@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;}
}

.web-title1{padding-bottom:20px;border-bottom:5px solid var(--blue);}
.web-title1 h3{float:left;line-height:1.25;font-size:x-large;}
.web-title1 p{float:right;padding-top:8px;font-size:14px;}
.web-title2{position:relative;}
.web-title2 li{float:left;position:relative;padding-bottom:8px;font-size:large;border-bottom:3px solid;border-bottom-color:rgba(255,255,255,0);}
.web-title2 li+li{margin-left:2em;}
.web-title2 .on{border-bottom-color:var(--blue);}
.web-title2 .on a{color:var(--blue);font-weight:bold;}
.web-title3{padding-bottom:15px;}
.web-title3 h3{float:left;font-size:large;font-weight:bold;}
.web-title3 p{float:right;padding-top:5px;font-size:12px;}
@media(max-width:1399px){
	.web-title1 h3{font-size:22px;}
}
@media(max-width:1199px){
	.web-title1 h3{font-size:20px;}
	.web-title1 p{padding-top:5px;}
}
@media(max-width:991px){
	.web-title2 li+li{margin-left:1.25em;}
	.web-title1 h3{font-size:18px;}
	.web-title1 p{padding-top:0;}
	.web-title3 h3{font-size:medium;font-weight:normal;}
}
@media(max-width:767px){
	.web-title1{padding-bottom:15px;}
}


.index1{padding:35px 0 15px;border-bottom:5px solid var(--blue);text-align:center;}
.index1 a{color:#999;}
.index1 h3{margin-bottom:10px;font-size:30px;color:var(--blue);font-weight:bold;line-height:1.25em;}
.index1 p{margin-bottom:5px;;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index1 div{text-align:right;font-size:14px;}
.index1 a:hover{color:#111;}
@media(max-width:1399px){
	.index1{padding-top:30px;}
	.index1 h3{font-size:28px;}
}
@media(max-width:1199px){
	.index1{padding-top:25px;border-bottom-width:4px;}
	.index1 h3{font-size:24px;}
}
@media(max-width:991px){
	.index1{padding-top:20px;border-bottom-width:3px;text-align:left;}
	.index1 h3{font-size:20px;}
	.index1 p{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}
@media(max-width:767px){
	.index1{border-bottom-width:2px;}
}
@media(max-width:575px){
	.index1 h3{font-size:large;}
}

.index2{margin-top:35px;}
.index2a{float:left;width:650px;overflow:hidden;}
.index2a a{display:block;position:relative;padding-top:66.666666%;width:100%;color:#fff;overflow:hidden;}
.index2a a img{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.index2a a div{position:absolute;right:0;bottom:0;left:0;padding-right:100px;background-color:rgba(0,0,0,.5);}
.index2a a p{padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index2a .swiper-pagination{right:8px;left:auto;width:auto;}
.index2a .swiper-pagination-bullet{width:10px;height:10px;opacity:.5;}
.index2b{float:right;width:650px;}
.index2b .web-title2:before{content:"";display:block;position:absolute;right:0;bottom:1px;left:0;border-bottom:1px solid #e0e0e0;}
.index2b2{padding-top:15px;}
.index2b2 li{position:relative;padding:9px 60px 9px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index2b2 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;background-color:#ddd;border-radius:50%;transform:translateY(-50%);}
.index2b2 span{display:block;position:absolute;top:50%;right:0;color:#999;transform:translateY(-50%);}
.index2b2 li:nth-child(9){display:none;}
.index2b2 li:hover:before{background-color:var(--blue);}
@media(max-width:1399px){
	.index2a{width:550px;}
	.index2b{width:550px;}
	.index2b2 li{padding-top:7px;padding-bottom:7px;}
	.index2b2 li:nth-child(n+9){display:none;}
}
@media(max-width:1199px){
	.index2a{width:460px;}
	.index2b{width:460px;}
	.index2b2 li{padding-top:6px;padding-bottom:6px;}
	.index2b2 li:nth-child(n+8){display:none;}
}
@media(max-width:991px){
	.index2a{float:none;width:100%;}
	.index2b{float:none;margin-top:20px;width:100%;}
	.index2b2 li{padding-right:50px;}
}

.section2{margin:50px 0;padding:50px 0;background-color:#f9f9f9;}
.index3a{float:left;width:1040px;}
.index3a-box{padding:30px;background-color:#fff;}
.index3a2{padding-top:22px;}
.index3a2 li{position:relative;padding:8px 0 8px 15px;}
.index3a2 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;background-color:#999;border-radius:50%;}
.index3a2 li div{position:relative;padding-right:80px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index3a2 li span{display:block;position:absolute;top:50%;right:0;color:#999;transform:translateY(-50%);}
.index3a2 li p{display:none;}
.index3b{float:right;width:260px;}
.index3b1{padding:32px 30px 31px;background:#fff;font-size:large;line-height:28px;}
.index3b1 li{padding:18px 0;padding-right:20px;text-align:center;}
.index3b1 li em{display:inline-block;margin-right:15px;width:28px;height:28px;vertical-align:bottom;background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:ease .5s;}
.index3b1 a:hover em{transform:rotateY(180deg);}
@media(max-width:1399px){
	.section2{margin:40px 0;padding:40px 0;}
	.index3a{width:850px;}
}
@media(max-width:1199px){
	.section2{margin:30px 0;padding:30px 0;}
	.index3a{width:650px;}
}
@media(min-width:992px){
	.index3a2 li{padding:8px 0 8px 20px;}
	.index3a2 li span{right:20px;}
	.index3a2 li:before{left:5px;}
	.index3a2 li.on{padding:20px;border:1px solid #f5f5f5;box-shadow:0 0 5px #f5f5f5;border-radius:3px;}
	.index3a2 li.on:before{display:none;}
	.index3a2 li.on span{right:0;}
	.index3a2 li.on p{display:block;margin-top:5px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media(max-width:991px){
	.index3a-box{padding:25px;}
	.index3a{float:none;width:100%;}
	.index3a2{padding-top:15px;}
	.index3a2 li:nth-child(n+9){display:none;}
	.index3a2 li div{padding-right:60px;}
	.index3b{float:none;margin-top:25px;width:100%;}
	.index3b li{float:left;padding-right:0;width:25%;}
}
@media(max-width:767px){
	.index3a-box{padding:20px;}
	.index3b1{padding:15px;font-size:medium;line-height:24px;}
	.index3b1 li em{margin-right:10px;width:24px;height:24px;}
}
@media(max-width:599px){
	.index3b li{width:33.333333%;}
}
@media(max-width:575px){
	.index3a-box{padding:15px 10px;}
	.index3a2 li div{padding-right:50px;}
}
@media(max-width:479px){
	.index3b li{width:50%;}
}

.index4{margin-top:35px;}
.index4a{float:left;width:650px;}
.index4a1{display:block;position:relative;color:#fff;font-size:x-large;font-weight:bold;}
.index4a1 div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.index4a1:hover{color:#fff;}
.index4a2{margin-top:20px;padding:20px;background-color:#fff;}
.index4a2 li{position:relative;padding:9px 0 9px 15px;}
.index4a2 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;background-color:#ccc;border-radius:50%;transform:translateY(-50%);}
.index4a2 li:nth-child(n+6){display:none;}
.index4a2 li:hover:before{background-color:var(--blue);}
.index4b{float:right;padding:30px;width:650px;background-color:#fff;}
.index4b1 li{position:relative;padding:9px 0 9px 15px;}
.index4b1 li:before{content:"";display:block;position:absolute;top:18px;left:0;width:6px;height:6px;background-color:#ccc;border-radius:50%;}
.index4b1 li:hover:before{background-color:var(--blue);}
.index4b1 em, .index4b1 p{display:none;}
.index4b1 span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(min-width:1400px){
	.index4b1 .on{padding-bottom:28px;}
}
@media(max-width:1399px){
	.index4a{width:555px;}
	.index4a1{font-size:22px;}
	.index4b{padding:26px 25px;width:555px;}
}
@media(min-width:1200px){
	.index4b1 li:nth-child(n+7){display:none;}
	.index4b1 li.on{padding-bottom:20px;}
	.index4b1 .on em{display:block;position:absolute;top:9px;left:0;width:160px;height:90px;overflow:hidden;}
	.index4b1 .on img{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
	.index4b1 .on p{display:block;margin-top:10px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
	.index4b1 .on:before{background-color:var(--blue);}
	.index4b1 .on.img{padding-left:180px;}
	.index4b1 .on.img:before{display:none;}
}
@media(max-width:1199px){
	.index4a{width:460px;}
	.index4a1{font-size:20px;}
	.index4b{width:460px;}
	.index4b li:nth-child(n+8){display:none;}
}
@media(max-width:991px){
	.index4a{float:none;width:100%;}
	.index4a1{font-size:18px;}
	.index4b{float:none;margin-top:20px;padding:15px;width:100%;}
	.index4b1 li:nth-child(n+6){display:none;}
}

.index5{margin-top:35px;}
.index5a{float:left;width:1040px;}
.index5a-box{padding:30px;background-color:#fff;}
.index5a2{padding-top:22px;}
.index5a2 li{position:relative;padding:8px 0 8px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index5a2 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;background-color:#ccc;border-radius:50%;transform:translateY(-50%);}
.index5a2 li:hover:before{background-color:var(--blue);}
.index5b{float:right;width:260px;}
.index5b1{padding:30px;background:#fff;font-size:large;line-height:28px;}
.index5b1 li{padding:14px 0;padding-right:20px;text-align:center;}
.index5b1 li em{display:inline-block;margin-right:15px;width:28px;height:28px;vertical-align:bottom;background-position:center center;background-repeat:no-repeat;background-size:100% auto;transition:ease .5s;}
.index5b1 a:hover em{transform:rotateY(180deg);}
.index5b2{margin-top:14px;}
.index5b2 li+li{margin-top:10px;}
@media(max-width:1399px){
	.index5a{width:850px;}
}
@media(max-width:1199px){
	.index5a{width:650px;}
}
@media(max-width:991px){
	.index5a-box{padding:25px;}
	.index5a{float:none;width:100%;}
	.index5b{float:none;margin-top:20px;width:100%;}
	.index5b1 li{float:left;padding-right:0;width:33.333333%;}
	.index5b2{margin:15px -5px;}
	.index5b2 li{float:left;padding:0 5px;max-width:50%;}
	.index5b2 li+li{margin:0;}
}
@media(max-width:767px){
	.index5a-box{padding:20px;}
	.index5b1{line-height:24px;}
	.index5b1 li em{width:24px;height:24px;}
}
@media(max-width:599px){
	.index5b1 li{padding-left:20px;width:100%;text-align:left;}
}
@media(max-width:575px){
	.index5a-box{padding:15px 10px;}
	.index5b1{padding:15px;font-size:medium;line-height:24px;}
	.index5b1 li em{margin-right:10px;width:24px;height:24px;}
}

.index6a .swiper{margin:0 -10px;width:auto;}
.index6a .swiper-slide{padding:0 10px;width:20%;}
.index6a .swiper-slide a{display:block;border:1px solid #ddd;padding:5px;}
.index6a .swiper-slide a+a{margin-top:20px;}
.index6a .swiper-slide em{display:block;position:relative;width:100%;height:100px;overflow:hidden;}
.index6a .swiper-slide img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);transition:ease .5s;}
.index6a .swiper-slide a:hover img{transform:translate(-50%,-50%) scale(1.05);}
@media(max-width:1199px){
	.index6a .swiper{margin:0 -7px;}
	.index6a .swiper-slide{padding:0 7px;width:25%;}
	.index6a .swiper-slide a+a{margin-top:14px;}
}
@media(max-width:767px){
	.index6a .swiper-slide{width:33.333333%;}
}
@media(max-width:575px){
	.index6a .swiper-slide{width:50%;}
}