@charset "utf-8";
/**
点点虫
http://diandianchong.net
**/
body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#565656;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;background:#fff;}
a{color:#565656;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#0089ff;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.ju{position:relative;min-width:320px;width:100%;max-width:1400px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{width:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd80{padding:50px 0;font-size:.875em;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('../t/font_1152918_auzzl2c96di.eot');
  src: url('../t/font_1152918_auzzl2c96di.eot?#iefix') format('embedded-opentype'),
  url('../t/font_1152918_auzzl2c96di.woff2') format('woff2'),
  url('../t/font_1152918_auzzl2c96di.woff') format('woff'),
  url('../t/font_1152918_auzzl2c96di.ttf') format('truetype'),
  url('../t/font_1152918_auzzl2c96di.svg#iconfont') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

.yuyan {
		float: left;
		line-height: 120px;
}
.header  .yuyan .xl{top:93px;}
.header  .yz{margin-top: 21.5px;}
.yuyan .yz {
    float: left;
    position: relative;
    margin-top: 60px;
    margin-left: 8px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    height: 33px;
       padding: 0 10px;
    line-height: 33px;
    background:#0089ff;
    text-align: center;
    font-size: 14px;
    border-radius: 40px;
    color: #ffffff;
}
.yuyan:hover .xl{ display: block}

.yuyan .xl{  top:70px;    z-index: 9999;
    background: #fff;
    position: absolute;
    width: 165px;
    display: none;
    padding: 15px;
    right: 0px;    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;}
.yuyan .xl .ignore{      display: block;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    padding: 5px 0 5px 0;}
.yuyan .xl .ignore img{float:left;display:block;margin-right:5px;}
/* 头部 */
.header .logo{
    width: 16%;
    padding-top: 30px;}
.header{      position: fixed;
    height: 120px;
    border-bottom: 1px solid #9cc9f1;
    z-index: 999999;
    width: 100%;
    background: #ffffff;}
.header .tie{padding-left:25px;}
.header .tie strong{font-size:2em;color:#009b4c;display:block;}
.headR{    position: relative;font-size:.875em;    text-align: left;}
.headR .info em{font-style:normal;margin:0 15px;color:#ddd;}
.headR .wx{position:relative;z-index:10;}
.headR .wx i{font-family:"iconfont";font-style:normal;font-size:1.286em;}
.headR .wx  span{position:absolute;top:26px;right:-52px;display:none;background:#eee;padding:5px;width:120px;}
.headR .wx  span::after{content: "";position: absolute;border:6px solid transparent;border-bottom-color:#eee;top:-12px; left:50%;margin-left:-6px;}
.headR .tel{ padding-top: 30px;   color: #6f6f6f;
    font-size: 1.2rem;
    letter-spacing: -1px;
    font-family: Arial;
    font-weight: 100;
    line-height: 30px;}
.headR .lang{color:#f00;}
.headR .tel span{font-weight: bold;    display: block;
    color: #0089ff;
    font-size: 1.8rem;}
/* PC导航 */
.nav{    font-size: 1.143em;
    float: left;
    width: 55%;
    margin-left: 21%;
    padding-top: 66px;}
.nav .container{display: flex;justify-content: space-between;}
.nav .m{   float:left;text-align:center;position:relative;flex-grow:1;}
.nav .m>a{ float: left;color:#333;display:block;position:relative;z-index:2;font-weight: bold;
font-size: 17px;}
.nav .m i {     font-family: "iconfont";
    color: #464545;
    font-size: 1rem;
    font-style: normal;
       padding: 0 15px 0 6px;
    position: absolute;
    line-height: 35px;
    font-weight: 100;
}
.nav .cur>a::after,.nav .m>a:hover::after{width:100%;transform: scale(1);transform-origin:left;}
.nav .cur>a,.nav .m>a:hover{color:#0089ff;}
.nav .navSub{position:absolute;left:0;    top: 50px;z-index: 999999;background:#eee;line-height:35px;width:180px;color:#333;font-size:.875rem;transform:scale(0,1);transition:all 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:50px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#0089ff;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}
.navFix{position: fixed;left:0;top:0;width:100%;z-index:99;transition:all .3s;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#17a2ff;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapLang{position:absolute;top:20px;right:55px;font-family:"iconfont";line-height:1;color:#17a2ff;font-size:1.6rem;display:none;}

/* 广告轮播图 */
.banner{     padding-top: 120px;  border-bottom: 1px solid #9cc9f1;position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}
.banner .swiper-slide p{position: absolute;
    bottom: 10%;
    left: 15%;
    font-size: 35px;
    color: #0089ff;
    font-weight: bold;}
.banner .swiper-slide p a{    padding: 0 20px;display: block;
    background: #0089ff;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 100;
    line-height: 50px;
    margin-top: 30px;}
.banner .swiper-slide p a:hover{background:#f76b00;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}
.syy{    overflow: hidden;
    padding: 100px 0 50px 0;}
.syy .text{       padding-top: 8%; width: 800px;float: left;}
.syy .text .title{    font-size: 48px;
    font-weight: bold;
    color: #0089ff;}
.syy .text .title p{font-size: 20px;
    font-weight: 100;
    color: #666;
    line-height: 50px;
    padding-top: 20px;}
.syy .text ul{overflow: hidden;margin-top: 30px;}
.syy .text ul li{}
.syy .text ul li a:before,.syy .text ul li span:before {
    content: "\f105";    padding-right: 10px;
}

.syy .text ul li a{      line-height: 50px;  font-size: 20px;
    font-weight: bold;
    color: #333;display: block;
}
.syy .text ul li span{ display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   line-height: 50px;display: block; font-size: 20px;color: #666;}
.syy .img{    width: 600px;float:right;}
.syy .img img{width: 100%;}
.sye{    overflow: hidden;
    padding: 100px 0 50px 0;}
.sye .text{       padding-top: 8%;margin-left: 100px; width: 700px;float: right;}
.sye .text .title{    font-size: 48px;
    font-weight: bold;
    color: #0089ff;}
.sye .text .title p{font-size: 20px;
    font-weight: 100;
    color: #666;
    line-height: 50px;
    padding-top: 20px;}
.sye .text ul{overflow: hidden;margin-top: 30px;}
.sye .text ul li{}
.sye .text ul li a:before,.sye .text ul li span:before {
    content: "\f105";    padding-right: 10px;
}

.sye .text ul li a{      line-height: 50px;  font-size: 20px;
    font-weight: bold;
    color: #333;display: block;
}
.sye .text ul li span{  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  line-height: 40px;display: block; font-size: 20px;color: #666;}
.sye .img{    width: 600px;float:left;}
.sye .img img{}
.sys{overflow: hidden; padding: 50px 0 50px 0;}
.sys .title{    color: #333;
    font-weight: bold;
    font-size: 35px;
    text-align: center;}
.sys .title p{    font-weight: 100;
    font-size: 16px;
    line-height: 40px;
    margin-top: 10px;}
.sys ul{margin-top: 30px; overflow: hidden;}
.sys ul li{       transition: all 0.5s ease 0s; position: relative;
    float: left;
    width: 31%;
    margin: 1.15555%;
    border: 1px solid #f1f1f1;
    border-radius: 5px;}
.sys ul li img{width: 100%;}
.sys ul li span{ display: none;      transition: all 0.5s ease 0s;  position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    padding-top: 21%;
    height: 100%;
    background: #fff;}
.sys ul li:hover span{display: block;    transition: all 0.5s ease 0s;}
.sysi{overflow: hidden; padding: 0 0 50px 0;}
.sysi .title{  color: #333;
    font-weight: bold;
    font-size: 35px;
    text-align: center;}
.sysi ul{margin-top: 30px;overflow: hidden;}
.sysi ul li{float: left;
    width: 31%;padding: 1%;
    margin: 1.15555%;
    border: 1px solid #f1f1f1;}
.sysi ul li .img{ width: 100%;}
.sysi ul li .img img{    width: 100%;
    object-fit: cover;
    height: 280px;}
.sysi ul li .text{overflow: hidden;}
.sysi ul li .text h3{margin-top: 10px;
    color: #000;}
.sysi ul li .text h3 a{font-size: 16px;
    color: #000;}
.sysi ul li .text p{color: #666;
    font-size: 12px;
    line-height: 24px;}
.sysi .gd{    text-align: center;}
.sysi .gd a{
    background: #0089ff;
    color: #fff;
    padding: 0 30px;
    line-height: 40px;
    display: -webkit-inline-box;
    margin-top: 20px;
    border-radius: 5px;
}
.syw{overflow: hidden; padding: 50px 0 50px 0;}
.syw .title{color: #333;
    font-weight: bold;
    font-size: 35px;
    text-align: center;}
.syw .title p{  font-weight: 100;
    font-size: 16px;
    line-height: 40px;
    margin-top: 10px;}
.syw ul{margin-top: 30px;overflow: hidden;}
.syw ul li{width: 23%;margin: 1%;float: left;border: 1px solid #f1f1f1;overflow: hidden;}
.syw ul li img{}
.food{background: #232323;padding: 30px 0 30px 0; overflow: hidden;}
.food .dh{overflow: hidden;width: 300px; float: left;}
.food .dh h3,.food .paizhao h3,.food .lianxi h3{color: #ffffff;
    line-height: 50px;
    font-size: 20px;}
.food .dh dl{overflow: hidden;margin-top: 20px;}
.food .dh dl dt{    float: left;
    width: 150px;}
.food .dh dl dt a{    display: block;
    color: #dddddd;
    line-height: 40px;}
.food .dh dl dd{    float: left;
    width: 150px;}
.food .dh dl dd a{display: block;color:#dddddd; line-height: 40px;}
.food .paizhao{    margin-left: 50px;float: left;}
.food .paizhao .text{margin-top: 20px;font-size: 14px;
    line-height: 25px;
    color: #dddddd;}
.food .paizhao p{font-size: 14px;
    line-height: 25px;
    color: #dddddd;}
.food .lianxi{}
.food .lianxi .text{margin-top: 20px;font-size: 16px;
    line-height: 30px;
    color: #dddddd;}
.food .lianxi p{font-size: 16px;
    line-height: 30px;
    color: #dddddd;}
.dibu{overflow: hidden;background: #000000;}
.dibu h3{    color: #fff;
    line-height: 40px;
    font-size: 18px;}
.dibu .text{font-size: 12px;
    line-height: 26px;
    color: #dddddd;}
.dibu p{font-size: 12px;
    line-height: 26px;
    color: #dddddd;}
.weizhi {    margin: 65px auto auto auto;
    line-height: 40px;
    font-size: 14px;}
.weizhi i {font-size:15px;padding:0 5px}
.neiban{padding-top: 120px;   width: 100%;
    height: 350px;
    background-position: center;
    background-image: url(../images/neibanner.jpg);}
.neiban .title{    color: #333;
    font-size: 40px;
    line-height: 60px;
    margin-top: 70px;}
.abouty{padding: 60px 0 0 0;}
.abouty .title{  color: #333;    font-size: 30px;
    line-height: 70px;}
.abouty .text{    font-size: 16px;
    line-height: 30px;
    color: #666;}
.abouty .text p{    font-size: 16px;
    line-height: 30px;
    color: #666;}
.qqrs{overflow: hidden;  padding: 50px 0 50px 0;  background: url(../images/aboutbj.jpg) no-repeat center center / cover;}
.qqrs .title{font-size: 40px;
    line-height: 70px;
    color: #fff;
    text-align: center;}
.qqrs .title p{    font-size: 23px;
    line-height: 36px;}
.qqrs ul{overflow: hidden;margin-top: 30px;}
.qqrs ul li{     width: 33.33333%;
    float: left;
    text-align: center;
    display: block;    line-height: 45px;
    color: #fff;
    font-size: 18px;}
.qqrs ul li span{  display: block;  font-weight: bold;
    font-size: 35px;
    color: #fff;}
.syy .text .txt{width: 90%;}
.syy .text .txt,.sye .text .txt{}
.syy .text .txt p,.sye .text .txt p{font-size: 18px;
    line-height: 32px;
    margin-top: 10px;}
.neilianxi{padding: 60px 0 0 0;}
.neilianxi .title{     text-align: center; color: #333;    font-size: 30px;
    line-height: 70px;}
.neilianxi .text{      text-align: center;  font-size: 16px;
    line-height: 30px;
    color: #666;}
.neilianxi .text p{    font-size: 16px;
    line-height: 30px;
    color: #666;}
.neilianxi .zw{       font-size: 16px;
    line-height: 30px;
    color: #666;
    width: 50%;
    margin: 0 auto;
    padding: 50px 0 50px;}
.neilianxi .zw p{    font-size: 16px;
    line-height: 30px;
    color: #666;}
.newslb{overflow:hidden;padding: 50px 0 50px 0;}
.newslb .newszuo {width:100%;overflow:hidden;}
.newslb .newszuo .title {}
.newslb .newszuo dl {    border-radius: 10px;transition:.5s;border:#dedede solid 1px;overflow:hidden;padding:22px;margin-bottom:20px;}
.newslb .newszuo dl:hover {transition:.5s;border:#0089ff solid 1px;}
.newslb .newszuo dl dt {float:left;width:30%;}
.newslb .newszuo dl dt img {width:100%;object-fit:cover;height:200px;}
.newslb .newszuo dl dd {position:relative;float:right;width:68%;}
.newslb .newszuo dl dd h3 a {font-weight:100;height:40px;line-height:40px;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newslb .newszuo dl dd .txt {font-size:14px;line-height:29px;}
.newslb .newszuo dl dd .cs {line-height:40px;margin-top:20px;color:#999;}
.newslb .newszuo dl dd .cs span {float:right;line-height:35px;border:1px solid #eee;}
.newslb .newszuo dl dd .cs span a {transition:.5s;display:block;padding:0 20px;}
.newslb .newszuo dl:hover dd .cs span a {transition:.5s;border:1px solid #0089ff;color:#fff!important;background:#0089ff;}
.page {
    padding-top:20px;overflow:hidden;display:flex;justify-content:center;}
.page a {border-radius:5px;line-height:32px;padding:0 13px;border:1px solid #ddd;margin:5px;color:#666;display:block;font-size:14px;float:left;}
.page a b {border-radius:5px;border:none;line-height:32px;padding:0;margin:0px;display:block;float:left;font-weight:100;color:#666;background:none;}
.page a:hover {color:#fff;background:#0089ff;border-radius:5px;line-height:30px;text-align:center;border:1px solid #0089ff;margin:5px;display:block;float:left;}
.newsnr {padding:20px;width:100%;overflow:hidden;border:1px solid #eee;}
.newsnr .san {font-size:14px;line-height:40px;margin-bottom:20px;margin-top:20px;}
.newsnr .san a {border:1px solid #ddd;padding:0 10px;margin-right:10px;line-height:30px;display:-webkit-inline-box;border-radius:3px;}
.newsnr .cs {padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
.newsnr .cs h1 {font-size:27px;line-height:50px;color:#333;}
.newsnr .cs p {color:#999;font-size:14px;line-height:30px;}
.newsnr .cs p span {padding:0 20px;}
.newsnr .cs p i {margin-right:6px;}
.newsnr .zw {line-height:30px;font-size:16px;color:#999;padding-top:20px;}
.newsnr .zw p {line-height:30px;font-size:16px;color:#999;}
.newsnr .zw a {line-height:30px;font-size:16px;color:#999;}
.newsnr .shangxia .fl{float: left;}
.newsnr .shangxia .fr{float: right;}
.newsnr .shangxia {border-top:1px solid #e0e0e0;}
.newsnr .shangxia p a {font-size:14px;line-height:35px;}
.liuyan {
		    padding-bottom: 50px;
		overflow: hidden;
}
.liuyan h3 {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 15px;
}
.liuyan ul {overflow: hidden;}
.liuyan ul li {margin-top: 15px; overflow: hidden;}
.liuyan ul .yiyi {
		width: 100%;
		overflow: hidden;
}
.liuyan ul .yiyi input {
		    width: 48%;
    margin-right: 1%;
    border: 1px solid #f2f2f2;
    line-height: 50px;
    padding-left: 10px;
		font-size: 14px;
}
.liuyan ul .erer{width: 100%;}
.liuyan ul .erer input{    border: 1px solid #f2f2f2;
    line-height: 50px;
    padding-left: 10px;
    font-size: 14px;
		    width: 96%;}
.liuyan ul .nr {}
.liuyan ul .nr textarea {
		border: 1px solid #f2f2f2;
		line-height: 35px;
		padding-left: 10px;
		font-size: 14px;
		width: 98.7%;
		margin-top: 10px;
		height: 111px;
}
.liuyan ul .tj {}
.liuyan ul .tj input {
		background: #333;
		color: #fff;
		padding: 0 50px;
		line-height: 40px;
		margin-top: 10px;
}
.syy .text .txt ul li p, .sye .text .txt  ul li p{margin-top: 0;}

.sye .text .xiazai ul li a:before, .sye .text ul li span:before {
    content: "";
}
.sye .text .xiazai ul li{    float: left;
    width: 23%;
    margin-right: 2%;
    text-align: center;}
.sye .text .xiazai ul li a{
    background: #0089ff;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
}
.sye .text .xiazai ul li img{    width: 30px;
    margin-right: 10px;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}