@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 .swiper-slide .text-container{display:block;position:absolute;z-index:1;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 .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 .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:575px){
	.index-banner .swiper-slide.swiper-slide-active .text{top:60%;}
	.index-banner .swiper-slide .text p:first-child{margin-bottom:10px;font-size:large;}
	.banner-box .swiper-pagination{bottom:5px;}
}
@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{position:relative;font-size:28px;}
.indext,.indext a{color:#000;}
.indext a:hover,.indext a.on{color:#003b78;}
.indext1{padding-bottom:16px;}
.indext1:after{content:"";display:block;position:absolute;bottom:0;left:50%;margin-left:-0.8em;border-bottom:1px solid;width:1.6em;}
@media(max-width:575px){
	.indext{font-size:24px;}
}

.index1{margin:60px 0;overflow:hidden;}
.index1a{margin-top:40px;}
.index1a li{float:left;padding:0 50px;border-left:1px dotted #d3d3d3;width:50%;}
.index1a li:first-child{padding-left:51px;border-left:0;}
.index1a em{display:block;margin:0 auto;border:3px solid #eee;width:150px;height:150px;background-position:center center;background-repeat:no-repeat;background-size:contain;overflow:hidden;border-radius:50%;transition:ease .5s;}
.index1a h3{margin:25px 0 15px;font-size:large;color:#000;text-align:center;}
.index1a p{margin:0;line-height:2;text-align:center;color:#888;overflow:hidden;}
.index1a li>a:hover em{transform:rotateY(180deg);border-color:#024891;}
.index1a li>a:hover h3{color:#003b78;}
.index1a li div a{display:block;text-align:center;line-height:2;color:#888;}
.index1a li div a:hover{color:#003b78;}
@media(max-width:1199px){
	.index1a li{padding:0 30px;}
	.index1a li:first-child{padding-left:31px;}
	.index1a p{height:4.8em;-webkit-line-clamp:3;}
}
@media(max-width:767px){
	.index1a li{padding-bottom:20px;}
	.index1a li:nth-child(3){padding-left:31px;border-left:0;}
	.index1a li:nth-child(n+3){padding-top:23px;padding-bottom:0;border-top:1px dotted #d3d3d3;}
}
@media(max-width:575px){
	.index1{margin:30px 0;}
	.index1a li{width:100%;}
	.index1a li+li{padding-top:20px;border-top:1px dotted rgba(0,0,0,.25);border-left:0;}
}
@media(max-width:479px){
	.index1>div{padding:0;}
	.index1a li{padding-right:15px;padding-left:15px;}
	.index1a li:first-child,.index1a li:nth-child(3){padding-left:16px;}
	.index1a h3{margin-top:20px;}
}

.index2,.index2 a, .index2 .indext{color:#fff;}
.index2{padding:90px 0;background-size:cover;}
.index2a{float:left;padding-top:30px;width:580px;}
.index2a1{margin-bottom:20px;}
.index2a1:after{left:0;margin-left:0.1em;}
.index2a2{margin-bottom:15px;line-height:1.8;}
.index2a2 p{text-indent:2em;}
.index2a3{display:inline-block;padding:0 40px;border:1px solid #fff;border-color:rgba(255,255,255,.5);line-height:40px;background-color:#024891;border-radius:20px;transition:ease .5s;}
.index2a3:hover{border-color:#024891;color:#003b78;background-color:#fff;}
.index2b{float:right;}
.index2b a{position:relative;}
.index2b a.video{cursor:pointer;}
.index2b a.video:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/default/video_play4.png) center center no-repeat;transition:ease .5s;}
.index2b a.video:hover:after{background-color:rgba(0,0,0,.3);}
@media(max-width:1199px){
	.index2{padding:60px 0;}
	.index2a{padding-top:0;width:480px;}
	.index2b{width:420px;}
}
@media(max-width:991px){
	.index2a,.index2b{width:100%;}
	.index2a{margin-bottom:30px;}
}
@media(max-width:575px){
	.index2b a:after{background-size:60px auto;}
}

.index3{padding-top:60px;padding-bottom:80px;}
.index3a{position:relative;margin:30px 0 40px;text-align:center;}
.index3a:before{content:"";display:block;position:absolute;z-index:-1;right:0;bottom:50%;left:0;border-top:1px solid #aaa;}
.index3a a{display:inline-block;margin:0 10px;padding:0 30px;border:1px solid #aaa;font-size:medium;color:#000;line-height:40px;background-color:#fff;border-radius:20px;transition:ease .5s;}
.index3a a.on{border-color:#024891;color:#fff;background-color:#024891;}
.index3b1{float:left;width:400px;}
.index3b1 .item a{position:relative;}
.index3b1 .item div{position:absolute;right:0;bottom:0;left:0;padding:0 40px 0 10px;line-height:36px;background-color:rgba(0,0,0,.6);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index3b1 .item div:after{content:"";display:block;position:absolute;right:22px;top:50%;width:9px;height:9px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg) translateY(-60%);}
.index3b2{float:right;width:750px;overflow:hidden;}
.index3b2 ul{min-height:100px;display:none;}
.index3b2 li{margin-top:20px;padding-top:20px;border-top:1px dashed #ccc;}
.index3b2 li:first-child{margin-top:0;padding-top:0;border-top-width:0;}
.index3b2 a{display:block;color:#666;}
.index3b2 a em{display:block;float:left;margin-right:15px;border-right:1px solid #ccc;padding:6px 15px 6px 0;font-size:14px;line-height:1;font-style:normal;text-align:right;}
.index3b2 a em span{display:block;font-size:36px;}
.index3b2 a div h3{margin:0;padding:8px 0;font-size:16px;line-height:24px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index3b2 a div p{margin:0;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index3b2 a div span{display:none;}
.index3b2 a:hover{color:#084892;}
@media(max-width:1249px){
	.index3b2{width:680px;}
}
@media(max-width:1199px){
	.index3b1{width:380px;}
	.index3b2{width:520px;}
	.index3b2 li{margin-top:17px;padding-top:18px;}
	.index3b2 a em{padding-top:7px;padding-bottom:7px;}
	.index3b2 a div h3{padding:8px 0;}
}
@media(max-width:991px){
	.index3b1{width:100%;max-width:400px;}
	.index3b2{float:none;padding-top:20px;width:100%;}
}
@media(max-width:767px){
	.index3{padding-top:40px;padding-bottom:60px;}
	.index3b2 li{border-top:1px dashed #ccc;padding-top:15px;}
	.index3b2 li:first-child{padding-top:15px;border-top-width:1px;}
	.index3b2 a:first-child{border-top:0;padding-top:0;}
	.index3b2 a div h3{padding:0 0 5px;overflow:auto;white-space:normal;}
	.index3b2 a div p{display:none;}
	.index3b2 a div span{display:block;}
}

.index4a{text-align:center;}
.index4a a{color:#666;}
.index4a em{font-style:normal;}
.index4b{position:relative;margin:40px 0 60px;}
.index4b .row{margin-right:-7px;margin-left:-7px;}
.index4b1 .swiper-slide{padding:0 7px;width:25%;}
.index4b1 em{position:relative;display:block;padding-top:100%;overflow:hidden;background-color:#eee;transition:ease .5s;}
.index4b1 a:hover em{background-color:#ddd;}
.index4b1 img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);transition:ease .5s;}
.index4b1 a:hover img{transform:scale(1.06) translate(-47%,-47%);}
.index4b1 span{display:block;padding:0 10px;font-size:medium;line-height:60px;text-align:center;color:#333;background-color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:ease .5s;}
.index4b1 a:hover span{color:#fff;background-color:#024891;}
.index4b .mybtn{transform:scale(.7);margin-top:-60px;}
.index4b .swiper-button-prev{margin-left:-10px;}
.index4b .swiper-button-next{margin-right:-10px;}
@media(max-width:991px){
	.index4b1 .swiper-slide{width:33.333333%;}
}
@media(max-width:575px){
	.index4b1 .swiper-slide{width:50%;}
	.index4b1 span{line-height:42px;}
	.index4b .mybtn{display:none !important;}
	.index4a em{display:none;}
	.index4a span{display:block;}
}

.index5{padding:80px 0;background-color:#f5f5f5;}
.index5b{margin:15px 0 40px;text-align:center;color:#888;}
.index5c a{display:block;position:relative;float:left;width:50%;overflow:hidden;}
.index5c div{position:absolute;top:0;right:0;bottom:0;left:0;padding:65px 0 0 50px;color:#fff;background-color:rgba(2,72,145,.2);transition:ease .5s;}
.index5c a:hover div{background-color:rgba(2,72,145,.5);}
.index5c p{margin-bottom:0;font-size:36px;font-weight:bold;text-transform:uppercase;}
.index5c h3{position:relative;margin:5px 0 0;display:inline-block;padding-right:15px;font-size:24px;transition:ease .5s;}
.index5c h3:after{content:"";display:block;position:absolute;top:50%;right:0;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg) translateY(-50%);transition:ease .5s;}
.index5c a:hover h3{padding-right:25px;}
.index5c a:hover h3:after{border-top-width:2px;border-right-width:2px;width:10px;height:10px;}
@media(max-width:1199px){
	.index5c div{padding-top:45px;}
}
@media(max-width:991px){
	.index5{padding:60px 0;}
	.index5c div{padding-top:25px;}
}
@media(max-width:767px){
	.index5{padding:50px 0;}
	.index5c div{padding-top:15px;}
	.index5c p{font-size:32px;}
	.index5c h3{margin-top:0;font-size:20px;}
}
@media(max-width:575px){
	.index5c a{float:none;width:100%;}
	.index5c div{padding-top:10%;}
}
@media(max-width:479px){
	.index5b{margin-bottom:25px;}
	.index5c p{font-size:28px;}
}
@media(max-width:410px){
	.index5 .index5a span{display:block;}
}