@charset "utf-8";



.banner-box{position:relative;overflow:hidden;}
.index-banner .swiper-slide{background-position:center top;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
.index-banner .textbg{position:absolute;top:0;right:0;bottom:0;left:0;}
/*
.index-banner .text-container:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#000;opacity:.2;-webkit-opacity:.2;filter:alpha(opacity=20);}
*/
.index-banner .text{position:absolute;top:80%;left:50%;text-align:center;line-height:1.2;color:#fff;text-shadow:5px 5px 10px #000;opacity:0;-webkit-opacity:0; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:ease .5s;-webkit-transition:ease 1s;}
.index-banner .text p:first-child{margin-bottom:20px;font-size:60px;font-weight:bold;}
.index-banner .text p:nth-child(n+2){margin-bottom:5px;font-size:32px;}
.index-banner .text .more{display:block;margin:2em auto 0;width:8em;font-size:14px;line-height:3em;color:#fff;text-align:center;font-style:normal;font-weight:normal;background-color:#3641ff; transition:ease .5s;}
.index-banner .text .more:hover{color:#3641ff;background-color:#fff;}
.index-banner .swiper-slide.swiper-slide-active .text{top:50%;opacity:1;-webkit-opacity:1;}
.banner-box .swiper-pagination{right:0;bottom:20px;left:0;text-align:center;}
.banner-box .swiper-pagination-bullet{margin:0 3px;width:3%;height:2px;/*background:#fff;*/overflow:hidden;outline:none;opacity:.4; border-radius:0; transition:ease .5s;}
.banner-box .swiper-pagination-bullet-active{width:4.5%;background:#cc4d56;opacity:1;}
@media(max-width:1599px){
	.index-banner .text p:first-child{font-size:50px;}
	.index-banner .text p:nth-child(n+2){font-size:24px;}
}
@media(max-width:1399px){
	.index-banner .text p:first-child{font-size:40px;}
}
@media(max-width:1199px){
	.index-banner .text p:first-child{font-size:32px;}
	.index-banner .text p:nth-child(n+2){font-size:20px;}
}
@media(max-width:991px){
	.index-banner .swiper-slide.swiper-slide-active .text{top:50%;}
	.index-banner .text p:first-child{font-size:28px;}
}
@media(max-width:767px){
	.index-banner .text{width:100%;}
	.index-banner .text p:first-child{font-size:x-large;}
	.index-banner .text p:nth-child(n+2){font-size:large;}
	.banner-box .swiper-pagination{padding:0 1em;width:100%;}
	.index-banner .text .more{display:none;}
	.banner-box .swiper-pagination-bullet{margin:0 1px;width:6%;}
	.banner-box .swiper-pagination-bullet-active{width:9%;}
}
@media(max-width:599px){
	.index-banner .text p:first-child{margin-bottom:10px;font-size:large;}
	.index-banner .text p:nth-child(n+2){font-size:medium;}
	.banner-box .swiper-pagination{bottom:5px;}
/*
	.index-banner .swiper-slide{padding-top:40%;}
	.index-banner .swiper-slide img{position:absolute;top:0;left:50%;max-width:none;height:100%;transform:translateX(-50%);}
*/
}
@media(max-width:479px){
	.index-banner .text p:nth-child(n+2){font-size:14px;}
}

/*
.banner-box:before{z-index:2;content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:200px;background-color:#fff;}
*/
.banner-box{padding-left:200px;}
.index-banner{border-bottom-left-radius:100px;}
@media(max-width:1399px){
	.banner-box{padding-left:0;}
	.index-banner{border-bottom-left-radius:0;}
}
@media(max-width:767px){
	.index-banner{margin:0 -10%;width:120%;}
}
@media(max-width:480px){
	.index-banner{margin:0 -15%;width:130%;}
}

.web-title{font-size:25px;font-weight:bold;color:#054f9b;line-height:1.25;}
.web-title a{color:#054f9b;}
@media(max-width:1399px){
	.web-title{font-size:22px;}
}
@media(max-width:1199px){
	.web-title{font-size:20px;}
}
@media(max-width:767px){
	.web-title{font-size:24px;}
}
@media(max-width:575px){
	.web-title{font-size:22px;}
}
@media(max-width:479px){
	.web-title{font-size:20px;}
}

.index1{padding:60px 0;overflow:hidden;}
.index1a1{float:left;width:820px;}
.index1a12{margin:20px 0 25px;font-size:20px;color:#e64d21;}
.index1a13{text-align:justify;}
.index1a2{float:right;width:460px;}
.index1a2 div{position:relative;padding:0 0 15px 15px;}
.index1a2 div:before{content:"";display:block;position:absolute;z-index:-1;top:15px;right:15px;bottom:0;left:0;background-color:#054f9b;}
.index1a2 img{display:block;max-width:100%;}
.index1b{margin:30px -30px 0;padding-top:30px;position:relative;}
.index1b:before{content:"";display:block;position:absolute;top:0;left:30px;width:150px;border-top:1px solid #666;}
.index1b li{position:relative;float:left;padding:5px 40px;width:50%;color:#e64d21;font-size:14px;}
.index1b li:before{content:"•";display:block;position:absolute;top:4px;left:25px;}
@media(max-width:1599px){
	.index1{padding:50px 0;}
}
@media(max-width:1399px){
	.index1{padding:40px 0;}
	.index1a1{width:720px;}
	.index1a2{padding-top:40px;width:360px;}
	.index1a12{margin:15px 0 20px;font-size:large;}
}
@media(max-width:1199px){
	.index1a1{width:620px;}
	.index1a2{padding-top:110px;width:280px;}
	.index1a12{margin:10px 0 15px;font-size:large;}
	.index1b{margin-right:0;margin-left:0;}
	.index1b:before{left:0;}
	.index1b li{padding:5px 0 0 10px;width:100%;}
	.index1b li:before{left:0;}
}
@media(max-width:991px){
	.index1a1{float:none;width:100%;}
	.index1a2{display:none;}
	.index1a12{margin-top:15px;}
	.index1b{margin-top:20px;padding-top:20px;}
	.index1b li{text-align:justify;}
}
@media(max-width:767px){
	.index1{padding:30px 0;}
}

.index2{position:relative;}
.index2:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:40%;background-color:#015aaa;}
.index2 .layui-container{padding-top:60px;padding-right:65px;padding-bottom:60px;background:#015aaa url(/uploads/image/2604/02/260402231632ctoi1.jpg) top left no-repeat;border-top-right-radius:100px;}
.index2a a{color:#fff;}
.index2b{margin:15px 0;color:#a5cdf1;}
.index2c1{margin:0 -15px;}
.index2c1 li{float:left;padding:15px;width:33.333333%;}
.index2c1 a{display:block;position:relative;border-radius:20px;overflow:hidden;}
.index2c1 img{display:block;width:100%;transition:ease .5s;}
.index2c1 a:before{content:"";display:block;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top, rgba(0,0,0,.8) 0%, rgba(0,0,0,.5) 20%, rgba(0,0,0,.1) 100%);}
.index2c1 div{position:absolute;z-index:2;right:0;bottom:5px;left:0;padding:10px 20px;line-height:1.25;color:#fff;}
.index2c1 a:hover img{transform:scale(105%);}
@media(max-width:1599px){
	.index2 .layui-container{padding-top:50px;padding-bottom:50px;}
}
@media(max-width:1399px){
	.index2:before{width:100%;}
	.index2 .layui-container{border-top-right-radius:0;padding-right:15px;background:none;}
}
@media(max-width:1199px){
	.index2 .layui-container{padding:30px 15px;}
	.index2c1{margin:0 -10px;}
	.index2c1 li{padding:10px;}
}
@media(max-width:991px){
	.index2c1{margin:0 -7px;}
	.index2c1 li{width:50%;padding:7px;}
	.index2c1 a{border-radius:5px;}
}
@media(max-width:479px){
	.index2c1 li{width:100%;}
	.index2c1 a{border-radius:15px;}
}

.index3{padding:60px 0 30px;}
.index3a{margin-bottom:20px;}
.index3b{margin:0 -7px;padding-bottom:30px;}
.index3b .swiper{height:300px;}
.index3b .swiper-slide{padding:7px;height:100px;}
.index3b em{display:block;height:86px;line-height:84px;border:1px solid #eee;text-align:center;overflow:hidden;}
.index3b img{max-width:90%;max-height:90%;}
.index3b .swiper-pagination{bottom:0;}
@media(max-width:1599px){
	.index3{padding-top:50px;}
}
@media(max-width:1399px){
	.index3{padding-top:40px;}
}
@media(max-width:767px){
	.index3{padding-top:30px;}
}

.index4b .swiper{height:auto;}