@font-face{
	font-family: 'Alibaba-PuHuiTi-Regular';
	src:url('../fonts/Alibaba-PuHuiTi-Regular.otf');
	font-display: swap;
}

*{font-family: 'Alibaba-PuHuiTi-Regular','Microsoft YaHei','微软雅黑';cursor: none!important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
    margin: 0 auto;
    padding: 0;
}
a{text-decoration: none;}
html,body{width: 100%;height: 100%;}

@font-face{
	font-family: 'DINPRO-LIGHT';
	src:url('../fonts/DINPRO-LIGHT.otf');
}
@font-face{
	font-family: '优设标题黑';
	src:url('../fonts/优设标题黑.TTF');
}
img {
    border: 0;
    vertical-align: middle
}

#c-followDot {
    position: fixed;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    z-index: 1000000;
    pointer-events: none;
}

#c-followDot .c-default {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    background: rgba(206,33,63,.8);
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#c-followDot .c-hover {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    background-color: #ce213f;
    border-radius: 50%;
    z-index: 9999;
    box-sizing: border-box;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-followDot.c-active .c-default {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

#c-followDot.c-active .c-hover {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


.pace-progress{width:100% !important; height:100% !important;}
.pace-progress-inner{position:fixed; left:0; top:0; width:100% !important; height:100% !important;background:#d7000f;z-index:10000; animation:pace linear 1s forwards; animation-delay:1s;}
@keyframes pace{
	0%{visibility:visible; opacity:1;}
	100%{visibility:hidden; opacity:0;}	
}
.pace-progress-inner:after{width:200px; height:1px;content:''; display:block; background:rgba(255,255,255,.5); position:absolute; left:50%; margin-left:-100px; top:60%; animation:progress linear 1s forwards; animation-delay:1s;}
.pace-progress-inner:before{width:200px; height:2px; content:''; display:block; background:#fff; position:absolute; left:50%; margin-left:-100px; top:60%; animation:inner linear 1s forwards;}
@keyframes progress{
	0%{width:200px;}
	100%{width:100%; margin-left:0; left:0;}
}
@keyframes inner{
	2%{transform-origin: 100% 50%;transform: scaleX(1)}
	48%{transform-origin: 100% 50%;transform: scaleX(0)}
	52% {transform-origin: 0 50%;transform: scaleX(0)}
	98% {transform-origin: 0 50%;transform: scaleX(1)}
}
.pace-activity{position:fixed;left:0; top:0; width:100%; z-index:3000; animation:act linear 1s forwards; animation-delay:3s;}
@keyframes act{
	100%{visibility:hidden;}	
}
.pace-activity:before{width:100%; height:50%; content:''; display:block; background:#292930; position:fixed; left:0; top:0; animation:activity linear 1s forwards; animation-delay:2s; transform-origin:center top;}
@keyframes activity{
	100%{opacity:0; transform:scaleY(0);}	
}
@keyframes activityone{
	100%{opacity:0; transform:scaleY(0);}	
}
.pace-activity:after{width:100%; height:50%; content:''; display:block; background:#292930; position:fixed; left:0; bottom:0;animation:activityone linear 1s forwards; animation-delay:2s; transform-origin:center bottom;}

.pace-progress-inner img{
	width: 300px;
	position: fixed;
	top: 32%;
	left: 50%;
	transform: translate(-50%,-32%);
}

@media screen and (max-height: 780px){
    .pace-progress-inner img{width: 260px;}
}
@media screen and (max-height: 680px){
    .pace-progress-inner img{width: 220px;}
}


.swiper-container{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-size: cover;
	background-position: center;
}
@keyframes slowScale{
    0%{
        transform: scale(1);
       }
    100%{
        transform: scale(1.1);
    }
}
/*.swiper-slide-active .bg{
	animation: slowScale 5s forwards;
}*/
.content{
	width: 100%;
	position: absolute;
	top: 170px;
	left: 0px;
}
.content2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.container{
	width: 90%;
	max-width: 1620px;
	min-width: 1200px;
}

#max_page{
	width: 50px;
	height: 344px;
	background-image: url(../images/page_03.png);
	background-position: center;
	background-repeat: no-repeat;
	right: 35px;
	box-sizing: border-box;
	padding-top: 50px;
	opacity: .7;
}
#max_page span{
	width: 14px;
	height: 14px;
	border: 1px #fff solid;
	border-radius: 50%;
	margin: 0px 0px 58px 0px;
	background: transparent;
	opacity: 1;
	position: relative;
	transition: .5s;
}
#max_page span:last-child{
	display: none;
}
#max_page .swiper-pagination-bullet-active,#max_page span:hover{
	background: #c9364f;
	border: 1px #c9364f solid;
}
#max_page span p{
	display: block;
	width: 50px;
    position: absolute;
    top: 0px;
    left: 43px;
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.voice{
	width: 30px;
	height: 30px;
	background-image: url(../images/vo.png);
	background-size: 100%;
	float: right;
	margin-top: 35px;
	opacity: .5;
}
.voice.active{
	background-image: url(../images/vo2.png);
}
.plyr--audio{
	display: none;
}
.nav{
	width: 100%;
	height: 100px;
	background: rgba(9,8,8,.5);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
	transition: 1s;
	transition-delay: .3s;
}
.nav.active{
	top: 0px;
}
.nav .logo{
	background: #d7000f;
	float: left;
}
.nav .logo img{
	height: 100px;
}
.nav ul{
	float: right;
}
.nav ul li{
	width: 120px;
	height: 50px;
	list-style: none;
	text-align: center;
	line-height: 50px;
	float: left;
	margin: 25px 10px;
	font-size: 18px;
	background-size: 114px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
.nav ul li a{
	display: block;
	color: #fff;
}
.nav ul li:after{
	content: "";
	display: block;
	width: 0px;
	height: 60px;
	background-image: url(../images/zw_03.png);
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
	transition: .5s;
}
.nav ul li:hover:after{
	width: 60px;
}

.banner .swiper-slide{
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#ban_page{
    bottom: 70px;
}
#ban_page span{
	width: 16px;
	height: 16px;
	border: 1px #fff solid;
	border-radius: 50%;
	margin: 0px 10px;
	background: transparent;
	opacity: 1;
}
#ban_page .swiper-pagination-bullet-active{
	background: #da1411;
	border-color: #da1411;
}
.fftwo{
	width: 80%;
	overflow: hidden;
}
.ff2l{
	width: 49.5%;
	height: 730px;
	background-image: url(../images/index_10.png);
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
	box-sizing: border-box;
	padding: 24px;
}
.ff2r{
	width: 50.5%;
	height: 500px;
	float: right;
	margin-top: 18px;
	background-image: url(../images/hui_03.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.ff2r .text{
	color: #fff;
	line-height: 2;
	padding: 28% 60px 0px;
}
.ff2r_more{
	width: 160px;
	line-height: 46px;
	background: #ca0312;
	text-align: center;
	float: right;
	margin: 10px 60px 0px 0px;
}
.ff2r_more a{
	display: block;
	font-size: 15px;
	color: #fff;
}
.ff3l{
	width: 33%;
	height: 100%;
	float: left;
}
.ff3_bg{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.scale_bg{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: 1s;
}
.ff3_bg:hover .scale_bg{
	transform: scale(1.05);
}
.ff3l_top{
	height: 40%;
}
.ff3l_bot{
	height: calc(60% - 10px);
	margin-top: 10px;
}
.ff3c{
	width: 34%;
	height: 100%;
	float: left;
	box-sizing: border-box;
	padding: 0px 10px;
}
.ff3l_cen{
	height: 100%;
}
.ff3r_top{
	height: calc(60% - 10px);
	margin-bottom: 10px;
}
.ff3r_bot{
	height: 40%;
}
.ff3_cont{
	width: 100%;
	height: 100%;
	/*background: rgba(35,35,35,.5);*/
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	overflow: hidden;
}
.ff3_cont img{
	width: 90px;
}
.ff3_cont h2{
	font-size: 36px;
	line-height: 1;
	color: #fff;
	letter-spacing: 1px;
}
.ff3_cont h2:after{
	content: "";
	display: block;
	width: 180px;
	height: 1px;
	background: #fff;
	margin: 28px auto 22px;
}
.ff3_cont .text{
    color: #fff;
    line-height: 2;
}
.ff3_cont .mid{
	width: 72%;
	position: absolute;
	top: 50%;
	left: 14%;
	transform: translateY(-50%);
	box-sizing: border-box;
	padding: 60px 80px;
}
.ff3_cont .mid:after{
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px rgba(255,255,255,.4) solid;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
}
.mid_more{
	width: 160px;
	line-height: 44px;
	border: 1px #fff solid;
	text-align: center;
	margin-top: 100px;
	transition: .5s;
}
.mid_more a{
	display: block;
	font-size: 15px;
	color: #fff;
}
.mid_more:hover{
	background: #d7000f;
	border-color: #d7000f;
}
.number{
	text-align: center;
}
.number ul{
	width: 74%;
}
.number ul li{
	width: 20%;
	list-style: none;
	float: left;
	position: relative;
}
.number ul li:after{
	content: "";
	display: block;
	width: 1px;
	height: 70px;
	background: rgba(255,255,255,.2);
	position: absolute;
	bottom: 10px;
	right: 0px;
}
.number ul li:last-child:after{
    display: none;
}
.number ul li .num{
	display: inline-block;
    overflow: hidden;
	position: relative;
}
.number ul li p{
	font-size: 100px;
	color: #d7000f;
	font-family: 'DINPRO-LIGHT';
	line-height: 1;
	float: left;
}
.number ul li span{
	font-size: 24px;
	color: #d7000f;
	float: right;
	margin: 60px 0px 0px 6px;
}
.number ul li h3{
	font-size: 24px;
	color: #d7000f;
	margin-top: 10px;
	line-height: 1;
	font-weight: normal;
}
#ff4_left{
	width: 113px;
	height: 80px;
	display: block;
	background-image: url(../images/prev.png);
	background-size: 100% 100%;
	cursor: pointer;
	left: 0;
	right: auto;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .5s;
}
#ff4_right{
	width: 113px;
	height: 80px;
	display: block;
	background-image: url(../images/next.png);
	background-size: 100% 100%;
	cursor: pointer;
	left: auto;
	right: 0;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .5s;
}
#ff4_left:hover{
	background-image: url(../images/prev2.png);
}
#ff4_right:hover{
	background-image: url(../images/next2.png);
}
.ff4box{
	width: 82%;
	position: relative;
	box-sizing: border-box;
	padding: 0px 160px;
	margin-top: 3.2%;
}
.ff4-swiper .swiper-slide{
	border: 3px transparent solid;
	box-sizing: border-box;
	transition: .5s;
}
.ff4-swiper .swiper-slide .img{
	overflow: hidden;
	font-size: 0;
}
.ff4-swiper .swiper-slide .img img{
    width: 100%;
    transition: 1s;
}
.ff4_cont{
	background: #fff;
	padding: 30px 20px 30px;
	position: relative;
}
.ff4_cont .tit h3{
	font-size: 24px;
	color: #242424;
	line-height: 1;
	font-weight: normal;
}
.ff4_cont .tit p{
    color: #333333;
    margin-top: 14px;
    line-height: 1;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
}
.ff4_cont .tit p:after{
	content: "";
	display: block;
	width: 36px;
	height: 3px;
	background: #d7000f;
	margin: 18px 0px;
}
.ff4_cont .text{
	font-size: 15px;
	color: #3c3c3c;
	line-height: 1.8;
	height: 81px;
	overflow: hidden;
}
.ff4_red{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(215,0,15,.88);
	opacity: 0;
	transition: .5s;
}
.ff4_more{
	width: 160px;
	line-height: 44px;
	border: 1px #fff solid;
	text-align: center;
	margin-top: 100px;
	font-size: 15px;
	color: #fff;
}
.ff4-swiper .swiper-slide:hover .ff4_red{
	opacity: 1;
}
.ff4-swiper .swiper-slide:hover{
	border-color: #fff;
}
.ff4-swiper .swiper-slide:hover .img img{
	transform: scale(1.05);
}
.ff5{
	width: 25%;
	height: 100%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding: 180px 0px 0px 0px;
}
.ff5 .img img{
	width: 100%;
	margin-top: 30px;
	transition: .5s;
}
.ff5:hover .img img{
    margin-top: 50px;
}
.ff5b{
	display: inline-block;
	overflow: hidden;
}
.ff5b img{
	float: left;
}
.ff5b .text{
	font-size: 18px;
	color: #fff;
	float: right;
	text-align: left;
	position: relative;
	padding-left: 14px;
	margin-left: 8px;
}
.ff5b .text p{
	line-height: 1.6;
}
.ff5b .text:before{
	content: "";
	display: block;
	width: 3px;
	height: 50px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}
.ff5 .mid_more{
	margin-top: 10px;
}
.footer{
	height: 569px;
	position: relative;
}
.fot{
	margin-top: 100px;
}
.fotl{
	width: 24%;
	float: left;
	text-align: center;
	margin-top: 3%;
}
.fotl img{
	width: 90%;
	max-width: 430px;
}
.fotl:hover img:first-child{
    transform: rotateY(360deg);
    transition: 2s;
}
.fotl p{
	font-size: 42px;
	color: #fff;
	margin-top: 20px;
}
.fotc{
	float: left;
	margin-left: 8%;
	margin-top: 3.5%;
}
.fotc div h3{
	font-size: 18px;
	color: #fff;
	line-height: 1;
	font-weight: normal;
}
.fotc div h3 img{
	float: left;
	margin: -3px 10px 0px 0px;
}
.call p{
	font-family: '优设标题黑';
	font-size: 45px;
	color: #d7000f;
	line-height: 1;
	margin: 10px 0px 0px 28px;
}
.dress{
	margin-top: 90px;
}
.dress p{
	font-size: 17px;
	color: #fff;
	line-height: 1;
	margin: 15px 0px 0px 28px;
}
.fotr{
	float: right;
	margin-right: 30px;
}
.form{
	position: relative;
}
.gray{
	width: 510px;
	height: 265px;
	background: rgba(208,11,24,.3);
	border-radius: 0px 30px 0px 0px;
	box-sizing: border-box;
	padding: 15px 30px 0px 15px;
	margin: 10px 0px 0px 10px;
	position: relative;
	z-index: 2;
}
.form button{
	width: 160px;
	height: 48px;
	box-sizing: border-box;
	border: 1px #a5a5a5 solid;
	font-size: 18px;
	color: #333333;
	border-radius: 10px;
	position: absolute;
	bottom: -20px;
	right: -30px;
	z-index: 3;
	outline: none;
	cursor: pointer;
}
.form button:hover{
	color: #d7000f;
}
.red{
	width: 510px;
	height: 265px;
	background: rgba(97,97,97,.37);
	border: 1px #666565 solid;
	box-sizing: border-box;
	position: absolute;
	bottom: 10px;
	left: 0px;
	z-index: 1;
}
.gray ul li{
	width: 30%;
	float: left;
	list-style: none;
	margin-right: 5%;
}
.gray ul li:last-child{
	margin-right: 0px;
}
.gray ul li input{
	width: 100%;
	height: 40px;
	border: none;
	background: none;
	border-bottom: 1px rgba(255,255,255,.5) solid;
	font-size: 15px;
	color: #fff;
	outline: none;
}
.gray ul li input::-webkit-input-placeholder,.gray textarea::-webkit-input-placeholder{
    color: #fff;
}
.gray textarea{
	width: 100%;
	max-width: 100%;
	height: 130px;
	max-height: 130px;
	background: none;
	border-bottom: 1px rgba(255,255,255,.5) solid;
	color: #fff;
	font-size: 15px;
	box-sizing: border-box;
	padding: 10px 15px;
	outline: none;
	margin-top: 20px;
	line-height: 1.5;
}
.copy{
	border-top: 1px rgba(255,255,255,.3) solid;
	line-height: 60px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

@media screen and (max-width: 1600px){
	.content{top: 160px;}
	.ff2l{padding: 20px;}
	.ff2r .text{padding: 26% 50px 0px;font-size: 15px;}
	.ff2r_more{width: 140px;line-height: 42px;}

    .ff3_cont .mid{padding: 40px 60px;}
	.ff3_cont h2{font-size: 30px;}
	.ff3_cont h2:after{width: 140px;margin: 20px auto 15px;}
	.ff3_cont .text{font-size: 15px;}
	
    .number{margin-top: -20px;}
	.number ul li p{font-size: 80px;}
	.number ul li span{font-size: 22px;margin: 45px 0px 0px 6px;}
	.number ul li h3{font-size: 22px;margin-top: 8px;}
	.ff4box{margin-top: 2.8%;width: 86%;padding: 0px 130px;}
	.ff4_cont{padding: 20px 18px 20px;}
	.ff4_cont .tit h3{font-size: 22px;}
	.ff4_cont .tit p{font-size: 14px;}
	.ff4_cont .tit p:after{margin: 15px 0px 12px;}
	.ff4_cont .text{font-size: 14px;height: 75px;overflow: hidden;}
	#ff4_left,#ff4_right{width: 100px;height: 70px;}
	.ff4_more{width: 140px;line-height: 42px;margin-top: 80px;}
    
    .ff5{padding-top: 180px;}
	.ff5b img{height: 45px;}
	.ff5b .text{font-size: 16px;margin-top: -2px;}
	.ff5b .text:before{height: 42px;}
	.ff5 .img img{width: 90%;}
    
    .fotl{margin-top: 4%;}
    .fotl p{font-size: 36px;}
    .fotc{margin-left: 4%;margin-top: 4%;}
    .fotc div h3{font-size: 17px;}
    .call p{font-size: 43px;}
    .gray{width: 480px;height: 250px;}
    .red{width: 480px;height: 250px;}
    .form button{width: 140px;height: 42px;font-size: 18px;bottom: -15px;right: -25px;}
    .fotr{margin-right: 25px;}
    .form img{width: 240px;}
    .footer{height: 540px;}
}

@media screen and (max-width: 1530px){
    .fotl{margin-top: 5%;}
    .fotl p{font-size: 32px;}
    .fotc{margin-left: 4%;margin-top: 4%;}
    .fotc div h3{font-size: 16px;}
    .call p{font-size: 40px;}
    .dress p{font-size: 16px;}
    .fot{margin-top: 80px;}
    .footer{height: 520px;}
}

@media screen and (max-width: 1440px){
	.nav,.nav .logo img{height: 90px;}
	.nav ul li{margin: 20px 0px;font-size: 16px;}
	.voice{width: 26px;height: 26px;margin-top: 32px;}

	.content{top: 140px;}
	.ff2l{padding: 18px;}
	.ff2r .text{padding: 26% 40px 0px;font-size: 13px;}
	.ff2r_more{width: 120px;line-height: 36px;}
	.ff2r_more a{font-size: 14px;}

	.ff3_cont .mid{padding: 30px 50px;}
	.ff3_cont h2{font-size: 24px;}
	.ff3_cont h2:after{width: 100px;margin: 15px auto 10px;}
	.ff3_cont .text{font-size: 14px;line-height: 1.8;}
     
    .number{margin-top: -20px;}
	.number ul li p{font-size: 66px;}
	.number ul li span{font-size: 18px;margin: 37px 0px 0px 6px;}
	.number ul li h3{font-size: 20px;margin-top: 6px;}
	.ff4box{margin-top: 2%;width: 86%;padding: 0px 100px;}
	.ff4_cont{padding: 15px;}
	.ff4_cont .tit h3{font-size: 18px;}
	.ff4_cont .tit p{font-size: 12px;}
	.ff4_cont .tit p:after{height: 2px;margin: 12px 0px 10px;}
	.ff4_cont .text{font-size: 12px;height: 65px;overflow: hidden;}
	#ff4_left,#ff4_right{width: 80px;height: 56px;}
	.ff4_more{width: 140px;line-height: 42px;margin-top: 60px;}
    
    .ff5{padding-top: 150px;}
	.ff5b img{height: 36px;}
	.ff5b .text{font-size: 14px;margin-top: -3px;}
	.ff5b .text:before{height: 36px;}
	.ff5 .img img{width: 80%;}
    
    .fotl{margin-top: 5%;}
    .fotl p{font-size: 28px;}
    .fotc{margin-left: 4%;margin-top: 5%;}
    .fotc div h3{font-size: 15px;}
    .call p{font-size: 36px;}
    .dress{margin-top: 60px;}
    .dress p{font-size: 14px;}
    .gray{width: 450px;height: 234px;padding: 10px 30px 0px 15px;}
    .red{width: 450px;height: 234px;}
    .form button{width: 120px;height: 36px;font-size: 16px;bottom: -10px;right: -20px;}
    .gray ul li input{font-size: 14px;}
    .gray textarea{font-size: 14px;height: 110px;}
    .fotr{margin-right: 20px;}
    .form img{width: 220px;}
    .fot{margin-top: 60px;}
    .footer{height: 450px;}	
    .copy{font-size: 12px;line-height: 50px;}

    #ban_page span{width: 12px;height: 12px;}
}


/*关于*/

.ab2r{
	width: 50%;
	float: right;
	box-sizing: border-box;
	margin-right: 5%;
}
.ab2r .tit{
	font-size: 38px;
	color: #fff;
	letter-spacing: 3px;
}
.ab2r .tit:after{
	content: "";
	display: block;
	width: 80px;
	height: 4px;
	background: #d7000f;
	margin: 50px 0px 40px;
}
.ab2r .text{
	color: #fff;
	line-height: 2.5;
}
.ab3l{
	width: 72%;
	background: rgba(255,255,255,.8);
	border-radius: 0px 120px 0px 0px;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 80px 18% 6% 100px;
}
.ab3l .tit{
	display: inline-block;
	font-size: 38px;
	color: #d7000f;
	position: relative;
	line-height: 1;
	font-weight: bold;
}
.ab3l .tit:after{
	content: "";
	display: block;
	width: 90px;
	height: 4px;
	background: #d7000f;
	position: absolute;
	top: 50%;
	right: -120px;
	transform: translateY(-50%);
}
.ab3l .cont{
	font-size: 17px;
	line-height: 2.4;
	color: #343434;
	overflow: hidden;
	margin-top: 1%;
}
.ab3l .cont p{
	margin-top: 4.5%;
}
.ab3r{
	width: 34%;
	border-radius: 15px;
	overflow: hidden;
	position: absolute;
	right: 10%;
	top: 63%;
	transform: translateY(-63%);
}
.ab3r video{
	width: 100%;
	object-fit: fill;
	border: 15px #282828 solid;
}
.ab4l{
	width: 33.33%;
	height: 100%;
	background-image: url(../images/ab_03.jpg);
	background-size: cover;
	background-position: center;
	float: left;
}
.ab4l .text{
	width: 100%;
	height: 33.33%;
	background: rgba(215,0,15,.65);
	margin-top: 33.33vh;
	text-align: center;
	position: relative;
}
.ab4l .text span{
	display: block;
	width: 100%;
	font-size: 38px;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.ab4c{
	width: 33.33%;
	height: 100%;
	float: left;
}
.ab4c_list{
	width: 100%;
	height: 33.33%;
	background-size: cover;
	background-position: center;
}
.ab5_cont{
	width: 50%;
	height: 50%;
	background-image: url(../images/ab_13.jpg);
	background-size: cover;
	background-position: center;
	float: left;
	position: relative;
}
.ab5_img{
	width: 50%;
	height: 50%;
	background-size: cover;
	background-position: center;
	float: left;
}
.ab5_cont .text{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 60%;
	left: 0;
	transform: translateY(-60%);
}
.ab5_cont .text h2{
	font-size: 24px;
	color: #242424;
	line-height: 1;
}
.ab5_cont .text h2:after{
	content: "";
	display: block;
	width: 110px;
	height: 2px;
	background: #d7000f;
	margin: 32px auto 20px;
}
.ab5_cont .text p{
	font-size: 18px;
	color: #343434;
	line-height: 2;
}
.round_line{
	width: 500px;
	height: 500px;
	background-image: url(../images/ro_03.png);
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	animation: fangda 4s linear infinite;
}
@keyframes fangda{
    0%{width: 360px;height: 360px;}
    100%{width: 500px;height: 500px;}
}
@keyframes fangda_two{
    0%{width: 310px;height: 310px;}
    100%{width: 450px;height: 450px;}
}
@keyframes fangda_three{
    0%{width: 260px;height: 260px;}
    100%{width: 400px;height: 400px;}
}
.round{
	width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0 0 5px rgba(215,0,15,.1);
}
.round span{
	display: block;
	width: 100%;
	font-size: 36px;
	color: #d7000f;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
}

@media screen and (max-width: 1600px){
	.ab2r .tit{font-size: 32px;}
	.ab2r .tit:after{width: 70px;height: 3px;margin: 40px 0px 30px;}
	.ab2r .text{font-size: 15px;}

	.ab3l .tit{font-size: 32px;}
	.ab3l .tit:after{width: 80px;height: 3px;}
	.ab3l .cont{font-size: 16px;}

	.ab4l .text span{font-size: 32px;}

	.ab5_cont .text h2{font-size: 22px;}
	.ab5_cont .text h2:after{width: 90px;margin: 26px auto 15px;}
	.ab5_cont .text p{font-size: 16px;}
	.round{width: 180px;height: 180px;}
	.round span{font-size: 30px;}
	.round_line{animation: fangda_two 4s linear infinite;}
}

@media screen and (max-width: 1440px){
	.ab2r .tit{font-size: 28px;}
	.ab2r .tit:after{width: 60px;height: 2px;margin: 30px 0px 20px;}
	.ab2r .text{font-size: 14px;line-height: 2;}

	.ab3l .tit{font-size: 28px;}
	.ab3l .tit:after{width: 70px;height: 2px;}
	.ab3l .cont{font-size: 14px;line-height: 2;}
	.ab3l{padding: 50px 18% 4% 70px;}
	.ab3l .cont p{margin-top: 3%;}

	.ab4l .text span{font-size: 28px;}

	.ab5_cont .text h2{font-size: 20px;}
	.ab5_cont .text h2:after{width: 70px;margin: 20px auto 12px;}
	.ab5_cont .text p{font-size: 14px;}
	.round{width: 160px;height: 160px;}
	.round span{font-size: 28px;}
	.round_line{animation: fangda_three 4s linear infinite;}
}


/*案例*/

.case_title{
	text-align: center;
}
.case_title h2{
	font-size: 38px;
	color: #fff;
	line-height: 1;
	letter-spacing: 2px;
	text-shadow: 0 0 5px rgba(0,0,0,.2);
}
.case_title h2:after{
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	background: #e4040f;
	margin: 22px auto 15px;
}
.number2{
	text-align: center;
	margin-top: 1%;
}
.number2 ul{
	width: 80%;
}
.number2 ul li{
	width: 20%;
	list-style: none;
	float: left;
	position: relative;
}
.number2 ul li .num{
	display: inline-block;
    overflow: hidden;
	position: relative;
}
.number2 ul li p{
	font-size: 106px;
	color: #f11a29;
	font-family: 'DINPRO-LIGHT';
	line-height: 1;
	float: left;
}
.number2 ul li span{
	font-size: 24px;
	color: #d7000f;
	float: right;
	margin: 66px 0px 0px 6px;
}
.number2 ul li h3{
	font-size: 24px;
	color: #5d5d5d;
	margin-top: 15px;
	line-height: 1;
	font-weight: normal;
}
.al2-swiper{
	margin-top: 2%;
}
.al2-swiper .swiper-slide{
    width: 60%;
    padding: 15px;
    border-radius: 8px;
}
.al2-swiper .swiper-slide-active{
    border: 4px #d7000f solid;
    background: #e1dfdf;
}
.al2{
	background: #fbfbfb;
	position: relative;
}
.al2 .img{
	width: 50%;
	float: left;
}
.al2 .img img{
	width: 100%;
}
.al2 .cont{
	width: 50%;
	height: 100%;
    position: absolute;
    top: 0;
    right: 0;
	box-sizing: border-box;
	padding: 35px;
	background-image: url(../images/al_05.jpg);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;
}
.al2 .cont h2{
	font-size: 28px;
	color: #242424;
	line-height: 1;
}
.al2 .cont h3{
	font-size: 22px;
	color: #d7000f;
	line-height: 1;
	margin: 25px 0px;
}
.al2 .cont .text{
	color: #444444;
	line-height: 2;
	font-size: 18px;
}
#case_left{
	width: 60px;
	height: 60px;
	display: block;
	background-color: #fff;
	border-radius: 50%;
	background-image: url(../images/al_08.png);
	background-size: 24%;
	opacity: 1;
	cursor: pointer;
	left: 14%;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}
#case_right{
	width: 60px;
	height: 60px;
	display: block;
	background-color: #fff;
	border-radius: 50%;
	background-image: url(../images/al_09.png);
	background-size: 24%;
	opacity: 1;
	cursor: pointer;
	right: 14%;
	margin: 0;
	top: 50%;
	transform: translateY(-50%);
}
.al3-swiper{
	width: 66%;
	padding-bottom: 66px;
	margin-top: 2%;
}
.al3{
	background: #fff;
	overflow: hidden;
	padding: 20px 0;
	opacity: .9;
}
.al3 img{
	width: 18%;
	float: left;
	margin: 0 1%;
}
#al3_page{
	bottom: 0;
}
#al3_page span{
	width: 18px;
	height: 18px;
	border: 1px #fff solid;
	background: transparent;
	opacity: 1;
	margin: 0px 10px;
}
#al3_page .swiper-pagination-bullet-active{
	background: #d7000f;
}


@media screen and (max-width: 1600px){
    .case_title h2{font-size: 32px;}
    .case_title h2:after{margin-bottom: 18px auto 10px;}
    .case_title img{width: 460px;}

	.number2 ul li p{font-size: 80px;}
	.number2 ul li span{font-size: 22px;margin: 45px 0px 0px 6px;}
	.number2 ul li h3{font-size: 22px;margin-top: 8px;}

	.al2 .cont h2{font-size: 24px;}
	.al2 .cont h3{font-size: 18px;margin: 20px 0px;}
	.al2 .cont .text{font-size: 16px;line-height: 1.8;}
	.al2 .cont{padding: 30px;}
	#case_left{width: 50px;height: 50px;left: 13%;}
	#case_right{width: 50px;height: 50px;right: 13%;}
	.al2-swiper .swiper-slide{padding: 12px;}

	.al3-swiper{width: 60%;margin-top: 1%;padding-bottom: 50px;}
	.al3{padding: 10px 0px;}
	#al3_page span{width: 14px;height: 14px;margin: 0px 8px;}
}

@media screen and (max-width: 1440px){
	.case_title h2{font-size: 28px;}
    .case_title h2:after{margin-bottom: 14px auto 5px;}
    .case_title img{width: 360px;}

	.number2 ul li p{font-size: 66px;}
	.number2 ul li span{font-size: 18px;margin: 37px 0px 0px 6px;}
	.number2 ul li h3{font-size: 20px;margin-top: 6px;}

	.al2 .cont h2{font-size: 20px;}
	.al2 .cont h3{font-size: 16px;margin: 15px 0px;}
	.al2 .cont .text{font-size: 14px;line-height: 2;}
	.al2 .cont{padding: 25px;}
	#case_left{width: 40px;height: 40px;left: 13%;}
	#case_right{width: 40px;height: 40px;right: 13%;}
	.al2-swiper .swiper-slide{padding: 10px;}

	.al3-swiper{width: 60%;margin-top: 1%;padding-bottom: 40px;}
	.al3{padding: 5px 0px;}
	#al3_page span{width: 10px;height: 10px;margin: 0px 6px;}
}


/*业务*/

.case_title p{
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
}
.yw2{
	width: 70%;
	margin-top: 2%;
}
.yw2 .list{
	width: 25%;
	float: left;
	position: relative;
}
.yw2 .list .img{
	overflow: hidden;
	position: relative;
}
.yw2 .list .img img{
	width: 100%;
}
.yw2 .list:after{
	content: "";
	display: block;
	width: 38px;
	height: 34px;
	background-image: url(../images/jt_03.png);
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 40%;
	right: -19px;
	transform: translateY(-40%);
	z-index: 10;
	transition: .5s;
}
.yw2 .list:last-child:after{
	display: none;
}
.yw2 .list .cont{
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px #e8e8e8 solid;
	transition: .5s;
}
.yw2 .list .inline-block{
	display: inline-block;
}
.yw2 .list .inline-block img{
	width: 50px;
	float: left;
	margin: 14px 15px 0px 0px;
}
.yw2 .list .inline-block img:nth-child(2){
	display: none;
}
.yw2 .list .inline-block span{
	font-size: 24px;
	color: #646464;
	line-height: 80px;
	transition: .5s;
}
.yw2 .list:last-child .cont{
	border: none;
}
.yw2_tan{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -100%;
	background: rgba(255,255,255,.9);
	text-align: center;
	box-sizing: border-box;
	padding: 30px 30px 40px;
	transition: .5s;
}
.yw2_tan h3{
	font-size: 22px;
	color: #343434;
	line-height: 1;
}
.yw2_tan h3:after{
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	background: #bc000d;
	margin: 18px auto 12px;
}
.yw2_tan p{
	color: #646464;
	line-height: 1.8;
}
.yw2 .list:hover .cont{
	background: #d7000f;
	border-color: #d7000f;
}
.yw2 .list:hover .cont span{
	color: #fff;
}
.yw2 .list:hover .inline-block img:nth-child(1){
	display: none;
}
.yw2 .list:hover .inline-block img:nth-child(2){
	display: block;
}
.yw2 .list:hover .yw2_tan{
	bottom: 0;
}
.yw2 .list.active:after{
	top: 20%;
	transform: translateY(-20%);
}
.yw3{
	width: 100%;
	height: 100%;
}
.yw3 .list{
	width: 15%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	position: relative;
	cursor: pointer;
	transition: .8s;
}
.yw3 .list.active{
	width: 40%;
	background-size: cover;
}
.yw3_cont{
	width: 100%;
	height: 54%;
	position: absolute;
	top: 60%;
	left: 0;
	transform: translateY(-60%);
	text-align: center;
}
.yw3 .list img{
	width: 90px;
}
.yw3 .list h2{
	display: block;
	width: 30px;
	height: 340px;
	font-size: 30px;
	color: #fff;
	margin-top: 30px;
	line-height: 1.2;
}
.yw3 .list .gd{
	width: 63px;
	height: 22px;
	background-image: url(../images/yw_43.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 90%;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	transition: .5s;
	transition-delay: .3s;
}
.yw3 .list .text{
	margin-top: 12%;
}
.yw3 .list .text h3{
    display: block;
	width: 30px;
	font-size: 30px;
	color: #fff;
	line-height: 1.2;
	margin-top: 30px;
	transition: .8s;
}
.yw3 .list .text h3:after{
	content: "";
	display: block;
	width: 40px;
	height: 4px;
	background: #d7000f;
	margin: 30px auto;
	opacity: 0;
	transition: .8;
}
.yw3 .list .text p{
	font-size: 20px;
	color: #fff;
	line-height: 1.8;
	text-shadow: 0 0 5px rgba(0,0,0,.2);
	opacity: 0;
	transition: .8s;
}
.yw3 .list.active .text h3{
	width: 100%;
    font-size: 36px;
    color: #fff;
    letter-spacing: 3px;
    line-height: 1;
    text-shadow: 0 0 5px rgba(0,0,0,.2);
}
.yw3 .list.active .text h3:after{
	opacity: 1;
}
.yw3 .list.active .text p{
	opacity: 1;
}
.yw3 .list.active .text{
	
}
.yw3 .list.active .gd{
	opacity: 0;
}

@media screen and (max-width: 1600px){
	.case_title p{font-size: 16px;}
	.yw2 .list .inline-block img{width: 42px;margin: 13px 10px 0px 0px;}
	.yw2 .list .inline-block span{line-height: 70px;font-size: 22px;}
	.yw2_tan{padding: 25px;}
	.yw2_tan h3{font-size: 20px;}
	.yw2_tan p{font-size: 15px;}
	.yw2 .list:after{background-size: 80%;}

	.yw3 .list img{width: 78px;}
	.yw3 .list .text h3{font-size: 26px;width: 26px;}
	.yw3 .list .gd{background-size: 78%;}
	.yw3 .list.active .text h3{font-size: 32px;}
	.yw3 .list .text p{font-size: 18px;}
	.yw3 .list .text h3:after{width: 35px;height: 3px;margin: 25px auto;}
	.yw3_cont{height: 60%;}
}

@media screen and (max-width: 1440px){
	.yw2{width: 60%;}
	.case_title p{font-size: 14px;}
	.yw2 .list .inline-block img{width: 32px;margin: 11px 10px 0px 0px;}
	.yw2 .list .inline-block span{line-height: 55px;font-size: 18px;}
	.yw2_tan{padding: 15px;}
	.yw2_tan h3{font-size: 18px;}
	.yw2_tan p{font-size: 14px;}
	.yw2 .list:after{background-size: 60%;}
	.yw2 .list.active:after{top: 15%;transform: translateY(-15%);}

	.yw3 .list img{width: 68px;}
	.yw3 .list .text h3{font-size: 22px;width: 22px;}
	.yw3 .list .gd{background-size: 66%;}
	.yw3 .list.active .text h3{font-size: 28px;}
	.yw3 .list .text p{font-size: 16px;}
	.yw3 .list .text h3:after{width: 30px;height: 2px;margin: 20px auto;}
	.yw3_cont{height: 60%;}
}

/*招聘*/

.zp2b{
	margin-bottom: 3%;
}
.zp2b img{
	width: 60%;
}
.zp2box .list{
	width: 20%;
	color: #fff;
	float: left;
	margin-right: 20%;
	margin-top: 2%;
}
.zp2box .list:nth-child(3n){
	margin-right: 0;
}
.zp2box .list h3{
	font-size: 28px;
	line-height: 1;
	text-shadow: 0 0 5px rgba(0,0,0,.2);
}
.zp2box .list p{
	line-height: 1.6;
	margin-top: 15px;
	text-shadow: 0 0 5px rgba(0,0,0,.2);
}
.huany{
	margin-top: 2%;
}
.huany img{
	width: 28%;
}
.zp3_text{
	font-size: 18px;
	color: #d5ad52;
	line-height: 2;
}
.zp3_email{
	display: inline-block;
	background: #eaba40;
	color: #fff;
	line-height: 46px;
	padding: 0px 20px;
	border-radius: 0px 20px 0px 20px;
	margin-top: 1.5%;
}
.zp3_img1 img{
	width: 32%;
}
.zp3_img2{
	margin-top: 1%;
}
.zp3_img2 img{
    width: 34%;
}
.zp3_img3{
	margin: 1.5% 0 1.2%;
}
.zp3_img3 img{
	width: 15%;
}

@media screen and (max-width: 1600px){
    .zp2b img{width: 48%;}
    .zp2b{margin-bottom: 2%;}
    .zp2box .list h3{font-size: 22px;}
    .zp2box .list p{font-size: 15px;margin-top: 10px;}
    .zp2box .list{width: 24%;margin-right: 14%;}
    .huany img{width: 24%;}
    .huany{margin-top: 1.5%;}

	.zp3_img1 img{width: 26%;}
	.zp3_img2 img{width: 28%;}
	.zp3_img3 img{width: 13%;}
	.zp3_img3{margin: 1.2% 0 1%;}
	.zp3_text{font-size: 17px;}
	.zp3_email{line-height: 40px;font-size: 15px;}
}

@media screen and (max-width: 1440px){
    .zp2b img{width: 40%;}
    .zp2b{margin-bottom: 2%;}
    .zp2box .list h3{font-size: 20px;}
    .zp2box .list p{font-size: 14px;margin-top: 6px;}
    .zp2box .list{width: 26%;margin-right: 11%;}
    .huany img{width: 22%;}
    .huany{margin-top: 1%;}

	.zp3_img1 img{width: 20%;}
	.zp3_img2 img{width: 22%;}
	.zp3_img3 img{width: 10%;}
	.zp3_img3{margin: 1% 0 .8%;}
	.zp3_text{font-size: 14px;}
	.zp3_email{line-height: 36px;font-size: 14px;padding: 0px 15px;}
}


.tips{
	min-width: 80px;
	min-height: 80px;
	background: rgba(0,0,0,.7);
	color: #fff;
	font-size: 14px;
	border-radius: 8px;
	text-align: center;
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9999;
	display: none;
}
.tips img{
    width: 50px;
    margin-bottom: 5px;
}