@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 {-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.bg {-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;position:absolute;z-index:-1;left:0;top:-10%;display:block;width:100%;height:110%;}
.banner {position:relative;z-index:1;height:730px;}
.banner .slider {width:100% !important;height:730px;top:0;overflow:hidden;position:relative;z-index:1;}
.banner .slider-main {width:1920px;height:100%;position:absolute;left:50%;margin-left:-960px;}
.banner .slider-main li {width:100%;height:100%;}
.banner .osSlider-main .slider-btn-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;}
.banner .osSlider-main:hover .slider-btn-prev {left:3%;}
.banner .osSlider-main .slider-btn-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;}
.banner .osSlider-main:hover .slider-btn-next {right:3%;cursor:pointer;}
.banner .osSlider-main .slider-nav {position:absolute;width:100%;bottom:40px;text-align:center;z-index:25;font-size:0;}
.banner .osSlider-main .slider-nav li {display:inline-block;vertical-align:top;width:18px;height:18px;border:solid 1px #ffffff;text-align:center;font-family:Arial;font-size:0;line-height:32px;margin:0 10px;border-radius:50%;background:transparent;cursor:pointer;padding:3px;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.banner .osSlider-main .slider-nav li:before {content:"";display:inline-block;width:12px;height:12px;background-color:#ffffff;border-radius:50%;left:50%;top:50%;margin-left:-6px;margin-top:-6px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;position:absolute;z-index:-1;}
.banner .osSlider-main .slider-nav li.active {border-color:#ea010f;color:#fff;}
.banner .osSlider-main .slider-nav li.active:before {background:#ea010f;}
.hot {padding:20px 0;}
.hot .hotBox {height:48px;line-height:48px;}
.hot .hotBox .hotSlide {float:left;height:48px;overflow:hidden;}
.hot .hotBox .hotSlide .tit {float:left;padding-left:38px;background:url(../images/hotico.png) left center no-repeat;font-size:16px;font-weight:bold;}
.hot .hotBox .hotSlide .bd {width:450px;float:left;}
.hot .hotBox .hotSlide .bd ul li {height:48px;font-size:14px;line-height:48px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot .hotBox .hotSlide .bd ul li span {float:right;font-family:Arial;color:#666666;}
.hot .hotBox .hotSlide .bd ul li a {float:left;width:360px;color:#666666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot .hotBox .hotSlide .bd ul li a:hover {-webkit-transform:translateX(5px);transform:translateX(5px);}
.hot .hotBox .hotSlide .bd ul li a:hover {color:#ea010f;}
.hot .hotBox .search {float:right;height:48px;border:solid 1px #e0dfdd;border-radius:30px;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transition:all 0.5s cubic-bezier(0,0,0.18,0.96);transition:all 0.5s cubic-bezier(0,0,0.18,0.96);}
.hot .hotBox .search .searchInp {width:348px;padding:0 20px;height:46px;line-height:46px;border-radius:30px 0 0 30px;background:none;float:left;position:relative;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.hot .hotBox .search .searchInp::-webkit-input-placeholder {color:#cccccc;}
.hot .hotBox .search .searchInp:focus,.hot .hotBox .search .searchInp:active {border-color:#ea010f;z-index:2;}
.hot .hotBox .search .searchInp:focus::-webkit-input-placeholder,.hot .hotBox .search .searchInp:active::-webkit-input-placeholder {opacity:0.6;filter:alpha(opacity=60);}
.cblock {padding:60px 0;background:url(../images/probg1.jpg) center 0 no-repeat;}
.hot .hotBox .search .submitBtn {background:url(../images/searchico.png) 38% center no-repeat;border-left:solid 1px #e0dfdd;border-radius:0 30px 30px 0;width:82px;height:46px;cursor:pointer;position:relative;float:left;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transition:all 0.5s cubic-bezier(0,0,0.18,0.96);transition:all 0.5s cubic-bezier(0,0,0.18,0.96);}
.hot .hotBox .search .submitBtn:hover {opacity:0.7;filter:alpha(opacity=70);}
.hot .hotBox .search:hover {border-color:#ea010f;}
.hot .hotBox .search:hover .submitBtn {background:url(../images/searchicoh.png) 38% center no-repeat;}
.tab {display:flex;justify-content:space-between;width:100%;max-width:1300px;margin:0 auto;background:#ccc;border-top-left-radius:10px;border-top-right-radius:10px}
.product {padding:48px 0 60px;position:relative;/*background:url(../images/probg1.jpg) center 0 no-repeat;background-size:cover;*/z-index:2;}
/* .product.product1 {background:url(../images/probg1.jpg) center 0 no-repeat;}
.product.product2 {background:url(../images/probg2.jpg) center 0 no-repeat;}
.product.product3 {background:url(../images/probg3.jpg) center 0 no-repeat;}
.product.product4 {background:url(../images/probg4.jpg) center 0 no-repeat;}
*/.product * {-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.product .ptoTit.active {border-radius:10px;background:rgb(207 17 27) url(../images/protitline.png) center 60px no-repeat;transform:scale(1.02);animation-fill-mode:inherit;z-index:1;}
.product .ptoTit.active h3,.product .ptoTit.active h4 {color:#FFF;}
.product .ptoTit {flex:1;text-align:center;padding:10px 0;}
.product .ptoTit h3 {font-size:30px;line-height:1;}
.product .ptoTit h4 {text-transform:uppercase;font-family:Arial;font-size:12px;line-height:10px;margin-top:25px;color:rgb(207 17 27);}
.product .proBox {margin-top:24px;overflow:hidden;}
.product .proBox ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
.product .proBox ul:after {content:"";display:block;clear:both;font-size:0;line-height:0;}
.product .proBox li {margin:20px auto;position:relative;width:24%;border-radius:10px;}
.product .proBox li .item {border-radius:5%;background:#000;overflow:hidden;transition:0.5s;animation-fill-mode:inherit;}
.product .proBox li:hover {z-index:2;}
.product .proBox li:hover .item {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);animation-fill-mode:inherit;}
.product .proBox li:hover .cont {}
.product .proBox li .pic {}
.product .proBox li .pic img {width:100%;}
.product .proBox li .cont {}
.product .proBox li .cont .bt {color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 55px 0 25px;line-height:44px;height:44px;position:relative;}
.product .proBox li .cont .bt:before {content:"";display:block;background:url(../images/proadd.png) center center no-repeat;position:absolute;right:15px;top:50%;margin-top:-15px;width:29px;height:29px;border:solid 1px #ffffff;border-radius:100%;z-index:2;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.product .proBox li .cont .bt:hover {padding-left:30px;}
.product .proBox li .cont p {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;line-height:20px;margin-bottom:10px;padding:0 25px;opacity:0.8;}
.product .title {margin:30px auto;width:1300px;}
.title {line-height:1;position:relative;z-index:1;}
.title .en {text-transform:uppercase;font-size:120px;font-weight:bold;font-family:Arial;opacity:0.2;line-height:90px;position:absolute;z-index:-1;top:-35px;}
.title h3 {font-size:36px;font-weight:bold;}
.title h4 {text-transform:uppercase;font-size:16px;font-family:Arial;line-height:12px;margin-top:8px;color:#c2c2c2;}
.title p {margin-top:20px;letter-spacing:1px;color:#666;}
.youshi {background:url(../images/ysbg.jpg) center 0 no-repeat;}
.youshi .ysBox {position:relative;padding-top:120px;height:960px;}
.youshi .ysBox .title {color:#fff;position:absolute;left:0;top:90px;}
.youshi .ysBox .title .en {opacity:0.1;}
.youshi .ysBox .title h4 {margin-top:15px;font-size:15px;color:#fff;}
.youshi .ysBox .list {overflow:hidden;width:1920px;height:550px;margin:0 -310px;position:relative;}
.youshi .ysBox .list li {overflow:hidden;opacity:1 !important;}
.youshi .ysBox .list li .cont {width:400px;float:left;padding-top:206px;margin-left:484px;position:relative;color:#ffffff;z-index:2;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysBox .list li .cont > * {-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysBox .list li .cont .num {height:26px;}
.youshi .ysBox .list li .cont .num.num1 {background:url(../images/num1.png) 0 0 no-repeat;}
.youshi .ysBox .list li .cont .num.num2 {background:url(../images/num2.png) 0 0 no-repeat;}
.youshi .ysBox .list li .cont .num.num3 {background:url(../images/num3.png) 0 0 no-repeat;}
.youshi .ysBox .list li .cont .num.num4 {background:url(../images/num4.png) 0 0 no-repeat;}
.youshi .ysBox .list li .cont h4 {font-size:30px;line-height:1;font-weight:bold;margin-top:45px;}
.youshi .ysBox .list li .cont h5 {text-transform:uppercase;line-height:10px;margin-top:15px;font-size:14px;}
.youshi .ysBox .list li .cont .text {font-size:16px;line-height:36px;margin-top:38px;}
.youshi .ysBox .list li .cont:hover .num {-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.youshi .ysBox .list li .cont:hover h4 {-webkit-transform:translateY(-8px);transform:translateY(-8px);}
.youshi .ysBox .list li .cont:hover h5 {-webkit-transform:translateY(-6px);transform:translateY(-6px);}
.youshi .ysBox .list li .cont:hover .text {-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.youshi .ysBox .list li .ysPic {float:right;position:relative;width:985px;height:550px;overflow:hidden;border-radius:100px 0 0 0;}
.youshi .ysBox .list li .ysPic img {display:block;width:100%;height:100%;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysBox .list li .ysPic:hover img {-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.youshi .ysBox .hd {position:absolute;left:75px;top:350px;z-index:3;}
.youshi .ysBox .hd li {font-size:0;width:8px;height:8px;background-color:#ffffff;border-radius:100%;margin-bottom:15px;cursor:pointer;}
.youshi .ysBox .hd li.on {background-color:#480004;}
.youshi .ysBox .prev {position:absolute;z-index:3;left:177px;top:630px;width:55px;height:55px;border-radius:100%;background:#fff url(../images/ysl.png) center center no-repeat;cursor:pointer;outline:none;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysBox .prev:hover {opacity:0.7;filter:alpha(opacity=70);}
.youshi .ysBox .next {position:absolute;z-index:3;left:246px;top:630px;width:55px;height:55px;border-radius:100%;background:#333333 url(../images/ysr.png) center center no-repeat;cursor:pointer;outline:none;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.youshi .ysBox .next:hover {opacity:0.7;filter:alpha(opacity=70);}
.youshi .ysBox .tel {position:absolute;top:670px;right:50px;width:300px;color:#fff;text-align:center;}
.youshi .ysBox .tel i {display:block;width:55px;height:113px;margin:auto;background:url(../images/ystel.png) center bottom no-repeat;transition:1s;cursor:pointer;animation:swing ease-in-out 0.8s infinite alternate;transform-origin:top;transform-box:fill-box;}
.youshi .ysBox .tel p {font-family:AvantGardeITCbyBT;font-size:30px;line-height:1;margin-top:15px;}
@keyframes swing {0% {transform:rotate(8deg);}
100% {transform:rotate(-8deg);}
}
@-webkit-keyframes swing {0% {transform:rotate(8deg);}
100% {transform:rotate(-8deg);}
}
.case {padding:92px 0 115px;background:url(../images/casebg.jpg) center 0 no-repeat;}
.case .title:after {content:"";display:block;clear:both;font-size:0;line-height:0;}
.case .title .en {top:-18px;}
.case .title .more {float:right;font-family:Arial;font-size:16px;color:#c2c2c2;line-height:20px;margin-top:34px;}
.case .title .more i {min-width:5px;}
.case .title .more:hover {color:#ea010f;-webkit-transform:translateX(5px);transform:translateX(5px);}
.case .titLine {width:1610px;height:1px;background-color:#d9d9d9;margin-top:58px;}
.case .gallery-top {margin-top:68px;}
.case .gallery-top li:after {content:"";display:block;clear:both;font-size:0;line-height:0;}
.case .gallery-top li .pic {display:block;width:914px;height:558px;float:left;position:relative;overflow:hidden;border-radius:50px 0 50px 0;}
.case .gallery-top 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-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .gallery-top li:hover .pic img {-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.case .gallery-top li .cont {width:370px;padding-top:45px;float:right;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .gallery-top li .cont * {-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .gallery-top li .cont .bt {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:30px;line-height:50px;position:relative;padding-left:20px;text-align:center;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .gallery-top li .cont .bt:hover {-webkit-transform:translateX(5px);transform:translateX(5px);}
.case .gallery-top li .cont .line {width:1px;height:72px;background-color:#ffffff;margin-left:170px;}
.case .gallery-top li .cont p {width:461px;height:300px;background-color:#ffffff;position:absolute;right:0;padding:50px 45px 0;}
.case .gallery-top li .cont p span {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;line-height:36px;height:180px;color:#666666;}
.case .gallery-top li:hover .cont .bt {color:#ea010f;}
.case .thumbsTab .tel {width:254px;float:left;}
.case .thumbsTab .tel .num {color:#ea010f;display:inline-block;vertical-align:top;}
.case .thumbsTab .tel .num i {display:block;width:55px;height:113px;margin:auto;background:url(../images/casetel.png) center bottom no-repeat;transition:1s;animation:swing ease-in-out 0.8s infinite alternate;transform-origin:top;transform-box:fill-box;}
.case .thumbsTab .tel .num p {font-family:AvantGardeITCbyBT;font-size:30px;line-height:1;margin-top:15px;}
.case .thumbsTab .page {float:left;padding-top:66px;width:70px;}
.case .thumbsTab .page .case-prev {border-radius:100%;width:70px;height:70px;background:#fff url(../images/casel.png) center center no-repeat;outline:none;box-shadow:1px 1px 10px 0px rgba(1,1,1,0.2);border:solid 4px #ea010f;cursor:pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .thumbsTab .page .case-prev:hover {opacity:0.7;filter:alpha(opacity=70);}
.case .thumbsTab .page .case-prev.swiper-button-disabled {opacity:0.3;filter:alpha(opacity=30);}
.case .thumbsTab .page .case-next {margin-top:23px;border-radius:100%;width:70px;height:70px;background:#ea010f url(../images/caser.png) center center no-repeat;outline:none;box-shadow:1px 1px 10px 0px rgba(1,1,1,0.2);border:solid 4px #fff;cursor:pointer;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .thumbsTab .page .case-next:hover {opacity:0.7;filter:alpha(opacity=70);}
.case .thumbsTab .page .case-next.swiper-button-disabled {opacity:0.3;filter:alpha(opacity=30);}
.case .gallery-thumbs {float:right;width:958px;margin-top:42px;}
.case .gallery-thumbs li {float:left;width:306px;height:200px;background-color:#ffffff;border-radius:20px;border:solid 4px #ffffff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.case .gallery-thumbs li .pic {display:block;overflow:hidden;border-radius:20px;width:100%;height:100%;}
.case .gallery-thumbs li .pic img {display:block;width:100%;height:100%;object-fit:cover;}
.case .gallery-thumbs li.swiper-slide-thumb-active {border-color:#ea010f;}
.case .gallery-thumbs li:hover {-webkit-transform:scale(0.9) rotate(0);-moz-transform:scale(0.9) rotate(0);-o-transform:scale(0.9) rotate(0);transform:scale(0.9) rotate(0);}
.about {margin-top:66px;position:relative;background:url(../images/aboutbg.jpg) center 0 no-repeat;}
.about .aboutBox {height:723px;padding:65px 65px 0 50px;background:#e5e5e5a3;border-top-left-radius:50px;border-top-right-radius:50px;}
.about .aboutBox .tit {position:relative;z-index:1;}
.about .aboutBox .tit .en {font-family:Arial-BoldMT;font-size:79px;color:#dddddd;line-height:60px;font-weight:bold;text-transform:uppercase;position:absolute;z-index:-1;left:0;top:0;}
.about .aboutBox .tit h3 {padding-top:17px;padding-left:28px;font-weight:bold;font-size:36px;line-height:1;}
.about .aboutBox .tit p {font-size:14px;margin-top:35px;letter-spacing:8px;line-height:1;}
.about .aboutBox .honor {margin-top:58px;width:303px;float:left;}
.about .aboutBox .honor .pic {display:block;overflow:hidden;width:303px;height:403px;border-radius:50px;border:solid 20px #dedede;}
.about .aboutBox .honor .pic img {display:block;width:100%;height:100%;object-fit:contain;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.about .aboutBox .honor .bt {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:54px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;text-align:center;}
.about .aboutBox .honor:hover img {-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.about .aboutBox .honor:hover .bt {color:#ea010f;}
.about .aboutBox .aboutText {float:right;width:730px;margin-top:88px;}
.about .aboutBox .aboutText h4 {font-size:24px;font-weight:bold;line-height:1;}
.about .aboutBox .aboutText .text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:36px;height:144px;margin-top:48px;color:#666666;text-align:justify;}
.about .aboutBox .aboutText .more {display:block;margin-top:60px;width:167px;height:48px;line-height:48px;background-color:#ea010f;color:#fff;border-radius:30px;text-align:center;-webkit-transition:background-color 0.6s,color 0.3s;transition:background-color 0.6s,color 0.3s;position:relative;z-index:1;}
.about .aboutBox .aboutText .more:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #ea010f;border-radius:30px;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;}
.about .aboutBox .aboutText .more:hover {background:none;color:#ea010f;}
.about .aboutBox .aboutText .more:hover:before {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;}
.about .aboutBox .aboutPic {position:absolute;right:30px;bottom:-83px;width:450px;height:310px;border-radius:50px;overflow:hidden;z-index:3;}
.about .aboutBox .aboutPic img {display:block;width:100%;height:100%;object-fit:contain;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.about .aboutBox .aboutPic:hover img {-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);}
.message {width: 100%;background: #a90000;padding: 0 10%;}
.message .tit {line-height:1;color:#ffffff;float:left;padding-top:28px;width:224px;}
.message .tit h3 {font-size:36px;font-weight:bold;}
.message .tit h4 {text-transform:uppercase;font-family:Arial;font-size:36px;font-weight:bold;margin-top:15px;line-height:26px;}
.message .tit p {font-size:14px;letter-spacing:6px;margin-top:18px;}
.message .formbox {float:left;padding-top:30px;}
.message .formbox .form {float:left;width:540px;}
.message .formbox input {margin-bottom:20px;margin-right:18px;display:block;float:left;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:252px;height:50px;line-height:48px;border-radius:40px;background:none;border:solid 1px rgba(255,255,255,0.3);line-height:46px;padding:0 10px 0 50px;color:#ffffff;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.message .formbox input.username {background:url(../images/inpxm.png) 18px center no-repeat;margin-right:10px;}
.message .formbox input.usertel {background:url(../images/inpdh.png) 18px center no-repeat;}
.message .formbox input.xqcontent {background:url(../images/inpnr.png) 16px center no-repeat;}
.message .formbox input.codeText {background:url(../images/inpyzm.png) 18px center no-repeat;margin-right:0;}
.message .formbox input::-webkit-input-placeholder {color:#ffffff;}
.message .formbox input:focus,.message .formbox input:active {border-color:rgba(255,255,255,0.7);}
.message .formbox input:focus::-webkit-input-placeholder,.message .formbox input:active::-webkit-input-placeholder {opacity:0.6;filter:alpha(opacity=60);}
.message .formbox .code {position:relative;float:left;}
.message .formbox .code .imgCode {position:absolute;right:10px;top:6px;width:90px;height:36px;border:none;display:block;z-index:2;}
.message .formbox .submitform {margin-left:12px;margin-top:70px;float:left;width:170px;height:48px;line-height:48px;background-color:#ffffff;border-radius:30px;border:none;font-size:14px;text-align:center;color:#ea010f;-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;overflow:hidden;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:background-color 0.6s,color 0.3s;transition:background-color 0.6s,color 0.3s;position:relative;z-index:1;}
.message .formbox .submitform:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;border-radius:30px;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;}
.message .formbox .submitform:hover:after {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1;}
.news {margin-top:56px;padding-top:60px;background:url(../images/newsbg.jpg) center 0 no-repeat;}
.news .newsTab {float:left;width:164px;padding-top:75px;}
.news .newsTab .tit {position:relative;z-index:1;}
.news .newsTab .tit .en {position:absolute;left:0;top:-18px;z-index:-1;font-family:Arial;font-size:84px;font-weight:bold;line-height:62px;color:#dfdede;}
.news .newsTab .tit h3 {font-weight:bold;line-height:1;font-size:36px;}
.news .newsTab ul {background-color:#ffffff;border-radius:90px;margin-top:42px;overflow:hidden;}
.news .newsTab li {display:block;text-align:center;}
.news .newsTab li a {display:block;height:122px;line-height:80px;position:relative;font-size:18px;background-repeat:no-repeat;background-image:-webkit-linear-gradient(left,#ea010f,#ea010f);background-image:linear-gradient(to right,#ea010f,#ea010f);-webkit-transition:all 0.5s;transition:all 0.5s;background-size:0% 100%;background-position:left center;padding-top:20px;}
.news .newsTab li a:before {content:"";display:block;position:absolute;left:50%;bottom:0;margin-left:-68px;width:135px;height:1px;background-color:#e7e7e7;}
.news .newsTab li:first-child a {padding-top:30px;}
.news .newsTab li:last-child a {padding-top:10px;}
.news .newsTab li:last-child a:before {display:none;}
.news .newsTab li.on a {background-size:100% 100%;color:#fff;border-color:#ea010f;}
.news .newsTabs {width:1040px;height:865px;float:right;overflow:hidden;}
.news .newsTabs .newsList:after {content:"";display:block;clear:both;font-size:0;line-height:0;}
.news .newsTabs .newsList .newsL {float:left;width:520px;border-right:1px #f1f1f1 solid;}
.news .newsTabs .newsList .one {position:relative;}
.news .newsTabs .newsList .one:after {content:"";position:absolute;background:#ea010f;width:100%;height:1px;z-index:1;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;bottom:0;left:0;transition:transform 0.7s;transform:scaleX(0);transform-origin:right;}
.news .newsTabs .newsList .one:hover:after,.news .newsTabs .newsList .one.on:after {transform:scaleX(1);transform-origin:left;}
.news .newsTabs .newsList .one .pic {width:100%;height:400px;display:block;overflow:hidden;position:relative;border-radius:100px 0 0 0;}
.news .newsTabs .newsList .one .pic img {display:block;width:100%;height:100%;object-fit:cover;-webkit-transform:scale(1.1) rotate(0);-moz-transform:scale(1.1) rotate(0);-o-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.news .newsTabs .newsList .one .cont {height:234px;border-bottom:1px solid #f1f1f1;padding:27px 40px 0;}
.news .newsTabs .newsList .one .cont .bt {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:36px;}
.news .newsTabs .newsList .one .cont .bt:hover {-webkit-transform:translateX(5px);transform:translateX(5px);}
.news .newsTabs .newsList .one .cont .date {line-height:12px;font-family:Arial;font-size:14px;color:#d4d4d4;margin-top:18px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .one .cont .date:before {content:"";display:inline-block;width:22px;height:1px;background-color:#d6d6d6;vertical-align:middle;margin-right:20px;position:relative;top:-1px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .one .cont p {color:#bbbbbb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:24px;height:72px;margin-top:28px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .one:hover .pic img {-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
.news .newsTabs .newsList .one:hover .cont .bt {color:#ea010f;}
.news .newsTabs .newsList .one:hover .cont .date {color:#999;}
.news .newsTabs .newsList .one:hover .cont .date:before {background-color:#ea010f;width:50px;}
.news .newsTabs .newsList .one:hover .cont p {color:#999;}
.news .newsTabs .newsList .two {height:234px;border-bottom:1px solid #f1f1f1;padding:27px 40px 0;}
.news .newsTabs .newsList .two .bt {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:36px;}
.news .newsTabs .newsList .two .bt:hover {-webkit-transform:translateX(5px);transform:translateX(5px);}
.news .newsTabs .newsList .two .date {line-height:12px;font-family:Arial;font-size:14px;color:#d4d4d4;margin-top:18px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .two .date:before {content:"";display:inline-block;width:22px;height:1px;background-color:#d6d6d6;vertical-align:middle;margin-right:20px;position:relative;top:-1px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .two p {color:#bbbbbb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:24px;height:72px;margin-top:28px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .two:hover .bt {color:#ea010f;}
.news .newsTabs .newsList .two:hover .date {color:#999;}
.news .newsTabs .newsList .two:hover .date:before {background-color:#ea010f;width:50px;}
.news .newsTabs .newsList .two:hover p {color:#999;}
.news .newsTabs .newsList .list {width:520px;float:right;position:relative;}
.news .newsTabs .newsList .list li {height:144px;padding:20px 20px 0 55px;position:relative;}
.news .newsTabs .newsList .list li:after {content:"";display:block;position:absolute;left:0;bottom:0;height:1px;width:800px;background-color:transparent;background-repeat:no-repeat;background-image:-webkit-linear-gradient(left,#ea010f,#ea010f);background-image:linear-gradient(to right,#ea010f,#ea010f);-webkit-transition:all 0.8s;transition:all 0.8s;background-size:0% 100%;background-position:left center;}
.news .newsTabs .newsList .list li .tt {line-height:36px;height:36px;}
.news .newsTabs .newsList .list li .tt .bt {float:left;width:350px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:36px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .list li .tt .bt:hover {-webkit-transform:translateX(5px);transform:translateX(5px);}
.news .newsTabs .newsList .list li .tt .date {float:right;font-family:Arial;font-size:14px;color:#d4d4d4;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .list li p {color:#bbbbbb;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;height:48px;margin-top:14px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news .newsTabs .newsList .list li:hover:after {background-size:100% 100%;}
.news .newsTabs .newsList .list li:hover .bt {color:#ea010f;}
.news .newsTabs .newsList .list li:hover .date {color:#999;}
.news .newsTabs .newsList .list li:hover p {color:#999;}
