@charset "utf-8";
.container{position: relative; overflow: hidden;}

.section1{padding: 115px 0;}
.s1_a{font-size: 40px;font-weight: 700;color: rgba(7, 39, 77, 1);line-height: 1;text-align: center;}
.s1_c{margin-top: 50px;}
.s1_c .hd{text-align: center;}
.s1_c .hd ul{display: inline-block;}
.s1_c .hd ul li{display: inline-block;line-height: 50px;padding: 0 30px;border-radius: 12px;background: rgba(249, 249, 249, 1);font-size: 16px;color: rgba(7, 39, 77, 1);cursor: pointer;margin:0 18px;}
.s1_c .hd ul li.on{background: rgba(165, 47, 41, 1);color: #fff;}
.s1_c .hd ul li.on a{ color: #fff; }
.s1_c .bd { margin-top: 62px; min-height: 440px; }
.s1_c .bd .s1_ci{position: relative;padding-bottom: 70px;}
.s1_c .bd .s1_ci .swiper-slide .s1_ciia{border-radius: 12px;overflow:hidden;}
.s1_c .bd .s1_ci .swiper-slide .s1_ciia img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	width: 100%;max-width: 100%;
}
.s1_c .bd .s1_ci .swiper-slide:hover .s1_ciia img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.s1_c .bd .s1_ci .swiper-slide .s1_ciib{font-size: 20px;color: rgba(7, 39, 77, 1);margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s1_c .bd .s1_ci .swiper-slide:hover .s1_ciib{color: #a52f29;}
.s1_c .bd .s1_ci .swiper-scrollbar-bar{width: 90%;height: 2px;background: rgb(84 106 122 / 15%);bottom: 0; position: absolute; display: none!important; }
.s1_c .bd .s1_ci .swiper-scrollbar-bar .swiper-scrollbar{width: 30%;height: 2px;background: none;bottom: 0; position: absolute; opacity: 1!important; display: block!important;}
.s1_c .bd .s1_ci .swiper-scrollbar-bar .swiper-scrollbar .swiper-scrollbar-drag {background: rgba(165, 47, 41, 1);}
.s1_c .bd .s1_ci .swiper-button-prev,
.s1_c .bd .s1_ci .swiper-button-next{width: 9px;height: 10px;background: url(s1_2.png) no-repeat center;position: absolute;top:auto;margin-top: 0;bottom: -3px;right: 33px;left: auto; opacity: 1; display: none!important;}
.s1_c .bd .s1_ci .swiper-button-next{right: 0;transform: rotate(180deg);}
.s1_c .bd .s1_ci .swiper-button-prev:hover{background: url(s1_3.png) no-repeat center;transform: rotate(180deg);}
.s1_c .bd .s1_ci .swiper-button-next:hover{background: url(s1_3.png) no-repeat center;transform: rotate(0);}

@media only screen and (max-width:1560px){
	.section1{padding: 75px 0;}
	.s1_a{font-size: 34px;}
	.s1_c .hd ul li{font-size: 15px;line-height: 42px;padding: 0 24px;margin:0 12px;}
	.s1_c .bd .s1_ci .swiper-slide .s1_ciib { font-size: 16px; }
}
@media only screen and (max-width:1200px){
	.section1{padding: 60px 0 30px;}
	.s1_a{font-size: 30px;}
	.s1_c{margin-top: 35px;}
	.s1_c .hd ul li{font-size: 15px;line-height: 42px;padding: 0 20px;margin:0 12px;}
	.section1 .s1_c .bd { margin-top: 40px; height: 600px;}
	.s1_c .bd .s1_ci{padding-bottom: 30px;}
	.s1_c .bd .s1_ci .swiper-slide .s1_ciib{font-size: 16px;margin-top: 15px;}
	.s1_c .bd .s1_ci .swiper-scrollbar{width: 85%;}
}
@media only screen and (max-width:1000px){
	.section1{padding: 50px 0;}
	.section1 .s1_c .bd { height: 490px; }
	.s1_c .hd ul li{font-size: 14px;}
}

.section2 .s1_a,
.section2 .p2 { display: none; }
@media only screen and (max-width:750px){
	.section1{padding: 40px 0;}
	.s1_a{font-size: 20px;line-height: 2;}
	.s1_c{margin-top: 20px;}
	.s1_c .hd ul li{font-size: 13px;line-height: 34px;padding: 0 18px;margin:0 3px;border-radius: 5px;}
	.s1_c .bd { margin-top: 25px; height: 300px; }
	.s1_c .bd .s1_ci{padding-bottom: 20px;}
	.s1_c .bd .s1_ci .swiper-slide .s1_ciib{font-size: 14px;margin-top: 10px;}
	.s1_c .bd .s1_ci .swiper-scrollbar{width: 80%;}
	.s1_c .bd .s1_ci .swiper-button-prev{right: 25px;}

	.section2 .p2,
	.section2 .s1_a { display: block; }
	.section2 .p2 { margin-top: 15px; margin-bottom: 15px; font-size: 14px; text-align: center; }
	.section1 .s1_c .bd { height: auto; min-height: auto; }
}
.section4{padding: 110px 0;}
.s4_ci{position: relative;}
.section4 .s4_ci .swiper-container { padding-bottom: 50px; }
.s4_ci .swiper-slide{padding: 28px 25px 42px;border: 1px solid rgba(229, 229, 229, 1);border-radius: 12px;box-sizing: border-box;}
.s4_ci .swiper-slide .s4_ciia{border-radius: 6px;overflow: hidden;}
.s4_ci .swiper-slide .s4_ciia img{
	transition: transform 0.6s;
	-moz-transition: transform 0.6s; 
	-webkit-transition: transform 0.6s; 
	-o-transition: transform 0.6s;
	width: 100%;max-width: 100%;
}
.s4_ci .swiper-slide:hover .s4_ciia img{
	transform:scale(1.1);
	-ms-transform:scale(1.1); 	
	-moz-transform:scale(1.1); 	
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.s4_ci .swiper-slide .s4_ciib{font-size: 20px;font-weight: 700;line-height: 1.45;color: rgba(7, 39, 77, 1);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top: 20px; }
.s4_ci .swiper-slide .s4_ciic{font-size: 16px;font-weight: 700;line-height: 1.5;margin-top: 20px;color: rgba(70, 86, 107, 1);}
.s4_ci .swiper-slide .s4_ciid{font-size: 16px;margin-top: 20px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: rgba(70, 86, 107, 1); min-height: 48px;}
.s4_ci .swiper-slide:hover .s4_ciib{color: #a52f29;}
.s4_ci .swiper-button-prev{width: 40px;height: 40px;background: rgba(229, 229, 229, 1) url(s4_2.png) no-repeat center;border-radius: 40px;position: absolute;top:50%;margin-top: -20px;left:-80px;}
.s4_ci .swiper-button-next{width: 40px;height: 40px;background: rgba(229, 229, 229, 1) url(s4_3.png) no-repeat center;border-radius: 40px;position: absolute;top:50%;margin-top: -20px;right:-80px;}
.s4_ci .swiper-button-prev:hover{background-color: #a52f29;}
.s4_ci .swiper-button-next:hover{background-color: #a52f29;}
@media only screen and (max-width:1680px){
	.s4_ci .swiper-button-prev{left: -2%;}
	.s4_ci .swiper-button-next{right: -2%;}
}
@media only screen and (max-width:1560px){
	.section4{padding: 75px 0;}
	.s4_ci .swiper-slide{padding: 20px 17px 34px;}
}
@media only screen and (max-width:1440px){
	.section4 { padding: 110px 0 70px; }
	.section4 .s4_ci .swiper-container { padding-bottom: 30px; }
	.section4 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
}
@media only screen and (max-width:1200px){
	.section4{padding: 75px 0;}
	.section4 .s1_c .bd { height: 500px; }
	.section4 .s4_ci .swiper-container { padding-bottom: 50px; }
	.section4 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }
	.s4_ci .swiper-slide{padding: 20px 20px 30px;}
	.s4_ci .swiper-slide .s4_ciib{font-size: 18px;margin-top: 15px;}
	.s4_ci .swiper-slide .s4_ciic{font-size: 14px;margin-top: 15px;}
	.s4_ci .swiper-slide .s4_ciid{font-size: 14px;margin-top: 15px;}
	.s4_ci .swiper-button-prev{width: 34px;height: 34px;border-radius: 34px;}
	.s4_ci .swiper-button-next{width: 34px;height: 34px;border-radius: 34px;}
}
.swiper-pagination-bullet-active { background: rgba(165, 47, 41, 1); }
@media only screen and (max-width:750px){
	.section4{padding: 30px 0;}
	.section4 .s1_c .bd { height: 380px; min-height: 380px; }
	.section4 .s4_ci .swiper-container { padding-bottom: 30px; }
	.section4 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; }

	.s4_ci .swiper-slide{padding: 10px 10px 15px;}
	.s4_ci .swiper-slide .s4_ciib{font-size: 16px;margin-top: 10px;}
	.s4_ci .swiper-slide .s4_ciic{font-size: 13px;margin-top: 10px;}
	.s4_ci .swiper-slide .s4_ciid{font-size: 13px;margin-top: 10px; min-height: 40px;}
	.s4_ci .swiper-button-prev{width: 30px;height: 30px;border-radius: 30px;background-size: 12px 12px;}
	.s4_ci .swiper-button-next{width: 30px;height: 30px;border-radius: 30px;background-size: 12px 12px;}
}

.s2_c .s2_ci{float: left;width: 50%;position: relative;}
.s2_c .s2_ci a{display: block;padding: 75px 0;box-sizing: border-box;position: relative;z-index: 2;}
.s2_c .s2_ci:nth-child(1):after{content: "";position: absolute;right: 0;top:0;width: 200%;height: 100%;z-index: 0;background: rgba(247, 249, 250, 1);}
.s2_c .s2_ci:nth-child(4):after{content: "";position: absolute;left: 0;top:0;width: 200%;height: 100%;z-index: 0;background: rgba(247, 249, 250, 1);}
.s2_c .s2_ci .s2_cil { position: absolute; z-index: 1; }
.s2_c .s2_ci .s2_cil .s2_cila{font-size: 30px;font-weight: 700;line-height: 1.45;color: rgba(7, 39, 77, 1);}
.s2_c .s2_ci .s2_cil .s2_cilb{ margin-top: 25px; }
.s2_c .s2_ci .s2_cil .s2_cilb span{display: inline-block;vertical-align: middle;width: 30px;height: 30px;border-radius: 40px;background: rgba(165, 47, 41, 1) url(s2_2.png) no-repeat center; background-size: 18px; transition: all 0.6s;}
.s2_c .s2_ci .s2_cil .s2_cilb i{display: inline-block;vertical-align: middle;font-size: 16px;color: rgba(7, 39, 77, 1);margin-left: 10px;}
.s2_c .s2_ci .s2_cir{float: right;width: 360px;overflow: hidden;}
.s2_c .s2_ci:nth-child(2n+1) .s2_cir{padding-right: 0;}
.s2_c .s2_ci:nth-child(2n) .s2_cil{padding-left: 50px;}
.s2_c .s2_ci .s2_cir img{ transition: transform 0.6s; width: 100%;max-width: 100%; }
.s2_c .s2_ci:hover .s2_cir img{ transform:scale(1.1); }
.s2_c .s2_ci:hover .s2_cil .s2_cila{color: #a52f29;}
.s2_c .s2_ci:hover .s2_cil .s2_cilb span{transform: rotate(45deg) scale(1.1);}
@media only screen and (max-width:1680px){
	.section2 .g-in { width: 1200px; }
	.s2_c .s2_ci a{padding: 55px 0;}
	.s2_c .s2_ci .s2_cil{}
	.s2_c .s2_ci .s2_cil .s2_cila{font-size: 30px;}
	.s2_c .s2_ci .s2_cil .s2_cilb{bottom: 55px;}
	.s2_c .s2_ci .s2_cil .s2_cilb span{width: 32px;height: 32px;border-radius: 32px;}
	.s2_c .s2_ci .s2_cil .s2_cilb i{font-size: 14px;}
	.s2_c .s2_ci .s2_cir{width: 350px;}
	.s2_c .s2_ci:nth-child(2n+1) .s2_cir{padding-right: 50px;}
	.s2_c .s2_ci:nth-child(2n) .s2_cil{padding-left: 50px;}
}
@media only screen and (max-width:1200px){
	.s2_c .s2_ci a{padding: 40px 0;}
	.s2_c .s2_ci:nth-child(2n+1) .s2_cir { padding-right: 0; }
	.s2_c .s2_ci:nth-child(2n) .s2_cil { padding-left: 5%; }
	.s2_c .s2_ci:after{background: #fff !important;content: "";position: absolute;right: 0;top:0;width: 200%;height: 100%;z-index: 0;}
	.s2_c .s2_ci:nth-child(2):after{background: rgba(247, 249, 250, 1) !important;left: -5%;}
	.s2_c .s2_ci:nth-child(3):after{background: rgba(247, 249, 250, 1) !important;right: 5%;}
	.s2_c .s2_ci .s2_cil .s2_cila{font-size: 24px;}
	.s2_c .s2_ci .s2_cil .s2_cilb{bottom: 40px;}

}
@media only screen and (max-width:750px){
	.s2_c .s2_ci{width: 100%;float: none;}
	.s2_c .s2_ci:nth-child(2n) .s2_cil{padding-left: 0;}
	.s2_c .s2_ci a{ padding: 25px 0; }
	.s2_c .s2_ci .s2_cil{float: none;width: 100%;top: 60px;}
	.s2_c .s2_ci .s2_cir{float: none;width: 60%;padding-left: 40%;}
	.s2_c .s2_ci .s2_cil .s2_cila{font-size: 16px;}
	.s2_c .s2_ci .s2_cil .s2_cilb{position: static;margin-top: 20px;}
	.s2_c .s2_ci .s2_cil .s2_cilb span{width: 22px;height: 22px;border-radius: 22px;background-size: 14px;}
	.s2_c .s2_ci .s2_cil .s2_cilb i{font-size: 13px;}
	.s2_c .s2_ci:nth-child(1):after { right: -5%; background: #f9f9f9 !important; }
	.s2_c .s2_ci:nth-child(2):after{background: #fff !important;left: -5%;}
	.s2_c .s2_ci:nth-child(3):after{ background: #f9f9f9 !important;right: -5%;}

}

.s3_c .s3_cl{float: left;width: 74.375%;height: 833px;background: url(s3_1.png) no-repeat center;background-size: cover;position: relative;}
.s3_c .s3_cl .s3_cl_img{width: 580px;position: absolute;left: 0;bottom:0; z-index: 1; }
.s3_c .s3_cl .s3_clx{width: 650px;position: absolute;right: 13.5%;top:50%;transform: translateY(-50%); z-index: 2;}
.s3_c .s3_cl .s3_cla{font-size: 40px;font-weight: 700;color: rgba(7, 39, 77, 1);}
.s3_c .s3_cl .s3_clb{font-size: 26px;line-height: 1.45;color: rgba(7, 39, 77, 1);margin-top: 38px;}
.s3_c .s3_cl .s3_clc{margin-top: 45px;font-size: 16px;line-height: 2;color: rgba(70, 86, 107, 1);}
.s3_c .s3_cl .s3_cld{margin-top: 72px;}
.s3_c .s3_cl .s3_cld span{display: inline-block;vertical-align: middle;width: 40px;height: 40px;border-radius: 40px;background: rgba(165, 47, 41, 1) url(s2_2.png) no-repeat center;transition: all 0.6s;}
.s3_c .s3_cl .s3_cld i{display: inline-block;vertical-align: middle;font-size: 16px;color: rgba(7, 39, 77, 1);margin-left: 10px;}
.s3_c .s3_cr{float: right;width: 25.625%;height: 833px;background: url(s3_3.png) no-repeat center;background-size: contain; background-attachment: fixed; position: relative; }
.s3_c .s3_cr:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(70, 86, 107, 0.6);}
.s3_c .s3_cr span{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%)  scale(1);width: 50px;height: 50px;border-radius: 50px;background: rgba(165, 47, 41, 1) url(s3_2.png) no-repeat center; box-shadow: 0 0 rgba(255, 255, 255, 0.5),0 0 0 10px rgba(255, 255, 255, 0.5),0 0 0 20px rgba(255, 255, 255, 0.5);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;

	-webkit-animation: ripple-wave1 1s linear infinite;z-index: 10;cursor: pointer;}
.s3_c .s3_cl .s3_cld:hover span{transform: rotate(45deg);}
@media only screen and (max-width:1680px){
	.s3_c .s3_cl{height: 720px;}
	.s3_c .s3_cl .s3_clx{width: 550px;}
	.s3_c .s3_cl .s3_cla{font-size: 32px;}
	.s3_c .s3_cl .s3_clb{font-size: 22px;margin-top: 30px;}
	.s3_c .s3_cl .s3_clc{margin-top: 30px;font-size: 14px;}
	.s3_c .s3_cl .s3_cld{margin-top: 50px;}
	.s3_c .s3_cl .s3_cld span{width: 32px;height: 32px;border-radius: 32px;}
	.s3_c .s3_cl .s3_cld i{font-size: 14px;}
	.s3_c .s3_cr{height: 720px;}
	.s3_c .s3_cl .s3_cl_img { width: 440px;  }
}
@media only screen and (max-width:1440px){
	.s3_c .s3_cl .s3_cl_img { width: 380px; }
	.s1_c .bd { height: 480px;}
}
@media only screen and (max-width:1200px){
	.s3_c .s3_cl{height: 540px;}
	.s3_c .s3_cl .s3_clx{width: 450px;right: 10%;}
	.s3_c .s3_cl .s3_cla{font-size: 24px;}
	.s3_c .s3_cl .s3_clb{font-size: 18px;margin-top: 20px;}
	.s3_c .s3_cl .s3_clc{margin-top: 20px;font-size: 14px;}
	.s3_c .s3_cl .s3_cld{margin-top: 30px;}
	.s3_c .s3_cr{height: 540px;}
	.s3_c .s3_cl .s3_cl_img { width: 260px; }
}
@media only screen and (max-width:750px){
	.s3_c .s3_cl{height: 460px;float: none; width: 100%; }
	.s3_c .s3_cl .s3_clx{width: 92%; right: 0; left: 4%; top: 40px; transform: translateY(0);}
	.s3_c .s3_cl .s3_cl_img { width: 30%; }
	.s3_c .s3_cl .s3_cla{font-size: 22px;}
	.s3_c .s3_cl .s3_clb{font-size: 15px;margin-top: 16px;}
	.s3_c .s3_cl .s3_clc{margin-top: 10px;font-size: 13px;}
	.s3_c .s3_cl .s3_cld{margin-top: 20px;}
	.s3_c .s3_cl .s3_cld span{width: 28px;height: 28px;border-radius: 28px;background-size: 18px 18px;}
	.s3_c .s3_cl .s3_cld i{font-size: 13px;}
	.s3_c .s3_cr{height: 230px; width: 100%; float: none; background-position: center !important; background-attachment: inherit !important; background-size: cover !important; }
	.s3_c .s3_cr span{ width: 30px; height: 30px; border-radius: 30px; background-size: 10px; }
}

.spBox { position:fixed; top:0; right:0; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:99; display:none; }
.spBox.on { display:block; }
.spBox .spBox01 { position:absolute; top:50%; left:50%; width:46%; padding:20px; box-sizing: border-box; background:#000; transform: translate(-50%,-50%); z-index:5; }
.spBox .spBox01 video { width:100%; height:auto!important; }
.spBox .spBox01 .sp-close { position:absolute; right:-50px; top:-30px; color:#fff; font-size:30px; cursor:pointer; }
@media all and (max-width:750px){
	.spBox .spBox01 { position:absolute; top:50%; width:92%; padding:10px; z-index:5; }
	.spBox .spBox01 .sp-close { position:absolute; right:0; top:-60px; color:#fff; font-size:30px; cursor:pointer; }
}