@charset "utf-8";
html {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-font-smoothing:antialiased;
  /*解决chrome浏览器下字体不能小于12px*/ }
body {
	overflow-x: hidden;
	font-size: 12px;
    color: #666;
    font-family:"Microsoft YaHei",  -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", sans-serif;
  }
a {outline:none;text-decoration:none;color:inherit;cursor:pointer;}
a:hover{ }
html { zoom:1; }
html * {  outline:0; zoom:1; }
html button::-moz-focus-inner { border-color: transparent !important; }
 
/*设置margin和padding为0*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }
 
table {
  border-collapse: collapse;
  border-spacing: 0; }
 
fieldset, a ,img,input,select,button,textarea{background:none;
  border: 0; }
 
address, caption, cite, code, dfn, em, th, var，i {
  font-style: normal;
  font-weight: normal; }
 
li {
  list-style: none; }
 
caption, th {
  text-align: left; }
 
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }
 
q:before, q:after {
  content: ''; }
 
em, i {
  font-style: normal; }
 
input[type="submit"], input[type="reset"], input[type="button"], input[type=date], button, select, input[type=text] {
  /*去掉苹果的默认UI来渲染按钮 、解决部分手机浏览器对border：none无效办法*/
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /*去掉微信端input-text在ios轻快下的点击出先黑色半透明背景*/
  tap-highlight-color: transparent !important; }
 
a, input[type=text], select, input[type=password], textarea {
  /*去掉微信端input-text在ios轻快下的点击出先黑色半透明背景*/
  tap-highlight-color: transparent !important; }
  input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
  color: #aaa; }
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;content:'';width:100%;}
.warpper{width:1200px;margin:0 auto;}
#menu{width:12px;position:fixed;right:60px;top:50%;z-index:111;margin-top:-60px;}
#menu ul{}
#menu ul li{width:12px;height:12px;border:solid 1px #fff;border-radius:50%;display:block;margin:5px auto;}
#menu ul li a{display:block;width:12px;height:12px;border-radius:50%;font-size:0;}
#menu ul li.active{background:#ffb351;border:solid 1px #ffb351;}
.section{overflow:hidden;}
.section .tableCell{overflow:hidden;}
.fixheader{position:fixed;left:0;top:0;width:100%;z-index:111;height:100px;}
.header{height:100px;background:url(../images/hdbg.png) repeat-x center bottom;width:100%;position:relative;}
.header.active{background:url(../images/hbg.jpg) no-repeat center top;}
.header .logo{position:absolute;left:60px;top:25px;}
.header .rtop{position:absolute;right:60px;top:0;height:100px;}
.lan{width:70px;text-align:center;background:url(../images/hdbg.png) repeat-y left top;}
.lan a{display:block; color:#fff;font-size:14px;font-weight:bold; line-height:100px;background:url(../images/hdbg.png) repeat-y right top;}
.nav ul{}
.nav ul li{float:left;display:inline-block;text-align:center;}
.nav ul li a{padding-top:25px;display:block;padding-left:25px;padding-right:25px;}
.nav ul li i{display:inline-block;}
.nav ul li i img:nth-child(1){display:inline;}
.nav ul li i img:nth-child(2){display:none;}
.nav ul li span{display:block;width:100%;color:#fff;font-size:16px;font-size:14px;padding-top:5px;}
.nav ul li:hover i img:nth-child(1){display:none;}
.nav ul li:hover i img:nth-child(2){display:inline;}
.nav ul li:hover span{color:#FFB351;}
.fixbot{position:fixed;left:0;bottom:30px;width:100%;z-index:111;}

.share{padding-right:60px;}
.share a{display:inline-block;width:33px;height:33px;margin-left:24px;float:left;}
.share a.fqq{background:url(../images/fb01.png) no-repeat center;}
.share a.ffa{background:url(../images/fb02.png) no-repeat center;}
.share a.fbd{background:url(../images/fb03.png) no-repeat center;}

.fshare{width:200px;padding-top:25px;}
.fshare a{display:inline-block;width:33px;height:33px;margin-left:24px;float:left;}
.fshare a.fqq{background:url(../images/fb001.png) no-repeat center top;}
.fshare a.ffa{background:url(../images/fb002.png) no-repeat center;}
.fshare a.fbd{background:url(../images/fb003.png) no-repeat center;}
.footer.active .fshare{padding-right:40px;}
.footer.active .fshare a{width:41px;height:41px;background-size:cover;}

.copyright{color:#fff;padding-left:60px;}
.footer{background:#143191;/**height:170px;**/}
.footer.active{background:url(../images/fbg.jpg)no-repeat center top / cover;}
.ftop{border-bottom:solid 1px #435aa7;padding:8px 0;}

.fcon{width:750px;padding-top:12px;}
.fcon ul{}
.fcon ul li{width:50%;float:left;display:inline-block;line-height:32px;}
.fcon ul li,.fcon ul li a{color:#fff;font-size:14px;}
.fcon ul li:nth-child(n){width:500px;}
.fcon ul li:nth-child(2n){width:250px;}
.fwx{position:relative;top:4px;}
.fwx img{display:block;width:90px;height:90px;}
.fbot{text-align:center;/**height:50px;line-height:50px;**/text-align:center;color:#9199c2;}
.fixmsg{width:90px;background:#ffb351;height:90px;position:fixed;right:0;top:40%;z-index:111;text-align:center;}
.fixmsg a{display:block;width:90px;height:90px;}
.fixmsg a i{display:inline-block;padding-top:13px;}
.fixmsg span{display:block;font-size:14px;color:#fff;line-height:40px;}
.banner{width:100%;clear:both;height:970px;position:absolute;left:0;top:0;}
.banner img{ width:100%;  display:block;}
.banner{box-sizing:border-box;}
.banner .slides li img{display:block;}
.banner,.banner .slides,.banner .slides li{width:100%; height:970px;}
.banner .slides li{background-position:center top;background-repeat:no-repeat;background-size:cover;}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1; }
.slides a{display:block;height:100%;}
.slides ul li,.slides ul li a{ float:left; display:block;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;padding-left:0;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:12px;border-radius:12px; font-size:0px; overflow:hidden; border:solid 1px #fff;opacity:1;}
.flex-control-nav .flex-active{ border:solid 1px #ffb351;opacity:1;background:#ffb351;}
.flex-direction-nav a{width:72px;height:162px;line-height:162px;overflow:hidden;margin:-81px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-transition:all .6s ease;
}
.flex-direction-nav .flex-next{right:80px;}
.flex-direction-nav .flex-prev{left:80px;}
.flex-direction-nav  .flex-next:hover{} 
.flex-direction-nav .flex-prev:hover{}
/*banner end*/

.section .mcd{width:1200px;margin:0 auto;}
.section001{background:url(../images/s02bg.jpg) no-repeat center / cover;}
.section001 .list{overflow:hidden;}
.section001 .list ul{margin-right:-30px;}
.section001 .list ul li{float:left;width:375px;display:inline-block;margin-right:30px;}
.section001 .list ul li a{display:block;}
.section001 .list ul li .img{position:relative;height:300px;overflow:hidden;}
.section001 .list ul li .img img{display:block;width:100%;height:300px;}
.section001 .list ul li .txt{position:absolute;left:0;top:100%;width:100%;height:100%;color:#fff;font-size:16px;padding:20px;background:url(../images/gbg.png) repeat;box-sizing:border-box;}
.section001 .list ul li .txt strong{display:block;font-weight:normal;}
.section001 .list ul li .txt p{padding-top:10px;}
.section001 .list ul li .desc{position:relative;font-size:16px;line-height:26px;overflow:hidden;color:#fff;padding-top:10px;height: 78px;}
.section001 .list ul li:hover .txt{top:0;transition:all .5s;}
.section001 .list ul li:hover .img img{transform:scale(1.1);transition:all .5s;}

.ititle{color:#fff;padding-left:40px;background:url(../images/itbg.png) no-repeat left 0px;position:relative;padding-bottom:60px;}
.ititle:before{width:72px;height:1px;position:absolute;left:0;top:-20px;display:block;content:'';background:url(../images/hdbg.png) repeat;}
.ititle h2{font-size:28px;line-height:28px;}
.ititle02 h2{height:26px;background:url(../images/it01.png)no-repeat left top;font-size:0;}
.ititle03 h2{height:26px;background:url(../images/it03.png)no-repeat left top;font-size:0;}
.ititle05 h2{height:20px;background:url(../images/it05.png)no-repeat left top;font-size:0;}
.ititle strong{font-size:20px;display:block;font-weight:normal;}


.section002{background:url(../images/s03bg.jpg) no-repeat center / cover;}
.section002 .con{position:relative;}
.section002 .con .prev,.section002 .con .next{width:54px;height:54px;display:block;position:absolute;left:760px;bottom:0;z-index:111;}
.section002 .con.prev{}
.section002 .con .next{left:814px;}
.section002 .con .prev a,
.section002 .con .next a{display:block;width:100%;height:100%;}
.section002 .con .prev a{background:url(../images/pleft.png)no-repeat;}
.section002 .con .prev a:hover{background:url(../images/pleft02.png)no-repeat;}
.section002 .con .next a{background:url(../images/pright.png)no-repeat;}
.section002 .con .next a:hover{background:url(../images/pright02.png)no-repeat;}

.section002 .con ul{}
.section002 .con ul li{overflow:hidden;}
.section002 .con ul li .img{float:left;width:720px;}
.section002 .con ul li .img img{display:block;width:100%;height:420px;}
.section002 .con ul li .txt{float:right;width:440px;}
.section002 .con ul li .title{color:#fff;position:relative;padding:10px 0;line-height:28px;}
.section002 .con ul li .title:before,.section002 .con ul li .title:after{background:url(../images/hdbg.png) repeat;position:absolute;left:0;width:180px;height:1px;display:block;content:'';}
.section002 .con ul li .title:before{top:0;}
.section002 .con ul li .title:after{bottom:0;}
.section002 .con ul li .title strong{font-size:24px;}
.section002 .con ul li .title h3{font-size:18px;}
.section002 .con ul li .desc{font-size:16px;line-height:26px;overflow:hidden;color:#fff;margin-top:35px;}


.section003{background:url(../images/s04bg.jpg) no-repeat center / cover;}
.section003 .con{width:100%;height:100%;position:relative;}
.section003 .list{position:absolute;width:100%;height:100%;}
.section003 .list ul{float:left;width:100%;height:100%;}
.section003 .list ul li{float:left;width:16.66666%;height:100%; display:inline-block;position:relative;background:url(../images/hdbg.png) repeat-y right top;overflow:hidden;}
.section003 .list ul li a{display:block;width:100%;height:100%;}
.section003 .list ul li .img{position:absolute;left:0;top:0;width:100%;height:100%;}
.section003 .list ul li img{display:block;width:100%;height:100%;top:-100%;opacity:0;position:absolute;left:0;}
.section003 .list ul li .txt{position:absolute;left:0;bottom:50%;width:100%;height:auto;background:url(../images/jia.png) no-repeat center bottom;padding-bottom:40px;text-align:center;}
.section003 .list ul li .txt strong{display:block;width:100%;font-size:30px;font-size:22px;color:#fff;}
.section003 .list ul li .desc{display:none;width:100%;font-size:18px; color:#fff;text-align:center;opacity:0;}
.section003 .list ul li:hover img{top:0;transition:all .6s;opacity:1;}
.section003 .list ul li:hover .txt{background:none;padding-bottom:0;transition:all .5s;}
.section003 .list ul li:hover .txt strong{opacity:0;transition:all .5s;}
.section003 .list ul li:hover .txt .desc{opacity:1;transition:all .5s;display:inline-block;}
.section003 .list ul li .desc span,.section003 .list ul li .desc samp{display:block;text-align:center;}
.section003 .list ul li .desc span{font-size:24px;display:inline-block;position:relative;line-height:24px;padding-bottom:3px;}
.section003 .list ul li .desc samp{font-size:18px;line-height:18px;}
.section003 .list ul li .desc span:after{width:100%;height:1px;display:block;content:'';background:#fff;position:absolute;left:0;bottom:0;}

.section004{background:url(../images/s05bg.jpg) no-repeat center / cover;}

.section004 .mcd{/* padding-top:170px; */}
.section004 .footer{/*position:absolute;left:0;bottom:0;width:100%;*/}
.section004 .con{width:818px;height:503px;margin:0 auto;position:relative;/*background:url(../images/linkimg.png) no-repeat center top;*/}
.section004 .con ul{}
.section004 .con ul li{width:198px;height:198px;display:inline-block;position:absolute;}
.section004 .con ul li:nth-child(1){left:0;top:0;}
.section004 .con ul li:nth-child(2){left:0;top:204px;}
.section004 .con ul li:nth-child(3){left:155px;top:102px;}
.section004 .con ul li:nth-child(4){left:155px;top:305px;}
.section004 .con ul li:nth-child(5){left:310px;top:204px;}


.section004 .con ul li:nth-child(6){right:155px;top:102px;}
.section004 .con ul li:nth-child(7){right:155px;top:305px;}

.section004 .con ul li:nth-child(8){right:0;top:0;}
.section004 .con ul li:nth-child(9){right:0;top:204px;}
.section004 .more{width:88px;height:76px;margin:0 auto;text-align:center;line-height:76px;position:relative;top:-15px;}
.section004 .more a{display:block;width:100%;height:100%;background:url(../images/more.png)no-repeat center top;font-size:14px;color:#fff;}


.section004 .mcd.active .con{transform:scale(0.7);-moz-transform:scale(0.7);-webkit-transform:scale(0.7);margin-top:-100px;}
.section004 .mcd.active .more{top:-110px;}

.aboutbg{width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/abg.jpg) no-repeat center / cover;}
.aboutbg .warpper{padding-top:140px;}
.mtxt{width:1030px;margin:0 auto;overflow:hidden;position:relative;left:-30px;}
.mtitle{text-align:center;color:#fff;padding-bottom:40px;padding-top:40px;}
.mtitle strong,.mtitle span{display:block;}
.mtitle strong{font-size:28px;font-weight:bold;}
.mtitle span{font-size:16px;font-family:Arial;}
.aboutus{color:#fff;font-size:16px;line-height:32px;}
.strength{overflow:hidden;}
.strength ul{}
.strength ul li{width:25%;float:left;display:inline-block;text-align:center;}
.strength ul li i{display:inline-block;width:120px;height:120px;overflow:hidden;}
.strength ul li img:nth-child(1){display:inline;}
.strength ul li img:nth-child(2){display:none;}
.strength ul li strong{display:block;font-size:16px;color:#fff;padding-top:20px;}
.strength ul li:hover  img:nth-child(1){display:none;}
.strength ul li:hover  img:nth-child(2){display:inline;}
.strength ul li:hover strong{color:#ffb351;transition:all .3s;}

.honor{}
.honor ul{margin-right:-80px;margin-top:-20px;}
.honor ul li{float:left;display:inline-block;width:280px;margin-right:80px;margin-top:20px;}
.honor ul li img{width:280px;height:400px}

.aboutbg .dragCont{width:1000px; padding-right:30px;height:190px; overflow:hidden; position:relative;}

/*滚动条*/
.dragWarp{ width:4px; height:100%; position:absolute; right:10px; top:0; z-index:1;visibility:hidden;}
.dragColor{ width:2px; height:100%; margin:0 auto; background-color:#fff;}
.dragBar{ width:4px; height:75px; background-color:#ffb351; position:absolute; left:0; top:0; cursor:pointer;}

.mbg{padding-bottom:60px;}
.menubg{padding-top:50px;padding-bottom:20px;border-bottom:solid 1px #ccc;}
.lanmu{color:#1a1a1a;}
.lanmu strong{font-size:28px;font-weight:bold;display:block;}
.lanmu span{font-size:16px;display:block;font-family:Arial;}
.smenu{max-width: 960px;}
.smenu ul{}
.smenu ul li{width:140px;height:36px;line-height:36px;float:left;display:inline-block;text-align:center;margin-right:20px;background:#3c70c6; margin-bottom: 10px}
.smenu ul li a{color:#fff;font-size:14px;display:block;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.smenu ul li.cur{background:#ffb351;}
.smenu ul li.cur a{color:#0a0a0a;}

.cnav{font-size:20px;font-weight:bold;color:#333;padding:40px 0;text-transform:uppercase;}
.special{overflow:hidden;width:1040px;margin:0 auto;}
.special ul{margin-left:-80px;margin-right:-80px;}
.special ul li{width:240px;text-align:center;display:inline-block;float:left;margin-left:80px;margin-right:80px;}
.special ul li i{display:inline-block;height:130px;}
.special ul li  img:nth-child(1){display:inline;}
.special ul li  img:nth-child(2){display:none;}
.special ul li .title{font-size:18px;color:#292929;height:60px;line-height:60px;padding-top:10px;border-bottom:solid 1px #ccc;}
.special ul li .desc{font-size:14px;line-height:24px;padding-top:20px;padding-bottom:20px;}
.special ul li:hover  img:nth-child(1){display:none;}
.special ul li:hover  img:nth-child(2){display:inline;}

.product{overflow:hidden;}
.product ul{margin-right:-15px;}
.product ul li{float:left;width:390px;display:inline-block;margin-right:15px;text-align:center;margin-top:60px;}
.product ul li .img{height:226px;overflow:hidden;}
.product ul li .img img{height:226px;display:block;width:100%;}
.product ul li .txt{height:70px;line-height:70px;font-size:16px;font-weight:bold;background:#f2f2f2;}
.product ul li:hover .img img{transform:scale(1.1);transition:all .6s;}
.product ul li:hover .txt{background:#ffb351;color:#fff;transition:background .6s;}

.m-page{text-align:center;padding-top:60px;}
.m-page a{width:48px;height:48px;border:solid 1px #d9d9d9;display:inline-block;margin:0 10px;text-align:center;line-height:48px;font-size:16px;color:#6b6b6b;}
.m-page a.z-crt{background:#ffb351;color:#fff;border:solid 1px #ffb351;}

.newslist{overflow:hidden;}
.newslist ul{margin-right:-15px;}
.newslist ul li{float:left;width:390px;display:inline-block;margin-right:15px;margin-top:60px;}
.newslist ul li .img{height:260px;overflow:hidden;}
.newslist ul li .img img{height:260px;display:block;width:100%;}
.newslist ul li .txt strong{display:block; height:70px;line-height:70px;font-size:16px;font-weight:normal;color:#1a1a1a;border-bottom:solid 1px #bfbfbf;}
.newslist ul li .desc{padding-top:10px;height:44px;overflow:hidden;line-height:24px;}
.newslist ul li:hover .img img{transform:scale(1.1);transition:all .6s;}
.newslist ul li:hover .txt strong{color:#3c70c6;transition:background .6s;}


.caselist{overflow:hidden;}
.caselist ul{margin-right:-60px;}
.caselist ul li{float:left;width:570px;display:inline-block;margin-right:60px;margin-top:60px;position:relative;}
.caselist ul li .img{height:440px;overflow:hidden;}
.caselist ul li .img img{height:440px;display:block;width:100%;}
.caselist ul li .txt{position:absolute;left:0;top:0;width:100%;height:100%; text-align:center;color:#fff;background:url(../images/abg.png) repeat;transform:scale(0);}
.caselist ul li .txt strong{display:inline-block;font-size:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:150px;}
.caselist ul li .txt strong:after{width:100%;height:1px;display:block;content:'';background:#fff;}
.caselist ul li .desc{padding-top:0px;overflow:hidden;line-height:10px;font-size:14px;padding-left:30px;padding-right:30px;background:url(../images/fd.png) no-repeat center bottom;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-bottom:55px;}
.caselist ul li:hover .txt{transform:scale(1);transition:all .6s;}
.caselist ul li:hover .img img{transform:scale(1.1);transition:all .6s;}




.contactus{overflow:hidden;padding-bottom:50px;padding-top:30px;}
.conlist .cnav{padding-bottom:20px;padding-top:0;}
.conlist{}
.conlist ul{}
.conlist ul li{font-size:16px;line-height:48px;}
.conlist ul li strong{font-weight:bold;}
.wx{width:180px;text-align:center;}
.wx img{width:178px;height:178px;border:solid 1px #ccc;display:block;}
.wx p{line-height:65px;font-size:16px;color:#333;}

.message{clear:both;}
.msgleft{}
.msgright{width:580px;}
.msgright .from{margin-top:-18px;}
.msgright .row{width:580px;height:58px;line-height:58px;border:solid 1px #ccc;margin-top:18px;}
.msgright .end{margin-top:28px;}
.msgright .txt_input{width:100%;height:58px;vertical-align:middle;padding:0 20px;font-size:18px;color:#6b6b6b;}
.msgright .msgtxt{height:180px;}
.btnsubmit{width:100%;height:80px;line-height:80px;text-align:center;background:#3c70c6;text-align:center;font-size:18px;color:#fff;cursor:pointer;}

.news-detail{position:relative;}
.backto{width:auto;height:40px;line-height:40px; text-align:right;position:absolute;right:0;top:0;}
.backto a{border:solid 1px #3c70c6; display:inline-block;text-align:center;font-size:14px;background:url(../images/back.png) no-repeat 15px center;color:#3c70c6;padding-left:40px;padding-right:20px;}


.fixtxt{ position: fixed; display:none; top: 68%; left: 28%; z-index: 9999; display: none; width: 400px; height: 200px; margin: -200px 0 0 -400px; background: rgba(60,112,198,0.9); color: #FFFFFF;}
.fixtxtm{ display: table-cell; vertical-align: middle;}
.fixtxtc{ padding: 0 10px;}
.fixtxt p{font-size: 12px;}
.fixtxtc .fixtxtbt{ padding-top: 20px; text-align: center; font-size: 18px;}
.fixtxtc .fixjs{ margin-top: 10px; font-size: 16px; margin-bottom: 10px; line-height: 30px;}
.fixtxtc .fixjs a{ color: #FFFFFF;}
.fixtxtc .fixdjs{ text-align: center; font-size: 12px; color: #FFFFFF;}
.fixtxtc .fixclose{ display: block; width: 128px; height: 38px; line-height: 38px; margin: 20px auto 20px; border: 1px solid #FFFFFF; text-align: center;}