@charset "utf-8";

.swiper-container{width:100%;max-width:1920px;}
.index0{position:absolute;z-index:1;top:300px;width:180px;}
.index0.fixed{position:fixed;top:0;}
.djs{padding:5px 0;color:#fff;background-color:#033077}
.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;}
.index0>a{display:block;margin-top:10px;font-size:medium;line-height:30px;transition:ease .5s;-webkit-transition:ease .5s;}
.index0>a>i{margin-top:1px;}
.index0>a.btn-danger{background-color:#fc4718;}
.index0>a.btn-success{background-color:#4f9a0b;}


@media(min-width:1660px){
	.index0{left:50%;margin-left:600px;}
}
@media(max-width:1659px){
	.index0{top:260px;right:55px;}
}
@media(max-width:1199px){
	.index0{top:220px;}
}

.index1 .t{margin:40px 0 30px;font-size:24px;font-weight:bold;}
.index1 .text{font-size:medium;line-height:28px;}
@media(max-width:767px){
	.index1 .t{margin:30px 0 20px;}
	.index1 .img{padding-top:0;padding-bottom:15px;}
	.index1 .img img{max-width:80%;}
}

.index2{margin-top:40px;padding:50px 0 60px;color:#fff;background-color:#08367c;}
.index2 .item{float:left;width:25%;text-align:center;}
.index2 em{display:block;margin:0 auto;width:60px;height:60px;background:url(../images/icons.png) no-repeat; transition:ease .5s;-webkit-transition:ease .5s;}
.index2 .item:hover em{transform:rotateY(180deg); /*transform:perspective(1000px) rotateY(180deg);*/}
.index2 .item2 em{background-position:-60px 0;}
.index2 .item2 em{background-position:-120px 0;}
.index2 .item3 em{background-position:-180px 0;}
.index2 .item5 em{background-position:-240px 0;}
.index2 .item div{padding:15px 0;font-size:30px;}
@media(min-width:1200px){
	.index2 .container{padding:0 40px;}
}
@media(max-width:676px){
	.index2 .item{margin-bottom:25px;width:50%;}
	.index2 .item div{padding:0;font-size:24px;}
	.index2 .item5{margin-bottom:0;width:100%;}
}

.index3{position:relative;height:660px;}
.index3 .img{position:absolute;top:0;right:0;bottom:0;left:0;}
.index3 .img:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.3;-webkit-opacity:.3;filter:alpha(opacity=30);}
.index3 .img div{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:auto 100%; opacity:0;-webkit-opacity:0;filter:alpha(opacity=0); transition:ease .5s;-webkit-transition:ease .5s;}
.index3 .img div.on{opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);}
.index3 .container{position:relative;height:100%;}
.index3a{float:left;padding-top:120px;width:38%;color:#fff;}
.index3a .t span{font-size:30px;font-weight:bold;}
.index3a .t p{font-size:24px;font-weight:bold;line-height:1.1;}
.index3a .box{margin-top:60px;height:56px;font-size:large;line-height:56px;overflow:hidden;}
.index3a .box div{transition:ease .5s;-webkit-transition:ease .5s;}
.index3a .box a{display:block;float:left;margin-right:4%;margin-bottom:10px;width:46%;color:#fff;text-align:center;border-radius:28px;background-color:#fc4718;}
.index3a .box a:nth-child(2n+1){background-color:#08367c;}
.index3b{position:relative;float:right;width:55%;height:100%;}
.index3b:before{position:absolute;display:block;top:0;right:0;bottom:0;left:0;background-color:#000;content:""; opacity:.2;-webkit-opacity:.2;filter:alpha(opacity=20);}
.index3b .mask{position:absolute;top:0;right:0;left:0;height:25%;background-color:#fff;opacity:.6;-webkit-opacity:.6;filter:alpha(opacity=60); transition:ease .5s;-webkit-transition:ease .5s;}
.index3b .item{position:relative;display:block;padding:25px 0 0 45px;height:25%;text-decoration:none;}
.index3b .item:after{display:block;position:absolute;top:50%;right:30px;margin-top:-22px;width:43px;height:43px;background-color:#fff;border-radius:50%;overflow:hidden;content:"+";font-size:x-large;font-weight:200;line-height:43px;color:#4a6ca0;text-align:center;}
.index3b .item em{display:block;float:left;margin-right:40px;width:116px;height:116px;overflow:hidden;}
.index3b .item em img{width:100%;height:100%;}
.index3b .item div{float:left;width:340px;}
.index3b .item h3{margin:0 0 10px;font-size:x-large;font-weight:bold;color:#fff; transition:ease .5s;-webkit-transition:ease .5s; transform:translateY(40px);-webkit-transform:translateY(40px);}
.index3b .item p{margin:0;height:80px;font-size:medium;line-height:1.25;color:#000;overflow:hidden; transition:ease .5s;-webkit-transition:ease .5s; transform:scale(1,0);-webkit-transform:scale(1,0);}
.index3b .item.on h3{color:#08377d;transform:translateY(0);-webkit-transform:translateY(0);}
.index3b .item.on p{transform:scale(1);-webkit-transform:scale(1);}
@media(max-width:1199px){
	.index3b .item{padding:25px 0 0 35px;}
	.index3b .item em{margin-right:35px;}
	.index3b .item div{width:250px;}
	.index3b .item h3{font-size:20px;}
	.index3b .item p{height:84px;font-size:14px;}
}
@media(max-width:991px){
	.index3{height:720px;}
	.index3a{float:none;padding-top:30px;width:100%;}
	.index3a .box{margin-top:20px;height:46px;line-height:46px;}
	.index3b{float:none;margin-top:30px;width:100%;height:510px;}
	.index3b .item{padding:25px 0 0 45px;}
	.index3b .item em{width:96px;height:96px;}
	.index3b .item div{width:430px;}
	.index3b .item p{height:72px;}
}
@media(max-width:767px){
	.index3a .t span{font-size:x-large;}
	.index3a .t p{margin-bottom:0;font-size:large;}
	.index3b .item{padding:15px 20px 0;}
	.index3b .item em, .index3b .item:after{display:none;}
	.index3b .item div{float:none;width:100%;}
}

.index4{margin-top:40px;margin-bottom:40px;}
.index4a{float:right;width:45%;}
.index4a:first-child{float:left;}
.index4a .t div{float:left;font-size:28px;line-height:30px;font-weight:bold;}
.index4a .t a{display:block;float:right;line-height:30px;color:#333;}
.index4a p{margin:20px 0 18px;}
.index4a li{margin-top:12px;}
.index4a li:after{display:block;clear:both;content:"";}
.index4a li a{position:relative;float:left;padding-left:26px;max-width:100%;font-size:medium;line-height:28px;color:#555;text-decoration:none;}
.index4a li a:hover{color:#d00;}
.index4a 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:">";}
.index4a li a:hover:before{background-color:#d00;}
.index4a li.new a{padding-right:50px;}
.index4a 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;}
.index4a .more{display:block;float:left;margin-top:25px;padding:15px 30px;color:#fff;background-color:#08367c;}
@media(max-width:1199px){
	.index4a{width:48%;}
}
@media(max-width:767px){
	.index4a{float:none;width:100%;max-width:550px;}
	.index4a:first-child{margin-bottom:40px;}
}

.index5{padding:60px 0;background-color:#eee;}
.index5 .container{padding-right:8px;padding-left:8px;}
.index5 .t{padding-bottom:25px;font-size:28px;line-height:1;font-weight:bold;}
.index5 .t a{display:block;float:left;margin-right:15px;padding-left:15px;border-left:2px solid #ccc;color:#666;text-decoration:none;}
.index5 .t a:first-child{border-left:0;padding-left:7px;}
.index5 .t a.on{color:#333;}
.index5a .box{width:200%;transition:ease .5s;-webkit-transition:ease .5s;}
.index5a{height:402px;overflow:hidden;}
.index5a ul{float:left;width:50%;}
.index5a li{float:left;padding:7px;width:20%;}
.index5a li a{padding:20px;height:120px;font-size:0;line-height:80px;text-align:center;background-color:#fff;}
.index5a li img{max-width:100%;max-height:100%;vertical-align:middle;}
@media(max-width:1199px){
	.index5a{height:342px;}
	.index5a li a{padding:15px;height:100px;line-height:70px;}
}
@media(max-width:991px){
	.index5a li{width:25%;}
}
@media(max-width:767px){
	.index5a{height:300px;overflow:auto;}
	.index5a .box{width:100%;}
	.index5a ul{width:100%;}
	.index5a li{width:33.333333%;}
}
@media(max-width:599px){
	.index5a{height:300px;}
	.index5a li{width:50%;}
	.index5a li a{padding:10px;height:90px;}
}

