.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);}
.nav{height: 50px;overflow: hidden;position: relative;}
.xq_navbar {width: 100%;height: 50px;overflow: hidden;box-sizing: border-box;box-sizing: inherit;}
.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;}
.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: #d9a053;left: 0;
top: 0;position: absolute;transition: all 0.5s;}
.minnav:hover::before{height: 50px;}
.minnav::after {content: "";height: 1px;width: 0px;background: #d9a053;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: #d9a053;right: 0;bottom: 0;position: absolute;transition: all 0.5s;}
.minnav:hover .minnavm::before{height: 50px;}
.minnavm::after {content: "";height: 1px;width: 0px;background: #d9a053;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: #d9a053;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-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: #d9a053; 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: #d9a053; 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%; background: #d9a053; 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: 860px; background: rgba(24, 26, 32, 1); width: 100%; z-index: 1; overflow: hidden;}
.sbpic{position: absolute;left: -90px;  top: 0;width:2000px;height: 100%; transition: 10s ease 0s; 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;}
.about{background: url(../images/img2.jpg) no-repeat top center rgba(245, 245, 245, 1);padding: 125px 0 75px;}
.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: absolute;left: 0;width: 100%; z-index: 2;}
.footerm{background-color: rgba(20, 21, 33, 1);border-top: 3px solid #FF7E21;padding: 40px 0 0;}
.footermm{width: 1200px; margin: 0 auto; color: #a9a9a9;font-size: 14px; line-height: 28px;}
.footer1{width: 300px;}
.footer1 h2{font-size: 22px; line-height: 30px;color: #fff;font-weight: bold;padding: 0 0 20px; margin-top: -2px;}
.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: 12px; 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: #191818;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 #d9a053; 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 #d9a053;}
.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: #f47920;}
.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:#f47920; 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: #d9a053;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: #d89e51;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: #d89e51;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: #d89e51;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: 18px;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: #d9a053;}
.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: #d9a053;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: 106.5px;left: 309px;z-index: 103;width: 19px;
height: 87px;border-left: 1px solid #fff;}
.maptxt{position: absolute;top: 83.5px;left: 271px;text-align: center;z-index: 104;width: 76px;height: 16px;color: #fff;font-size: 12px;}
.mapq1{position: absolute;top: 117.5px;left: 235px;animation: mymaps 2s infinite linear;z-index: 101;width: 150px;height: 150px;}
.mapq1 img,.mapq2 img{width: 100%;height: 100%;}
.mapq2{    position: absolute;top: 159.5px;left: 277px;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;}
@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;}