body{background: url(../images/list-bg.jpg) center top no-repeat #eef7fa;}

.footer{background: url(../images/footer-bg.png) center no-repeat;background-size: auto 100%;text-align: center;}

.header{height: 135px;}

@media(max-width: 768px){

	.header{height: 60px;}

}

/*l-banner*/

.l-banner{text-align: center;width:100%;padding:30px 0 150px;position: relative;}

.l-banner .t1{ font-size: 40px;color:#323333;font-weight: bold;font-family:'SiYuan';position: relative;padding-bottom: 10px; }

.l-banner .t1:after{content:'';width:51px;height: 3px;background: var(--zhu-color);position: absolute;bottom:0px;left:50%;transform: translateX(-50%);}

.l-banner .t2{font-family:'SiYuan';font-size: 18px;color: #666666;margin-top: 15px;}

@media(max-width: 768px){

	.l-banner{padding:45px 0;}

}

@media(max-width: 576px){

	.l-banner .t1{font-size: 34px;}

	.l-banner .t2{font-size: 16px;}

}

/*list*/

.list{background: #fff;width:100%;padding:30px;border-radius: 20px;box-shadow: 0 0 10px #cecece;margin:10px 0;}

@media(max-width: 576px){

	.list{padding:30px 10px;}

	.container-fluid{padding:0;}

}



/*position*/

.position{font-size: 16px;color: #666666;}

.position i{color: var(--zhu-color);font-size: 22px;float: left;line-height: 1;margin-right: 5px;}

.position a{color: #666666;}

.position a:hover{color:var(--zhu-color);}

@media(max-width: 576px){

	.position{font-size: 14px;}

}

/*animation*/

@-webkit-keyframes swing{

    20%{-webkit-transform:rotate(15deg);}

    40%{-webkit-transform:rotate(-10deg);}

    60%{-webkit-transform:rotate(5deg);}

    80%{-webkit-transform:rotate(-5deg);}

    100%{-webkit-transform:rotate(0);}

}

@-moz-keyframes swing{

    20%{-moz-transform:rotate(15deg);}

    40%{-moz-transform:rotate(-10deg);}

    60%{-moz-transform:rotate(5deg);}

    80%{-moz-transform:rotate(-5deg);}

    100%{-moz-transform:rotate(0);}

}

@-ms-keyframes swing{

    20%{-ms-transform:rotate(15deg);}

    40%{-ms-transform:rotate(-10deg);}

    60%{-ms-transform:rotate(5deg);}

    80%{-ms-transform:rotate(-5deg);}

    100%{-ms-transform:rotate(0);}

}

@keyframes swing{

    20%{transform:rotate(15deg);}

    40%{transform:rotate(-10deg);}

    60%{transform:rotate(5deg);}

    80%{transform:rotate(-5deg);}

    100%{transform:rotate(0);}

}

/*about*/

.title{text-align: center;}

.title h5{font-size: 48px;color:var(--zhu-color);font-family: 'Didot';text-transform: uppercase;}

.title p{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top:20px;}

.title p span{color: #666666;font-size: 18px;font-family:'SiYuan';margin:0 15px; }

.title p:before,.title p:after{content:'';width:32px;height: 2px;background: #666666;}

@media(max-width: 576px){

	.title h5{font-size: 30px}

	.title p span{font-size: 14px;}

}

/*about part1*/

.about .part1{margin-top: 50px;}

.about .part1-hd{color: #666666;font-size: 16px;line-height: 34px;padding: 55px;}

.about .part1-hd a{color: #666;display: inline-block;}

.about .part1-hd a:hover{color:var(--zhu-color);}



.about .part1-md{display: flex;flex-direction: row;justify-content: space-between;padding:0px 55px;}

.about .part1-md li{width:30%;display: flex;flex-direction: row;align-items: center;}

.about .part1-md li .circle{width:112px;height: 112px;text-align: center;line-height: 112px;border-radius: 50%;margin-right: 20px;position: relative;background: var(--zhu-color);}

.about .part1-md li .circle:before{width:0;height: 0;background: #fff;content:'';position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);border-radius: 50%;transition: all .5s}

.about .part1-md li .circle i{font-size: 50px;color: #fff;position: relative;z-index: 1;}

.about .part1-md li .txt{width:calc(100% - 120px);}

.about .part1-md li .txt .t1{color: var(--zhu-color);font-size: 26px;font-weight: bold;font-family:'SiYuan'; }

.about .part1-md li .txt .t2{color: #666666;font-size: 16px;line-height: 24px;margin-top:5px; }

.about .part1-md li:hover .circle,.about .part1-md li.on .circle{animation:swing .5s;}

.about .part1-md li:hover .circle i,.about .part1-md li.on .circle i{color: var(--zhu-color)}

.about .part1-md li:hover .circle:before,.about .part1-md li.on .circle:before{width:100px;height: 100px;}



.about .part1-bd{margin-top: 30px;overflow:hidden;padding:30px 0;}

.about .part1-bd a{display: block;transition:all .5s;}

.about .part1-bd a img{transition: all .5s}

.about .part1-bd a:hover{margin-top: -10px;border-radius: 5px;}

.about .part1-bd a:hover img{transform: scale(1.1,1.1);}



@media(max-width: 992px){

	.about .part1-hd{padding:55px 0;}

	.about .part1-md{padding:0;}

	.about .part1-md li{flex-direction: column;text-align: center;}

	.about .part1-md li .txt{width:100%;margin-top: 15px;}

	.about .part1-md li .circle{margin-right: 0}

}

@media(max-width: 576px){

	.about .part1-hd{font-size: 14px;line-height: 28px;padding:30px 0;}

	.about .part1-md{flex-direction: column;}

	.about .part1-md li{flex-direction: row;text-align: left;width:100%;margin-top: 15px;}

	.about .part1-md li .circle{width:80px;height: 80px;line-height: 80px;margin-right:15px;}

	.about .part1-md li .circle i{font-size: 40px;}

	.about .part1-md li .txt{width:calc(100% - 100px);margin-top: 0}

	.about .part1-md li .txt .t1{font-size: 20px;}

	.about .part1-md li .txt .t2{font-size: 14px;}

	.about .part1-md li:hover .circle:before,.about .part1-md li.on .circle:before{width:65px;height: 65px;}





}



.about .part2{margin-top: 60px;}

.about .part2-hd{padding:0 50px;overflow: hidden;margin-top: 60px;display: flex;flex-direction: row;justify-content: space-between;}

.about .part2-hd .left{width:calc(100% - 460px);}

.about .part2-hd .left p{line-height: 36px;color: #666666;font-size: 16px;margin-top:20px;}

.about .part2-hd .left .name{text-align: right;font-size: 16px;color: #323333;}

.about .part2-hd .left{width:calc(100% - 460px);}

.about .part2-hd .left h5{color:#CD7F32;}

.about .part2-hd .left h6{color:#CD7F32;text-align: right;margin-top: 30px}

@media(max-width: 1400px){

	.about .part2-hd{padding:0 30px;}

	.about .part2-hd .left p{font-size: 14px;}

}

@media(max-width: 1200px){

	.about .part2-hd{padding:0;}

	.about .part2-hd .left p{line-height: 26px}

}

@media(max-width: 992px){

	.about .part2-hd{flex-direction: column;}

	.about .part2-hd .left{width:100%;}

	.about .part2-hd .left p{line-height: 32px}

	.about .part2-hd .left .name{margin-top: 15px;}

	.about .part2-hd .right{width:100%;text-align: center;margin-top: 30px;}

}

@media(max-width: 576px){

	.about .part2,.about .part2-hd{margin-top: 30px;}

	.about .part2-hd .left p{line-height: 28px;}

}



.about .part3{margin-top: 90px;}

.about .part3-hd{font-size: 16px;color: #666666;text-align: center;line-height: 30px;padding:0 24%;margin-top: 30px;}

.about .part3-bd{overflow: hidden;padding:60px 0 30px;position: relative;}

.about .part3-bd .honorlist{width:calc(100% - 200px);overflow: hidden;position: relative;margin:0 auto;}

.about .part3-bd .swiper-slide{ text-align: center;

      font-size: 18px;

      background: #fff;



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

	  transition: 300ms;

	  transform: scale(0.7);}

.about .part3-bd .swiper-slide a{width:357px;display: block;}

.about .part3-bd .swiper-slide a .img{padding-bottom: 76%;}

/*.about .part3-bd .swiper-slide a .img:before{width:100%;height: 100%;content:'';background: url(../images/honor-kuang.png) center no-repeat;position: absolute;top:0;left:0;z-index: 1;background-size: 100% 100%;}*/

.about .part3-bd .swiper-slide a .img img{transition:all .5s;object-fit: contain;}

.about .part3-bd .swiper-slide-active,.about .part3-bd .swiper-slide-duplicate-active{transform: scale(1);}

.about .part3-bd .hd{width:100%;height: 74px;position: absolute;top:50%;transform: translateY(-50%);}

.about .part3-bd .swiper-button-next,.about .part3-bd .swiper-button-prev{width:83px;height: 72px;background: url(../images/about-part3-btn.png) no-repeat;line-height: 72px;font-size: 20px;color: #fff;font-family: 'SimSun';position: absolute;padding-left: 10px;opacity: 0.4;transition: all .5s}

.about .part3-bd .swiper-button-prev{ transform:rotate(180deg);left:0;}

.about .part3-bd .swiper-button-next{ right:0;}

.about .part3-bd .swiper-button-prev:after{ transform:rotate(180deg);}

.about .part3-bd .swiper-button-next:after,.about .part3-bd .swiper-button-prev:after{font-size: 20px;}

.about .part3-bd .hd>div:hover{opacity: 1}

.about .part3-bd .swiper-slide a:hover .img img{transform:scale(1.1,1.1);}

@media(max-width: 992px){

	.about .part3-hd{padding:0;}

}

@media(max-width: 768px){

	.about .part3-bd .swiper-button-next, .about .part3-bd .swiper-button-prev{width:60px;height: 50px;background-size: 100% auto}

}

@media(max-width: 576px){

	.about .part3{margin-top: 60px;}

	.about .part3-bd{padding:30px 0;}

	.about .part3-bd .swiper-button-next, .about .part3-bd .swiper-button-prev{width:40px;height:35px;}

	.about .part3-bd .swiper-button-next:after, .about .part3-bd .swiper-button-prev:after{font-size: 16px;}

	.about .part3-bd .honorlist{width:calc(100% - 100px);}



}



/*sidebar*/

.sidebar{width:327px;overflow: hidden;}

.sidebar .hd{color: #fff;font-size: 30px;font-weight: bold;width:100%;height: 75px;line-height: 75px;text-indent: 38px;border-radius: 30px;position: relative;background: url(../images/s-hd-bg.jpg);}

.sidebar .md{width:100%;padding:15px 0;}

.sidebar .md li{width:100%;border-bottom: solid 1px #f2f3f4;height:60px; padding:5px 10px;}

.sidebar .md li a{width:100%;display: block;height: 100%;padding:0 30px;display: flex;flex-direction: row;justify-content: space-between;color: #323333;align-items: center;transition: all .5s }

.sidebar .md li a:before{content:'';width:30px;height: 30px;background: url(../images/s-icon1.png); }

.sidebar .md li a:after{content:'\e71f';font-family: 'iconfont';font-size:20px;}

.sidebar .md li a span{font-size: 16px;width:calc(100% - 80px);}

.sidebar .md li a:hover{background:var(--zhu-color);border-radius: 30px;color:#fff;}

.sidebar .md li a:hover:before{background: url(../images/s-icon2.png); }

.sidebar .bd{overflow: hidden;padding:0 25px;}

.sidebar .bd .tel{overflow: hidden;width:100%;border-radius: 40px;background: #f8f8f8;padding:10px 25px;display: flex;flex-direction: row;justify-content: space-between;}

.sidebar .bd .tel i{color:#e99311;font-size: 40px;line-height: 1.2}

.sidebar .bd .tel .rt{width:calc(100% - 50px);}

.sidebar .bd .tel .rt .t1{font-size: 14px;color: #999899;}

.sidebar .bd .tel .rt .t2{font-size: 20px;color: var(--zhu-color);font-weight: bold;}

.sidebar .bd .xian{font-size: 14px;color: #666666;display: flex;flex-direction: row;justify-content: center;align-items: center;margin:15px 0;}

.sidebar .bd .xian:before{content:'';width:calc((100% - 160px)/2);height: 1px;background: #eee;margin-right: 10px;}

.sidebar .bd .xian:after{content:'';width:calc((100% - 160px)/2);height: 1px;background: #eee;margin-left: 10px;}

.sidebar .bd .btnn{width:100%;height: 43px;background: var(--zhu-color);color: #fff;font-weight: 14px;line-height: 43px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 25px;}

.sidebar .bd .btnn i{font-size: 25px;margin-right: 15px;line-height: 1;margin-top:3px;}

@media(max-width: 1200px){

	.sidebar{width:280px;}

	.sidebar .hd{background-size: 100% 100%}

	.sidebar .md li a{padding:0 10px;}

	.sidebar .bd{padding:0;}

}

@media(max-width: 992px){

	.sidebar{display: none;}

}



/*产品中心*/

.plist{margin-top: 50px;}

.plist-bd{margin-top: 50px;display: flex;flex-direction: row;justify-content: space-between;}

.plist-bd-type{display: none;}

.plist-bd-right{width:calc(100% - 342px);overflow: hidden;padding:0 15px;}

.plist-bd-right .item{width:100%;overflow: hidden;margin-bottom: 30px;}

.plist-bd-right .item .img{border-radius: 20px;border:solid 1px #eee;position: relative;}

.plist-bd-right .item .img:before{content:'';width:100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/probg.jpg') center no-repeat;background-size: 100% 100%;}

.plist-bd-right .item .t1{color:#323333;font-size: 18px;border-bottom: solid 1px #cecece;padding:16px 0;text-align: center;}

.plist-bd-right .item .btnn{padding:15px 0;text-align: center;}

.plist-bd-right .item .btnn a{width:110px;height: 38px;border:solid 1px #cecece;text-align: center;line-height: 38px;color: #666666;display: inline-block;border-radius: 30px;margin:0 5px;transition: all .5s;}

.plist-bd-right .item .btnn a:hover,.plist-bd-right .item .btnn a.on{color:var(--zhu-color);border-color: var(--zhu-color);}

@media(max-width: 1250px){

	.plist-bd-right .item .btnn a{width:100px;}

}

@media(max-width: 1200px){

	.plist-bd-right{width:calc(100% - 290px);}

	.plist-bd-right .item .btnn a{width:80px;margin:0 2px;}

}

@media(max-width: 992px){

	.plist-bd{flex-direction: column;}

	.plist-bd-right{width:100%;}

	.plist-bd-type{display: block;}

	.plist-bd-type .t1{font-size: 20px;font-weight: bold;}

	.plist-bd-type ul{margin: 15px 0 30px;}

	.plist-bd-type ul a{color:#666;display: inline-block;margin:0 15px 15px 0;font-size: 16px;}

	.plist-bd-type ul a:hover{color:var(--zhu-color)}

}



/*newslist*/

.newslist{margin-top: 50px;}

.newslist-bd{overflow: hidden;margin-top: 65px;padding:0 50px;}

.newslist-bd .item{overflow: hidden;width:100%;display: flex;flex-direction: row;justify-content: space-between;margin-bottom:38px;}

.newslist-bd .item .left{width:485px;}

.newslist-bd .item .left .img{padding-bottom: 57.7%;border-radius: 20px;}

.newslist-bd .item .right{width:calc(100% - 520px);}

.newslist-bd .item .right .t1{font-size: 27px;color: #323333;padding:25px 0;transition: all .5s}

.newslist-bd .item .right .t2{font-size: 14px;color: #666666;line-height: 28px;}

.newslist-bd .item .right .t3{display: flex;flex-direction: row;justify-content: space-between;width:100%;overflow: hidden;margin-top: 30px;align-items: center;}

.newslist-bd .item .right span{display: block;border:solid 1px #c4c2c2;font-size: 13px;color: #323333;height: 36px;line-height: 36px;text-indent: 10px;position: relative;overflow: hidden;width:136px;transition: all .5s}

.newslist-bd .item .right span:before{content:'\eb94';width:120px;height: 120px;border-radius: 50%;background: #c4c2c2;position: absolute;top:-10px;left:90px;color:#fff;font-family: 'iconfont';font-size: 20px;padding: 8px 0 0 10px;transition: all .5s}

.newslist-bd .item .right b{color: #666666;font-size: 16px;}

.newslist-bd .item:hover .right .t1{color: var(--zhu-color);padding-left: 10px;}

.newslist-bd .item:hover .right span{border-color:var(--zhu-color);}

.newslist-bd .item:hover .right span:before{background: var(--zhu-color)}

@media(max-width: 1200px){

	.newslist-bd{padding:0;}

}

@media(max-width: 992px){

	.newslist-bd .item .left{width:360px;}

	.newslist-bd .item .right{width:calc(100% - 390px);}

	.newslist-bd .item .right .t1{padding:10px 0 15px;}

	.newslist-bd .item .right .t2{-webkit-line-clamp:2;}

}

@media(max-width:768px){

	.newslist-bd .item .left{width:260px;}

	.newslist-bd .item .right{width:calc(100% - 290px);}

	.newslist-bd .item .right .t1{padding:0px 0 15px;font-size: 22px;}

	.newslist-bd .item .right .t2{-webkit-line-clamp:2;font-size: 12px;line-height: 24px;}

	.newslist-bd .item .right .t3{margin-top: 15px;}

}

@media(max-width:576px){

	.newslist-bd .item{flex-direction: column;}

	.newslist-bd .item .left{width:100%}

	.newslist-bd .item .right{width:100%;}

	.newslist-bd .item .right .t1{margin-top: 15px;font-size: 18px;}

	.newslist-bd .item .right b{font-size: 16px}



}

/*contact*/

.contact{margin-top: 50px;}

.contact-hd{display: flex;flex-direction: row;margin-top: 65px;}

.contact-hd .left{width:444px;border:solid 1px #f1f1f2;padding:20px;}

.contact-hd .left .t1{color: var(--zhu-color);font-family: 'Impact';font-size: 60px;text-transform: uppercase;line-height: 1}

.contact-hd .left .t2{color:#323333;font-size: 22px;background: #fff;margin-top: -26px;display: block;position: relative;}

.contact-hd .left ul{padding:25px 0;border-bottom: solid 1px #e9e7e6;}

.contact-hd .left ul li{color: #666666;font-size: 15px;width:100%;overflow: hidden;line-height: 26px;margin-top: 15px;}

.contact-hd .left ul li i{color: var(--zhu-color);font-size: 25px;float: left;margin-right: 10px;line-height: 1}

.contact-hd .left .ewm{padding:25px 0;display: flex;flex-direction: row;justify-content: space-between;}

.contact-hd .left .ewm img{width:140px;}

.contact-hd .left .ewm .txt{width:calc(100% - 160px);}

.contact-hd .left .ewm .txt .t3{font-size: 18px;color: #323333;margin-top:5px;}

.contact-hd .left .ewm .txt .t4{font-size: 14px;color: #999899;}

.contact-hd .left .ewm .txt .t5{margin:10px 0;}

.contact-hd .right{width:calc(100% - 444px);}

/*.contact-hd .right img{width:100%;height: 100%;object-fit: cover;}*/

.contact-bd{overflow: hidden;padding:30px 30px 0;}

.contact-bd .hd{padding:30px 0;display: flex;flex-direction: row;justify-content: space-between;}

.contact-bd .hd span{border-left:solid 4px var(--zhu-color);font-size: 30px;color:#323333;line-height: 1;padding-left: 8px;height: 34px;}

.contact-bd .hd p{font-size: 14px;color: #666666;line-height: 46px}

.contact-bd .hd p i{font-size: 24px;float: right;}

.contact-bd .bd{overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;width:100%;}

.contact-bd .bd li{overflow: hidden;background:#f4f3f3;display: flex;flex-direction: row;padding:15px;margin-top: 15px;align-items: center;}

.contact-bd .bd li label{color:#666666;font-size: 16px;margin-right: 10px;}

.contact-bd .bd li input{width:calc(100% - 75px);background: #f4f3f3;}

.contact-bd .bd li.item1{width:49.5%;}

.contact-bd .bd li.item2{width:100%;display: flex;flex-direction: column;align-items:flex-start;}

.contact-bd .bd li.item2 textarea{width:100%;border:none;background: #f4f3f3;margin-top: 5px; }

.contact-bd .bd li.item3{width:60%;padding:5px 15px;}

.contact-bd .bd li.item3 img{width:140px;}

.contact-bd .bd li.item3 input{width:calc(100% - 220px);}

.contact-bd .bd li.item4{width:38.5%;background: var(--zhu-color);transition: all .5s}

.contact-bd .bd li.item4 .submit{color:#fff;font-size: 18px;background: var(--zhu-color);text-align: center;width:100%;margin-left: 0;transition: all .5s}

.contact-bd .bd li.item4:hover{border-radius: 10px;}

.contact-bd .bd li.item4:hover .submit{font-weight: bold;}

#dituContent{height: 100%}

@media(max-width: 992px){

	.contact-hd .left{width:380px;}

	.contact-hd .right{width:calc(100% - 380px);}

}

@media(max-width: 768px){

	.contact-hd{flex-direction: column;}

	.contact-hd .left{width:100%;}

	.contact-hd .right{width:100%;}

	 #dituContent{height:300px;}

	.contact-bd{padding:30px 0 0;}

}

@media(max-width: 576px){

	.contact-hd .left{border:none;padding:0;}

	.contact-hd .left .t1{font-size: 55px;display: none;}

	.contact-hd .left .t2{font-size: 20px;}

	.contact-hd .left ul li{font-size: 13px;}

	.contact-hd .left .ewm img{width:100px;}

	.contact-hd .left .ewm .txt{width:calc(100% - 110px);}

	.contact-hd .left .ewm .txt .t3{margin-top:0;}

	.contact-hd .left .ewm .txt .t4{font-size: 12px;}

	.contact-hd .left .ewm .txt .t5{display: none;}

	.contact-hd .left .ewm .txt .share{margin-top: 5px;}

	.social-share .social-share-icon{margin:2px;}

	.contact-bd .hd{flex-direction: column;padding:15px 0 0;}

	.contact-bd .hd span{font-size: 30px;}

	.contact-bd .hd p{font-size: 12px;}

	.contact-bd .hd p i{font-size: 22px;}

	.contact-bd .bd li{padding:10px 15px;}

	.contact-bd .bd li.item1{width:100%;}

	.contact-bd .bd li.item3{width:100%;}

	.contact-bd .bd li.item4{width:100%;}



}



/*newsinfo*/

.newsinfo{padding:30px 0;}

	.page_tit{ position: relative; padding-bottom: 20px; text-align: center;border-bottom: dashed 1px #ddd; }

	.page_tit b{ display: inline-block; font-size: 24px; color: #333; margin-bottom: 30px; }

	.page_tit small{ text-transform: uppercase; display: inline-block; color: rgba(51,51,51,.42); margin-left: 25px; font-size: 22px; }

	.page_tit::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: var(--zhu-color); position: absolute; left:50%; margin-left: -30px; bottom:65px; border:0; }

	.page_tit .meta{ font-size: 14px; line-height: 1; color: #393939;display: flex;flex-direction: row;align-items: center;justify-content: center; margin-top: 15px}

	.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }



/*single*/

.single{padding:30px 15px;line-height: 260%;font-size: 110%}

@media(max-width: 576px){

	.single{padding:30px 5px;}

}





/*prev_next*/

.prev_next{width:100%;padding:0;}

	.prev_next>div{width:100%;padding:8px 0;border-bottom: dashed 1px #ddd;display: flex;flex-direction: row;align-items: center;}

	.prev_next>div:before{content:'\e834';font-family: 'iconfont';color: #fff;font-size: 16px;width:22px;height: 22px;border-radius: 50%;background: #666;display: block;text-align: center;line-height: 22px;margin-right:10px;}

	.prev_next>div a{color: #999;width:calc(100% - 90px);}

	.prev_next>div a:hover{color: var(--zhu-color);}



/*proinfo*/

.p-banner{padding: 12px 0; overflow: hidden;}

.pbanner-cleft{ width:680px;}

.pbanner-cright{ width:calc(100% - 680px); padding: 15px;}



.picFocus{width: 100%; overflow: hidden; padding: 20px 0;display: flex;flex-direction: row;justify-content: space-between;}

.picFocus .bdd{ width: calc(100% - 120px);overflow: hidden;}

.picFocus .bdd li{width: 100%; overflow: hidden;   float: left;}

.picFocus .bdd li .pt-box{ border: 1px solid #dedede;overflow: hidden;}

.picFocus .bdd li .title{ text-align: center; color: #334764; font-size: 30px; font-weight: 700; padding-top: 15px;}

.picFocus .bdd li .ctxt{ text-align: center; color: #999; font-size: 19px;line-height: 35px;}

.picFocus .bdd li .img{ padding-top: 15px; text-align: center;width:100%;padding-bottom: 75%;position: relative;overflow: hidden;}

.picFocus .bdd li .img:before{content:'';width:100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/probg.jpg') center no-repeat;background-size: 100% 100%;}

.picFocus .bdd li .img img{width: 100%; height: 100%; object-fit:contain;position: absolute;top:0;left:0;}

.picFocus .hd{ width:110px; overflow:hidden;height: 415px; }

.picFocus .hd ul{   overflow:hidden; zoom:1;display: flex;flex-direction: column;height: 100% }

.picFocus .hd ul li{width:100%!important;height: auto}

.picFocus .hd ul li .img{ width:100%;padding-bottom: 73.5%;position: relative;overflow: hidden;border:1px solid #ebebeb;}

.picFocus .hd ul li .img:before{content:'';width:100%;height: 100%;position: absolute;top:0;left:0;background:url('../images/probg.jpg') center no-repeat;background-size: 100% 100%;}

.picFocus .hd ul li img{ width:100%; height:100%;  cursor:pointer;position: absolute;top:0;left:0;}

.picFocus .hd li.swiper-slide-thumb-active{border:1px solid var(--zhu-color);}





.pbanner-cright .title{ font-size: 34px; color: #333; padding:5px 0 10px; border-bottom: 1px dashed #cdcdcd;text-align: left;}

.pbanner-cright .description{padding-left: 0; line-height: 30px; margin: 15px 0; color: #666; font-size: 14px;}

.pbanner-cright .pkeywords{background: #eff4fe; padding: 15px 25px; margin: 10px 0; overflow: hidden; line-height: 26px;}

.pbanner-cright .pkeywords span{ font-size: 12px;}

.pbanner-cright .more{ width: 100%; height: 47px; overflow: hidden;display: flex;flex-direction: row; }

.pbanner-cright .more .more1{ width: 49%; height: 47px; text-align: center; line-height: 47px;margin-right: 15px;}

.pbanner-cright .more .more1 a{ display: block; width: 100%; height: 47px; background: var(--zhu-color); color: #fff; border-radius: 5px;}

.pbanner-cright .more .more1 a:hover{ background:var(--pei-color);transition: all .5s;}

.pbanner-cright .more .more2{ width: 49%; height: 47px; text-align: center; line-height: 47px;}

.pbanner-cright .more .more2 a{ display: block; width: 100%; height: 47px; background: #000; color: #fff; border-radius: 5px;}

.pbanner-cright .more .more2 a:hover{ background:var(--pei-color);transition: all .5s;}

.ys{ padding: 15px 0; overflow: hidden;}

.ys p{ font-size: 18px; color: #333; font-weight: 700;}

.ys .ysbox{  margin-top: 15px; overflow: hidden; }

.ysbox li{padding: 15px; overflow: hidden;background: #ebf6f2;}

.ysbox li .ctimg{ width: 33px; float: left; height: 33px; background: #fff; border-radius: 50%; text-align: center; line-height: 33px;}

.ysbox li .ctimg .iconfont{ font-size: 25px; color: var(--zhu-color);}

.ysbox li .cttxt{width: calc(100% - 38px); padding-left: 5px; float: left; line-height: 32px; color: #333;font-size: 16px}

.ysbox li .cttxt span{ font-size: 12px; color: #666;}

/*.ysbox li:hover,.ysbox .swiper-slide-active li{ background: var(--zhu-color);transition: all .5s;}

.ysbox li:hover .cttxt,.ysbox .swiper-slide-active li .cttxt{ color: #fff;}

.ysbox li:hover .cttxt span,.ysbox .swiper-slide-active li .cttxt span{ font-size: 12px; color: #fff;}*/

.ysbox li:hover{ background: var(--zhu-color);transition: all .5s;}

.ysbox li:hover .cttxt{ color: #fff;}

.ysbox li:hover .cttxt span{ font-size: 12px; color: #fff;}



@media(max-width: 1200px){

	.pbanner-cleft{width:440px;}

	.pbanner-cright{width:calc(100% - 440px);}

	.pbanner-cright .title{font-size: 26px}

	.picFocus{flex-direction: column-reverse;}

	.picFocus .hd{margin-top: 10px;width:100%;height: auto;}

	.picFocus .hd ul{flex-direction: row;}

	.picFocus .hd ul li{width:20%!important;}

	.picFocus .bdd{width:100%;}



}

@media(max-width: 768px){

	.pbanner-cleft{width:100%;}

	.pbanner-cright{width:100%;}

	.pbanner-cright .title{font-size: 20px}



}





.p-nr-hd{ height: 76px; background: #eff4fe; overflow: hidden;padding:0 15px;}

.p-nr-hd li{ width:200px; float: left;}

.p-nr-hd li a{color:var(--zhu-color);}

.pnicl1{ width: 100%; height: 76px; border-top: 2px solid var(--zhu-color); text-align: center; line-height: 76px; background: #fff;}

.pnicl1 a{ font-size: 16px; overflow: hidden;}

.pnicl2{ width: 100%; height: 78px; }

.pnicl2 a{ display: block; width: 100%; height: 78px; text-align: center;line-height: 76px; font-size: 16px;}

.pnicl2 a:hover{height: 76px; border-top: 2px solid var(--zhu-color); background: var(--zhu-color); color: #fff;}

@media(max-width: 768px){

	.p-nr-hd li{width:33%;}



}

@media(max-width: 576px){

	.p-nr-hd{padding:0 1px;height: 40px;}

	.pnicl1,.pnicl2,.pnicl2 a{height: 40px;line-height: 40px}

}





.prbanner .hd{ text-align: center;padding:0 15px;}

.prbanner .bd{ padding: 100px 0 0;}

@media(max-width: 576px){

  .prbanner{padding:60px 0;background-size: auto 100%}

  .prbanner .bd{display:none;}

}



/*相关产品*/

.vimg{padding:60px 0;overflow: hidden;}



/*产品内页，厂区环境*/

.xgal{ background: #fff; padding: 30px 0;  overflow: hidden;}

.xgal .hd{ margin-bottom: 20px; height: 30px; overflow: hidden;}

.xgal .hd p{ float: left; border-left: 4px solid #3c9a9c; text-indent: 10px; height: 30px; color: #333; font-size: 24px; font-weight: 700; line-height: 26px;}

.xgal .hd a{ float: right; text-align: right; line-height: 36px; font-size: 16px;}

.xgal .hd a:hover{color:#3c9a9c;}

.xgal .hd a .ciconfont{ font-size: 20px; margin-left: 10px; position: relative;top: 3px;left: 0px;}

.xgal .bd{ padding-top: 60px;}



.pcasebox{ width: 100%; overflow: hidden; position:relative; }

.pcasebox .img{ width: 100%; overflow: hidden;border-radius: 10px;position: relative;padding-bottom: 75%;}

.pcasebox .img img{ width: 100%; height:100%;position: absolute;top:0;left:0;}

.pcasebox .txt{ width: 100%; height: 50px; text-align: center; color: #fff; line-height: 50px; font-size: 16px; overflow:hidden; position: absolute; left:0; bottom:0; z-index:2;transition: all 1s;}

.pcasebox .bg{ width: 100%; height: 50px; background:rgba(0,0,0,.67); position: absolute; left:0; bottom:0; z-index:1; transition: all 1s;border-radius: 10px;}

.pcasebox:hover .txt{ bottom:40%;  transition: all 1s;}

.pcasebox:hover .bg{  height: 100%; bottom:0;background:rgba(60,154,156,0.6); transition: all 1s;}



@media (max-width:1200px){ 

  .xgal .bd{ padding-top: 30px;}

}





/*honors*/

.in_product_box{padding:30px 0 0;margin:0 auto;}

  .in_product_box_list{margin-top: 30px;}

 .all_img_box{width:100%;}

  .all_img_box .imgbox{width:100%;padding-bottom: 75%;overflow:hidden;position: relative;border:solid 1px #f1f1f1;}

  .all_img_box .imgbox img{width:100%;height:100%;object-fit:cover;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;position: absolute;}

  .all_img_box:hover .imgbox img{-webkit-transform:scale(1.1) rotate(5deg);-moz-transform:scale(1.1) rotate(5deg);-ms-transform:scale(1.1) rotate(5deg);-o-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);}

  .all_img_box .text{background:#fff;width:100%;border:1px solid #f1f1f1;border-top:none;}

  .all_img_box .text .fir{width:100%;padding:0 2%;line-height:45px;border-bottom:1px dashed #e3e3e3;}

  .all_img_box .text .fir p{float:left;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#404040;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}

  .all_img_box:hover .text .fir p{color:#35b7ac;}

  .all_img_box .text .fir .firicon{float:right;width:20px;height:45px;background:url("../images/in_product_icon.png") no-repeat center;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}

  .all_img_box:hover .text .fir .firicon{background:url("../images/in_product_icon1.png") no-repeat center;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}

  .all_img_box .text .sec{line-height:45px;padding:0 2%;font-size:16px;color:#747474;font-weight:lighter;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}