@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 "Arial";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:1500px;margin:0 auto}
.container-s{max-width:1600px;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{background: #127a45; height: 100px; position: fixed; top: 0; width: 100%; z-index: 222; left: 0}
.header .logo img{display: block; margin-top: 17px; margin-right: 120px;}
.header .nav>ul>li{float: right; margin-left:10px;}
.header .nav>ul>li:after{display: block; position: relative; content: ''; background: url(../images/nav-arrow.png) no-repeat center; bottom: 11px; width: 23px; height: 11px; left: 0; right: 0; margin: auto; opacity: 0;}
.header .nav>ul>li:hover:after{opacity: 1;}
.header .nav>ul>li:last-child:after{display: none;}
.header .nav>ul>li>a{display: block; font-size: 16px; color: #ffffff; line-height: 100px; }
.header .nav>ul>li .icon {background: url(../images/nav-icon.png) no-repeat right center; padding-right: 22px;}
.header .nav>ul>li .dl-hide{display: none; background: #f5f7fa; padding: 30px 23px 10px; position: absolute; width: calc(1500px - 46px); left: 0; right: 0; margin: auto;}
.header .nav>ul>li .dl-hide dd{float: left; width: calc(100% / 4 - 14px); margin: 0 7px;}
.header .nav>ul>li .dl-hide dd a{display: block;}
.header .nav>ul>li .dl-hide dd img{display: block; width: 100%; border: solid 1px #127a45; box-sizing:border-box;}
.header .nav>ul>li .dl-hide dd span{display: block; font-size: 18px; line-height: 53px; color: #127a45; text-align: center; font-weight: bold; text-transform: capitalize;}
.header .nav>ul>li .dl-hide2 dd{width: calc(100% / 3 - 14px);}

.ver{width: 115px; height: 35px; margin-top: 33px;  border: solid 1px rgba(255,255,255,0.5); position: relative; box-sizing:border-box;}
.ver ul li{display: block; }
.ver ul li em{display: block; font-size: 14px; line-height: 35px; color: #fff; background: url(../images/select-icon.png) no-repeat right 14px center; padding-left: 14px;}
.ver ul li dl.hide{ width: calc(100% - 10px); padding: 0 5px;  display: none; position: absolute; top: 33px;   background: rgba(255,255,255,0.8); border: solid 1px rgba(255,255,255,0.8);left: -1px;} 
.ver ul li dl a{display: block; font-size: 15px; color: #127a45;  text-align: center; line-height: 40px;}
.ver ul li dl a:first-child {border-bottom: dashed 1px #127a45 }

.search img{display: block; margin-top: 37px; margin-right: 55px;}
.search-form {display: none;}
.search-form{ position: fixed;top:0;width:100%;left:0;height: 100%; background: rgba(0, 0, 0,0.5);display: none;z-index: 999;}
.search-close{font-size:30px;color:#fff; position: absolute;top:2%;right:2%;}
.search-close img { cursor: pointer; }
.search-form form{display: block; width: 60%; top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: auto}
.search-form input{display: block; width: 100%; background: #fff;border-radius:2px;text-align: center; border:none; outline: none; line-height: 76px; font-size: 15px;}
.search-form .submit{background: #127a45; margin-top: 30px; color: #fff; text-transform: uppercase; cursor: pointer;}

.wap-header,.wap-headerzw{display: none;}

/*首页banner*/

.banner{position: relative; overflow: hidden; transition:0.6s; /*height: 800px;*/}
.banner .banner-link a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner .swiper-slide img{display: block; width: 100%}
.banner-text{position: absolute;   text-align: center; color: #fff; width: 100%; top: 50%; transform: translateY(-50%);}
.banner-text em{display: block; font-size: 15px; line-height: 47px; border: solid 1px #fff; border-radius: 3px; width: 469px; text-transform: uppercase;  margin: 0 auto;}
.banner-text strong{display: block; font-size: 60px; text-transform: uppercase;}
.banner-text>a{display: block; width: 137px; line-height: 51px; border-radius: 3px; background: #127a45; font-size: 16px;  color: #fff;  margin: 0 auto;}
.banner-up{text-align: center;animation:mymove 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite; position: absolute;bottom:5%;z-index: 220; left: 0; right: 0; margin: auto;}
@keyframes mymove
{
0%   {bottom:5%;}
50%  {bottom:7%;}
100% {bottom:5%;}
}


#banner-num {bottom: 2.5%;z-index: 1; display: none;}
#banner-num .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: #fff; border-radius: 50%; }
#banner-num .swiper-pagination-bullet-active{background: #127a45}


/*Products*/
.index-title{text-align: center;}
.index-title strong{display: block; font-size: 30px; color: #127a45;}
.index-title p{font-size: 15px; line-height: 22px; color: #127a45; width: 806px; margin: 0 auto;}
.prodocut{background: #eeeeee; padding: 70px 0;}
.prodocut .index-title{margin-bottom: 30px;}
.product-btn{overflow: hidden; margin-bottom: 70px;}
.product-btn ul{width: calc(100% + 6%)}
.product-btn ul li{float: left; margin-right: 6%; width: calc(100% / 4 - 6%); position: relative;}
.product-btn ul li img{transition:0.6s;}
.product-btn ul li em{position: absolute; top: 15px; left: 80px; display: block; width: calc(100% - 80px); background: #127a45; font-size: 15px; line-height: 55px; color: #fff; text-align: center; border-radius: 5px; border-radius: 5px;}
.product-btn ul li:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}




.product-list{overflow: hidden;}
.product-list ul{width: calc(100% + 12px); margin-bottom:32px;}
.product-list ul li{float: left; margin-right: 12px; margin-bottom: 38px; position: relative; overflow: hidden; width: calc(100% / 4 - 12px)}
.product-list ul li .pic img{display: block; border: solid 1px #ededed; border-radius: 5px; width: 100%; box-sizing:border-box;}
.product-list ul li .info {position: absolute; bottom: 0; padding: 0 9%; background: #127a45; width: 82%; border-radius: 5px; opacity: 0;}
.product-list ul li .info em{display: block; width: 100%; font-size: 15px; line-height: 65px; color: #fff; background: url(../images/product-arrow.png) no-repeat center right;}
.product-list ul li:hover .info {opacity: 1; transition:0.6s;}
.product-more{text-align: center;}
.product-more a{display: inline-block; width: 185px; line-height: 55px; border-radius: 5px; font-size: 16px; color: #fff; background: #127a45; margin: 0 20px;}
.product-more a.on{background: #222222}


/*application*/
.application{padding: 70px 0 50px;}
.application .index-title{margin-bottom: 52px;}
.app-list {overflow: hidden; position: relative;}
.app-list ul{margin-bottom: 40px;}
.app-list ul li{display: block; float: left; }
.app-list ul li .pic img{display: block; width: 100%;border-top-left-radius: 3px; border-top-right-radius: 3px; border: solid 1px #127a45; box-sizing:border-box;}
.app-list ul li .info{display: block; padding: 27px 6%; width: 88%; background: #eeeeee; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.app-list ul li .info img{position: absolute; right: 5%; top: -20.5px; opacity: 0;}
.app-list ul li .info em{display: block; font-size: 16px; color: #127a45; text-align: center;}
.app-list ul li .info p{display: block; line-height: 24px; color: #737373}
.app-list ul li:hover .info{background: #fff; box-shadow: 0px 2px 4px 2px #f4f4f4; transition:0.6s;}
.app-list ul li:hover .info img{opacity: 1;}
#app-num{display: none;}


/*about*/
.about{background: url(../images/about-bg.jpg) no-repeat center;color: #fff;height: auto;background-size: cover; padding:30px 0px  80px 0;}
.index-title2 {padding: 50px 0;}
.index-title2 strong {color: #fff;}
.index-title2 p{color: #fff;margin: 40px auto; width: 100%;font-size: 16px;line-height:30px;}
.about-info {display: flex;justify-content: center;}
.about-info span{display: block; font-size: 20px; line-height: 36px; padding-top: 42px; margin-bottom: 33px;}
.about-info a{margin-right: 40px; display: block; width: 213px; line-height: 49px; border: solid 1px #fff; border-radius: 5px; font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
.about-info a:nth-child(2) {margin-right: 0;}
.about-info a:hover{background: #fff; transition:0.6s; color: #127a45}

.about-num{padding-top: 50px;}
.about-num ul {display: flex;justify-content: center;}
.about-num ul li{float: left; margin-right: 99px; text-align: center;}
.about-num ul li:last-child{margin-right: 0}
.about-num ul li span{display: block; font-size: 60px; font-weight: bold; line-height: 46px; margin-bottom: 11px;}
.about-num ul li h2{display: block; font-size: 16px; color: #fff;width: 75%;margin: 0 auto;}

.wap-about {display: none;}



/*Why People choose us*/
.ys{padding: 70px 0}
.ys .index-title{margin-bottom: 56px;}
.ys-btn{margin-bottom: 70px;}
.ys-btn  ul{width: calc(100% + 2%)}
.ys-btn  ul li{float: left; margin-right: 2%; width: calc(100% / 5 - 2%)}
.ys-btn  ul li em{display: block;  font-size: 16px; line-height: 80px; color: #127a45; text-indent: 25%; border-radius: 3px;}
.ys-btn  ul li em.icon1{background: url(../images/ys-icon1.png) no-repeat left 8% center #f2f2f2;}
.ys-btn  ul li em.icon2{background: url(../images/ys-icon2.png) no-repeat left 8% center #f2f2f2;}
.ys-btn  ul li em.icon3{background: url(../images/ys-icon3.png) no-repeat left 8% center #f2f2f2;}
.ys-btn  ul li em.icon4{background: url(../images/ys-icon4.png) no-repeat left 8% center #f2f2f2;}
.ys-btn  ul li em.icon5{background: url(../images/ys-icon5.png) no-repeat left 8% center #f2f2f2;}
.ys-btn  ul li.on em{color: #fff;}
.ys-btn  ul li.on em.icon1{background: url(../images/ys-icon1-1.png) no-repeat left 8% center #127a45;}
.ys-btn  ul li.on em.icon2{background: url(../images/ys-icon2-1.png) no-repeat left 8% center #127a45;}
.ys-btn  ul li.on em.icon3{background: url(../images/ys-icon3-1.png) no-repeat left 8% center #127a45;}
.ys-btn  ul li.on em.icon4{background: url(../images/ys-icon4-1.png) no-repeat left 8% center #127a45;}
.ys-btn  ul li.on em.icon5{background: url(../images/ys-icon5-1.png) no-repeat left 8% center #127a45;}
.ys-list ul li{float: left;}
.ys-list ul li .pic img{display: block; width: 100%; margin-bottom: 35px;}
.ys-list ul li .info strong{display: block; font-size: 20px; color: #127a45; margin-bottom: 5px;}
.ys-list ul li .info p{display: block; line-height: 24px; color: #127a45; width: 62%}
.ys-list ul li .info a{display: inline-block; width: 115px; line-height: 41px; font-size: 15px; color: #fff; text-align: center; border-radius: 3px; background: #127a45}
.ys-list ul li .info a.on{background: #000; margin-left: 20px;}



/*News*/
.news{padding: 70px 0 90px; background: #fcfcfc}
.news .index-title{margin-bottom: 52px;}
.news .index-title p{width: 583px}
.news-list {overflow: hidden; position: relative;}
.news-list ul{margin-bottom: 70px;}
.news-list ul li{display: block; float: left; }
.news-list ul li .pic img{display: block; width: 100%;border-top-left-radius: 3px; border-top-right-radius: 3px;}
.news-list ul li .info{display: block; padding: 16px 6% 14px; width: 88%; background: #f7f7f7; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.news-list ul li .info em{display: block; font-size: 16px; color: #333; margin-bottom: 4px; 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: #737373; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .info span{color: #333;}
.news-list ul li:hover .info{background: #fff; box-shadow: 0px 2px 4px 2px #f4f4f4; transition:0.6s;}
.news-list ul li:hover .info img{opacity: 1;}
#news-num{display: none;}
.news-more{display: block; width: 185px; background: #127a45; font-size: 16px; line-height: 55px; color: #fff; text-align: center; margin: 0 auto; border-radius: 5px;}




/*footer*/
.footer{background: #127a45; padding: 60px 0 10px 0;}
.foot-top{border-bottom: solid 1px #fff; padding-bottom: 68px;}
.foot-left{display: none;}
.foot-left dl dt{font-size: 20px; color: #fff; margin-bottom: 8px;}
.foot-left dl dd a{display: block; font-size: 15px; line-height: 36px; color: #d9d9d9}
.foot-left dl dd img{display: inline-block; margin-right: 19px; vertical-align: middle;}
.foot-right{/*width: 85%*/width: 77%; float: none; margin: 0 auto;}
.foot-nav dl{float: left; margin-right: 122px;}
.foot-nav dl dt{font-size: 20px; color: #fff; margin-bottom: 8px;}
.foot-nav dl dd a{display: block; font-size: 15px; line-height: 36px; color: #d9d9d9}
.foot-nav dl:last-child{margin-right: 0}
.bottom-left{width:72%}
.foot-bottom{width: 90.5%}
.foot-bottom em{display: inline-block;font-size: 20px; color: #fff; margin-top: 27px; margin-bottom: 14px; margin-right: 116px;}
.foot-bottom p{display: inline-block; color: #d9d9d9; margin-right: 37px; letter-spacing: 0.5px; margin-bottom: 10px;}
.foot-bottom p img{display: inline-block; margin-right: 7px;vertical-align: middle;}
.foot-bottom p:last-child{margin-right: 0; }
.foot-bottom ul{margin-top: 18px;}
.foot-bottom ul li{float: left; margin-left: 15px;}
.foot-bottom ul li:first-child{margin-left: 0}
.foot-bottom .icon{width: calc(100%  - 220px)}
.foot-copy p{display: block; color: #fff; line-height: 53px;}
.foot-copy p a{color: #fff;}
.foot-left dl dd a:hover,.foot-nav dl dd a:hover,.foot-copy p a:hover{color: #fff;}
.wap-footzw,.wap-foot{display: none;}
.wap-foottop{display: none;}





/*内页banner*/
.ny-banner{height: 305px; position: relative; }
.ny-banner img{display: block; width: 100%; display: none;}
.proclass-banner{background: url(../images/proclass-banner.jpg) no-repeat center; background-size: cover}
.ny-banner .info{position: absolute; width: 100%; left: 0; right: 0; margin: auto; text-align: center; top: 50%; transform: translateY(-20%);}
.ny-banner .info strong{display: block; font-size: 30px; line-height: 35px; font-weight: 500; color: #fff; text-transform: uppercase; margin-bottom: 18px;}
.ny-banner .info p{display: block; font-size: 16px; color: #fff; line-height: 15px; height: 35px; position: relative; margin-bottom: 40px;}
.ny-banner .info p:after{position: absolute; content: ''; width: 56px; height: 3px; background: #fff; left: 50%; margin-left: -28px; bottom: 0}
.banner-class .sub-nav{text-align: center;}
.banner-class .sub-nav li{display: inline-block; margin: 0 15px;}
.banner-class .sub-nav li a{display: block; width: 193px; line-height: 49px; font-size: 16px; color: #000; border: solid 1px #fff; background: #fff; border-radius: 5px;}
.banner-class .sub-nav li.on a,.banner-class .sub-nav li:hover a{background: #127a45; color: #fff;}





.pro-banner{background: url(../images/pro-banner.jpg) no-repeat center; background-size: cover}
.app-banner{background: url(../images/app-banner.jpg) no-repeat center; background-size: 100%}
.solution-banner{background: url(../images/solution-banner.jpg) no-repeat center; background-size: cover}
.support-banner{background: url(../images/support-banner.jpg) no-repeat center; background-size: cover}
.news-banner{background: url(../images/news-banner.jpg) no-repeat center; background-size: cover}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center; background-size: cover}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center; background-size: cover}

.proclass-banner2{background: url(../images/proclass-banner2.jpg) no-repeat center; background-size: cover}
.proclass-banner3{background: url(../images/proclass-banner3.jpg) no-repeat center; background-size: cover}
.proclass-banner4{background: url(../images/proclass-banner4.jpg) no-repeat center; background-size: cover}
.proclass-banner5{background: url(../images/proclass-banner5.jpg) no-repeat center; background-size: cover}



/*面包屑*/
.position{background: #eeeeee; margin-bottom: 70px;}
.position img{display: inline-block; margin-right: 21px; vertical-align: sub;}
.position a{display: inline-block; font-size: 15px; line-height: 60px; color: #555}


/*内页产品分类列表页*/
.ny-main{}
.proclass-title strong{display: block; font-size: 34px; color: #127a45; text-align: center; position: relative; line-height: 25px; height: 48px; margin-bottom: 40px;}
.proclass-title strong:after{position: absolute; content: ''; width: 56px; height: 3px; left: 50%; margin-left: -28px; bottom: 0; background: #127a45 }
.proclass-list{overflow: hidden; position: relative;}
.proclass-list ul{width: calc(100% + 12px); margin-bottom:70px;}
.proclass-list ul li{float: left; margin-right: 12px; position: relative; overflow: hidden; width: calc(100% / 4 - 12px)}
.proclass-list ul li .pic img{display: block; border: solid 1px #ededed; border-radius: 5px; box-sizing: border-box; width: 100%}
.proclass-list ul li .info {position: absolute; bottom: 0; padding: 0 9%; background: #127a45; width: 82%; border-radius: 5px; opacity: 0.8;}
.proclass-list ul li .info em{display: block; width: 100%; font-size: 15px; line-height: 65px; color: #fff; background: url(../images/product-arrow.png) no-repeat center right;}
.proclass-list ul li:hover .info {opacity: 1; transition:0.6s;}
#proclass-num{display: none;}
.proclass-more{display: block; background: #127a45; width: 185px; font-size: 16px; line-height: 55px; color: #fff; text-align: center; margin: 0 auto 90px; border-radius: 5px;}


.solution{background: #eeeeee; padding: 70px 0 90px}
.solution-title {text-align: center; margin-bottom: 52px;}
.solution-title strong{display: block; font-size: 40px; color: #127a45;}
.solution-title p{display: block; font-size: 15px; line-height: 22px; color: #127a45; width: 836px; margin: 0 auto;}
.solution-list{overflow: hidden; position: relative;}
.solution-list ul{margin-bottom: 75px;}
.solution-list ul li{display: block; float: left; }
.solution-list ul li .pic img{display: block; width: 100%;border-top-left-radius: 3px; border-top-right-radius: 3px; border: solid 1px #e6e6e6; box-sizing: border-box;}
.solution-list ul li .info{display: block; padding: 24px 6% 27px; width: 88%; background: #f5f5f5; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.solution-list ul li .info img{position: absolute; right: 5%; top: -20.5px; opacity: 0;}
.solution-list ul li .info em{display: block; font-size: 16px; color: #000;}
.solution-list ul li .info p{display: block; line-height: 24px; color: #737373; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.solution-list ul li:hover .info{background: #fff; box-shadow: 0px 2px 4px 2px #f4f4f4; transition:0.6s;}
.solution-list ul li:hover .info img{opacity: 1;}
.solution .proclass-more{margin: 0 auto}


/*内页产品列表页*/
.pro-class2 .ctitle1{text-align: center; margin-bottom: 50px;}
.pro-class2 .ctitle1 li{display: inline-block; margin: 0 15px;}
.pro-class2 .ctitle1 li a{display: block; width: 193px; line-height: 49px; font-size: 16px; color: #000; border: solid 1px #127a45; background: #fff; border-radius: 3px;}
.pro-class2 .ctitle1 li.on a,.pro-class2 .ctitle1 li:hover a{background: #127a45; color: #fff;}
.nyproduct-list{margin-bottom: 52px;}
.nyproduct-list ul li{margin-bottom: 38px}



/*内页产品详情页*/
.proxq-content{margin-bottom: 110px;}
.proxq-content .pic{width: 43%; overflow: hidden;}
.proxq-content .info{width: 48%; margin-top: 56px;}
.proxq-content .info strong{display: block; font-size: 20px; color: #000; margin-bottom: 10px;}
.proxq-content .info p{display: block; font-size: 16px; line-height: 30px; margin-bottom: 33px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.proxq-content .info p a{color: #4587e8; margin-right: 18px;}

.proxq-content .info p a:visited {text-decoration: none; color: #d80a0a}
.proxq-content .info span{display: block; color: #000; margin-bottom: 8px;}
.proxq-content .info img{display: inline-block; margin-right: 11px; vertical-align: sub}
.proxq-content .info b{display: inline-block; font-size: 18px;}
.proxq-content .info>a{display: block; width: 500px;   margin: 19px 0 40px; font-size: 20px; line-height: 65px; color: #fff; text-align: center; background: #127a45; border-radius: 3px;}
.proxq-content .info>a img{margin-right: 13px;}
.share em{display: block; font-size: 20px; color: #127a45; font-weight: bold; margin-bottom: 24px;}
.share ul li{float: left; margin-right: 15px;}
.share ul li img{display: block;}
.share ul li:hover img{transition:0.6s;  transform: rotateY(180deg); -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}

.proxq-details {margin-bottom: 78px;}
.proxq-details .info{width: 70%; background: #eeeeee; padding-bottom: 50px;}
.proxq-details .info>strong{display: block; font-size: 20px; line-height: 60px; background: #127a45; color: #fff; text-align: center; margin-bottom: 48px;}
.proxq-details .content{padding: 0 6%}
.details-class{text-align: center; margin-bottom: 50px;}
.details-class ul li{display: inline-block; margin: 0 9px;}
.details-class ul li a{display: block; width: 155px; line-height: 49px; font-size: 16px; color: #127a45; border: solid 1px #127a45; background: #fff; border-radius: 3px; box-sizing:border-box;}
.details-class ul li.on a,.details-class ul li:hover a{background: #127a45; color: #fff;}

.recommend{width: 26%;background: #eeeeee;}
.recommend strong{display: block; font-size: 20px; line-height: 60px; background: #127a45; color: #fff; text-align: center; margin-bottom: 48px;}
.recom-list{padding: 0 8% 30px; overflow: hidden;}
.recom-list ul li{float: left; margin-bottom: 14px;}
.recom-list ul li .pic{display: block; position: relative; overflow: hidden; }
.recom-list ul li img{display: block; width: 100%; border: solid 1px #ededed; border-radius: 5px; box-sizing:border-box; }
.recom-list ul li em{display: block; line-height: 42px; color: #000; text-align: center; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.recom-list ul li .text{position: absolute; bottom: -100%; width: 100%; height: 100%; background: rgba(0,160,234,0.75); border-radius: 5px;}
.recom-list ul li .text p{ line-height: 26px; color: #fff; text-align: center; width: 90%; position: absolute;  left: 0; right: 0; margin:auto; top: 50%; transform: translateY(-50%); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.recom-list ul li :hover .text{bottom: 0; transition:0.6s;}
.wappic-list{display: none;}
.wap-recommend{display: none;}



/*Customer Online Message*/
.message{margin-bottom: 90px;}
.message-title{text-align: center; margin-bottom: 44px;}
.message-title strong{display: block; font-size: 24px; color: #555555}
.message-title p{font-size: 15px; line-height: 24px; color: #555555; width: 886px; margin: 0 auto;}
.message-form input,.message-form textarea{display: block;  font-family: arial; outline: none; border: solid 1px #eeeeee; background: #eeeeee; color: #999999;box-sizing: border-box;}
.message-form input::-webkit-input-placeholder {color: #999999;}
.message-form input::-moz-input-placeholder {color: #999999;}
.message-form input::-ms-input-placeholder {color: #999999;}
.message-form textarea::-webkit-input-placeholder {color: #999999;}
.message-form textarea::-moz-input-placeholder {color: #999999;}
.message-form textarea::-ms-input-placeholder {color: #999999;}
.message-form .text{float: left; margin-right: 20px; width: calc((100% - 20px) / 2)}
.message-form .text:nth-child(2n){margin-right: 0}
.message-form .text input,.message-form textarea{text-indent: 19px; width: 100%;}
.message-form .text input{line-height: 59px;  margin-bottom: 32px;}
.message-form textarea{padding: 30px 0;height: 285px; margin-bottom: 61px;}
.submit-message input{cursor: pointer; border: none; width: 240px; font-size: 20px; line-height: 59px;text-align: center;  background: #127a45; border-radius: 5px; margin: 0 auto; color: #fff;}
.submit-message input:hover{background: #127a45}

/*内页solution列表页*/
.nysolution-list {overflow: hidden; padding-bottom: 55px;}
.nysolution-list ul{width: calc(100% + 20px)}
.nysolution-list ul li{display: block; float: left; margin-right: 20px; margin-bottom: 35px; width: calc(100% / 4 - 20px)}
.nysolution-list ul li .pic img{display: block; width: 100%;border-top-left-radius: 3px; border-top-right-radius: 3px; border: solid 1px #e6e6e6; box-sizing: border-box;}
.nysolution-list ul li .info{display: block; padding: 27px 6%; width: 88%; background: #eeeeee; position: relative; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.nysolution-list ul li .info img{position: absolute; right: 5%; top: -20.5px; opacity: 0;}
.nysolution-list ul li .info em{display: block; font-size: 16px; color: #127a45;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nysolution-list ul li .info p{display: block; line-height: 24px; color: #737373; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.nysolution-list ul li:hover .info{background: #fff; box-shadow: 0px 2px 4px 2px #f4f4f4; transition:0.6s;}
.nysolution-list ul li:hover .info img{opacity: 1;}


/*内页solution详情页*/
.solutionxq-content .info{margin-top: 0}
.solutionxq-content .jqzoom{margin-bottom: 60px}

.details-class2{}
.details-class2 ul li{display: block; margin: 0 1.5%; float: left; width: calc(100% / 5 - 3%)}
.details-class2 ul li a{ width: 100%; }


/*内页Application列表页*/
.nyapp-list{padding-bottom: 40px;}
.nyapp-list ul{width: calc(100% + 20px)}
.nyapp-list ul li{float: left; width: calc(100% / 4 - 20px); margin-right: 20px; margin-bottom: 30px;}
.nyapp-list ul li .pic{width: 100%; overflow: hidden;}
.nyapp-list ul li .pic img{display: block; width: 100%;transition: all .5s;}
.nyapp-list ul li em{display: block; line-height: 50px; color: #333; text-align: center; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.nyapp-list ul li:hover .pic img {transform: scale(1.1);}


/*内页Application详情页*/
.appxq-content .pic{width: 46%}
.appxq-content .pic img{display: block; width: 100%}
.appxq-content .info{margin-top: 0}


/*内页After Service列表页*/
.service-list{margin-bottom: 76px;}
.service-list ul li{float: left; width: 50%; text-align: center;}
.service-list ul li:first-child{background: url(../images/service-line.png) no-repeat right top;}
.service-list ul li img{display: block; margin: 0 auto 25px;}
.service-list ul li em{display: block; font-size: 20px; color: #127a45}
.service-list ul li p{display: block; font-size: 15px; line-height: 26px; color: #666666; width: 551px; margin: 0 auto;}
.service-list2{margin-bottom: 90px;}
.service-list2 ul li{background: #f5f5f5; }
.service-list2 ul li .pic,.service-list2 ul li .info{float: left; width: 50%;height: 400px; overflow: hidden;}
.service-list2 ul li:nth-child(2) .pic{float: right}
.service-list2 ul li:nth-child(2) .info{float: left}
.service-list2 ul li .info{padding: 0 3%; width: 44%}
.service-list2 ul li .info strong{display: block; font-size: 20px; color: #127a45; line-height: 19px; height: 38px; position: relative; margin: 64px 0 20px;}
.service-list2 ul li .info strong:after{position: absolute; content: ''; width: 50px; height: 3px; bottom: 0; left: 0; background: #127a45}
.service-list2 ul li .info p{font-size: 16px; line-height: 34px; color: #333333; margin-bottom: 18px;}
.service-list2 ul li:last-child .info strong{margin: 112px 0 20px;}


/*内页accessory列表页*/
.accessory-list{margin-bottom: 50px;}
.accessory-list ul{width: calc(100% + 12px)}
.accessory-list ul li{float: left; width: calc(100% / 4 - 12px); margin-right: 12px; margin-bottom: 30px; }
.accessory-list ul li .pic{width: 100%; overflow: hidden;border: solid 1px #d9d9d9; box-sizing:border-box;}
.accessory-list ul li .pic img{display: block; width: 100%;  transition: all .5s;}
.accessory-list ul li:hover .pic img {transform: scale(1.1);}
.accessory-list ul li em{display: block; line-height: 50px; color: #333; text-align: center; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}


/*内页news列表页*/
.nynews-list{margin-bottom: 90px}
.nynews-list ul li{float: left; padding: 26px 25px; background: #f2f2f2; width: calc(100% - 50px); margin-bottom: 38px; transition:0.6s;}
.nynews-list ul li .pic{width: 23%; margin-right: 3%}
.nynews-list ul li .pic img{display: block; width: 100%}
.nynews-list ul li .info{width: 72%;}
.nynews-list ul li .info strong{display: block; font-size: 20px; color: #333333; margin: 25px 0 7px;}
.nynews-list ul li .info span{display: inline-block; font-size: 12px; color: #666666; margin-right: 24px; margin-bottom: 20px; text-transform: capitalize;}
.nynews-list ul li .info p{font-size: 16px; line-height: 30px; color: #4c4c4c; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.nynews-list ul li:hover{background: #127a45; }
.nynews-list ul li:hover .info strong,.nynews-list ul li:hover .info span,.nynews-list ul li:hover .info p{color: #fff}


/*内页news详情页*/
.nynews-xq{margin-bottom: 80px;}
.newsxq-title{text-align: center; margin-bottom: 41px;}
.newsxq-title strong{display: block; font-size: 22px; color: #000; margin-bottom: 3px;}
.newsxq-title span{display: inline-block; text-align: center; font-size: 14px; color: #808080; margin: 0 14px} 
.newsxq-info{background: #f2f2f2; padding: 3%; width: 94%; margin-bottom: 32px;}
.news-arrow em{display: block; font-size: 16px;  color: #000; font-weight: bold;}
.news-arrow a{display: inline-block; color: #333333; font-weight: normal;}
.news-arrow a:hover{text-decoration: underline;}

/*内页news详情页产品推荐*/
.news-product{background: #eeeeee; padding: 70px 0 86px;}
.newspro-title strong{display: block; font-size: 30px; color: #127a45; text-align: center; position: relative; line-height: 22px; height: 46px; margin-bottom: 60px;}
.newspro-title strong:after{position: absolute; content: ''; width: 56px; height: 3px; left: 50%; margin-left: -28px; bottom: 0; background: #127a45 }
#newspro-num{display: none;}
.newspro-link{text-align: center;}
.newspro-link a{display: inline-block; margin: 0 20px; } 
.newspro-link a.contact-more{background: #222}



/*内页about详情页*/
.nyabout-info{margin-bottom: 41px;}
.nyabout-info .container{max-width: 1400px; }
.about-title strong{display: block; font-size: 24px; color: #127a45; text-align: center; position: relative; line-height: 22px; height: 43px;}
.about-title strong:after{position: absolute; content: ''; width: 56px; height: 3px; left: 50%; margin-left: -28px; bottom: 0; background: #127a45 }
.nyabout-info .about-title{ margin-bottom: 30px;}
.nyabout-info p{line-height: 26px; color: #000; margin-bottom: 11px; text-align: justify;}
.nyabout-pic{overflow: hidden; margin-bottom: 60px;}
.nyabout-pic ul {width: calc(100% + 22px)}
.nyabout-pic ul li{float: left; width: calc(100% / 3 - 22px); margin-right: 22px}
.nyabout-pic ul li img{display: block; width: 100%}

.honor{margin-bottom: 90px;}
.honor .about-title{ margin-bottom: 60px;}
.honor-list{overflow: hidden; position: relative;}
.honor-list ul{margin-bottom: 76px;}
.honor-list ul li{float: left;  }
.honor-list ul li .pic{display: block; width: 100%; position: relative; overflow: hidden;}
.honor-list ul li .pic>img{display: block; width: 100%}
.honor-list ul li .line{position: absolute; top: 0; z-index: 2;}
.honor-list ul li .line img{display: block; width: 100%}
.honor-list ul li .info{position: absolute; bottom: -100%; background: rgba(45,45,83,0.75); width: 100%; height: 100%; text-align: center; }
.honor-list ul li .info .name{position: absolute; top: 50%;  transform: translateY(-50%); padding: 0 15%;width: 70%;}
.honor-list ul li .info img{display: block; margin: 0 auto 12px}
.honor-list ul li .info em{display: block; line-height: 26px; color: #fff;}
.honor-list ul li:hover .info{bottom: 0; transition:0.6s;}
#honor-num{bottom: 0}
#honor-num .swiper-pagination-bullet{background: url(../images/honor-num.png) no-repeat center; width: 16px; height: 16px; opacity: 1; }
#honor-num .swiper-pagination-bullet-active{background: url(../images/honor-num2.png) no-repeat center; }

.guest-map{overflow: hidden;}
.guest-map img{display: block; margin-bottom: 60px; width: 100%}

.guest-list{margin-bottom: 60px}
.guest-list ul {width: calc(100% + 25px)}
.guest-list ul li{float: left; margin-right: 25px; margin-bottom: 30px; width: calc(100% / 5 - 25px)}
.guest-list ul li img{display: block; width: 100%; box-shadow: 0px 0px 5px 3px #f6f6f6;}


/*内页contact详情页*/
.contact{margin-bottom: 71px;}
.contact-title{text-align: center; margin-bottom: 43px;}
.contact-title strong{display: block; font-size: 24px; color: #555555}
.contact-title p{font-size: 15px; color: #555555}
.contact-list ul{width: calc(100% + 40px)}
.contact-list ul li{float: left; margin-right: 40px; width: calc(100% / 4 - 40px - 2%); background: #eeeeee; text-align: center; border-radius: 5px; height: 185px; padding: 0 1%}
.contact-list ul li img{display: block; margin: 0 auto; padding: 31px 0 0}
.contact-list ul li em{display: block; font-size: 16px; color: #202020}
.contact-list ul li span{display: block; line-height: 26px; color: #202020}
.contact-list ul li span i{font-style: normal; display: block;}
.contact-list ul li:nth-child(3) span{margin-top: 6px;}

.contact-map{overflow: hidden; margin-bottom: 78px}
.contact-map img{display: block; border-bottom: solid 10px #127a45; margin-bottom: 78px; width: 100%}





/*表格*/
.table1,.table2,.table3{width: 100%!important;}
.table1 tr td{padding-bottom: 10px;}
.table1 tr td a{display: block;}
.table3 a{display: block;}
.table3 img{display: block; width: 100%; margin: 0 auto;}
#message{position: relative; top: -150px;}


.recompro-list ul li{height: 330px!important;}
.recomsolution-list ul li{height: 270px!important;}



/*Recommended News*/
.tuijian-news{padding-bottom: 55px;}
.tuijian-news .newspro-title strong{margin-bottom: 30px;}

.tuijian-news-list{overflow: hidden;}
.tuijian-news-list ul {width: calc(100% + 30px)}
.tuijian-news-list ul li{float: left; width: calc(100% / 2 - 30px); margin-right: 30px; margin-bottom: 15px;  border-bottom: dashed 1px #127a45;}
.tuijian-news-list ul li em{display: inline-block; font-size: 16px; line-height: 45px; color: #666;  background: url(../images/tuijian-newsicon.png) no-repeat left center; padding-left: 15px;  width:75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tuijian-news-list ul li span{display: inline-block; font-size: 14px; line-height: 45px; color: #666;}
.tuijian-news-list ul li:hover em{color: #127a45}


.newsxq-info a,.details a{color: #4587e8!important;}




	
.table4 tr td{width: calc(100% / 2 - 1%)!important; padding-right: 1%; padding-bottom: 1%}
.table4 tr td img{display: inline-block; width: 100%!important; height: auto!important;}



/*分页*/
#pages { 
    text-align: center; margin: 20px auto; margin-bottom: 50px; width: auto;
  }
  
  #pages > li {
    margin: 0 2px; width: auto;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block; 
  }
  #pages > li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
  }
  #pages > li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
  }
  #pages > li.active {
    text-align: center;
    background: #127a45;
    color: #fff;
    display: inline-block;
  }
  
  #pages > li:hover {
    background: #127a45;
  }
  
  #pages > li:hover a {
    color: #fff;
  }