@charset "utf-8";
@media only screen and (min-width: 993px) and  (max-width:1900px){
.s6t ul li img{max-height: 70%;max-width: 70%;}
}	
@media (min-width: 993px) { .container { margin: 0px auto; max-width: 970px; } }
@media (min-width: 1201px) { .container { margin: 0px auto; max-width: 1200px; } }
@media only screen and (min-width:1485px){
	
}
@media only screen and (min-width:1090px) and (max-width:1201px){
	
}
@media only screen and (min-width:993px) and (max-width:1090px){
	
}
@media only screen and (min-width:993px) and (max-width:1231px){
	.container{ padding: 0 15px;}
	
	.nban1 img{ max-width: 100%; height: 35vw; object-fit: cover;}
	
	.video{ height: 166px;}
}
@media only screen and (max-width: 993px){
a.ck_gd{background: url(bjt.png) no-repeat  105px #000000;width: 150px;height:40px;border:1px solid #ddd;padding-left: 10px;text-transform:uppercase;font-size: 13px;color: #fff;line-height:40px;display:block;position:relative;}
a.ck_gd i{padding-left:10px;}

.header{ margin-bottom:0px;}
.header.ontop nav{ background: rgba(255, 255, 255, 0.8);}
.navbar-header{padding: 4vw 0;}
.navbar-header img{height: 16vw;}
.fp-viewing-page2 .img-responsive{ display: block!important;}
.fp-viewing-page2 .img-2{ display: none!important;}
.header .an{position:absolute;top: 8vw;right:15px;height:18px;width: 8vw;display:block;}
.header .an span{width: 8vw;height: 0.5vw;background-color:#555;display:block;position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top: 2.1vw;left:0;}
.header .an span.a3{top: 4.3vw;left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:2.1vw; width:8vw; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:2.1vw; width:8vw; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.menu{width: 100%;padding: 4vw 5%;background-color:#000;height:100%;position:fixed;top: 24vw;left: -100%;z-index:9999;margin-left: 0;overflow:auto;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.menu.on{left:0;}
.menu.on .xia:before{ transform: rotate(90deg);}
.menu .nav{width:100%;}
.menu .nav i{display:block;color: #fff;font-size: 3.7vw;line-height: 8vw;height: 8vw;right: 4vw;}
.menu .nav ul li{width:100%;height:auto;font-size:4vw;margin: 0;text-align:left;border-bottom:1px solid #444;float:none;margin-right:0;}
.menu .nav ul li a.o_lm{color:#aaa;font-size: 4vw;line-height: 8vw;padding: 4vw 0;}
.menu .nav ul li:hover a.o_lm{background:none;}
.menu .nav ul li.on a.o_lm{background:none; color:#fff;}
.menu .nav .e_j{background:none;position:relative;display:none;padding-bottom:2.7vw;padding-top: 2.7vw;}
.menu .nav .e_j a{border-top:0;font-size: 3.7vw;color:#aaa;line-height: 8vw;text-align: left;}
.menu .nav .e_j a:hover{background:none;}
.menu .nav ul li:hover .e_j{display:none;}

.top_x{width: 6.4vw;margin: 0 2.6vw;margin-top: 8vw;}
.top_x img{ width: 100%;}

.tel{background: url(../images/tel.png) no-repeat left center;padding-left: 6.9vw;margin-top: 8vw;line-height: 6.1vw;font-family: 'DINCond-Medium';font-size: 5.3vw;color: #c30000;background-size: 5.3vw; margin-right: 15vw;}
@font-face { font-family: 'DINCond-Medium'; src: url('../fonts/DINCond-Medium.otf');}

/*弹出导航*/
.tc_navbc{ position:fixed;top:0;left:0;width:60%;height:100%; background:rgba(0,0,0,0.7);visibility: hidden;opacity: 0;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s,visibility 0s 0.4s;transition: transform 0.4s,opacity 0.4s,visibility 0s 0.4s;z-index:999;}
.tc_nav{position:fixed;top:0;right:0;width: 60%;height:100%;background:#2a2a2a;z-index:9999;visibility: hidden;opacity: 0;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s,visibility 0s 0.4s;transition: transform 0.4s,opacity 0.4s,visibility 0s 0.4s;}
.tc_nav_active{visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s;transition: transform 0.4s,opacity 0.4s;}
.tc_nav_logo{ position:absolute;top:5%;left:5%;}
.tc_nav_logo img{display:block;}
.tc_nav_x{position:absolute;top:4%;right:5%;font-size: 8vw;color:#fff;font-weight:bold;line-height: 8vw;cursor:pointer;}
.tc_nav_x:hover{color:#c2252b;}
.tc_nav_ul{overflow:hidden;position:absolute;top: 20%;left:0;width:100%;text-align:center;}
.tc_nav_ul ul li{color:#c5c5c5;font-size: 4vw;margin: 4vw 0;}
.tc_nav_ul ul li span{display:block;font-size: 4vw;}
.tc_nav_ul ul li a{color:#c5c5c5;padding-bottom: 1.3vw;}
.tc_nav_ul ul li a:hover{color:#c2252b;}

.banner_sb{ position: absolute; z-index: 9; bottom: 5.3vw; left: 50%; width: 31px; margin-left: -15.5px; -webkit-animation-name:'myfirst';-webkit-animation-duration: 1.1s;-webkit-animation-timing-function: ease; -webkit-animation-delay: 0s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;}
.banner_sb i{background: url(../images/sb.png) no-repeat; width: 100%; height: 43px; display: inline-block;}

/* .section .fadeInUp{ visibility: hidden!important;} */

.section{ height: auto!important;}

/* 第一屏 */
/* .fp-viewing-page1 .section .fadeInUp{ visibility: visible!important;} */
.section1{/* background: url(../images/banner.jpg) no-repeat center / cover; */ overflow: hidden;}
.ban{ text-align: center; height:100vh; position:relative;}
.ban img{width: 100%;height: 100%;object-fit: cover;}
.s1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 8;text-align: center;padding: 0 4vw;}
.section1 .s11{padding-top: 34.7vw;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section1.active .s11{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s11 img{max-width: 100%;}
.s12{ margin-top: 20px; margin-bottom: 30px; -webkit-transform: translatey(-30px); transform: translatey(-30px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.section1.active .s12{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s12 h1{line-height: 8vw;font-family: 'SourceHanSansCN-Medium';font-size: 4.8vw;color: #c30000;font-weight: bold;}
@font-face { font-family: 'SourceHanSansCN-Medium'; src: url('../fonts/SourceHanSansCN-Medium.ttf');}
.s13{ max-width: 710px; margin: auto;}
.n5 ul li{ width: 33.3%; padding: 0; text-align: center;}
.n5t{margin-bottom: 1.6vw;line-height: 8vw;font-family: 'DINCond-Black';font-size: 8vw;/* color: #fff; */font-weight: bold;}
@font-face { font-family: 'DINCond-Black'; src: url('../fonts/DINCond-Black.ttf');}
.n5t span:nth-of-type(2){font-size: 6vw;}
.n5b{line-height: 6.7vw;font-size: 3.7vw;/* color: #fff; */}

.s14{ max-width: 1006px; margin: auto; margin-top: 8vw;}
.s14 ul li{ width: 25%;}
.s140{position: relative;width: 160px;height: 160px;border-radius: 100%;}
.s140:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(177,33,35,0.2); z-index: -1; animation: Circle 2s infinite linear;}
.s14m{background: #b12123;width: 150px;height: 150px;margin: auto;text-align: center;border-radius: 100%;}
.s14m div{width: 150px;}
.s14m h2{line-height: 6.7vw;font-family: 'DINCond-Medium';font-size: 4.3vw;color: #fff;opacity: 0.5;text-transform: uppercase;background-image: -webkit-linear-gradient(top,#fff,#fff,#b12123);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.s14m h1{line-height: 5.9vw;margin-top: -2.7vw;font-size: 4vw;color: #fff;}
.s14m::after{ content: ''; width: 4vw; height: 0.5vw; margin: auto; border-radius: 100%; margin-top: 1.6vw;}

/* 第二屏 */
.section2{background: url(../images/bg2.jpg) no-repeat center / cover;overflow: hidden;padding: 8vw 4vw; height: auto!important;}
/* .fp-viewing-page2 .navbar{ background: rgba(255,255,255,0.6); width: 100%;} */
.fp-viewing-page2 .menu .nav ul li a.o_lm{ color: #fff;}
.s20{ width: 100%; max-width: 1015px; margin: auto;}
.s2t{ max-width: 405px;}
.s2t1{ width: 203px; -webkit-transform: translatey(-50px); transform: translatey(-50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2t1 img{height: 8vw;}
.section2.active .s2t1{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2t2{width: 49vw;height: 13.3vw; margin-top: 3vw; display: flex;flex-flow: column;justify-content: space-between;}
.s2t21{ -webkit-transform: translatey(-50px); transform: translatey(-50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2t21 img{height: 5.3vw;}
.section2.active .s2t21{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2t22{ -webkit-transform: translatey(-50px); transform: translatey(-50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2t22 img{height: 4.3vw;}
.section2.active .s2t22{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2m{max-width: 915px;margin-top: 4vw;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s2m p{line-height: 5.6vw;font-size: 3.7vw;color: #fff;opacity: 0.5;}
.section2.active .s2m{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2b{margin-top: 4vw;}
.s2b1{ max-width: 494px; width: 100%; -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.section2.active .s2b1{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s2b2{max-width: 516px;width: 100%;margin-top: 4vw;}
.s2b2{ display: flex;flex-flow: column;justify-content: space-between;}
.s2b22{ margin-top: 4vw;}
.s21{max-width: 302px;width: 58%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section2.active .s21{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s22{max-width: 209px;width: 40%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section2.active .s22{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s23{max-width: 209px;width: 40%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section2.active .s23{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s24{max-width: 302px;width: 58%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section2.active .s24{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}

/* 第三屏 */
.section3{ background: url(../images/bg3.jpg) no-repeat center / cover; overflow: hidden;}
.s3{padding: 8vw 0;}
.s31{width: 100%;height: 80vw;position: relative;}
.s311{position: absolute;top: 0;left: 19vw;-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;-webkit-transition: -webkit-transform 2s ease-in-out 0.5s, opacity 2s ease-in-out 0.5s;transition: transform 2s ease-in-out 0.5s, opacity 2s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s311 img{height: 50vw;}
.section3.active .s311{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 2s ease-in-out 0.5s, opacity 2s ease-in-out 0.5s; transition: transform 2s ease-in-out 0.5s, opacity 2s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s312{position: absolute;top: 45%;left: 9vw;-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s312 img{height: 34.7vw;}
.section3.active .s312{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s313{position: absolute;top: 45%;left: 44vw;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s313 img{height: 34.7vw;}
.section3.active .s313{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s32{width: 100%;max-width: 100%;}
.s32 h1{line-height: 8vw;font-family: 'SourceHanSansCN-Heavy';font-size: 5.3vw;color: #000000;text-align: right;font-weight: bold;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
@font-face { font-family: 'SourceHanSansCN-Heavy'; src: url('../fonts/SourceHanSansCN-Heavy.ttf');}
.section3.active .s32 h1{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s32 h2{line-height: 8vw;font-size: 4.7vw;color: #000000;text-align: right;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section3.active .s32 h2{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s32 strong{display: block;margin: 3.2vw 0;line-height: 8vw;font-family: 'DINCond-Medium';font-size: 8vw;color: #000000;text-transform: uppercase;text-align: right;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section3.active .s32 strong{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s32 p{line-height: 5.9vw;font-family: 'SourceHanSansCN-ExtraLight';font-size: 3.7vw;color: #000000;text-align: center;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
@font-face { font-family: 'SourceHanSansCN-ExtraLight'; src: url('../fonts/SourceHanSansCN-ExtraLight.ttf');}
.section3.active .s32 p{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}


/* 第四屏 */
.section4{background: url(../images/bg4.jpg) no-repeat center / cover;overflow: hidden;padding: 8vw 0;}
.s41{width: 100%;max-width: 455px;}
.s41 h1{line-height: 8vw;font-family: 'SourceHanSansCN-Heavy';font-size: 5.3vw;color: #000000;font-weight: bold;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
@font-face { font-family: 'SourceHanSansCN-Heavy'; src: url('../fonts/SourceHanSansCN-Heavy.ttf');}
.section4.active .s41 h1{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s41 h2{line-height: 8vw;font-size: 4.3vw;color: #000000;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section4.active .s41 h2{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s41 strong{display: block;margin: 3.2vw 0;line-height: 8vw;font-family: 'DINCond-Medium';font-size: 8vw;color: #000000;text-transform: uppercase;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section4.active .s41 strong{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s41 p{line-height: 5.9vw;font-family: 'SourceHanSansCN-ExtraLight';font-size: 3.7vw;color: #000000;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section4.active .s41 p{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s42{width: 100%;margin-top: 4vw;}
.s42 ul li{background: url(../images/bk.png) no-repeat left top;width: 31.7%;height: 63vw; text-align: center;background-size: contain;}
.s42 ul li a{ padding-top: 5vw;}
.s42 ul li img{max-width: 90%;}
.s42 ul li h1{margin-top: 1vw;line-height: 6vw;font-size: 4vw;color: #000000;}
.s42 ul li h2{line-height: 7vw;font-family: 'DINCond-Medium';font-size: 3.7vw;color: #000000;opacity: 0.4;text-transform: uppercase;}
.s42 ul li:nth-of-type(1){ -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s42 ul li:nth-of-type(2){ -webkit-transform: translatey(-50px); transform: translatey(-50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s42 ul li:nth-of-type(3){ -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.section4.active .s42 ul li{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}

/* 第五屏 */
.section5{ padding: 8vw 0;}
.s5{ padding: 0 15px;}
.s5t{ position: static;}
.s51 img{height: 8vw;}
.s52 img{height: 5.3vw;}
.s53 img{height: 4.3vw;}
.s54 p{line-height: 5.6vw; font-size: 3.7vw;}
.s5m{width: 100%;margin: auto;margin-top: 4vw;position: relative;top: 0;right: 0;}
.s5m ul li{ width: 100%;}
.s5m ul li:nth-of-type(2){ margin: 2vw 0;}
.s5m ul li:nth-of-type(1){width: 12vw;top: 7.89%;left: 44.9%;}
.s5m ul li:nth-of-type(2){width: 14vw;top: 36.8%;left: 21%;}
.s5m ul li:nth-of-type(3){width: 10vw;top: 27%;right: 13.8%;}
.s5m ul li:nth-of-type(4){width: 14vw;bottom: 13.9%;left: 5%;}
.s5m ul li:nth-of-type(5){width: 14vw;bottom: 9.5%;right: 30.4%;}
.s5m ul li:nth-of-type(6){width: 9vw;bottom: 32.9%;right: 0;}

/* 第六屏 */
.section6{background: url(../images/bg6.jpg) no-repeat center / cover;overflow: hidden; padding: 8vw 0;}
.s7t{ width: 100%; padding-top: 10px; text-align: center;}
.s71 img{height: 5.3vw;}
.s72{margin-top: 4vw;margin-bottom: 4vw;}
.s72 img{height: 8vw;}
.s73{ max-width: 1050px; margin: auto;}
.s73 p{line-height: 8vw;font-size: 4vw;color: #000000;font-weight: bold;}

.s7m{width: 100%;margin-top: 4vw;margin-bottom: 4vw;text-align: center;}
.s7m h1{line-height: 8vw;font-size: 4.5vw;color: #000000;font-weight: bold;}

.s7bt{ width: 100%; max-width: 100%; margin: auto;}
.s7b1{ width: 35.4%;}
.s7b1 span{ display: block; background: #dfdddd; width: 100%; height: 1px;}
.s7b2{ width: 24.8%; text-align: center; border: 1px solid #dfdddd;}
.s7b2 h1{line-height: 8vw;font-size: 4.5vw;color: #000000;}
.s7bm{margin-top: 8vw;position: relative;}
.s70{width: 100%; max-width: 100%; margin: auto;}
.s70 .swiper-slide{background: #fff;padding: 1.6vw; width: 100%!important;}
.s70 .t_p{ width: 100%;}
.s70 .t_p img{width: 100%; height: auto; object-fit: cover;}
.s7bm .swiper-button-prev,.s7bm .swiper-button-next{width: 20px;height: 20px;opacity: 1;}
.s7bm .swiper-button-prev{background: url(../images/jt1.png) no-repeat left center;background-size: 100%;left: -15px;margin-top: -10px;}
.s7bm .swiper-button-next{background: url(../images/jt2.png) no-repeat left center;background-size: 100%;right: -15px;margin-top: -10px;}

/* 第七屏 */
.section7{background: url(../images/map.png) no-repeat center;overflow: hidden;padding: 0 4vw;padding-top: 8vw;padding-bottom: 8vw;}
.s6{width: 100%;height: 100%;position: relative;display: block;}
.s6t{ width: 100%;}
.s6t ul{width: 100%;display: flex;flex-flow: wrap;justify-content: space-between;}
.s6t ul li{ position: static; background: #fff;margin-bottom: 4vw;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 15%);box-shadow: 0 0 10px rgb(0 0 0 / 15%);transition: all 0.5s;-webkit-transition: all 0.5s;}
.s6t ul li img{max-height: 18.3vw;max-width: 100%;object-fit: cover;}
.s6t ul li:nth-of-type(1){width: 40vw;height: 40vw;border-radius: 100%;top: 0;left: 10.3%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(2){width: 40vw;height: 40vw;border-radius: 100%;top: 5.5%;left: 22.7%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(3){width: 40vw;height: 40vw;border-radius: 100%;top: 0;left: 34.2%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(4){width: 40vw;height: 40vw;border-radius: 100%;top: 12.9%;right: 43%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(5){width: 40vw;height: 40vw;border-radius: 100%;top: -2.7%;right: 39.0625%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(6){width: 40vw;height: 40vw;border-radius: 100%;top: 4.9%;right: 27.5%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(7){width: 40vw;height: 40vw;border-radius: 100%;top: 6.1%;right: 15.9375%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(8){width: 40vw;height: 40vw;border-radius: 100%;top: 0;right: 3.90625%;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(9){width: 40vw;height: 40vw;border-radius: 100%;top: 30.5%;left: 3.125%;-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(10){width: 40vw;height: 40vw;border-radius: 100%;top: 26.8%;left: 14.6875%;-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(11){width: 40vw;height: 40vw;border-radius: 100%;top: 34.8%;left: 24.6875%;-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(12){width: 40vw;height: 40vw;border-radius: 100%;top: 35.1%;right: 28.75%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(13){width: 40vw;height: 40vw;border-radius: 100%;top: 34.1%;right: 17.1%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(14){width: 40vw;height: 40vw;border-radius: 100%;top: 30.2%;right: 5%;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(15){width: 40vw;height: 40vw;border-radius: 100%;top: 62.9%;left: 6%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(16){width: 40vw;height: 40vw;border-radius: 100%;top: 63.4%;left: 20.625%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(17){width: 40vw;height: 40vw;border-radius: 100%;top: 51.8%;left: 35.1%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(18){width: 40vw;height: 40vw;border-radius: 100%;top: 74.4%;left: 37.5%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(19){width: 40vw;height: 40vw;border-radius: 100%;top: 63.4%;right: 40.4%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(20){width: 40vw;height: 40vw;border-radius: 100%;top: 62.2%;right: 24.3%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.s6t ul li:nth-of-type(21){width: 40vw;height: 40vw;border-radius: 100%;top: 53.9%;right: 9.1%;-webkit-transform: translatey(50px);transform: translatey(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section6.active .s6t ul li{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s6t ul li:hover{ -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.s6m{text-align: center;width: 100%; position: relative; display: block;flex-flow: column;justify-content: space-between;}
.s6m1 h2{font-family: 'DINCond-Medium';line-height: 8vw;font-size: 6.7vw;color: #d0d0d0;text-transform: uppercase;background-image: -webkit-linear-gradient(bottom,#fff,#d0d0d0,#d0d0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section6.active .s6m1 h2{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s6m1 h1{line-height: 8vw;margin-top: -4vw;font-size: 4.8vw;color: #444444;font-weight: bold;-webkit-transform: translatey(-50px);transform: translatey(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section6.active .s6m1 h1{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s6m2{ max-width: 425px; margin: auto; margin-top: 20px;}
.s6m2 p{ line-height: 25px; font-size: 15px; color: #777777; -webkit-transform: translatey(50px); transform: translatey(50px); opacity: 0; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.section6.active .s6m2 p{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}

/* 第八屏 */
.section8{ background: url(../images/bg.png) no-repeat center / cover; width: 100%; overflow: hidden;}
.s8l{background: #c40001;width: 0;height: calc(100% - 150px);position: absolute;top: 150px;left: 0;z-index: -1;}
.s8{ width: 100%; height: auto;/* margin-top: 4vw; */}
.s800{ height: auto; display: -webkit-box;display: -webkit-flex; -webkit-align-items: center;}
.s80{width: 100%; height: auto;}
.s8 .container{ position: relative; height: auto;}
.s81{ width: 100%; height: auto; max-width: 100%; padding-bottom: 4vw;border-bottom: 1px solid rgba(255,255,255,0.2);-webkit-transform: translateX(-50px);transform: translateX(-50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section8.active .s81{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s81 .swiper-container{ height: auto;}
.s81 .swiper-wrapper{ display: -webkit-box;  display: -webkit-flex; -webkit-align-items: center;}
.s81 .swiper-slide img{ }
.s81 .swiper-button-prev{background: url(../images/sjt.png) no-repeat center rgba(0,0,0,0.5);background-size: 16px;width: 30px;top: 50%;left: 0;height: 30px;margin-top: -15px;transform: rotate(270deg);}
.s81 .swiper-button-next{background: url(../images/xjt.png) no-repeat center rgba(0,0,0,0.5);background-size: 16px;width: 30px;top: 50%;bottom: 0;left: auto;right: 0;height: 30px;margin-top: -15px;transform: rotate(
270deg);}
.s81t{margin-top: 4vw;margin-bottom: 4vw;padding: 0 4vw;}
.s81t h3{line-height: 8vw;}
.s81t h3 a{display: block;font-size: 4vw;color: #fff;font-weight: bold;}
.s81m{ padding: 0 4vw;}
.s81m span{ display: block; line-height: 21px;}
.s81m span:nth-of-type(1){font-size: 4.8vw;color: #fff;opacity: 0.2;}
.s81m span:nth-of-type(2){ float: right;}
.s81b{max-width: 390px;margin-top: 4vw; padding: 0 4vw;}
.s81b p{line-height: 6.1vw;font-size: 3.7vw;color: #fff;}
.s82{width: 100%;margin-top: 4vw;-webkit-transform: translateX(50px);transform: translateX(50px);opacity: 0;-webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}
.section8.active .s82{ -webkit-transform: translatey(0); transform: translatey(0); opacity: 1; -webkit-transition: -webkit-transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; transition: transform 3s ease-in-out 0.5s, opacity 3s ease-in-out 0.5s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.s82t h2{line-height: 8vw;text-transform: uppercase;font-family: 'DINCond-Medium';font-size: 6.7vw;color: #d0d0d0;background-image: -webkit-linear-gradient(bottom,#fff,#d0d0d0,#d0d0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.s82t h1{line-height: 32px;margin-top: -15px;font-size: 4.8vw;color: #444444;font-weight: bold;}
.s82m ul li{padding: 4vw 0;border-bottom: 1px solid #e8e8e8;-webkit-transition: all .2s linear;transition: all .2s linear;}
.s82m ul li:hover{ -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.s82m ul li:hover .s82m3 .hv{ display: block; -webkit-transition: all .2s linear; transition: all .2s linear;}
.s82m ul li:hover .s82m3 .zc{ display: none; -webkit-transition: all .2s linear; transition: all .2s linear;}
.s82m1{width: 15vw;margin-top: 5px;}
.s82m1 strong{display: block;line-height: 8vw;font-size: 8vw;font-family: DINCond-Black;color: #c6c6c6;font-weight: bold;}
.s82m1 span{display: block;line-height: 6.9vw;font-family: DINCond-Black;font-size: 4.8vw;color: #cccccc;}
.s82m2{ width: 66.6%; max-width: 386px;}
.s82m2 h3{ line-height: 30px; margin-bottom: 5px;}
.s82m2 h3 a{display: block;font-size: 4vw;color: #222222;}
.s82m2 p{line-height: 6.1vw;font-size: 3.7vw;color: #555555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.s82m3 .hv{ display: none;}
.section8 .banner_sb i{ background: url(../images/sb2.png) no-repeat;}
.sy_news{position: absolute;bottom: -8vw;left: 6vw;}
.sy_news h1{line-height: 16vw;font-family: DINCond-Black;font-size: 13.3vw;color: #000000;opacity: 0.12;text-transform: uppercase;}

/* 第九屏 */
.section9{ background: url(../images/bg9.jpg) no-repeat center / cover; overflow: hidden; padding: 8vw 0;}
.s9{ display: block;}
.s9l{ width: 100%;}
.s91 img{height: 8vw;}
.s92 img{height: 5.3vw;}
.s93 img{height: 4.3vw;}
.s9m{ margin-top: 4vw;}
.s9m h1{ line-height: 8vw; font-size: 4.2vw;}
.s9m p{line-height: 8vw; margin-bottom: 0; font-size: 3.7vw;}
.s9r{ width: 100%; margin-top: 4vw;}
.s9r #container{ height: 69vw;}
.s9r .BMap_bubble_title{ font-size: 4vw;}

.footer{ background: #111111; padding-top: 16px;}
.f11 img{ height: 18.7vw;}
.f12{background: url(../images/tel.png) no-repeat left top 3vw;max-width: 166px;padding-left: 38px;margin-top: 1vw;}
.f12 p{line-height: 5.3vw;font-size: 4vw;color: #a4a4a4;}
.f12 strong{line-height: 6.7vw;font-family: 'DINCond-Medium';font-size: 6.1vw;color: #c30000;}
.f1b{margin: 4vw 0;}
.f13 ul li{margin-right: 3vw;}
.f13t a{display: block;line-height: 8vw;font-size: 4vw;color: #fff;}
.f13b a{display: block;margin-top: 2.6vw;line-height: 5.3vw;font-size: 3.7vw;color: #a4a4a4;}
.f14{max-width: 303px;width: 100%;margin-top: 4vw;text-align: center;}
.f14 img{ max-width: 100%;}
.f14 p{margin-top: 2.6vw;line-height: 5.9vw;font-size: 3.7vw;color: #a4a4a4;}
.f141{width: 32vw;}
.f142{width: 32vw;}
.f2{padding: 2.6vw 0;border-top: 1px solid #333333;}
.f2 p{line-height: 7vw;font-size: 3.7vw;color: #777777;}

/* 视频 */
.n_y .header .an span{ background: #fff;}

.n_y .ontop .navbar-fixed-top{ position: relative;}

.n_y .img-responsive{ display: none;}
.n_y .img-2{ display: block!important;}
.n_y .menu .nav ul li a.o_lm{ color: #fff;}

.nban{ width: 100%; height: 100%; position: relative;}
.nban1{ width: 100%; height: 100%; position: relative;}
.nban1 img{ max-width: 100%; height: 50vh; object-fit: cover;}
.nban2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
/* .nban20 h1{ line-height: 60px; margin-bottom: 10px; font-size: 48px; color: #fff; font-weight: bold;} */
.nban2 img{max-width: 100%;height: auto;margin-top: 50px;margin-bottom: 5px;}
.nban20 p{max-width: 795px;line-height: 25px;font-size: 14px;color: #fff;}

.l_vd{padding-top: 30px;padding-bottom: 30px;}
.f_l1 ul{ overflow: hidden;}
.f_l1 ul li{display: inline-block;float: none;background: url(../images/yd.png) no-repeat left 3px center;line-height: 30px;margin-right: 15px;padding-left: 15px;padding-right: 5px;margin-bottom: 5px; border-bottom: 2px solid #fff;}
.f_l1 ul li.cur{border-bottom: 2px solid #c30000;}
.f_l1 ul li:hover{ border-bottom: 2px solid #c30000;}
.f_l1 ul li a{font-size: 14px;color: #333333;}
.f_l2{width: 100%;max-width: 220px;margin: auto;margin-top: 15px;}
.ss{width: 100%;box-shadow: 0 5px 15px rgb(0 0 0 / 20%);border-radius: 40px;}
.ss form{width: 100%;}
.ss form .txt{background: none;border: none;float:left;width: 79%;height: 40px;font-size: 14px;color: #333333;opacity: 0.5;padding-left: 15px;}
.ss form .txt::-webkit-input-placeholder{ color:#333333;}
.ss form .txt::-moz-placeholder{ color:#333333;}
.ss form .txt::-moz-placeholder{ color:#333333;}
.ss form .txt::-ms-input-placeholder{ color:#333333;}
.ss form .input-button{width: 21%;box-sizing:border-box;overflow:hidden;background: none;float: left;}
.ss form .input-button > input {width: 100%;height: 40px;background: url(../images/ss.png) no-repeat center;border: none;line-height: 40px;text-indent: -99px;}

.l_v{margin-top: 30px;}
.l_v ul li{width: 49%;margin-bottom: 15px;float: left;cursor: pointer;position: relative;margin-left: 0;}
.l_v ul li:first-child{ margin-left: 0;}
.l_v ul li:nth-of-type(4n+1){ margin-left: 0;}
.l_v ul li:nth-of-type(even){ float: right;}
.l_v ul li .img{width: 100%;position: relative;}
.video{height: 130px;}
.video video{ height: 100%; object-fit: cover;}
.l_v ul li .img .play{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.play img {height: 50px;animation: img-play 1s infinite alternate;}
@keyframes img-play {
	from {transform: scale(1.1);opacity: 0.8;}
	to {transform: scale(1);opacity: 1;}
}
.l_v ul li .img video {width: 100%;transition: all 1s;}
.l_v ul li .txt{width: 100%;padding-top: 10px;padding-bottom: 5px;border-bottom: 1px solid #eaeaea;}
.l_v ul li .txt h1{line-height: 30px;font-size: 15px;font-weight: 400;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

/* 视觉 */
.l_sj{ padding-top: 30px; padding-bottom: 30px;}
.l_sj ul li{width: 49%;margin-bottom: 15px;float: left;cursor: pointer;position: relative;margin-left: 0;}
.l_sj ul li:first-child{ margin-left: 0;}
.l_sj ul li:nth-of-type(4n+1){ margin-left: 0;}
.l_sj ul li:nth-of-type(even){ float: right;}

.l_s1t img{ height: 160px; object-fit: cover;}
.l_sj ul li .txt{width: 100%; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #eaeaea;}
.l_sj ul li .txt h3{ line-height: 30px; font-size: 15px; font-weight: 400; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.l_s2{ padding-top: 15px;}
/* 分页 */
.page {text-align: center;}
.page span{display: inline-block; padding: 0 10px; line-height: 30px; background: #b90303; color: #fff; text-align: center; margin: 0 4px; font-size: 14px;}
.page a{display: inline-block; line-height: 30px; background: #ececec; text-align: center; color: #333333; padding: 0 10px;margin: 0 4px; margin-bottom: 5px; font-size: 14px;}

.tit strong{ font-size: 18px; line-height: 30px;}
.dan .s_x{ line-height: 30px; font-size:14px;}
.dan p{ line-height: 30px; font-size:14px;}
.dan img{ max-width:100%!important; width:auto!important; height:auto!important;}

/* 活动 */
.l_ns{padding-top: 30px;padding-bottom: 30px;}
.l_n1{padding-top: 30px;padding-bottom: 15px;}
.l_n1 ul{ overflow: hidden;}
.l_n1 ul li{width: 48%;float: left;margin-left: 0;margin-bottom: 15px;}
.l_n1 ul li:nth-of-type(even){ float: right;}
.l_n1 ul li:first-child{ margin-left: 0;}
.l_n1 ul li:nth-of-type(3n+1){ margin-left: 0;}
.l_n1t img{max-width: 100%;height: 200px;object-fit: cover;}
.l_n1m{background: #fff;width: 80%;margin: auto;margin-top: -50px;padding: 15px 5px;position: relative;z-index: 1;box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.l_n1m h3{line-height: 30px;margin-bottom: 10px;font-size: 15px;color: #333333;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.l_n1m a{ display: block; width: 92px; margin: auto; line-height: 30px; color:#333333; font-size:14px; border: 1px solid #999999; text-align: center; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.l_n1 ul li:hover .l_n1t img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.l_n1 ul li:hover .l_n1m h3{ color: #c30000;}
.l_n1 ul li:hover .l_n1m a{ color:#fff; box-shadow:inset 92px 0 0 0 #999999; -webkit-box-shadow:inset 92px 0 0 0 #999999; -moz-box-shadow:inset 92px 0 0 0 #999999; -ms-box-shadow:inset 92px 0 0 0 #999999;-o-box-shadow:inset 92px 0 0 0 #999999;}

/* 短视频 */
.l_st{ padding-top: 30px; padding-bottom: 30px;}
.l_s .video{ height: 400px;}
.l_v.l_s ul li .txt{ position: relative; width: 100%; background: rgba(0,0,0,0.5); padding: 10px 5px; margin-top: -50px; border-bottom: none;}
.l_v.l_s ul li .txt h1{ line-height: 30px; font-size: 15px; font-weight: 400; color: #fff; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/* 公众号 */
.l_gzh{ padding-top: 30px; padding-bottom: 15px;}
.l_gz{ margin-top: 30px;}
.l_gz ul li{ width: 48%; margin-bottom: 15px; float: none; cursor: pointer;position: relative; margin-left: 0;}
.l_gz ul li:nth-of-type(even){ float: none;}
.l_gz .l_gzt{ height: 400px; width: 100%;position: relative;}
.l_gz .l_gzt .t_p{ height: 100%;}
.l_gz .l_gzt img{ max-width: 100%; object-fit: cover;}
.l_gz ul li .txt{ position: relative; width: 100%; background: rgba(0,0,0,0.5); padding: 10px 5px; margin-top: -50px; border-bottom: none;}
.l_gz ul li .txt h3{ line-height: 30px; font-size: 15px; font-weight: 400; color: #fff; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

/* H5/长图文 */
.l_hw{ padding-top: 30px; padding-bottom: 15px;}
.l_h{ margin-top: 30px;}
.l_gz.l_h ul li{ margin-bottom: 15px;}

.dan{ padding-top: 30px; padding-bottom: 30px;}


.tit strong{ font-size:15px;}
}
@media (min-width:993px){
.menu .nav{/* width:970px; */}

.menu .nav .e_j{width:100%;background: rgba(195,0,0,0.6);position:absolute;z-index:9999;padding: 10px 0;left: 0;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);}
.menu .nav ul li:hover .e_j{ opacity: 1; visibility: visible; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);}

.s82m{ padding-right: 15px; height: 568px;}
}
@media (min-width:1200px){
.menu .nav{/* width:1200px; */}
}

@media only screen and (max-width:600px){
.s14 ul li{ width: 50%;}
.s140{position: relative;width: 130px;height: 130px;border-radius: 100%; margin: auto;}
.s140:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(177,33,35,0.2); z-index: -1; animation: Circle 2s infinite linear;}
.s14m{background: #b12123;width: 120px;height: 120px;margin: auto;text-align: center;border-radius: 100%;}
.s14m div{width: 120px;}
.s14m h2{ font-size: 5.3vw;}

.l_v ul li{width: 100%;margin-bottom: 15px;float: none;cursor: pointer;position: relative;margin-left: 0;}
.l_v ul li:nth-of-type(even){ float: none;}
.video{height: auto;}

/* 视觉 */
.l_s ul li{width: 100%;margin-bottom: 15px;float: none;cursor: pointer;position: relative;margin-left: 0;}
.l_s ul li:nth-of-type(even){ float: none;}

.l_s1t img{ height: auto; object-fit: cover;}

/* 活动 */
.l_n1 ul li{width: 100%;float: none;margin-left: 0;margin-bottom: 15px;}
.l_n1 ul li:nth-of-type(even){ float: none;}
.l_n1t img{max-width: 100%;height: auto;object-fit: cover;}

/* 短视频 */
.l_st{ padding-top: 30px; padding-bottom: 30px;}
.l_s .video{ height: auto;}
.l_v.l_s ul li .txt{ position: relative; width: 100%; background: rgba(0,0,0,0.5); padding: 10px 5px; margin-top: -50px; border-bottom: none;}

/* 公众号 */
.l_gz ul li{ width: 100%; margin-bottom: 15px; float: none; cursor: pointer;position: relative; margin-left: 0;}
.l_gz .l_gzt{ height: auto; width: 100%;position: relative;}

}
@media only screen and (max-width:374px){
.s140{position: relative;width: 100px;height: 100px;border-radius: 100%;margin: auto;}
.s140:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; border-radius: 50%; border: 6px solid rgba(177,33,35,0.2); z-index: -1; animation: Circle 2s infinite linear;}
.s14m{background: #b12123;width: 90px;height: 90px;margin: auto;text-align: center;border-radius: 100%;}
.s14m div{width: 90px;}

/* .s6t ul li img{max-height: 11vw;} */

}