@charset "utf-8";
/* CSS Document */
.left{float:left !important;}
.right{float:right !important;}


@media(max-width:768px){
	.left{width:100% !important;}
	.right{width:100% !important;}
}



/*banner*/
.banner{background: url("../img/banner-bg.jpg") no-repeat; background-position:bottom left;}
.banner .left{width:47%; margin-top:170px; padding-top:80px;}
.banner .right{width:53%; margin-top:170px; text-align: right;}

@media(max-width:1500px){	
	.banner .left{padding-top:40px;}
	.banner .right img{width:90%;}
}
@media(max-width:1200px){	
	.banner .left{width:55%; padding-top:30px; margin-top:70px;}
	.banner .right{width:45%; margin-top:70px;}
}
@media(max-width:990px){	
	.banner .right img{width:100%;}
}
@media(max-width:768px){
	.banner{background-size: cover; height:100vh;}
	.banner .left{padding-top:0;}
	.banner .right{text-align: center;}
	.banner .right img{width:70%;}
}



/*section01*/
.mobile-tips{display:none;}

.section01{background: url("../img/section01-bg.jpg") no-repeat; background-position: top left; background-size: cover; padding: 200px 0;}
.section01 .right{width:46%;}
.section01 .right img{margin-top:50px;}
.section01 .left{width:54%;}
.section01 .left ul{margin-top:-100px;}
.section01 .left ul li{background: url(../img/section01-tips.png) no-repeat; width: 50%; float: left; background-size: cover; padding: 120px 100px; margin-bottom: -40px; margin-left: -50px;}
.section01 .tips-title{font-size:30px; font-weight:700; color:#001e64; text-shadow: 0 0 black;}
.section01 p{margin-top:15px; font-size: 16px; color:#001e64; text-shadow: 0 0 black;}

@media(max-width:1771px){
	.section01 .right{width:40%;}
	.section01 .right img{width:100%;}
	.section01 .left{width:60%;}
}
@media(max-width:1606px){
	.tips-title img{width:70px;}
	.section01 .left ul li{background-size:contain; padding: 100px 85px; margin-bottom: -70px;}
}
@media(max-width:1506px){
	.section01 .right{width:30%;}
	.section01 .left{width:70%;}
}
@media(max-width:1311px){
	.section01 .left ul li{padding:80px 60px;}
}
@media(max-width:1168px){
	.section01{background: url("../img/section01-bg-m.jpg") no-repeat; background-position: bottom center; padding: 100px 0;}
	.section01 .left{width:100% !important;}
	.section01 .right{width:100% !important;}
	.section01 .right img{display:none;}
	.pc-tips{display:none;}
	.mobile-tips{display:block;}
}
@media(max-width:768px){
	.section01{height:100vh;}
}

/*mobile-tips*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img{margin:0 auto;}
.carousel-caption{top:100px;}
.carousel-indicators{bottom:-20px;}
.carousel-indicators li{border: 1px solid #001e64; margin: 10px;}
.carousel-indicators .active{background:#001e64; margin: 9px;}
.carousel-caption{text-align: left; width:250px; margin:0 auto;}

@media(max-width:570px){
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{width:100%;}
	.carousel-caption{top:70px;}
}
@media(max-width:460px){
	.section01{background: url("../img/section01-bg-s.jpg") no-repeat; background-position:center center;}
	.carousel-caption{top:30px;}
	.section01 .tips-title{font-size:24px;}
	.section01 p{font-size:14px;}
}
@media(max-width:370px){
	.section01 .tips-title{font-size:20px;}
	.section01 .tips-title img{width:50px;}
	.section01 p{font-size:12px;}
}
/*mobile-tips*/



/*section02*/
.section02-mobile, .section02 .right .button{display:none;}
.section02{background: url("../img/section02-bg.jpg") no-repeat; background-position:top left; padding:0 0 100px 0;}
.section02 .left{width:32%; margin-top:50px; padding-top:80px;}
.section02 .right{width:68%; margin-top:50px; text-align: right;}
.section02 .right img{width:100%;}

@media(max-width:1500px){	 
	.section02 .left{padding-top:40px;}
	.section02 .right img{width:90%;}
}
@media(max-width:1200px){	
	.section02{background: url("../img/section02-bg-m.jpg") no-repeat; background-position:bottom left; background-size:contain;}
	.section02 .left{padding-top:30px;}
}
@media(max-width:1024px){
}
@media(max-width:990px){	
	.section02 .left{width:40%;}
	.section02 .right{width:60%;}
	.section02 .right img{width:100%;}
}
@media(max-width:768px){
	.section02 .left{padding-top:0;}
	.section02 .right{text-align: center;}
}
@media(max-width:640px){
	.section02-mobile, .section02 .right .button{display:block;}
	.section02-pc, .section02 .left .button{display:none;}
	.section02 .right .button{margin-top:50px;}
}


/*section03*/
.section03{background: url("../img/section03-bg.jpg") no-repeat; background-position:center center; padding:100px 0;}
.swiper-slide .bg{position:relative;}
.swiper-slide .bg img{width:100%; height:450px;}
.swiper-slide .pic{position:absolute; top:-30px; left:60px;}
.swiper-slide .name{position: absolute; top: 85px; right: 0; padding: 0 90px; color: #db4503; font-size: 24px; font-weight: 700;}
.swiper-slide .comment{position:absolute; top:160px; font-size: 20px; color:#001e64; line-height: 36px; padding: 0 90px; text-align: justify;}

@media(max-width:1660px){	 
	.swiper-slide .bg img{height:500px;}
	.swiper-slide .pic{top:0;}
	.swiper-slide .pic img{width:120px;}
	.swiper-slide .comment{top:140px;}
}
@media(max-width:1480px){	 
	.swiper-slide .name{top: 130px; right: auto;}
	.swiper-slide .bg img{height:600px;}
	.swiper-slide .comment{top:190px;}
}
@media(max-width:1270px){	 
	.swiper-slide .bg img{height:700px;}
}


/*swiper*/
/*.swiper-container{width:100%;}
.swiper-slide, .swiper-slide-next{width:610px !important;}*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}
.swiper-container-free-mode>.swiper-wrapper{right:-200px; padding:100px 0 40px 0;}

/*@media(max-width:1168px){
	.swiper-container-free-mode>.swiper-wrapper{right:auto;}
	.swiper-slide, .swiper-slide-next{width:100% !important;}
}

@media(max-width:1168px){
	.swiper-container-free-mode>.swiper-wrapper{right:0;}
	.swiper-slide{width:100% !important;}
	.swiper-slide .bg{text-align: center;}
	.swiper-slide .bg img {height: auto; width: auto;}
	.swiper-slide .pic img{width:auto; left:60px;}
	.swiper-slide .pic{top:-30px; width: 680px; left: 50%; margin-left: -340px;}
	.swiper-slide .name{top: 160px; width: 680px; left: 50%; margin-left: -340px;}
	.swiper-slide .comment{top:220px; width: 680px; left: 50%; margin-left: -340px;}
}*/

.swiper-02_1{display:none;}
@media(max-width:768px){
	.swiper-01_1{display:none;}
	.swiper-02_1{display:block;}
	.swiper-container-free-mode>.swiper-wrapper{right:0px;}
}


/*section04*/
.section04{background: url("../img/section04-bg.jpg") no-repeat; background-position:center center; background-size: cover; padding:100px 0;}
.button.text-center{margin-top:-20px;}
@media(max-width:1200px){	
	.section04{background: url("../img/section04-bg-m.jpg") no-repeat; background-position:center center; background-size: cover;}
}

@media(max-width:375px){	
	.section04{background: url("../img/section04-bg-s.jpg") no-repeat; background-position:center center; background-size: cover;}
}