@charset "utf-8";
/* CSS Document */
@font-face{font-family: myFirstFont; src:url(../../web/css/HELVETICANEUELTSTD-HVCN.OTF), url(../../web/css/HELVETICANEUELTSTD-HVCNO.OTF);}
.iconfont {font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{background:#fff;  color:#525252; font-size:14px;}
.in_center {width:78.1vw; height: auto; margin: 0 auto; color:#525252;}
.main{width:78.1vw; height: auto; margin: 0 auto; position:relative;}
.m_center {width: 78.1vw; height: auto; margin: 0 auto 10px auto;}
img{border: 0; width:100%; vertical-align:middle;}
.fl{float:left;}
.fr{float:right;}
ul,li,dl,dd{list-style-type:none; margin:0; padding:0}

/*
.top{ width: 100%; height: 116px;  z-index: 10000; position: fixed; top: 0; left: 0; z-index: 9999; background:#fff;}
.logo{width:17.6vw; height:116px; float: left; display: flex; position:relative; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; overflow: hidden; transition: all .6s ease 0s;}
.nav{width:54vw; height: 116px; display:inline;}
.nav div{display:inline-block; vertical-align:middle; width:7.7vw; height: 116px; line-height: 116px; font-size: 0.8vw; text-align: center; position: relative; transition: all .5s ease 0s;}
.nav div a{position: relative; z-index: 2;}
.nav div:after{content: ''; width: 0%; height:116px; position: absolute; left: 50%; top: 0; }
.nav div:hover:after,.nav .nuw:after{left: 0; width: 100%; opacity: 1;}
.nav div:hover a,.nav .nuw a{color: #30b1c2; border-bottom: 1px solid #30b1c2;}
.top_fr{ width:54vw; float:right}



.nav{position: relative;}
.nav_box{ float: left; height: 116px; width: auto; }
.nav_box>a{ width:7.7vw; height: 116px; display: block; font-size: 0.8vw; color: #525252; text-align: center; overflow: hidden; line-height: 116px;}
.nav_box>a:hover,.nav_box .nav_box_a{transition: all 0.5s ease 0s; color: #fff;}

.nav_nav{ position: absolute; width:auto; height: auto; overflow: hidden; top:116px; left:0px; background:#fff; z-index: 999999;  transition: width 0.5s; border-radius:0 0 10px 10px;}
.nav_nav>a{ display: block; width: 7.7vw; height:30px; text-align: center; line-height:30px; font-size: 16px; color: #fff; float: left; overflow: hidden; font-size:14px; background:none;}
.nav_nav>a:hover{ background:none; color: #fff; transition: all 0.4s ease 0s;}
.nav_box:hover .nav_nav{ width:7.7vw; padding:15px 0;}
*/

.top{width: 100%; height:116px; background:#fff; position: fixed; top: 0; left: 0; z-index: 9999; /*overflow: hidden;*/ padding: 0 9%; transition: all 1s linear 0s;}
.logo{width:15%; height: 116px; float: left; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; transition: all .6s ease 0s;}
.logo img{max-width: 90%; height: auto; }
.top_right{width: 54vw; height: 116px; line-height: 116px; float: right; font-size:0px; text-align: right; transition: all .6s ease 0s;}
.nav{width:auto; height: 116px; display:inline; float:right; width:58vw;}
.nav .m{display:inline-block; vertical-align:middle; width:7.7vw; height: 116px; line-height: 116px; font-size: 15px; text-align: center; position: relative;}
.nav .m a{position: relative; z-index: 2;}
.nav .m.on{border-bottom:1px solid #30b1c2; color:#30b1c2;}
.nav .m:after{content: ''; width: 0%; height:116px; background:url(../images/nav_bg.jpg) no-repeat center top; position: absolute; left: 50%; top: 0; }
.nav .m:hover:after,.nav .nuw:after{left: 0; width: 100%; opacity: 1;}
.nav .m:hover a,.nav .nuw a{ color: #30b1c2;}
.top_fr{ width:54vw; float:right}
.nav{position: relative;}
.nav_box{ float: left; height: 116px; width: auto; }
.nav_box>a{ width:7.7vw; height: 116px; display: block; font-size: 0.8vw; color: #525252; text-align: center; overflow: hidden; line-height: 116px;}
.nav_box>a:hover,.nav_box .nav_box_a{transition: all 0.5s ease 0s; color: #fff;}

.nav_nav{ position: absolute; width: 0px; height: auto; overflow: hidden; top:116px; left:0px; background:#fff; z-index: 10000;  transition: width 0.5s; border-radius:0 0 10px 10px;}
.nav_nav>a{ display: block; width: 7.7vw; height:30px; text-align: center; line-height:30px; font-size: 0.8vw; color: #30b1c2 !important; border: none !important; overflow: hidden; font-size:14px; background:none;}
.nav_nav>a:hover{ background:none; color: #fff; transition: all 0.4s ease 0s; background:none;}
.nav_box:hover .nav_nav{ width:7.7vw; padding:15px 0;}
.nav div:nth-child(1),.top_icon a:nth-child(1){animation-delay: .1s;}
.nav div:nth-child(2),.top_icon a:nth-child(2){animation-delay: .2s;}
.nav div:nth-child(3),.top_icon a:nth-child(3){animation-delay: .3s;}
.nav div:nth-child(4),.top_icon a:nth-child(4){animation-delay: .4s;}
.nav div:nth-child(5),.top_icon a:nth-child(5){animation-delay: .5s;}
.nav div:nth-child(6),.top_icon a:nth-child(6){animation-delay: .6s;}

.sub{display:none; background:#fff; padding:20px 0; border-radius:0 0 20px 20px;}
.sub .pl{ height:30px; line-height:30px; text-align:center;}
.sub .pl a{color:#515151 !important;}
.sub .pl a:hover{color:#30b1c2 !important;}

/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right:5%; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #333; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #ccc; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}

/* banner */

.in_banner{width:100%; position:relative; line-height: 1; height:calc(100vh - 116px);  height:100%; margin:116px auto 0; overflow:hidden}
.in_banner .swiper-slide{position: relative;}
.in_banner .swiper-slide img{width:100%; height:545px}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.in_banner_l,.in_banner_r{width:50px; height: 50px; line-height: 50px; text-align: center; background:#fff; position: absolute; top:50%; left: -68px; margin-top: -34px; z-index: 5; cursor: pointer;  color:#62c3d0;}
.in_banner_l i,.in_banner_r i{font-size:36px;}
.in_banner_l:hover,.in_banner_r:hover,.in_banner_l:hover:after,.in_banner_r:hover:after{background:#62c3d0; color:#fff;}
.in_banner_r{left:inherit; right: -68px;}
.in_banner:hover .in_banner_l{left:calc(100vw * .075);}
.in_banner:hover .in_banner_r{right:calc(100vw * .075);}
.in_banner .in_banner_a{width: 100%; height:14px; line-height: 1; vertical-align: top; position: absolute; bottom:50px; left: 0; z-index: 2; text-align: center;}
.in_banner .in_banner_a .swiper-pagination-bullet{width:20px; height: 20px; font-size:14px; color:#fff; background: none; border:none; opacity: 1; margin: 0 10px; position: relative; transition: all .4s ease .2s; display:inline-block;}
.in_banner .in_banner_a .swiper-pagination-bullet:before{content:''; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; transition: all .4s ease 0s;}
.in_banner .in_banner_a .swiper-pagination-bullet-active{transition: all .4s ease .2s; border-color:none; color:#62c3d0;}
.in_banner .in_banner_a .swiper-pagination-bullet-active i{width:10px; height:1px; background:#000; display:inline-block;} 

.in_about{background:url(../images/about_bg.jpg) no-repeat center top; height:640px; width:78.1vw; overflow:hidden; margin:0 auto}
.title{font-size:30px; color:#62c3d0; font-weight:bold; text-align:center; line-height:48px; padding-top:30px; width:78.1vw; margin:0 auto;}
.title i{font-style:normal; color:#aed21b; font-size:30px; font-weight:bold; margin-left:5px;}
.title h1{font-size:24px; font-weight:normal; color:#525252; height:40px; line-height:40px;}
.title h1 span{height:2px; width:30px; background:#62c3d0; display:inline-block; margin:0 22px 6px 22px;}
.about_fl{float:left; width:34.3vw; margin-top:35px;}
.about_fl h1{font-size:24px; color:#62c3d0; height:54px; line-height:54px;}
.about_fl h2{font-size:36px; color:#62c3d0; font-weight:bold; height:40px; line-height:40px; margin-bottom:45px; font-family:myFirstFont;}
.about_fl p{font-size:14px; color:#666; line-height:30px; height:210px; overflow:hidden; margin-bottom:30px;}
.about_fl div a{height:40px; line-height:40px; width:9.6vw; text-align:center; border:2px solid #62c3d0; color:#62c3d0; display:inline-block;}
.about_fr{float:right; width:33.3vw; margin-top:55px;}
.about_fr img{width:auto; height:auto;}
.about_fr a:nth-child(1){display:block; width:100%; margin-left:8vw;}
.about_fr a:nth-child(2){display:inline-block; width:48%;}
.about_fr a:nth-child(3){display:inline-block; width:48%;}

.product{background:url(../images/product_bg.jpg) no-repeat center top; height:600px; width:78.1vw; overflow:hidden; margin:0 auto; padding:0 0.3vw;}
.product .title{color:#fff;}
.product .title h1 span{background:#fff;}

.pg_proul_a{width: 100%;}
.pg_proul,.pg_prouls{width: 100%; height:320px; margin:40px auto 0 auto; position: relative; overflow: hidden;}
.pg_proli{width: 25% !important; height: 320px !important; margin-right:2px; overflow: hidden; position: relative; animation-delay: .1s; text-align:center; background:none}
.pg_proul_l,.pg_proul_r{width:44px; height: 44px; line-height:44px; text-align: center; background:#70b33e; color: #fff; position: relative; position: absolute; top: 50%; left:-5.8vw; margin-top: -26.5px; z-index: 5; cursor: pointer;  font-size:24px; overflow: hidden;}
.pg_proul_l:hover,.pg_proul_r:hover,.pg_proul_l:hover:after,.pg_proul_r:hover:after{background:#70b33e; color: #fff;}
.pg_proul_r{left:inherit; right:-5.8vw;}
.pg_proli:nth-child(2n),.pg_prolis:nth-child(2n){animation-delay: .2s;}
.pg_proli:nth-child(3n),.pg_prolis:nth-child(3n){animation-delay: .3s;}
.pg_proli:nth-child(4n),.pg_prolis:nth-child(4n){animation-delay: .4s;}
.swiper-slide div {position: relative;	z-index: 1;	width:100%; text-align: center; cursor: pointer;}
.swiper-slide div img {position: relative;	display: block; height:15vw; width:19.5vw; overflow:hidden}
.swiper-slide div span {color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper-slide div span::before,.swiper-slide div span::after {pointer-events: none;}
.swiper-slide div span,.swiper-slide div a {position: absolute; top: 0; left: 0;width: 100%;	height: 100%;}
.swiper-slide div h2 {word-spacing: -0.15em; font-weight: 300;}
.swiper-slide div h2,.pg_pro_li div p {margin: 0;}
.swiper-slide div p {letter-spacing: 1px;	font-size: 68.5%;}
.swiper-slide div.effect-lily span {top: auto;bottom: 0; height:11%; text-align: center;}
.swiper-slide div.effect-lily h2,.swiper-slide div.effect-lily p {}
.swiper-slide div.effect-lily h2 {font-size:16px; color:#fff; height:50px; line-height:1; margin-top: 10px; padding-top: 15px;}
/*.swiper-slide div.effect-lily p {color:#fff; background:#73b23f; width:100%; opacity: 0; font-size:20px; font-weight:bold;}*/

/*.swiper-slide div.effect-lily:hover img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); background:none; color:#696969; opacity:1}*/

/*.swiper-slide div.effect-lily:hover p{background:#b6d631; color:#fff; width:100%; height:40px; line-height:40px;}*/
.pro_more{width:100%; margin:0 auto; text-align:center; clear:both;}
.product .pro_more a{height:40px; line-height:40px; width:9.7vw; border:2px solid #fff; display:inline-block; color:#fff;}
.news{background:url(../images/news_bg.jpg) no-repeat center top; height:860px; width:78.1vw; overflow:hidden; margin:0 auto;}
.news_fl{float:left; width:33.9vw; margin-top:40px; height:560px; overflow:hidden; padding-left:10px;}
.news_fl div img{height:auto; overflow:hidden; width:100%;}
.news_fl h1,.news_fr .fr h1{font-size:18px; color:#666; height:20px; line-height:20px; margin-bottom:20px; overflow:hidden;}
.news_fl h2,.news_fr .fr h2{font-size:14px; color:#767676; height:60px; line-height:30px; overflow:hidden; margin-bottom:24px;}
.news_fr .fr h1:hover,.news_fr .fr h2:hover{color:#62c3d0;}

.news_fl p,.news_fr .fr p{background:#62c3d0; height:2px; width:3.1vw; display:block; margin-bottom:55px;}
.news_fr{float:right; width:38.5vw; margin-top:40px; height:560px; overflow:hidden;}
.news_fr ul li{margin-bottom:70px; clear:both; height:126px; overflow:hidden;}
.news_fr .fl{width:4.4vw; background:#62c3d0; color:#fff; font-size:16px; text-align:center; line-height:32px; padding:2% 0;}
.news_fr .fl p{font-size:34px;}
.news_fr .fr{width:32.8vw;}
.news .pro_more a{height:40px; line-height:40px; width:9.7vw; border:2px solid #62c3d0; display:inline-block; color:#62c3d0; margin-top:40px;}
.bottom{height:auto; max-height: 4.8vw; overflow: hidden; line-height:2.4vw; color:#fff; clear:both; background:#4aafbc; border-top:1px solid #64c4d0;}
.bottom .in_center{color:#fff;}
.bottom a{float:right; color:#fff;}
.bottom p{display:inline-block;}
.foot_top{height:240px; background:#64c4d0; clear:both; display: none;}
.foot_topnav{width:62.5vw; height: auto; float: left; background:url(../images/foot_navli.jpg) repeat-y right 0; margin-top:25px;}
.foot_navli{width:10.4vw; height: auto; float: left; line-height: 1; animation-delay: .1s;}
.foot_navli p{margin-bottom: 17px; font-size: 12px;}
.foot_navli p a{color: #fff; font-size:14px;}
.foot_navli p:first-child{margin-bottom: 20px;}
.foot_navli p:first-child a{font-size: 16px; color: #fff; font-weight:bold;}
.foot_navli p a:hover{color: #30b1c2; text-shadow: 1px 1px 0 rgba(0,0,0,.85);}
.foot_navli:nth-child(2n){animation-delay: .2s;}
.foot_navli:nth-child(3n){animation-delay: .3s;}
.foot_navli:nth-child(4n){animation-delay: .4s;}
.foot_navli:nth-child(5n){animation-delay: .5s;}
.foot_navli:nth-child(6n){animation-delay: .6s;}
.foot_navli:nth-child(7n){animation-delay: .7s;}
.foot_navli:nth-child(8n){animation-delay: .8s;}
.foot_fr{float:right; margin-top:37px; width: 10.4vw;}
.foot_cen{height:135px; background:#4aafbc;}
.foot_cen .tel{font-size:18px; color:#fff; float:left; width:22vw; padding-right:2.2vw; margin-top:25px; line-height:23px; clear:both; border-right:1px solid #fff; margin-right:2.6vw;}
.foot_cen .tel div{font-size:1.9vw; color:#fff; font-weight:bold; padding-top:20px;}
.foot_cen .add{line-height:30px; float:left; width:35vw; color:#fff; padding-top:15px;}
.ewm{float:right; width:16vw; padding-top:10px;}
.ewm .img{background:url(../images/ewm_bg.png) no-repeat center; text-align:center; float:left; width:6.5vw; height:6.5vw;}
.ewm .img img{width:80%; margin-top:10px;}
.ewm .wz{font-size:14px; color:#fff; float:right; width:8vw; text-align:center; padding-top:1.3vw;}
.ewm .wz h1{font-size:1.2vw; color:#fff;}
.down{height:2.4vw; overflow: hidden; line-height:2.4vw; color:#fff; clear:both; background:#4aafbc; border-top:1px solid #64c4d0;}
.down .in_center{color: #fff;}
/*联系我们*/
.pg_banner{width:100%; height:376px; overflow: hidden; margin:116px auto 0 auto;}
.pg_banner img{height:100%; width:100%;}
#pg_title{background:#f8f8f8; height:86px; line-height:86px; width:100%; margin:0 auto; text-align:center;}
#pg_title a{font-size:16px; color:#666; padding:0 15px; display:inline-block; margin:0 10px;}
#pg_title a.now,#pg_title a:hover{color:#56c7d4; border-bottom:2px solid #56c7d4;}	
.contact{width:78.1vw; margin:0 auto 30px auto;}
.contact .add{text-align:center; color:#666; line-height:30px; margin:70px 0 50px 0;}
.contact .add p{background:#56c7d4; padding:4px 8px; display:inline-block; color:#fff;}
.contact .add h1{font-size:72px; font-weight:bold; color:#525252; line-height:106px; margin-bottom:12px;}
.contact .add h2{font-size:22px; font-weight:bold; color:#525252; line-height:28px;}
.contact .add span{font-size:16px; display:block; color:#525252; line-height:36px;}
.bring{border-bottom:1px solid #56c7d4; padding:20px 0 35px 0;}
.bring h1{font-size:18px; color:#56c7d4; font-weight:bold; height:62px; line-height:62px;}
.bring h2{color:#666; line-height:30px; font-size:14px;}

.contact .con_fl{float:left; width:37.5vw; padding:3%; text-align:left; color:#777; font-size:14px; border:1px solid #ddd; margin:40px 0; margin-right: 2vw;}
.contact .tit{font-size:17px; font-weight:bold; margin-bottom:15px; background:#56c7d4; color:#fff; padding:10px; width:20vw; border-radius:0 20px 20px 0;}
.contact .con_fr{float:right; width:38vw; border:1px solid #efefef; padding:3%; text-align:left; font-size:14px; margin:40px 0;}
.contact .con_fl:hover,.contact .con_fr:hover{background:#56c7d4; color:#fff;}
.contact .con_fl:hover .tit,.contact .con_fr:hover .tit{background:#fff; color:#56c7d4;}
.contact .con_fl:nth-child(2n+1){margin-right: 0;}
em{font-style:normal;}
/*产品中心*/
.product_fl{float:left; width:14.2vw; margin:30px 0;}
.product_tit{background:#56c7d4; text-align:center; font-size:16px; color:#fff; padding:5% 0; margin-bottom:10px;}
.product_tit h1{font-weight:bold; font-size:18px; height:28px; line-height:28px;}
.product_tit span{height:1px; width:20px; background:#fff; display:inline-block; margin:0 10px 5px 10px; line-height:1px;}
.product_li{border:1px solid #d5d5d5; padding:5% 2%;}
.product_li div{line-height:50px; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; text-align:center; font-size:16px; font-weight:bold;}
.product_li ul{margin-bottom:20px;}
.product_li ul li{height:36px; line-height:36px; background:url(../images/li_bg1.jpg) no-repeat 235px center; padding:0 12px; font-size:16px; color:#666; margin-top:5px;}
.product_li ul li:hover,.product_li ul li.now{background:url(../images/li_bg2.jpg) no-repeat 235px center #56c7d4; color:#fff;}
.product_li ul li:hover a,.product_li ul li.now a{color:#fff;}
.product_fr{float:right; width:62.5vw; margin:30px 0;}
.product_fr .swiper-slide div.effect-lily h2{color:#666;}
.product_fr .pg_proli{width:19.4vw !important; float:left; margin-right:1.7vw; height:auto !important; padding-bottom:60px;}
.product_fr .pg_proli:nth-child(3n){margin-right:0;}
.product_fr .swiper-slide div{border:1px solid #eaeaea;}
.product_fr .swiper-slide div img {position: relative;	display: block; height:14vw; width:19.2vw; overflow:hidden}
.product_fr .mg0{margin:0;}

.product_fr .swiper-slide div.effect-lily h2{font-size:14px; margin: 0;}
.page{width:100%; margin:30px auto; text-align:center; clear:both;}
.page a{border:1px solid #666; height:30px; line-height:30px; width:30px; border-radius:15px; display:inline-block; color:#666; margin:0 0.3vw;}
.page a:hover,.page a.now{color:#fff; background:#64c4d0; border:1px solid #64c4d0;}
.product_detal{width:62.5vw; margin:30px auto; overflow: hidden; float: right;}
.detal_one{ zoom:1; padding-bottom:20px;}
.detal_one:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.detal_fl{float:left; width:25.4vw; border:1px solid #e1e1e1;}
.detal_fr{float:right; width:34.7vw;}
.detal_fr h1{height:45px; line-height:45px; font-size:26px; overflow:hidden;}
.detal_fr h2{height:45px; line-height:45px; margin-bottom:15px;}
.detal_fr p{height:52px; line-height:52px; color:#62c3d0; font-weight:bold; font-size:18px; display:block; margin-bottom:15px;}
.detal_fr ul li{height:auto; line-height:30px; clear:both;}
.detal_fr ul li p{height:auto; line-height:30px; margin:8px 0 0 0;}
.detal_fr ul li div{float:left; color:#62c3d0; border:1px solid #62c3d0; height:22px; line-height:22px; width:22px; text-align:center; border-radius:11px; margin:13px 1% 0 0; display: inline-block; font-weight: normal;}
.detal_fr ul li p{color:#525252; font-weight:normal; font-size:14px; display: inline-block; margin-right: 10px; float: left; width: 88%;}
.detal_two{background:#fafafa; padding:45px 1vw 60px 1vw; margin-bottom:50px; clear: both; overflow: hidden;}
.detal_two h1{height:70px; line-height:70px; font-size:14px; font-weight:bold;}
.two_fl{float:left; width:35vw;}
.two_fl table td{line-height:20px; font-size:12px; text-align:center; background:#f3f7fc; padding:10px 0;}
.two_fl table thead td{font-size:16px; background:#62c3d0; color:#fff; height:20; padding:8px 0;}
.two_fl table .ys td{background:#d8e6f5;}
.two_fr{float:right; width:25vw;}
.two_fr h1{margin-left:18px;}
.two_fr img{margin-left:18px; width:11vw;}
.detal_three{clear:both; margin-bottom:50px; margin:0 auto;}
.detal_three img{width:100%; height:auto; display: block;}
/*新闻动态*/
.news_li{margin:70px 0;}
.news_li li{padding:18px; background:#f7f7f7; border:2px solid #f7f7f7; margin-bottom:25px; zoom:1;}
.news_li li:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.news_li li .img{float:left; width:13.6vw;}
.js{float:left; width:39.3vw; margin:17px 0 0 90px;}
.js h1{font-size:18px; color:#525252; height:60px; line-height:60px; overflow:hidden;}
.js h1 a{color:#525252;}
.js h2{font-size:14px; color:#989898; height:60px; line-height:30px; overflow:hidden;}
.js h2 a{color:#989898;}
.news_li li .time{float:right; width:10.7vw; text-align:center; font-size:24px; color:#989898; margin:0 auto; line-height:60px;}
.news_li li .time a{display:inline-block; height:46px; line-height:46px; width:5.1vw; text-align:center; border:1px solid #62c3d0; color:#62c3d0; font-size:14px; margin-top:30px;}
.news_li li:hover{background:#fff; border:2px solid #62c3d0;}
.news_li li:hover .time a{background:#62c3d0; color:#fff;}
/*技术服务-技术资料*/
.service li{border-bottom:1px solid #e1e1e1; padding:45px 0; zoom:1;}
.service li:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.service li .time{float:left; width:5vw; text-align:left; font-size:30px; color:#56c7d4;}
.service li .time a{display:inline-block; background:url(../images/jt.jpg) no-repeat; height:47px; width:4.4vw;}
.service li .border{width:3.6vw; height:2px; background:#cdcdcd; float:left; margin:35px 50px 0 30px;}
.service li .js{width:41.7vw; margin:0;}
.service li .img{float:right; width:15.2vw;}
.service li:hover .time a{background:url(../images/h_jt.jpg) no-repeat;}
.service li:hover .border{background:#62c3d0;}
.pg_detal{background:#f5f5f5; padding:3% 0;}
.pg_detal h1{font-size:20px; font-weight:bold; height:55px; line-height:55px; border-bottom:1px solid #e2e2e2; text-align:center;}
.pg_detal h2{font-size:14px; color:#969696; height:48px; line-height:48px; text-align:center;}
.pg_detal h2 span{margin:0 50px;}
/*关于*/
.pg_tit{background:url(../images/pg_tit.jpg) repeat-x 0 bottom; height:108px; line-height:54px; color:#62c3d0; margin-bottom:20px;}
.pg_tit h1{background:#fff; font-size:28px; padding:0 3% 0 0; display:inline-block;}
.pg_tit i{font-style:normal; color:#aed21b; font-size:30px; margin-left:15px;}
.pg_tit span{display:block; font-size:36px; color:#62c3d0; font-family:myFirstFont;}
.pg_about .fl{width:50vw; margin:135px 0 35px 0;}
.pg_about .fl h1{font-size:28px; color:#62c3d0; height:182px; line-height:82px; overflow:hidden;}
.pg_about .fl h1 span{font-size:30px; color:#aed21b;}
.pg_about .fl h2{font-size:14px; color:#525252; line-height:36px;}
.pg_about .fr{width:24.8vw; margin:0 0 35px 0;}
.link{height:46px; line-height:46px; background:#62c3d0; clear:both; margin-bottom:20px;}
.link a{background:url(../images/link.png) no-repeat 116px center; padding-left:185px; color:#fff; float:left;}
.link a.right{background:url(../images/right.png) no-repeat 14.6vw center #aed21b; color:#fff; float:right; padding-left:7.2vw; width:20.8vw;}
.culture{height:364px; border-left:1px solid #dfdfdf; margin:150px 0;}
.culture ul li{height:364px; border-right:1px solid #dfdfdf; float:left; width:19.5vw; text-align:center; padding:0 35px;}
.culture ul li .img{width:18%; margin:0 auto 25px auto; height: 2.5vw;}
.culture ul li h1{font-size:16px; font-weight:bold; height:60px; line-height:60px;}
.culture ul li .xian{background:url(../images/xian.png) no-repeat center; height:4px; width:7.5vw; margin:0 auto;}
.culture ul li h2{font-size:14px; color:#666; margin-top:30px; line-height:30px;}
.about_detal{line-height:30px; color:#666; margin:40px 0;}
.about_detal div{float:right; width:auto; margin:0 0 30px 30px;}


/*留言反馈*/
.message{width:78.1vw; margin:40px auto;}
.message table{width:50%; margin:0 auto;}
.message table td{padding-bottom:10px; height:62px;}
.message table td img{width:40%; height:3.3vw; overflow:hidden;}
.message table .text{height:62px; line-height:62px; color:#b9b9b9; font-size:16px; border:none; width:100%; padding-left:30px; border-bottom:1px solid #e1e1e1; background-image:url(../images/img1.jpg); background-repeat: no-repeat; background-position: left center;}
.message table .mail{height:62px; line-height:62px; color:#b9b9b9; font-size:16px; border:none; width:100%; padding-left:30px; border-bottom:1px solid #e1e1e1; background-image:url(../images/img2.jpg); background-repeat: no-repeat; background-position: left center;}
.message table .phone{height:62px; line-height:62px; color:#b9b9b9; font-size:16px; border:none; width:100%; padding-left:30px; border-bottom:1px solid #e1e1e1; background-image:url(../images/img3.jpg); background-repeat: no-repeat; background-position: left center;}
.message table .yzm{height:62px; line-height:62px; color:#b9b9b9; font-size:16px; border:none; width:100%; padding-left:35px; border-bottom:1px solid #e1e1e1; background-image:url(../images/img4.jpg); background-repeat: no-repeat; background-position: left center;}
.message table textarea{height:124px; color:#b9b9b9; font-size:16px; border:none; width:100%; border:1px solid #e1e1e1;}
.message table td .yz{width:40%;}
.message table .yzm{height:62px; line-height:62px; color:#b9b9b9; font-size:16px; border:none; width:60%; border-bottom:1px solid #e1e1e1;}
.button{height:56px; line-height:56px; width:25.4vw; background:#64c4d0; text-align:center; border:none; font-size:16px; color:#fff; margin-top:20px;}

/*荣誉资质*/
.article { display: block; padding: 12px;  background: white; transition: all 220ms;}
.article:hover {box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms;}
.article > img {display: block; width: 100%;/* margin: 0 0 24px 0;*/}
.article h2 {text-align: center; font-size: 14px; text-transform: uppercase; display: none;}
.wall {display: block; position: relative;}
.wall-column {display: block; position: relative; /*width: 33.333333%;*/ width: 25%; float: left; padding: 0 12px; box-sizing: border-box; margin:40px 0;}
.container{margin: 0 auto; text-align: center; overflow: hidden;}
.htmleaf-content {	font-size: 150%; padding: 1em 0;}
.htmleaf-content h2 {margin: 0 0 2em; opacity: 0.1;}
.detal{width: 78.1vw; margin: 0 auto; overflow: hidden;}