﻿

.banner_list h1,.banner_list span{

	transition: all 1.5s cubic-bezier(.35,.75,.55,1) .5s;

	-webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .5s;

	-moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) .5s;

}

.index_title h2:after,.index_title img,.con3_top,.con3_bottom,.index_con4 ul li img,.con5_span1:after,.con5_span1,.index_con6_right ul li img,

.con6_list1,.con4_rights,.index_con5_right ul li time:before,.more img{

	transition: all 0.8s cubic-bezier(.35,.75,.55,1);

	-webkit-transition: all 0.8s cubic-bezier(.35,.75,.55,1);

	-moz-transition: all 0.8s cubic-bezier(.35,.75,.55,1);

}







.index_con2 ul li,.index_con3_left,.index_con3_right,.con3_right_u1 li,.con3_top span,.con3_bottom a,.index_con4_left,.index_con4_right

,.index_con4 ul li,.index_con5_right,.index_con5_left,.index_con5_right ul li,.index_con6_right,.index_con6_left,.index_con6_right ul li{display: inline-block;}

.index_con1{position: relative;}

.index_con2 ul li,.con3_right_u1 li,.con3_top,.index_con3_left,.index_con4_left,.index_con4_right

,.index_con5_left,.index_con5_right,.index_con5_right ul li,.index_con6_left,.index_con6_right,.index_con6_right ul li{box-sizing: border-box;}

.index_con2 ul,.index_con3,.con3_right_u1,.index_con4,.index_con4 ul,.index_con5,.index_con5_right ul,.index_con6,.index_con6_right ul{font-size: 0;}





.index_con1 .swiper-slide img{width:100%;}

.index_con1 .swiper-pagination {text-align: left;box-sizing: border-box;padding-left: 60px;bottom:70px}

.index_con1 .swiper-pagination-bullet{width:100px;height:5px;background:white;border-radius: 0;opacity: 1;}

.index_con1 .swiper-pagination-bullet-active{background: #005096;}

.index_con1 .swiper-slide-active .banner_list h1,.index_con1 .swiper-slide-active .banner_list span{transform: translateX(0px);opacity:1;}

.banner_list{position:absolute;}

.banner_list{top:55%;transform:translateY(-50%);text-align:center;width:100%;}

.banner_list h1{font-size:36px;color:white;transform: translateX(200px);opacity: 0;}

.banner_list span{font-size: 30px;color:#e1e8e0;text-transform: uppercase;margin-top: 25px;letter-spacing: 6px;display: inline-block;transform: translateX(-200px);opacity: 0;}











.index_con2 ul li{width:25%;vertical-align:top;padding: 47px 0 40px;padding-left: 50px;}

.index_con2 ul li:nth-child(1){background: #5dbfd4;border-top: 10px solid #7dccdd;}

.index_con2 ul li:nth-child(2){background: #1b2855;border-top: 10px solid #495377;}

.index_con2 ul li:nth-child(3){background: #00a0e9;border-top: 10px solid #33b3ed;}

.index_con2 ul li:nth-child(4){background: #005096;border-top: 10px solid #3373ab;}

.index_con2 .index_title{height:65px;}

.index_title h2{font-size: 18px;color: white;margin-bottom:10px;}

.index_title h2:after{content: '';display: inline-block;vertical-align: middle;width: 64px;height: 1px;background: white;margin-left: 15px;}

.index_title img{max-width: 90%;}

.index_title:hover h2:after,.index_con3_left:hover .index_title h2:after,.index_con4_left:hover .index_title h2:after

,.index_con5_left:hover .index_title h2:after,.index_con6_left:hover .index_title h2:after{transform:translateX(30px);opacity: 0;}

.index_title:hover img,.index_con3_left:hover .index_title img,.index_con4_left:hover .index_title img

,.index_con5_left:hover .index_title img,.index_con6_left:hover .index_title img{transform:translateX(10px)}







.index_con3,.index_con4,.index_con5,.index_con6{background: #005096;overflow: hidden;margin-top: 30px;}

.index_con3_left,.index_con4_left,.index_con5_left,.index_con6_left{vertical-align: middle;width:17%;}

.index_con3_right,.index_con4_right,.index_con5_right,.index_con6_right{vertical-align: middle;width:83%;}

.index_con3_right>span{display:block;}

.index_con3_right>span img{width:100%;height: auto;display: block;}

.con3_right_u1 {height: 210px;}

.con3_right_u1 li{width:16.66%;background: #efefef;text-align: center;}



.con3_top{padding-top: 40px;height: 210px;background: #efefef;}

.con3_top span{width: 85px;height:85px;}

.con3_top p{font-size: 18px;color: #969696;}

.con3_top font{display: block;font-size: 14px;color: #969696;margin-top: 5px;box-sizing: border-box;padding: 0 5px;}

.con3_bottom{padding: 25px 0;text-align: center;background: #1b2855;font-size: 14px;color: white;}

.con3_bottom a{vertical-align: middle;font-size: 14px;color: white;}

.con3_right_u1 li:nth-child(even){background: #e2e2e2;}

.con3_right_u1 li:nth-child(even) .con3_top{background: #e2e2e2;}

.con3_right_u1 li:nth-child(1) .con3_top span{background: url(../images/a1.png) no-repeat center center;}

.con3_right_u1 li:nth-child(1):hover span{background: url(../images/a2.png) no-repeat center center;}

.con3_right_u1 li:nth-child(2) .con3_top span{background: url(../images/b1.png) no-repeat center center;}

.con3_right_u1 li:nth-child(2):hover span{background: url(../images/b2.png) no-repeat center center;}

.con3_right_u1 li:nth-child(3) .con3_top span{background: url(../images/c1.png) no-repeat center center;}

.con3_right_u1 li:nth-child(3):hover span{background: url(../images/c2.png) no-repeat center center;}

.con3_right_u1 li:nth-child(4) .con3_top span{background: url(../images/d1.png) no-repeat center center;}

.con3_right_u1 li:nth-child(4):hover span{background: url(../images/d2.png) no-repeat center center;}

.con3_right_u1 li:nth-child(5) .con3_top span{background: url(../images/e1.png) no-repeat center center;}

.con3_right_u1 li:nth-child(5):hover span{background: url(../images/e2.png) no-repeat center center;}

.con3_right_u1 li:nth-child(6) .con3_top span{background: url(../images/f1.png) no-repeat center center;}

.con3_right_u1 li:nth-child(6):hover span{background: url(../images/f2.png) no-repeat center center;}

.con3_right_u1 li:hover .con3_top{transform: translateY(-70px);background: #005096;padding-top: 20px;height: auto;padding-bottom: 40px;}

.con3_right_u1 li:hover .con3_bottom{transform: translateY(-70px);}

.con3_right_u1 li:hover font,.con3_right_u1 li:hover p{color: white;}

.more{display: block;width: 150px;height: 34px;text-align: center;line-height:34px;text-align: center;border: 1px solid #80a8cb;color: rgba(250,250,250,.7);margin-top: 78%;}

.more img{margin-left: 10px;}











.index_con4{background: #5dbed3;}

.index_con4 .more,.index_con5 .more{margin-top: 30%;border-color: #aedfe9;}

.index_con4 ul{font-size: 0;}

.index_con4 ul li{width:33.333333%;background: #1d8fa8;}

.index_con4 ul li span{display: block;overflow: hidden;}

.index_con4 ul li img{width: 100%;}

.index_con4 ul li:hover img{transform: scale(1.1);}

.index_con4 ul li:hover .con4_rights{background: #5dbed3;}

.con4_rights{text-align: center;padding: 35px 0 20px;}

.con4_rights h3{font-size: 18px;color: white;}

.con4_rights p{font-size: 14px;color: white;margin-top: 5px;}



.index_con5{background: white;}

.index_con5_right ul li{width:33.333333%;padding: 5% 0 6%;padding-right: 5%;}

.index_con5_right ul li time{display: block;font-size: 18px;color: #333;}

.index_con5_right ul li time:before{content:'';display: inline-block;vertical-align: middle;width: 0px;height: 1px;background: #333;margin-right: 10px;margin-top: -2px;}

.index_con5_right ul li h3{font-size: 18px;color: #333;margin: 15px 0 18px;}

.index_con5_right ul li p{font-size: 14px;color: gray;line-height: 25px;}

.con5_span1{z-index:1;position:relative;overflow:hidden;display: block;width: 150px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #a4a9aa;color: #686f72;font-size: 14px;margin-top: 60px;}

.con5_span1:after{content:'';display: block;width:0%;height: 100%;background: #019fda;z-index: -1;top: 0;left: 0;position: absolute;}

.index_con5_right ul li:hover .con5_span1:after{width: 100%;}

.index_con5_right ul li:hover .con5_span1{color: white;border-radius: 5px;}

.index_con5_right ul li:hover time:before{width: 35px;}

.index_con5 .index_title h2{color: #019fda;}

.index_con5 .index_title h2:after{background: #019fda;}

.index_con5 .more{color: #019fda;}







.index_con6{background: #00a0e9;}

.index_con6 .more{margin-top: 18%; font-size:16px;}

.index_con6_right ul li{position: relative;overflow: hidden;}

.index_con6_right ul li img{ height:200px;}

.index_con6_right ul li:hover img{transform: scale(1.1);}

.con6_list1{position: absolute;bottom:0;left:0;width:100%;text-align: center;padding: 25px 0 15px;}

.index_con6_right ul li .con6_list1{background: rgba(0,84,129,.7);}

.index_con6_right ul li:hover .con6_list1{background: rgba(0,160,233,.8);}

.con6_list1 h3{font-size: 18px;color: white;}

.con6_list1 p{font-size: 14px;color: white;margin-top: 5px;}

.index_con6 .more{color: #019fda;border-color:#80d0f4;color: white;}

.more:hover{box-shadow: 0 0 5px 0 white;}

.more:hover img{transform: translateX(10px);}





.index_con2.active ul li,.index_con3.active .con3_right_u1 li,.index_con4.active  ul li,.index_con5.active .index_con5_right ul li

,.index_con6.active .index_con6_right ul li{transform: translateY(0px);opacity:1;}







.index_con2 ul li,.con3_right_u1 li,.index_con4 ul li,.index_con5_right ul li,.index_con6_right ul li{

	transition: all 1.5s cubic-bezier(.35,.75,.55,1);

	-webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1);

	-moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1);

}

.index_con2 ul li:nth-child(2),.con3_right_u1 li:nth-child(2),.index_con4 ul li:nth-child(2),.index_con5_right ul li:nth-child(2),.index_con6_right ul li:nth-child(2){

	transition: all 1.5s cubic-bezier(.35,.75,.55,1) 0.3s;

	-webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) 0.3s;

	-moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) 0.3s;

}

.index_con2 ul li:nth-child(3),.con3_right_u1 li:nth-child(3),.index_con4 ul li:nth-child(3),.index_con5_right ul li:nth-child(3),.index_con6_right ul li:nth-child(3){

	transition: all 1.5s cubic-bezier(.35,.75,.55,1) 0.6s;

	-webkit-transition: all 1.5s cubic-bezier(.35,.75,.55,1) 0.6s;

	-moz-transition: all 1.5s cubic-bezier(.35,.75,.55,1) 0.6s;

}

