@charset "utf-8";
body,html{ min-width: 1200px; overflow-x: hidden; }
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none; color: #000;}
a{ font-size:14px; color:#000; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1200{ width: 1200px; margin: 0 auto;}

.top{ height: 105px; position: fixed; top: 0; left: 0; right: 0; transition: all 0.6s; background: #fff; z-index: 3366;
padding-right: 20px; overflow: hidden;}
.top .logo img{ display: block;  transition: all 0.6s; margin-top: 20px; padding-left: 30px;}
.navbar{ left: 438px; position: absolute;} 
.navbar li{ float: left; margin: 0 45px; }
.navbar li a{ color: #000; font-size: 15px; height: 105px; line-height: 105px; transition: all 0.6s; display: block;}
.navbar li:hover a{ color: #12602d;}
.navbar .scroll-nav { height: 2px;  background: #12602d; position: absolute; left: 10px; overflow: hidden; bottom: 0;
width: 90px;}
.top .p1{line-height: 105px; font-family: ;  font-size: 18px;} 
.top .searchbtn{ cursor: pointer; display: block; margin:40px 20px 0 20px;}
.top .codebtn{ cursor: pointer; display: block; margin-top:40px;  }
.top.on{ animation-name: down; animation-fill-mode: both; animation-duration: 1s; border-bottom: 1px solid #E0E0E0;}

.sousuo{ position: fixed; top: 105px; background: #fff; z-index: 33; left: 0; right: 0; padding: 30px 0; border-top: 1px solid #E0E0E0;
transition: all 1s; transform: translateY(100%); opacity: 0; filter:alpha(opacity=0); visibility: hidden;} 
.sousuo div{ margin: 0 auto; width: 610px;  }
.sousuo .input1{ display: block; width: 500px; height: 50px; line-height: 50px; float: left;
background: #f5f5f5; font-size: 14px; color: #666; padding-left: 10px; }
.sousuo .sub{float: left; display: block;  height: 50px; width: 100px; font-size:14px; color: #fff; cursor: pointer;
background: #12602d;}
.sousuo.on{ transform: none; opacity: 1; filter:alpha(opacity=100); visibility: visible;}

.topcode{ position: fixed; top: 105px;z-index: 33; right: 30px; 
transition: all 1s; transform: translateY(30%); opacity: 0; filter:alpha(opacity=0)} 
.topcode.on{ transform: none; opacity: 1; filter:alpha(opacity=100)}




.banner { position:relative; overflow:hidden; margin-top: 105px;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#12602d;}

.banner li.flex-active-slide .p1,.banner li.flex-active-slide .p2,.banner li.flex-active-slide a{animation-name: fadeInUp;
 animation-duration: 1.5s; animation-fill-mode: both; }
.banner li.flex-active-slide .p2{ animation-delay: 0.5s;}
.banner li.flex-active-slide a{ animation-delay: 1s;}

.index-sec1{ background: url(../img/wenli.png) no-repeat top center; width: 100%; padding-bottom: 70px; background-size: cover;}
.index-sec1 .ul1 { height: 180px;}
.index-sec1 .ul1 li{ float: left; width: 19.92%; padding: 20px 0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;
transition: all 0.6s; position: relative; z-index: 22; background: transparent; cursor: pointer;}
.index-sec1 .ul1 li:last-child{ border-right: none;}
.index-sec1 .ul1 .p1{ color: #000; font-weight: bold; font-size: 22px; text-align: center;}
.index-sec1 .ul1 .p2{ color: #999;  font-size: 16px; text-align: center; margin: 5px 0; line-height: 32px;}
.index-sec1 .ul1 i{ display: block; margin: 0 auto; height: 6px; width: 6px; background: #12602d; border-radius: 100%;}
.index-sec1 .ul1 li:hover{ transform:translateY(-10px) ; background: #fff; padding: 30px 0;}



.box-ind-row3{  padding-top: 50px;}
.box-ind-row3 .row1{position:relative;z-index:2;overflow:hidden; }
.box-ind-row3 .content{float:right;padding:13.02% 20px 0 7.81%; width:33.33%; background-color:#fff;}
.box-ind-row3 .content .p-btn-1{margin-top:27px}
.box-ind-row3 .lists{overflow:hidden;  padding-top: 50px;}
.box-ind-row3 .lists li{position:relative;z-index:1;float:left;width:25%}
.box-ind-row3 .lists li img{ display: block; width: 100%;}
.box-ind-row3 .lists .pics{position:relative;z-index:1}
.box-ind-row3 .lists .text{position:absolute; top:9.38%;bottom:9.38%;left:9.38%;right:9.38%;z-index:5;font-size:0;text-align:center;background-color:rgba(0,0,0,.65);-webkit-box-shadow:0 0 60px rgba(0,0,0,.6);box-shadow:0 0 60px rgba(0,0,0,.6);display:none}
.box-ind-row3 .lists .text:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.box-ind-row3 .lists .tac{display:inline-block;vertical-align:middle;opacity:0}
.box-ind-row3 .lists .icon{display:block;margin:0 auto;width:80px;height:78px;background-repeat:no-repeat;background-position:center;
-webkit-background-size:cover;background-size:cover; background-image:url(../img/logo2.png);}
.box-ind-row3 .lists h3{padding:32px 0 10px;font-size:30px;color:#fff}
.box-ind-row3 .lists .en{font-size:14px;font-family:Arial;color:#999}
.box-ind-row3 .lists .line{position:absolute;z-index:1}
.box-ind-row3 .lists .line1,.box-ind-row3 .lists .line3{left:50%;border-left:1px solid #999}
.box-ind-row3 .lists .line2,.box-ind-row3 .lists .line4{top:50%;border-top:1px solid #999}
.box-ind-row3 .lists .line1{top:0}
.box-ind-row3 .lists .line2{left:0}
.box-ind-row3 .lists .line3{bottom:0}
.box-ind-row3 .lists .line4{right:0}


.wp { width: 1300px; margin: 0 auto;  } 
.tit .p1 img{ display: block; margin: 0 auto; }
.tit .p2{ font-size: 22px; font-weight: bold; text-align: center; color: #000; padding: 10px 0;}
.tit .p3{ color: #666; font-size: 14px; text-align: center;}

.about-holike{padding-bottom: 50px; padding-top: 50px; position: relative;}
.about-holike .swiper-slide{ display: none; width: 835px; opacity: 1; transform: translate3d(0px, 0px, 0px); 
-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px);  -ms-transform:translate3d(0px, 0px, 0px);transition-duration: 0ms;}
.about-holike .swiper-slide.on{ display: block;}
.common-2{ background: url(../img/wenli.png) no-repeat top center; width: 100%; padding-bottom: 50px; background-size: cover;}
.common-2 .about-holike .left { width: 835px; } 
.common-2 .about-holike .left .swiper-slide a { display: block; width: 100%; height: 100%; } 
.common-2 .about-holike .left .swiper-slide a:hover .introduce { -webkit-transform: translate(10px, 0); -moz-transform: translate(10px, 0);
 -ms-transform: translate(10px, 0); transform: translate(10px, 0); } 
.common-2 .about-holike .left .swiper-slide a:hover .introduce .more-btn { opacity: 1; -webkit-transform: translate(0, 0); 
 -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 
.common-2 .about-holike .left .swiper-slide .introduce { z-index: 22; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; 
 top: 50%; left: 0; width: 296px; height: 343px; margin-top: -171.5px; background: #FFF; padding: 65px 46px 0; -moz-box-sizing: border-box;
  box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } 
.common-2 .about-holike .left .swiper-slide .introduce h1 { font-size: 20px; color: #000; margin-bottom: 4px; } 
.common-2 .about-holike .left .swiper-slide .introduce h3 { font-size: 14px; color: rgba(51, 51, 51, 0.4); } 
.common-2 .about-holike .left .swiper-slide .introduce .icon { margin: 12px 0; display: block; width: 100%; height: 1px; 
  border-top: 1px dashed rgba(0, 0, 0, 0.3); } 
.common-2 .about-holike .left .swiper-slide .introduce .p { width: 100%; color: #666; font-size: 14px; line-height: 28px; height: 112px; 
overflow: hidden; } 
.common-2 .about-holike .left .swiper-slide .introduce .btn { width: 34px; height: 92px; line-height: 92px; text-align: center; 
position: absolute; right: -34px; top: 50%; margin-top: -46px; background: #12602d; } 
.common-2 .about-holike .left .swiper-slide .introduce .btn img { vertical-align: middle; } 
.common-2 .about-holike .left .swiper-slide .introduce .more-btn { margin-top: 20px; font-size: 14px; color: #141414; 
text-align: right; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; opacity: 0; 
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(-30px, 0);
 -moz-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); transform: translate(-30px, 0); } 
.common-2 .about-holike .left .swiper-slide .introduce .more-btn span { margin-top: -4px; margin-left: 15px; display: inline-block; 
 vertical-align: middle; width: 13px; height: 13px; background-repeat: no-repeat; background-position: center center; 
 background-image: url(../img/icon-29.png); } 
.common-2 .about-holike .left .swiper-slide .img { margin-left: 117px; width: 718px; height: 514px; } 
.common-2 .about-holike .left .swiper-slide .img img { width: 100%; height: 100%; } 
.common-2 .about-holike .right { margin-left: 845px; } 
.common-2 .about-holike .right .li { cursor: pointer; position: relative; width: 100%; height: 164px; margin-bottom: 10px; background: #f5f5f5;
-moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; padding-top: 45px; padding-left: 70px;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } 
.common-2 .about-holike .right .li a { display: block; width: 100%; height: 100%; } 
.common-2 .about-holike .right .li .img { display: inline-block; vertical-align: top; width: 74px; height: 74px; 
 border-radius: 50%; border: 1px solid #777; overflow: hidden; position: relative; -moz-box-sizing: border-box; 
box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } 
.common-2 .about-holike .right .li .img img { z-index: 222; position: absolute; left: 50%; top: 50%; 
-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; transition: all 0.5s ease; } 
.common-2 .about-holike .right .li .img img + img { -webkit-transform: translate(-50%, -150%); 
-moz-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); transform: translate(-50%, -150%); } 
.common-2 .about-holike .right .li .title { display: inline-block; vertical-align: top; margin-left: 26px; margin-top: 16px; } 
.common-2 .about-holike .right .li .title h1 { font-size: 18px; color: #444; margin-bottom: 5px; } 
.common-2 .about-holike .right .li .title h2 { font-size: 14px; color: rgba(51, 51, 51, 0.5); } 
.common-2 .about-holike .right .li:after { position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 2px; background: #333; 
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } 
.common-2 .about-holike .right .li:before { position: absolute; content: ""; right: 0; bottom: 0; width: 0; height: 2px; 
background: #12602d; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } 
.common-2 .about-holike .right .li:hover { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } 
.common-2 .about-holike .right .li:hover .img { border-color: #12602d; background: #12602d; } 
.common-2 .about-holike .right .li:hover .img img { -webkit-transform: translate(-50%, 150%); -moz-transform: translate(-50%, 150%); 
-ms-transform: translate(-50%, 150%); transform: translate(-50%, 150%); } 
.common-2 .about-holike .right .li:hover .img img + img { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.common-2 .about-holike .right .li:hover .img .img-bottom { opacity: 0; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; 
transition: all 0s ease; } 
.common-2 .about-holike .right .li:hover:after { width: 25px; } 
.common-2 .about-holike .right .li:hover:before { width: 400px; } 
.common-2 .about-holike .right .active { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); } 
.common-2 .about-holike .right .active .img { border-color: #12602d; background: #12602d; } 
.common-2 .about-holike .right .active .img img { -webkit-transform: translate(-50%, 150%); -moz-transform: translate(-50%, 150%);
 -ms-transform: translate(-50%, 150%); transform: translate(-50%, 150%); } 
.common-2 .about-holike .right .active .img img + img { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.common-2 .about-holike .right .active:after { width: 25px; } 
.common-2 .about-holike .right .active:before { width: 323px; } 
.common-2 .about-holike .right .li:last-child { margin-bottom: 0; } 
.animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated { visibility: visible !important; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; }







/*领先技术*/
.tech{width:100%;position: relative;z-index: 5;background:url(../img/banner-tech.jpg);background-repeat: no-repeat;background-position: center center;
background-size:cover ;}
.pw { width:100%; margin: 0 auto; position: relative; }
.tech .six { height: auto; overflow: hidden; position: relative; }
.tech .six .head { width: 100%; background: #fff; color: #666666; padding: 50px 0; position: relative; }
.tech .six .head p { padding-left: 45px; }
.tech .six .sixList { height: auto; overflow: hidden; background: url(../img/join09.jpg) center; background-size: cover; width: 100%; }
.tech .six .sixList li { float: left; width: 33.3%; border-right: 1px solid #999c9d; border-bottom: 1px solid #999c9d; box-sizing: border-box; position: relative; height:250px}
.tech .six .sixList li:last-child{border-right:none ;}
.tech .six .sixList li:nth-child(3){border-right:none ;}
.tech .six .sixList li .cen {width:220px;height:100px;position: absolute;top:50%;margin-top: -50px;left:50%;margin-left: -110px; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); color: #fff; text-align: center;  -webkit-transition-duration: .5s; transition-duration: .5s; }

.tech .six .sixList li .cen p { font-size: 16px; color: #fff; }
.tech .six .sixList li .cen p.en { padding-top: 10px; }
.tech .six .sixList li .cen .img { width: 11px; height: 11px; background: url(../img/wjIco02.png); display: inline-block; margin-top: 10px; }
.tech .six .sixList li .cen .hr { width: 100%; height: 1px; background: #fff;  margin-top: 15px; }
.tech .six .sixList li .cen2 { -webkit-transform: rotate(1deg) scale(.9); transform: rotate(1deg) scale(.9); position: absolute;
 top: 0; left: 0;  color: #fff; opacity: 0; -webkit-transition-duration: .5s; transition-duration: .5s; width:100%;height:100%;}
.tech .six .sixList li .cen2 p.en { font-size: 14px; text-align: right; padding: 17px 0; text-align: left; color: #fff;}
.tech .six .sixList li .cen2 p.minh { min-height: 142px; color: #fff;}
.tech .six .sixList li .cen2 .hr { width: 100%; height: 1px; background: #fff;  margin-top: 15px; }
.tech .six .sixList li:hover .cen2 { opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); color: #fff;}
.tech .six .sixList li:hover .cen { opacity: 0; -webkit-transform: rotate(10deg) scale(0); transform: rotate(10deg) scale(0); color: #fff; }
.li1 .cen .tit{font-size: 14px !important;display: inline-block;width:100%;position: relative;height:20px;text-align: left;padding-left: 10%;
 padding-bottom: 0 !important;}
.li1 .cen .tit em{display: inline-block;width:100px;height:2px;background: #fff;position: absolute;line-height: 20px;top:13px;left:100px}
.li1 .cen .en{text-align: left;padding-left: 10%;}
.tech .six .sixList .li1:hover .cen{-webkit-transform: rotate(0deg) scale(1);opacity: 1;transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);}
.li1 .cen p{text-align: left;padding-left: 10%; color: #fff;}
.tech .six .sixList li .cen{ width: 300px;}
.en img{max-width: 100%;}
.cen .cen-left{width:60px;height:60px;float:left;margin-top: 20px;}
.cen .cen-right{float:left;height:100%;margin-left: 20px;}
.cen2-main .cen-left{width:60px;height:60px;float:left;margin-left: 20px;margin-top: 16px;}
.cen2-main .cen-right{float:left;height:100%;width:125px}
.cen2-main{ width:220px;height:100px;position: absolute;top:50%;margin-top: -50px;left:50%;margin-left: -110px;}
.cen2-main .tit{font-size: 16px; color: #fff; padding-bottom: 0 !important;}
.li2 .cen,.li2 .cen2-main{width:300px;margin-left: -150px;}
.li2 .cen2-main .cen-right{width:204px}
#tec1{background: url(../img/tec-last1.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec2{background: url(../img/tec-last2.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec3{background: url(../img/tec-last3.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec4{background: url(../img/tec-last4.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}
#tec5{background: url(../img/tec-last.jpg);background-size:100% 100% ;background-repeat:no-repeat ;}


/*案例*/
.index-sec3{ background: url(../img/wenli.png) no-repeat top center; width: 100%; padding-bottom: 50px; background-size: cover;
padding-top: 70px;}
.index-sec3 ul{ padding-top: 50px; margin-right: -30px;}
.index-sec3 li{ width:410px; float: left; margin-bottom:30px; margin-right:30px; transition: all 0.36s; box-shadow: 0 0 10px rgba(0,0,0,0.13);
overflow: hidden; box-sizing: border-box; transition: all 0.36s;}
.index-sec3 li figure,.index-sec3 li figure img{ display: block; width: 100%; transition: all 0.6s; overflow: hidden; position: relative;}
.index-sec3 li a{ position: relative; display: block;}
.index-sec3 li figcaption{  background: #fff;}
.index-sec3 li p{ color: #000; text-align: center; font-size: 16px; 
transition: all 0.36s; height: 70px; line-height: 70px; }
.index-sec3 li b{  position: absolute; content: ''; display: block;  border:2px solid rgba(255,255,255,0.6); 
 z-index: -1; transition: all 0.6s; z-index: 33; top: 20px; left: 20px; right: 20px; bottom: 20px; transform: scale(0);
 -ms-transform: scale(0);-webkit-transform: scale(0); -moz-transform: scale(0);}
.index-sec3 li:hover b{ transform: scale(1);  -ms-transform: scale(1);-webkit-transform: scale(1); -moz-transform: scale(1);}
.index-sec3 li:hover figure img{ transform: scale(1.1);  -ms-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.index-sec3 li:hover p{ background: #12602d; color: #fff;}

.index-sec3 .more{ display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; color: #fff;
font-size: 14px; background: #12602d; text-align: center; transition: all 1.5s; margin:20px auto 0 auto; position: relative;
overflow: hidden; z-index: 2;}
.index-sec3 .more::before{ position: absolute; content: ''; display: block; width: 230px; height: 55px; background: rgba(255,255,255,0.2);
transform: translateX(-100%)  rotate(45deg); z-index: -1; transition: all 0.6s; }
.index-sec3 .more:hover::before{ transform: translateX(100%) rotate(45deg);}


.hf{ background: url(../img/hf.png) no-repeat top center; height: 200px; overflow: hidden;}
.hf p img{ display: inline-block; vertical-align: 2px; margin-right: 15px;}
.hf p{ color: #fff; font-size: 26px; text-align: right; font-family: arial; padding-top: 40px;}
.hf a{ display: block; width: 155px; height: 50px; text-align: center; color: #fff; font-size: 14px; line-height: 50px; background: #111;
float: right; margin-top: 5px;}

.index-sec5{ background: url(../img/wenli.png) no-repeat top center; padding-top: 50px; padding-bottom: 60px; background-size: 100% 100%;}
.index-sec5 .div1{ margin-top: 50px; position: relative;} 
.index-sec5 .div1 .p1{ font-weight: bold; color: #000; font-size: 18px; padding-top: 65px; white-space: nowrap; text-overflow: ellipsis;
overflow: hidden; padding-bottom: 20px;transition: all 0.6s;}
.index-sec5 .div1 .p2{ color: #000; font-size: 14px; line-height: 36px; height: 108px; overflow: hidden; width: 700px;}
.index-sec5 .div1 figcaption{ width: 840px; padding-left: 150px; float: left; background: #f5f5f5; margin-left: -100px;
height: 300px;}
.index-sec5 .div1 figure{ float: left; position: relative; z-index: 33; margin-top: 40px;  height: 215px; width: 390px;
overflow: hidden;}
.index-sec5 .div1 figure img{ width: 390px; height: 215px; overflow: hidden;  transition: all 0.6s; }
.index-sec5 .div1 a{ display: block; overflow: hidden; clear: both;}
.index-sec5 .div1 .time{ position: absolute; right: 20px; top: 40px; width: 100px;}
.index-sec5 .div1 strong{ display: block; text-align: center; font-family: '宋体'; font-size: 30px; color: #333; padding-bottom: 5px;}
.index-sec5 .div1 span{ display: block; text-align: center; font-family: '宋体'; font-size: 20px; color: #666;}
.index-sec5 .div1:hover img{ transform: scale(1.1);}
.index-sec5 .div1:hover .p1{ color: #12602d;}
.index-sec5 ul{ margin-top:50px;}
.index-sec5 li{ float: left; width: 580px; margin-bottom: 35px;}
.index-sec5 li:nth-child(2n){ float: right;}
.index-sec5 li div.fl:first-child{ background: #F5F5F5; height: 130px; width: 130px;  transition: all 0.6s;}
.index-sec5 li div.fl:last-child{ background: transparent;  width: 400px;  transition: all 0.6s;
padding: 25px 0; padding-left: 25px; padding-right: 20px; position: relative;}
.index-sec5 li a{ display: block; overflow: hidden; clear: both;}
.index-sec5 li strong{ display: block; text-align: center; font-size: 36px; font-family: '宋体'; color: #000; padding-top: 35px; line-height: 1;}
.index-sec5 li:hover strong{ color: #fff;}
.index-sec5 li:hover span{ color: #fff;}
.index-sec5 li span{ display: block; text-align: center; font-size: 24px; font-family: '宋体'; color: #666;}
.index-sec5 li .p1{ font-size: 18px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px;
transition: all 0.6s;}
.index-sec5 li .p2{ font-size: 14px; color: #666; line-height: 28px; height: 84px; overflow: hidden; transition: all 0.6s;}
.index-sec5 li:hover div:last-child{ background: #000000;}
.index-sec5 li:hover div:first-child{ background: #12602d;}
.index-sec5 li:hover .p1,.index-sec5 li:hover .p2{ color: #fff;}
.index-sec5 li i{ display: block; position: absolute; top: 30px; right: 20px; background: url(../img/jiantou.png) no-repeat right top;
height: 15px; width: 10px; transition: all 0.6s;}
.index-sec5 li:hover i{ background-position: left top;}
.index-sec5 .more{ display: block; width: 230px; height: 55px; line-height: 55px; text-align: center; color: #fff;
font-size: 14px; background: #12602d; text-align: center; transition: all 1.5s; margin:0px auto 0 auto; position: relative;
overflow: hidden; z-index: 2;}
.index-sec5 .more::before{ position: absolute; content: ''; display: block; width: 230px; height: 55px; background: rgba(255,255,255,0.2);
transform: translateX(-100%)  rotate(45deg); z-index: -1; transition: all 0.6s; }
.index-sec5 .more:hover::before{ transform: translateX(100%) rotate(45deg);}



.liucheng{ background: #e1e1e1; padding: 20px 0;}
.liucheng li:first-child{ padding-left: 0;}
.liucheng li:last-child{ border-right: 0; padding-right: 0;}
.liucheng li{ float: left; border-right: 1px solid #d5d2c6; padding: 0 45px;}
.liucheng li a{ color: #000; font-size: 14px;}
.liucheng li img{ display: inline-block; vertical-align: middle; margin-right: 10px;}


.foot{ background: url(../img/f-bg.png) no-repeat center;  width: 100%; overflow: hidden;  }
.foot dl{ float: left; padding-right:55px;  margin-top: 30px;}
.foot dt{ font-size: 18px; color: #fff; padding:30px 0;}
.foot dd a{ font-size: 14px; color: #999999; display: block; padding-bottom: 15px; transition: all 0.6s;}
.foot dd a:hover{ color: #12602d; }
.foot .hotline dt { padding: 0;  }
.foot .hotline{ margin-top: 70px; }
.hotline{ border-left: 1px solid #444444; border-right: 1px solid #444444;  padding:0 45px; }
.hotline dt span b{ font-size: 14px; color: #fff; display: inline-block; width: 30px;  height: 35px; line-height: 1.1;}
.hotline dt span img{ display: inline-block;  padding-right: 10px; vertical-align: 0; }
.hotline dt strong{ font-size: 26px; color: #fff; padding-left: 15px; font-family: "微软雅黑";}
.hotline dd a{ display:block; text-align: center; color: #999999; float: left;  padding:0 13px; margin-top: 30px; transition: all 1s; width: 60px; height: 70px; }
.hotline dd a img{ display: block; margin:auto; padding:10px 0; }
.hotline dd a:hover{ transform: translateY(5px); }
.foot .code{ padding-right: 0; padding-left: 45px; }
.foot .code { font-size: 18px; color: #fff; text-align: center;  }
.foot .code dt{ margin-left: 40px;}
.foot .code img{ display: block; margin:auto; padding:25px 0; }
.link{ padding-top: 30px; border-top: 1px solid #444; margin-top: 30px; }
.txtMarquee-left{ padding-left: 20px; float: left; }
.link h3{ float: left; font-size: 18px; color: #fff; }
.link li{  width: 110px; }
.link li a{ font-size: 14px; color: #999; display: block; padding-top: 5px; }
.link li a b{ display: inline-block; padding:0 20px; }
.link li a:hover{ color: #12602d; }
.link h4{ float: right; }
.link h4 a{ font-size: 14px; color: #12602d; display: block; padding-top: 5px; }
.copyright{ background: #000; padding:20px 0; width: 100%; overflow: hidden; }
.copyright p{ font-size: 14px; color: #d1d1d1; }



/*内页*/
.neibanner{ margin-top: 105px;}
.neibanner img{ display: block; width: 100%; overflow: hidden; margin: 0 auto }

.breadcrumb{ height: 80px; background: #f5f5f5; position: relative;}
.breadcrumb .div1{ background: #12602d; float: left; width: 25%;}
.breadcrumb .div1 p{ color: #fff; font-family: "微软雅黑"; font-weight: bold; font-size: 18px; text-align: right; height: 80px; 
line-height: 80px; padding-right: 40px;}
.breadcrumb .div2{ width: 20%;}
.breadcrumb .div3{ width:1362px; float: left; position: absolute; left: 50%; margin-left: -686px; text-align: right;}
.breadcrumb .div3 a{ display: inline-block; font-size: 14px; color: #000; padding: 0 25px; background: #fff;
 height: 40px; line-height: 40px; border-radius: 3px; margin: 20px 0 0 35px; cursor: pointer;}
.breadcrumb .div3 a.on{ background: #12602d; color: #fff; }
.breadcrumb .div2 span { display: inline-block; font-size: 14px; margin: 0 5px; height: 80px; line-height: 80px; cursor: pointer;
color: #666;}
.breadcrumb .div2  i{ display: inline-block; font-size: 14px; font-family: '宋体'; margin: 0 5px; height: 80px; line-height: 80px;}
.breadcrumb .div2 span.on{ color: #000; font-weight: bold}
.breadcrumb .div2 span img{ display: inline-block;  vertical-align: -1px; margin-right: 5px; margin-left: 15px;}

.casepage{ padding: 50px 0; background: url(../img/wenli.png) no-repeat; }
.casepage .w1200{ width: 1362px;}
.case-left{ width: 250px; border:1px solid #E0E0E0; }
.case-tit{ background: #12602d; padding: 30px 20px;}
.case-tit .p1{ font-size: 22px; color: #fff; text-transform: uppercase; font-family: '宋体'; letter-spacing: 1px;}
.case-tit .p2{ font-size: 14px; color: #fff; text-transform: uppercase;}
.case-left dt{ padding: 20px 0; border-bottom: 1px solid #E0E0E0; overflow: hidden; clear: both; cursor: pointer;}
.case-left dt span{ display: inline-block; font-size: 14px; color: #666; float: right; padding-right: 20px;}
.case-left dt p{ font-size: 15px; color: #000; padding-left: 10px;}
.case-left dt p i{ display: inline-block; vertical-align: middle; height: 8px; width: 8px; border-radius: 100%; background: #12602d;
margin-right: 15px;}
.case-left dd{ padding-left: 30px;  display: none;}
.case-left dl:first-child dd{ display: block;}
.case-left dd li{ padding: 10px 0; border-bottom: 1px solid #F5f5f5;  color: #666; font-size: 14px; cursor: pointer;}
.case-left dd i{ height: 5px; width:5px; border-radius: 100%; background: #F5F5F5; display: inline-block; vertical-align: middle;
margin-right: 15px;}

.case-right{ width:1100px;}
.case-right li{ float: left; width: 350px; margin-bottom: 10px; margin-left: 15px;  position: relative; overflow: hidden;}
.case-right figure,.case-right figure img{ display: block; height: 350px; overflow: hidden; transition: all 0.6s; width: 350px;}
.case-right li p{ text-align: center; color: #000; font-size: 16px; height: 60px; line-height: 60px; transition: all 0.6s;
width: 100%; margin: 0 auto; transform: none; z-index: 33; position: relative;}
.case-right li:hover p{ background: #12602d; transform: translateY(-30px); width: 90%; color: #fff; }
.case-right li:hover figure img{  transform: scale(1.05);}

.fenye{ text-align: center;  padding:25px 0 0px 0; }
.fenye a{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #fff;
color: #555; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye span{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #CF0003; color: #fff; cursor: pointer; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye a:hover,.fenye a.on{ background: #12602d; cursor: pointer; color: #fff;}

.newspage .w1200{ width: 1362px;}
.newspage,.detailpage { background:url(../img/wenli.png) no-repeat; padding: 50px 0;}
.newspage li{ transition: all 0.6s;}
.newspage li a{ display: block; overflow: hidden; clear: both; padding: 10px 0;  padding: 15px;
margin-bottom: 25px; transition: all 0.6s; border:1px solid #e0e0e0 }
.newspage li figure{ float: left;  width: 310px; height: 215px; overflow: hidden;}
.newspage li figure img{ display: block; width: 310px; height: 215px; overflow: hidden; transition: all 0.6s;}
.newspage li figcaption{ width: 915px; float: left; padding-left:25px;}
.newspage li figcaption h2{ color: #000; font-size: 18px; padding: 15px 0; font-weight: bold; transition: all 0.6s;}
.newspage li figcaption h5{ font-size: 14px; color: #666; padding: 0 0 20px 0;}
.newspage li figcaption p{ font-size: 14px; color: #333; line-height: 30px; height:90px; overflow: hidden;}
.newspage li:hover{ transform: translateX(10px);}
.newspage li:hover h2{ color: #12602d;}



.detailpage .detail-tit h2{ font-size: 24px; text-align: center; color: #000;font-weight: bold;}
.detailpage .detail-tit p{ text-align: center; padding: 15px 0;}
.detailpage .detail-tit p span{ display: inline-block; margin:10px; }
.detailpage .detail-tit{ border-bottom: 1px solid #E0E0E0; margin-bottom: 20px;}
.detailpage .detail-cont p{ line-height: 36px; font-size: 14px; color: #000;}
.detailpage .detail-cont img,.detailpage .detail-cont  p img{ display: block; max-width: 100%; margin:15px auto}

.fenpian{ padding: 20px 0; border-top: 1px solid #F5F5F5; margin-top: 35px;  position: relative;margin-bottom: 15px;}
.fenpian a{ display: block; font-size: 14px; color: #333; margin-top: 10px;  transition: all 0.6s;}
.fenpian a span{ color: #666;  transition: all 0.6s;}
.fenpian a:hover span{ color: #000;}
.fenpian .back-btn{ position: absolute; right: 0; top: 30px; display: block; color: #fff; background: #12602d;
 width: 180px; height: 50px; line-height: 50px; text-align: center; font-size:14px; border-radius: 5px;}




@-webkit-keyframes swipeRight {
	0% {}
	50%,
	60% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0)
	}
}

@keyframes swipeRight {
	0% {}
	50%,
	60% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate(0)
	}
	100% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}


@-webkit-keyframes fadeIn-left1 {
  0% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0); }
  50% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0); }
  100% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0); } }

@-moz-keyframes fadeIn-left1 {
  0% {
    -moz-transform: translate(-10px, 0);
         transform: translate(-10px, 0); }
  50% {
    -moz-transform: translate(10px, 0);
         transform: translate(10px, 0); }
  100% {
    -moz-transform: translate(-10px, 0);
         transform: translate(-10px, 0); } }

@keyframes fadeIn-left1 {
  0% {
    -webkit-transform: translate(-10px, 0);
       -moz-transform: translate(-10px, 0);
            transform: translate(-10px, 0); }
  50% {
    -webkit-transform: translate(10px, 0);
       -moz-transform: translate(10px, 0);
            transform: translate(10px, 0); }
  100% {
    -webkit-transform: translate(-10px, 0);
       -moz-transform: translate(-10px, 0);
            transform: translate(-10px, 0); } }

.fadeIn-left1 {
  -webkit-animation-name: fadeIn-left1;
     -moz-animation-name: fadeIn-left1;
          animation-name: fadeIn-left1; }
          
          
          
@-moz-keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}
@-ms-keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}
@-webkit-keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}

@keyframes down{
	from{transform: translateY(-100%); opacity: 0;}
	to{ transform: none; opacity: 1;}
}




@media screen and (max-width: 1800px){
  .navbar li{margin: 0 35px; }

 }
 @media screen and (max-width: 1650px){
  .navbar li{margin: 0 30px; }
 
 }
 
 @media screen and (max-width: 1600px){
 .sousuo{ top: 90px;}
 .navbar { left: 350px;}
 .top{ height: 90px; }
 .banner,.neibanner {  margin-top: 90px;}
 .top .p1{ font-size: 16px;}
 .navbar li a, .top .p1{ height: 90px; line-height: 90px;}
 .top .logo img{ height: 60px;}
 .top .searchbtn,.top .codebtn{ margin-top: 30px;}
 .navbar .scroll-nav { width: 40px;}
 }
 
 @media screen and (max-width: 1490px){
  .navbar li{margin: 0 25px; }
  .casepage .w1200{ width:1200px;}
  .case-right{ width:988px;}
  .case-left{ width:210px;}
  .case-right li{ width: 310px;}
  .case-right figure, .case-right figure img{ height: 246px;}
  .breadcrumb .div3{ width: 1200px; margin-left: -600px;}
  .newspage .w1200{ width: 1200px;}
  .newspage li figcaption{ width: 800px;}
 }

@media screen and (max-width: 1420px){
	.top .p1{ display: none;}
	.navbar li{margin: 0 30px; }
}