@charset "utf-8";

.web-container{position:relative;}
.header-container{position:absolute;z-index:9999;top:0;right:0;left:0;}
.header .logo img:first-child{opacity:0;}
.wxy-nav>li>a{color:#fff;}
.wxy-nav>li.cur>a em{display:none;}
.wxy-nav>li.en>a span{color:#fff;}
@media(max-width:1199px){
	.header-container{position:static;}
	.header .logo img:first-child{opacity:1;}
}
@media(max-width:992px){
}

.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%;padding-left:10%;line-height:1.25;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{margin-bottom:0;font-size:60px;font-weight:bold;}
.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{font-size:50px;line-height:1.3;}
}
@media(max-width:1399px){
	.index-banner .text p{font-size:40px;line-height:1.35;}
}
@media(max-width:1199px){
	.index-banner .text p{font-size:32px;line-height:1.4;}
}
@media(max-width:991px){
	.index-banner .swiper-slide.swiper-slide-active .text{top:50%;}
	.index-banner .text p{font-size:28px;}
}
@media(max-width:767px){
	.index-banner .text{width:100%;}
	.index-banner .text p{font-size:x-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{font-size:20px;}
	.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{font-size:large;font-weight:normal;}
}

.indext1 h2{margin:0;font-size:40px;font-weight:bold;}
.indext1 h2 a{color:#333;}
:root{--section-padding:4.5%;}
@media(max-width:1599px){
	.indext1 h2{font-size:36px;}
	:root{--section-padding:5%;}
}
@media(max-width:1399px){
	.indext1 h2{font-size:32px;}
}
@media(max-width:1199px){
	.indext1 h2{font-size:28px;}
	:root{--section-padding:5.5%;}
}
@media(max-width:991px){
	.indext1 h2{font-size:24px;}
	:root{--section-padding:6%;}
}
@media(max-width:767px){
	.indext1 h2{font-size:22px;}
	:root{--section-padding:7%;}
}
@media(max-width:575px){
	.indext1 h2{font-size:20px;}
	:root{--section-padding:8.5%;}
}
.index0{padding-top:var(--section-padding);padding-bottom:var(--section-padding);}

.index1{background-color:#f5f5f5;}
.index1a{position:relative;margin-bottom:calc(var(--section-padding) * .7);}
.index1a a{color:#333;}
.index1a ul{position:absolute;right:0;bottom:2px;font-size:large;line-height:1.1;}
.index1a li{position:relative;float:left;}
.index1a li+li{margin-left:15px;}
.index1a li+li{padding-left:16px;}
.index1a li+li:before{content:"";display:block;position:absolute;top:50%;left:0;margin-top:-8px;height:16px;border-left:2px solid #c7c7c7;}
.index1a li.on a{color:var(--a-color);}
.index1box{position:relative;}
.index1b{margin-left:-15px;margin-right:-15px;padding-top:10px;padding-bottom:10px;width:auto;}
.index1b .swiper-slide{padding:0 15px;width:25%;}
.index1b a{display:block;overflow:hidden;background-color:#fff;transition:ease .5s;}
.index1b a div{padding:20px;}
.index1b h3{margin:0;color:#111;font-size:medium;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index1b p{margin:15px 0;font-size:14px;color:#666;line-height:20px;height:40px;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index1b span{color:#333;}
.index1b a:hover{border-radius:4px;box-shadow:1px 1px 10px #999;}
@media(max-width:1599px){
	.index1b h3{line-height:1.3em;height:2.6em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
}
@media(max-width:1399px){
	.index1b{margin-right:-10px;margin-left:-10px;}
	.index1b .swiper-slide{padding:0 10px;}
}
@media(max-width:1199px){
	.index1b .swiper-slide{width:33.333333%;}
}
@media(max-width:767px){
	.index1a{margin-bottom:calc(var(--section-padding) * .5);}
	.index1b{margin-right:-7px;margin-left:-7px;}
	.index1b .swiper-wrapper{flex-wrap:wrap;}
	.index1b .swiper-slide{padding:0 7px;width:50%;}
	.index1b .swiper-slide:nth-child(n+3){margin-top:14px;}
	.index1b .swiper-slide:nth-child(n+5){display:none;}
	.index1b a div{padding:15px;}
	.index1b h3{margin-bottom:5px;}
	.index1b p{display:none;}
	.index1b span{color:#666;}
}
@media(max-width:575px){
	.index1a ul{position:static;margin-top:2%;font-size:medium;}
	.index1b h3{height:3.9em;-webkit-line-clamp:3;}
}
@media(max-width:415px){
	.index1b{padding-top:5px;}
	.index1b .swiper-slide{width:100%;}
	.index1b .swiper-slide:nth-child(n+2){margin-top:14px;}
	.index1b h3{height:2.6em;-webkit-line-clamp:2;}
}


.index2{position:relative;background-position:center center;background-size:cover;}
.index2:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.4;}
.index2 .container{position:relative;}
.index2, .index2 a{color:#fff;}
.index2left{float:left;width:48%;}
.index2right{position:relative;float:right;width:46%;}
.index2a{padding-top:var(--section-padding);}
.index2a h2 a{color:#fff;}
.index2b{padding-top:calc(var(--section-padding) * 1.5);padding-bottom:calc(var(--section-padding) * 1.5);overflow:hidden;}
.index2b .swiper-container{margin-right:-20px;margin-left:-20px;width:auot;}
.index2b .swiper-slide{width:auto;padding:0 20px 15px;font-size:large;}
.index2b .swiper-slide:before{content:"";display:block;position:absolute;right:0;bottom:1px;left:0;border-bottom:1px solid rgba(255,255,255,.6);}
.index2b .swiper-slide.on:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-1em;width:2em;border-bottom:3px solid #fff;}
.index2c h3{margin:0;font-size:30px;}
.index2c p{margin-top:calc(var(--section-padding) * .6);margin-bottom:calc(var(--section-padding) * .9);font-size:large;line-height:1.75;}
.index2c a{display:inline-block;padding:8px 30px;font-size:14px;color:#333;background-color:#fff;border-radius:20px;transition:ease .5s;}
.index2c a:hover{color:#fff;background-color:var(--a-color);}
@media(max-width:1599px){
	.index2c h3{font-size:28px;}
	.index2c p{font-size:medium;}
}
@media(max-width:1399px){
	.index2left{width:50%;}
	.index2b{padding-top:calc(var(--section-padding) * 1.2);padding-bottom:calc(var(--section-padding) * 1.2);}
	.index2b .swiper-container{margin-right:-12px;margin-left:-12px;}
	.index2b .swiper-slide{padding-right:12px;padding-left:12px;font-size:medium;}
	.index2c h3{font-size:24px;}
}
@media(max-width:1399px){
	.index2a{padding-top:0;}
	.index2b .swiper-container{margin-right:-8px;margin-left:-8px;}
	.index2b .swiper-slide{padding-right:8px;padding-left:8px;}
	.index2c h3{font-size:20px;}
}
@media(max-width:991px){
	.index2left{float:none;width:100%;}
	.index2b{padding-top:calc(var(--section-padding) * .6);padding-bottom:calc(var(--section-padding) * .6);}
	.index2c p{margin-top:calc(var(--section-padding) * .4);margin-bottom:calc(var(--section-padding) * .5);}
	.index2right{float:none;margin-top:calc(var(--section-padding) * .8);width:100%;}
}
@media(max-width:767px){
	.index2c h3{font-size:medium;}
	.index2c p{font-size:14px;}
}


.index3{background:#f5f5f5 url(../images/sdmg.png) right top no-repeat;background-size:30% auto;}
.index3a{padding-bottom:calc(var(--section-padding) * .8);}
.index3c{position:relative;float:left;padding:0 0 3% 2%;width:50%;}
.index3c:before{content:"";display:block;position:absolute;bottom:0;left:0;width:42%;height:42%;background-color:#2252b6;}
.index3c img{position:relative;}
.index3right{float:right;padding-left:4%;width:50%;}
.index3d{margin:0 -10px 25px;}
.index3d li{float:left;padding:0 10px;width:25%;}
.index3d a{display:block;border:1px solid #d2d2d2;border-radius:5px;padding:15px 0;font-size:large;color:#666;text-align:center;transition:ease .5s;}
.index3d em{display:block;margin:0 auto 10px;width:38px;height:38px;transition:ease .5s;}
.index3d a:hover{color:var(--a-color);background-color:#fff;}
.index3d a:hover em{transform:rotateY(180deg);}
.index3e{font-size:large;color:#666;line-height:1.8;}
@media(max-width:1599px){
	.index3e{font-size:medium;}
}
@media(max-width:1399px){
	.index3a{font-size:14px;}
	.index3c{padding:0;}
	.index3c:before{display:none;}
	.index3d{margin-bottom:20px;}
	.index3d a{padding:10px 0;font-size:medium;}
	.index3e{font-size:14px;}
}
@media(max-width:991px){
	.index3c{float:none;width:100%;}
	.index3right{float:none;padding:4% 0 0;width:100%;}
}
@media(max-width:767px){
	.index3a{padding-bottom:calc(var(--section-padding) * .5);}
	.index3right{padding-top:5%;}
}
@media(max-width:575px){
	.index3d{margin-right:-5px;margin-bottom:15px;margin-left:-5px;}
	.index3d li{padding:0 5px;}
}
@media(max-width:399px){
	.index3d a{font-size:14px;}
}


