@charset "utf-8";
 
.dx{text-transform: uppercase;}
.dh{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearboth::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
@keyframes huanying1{0%{  left: 0;  opacity: 1;}
  100%{  left: 15px;  opacity: 0;}
}
@keyframes huanying2{0%{  opacity: 0;  left: -10px;}
  100%{  left: 0;  opacity: 1;}
}
@keyframes jello{from,
  11.1%,
  to{  -webkit-transform: none;  -moz-transform: none;  transform: none;}
  22.2%{  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);  -moz-transform: skewX(-12.5deg) skewY(-12.5deg);  transform: skewX(-12.5deg) skewY(-12.5deg);}
  33.3%{  -webkit-transform: skewX(6.25deg) skewY(6.25deg);  -moz-transform: skewX(6.25deg) skewY(6.25deg);  transform: skewX(6.25deg) skewY(6.25deg);}
  44.4%{  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);  -moz-transform: skewX(-3.125deg) skewY(-3.125deg);  transform: skewX(-3.125deg) skewY(-3.125deg);}
  55.5%{  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);  -moz-transform: skewX(1.5625deg) skewY(1.5625deg);  transform: skewX(1.5625deg) skewY(1.5625deg);}
  66.6%{  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);  -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);  transform: skewX(-0.78125deg) skewY(-0.78125deg);}
  77.7%{  -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);  -moz-transform: skewX(0.390625deg) skewY(0.390625deg);  transform: skewX(0.390625deg) skewY(0.390625deg);}
  88.8%{  -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
body *:before,
body *:after{-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.swiper-container{cursor: url(../images/gesture.png), default;}
.swiper-container img{cursor: url(../images/gesture.png), default;}
.fudongdiv{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sjcTop,
.sjcTop2,
.sjcBottom,
.sjcLeft,
.sjcRight,
.bg,
.leftWow,
.rightWow,
.bottomWow{-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{  -webkit-transform: translateY(6px);  transform: translateY(6px);}
  33.3%{  -webkit-transform: translateY(-5px);  transform: translateY(-5px);}
  49.95%{  -webkit-transform: translateY(4px);  transform: translateY(4px);}
  66.6%{  -webkit-transform: translateY(-2px);  transform: translateY(-2px);}
  83.25%{  -webkit-transform: translateY(1px);  transform: translateY(1px);}
  100%{  -webkit-transform: translateY(0);  transform: translateY(0);}
}
@keyframes hvr-icon-wobble-vertical{16.65%{  -webkit-transform: translateY(6px);  transform: translateY(6px);}
  33.3%{  -webkit-transform: translateY(-5px);  transform: translateY(-5px);}
  49.95%{  -webkit-transform: translateY(4px);  transform: translateY(4px);}
  66.6%{  -webkit-transform: translateY(-2px);  transform: translateY(-2px);}
  83.25%{  -webkit-transform: translateY(1px);  transform: translateY(1px);}
  100%{  -webkit-transform: translateY(0);  transform: translateY(0);}
}
.banner{position: relative;}
.banner video{width: 100% !important;}
.banner *{-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.banner .bannerSwiper{overflow: hidden;}
.banner .bannerSwiper img{display: block;width: 100%;object-fit: cover;}
.banner .banner-pagination{font-size: 0;position: absolute;width: auto;right: 50%;margin-right: -150px;bottom: 50px;z-index: 3;width: 300px;text-align: center;}
.banner .banner-pagination span{display:inline-block;border:1px #d05202 solid;opacity: 1;padding: 2px;border-radius: 100%;background: #fff;width: auto;height: auto;margin: 0 10px !important;cursor: pointer;outline: none;}
.banner .banner-pagination span::before{content: "";display: block;border-radius: 100%;background: #d05202;width: 8px;height: 8px;opacity: 0;filter: alpha(opacity=0);}
.banner .banner-pagination span.swiper-pagination-bullet-active::before{opacity: 1;filter: alpha(opacity=100);}
.banner .banner-prev{position: absolute;z-index: 30;top: 50%;left: -45px;width: 40px;height: 40px;text-indent: -9999px;margin-top: -20px;background: url(../images/arrowPrev.png) 50% 50% no-repeat;transition: all 0.5s linear;cursor: pointer;outline: none;}
.banner:hover .banner-prev{left: 3%;}
.banner .banner-next{position: absolute;z-index: 30;top: 50%;right: -45px;width: 40px;height: 40px;text-indent: -9999px;margin-top: -20px;background: url(../images/arrowNext.png) 50% 50% no-repeat;transition: all 0.5s linear;cursor: pointer;outline: none;}
.banner:hover .banner-next{right: 3%;}
.title{line-height: 1;}
.title i{display: block;font-size: 48px;line-height: 35px;font-weight: bold; }
.title i em{display: inline-block;font-weight: bold;color:#f67524;text-transform: uppercase;margin-right: 2px;}
.title span{display: block;margin-top: 18px;}
.title span b{display: inline-block;padding: 0 4px;vertical-align: bottom;line-height: 1;font-weight: normal;font-size: 30px;padding-bottom: 3px;position: relative;z-index: 1;}
.title span b::before{content: "";display: block;position: absolute;z-index: -1;height: 6px;background-color:#f67524;width: 100%;left: 0;bottom: 0;}
.title span em{font-size: 16px;display: inline-block;vertical-align: bottom;margin-left: 5px;color: #999999;}
.titBox::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.titBox .title{float: left;}
.titBox .moreLink,.titBox .moreLink1{float: right;width: 216px;height: 66px;background-color: #ffffff;border-radius: 33px;border: solid 1px #e9e9e9;margin-top: 6px;line-height: 64px;padding-right: 58px;padding-left: 38px;font-size: 16px;position: relative;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.titBox .moreLink1{ width:185px; padding-left:30px;}

.titBox .moreLink i,.titBox .moreLink1 i{min-width: 5px;}
.titBox .moreLink::before,.titBox .moreLink1::before{content: "";display: block;position: absolute;width: 50px;height: 50px;background: url(../images/morear.png) center center no-repeat;background-color: #e15803;border-radius: 100%;right: 7px;top: 7px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.titBox .moreLink:hover,.titBox .moreLink1{border-color: #e15803;color: #e15803;box-shadow: 0 10px 10px -5px rgba(185, 21, 33, 0.5);}

.product {padding:50px 0;}
.product .proNav {margin-top: 56px;}
.product .proNav::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.product .proNav ul{display: flex;justify-content: space-between;}
.product .proNav ul li{float: left;}
.product .proNav ul li a{display: block;width: 190px;height: 190px;background-color: #ffffff;box-shadow: 2px 3px 57px 0px rgba(185, 21, 33, 0.05);border-radius: 25px;position: relative;overflow: hidden;z-index: 1;text-align: center;padding: 38px 5px 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proNav ul li a::before{content: "";display: block;position: absolute;z-index: -1;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/pronavlibg.jpg) center 0 no-repeat;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
.product .proNav ul li a i{display: block;width: 66px;height: 66px;background-color: #fff;border-radius: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;position: relative;overflow: hidden;margin: auto;}
.product .proNav ul li a i img{max-width: 100%;max-height: 100%;display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.product .proNav ul li a span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;margin-top: 25px;height: 28px;line-height: 28px;}
.product .proNav ul li:hover a,
.product .proNav ul li.on a{color: #fff;}
.product .proNav ul li:hover a::before,
.product .proNav ul li.on a::before{opacity: 1;filter: alpha(opacity=100);}
.product .proNav ul li:hover a i,
.product .proNav ul li.on a i{background-color: #fdfdfd;}
.product .proNav ul li:hover a i img,
.product .proNav ul li.on a i img{-webkit-animation: hvr-icon-wobble-vertical 1s;-moz-animation: hvr-icon-wobble-vertical 1s;animation: hvr-icon-wobble-vertical 1s;}
.product .proNav ul li:hover a span,
.product .proNav ul li.on a span{font-weight: bold;}
.product .proNav .tel{height: 26px;line-height: 26px;margin-top: 216px;font-family: Arial;font-size: 20px;text-align: center;}
.product .proNav .tel::before{content: "";display: inline-block;width: 28px;height: 26px;vertical-align: bottom;margin-right: 15px;-webkit-animation: msClock2 1.5s linear infinite;animation: msClock2 1.5s linear infinite;background: url(../images/protel.png) center center no-repeat;}
.product .proNav .zxLink{display: block;margin: auto;margin-top: 26px;width: 160px;height: 50px;background-color: #ffc355;border-radius: 25px;text-align: center;line-height: 50px;box-shadow: 0 0 0 5px rgba(185, 21, 33, 0.2);font-size: 16px;color: #fff;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proNav .zxLink:hover{background-color:#f67524;box-shadow: 0 0 0 8px rgba(185, 21, 33, 0.2);}
.product .proList{margin-top: 30px;}
.product .proList ul{margin-right: -50px;}
.product .proList ul::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.product .proList ul li{float: left;margin-right: 50px;margin-top: 30px;}
.product .proList ul li .item{position: relative;width: 400px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proList ul li .item .pic{display: block;width: 100%;height: 322px;background-color: #ffffff;border-radius: 5px;border: solid 1px #eeeeee;position: relative;overflow: hidden;padding: 5px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proList ul li .item .pic i{display: block;position: relative;overflow: hidden;width: 100%;height: 100%;border-radius: 2px;}
.product .proList ul li .item .pic img{display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proList ul li .item .num{position: absolute;z-index: 2;left: 6px;top: 6px;width: 66px;height: 46px;background-color: rgba(255, 255, 255, 0.8);line-height: 46px;text-align: center;font-family: Arial;font-size: 18px;}
.product .proList ul li .item .tt{position: relative;height: 58px;line-height: 58px;margin-top: 10px;background-color: #f3f3f3;overflow: hidden;padding-right: 87px;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #f67524, #e25a05);background-image: linear-gradient(to right, #f67524, #e25a05);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;background-position: left center;border-radius: 5px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proList ul li .item .tt .more{position: absolute;right: 0;top: 0;height: 58px;width: 82px;border-left: 5px solid #fff;}
.product .proList ul li .item .tt .more::before{content: "";display: block;width: 100%;height: 100%;background: url(../images/proli.png) center center no-repeat;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proList ul li .item .tt .bt{font-size: 18px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.product .proList ul li .item .tt .bt:hover{-webkit-transform: translateX(5px);transform: translateX(5px);}
.product .proList ul li .item:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.product .proList ul li .item:hover .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.product .proList ul li .item:hover .tt{background-size: 100% 100%;}
.product .proList ul li .item:hover .tt .bt{color: #fff;}
.product .proList ul li .item:hover .tt .more::before{background-image: url(../images/prolih.png);animation: zyfd 1.5s linear infinite;}
.youshi{background: url(../images/ysbg.jpg) center 0 no-repeat;}
.youshi .ysBox{height:740px;}
.youshi .ysTit{height: 274px;padding-top: 70px;}
.youshi .ysTit .title i{color: #fff;letter-spacing: 13px;-webkit-transform: skewX(0);-moz-transform: skewX(0);-o-transform: skewX(0);transform: skewX(0);}
.youshi .ysTit .title i::first-letter{color:#f67524;-webkit-transform: skewX(0);-moz-transform: skewX(0);-o-transform: skewX(0);transform: skewX(0);}
.youshi .ysTit .title span{margin-top: 26px;}
.youshi .ysTit .title span b{padding: 0;color: #fff;padding-bottom: 6px;}
.youshi .ysTit .title span b::before{height: 1px;background-color: #fff;}
.youshi .ysTit .title span em{margin-left: 12px;}
.youshi .tel{color: #fff;position: absolute;z-index: 2;right: 0;top: 56px;height: 35px;line-height: 35px;color: #ffffff;font-size: 18px;}
.youshi .tel::before{content: "";display: inline-block;width: 33px;height: 35px;vertical-align: top;margin-right: 18px;-webkit-animation: msClock2 1.5s linear infinite;animation: msClock2 1.5s linear infinite;background: url(../images/ystel.png) center center no-repeat;}
.youshi .tel i{display: inline-block;vertical-align: top;font-family: Arial;font-size: 30px;}
.youshi .zxLink{display: block;position: absolute;z-index: 2;right: 0;top: 110px;width: 210px;height: 56px;background-color:#f67524;border-radius: 28px;line-height: 56px;text-align: center;font-size: 18px;color: #ffffff;overflow: hidden;z-index: 1;}
.youshi .zxLink::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 28px;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.6, 0.6, 1);transform: scale3d(0.6, 0.6, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);box-sizing: border-box;}
.youshi .zxLink::after{content: "";display: inline-block;vertical-align: middle;position: relative;top: -2px;width: 22px;height: 22px;margin-left: 18px;background: url(../images/zxico.png) center center no-repeat;}
.youshi .zxLink:hover{background: none;color: #fff;box-shadow: 0 10px 10px -5px rgba(255, 255, 255, 0.5);}
.youshi .zxLink:hover::before{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;}
.youshi .zxLink:hover::after{-webkit-animation: hvr-icon-wobble-vertical 1s;-moz-animation: hvr-icon-wobble-vertical 1s;animation: hvr-icon-wobble-vertical 1s;}
.youshi .ysCont{width: 615px;float: left;}
.youshi .ysCont .bd{overflow: hidden;height: 318px;}
.youshi .ysCont .bd ul li .item{height: 318px;padding-top: 36px;position: relative;}
.youshi .ysCont .bd ul li .item *{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.youshi .ysCont .bd ul li .item .tit{line-height: 1;font-size: 24px;font-weight: bold;}
.youshi .ysCont .bd ul li .item .tit i{display: inline-block;vertical-align: bottom;font-family: Arial;font-size: 14px;margin-left: 15px;color: #999999;line-height: 12px;text-transform: uppercase;}
.youshi .ysCont .bd ul li .item .line{margin-top: 16px;font-size: 0;}
.youshi .ysCont .bd ul li .item .line::before{content: "";width: 18px;height: 3px;background-color: #f67524;border-radius: 2px;display: inline-block;vertical-align: top;}
.youshi .ysCont .bd ul li .item .line::after{content: "";width: 8px;height: 3px;background-color:#f67524;border-radius: 2px;display: inline-block;vertical-align: top;margin-left: 3px;}
.youshi .ysCont .bd ul li .item .text{line-height:32px;font-size: 16px;margin-top: 30px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.youshi .ysCont .bd ul li .item:hover .tit{-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.youshi .ysCont .bd ul li .item:hover .line{-webkit-transform: translateY(-6px);transform: translateY(-6px);}
.youshi .ysCont .bd ul li .item:hover .text{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
.youshi .ysPic{float: right;width: 618px;height:420px;background-color: #ffffff; padding: 15px; bordeR:1px #f5f5f5 solid}
.youshi .ysPic .bd{overflow: hidden;position: relative; width: 586px;height:385px;}
.youshi .ysPic .bd ul li{width: 586px; position: relative;}
.youshi .ysPic .bd ul li img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.youshi .ysPic .bd ul li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.youshi .hd{position: absolute;z-index: 3;left: 0;bottom:55px;width: 805px;height: 80px;overflow: hidden;border-radius: 20px;}

.youshi .hd ul li{float: left;cursor: pointer;position: relative;text-align: center;margin-left: -1px;width: 202px;height:80px; background-image: linear-gradient(90deg, #f4f4f4 0%, #ffffff 100%);border: solid 1px #eeeeee;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.youshi .hd ul li::before{content:"";display:block;position:absolute;width:202px;height:80px;left:-1px;top:-1px;background-color:#f67524;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.youshi .hd ul li i{display: block;width: 68px;height: 68px;border: solid 3px #eeeeee;border-radius: 50%;overflow: hidden;margin: auto;position: relative;z-index: 2;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.youshi .hd ul li i:before,
.youshi .hd ul li i:after{content: "";display: block;width: 100%;height: 100%;position: relative;top: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.youshi .hd ul li h4{font-size: 16px;line-height: 1;margin-top: 30px;position: relative;z-index: 2;}
.youshi .hd ul li:hover,
.youshi .hd ul li.on{color: #fff;}
.youshi .hd ul li:hover i,
.youshi .hd ul li.on i{border-color: rgba(255, 255, 255, 0.5);}
.youshi .hd ul li:hover i:before,
.youshi .hd ul li.on i:before,
.youshi .hd ul li:hover i:after,
.youshi .hd ul li.on i:after{top: -100%;}
.youshi .hd ul li:hover::before,
.youshi .hd ul li.on::before{opacity: 1;filter: alpha(opacity=100);}
.youshi .ysimg{position: absolute;width: 278px;height: 214px;bottom: -38px;right: -82px;pointer-events: none;background: url(../images/ysimg.png) 0 center no-repeat;}
.youshi .ysimg2{position: absolute;width: 338px;height: 274px;bottom: 69px;left: -330px;pointer-events: none;background: url(../images/ysimg2.png) 0 center no-repeat;}
.xgcs{ position:relative; margin:10px 0; text-indent:16px; font-weight:600}
.xgcs:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 12px;
    width: 10px;
    height: 10px;
    border: 1px solid #eb3d3e;
    border-radius: 50%;
}


.case{padding: 80px 0 ;background: url(../images/casebg.jpg) center 0 no-repeat;}
.case .tt{float: right;width: 466px;height: 68px;background-color: #ffffff;border-radius: 5px;border: solid 1px #ececec;margin-top: 12px;margin-right: 10px;padding: 9px 9px 9px 0;line-height: 48px;position: relative;}
.case .tt::before{content: "";display: block;position: absolute;z-index: -1;left: 8px;top: 6px;width: 467px;height: 68px;background-color: #ffffff;border-radius: 5px;border: solid 1px #eeeeee;}
.case .tt .tel{font-size: 18px;float: left;width: 298px;text-align: center;}
.case .tt .zxLink{float:right;width:156px;height:48px;background:#f67524;border-radius:5px;line-height:48px;text-align:center;color:#fff;font-size: 18px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .tt .zxLink::before{content: "";display: inline-block;vertical-align: top;height: 48px;width: 26px;margin-right: 12px;background: url(../images/zxico2.png) 0 center no-repeat;}
.case .tt .zxLink:hover{box-shadow: 0 10px 10px -5px rgba(185, 21, 33, 0.5);}
.case .tt .zxLink:hover::before{-webkit-animation: hvr-icon-wobble-vertical 1s;-moz-animation: hvr-icon-wobble-vertical 1s;animation: hvr-icon-wobble-vertical 1s;}
.case .caseTabs{position: relative;margin-top: 50px;padding-right: 62px;}
.case .caseTabs .bd{overflow: hidden;height: 400px;}
.case .caseTabs .bd ul li .item{height: 400px;}
.case .caseTabs .bd ul li .item::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.case .caseTabs .bd ul li .item .pic{display: block;float: left;width: 622px;height: 400px;border-radius: 25px;border: solid 1px #eeeeee;position: relative;overflow: hidden;padding: 9px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseTabs .bd ul li .item .pic i{display: block;width: 100%;height: 100%;border-radius: 15px;position: relative;overflow: hidden;}
.case .caseTabs .bd ul li .item .pic img{display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseTabs .bd ul li .item .cont{float: right;width: 545px;padding-top: 36px;position: relative;}
.case .caseTabs .bd ul li .item .cont .num{position: absolute;right: 36px;top: 25px;font-family: "STXingkai";font-size: 121px;line-height: 77px;color: #eeeeee;}
.case .caseTabs .bd ul li .item .cont .bt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 22px;height: 42px;line-height: 42px;margin-right: 140px;background-image: -webkit-gradient(linear, right top, left top, from(#333), color-stop(49.99%, #333), color-stop(50%,#f67524), to(#b91521));background-image: linear-gradient(-90deg, #333 0%, #333 49.99%,#f67524 50%,#f67524 100%);background-size: 210%;background-repeat: no-repeat;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-position: 100%;-webkit-transition: all 0.6s ease-out;transition: all 0.6s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseTabs .bd ul li .item .cont .bt:hover{-webkit-transform: translateX(5px);transform: translateX(5px);}
.case .caseTabs .bd ul li .item .cont .line{width: 25px;height: 4px;background-color:#f67524;margin-top: 3px; margin-bottom:20px}

.case .caseTabs .bd ul li .item .cont p{ line-height:28px;margin-top:15px;color: #666666;font-size: 16px; position:relative; padding-left:20px;}
.case .caseTabs .bd ul li .item .cont p:before{ background:url(../images/newslih.png) no-repeat; width:12px; height:12px; position:absolute; float:left; content:""; top:8px; left:0}

.case .caseTabs .bd ul li .item .cont .en{font-size: 60px;color: #fff;-webkit-text-stroke: 1px #ffdfe2;line-height: 46px;margin-top: 42px;letter-spacing: 38px;text-transform: uppercase;}
.case .caseTabs .bd ul li .item .cont .more{width: 222px;height: 60px;border-radius: 35px;display: block;margin-top: 50px;text-align: center;line-height: 60px;color: #fff;background-color: #332f3e;box-shadow: 0 0 0 5px #ececec;font-size: 16px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseTabs .bd ul li .item .cont .more::after{content: "+";font-size: 20px;display: inline-block;vertical-align: top;margin-left: 30px;}
.case .caseTabs .bd ul li .item .cont .more:hover{background-color:#f67524;box-shadow: 0 0 0 5px rgba(185, 21, 33, 0.3);}
.case .caseTabs .bd ul li .item:hover .pic{border-color:#f67524;}
.case .caseTabs .bd ul li .item:hover .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.case .caseTabs .bd ul li .item:hover .cont .bt{color:#f67524;background-position: 0;}
.case .caseTabs .bd ul li .item:hover .cont p{background-position: 0;}
.case .caseTabs .hd{position: absolute;top: 32px;z-index: 2;right: 0;width: 22px;line-height: 22px;padding-top: 190px;background: url(../images/casepage.png) center 0 no-repeat;}
.case .caseTabs .hd .en{text-transform: uppercase;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;-ms-writing-mode: vertical-rl;writing-mode: tb-rl;font-family: Arial;font-size: 14px;color: #999999;position: absolute;left: 0;top: 120px;}
.case .caseTabs .hd ul li{width: 24px;height: 24px;border-radius: 100%;border: solid 2px transparent;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;position: relative;cursor: pointer;}
.case .caseTabs .hd ul li::before{content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 6px;height: 6px;background-color: #2a2d34;border-radius: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseTabs .hd ul li:hover,
.case .caseTabs .hd ul li.on{border-color:#f67524;}
.case .caseTabs .hd ul li:hover::before,
.case .caseTabs .hd ul li.on::before{background-color:#f67524;}
.case .caseList{margin-top: 28px;}
.case .caseList ul{margin-right: -50px;}
.case .caseList ul::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.case .caseList ul li{float: left;margin-top: 40px;margin-right: 50px;width: 400px;height: 184px;background-color: #ffffff;border-radius: 25px;border: solid 1px #eeeeee;padding-top: 38px;padding-left: 24px;padding-right: 210px;position: relative;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseList ul li .pic{display: block;width: 158px;height: 158px;border-radius:15px;position: absolute;overflow: hidden;top: -14px;right: 30px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;box-shadow: 0 10px 0 0 #f0f0f0;}
.case .caseList ul li .pic img{display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseList ul li .cont .bt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;height: 38px;line-height: 38px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseList ul li .cont .bt:hover{-webkit-transform: translateX(5px);transform: translateX(5px);}
.case .caseList ul li .cont .en{text-transform: uppercase;font-size: 14px;line-height: 1;color: #666666;font-family: "Times New Roman", Times, Baskerville, Georgia, serif;}
.case .caseList ul li .cont .more{display: inline-block;vertical-align: top;margin-top: 35px;font-family: "Times New Roman", Times, Baskerville, Georgia, serif;position: relative;color: #999999;text-transform: uppercase;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseList ul li .cont .more:hover{-webkit-transform: translateX(5px);transform: translateX(5px);}
.case .caseList ul li .cont .more::before{content: "";display: block;position: absolute;left: 33px;top: 12px;width: 66px;height: 1px;background-color: #eeeeee;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left,#f67524,#f67524);background-image: linear-gradient(to right,#f67524,#f67524);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;background-position: left center;}
.case .caseList ul li .cont .more i{display: inline-block;vertical-align: top;border-radius: 100%;width: 24px;height: 24px;border: solid 1px #eeeeee;position: relative;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseList ul li .cont .more i::before{content: "";width: 10px;height: 10px;background-color: #eeeeee;display: block;position: absolute;border-radius: 100%;left: 0;top: 0;bottom: 0;right: 0;margin: auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case .caseList ul li .cont .more span{display: inline-block;vertical-align: top;font-size: 14px;margin-left: 90px;}
.case .caseList ul li:hover{border-color: transparent;box-shadow: 0px 0px 51px 0px rgba(2, 2, 2, 0.05);}
.case .caseList ul li:hover .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.case .caseList ul li:hover .cont .bt{color:#f67524;}
.case .caseList ul li:hover .cont .more{color:#f67524;}
.case .caseList ul li:hover .cont .more::before{background-size: 100% 100%;}
.case .caseList ul li:hover .cont .more i{border: 1px dashed#f67524;}
.case .caseList ul li:hover .cont .more i::before{background-color:#f67524;}

.message{padding: 80px 0 65px;background-color: #332f3e;}
.message .formbox{height: 60px;}
.message .formbox label{display: block;float: left;position: relative;}
.message .formbox input{display: block;border: none;background: none;width: 220px;height: 60px;border: solid 1px #5f5a6c;line-height: 70px;font-size: 15px;font-weight: normal;color: #fff;position: relative;padding-left: 50px;padding-right: 10px;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.message .formbox input.username{background: url(../images/inpxm.png) 16px center no-repeat;margin-right: 17px;}
.message .formbox input.usertel{background: url(../images/inpdh.png) 16px center no-repeat;margin-right: 17px;}
.message .formbox input.xqcontent{background: url(../images/inpnr.png) 16px center no-repeat;margin-right: 17px;width: 392px;}
.message .formbox input.codeText{background: url(../images/inpyzm.png) 16px center no-repeat;width: 244px;}
.message .formbox input::-webkit-input-placeholder{color: #ffffff;font-weight: normal;font-size: 14px;opacity: 1;}
.message .formbox input::-moz-placeholder{color: #ffffff;font-weight: normal;font-size: 14px;opacity: 1;}
.message .formbox input:-ms-input-placeholder{color: #ffffff;font-weight: normal;font-size: 14px;opacity: 1;}
.message .formbox input:focus,
.message .formbox input:active{border-color: #ffffff;z-index: 2;}
.message .formbox input:focus::-webkit-input-placeholder,
.message .formbox input:active::-webkit-input-placeholder{opacity: 0.6;filter: alpha(opacity=60);}
.message .formbox input:focus::-moz-placeholder,
.message .formbox input:active::-moz-placeholder{opacity: 0.6;filter: alpha(opacity=60);}
.message .formbox input:focus:-ms-input-placeholder,
.message .formbox input:active:-ms-input-placeholder{opacity: 0.6;filter: alpha(opacity=60);}
.message .formbox .code{position: relative;display: block;float: left;}
.message .formbox .code .imgCode{position: absolute;right: 10px;top: 11px;width: 93px;height: 36px;border: none;display: block;z-index: 2;}
.message .formbox .submitform{display: block;float: right;width: 150px;height: 60px;background-color:#f67524;border-radius: 30px;text-align: center;line-height: 60px;color: #fff;font-size: 18px;overflow: hidden;border: none;z-index: 1;position: relative;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.message .formbox .submitform::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #fff;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.6, 0.6, 1);transform: scale3d(0.6, 0.6, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);box-sizing: border-box;}
.message .formbox .submitform:hover{background: none;color: #fff;box-shadow: 0 10px 10px -5px rgba(255, 255, 255, 0.5);}
.message .formbox .submitform:hover::before{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;}
.about{overflow: hidden; width:100%;background: url(../images/aboutbg.jpg) 0 80px  no-repeat #332f3e;height: 875px; padding-top:80px; }
.about .aboutBox{height: 610px;padding-top: 70px;}
.about .aboutText{float: right;width: 580px;padding-top: 32px;}
.about .aboutText .tit{line-height: 1;font-size: 20px;font-weight: bold;margin-top: 57px;}
.about .aboutText .text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 42px;height: 126px;font-size: 16px;margin-top: 25px;}
.about .aboutText .more{width: 222px;height: 60px;border-radius: 35px;display: block;margin-top: 48px;margin-left: 5px;text-align: center;line-height: 60px;color: #fff;background-color: #332f3e;box-shadow: 0 0 0 5px #ececec;font-size: 16px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about .aboutText .more::after{content: "+";font-size: 20px;display: inline-block;vertical-align: top;margin-left: 30px;}
.about .aboutText .more:hover{background-color:#f67524;box-shadow: 0 0 0 5px rgba(185, 21, 33, 0.3);}
.about .aboutPic{float: left;width: 658px;position: relative;}
.about .aboutPic > div{position: absolute;overflow: hidden;width: 658px;height: 507px;left: 0;top: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about .aboutPic > div img{display: block;width: 100%;height: 100%;object-fit: contain;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.about .aboutPic .pic{position: relative;z-index: 3;}
.about .aboutPic .img2{opacity: 0.13;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;-o-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;filter: blur(2px);z-index: 0;}
.about .aboutPic .img3{opacity: 0.08;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;-o-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;filter: blur(4px);z-index: 1;}
.about .aboutPic .img4{opacity: 0.05;-webkit-transform-origin: center bottom;-moz-transform-origin: center bottom;-o-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;filter: blur(6px);z-index: 2;}
.about .number{height: 180px;background-color: #ffffff;box-shadow: 0px 0px 18px 0px rgba(2, 2, 2, 0.03);border-radius:30px;}
.about .number ul{display: flex;justify-content: space-between;padding: 0 105px;}
.about .number ul li{float: left;}
.about .number ul li.line{width: 1px;height: 70px;background-color: #ececec;margin-top: 50px;}
.about .number ul li .box{display: inline-block;vertical-align: top;height: 180px;padding-top: 47px;}
.about .number ul li .box h4{line-height: 1;font-size: 16px;}
.about .number ul li .box p{margin-top: 28px;}
.about .number ul li .box p i{font-family: Arial;font-size: 56px;line-height: 42px;font-weight: bold;display: inline-block;vertical-align: top;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;min-width: 80px;}
.about .number ul li .box p em{display: inline-block;vertical-align: top;border-radius: 100%;width: 32px;height: 32px;border: dashed 1px#f67524;position: relative;top: -20px;z-index: 1;overflow: hidden;color: #fff;line-height: 30px;text-align: center;font-family: Arial;font-size: 16px;margin-left: 8px;}
.about .number ul li .box p em::before{content: "";width: 24px;height: 24px;background-color:#f67524;border-radius: 100%;z-index: -1;display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.about .number ul li .box p em.em{font-family: SimSun;}
.about .number ul li.on .box p i{color:#f67524;}
.news{padding: 70px 0 75px;}
.news .newsTab::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.news .newsTab .title{float: left;}
.news .newsTab ul{float: right;margin-top: 35px;margin-bottom: -10px;}
.news .newsTab ul li{float: left;margin-left: 102px;position: relative;}
.news .newsTab ul li:first-child{margin-left: 0;}
.news .newsTab ul li a{display: block;position: relative;line-height: 38px;font-size: 16px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsTab ul li a i{display: inline-block;vertical-align: middle;position: relative;top: -2px;width: 18px;height: 18px;border: solid 1px #c9c9c9;border-radius: 100%;margin-right: 16px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsTab ul li a i::before{content: "";display: block;width: 6px;height: 6px;background-color: transparent;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;border-radius: 100%;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsTab ul li:hover a i,
.news .newsTab ul li.on a i{border-color:#f67524;}
.news .newsTab ul li:hover a i::before,
.news .newsTab ul li.on a i::before{background-color:#f67524;}
.news .newsTabs{margin-top: 58px;position: relative;margin-left: -25px;margin-right: -25px;z-index: 1;}
.news .newsTabs .bd{overflow: hidden;}
.news .newsList{overflow: hidden;}
.news .newsList .list1 ul::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.news .newsList .list1 ul li{float: left;width: 400px;margin: 0 25px;}
.news .newsList .list1 ul li .pic{display: block;width: 100%;height: 280px;border-radius: 15px;position: relative;overflow: hidden;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsList .list1 ul li .pic img{display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsList .list1 ul li .cont{padding-top: 32px;}
.news .newsList .list1 ul li .cont .bt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;height: 38px;line-height: 38px;background-image: -webkit-gradient(linear, right top, left top, from(#333), color-stop(49.99%, #333), color-stop(50%,#f67524), to(#b91521));background-image: linear-gradient(-90deg, #333 0%, #333 49.99%,#f67524 50%,#f67524 100%);background-size: 210%;background-repeat: no-repeat;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-position: 100%;-webkit-transition: all 0.6s ease-out;transition: all 0.6s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsList .list1 ul li .cont .bt:hover{-webkit-transform: translateX(5px);transform: translateX(5px);}
.news .newsList .list1 ul li .cont p{margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;height: 60px;font-size: 15px;color: #999999;background-image: -webkit-gradient(linear, right top, left top, from(#999999), color-stop(49.99%, #999999), color-stop(50%, #555), to(#555));background-image: linear-gradient(-90deg, #999999 0%, #999999 49.99%, #555 50%, #555 100%);background-size: 210%;background-repeat: no-repeat;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-position: 100%;-webkit-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
.news .newsList .list1 ul li .cont .inBtn{margin-top: 15px;border-top: 1px solid #ececec;padding-top: 20px;line-height: 46px;}
.news .newsList .list1 ul li .cont .inBtn::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.news .newsList .list1 ul li .cont .inBtn .date{float: left;font-family: Arial;font-size: 15px;color: #666666;padding-left: 25px;background: url(../images/date.png) 0 center no-repeat;}
.news .newsList .list1 ul li .cont .inBtn .more{float: right;display: block;padding: 0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsList .list1 ul li .cont .inBtn .more::after{content: "";display: inline-block;vertical-align: middle;position: relative;top: -1px;border-left: 9px solid #333;border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-left: 12px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsList .list1 ul li .cont .inBtn .more i{min-width: 3px;}
.news .newsList .list1 ul li:hover .pic img,
.news .newsList .list1 ul li.on .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.news .newsList .list1 ul li:hover .cont .bt,
.news .newsList .list1 ul li.on .cont .bt{color:#f67524;background-position: 0;}
.news .newsList .list1 ul li:hover .cont p,
.news .newsList .list1 ul li.on .cont p{background-position: 0;}
.news .newsList .list1 ul li:hover .cont .inBtn .more,
.news .newsList .list1 ul li.on .cont .inBtn .more{color: #fff;padding: 0 20px;background-color:#f67524;box-shadow: 0px 0px 23px 1px rgba(185, 21, 33, 0.13);border-radius: 23px;}
.news .newsList .list1 ul li:hover .cont .inBtn .more::after,
.news .newsList .list1 ul li.on .cont .inBtn .more::after{border-left: 9px solid #fff;}
.news .newsList .list2{margin-top: 56px;height: 152px;background-color: #ffffff;border: solid 1px #e5e5e5;overflow: hidden;margin-left: 25px;margin-right: 25px;}
.news .newsList .list2 ul::after{content: "";display: block;clear: both;font-size: 0;line-height: 0;}
.news .newsList .list2 ul li{float: left;width: 388px;border-bottom: dashed 1px #e5e5e5;margin: 0 22px;height: 75px;line-height: 74px;padding-right: 50px;top: 1px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;position: relative;}
.news .newsList .list2 ul li::after{content: "";position: absolute;background:#f67524;width: 100%;height: 1px;z-index: 1;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;bottom: -1px;left: 0;transition: transform 0.7s;transform: scaleX(0);transform-origin: right;}
.news .newsList .list2 ul li:hover::after{transform: scaleX(1);transform-origin: left;}
.news .newsList .list2 ul li .bt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;padding-left: 22px;background: url(../images/newsli.png) 0 center no-repeat;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .newsList .list2 ul li .bt:hover{color:#f67524;-webkit-transform: translateX(5px);transform: translateX(5px);}
.news .newsList .list2 ul li .date{position: absolute;right: 0;top: 0;font-family: Arial;font-size: 15px;color: #999999;}
.news .newsList .list2 ul li:hover .bt{color:#f67524;background-image: url(../images/newslih.png);}