@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:1526px;margin:0 auto}
.container-s{max-width:1500px;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: 100px; position: fixed; top: 0; width: 100%; z-index: 222; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); }
.header .logo img{display: block; margin-top: 10px; margin-left:12%;  margin-right:199px}
.head-nav{width: 44%;}
.head-nav ul li{float: left; margin-right: 11%;  position: relative;}
.head-nav ul li>a{display: block; font-size: 16px; line-height: 100px; color: #000000;}
.head-nav ul li>a:after{position: absolute; content: ''; width: 0; height: 4px; background:#f18109; bottom: 0; left: 50%}
.head-nav ul li.on>a:after,.head-nav ul li:hover>a:after{width: 100%; transition:0.6s; left: 0}
.head-nav ul li:last-child{margin-right: 0}
.nav-column{padding-top:20px;position: absolute;top: 100px;z-index:222;display: none;  width: 150px; left: 50%; margin-left: -75px;}
.nav-column .nav-dl{background: #fff; border-radius: 10px; padding: 11px 0; position: relative; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.17)}
.nav-column .nav-dl:after{position: absolute; content: ''; background: url(../images/nav-arrow.png) no-repeat center top; width: 14px; height: 12px; top: -12px; left: 50%; margin-left: -7px;}
.nav-column .nav-dl dl dd a{display: block; font-size: 14px; color: #444; line-height: 42px; text-align: center; border-bottom: dashed 1px #e5e5e5;}
.nav-column .nav-dl dl dd:last-child a{border-bottom: none;}
.nav-column .nav-dl dl dd a:hover{color: #f18109}

.search{display: block; background: #fafafa; width: 4.7%; height: 100px}
.search img{display: block; margin: 38px auto;}
.search form{position: absolute;top: 100px; right:350px;margin-top:10px;box-shadow:1px 1px 10px rgba(0,0,0,0.15);width:270px;height:45px;border-radius:50px;background: #fff;overflow: hidden;display:none; z-index: 2}
.search form input{outline: none;}
.search form .text{width:200px;height:45px;background: #fff;border:none;display: block;text-indent:20px;float:left}
.search form .submit{width:70px;text-align: center; background: #f18109;color:#fff;float:right;height:45px;line-height: 45px;text-align: center;border:none}

.head-tel{background: #f18109; padding: 31px 0 21px; position: relative;}
.head-tel ul li{float: left; padding:  0 24px; font-size: 16px; line-height: 34px; color: #fff; background: url(../images/head-line.png) no-repeat right top 10px; box-sizing:border-box;}
.head-tel ul li img{display: inline-block; vertical-align: middle; margin-right: 11px;}
.head-tel ul li b{font-family: arial;line-height: 22px;margin-top: -10px;display: block;}
.head-tel ul li a{color: #fff;}
.head-tel ul li:last-child{background: transparent;}
.head-tel ul li i{display: block; font-style: normal; font-size: 14px; line-height: 14px;}

.head-wechat{display: none; position: absolute; right: 134px; top: 100px; z-index: 2}
.head-wechat img{display: block;}

.header-zw{height: 100px;}
.wap-header,.wap-headerzw{display: none;}


/*首页banner*/
.banner{ position: relative; overflow: hidden; }
.banner-info{position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 50%; transform: translateY(-50%);}
.banner-info strong{display: block; font-size: 60px; line-height: 60px; color: #f18109;  text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.banner-info>img{display: block; margin: 35px auto 60px;}
.index-more{display: block;width: 225px; background: #f18109; font-size: 16px; line-height: 57px; color: #fff; text-align: left; text-indent: 30px; transition:0.6s; position: relative; overflow: hidden; }
.index-more:after{position: absolute; content: '';  background: url(../images/arrow-icon.png) no-repeat right top ; width: 7px; height: 12px; top: 23px; right: 30px; transition:0.6s;}
.index-more:hover{text-indent: 79.5px;  }
.index-more:hover:after{right: -30px;}
.banner-info a.index-more{margin: 0 auto;}
.pc-banner{display: block;width: 100%}
.wap-banner{display: none;width: 100%}
#banner-num {bottom: 1%;z-index: 1; }
#banner-num .swiper-pagination-bullet{width: 12px; height: 12px; opacity: 1; background: #fff;  }
#banner-num .swiper-pagination-bullet-active{background: #f18109;}


/*产品中心*/
.proclass-btn ul{box-shadow: 0px 3px 10px 1px #f3f3f3}
.proclass-btn ul li{float: left; width: calc(100% / 3); background: url(../images/proclass-line.png) no-repeat right center; box-sizing: border-box; padding: 19px 6%; position: relative;}
.proclass-btn ul li:last-child{background: transparent;}
.proclass-btn ul li:after{position: absolute; content: ''; width: 0; height: 3px; background: #f18109; bottom: 0; left: 0;}
.proclass-btn ul li img{display: inline-block; margin-right: 29px;}
.proclass-btn ul li strong{display: block; font-size: 18px; line-height: 18px; color: #333333; padding: 18px 0 5px;}
.proclass-btn ul li em{display: block;  color: #808080}
.proclass-btn ul li.on strong,.proclass-btn ul li.on em{color: #f18109}
.proclass-btn ul li.on:after{width: 100%; transition:0.6s;}
.proclass-list ul li{float: left; width: 25%;   padding: 76px 3% 54px; box-sizing: border-box; border-right: 1px solid  #ebebeb; border-bottom: 1px solid  #ebebeb;}
.proclass-list ul li strong{display: block; font-size: 18px; color: #333333; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.proclass-list ul li .pic{overflow: hidden;}
.proclass-list ul li .pic img{display: block; margin-bottom: 16px; width: 100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.proclass-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.proclass-list ul li p{line-height: 26px; color: #808080; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.proclass-list ul li span{display: block; color: #333333}
.proclass-list ul li:hover strong,.proclass-list ul li:hover span{color: #f18109}


/*关于我们*/
.about-pic,.about-info{float: left; width: 50%; height: 540px;}
.about-pic{background: url(../images/about-pic.jpg) no-repeat left center;}
.about-info{background: #f7f8fa; padding-left: 4%; box-sizing:border-box;}
.about-info strong{display: block; font-size: 30px; color: #333; font-weight: normal; padding-top: 102px;}
.about-info em{display: block; font-size: 18px; color: #333; font-weight: lighter; margin-bottom: 35px;}
.about-info p{display: block; font-size: 15px; line-height: 30px; color: #4c4c4c; font-weight: lighter; text-align: justify; width: 70%; margin-bottom: 52px;}


/*关于我们快速链接*/
.about-bg{background: url(../images/about-bg.jpg) no-repeat center bottom; padding: 92px 0}
.about-link ul li{float: left; margin-right: calc( (100% - 750px) / 4); width: 150px; height: 150px; background: #fff; border-radius: 50%; box-shadow:0px 0px 3px 3px #fcfcfc; position: relative;}
.about-link ul li:after{padding: 12px;position: absolute;content: '';border: dashed 1px #f18109;top: -12px;width: 100%;height: 100%;border-radius: 50%;left: -12px;  animation: round 2s infinite linear; -webkit-animation: round 2s infinite linear; /* Safari 与 Chrome */}
.about-link ul li:last-child{margin-right: 0}
.about-link ul li a{display: block; position: relative; z-index: 2}
.about-link ul li img{display: block;  margin: 33px auto 17px}
.about-link ul li em{display: block; font-size: 16px; color: #333; text-align: center;}
@keyframes round{  
	from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);}  
}  


/*联系我们*/
.contact-bg{background: url(../images/contact-bg.jpg) no-repeat center;  height: 355px; padding-top: 95px; }
.ys{width: 45%; overflow: hidden;}
.ys ul{width: calc(100% + 27px)}
.ys ul li{float: left; background: #f18109; width: calc(100% / 2 - 27px); margin-right: 27px; margin-bottom: 30px; padding: 31px 0; border-radius: 3px; position: relative;}
.ys ul li:after{position: absolute; content: ''; background: url(../images/arrow-icon.png) no-repeat left center; width: 7px; height: 12px; top:49px; right: 15% }
.ys ul li em{display: block; font-size: 20px; line-height: 45px; color: #fff;}
.ys ul li img{display: inline-block; vertical-align: middle; margin-left: 15%; margin-right: 7%;}
.contact{color: #fff; width: 49%}
.contact strong{display: block; font-size: 42px; line-height: 42px; text-shadow: 3.214px 3.83px 3.96px rgba(0, 0, 0, 0.3); margin-top: 5px; margin-bottom: 18px;}
.contact h2{display: block; font-size: 18px; font-weight: lighter;  margin-bottom: 18px;}
.contact em{display: block;  text-shadow: 1.928px 2.298px 3.96px rgba(0, 0, 0, 0.3); margin-bottom: 24px;}
.contact img{display: inline-block; vertical-align: middle;}
.contact b{display: inline-block; font-size: 34px; font-family: arial; } 
.contact .index-more{ background: #f3f6fb; font-size: 15px; color: #333; }
.contact .index-more:after{background: url(../images/arrow-icon2.png) no-repeat right top ; }


/*新闻资讯*/
.news{padding: 60px 0 0}
.news-title em{display: block; font-size: 40px; color: #333; margin-bottom: 46px;}
.news-list{overflow: hidden; position: relative; padding-bottom: 54px}
.news-list ul li{float: left; }
.news-list ul li em{display: block; font-size: 24px; 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 span{display: block; color: #808080; font-family: arial; margin-bottom: 29px;}
.news-list ul li p{display: block; line-height: 30px; color: #808080; text-align: justify; margin-bottom: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li i{display: block;  color: #666; font-style: normal; float: right;}
.news-list ul li:hover i{color: #f18109}
#news-num{display: none;}


/*公共底部*/
.foot{background: url(../images/foot-bg.jpg) no-repeat center top; padding: 77px 0 62px;}

.foot-logo img{display: block; margin-bottom: 24px;}
.foot-left p{line-height: 40px; color: #fff}
.foot-left p a{color: #fff;}
.foot-icon {margin-top: 21px;}
.foot-icon ul li{float: left; margin-right: 19px;}
.foot-right{margin-top: 16px;}
.foot-right dl{float: left; color: #fff; margin-right: 127px;}
.foot-right dl dt{display: block; font-size: 20px; background: url(../images/foot-dt.png) no-repeat left center; padding-left: 30px; margin-bottom: 17px;}
.foot-right dl dd{display: block; line-height: 40px;  padding-left: 30px;}
.foot-right dl dd a{color: #fff;}
.foot-right dl.foot-wechat{margin-right: 0}
.foot-right dl.foot-wechat dt{margin-bottom: 32px;}
.foot-wechat ul li{float: left; margin-right: 17px;}
.foot-wechat ul li:last-child{margin-right: 0}
.foot-wechat ul li em{display: block; line-height: 38px; color: #fff; text-align: center; }
.foot-left p a:hover,.foot-right dl dd a:hover{color: #f18109}

.wapfoot-zw,.wapfooter,#wxnr{display: none;}


/*内页banner*/
.ny-banner{ position: relative;}
.ny-banner img{display: block; width: 100%}
.ny-banner strong{display: block; font-size: 60px; color: #f18109; line-height: 60px;   text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; text-align: center; top: 50%; transform: translateY(-50%); position: absolute; left: 0; right: 0; margin: 0 auto;}
.ny-class{position: absolute; bottom: 0; width: 100%}
.ny-class .sub-nav li{float: left; width: calc(100% / 3); }
.ny-class .sub-nav li a{display: block; background: #fafafa; font-size: 18px; line-height: 60px; color: #666666; text-align: center; border-right: 1px solid #ebebeb; box-sizing: border-box; }
.ny-class .sub-nav li:last-child a{border-right: none;}
.ny-class .sub-nav li:hover a,.ny-class .sub-nav li.on a{background: #f18109; color: #fff; transition:0.6s;}




/*内页公司简介*/
.company{padding: 60px 0 80px}
.company-title {margin-bottom: 50px;}
.company-title strong{display: block; font-size: 30px; color: #333333; margin-bottom: 19px;}
.company-title em{display: block; font-size: 24px; line-height: 24px; color: #4c4c4c; height: 57px; position: relative; }
.company-title em:after{position: absolute; content: ''; width: 55px; height: 3px; background: #f18109; bottom: 0; left: 0; z-index: 2}
.company .info{width: 40%; margin-top: 26px;}
.company .info p{line-height: 30px; color: #333; font-weight: lighter; margin-bottom: 30px;}
.company .pic{width: 53.5%}
.company .pic img{display: block; width: 100%}


/*内页企业文化*/
.culture{background: url(../images/culture-bg.jpg) no-repeat center top; padding: 47px 0 0; height: 773px;}
.culture .container{position: relative;}
.culture-left{position: absolute; left: 0; top: 20px; z-index: 2}
.culture-left .pic{width: 100%}
.culture-left .pic img{display: block; width: 100%}
.culture-right{width: 72%; position: relative; z-index: 1}
.culture-right .pic{position: absolute; width: 58.5%; top: 0; right: 9%}
.culture-right .pic img{display: block; width: 100%}
.culture-right .info{background: #fff; margin-top: 15.8%;  padding: 217px 0 16px;}
.culture-right .info p{line-height: 30px; color: #333; font-weight: lighter; margin-bottom: 30px; width: 68%; float: right; margin-right: 5.8%; text-align: center;}
.wap-culturepic{display: none;}



/*内页联系我们*/
.contact-title{text-align: center; margin-bottom: 33px;}
.contact-title b{display: block; font-size:30px; line-height:30px; color:#333; margin-bottom: 5px;}
.contact-title em{display: block; font-size: 14px; font-family: arial; color:#999; font-weight:normal;}

.ny-contact{padding: 78px 0 70px;}
.ny-contact-list {overflow: hidden; margin-bottom: 58px;}
.ny-contact-list ul{width: calc(100% + 20px)}
.ny-contact-list ul li{float:left; background: #F6F6F6; margin-right: 20px; width: calc(100% / 3 - 20px);text-align: center; padding: 29px 0; height: 200px; box-sizing:border-box;}
.ny-contact-list ul li img{display: block; margin: 0 auto 22px; }
.ny-contact-list ul li em{display: block; font-size: 16px; color: #333; margin-bottom: 10px; }
.ny-contact-list ul li strong,.ny-contact-list ul li span,.ny-contact-list ul li i{display: inline-block; line-height: 16px;}
.ny-contact-list ul li strong{ font-size: 22px; color: #f18109; font-family: arial; margin-bottom: 10px;}
.ny-contact-list ul li span{ color: #666;}
.ny-contact-list ul li i{ color: #f18109; font-family: arial; font-style: normal; margin-bottom: 5px;}
.ny-contact-list .ny-contact-wx{text-align: center; display: none;}
.ny-contact-list .ny-contact-wx dd{display: inline-block; margin: 18px 2%; }
.ny-contact-list .ny-contact-wx dd span{display: block; line-height: 30px; color: #333; writing-mode:tb-rl; margin-top: 5px;}
.map img{width:100%}
.ny-message{ background: #F5F5F5; padding: 48px 0 68px}
.ny-message form{overflow: hidden;}
.ny-message form ul{width: calc(100% + 18px)}
.ny-message form ul li{float:left;margin-bottom:20px; width: calc(100% / 3 - 18px); margin-right: 18px;}
.ny-message form ul li input{width: calc(100% - 6% - 2px);border:1px solid #E1E1E1;height:43px;line-height:43px;text-indent:20px; color: #b6b7be}
.ny-message form ul li em{color:#c51432;}
.ny-message form ul li.text-area{width:94.8%;}
.ny-message form ul li.text-area textarea{width:100%;color: #b6b7be; height:178px;border:1px solid #E1E1E1;font-family: "Microsoft YaHei";padding:15px; }
.ny-message form p{color: #f18109; margin-bottom: 56px;}
.message-submit input{display: block; width:176px; background: #f18109; font-size:15px; line-height: 53px; color:#fff;text-align: center; font-family: "Microsoft YaHei";  border:none;  outline: none; margin:0 auto}



/*内页产品中心二级分类*/
.pro-ctitle2{padding: 80px 0}
.pro-ctitle2 ul{text-align: center;}
.pro-ctitle2 ul li{display: inline-block; margin: 0 77px;  }
.pro-ctitle2 ul li a{display: block; width: 298px; font-size: 16px; line-height: 57px; color: #595959;  text-align: center; border: solid 1px #e6e6e6;}
.pro-ctitle2 ul li.on a,.pro-ctitle2 ul li:hover a{background: #f18109; color: #fff; border-color: #f18109}


/*内页产品中心列表页*/
.nyproduct-list{overflow: hidden;}
.nyproduct-list ul{width: calc(100% + 3.5%)}
.nyproduct-list ul li{float: left; margin-right: 3.5%; width: calc(100% / 4 - 3.5%); margin-bottom: 2.3%; }
.nyproduct-list ul li .pic{overflow: hidden; border: 1px solid #ebebeb;}
.nyproduct-list ul li .pic img{display: block;  width: 100%;-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nyproduct-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nyproduct-list ul li em{display: block; font-size: 16px; line-height: 55px; color: #333333; text-align: center;}
.nyproduct-list ul li:hover em{color: #f18109}



/*内页产品详情页*/
.product-content{padding: 80px 0 58px;}
.proxq-pic{width: 57.4%;}
.proxq-pic .spec-preview{width: 79.9%; }
.proxq-pic .spec-preview img{display: block;  border: 1px solid  #e6e6e6; box-sizing:border-box;}
.spec-scroll{width: 18%}
.spec-scroll .items ul li{float: left; width: 100%;  margin-bottom: 11%}
.spec-scroll .items ul li img{display: block; width: 100%; border: 1px solid  #e6e6e6; box-sizing:border-box;}

.proxq-info {width: 41%; }
.proxq-info strong{display: block; font-size: 20px; line-height: 70px; color: #333; background: #f5f5f5; text-indent: 4.8%}
.proxq-info .text{width: 100%;  border: 1px  solid #f2f2f2; box-sizing:border-box; border-bottom: none; padding:4.5% 4.8% 10.3%; font-weight: lighter;}
.proxq-info .text dl{padding-bottom: 3.5%;}
.proxq-info .text dl dt{display: block; background: url(../images/proxq-icon.png) no-repeat left center; padding-left: 24px; font-size: 18px; color: #333333; margin-bottom: 3px;}
.proxq-info .text dl dt span{display: inline-block; font-size: 12px; color: #808080; text-transform: uppercase; font-family: arial; margin-left: 10px;}
.proxq-info .text dl dd{font-size: 14px; line-height: 30px; color: #333; padding-left: 24px;}
.proxq-link{overflow: hidden;}
.proxq-link ul {width: calc(100% + 2px)}
.proxq-link ul li{float: left; width: calc(100% / 3  - 2px); margin-right: 2px; background: #f18109; font-size: 20px; line-height: 60px; color: #fff; font-weight: bold; text-align: center;}
.proxq-link ul li a{color: #fff;}
.wapproxq-pic{position: relative; display: none;}
.pro-editbox{background: #fafafa; padding: 20px 0}

.pro-detail{margin-bottom: 94px;}
.detail-left{width: 65%;}
.detail-title{display: block; width: 100%; background: #fafafa; margin-bottom: 20px;}
.detail-title strong{display: block; font-size: 20px; line-height: 70px; color: #fff; background: #f18109; text-align: center; width: 164px;}

.recommend{width: 30%}
.recompro-list{width: 85.4%; margin: 0 auto;}
.recompro-list ul li{float: left; margin-bottom: 5%}
.recompro-list ul li img{display: block; width: 100%;  border: 1px  solid #e6e6e6; box-sizing:border-box;}
.recompro-list ul li em{display: block; font-size: 16px; line-height: 55px; color: #4c4c4c; text-align: center;}
.recompro-list ul li:hover em{color: #f18109}
.wap-recommend{position: relative; display: none;}



/*内页荣誉证书列表页*/
.honor-bg {background: url(../images/honor-bg.jpg) no-repeat center top; }
#certify .container{max-width: 1420px;}
.honor-list{position: relative;width: 100%;margin: 0 auto; padding: 79px 0; overflow: hidden;}
.honor-list .swiper-slide {width:600px;}
.honor-list .swiper-slide img{display:block;border: 1px solid #e6e6e6; width: 100%}
#honor-num{display: none;}

.honor2 .container{max-width: 1760px;}
.honor-list2{position: relative; overflow: hidden;}
.honor-list2 ul{padding: 10px 0}
.honor-list2 ul li .pic{background: #fff; padding: 8px; box-shadow: 0px 0px 5px 1px #f6f6f6}
.honor-list2 ul li .pic img{display: block; width: 100%}
#honor-num2{display: none;}

.honor-bg2{background: url(../images/honor-bg2.jpg) no-repeat center top; padding: 99px 0 80px; }
.honor-bg2 .container{max-width: 1476px;}
.honor-list3{position: relative;}
.honor-list3 ul{height: 522px;}
.honor-list3 ul li{float: left;  position: absolute; bottom: 0}
.honor-list3 ul li .pic{padding: 8px; background: #fff;box-shadow: 0px 0px 5px 1px #f6f6f6}
.honor-list3 ul li .pic img{display: block; width: 100%}
.honor-list3 ul li.item1,.honor-list3 ul li.item5 {width: 19%}
.honor-list3 ul li.item2,.honor-list3 ul li.item4 {width: 21.7%}
.honor-list3 ul li.item3 {width: 24.5%}
.honor-list3 ul li.item1{left: 0; z-index: 1}
.honor-list3 ul li.item2{left: 17.5%; z-index: 2;}
.honor-list3 ul li.item3{left: 37%; z-index: 3;}
.honor-list3 ul li.item4{right: 17.5%; z-index: 2;}
.honor-list3 ul li.item5{right: 0;  z-index: 1}


/*内页最新新闻列表页*/
.latest-news{background: #f5f5f5; padding: 70px 0 80px; margin-bottom: 100px;}
.news-btn{margin-bottom: 60px;}
.news-btn ul{text-align: center;}
.news-btn ul li{display: inline-block; width: 255px; line-height: 57px; border-radius: 4px; font-size: 24px; color: #333333; font-weight: bold; background: #fff; margin: 0 15px; cursor: pointer;}
.news-btn ul li.on{background: #00aec3; color: #fff;}
.latest-list{overflow: hidden;}
.latest-list ul{width: calc(100% + 40px)}
.latest-list ul li{float: left; width: calc(100% / 3 - 40px - 3%); background: #fff; padding: 1.5%; margin-right: 40px;}
.latest-list ul li .pic img{display: block; width: 100%}
.latest-list ul li .info{padding: 10% 2% 6%}
.latest-list ul li .info em{display: block; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 11px;}
.latest-list ul li .info p{line-height: 22px; color: #808080; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px;}
.latest-list ul li .info span{color: #666666}
.latest-list ul li:hover .info em{color: #f18109}


/*内页新闻列表页*/
.nynews-list{margin-bottom: 60px;}
.nynews-list ul{width: calc(100% + 40px)}
.nynews-list ul li{float: left; width: calc(100% / 2 - 40px - 3%); margin-right: 40px; margin-bottom: 40px; padding: 1.5%; background: #f2f2f2; border-radius: 6px;}
.nynews-list ul li .pic,.nynews-list ul li .info{float: left;}
.nynews-list ul li .pic{width: 39%; margin-right: 4%}
.nynews-list ul li .pic img{display: block; width: 100%}
.nynews-list ul li .info{width: 52%;}
.nynews-list ul li .info em{display: block; font-size: 16px; color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 22px 0 9px;}
.nynews-list ul li .info p{line-height: 22px; color: #808080;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 16px;}
.nynews-list ul li .info span{display: inline-block; color: #666666}
.nynews-list ul li:hover{background: #fff; box-shadow: 0px 0px 9px 2px #f0f0f0; transition:0.6s;}


.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;}



/*内页员工风采*/
.staff{padding: 50px 0}
.about-class .sub-nav li {width: calc(100% / 4);}



/*梯形丝杆分类*/
.tixing-ctitle2{overflow: hidden!important;}
.tixing-ctitle2 ul{width: 102%!important}
.tixing-ctitle2 ul li{float: left!important; margin:0 2% 0 0!important; width: calc(100% / 4 - 2%)!important}
.tixing-ctitle2 ul li a{width: 100%!important}

.table2 tr td{width: auto!important; padding: 0!important;}