@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", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1250px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
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;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1250px; 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;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


/* CSS Document */
/*公共头部*/
.top{background:#fafafa;height:40px;}
.top p{color:#8c8c8c;line-height:40px;font-size: 14px;}
.top p>a{display: inline-block;color:#8c8c8c;}
.top p>a:hover{color:#da251d;text-decoration: underline;}
.head{height: 100px; background: #fff;}
.head .logo{margin-top: 15px; }
.head .logo img{display: block; margin-right: 5px; }
.head .logo .text,.head .logo .note{margin-top: 15px; height: 44px}
.head .logo .text{border-right: 1px solid #E6E6E6; padding-right: 34px; margin-right: 28px;}
.head .logo strong{display: block; font-size: 22px; line-height: 22px; color: #333; margin-bottom: 8px; }
.head .logo span{display: block; font-size: 13px; line-height: 13px; color: #999; letter-spacing: 0.39px; font-family: arial; }
.head .logo h2{display: block; font-size: 20px; line-height: 20px; color: #DA251D; margin-bottom: 10px; font-weight: bold;}
.head .logo h3{display: block; font-size: 15px; line-height: 15px; color: #666}
.head-tel{margin-top: 31px; background: url(../images/head-tel.png) no-repeat left top 2px; padding-left: 44px;}
.head-tel em{display: block; font-size: 14px; line-height: 14px; color: #808080; margin-bottom: 8px;}
.head-tel b{display: block; font-size: 22px; line-height: 16px; color: #da251d; font-family: arial;}

.nav{background: #015198; height: 55px; }
.nav ul li{float: left;width: calc(100%/8);}
.nav ul li a{display: block; font-size: 15px; line-height: 55px; color: #fff;text-align: center;width: 100%;}
.nav ul li.on a,.nav ul li:hover a{background: #034279}
.navfixed{position: fixed; top: 0; width: 100%; z-index: 222}


/*首页banner*/
.banner{position:relative; }
.banner-hd {height:620px;position: relative; overflow:hidden; width: 100%;}
.banner-hd ul{height:100%;margin: 0 auto;}
.banner-hd ul li{height:100%;}
.banner-hd ul a{display: block; height:100%;margin: 0 auto;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:40px; margin:0 7px;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:45px;height:2px; margin:0 12px; cursor:pointer; float: left; background: #fff; }
.banner-hd .num li.on {background: #da251d;  } /*当前项*/


/*搜索关键词*/
.pannel{height:70px;}
.keywords{line-height: 70px; }
.keywords strong{display: inline-block; font-weight: bold; font-size: 14px; color: #333; margin-right: 6px;}
.keywords ul li{float: left;}
.keywords ul li a{display: inline-block; color: #808080;margin-right: 14px}
.keywords ul li a:hover{color: #015198}
.search{margin-top: 13px}
.search input{outline: none; font-family: "Microsoft YaHei";}
.search .search-text{width: 233px;  border: solid 1px #e6e6e6; line-height:43px; color: #808080; text-indent: 1rem;}
.search .search-btn{width: 50px; height: 45px; background: url(../images/search-btn.png) no-repeat center #015198; border: none; cursor: pointer;}


/*诚信品质 金牌口碑*/
.product{background: #f5f5f5; padding: 87px 0 84px;}
.index-title{text-align: center; margin-bottom: 86px;}
.index-title h2{display: block; font-size: 40px; line-height: 40px; color: #333; font-weight: bold; margin-bottom: 11px;}
.index-title strong{color: #da251d;}
.index-title h3{display: block; background: url(../images/index-title.png) no-repeat center; font-size: 16px; line-height: 17px; color: #666666; margin-bottom: 4px;}
.index-title span{display: block; font-size: 14px; color: #c2c2c2; text-transform: uppercase; font-family: arial;}
.product .index-title strong{ margin-left: 15px;}
.ny-left{width: 250px;  }
.column-title{height: 100px; background: url(../images/column-title.png) no-repeat left 27px center #015198; padding-left: 88px;}
.column-title b{display: block; font-size: 24px; line-height: 24px; color: #fff; padding-top: 28px; margin-bottom: 1px; }
.column-title span{display: block; font-size: 15px; color: #fff; font-family: arial; }
.ctitle1{background: #e4e4e4; padding: 15px 11px 32px; margin-bottom: 8px;}
.ctitle1 li{background: url(../images/ctitle-line.png) repeat-x left bottom; height: 50px; position: relative;}
.ctitle1 li:after{position: absolute; content: ''; width: 0; height: 100%; background: #000; left: 0; top: 0; transition:0.6s;}
.ctitle1 li a{position: relative; z-index: 1; display: block; font-size: 16px; line-height: 50px; color: #333; background: url(../images/ctitle-li.png) no-repeat left center; padding-left: 28px; margin-left: 7px;}
.ctitle1 li:hover:after,.ctitle1 li.on:after{width: 100%;}
.ctitle1 li:hover a,.ctitle1 li.on a{background: url(../images/ctitle-li2.png) no-repeat left center; color: #fff;}
.ctitle1 li:last-child{background: transparent;}
.ny-contact{background: url(../images/ny-contact.jpg) no-repeat center; height: 115px;  padding-top: 40px; box-sizing:border-box;}
.ny-contact .tel{background: url(../images/ny-tel.png) no-repeat left top 3px; padding-left: 45px; margin-left: 24px;}
.ny-contact .tel span{display: block; font-size: 14px; line-height: 14px; color: #fff; margin-bottom: 5px;}
.ny-contact .tel b{display: block; font-size: 22px; color: #da251d; line-height: 16px;}
.ny-right{width: 965px; overflow: hidden;}
.right-btn{height: 41px; border-bottom: 2px solid #ddd; margin-bottom: 23px;}
.right-btn em{display: inline-block; font-size: 18px; line-height: 18px; color: #222; font-weight: bold; width: 104px; text-align: center; height: 41px; background: url(../images/right-btn.png) no-repeat center bottom; margin-right: 44px;}
.recom-link{display: inline-block; padding-left: 48px; border-left: 1px solid #ccc; font-size: 18px; line-height: 18px;  height: 22px; color: #969696 }
.recom-link:hover{color: #015198}
.pro-more{display: block; font-size: 14px; line-height: 41px; color: #015198; text-transform: uppercase; font-family: arial;}
.product-list{overflow: hidden;}
.product-list ul{width: 984px;}
.product-list ul li{float: left;  margin-right: 18px; margin-bottom: 18px; width: 290px; padding: 10px 10px 23px; background: #e7e7e7}
.product-list ul li .pic{width: 290px; height: 187px; overflow: hidden; margin-bottom: 29px;}
.product-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product-list ul li h3{display: block; font-size: 16px; color: #333; margin-bottom: 24px;}
.product-list ul li b{display: block; font-size: 20px; line-height: 20px; color: #DA0000}
.product-list ul li span{display: block; font-size: 15px; line-height: 20px; color: #777777}
.product-list ul li:hover h3{color: #DA0000}


/*咨询*/
.consult{padding: 74px 0 70px; background: url(../images/consult-bg.jpg) no-repeat center bottom; background-attachment: fixed; margin-bottom: 81px }
.consult .info strong{display: block; font-size: 36px; line-height: 36px; color: #fff; margin-bottom: 9px; }
.consult .info span{display: block; font-size: 16px; color: #fff; opacity: 0.61; font-family: arial; text-transform: uppercase; margin-bottom: 8px;}
.consult-ys{width: 602px; height: 45px; background: #da251d; padding-left: 17px; box-sizing:border-box;}
.consult-ys em{display: inline-block; font-size: 18px; line-height: 45px; color: #fff; margin-right: 23px;}
.consult-ys img{display: inline-block; margin-right: 4px;}
.consult .text{margin-top: 39px; margin-right: 50px;}
.consult .text a{margin-right: 21px; position: relative; z-index: 1;  -webkit-animation: bs linear 2s 0.9s infinite;-moz-animation: bs linear 2s 0.9s infinite;animation: bs linear 2s 0.9s infinite; display: block; width: 151px; background: #da251d; border-radius: 27px; font-size: 16px; line-height: 53px; color: #fff; text-align: center;}
.consult .text a:after{content: '';display: block;width:151px;height: 63px;border-radius:30px;background-color: #da251d;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);z-index: -1;position: absolute;top: -5px;}
.consult .text a>img{display: inline-block; margin-right: 11px; vertical-align: middle;}
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.1)
    }

    78%,
    100% {
        opacity: 0
    }
}
.consult .text em{display: block; font-size: 15px; color: #fff; margin-bottom: 9px; line-height: 15px; margin-top: 4px;}
.consult .text b{display: block; font-size: 30px; color: #da251d; font-family: arial; line-height: 22px; }



/*工匠级精神 —— 造稳固好配件*/
.ys{padding-bottom: 174px}
.ys-con{position: relative;}
.ys-bg{background: url(../images/ys-bg.png) no-repeat center top; height: 429px; }
.ys-round{position: absolute;top:-23px; left: 0; right: 0; margin: auto; width:473px;z-index:0;-webkit-animation: gif 1s infinite linear;animation: gif 1s infinite linear; }
@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ys-bg ul:first-child{padding-top: 39px}
.ys-bg ul li {width: 378px;}
.ys-bg ul li .icon,.ys-bg ul li .text{float: left;}
.ys-bg ul li.item1,.ys-bg ul li.item2{border-bottom: 1px solid #ddd; padding-bottom: 74px; margin-bottom: 85px}
.ys-bg ul li strong{display: block; font-size: 26px; line-height: 26px; color: #333; margin-bottom: 9px;}
.ys-bg ul li h2{width: 315px; font-size: 15px; line-height: 24px; color: #666;}
.ys-bg ul li .icon{margin-right: 15px; margin-top: 16px;}



/*设备展示·工厂实拍*/
.factory {padding-bottom: 69px}
.factory .index-title{margin-bottom: 50px}
.factory-list{overflow: hidden;}
.factory-list ul{width: 1264px}
.factory-list ul li{float: left; width: 300px; margin-right: 16px; margin-bottom: 22px;}
.factory-list ul li .pic{width: 300px; height: 218px; overflow: hidden;}
.factory-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.factory-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;}
.factory-list ul li em{display: block; font-size: 16px; line-height: 69px; color: #333; text-align: center;}
.factory-list ul li:hover em{color: #015198}


/*选择我们的四大优势*/
.four-ys{background: #f5f5f5; padding: 160px 0 0;}
.four-ys .container{width: 1200px; margin: 0 auto}
.four-ys .index-title{margin-bottom: 62px}
.ys-list ul li{float: left; margin-bottom: 20px;width: 100%; padding-bottom: 60px;}
.ys-list ul li .num{margin-top: 26px; height: 102px; background: url(../images/ys-line.png) no-repeat center bottom; width: 656px; padding-left: 40px; box-sizing:border-box;}
.ys-list ul li .num b{width: 77px; height: 77px; background: #015198; border-radius: 50%; font-size: 48px; line-height: 77px; color: #fff; font-weight: bold; font-family: arial; text-align: center; margin-right: 22px;}
.ys-list ul li .num img{display: block; padding: 12px 0 2px;}
.ys-list ul li .num span{display: block; font-size: 14px; color: #aeaeae; font-family: arial; text-transform: uppercase;}
.ys-list ul li .text{margin-left: 70px;}
.ys-list ul li .text p{font-size: 16px; line-height: 32px; background: url(../images/ys-icon.png) no-repeat left center; padding-left: 20px; margin-bottom: 8px;}
.ys-list ul li .more a{display: inline-block; width: 115px; line-height: 37px; background: #da251d; color: #fff; text-align: center; margin-right: 10px;}
.ys-list ul li .more .ys-consult{background: #000000}
.ys-list ul li.item1 .info,.ys-list ul li.item3 .info{margin-left: 8px;}
.ys-list ul li.item1 .num,.ys-list ul li.item3 .num{margin-bottom: 30px;}
.ys-list ul li.item1 .more{margin-top: 29px;}
.ys-list ul li.item2 .pic{margin-left: 5px;}
.ys-list ul li.item2 .info,.ys-list ul li.item4 .info{margin-right: 9px;}
.ys-list ul li.item2 .num{margin-bottom: 18px;}
.ys-list ul li.item3 .more{margin-top:18px;}
.ys-list ul li.item3 .pic{margin-top: 27px;}
.ys-list ul li.item4{border-bottom: none; margin-bottom: 0px;}
.ys-list ul li.item4 .num{margin-top: 39px; margin-bottom: 20px;}
.ys-list ul li.item4 .more{margin-top: 18px;}
.ys-list ul li.item4 em{display: inline-block; background: url(../images/ys-tel.png) no-repeat left center; padding-left: 44px; font-size: 14px; color: #333333;}  
.ys-list ul li.item4 strong{display: inline-block; font-size: 22px; color: #023793; font-weight: bold; font-family: arial;}
.ys-list ul li.item4 .more .ys-consult{background: #da251d; margin-right: 20px;}



/*关于我们*/
.about{background: #1f2b45; padding: 79px 0 83px}
.about .index-title{margin-bottom: 70px;}
.about .index-title h2,.about .index-title h3,.about .index-title span{color: #fff; }
.about .index-title h3{background: url(../images/title-line2.png) no-repeat center;}
.about .index-title span{opacity: 0.5}
.about .info{width: 587px; margin-top: 15px;}
.about .info strong{display: block; font-size: 30px; color: #fff; margin-bottom: 20px;}
.about .info p{font-size: 15px; line-height: 30px; color: #fff; margin-bottom: 46px; text-align: justify;}
.about .info a{transition:0.6s; display: block; width: 140px; height: 45px; background: #da251d; line-height: 45px; color: #fff; text-align: center;}
.about .info a:hover{background: #015198}



/*新闻资讯*/
.news{padding: 81px 0 86px}
.news .index-title{margin-bottom: 65px;}
.news-left,.news-center,.news-right{border-right:1px solid #DDDDDD; height: 440px; padding: 0 33px; width: 350px;}
.news-title{margin:3px 0 12px 0}
.news-title span{font-size:22px; color: #333333; font-weight: bold;}
.news-title b{font-size:16px;font-weight:bold;color:#023793; font-family: arial; text-transform: uppercase;}
.news-l-img{margin:15px 0}
.news-js{margin-top:16px;}
.news-js ul li a{color:#555; font-size: 16px;}
.news-js ul li{line-height:35px; margin-bottom: 9px;}
.news-js ul li:before{content: '';float:left;width:6px;height:6px; background: #CCCCCC;border-radius:100%;margin:15px 10px 0 0;}
.news-js ul li:hover:before{ background: #023793;}
.news-js ul li:hover a{color:#023793}
.news-right{border-right: none;}
.news-right .news-title{border-bottom:1px solid #DDDDDD;padding-bottom:12px;}
.news-right-con{height: 361px; overflow: hidden;}
.news-right-con dl b{width:26px;height:26px; background: #023793;float:left;color:#fff;border-radius:100%;text-align: center;line-height:26px;}
.news-right-con dl span{float:right}
.news-right-con li{margin-bottom: 10px;border-bottom:1px dashed #EEEEEE;padding-bottom:20px;padding-top:8px;}
.news-right-con dl dt,.news-right-con dl dd{overflow: hidden;width:378px;}
.news-right-con dl b{font-size: 16px}
.news-right-con dl b,.news-right-con dl span{float:left}
.news-right-con dl span{width:300px;}
.news-right-con dl dt span{font-size:15px;color:#333}
.news-right-con dl dd b{ background: #666666;}
.news-right-con dl span{margin-left:10px;}
.news-right-con dl span{color:#777;}
.news-right-con dl dd{margin-top:8px;}
.news-right-con li:hover dt span{color:#023793}
.news-more{display: block; font-size: 12px; color: #666666; font-family: arial; text-transform: uppercase; margin-top: 13px;}
.news-more:hover{color: #023793}


/*公共底部*/
.footer{background: #1b1b1b; }
.footer-top{padding: 51px 0 39px}
.foot-logo{margin-right: 110px;}
.foot-logo img{display: inline-block; margin-right: 23px;}
.foot-logo strong{display: block; font-size: 22px; line-height: 22px; color: #fff; margin: 16px 0 3px }
.foot-logo span{font-size: 13px; color: #fff; opacity: 0.4; font-family: arial}
.foot-tel,.foot-add{margin-top: 7px;}
.foot-tel{background: url(../images/foot-tel.png) no-repeat left top; padding-left: 76px; height: 53px; }
.foot-tel em{display: block; font-size: 15px; line-height: 15px; color: #fff; padding: 6px 0 10px;}
.foot-tel strong{display: block; font-size: 30px; color: #da251d; line-height: 22px; font-family: arial;}
.foot-add{background: url(../images/foot-add.png) no-repeat left top; padding-left: 76px; height: 53px;}
.foot-add em{display: block; font-size: 15px; line-height: 15px; color: #bbbbbb; padding: 6px 0 10px;}
.foot-add span{display: block; font-size: 16px; line-height: 16px; color: #fff; }
.foot-nav{background: #000; }
.foot-nav ul li{float: left;}
.foot-nav ul li a{display: block; font-size: 15px; line-height: 55px; color: #fff; padding: 0 30px;}
.foot-nav ul li a:hover{color: #da251d}
.foot-copy{padding: 34px 0}
.foot-copy p{font-size: 15px; color: #999; }
.foot-copy a{color: #999;}
.foot-copy a:hover{color: #fff;}



/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #015198;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #015198;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #015198;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}



/*内页样式*/

.ny-hd img{display: block; width: 100%}


.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1220px;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #015198;}
.position a:hover{color: #015198;}

.ny-main{margin: 30px 0 80px;}
.ny-contacts {background: #fafafa; }
.ny-contacts .bg{display: block; padding-left: 20px; height: 100px;background: url(../images/ny-contacts.jpg) no-repeat center center;}
.ny-contacts span,.ny-contacts em{display: block;color: #fff;}
.ny-contacts span{font-size: 18px;line-height: 18px;padding-top: 30px;}
.ny-contacts em{font-family: arial;}
.ny-contacts ul{padding:20px 10px  10px;background: #f2f2f2;margin-bottom: 20px;}
.ny-contacts ul li span,.ny-contacts ul li img,.ny-contacts ul li a{display: block;margin: 0 auto;}
.ny-contacts ul .ny-qcode{padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 14px;}
.ny-contacts ul .ny-qcode span{color: #4c4c4c;line-height: 14px;padding-top: 10px;}
.ny-contacts ul .ny-tel{text-align: center;}
.ny-contacts ul .ny-tel b{font-size: 22px;font-family: arial;color: #015198;}
.ny-contacts ul .ny-tel b>img{display: inline-block; margin-right: 5px; }


/*内页产品推荐列表页*/
.recom-title{background: #f5f5f5; height: 60px; line-height: 60px; margin-top: 50px; margin-bottom: 30px;}
.recom-title strong{display: block; border-left: 2px solid #1973c0; padding-left: 15px; font-size: 20px; color: #333;}
.recom-list{overflow: hidden;}
.recom-list ul li{float: left; width: 290px; margin-right: 30px;}
.recom-list ul li .pic{margin-bottom: 15px; border: 1px solid #ccc; overflow: hidden;}
.recom-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recom-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;}
.recom-list ul li h3{display: block; font-size: 18px; line-height: 25px; color: #333; text-align: center;  height: 50px;}
.recom-list ul li:hover h3{color: #015198}


/*产品详情*/
.ny-right  .pro1{margin-bottom: 40px;}
.ny-right  .pro1 .pro-list-pic{width: 352px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 580px;position: relative;}
.ny-right  .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-right  .pro1 .descript1 p{font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ny-right  .pro1 .descript1 a.consult{padding: 0; display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; margin-bottom: 0 }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #015198;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #015198;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #015198; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#015198;}
.pro-wechat{display: none; position: absolute; left: 150px;    bottom: -92px;}
.pro-wechat img{display: block; margin: 30px auto 0; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}


/*内页图片列表页*/
.picture-list ul{width: 999px;}
.picture-list ul li{float: left; width: 303px; margin-right: 30px; margin-bottom: 30px;}
.picture-list ul li .pic{width: 303px; height: 220px; overflow: hidden;}
.picture-list ul li h3{display: block; font-size: 15px; line-height: 45px; color: #333; text-align: center; background: #f5f5f5;  transition:0.6s;}
.picture-list ul li:hover h3{background: #015198; color: #fff; }


/*内页新闻列表*/
.ny-news-list ul li{padding-bottom: 25px;border-bottom: solid 1px #f0f0f0; margin-bottom: 25px; position: relative;}
.ny-news-list ul li:after{position: absolute; content: ''; width: 0; height: 1px; bottom: -1px; left: 0; background: #015198;  transition:0.6s;}
.ny-news-list ul li .date{width: 78px;padding: 16px 7px;border:solid #ccc 1px;border-radius: 2px;font-family: arial; }
.ny-news-list ul li .date span{display: block;border-bottom: solid #ccc 1px;font-size: 42px;line-height: 36px;color: #015198; padding-bottom: 6px;}
.ny-news-list ul li .date p{font-size: 16px;line-height: 16px;color: #808080; margin-top: 10px;text-align: center;}
.ny-news-list ul li .descript{overflow: hidden;width: 840px; margin-top: 5px;}
.ny-news-list ul li .descript h3{font-size: 18px;line-height: 36px;color: #333;}
.ny-news-list ul li .descript p{color: #999;line-height: 22px;padding-top: 5px;}
.ny-news-list ul li:hover .descript h3{color: #015198;}
.ny-news-list ul li:hover:after{width: 100%}




/*内页问答列表页*/
.question dl dt, .question dl dd{width: 100%}

.news-right-con dl span{width: calc(100% - 36px)}





/* 搜索页面 */
.search-page .box {margin-top: 10vh;}
.search-page form {width: 60%;margin: auto; margin-bottom: 100px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/header-search.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
/* .search-page form .sub:hover {filter: none;} */
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #015198; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}



/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #015198;}
.fy .layui-laypage-curr {color: #fff; background: #015198; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}


.nybanner {position: relative; overflow: hidden;}
.nybanner img{display: block; width: 100%}

#banner-num .swiper-pagination-bullet{width:45px;height:2px; margin:0 12px; cursor:pointer;background: #fff; border-radius: 0; opacity: 1 }
#banner-num .swiper-pagination-bullet-active{background: #da251d;  } /*当前项*/