.p-subject{text-align: center;margin: 50px 0 30px 0;}
/* .sec{padding: 0 0 50px 0;} */
.swiper-pagination-bullet{outline: none;}

/*div-1*/
#swiper-container-0{height: 910px;}
#swiper-container-0 a:hover{opacity:1;}
#swiper-container-0 .swiper-slide{padding: 0 20px;}
#swiper-container-0 .swiper-slide-1{background-image: url("../imgs/rftmain_s01.jpg");}
#swiper-container-0 .swiper-slide-2{background-image: url("../imgs/rftmain_s02.jpg");}
#swiper-container-0 .swiper-slide-3{background-image: url("../imgs/rftmain_s03.jpg");}
#swiper-container-0 .in{max-width: 1440px;margin: 0 auto;padding-top: 300px;display: block;}
#swiper-container-0 .in p{color: #fff;}
#swiper-container-0 .in .p-1{margin-bottom: 10px;}
#swiper-container-0 .in .p-2{line-height: 45px;}
#swiper-container-0 .wrap-swiper-pagination{position: absolute;z-index: 10;bottom: 280px;left: 0;width: 100%;height: auto;}
#swiper-container-0 .swiper-pagination{max-width: 1440px;margin: 0 auto;position: relative;text-align: left;}
#swiper-container-0 .swiper-pagination-bullet{width: 110px;height: 35px;opacity:1;background: none;position: relative;margin-right: 40px;}
#swiper-container-0 .swiper-pagination-bullet p{color: #fff;text-align: center;}
#swiper-container-0 .swiper-pagination-bullet:after{position: absolute;width: 100px;height: 100px;content: "";top: -40px;left: -2px;
background:#33ccde;z-index:-1;opacity:0;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
transition: all ease 1s;
}

#swiper-container-0 .swiper-pagination-bullet-active:after{display: block; opacity:1;
-webkit-transform: rotate( 75deg );
-moz-transform: rotate( 75deg );
transform: rotate( 75deg );
}



/*div-2*/
.div-2{padding: 0 20px;}
#swiper-container-1{height: 646px;}
#swiper-container-1 .swiper-slide-1{background-image: url("../imgs/rftmainb1_s01.jpg");}
#swiper-container-1 .swiper-slide-2{background-image: url("../imgs/rftmainb1_s02.jpg");background-position:80% 50%;}
#swiper-container-1 .s-1{display: table;width: 100%;height: 100%;}
#swiper-container-1 .s-2{display: table-cell;vertical-align: middle;}
#swiper-container-1 .s-2:hover{opacity:1;}
#swiper-container-1 .swiper-slide p{color: #fff;text-align: center;}

#swiper-container-1 .swiper-slide .p-in-1{margin-bottom: 20px;}
#swiper-container-1 .swiper-pagination{bottom: 150px;}
#swiper-container-1 .swiper-pagination-bullet{height: 15px;width: 15px;background:#354457; opacity:1;margin: 0 10px;}
#swiper-container-1 .swiper-pagination-bullet-active{background: #fff;}



/*div-3*/
.div-3{margin-top: 50px;padding: 0 20px;}
.div-3 .div{background-image: url("../imgs/rf_gl.jpg");height: 567px;max-width: 1440px;margin: 0 auto;}
.div-3 .li-1{width: 56%;padding:0 0 40px 30px;}
.div-3 .li-2{width: 44%;padding: 20px 0 0 30px}
.div-3 ul{height: 100%;}
.div-3 li{height: 100%;}
.div-3 li > div{display: table;width: 100%;height: 100%;}
.div-3 li > div > a{display: table-cell;}
.div-3 .li-1 > div > a{vertical-align: bottom;}
.div-3 .li-1 > div > a:hover{opacity:1;}
.div-3 .li-1 p{color: #fff;}
.div-3 .li-1 p span{color: #31cbd5;}
.div-3 .p-subject{display: none;}


/*div-4*/
.div-4 .wrap-div{background-image: url("../imgs/rftmain_infobg1.jpg");height: 550px;padding-top: 50px;background-position: 100% 0;position: relative;}
.div-4 .wrap-div ul{max-width: 1440px;margin: 0 auto;}
.div-4 .wrap-div ul li > p{margin-bottom: 10px;}
.div-4 .wrap-div ul li > p a{color: #fff;}
.div-4 .wrap-div ul li > p a:hover{opacity:1;}
.div-4 .wrap-div ul .li-1{width: 55%;padding-right:50px; }
.div-4 .wrap-div ul .li-2{width: 45%;position: relative;z-index: 1;}
#swiper-container-2 .swiper-slide{max-width: 217px;}
#swiper-container-2 .img-div{height: 200px;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: 50%;}
#swiper-container-2 .subject-div{margin: 15px auto 20px auto; }
#swiper-container-2 .link{display: block;text-align: center;width: 100%;position: absolute;bottom: 35px;color:#35cdd8;font-weight: bold;
font-size: 16px;left: 0; }
#swiper-container-2 .link:after{position: absolute;content: "";bottom: -5px;width: 100px;height: 4px;background:#35cdd8;
left: 50%;margin-left: -50px; }

#swiper-container-2 .d-1{position: absolute;display: table;width: 100%;height: 100%;top:0;left: 0;}
#swiper-container-2 .d-2{display: table-cell;vertical-align: middle;}
#swiper-container-2 .d-2 p{color: #fff;text-align: left;padding-left: 30px;position: relative;}
#swiper-container-2 .d-2 p:before{content: "";position: absolute;width: 27px;height: 1px;background: #fff;left: 30px;top: -16px;}

#scroll-nav{width: 1px;height: 100%;position: fixed;top: 80px;background: rgba(225,225,225,0.3);right:65px;z-index: 14; }
#scroll-nav .wrap-div{width: 100%;height: 100%;display: table;}
#scroll-nav .div-1{display: table-cell;vertical-align: middle;}
#scroll-nav p{text-align: right;font-weight: bold;color: rgba(89,114,138,0.5);position: relative;padding-right: 23px;font-size: 16px;}
#scroll-nav p .s{position: absolute;background: #d9d9d9;width: 11px;height: 11px;top: 50%;right: -5.5px;margin-top: -5.5px;border-radius: 50%;}
#scroll-nav ul{margin-left: -135px;width: 135px;margin-top: -100px;}
#scroll-nav li{margin-bottom: 10px;cursor: pointer;}
#scroll-nav li .on{color:rgba(3,120,230,0.5); }
#scroll-nav li .on .s{background: #35cdd8;width:21px;height: 21px;right: -10.5px;margin-top: -10.5px;}


.div-4 .dd{max-width: 280px;}
.div-4 .dd .aa:hover{opacity:1;}
.div-4 .dd .aa{float: left;width: 50%;height: 45px;border: 1px solid #fff;background: rgba(255,255,255,0.5);display: table;}
.div-4 .dd .aa-on{background: #fff;}
.div-4 .dd .aa p{color:#0a2339; display: table-cell;vertical-align: middle;text-align: center;}
.div-4 .dd .aa-2{border-left: none;}

.map-div{height: 550px;position: absolute;right: 0;top: 0;background-repeat: no-repeat;z-index: 0;display: none;width: 50%;
background-size: cover;background-position:30% 50%;width: 60%;}
.map-div-on{display: block;animation: fadein 0.5s;}
.map-div-1{background-image: url("../imgs/en_map_01_n.png");}
.map-div-2{background-image: url("../imgs/en_map_02_n.png");}

@media only screen and (max-width: 1499px) {
	
	/*div-1*/
	#swiper-container-0 .wrap-swiper-pagination{bottom: 200px;left: 50px;}
	
	/*div-3*/
	.div-3 .p-1{font-size: 50px;}
	.div-3 .p-2{font-size: 48px;}
	.div-3 .p-3{font-size: 16px;}
	
	/*div-4*/
	
	
}


@media only screen and (max-width: 1023px) {
	#swiper-container-0 .in .p-2{line-height: 30px;}
	#scroll-nav{display: none;}
	
	.p-subject{margin: 40px 0 20px 0;}
	
	/*div-1*/
	#swiper-container-0 .wrap-swiper-pagination{bottom: 50px;left: 30px;}
	#swiper-container-0 .in{padding-top: 150px;}
	#swiper-container-0{height: 600px;}
	#swiper-container-0 .swiper-pagination-bullet{width: 70px;}
	#swiper-container-0 .swiper-pagination-bullet:after{width: 70px;height: 70px;top:-28px;margin-right: 25px;}
	
	
	/*div-2*/
	#swiper-container-1{height: 500px;}
	#swiper-container-1 .swiper-pagination{bottom: 70px;}
	
	
	/*div-3*/
	.div-3 .p-1{font-size: 40px;}
	.div-3 .div{background-position: 0;}
	.div-3 .p-subject{display: block;}
	.div-3 .li-2{display: none;}
	.div-3 .li-1 {width: 100%;padding: 0 0 20px 40px;}
	
	/*div-4*/
	#swiper-container-2 .link{font-size: 12px;}
	#swiper-container-2 .link:after{margin-left: -38px;width: 76px;}
	.div-4 .wrap-div ul li > p{text-align: center;}
	.div-4 .wrap-div ul .li-1{padding-right: 20px;}
	
	.div-4 .wrap-div,
	.map-div{height: 400px;}
	
	.div-4 .dd{max-width: 250px;}
	
}




@media only screen and (max-width: 640px) {
	
	/*div-2*/
	#swiper-container-1{height: 400px;}
	#swiper-container-1 .swiper-slide .p-f br{display: block;}
	#swiper-container-1 .swiper-slide .p-f{font-size: 14px;}
	
	
	/*div-3*/
	.div-3 .p-1 br{display: block;}
	.div-3 .p-1{font-size: 28px;}
	.div-3 .div{height: 350px;}
	
	
	/*div-4*/
	#swiper-container-2 .img-div{height: 150px;}
	.div-4 .wrap-div{padding-top: 40px;height: auto;padding-bottom: 40px;}
	.div-4 .wrap-div ul li{float: none;}
	.div-4 .wrap-div ul .li-1{width: 100%;padding-right: 0;margin-bottom: 40px;}
	.div-4 .wrap-div ul .li-2{width: 100%;}
	
	.div-4{padding-bottom: 0;}
	.div-4 .dd{margin: 0 auto;}
	
	.map-div{position: relative;width: 100%;right: auto;top: auto;background-position: 50% 50%;}
	
}