﻿
.IndexList{margin-left: 0%;width: 100%;margin-top: 100px;margin-bottom: 50px;}
.IndexList ul li{text-align: center;display: inline-block;vertical-align: top;width: 24.5%;border-right:1px solid lightgray}
.IndexList ul li:last-child{border: none;}
.IndexList ul li b{display: block;font-size: 46px;color: #0f6ab6;}
.IndexList ul li span{color: #0f6ab6;font-size: 16px;}
.IndexList ul li span:before{display: block;width: 30px;height: 2px;background: #0f6ab6;margin: 25px auto;content: '';}
.nub{ font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block; font-family: 'CalibreLight';color: #0f6ab6;}
.NumContent{ height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;color: #0f6ab6;}
.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;color: #0f6ab6;}
.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}
.NumContent>div:nth-child(1){
	transition: all 1.3s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all 1.3s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all 1.3s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(2){
	transition: all 1s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all 1s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all 1s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(3){
	transition: all .8s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(4){
	transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
}
.NumContent>div:nth-child(5){
	transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1) .2s;
}
/*公共时间*/
.con_list1 p,.con_list1 h3{
	-webkit-transition:1s ease-in-out 0.5s;
	-moz-transition:1s ease-in-out 0.5s;
	-ms-transition:1s ease-in-out 0.5s;
	-o-transition: 1s ease-in-out 0.5s;
	transition: 1s ease-in-out 0.5s;
}
.con_list1 h3:before{
	-webkit-transition: 0.4s ease-in-out 1s;
	-moz-transition: 0.4s ease-in-out 1s;
	-ms-transition: 0.4s ease-in-out 1s;
	-o-transition: 0.4s ease-in-out 1s;
	transition: 0.4s ease-in-out 1s;
}
.con2_list1 h4:after,.con2_list1 h4,.con3_list1 li dd,.con3_list1 li:after,.con4,.con4_ul li:last-child a:after{
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.con5_list3,.con5_list3 span,.con5_list3 p,.con5_list3 h3,.con8_list1 li,.con8_list1 li a>img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/*公共位移*/
.con_list1,.con3_list2{
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.con_list1 p{
	-webkit-transform: translateY(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	-o-transform: translateY(150px);
	transform: translateY(150px);
}
.con_list1 h3{
	-webkit-transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px);
	transform: translateX(150px);
}
.index_con1 .swiper-slide-active p{opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.index_con1 .swiper-slide-active h3{opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.con4_ul li:last-child a:after{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.con4_ul li:last-child:hover a:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.con8_list1 li:hover a>img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.con2_list1 li{opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-ms-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}
.con2_list1 li:nth-child(2){
	-webkit-transition: 0.8s ease-in-out .3s;
	-moz-transition: 0.8s ease-in-out .3s;
	-ms-transition: 0.8s ease-in-out .3s;
	-o-transition: 0.8s ease-in-out .3s;
	transition: 0.8s ease-in-out .3s;
}
.con2_list1 li:nth-child(3){
	-webkit-transition: 0.8s ease-in-out .6s;
	-moz-transition: 0.8s ease-in-out .6s;
	-ms-transition: 0.8s ease-in-out .6s;
	-o-transition: 0.8s ease-in-out .6s;
	transition: 0.8s ease-in-out .6s;
}
.con2_list1 li:nth-child(4){
	-webkit-transition: 0.8s ease-in-out .9s;
	-moz-transition: 0.8s ease-in-out .9s;
	-ms-transition: 0.8s ease-in-out .9s;
	-o-transition: 0.8s ease-in-out .9s;
	transition: 0.8s ease-in-out .9s;
}
.con2_list1.active  li{opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.con3_list1 li{opacity: 0;
	-webkit-transition: 0.8s ease-in-out 1s;
	-moz-transition: 0.8s ease-in-out 1s;
	-ms-transition: 0.8s ease-in-out 1s;
	-o-transition: 0.8s ease-in-out 1s;
	transition: 0.8s ease-in-out 1s;
}
.con3_list1 li:nth-child(3){
	-webkit-transition: 0.8s ease-in-out 1.3s;
	-moz-transition: 0.8s ease-in-out 1.3s;
	-ms-transition: 0.8s ease-in-out 1.3s;
	-o-transition: 0.8s ease-in-out 1.3s;
	transition: 0.8s ease-in-out 1.3s;
}
.con3_list1 li:nth-child(2){
	-webkit-transition: 0.8s ease-in-out 1.6s;
	-moz-transition: 0.8s ease-in-out 1.6s;
	-ms-transition: 0.8s ease-in-out 1.6s;
	-o-transition: 0.8s ease-in-out 1.6s;
	transition: 0.8s ease-in-out 1.6s;
}
.con3_list1 li:nth-child(1){
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	-o-transform: translateX(-200px);
	transform: translateX(-200px);
}
.con3_list1 li:nth-child(4){
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	-ms-transform: translateX(200px);
	-o-transform: translateX(200px);
	transform: translateX(200px);
}
.con3_list1 li:nth-child(2){
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
}
.con3_list1 li:nth-child(3){
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}
.con3_list1.active li{opacity: 1;
	transform: translate(0);
}
@keyframes run{
	0%{transform: translateY(-5px);opacity: 0;}
	50%{transform: translateY(5px);opacity: 1;}
	100%{transform: translateY(-5px);opacity: 0;}
}
@keyframes run1{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}
/*@keyframes run2{
	0%{transform:scaleX(1.1) scaleY(0.9);}
	50%{transform:scaleX(0.9) scaleY(1.1);}
	100%{transform:scaleX(1) scaleY(1);}
}*/
@keyframes run5{
	0%{transform:scaleX(1) scaleY(1);}
	50%{transform:scaleX(1.1) scaleY(1.1);}
	100%{transform:scaleX(1) scaleY(1);}
}
.con4_ul li:nth-child(2){transition: 1s ease 0.4s;}
.con4_ul li:nth-child(3){transition: 1s ease 0.8s;}
.con4_ul li:nth-child(4){transition: 1s ease 1.2s;}
.con4_ul li:nth-child(5){transition: 1s ease 1.6s;}
.con4_ul li:nth-child(6){transition: 1s ease 2s;}
.con4_ul.active li{transform: translateY(0);opacity: 1;}
.index_con1{position: relative;}
.index_con1 .swiper-slide img{width: 100%;}
.index_con1 .swiper-slide a{display: block;position: relative;}
.index_con1 .con_list1{position: absolute;width: 650px;box-sizing: border-box;padding: 80px 70px;background: rgba(48,152,207,.7);z-index: 110;top:64%;left: 13%;}
.index_con1 .swiper-slide-active .con_list1 h3:before{width: 60px;}
.index_con1 .swiper-slide-active img{animation:run5 13s linear;}
.con_list1 h3{font-size: 50px;color: white;opacity: 0;}
.con_list1 h3:before{content: '';display: block;width:0px;height: 5px;background: white;margin-bottom: 40px;}
.con_list1 p{font-size: 18px;color: white;line-height: 25px;margin-top: 50px;opacity: 0;}
.con1_list2{position: absolute;width: 100%;bottom: 40px;z-index: 12;text-align: center;animation: run 1.8s linear infinite;}
.con1_list2 img{cursor: pointer;}
.index_con2{width: 75%;margin: 0 auto;padding:50px 100px 15px 100px;}
.com{text-align: center;}
.com h1{font-size: 36px;color: #001a71;}
.com span{font-size: 14px;color: #a1a3ab;text-transform: uppercase;margin-top: 5px;}
.com span:after{content: '';display: block;width: 32px;height: 2px;background: #a1a3ab;margin:20px auto 0;}
.con2_list1{font-size: 0;margin-top: 110px;}
.con2_list1 li{display: inline-block;vertical-align: top;width: 25%;text-align: center;position: relative;}
.con2_list1 li:after{content: '';display: block;height: 80%;width:1px;background: lightgray;position: absolute;top:25px;right:0}
.con2_list1 li:last-child:after{display: none;}
.con2_list1 li:hover h4{margin-top: 10px;}
.con2_list1 li:hover h4:after{margin: 15px auto;} 
.con2_list1 h4{font-size: 46px;color: #001a71;}
.con2_list1 h4:after{content: '';display:block;width: 22px;height:2px;background: #26a7df;margin: 25px auto;}
.con2_list1 span{font-size: 16px;color: #001a71;}
.index_con3{width: 100%;position: relative;background: url(../images/ind_02.jpg) no-repeat;background-size:100% 100%;height: 720px;overflow: hidden;background-attachment: fixed;}
.index_con3 .com{position: absolute;width: 100%;top:10%;left: 0;z-index: 2;}
.index_con3 .com h1,.index_con3 .com span{color: white;}
.index_con3 .com span:after{background: white;}
.con3_list1{width: 75%;margin:0 auto;height: 100%;}
.con3_list1 ul{font-size: 0;width: 100%;height: 100%;}
.con3_list1 li{width: 25%;display: inline-block;background: transparent;box-sizing: border-box;height: 100%;vertical-align: top;position:relative;z-index: 1;}
.con3_list1 li a{display: block;height: 100%;}
.con3_list1 li:after{content: '';width: 100%;height: 100%;position: absolute;top:0;left:0;background: rgba(39,153,225,.6);z-index: -1;top:100%}
.con3_list2{position: absolute;text-align: center;display: inline-block;width: 100%;top:55%;text-align: center;}
.con3_list2 dl{display: inline-block;position: relative;}
.con3_list2 dd{width: 180px;height: 180px;background:transparent;border-radius: 50%;display: inline-block;text-align: center;line-height: 180px;}
.con3_list2 dt{width: 190px;height: 190px;border-radius: 50%;display: inline-block;position: absolute;border: 1px solid white;left: -6px;top:-6px}
.con3_list2 h5{font-size: 24px;color: white;margin-top: 40px;margin-bottom: 25px;padding: 0 10%;box-sizing: border-box;}
.con3_list2 p{font-size: 14px;color: white;padding: 0 10%;box-sizing: border-box;line-height: 25px;}
.con3_list1 li:hover .con3_list2 h5{animation: run2 1.2s ease-in;}
.con3_list1 li:hover dd{background: -webkit-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -moz-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -ms-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
}
.con3_list1 li:hover dt{border: 1px dashed white;animation: run1 12s linear infinite;}
.con3_list1 li:hover:after{top:0}
.index_con4{padding-top: 15px 70px 15px 70px;width: 75%;margin: 40px auto 0 auto;}
.con4_ul{margin-top: 50px;}
.con4_ul li{display: inline-block;width:32.5%;vertical-align: top;position: relative;margin-top: 5px;margin-left: 0.1%;overflow: hidden;}
.con4_ul li:nth-child(3n+1){margin-left:0;}
/* .con4_ul li:last-child .con4{display: none;}
.con4_ul li:last-child a:after{content: '';display: block;position: absolute;top:2.2%;left: 2.2%;width: 95%;height: 95%;box-sizing: border-box;border: 1px solid #26b5d8;}
 */
.con4_ul li a>img{width: 100%;}
.con4{position: absolute;width: 100%;height: 100%;/*background: rgba(17,112,182,.7);*/top:0;left: 0;text-align: center;z-index: 2;}
.con4 h5{margin-top: 17%;font-size: 30px;color: white;}
.con4 p{font-size: 24px;color: white;margin-top: 25px;margin-bottom: 30px;text-transform: uppercase;}
.con4:after{z-index:-1;content: '';display: block;position: absolute;width: 100%;height: 100%;top:0;left: -100%;background: rgba(217,34,25,.7);transition: 0.4s ease-in-out;}
.con4_ul li:hover .con4:after{left: 0;}
.index_con5{background: url("../images/index_bg.jpg") no-repeat;width: 100%;height:800px;background-size:cover;margin-top:50px;box-sizing: border-box;padding-top:50px;background-attachment: fixed;}
.index_con5 .com h1,.index_con5 .com span{color: white}
.con5_list1{width: 83%;margin:0 auto;position: relative;}
.con5_list2{width:86%;margin:40px auto 0;}
.con5_list2 img{width: 100%}
.con5_list3{width: 100%;box-sizing: border-box;padding: 25px;background: white;}
.con5_list3 h3{font-size: 18px;color: #444;}
.con5_list3 p{font-size: 14px;color: #b9b9b9;margin-top: 25px;}
.con5_list3 span{font-size: 12px;color: #777;text-transform: uppercase;display: inline-block;}
.con5_list2 .swiper-slide{overflow: hidden;}
.con5_list2 .swiper-slide:hover span,.con5_list2 .swiper-slide:hover p,.con5_list2 .swiper-slide:hover h3{color: white;}
.con5_list2 .swiper-slide:hover .con5_list3 span{transform: translateX(10px) translateY(10px);}
.con5_list2 .swiper-slide:hover .con5_list3{background: -webkit-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -moz-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
	background: -ms-gradient(linear,left top,right bottom,from(#0f6ab6),to(#1eedf9));
}
.con5_list1 .swiper-button-prev{width:40px;height:50px;background:none;font-size: 45px;color: #a0a7b1;font-weight: 100;}
.con5_list1 .swiper-button-next{width:40px;height:50px;background:none;font-size: 45px;color: #a0a7b1;font-weight: 100;}
.con5_list1 .swiper-button-prev:hover{color: #20a2d0;}
.con5_list1 .swiper-button-next:hover{color: #20a2d0;}
.index_con6{padding:50px 0;}
.index_con6 .swiper-slide{text-align: center;line-height: 70px; float: left; overflow: hidden; height: 70px;}
.index_con6 .swiper-slide img{width: auto;}
.index_con6 .swiper-slide:hover .con6_img1{display: none}
.index_con6 .swiper-slide:hover .con6_img2{display: inline-block;}
.con6_img2{display: none;}
.index_con7{width:100%;height: 645px;background: url("../images/indal_03.jpg") no-repeat;background-size: 100% 100%;box-sizing: border-box;padding-top:100px;}
.index_con7 .com h1,.index_con7 .com span{color: white;}
.index_con7 .com span:after{background: white}
.index_con7 .con5_list2{margin-top: 90px;}
.index_con8{padding-top: 80px;width: 75%;margin:0 auto;}
.con8_list1{font-size: 0;margin-top: 55px}
.con8_list1 li{display: inline-block;vertical-align: top;width: 25%;overflow: hidden;transform: translateY(200px);opacity: 0;}
.con8_list1 li:nth-of-type(even){transform: translateY(-200px);transition: 1s ease 0.2s;}
.con8_list1 li:nth-of-type(odd){transition: 1s ease;}
.con8_list1.active li{transform: translateY(0);opacity: 1;}
.con8_list1 li a>img{width: 100%}
.con8_list1 li:nth-child(odd){background: #1caec5;}
.con8_list1 li:nth-child(even){background: #24c2c8;}
.con8_list2{box-sizing: border-box;padding:14% 10%;height: 330px;}
.con8_list2 span{font-size: 24px;color: white;}
.con8_list2 span:before{content: '';display: inline-block;vertical-align: middle;height: 19px;width: 1px;margin:0 10px;background: white;}
.con8_list2 p{font-size: 16px;color: white;margin-top: 20px;line-height: 25px;}
.con8_list2 img{vertical-align: middle;margin-top: -5px}
.con8_list1 li:hover{background: #1173be}
.con8_list2 aside{height: 50px}
.ckqb{display: block;width: 250px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #666666;border: 1px solid lightgray;margin:70px auto;border-radius: 50px;}
.ckqb:hover{background: #1173be;color: white;/*animation: run3 1s ease-in;*/}
.index_con9{padding-top: 80px;border-top:1px solid lightgray;padding-bottom: 80px;}
.index_con9 .swiper-slide{text-align: center;}
.index_con9 .swiper-slide img{width: auto;}
.index_con9 .con5_list1{width: 75%}
.index_con9 .con5_list1 .swiper-button-prev,.index_con9 .con5_list1 .swiper-button-next{font-size: 30px;height: 35px;top: 60%}
.index_con7{height:auto;padding-bottom: 100px;}
.con5_list2 a{overflow: hidden;display: inline-block;}
.con5_list2 img{transition:0.3s ease-in-out;}
.con5_list2 img:hover{transform: scale(1.1);}
.con4{
	/*-webkit-transform: scaleX(0.8) scaleY(0);
	-moz-transform: scaleX(0.8) scaleY(0);
	-ms-transform: scaleX(0.8) scaleY(0);
	-o-transform: scaleX(0.8) scaleY(0);
	transform: scaleX(0.8) scaleY(0);*/
}
/*.con4_ul li:hover .con4{
	-webkit-transform: scaleX(1) scaleY(1);
	-moz-transform: scaleX(1) scaleY(1);
	-ms-transform: scaleX(1) scaleY(1);
	-o-transform: scaleX(1) scaleY(1);
	transform: scaleX(1) scaleY(1);
}*/
/*.con4 h5{transform: translateY(50px);opacity: 0;transition: 0.6s ease-in-out 0.5s;}
.con4 p{transform: translateY(50px);opacity: 0;transition: 0.6s ease-in-out 0.9s;}
*/
.con4_ul li{transform: translateY(200px);transition: 1.2s ease;opacity: 0;}
.con4 img{transform: translateY(100px);opacity: 0;transition: 0.4s ease-in-out 0.3s;}
.con4_ul li:hover .con4 h5,.con4_ul li:hover .con4 p,.con4_ul li:hover .con4 img{transform: translateY(0);opacity: 1;}