


.index_con1 a span{display: block;}
.index_con1 a span img{width: 100%;}
.qinchu{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;}
.qinchu h1{font-size: 69px;color: white;font-weight: bold;letter-spacing: 5px;transform: translateX(250px);opacity: 0;transition: 0.8s ease-in 0.5s;}
.qinchu p{background: #eac906;display: inline-block;font-size: 26px;font-weight: bold;color: #3e3e3e;text-transform: uppercase;padding: 5px 17px;border-radius: 10px;
margin-top: 10px;transform: translateX(-250px);opacity: 0;transition: 0.8s ease-in 0.5s;}
.index_con1 .swiper-pagination{bottom:50px}
.index_con1 .swiper-pagination span{background: transparent;border: 1px solid white;opacity:1;}
.index_con1 .swiper-pagination .swiper-pagination-bullet-active{background: white;}
.index_con1 .swiper-slide-active h1,.index_con1 .swiper-slide-active p{transform: translateX(0);opacity: 1;}



.con2_zong{font-size: 0;position: relative;}
.con2_left{display: inline-block;vertical-align: top;width: 60%;box-sizing: border-box;padding-right: 70px;}
.title h1{font-size: 35px;font-weight: bold;color: #21499b;}
.title span{display: block;font-size: 30px;font-family: pingfang;text-transform: uppercase;color: #807D7D;margin-top: 10px;letter-spacing: 2px;}
.index_con2{background: #F6F6F6;padding-top: 85px;}
.con2_left_span{display: block;position: relative;margin-top: 25px;}
.con2_left_span font{display: inline-block;padding: 5px 15px;font-size: 16px;color: #333;font-weight: bold;background: #eac906;border-radius: 5px;position: relative;z-index: 2;}
.con2_left_span:before{content: '';display: block;width: 1500px;position: absolute;right: 0;top: 50%;height: 1px;background: #dfdfdf;}
.con2_left p{font-size: 14px;color: #5b5b5b;letter-spacing: 3px;line-height: 25px;margin-top: 65px;}
.more{display: block;width: 130px;text-align: center;line-height: 31px;height: 31px;border: 1px solid #a2a2a2;font-size: 14px;color: #a2a2a2;
border-radius: 50px;position: relative;z-index: 2;overflow: hidden;margin-top: 115px;}
.more:after{content: '';display: block;width: 0%;position: absolute;top: 0;left: 0;height: 100%;background: #21499b;z-index: -1;transition: 0.3s ease-in-out;}
.more:hover {color: white;}
.more:hover:after{width: 100%;}
.con2_right{display: inline-block;vertical-align: top;width: 40%;position: relative;z-index: 2;}
.con2_right img{width: 100%;min-height: 550px;}
.con2_lsd{position: absolute;bottom:0;width: 2500px;background: #5067aa;left: 0;padding: 40px 50px;box-sizing: border-box;}
.con2_lsd h1{font-size: 27px;color: white;letter-spacing: 4px;position: relative;display: inline-block;}
.con2_lsd span{font-family: pingfang;font-size: 12px;color: rgba(250,250,250,.8);text-transform: uppercase;letter-spacing: 1px;margin-top: 10px;display: block;}
.con2_lsd h1 img{position: absolute;right: -200px;bottom: -2px;}



.index_con3,.index_con4,.index_con6{padding: 85px 0;}
.index_con3 .title{display: inline-block;background: white;position: relative;z-index: 2;}
.index_con3 .title:after{content: '';display: inline-block;position: absolute;bottom: 16px;width: 2500px;left: 0;height: 1px;background: #dfdfdf;}
.index_con3 .title span{position: relative;z-index: 22;background: white;padding-right: 10px;}

.con3_swiper .swiper-pagination{display: none;}
.con3_swiper_div{text-align: center;padding: 20px 0 15px;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;transition: 0.3s ease-in-out;cursor: pointer;}
.con3_swiper_div h1{font-size: 18px;color: #999999;transition: 0.3s ease-in-out;}
.con3_swiper_div p{font-size: 12px;color: #999999;margin-top: 5px;margin-bottom: 10px;transition: 0.3s ease-in-out;}
.con3_swiper_div img{opacity: 0;transition: 0.3s ease-in-out;}
.con3_swiper_div:hover h1,.con3_swiper_div:hover p,.con3_swiper_div.active h1,.con3_swiper_div.active p{color: #3e5d9d;}
.con3_swiper_div:hover,.con3_swiper_div.active{border-bottom: 2px solid #3e5d9d;}
.con3_swiper_div:hover img,.con3_swiper_div.active img{opacity: 1;}
.con3_swiper{position: relative;}
.con3_swiper .swiper-button-next,.con3_swiper .swiper-button-prev{background-color: #21499b;background-size: 14px;display: none;}
.con3_swiper .swiper-button-next{right: -40px;}
.con3_swiper .swiper-button-prev{left: -40px;}
.index_con3_u1{margin: 33px 0 40px;}
.index_con3_u1 li{font-size: 0;background: url(../images/dx_03.png) no-repeat right top;background-position-y: 20px;display: none;}
.index_con3_u1_left{display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;position: relative;}
.index_con3_u1_left:after{content: '';display: inline-block;vertical-align: top;width: 100%;height: 1px;background:#e0e0e0;position: absolute;bottom: 0;right: -108%;}
.index_con3_u1_right{display: inline-block;vertical-align: top;width:48%;box-sizing: border-box;padding-right:13%;position: relative;}
.index_con3_u1_left img{width: 100%;}
.index_con3_u1_right h1{font-size: 24px;color: #3e5d9d;margin-top: 20px;}
.index_con3_u1_right span{font-size: 20px;color:#3e5d9d ;margin-top: 5px;display: block;}
.index_con3_u1_right p{font-size: 16px;line-height: 30px;color: #666666;margin: 25px 0 75px;}
.index_con3_u1_right a:hover img{transform: translateX(15px);}
.index_con3_u1_right a img{transition: 0.3s ease-in-out;}
.index_con4{padding: 85px 0 95px;}





.index_con4{background: #f7f7f7;}
.index_con4 .title{display:inline-block;}
.index_con4 .title span{color: #999;}
.index_con4_u1{font-size: 0;display: inline-block;float: right;margin-top: 50px;}
.index_con4_u1 li{display: inline-block;vertical-align:top;width: 120px;text-align: center;}
.index_con4_u1 li {color: #2d2d2d;font-size: 18px;cursor: pointer;}
.index_con4_u1 li.active,.index_con4_u1 li:hover{color: #3e5d9d;}
.index_con4_u2 li{font-size: 0;}
.index_con4_u2 li .index_con4_u2_div{display: inline-block;vertical-align: top;width: 24%;margin-right: 1.3%;background: white;box-sizing: border-box;padding: 40px;
transition: 0.3s ease-in;}
.index_con4_u2 li{display: none;}
.index_con4_u2 li .index_con4_u2_div:nth-child(4n){margin-right: 0;}
.index_con4_u2_div h1{font-size: 36px;color: #2d2d2d;font-family: pingfang;}
.index_con4_u2_div h1 time{display: inline-block;font-size: 18px;font-family: pingfang;color: #b5b5b5;}
.index_con4_u2_div span{display: block;overflow: hidden;margin-top: 15px;padding-top:20px;border-top: 1px solid #e0e0e0;}
.index_con4_u2_div span img{transition: 0.3s ease-in-out;width: 100%;}
.index_con4_u2_div p{margin-top: 20px;color: #666666;font-size: 14px;line-height: 20px;min-height: 40px;
text-overflow:ellipsis-lastline;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.index_con4_u2_div p:before{content: '';display: inline-block;vertical-align: middle;width:0px;height: 1px;background:#666;transition: 0.3s ease-in-out;}
.index_con4_u2_div:hover p:before{width: 25px;margin-right: 10px;}
.index_con4_u2_div:hover{box-shadow: 0 0 10px 5px rgba(0,0,0,.1);transform: translateY(-10px);}
.index_con4_u2_div:hover span img{transform: scale(1.05);}
.index_con4_u2{margin-top: 45px;}


.index_con5{background: #f7f7f7;padding: 60px 0;position: relative;}
.index_con5:after{content: '';display: block;width: calc(10% + 335px);height: 100%;position: absolute;top: 0;left: 0;background: #526baa;}
.index_con5:before{content: '';display: block;width: calc(50% + 335px);height: 100%;position: absolute;top: 0;right:10%;background: #fff;}
.index_con5 .divBox{font-size: 0;}
.con5_left{display: inline-block;vertical-align: middle;width: 335px;position: relative;z-index: 2;}
.con5_right{width: calc(100% - 335px);display: inline-block;vertical-align: middle;box-sizing: border-box;padding-left: 10%;position: relative;}
.con5_right .more{margin-top: 15px;display: inline-block;margin-right: 30px;}
.con5_right .title h1{color: #526baa;font-weight: initial;}
.con5_right .title span{font-size: 12px;color: #9d9d9d;}
.con5_right img{position: absolute;right:50px;bottom: -60px;}


.con5_left .title h1{color: white;}
.con5_left .title span{color: rgba(250,250,250,.5);font-family: '微软雅黑';font-size: 18px;text-transform: initial;}
.index_con6_ins{font-size: 0;}
.index_con6_ins li{display: inline-block;vertical-align: top;width: 15%;text-align: center;margin-right: 0.9%;width: 13.5%;padding: 29px 0;transition: 0.3s ease-in-out;}
.index_con6_ins li:last-child{margin-right: 0;}
.index_con6_ins li span{line-height: 80px;}
.index_con6_ins li p{font-size: 14px;color: #959595;margin-top: 30px;}
.index_con6_ins li img{ 
	transition: 0.3s ease-in-out;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: 0.5;
}
.index_con6{background: #f7f7f7;}
.index_con6_ins li:hover{background: white;box-shadow: 0 0 8px 5px rgba(0,0,0,.1);}
.index_con6 h1{font-size: 36px;color: #4d4d4d;text-align: center;}
.index_con6 h1:after{content: '';display: block;width: 65px;height: 2px;background: #526baa;margin: 15px auto 30px;}
.index_con6_ins li:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    opacity: 1;
}
.index_con6 .more{background:url(../images/a1_03.png) no-repeat center center;border-color: #c7cee1;height: 40px;margin: 40px auto 0;}
.index_con6 .more:hover{background:url(../images/a2_03.png) no-repeat center center #526baa;}
.index_con6 .more:after{display: none;}


.soweurss{display: block;}
.title h1,.title span,.con2_left_span font,.con2_left p,.con2_left .soweurss,.con2_lsd h1,.con2_lsd span,.index_con4_u2,.index_con6 h1,.index_con6_ins
{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out 0.4s;}
.title span{transition: 0.8s ease-out 0.6s;}
.con2_left_span font,.index_con6_ins{transition: 0.8s ease-out 0.8s;}
.con2_left p{transition: 0.8s ease-out 1s;}
.con2_left .soweurss,.index_con4_u2,.con5_right .title h1{transition: 0.8s ease-out 1.2s;}
.con2_lsd h1,.con5_right .title span{transition: 0.8s ease-out 1.4s;}
.con2_lsd span{transition: 0.8s ease-out 1.6s;}
.con2_zong.active .title h1,.con2_zong.active .title span,.con2_zong.active .con2_left_span font,.con2_zong.active .con2_left p,.con2_zong.active .con2_left .soweurss
,.con2_zong.active .con2_lsd h1,.con2_zong.active .con2_lsd span,.index_con3.active .title h1,.index_con3.active .title span
,.index_con4.active .title h1,.index_con4.active .title span,.index_con4.active .index_con4_u2,.index_con5.active .title h1,.index_con5.active .title span,
.index_con6.active h1,.index_con6.active .index_con6_ins
{transform: translateY(0);opacity: 1;}
.con2_right img,.index_con4_u1{transform: translateX(200px);opacity: 0;transition: 0.8s ease-out 0.8s;}
.con2_zong.active .con2_right img,.index_con3.active .index_con3_u1_left img,.index_con4.active .index_con4_u1{transform: translateX(0px);opacity:1;}

.index_con3_u1_right h1,.index_con3_u1_right span,.index_con3_u1_right p,.index_con3_u1_right a{display:block;transform: translateY(200px);opacity: 0;transition: 0.8s ease-out 0.6s;}
.index_con3_u1_right span{transition: 0.8s ease-out 0.8s;}
.index_con3_u1_right p{transition: 0.8s ease-out 1s;}
.index_con3_u1_right a{transition: 0.8s ease-out 1.2s;}
.index_con3.active .index_con3_u1_right h1,.index_con3.active .index_con3_u1_right span,.index_con3.active .index_con3_u1_right p,
.index_con3.active .index_con3_u1_right a,.index_con3.active .swiper-slide{transform: translateY(0px);opacity:1;}
.index_con3_u1_left img{transform: translateX(-200px);opacity: 0;transition: 0.8s ease-out 0.8s;}



.index_con3 .swiper-slide{transform: translateY(200px);opacity: 0;transition: 0.8s ease-out 1.4s;}
.index_con3 .swiper-slide:nth-child(2){transition: 0.8s ease-out 1.6s;}
.index_con3 .swiper-slide:nth-child(3){transition: 0.8s ease-out 1.8s;}
.index_con3 .swiper-slide:nth-child(4){transition: 0.8s ease-out 2s;}
.index_con3 .swiper-slide:nth-child(5){transition: 0.8s ease-out 2.2s;}
.index_con3 .swiper-slide:nth-child(6){transition: 0.8s ease-out 2.4s;}
.index_con3 .swiper-slide:nth-child(7){transition: 0.8s ease-out 2.6s;}
.index_con3 .swiper-slide:nth-child(8){transition: 0.8s ease-out 2.8s;}
.index_con4.active{}





@media only screen and (max-width:1800px) {
	.index_con2{padding-top: 75px;}
	.index_con3,.index_con4,.index_con6{padding: 75px 0;}
	.title h1,.index_con6 h1{font-size: 32px;}
	.title span{font-size: 28px;}
	.con2_left_span font{font-size: 15px;}
	.con2_left p{margin-top: 40px;}
	.more{margin-top: 70px;}
	.qinchu h1{font-size: 50px;}
	.qinchu p{font-size: 20px;}
	.con2_lsd{padding: 30px;}
	.con2_lsd h1{font-size: 25px;letter-spacing:2px}
	.con2_lsd span{letter-spacing: 0;}
	
}
@media only screen and (max-width:1660px) {
	.con3_swiper .swiper-button-next,.con3_swiper .swiper-button-prev{display: block;}
}
@media only screen and (max-width:1600px) {
	.con2_lsd h1 img{right: -120px;width: 70px;}
	.index_con3_u1_right p{margin: 25px 0;}
	.index_con3_u1_right{padding-right: 5%;}
	.index_con5{padding: 40px 0;}
	.con5_right img{bottom: -40px;width: 250px;}
	.index_con4_u2 li .index_con4_u2_div{padding: 25px;}
	.index_con4_u2_div h1{font-size: 30px;}
}


@media only screen and (max-width:1440px) {
	.index_con2{padding-top: 55px;}
	.index_con3,.index_con4,.index_con6{padding: 55px 0;}
	.title h1,.index_con6 h1{font-size: 30px;}
	.title span{font-size: 25px;}
	.con2_left_span font{font-size: 14px;}
	.con2_left p{margin-top: 35px;}
	.more{margin-top: 40px;}
	.con2_lsd h1 img{right: -100px;width: 65px;}
	.con2_lsd h1{font-size: 24px;letter-spacing:0px}
	.index_con5:before{right: 7.5%;}
}