@charset "utf-8";

.banner-box{position:relative;overflow:hidden;}
.index-banner .swiper-slide .text-container{display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.index-banner .swiper-slide .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 .swiper-slide .text{position:absolute;top:80%;left:50%;text-align:center;line-height:1.2;color:#fff;opacity:0;-webkit-opacity:0; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:ease .5s;-webkit-transition:ease 1s;}
.index-banner .swiper-slide .text p:first-child{margin-bottom:20px;font-size:38px;font-weight:bold;}
.index-banner .swiper-slide .text p:nth-child(2){margin-bottom:5px;font-size:24px;}
.index-banner .swiper-slide .text p:nth-child(3){margin-bottom:0;font-size:24px;}
.index-banner .swiper-slide .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 .swiper-slide .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 4px;width:2%;height:2px;/*background:#fff;*/overflow:hidden;outline:none;opacity:.4; border-radius:0; transition:ease .5s;}
.banner-box .swiper-pagination-bullet-active{width:3%;background:#cc4d56;opacity:1;}
@media(max-width:991px){
	.index-banner .swiper-slide.swiper-slide-active .text{top:50%;}
	.index-banner .swiper-slide .text p:first-child{font-size:28px;}
	.index-banner .swiper-slide .text p:nth-child(2){font-size:large;}
	.index-banner .swiper-slide .text p:nth-child(3){font-size:large;}
}
@media(max-width:767px){
	.index-banner{width:120%;margin-left:-10%;}
	.index-banner .swiper-slide .text{width:100%;}
	.index-banner .swiper-slide .text p:first-child{font-size:x-large;}
	.index-banner .swiper-slide .text p:nth-child(2){font-size:medium;}
	.index-banner .swiper-slide .text p:nth-child(3){font-size:medium;}
	.banner-box .swiper-pagination{bottom:10px;padding:0 1em;width:100%;}
	.index-banner .swiper-slide .text .more{display:none;}
	.banner-box .swiper-pagination-bullet{margin:0 3px;width:3%;}
	.banner-box .swiper-pagination-bullet-active{width:4.5%;}
}
@media(max-width:599px){
	.index-banner{width:140%;margin-left:-20%;}
	.index-banner .swiper-slide .text p:first-child{margin-bottom:10px;font-size:large;}
	.banner-box .swiper-pagination{bottom:2px;}
}
@media(max-width:479px){
	.index-banner .swiper-slide .text p:first-child{font-size:medium;}
	.index-banner .swiper-slide .text p:nth-child(2){font-size:14px;}
	.index-banner .swiper-slide .text p:nth-child(3){font-size:14px;}
}

.indext{line-height:1;font-size:x-large;font-weight:bold;color:#000;}
.indext a{color:#000;}
.indext2 div{float:left;}
.indext2>a{display:block;float:right;line-height:24px;color:#333;}
@media(max-width:479px){
	.indext{font-size:large;}
	.indext2>a{line-height:18px;}
}

.indexa{position:absolute;z-index:9;top:280px;right:0;width:180px;}
.indexa.fixed{position:fixed;top:0;}
.djs{padding:5px 0;color:#fff;background-color:#1175d2;}
.djs strong, .djs span{display:block;float:left;width:32%;text-align:center;}
.djs strong:first-child, .djs span:first-child{width:36%;}
.djs1{padding:5px 10px;}
.djs1:first-child{border-bottom:1px solid #406298;font-size:24px;font-weight:bold;}
.indexa>a{display:block;margin-top:10px;font-size:medium;line-height:30px;transition:ease .5s;-webkit-transition:ease .5s;}
.indexa.fixed>a{margin-top:5px;}
.indexa>a>i{margin-top:1px;}
.indexa>a.btn-danger{background-color:#fc4718;}
.indexa>a.btn-success{background-color:#4f9a0b;}
@media(max-width:1659px){
	.indexa{top:260px;}
}
@media(max-width:1199px){
	.indexa{display:none;}
}

.indexb{padding-top:50px;padding-bottom:50px;}
.indexb1{float:left;width:1000px;}
.indexb1 h2{margin:0 0 15px;}
.indexb1 div{font-size:medium;line-height:2;}
.indexb2{float:right;}
@media(max-width:1399px){
	.indexb1{width:840px;}
}
@media(max-width:1199px){
	.indexb1{width:700px;}
	.indexb2{padding-top:30px;width:200px;}
}
@media(max-width:991px){
	.indexb1{width:100%;}
	.indexb1 div{line-height:1.8;}
	.indexb2{display:none;}
}
@media(max-width:479px){
	.indexb{padding-top:30px;padding-bottom:30px;}
	.indexb1 div{font-size:14px;}
}

.indexbc{margin-bottom:30px;}
.indexbc a{margin:0 10px;}
@media(max-width:539px){
	.indexbc a{margin:0 2px;font-size:14px;}
}
@media(max-width:399px){
	.indexbc a{display:block;margin:15px auto 0;width:80%;font-size:medium;}
	.indexbc a:first-child{margin-top:0;}
}

.indexc{padding:55px 0;color:#fff;background-repeat:no-repeat;background-size:auto 100%;}
.indexc .item{float:left;width:20%;text-align:center;}
.indexc em{display:block;margin:0 auto;width:60px;height:60px;background:url(../images/icon01.png) no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.indexc .item:hover em{transform:rotateY(180deg); /*transform:perspective(1000px) rotateY(180deg);*/}
.indexc .item2 em{background-position:-60px 0;}
.indexc .item2 em{background-position:-120px 0;}
.indexc .item3 em{background-position:-180px 0;}
.indexc .item5 em{background-position:-240px 0;}
.indexc .item div{padding:15px 0;}
.indexc .item div p, .indexc .item div i{display:inline-block;margin:0;font-style:normal;}
.indexc .item div p{font-size:30px;}
.indexc .item div i{padding-left:3px;font-size:24px;}
@media(min-width:1200px){
	.indexc .container{padding:0 40px;}
}
@media(max-width:676px){
	.indexc .item{width:33.3333%;}
	.indexc .item div{padding:0;}
	.indexc .item div p{font-size:24px;}
	.indexc .item div i{font-size:large;}
	.indexc .item4, .indexc .item5{display:none;}
}
@media(max-width:479px){
	.indexc{padding:45px 0;}
}

.indexd{padding-top:50px;padding-bottom:50px;}
.indexd1{float:left;width:834px;}
.indexd1a ul{margin-right:-11px;margin-left:-11px;}
.indexd1a li{float:left;margin-top:22px;padding:0 11px;width:33.333333%;}
.indexd1a a{position:relative;}
.indexd1a span{display:block;position:absolute;right:0;bottom:0;left:0;padding:0 5px;color:#fff;line-height:2.5em;background-color:#666;background-color:rgba(0,0,0,.5);}
.indexd2{float:right;width:438px;}
.indexd2a{overflow:hidden;}
.indexd2a>div{margin-right:-11px;margin-left:-11px;width:auto;}
.indexd2a .swiper-slide{position:relative;padding:0 11px;width:50%;}
.indexd2a .swiper-slide a{margin-top:22px;border:1px solid #ccc;height:110px;font-size:0;line-height:108px;text-align:center;}
.indexd2a .swiper-slide img{max-width:100%;max-height:100%;vertical-align:middle;}
@media(max-width:1399px){
	.indexd1{width:717px}
	.indexd2{width:378px;}
	.indexd2a .swiper-slide a{height:92px;line-height:90px;}
}
@media(max-width:1199px){
	.indexd1, .indexd2{float:none;width:100%;}
	.indexd2{margin-top:40px;}
	.indexd2a .swiper-slide{width:25%;}
}
@media(max-width:767px){
	.indexd2a .swiper-slide{width:33.3333%;}
}
@media(max-width:599px){
	.indexd1a li{width:50%;}
}
@media(max-width:539px){
	.indexd .indext2{padding-bottom:10px;}
	.indexd1a ul{margin-left:-6px;margin-right:-6px;}
	.indexd1a li{margin-top:12px;padding:0 6px;}
	.indexd2a>div{margin-left:-6px;margin-right:-6px;}
	.indexd2a .swiper-slide{padding:0 6px;width:50%;}
	.indexd2a .swiper-slide a{margin-top:12px;}
}

.indexe{padding:50px 0;background-color:#f3f3f3;}
.indexe1{float:right;width:48%;}
.indexe1:first-child{float:left;}
.indexe1 p{margin:20px 0 18px;}
.indexe1 li{position:relative;margin-top:12px;padding-right:85px;}
.indexe1 li:after{display:block;clear:both;content:"";}
.indexe1 li a{position:relative;float:left;padding-left:26px;max-width:100%;font-size:medium;line-height:28px;color:#555;text-decoration:none;}
.indexe1 li a:hover{color:#d00;}
.indexe1 li a:before{position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;font-size:12px;line-height:16px;text-align:center;font-family:Verdana, Geneva, sans-serif;color:#fff;background-color:#ccc;border-radius:50%;overflow:hidden;content:">";}
.indexe1 li a:hover:before{background-color:#d00;}
.indexe1 li.new a{padding-right:50px;}
.indexe1 li.new a:after{display:block;position:absolute;top:50%;right:0;margin-top:-9px;width:38px;height:18px;line-height:18px;font-size:10px;text-align:center;color:#fff;background-color:#d81e06;content:"NEW";border-radius:8px;}
.indexe1 li span{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.indexe1 .more{display:block;float:left;margin-top:25px;padding:12px 30px;color:#fff;background-color:#4f9a0b;}
@media(max-width:1199px){
	.indexe1{width:48%;}
}
@media(max-width:767px){
	.indexe1{float:none;width:100%;max-width:550px;}
	.indexe1:first-child{margin-bottom:40px;}
}
@media(max-width:479px){
	.indexe{padding:45px 0;}
}


.indexf{padding-top:60px;overflow:hidden;}
.indexf1{position:relative;margin-top:20px}
.indexf1 a{padding:10px 0;}
.indexf1 a em{display:block;overflow:hidden;border:1px solid #ccc;height:102px;line-height:100px;font-size:0;text-align:center;}
.indexf1 a img{max-width:100%;max-height:100%;vertical-align:middle;}
@media(max-width:1199px){
	.indexf1>div:nth-child(n+17){display:none;}
}
@media(max-width:991px){
	.indexf1 a em{height:88px;line-height:86px;}
}
@media(max-width:767px){
	.indexf{padding-top:40px;}
	.indexf1>div:nth-child(n+16){display:none;}
}
@media(max-width:539px){
	.indexf1{margin-right:-5px;margin-left:-5px;}
	.indexf1>div{padding-right:5px;padding-left:5px;}
	.indexf1 a{padding:5px 0;}
}
@media(max-width:479px){
	.indexf1 a em{height:72px;line-height:70px;}
}