@charset "utf-8";

.banner-box,.mobile-box{position:relative;overflow:hidden;}
.mobile-box{display:none;}
.index-banner .swiper-slide{background-position:center top;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
.index-banner .swiper-slide .textbg{position:absolute;top:0;right:0;bottom:0;left:0;}
.mobile-box img{max-width:100%;}
/*
.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:90%;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 .swiper-slide .text p:first-child{margin-bottom:20px;font-size:42px;font-weight:bold;}
.index-banner .swiper-slide .text p:nth-child(2){margin-bottom:5px;font-size:28px;}
.index-banner .swiper-slide .text p:nth-child(3){margin-bottom:0;font-size:28px;}
.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,.mobile-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,.mobile-box .swiper-pagination-bullet-active{width:3%;background:#f8db13;opacity:1;}
@media(max-width:1399px){
	.index-banner .swiper-slide .text p:first-child{font-size:36px;}
	.index-banner .swiper-slide .text p:nth-child(2){font-size:24px;}
	.index-banner .swiper-slide .text p:nth-child(3){font-size:24px;}
}
@media(max-width:1199px){
	.index-banner .swiper-slide .text p:first-child{font-size:32px;}
	.index-banner .swiper-slide .text p:nth-child(2){font-size:22px;}
	.index-banner .swiper-slide .text p:nth-child(3){font-size:22px;}
}
@media(max-width:991px){
    .banner-box{display:none;}
    .mobile-box{display:block;}
	.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:768px){
	.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{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 .swiper-slide .text p:first-child{margin-bottom:10px;font-size:large;}
	.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 .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;}
}
.footer{margin-top:0;}
.indext1{margin-bottom:3%;}
.indext1 h3{margin:0;font-size:30px;text-align:center;}
.indext1 h3, .indext1 h3 a{color:#333;}
@media(max-width:1399px){
	.indext1 h3{font-size:28px;}
}
@media(max-width:1199px){
	.indext1 h3{font-size:24px;}
}
@media(max-width:767px){
	.indext1{margin-bottom:4%;}
	.indext1 h3{font-size:22px;}
}
@media(max-width:575px){
	.indext1{margin-bottom:5%;}
	.indext1 h3{font-size:20px;}
}

.indexdiy{padding-top:4%;padding-bottom:4%;}
.indexdiy1{background-color:#fcfcfc;}
@media(max-width:767px){
	.indexdiy{padding-top:5%;padding-bottom:5%;}
}
@media(max-width:575px){
	.indexdiy{padding-top:6%;padding-bottom:6%;}
}
@media(max-width:479px){
	.indexdiy{padding-top:7%;padding-bottom:7%;}
}

.index1a{float:left;width:870px;}
.index1a1{font-size:29px;font-weight:normal;}
.index1a2{margin:20px 0 25px;}
.index1a2 li{}
.index1a2 li:first-child{margin-left:0;}
.index1a3{position:relative;padding-top:25px;font-size:large;line-height:2;text-align:justify;}
.index1a3:before{content:"";display:block;position:absolute;top:0;left:0;width:2.5em;border-top:2px solid #0d499a;}
.index1a3 p{text-indent:2em;}
.index1b{float:right;width:485px;font-size:large;}
.index1b1{margin:0 -8px 16px;}
.index1b1 li{float:left;padding:0 8px;width:50%;}
.index1b1 a{position:relative;padding-left:40px;line-height:88px;color:#fff;border-radius:16px;transition:ease .5s;}
.index1b1 a:before{content:"";display:block;position:absolute;right:35px;top:50%;margin-top:-2px;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);transition:ease .5s;}
.index1b1 a:after{content:"";display:block;position:absolute;right:30px;top:50%;margin-top:-6px;border:1px solid #fff;width:13px;height:13px;border-radius:50%;transition:ease .5s;}
.index1b1 i{display:inline-table;font-size: 34px; vertical-align:middle;width:36px;height:36px;transition:ease .5s;}
.index1b1 a:hover{padding-left:35px;}
.index1b1 a:hover:before{right:30px;}
.index1b1 a:hover:after{right:25px;}
.index1b1 a:hover i{transform:rotateY(180deg);}
.index1b1 .gz{background-color:#23b151;}
.index1b1 .gz:hover{background-color:#093;}
.index1b1 .gz em{background-image:url(../images/default/icon_guanzhong.png);}
.index1b1 .zs{background-color:#fe924c;}
.index1b1 .zs:hover{background-color:#e60;}
.index1b1 .zs em{background-image:url(../images/default/icon_zhanshang.png);}
.index1b2{background-color:#0d499a;border-radius:16px;overflow:hidden;}
.index1b2 li{float:left;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2);width:25%;}
.index1b2 a{padding:28% 0;color:#fff;text-align:center;transition:ease .5s;}
.index1b2 a:hover{background-color:#f8db13;}
.index1b2 i{display:block;margin:0 auto 15px;font-size:24px;transition:ease .5s;}
.index1b2 a:hover i{transform:rotateY(180deg);}
.index1c{clear:both;padding-top:3%;width:100%;}
.index1c li{position:relative;float:left;width:26.5%;text-align:center;cursor:default;}
.index1c li:first-child{width:23%;}
.index1c li:nth-child(2){width:24%;}
.index1c li:nth-child(n+2):before{content:"";display:block;position:absolute;top:50%;left:0;margin-top:-32px;height:64px;border-left:1px solid rgba(0,0,0,.08);}
.index1c li div{font-size:48px;}
.index1c li span{font-size:20px;opacity:.6;transition:ease .5s;}
.index1c li:hover span{opacity:1;}
@media(max-width:1599px){
	.index1a{width:810px;}
	.index1a1{font-size:27px;}
	.index1a2 li{margin-left:44px;}
	.index1b{width:480px;}
}
@media(max-width:1399px){
	.index1a{width:660px;}
	.index1a1{font-size:22px;}
	.index1a2{margin-bottom:20px;}
	.index1a2 li{float:none;margin-left:0;}
	.index1a3{padding-top:0;font-size:medium;}
	.index1a3:before{display:none;}
	.index1b{width:420px;font-size:medium;}
	.index1b1 a{padding-left:30px;}
	.index1b1 a em{margin-right:10px;}
	.index1b1 a:hover{padding-left:25px;}
}
@media(max-width:1199px){
	.index1a{float:none;margin-bottom:2%;width:100%;}
	.index1a1{font-size:26px;}
	.index1b{float:none;width:100%;}
	.index1b1 a{padding-left:0;text-align:center;line-height:66px;}
	.index1b1 a em{width:28px;height:28px;}
	.index1b1 a:hover{padding-left:5px;}
	.index1a2 li{float:left;margin-left:30px;}
	.index1b2 li{width:12.5%;}
	.index1b2 a{padding:20% 0;}
	.index1c li div{font-size:42px;}
	.index1c li span{font-size:large;}
}
@media(max-width:991px){
	.index1a1{font-size:24px;}
	.index1a2 li{margin-left:10px;}
	.index1c li div{font-size:36px;}
	.index1c li span{font-size:medium;}
}
@media(max-width:767px){
	.index1a1{font-size:20px;}
	.index1a2 li{float:none;margin-left:0;}
	.index1a3{line-height:1.8;}
	.index1b2{font-size:14px;}
	.index1b2{font-size:medium;}
	.index1b2 li{width:25%;}
}
@media(max-width:575px){
	.index1a1{font-size:large;}
	.index1a2{margin:10px 0;}
	.index1b2 em{margin-bottom:10px;}
	.index1b1 a{line-height:56px;}
	.index1b1 a:before, .index1b1 a:after{display:none;}
	.index1b1 a em{width:24px;height:24px;}
	.index1c li{padding:5% 0;width:50% !important;}
	.index1c li:before{display:none !important;}
	.index1c li:nth-child(even){border-left:1px solid rgba(0,0,0,.08);}
	.index1c li:nth-child(n+3){border-top:1px solid rgba(0,0,0,.08);}
	.index1c li div{font-size:32px;}
}

.index2a{margin:0 -5px;}
.index2a li{float:left;padding:5px;width:25%;}
.index2a li:nth-child(9){display:none;}
.index2a a{position:relative;border-radius:6px;}
.index2a div{position:absolute;right:0;bottom:0;left:0;font-size:large;line-height:2.5;text-align:center;color:#fff;background-color:rgba(0,0,0,.3);transition:ease .5s;}
.index2a a:hover div{background-color:rgba(0,0,0,.5);}
@media(max-width:1399px){
	.index2a div{font-size:medium;}
}
@media(max-width:1199px){
	.index2a li{width:33.333333%;}
	.index2a li:nth-child(9){display:block;}
	.index2a a{border-radius:4px;}
}
@media(max-width:599px){
	.index2a li{width:50%;}
	.index2a li:nth-child(9){display:none;}
}

.index3{overflow:hidden;}
.index3box{margin:0 -25px;}
.index3box>div{float:left;padding:0 25px;width:50%;}
.index3a1, .index3a2, .index3b1{font-size:large;}
.index3 .indext1 h3{float:left;}
.index3 .indext1 a{display:block;float:right;margin-top:10px;color:#888;}
.index3 .indext1{margin-bottom:6%;}
.index3a1 a{position:relative;height:360px;}
.index3a1 img{transform:translateY(-50px);}
.index3a1 a div{position:absolute;right:0;bottom:0;left:0;padding:10px 100px 10px 10px;color:#fff;background-color:rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:ease .5s;}
.index3a1 a:hover div{background-color:rgba(0,0,0,.5);}
.index3a1 .swiper-pagination{right:8px;left:auto;width:auto;}
.index3a1 .swiper-pagination-bullet{margin:0 2px !important;width:10px;height:10px;background-color:#fff;}
.index3a2{margin-top:20px;}
.index3a2 li{padding:8px 0;}
.index3b1{margin:0 -10px;}
.index3b1 li{float:left;padding:0 10px;width:50%;text-align:center;}
.index3b1 li:nth-child(n+3){padding-top:20px;}
.index3b1 em{position:relative;margin-bottom:10px;}
.index3b1 em:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
@media(max-width:1599px){
	.index3a1 a{height:320px;}
}
@media(max-width:1399px){
	.index3a1 a{height:260px;}
	.index3a1, .index3a2, .index3b1{font-size:medium;}
}
@media(max-width:1199px){
	.index3a1 a{height:190px;}
	.index3 .indext1 a{margin-top:6px;}
}
@media(max-width:991px){
	.index3 .indext1{margin-bottom:3%;}
	.index3box>div{float:none;width:100%;max-width:700px;}
	.index3a1 a{height:366px;}
	.index3b{margin-top:3%;}
}
@media(max-width:767px){
	.index3 .indext1{margin-bottom:4%;}
	.index3 .indext1 a{margin-top:5px;}
	.index3a1 a{height:auto;}
	.index3a1 a img{transform:translateY(0);}
	.index3a2{margin-top:15px;}
	.index3b{margin-top:4%;}
}
@media(max-width:575px){
	.index3 .indext1{margin-bottom:5%;}
	.index3a2{margin-top:10px;}
	.index3b{margin-top:5%;}
	.index3b1 em:after{background-size: 48px auto;}
}

.index4 .indext2{text-align:center;}
.index4 .indext2 h3{display:inline-block;padding-bottom:15px;border-bottom:2px solid #fff;}
.index4 .indext2 h3:nth-child(n+2){margin-left:2em;}
.index4 .indext2 h3.on{border-bottom:2px solid #0d499a;}
.index4 .indext2 h3.on a{color:#0d499a;}
.index4 .swiper-container{padding-bottom:50px;}
.index4 .swiper-wrapper{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.index4 .swiper-pagination{bottom:0;}
.index4 .swiper-pagination-bullet{width:12px;height:12px;}
.index4 .swiper-pagination-bullet-active{background-color:#000;}
.index4 .swiper-slide{padding:15px;border:1px solid #eee;}
.index4 .swiper-slide a{position:relative;padding-top:40%;}
.index4 .swiper-slide img{display:block;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
@media(max-width:575px){
	.index4 .indext2 h3{padding-bottom:10px;}
	.index4 .swiper-container{padding-bottom:35px;}
	.index4 .swiper-slide{padding:10px;}
	.index4 .swiper-pagination-bullet{width:10px;height:10px;}
}