@charset "utf-8";

/*.index-banner .swiper-slide:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#063980;content:"";opacity:.5;-webkit-opacity:.5;filter:alpha(opacity=50);}*/
.index-banner .swiper-slide .text{position:absolute;top:60%;left:50%;width:1370px;font-size:38px;font-weight:bold;opacity:0;-webkit-opacity:0; transform:translate(-50%);-webkit-transform:translate(-50%);transition:ease .5s;-webkit-transition:ease 1s;}
.index-banner .swiper-slide .text a{display:block;margin-top:1em;width:8em;font-size:14px;line-height:3em;color:#fff;text-align:center;font-weight:normal;background-color:#3641ff; transition:ease .5s;}
.index-banner .swiper-slide .text a:hover{color:#3641ff;background-color:#fff;}
.index-banner .swiper-slide.swiper-slide-active .text{top:36%;opacity:1;-webkit-opacity:1;}
.index-banner .swiper-pagination{left:50%;bottom:20px;width:1370px;text-align:left; transform:translate(-50%);-webkit-transform:translate(-50%);}
.index-banner .swiper-pagination-bullet{width:2%;height:2px;background:#fff;overflow:hidden; border-radius:0; transition:ease .5s;}
.index-banner .swiper-pagination-bullet-active{width:4%;background:#cc4d56;}
@media(max-width:1399px){
	.index-banner .swiper-slide .text,
	.index-banner .swiper-pagination{width:1170px;}
	.index-banner .swiper-slide.swiper-slide-active .text{top:45%;}
}
@media(max-width:1199px){
	.index-banner .swiper-slide .text,
	.index-banner .swiper-pagination{width:970px;}
}
@media(max-width:992px){
	.index-banner .swiper-slide .text,
	.index-banner .swiper-pagination{width:750px;}
}
@media(max-width:767px){
	.index-banner .swiper-slide .text{top:70%;font-size:large;}
	.index-banner .swiper-slide.swiper-slide-active .text{top:50%; opacity:.8;-webkit-opacity:.8;}
	.index-banner .swiper-slide .text,
	.index-banner .swiper-pagination{padding:0 1em;width:100%;}
	.index-banner .swiper-slide .text a{display:none;}
	.index-banner .swiper-pagination-bullet{width:4%;}
	.index-banner .swiper-pagination-bullet-active{width:8%;}
}
@media(max-width:375px){
	.index-banner .swiper-slide .text{font-size:medium;font-weight:normal;}
}

.indext{position:relative;padding-top:15px;padding-bottom:30px;}
.indext:before{display:block;position:absolute;top:0;left:0;width:1em;height:2px;font-size:36px;background-color:#000;overflow:hidden;content:"";}
.indext a{display:block;float:left;color:#333;}
.indext h1{margin:0 10px 0 0;}
.indext span{margin-top:12px;border:1px solid #fff;padding:0 6px;line-height:24px;font-size:12px;color:#fff;background-color:#084892; transition:ease .5s;}
.indext a:hover span{background-color:#e00;}
@media(max-width:1399px){
	.indext:before,.indext h1{font-size:32px;}
	.indext span{margin-top:6px;}
}
@media(max-width:991px){
	.indext:before,.indext h1{font-size:28px;}
	.indext span{margin-top:2px;}
}
@media(max-width:767px){
	.indext{padding-top:20px;padding-bottom:20px;}
	.indext:before,.indext h1{font-size:24px;}
	.indext span{margin-top:0;}
}

.section{margin-top:80px;}
@media(max-width:767px){
	.section{margin-top:50px;}
}

.sectiona .indext ul{float:right;}
.sectiona .indext li{float:left;margin-left:8px;}
.sectiona .indext li:first-child{margin-left:0;}
.sectiona .indext li a{display:block;padding:0 10px;font-size:medium;line-height:2;color:#fff;background-color:#bbb; transition:ease .5s;-webkit-transition:ease .5s;}
.sectiona .indext li.on a{background-color:#084892;}
.sectiona1{float:left;width:520px;}
.sectiona1 a{display:block;position:relative;}
.sectiona1 a div{position:absolute;right:0;bottom:0;left:0;height:42px;background-color:#084892;background-color:rgba(8,72,146,.6);}
.sectiona1 a span{margin:0 85px 0 10px;line-height:42px;color:#fff;}
.sectiona1 .swiper-pagination{text-align:right;}
.sectiona1 .swiper-pagination .swiper-pagination-bullet{margin:0 3px !important;width:10px;height:10px;background-color:#084892;opacity:1;}
.sectiona1 .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;}
.sectiona2{float:right;width:720px;overflow:hidden;}
.sectiona2 .box ul{float:left;min-height:100px;}
.sectiona2 li{margin-top:28px;}
.sectiona2 li:first-child{margin-top:0;}
.sectiona2 a{display:block;color:#666;}
.sectiona2 a em{float:left;margin-right:15px;border-right:1px solid #ccc;padding:12px 15px 10px 0;width:65px;font-size:12px;line-height:1;font-style:normal;}
.sectiona2 a em span{display:block;font-size:30px;float:left;}
.sectiona2 a div h3{margin:0;padding:8px 0;font-size:18px;line-height:24px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sectiona2 a div p{margin:0;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sectiona2 a:hover{color:#084892;}
@media(max-width:1399px){
	.sectiona1{width:460px;}
	.sectiona2{width:620px;}
	.sectiona2 li{margin-top:16px;}
}
@media(max-width:1199px){
	.sectiona1{width:390px;}
	.sectiona2{width:520px;}
	.sectiona2 li{margin-top:12px;}
	.sectiona2 a em{padding-top:7px;padding-bottom:7px;}
	.sectiona2 a div h3{padding:4px 0;}
}
@media(max-width:991px){
	.sectiona1{width:100%;max-width:520px;}
	.sectiona2{float:none;padding-top:20px;width:100%;}
}
@media(max-width:767px){
	.sectiona .indext ul{clear:both;padding-top:20px;width:100%;}
	.sectiona2 li{border-top:1px dashed #ccc;padding-top:15px;}
	.sectiona2 a:first-child{border-top:0;padding-top:0;}
	.sectiona2 a div h3{overflow:auto;white-space:normal;}
	.sectiona2 a div p{height:auto;}
}
@media(max-width:399px){
	.sectiona .indext li{margin-left:6px;}
	.sectiona .indext li a{padding:0 8px;}
}
@media(max-width:369px){
	.sectiona .indext li{margin-left:5px;}
	.sectiona .indext li a{padding:0 6px;}
}

.sectionb1{margin-top:40px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sectionb1 .bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sectionb1 a{display:block;position:relative;height:100%;color:#fff;font-size:24px;overflow:hidden;}
.sectionb1 a img{transition:ease .5s;-webkit-transition:ease .5s;}
.sectionb1 a em{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#23559f; opacity:.6;-webkit-opacity:.6;}
.sectionb1 a div{position:absolute;top:10%;right:2em;left:2em;bottom:100%;overflow:hidden;transition:ease .5s;}
.sectionb1 a div p{font-size:14px;line-height:2.5;}
.sectionb1 a:hover div{bottom:40%;}
.sectionb1 a strong{display:block;position:absolute;right:2em;top:70%;left:2em;}
.sectionb1 a i{display:block;position:absolute;top:90%;right:2em;left:2em;height:10px;background:url(../images/icon02.png) no-repeat; transition:ease .5s;}
.sectionb1 a:hover i{background-position-x:center;}
.sectionb1 .swiper-slide{width:20%;}
.sectionb1.on a em:before{display:block;position:absolute;top:0;bottom:0;left:0;border-left:1px solid #698bbd;content:"";}
.sectionb1.on a img{opacity:0;-webkit-opacity:0;}
@media(max-width:1399px){
	.sectionb1 .swiper-slide{width:25%;}
	.sectionb1 a{font-size:20px;}
}
@media(max-width:1199px){
	.sectionb1 .swiper-slide{width:28%;}
}
@media(max-width:991px){
	.sectionb1 .swiper-slide{width:30%;}
	.sectionb1 a{font-size:large;}
	.sectionb1 a div p{line-height:2;}
	.sectionb1 a strong{font-weight:normal;}
	.sectionb1 a div, .sectionb1 a strong, .sectionb1 a i{right:1.5em;left:1.5em;}
}
@media(max-width:767px){
	.sectionb1 .swiper-slide{width:45%;}
}
@media(max-width:599px){
	.sectionb1 .swiper-slide{width:48%;}
}
@media(max-width:479px){
	.sectionb1 .swiper-slide{width:70%;}
	.sectionb1 a div, .sectionb1 a strong, .sectionb1 a i{right:1em;left:1em;}
}

.sectionb{position:relative;padding:60px 0 80px;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;}
.sectionb:before{position:absolute;display:block;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);content:"";}
.sectionb .indext2 a{color:#fff;}
.sectionb .list{margin-top:50px;}
.sectionb .list a{display:block;position:relative;float:left;width:20%;height:400px;color:#fff; background-position:center center;background-repeat:no-repeat; overflow:hidden; transition:ease .5s;-webkit-transition:ease .5s;}
.sectionb .list a:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#074f91;content:"";opacity:.4;-webkit-opacity:.4;filter:alpha(opacity=40); transition:ease .5s;-webkit-transition:ease .5s;}
.sectionb .list .div1{position:absolute;top:0;right:0;bottom:0;left:0;padding:260px 10px 20px;text-align:center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.sectionb .list .div1:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.2);content:"";}
.sectionb .list .div1 em{position:relative;display:block;margin-bottom:25px;padding-bottom:10px;font-style:normal;font-weight:bold;font-size:24px;line-height:1; transform: scale(1,1.5);opacity:.7;-webkit-opacity:.7;}
.sectionb .list .div1 em:after{position:absolute;display:block;bottom:0;left:50%;margin-left:-.5em;width:1em;height:1px;background-color:rgba(255,255,255,.7);content:"";}
.sectionb .list .div1 strong{position:relative;display:block;font-size:20px;font-weight:normal;}
/*
.sectionb .list .div1 em{display:none;margin:0 auto;width:70px;height:70px;background:url(../images/icons02.png) no-repeat;}
.sectionb .list .div1 .em2{background-position:0 -70px;}
.sectionb .list .div1 .em3{background-position:0 -140px;}
.sectionb .list .div1 .em4{background-position:0 -210px;}
*/
.sectionb .list .div2{position:absolute;bottom:0;left:0;padding:20px 60px 20px 30px;background-color:#e70; opacity:0;-webkit-opacity:0;filter:alpha(opacity=0;);transition:ease .5s;-webkit-transition:ease .5s;}
.sectionb .list .div2:before{display:block;position:absolute;top:50%;right:25px;margin-top:-8px;line-height:1;content:"\e258";font-family:"Glyphicons Halflings";}
.sectionb .list .div2 strong{display:block;font-size:x-large;}
.sectionb .list .div2 span{font-size:12px;text-transform:uppercase;}
@media(min-width:992px){
	.sectionb .list.on a{width:15%;}
	.sectionb .list a.on{width:40%;}
	.sectionb .list a.on:before{opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);}
	.sectionb .list a.on .div1{opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);}
	.sectionb .list a.on .div2{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);}
}
@media(max-width:767px){
	.sectionb .list a{width:50%;height:200px;background-size:auto 100%;}
	.sectionb .list a:nth-child(5){transform:translateX(50%);}
	.sectionb .list .div1{padding:60px 0 0;background:none !important;}
	.sectionb .list .div1 strong{font-size:large;}
	.sectionb .list .div2{display:none;}
/*	.sectionb .list .div1 em{margin-top:-10px;transform:scale(.6);-webkit-transform:scale(.6);}*/
}
@media(max-width:575px){
	.sectionb .list a{height:150px;}
}
@media(max-width:539px){
	.sectionb .list a{height:120px;}
	.sectionb .list .div1{padding:20px 0 0;}
	.sectionb .list .div1 em{margin-bottom:20px;padding-bottom:8px;font-size:20px;}
	.sectionb .list .div1 strong{font-size:medium;}
}



.indext2{font-size:36px;text-align:center;}
.indext2 a{display:inline-block;position:relative;padding-bottom:10px;font-weight:bold;color:#333}
.indext2 a:after{display:block;position:absolute;bottom:0;left:50%;margin-left:-.5em;width:1em;border-bottom:1px solid;content:"";}
@media(max-width:1399px){
	.indext2{font-size:32px;}
}
@media(max-width:991px){
	.indext2{font-size:28px;}
}
@media(max-width:767px){
	.indext2{font-size:24px;}
}

.sectionc0{float:left;background-color:#000;}
.sectionc0 video{display:block;width:650px;height:366px;}
@media(max-width:1399px){
	.sectionc0 video{width:600px;height:357px;}
}
@media(max-width:1199px){
	.sectionc0 video{width:500px;height:323px;}
}
@media(max-width:991px){
	.sectionc0{float:left;margin-bottom:25px;width:100%;}
	.sectionc0 video{width:100%;height:auto;}
}
.sectionc1{float:left;width:600px;}
.sectionc1 a{display:block;}
.sectionc1 em{display:block;overflow:hidden;}
.sectionc1 p{margin:15px 0 0;height:84px;line-height:28px;font-size:medium;color:#111;overflow:hidden;}
.sectionc2{float:right;width:600px;}
.sectionc2 a{display:block;margin-top:16px;padding:15px 30px;color:#23549f;background-color:#f6f6f6; transition:ease .5s;-webkit-transition:ease .5s;}
.sectionc2 a:first-child{margin-top:0 !important;}
.sectionc2 em{display:block;float:left;margin-right:30px;width:72px;height:72px; background:url(../images/icon01.png) no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.sectionc2 .em2{background-position:-72px 0;}
.sectionc2 .em3{background-position:-144px 0;}
.sectionc2 h3{margin:0 0 7px;font-size:24px;}
.sectionc2 p{margin:0;height:48px;line-height:24px;overflow:hidden;}
.sectionc2 a.on{color:#fff;background-color:#23549f;}
.sectionc2 a.on .em1{background-position:0 -72px;}
.sectionc2 a.on .em2{background-position:-72px -72px;}
.sectionc2 a.on .em3{background-position:-144px -72px;}
@media(max-width:1399px){
	.sectionc2{width:500px;}
}
@media(max-width:1199px){
	.sectionc1{width:500px;}
	.sectionc2{width:420px;}
	.sectionc2 a{margin-top:10px;padding:12px;}
	.sectionc2 h3{font-size:20px;}
	.sectionc2 em{margin-right:12px;}
}
@media(max-width:991px){
	.sectionc1{float:none;width:100%;max-width:600px;}
	.sectionc1 p{height:72px;line-height:24px;font-size:14px;}
	.sectionc2{float:none;margin-top:20px;width:100%;max-width:600px;}
}
