﻿





.banner img{width: 100%;}

.banner .swiper-pagination{bottom: 0;width:0%;height: 65px;line-height: 65px;color: white;font-size: 24px;font-family:"times new roman";overflow: hidden;

background: rgba(0,0,0,.2);text-align: right;box-sizing: border-box;padding-right: 210px;transition: 1s ease-out;}



.index_con1.active .swiper-pagination{width: 87.5%;}

.banner .swiper-button-next,.banner .swiper-button-prev{display: block;width: 45px;height: 45px;background-size: 12px;top: auto;left: auto;right: auto;

transition: 0.3s ease-in-out;}

.banner .swiper-button-next{right: 15%;bottom: 10px;}

.banner .swiper-button-next:hover{transform: translateX(6px);}

.banner .swiper-button-prev:hover{transform: translateX(-6px);}

.banner .swiper-button-prev:hover:after{transform: translateX(6px);}

.banner .swiper-button-prev{right:calc(15% + 47px);bottom: 10px;}

.banner .swiper-button-prev:after{content: '';display: block;position: absolute;right: -3px;border-right: 1px solid rgba(250,250,250,.5);height: 17px;top: 31%;

transition: 0.3s ease-in-out;}

.in_pin{position: absolute;bottom: 20px;z-index: 11;left: 12.5%;}

/*.banner .swiper-slide{opacity: 0;}

.banner .swiper-slide-active{opacity: 1;}*/

.banner .swiper-slide{overflow: hidden;}

.banner .swiper-slide-active img{animation:banrun 6s linear infinite;}

@keyframes banrun{

	0%{transform: scale(1)}

	50%{transform: scale(1.03)}

	100%{transform: scale(1)}

}

.index_con1_list{position: relative;}

.IndexList{width: 100%;position: absolute;bottom:105px;z-index: 2;}

.IndexList ul{font-size: 0;width: 75%;margin: 0 auto;}

.IndexList ul li{display: inline-block;vertical-align: top;width: 20%;text-align: center;}

.nub{ font-size: 48px; color: #000; line-height: 48px; height: 48px; display: inline-block; font-family: arial;color: white;}

.NumContent{ height: inherit; display: inherit; overflow: hidden; position: relative; line-height: inherit; font-size: inherit;}

.NumContent>div{line-height: inherit; color: inherit; font-size: inherit; display: inline-block;}

.NumContent>div>div{line-height: inherit; color: inherit; font-size: inherit;}

.NumContent>div:nth-child(1){

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

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

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

}

.NumContent>div:nth-child(2){

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

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

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

}

.NumContent>div:nth-child(3){

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

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

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

}

.NumContent>div:nth-child(4){

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

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

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

}

.NumContent>div:nth-child(5){

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

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

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

}



.pd{vertical-align: top;color: white;display: inline-block;margin-top: 2px;}

.IndexList ul li p{color: white;display: inline-block;min-width:140px;border-top: 1px solid rgba(250,250,250,.2);text-align: left;padding-top: 6px;margin-top: 0px;}

.IndexList ul li i{font-size:25px;color: white;display: inline-block;vertical-align: top;margin: 0 5px;transform: translateY(13px);}

.IndexList ul li:nth-child(1) b{margin-left: -26px;}

.IndexList ul li:nth-child(2) b{margin-left: -26px;}

.IndexList ul li:nth-child(4) b{margin-left: -74px;}

.IndexList ul li:nth-child(5) b{margin-left: -35px;}





.index_con2{background: #f6f6f6;padding: 70px 0;text-align: center;}

.title {text-align: center;}

.title h2 .title1{font-size: 30px;font-family: ziti;text-transform: uppercase;color: #000;letter-spacing: 2px;}

.title h2{font-size: 22px;color: #598db5;margin-top: 5px;}

.title h2:after{content: '';display: block;margin: 20px auto 0;width: 30px;height: 1px;background: #000;}

.index_con2 p{font-size: 14px;color: #333333;line-height: 28px;margin-top: 35px;}

.more {display: inline-block;font-size: 12px;color: #d1d1d1;font-family: arial;margin-top: 33px;}

.more span{display:block;width: 35px;height: 35px;border: 2px solid #d1d1d1;text-align: center;line-height: 35px;color: #d1d1d1;border-radius: 50%;

font-weight: bold;margin: 0 auto 10px;transition: 0.3s ease-in-out;}

.more font{transition: 0.3s ease-in-out;}

.more:hover {color: #000;}

.more:hover font{color: #333;}

.more:hover span{border-color: #000;color: #000;}

/*.index_con2_list2 svg{fill: none;stroke-width:1px;stroke:#fff;width: 110px;height: 120px;text-align: center;}*/



.index_con2_list2{background: url(../images/baog_03.jpg) no-repeat center center ;background-size: cover;padding: 25px 0;text-align: center;margin-top: 35px;}

.index_con2_list2 ul{font-size: 0;}

.index_con2_list2 ul li{display: inline-block;vertical-align: top;margin-right: 8%;cursor: pointer;}

.index_con2_list2 ul li:last-child{margin-right: 0;}

.index_con2_list2 ul li span{display: inline-block;width: 90px;height: 105px;position: relative;line-height: 105px;}

.index_con2_list2 ul li span i{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/bg1_03.png) no-repeat center center;

background-size: 100% 100%;transition: 0.3s ease-in-out;}

.index_con2_list2 ul li:hover span i{background: url(../images/bg_04.png) no-repeat center center;background-size: 100% 100%;}

.index_con2_list2 ul li font{display: block;width: 100%;line-height: 105px;text-align: center;height: 105px;

position: relative;z-index: 2;transition: 0.3s ease-in-out;}

.index_con2_list2 ul li p{margin-top: 5px;font-size: 20px;color: white; margin-bottom:15px;}





.index_con3{padding: 75px 0;}

.index_con3_list:after{content: '';display: block;clear: both;}

.index_con3_list .title{display: inline-block;text-align: left;}

.index_con3_list .title h2:after{margin: 25px 0 0;}

.index_con3_list_list,.index_con4_list_list{display: inline-block;float: right;margin-top:5px;}

.index_con3_list_list span,.index_con4_list_list span{display: inline-block;vertical-align: top;font-size: 14px;color: #333333;padding: 6px 20px;border: 1px solid #cccccc;border-radius: 8px;

cursor: pointer; transition: 0.3s ease-in-out;margin-left: 3px;}

.index_con3_list_list span:hover,.index_con3_list_list span.active,.index_con4_list_list span:hover,.index_con4_list_list span.active{background: #598db5;border-color: #598db5;color: white;}







.index_con3_list2_lis2{display: inline-block;vertical-align: top;width: 48.7%;position: relative;}

.index_con3_list2_list{font-size: 0;}

.index_con3_list2_lis2 .swiper-slide span{display: block;overflow: hidden;position: relative;}

.index_con3_list2_lis2 .swiper-slide span:after{content: '';position: absolute;width: 100%;height:100%;background:rgba(0,0,0,.3);position: absolute;top: 0;

left: 0;display: none;}

.index_con3_list2_lis2 .swiper-slide span img{width: 100%; height:auto; transition: 0.3s ease-in-out;}

.index_con3_list2_lis2 .swiper-slide:hover span img{transform: scale(1.05);}

.woeur{position: absolute;text-align: center;width: 100%;bottom: 30px;overflow: hidden;padding-bottom: 2px;}

.woeur h1{font-family: ziti;color: white;font-size: 35px;letter-spacing: 2px;transform: translateX(-150px);opacity: 0;transition: 0.8s ease-in-out 0.5s ;}

.woeur h2 {display: inline-block;min-width: 240px;border-top: 1px solid #598db5;border-bottom: 1px solid #598db5;padding: 12px 0;font-size: 16px;

color: #598db5;margin-top: 17%;transform: translateX(150px);opacity: 0;transition: 0.8s ease-in-out 0.5s ;}

.index_con3_list2_lis2 .swiper-slide-active .woeur h1,.index_con3_list2_lis2 .swiper-slide-active .woeur h2{transform: translateX(0);opacity: 1;}

.index_con3_list2_lis2 .swiper-pagination{bottom: 90px;}

.index_con3_list2_lis2 .swiper-pagination span{width: 11px;height: 11px;background: #363f4d;}

.index_con3_list_list2{margin-top: 70px}



.uosd{position: absolute;top: 20px;left: 20px;background: white;padding: 18px;text-align: center;z-index: 3;width: 96px;height: 90px;box-sizing: border-box;display: none;}

.index_con3_list2_list_p{display: none;}

.uosd font{display: block;font-family: ziti;color: #585858;font-size: 27px;text-transform: uppercase;font-weight: bold;position: relative;z-index: 2;}

.uosd span{font-size: 14px;color: #D1D1D1;position: relative;z-index: 2;}

.uosd:after{content: '';display: block;position: absolute;width:110px;height: 104px;left: -7px;top: -7px;background: rgba(250,250,250,.4);}

.index_con3_list2_list_p{font-size: 36px;color: white;font-family: ziti;position: absolute;right: 50px;top: 40px;z-index: 2;}



.index_con3_list2_list1{display: inline-block;vertical-align: top;width: 100%;margin-left:2.6%;font-size: 0;}

.index_con3_list2_list1 li{display: inline-block;vertical-align: top;margin-right: 4%;width: 22.3%;overflow: hidden;position: relative;margin-bottom:25px;border: 1px solid #eae9e9;}

.index_con3_list2_list1 li:nth-child(2n){margin-right: 0;}

.index_con3_list2_list1 li img{width: 100%; height:278px;zoom: 1;transition: 0.3s ease-out;}

.index_con3_list2_list1 li span{overflow: hidden;}

.index_con3_list2_list1 li:hover img{transform: scale(1.05);}

.index_con3_list2_list1 li p{position: absolute;bottom: 50px;width: 100%;text-align: center;z-index: 2;opacity: 0;transition: 0.4s ease-in-out;}

.index_con3_list2_list1 li p font{display: inline-block;width: 205px;line-height: 40px;background: white;}

.index_con3_list2_list1 li p:before{content: '';width: 0;border: 5px solid transparent;border-bottom-color: white;display: block;margin: 0 auto;}



.index_con3_list2_list1 li:hover p{bottom: 20px;opacity: 1;}

.index_con3_list2_list1 li a{display: block;width: 100%;height: 100%;}

.index_con3_list2_list1 li a:after{content: '';display: block;position:absolute;width: 100%;height: 100%;background:rgba(0,0,0,0);top: 0;left: 0;transition: 0.3s ease-in-out;}

.index_con3_list2_list1 li:hover a:after{background:rgba(0,0,0,.4);}

.index_con3_list2_list1 li:last-child a:after{display: none;}

.index_con3_list2_list1 li:last-child a:before{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5);

content: '';transition: 0.3s ease-in-out;}

.index_con3_list2_list1 li:last-child:hover a:before{transform: scale(0.9);}





.index_con3_list_list2{position: relative;}

.index_con3_list2_list{position: absolute;top: 0;width: 100%;opacity: 0;z-index: 1;}

.index_con3_list2_list.active{opacity: 1;z-index: 2;}



.inde_zong .index_con3_list2_list1{margin-left: 0;width: 100%;}

.inde_zong .index_con3_list2_list1 li{width: 23.3%;margin-right: 2.222%;margin-left: 0;}

.inde_zong .index_con3_list2_list1 li:nth-child(2n){margin-right: 2.222%;}

.inde_zong .index_con3_list2_list1 li:nth-child(4n){margin-right: 0;}

.index_con3_list2_list{transition: 0.4s ease-in-out;}



.index_con3_list_list2{position: relative;}

.index_con3_list_list_font{display: inline-block;}

.inde_zong{position: absolute;top: 0;left: 0;z-index: 4;}

.index_list{display: none;}



.index_con3_usl{font-size: 0;margin-top: 10px;}

.index_con3_usl li{display: inline-block;vertical-align: top;width: 48.7%;margin-right: 2.6%;box-sizing: border-box;text-align: center;

position: relative;transition: 0.;}

.index_con3_usl li:nth-child(2n){margin-right: 0;}

.index_con3_usl li font{display: inline-block;width: 45px;height: 45px;margin-bottom: 5px;transition: 0.3s ease-in-out;}

.index_con3_usl li p{font-size: 16px;color: #333;transition: 0.3s ease-in-out;}

.index_con3_usl li:hover p{transform: translateY(5px);}

.index_con3_usl li:nth-child(1) font{background: url(../images/icon6.png) no-repeat center center;}

.index_con3_usl li:nth-child(2) font{background: url(../images/icon7.png) no-repeat center center;}

.index_con3_usl li:nth-child(1):hover font{background: url(../images/icon6b.png) no-repeat center center;transform: translateY(-5px);}

.index_con3_usl li:nth-child(2):hover font{background: url(../images/icon7b.png) no-repeat center center;transform: translateY(-5px);}

.index_con3_usl li:hover p{color: white;}

.index_con3_usl li a{display: block;/*background: url(../images/tiao_03.jpg) repeat;*/background:#f6f6f6;padding: 55px 0;box-sizing: border-box;transition: 0.5s ease-in-out;

-moz-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;position: relative;}

.index_con3_usl li a:after{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #d3d3d3;

box-sizing: border-box;transform: scale(0.95,0.83);transition: 0.3s ease-in-out;z-index: 2;}

/*.index_con3_usl li:nth-child(1):hover a:before{background: url(../images/soiwes_03.jpg) no-repeat center center;background-size:100% 100%;transform: scale(1);opacity: 1;}

.index_con3_usl li:nth-child(2):hover a:before{background: url(../images/soiwes_05.jpg) no-repeat center center;background-size: 100% 100%;transform: scale(1);opacity: 1;}

*/.index_con3_usl li:hover{background: #598db5;}

.index_con3_usl li:hover a:after{border: 1px solid rgba(250,250,250,.7);}







.index_con3_usl li p,.index_con3_usl li font{position: relative;z-index: 3;}











.index_con4{padding:75px 0;background: #f6f6f6;}

.index_con4_list {margin-top: 25px;position: relative;}

.index_con4_list li{position: absolute;top: 0;left: 0;width: 100%;}

.index_con4_list_swiper{position: relative;}

.index_con4_list_swiper .swiper-container{padding:10px 5px;box-sizing: border-box; border:none;}

.index_con4_list_swiper span{display: block;overflow: hidden;}

.index_con4_list_swiper span img{display: block;width: 100%;transition: 0.3s ease-in-out;}

.index_con4_list_swiper p{position: absolute;bottom: 50px;width: 100%;text-align: center;opacity: 0;transition: 0.3s ease-in-out;}

.index_con4_list_swiper p font{display: inline-block;width: 80%;font-size: 14px;color: white;background: #598db5;line-height: 42px;position: relative;}

.index_con4_list_swiper p font:after{content: '';display: block;width: 0;border: 5px solid transparent;border-bottom-color:#598db5;position: absolute;

top: -10px;left: 50%;transform: translateX(-50%);}

.index_con4_list_swiper .swiper-slide:hover span img{transform: scale(1.05);}

.index_con4_list_swiper .swiper-slide:hover{box-shadow: 0 0 5px 3px rgba(0,0,0,.05);}

.index_con4_list_swiper .swiper-slide:hover p{bottom: 20px;opacity: 1;}



.index_con4 .swiper-button-next,.index_con4 .swiper-button-prev{width: 70px;height: 35px;text-align: center;line-height: 32px;background-color:  rgba(89,141,181,.7);

background-size: 10px;top: -100px;transition: 0.3s ease-in-out; color:#FFF;}

.index_con4 .swiper-button-prev{left: auto;right: 75px;}

.index_con4.swiper-button-next:hover,.index_con4 .swiper-button-prev:hover{background-color: #598db5;}



.index_con4_list li .index_con4_list_swiper{opacity: 0;}

.index_con4_list li.active  .index_con4_list_swiper{opacity: 1;z-index: 333;}

.index_con3_usl li a{background:#f6f6f6;}

.index_con3_usl li:hover a{background: #598db5;}

.index_con4 .index_con3_usl{margin-top: 30px;}

.index_con4 .index_con3_usl li a{background:#fff;}

.index_con4 .index_con3_usl li:hover a{background: #598db5;}



.index_con5{padding: 0;position: relative; width:0; height:0;}



.index_con6{padding: 0;background: #f6f6f6; width:0; height:0;}





.index_con7{padding: 75px 0;}

.index_con7 .swiper-slide{padding: 15px 0 50px;}

.icon7_swier{margin-top: 40px;position: relative;}

.con7_list{position: relative;box-sizing: border-box;border: 2px solid #b8b8b8;padding: 90px 40px;}

.con7_list_ls{position: absolute;display: inline-block;background: #bbbbbb;text-align:center;top: -10px;padding: 12px 10px;transition: 0.3s ease-in-out;}

.con7_list_ls font{display: block;color: white;font-weight: bold;font-family: ziti;font-size: 20px;}

.con7_list_ls time{font-family: ziti;color: white;}

.con7_list .title2{font-size: 16px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.con7_list .title2:before{content: '';display: inline-block;vertical-align: middle;width: 0;height: 1px;background: #787878;transition: 0.3s ease-in-out;}

.con7_list p{font-size: 14px;line-height: 22px;color: #6e6e6e;margin-top: 20px;}

.con_spans{display: block;position: absolute;width: 54px;height: 54px;border-radius: 50%;background: #bbbbbb;text-align: center;line-height: 52px;

left: 50%;transform: translateX(-50%);bottom: -27px;}

.con_spans i{font-size: 30px;color: white;display: inline-block;position: relative;z-index: 2;transition: 0.4s ease-in-out;}

.con_spans:after{content: '';display: block;width: 82px;height: 82px;background: rgba(187,187,187,.2);position: absolute;left: -14px;top: -14px;

border-radius: 50%;transition: 0.4s ease-in-out .1s;}

.con_spans:before{content: '';display: block;width: 82px;height: 82px;background: rgba(187,187,187,.2);position: absolute;left: -14px;top: -14px;

border-radius: 50%;transform: scale(0);transition: 0.4s ease-in-out;}

.index_con7 .swiper-slide:hover .con_spans:after{transform: scale(1.5);opacity: 0;background: rgba(89,141,181,.1);}

.index_con7 .swiper-slide:hover .con_spans:before{transform: scale(1);opacity: 1;background: rgba(89,141,181,.1);}

.index_con7 .swiper-slide:hover .con_spans{background: #598db5;}

.index_con7 .swiper-slide:hover .con7_list_ls{background: #598db5;}

.index_con7 .swiper-slide:hover h1:before{width: 35px;margin-right: 5px;}



.icon7_swier .swiper-button-next,.icon7_swier .swiper-button-prev{width: 70px;height: 35px;text-align: center;line-height: 32px;background-color:  rgba(89,141,181,.7);

background-size: 10px;top: -100px;transition: 0.3s ease-in-out; color:#FFF;}

.icon7_swier .swiper-button-prev{left: auto;right: 75px;}

.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color: #598db5;}



.more1{display: block;margin: 0 auto;text-align: center;width: 125px;height: 32px;text-align: center;line-height: 32px;border: 1px solid #666666;

border-radius: 50px;font-size: 14px;color: #666;position: relative;overflow: hidden;margin-top: 50px;}

.more1:before{content: '';display: block;width: 0%;height: 100%;background: #598db5;position: absolute;left: 0;top: 0;z-index: -1;transition: 0.3s ease-in-out;}

.more1:hover:before{width: 100%;}

.more1:hover{color: white;}





.index_con8{padding: 50px 0;background: url(../images/dengs_03.jpg) no-repeat center center;background-size: cover;}

.index_con8_u1{font-size: 0;}

.index_con8_u1 li{display: inline-block;vertical-align: top;width: 20%;text-align: center;}

.index_con8_u1 li span{display: inline-block;width: 65px;height: 65px;position: relative;text-align: center;line-height: 65px;}

.index_con8_u1 li span:after{content: '';display: block;width: 100%;height: 100%;border: 1px solid rgba(250,250,250,.5);box-sizing: border-box;top: 0;

position: absolute;transform: rotate(45deg);transition: 0.4s ease-in-out;}

.index_con8_u1 li:hover span:after{transform: rotate(0deg);background: #598db5;z-index: -1;border-color: transparent;}

.index_con8_u1 li .titel3{font-size: 16px;color: white;font-weight: bold;margin-top: 25px;}

.index_con8_u1 li .titel3:after{content: '';display: block;width: 20px;height: 1px;background: white;margin: 10px auto 8px;}

.index_con8_u1 li p{color: white;font-size: 14px;}







.title .title1,.title h2{transform: translateY(150px);opacity: 0;transition:1s ease-in-out;}

.title h2 {transition: 1s ease-in-out 0.5s;}

.index_con2.active .title .title1,.index_con2.active .title h2,.index_con3.active .title .title1,.index_con3.active .title h2,

.index_con4.active .title .title1,.index_con4.active .title h2,.index_con5.active .title .title1,.index_con5.active .title h2,

.index_con6.active .title .title1,.index_con6.active .title h2,.index_con7.active .title .title1,.index_con7.active .title h2,

.index_con2.active .divBox>p,.index_con2.active .more,.index_con2_list2.active ul li:nth-child(odd),.index_con2_list2.active ul li:nth-child(even),

.index_con3.active .index_con3_list_list2,.index_con4.active .index_con4_list,.index_con4.active .index_con3_usl li:nth-child(1)

,.index_con4.active .index_con3_usl li:nth-child(2),.index_con6.active .index_con6_u1 li,.index_con7.active .icon7_swier{transform: translateY(0);opacity: 1;}

.index_con2 .divBox>p{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out 1s;}

.index_con2 .more{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out 1.2s;}



.index_con2_list2 ul li:nth-child(odd),.index_con4_list{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out;}

.index_con2_list2 ul li:nth-child(even){transform: translateY(-150px);opacity: 0;transition: 1s ease-in-out;}

.index_con4_list{transition: 1s ease-in-out 0.8s ;}

.index_con3_list_list2{transform: translateY(150px);opacity: 0;transition: 1s ease-in-out 1s;}

.index_con3_usl li:nth-child(1),.con5_left{transform: translateX(-200px);transition: 1s ease-in-out 1.5s;opacity: 0;}

.index_con3_usl li:nth-child(2),.con5_right{transform: translateX(200px);transition: 1s ease-in-out 1.5s;opacity: 0;}

.index_con3.active .index_con3_usl li:nth-child(1),.index_con3.active .index_con3_usl li:nth-child(2),.index_con5.active .con5_left

,.index_con5.active .con5_right{transform: translateX(0);opacity: 1;}

.index_con6_u1 li,.icon7_swier{transform: translateY(200px);opacity: 0;transition: 1s ease-in-out .5s;}

.index_con6_u1 li:nth-child(2){transition: 1s ease-in-out .8s;}

.index_con6_u1 li:nth-child(3){transition: 1s ease-in-out 1.1s;}



.index_con8_u1 li{transform: translateX(200px);transition: 1s ease-in-out;opacity: 0;}

.index_con8_u1 li:nth-child(2){transition: 1s ease-in-out 0.2s;}

.index_con8_u1 li:nth-child(3){transition: 1s ease-in-out 0.4s;}

.index_con8_u1 li:nth-child(4){transition: 1s ease-in-out 0.6s;}

.index_con8_u1 li:nth-child(5){transition: 1s ease-in-out 0.8s;}

.index_con8.active .index_con8_u1 li{transform: translateX(0);opacity: 1;}

.index_con3 .index_con3_usl{margin-top: 0;}











.index_con3_list2_list1 li:last-child a{position: relative;}

.index_con3_list2_list1 li:last-child span{display: block;}

.index_con3_list2_list1 li:last-child span img{opacity: 0;}

.index_con3_list2_list1 li:last-child:hover .ls_ind{background: #598db5;}

.ls_ind{position: absolute;width: 100%;height: 100%;background: #787878;top: 0;left: 0;z-index: 2;text-align: center;transition: 0.3s ease-in-out;}



.ls_ind font i{display: inline-block;width: 25px;height: 25px;background: white;border-radius: 5px;margin: 0px;}

.ls_ind font i:nth-child(2){position: relative;animation: rns 10s linear infinite;}

.ls_ind_list{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}

.ls_ind_list span{color: white;margin-top: 0px;display: block;}

.index_con3_list2_list1 li:last-child a:before{z-index: 22;}

.index_con1 .IndexList{display: none;}

@keyframes rns{

	from{transform: rotate(0deg);}

	to{transform: rotate(360deg);}

}

@media only screen and (max-width:1660px) {

	.title .title1{font-size: 28px;}

	.index_con5{padding: 0;}

	.index_con5 .index_con3_list{top: 80px;}

	.index_con3_list_list2{margin-top: 50px;}

	.index_con3_list2_list1 li{margin-bottom: 20px;}

	.title h2{font-size: 20px;}

	.index_con6_u1_div p{font-size: 16px;}

	.woeur h1{font-size: 25px;}

	.woeur h2{margin-top: 60px;}

	

}

@media only screen and (max-width:1550px) {

	.in_pin{left: 7.5%;}

	.index_con3,.index_con6,.index_con7{padding: 55px 0;}

	.index_con2,.index_con4{padding: 55px 0;}

	.more1{margin-top: 20px;}

	.con7_list{padding: 72px 25px 50px;}

}

@media only screen and (max-width:1440px) {

	.index_con3_list2_list1 li{margin-bottom: 22px;}

	.con5_left{}

	.index_con5{padding-bottom: 80px;}

	.index_con3_list_list span, .index_con4_list_list span{padding: 3px 18px;}

}

