﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei";COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
A {COLOR: #333; TEXT-DECORATION: none}
P{COLOR: #666;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1537px;margin:0 auto}
.container-s{max-width:1800px;margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/*PC端公共头部*/
.header{height: 101px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 222; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.header .logo{margin: 0 10% 0 3%}
.header .logo h1{line-height: 0}
.header .logo img{display: block;  margin-top: 17px;}
.header .nav ul li{float: left; margin-right: 10px; position: relative;}
.header .nav ul li:last-child{margin-right: 0}
.header .nav ul li>a{display: block; font-size: 15px; line-height: 101px; color: #444444; padding: 0 30px; position: relative;}
.header .nav ul li.on>a,.header .nav ul li:hover>a{background: #02903c; color: #fff;transition:0.6s;}
.header .nav ul li .hide{background-color: #fff;float: left;font-size: 14px;display: none;width:100%;position: absolute;top:101px;text-align: center;z-index: 10000;left:0%}
.header .nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.header .nav ul li .hide em a:hover{background: #fff; color: #02903c; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.header .tel{border-left: solid 1px #eee; line-height: 35px; padding: 15px 2.5%;}
.header .tel b{display: block; font-size: 16px; color: #333333; font-family: arial;}
.header .tel b img{display: inline-block; vertical-align: middle; margin-right: 17px;}
.header .search{background: #eeeeee;width: 5%; position: relative; height: 101px;cursor: pointer;}
.header .search img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

.search-div{position: absolute;top:0;width:100%;left:-100%;transition: all .6s;z-index:223;height:112px; background:#fff;}
.search-div .sear-logo img{margin-top: 17px;  }
.search-close img{margin-top:41.5px;cursor: pointer;}
.search-close:hover img{transform:rotate(180deg); transition:0.6s;}
.search-addclass{position: fixed;left:0%;}
.header-taddclass{opacity: 0.1;}
.search-form{width:50%;margin:0 auto;border-top:1px solid #999;border-bottom:1px solid #999;margin-top:30px;margin-left:13%; }
.search-form .text{height:50px;width:88%;float:left;border:none; background:none;text-align: center;outline: none;}
.search-form .submit{height:50px;width:12%;float:right;border:none; background:url(../images/search1.png) no-repeat center center; outline: none;}
.header-zw{height: 101px;}
.wap-header{display: none;}



/*首页banner*/
.banner{height: 674px; position: relative; overflow: hidden; }
.banner .banner-text img{display: block; position: absolute; top: 0; bottom: 0; margin: auto; left: 16.7%;}
#banner-num {bottom: 4.5%;z-index: 1;}
#banner-num .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; border:solid 1px #fff; border-radius: 50%; background: transparent; }
#banner-num .swiper-pagination-bullet-active{background: #fff}
.wap-banner{display: none;}


/*蜂窝产品*/
.index-title{text-align: center;}
.index-title em{display: block; font-size: 32px; line-height: 32px; color: #19191a; height: 50px;position: relative;}
.index-title span{color: #02903c}
.index-title em:after{position: absolute;content: '';  width: 56px; height: 3px; background: #02903c; bottom: 0; left: 50%; margin-left: -28px;}
.index-title p{line-height: 28px; width: 39%; margin: 18px auto 0;}
.product{padding: 59px 0 60px;}
.product .index-title{margin-bottom: 48px;}
.product-list ul li{float: left; margin-right: 0.7%; margin-bottom: 0.7%; width: 20.4%; overflow: hidden; position: relative;}
.product-list ul li.item1,.product-list ul li.item2{width: 18%}
.product-list ul li.item5,.product-list ul li.item9{margin-right: 0}
.product-list ul li.item8{width: 36.7%; }
.product-list ul li .pic{position: relative;}
.product-list ul li .pic img{display: block; width: 100%}
.product-list ul li .pic em{display: block; position: absolute; bottom: 14px; font-size: 15px; color: #fff; text-align: center; width: 100%}
.product-list ul li .info{position: absolute; bottom: -100%; background: rgba(2,144,60,0.8); width:86%; padding:0 7%; height: 100%; transition:0.6s;}
.product-list ul li .info strong{display: block; font-size: 20px; line-height: 20px;  color:#fff; position: relative; height: 42px; margin-top: 59px}
.product-list ul li .info strong:after{position: absolute; content: ''; width: 46px; height: 2px; background: #fff; bottom: 0; left: 0;}
.product-list ul li .info p{line-height: 28px; color: #fff; opacity: 0.59; margin: 20px 0 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;}
.product-list ul li .info span{display: block; width: 40%; line-height: 35px; color: #666; text-align: center; background: #fff;}
.product-list ul li:hover .pic em{opacity: 0;}
.product-list ul li:hover .info{bottom: 0;}
.wap-productlist{display: none;}


/*鸿赞蜂窝*/
.ys{background: url(../images/ys-bg.jpg) no-repeat center; height: 503px; }
.ys .index-title{ padding-top: 51px; margin-bottom: 42px;}
.ys .index-title em{color: #fff;}
.ys-list {overflow: hidden;}
.ys-list ul li{float: left; width: 100%; text-align: center;}
.ys-list ul li img{display: block; margin: 0 auto 10px;  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.52);}
.ys-list ul li strong{display: block; font-size: 20px;color: #fff; margin-bottom: 13px;}
.ys-list ul li p{line-height: 26px; color: #fff; width: 45%; margin: 0 auto 33px;}
#ys-num{text-align: center; left: 0; right: 0; margin: auto;}
#ys-num .swiper-pagination-bullet{display: inline-block;  width: 8px; height: 8px; opacity: 1; border:solid 1px #fff; border-radius: 50%; background: transparent; margin: 0 5px;}
#ys-num .swiper-pagination-bullet-active{background: #fff}


/*蜂窝应用*/
.app .index-title{margin-bottom: 40px;}
.app-list{overflow: hidden;}
.app-list ul li{position: relative;overflow: hidden;}
.app-list ul li .pic{position: relative;}
.app-list ul li .pic img{display: block; width: 100%}
.app-list ul li .text{position: absolute; top: 64%; padding: 0 7%; width: 86%}
.app-list ul li .text em{display: block; font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.app-list ul li .text p{display: block; line-height: 24px; color: #ddd; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.app-list ul li .info{position: absolute; top: 0; width: 88%; transition:0.3s; height: 100%; padding: 0 6%; background: rgba(2,134,55,0.87); opacity: 0;z-index: 99999;}
.app-list ul li .info strong{display: block; font-size: 24px; line-height: 24px; height: 50px; position: relative; color: #fff; padding-top: 24%; margin-bottom: 35px;}
.app-list ul li .info strong:after{position: absolute; content: ''; width: 56px; height: 3px; left: 0; bottom: 0; background: #fff;}
.app-list ul li .info p{line-height: 24px; color: #eeeeee; opacity: 0.88; margin-bottom: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.app-list ul li .info span{ transition:0.3s;display: block; width: 114px; line-height: 32px; border: solid 1px rgba(255,255,255,0.47); color: #eeeeee; text-align: center;}
.app-list ul li:hover .text{opacity: 0;}
.app-list ul li:hover .info{opacity: 1;}
.app-list ul li .info span:hover{background: #fff; color: #02903c;}

.app-list ul li a:after{content: ''; background: url(../images/case-bg.png) no-repeat center; background-size: cover;width: 120%;height:274px; position: absolute;bottom:0;}
.app-list ul li .text{z-index: 9999;}
.app-content{position: relative; margin-bottom: 59px;}
#index-prev,#index-next{width: 37px; height: 37px;  border-radius: 50%}
#index-prev{background: url(../images/index-prev.png) no-repeat center #ddd; left: -5%}
#index-next{background: url(../images/index-next.png) no-repeat center #ddd; right: -5%}
#index-prev:hover{background: url(../images/index-prev2.png) no-repeat center #02903c;}
#index-next:hover{background: url(../images/index-next2.png) no-repeat center #02903c; }
#app-num{display: none;}
.index-more{display: block; width: 163px; background: #02903c; line-height: 44px; font-size: 15px; border-radius: 20px; margin: 0 auto; color: #fff;  text-align: center;}
.index-more:hover{background: #ecb010; transition:0.6s;}

/*关于我们*/
.about{background: url(../images/about-bg.jpg) no-repeat center; height: 573px;}
.about .container{width: 1137px; margin: 0 auto;}
.about ul{padding-top: 204px;}
.about ul li{float: left; width: calc(100% / 4); text-align: center; color: #fff;}
.about ul li img{display: block; margin: 0 auto 26px;}
.about ul li span{display: block; font-size: 40px; line-height: 30px; font-weight: bold; margin-bottom: 17px;}
.about ul li em,.about ul li i{display: inline-block; vertical-align: super; margin-left: 8px;}
.about ul li em{font-size: 16px;}
.about ul li i{font-size: 24px; font-style: normal;}
.about ul li h2{display: block; font-size: 16px; color: #fff;}


/*资讯中心*/
.news{background: #f5f5f5;padding-bottom: 90px;}
.news .index-title{margin-bottom: 74px;}
.news-list{overflow: hidden;}
.news-list ul li{float: left; border: solid 1px #eeeeee; box-sizing: border-box;}
.news-list ul li .pic {overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%;transition: all .5s;}
.news-list ul li:hover .pic img{transform: scale(1.1);}
.news-list ul li .info{background: #fff; padding: 18px 5% 20px; width: 90%;}
.news-list ul li .info strong{display: block; font-size: 17px; color: #333333; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info p{display: block; line-height: 24px; color: #777777; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .info em{color: #777777;}
.news-list ul li .info img{display: block; margin-top: 7px;}
.news-list ul li:hover .info strong{color: #02903c}
.news-content{position: relative; margin-bottom: 45px;}
#news-num{display: none;}


/*公共底部*/
.links{background: #303030; padding: 20px 0;}
.links em{display: block; font-size: 16px; color: #ffffff; margin-bottom: 3px;}
.links img{display: inline-block; vertical-align: middle; margin-right: 12px;}
.links ul{margin-left: 36px;}
.links ul li{float: left;}
.links ul li a{display: block; line-height: 29px; color: #a7a7a7; margin-right: 44px;}
.foot{background: #2d2d2d; padding-bottom: 20px;}
.foot-contact{margin-left: 36px; margin-top: 30px;}
.foot-contact p{display: block; line-height: 29px; color: #b1b1b1; margin-bottom: 5px;}
.foot-contact span{color: #fff;}
.foot-nav {border-bottom: solid 1px #1d1d1d; margin-bottom: 35px;}
.foot-nav ul{border-bottom: solid 1px #3b3b3b;}
.foot-nav ul li{float: left; }
.foot-nav ul li a{display: block; font-size: 15px; line-height: 97px; color: #bebebe; margin-right: 90px;}
.foot-nav ul li:last-child a{margin-right: 0}
.foot-copy p{line-height: 34px; color: #bababa}
.foot-copy p a{color: #bababa}
.foot-copy p a:first-child{margin-right: 12px;}
.links ul li a:hover,.foot-nav ul li a:hover,.foot-copy p a:hover{color: #fff;}
.wap-copy{display: none;}
.wap-footzw,.wap-foot{display: none;}



/*内页banner*/
.ny-banner{height: 349px;}
.product-banner{background: url(../images/product-banner.jpg) no-repeat center;}
.equipment-banner{background: url(../images/equipment-banner.jpg) no-repeat center;}
.app-banner{background: url(../images/app-banner.jpg) no-repeat center;}
.news-banner{background: url(../images/news-banner.jpg) no-repeat center;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; height: 527px; position: relative;}
.about-banner .info{position: absolute; bottom: 9%; z-index: 2; color: #fff; width: 1537px; margin: 0 auto}
.about-banner .text{border-left: solid  5px #02903c; padding-left: 18px;}
.about-banner .text h2,.about-banner .text h3{display: block; font-size: 35px; line-height: 35px; color: #fff;}
.about-banner .text h2{margin-bottom: 14px;}
.about-banner .info p{font-size: 18px; color: #fff; opacity: 0.92; margin-top: 53px;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}
.ny-main{padding: 50px 0 70px;}


/*内页产品列表页*/
.ny-product{padding: 50px 0 70px;}
.ny-product .container{max-width: 1428px;}
.ny-left{width: 222px; background: #f5f5f5}
.column-title{background: url(../images/column-title.png) no-repeat center; height: 115px; text-align: center; margin-bottom: 13px;}
.column-title em{display: block; font-size: 24px; color: #fff; line-height: 24px; margin-bottom: 8px; padding-top: 27px;}
.column-title span{display: block; font-size: 12px; text-transform: uppercase;  position: relative; color: #86be97; line-height: 9px; height: 25px;}
.column-title span:after{position: absolute; content: ''; width: 40px; height: 2px; background: #fff; left: 50%; margin-left: -20px; bottom: 0}
.product-class .ctitle1{margin-bottom: 25px;}
.product-class .ctitle1 li{float: left; width: 100%}
.product-class .ctitle1 li a{display: block; font-size: 15px; line-height: 39px; color: #555555; position: relative; padding-left: 18%}
.product-class .ctitle1 li a:after{position: absolute; content: ''; width: 11px; height: 4px; background: #f5f5f5; left: 10%; top: 17px;}
.product-class .ctitle1 li.on a{color: #02903c}
.product-class .ctitle1 li.on a:after{background: #02903c}
.product-class .ctitle1 li:hover a{color: #02903c}
.product-class .ctitle1 li:hover a:after{background: #02903c}
.contact-bg{background: url(../images/contact-bg.png) no-repeat center; height: 160px;}
.contact-bg .tel{color: #fff; padding-top: 47px; padding-left: 8%}
.contact-bg .tel img{display: inline-block; margin-right: 10px; margin-top: 4px;}
.contact-bg .tel em{display: block; line-height: 14px;}
.contact-bg .tel strong{display: block; font-size: 20px; font-family: arial;}
.wappro-class{display: none;}

.ny-right{width: calc(100% - 222px - 49px); overflow: hidden;}
.ny-productlist ul{width: calc(100% + 28px)}
.ny-productlist ul li{float: left; margin-right: 28px; margin-bottom: 24px; width: calc(100% / 3 - 28px)}
.ny-productlist ul li .pic img{display: block; width: 100%;}
.ny-productlist ul li .info{background: #f5f5f5; padding: 0 5%;}
.ny-productlist ul li .info em{display: block; font-size: 16px; line-height: 66px; color: #555555; background: url(../images/nyproduct-arrow.png) no-repeat center right;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical ;}
.ny-productlist ul li:hover .info{background: #02903c; transition:1s;}
.ny-productlist ul li:hover .info em{color: #fff; background: url(../images/nyproduct-arrow2.png) no-repeat center right;}





/*内页蜂窝应用列表页*/
.nyapp-list ul{width: calc(100% + 20px)}
.nyapp-list ul li{float: left; margin-right: 20px; margin-bottom: 28px; width: calc(100% / 4 - 20px); position: relative;overflow: hidden;}
.nyapp-list ul li a:after{content: ''; background: url(../images/case-bg.png) no-repeat center; background-size: cover;width: 120%;height:274px; position: absolute;bottom:0;}
.nyapp-list ul li:hover .text{opacity: 1;}
.nyapp-list ul li .pic {overflow: hidden;}
.nyapp-list ul li .pic img{display: block; width: 100%;transition: all .5s;}
.nyapp-list ul li:hover .pic img{transform: scale(1.1);}

.nyapp-list ul li .text{ z-index: 99;}


/*内页资讯中心列表页*/
.nynews-list ul{width: calc(100% + 20px)}
.nynews-list ul li{float: left; margin-right: 20px; margin-bottom: 20px; width: calc(100% / 4 - 20px)}



/*关于我们*/
.nyabout{background: #f1f1f1}
.nyabout .ctitle1 li{float: left;}
.nyabout .ctitle1 li a{display: block; font-size: 16px; line-height: 60px; color: #333333; border-right: solid 1px #e1e1e1; padding: 0 52px;}
.nyabout .ctitle1 li.on a,.nyabout .ctitle1 li:hover a{background: #02903c; color: #fff;}

.development{background: url(../images/development-bg.jpg) no-repeat center; height: 552px;}
.develop-info{padding-top: 133px; margin-bottom: 3px;}
.develop-info .text{position: relative;}
.develop-info span{display: block; font-size: 80px; color: #e6e6e8; font-family: arial; text-transform: uppercase; line-height: 63px;}
.develop-info strong{display: block; font-size: 30px;  color: #02903c; position: absolute; top: 29px}
.develop-info p{line-height: 28px; color: #666666; width: 921px; margin-right: 70px;}
#develop-prev,#develop-next{width: 38px; height: 38px; border: solid 1px #cecece; border-radius: 50%; float: left; top: 0; outline: none; left: 0}
#develop-prev{background: url(../images/develop-prev.png) no-repeat center;}
#develop-next{background: url(../images/develop-next.png) no-repeat center; right: auto; left: 56px;}
#develop-prev:hover{background: url(../images/develop-prev2.png) no-repeat center #02903c; border-color: #02903c;}
#develop-next:hover{background: url(../images/develop-next2.png) no-repeat center #02903c; border-color: #02903c;}
.develop-content{position: relative;}
.develop-list{position: relative; top: 90px; overflow: hidden;}
.develop-list ul li .line{float: left; margin-right: 26px; margin-top: 10px; margin-left: 6px;}
.develop-list ul li .line i{display: block; width: 12px; height: 12px; background: #02903c; border-radius: 50%; position: relative;}
.develop-list ul li .line i:before {content: '';display: block;width: 12px;height: 12px;border-radius: 50%;opacity: .7;background-color: #02903c;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);}
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(2)
    }

    78%,
    100% {
        opacity: 0
    }
}  
.develop-list ul li .line span{display: block; width: 1px; height: 164px; background: #aaaaaa;margin: 0 auto; }
.develop-list ul li .info strong{display: block; font-size: 30px; color: #02903c; font-family: arial; line-height: 24px; margin-bottom: 14px;}
.develop-list ul li .info em{display: block; line-height: 24px; color: #333; margin-bottom: 8px;}
.develop-list ul li .info span{display: block; font-size: 12px; line-height: 20px; color: #999999; }
.wap-develop{display: none;}

.honor{padding: 40px 0 53px;}
.honor-title{text-align: center; margin-bottom: 44px;}
.honor-title em{display: block; font-size: 30px; line-height: 30px; color: #333333; margin-bottom: 5px;}
.honor-title span{display: block; font-size: 12px; color: #999999; font-family: arial; text-transform: uppercase;}
.honor-list{max-width: 1451px; margin: 0 auto; overflow: hidden;}
.honor-list ul li{float: left;}
.honor-list ul li .pic{border: solid 9px #eeeeee;}
.honor-list ul li .pic img{display: block; width: 100%; }
.honor-content{position: relative; margin-bottom: 32px;}
#honor-prev,#honor-next{width: 41px; height: 71px; border: solid 1px #cdcdcd;}
#honor-prev{background: url(../images/honor-prev.png) no-repeat center; left: -2%}
#honor-next{background: url(../images/honor-next.png) no-repeat center; right: -2%}
#honor-prev:hover{background: url(../images/honor-prev2.png) no-repeat center #02903c; border-color: #02903c}
#honor-next:hover{background: url(../images/honor-next2.png) no-repeat center #02903c; border-color: #02903c}
#honor-num{display: none;}
.about-more{display: block;width: 150px; background: #02903c; font-size: 14px; line-height: 43px; color: #fff; text-indent: 32px; transition:0.6s; position: relative; overflow: hidden; border-radius: 22px; }
.about-more:after{position: absolute; content: '';  background: url(../images/about-arrow.png) no-repeat right top; width: 27px; height: 11px; top: 16px; right: 25px; transition:0.6s;}
.about-more:hover{text-indent: 48px; }
.about-more:hover:after{right: -30px;}
.honor .about-more{margin: 0 auto;}

.factory ul li{float: left; width: 100%}
.factory ul li .pic,.factory ul li .info{width: 50%; float: left; height: 335px; background: #f5f5f5; box-sizing:border-box;}
.factory ul li:last-child .pic{float: right}
.factory ul li .info{padding-left: 2.6%; padding-top: 64px;}
.factory ul li .info strong{display: block; font-size: 30px; line-height: 30px; color: #02903c}
.factory ul li .info span{display: block; font-size: 14px;  color: #999999; text-transform: uppercase; font-family: arial; margin-bottom: 27px;}
.factory ul li .info p{font-size: 16px; line-height: 28px; color: #555555;  margin-bottom: 50px;}
.factory ul li:last-child .info{padding-left: 10%; padding-top: 47px;}

.talent{background: url(../images/talent-bg.jpg) no-repeat center; height: 397px; text-align: center;}
.talent em{display: block; font-size: 30px; line-height: 30px; color: #333333;; padding-top: 58px; margin-bottom: 6px;}
.talent span{display: block; color: #777777; margin-bottom: 55px;}
.talent p{font-size: 17px; line-height: 32px; color: #444444; width: 577px; margin: 0 auto 40px}
.talent a{display: block; width: 200px; background: #02903c; font-size: 15px; line-height: 45px; color: #fff;  text-align: center; border-radius: 22px; margin: 0 auto;}
.talent a:hover{background: #ecb010; color: #fff; transition:0.6s;}



/*内页证书列表页*/
.nyhonor-list{overflow: hidden;}
.nyhonor-list ul {width: calc(100% + 20px)}
.nyhonor-list ul li{float: left; margin-right: 20px; width: calc(100% / 5 - 20px); margin-bottom: 20px;}
.nyhonor-list ul li .pic{border: solid 9px #eeeeee;}
.nyhonor-list ul li .pic img{display: block; width: 100%; }


.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}



/*产品内页详情*/
.ny-pro-xq .pro1 .pro-list-pic{width:452px;}
.pro-lunbo{ overflow: hidden;display: none;}
.ny-pro-xq .pro1 .spec-preview img{display: block;}
.ny-pro-xq .pro1 .descript1{width: calc(100% - 452px - 30px)}
.ny-pro-xq .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px;color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6;padding: 10px 0 15px;margin-bottom: 10px;}
.ny-pro-xq .pro1 .descript1 p{font-size: 16px;color: #6a6a6a;line-height: 33px;margin:25px 0 10px 0;}
.ny-pro-xq .pro1 .descript1 p b{font-weight:bold}
.ny-pro-xq .pro1 .descript1 a{display: inline-block;  width:200px;  font-size:22px; color: #fff; line-height: 60px; text-align: center; background: #02903c;border-radius:8px; }
.ny-pro-xq .pro1 .descript1 a.consult{margin-right: 20px;}
.ny-pro-xq .pro1 .descript1 a.back{background: #ecb010;}

.ny-pro-xq .pro1 .descript1 p.haoma{color: #333;font-size: 15px;border-top:1px solid  #E5E5E5;padding-top:20px;display: block;}
.ny-pro-xq .pro1 .descript1 p.haoma em{display: block;color: #EF001D;font-size: 25px;font-weight:bold}
.ny-pro-xq .pro1 .share{overflow: hidden;margin-top:10px;}
.ny-pro-xq .detail{}
.ny-pro-xq .detail .de-title a{ display: block;width: 100%; font-size: 16px;line-height: 45px;color: #333; margin-top: 25px;background:#eee;text-indent:20px;}

.wap-proinfo{display: none;}
.about-editbox{padding: 30px 0}


.ny-app-xq .pic{ overflow: hidden; }
.ny-app-xq .pic img{display: block; width: 100%}
.ny-app-xq .descript1{width: 60%}
.ny-app-xq .descript1 strong.title1{line-height: 38px;font-size: 20px;color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6;padding: 10px 0 15px;margin-bottom: 10px;}

.pic-list{position: relative; width: 35%;}
#app-prev,#app-next{position: absolute; z-index: 222; width: 27px; height: 80px;}
#app-prev{background: url(../images/app-prev.png) no-repeat center #fafafa; left: 0}
#app-next{background: url(../images/app-next.png) no-repeat center #fafafa; right:0}
#appxq-num{display: none;}




.rc-top{margin:30px 0;height:340px; background: url(../images/zp-img.png) no-repeat center right;background-color:#f1f1f1;padding-top:70px;}
.rc-top p{font-size:16px;color:#666;line-height: 32px;margin-bottom:30px;margin-left:80px}
.rc-top p b{font-size:24px;margin-right:10px;color:#333}
.rc-top h2{ color:#02903c;font-size:36px;margin-top:30px;margin-left:80px;font-weight:bold}

.recurit-content{border-top: solid 4px #02903C; background: #f5f5f5; margin-bottom: 54px;}
.recurit-title{background: #e6e6e6;}
.recurit-title ul,.recurit-list{width: 95%; margin: 0 auto;}
.recurit-title ul li{float: left; width: calc(100% / 5); text-align: center; font-size: 18px; line-height: 70px; color: #333333;}
.recurit-list dl{border-bottom: dashed 1px #ccc; padding: 22px 0;}
.recurit-list dl dd{float: left; width: calc(100% / 5); text-align: center; font-size: 16px; line-height: 34px; color: #666666;}
.recurit-list dl dd span{display: block; width: 120px; line-height: 34px; background: #F79D00; font-size: 16px; color: #fff; text-align: center; border-radius: 17px; margin: 0 auto;}
.recurit-list dl:last-child{border-bottom: none;}
