/* CSS Document */
@charset "utf-8";
.container{position: relative;}

.s_ct{text-align: center;}
.s_ct .s_cta{font-size: 34px;color: #660066;font-weight: bold;}
.s_ct .s_ctb{width: 58px;height: 4px;background: #660066;margin:12px auto 20px;}
.s_ct .s_ctc{font-size: 18px;color: #3f2a4b;font-family: "Arial";text-transform: uppercase;}
@media only screen and (max-width:1400px){
	.s_ct .s_cta{font-size: 28px;}
	.s_ct .s_ctb{margin:8px auto 14px;}
	.s_ct .s_ctc{font-size: 16px;}
}
@media only screen and (max-width:1200px){
	.s_ct .s_cta{font-size: 22px;}
	.s_ct .s_ctb{margin:5px auto 10px;}
	.s_ct .s_ctc{font-size: 14px;}
}
@media only screen and (max-width:640px){
	.s_ct .s_cta{font-size: 20px;}
	.s_ct .s_ctb{margin:3px auto 5px;height: 2px;}
	.s_ct .s_ctc{font-size: 12px;}
}

.s1_c{position: relative;}
.s1_c .s_ct{position: absolute;left:0;top:70px;width: 100%;z-index: 9}
.s1_c .bd .s1_ci a{display: block;padding: 290px 0 372px;}
.s1_c .bd .s1_ci .s1_cia{font-size: 40px;color: #784a82;font-weight: bold;}
.s1_c .bd .s1_ci .s1_cib{margin-top: 25px;max-width: 510px;font-size: 18px;height:93px; color: #414141;line-height: 31px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.s1_c .bd .s1_ci .s1_cic{margin-top: 55px;}
.s1_c .bd .s1_ci .s1_cic span{display: inline-block;width: 122px;height: 37px;line-height: 37px;text-align: center;border:1px solid #6f6f6f;border-radius: 18px;font-size: 14px;color: #313131;}
.s1_c .bd .s1_ci .s1_cic span:hover{background: #660066;border-color: #660066;color: #fff;}
.s1_c .hd{position: absolute;bottom: 0;left:0;width: 100%;background: rgba(47,28,62,0.66);}
.s1_c .hd ul li{float:left;width: 16.666666%;text-align: center;padding: 40px 0 35px;}
.s1_c .hd ul li .s1_chb{font-size: 18px;color: #ffffff;margin-top: 12px;}
.s1_c .hd ul li.on{background: rgba(102,0,102,0.69);}
@media only screen and (max-width:1400px){
	.s1_c .s_ct{top:50px;}
	.s1_c .bd .s1_ci a{padding: 250px 0 320px;}
	.s1_c .bd .s1_ci .s1_cia{font-size: 32px;}
	.s1_c .bd .s1_ci .s1_cib{margin-top: 20px;font-size: 16px;line-height:27px;height:81px;}
	.s1_c .bd .s1_ci .s1_cic{margin-top: 40px;}
	.s1_c .bd .s1_ci .s1_cic span{height: 32px;line-height: 32px;border-radius: 16px;}
	.s1_c .hd ul li{padding: 30px 0 25px;}
	.s1_c .hd ul li .s1_chb{font-size: 16px;}
}
@media only screen and (max-width:1200px){
	.s1_c .s_ct{top:30px;}
	.s1_c .bd .s1_ci a{padding: 180px 0 300px;}
	.s1_c .bd .s1_ci .s1_cia{font-size: 26px;}
	.s1_c .bd .s1_ci .s1_cib{margin-top: 15px;font-size: 14px;line-height:24px;height:72px;}
	.s1_c .bd .s1_ci .s1_cic{margin-top: 30px;}
	.s1_c .bd .s1_ci .s1_cic span{height: 30px;line-height: 30px;border-radius: 15px;font-size: 12px;}
	.s1_c .hd ul li{padding: 20px 0 20px;width: 33.33333%;}
	.s1_c .hd ul li .s1_chb{font-size: 14px;}
	.s1_c .hd .g-in{max-width: 100%;}
}
@media only screen and (max-width:640px){
	.s1_c .s_ct{top:30px;}
	.s1_c .bd .s1_ci a{padding: 100px 0 200px;}
	.s1_c .bd .s1_ci .s1_cia{font-size: 20px;}
	.s1_c .bd .s1_ci .s1_cib{margin-top: 10px;font-size: 14px;max-width: 80%;line-height:21px;height:63px;}
	.s1_c .bd .s1_ci .s1_cic{margin-top: 15px;}
	.s1_c .hd ul li{padding: 11px 0 11px;width: 33.33333%;}
	.s1_c .hd ul li .s1_cha{width: 22px;margin:0 auto;}
	.s1_c .hd ul li .s1_chb{font-size: 14px;margin-top: 7px;}
	.s1_c .hd .g-in{max-width: 100%;}
}

.section2{padding: 80px 0 140px;background: url(s2_bg_02.jpg) no-repeat center;background-size: cover;position: relative;overflow: hidden;}
.s2_c{margin-top: 70px;padding: 44px 5px;background: #fff;border-radius: 6px;}
.s2_c .swiper-slide{position: relative;}
.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciaa{overflow: hidden;text-align: center;padding-bottom: 5%}
.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab{position: absolute;left:40px;bottom: 6px;}
.s2_c .swiper-slide:after{position: absolute;right:-25px;content: "";top:50%;height: 290px;width: 1px;background: #f0f0f0;transform: translateY(-50%);}
.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab .s2_ciaba{font-size: 24px;color: #5e5e5e;}
.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab .s2_ciabb{font-size: 14px;color: #740074;margin-top: 8px;}
.s2_c .swiper-slide .s2_ci .s2_cib{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(110,47,111,0.87);border-radius: 5px;text-align: center;opacity: 0;transition: all 0.6s;
	-moz-transition: all 0.6s; 
	-webkit-transition: all 0.6s; 
	-o-transition: all 0.6s;}
.s2_c .swiper-slide .s2_ci .s2_cib span{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);display: inline-block;width: 138px;height: 46px;border-radius: 23px;line-height: 46px;border:1px solid #fff;font-size: 16px;color: #fff;}
.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciaa 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%;
	
}
.s2_c .swiper-slide:hover .s2_ci .s2_cia .s2_ciaa 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); 
}
.s2_c .swiper-slide:hover .s2_ci .s2_cib{opacity: 1;}
#particles-js,#c { position: absolute; top: 50%; width: 100%; height: 867px;transform: translate(0,-50%); }

@media only screen and (max-width:1400px){
	.section2{padding: 60px 0 100px;}
	.s2_c{margin-top: 50px;padding: 30px 5px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab{left:30px;}
	.s2_c .swiper-slide:after{right: -17px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab .s2_ciaba{font-size: 20px;}
	.s2_c .swiper-slide .s2_ci .s2_cib span{font-size: 14px;height: 40px;line-height: 40px;border-radius: 20px;}
	#particles-js,#c {height: 688px;width: 100%}
}
@media only screen and (max-width:1200px){
	.section2{padding: 40px 0 70px;}
	.s2_c{margin-top: 30px;padding: 20px 5px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab{left:20px;}
	.s2_c .swiper-slide:after{right: -14px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab .s2_ciaba{font-size: 18px;}
}
@media only screen and (max-width:640px){
	.section2{padding: 30px 0 50px;}
	.s2_c{margin-top: 20px;padding: 15px 5px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab{left:15px;}
	.s2_c .swiper-slide:after{right: -6px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab .s2_ciaba{font-size: 16px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciab .s2_ciabb{margin-top: 3px;font-size: 14px;}
	.s2_c .swiper-slide .s2_ci .s2_cia .s2_ciaa{padding-bottom: 15%}
	#particles-js,#c {height: 370px;width: 100%}
}

.section3{padding: 75px 0 60px;}
.s3_c{margin-top: 65px;}
.s3_c .s3_ci{margin-bottom: 32px;background: #fafafa;}
.s3_c .s3_ci .s3_cil{float:left;overflow: hidden;width: 344px;}

.s3_c .s3_ci .s3_cil 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%;
	
}
.s3_c .s3_ci:hover .s3_cil 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); 
}

.s3_c .s3_ci .s3_cim{float:left;margin-left: 53px;width: 705px;}
.s3_c .s3_ci .s3_cim .s3_cima{padding-top: 65px;font-size: 24px;color: #262626;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s3_c .s3_ci .s3_cim .s3_cimc{font-size: 18px;color: #7b7b7b;margin-top: 15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.s3_c .s3_ci .s3_cim .s3_cimb{font-size: 14px;color: #7b7b7b;margin-top: 5px;display: none;}
.s3_c .s3_ci .s3_cim .s3_cimd{font-size: 16px;color: #740074;margin-top: 20px;}
.s3_c .s3_ci .s3_cir{float:right;margin-right: 60px;width: 90px;text-align: right;}
.s3_c .s3_ci .s3_cir div{font-size: 35px;color: #b4b4b4;font-family: "Arial";padding-top: 80px;}
.s3_c .s3_ci .s3_cir p{font-size: 23px;color: #b4b4b4;font-family: "Arial";margin-top: 3px;}
.s3_c .s3_ci:hover .s3_cir div{color: #660066}
.s3_c .s3_ci:hover .s3_cir p{color: #660066}
.s3_c .s3_ci:hover .s3_cim .s3_cima{color: #660066}

@media only screen and (max-width:1400px){
	.section3{padding: 55px 0 40px;}
	.s3_c{margin-top: 50px;}
	.s3_c .s3_ci{margin-bottom: 25px;}
	.s3_c .s3_ci .s3_cil{width: 330px;}
	.s3_c .s3_ci .s3_cim{width: 610px;margin-left: 55px;}
	.s3_c .s3_ci .s3_cim .s3_cima{padding-top: 55px;font-size: 20px;}
	.s3_c .s3_ci .s3_cim .s3_cimc{font-size: 16px;margin-top: 2px;}
	.s3_c .s3_ci .s3_cim .s3_cimd{font-size: 14px;margin-top: 12px;}
	.s3_c .s3_ci .s3_cir{margin-right: 40px;width: 80px;}
	.s3_c .s3_ci .s3_cir div{font-size: 30px;padding-top: 60px;}
	.s3_c .s3_ci .s3_cir p{font-size: 20px;}
}
@media only screen and (max-width:1200px){
	.section3{padding: 40px 0 30px;}
	.s3_c{margin-top: 30px;}
	.s3_c .s3_ci .s3_cil{width: 280px;}
	.s3_c .s3_ci .s3_cim{width: calc(100% - 320px);margin-left: 25px;}
	.s3_c .s3_ci .s3_cim .s3_cima{padding-top: 45px;font-size: 18px;}
	.s3_c .s3_ci .s3_cim .s3_cimc{font-size: 14px;}
	.s3_c .s3_ci .s3_cim .s3_cimb{display: block;}
	.s3_c .s3_ci .s3_cim .s3_cimd{margin-top: 7px;}
	.s3_c .s3_ci .s3_cir{display: none;}
}
@media only screen and (max-width:640px){
	.section3{padding: 20px 0 20px;}
	.s3_c{margin-top: 20px;}
	.s3_c .s3_ci{margin-bottom: 20px;}
	.s3_c .s3_ci .s3_cil{display: block;width: 100%;}
	.s3_c .s3_ci .s3_cil img{width: 100%;}
	.s3_c .s3_ci .s3_cim{display: block;width: 100%;margin-left: 0;padding: 5% 4% 6.5%;box-sizing: border-box;}
	.s3_c .s3_ci .s3_cim .s3_cima{padding-top: 0;font-size: 16px;}
	.s3_c .s3_ci .s3_cim .s3_cimc{font-size: 14px;}
	.s3_c .s3_ci .s3_cim .s3_cimd{margin-top: 5px;font-size: 14px;}
}