.op0{opacity: 0;}
.vhiden{visibility: hidden;}
#preloader {position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 9999;}
.home__flaps{position: relative;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 9999;pointer-events: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.home__flaps-row{width: 100%;height: 100%;-webkit-box-flex: 1;
-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;
flex-direction: row;} 
.home__flaps-row .home__flap{height: 100%;width:calc((100% - 0px)/6);}
.home__flaps-row .home__flap .inner{background-color: #27293d;width:100%;height:100%;-webkit-animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 0.5s;animation: anmi-mask 0.8s forwards cubic-bezier(0.64, 0.08, 0.24, 0.94) 0.5s;}

.xq{background: #191818;}
.header{position: fixed;width: 100%; left: 0;top: 0; z-index: 1000;box-sizing: border-box;padding: 0 30px;height: 90px;    transition: all 0.5s ease;}
.header.now{background: rgba(25, 31, 51, 1);}
.header1{position:fixed;background: rgba(25, 31, 51, 1);width: 100%; left: 0;top: 0; z-index: 1000;box-sizing: border-box;padding: 0 30px;height: 90px;transition: all 0.5s ease;}
.header1.now{background: rgba(25, 31, 51, 1);}
.ovfHiden .header1.now{background:none;}
.nav{height: 50px;overflow: hidden;position: relative;}
.xq_navbar {width: 100%;height: 50px;overflow: hidden;box-sizing: border-box;box-sizing: inherit; padding-right:50px;}
.xq_navli {list-style: none;display: inline-block;
color: #fff;box-sizing: inherit;text-align: center;float: left;font-size: 14px;padding: 0px 10px;margin: 0px 10px !important;}
.xq_navli a {display: block;color: #fff; line-height: 50px;text-decoration: none;}
.xq_move {height: 3px !important;transition: all .3s ease-in-out;position: absolute;}
.icon1a{background: url(../images/icon1a.png) no-repeat left center;padding-left: 35px; color: #fff; font-size: 12px; line-height: 28px;}
.icon1b{background: url(../images/icon1b.png) no-repeat left center;padding-left: 38px; color: #fff; font-size: 12px; line-height: 28px;}
.icon1c{background: url(../images/icon1c.png) no-repeat left center;padding-left: 35px; color: #fff; font-size: 12px; line-height: 28px;}
.ovfHiden{overflow: hidden;}
.ovfHiden .header.now{background:none;}
.minnav{    width: 50px;box-sizing: border-box;padding-top: 6px; position: relative;    height: 50px; cursor: pointer;}
.minnav::before {content: "";height: 0px;width: 1px;background: #fc0301;left: 0;
top: 0;position: absolute;transition: all 0.5s;}
.minnav:hover::before{height: 50px;}
.minnav::after {content: "";height: 1px;width: 0px;background: #fc0301;left: 0;top: 0;position: absolute;transition: all 0.5s;}
.minnav:hover::after{width: 50px;}
.minnavm{width: 50px;height: 50px;padding-top: 6px; box-sizing: border-box;position: absolute;right: 0px;top: 0px;}
.minnavm::before {content: "";height: 0px;width: 1px;background: #fc0301;right: 0;bottom: 0;position: absolute;transition: all 0.5s;}
.minnav:hover .minnavm::before{height: 50px;}
.minnavm::after {content: "";height: 1px;width: 0px;background: #fc0301;right: 0;bottom: 0;position: absolute;transition: all 0.5s;}
.minnav:hover .minnavm::after{width: 50px;}
.minnavm .line {width: 30px;height: 2px;display: block;margin: 8px auto;background: #fc0301;transition: all 0.5s ease-in-out;}
.minnav.cur:before{ height: 50px; }
.minnav.cur:after{ width: 50px; }
.minnav.cur .minnavm:before{ height: 50px; } 
.minnav.cur .minnavm:after{ width: 50px; } 
.minnav.is-active .line:nth-child(1), .minnav.is-active .line:nth-child(3){ width: 30px; }
.minnav.is-active .line:nth-child(1){ -webkit-transform: translateY(10px) rotate(-45deg); -ms-transform: translateY(10px) rotate(-45deg); -o-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); }
.minnav.is-active .line:nth-child(2){ width:0px; } 
.minnav.is-active .line:nth-child(3){ -webkit-transform: translateY(-10px) rotate(45deg); -ms-transform: translateY(-10px) rotate(45deg); -o-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg); }
.nav-wrap { width: 100%; height: 100%; background: #191919; background-size: cover; position: fixed; left: 0; top: 0; z-index: 999; display: none; }
.nav-wrap1 { width: 100%; height: 100%;background: rgba(25, 31, 51, 1);background-size: cover; position: fixed; left: 0; top: 0; z-index: 999; display: none; }
.nav-list { position: absolute; left: 19vw; top: 18vh; z-index: 1000; } 
.nav-list li { position: relative; line-height: 9vh; width: 300px; height: 9vh; }
.nav-list li a{ display:block; line-height: 9vh; height: 9vh; transition: all 0.5s; animation: 1s cubic-bezier(.19, 1, .22, 1) forwards hgInner; -webkit-animation: 1s cubic-bezier(.19, 1, .22, 1) forwards hgInner; -moz-animation: 1s cubic-bezier(.19, 1, .22, 1) forwards hgInner; } 
.nav-list li a span{ display:block; }
.nav-list li a:after { content: ""; width: 0px; height: 1px; background: #fc0301; position: absolute; left: -70px; top: 50%; -webkit-transition: all .36s linear; -ms-transition: all .36s linear; -moz-transition: all .36s linear; }
.nav-list li a:hover:after { width: 50px; } 
.nav-list li a:before { content: attr(data-content); position: absolute; color: #fc0301; left: 0; z-index: 9; font-weight: 400; height: auto; width: 0; white-space: nowrap; overflow: hidden; -webkit-transition: all .5s linear; -ms-transition: all .5s linear; -moz-transition: all .5s linear; }
.nav-list li a:hover:before { width: 100%; }
.nav-list li a { font-size: 36px; width: 300px; color: #666666; transition: all 0.5s; position: absolute; left: 0; top: 0; }
.nav-mask { width: 100%; height: 100%;position: absolute; right: 100%; top: 0; z-index: 10001; }
.nav-bg{width: 100%; height: 100%;}
.nav-bg li { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index:998; opacity: 0; } 
.nav-bg li:nth-child(1) { background: url(../images/img4a.jpg) 0 0 no-repeat; background-size: cover; opacity: 1; } 
.nav-bg li:nth-child(2) { background: url(../images/img4b.jpg) 0 0 no-repeat; background-size: cover; }
.nav-bg li:nth-child(3) { background: url(../images/img4c.jpg) 0 0 no-repeat; background-size: cover; } 
.nav-bg li:nth-child(4) { background: url(../images/img4d.jpg) 0 0 no-repeat; background-size: cover; }
.nav-bg li:nth-child(5) { background: url(../images/img4e.jpg) 0 0 no-repeat; background-size: cover; } 
.nav-bg li:nth-child(6) { background: url(../images/img4f.jpg) 0 0 no-repeat; background-size: cover; } 
.hero__lines { max-width: 1230px; opacity: .05; width: 100%; text-align: center; z-index: 999; height:0; } 
.hero__lines,.hero__lines .inner,.hero__lines .outer { margin: 0 auto; top: 0; right: 0; bottom: 0; left: 0; position: absolute; } 
.hero__lines .inner,.hero__lines .outer { background: transparent; border-left: 1px solid #fff; border-right: 1px solid #fff; display: block; }
.hero__lines .inner { max-width: 620px; width: 50%; } .hero__lines .inner:after { background: #fff; content: ""; margin: auto; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 1px; height: 100%; }
.hero__bg,.hero__lines .outer { width: 100%; }
.sbanner{position:relative;height: 600px; background: rgba(24, 26, 32, 1); width: 100%; z-index: 1; overflow: hidden;}
.sbpic{position: absolute;left: -90px;  top: 0;width:2000px;height: 100%; z-index: 1;}
.sbpic img{vertical-align: top;width: 100%;height: 100%;}
.sbanner.ani .sbpic{transform: translateX(90px);}
.sbm{width: 1280px;position: absolute; left: 50%; top: 0;height: 100%;z-index: 2;margin-left: -640px; }
.sbmtxt1{color: #fff;font-size: 64px; line-height: 80px;font-family: 'Bebas';font-weight: normal;}
.sbmtxt2{position: relative;}
.sbmtxt2::before{content: '';display: inline-block;width: 50px; height: 1px;background: #fff; position: absolute;left: 0;top: 68px;}
.sbmtxt2 h3{color: #ff7e21;line-height: 48px;font-size: 36px;font-weight: normal;}
.sbmtxt2 p{color: #fff; line-height: 25px; font-size: 14px;width: 755px;}
.sbmtxt3{ line-height: 90px;color: #fff;font-size: 64px;font-family: 'Bebas';font-weight: normal; position: relative;padding-bottom: 15px;}
.sbmtxt3::after{content: '';display: inline-block;width: 50px; height: 1px;background: #fff; position: absolute;left: 0;bottom: 0;}
.w755{width: 750px;}
.sbmtxt4{width: 920px;box-sizing: border-box;padding: 0 13px;background: rgba(255, 255, 255, 0.05); height: 80px; color: #fff;font-size: 14px;}
.sbmtxt4 i{color: #ff7e21; font-size: 24px;}
.p_icon:before { content: '\e627';}
.p_icon2:before { content: '\e676';}
.p_icon3:before { content: '\e630';}
.sbb{background: rgba(255, 255, 255, 0.05);padding: 0 10px;box-sizing: border-box;width: 920px;}
.sbb2{max-width: 1264px; width: auto;}
.sbbm{padding-right: 10px; margin-right: 10px; display: inline-block;position: relative;}
.sbbm::after{content: '';display: inline-block;width: 1px;height: 10px;background: #ddd;position: absolute;right: 0;top: 50%;margin-top: -5px;transition: 0.3s ease 0s;}
.sbbm a{display: inline-block;height: 80px; line-height: 80px;font-size: 15px; color: #fff; position: relative;}
.sbbm a::before{content: "";width: 14px;height: 1px;display: inline-block;vertical-align: middle;opacity: 0;    margin-right: 10px;
transform: rotateZ(-70deg);transition: all 0.3s ease 0s;background: #999;}
.sbbm a::after{transition: 0.3s ease 0s;
content: '';width: 14px;height: 1px;display: inline-block;vertical-align: middle;background: #999;opacity: 0;    margin-left: 10px;transform: rotateZ(110deg);}
.sbbm a:hover{color: #ff7e21;}
.sbbm:hover::after{opacity: 0;}
.sbbm a:hover::before,.sbbm a:hover::after{opacity: 1; transform: rotateZ(0); background: #ff7e21;}
.sbscorll{position: absolute;left: 0;bottom: 70px;width: 23px;height: 40px;box-sizing: border-box;border: 2px solid rgba(255,255,255,0.5);transition: .4s;border-radius: 20px;}
.sbscorll::after{content: '';width: 5px;height: 5px;background-color: #fff; display: inline-block; border-radius: 50%;animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);}
.smid{position: absolute;top: 860px;width: 100%; z-index: 2;}

.aboutm{width: 1280px;margin: 0 auto; box-sizing: border-box;padding-left: 5px;}
.aboutml{width: 490px; height: 440px; position: relative;}
.aboutml::before{content: '';display: inline-block;background: rgba(255, 126, 33, 1);width: 291px;height: 347px;position: absolute;left: -9px; top: -11px;z-index: 1;}
.aboutmlm{width: 490px; height: 440px;overflow: hidden; position: relative;z-index: 2;}
.aboutmlm img{vertical-align: top;width: 100%; height: 100%;transition: all 1s ease;}
.aboutmlm:hover img{transform: scale(1.1);}
.aboutmr{padding: 10px 0 0;width: 736px;}
.aboutmr h2{line-height: 45px;font-weight: bold;color:#ff7e21;font-size: 34px; letter-spacing: 3px; position: relative;padding-bottom: 40px;}
.aboutmr h2::after{content: '';display: inline-block;width: 72px; height: 1px;background: #ff7e21;position: absolute;left: 0; bottom: 22px;}
.aboutmr p{color: #333;font-size: 14px; line-height: 25px;}
.footer{position: relative;left: 0;width: 100%; z-index: 2;}
.footerm{background-color: rgba(20, 21, 33, 1);padding: 40px 0 0;}
.footermm{width: 1400px; margin: 0 auto; color: #a9a9a9;font-size: 14px; line-height: 28px;}
.footer1{width: 320px;}
.footer1 h2{font-size: 22px; line-height: 30px;color: #fff;font-weight: bold;padding: 0 0 10px; margin-top: -8px;}
.footermm a{color: #A9A9A9;}
.footerm h3{ line-height: 24px; padding-bottom: 26px;color: #fff;font-size: 18px;font-weight: normal;}
.footermb{border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; line-height: 55px;font-size: 14px; color: #A9A9A9;}
.contact{    background: #191818;padding: 60px 0 110px;}
.contactm{width: 1200px; margin: 0 auto;}
.contactm h2{text-align: center;color: #ff7e21;line-height: 50px;font-size: 40px;}
.contact_text{background: #fff;border: 1px solid #ddd;width: 100%; box-sizing: border-box;resize: none;padding: 5px 5px 0 15px;font-size: 14px; height: 220px; color: #535353; line-height: 19px;}
.contact_input{background: #fff;border: 1px solid #ddd;width: 585px;height: 48px;padding: 0 15px; box-sizing: border-box;font-size: 14px;color: #535353; }
.contact_btn{cursor: pointer;border: none;background: rgba(51, 51, 51, 1); transition: all 0.3s; color: #fff; text-align: center; width: 100%; height: 44px;}
.contact_btn:hover{ background: #FF7E21;}
.pro{background: #191818;padding: 65px 0 25px;}
.prom{width: 1280px; margin: 0 auto;padding: 10px 0 40px;}
.prolb li{float: left;width: 400px;margin: 13px;}
.prolbpic{overflow: hidden;width: 400px; height: 400px;transition: 0.36s ease;}
.prolbpic img{transition: all .8s ease 0s;width: 100%; vertical-align: top;}
.prolb li h2{line-height: 50px;padding: 10px 0 0; text-align: center;color: #707070;font-size: 16px; transition: all 0.3s; text-align: center;}
.prolb li:hover .prolbpic{background-color:rgba(37, 44, 66, .5);}
.prolb li:hover .prolbpic img{ transform: scale(1.1);}
.prolb li:hover h2{color: #FF7E21;}

.p_page div {float: left;line-height: 30px;margin-left: 2px;    transition: all 0.3s;cursor: pointer;}
.p_page .pre {
height: 30px;color:#333;border-width: 0;    transition: all 0.3s;border-style: solid;border-color: rgba(255,255,255,0);background-color: rgba(238,238,238,1) !important;text-align: center;padding-top: 0;padding-right: 20px;padding-left: 20px;position: relative;left: 0;top: 0;margin-left: 18px;margin-right: 5px; transition: all 0.1s;}
.p_page .pre:hover{background: #FF7E21!important; color: #fff!important;}
.p_page .pageNum {height: 30px;width: 30px;color: rgba(102, 102, 102, 1);border-width: 0;border-style: solid;border-color: rgba(255,255,255,0);background-color: rgba(242, 242, 242, 1);text-align: center;position: relative;margin-right: 5px;line-height: 30px;}
.p_page .pageNum:hover{background: #FF7E21; color: #fff;}
.p_page .pageNum.active {background-color: rgba(255, 126, 33, 1)!important;color: #ffffff !important;}
.p_page .p_PageInterval {display: inline-block;position: static;float: left;margin-right: 5px;line-height: 30px;font-size: 12px;cursor: text;color: rgba(102,102,102,1);}
.p_page .next {height: 30px;color: rgba(255, 255, 255, 1);
border-width: 0;border-style: solid;border-color: rgba(255,255,255,0);background-color: rgba(101, 190, 186, 1);
text-align: center;padding-top: 0;padding-right: 20px;
padding-left: 20px;position: relative;left: 0;top: 0;display: inline-table;float: left;background-color: rgba(255, 126, 33, .8)!important;color: #ffffff !important;transition: all 0.5s;}
.p_page .next:hover{background: #FF7E21!important;}
.case{background: #191818;padding: 30px 0 40px;}
.casem{width: 1200px; margin: 0 auto;}
.casem h2{text-align: center; line-height:80px;font-size: 60px; color: #FF7E21; margin-bottom: 60px;}
.caselb{}
.caselb li{width: calc((100% - 30px)/3);height: auto;list-style: none;position: relative;float: left;overflow: hidden;margin: 5px;margin-bottom: 15px;}
.caselb li .a1 img {width: 474px;height: 267px;}
.caselb li  .a1 .divA {position: absolute;bottom: 0;left: 0;width: 100%;height: auto;padding: 10px 20px;background: #fafafa;}
.caselb li .a1 .divA>.p1 {width: auto;height: auto;font-size: 18px;line-height: 25px;color: #666;}
.caselb li .a2 {position: absolute;top: 0;left: -390px;width: 100%;height: 100%;text-align: center;color: white;background: rgba(0,0,0,0.5);transition: all 0.2s;}
.caselb li .a2 .p4 {width: 100%;text-align: center;position: absolute;top: 34px;left: -474px;color: #ffe605;font-size: 24px;font-weight: bold;transition: all 0.2s 0.1s ease-out;}
.caselb li .a2 .p7 {position: absolute;bottom: -50px;left: 31%;width: 160px;height: 38px;line-height: 38px;border-radius: 20px;margin: 10px auto;border: 1px solid;transition: all 0.2s 0.5s;}
.caselb li:hover .a2{left: 0;}
.caselb li:hover .a2 .p4{left: 0;}
.caselb li:hover .a2 .p7{bottom: 0;}
.news{background: #fff;padding: 70px;}
.newsm{width: 1280px;margin: 0 auto;}
.newsm li {background-color: #f5f5f5;margin-bottom: 25px;position: relative;}
.newsm li::after {content: "";background: #ff7e21;height: 45px;width: 3px;display: block;right: 0px;position: absolute;top: 28px;transition: all .45s;}
.newsm li .imgbox {width: 35%;display: block;position: relative;overflow: hidden;    float: left;
}
.newsm li .imgbox .pic {height: 100%;transition: 600ms;-webkit-transition: 600ms;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;background: #eee;overflow: hidden;height: 0;width: 100%;padding-bottom: 60%;}
.newsm li .imgbox img {width: 100%;height: 100%;display: block;background-repeat: no-repeat;
background-size: cover;background-position: center center;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);position: absolute;transition: 466ms;}
.up-graybox {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);transition: all 0.4s ease 0s;}
.up-graybox .bgbox {display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.4;filter: alpha(opacity=40);}
.cont-wrap {float: right;margin-right: 3.8%;right: 0px;height: 100%;padding-top: 20px;position: absolute;}
.cont-wrap .stit {color: #fff;font-weight: bold;font-size: 24px;line-height: 28px;/*height: 46px;overflow: hidden;*/}
.cont-wrap .stit a {color: #555555;font-size: 18px;transition: color 0.3s ease 0s;}
.mtit {font-size: 14px;color: #999;margin-top: 0px;line-height: 36px;}
.btit {display: block;line-height: 24px;font-size: 13px;margin-top: 10px; width: 691.25px; height: 100px;color: #666;overflow: hidden;opacity: 0.8;}
.newsm li .imgbox:hover .up-graybox { opacity: 1; filter: alpha(opacity=1); } 
.newsm li .imgbox:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); } 
.newsm li:hover:after{content:""; background:#ff7e21; height:252px; top:0px; }
.newsm li:hover .cont-wrap .stit a{color: #FF7E21;}
.xq .sbanner,.xq .footer,.xq .smid{position: relative;top: initial!important;}
.xq .page{height: auto!important}
.newsxq{width: 1280px;margin: 0 auto;padding: 55px 0 60px;}
.newsxqtitle{line-height: 40px;font-size: 30px; color: #fff;max-width: 85%;}
.newsxqtitleb{margin: 20px 0 30px; border-bottom: 1px dotted #ccc;padding-bottom: 30px;font-size: 14px; color: #C8C8C8;line-height: 18px;}
.newsxqtitleb .iconfont1:before {    content: '\e6a6';}
.newsxqtitleb .iconfont2:before {    content: '\e60a';}
.newsxqtitleb .iconfont3:before {    content: '\e67a';}
.col96{color: #696969;}
.xqab{border: 1px solid rgba(228,228,228,1); background-color: rgba(252,251,253,1);padding: 5px 10px;margin: 15px 0 20px; color: #999;font-size: 14px; line-height: 26px;}
.xqmid{color: #707070;font-size: 12px; line-height: 20px;}
.xqmid img{max-width: 100%	;}
.p_PrevAndNext {border-top-width: 1px;border-top-style: solid;border-top-color: #ccc;overflow: hidden;margin-top: 20px;margin-bottom: 20px;}
.p_previewBox {float: none;line-height: 60px;overflow: hidden;height: 60px;border-bottom-width: 1px;border-bottom-style: solid;
border-bottom-color: #ccc;font-size: 16px;padding-right: 28px;cursor: pointer;transition: all 0.5s;}
.p_nameD {margin-right: 25px;padding: 0px 10px;color: #7c7c7c;font-size: 16px;height: 60px;line-height: 60px;margin-top: -3px;transition: all 0.5s;display: inline-block;text-align: left;}
.p_nameD .font {vertical-align: middle;line-height: 60px;position: relative;display: block;padding-left: 30px;font-weight: bold;transition: all 0.5s;}
.p_nameD .font .iconfont {display: block;position: absolute;height: 30px;line-height: 30px;width: 30px;left: 0px;top: 15px;background: url(../images/icon2.png) 0 0 no-repeat;transition: all 0.3s;}
.p_nameD2 .font .iconfont {background: url(../images/icon3.png) 0 -30px no-repeat;}
.p_PrevAndNext a {width: 900px;color: #666;font-size: 14px;display: inline-block;}
 .p_previewBox:hover .p_nameD{color: #fff;background: #FF7E21;}
 .p_previewBox:hover .p_nameD .font .iconfont{background: url(../images/icon2.png) 0 -30px no-repeat;}
 .p_previewBox:hover .p_nameD2 .font .iconfont{background: url(../images/icon3.png) 0 0 no-repeat;}
.proxq{background-color: #191818;}
.pxq{background: url(../images/icon4.jpg) no-repeat top center rgba(25, 24, 24, 1);padding: 200px 0 50px;}
.pxqm{width: 1280px;margin: 0 auto;}
.pxqmtl{width: 630px;}
.pxqmtl h2{color: #fff;font-size: 72px;margin: 15px 0 30px; line-height: 70px;font-family: arial;font-weight: normal;}
.pxqmtl h3 {font-size: 34px;font-weight: normal; color: #5d5d5d;font-family: arial;}
.pxqmtltxt{margin: 30px 0;font-size: 14px;color: #999; line-height: 25px;}
.scimg{border: 2px solid #fc0301; box-sizing: border-box;width: 40px; height: 40px;}
.scimg img{max-width: 100%; max-height: 100%;}
.pdf{background: #333;border-radius: 5px;padding: 20px;box-sizing: border-box;width: 260px;}
.pdf span{width: 180px;color: #fff;font-size: 16px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.minpic{position: relative;width: 600px;padding: 0 30px;height: 90px;}
.minpicl{position: absolute;width: 28px;height: 90px;left: 0; top: 0;background-color: rgba(162, 162, 162, 0.1); cursor: pointer;}
.minpicl i::before{content: "\e687";display: inline-block;line-height: 90px;width: 28px;text-align: center;color: #fff;font-size: 28px; transition: all 0.3s;}
.minpicl:hover i::before{color: #FF7E21;}
.minpicr{position: absolute;width: 28px;height: 90px;right: 0; top: 0;background-color: rgba(162, 162, 162, 0.1); cursor: pointer;}
.minpicr i::before{content: "\e6ae";display: inline-block;line-height: 90px;width: 28px;text-align: center;color: #fff;font-size: 28px; transition: all 0.3s;}
.minpicr:hover i::before{color: #FF7E21;}
.minpicm{overflow: hidden;width: 540px;height: 90px; margin: 0 auto;}
.minpicm .swiper-slide{box-sizing: border-box;border: 2px solid #fff;display: flex;  flex-direction:column;  justify-content:center;}
.minpicm .swiper-slide:hover{border: 2px solid #fc0301;}
.minpicm img{max-width: 100%;max-height: 100%;}
.pxqmtr{width: 600px;height: 600px;}
.pxqmtr img{max-width: 600px; max-height: 600px;}
.pxqb{width: 1180px;margin: 55px 50px 0;}
.pxqbtab{width: 843px;}
.pxqbtab td{border: solid 1px #a7a6a6;font-size: 12px;  color: #a7a6a6; padding: 10px; line-height: 30px;}
.fp-section{overflow: hidden;}
.section1::before{height: 100%;
width: 100vw;left: 0;top: 0;
position: absolute;content: '';
z-index: 1;    background: radial-gradient(ellipse at center, rgba(38, 41, 60, 0) 0, rgba(38, 41, 60, .9) 100%);}
.spvideo{position: absolute;width: 100%;height: auto;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);}

.p_bgBox {animation-name: bgMagnify;animation-duration: 20s;
animation-delay: 1.2s;height: 100%;width: 100%;background-color: rgba(38, 41, 60, 0.8);}
.sc1box{position: absolute;left: 0;top: 0;background-color: rgba(38, 41, 60, 0.8);width: 100%; height: 100%;}
.scline{position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index: 101;box-sizing: border-box;padding: 0 16.66%;}
.scline span{width: 1px; height: 0%; background-color: rgba(255, 255, 255, 0.08); }
.active .scline span{animation:anmi-mask02 1s 2.2s forwards ;}

.scmask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;}
.home__flaps2{position: relative;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 9;pointer-events: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.home__flaps-row2{width: 100%;height: 50%;-webkit-box-flex: 2;-ms-flex-positive: 2;flex-grow: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;} 
.home__flaps-row2 .home__flap{height: 100%;width:calc((100% - 0px)/6);}
.home__flaps-row2 .home__flap .inner{background-color: #27293d;width:100%;height:100%;animation-timing-function:cubic-bezier(0.64, 0.08, 0.24, 0.94);animation-duration: 0.8s;animation-fill-mode:forwards; animation-name: anmi-mask1;animation-delay: 0s;}
.active .home__flaps-row2 .home__flap .inner{animation-name: anmi-mask;animation-delay: 1s;}
.home__flaps-row2 .home__flap.home__flap--light .inner{ animation-timing-function:cubic-bezier(0.64, 0.08, 0.24, 0.94);animation-duration: 0.9s;animation-fill-mode:forwards; animation-name: anmi-mask1;animation-delay: 0s;}
.active .home__flaps-row2 .home__flap.home__flap--light .inner{animation-name: anmi-mask;animation-delay: 0.6s;}
.sc1txt{width: 1200px;position: absolute;left: 50%;margin-left: -600px; z-index: 102;height: 100%; top: 0; color: #fff;font-family: 'Bebas';    font-size: 10vh !important;    font-weight: bold; line-height: 15vh; text-transform: uppercase; overflow: hidden;  }
.sc1txt p{animation-duration: 1s; animation-delay: 0;}
.active .sc1txt p:nth-child(1){animation-delay: 1.2s;text-align:center;letter-spacing:6px;}
.active .sc1txt p:nth-child(2){animation-delay: 1.4s;;text-align:center;letter-spacing:6px;}
.active .sc1txt p:nth-child(3){animation-delay: 1.6s;text-align:center;letter-spacing:6px;}


.scroll2{position: fixed;width: 80px;height: 96px; left: 50%;margin-left: -40px;bottom: 0;z-index: 10;animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: both;}
.scroll2 p{font-family: arial;}
.scroll2 span{width: 3px;height: 50px; position: relative; overflow: hidden;}
.scroll2 span::before{content: '';display: inline-block;width: 3px;height: 50px;position: absolute;left: 0;top: 0;background: #fff;animation: screen-arrow 1.5s infinite ease;}
#fp-nav{right: 40px!important; bottom: 30px; margin: 0!important;top: initial;animation-name: fadeInRight;
    animation-duration: 1.3s;
    animation-delay: 1.8s;
    animation-fill-mode: both;}
#fp-nav ul li{width: 3px!important;height: 30px!important;background: rgba(255,255,255,.5); margin: 5px 0!important;}
#fp-nav ul li a span{display: none;}
#fp-nav ul li a.active{background: #fc0301;}
.floatl{width: 34px;height: 99px; position: fixed; left: 30px; bottom: 20px; z-index: 100;animation-name: fadeInLeft;
    animation-duration: 1.3s;
    animation-delay: 1.8s;
    animation-fill-mode: both;}
.floatlph{width: 32px;height: 32px; position: relative; cursor: pointer;}
.floatlph p{font-size: 18px;color:#fff; line-height: 32px; position: absolute;font-family: 'Bebas';    opacity: 0;    transform: translateX(-5px);    transition: 0.5s ease 0.2s;    width: 144px; left: 42px; top: 0;}
.floatlphpic{width: 32px;height: 32px; position: absolute;left: 0;top: 0; overflow: hidden;}
.floatlphpic img{position: absolute;left: -32px; top: 0;transition: 0.5s ease;}
.floatlph:hover .floatlphpic img{left: 0;}
.floatlph:hover p{opacity: 1; transform: translateX(0);}
.floatline{background: rgba(255, 255, 255, 0.2);width: 20px;height: 2px;margin: 14px auto;}
.floatlwx{width: 95px;height: 92px;position: absolute;transform: translateX(-5px); opacity: 0;   transition: 0.5s ease 0.2s;left: 42px; top:-65px; }
.floatlph:hover .floatlwx{opacity: 1; transform: translateX(0);}

.sc2box,.scbox{position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.sc2m,.scm{width: 100%;height: 100%;position: relative;z-index: 103;}
.sc2txt{position: relative;width: 1280px; margin: 0 auto;box-sizing: border-box;padding-right: 5px;}
.sc2txt h2{font-family: 'Bebas'; text-transform: uppercase;color: #fff;font-size: 8vh !important;font-weight: normal;display: block;line-height: 12vh;height: 8vh;    animation-duration: 1s;animation-delay: 0;animation-fill-mode: forwards    }
.active .sc2txt h2{animation-delay: 1.5s;}
.sc2txt h3{color: #fff;font-size: 40px; line-height: 50px;    animation-duration: 1.3s;    animation-delay: 0s;animation-fill-mode: both   }
.active .sc2txt h3{animation-delay: 1.8s;}
.sc2txt p{color: #fff; font-size: 16px; line-height: 30px; text-align: justify;    animation-duration: 1.5s;animation-delay: 2s;animation-fill-mode: both}
.sc2txt a{width: 130px;height: 35px; position: absolute;right: 0; top: 0; overflow: hidden;    animation-duration: 1s;animation-delay: 1.5s; z-index: 100;}
.sc2txt a span{display: block; color: #fff; line-height: 35px;font-size: 18px; text-transform: uppercase; text-align: center;transform: translateY(8px);transition: 0.36s ease;}
.sc2txt a:before {content: "";position: absolute;height: 100%;width: 100%;background: #ff7e21;left: 0;bottom: 0;z-index: -2;transform: translateY(80%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96);}
.sc2txt a:after {content: "";position: absolute;height: 100%;width: 100%;background: rgba(255,255,255,.3);left: 0;bottom: 0;z-index: -1;transform: translateY(100%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.16s;}
.sc2txt a:hover span,.sc2txt a:hover::before{transform: translateY(0px);}
.sc2txt a:hover::after{transform: translateY(-100%);}
.sc2b{width: 100%;position: relative;margin: 10px 0 0;}
.sc2bm{width: 1050px;margin: 0 auto; position: relative;z-index: 5;}
.sc2bmm{width: 300px; height: 272px;position: relative; text-align: center; box-sizing: border-box;padding: 52px 0 0;}
.sc2bmmpic{    animation-duration: 1s;animation-fill-mode: both;animation-delay:0s;}
.sc2bmmpic div{transition: 0.5s ease;}
.sc2bmmpic img{    transition: 0.6s ease;}
.sc2bmmline{width: 2px;height: 25px;background: rgba(255, 126, 33, 1);margin: 10px auto 5px;animation-duration: 1s;animation-fill-mode: both;animation-delay:0s;}
.sc2bmmtxt{color: #fff;font-size: 12px; line-height: 18px;animation-duration: 1s;animation-fill-mode: both;animation-delay:0s;}
.sc2bmmtxt2{width: 240px;color: #d4d8f7;font-size: 12px; line-height: 24px; position: absolute;left: 50%; margin-left: -120px;top: 200px;opacity: 0;transition: 0.5s ease 0.1s;    transform: translateY(20%);}
.sc2bmm:hover .sc2bmmpic div{transform: translateY(-30%);}
.sc2bmm:hover img{transform: rotateY(180deg);}
.sc2bmm:hover .sc2bmmtxt2{opacity: 1; transform: translateY(0);}
.sc2bmm:nth-child(1){margin-top: 30px;}
.sc2bmm:nth-child(2){margin-top: 15px;}
.active .sc2bmm:nth-child(1) .sc2bmmpic,.active .sc2bmm:nth-child(1) .sc2bmmline,.active .sc2bmm:nth-child(1) .sc2bmmtxt{    animation-delay: 2.8s;}
.active .sc2bmm:nth-child(2) .sc2bmmpic,.active .sc2bmm:nth-child(2) .sc2bmmline,.active .sc2bmm:nth-child(2) .sc2bmmtxt{  animation-delay: 3s;}
.active .sc2bmm:nth-child(3) .sc2bmmpic,.active .sc2bmm:nth-child(3) .sc2bmmline,.active .sc2bmm:nth-child(3) .sc2bmmtxt{ animation-delay: 3.2s;}
.sc2bline{height: 72px;position: absolute;top: 115px;left: 0;width: 100%;}
.sc2bline::before{width:0;height: 100%;background: url(../images/img13.png) no-repeat left center;content: '';display: inline-block;animation-fill-mode: forwards; animation-delay: 2.5s;animation-duration:1s;}
.active .sc2bline::before{animation-name: anmi-line;}
.sc2bg{transition:all 0.8s;}
.sc3box{width: 1278px;height: 598px; overflow: hidden; margin: 0 auto; position: relative;}
.sc3title{color: #fff;font-family: 'Bebas';
    text-transform: uppercase;
    font-size: 8vh !important;
    font-weight: normal;position: absolute;left: 0;top: 70px;
	animation-duration: 1s;animation-fill-mode: both;animation-delay:0s;
	}
.active .sc3title{animation-delay:0.5s;}
.sc3m{width: 1278px;height: 598px; overflow: hidden; position: relative;z-index: 1;}
.sc3ml{width: 470px;height: 228px;}
.sc3ml h2{color: #fff;font-size: 42px; margin-bottom: 20px;font-weight: normal; white-space: nowrap; animation-name: fadeOutDown;animation-duration: 0.8s;animation-delay:0;animation-fill-mode: both;}
.sc3ml p{color: #fff;font-size: 16px; line-height: 30px;margin-bottom: 40px;animation-name: fadeOutDown;animation-duration: 0.8s;animation-delay:0;animation-fill-mode: both;}
.sc3ml a{width: 130px;height: 35px;  overflow: hidden;   position: relative;display: block;animation-name: fadeOut;animation-duration: 0.8s;animation-delay:0;animation-fill-mode: both;}
.sc3ml a span{display: block; color: #fff; line-height: 35px;font-size: 18px; text-transform: uppercase; text-align: center;transform: translateY(8px);transition: 0.36s ease;}
.sc3ml a:before {content: "";position: absolute;height: 100%;width: 100%;background: #fc0301;left: 0;bottom: 0;z-index: -2;transform: translateY(80%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96);}
.sc3ml a:after {content: "";position: absolute;height: 100%;width: 100%;background: rgba(255,255,255,.3);left: 0;bottom: 0;z-index: -1;transform: translateY(100%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.16s;}
.sc3ml a:hover span,.sc3ml a:hover::before{transform: translateY(0px);}
.sc3ml a:hover::after{transform: translateY(-100%);}
.sc3mr{width: 598px;height: 598px;animation-name: fadeOutDown;animation-duration: 0.8s;animation-delay:0;animation-fill-mode: both;}
.sc3mr img{max-width: 100%;max-height: 100%;}
.sc3bl{position: absolute;width: 100px;left: 0; bottom: 0;animation-duration: 1.2s;animation-fill-mode: both;animation-delay:0s; z-index: 2;}
.active .sc3bl{animation-delay:1.3s;}
.sc3blm{border: 1px solid #fff;width: 46px;height: 46px;position: relative; cursor: pointer;}
.sc3blm::after{display: inline-block;line-height: 44px;width: 100%; position: absolute;left: 0;top: 0; color: #fff;font-family: 'iconfont';font-size: 32px; text-align: center;}
.sc3blm::before{content: '';display: inline-block;width: 100%;height: 100%;position: absolute; top: 0; width: 0;z-index: -1;background: #fc0301;transition: 0.36s ease; cursor: pointer;}
.sc3blml::before{left: 0;}
.sc3blmr::before{right: 0;}
.sc3blm:hover::before{width: 100%;}
.sc3blml::after{content: "\e6b0";}
.sc3blmr::after{content: "\e6af";}

.sc3m .swiper-slide-active .sc3ml h2{    animation-name: fadeInUp;animation-duration: 0.8s;animation-delay: 0.5s;animation-fill-mode: both;}
.sc3m .swiper-slide-active .sc3ml p{    animation-name: fadeInUp;animation-duration: 0.8s;animation-delay: 0.7s;animation-fill-mode: both;}
.sc3m .swiper-slide-active .sc3ml a{    animation-name: fadeIn;animation-duration: 1.2s;animation-delay: 1s;animation-fill-mode: both;}
.sc3m .swiper-slide-active .sc3mr{    animation-name: fadeInUp;animation-duration: 0.8s;animation-delay: 0.3s;animation-fill-mode: both;}

.sc4 .scm{box-sizing: border-box;padding: 0 16.66%; position: relative;}
.sc4mt{width: 100%;position: absolute;left: 0;top: 25vh;z-index: 2;padding: 0 16.66%;box-sizing: border-box;}
.sc4mt h2{color: #fff;font-family: 'Bebas';
    text-transform: uppercase;
    font-size: 8vh !important; line-height: 60px;
    font-weight: normal;animation-duration: 1s;animation-fill-mode: both;animation-delay:0s;}
.active .sc4mt h2{animation-delay:1.8s;}
.sc4mt a{width: 130px;height: 35px;  overflow: hidden;position: relative;animation-duration: 1s;animation-fill-mode: both;animation-delay:0;    }
.active .sc4mt a{animation-delay:1.8s;}

.sc4mt a span{display: block; color: #fff; line-height: 35px;font-size: 18px; text-transform: uppercase; text-align: center;transform: translateY(8px);transition: 0.36s ease;}
.sc4mt a:before {content: "";position: absolute;height: 100%;width: 100%;background: #ff7e21;left: 0;bottom: 0;z-index: -2;transform: translateY(80%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96);}
.sc4mt a:after {content: "";position: absolute;height: 100%;width: 100%;background: rgba(255,255,255,.3);left: 0;bottom: 0;z-index: -1;transform: translateY(100%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.16s;}
.sc4mt a:hover span,.sc2txt a:hover::before{transform: translateY(0px);}
.sc4mt a:hover::after{transform: translateY(-100%);}

.sc4m{overflow: hidden;width: 100%;height: 100%; position: relative;z-index: 1;animation-duration: 1.5s;animation-fill-mode: both;animation-delay:0;}
.active .sc4m{animation-delay:1.8s;}
.sc4m .swiper-slide{box-sizing: border-box;padding: 38vh 1vh 0; position: relative;}
.sc4m .swiper-slide::before{content: "";position: absolute;left: 0px;bottom: 0px;width: 100%;height: 0;background-color: rgba(22,36,54,.5); z-index: 1;
transition: all 0.6s ease;}
.sc4m .swiper-slide:hover::before{height: 100%;}
.sc4m .swiper-slide a{}
.sc4mpic{margin: 5px;padding-bottom: 75%;z-index: 2;
height: 0px;transition: all 0.5s ease; overflow: hidden;position: relative;}
.sc4mpicm{position: absolute;width: 100%;height: 100%; text-align: center;overflow: hidden;}
.sc4mpicm img{width: 100%!important;height: auto!important;left: 50%!important;top: 50%!important;transform: translate(-50%,-50%)!important; position: absolute!important;}

.sc4mtxt{margin: 10px;position: relative;z-index: 2;}
.sc4mtxt h2{color: #fff;transition: all 0.5s ease 0.1s;font-size: 16px; line-height: 22px;height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.sc4mtxt p{color: #d4d8f7;height: 48px;margin: 15px 0 20px; font-size: 12px;transition: all 0.6s ease 0.2s; line-height: 24px;}
.sc4mtxt  span{display: inline-block;font-size: 12px; line-height:30px;color: #fd8835;}
.sc4m .swiper-slide:hover .sc4mpic,.sc4m .swiper-slide:hover .sc4mtxt h2,.sc4m .swiper-slide:hover .sc4mtxt p{transform: translateY(-20px);}
.sc4m .swiper-slide:hover .sc4mtxt h2{color: #fd8835;}
.sc4mb{position: absolute;width: 100%;left: 0;bottom: 15%; text-align: center; z-index: 104;animation-duration: 1.5s;animation-fill-mode: both;animation-delay:0;}
.active .sc4mb{animation-delay:2.8s;}
.sc4mb .swiper-pagination-bullet{width: 16px;height: 16px;margin: 0 8px; border-radius: 0; opacity: 1!important;background: #fff;}
.sc4mb .swiper-pagination-bullet-active{background: #fc0301;}
.sc5m{width: 1315px;margin: 0 auto; position: relative;}
.sc5ml{position: relative;z-index: 2;}
.sc5ml h2{color: #fff;font-family: 'Bebas';text-transform: uppercase;font-size: 8vh !important; line-height: 60px;font-weight: normal; margin-bottom: 35px;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}
.active .sc5ml h2{ animation-delay: 0;}
.sc5ml h3{color: #fff;font-size: 40px; line-height: 55px;padding-bottom: 25px; position: relative;    animation-duration: 1.2s;animation-delay: 1.8s;animation-fill-mode: both;}
.active .sc5ml h3{ animation-delay: 0;}
.sc5ml h3::before{content: '';display: inline-block;width: 56px;height: 2px;background: #fff; position: absolute;left: 0; bottom: 0;}
.sc5mlm{animation-duration: 1.2s;animation-delay: 2.5s;animation-fill-mode: both;}
.active .sc5mlm{animation-delay: 0}
.sc5ml h4{font-size: 26px; line-height: 35px; letter-spacing: 5px;margin: 25px 0 15px; color: #fff;font-weight: normal;}
.sc5ml p{line-height: 36px;color:#8298b3;font-size: 14px; position: relative;}
.sc5ml p a{color:#8298b3;}
.sc5ml p.one::before{content: '\e630';display: inline-block;width: 30px; text-align: left; position: absolute;left: 0; top: 0; line-height: 36px;color: rgb(217, 161, 85);font-size: 18px;font-family: 'iconfont'}
.sc5ml p.two::before{content: '\e628';display: inline-block;width: 30px; text-align: left; position: absolute;left: 0; top: 0; line-height: 36px;color: rgb(217, 161, 85);font-size: 18px;font-family: 'iconfont'}
.sc5ml p.three::before{content: '\e66f';display: inline-block;width: 30px; text-align: left; position: absolute;left: 0; top: 0; line-height: 36px;color: rgb(217, 161, 85);font-size: 18px;font-family: 'iconfont'}
.sc5ml p.four::before{content: '\e676';display: inline-block;width: 30px; text-align: left; position: absolute;left: 0; top: 0; line-height: 36px;color: rgb(217, 161, 85);font-size: 18px;font-family: 'iconfont'}
a.link{width: 130px;height: 35px;display: inline-block;  overflow: hidden;position: relative;animation-duration: 1s;
animation-delay: 2.5s;
animation-fill-mode: both;  }
.active a.link{animation-delay: 0;}

a.link span{display: block; color: #fff; line-height: 35px;font-size: 18px; text-transform: uppercase; text-align: center;transform: translateY(8px);transition: 0.36s ease;}
a.link:before {content: "";position: absolute;height: 100%;width: 100%;background: #ff7e21;left: 0;bottom: 0;z-index: -2;transform: translateY(80%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96);}
a.link:after {content: "";position: absolute;height: 100%;width: 100%;background: rgba(255,255,255,.3);left: 0;bottom: 0;z-index: -1;transform: translateY(100%);transition: 0.36s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.16s;}
a.link:hover span,.sc2txt a:hover::before{transform: translateY(0px);}
a.link:hover::after{transform: translateY(-100%);}
.sc5mr{width: 859px;height: 522px;position: absolute;right: 0;top: 35px;animation-duration: 2s;animation-delay: 2.8s;animation-fill-mode: both;}
.active .sc5mr{animation-delay:0;}
.map{position: absolute;left: 0;top: -5px;width: 824px; height: 461px; background: url(../images/img17b.png) no-repeat center center;}

.mapline{    position: absolute;top: 146.5px;left: 312px;z-index: 103;width: 19px;
height: 87px;border-left: 1px solid #fff;}
.maptxt{position: absolute;top: 110px;left: 272px;text-align: center;z-index: 104;width: 76px;height: 16px;color: #fff;font-size: 12px;}
.mapq1{position: absolute;top: 160.5px;left: 238px;animation: mymaps 2s infinite linear;z-index: 101;width: 150px;height: 150px;}
.mapq1 img,.mapq2 img{width: 100%;height: 100%;}
.mapq2{    position: absolute;top: 199.5px;left: 280px;z-index: 102;width: 66px;animation: mymaps 1s infinite linear;height: 66px;}
.sylogo{animation-duration: 1.8s;animation-delay: 1.5s;animation-name: fadeInLeft;animation-fill-mode: both;}
.synav{animation-duration: 1.8s;animation-delay: 1.5s;animation-name: fadeInRight;animation-fill-mode: both;}
.sylogo1{animation-duration: 1.8s;animation-delay: 0s;animation-name: fadeInLeft;animation-fill-mode: both;}
.synav1{animation-duration: 1.8s;animation-delay: 0s;animation-name: fadeInRight;animation-fill-mode: both;}
@media screen and (max-width:1441px) {
.sc2m{box-sizing: border-box;padding: 100px 0 0;}
}
@media screen and (max-width:1361px) {
.sc2m{box-sizing: border-box;padding: 60px 0 0;}
.sc2txt h3{line-height: 30px;}
.sc2txt p{font-size: 15px; line-height: 25px;}
.sc2bmm{padding: 32px 0 0;}
.sc2b{margin: 10px 0 0;}
.sc2bm{margin-top: -50px;}
.sc2bline{top: 55px;}
.sc2bmmtxt2{line-height: 20px;top: 160px;}
.sc3title{top: 100px;}
.sc4m .swiper-slide{padding-top: 32vh;}
.sc4mt{top: 20vh;}
.sc5m{width: 1280px;}
.sc5ml h2{margin-bottom: 5px;}
.sc5ml h3{padding-bottom: 15px;}
.sc5ml h4{margin: 15px 0 0;}
.sc5ml p{line-height: 30px;}
}


/*------------------------------------------------------------------*/
.page_div{
    margin:20px 10px 20px 0;
    color:#999;
}

.page_div button{
    display:inline-block;
    min-width: 30px;
    height: 30px;
    cursor:pointer;
    color:#999;
    font-size:14px;
    line-height:22px;
    background-color:#f9f9f9;
    border:1px solid #dce0e0;
    ext-align:center;
    margin:0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#nextPage{
    color:#ffffff;
    border:1px solid rgba(255,255,255,0);
    background-color: rgba(255, 126, 33, .8);
    font-size:12px;
}

#prePage {
    background-color: #ffffff;
    color: #000000;
    transition: all 0.3s;
    font-size:12px;
}

#nextPage,#prePage{
    width:83px;
}

.page_div .current{
    background-color:rgba(255, 126, 33, 1);
    border-color:rgba(255, 126, 33, 1);
    color:#fff;
}
.totalPages{
    margin:0 10px;
}
.totalPages span,.totalSize span{
    color:#0073A9;
    margin:0 5px;
}
.page_div button:disabled{
    opacity:.5;
    cursor:no-drop; 
}

/*-----------------------------------------------------------*/
.lximg{width: 500px; position: absolute;top: 135px;right: 0; z-index: 3;}
.lximg img{width: 500px; height: auto;}


.sbbm2{padding: 20px 10px 20px 0; margin-right: 10px; display: inline-block;position: relative;}
.sbbm2::after{content: '';display: inline-block;width: 1px;height: 10px;background: #ddd;position: absolute;right: 0;top: 50%;margin-top: -5px;transition: 0.3s ease 0s;}
.sbbmlink{display: inline-block;height: 40px; line-height: 40px;font-size: 15px; color: #fff; position: relative;}
.sbbmlink::before{content: "";width: 14px;height: 1px;display: inline-block;vertical-align: middle;opacity: 0;    margin-right: 10px;
transform: rotateZ(-70deg);transition: all 0.3s ease 0s;background: #999;}
.sbbmlink::after{transition: 0.3s ease 0s;
content: '';width: 14px;height: 1px;display: inline-block;vertical-align: middle;background: #999;opacity: 0;    margin-left: 10px;transform: rotateZ(110deg);}
.sbbm2:hover .sbbmlink{color: #ff7e21;}
.sbbm2:hover::after{opacity: 0;}
.sbbm2:hover .sbbmlink::before,.sbbm2:hover .sbbmlink::after{opacity: 1; transform: rotateZ(0); background: #ff7e21;}
.sbbm2b{position: absolute;left: 0;top: 100%;background: rgba(255, 255, 255, 0.05);padding: 0 10px;display: none;}
.sbbm2b a{display: inline-block;width: 100%; text-align: center; line-height: 40px;font-size: 15px; color: #fff;}
.sbbm2b a:hover{color: #ff7e21;}
.sbbm2:hover .sbbm2b{display: block;}








.htab{
	background: #e7e7e7;
	overflow: hidden;
}
.htaba{
	position: sticky;z-index: 11;
}

.htab .swiper-wrapper{
	justify-content: center;
}
.htab li a{
	display: flex;width: 100%;
	align-items: center;
	justify-content:center;
	position: relative;
	height: 68px;
	border-right: 1px solid #d6d6d6;
}
.htab li:first-child a{
	border-left: 1px solid #d6d6d6;
}
.htab li a:hover,
.htab li.on a{
	background: #fff;
}
.htab li a:hover i,
.htab li.on a i{
	position: absolute;
	left: 0;right: 0;
	bottom: 0;width: 12px;height: 6px;
	background: url(../images/qms5.png) no-repeat center;
	margin: 0 auto;
	display: block;
	z-index: 1;
}
.htab li img{
	display: block;
	width:26px ;
	height: 26px;
	object-fit: contain;
	margin-right: 12px;
}
.htab li h4{
	font-size:16px ;
	color: #000000;
	font-weight:normal
}

.about .hd{
	padding: 90px 0 80px;
}
.about .hd h1{

	color: #000000;
	line-height:2;
	position: relative;
	font-weight:normal;
}

.about .hd .dels{
	font-size:14px ;
	color: #646464;
	line-height: 1.8;
	margin: 30px 0;
}
.about .hd .txtc{
	width: 60%;
}
.about .hd .unms{
	margin-top:60px;
}
.about .hd .unms li{
	display: inline-block;
	margin-right: 50px;
	border-right: 1px solid #c7c7c7;
	padding-right: 15px;
}
.about .hd .unms li h4{
	font-size:16px ;
	color: #000000;
	font-weight:normal;
}
.about .hd .unms li h3{
	font-size:52px ;
	color: #fc0301;
	
}
.about .hd .unms li h3 i{ font-style:normal;}
.about .hd .unms li h6{
	font-size:16px ;
	color: #8f8b88;
	font-weight:normal;
}
.wrap{
	width: 1400px;
	margin: 0 auto;
}
.about .bdlic{
	background: #f5f5f5;
	padding: 70px 0;
}
.utit2 h2{
	position: relative;
	line-height: 2;
	padding-bottom: 10px;
	text-align:center;
	font-weight:normal;
	font-size:32px
}
.utit2 h2::before{
	content: '';
	position: absolute;
	left: 0;right: 0;
	bottom: 0;width: 60px;
	height: 2px;z-index: 1;
	background: #000;margin: 0 auto;
}
.about .bdlic .pors{
	position: relative;
	margin-top: 60px;
}
.about .bdlic .pors .prev,
.about .bdlic .pors .next{
	position: absolute;
	left: -65px;top: 50%;
	width: 40px;height: 40px;
	background: url(/images/prev.png) no-repeat center;
	cursor: pointer;z-index: 11;
}
.about .bdlic .pors .next{
	left: auto;right: -65px;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari Chrome */
	-o-transform:rotate(180deg);
}
.about .bdlic .swiperlc{
	overflow: hidden;
}
.about .bdlic .swiperlc .swiper-slide{
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 42px 25px;
	height: 340px;
}
.about .bdlic .swiperlc .swiper-slide h3{
	font-size: 24px;
	color: #000000;
	margin-bottom: 20px;
}
.about .bdlic .swiperlc .swiper-slide .dlc{
	font-size: 14px;
	line-height: 2;
	color: #505050;
}
.about .bdlic .lines{
	margin-top: 60px;
	background:url(/images/uico2.png) no-repeat center top ;
	overflow: hidden;
}
.about .bdlic .lines .lins{
	height: 7px;
	background: #c7c7c7;
	margin-top:15px ;
	position: relative;
}
.about .bdlic .flx{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	color: #000000;
	margin-top: 15px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
	background: #fc0301;
}
.about .bdlic .flx .next,
.about .bdlic .flx .prev{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(/images/prev.png) no-repeat center;
	cursor: pointer;
}
.about .bdlic .flx .next:hover,
.about .bdlic .flx .prev:hover{
	background: url(/images/prev1.png) no-repeat center;
}
.about .bdlic .flx .next{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari Chrome */
	-o-transform:rotate(180deg);
}
.about .bdlic .flx .fow{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 资质荣誉 */
.abrongyu .roswiper {
	overflow: hidden;
	margin-top: 70px;
}
.abrongyu .roswiper .swiper-slide {
	background: #fff;
	padding: 30px 15px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.abrongyu .roswiper .swiper-slide a {
	display: block;
	height: 100%;
}
.abrongyu .roswiper .swiper-slide .pic {
	height: 270px;
	overflow: hidden;
	margin: 0 auto;
}
.abrongyu .roswiper .swiper-slide .pic img {
	display: block;
	height: 100%;
	margin: 0 auto;
}
.abrongyu .roswiper .swiper-slide h5 {
	margin-top: 46px;
	padding-top: 15px;
	border-top: 1px solid #e3e3e3;
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	padding: 10px;
	overflow: hidden;
	padding-bottom: 0;
	height: 3.2em;
	text-align: center;
	font-weight:normal;
	
}
.abrongyu {padding: 60px 0 40px;}
.robtn {
	margin: 45px auto 0;
	text-align: center;
}
.robtn .prev,
.robtn .next {
	display: inline-block;
	height: 45px;
	width: 45px;
	border-radius: 50%;
	margin: 0 30px;
	cursor: pointer;
	background: url(../images/prev5.png) no-repeat center #fff;
}
.robtn .next {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari Chrome */
	-o-transform:rotate(180deg);
}
.robtn .prev:hover, .robtn .next:hover{
	background: url(../images/prev2.png) no-repeat center #fc0301;
}
/* 招聘信息 */
.fzpinfo {
	padding: 60px 0 70px;
}
.fzpinfo .list li {
	padding: 30px 0 16px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
}
.fzpinfo .list li a {
	display: block;
	overflow: hidden;
}
.fzpinfo .list li .lt {
	float: left;
	width: calc(100% - 140px);
	
}
.fzpinfo .list li .lt h3 {
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	font-weight: bold;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.fzpinfo .list li .lt p {
	margin-top: 6px;
	font-size: 16px;
	line-height: 1.6;
	color: #5b5b5b;
}
.fzpinfo .list li h6 {
	float: right;
	margin-top: 46px;
	font-size: 16px;
	line-height: 1.1;
	color: #b9b9b9;
	font-weight:normal
}
.pages ul{
	text-align: center;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pages li{
	margin: 0 12px;
}
.pages li a{
	display: block;
	padding: 0 15px;
	border-radius:10px;
	background: #fff;
	font-size: 14px;
	color: #929292;
	line-height: 36px;
	box-shadow: 4px 4px 8px 0 rgba(80,80,80,0.1);
}
.pages li a:hover,
.pages li.on a{
	color: #fff;
	background: #fe0100;
}
.txt_body{cursor:pointer}
.txt{display:none;padding: 20px 0 45px;border-bottom: 1px solid #e3e3e3;font-size: 16px;line-height: 2;color: #5d5d5d; font-weight:normal}

.abcontact {

	padding: 75px 0 125px;
}
.abcontact ul {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top: 140px;
}
.abcontact ul li {
	border-right: 1px solid #d5d5d5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 23%;
}
.abcontact ul li:nth-child(4n) {
	border-right: none;
}
.abcontact ul li:nth-child(4n) {
	width: 31%;
}
.abcontact ul li h4 {
	text-align: center;
	font-size: 20px;
	line-height: 1;
	color: #000000;
	font-weight:normal;
}
.abcontact ul li .unca {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	padding: 45px 0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.abcontact ul li .unca .ico {
	height: 60px;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
}
.abcontact ul li .unca .ico img {
	display: block;
	height: 100%;
	width: 100%;
}
.abcontact ul li .unca h6 {
	margin-left: 15px;
	font-size: 18px;
	line-height: 60px;
	color: #000;
	font-weight:normal;
}

.product{
	background: #f5f5f5;
}
.unavs ul{
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
}
.unavs ul li{
	display: inline-block;
	margin-right: 50px;margin-bottom: 0;
}
.unavs ul li a{
	display: inline-block;
	font-size: 16px;
	color: #484848;
	line-height: 68px;
}
.unavs ul li a:hover,
.unavs ul li.on a{
	color: #fc0301;
}
.product .bd{
	margin-top:35px ;
}
.product .bd li{
	float: left;
	width: calc((100% - 58px)/3);
	margin: 0 28px 50px 0;
}
.product .bd li:nth-child(3n){
	margin-right: 0;
}
.product .bd li a{
	display: block;
	background: #fff;
}
.product .bd li .pic{
	height: 360px;
	overflow: hidden;
	max-width: 360px;
	margin: 0 auto;
}
.product .bd li .pic img{
	width: 100%;height: 100%;
	object-fit: cover;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari Chrome */
	-o-transition:all 0.3s;
}
.product .bd li .txta{
	text-align: center;
	padding: 15px 0;
	border-top: 1px solid #e3e3e3;
}
.product .bd li h2{
	font-size:20px ;
	color: #000000;
	font-weight:normal;
}
.product .bd li h4{
	font-size:16px ;
	color: #656565;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:normal
}
.product{
	padding-bottom: 70px;
}
.productdel{
	padding:0px 0 30px;
	background: #f5f5f5;
}
.productdel .hd{
	overflow: hidden;
	margin-top:30px;
}
.productdel .hd .lts{
	width:800px ;float: left;
}
.productdel .hd .lts .swiperhd{
	height: 420px;width: 650px;
	border: 1px solid #e1e1e1;
	float: right;background: #fff;
}
.productdel .hd .lts img{
	width: 100%;height: 100%;
	object-fit: contain;
}
.productdel .hd .lts .swiperbd{
	/* margin-top: 25px; */
	float: left;width: 130px;
}
.productdel .hd .lts .swiperbd li{
	/* float: left;*/
	height: calc((100% - 62px)/5);
	margin: 0 0 10px 0;
	height: 80px;

	cursor: pointer;
	/* border: 1px solid #ccc; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.productdel .hd .lts .swiperbd li img{
	width: 100%;height: 100%;
	object-fit: cover;display: block;
}
.productdel .hd .lts .swiperbd li:nth-child(4n){
	margin-right: 0;
}
.productdel .hd .rts{
	float: right;
	width: calc(100% - 870px);
}
.productdel .hd .rts h1{
	font-size:30px ;
	color: #000000;
	line-height: 2;
	position: relative;
	font-weight:normal;
}
.productdel .hd .rts h1::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 2px;
	background: #000000;
}
.productdel .hd .rts h3{
	font-size: 20px;
	color: #333;
	margin: 20px 0;
	font-weight:normal;
}
.productdel .hd .rts p{
	font-size: 16px;
	color: #656565;
	margin: 20px 0;
	min-height: 5.4em;
	line-height: 1.8;
}
.productdel .hd .rts .btn{
	overflow: hidden;
}
.productdel .hd .rts .btn a{
	display: inline-block;
	width: 130px;line-height: 36px;
	text-align: center;
	background: #fff;
	font-size: 16px;
	color: #000000;
	margin-right: 22px;
}
.productdel .hd .rts .btn a.on{
	background: #fc0301;
	color: #fff;
}
.productdel .bd .ytit{
	margin-top: 40px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	color: #000000;
	line-height: 46px;
}
.productdel .bd .ytit1{
	margin-top: 30px;
	
	font-size: 14px;
	color: #7d7c7c;
	line-height: 30px;
}
.productdel .bd .cans li{
	float: left;
	width:33%;
	height:90px ;
	display: flex;
	/* align-items: center; */
	padding-top:20px;
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	border-bottom: 1px solid #e5e5e5;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all; 
}
#canshu{
white-space:pre-wrap;
	display: flex;
	padding-top:20px;
	padding-bottom:20px;
	font-size: 16px;
	color: #000000;
	line-height:2;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all; }
.productdel .podel{
	font-size: 16px;
	color: #000000;
	padding: 20px 0;
	line-height:2;
	white-space:pre-wrap;
}
.productdel .podown li{
	border-bottom: 1px solid #d8d8d8;
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}
.productdel .podown li .l{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.productdel .podown li .ico{
	width: 26px;position: relative;
	margin-right: 30px;
}
.productdel .podown li .ico img{
	display: block;
}
.productdel .podown li .ico::before{
	content: "";
	position: absolute;
	right: -13px;top: 50%;
	width: 2px;height:14px ;
	background: #c3c3c3;
	margin-top: -7px;
}
.productdel .podown li h4 i{
	font-size: 16px;
	display: inline-block;
	color: #000000;
	margin-right: 30px;
	line-height: 40px;
}
.productdel .podown li h5 i{
	font-size: 16px;
	color: #9e9e9e;
	margin-left: 30px;
	display: inline-block;line-height: 40px;
}
.productdel .podown li a{
	display: inline-block;
	padding-left: 32px;
	background: url(../images/qms17.png) no-repeat left center;
	font-size: 16px;
	color: #9e9e9e;line-height: 40px;
	margin-left: 25px;
}
.productdel .podown li a.b2{
	background: url(../images/qms18.png) no-repeat left center;
}
.productdel .hd .rts .btn a.on:hover,
.fjiondel .jianli:hover,
.ubaojia .btn:hover{
background: #fc0301;
}
.fsearch .vos .button:hover,
.productdel .hd .rts .btn a:hover{
	background: #fc0301;color: #fff;
}
.header .naver li .nli dd a:hover,
.header .naver li h3 a:hover,
.header .naver li.on h3 a,
.usearchlist .list li a:hover,
.product .bd li:hover h2,
.unewsdel .urt2 dd:hover h3,
.unews .bd li:hover h2,
.fzpinfo .list li h6:hover,
.prbtn a:hover,
.hcase .case_swiper .swiper-slide:hover h4,
.productdel .podown li a:hover{
	color: #fc0301;
}
.product .bd li:hover .pic img,
.unews .bd li:hover a img,
.unewsdel .urt li:hover .pic img,
.hcase .case_swiper .swiper-slide:hover .pic img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari Chrome */
	-o-transform:scale(1.1); 
}
.productdel .hd .lts{
	position: relative;z-index: 11;
}
.fuwudown{
	background: #f5f5f5;padding: 20px 0 60px;
}
.fuwudown .productdel{
	padding: 20px 0;
}
.fuwudown .productdel .podown li a.a3{
	background: url(../images/qms40.png) no-repeat right center;
	padding: 0 30px 0 0;
}
.fuwudown .productdel .podown li a.a3:hover{
	color: #fc0301;
	background: url(../images/qms40-1.png) no-repeat right center;
}
.productdel .podown li h3{
	font-size: 18px;
	color: #000000;
}
.productdel2 .podown li{
	align-items: flex-end;
}
.productdel2 .podown li h4 i{
	color: #9e9e9e;font-size: 14px;
}
.productdel2 .podown li{
	padding-bottom: 12px;
}
#showbox span {
    background: url(../images/zoom-mask.png) repeat;
    cursor: move;
}
#showbox div{
	height: 100%
}
#showbox p{
	background: #fff;
	border: 1px solid #ccc;
}
.productdel .hd .lts{
	position: relative;z-index: 11;
}
#showbox{
	background: #fff;
}

.ujiejue{
	background-color:#f5f5f5;
	padding:70px 0 150px ;
}
.ujiejue .ul li{
	float: left;
	width: calc((100% - 100px)/3);
	margin: 0 50px 50px 0;
}
.ujiejue .ul li:nth-child(3n){
	margin-right: 0;
}
.ujiejue .ul li a{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 20px;
}
.ujiejue .ul li .pic{
	height: 275px;
	overflow: hidden;
}
.ujiejue .ul li .pic img{
	width: 100%;height: 100%;
	display: block;object-fit: cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari Chrome */
	-o-transition:all 0.3s;
}
.ujiejue .ul li h3{
	font-size: 16px;
	color: #000000;
	line-height: 1.8;
	margin-top: 10px;
	height: 3.6em;
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 20px;
	font-weight:normal;
}
.ujiejue .ul li h6 i{
	font-size: 14px;
	color: #a0a0a0;
	padding-right: 34px;
	background: url(../images/qms22.png) no-repeat right center;
	display: inline-block;line-height: 20px;
	font-weight:normal;
	font-style: normal;
}
.ujiejue .ul li:hover .pic img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);  /* IE 9 */
	-moz-transform:scale(1.1);     /* Firefox */
	-webkit-transform:scale(1.1); /* Safari  Chrome */
	-o-transform:scale(1.1); 
}
.ujiejue .ul li:hover .txtb h3{
	color: #ed0b19;
} 
.ujiejue2{
	padding: 0 0 60px;
}
.ujiejue2 .ul{
	margin-top: 30px;
}
.unewsdel{
	background: #f5f5f5;
	padding-top: 80px;
}
.unewsdel .ult{
	width: calc(100% - 400px);
	padding-bottom: 60px;
}
.unewsdel .wrap{
	display: flex;
	justify-content: space-between;
}
.unewsdel .ult h1{
	font-size:30px ;
	color: #000000;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	font-weight:normal;
}
.unewsdel .ult h1::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 2px;
	background: #000000;
}
.unewsdel .ult h6{
	font-size: 14px;
	color: #9a9a9a;
	font-weight:normal;
}
.unewsdel .ult h6 i{
	margin-right:20px ;
	font-style:normal;
}
.unewsdel .ult .unbdel{
	margin-top: 30px;
	font-size:16px ;
	color: #000000;
	line-height: 2;
	white-space:pre-wrap;
}
.unewsdel .ult .unbdel img{
	width: 100%;display: block;
}
.unewsdel .urt{
	width: 370px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:30px ;
	border-left: 1px solid #b8b8b8;
}
.unewsdel .urt .h2{
	font-size:18px ;
	color: #fc0301;
	line-height: 1;
	border-left: 4px solid #fc0301;
	padding-left: 16px;margin-bottom: 20px;
	font-weight:normal;
}
.unewsdel .urt li {
	margin-bottom: 15px;
}
.unewsdel .urt li .pic{
	border-radius: 8px;
	height:212px ;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.unewsdel .urt li .pic img{
	width: 100%;height: 100%;
	object-fit: contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
	-o-transition:all 0.3s;
}
.unewsdel .urt li h6{
	font-size: 16px;
	color: #ffffff;
	line-height:50px ;
	position: absolute;
	left: 0;right: 0;
	bottom: 0;padding:0 28px ;
}

.unewsdel .urt2 dd{
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 20px;
}
.unewsdel .urt2 dd a{
	display: block;
	padding: 15px 0;
}
.unewsdel .urt2 dd h3{
	font-size:18px ;
	color: #000000;
	margin-bottom: 20px;
	font-weight:normal;
}
.unewsdel .urt2 dd h6{
	font-size: 14px;
	color: #9a9a9a;
	font-weight:normal;
}
.prbtn{
	border-top: 1px solid #b8b8b8;
	margin-top: 50px;
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prbtn a{
	display: block;
	max-width: 45%;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size: 14px;
	color: #9a9a9a;
	padding-left: 20px;
	background: url(../images/prev5.png) no-repeat left center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.prbtn a:nth-child(2){
	background: url(../images/prev5-1.png) no-repeat right center;
	padding: 0 20px 0 0;
}
.unews{
	background: #f5f5f5;
	padding: 10px 0 60px;
}
.unews .hd{
	overflow: hidden;
	position: relative;
}
.unews .hd .prev,
.unews .hd .next{
	position: absolute;
	left: 0;top: 50%;
	margin-top: -20px;
	width: 40px;height: 20px;
	background: url(../images/prev.png) no-repeat center;
	cursor: pointer;
	z-index: 11;
}
.unews .hd .next{
	left: auto;right: 0;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari Chrome */
	-o-transform:rotate(180deg);
}
.unews .hd .txtc{
	position: absolute;
	left: 0;right: 0;
	bottom: -200px;
	padding: 0 18px;
	z-index: 11;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari Chrome */
	-o-transition:all 0.3s;
}
.unews .hd .txtc h6{
	font-size: 12px;
	color: #ffffff;

}
.unews .hd .txtc h4{
	font-size: 16px;
	color: #ffffff;
	margin-top: 15px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.unews .hd .pic{
	overflow: hidden;
	position: relative;
	height:420px ;
}
.unews .hd .pic img{
	width: 100%;height: 100%;
	display: block;object-fit: cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 鍜� Chrome */
	-o-transition:all 0.3s;
}
.unews .hd .pic::before{
	content: "";position: absolute;
	left: 0;right: 0;top: 0;bottom: 0;
	z-index: 1;background: rgba(0,0,0,0.6);
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari Chrome */
	-o-transition:all 0.3s;
}
.unews .hd .swiper-slide-active .pic::before{
	opacity: 0;
}
.unews .hd .swiper-slide-active .txt{
	bottom: 50px;
}
.unews .bd{
	margin-top: 55px;
}
.unews .bd li{
	width: calc((100% - 100px)/3);
	margin: 0 49px 39px 0;
	float: left;
}
.unews .bd li:nth-child(3n){
	margin-right: 0;
}
.unews .bd li a{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px ;
	background: #fff;
}
.unews .bd li a .pic{
	height: 270px;
	overflow: hidden;
}
.unews .bd li a img{
	width: 100%;height: 100%;
	object-fit: cover;transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari Chrome */
	-o-transition:all 0.3s;
}
.unews .bd li h2{
	font-size:20px ;
	color: #000000;
	margin-top: 10px;
	line-height: 1.8;
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 20px;
	height: 3.6em;
		font-weight:normal; 

}
.unews .bd li h6{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.unews .bd li h6 i{
	font-size: 14px;
	color: #a2a2a2;
	line-height: 20px;
	display: inline-block;
	font-style:normal;
	font-weight:normal;
}
.unews .bd li h6 span{
	padding-right: 34px;
	color: #a0a0a0;
	font-size: 14px;
	display: inline-block;
	background: url(../images/qms22.png) no-repeat right center;
	font-weight:normal;
}
.ubaojia{
	padding: 70px 0 80px;
}
.ubaojia h2{
	font-size: 30px;
	color: #1c2e51;
	line-height: 1.6;
	margin-bottom:10px;
	font-weight:normal;
}
.ubaojia li{
	margin: 0 -15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.ubaojia li .txtd{
	width:60%;
	background: #fff;
	border: 1px solid #e2e2e2;
	height: 46px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 12px ;
	font-size: 14px;
	color: #333;
	margin: 0 15px;
}
.ubaojia li .txt1{
	background: url(../images/uico1.png) no-repeat right 10px center #fff;
}
.ubaojia li .txt2{
	resize: none;
	height:120px ;
	padding: 10px 12px;
}
.ubaojia{
	background: #fff;
}
.ubaojia h6{
	font-size: 14px;
	color: #ababab;
	margin: 5px 0 30px;
	font-weight:normal;
}
.ubaojia .btn{
	width:165px ;
	line-height: 48px;
	border-radius: 25px;
	color: #fff;
	background: #ed0b19;
	border: none;
	cursor: pointer;
	font-size:14px;
}
#aresults{ color:#fc0301; height:10px; line-height:10px; font-size:16px;}



@media only screen and (max-width:1500px) {
	
	.wrap {width: 1200px;}
	.footermm{width: 1200px;}
	.abcontact ul li .unca h6 { font-size:16px}

}