.mobile3,.mobile4,.mobile5{ display:none;}

/* banner */
.banner{ width: 100%; overflow: hidden;}
.banner .banner_border{ border-style: solid;border-color: #f5f5f5; border-width: 0; position: absolute; inset:0;-webkit-transition:all .4s ease-out;transition:all .4s ease-out; z-index: 2; width: 100%; height: 101%;}
.banner.fix .banner_border{border-width: 60px 60px 0px; }
.banner .swiper-container {width: 100%; height: auto; margin: 0;}
.banner .swiper-slide a {width: 100%; display: block; height: 100%;}
.banner .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.banner img{ width: 100%; display: block;}
.banner img.mobile{ display:none;}
.banner .video_img.mobile{ display:none;}
.banner .banner_text{ width: 1400px; max-width:72%; height:100%; margin: 0 auto; position: relative; z-index: 3;}
.banner .banner_tet{ position: absolute; top: 15vw;}
.banner .swiper-pagination {
	right:20px;  width:10px; bottom: auto; left: auto;top:50%;
 -webkit-transform:translate3d(0,-50%,0);
 -moz-transform:translate3d(0,-50%,0);
 -o-transform:translate(0,-50%);
 -ms-transform:translate3d(0,-50%,0);
 transform:translate3d(0,-50%,0)
}
.banner .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #b71b30;
	opacity: 0.3;
	margin: 5px 0;
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #b71b30;
}
.banner h2{ font-size: 68px; color: #fff; line-height: 1.1; padding-bottom: 20px;}
.banner h3{ font-size: 48px; color: #fff; line-height: 1.1; padding-bottom: 55px;}
/*not good*/
/*.banner p{ width: 420px; font-size: 18px; color: #fff; line-height: 1.7; padding-bottom: 70px; text-align: justify;}*/
.banner p{ width: 420px; font-size: 18px; color: #fff; line-height: 1.7; padding-bottom: 70px; text-align: left;}
.banner .banner_btn{ width:150px; height: 54px; color: #fff; font-size:14px; font-weight: bold; line-height: 54px; text-align: center; border-top-right-radius: 12px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;    overflow: hidden; z-index: 1;background-color:#b71b30;
}
.banner .banner_btn .btn_text{ position:relative; z-index: 3;}
.banner .banner_btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(150, 0, 28);
}

.banner .banner_btn:hover:after,
.banner .banner_btn:active:after {
	width: 100%; z-index: 2;
}
.banner .kv .swiper-slide { height: 100%;
	background-color: #fff;
}
.banner video{ width:100%;}
.swiper-wrapper.kv{}
/* sec0 */
.sec0{ position: absolute; bottom:90px; left: 0; width: 100%; z-index: 3; height: 46px;}
.banner .sec0.web4 .swiper-container{ height: 46px;}
.sec0 .inner{ width: 1400px; max-width: 92%; margin: 0 auto;}
.sec0 ul{ width: 100%; display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between; }
.sec0 ul li{ border-bottom:solid 1px rgba(245,245,245,0.3); width: 396px;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between; -webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.sec0 ul li a{ color: #fff; font-weight: bold; font-size: 17px; line-height: 1.1; width: 94%;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.sec0 ul li span{color: #fff; font-size: 15px; line-height: 1.1;}
.sec0 ul li:hover{border-bottom:solid 1px rgba(245,245,245,1);}
.banner .sec0.web4 .swiper-slide a{ width: 90%; height: auto;}

/*main*/
.main{position:relative;}
.align-right{ text-align:right;}
.main .inner{ width: 1400px; margin: 0 auto; }
.section{ width: 100%;}
.sec_title{ color: #b71b30; font-weight: bold; font-size: 22px; line-height: 1.1;}
.redBg .sec_title{ color: #fff;}
.section .sec_btn{ width:150px; height: 54px;line-height: 54px; text-align: center; border-top-right-radius: 12px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;    overflow: hidden; z-index: 1;background-color:#b71b30;
}
.section .sec_btn .btn_text{ position:relative; z-index: 3; color: #fff; font-size: 18px;line-height: 54px;  font-weight: normal;}
.section .sec_btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(150, 0, 28);
}

.section .sec_btn:hover:after,
.section .sec_btn:active:after {
	width: 100%; z-index: 2;
} 
/* sec1 */
.sec1{ padding-bottom: 100px; overflow: hidden; background-image:url(../images/index_sec1_bg.png); background-position:top center; background-repeat: repeat;}
.sec1 .sec_title{padding-top: 120px;}
.sec1 h2{ color: #3d3d3d; font-size: 44px; line-height: 1.6; font-weight: normal; padding-top: 30px; padding-bottom: 78px;}
.sec1 h6{ width: 100%; font-size: 200px; font-weight: bold; line-height: 1.1; color: #e4e4e4;font-family: "montserrat";}
.sec1 h6 span{ opacity: 0;}
/* sec2 */
.sec2{ position: relative;z-index: 1;}
.redBg{ background-color: #b71b30;}
.sec2 .sec_title{padding-top: 166px;position: relative; z-index: 3;}
.sec2 .sec_tit{ padding-top:60px; position: relative; z-index: 3;}
.sec2 .sec_tit ul{ display: -webkit-flex; /* Safari */display: flex;flex-direction: column;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.sec2 .sec_tit li{ display:inline-block; margin-top: 48px;}
.sec2 .sec_tit a{ display: inline-block;color: #000; font-size: 44px; font-weight: bold;line-height: 1.1;-webkit-transition:all .4s ease-out;transition:all .4s ease-out; position: relative;}
.sec2 .sec_tit a span{ width: 0;background-color: #fff;height: 1px; position: absolute; left: -455px; top:24px; -webkit-transition:all .4s ease-out;transition:all .4s ease-out; }
.sec2 .sec_tit a.active{ color: #fff;}
.sec2 .sec_tit a.active span{ width: 400px; }
.sec2 .sec_nav{ position: absolute; height: 3px; z-index: 3;
top: 50%;
right: 60px;
margin: 0px;
bottom: unset;
transform: translate(50%, -50%) rotate(90deg);
display: flex;
-moz-box-align: center;
align-items: center;
white-space: nowrap; }
.sec2 .sec_nav h2{ font-size: 14px; line-height: 1.1; font-weight: bold; opacity: 0.25; color: #fff; letter-spacing: 1px; }
.sec2 .sec_nav ul{ height: 3px;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:center; }
.sec2 .sec_nav li{ height: 3px;}
.sec2 .sec_nav li a{ background-color: #000; height: 3px;width: 20px; display:block; margin-left:10px;}
.sec2 .sec_nav li a.active{background-color: #fff; width: 60px;}

.sec2 .sec_cont ul{width:100%;}
.sec2 .sec_cont li{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
.sec2 .sec_cont li img{ opacity: 0; width: 100%;}
.sec2 .sec_cont li.active img{ opacity: 1;}
/* sec3 */
.sec3{ position: relative; z-index: 3; padding-bottom: 70px; padding-top: 200px;}
.redBg_right{ background-color: #b71b30;}
.sec3 .inner{display: -webkit-flex; /* Safari */display: flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.sec3 .sec_cont{ width:100%; position: absolute; left: 50%; top: 0;}
.sec3 .eur_map{width:100%; height: 700px;}
.sec3_left,.sec3_right{ width: 50%;}
/*.sec3_left{width: 400px;}*/
.sec3_left .sec_title{ padding-top: 140px; padding-bottom: 28px; }
.sec3_left h2{ color: #fff; font-size: 34px; padding-top: 10%; }
.sec3 .sec_tit li{padding: 14px 0; position: relative;}
.sec3 .sec_tit li a{ color:#000; font-size: 42px; font-weight: bold; line-height: 1.1;}
.sec3 .sec_tit li.active a,.sec3 .sec_tit li .sec3_cont a:hover{color: #b71b30;}
.sec3 .sec_tit li .sec_line{ width: 0px; height: 1px; background-color: #b71b30; position: absolute; bottom: -1px; left: -400px; display: inline-block;-webkit-transition:all .4s ease-out;transition:all .4s ease-out; }
.sec3 .sec_tit li.active .sec_line{width: 664px; }
.sec3 .sec_tit li .sec3_cont{ padding-top: 10px; display: none;flex-direction:row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.sec3 .sec_tit li.active .sec3_cont{ /*display:flex;*/}
.sec3 .sec_tit li .sec3_cont a{ width: 50%; color:#222; font-size: 22px; font-weight: normal; line-height: 2; display:inline-block; position: relative;}
.sec3 .sec_tit li .sec3_cont a.last{ width:100%;}
.sec3 .sec_tit li .sec3_cont a span{ width: 0px; height: 2px; background-color: #b71b30; position: absolute; top: 50%; margin-top: -0.5px; left: -20px; display: inline-block;}
.sec3 .sec_tit li .sec3_cont a:hover span{ width: 10px; }

.sec3_right{ position:relative; z-index: 4; width: 938px;}
.sec3_right li{ position:absolute; top: 0; left: 0; z-index: 2; background-color: #fff;-webkit-transition:all .4s ease-out;transition:all .4s ease-out; opacity: 0;}
.sec3_right li img{ width:100%;}
.sec3_right li.last{ position: relative;}
.sec3_right li.active{ z-index:3; opacity: 1;}
.sec3_tet{padding-top: 25px; padding-bottom: 30px; border-bottom: #b71b30 solid 3px; display: -webkit-flex; /* Safari */display: flex;flex-direction:row;flex-wrap:wrap;align-items:center; justify-content:space-between; display: none; }
.sec3_text{ color: #333; font-size: 16px; font-weight: bold; line-height:2.25; width: 60%; height: 72px; }

/* sec4 */
.sec4 .swiper-button-next.sp,.sec4 .swiper-button-prev.sp{ opacity:0;}
.sec4{ position:relative; width: 100%; overflow:hidden; padding-bottom: 200px;}
.sec4_bg{ width: 50%; position: absolute; top: 0; left: 0; background-color: #f5f5f5; height: 100%;z-index: 1;}
.sec4 .sec_title{position: relative;z-index:2; padding-top: 140px;}
.sec4 .sec_tit{ padding-top:30px; position: relative; z-index: 3;}
.sec4 .sec_tit ul{ display: -webkit-flex; /* Safari */display: flex;flex-direction: column;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.sec4 .sec_tit li{ display:inline-block; margin-bottom: 50px;}
.sec4 .sec_tit a{ display: inline-block;color: #000; font-size: 44px; font-weight: bold;line-height: 1.1;-webkit-transition:all .4s ease-out;transition:all .4s ease-out; position: relative;}
.sec4 .sec_tit a span{ width: 0;background-color: #b71b30;height: 1px; position: absolute; left: -450px; top:24px; -webkit-transition:all .4s ease-out;transition:all .4s ease-out; }
.sec4 .sec_tit a.active{ color: #b71b30;}
.sec4 .sec_tit a.active span{ width: 400px; }

.sec4 .sec_cont{ width:1198px; position: absolute; left: 38%; top: 0;}
.sec4 .sec_cont ul{ position:relative;}
.sec4 .sec_cont ul li{position:absolute; top: 0; left: 0; opacity: 0; z-index: 1;}
.sec4 .sec_cont ul li.active{ opacity:1; z-index: 3;}
.sec4 .swiper-container{width:1198px;}
.sec4 .swiper-slide{width:372px; padding-top: 152px; }
.sec4 .swiper-slide:hover{padding-top: 112px; }
.sec4 .swiper-slide a{ display:inline-block; border-top-right-radius:12px; height: 450px; background-color: #fff; border: #eee solid 1px; padding:36px 54px 66px; transition: .1s linear; -moz-transition:.1s linear; -webkit-transition:.1s linear; }
.sec4 .swiper-slide a:hover{ background-color:#b71b30; border: #b71b30 solid 1px;}
.sec4 .sec_num{ font-family: Century Gothic; font-size: 38px; font-weight: bold; color: #000; line-height: 1; padding-bottom: 52px; transition: .2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear;}
.sec4 .swiper-slide h2{ font-size: 20px; line-height: 1.6; font-weight: bold; color: #000; padding-bottom: 36px; max-height:132px;  transition: .2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear;}
.sec4 .swiper-slide p{font-size: 14px; line-height: 1.6; font-weight: normal; color: #999; padding-bottom: 46px; max-height:115px; transition: .2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear;}
.sec4 .swiper-slide .sec_time{font-size: 14px; line-height: 1.1; font-weight: normal; color: #d0d0d0; transition: .2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear;}

.sec4 a:hover .sec_num{  color: #be4250;}
.sec4 .swiper-slide a:hover h2{ color: #f5f5f5;}
.sec4 .swiper-slide a:hover p{color: #f5f5f5;}
.sec4 .swiper-slide a:hover .sec_time{color: #d59ba0;}

.sec4 .swiper-button-next,.sec4 .swiper-button-prev{ position:relative !important;left: 0 !important;top: 0 !important;right: 0 !important;bottom: 0 !important;display: inline-block;}

.sec4 .swiper-button-next,.sec4 .swiper-button-prev{ left: -468px; bottom: 0; top: auto; margin-top: 0; width: 56px; height: 58px;}
.sec4 .swiper-button-prev{ background-color: #f5f5f5; border: #cfcfcf solid 1px; border-right: none; background-image: url(../images/index_sec4_icon1.png); background-size: 15px auto; }
.sec4 .swiper-button-next{ left: -412px; background-color: #b71b30; border-top-right-radius: 12px; background-image: url(../images/index_sec4_icon2.png); background-size: 15px auto; position: relative;outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;    overflow: hidden; z-index: 1;}

.sec4 .swiper-button-next img,.sec4 .swiper-button-prev img{ position:absolute; left: 50%; top: 50%; width: 15px; height: 7px; margin-top: -3.5px; margin-left: -7.5px; z-index: 3;}
.sec4 .swiper-button-next:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(150, 0, 28);
}
.sec4 .swiper-button-prev:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

	width: 0%;
	height: 100%;
	top: 0;
	right: 0; left: auto;
	background-color: #fff;
}
.sec4 .swiper-button-next:hover:after,
.sec4 .swiper-button-next:active:after,.sec4 .swiper-button-prev:hover:after,
.sec4 .swiper-button-prev:active:after {
	width: 100%; z-index: 2;
}

@media only screen and (max-width:1850px){
	.sec3{ padding-top: 160px;}
	}
@media only screen and (max-width:1776px){
	.sec1 h6{font-size: 180px; }
}
@media only screen and (max-width:1760px){
	.sec3{ padding-top: 140px;}
	}
@media only screen and (max-width:1700px){
	.sec3{ padding-top: 120px;}
	}

@media only screen and (max-width:1650px){
	.sec3{ padding-top: 0px;}
	}
@media only screen and (max-width:1600px){
	/* banner */
	.banner.fix .banner_border{border-width: 48px 20px 0;}
	.banner h2{ font-size: 54px;padding-bottom: 16px;}
	.banner h3{ font-size: 38px;padding-bottom: 44px;}
	.banner p{ width: 400px; font-size: 16px; padding-bottom: 56px;}
	.banner .banner_btn{ width:150px; width:120px; height: 42px;line-height: 42px; }
	.banner .sec_btn .btn_text{ font-size: 14px;line-height: 42px; }
	/* sec0 */

	.sec0 ul li{max-width: 28%;}
	.sec0 ul li a{ font-size: 14px; }
	.sec0 ul li span{ font-size: 12px;}
	/*main*/
	.sec_title{ font-size: 14px;}
	.section .sec_btn{ width:120px; height: 42px;line-height: 42px;}
	.section .sec_btn .btn_text{ font-size: 14px;line-height: 42px; }
	/* sec1 */
	.sec1{ padding-bottom: 80px; }
	.sec1 .sec_title{padding-top: 96px;}
	.sec1 h2{  font-size: 34px; padding-top: 24px; padding-bottom: 62px;}
	.sec1 h6{ font-size: 160px;}
	/* sec2 */
	.sec2 .sec_title{padding-top: 136px;}
	.sec2 .sec_tit{ padding-top:48px; }
	.sec2 .sec_tit li{margin-top: 38.4px;}
	.sec2 .sec_tit a{font-size: 34px; }
	.sec2 .sec_tit a span{ left: -330px; top:20px;  }
	.sec2 .sec_tit a.active span{ width: 320px; }
	.sec2 .sec_nav li a.active{width: 48px;}
	 /* sec3 */
	/*not good*/
	/*.sec3{padding-bottom: 1px; padding-top: 280px;}*/
	/*.sec3{padding-bottom: 1px; background-image: url(../images/index_sec3_img1.jpeg); background-size:100% 100%; -moz-background-size:100% 100%;}*/
	/*.sec3{padding-bottom: 1px; background-image: -webkit-cross-fade(url(../images/index_sec3_img5.jpeg), url(../images/index_sec3_img20.jpeg), 99%); background-size:100% 100%; -moz-background-size:100% 100%;}*/
	.sec3{padding-bottom: 1px; background-image: url(../images/index_sec3_img20.jpeg); background-size:100% 100%; -moz-background-size:100% 100%;}
	.sec3_left{ max-width:50%;}
	.sec3_left .sec_title{ padding-top: 112px;} 
	.sec3 .sec_tit li{padding: 10px 0;}
	.sec3 .sec_tit li a{font-size: 34px; }
	.sec3 .sec_tit li .sec_line{  left: -320px;  }
	.sec3 .sec_tit li.active .sec_line{width: 530px; }
	.sec3 .sec_tit li .sec3_cont{ padding-top: 8px; }
	.sec3 .sec_tit li .sec3_cont a{font-size: 18px; }
	.sec3 .sec_tit li .sec3_cont a span{ left:-10px; }
	.sec3 .sec_tit li .sec3_cont a:hover span{ width: 5px; }
	/*.sec3 p{ color: #000; font-size: 14px; line-height: 2.5; }*/
	.sec3 p{ color: #fff; font-size: 16px; line-height: 2;}
	.sec3_right{max-width:50%;}
	.sec3_right .sec_title{ padding-top: 112px;}
	/*.sec3_right .sec_area_name{ color: #b71b30; font-size: 50px; text-align: right; margin-bottom: 5.56%;}*/
	.sec3_right .sec_area_name{ color: #fff; font-size: 62px; text-align: right; margin-bottom: 5.56%;}
	.sec3_right .sec_area_test_summary{ padding-bottom: 24px; margin-bottom: 24px; font-size: 50px; border-top: #eee solid 1px; line-height: 2.14; float:right;}
	/*not good*/
	/*.sec3_right .text_box { background-color: #f5f5f5; margin-top: 60%; padding: 8.64% 6.286%; }*/
	/*.sec3_right .text_box { background-color: #f5f5f5; margin-top: 35%; padding: 8.64% 6.286%; }*/
	.sec3_right .text_box { margin-top: 35%; padding: 8.64% 6.286%; }
	.sec3_right .text_box .text_box_footer { margin-top: 15%; color: #b71b30; font-weight: bold; font-size: 20px;}

	.sec3_tet{ padding-top: 20px; padding-bottom: 24px;}
	.sec3_text{ font-size: 14px; height: 63px;  }
	/* sec4 */
	
	
	.sec4 .sec_title{padding-top: 112px;}
	.sec4 .sec_tit{ padding-top:24px; }
	.sec4 .sec_tit li{ margin-bottom: 40px;}
	.sec4 .sec_tit a{ font-size: 34px; }
	.sec4 .sec_tit a span{left: -340px; top:19px;  }
	.sec4 .sec_tit a.active span{ width: 320px; }
	/*.sec4 .sec_cont{ width:958px; left: 32%; top: 0;}
	.sec4 .swiper-container{width:958px;}*/
	.sec4 .swiper-slide{width:298px; padding-top: 90px; }
	.sec4 .swiper-slide:hover{padding-top: 60px; }
	/*.sec4 .swiper-slide a{height: 360px;  padding:28px 45px 52px;  }
	.sec4 .sec_num{  font-size: 30px; padding-bottom: 42px; }
	.sec4 .swiper-slide h2{ font-size: 16px; line-height: 1.6; padding-bottom: 28px; max-height:106px; }
	.sec4 .swiper-slide p{font-size: 12px; line-height: 1.6;padding-bottom: 36px; max-height:94px;}
	.sec4 .swiper-slide .sec_time{font-size: 12px; }*/
	.sec4 .swiper-button-next,.sec4 .swiper-button-prev{ left: -506px; width: 44px; height: 46px;}
	.sec4 .swiper-button-next{ left: -462px; }
}
@media only screen and (max-width:1520px){
	.sec3{ padding-top: 160px;}
	}
@media only screen and (max-width:1440px){	
	
	/* sec1 */
	.sec1{ padding-bottom: 60px;}
	.sec1 h6 {font-size: 130px;}
	.sec1 h2{font-size: 26px; padding-top: 18px; padding-bottom: 46px;}
	/* sec2 */
	.sec2 .sec_title{ padding-top: 102px;}
	
	/* sec4 */
	.sec4 .sec_tit li{ margin-bottom: 30px;}
	.sec4 .sec_tit a{font-size: 24px;	}
	.sec4 .sec_cont{ width: 720px; left: 30%;}
	.sec4 .swiper-slide{ width: 280px;}
	.sec4 .swiper-slide a{ height: 340px; padding: 20px 32px 40px;}
	.sec4 .sec_num{  font-size: 30px; padding-bottom: 30px; }
	.sec4 .swiper-slide h2{ font-size: 16px; line-height: 1.6; padding-bottom: 22px; max-height:100px; }
	.sec4 .swiper-slide p{font-size: 12px; line-height: 1.6;padding-bottom: 28px; max-height:86px;}
	.sec4 .swiper-slide .sec_time{font-size: 12px; }
	.sec4 .swiper-button-next,.sec4 .swiper-button-prev{ left:-26vw; width: 44px; height: 46px;}
	.sec4 .swiper-button-next{ left:-26vw; }
}
@media only screen and (max-width:1390px){
	.sec3{ padding-top: 140px;}
	}
@media only screen and (max-width:1350px){	
	/* sec3 */
	.sec3{padding-top: 100px;}
}
@media only screen and (max-width:1280px){	
	.sec1 h6 {font-size: 100px;}
	/* sec3 */
	.sec2 .sec_title{ padding-top:80px;}
	.sec3_left .sec_title{ padding-top: 100px;}
	.sec3_left{ max-width:50%;}
}
@media only screen and (max-width:1220px){
	/* sec0 */
	.sec0{ bottom:40px; }
	.sec3{ padding-top: 60px;}
	}

@media only screen and (max-width:1152px){	
	/* sec2 */
	.sec2 .sec_tit{ padding-top: 36px;}
	.sec2 .sec_tit li{ margin-top: 28px;}
	.sec2 .sec_tit a{ font-size: 26px;}
	/* sec3 */
	.sec3{ padding-top: 140px;}
	.sec3_left .sec_title{ padding-bottom:20px; padding-top: 80px;}
	.sec3 .sec_tit li a{ font-size:26px; }
	.sec3 .sec_tit li .sec3_cont a{ font-size: 14px;}
}
@media only screen and (max-width:1090px){
	.sec3{ padding-top: 100px;}
	}
@media only screen and (max-width:1024px){	
	.main .sec2 .inner{ width: 254px; margin-left: 4%;}
	/* banner */
	.banner .banner_text{ max-width:92%; }
	.banner .banner_border{ height: 101%;}
	.banner.fix .banner_border{border-width: 30px 30px 0px; }
	.banner .banner_tet{top: 15vw;}
	.banner .swiper-pagination {right:10px;  width:6px; }
	.banner .swiper-pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		opacity: 0.3;
		margin: 6px 0;
	}
	.banner h2{ font-size: 4rem; padding-bottom: 20px;}
	.banner h3{ font-size: 2.9rem; padding-bottom: 26px;}
	.banner p{ width: 330px; font-size: 1.4rem; padding-bottom: 30px;}
	.banner .banner_btn{ width:100px; height: 36px; font-size:1.2rem; line-height: 36px;border-top-right-radius: 8px;}
	.banner .banner_btn:hover:after,
	.banner .banner_btn:active:after {width: 0%;z-index: -1;}
	/* sec0 */
	.sec0{  bottom:20px;}
	.sec0 ul li{ padding-bottom:0; width:30%;}
	.sec0 ul li a{ font-size: 1.3rem;}
	.sec0 ul li span{font-size: 1.2rem;}
	.sec0 ul li:hover{border-bottom:solid 1px rgba(245,245,245,0.3);}
	/*main*/
	.sec_title{ font-size: 1.4rem;}
	.section .sec_btn{ width:100px; height: 36px; font-size:1.2rem; line-height: 36px;border-top-right-radius: 8px;}
	.section .sec_btn .btn_text{font-size: 1.4rem;line-height: 36px;}
	.section .sec_btn:hover:after,
	.section .sec_btn:active:after{width: 0%;z-index: -1;}
	/* sec1 */
	.sec1{ padding-bottom: 50px;}
	.sec1 .sec_title{padding-top: 60px;}
	.sec1 h2{ font-size: 2.3rem; padding-top:15px; padding-bottom:40px;}
	.sec1 h6{font-size: 8rem;}
	/* sec2 */
	.sec2{height: 500px; overflow: hidden;}
	.sec2 .sec_title{padding-top:86px;}
	.sec2 .sec_tit{ padding-top:30px;}
	.sec2 .sec_tit li{margin-top: 24px;}
	.sec2 .sec_tit a{font-size: 2.1rem;}
	.sec2 .sec_tit a span{ left: -210px; top:10px;}
	.sec2 .sec_tit a.active span{ width: 200px; }
	.sec2 .sec_cont{ position:absolute; top: 0; left: 0; width: 100%;}
	.sec2 .sec_nav{ height: 3px;right: 30px; }
	.sec2 .sec_nav h2{ font-size: 1.2rem; }
	.sec2 .sec_nav ul{ height: 3px; }
	.sec2 .sec_nav li{ height: 3px;}
	.sec2 .sec_nav li a{ height: 3px;width: 10px; margin-left:5px;}
	.sec2 .sec_nav li a.active{width: 30px;}
	.sec2 .sec_cont .mobile{ width:100%; }

	.sec2 .sec_cont .swiper-slide img{ width: 100%; }
	/* sec3 */
	.sec3{padding-bottom: 30px; padding-top: 50px;}
	/*not good*/
	/*.sec3_left{width: 280px; max-width: none;}*/
	.sec3_left{width: 50%; max-width: none;}
	.sec3_left .sec_title{ padding-top:0px; padding-bottom: 20px; }
	.sec3 .sec_tit li{padding: 10px 0;}
	.sec3 .sec_tit li a{ font-size: 2.1rem;}
	.sec3 .sec_tit li.active .sec3_cont a:hover{color: #222;}
	.sec3 .sec_tit li .sec_line{left: -200px; }
	.sec3 .sec_tit li.active .sec_line{width: 360px; }
	.sec3 .sec_tit li .sec3_cont{ padding-top: 5px; }

	.sec3 .sec_tit li .sec3_cont a{font-size:1.5rem;}
	.sec3 .sec_tit li .sec3_cont a:hover span{ width: 0px; }

	.sec3_right{ width:60%;}
	.sec3_right li{  top: -30px;}
	.sec3_tet{ padding-top: 12px; padding-bottom: 15px; border-bottom: #b71b30 solid 2px;}
	.sec3_text{ font-size: 1.3rem; width: 70%;  height: 5.85rem;}

	/* sec4 */
	.sec4{ padding-bottom:60px;}

	.sec4 .sec_title{padding-top: 70px;}
	.sec4 .sec_tit{ padding-top:15px;}
	.sec4 .sec_tit{
		overflow-x: auto;
	}
	.sec4 .sec_tit ul{
		display: block;
		white-space: nowrap;
	}
	.sec4 .sec_tit li{margin-bottom: 25px;margin-right: 10px;}
	.sec4 .sec_tit li:last-child{margin-right: 0;}
	.sec4 .sec_tit a{ font-size: 2.7rem; }
	.sec4 .sec_tit a span{ left: -210px; top:10px; }
	.sec4 .sec_tit a.active span{ width: 200px; }
.sec4 .sec_cont{ position:static; height: 300px; margin-left: 4%;}
	.sec4 .sec_cont{ width:800px;left: 28%;margin-bottom: 10px;margin-top: 20px;}
	.sec4 .swiper-container{ width: 800px}
	.sec4 .swiper-slide{padding-top:0; }
	.sec4 .swiper-slide:hover{padding-top:0; }
	.sec4 .swiper-slide a{ border-top-right-radius:8px; height: 300px; padding:18px 22px 30px;}
	.sec4 .swiper-slide a:hover{ background-color:#fff; border:#eee solid 1px;}
	
	.sec4 .sec_num{  font-size: 2.4rem;  padding-bottom: 26px;}
	.sec4 .swiper-slide h2{ font-size: 16px; padding-bottom: 18px; max-height:96px;}
	.sec4 .swiper-slide p{font-size: 12px; padding-bottom: 22px; max-height:80px;}
	.sec4 .swiper-slide .sec_time{font-size: 1.2rem;}

	.sec4 a:hover .sec_num{  color: #000;}
	.sec4 .swiper-slide a:hover h2{ color: #000;}
	.sec4 .swiper-slide a:hover p{color: #999;}
	.sec4 .swiper-slide a:hover .sec_time{color: #d0d0d0;}


	.sec4 .swiper-button-next,.sec4 .swiper-button-prev{ left: -24vw; width: 36px; height: 36px;}
	.sec4 .swiper-button-prev{ background-size: 12px auto;}
	.sec4 .swiper-button-next{ left: -24vw;border-top-right-radius: 8px;background-size: 12px auto;}
	.sec4 .swiper-button-next img,.sec4 .swiper-button-prev img{ display:none;}
	.sec4 .swiper-button-next:hover:after,
.sec4 .swiper-button-next:active:after,.sec4 .swiper-button-prev:hover:after,
.sec4 .swiper-button-prev:active:after {
	width: 0; z-index: 2;
}
}
@media only screen and (max-width:900px){	
	.sec0 ul li{ width:45%; max-width: none;}
	.sec0 ul li:nth-child(3){ display: none;}
}
@media only screen and (max-width:900px){	
	.web3{ display: none;}
	.mobile3{ display:block;}
}
@media only screen and (max-width:768px){	
	.banner img.mobile{ display:block;}
	.banner img.web{ display:none;}
	.banner .banner_tet{ top: 28vw;}
	
	.sec4 .swiper-slide{ width:220px;}
	
	.banner .video_img.mobile{ display:block;}
	.banner video.web{ display:none;}
}
@media only screen and (max-width:767px){	
	.mobile4{ display:block;}
	.web4{ display:none;}
	.banner h2{ font-size: 3rem; padding-bottom: 0px;}
	.banner h3{ font-size: 2rem; padding-bottom: 15px;}
	.banner p{ max-width:92%;font-size: 1.4rem; padding-bottom: 10px; margin-top: 10px;}
	.sec2 .sec_title,.sec4 .sec_title{ padding-top:60px;}
	.sec4 .sec_title{ padding-top:30px;}
	.sec3_left .sec_title{ padding-top: 30px;}
	.banner.fix .banner_border{border-width: 30px 10px 0px; }
	.sec0 .swiper-slide{ width:100%;border-bottom: solid 1px rgba(245,245,245,0.3);
padding-bottom: 5px; }
	.sec0 .swiper-slide a{ font-size: 1.3rem; color: #fff;}
	.sec0 .swiper-slide span{font-size: 1.2rem; color: #fff;}
	.sec0{ height:auto;}
	
	.sec1 h6{ font-size:6rem;}
	
	.sec2{ padding-bottom:80px; height: 400px;}
	.sec2 .sec_tit{ padding-top:0;}

	/*not good*/
	/*.sec3{ padding-bottom: 60px; padding-top: 20px; }*/
	/*.sec3{ padding-bottom: 60px; padding-top: 60px; }*/
	.sec3{ padding-bottom: 60px; padding-top: 0; background-image: url(../images/index_sec3_img21.jpeg); background-size: 100% 100%; -moz-background-size: 100% 100%;}
	.sec3_left{ width:220px;}
	.sec3_left .sec_title{ padding-bottom:20px;}
	.sec3_left h2 { color: #fff; font-size: 3rem; }

	.sec3 .sec_tit li .sec3_cont a{ font-size:1.2rem;}
	.sec3_right li{ top:50px;}
	.sec3_right li.last{ position:static; margin-top: 50px;}
	.sec3_right .text_box {margin-top: -30%;}
	.sec3_text{ line-height: 2;height: 5.3rem;}
	.sec3_text{ width: 60%}
	.sec3_right .sec_area_name {font-size: 3rem; text-align: right; margin-bottom: 5.56%;}
	.sec3 p{ font-size: 1.4rem; line-height: 2; }
	.sec4{padding-bottom: 44px;}
	
	.sec4 .sec_tit ul{flex-direction:row;}
	.sec4 .sec_tit li{ margin-bottom:15px;}
	.sec4 .sec_tit a{ font-size:2.1rem;}
	.sec4 .sec_tit a span{ display: none; }
	.sec4 .sec_cont{ position:static; height: 300px; margin-left: 4%;}
	
	.sec4 .swiper-button-next,.sec4 .swiper-button-prev{ bottom: -10px; left: 0;}
	.sec4 .swiper-button-prev{ background-size: 12px auto;}
	.sec4 .swiper-button-next{ left:0;}
	
}
@media only screen and (max-width:560px){	
	.mobile5{ display: block;}
	.web5{ display: none;}
	.sec1 h6{ font-size:4rem;}
	
	.sec3_left{ width:100%; position: relative;}
	.sec3 .sec_tit li .sec3_cont{width:65%; }
	.sec3 .sec_tit li.active .sec3_cont{ display: block;}
	.sec3_right{ width:100%; max-width: none; margin-top: 20px;}

	.sec3 .sec_tit li a{width: 130px;} 
	.sec3 .sec_tit li .sec3_cont a{display:inline-block; width: auto; padding-left: 4px; font-size: 1.2rem;}
	.sec3 .sec_tit li a{ font-size:2rem;}
	.sec3 .sec_tit li.active .sec_line{width: 330px; }
	.mobile5{ width:100%; position: relative;}
	.sec3 .sec_tit{ width:100%; overflow: hidden; overflow-x: auto;height: 50px;}
	.sec3 .sec_tit .sec_content{ width:830px; height: 50px; position: relative;}
	.sec3 .sec_tit li{ float: left;padding: 10px 10px 10px 0; display: inline-block;}
	.sec3 .sec_tit li.active{ display: inline-block;}
	.sec3 .sec_tit li.active .sec3_cont{ position:absolute; top: 50px; left: 4%;}
	.sec_line{ width:0; height: 1px; position: absolute; left: 0; top: 40px; background-color: #b71b30;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
	.sec_line.active{ width: 110%; left: -5%;}
	.sec3 .sec3_sp a{ color: #222; font-size: 1.2rem; margin-bottom: 10px;}
	.sec3_right li{ top:0;}
	.sec_tit_sp{ padding-top:10px;}
	.sec_tit_sp a{ display:inline-block; padding-right: 5px; font-size: 1.2rem; line-height: 1.1;}
	.sec3_sp{ display: none; -webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
	.sec3_sp.active{/* display: block;*/}
	.sec3_right li.last{ position:static; margin-top: 0px;}

	.sec3 .eur_map{ width:100%; height: 500px; margin-top: -15%}
}
@media only screen and (max-width: 540px) {
	.sec3 .eur_map {margin-top: 0;}
	.sec3_right {margin-top: 90px;}
}
@media only screen and (max-width: 480px) {
	.sec3 .eur_map {margin-top: -15%;}
	.sec3_right {margin-top: 20px;}
}
@media only screen and (max-width: 400px) {
	.sec3_right {margin-top: 0;}
}
@media only screen and (max-width:380px){	
	.sec1 h6{ font-size:3.6rem;}
	
}
@media only screen and (max-width:350px){	
	.sec3 .sec_tit li a{ font-size:2rem}
	.sec2{ padding-bottom:40px;}
	.sec2{  height: 340px;}
	.sec2 .sec_nav h2{ font-size:1rem;}
}