

*{ margin: 0; padding: 0;}
html,body{ min-height:100% ; width: 100%; max-width: 1920px; margin: 0 auto; color: #666;}
body{  position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑" ; overflow-x: hidden; }
a{ color: #666; text-decoration: none;}
a:hover,
a:focus{ text-decoration: none;}
h4{ font-size: 16px; font-weight: normal;color: #666666;}
i,em{font-style: normal; font-family: simhei;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}


.fl{ float: left;}
.fr{ float: right;}
.pore{ position: relative;}
.clearfix:after{ content: ""; display: block; clear: both;}
.shub{ cursor: pointer;}

.wapper{ width: 1280px; margin: 0 auto;}


input,button,textarea{ outline: none;}
input[type=checkbox].ace+.lbl:hover::before,
input[type=checkbox].ace:hover+.lbl::before,
input[type=radio].ace+.lbl:hover::before,
input[type=radio].ace:hover+.lbl::before{border-color: #4D96C6; }
input[type=checkbox].ace:focus+.lbl::before, input[type=radio].ace:focus+.lbl::before{border-color: #4D96C6;  }





/* top  */
.top{ height: 71px; border-bottom: 1px solid #fdfefe;  }
.logo{ width: 349px; height: 52px; margin-top: 10px;}

.menu{ width:750px; height: 49px; background: url(../images/nav-bg.png) no-repeat left center ;  border-radius:5px ;padding: 0 45px; margin-top: 13px;}
.menu ul{ width: 900px;}
.menu ul li{ position: relative;  float: left; min-height: 49px; margin-right: 50px; text-align: center;}

.menu ul li div p{ font-size: 16px; margin-top: 7px; color: #515050; }
.menu ul li div i{ display: block; font-size: 12px; color: #696969; text-transform: uppercase; margin-top: 1px; }
 
 
.menu ul li dl{ position: absolute; z-index: 9;  height: 0; top: 45px; left: 50%; margin-left: -50px; width: 100px; background: url(../images/nav-dtbg.jpg) repeat-x left top; background-size: 100% 100%; text-align: center;  border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden;}
.menu ul li dl dt{ position: relative; margin-bottom: 15px;color: #3e3e3e; font-size: 16px;  margin-top: 7px; }

.menu ul li.on div p,
.menu ul li:hover div p{ color: #fff; font-weight: bold;}
.menu ul li.on div i,
.menu ul li:hover div i{ color: #fff;} 


.menu ul li:hover dl{ height: auto; }
.menu ul li dl dt:hover a{ color: #fff; }
.menu ul li dl dt:hover:before{ content: ""; position: absolute; left: 50%; bottom: -7px; margin-left: -15px; width: 30px; height: 1px; background: #fff; }


/* swiper */
.index-swiper{position: relative; }

.banner .slides li{  min-width:1280px; height: 490px; margin: 0 auto; position: relative;}
.ibanner .slides li{  min-width:1280px; height: 561px; margin: 0 auto; position: relative;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden;z-index:1;}
.banner .slides{position:relative;z-index:1;}

/* 圆点切换 */
.flex-control-nav.flex-control-paging{ display: block;}
.flex-control-nav{position:absolute;bottom:28px; z-index:1;padding-left:0;width:1200px;left:0;right:0; height:22px; line-height:2px;margin:0 auto;text-align:center;}
.flex-control-nav li{width:12px;height:12px;margin:0 8px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.flex-control-nav a{display:inline-block;width:12px;height:12px; line-height:80px;cursor:pointer;color:#fff;font-family:simhei; overflow:hidden; background: #fff; border-radius: 50%;}
.flex-control-nav .flex-active{ background: #0497c6;}


/* 左右按钮切换 */
/*.list-btn .flex-direction-nav a{width:40px;height:48px;line-height:99em;overflow:hidden;display:block;position:absolute;top:;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease; outline: none;}
.list-btn .flex-direction-nav .flex-next{  height: 100%;  background:rgba(255,255,255,.5); right:0;}
.list-btn .flex-direction-nav .flex-prev{  height: 100%;  background:rgba(255,255,255,.5); left:0;}
.list-btn .flex-direction-nav .flex-prev:after{ content: '<'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.list-btn .flex-direction-nav .flex-next:after{ content: '>'; display: block; width: 100%; height: 100%; line-height: 338px; font-family: '宋体'; font-size: 16px; color: #fff; text-align: center; }
.list-btn .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.list-btn .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.list-btn .flexslider:hover .flex-next:hover, .list-btn .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100); background: #008ed6;}*/




/*  list  */

.index-list{ height: 238px; background: url(../images/list-bg.png) no-repeat center top;  padding-top: 32px; }

.index-list .video{ float: left; width: 420px; height: 210px; padding: 0 24px 27px 0; border-right: 1px solid #dfe3eb;}
.index-list .i-jj{  float: left; width: 330px; height: 210px; padding: 0 24px 27px; border-right: 1px solid #dfe3eb;}
.index-list .i-jj .asspan span{ float: left; display: block; width: 130px; height: 170px; overflow: hidden; margin-top: 15px;}
.index-list .i-jj .asspan div{ float: right; display: block; width: 180px; height: 170px; overflow: hidden;}
.index-list .i-jj .asspan div p{ text-align: justify; color: #807c7c; line-height: 24px;}


.index-list .i-new{ float: right;  width: 435px;}
.index-list .i-new .tianfu span{ float: left; width: 104px; height: 80px; margin-top: 15px;}
.index-list .i-new .tianfu dl{ float: right; width: 315px;}
.index-list .i-new .tianfu dl dt p{  color: #5d5d5d; margin-bottom: 4px;}
.index-list .i-new .tianfu dl dt i{ display: block; font-size: 12px; color: #707070; }
.index-list .i-new .tianfu dl dd{ font-size: 12px; color: #707070; line-height: 18px; height: 36px;  overflow: hidden; margin-top: 10px;}
.index-list .i-new .tianfu:hover dl dt p{ font-weight: bold; color: #0679c9;}
.index-list .i-new .tianfu:hover dl dt i{ font-weight: bold; color: #176ca6;}


.newul ul li{ margin-top:10px; height: 20px; line-height: 20px;}

.newul ul li span{ display: inline-block; width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #707070; }
.newul ul li i{ float: right; font-size: 12px;}
.newul ul li:hover i{ color: #51a8e2;}


.i-title{ }
.i-title span{ font-size: 18px; color: #5e5d5d;font-weight: bold; font-family: "微软雅黑";}
.i-title span i{ font-size: 14px;font-weight: normal; text-transform: uppercase;  margin-left: 10px;}
.i-title  em{ display: inline-block; float: right; width: 68px; height: 35px; line-height: 28px; font-size: 12px; color: #024276; text-align: center; background: url(../images/more.png) no-repeat left center;}



/*  footer  */
.footer{ height: 43px; background: #0092b0; padding:10px 0}
.footer .fl p{ color: #fff; line-height: 24px;}




#share .social-share-icon{ display: inline-block; width: 40px; line-height: 40px; height: 40px; text-align: center; background: #fff; border-radius: 100%; margin: 0 7px; border: 1px solid #89aad3;}
#share .social-share-icon{ color: #0092b0; font-size: 22px;}
#share .social-share-icon:hover{ background: #f0f2f2;}







/*  内页  */
.n-title { padding: 45px 0 0; border-bottom: 1px solid #e8e8e8; margin-bottom: 50px;}
.n-title .tit-list ul li{ float: left; font-size: 18px; color: #747474; padding-bottom: 11px; margin-right: 37px;}
.n-title .tit-list ul li.on{ border-bottom: 2px solid #36a4d2;}
.n-title .tit-list ul li.on a{ color: #36A4D2;}

.n-title .ny-pen{ color: #bbb;}
.n-title .ny-pen a,
.n-title .ny-pen i { color: #bbbbbb; }
/* 公司概况   */

.are-a{ position: relative; width: 592px; height:535px;}
.are-a .arbg{ width: 563px; height: 495px; background: #2294c4;}
.are-a .ar-img{ position: absolute; right: 0; bottom: 0; width: 552px; height: 504px;}

.are-r{ width: 640px; }
.are-r dl dt h5{  font-weight: normal; font-size: 28px; color: #282828; margin-bottom: 17px; }
.are-r dl dt p{ font-size: 20px; color: #3f3f3f; margin-bottom: 20px;}
.are-r dl dt{ position: relative; border-bottom: 2px solid #f4f4f4;}
.are-r dl dt:before{ content: ""; position: absolute; left: 0; bottom: -2px; width: 40px; height: 2px; background: #36a4d2;}

.are-r dl dd{ color: #6c6c6c; line-height: 28px; text-align: justify; margin-top: 25px;}

.are-r .uul{ width: 640px; overflow: hidden; margin-top: 15px; }
.are-r .uul ul{ width: 700px;}
.are-r .uul ul li{ float: left; width: 180px; height: 56px; margin-right: 49px;}

.lll { padding-bottom:50px ; margin-top: 40px;}
.lll p{ text-align: justify; line-height: 28px; color: #6c6c6c;}


/* 技术优势  */
.jishu{  width: 1055px; margin: 0 auto; overflow: hidden;}

.h-title { margin-bottom: 25px;}
.h-title dl{text-align: center; }
.h-title dl dt h5{ margin-bottom: 15px; font-size: 28px; color: #282828; font-weight: normal; }
.h-title dl dt p{  font-size: 20px; color: #605f5f; margin-bottom: 17px; }
.h-title dl dd i{ display: block; width: 40px; height: 2px; background: #36a4d2; margin: auto; margin-bottom: 25px;}
.h-title dl dd p{ line-height: 26px; color: #8f8f8f; text-align: justify;}


.js-w ul{ width: 1120px;}
.js-w ul li{ position: relative; float: left; width: 309px; height: 200px; margin-right: 63px; margin-bottom: 45px; }
.js-w ul li .li-img{ width: 309px; height: 200px; ;}
.js-w ul li dl{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6);text-align: center;}
.js-w ul li dl dt span{ display: block; width: 80px; height: 100px; line-height: 87px; margin: 0 auto;}
.js-w ul li dl dt span img{ vertical-align: bottom;}
.js-w ul li dl dt p{ font-size: 24px; color: #fff;}
.js-w ul li dl dd { width: 200px; margin: auto;  margin-top: 15px; }
.js-w ul li dl dd p{ color: #dbdbdb;  line-height: 20px; height: 40px; overflow:hidden ;}

.js-w ul li:hover dl{ background: rgba(2,130,183,.72);}



/*  董事长致词    */
.ddd{ width: 1279px;  margin: 0 auto;}


/* 解决方案   */
.fanga{ width: 1280px; margin: 0 auto 40px;}
.fanga ul { width: 1320px;}
.fanga ul li{ float: left; width: 192px; height: 192px; background: url(../images/fa-bg.png) no-repeat left center; background-size: cover; text-align: center; margin-right: 27px;}
.fanga ul li a{ display: block;}
.fanga ul li div{ width: 61px; height: 61px; line-height: 61px; text-align: center; margin: 30px auto 21px; border: 1px solid #2EC0F7; border-radius: 100%;}
.fanga ul li div img{ vertical-align: middle; width: 70%;}
.fanga ul li div em{ display: none;}

.fanga ul li p{ position: relative; font-size: 24px; color: #2ec0f7; height: 65px; line-height: 65px;}
.fanga ul li p:before{ content: ""; position: absolute; left: 50%; top: 0; margin-left: -52px; width: 105px; height: 1px; background: #2ec0f7;}

.fanga ul li:hover,
.fanga ul li.active{ background: url(../images/fa-0bg.png) no-repeat left top; background-size: cover;}
.fanga ul li:hover div,
.fanga ul li.active div{ border-color: #fff;}
.fanga ul li:hover div i,
.fanga ul li.active div i{ display: none; }
.fanga ul li:hover div em,
.fanga ul li.active div em{ display: block;}
.fanga ul li:hover p,
.fanga ul li.active p{ color: #fff;}
.fanga ul li:hover p:before,
.fanga ul li.active p:before{ content: ""; background: #fff;}



.fa-img div{ width: 100%; height: 506px; border-radius: 15px; overflow: hidden; margin: 40px 0;}
.fa-img p{ line-height: 28px; color: #777; text-align: justify;}






/* 工艺流程  */
.aaaaa{ width: 1280px; margin: 0 auto; margin-bottom: 40px;}
.aaaaa p{ line-height: 40px; font-size: 18px; color: #5b5b5b; margin-bottom: 20px;}


/* 资质荣誉   */
.zzry {width: 1280px; margin: 0 auto; margin-bottom: 45px;}
.zzry ul{ width: 1340px;}
.zzry ul li{ position: relative; float: left; width: 293px; text-align: center; margin-right: 35px; margin-bottom: 20px;}
.zzry ul li img{ width: 275px; height: 407px; margin: auto; margin-bottom: 15px; margin-top: 8px;}
.zzry ul li p{ line-height: 26px; font-size: 20px; color: #020202;}

.zzry ul li span{ position: absolute; z-index: 9; left: 0; top: 0;  width: 100%; height: 100%;}



/* 项目俺咧 */
.xmal,
.news{width: 1280px; margin: 0 auto;}

.xmal ul li{ float: left; padding-right: 35px; padding-bottom: 29px; border-bottom: 1px dashed #e6e6e6; margin-bottom: 29px;}
.xmal ul li span{ display: inline-block; width: 300px; height: 200px; margin-right: 25px; overflow: hidden;}
.xmal ul li dl { display: inline-block; width: 275px; vertical-align: top;}
.xmal ul li dl dt h5{  color: #4b4b4b; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xmal ul li dl dt i{ display: block;width: 100px; height: 2px; background: #d8d8d8; margin:10px 0;  }
.xmal ul li dl dd p {  color: #4b4b4b; line-height:22px ; margin-bottom: 13px;}
.xmal ul li dl dd em{ position: relative; display: block; text-align: right; color: #999; font-size: 12px; text-transform: uppercase; padding-right: 22px;}
.xmal ul li dl dd em:before{ content: ""; position: absolute; right: 0;top: 1.5px; width: 0; border-color: transparent transparent transparent #999 ; transform: ; border-style: solid; border-width: 5.9px; }
.xmal ul li:hover dl dd em{ color: #0b84b7;}
.xmal ul li:hover dl dd em:before{  border-color: transparent transparent transparent #158ec0 ;  }
.xmal ul li:hover dl dt i{ background: #36a4d2;}




/* 新闻中心    */
.news{ padding-bottom: 40px; border-bottom: 1px dashed #e6e6e6;}
.news ul{ width: 1350px;}
.news ul li{ float: left; width: 380px; margin-right: 70px;}
.news ul li span{ display: block; width: 380px; height: 260px; overflow: hidden;}
.news ul li dl{ display: block; text-align: center; margin-top: 15px;}
.news ul li dl dt h5{ font-size: 16px; color: #535353; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news ul li dl dt i{ display: block; color: #8b8c8c; line-height: 36px;}
.news ul li dl dd p{ position: relative; text-align:left; line-height: 24px; height: 72px; overflow: hidden; color: #878686; text-align:justify;}
.news ul li dl dd em{ position: absolute; right: 0; bottom: 0px;  z-index: 9; background: #fff; text-transform: uppercase; font-size: 12px; width: 60px; text-align: right; line-height: 22px; background: #fff;}
.news ul li:hover dl dt h5{ color: #0e77c1;}
.news ul li:hover dl dd em{ color: #0e77c1;}


.newss{ width: 1280px; margin: 40px auto;}
.newss ul li{ padding-bottom: 21px; border-bottom: 1px dashed #e6e6e6; margin-top: 25px;}
.newss ul li dl{ float: left; width: 90px; height: 70px; text-align: center;font-family: simhei; }
.newss ul li dl dt{ font-size: 48px; color: #1172b7; }
.newss ul li dl dd{ color: #0c66a5;}

.newss ul li .mid{ float: left; width: 930px; margin-left: 30px;}
.newss ul li .mid span{ display: block; color:#192d3b ; font-size: 18px;  margin-bottom: 10px}
.newss ul li .mid p{  line-height: 20px; color: #999999; height: 40px; overflow: hidden;}

.newss ul li em{ display: block; float: right; width: 35px; height: 35px;  margin-top: 20px;}





.page{text-align: center; margin-bottom: 34px;}
.page ul{ display: inline-block;}
.page ul  a{ display: inline-block; height: 28px; line-height: 28px; border: 1px solid #adabab; padding: 0 10px; border-radius: 2px; margin: 0 3px}

.page ul  a.art,
.page ul  a:hover{ color: #fff; background: #0b82ca; border-color: #0b82ca;}
.page ul  .z-crt{ color: #fff; background: #0b82ca; border-color: #0b82ca;}






/* 联系我们   */
.cont{ width: 1280px;  margin: auto; overflow: hidden;}
.cont ul{ width:1284px ; margin-bottom: 40px;}
.cont ul li{ float: left; width: 320px; text-align: center; border-right: 1px solid #eeeeee;}
.cont ul li img{ width: 56px; height: 56px; margin: auto;}
.cont ul li p{ font-size: 16px; color: #666; line-height: 33px;}
.cont ul li i{display: block; font-family: simhei; color: #999999;}


.marp{ position: relative; width: 1280px; margin: 0 auto 40px;display:none;}
.marp div{ width: 1280px; height: 892px;}
.marp span{ position: absolute; top: 550px; left: 630px; z-index: 9; width: 27px; height: 37px; cursor: pointer;}
.marp span img{ width: 27px; height: 37px;}
.marp .add{ display: none; position: absolute; top: 360px; left: 635px; z-index: 9; width: 260px; height: 165px; padding: 30px 45px; background: #45b8dc; border: 1px solid #008ab5; color: #fff;  border-radius: 100px;}
.marp .add h5{ font-weight: normal; font-size: 18px; margin-bottom: 8px;}
.marp .add p{ line-height: 28px;}
.marp .add p i{ font-family: simhei;}
