img{ max-width:100%;}
.bk{cursor: pointer;position: relative;}
.bk:after,
.bk:before{content: '';display: block;position: absolute;border: 1px transparent solid;width: 0;height: 0;box-sizing: border-box;}
.bk:after{left: 0;top: 0;transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;}
.bk:before{right: 0;bottom: 0;transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in 0s;}
.bk:hover:after,
.bk:hover:before{height: 100%;width: 100%;}
.bk:hover:after{border-right-color: #cb0000;border-top-color: #cb0000;transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s;}
.bk:hover:before{border-left-color: #cb0000;border-bottom-color: #cb0000;transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}
.contents{width: 1280px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size: 0;}
.yc{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tsy{vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.tsy:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.gd{-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.s180{transform: rotateY(0);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.s180:hover{transform: rotateY(108deg);}
.img100{transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.img100:hover{transform: scale(1.1);}
.w100{width: 100%;height: 100%;object-fit: contain;}
.yuas{-webkit-animation: hang linear 2s infinite;}
@-webkit-keyframes hang{0%,
  100%{-webkit-transform: translate(0, -8px);}
  50%{-webkit-transform: translate(0, 0);}
}
.zyuo{-webkit-animation: zyuo linear 2s infinite;}
@keyframes zyuo{16.65%{-webkit-transform: translateX(6px);transform: translateX(6px);}
  33.3%{-webkit-transform: translateX(-5px);transform: translateX(-5px);}
  49.95%{-webkit-transform: translateX(4px);transform: translateX(4px);}
  66.6%{-webkit-transform: translateX(-2px);transform: translateX(-2px);}
  83.25%{-webkit-transform: translateX(1px);transform: translateX(1px);}
  100%{-webkit-transform: translateX(0);transform: translateX(0);}
}
.flex{display: flex;justify-content: space-between;}
.je{animation: jello 2s 1s infinite;}
@-webkit-keyframes jello{0%,
  11.1%,
  to{-webkit-transform: translateZ(0);transform: translateZ(0);}
  22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg);}
  33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg);}
  44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
  55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
  66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
  77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
  88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
.pro{height: 1060px;background: url(../images/pro.jpg) no-repeat center bottom;padding:60px 0 0;box-sizing: border-box;overflow: hidden;}
.pro .contents{position: relative;}
.pro .top h3 a{display: block;font-size: 30px;color: #333;line-height: 30px;background: url(../images/t1.png) no-repeat center left;background-position-x: 144px;}
.pro .top p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;margin: 13px 0 0;}
.pro .top p i{color: #ca0000;font-family: Impact;}
.pro .prolist{margin: 50px 0 0;position: relative;z-index: 50;}
.pro .prolist::before{content: "";display: block;width: 950px;height: 196px;position: absolute;background: url(../images/prol.png) no-repeat center;top: 255px;left: 648px;z-index: -1;}
.pro .prolist .bd li{width: 1280px;/**display: flex;justify-content: space-between;**/}
.pro .prolist .bd li .tu{width: 648px;height: 480px; float:left;background: #fff;box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.15);border-radius: 5px;border: solid 1px #f0f0f0;padding: 8px;box-sizing: border-box;}
.pro .prolist .bd li .tu .img{display: block;width: 100%;height: 100%;overflow: hidden;}
.pro .prolist .bd li .tu .img img{width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .prolist .bd li .tu .img img:hover{transform: scale(1.1);}
.pro .prolist .bd li .plaet{width: 580px;margin: 165px 0 0;position: relative; float:right;}
.pro .prolist .bd li .plaet::before{content: "";display: block;width: 53px;height: 2px;position: absolute;background: #cb0000;top: 44px;left: 0;}
.pro .prolist .bd li .plaet span{display: block;font-family: Arial;font-size: 71px;font-weight: 1000;line-height: 53px;color: #f4f4f6;position: absolute;top: -25px;left: 0;z-index: -1;}
.pro .prolist .bd li .plaet .cond{display: block;font-size: 26px;color: #444;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .prolist .bd li .plaet .cond i{font-size: 14px;color: #a0a0a0;line-height: 26px;margin-left: 16px;}
.pro .prolist .bd li .plaet p{font-size: 16px;color: #666;line-height: 36px; margin: 70px 0 0;}
.pro .prolist .bd li .plaet .num{font-family: Impact;font-size: 106px;line-height: 87px;color: #ebebeb;margin: 26px 0 0 458px;}
.pro .prolist .hd{width: 570px;height: 94px;position: absolute;top: -134px;right: 0;display: flex;justify-content: space-between;}
.pro .prolist .hd li{position: relative;z-index: 50;}
.pro .prolist .hd li::before{content: "";display: block;width: 82px;height: 91px;background: url(../images/prolist.png) no-repeat center right #ca0000;border-radius:5px;position: absolute;top: 11px;left: -14px;z-index: -1;transform: scale3d(0, 1, 0);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
 


.pro .prolist .hd li:nth-child(3):before,.pro .prolist .hd li:nth-child(6):before{ width:100px;}
.pro .prolist .hd li:nth-child(4):before{ width:130px;}

.pro .prolist .hd li .cond{display: block;font-size: 18px;color: #444;line-height: 94px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro .prolist .hd li .more{display: block;font-size: 12px;color: #fff;line-height: 10px;text-align: center;position: absolute;top: 65px;left: 4px;}
.pro .prolist .hd .on::before{transform: scale3d(1, 1, 1);}
.pro .prolist .hd .on a{color: #fff;}
.pro .prolist .hd .mores{display: block;font-size: 18px;color: #444;line-height: 94px;}
.pro .prolist .next{width: 53px;height: 53px;background: url(../images/next.png) no-repeat center;cursor: pointer;position: absolute;top: 423px;left: 689px;}
.pro .list{/**display: flex;justify-content: space-between;**/ width:100%; float:left;margin: 46px 0 0;}
.pro .list li{width:305px !important;height: 290px;padding: 8px;border-radius: 5px;border: 1px solid #e7e7e7;box-sizing: border-box;background: #fff; margin-right:15px; float:left;}
.pro .list li .img{display: block;width: 100%;height: 220px;overflow: hidden;}
.pro .list li .img img{width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .list li .img img:hover{transform: scale(1.1);}
.pro .list li .text{width: 100%;height: 46px;background: #f4f4f6;line-height: 46px;padding: 0 50px 0 23px;box-sizing: border-box;position: relative;margin: 9px 0 0;}
.pro .list li .text .cond{display: block;font-size: 16px;color: #444;line-height: 46px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .list li .text .more{display: block;width: 46px;height: 46px;background: url(../images/more1.png) no-repeat center;position: absolute;top: 0;right: 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.pro .list li:hover{box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.15);}
.pro .list li:hover .text .more{background: url(../images/more2.png) no-repeat center;transform: rotateX(360deg);}
.pro .dec{width: 283px;height: 305px;position: absolute;top: 330px;right: -321px;z-index: 60;}
.pro .reg{width: 360px;position: absolute;top: 142px;right: 0;}
.pro .reg p{line-height: 33px;font-size: 14px;color: #a0a0a0;letter-spacing: 4px;text-align: center;border-bottom: 1px solid #d5d5d5;box-sizing: border-box;}
.pro .reg .num{font-size: 16px;color: #5b5b5b;line-height: 22px;padding-left: 36px;background: url(../images/tel2.png) no-repeat center left;margin: 9px 0 0;}
.pro .reg .num i{font-weight: bold;}
.adv{height: 1137px;background: url(../images/adv.jpg) no-repeat center top;padding: 130px 0 0;box-sizing: border-box;overflow: hidden;}
.adv .contents{position: relative;}
.adv .dec{width: 330px;height: 497px;position: absolute;top: 250px;left: -330px;}
.adv .advlist{position: relative;}
.adv .advlist .swiper-slide{height: 430px;height: 450px;padding: 42px 0 0 40px;box-sizing: border-box;}
.adv .advlist .swiper-slide .list{width: 368px;height: 385px;background: #fff;border-radius: 5px;position: relative;padding: 47px 0 0 30px;box-sizing: border-box;}
.adv .advlist .swiper-slide .list::before{content:"";display:block;width:70px;height:70px;position:absolute;border-radius:50%;top:-40px;left:-35px;border:solid 5px #fff;box-shadow:0px 0px 10px 0px rgba(49, 49, 49, 0.46);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.adv .advlist .swiper-slide .list::after{content: "";display: block;width: 3px;height: 46px;background: #cb0000;position: absolute;top: 114px;left: 40px;}
.adv .advlist .swiper-slide .list .cond{display: block;font-size: 26px;color: #333;line-height: 24px;}
.adv .advlist .swiper-slide .list .zm{font-size: 20px;color: #333;line-height: 15px;margin: 10px 0 70px;}
.adv .advlist .swiper-slide .list p{font-size: 16px;color: #727272;line-height: 32px;width: 320px;}
.adv .advlist .swiper-slide .list .num{font-family:Arial;font-size:92px;line-height:68px;color:#ebebeb;position:absolute;top:334px;right:17px;z-index:50;height:51px;overflow:hidden;-webkit-transition:0.5s linear;transition:0.5s linear;width:110px;}
.adv .advlist .swiper-slide .list .ont{font-size: 12px;color: #ca0000;line-height: 12px;text-decoration: underline;text-transform: uppercase;position: absolute;bottom: 22px;left: 27px;}
.adv .advlist .swiper-slide-active .list .ont{bottom: 75px;}
.adv .advlist .swiper-slide .list:hover .num{color: #cb0000;}
.adv .advlist .swiper-slide:nth-child(1) .list::before{background: #fff url(../images/y2.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(1) .list:hover::before{background: #cb0000 url(../images/y2s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(2) .list::before{background: #fff url(../images/y3.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(2) .list:hover::before{background: #cb0000 url(../images/y3s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(3) .list::before{background: #fff url(../images/y4.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(3) .list:hover::before{background: #cb0000 url(../images/y4s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(4) .list::before{background: #fff url(../images/y1.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(4) .list:hover::before{background: #cb0000 url(../images/y1s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(5) .list::before{background: #fff url(../images/y2.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(5) .list:hover::before{background: #cb0000 url(../images/y2s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(6) .list::before{background: #fff url(../images/y3.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(6) .list:hover::before{background: #cb0000 url(../images/y3s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(7) .list::before{background: #fff url(../images/y4.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(7) .list:hover::before{background: #cb0000 url(../images/y4s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(8) .list::before{background: #fff url(../images/y1.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(8) .list:hover::before{background: #cb0000 url(../images/y1s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(9) .list::before{background: #fff url(../images/y2.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(9) .list:hover::before{background: #cb0000 url(../images/y2s.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(10) .list::before{background: #fff url(../images/y3.png) no-repeat center;}
.adv .advlist .swiper-slide:nth-child(10) .list:hover::before{background: #cb0000 url(../images/y3s.png) no-repeat center;}
.adv .advlist .swiper-slide-active{margin: 267px 0 0;}
.adv .advlist .swiper-slide-active .list{height: 450px;}
.adv .advlist .swiper-slide-next{margin: 202px 0 0;}
.adv .advlist .swiper-pagination{position: absolute;top: 90px;left: 0;width: 108px;display: flex;justify-content: space-between;}
.adv .advlist .swiper-pagination .swiper-pagination-bullet{width: 14px;height: 14px;background: url(../images/cire1.png) no-repeat center;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.adv .advlist .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/cire2.png) no-repeat center;}
.adv .advlist .swiper-button-prev{width: 122px;height: 45px;background: url(../images/arr-adv.png) no-repeat center left;font-size: 14px;color: #fff;line-height: 45px;padding: 0 0 0 36px;box-sizing: border-box;font-weight: bold;cursor: pointer;left: 81%;top: 91%;}
.adv .advlist .swiper-button-next{width: 122px;height: 45px;background: url(../images/arr-adv.png) no-repeat center right;font-size: 14px;color: #fff;line-height: 45px;padding: 0 0 0 34px;box-sizing: border-box;font-weight: bold;cursor: pointer;right: 0;top: 91%;}
.adv .top{position: absolute;top: -59px;left: 0;z-index: 50;width: 460px;}
.adv .top h3{height: 63px;font-size: 30px;color: #333;line-height: 63px;}
.adv .top h3 i{font-family: Impact;font-size: 79px;line-height: 63px;color: #cb0000;margin: 0 20px;}
.adv .top p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;margin: 8px 0 0;background: url(../images/t1.png) no-repeat center left;background-position: 396px 32px;}
.adv .top p i{font-family: Impact;background: #cb0000;}
.adv .num{width: 240px;position: absolute;top: 475px;right: 10px;}
.adv .num span{display: block;font-size: 16px;color: #5b5b5b;line-height: 22px;text-align: right;background: url(../images/tel2.png) no-repeat center left;background-position-x: 130px;}
.adv .num p{font-size: 16px;color: #5b5b5b;line-height: 15px;text-align: right;font-weight: bold;margin: 20px 0 0;}
.adv .reg{width: 520px;position: absolute;top: 730px;right: 0;}
.adv .reg p{font-size: 16px;color: #3d3d3d;line-height: 16px;}
.adv .reg p i{font-weight: bold;}
.adv .reg .zm{font-size: 12px;color: #7a7a7a;line-height: 22px;margin: 15px 0 0;}
.adv .bao{background: url(../images/bao.png) no-repeat top left;width: 615px;margin: 40px 0 0;}
.adv .bao p{padding: 0 0 0 237px;font-size: 22px;color: #555;line-height: 20px;}
.adv .bao p i{font-size: 14px;color: #555;display: block;}
.adv .bao .zhi{font-size: 20px;color: #555;line-height: 40px;padding: 0 0 0 53px;box-sizing: border-box;text-indent: 60px;margin: 14px 0 0;}
.porcess{height: 576px;background: url(../images/process.jpg) no-repeat center top;}
.porcess .top h3{font-size: 30px;color: #333;line-height: 30px;width: 190px;margin: 0 auto;position: relative;text-align: center;}
.porcess .top h3::before{content: "";display: block;width: 34px;height: 9px;position: absolute;background: url(../images/t1.png) no-repeat center;top: 17px;right: -50px;}
.porcess .top p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;text-align: center;background: url(../images/line.png) no-repeat center;margin: 13px 0 0;}
.porcess .top p i{font-family: Impact;color: #ca0000;}
.porcess .list{display: flex;justify-content: space-between;margin: 73px 0 0;}
.porcess .list li{width: 128px;height: 186px;background: #fff;border-radius: 5px;border: solid 1px #dcdcdc;box-sizing: border-box;padding: 110px 0 0;position: relative;}
.porcess .list li::before{content: "";display: block;width: 100%;height: 45px;position: absolute;top: 35px;left: 0;}
.porcess .list li p{font-size: 18px;color: #7a7a7a;line-height: 18px;text-align: center;position: relative;}
.porcess .list li p::before{content: "";display: block;width: 24px;height: 2px;position: absolute;background: #dcdcdc;top: -20px;left: 50%;margin-left: -12px;}
.porcess .list li .num{font-family: Arial;font-size: 16px;color: #ccc;line-height: 12px;text-align: center;width: 128px;position: absolute;top: 140px;left: 0;z-index: -1;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.porcess .list .on{background: #cb0000;box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.38);}
.porcess .list .on p{color: #fff;}
.porcess .list .on p::before{background: #fff;}
.porcess .list .on .num{font-family: Arial;font-size: 80px;font-weight: bold;line-height: 60px;text-align: center;color: #bc0000;top: 110px;}
.porcess .list li:nth-child(even){margin: 90px 0 0;}
.porcess .list li:nth-child(1)::before{background: url(../images/p1.png) no-repeat center top;}
.porcess .list li:nth-child(2)::before{background: url(../images/p2.png) no-repeat center top;}
.porcess .list li:nth-child(3)::before{background: url(../images/p3.png) no-repeat center top;}
.porcess .list li:nth-child(4)::before{background: url(../images/p4.png) no-repeat center top;}
.porcess .list li:nth-child(5)::before{background: url(../images/p5.png) no-repeat center top;}
.porcess .list li:nth-child(6)::before{background: url(../images/p6.png) no-repeat center top;}
.porcess .list li:nth-child(7)::before{background: url(../images/p7.png) no-repeat center top;}
.porcess .list li:nth-child(8)::before{background: url(../images/p8.png) no-repeat center top;}
.porcess .list .on:nth-child(1)::before{background: url(../images/p1s.png) no-repeat center top;}
.porcess .list .on:nth-child(2)::before{background: url(../images/p2s.png) no-repeat center top;}
.porcess .list .on:nth-child(3)::before{background: url(../images/p3s.png) no-repeat center top;}
.porcess .list .on:nth-child(4)::before{background: url(../images/p4s.png) no-repeat center top;}
.porcess .list .on:nth-child(5)::before{background: url(../images/p5s.png) no-repeat center top;}
.porcess .list .on:nth-child(6)::before{background: url(../images/p6s.png) no-repeat center top;}
.porcess .list .on:nth-child(7)::before{background: url(../images/p7s.png) no-repeat center top;}
.porcess .list .on:nth-child(8)::before{background: url(../images/p8s.png) no-repeat center top;}
.case{height: 542px;background: url(../images/case.jpg) no-repeat center top;overflow: hidden;}
.case .top h3{font-size: 30px;color: #333;line-height: 30px;width: 190px;margin: 0 auto;position: relative;text-align: center;}
.case .top p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;text-align: center;margin: 13px 0 0;}
.case .top p i{font-family: Impact;color: #ca0000;}
.case .caselist{margin: 52px -95px 0;}
.case .caselist .bd li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.case .caselist .bd li .list{width: 351px;height: 302px;border: 1px solid #e0e0e0;box-sizing: border-box;padding: 10px;background: #fff;margin: 0 0 15px 0;}
.case .caselist .bd li .list .img{display: block;width: 100%;height: 232px;overflow: hidden;border-radius: 5px 5px 0 0s;}
.case .caselist .bd li .list .img img{width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .caselist .bd li .list .img img:hover{transform: scale(1.1);}
.case .caselist .bd li .list .text{height: 60px;padding: 0 50px 0 0;width: 100%;box-sizing: border-box;position: relative;}
.case .caselist .bd li .list .text .cond{display: block;font-size: 16px;color: #464646;line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case .caselist .bd li .list .text .more{display: block;font-size: 16px;color: #464646;line-height: 60px;position: absolute;top: 0;right: 9px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case .caselist .bd li .list:hover .text .more{color: #cb0000;transform: rotateX(360deg);}
.case .caselist .arrow{width: 400px;margin: 25px auto 0;display: flex;justify-content: space-between;}
.case .caselist .arrow .prev{width: 40px;height: 46px;cursor: pointer;background: url(../images/prev-adv.png) no-repeat center;}
.case .caselist .arrow .next{width: 40px;height: 46px;cursor: pointer;background: url(../images/next-adv.png) no-repeat center;}
.case .caselist .arrow .num{width: 380px;height: 46px;background: #cb0000;line-height: 46px;text-align: center;border-radius: 23px 5px 23px 23px;font-family: Arial;font-size: 20px;color: #fff;}
.abo{height: 881px;background: url(../images/abo.jpg) no-repeat center top;padding: 154px 0 0;box-sizing: border-box;}
.abo .top h3{display: block;font-size: 30px;color: #333;line-height: 30px;background: url(../images/t1.png) no-repeat center left;background-position-x: 203px;}
.abo .top p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;margin: 13px 0 0;}
.abo .top p i{color: #ca0000;font-family: Impact;}
.abo .text{width: 734px;font-size: 16px;color: #868686;line-height: 34px; text-align:left;margin: 55px 0 0; height:270px; }
.abo .more{font-size: 16px; float:left;color: #fff; background:#ff0000; border-radius:0 8px 0 8px;line-height: 17px;text-decoration: underline;margin: 40px 0 52px; padding:8px 15px; border-radius:0 10px 0 10px}
.abo .list{width: 1025px;display: flex;justify-content: space-between;}
.abo .list li{width: 244px;}
.abo .list li .tu{width: 244px;height: 162px;background: #fff;border: 1px solid #e0e0e0;padding: 9px;box-sizing: border-box;overflow: hidden;}
.abo .list li .tu .img{display: block;width: 100%;height: 100%;overflow: hidden;}
.abo .list li .tu .img img{width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.abo .list li .tu .img img:hover{transform: scale(1.1);}
.abo .list li .cond{display: block;width: 125px;height: 40px;background: #fff;padding: 0 0 0 40px;box-sizing: border-box;box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.15);border-radius: 20px;position: absolute;right: 0;bottom: -20px;padding: 0 10px 0 40px;font-size: 14px;color: #5c5c5c;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.abo .list li .cond::before{content: "";display: block;width: 8px;height: 8px;position: absolute;background: #cb0000;border-radius: 50%;top: 16px;left: 23px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.abo .list li:hover .cond{background: #cb0000;color: #fff;}
.abo .list li:hover .cond::before{background: #fff;}
.abo .list li:nth-child(2) .cond{background: #cb0000;color: #fff;}
.abo .list li:nth-child(2) .cond::before{background: #fff;}
.new{margin: 101px 0 0;overflow: hidden;}
.new .top h3 a{display: block;font-size: 30px;color: #333;line-height: 30px;background: url(../images/t1.png) no-repeat center left;background-position-x: 202px;}
.new .top p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;margin: 13px 0 0;}
.new .top p i{color: #ca0000;font-family: Impact;}
.new .newlist{margin: 44px 0 0;position: relative;}
.new .newlist .bd li{width: 1280px;}
.new .newlist .bd li .warp{display: flex;justify-content: space-between;}
.new .newlist .bd li .warp .z1{width: 765px;display: flex;justify-content: space-between;}
.new .newlist .bd li .warp .z1 .list{width: 370px;height: 487px;border: 1px solid #e4e4e4;box-sizing: border-box;padding: 23px 20px;}
.new .newlist .bd li .warp .z1 .list .img{display: block;width: 331px;height: 245px;overflow: hidden;}
.new .newlist .bd li .warp .z1 .list .img img{width: 100%;height: 100%;object-fit: contain;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .newlist .bd li .warp .z1 .list .img img:hover{transform: scale(1.1);}
.new .newlist .bd li .warp .z1 .list .text{margin: 30px 0 0;position: relative;}
.new .newlist .bd li .warp .z1 .list .text::before{content: "";display: block;width: 15px;height: 4px;position: absolute;background: #cb0000;top: 15px;left: 0;}
.new .newlist .bd li .warp .z1 .list .text::after{content: "";display: block;width: 1px;height: 40px;position: absolute;background: #dcdcdc;top: 88px;left: 9px;}
.new .newlist .bd li .warp .z1 .list .text .cond{display:block;font-size:18px;color:#4d4d4d;line-height:32px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:64px;padding-left:27px;box-sizing:border-box;-webkit-transition:0.5s linear;transition: 0.5s linear;}
.new .newlist .bd li .warp .z1 .list .text p{font-size: 14px;color: #acacac;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 64px;padding-left: 27px;box-sizing: border-box;margin: 10px 0 0;}
.new .newlist .bd li .warp .z1 .list .data{font-size: 14px;color: #9d9d9d;line-height: 11px;margin: 18px 0 0 8px;}
.new .newlist .bd li .warp .z1 .list:hover .text .cond{color: #cb0000;}
.new .newlist .bd li .warp .z1 .list:nth-child(2) .text{margin: 0;}
.new .newlist .bd li .warp .z1 .list:nth-child(2) .img{margin: 27px 0 0;}
.new .newlist .bd li .warp .y1 .list{width: 495px;height: 152px;border: 1px solid #e4e4e4;padding: 35px;box-sizing: border-box;margin-bottom: 16px;position: relative;display: flex;justify-content: space-between;}
.new .newlist .bd li .warp .y1 .list::before{content: "YUDONG";display: block;font-family: Arial;font-size: 60px;color: #f9f9f9;line-height: 45px;font-weight: bold;position: absolute;bottom: 0;right: 0;opacity: 0;}
.new .newlist .bd li .warp .y1 .list .data{width: 55px;position: relative;margin: 10px 0 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;font-family: Arial;font-size: 14px;color: #969696;line-height: 10px;text-align: center;}
.new .newlist .bd li .warp .y1 .list .data::before{content: "";display: block;width: 53px;height: 1px;position: absolute;background: #e3e3e3;top: 40px;left: 0;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .newlist .bd li .warp .y1 .list .data::after{content: "";display: block;width: 1px;height: 70px;position: absolute;background: #e3e3e3;top: 0;left: 80px;}
.new .newlist .bd li .warp .y1 .list .data i{display: block;font-family: Arial;font-size: 49px;color: #969696;line-height: 35px;font-weight: bold;margin-bottom: 15px;}
.new .newlist .bd li .warp .y1 .list .text{width: 320px;margin: 12px 0 0;}
.new .newlist .bd li .warp .y1 .list .text .cond{display: block;font-size: 18px;color: #4d4d4d;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new .newlist .bd li .warp .y1 .list .text p{font-size: 14px;color: #acacac;line-height: 13px;margin: 15px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new .newlist .bd li .warp .y1 .list:hover{box-shadow: 0px 0px 10px 0px rgba(49, 49, 49, 0.15);}
.new .newlist .bd li .warp .y1 .list:hover::before{opacity: 1;}
.new .newlist .bd li .warp .y1 .list:hover .data i{color: #cb0000;}
.new .newlist .bd li .reg{width: 1280px;height: 129px;background: #fff;border: 1px solid #e4e4e4;box-sizing: border-box;padding: 48px 68px 0;position: relative;display: flex;justify-content: space-between;margin: 20px 0 0;}
.new .newlist .bd li .reg::before{content: "";display: block;width: 1233px;height: 7px;position: absolute;background: url(../images/line2.png) no-repeat center;top: 75px;left: 22px;}
.new .newlist .bd li .reg .list{width: 260px;position: relative;}
.new .newlist .bd li .reg .list::before{content: "";display: block;width: 30px;height: 2px;position: absolute;background: #cb0000;top: 29px;left: 50%;margin-left: -25px;}
.new .newlist .bd li .reg .list .cond{display: block;font-size: 16px;color: #555;line-height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .newlist .bd li .reg .list .data{font-size: 14px;color: #acacac;line-height: 11px;text-align: center;margin: 24px 0 0;}
.new .newlist .bd li .reg .list:hover .cond{color: #cb0000;}
.new .newlist .hd{width: 704px;height: 32px;background: url(../images/line3.png) no-repeat center;padding: 0 336px 0 112px;box-sizing: border-box;position: absolute;top: -90px;right: -321px;display: flex;justify-content: space-between;}
.new .newlist .hd li a{display: block;font-size: 18px;color: #555;padding-left: 27px;line-height: 44px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.new .newlist .hd .on a{font-weight: bold;}
.new .newlist .hd li:nth-child(1) a{background: url(../images/nt1.png) no-repeat center left;}
.new .newlist .hd li:nth-child(2) a{background: url(../images/nt2.png) no-repeat center left;}
.new .newlist .hd li:nth-child(3) a{background: url(../images/nt3.png) no-repeat center left;}
.new .newlist .hd .on:nth-child(1) a{background: url(../images/nt1s.png) no-repeat center left;}
.new .newlist .hd .on:nth-child(2) a{background: url(../images/nt2s.png) no-repeat center left;}
.new .newlist .hd .on:nth-child(3) a{background: url(../images/nt3s.png) no-repeat center left;}
.link{margin: 115px 0 34px;}
.link .contents{display: flex;justify-content: space-between;align-items: center;}
.link p{font-family: Impact;font-size: 55px;line-height: 45px;color: #464646;flex: 1;}
.link p i{font-family: Impact;color: #cb0000;}
.link .lj{flex: 0 0 53%;display: flex;flex-wrap: wrap;margin-right: 50px;margin-right: 440px;}
.link .lj a{display: block;font-size: 14px;color: #757575;line-height: 45px;-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.link .lj a i{display: inline-block;margin: 0 20px;}



.ab_list{ width:100%; float:left; position:relative; text-align:center;}
.ab_list .li_tit{ position:absolute; bottom:25%; width:100%; text-align:center; color:#fff;  line-height:78px; font-size:22px; font-weight:600}
.li_tit h4{ font-size:44px; color:#fff; position:relative; font-weight:600}
.li_tit h4:before{ position:absolute; content:""; left:50%; bottom:0; width:80px; margin-left:-40px;height:6px; background:#ff0000;}

.ab_list .list_nav{ width:100%; position:absolute; bottom:5px; float:left}
.list_nav ul{ background:#c80000; width:94%; float:left; height:80px; border-radius:10px; padding:0 3%;}
.list_nav ul a{ color:#fff; float:left; line-height:50px; margin-top:10px; border-radius:15px 30px 30px 0; padding:5px 30px; font-size:18px;}
.list_nav ul a:hover,.list_nav ul a.on{ background:#fff; color:#c80000}
.list_nav ul p{ color:#fff; font-size:16px; float:right; line-height:70px;}


.ab_ny,.hb_ny,.zp_ny{ width:100%; float:left; padding:60px 0 80px}
.ab_ny .ab_ri{ width:63%; float:right; font-size:16px; line-height:32px;}
.ab_ny .ab_ri h3{ font-size:28px; color:#333; font-weight:bold; padding-top:20px; position:relative; margin-top:15px;}
.ab_ny .ab_ri h3:before{ content:" ” "; font-family:"微软雅黑" ;position:absolute;top:0; font-size:60px; color:#c80000}
.ab_ny .ab_ri h4{ margin:20px 0; color:#c80000 }
.ab_ny .ab_fl{ width:34%; float:left; position:relative}
.ab_ny .ab_fl img{ width:100%;} 
.ab_ny .ab_fl:after{ content:""; position:absolute; bottom:-25px; left:-25px; background:#c80000; width:90%; height:90%; float:left; z-index:-1}
 
.hb_ny p,.zp_ny p{ line-height:32px; }
.zp_ny h3{ width:100%; line-height:34px; font-size:32px; color:#c80000; margin:20px 0;}
.zp_ny h4{ margin:15px 0; font-weight:600; color:#111; position:relative; text-indent:1rem; font-size:22px;s}
.zp_ny h4:after{ content:""; position:absolute; width:5px; height:20px; left:0; top:7px; background:#c80000;}




.kb{ width:100%; height:200px; float:left}
.wh,.zz,.product,.pro_n,.news,.contact{ background:#f9f9f9; float:left; width:100%; padding:40px 0; color:#333}
.wh h4,.zz h4{ text-align:center; font-size:34px; width:100%; text-align:center; position:relative; float:left}
.wh h4:after,.zz h4:after{ content:""; position:absolute; bottom:-15px; left:50%; width:80px; margin-left:-40px; height:4px; background:#ff0000}  
.wh ul{ width:100%; float:left; margin:65px 0; display: flex;justify-content:left;}
.wh ul li{  padding:40px 30px;  background:url(../images/wh_bg.png) no-repeat right bottom #fff; float:left; margin-right:30px ;}
.wh ul li:hover{ background:url(../images/wh_bg.png) no-repeat right bottom #e60f0f;}
.wh ul li span{ font-size:20px; color:#111; font-weight:600; line-height:28px; padding-left:65px; float:left}
.wh ul li span i{ font-style:normal; color:#666; font-size:14px; display:block;}
.wh ul li img{ width:55px; vertical-align:middle; margin-right:15px; float:left; margin-left:10px;}
.wh ul li p{ color:#666; font-size:16px; border-top:1px #ccc solid; margin-top:20px; line-height:34px; padding-top:20px; width:100%; float:left}
 

.wh ul li:hover p,.wh ul li:hover span,.wh ul li:hover span i{ color:#fff;}
.wh ul li:nth-child(1) span{background:url(../images/ln.png) no-repeat;  background-size:50px;}
.wh ul li:nth-child(2) span{background:url(../images/mb.png) no-repeat;  background-size:50px;}
.wh ul li:nth-child(3) span{background:url(../images/sm.png) no-repeat;  background-size:50px;}
.wh ul li:nth-child(4) span{background:url(../images/yj.png) no-repeat;  background-size:50px;}

.wh ul li:hover:nth-child(1) span{background:url(../images/ln_h.png) no-repeat;  background-size:50px;}
.wh ul li:hover:nth-child(2) span{background:url(../images/mb_h.png) no-repeat;  background-size:50px;}
.wh ul li:hover:nth-child(3) span{background:url(../images/sm_h.png) no-repeat;  background-size:50px;}
.wh ul li:hover:nth-child(4) span{background:url(../images/yj_h.png) no-repeat;  background-size:50px;}

.zz,.pro_n{ background:#fff;}
.zz ul{ width:100%; float:left; margin-top:20px;}
.zz ul li{ width:31%; float:left; margin:20px 0; box-shadow:0px 0px 8px 0px rgba(49, 49, 49, 0.16); text-align:center; line-height:36px; font-size:16px; padding:15px; box-sizing: border-box;}
.zz ul li:nth-child(3n-1){ margin:20px 2%;}
.zz ul li img{ max-width:100%; border-radius:5px; border:1px #999 solid}

.product { background:#fff}
.product ul{ width:100%; float:left;}
.product ul li{ width:32%; float:left; margin:20px 0;  line-height:36px; font-size:16px; box-shadow:0px 0px 10px 0px rgba(49, 49, 49, 0.16); background:#fff;padding:15px; box-sizing: border-box;}
.product ul li:nth-child(3n-1){ margin:20px 2%;}
.product ul li:hover{ background:#c80000}
.product ul li img{ max-width:100%; border-radius:0 0 10px 0}
.product ul li p { position:relative; width:94%; padding-left:3%;}
.product ul li p i{ position:absolute; color:#666; padding:0 10px; right:0; font-size:18px;}
.product ul li:hover p,.product ul li:hover p i{ color:#fff}
.fy{ width:100%; float:left; margin-top:20px; text-align:center;}
.fy a{ padding:8px 15px; font-size:16px; background:#eee; color:#333; margin:5px 8px;}
.fy a:hover{ background:#c80000; color:#fff;}



.b_bg{ background:#f9f9f9}
.pro_n{ background:none; padding:0 0}
.pro_n .pro_fl{ width:65%; float:left; background:#fff; padding:50px 40px}
.pro_fl .p_top{ font-size:18px; font-family:Arial; font-weight:600; margin-bottom:40px;}
.icon {transform: rotate(90deg); margin-right:8px; vertical-align:text-bottom}
.p_top i{ font-style:normal; float:right; font-size:16px; color:#666}
.pro_fl h4{ text-align:center; font-size:22px; width:100%; text-align:center; color:#c80000; font-weight:600; margin-bottom:30px; position:relative}
 
.pro_fl p{ margin:10px 0; font-size:16px; line-height:28px;}
.pro_fl .sxfy{ width:100%; float:left;margin-top:20px; border-top:1px #eee solid; padding-top:30px;}
.sxfy span{ width:50%; float:left} 
.sxfy span:nth-child(2){ float:right; text-align:right}

.sxfy .icon{ margin-right:5px;transform: rotate(0deg);}
.pro_n .pro_fr{ width:22%; float:right; background:#fff; padding:30px 2%;}
.pro_fr h4{ width:100%; float:left; position:relative; color:#c80000; font-size:22px; padding-left:15px;}
.pro_fr h4:after{ position:absolute; content:""; height:20px; width:5px; background:#c80000; left:0; top:8px;}
.pro_fr ul,.pro_fr ul li{ width:100%; float:left; margin:10px 0}
.pro_fr ul li{ border:1px #eee solid}
.pro_fr ul li p{ color:#333;  padding:0 15px; box-sizing: border-box;font-size:16px; overflow:hidden; height:34px; line-height:34px; margin-bottom:10px}
.pro_fr ul li img{ width:100%;}
.news ul{ float:left; width:100%;margin-bottom:40px;}
.news ul li{ width:31%; float:left; margin:35px 0;border-top: 1px solid #e4e4e4; padding-top:40px }
.news ul li:hover{ border-top:1px #c80000 solid}
.news ul li:nth-child(3n-1){ margin:35px 3.5%}
.news ul li .time {display: block;font-size: 16px;line-height: 1.4em;color: #333}
.news ul li .line { display:block;transform: translate(0,0);margin-top: 12px;width: 24px;height: 2px;background-color: #c80000;transition: transform .3s;}
.news ul li .list-title {margin-top: 18px;font-size: 24px;line-height: 1.4em;color: #333333;transition: color .3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul li .list-des {margin-top: 36px;-webkit-line-clamp: 3;font-size: 15px;line-height: 1.86em;color: #888888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news ul li:hover  .list-title{ color:#c80000}


.contact .contents{ position:relative;text-align:right}
.contact .lxfs{ position:absolute; left:0; bottom:20px; background:#c80000; color:#fff; padding:20px 30px; text-align:left; font-size:16px; line-height:38px; border-radius:15px;}