﻿


.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: 35px 0;text-align: center;}
.title {text-align: center;}
.title h1{font-size: 30px;font-family: ziti;text-transform: uppercase;color: #000;letter-spacing: 2px;}
.title h2{font-size: 22px;color: #974578;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;}*/


.indexnb{text-align: center;margin: 0px 0 50px; overflow: hidden; background: #f2f2f2; padding: 20px 0;}
.indexnb ul{zoom: 1;}
.indexnb ul li{display: block;cursor: pointer; width: calc(25% - 1px); float: left; border-right: #666 solid 1px;}
.indexnb ul li:nth-child(4n){border-right: #666 solid 0px;}

.indexnb ul li h4{color:#000; font-size:20px; padding:20px 0;}
.indexnb ul li .text-num{ color:#000;text-align: center;}
.indexnb ul li .text-num span{font-size:36px;line-height:60px;height:60px; color: #974578;}
.indexnb ul li .text-num em{font-style:normal; font-size:20px;}
.indexnb ul li .text-cont{font-size:18px; color:#000;  text-align:center}

@media (max-width:720px) {
	.indexnb{margin: 0px 0 30px !important; }
    .indexnb ul li{width: calc(50% - 1px); float: left; margin-bottom: 20px;}
    .indexnb ul li:nth-child(2n){border-right: #666 solid 0px;}	
	.indexnb ul li .text-num span{font-size:20px;line-height:40px;height:40px;}
	.indexnb ul li .text-num em{ font-size:18px;}
	.indexnb ul li .text-cont{font-size:16px; }
	}







.index_con2 .left{ float: left; width: 42%; padding-bottom: 20px;}
.index_con2 .left .tit{ padding-bottom: 20px; position: relative;}
.index_con2 .left .tit:after{ content: ""; position: absolute; left:0; bottom:0; height: 1px; width: 30px; background: #000;}
.index_con2 .left .tit span{ display: block; font-size: 28px; line-height: 40px; color: #000; text-transform: uppercase; text-align: left; font-family: "ziti";}
.index_con2 .left .tit p{ font-size: 20px; color: #974578;text-align: left; margin-top: 5px;}
.index_con2 .left .con{ margin-top: 35px; line-height: 30px; color: #555555; letter-spacing: 1px; text-align: justify;}
.index_con2 .left .con p{ margin-top:15px;}
.index_con2 .left .con p:first-child{ margin-top: 0;}
.index_con2 .left .more{ margin-top: 40px; display:inline-block; padding: 20px 80px; background: #974578; color: #FFFFFF; letter-spacing:1px; float: left; font-size: 18px;}
.index_con2 .right{ float: right;  width: 50%; position: relative;}
.index_con2 .right video{ width: 100%; display: block;}
/*.home-about .right .bt{ position:absolute; top:50%; left:50%; margin-left: -32px; margin-top: -32px;}*/
.index_con2 .right img{display: block;width: 100%;}



.comPro-media{height:480px;position:relative;}
.cpMedia-box .btn {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:40.66666666666667%;}
.cpMedia-box .btn{ margin: 0 auto;display: block;width:80px;height:80px;background:url(../images/icon-media3.png) no-repeat center center / cover;}

.cpMedia-box .c{/*line-height:69px;font-size:48px;font-family:"å¶æ ¹å‹æ¯›ç¬”è¡Œä¹¦2.0ç‰ˆ";*/height:51px;color:#fff;margin:25px 0 0;}
.cpMedia-box .c img{width:auto;height:100%;}
.cpMedia-con{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;display:none;}
.cpMedia-con video,
.cpMedia-con .mejs-container,
.cpMedia-con .mejs-overlay-play,
.cpMedia-con .mejs-poster,
.cpMedia-con .mejs-layers,
.cpMedia-con .mejs-overlay{width:100% !important;height:100% !important;}



@media (max-width:720px) {

.contain {width: 100%;margin: 0 auto;}
.comPro-media{height:216px;position:relative;margin:48px 0 0; background-size:100%;}
.cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:34.66666666666667%;}
.cpMedia-box .btn{ margin: 0 auto;display: block;width:65px;height:65px;background:url(../images/icon-media3.png) no-repeat center center / cover;}
.cpMedia-box .btn{ margin: 0 auto;display: block;width:65px;height:65px;background:url(../images/icon-media3.png) no-repeat center center / cover;}
	


	.index_con2{ margin-top: 0px;}	
	.index_con2 .left,.index_con2 .right{width: 100%;}
	.index_con2 .left .tit:after{ left: 50%; margin-left: -15px;}
	.index_con2 .left .tit{text-align: center;padding-bottom:0px;}
	.index_con2 .left .tit span{font-size: 24px;line-height: 20px;text-align: center;}
	.index_con2 .left .tit p{font-size: 16px;line-height: 30px;text-align: center;}
	.index_con2 .left .con{line-height: 26px;margin-top:15px;}
	.index_con2 .left .more{display: block;text-align: center; font-size: 14px; padding: 5px 20px; margin-top: 10px;}
	
	

}









/*
.index_con2_list2{background: url(../images/baog_03.jpg) no-repeat center center ;background-size: cover;padding: 75px 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: 5%;cursor: pointer;width: 25%;}
.index_con2_list2 ul li:last-child{margin-right: 0;}
.index_con2_list2 ul li span{display: inline-block;width: 160px;position: relative;}
.index_con2_list2 ul li span img{max-width: 100%;}
.index_con2_list2 ul li h1{color: #fff; font-size: 16px;}



@media (max-width: 1180px){
.index_con2_list2 ul li span{display: inline-block;width: 140px;position: relative;}

}
@media (max-width: 980px){
.index_con2_list2 ul li span{display: inline-block;width: 120px;position: relative;}

}

@media (max-width: 720px){
.index_con2_list2 ul li span{display: inline-block;width: 100px;position: relative;}
.index_con2_list2 ul li h1{color: #fff; font-size: 14px;}
}
@media (max-width: 640px){
.index_con2_list2{background: rgba(0,0,0,.4);text-align: center;margin-top: 35px; padding:0 3%; overflow: hidden;}
.index_con2_list2 ul li{width: 100% !important; margin-bottom: 15px;}

}*/


.world_header { display: block; position: relative;}
.world_header dl{text-align: center;}
.world_header dl dd{ font-size: 14px; padding: 3px 18px; display: inline-block; margin-left: 3px; border-radius: 8px;   
    cursor: pointer;  border: 1px solid #cccccc; color: #333; margin-bottom: 5px; }


.world_header dd.active { background: #974578;border-color: #974578; color: #fff; }
.world_header dd.active { color: #fff; }
.world_header dd:hover{ background: #974578;  }
.pipart { display: none; }
.pipart.active { display: block; }



.index_con3{padding: 35px 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: #974578;border-color: #974578;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%;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: 90px;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 white;border-bottom: 1px solid white;padding: 12px 0;font-size: 16px;
color: white;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: 35px;}
.index_con3_list2_lis2 .swiper-pagination span{width: 11px;height: 11px;background: white;}
.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: 48.7%;margin-left:2.6%;font-size: 0;}
.index_con3_list2_list1 li{display: inline-block;vertical-align: top;margin-right: 4%;width: 48%;overflow: hidden;position: relative;margin-bottom:25px;}
.index_con3_list2_list1 li:nth-child(2n){margin-right: 0;}
.index_con3_list2_list1 li img{width: 100%;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: 0px 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: #974578;}
.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: 35px 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;}
.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: #974578;line-height: 42px;position: relative;}
.index_con4_list_swiper p font:after{content: '';display: block;width: 0;border: 5px solid transparent;border-bottom-color:#974578;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_list_swiper .swiper-button-next,.index_con4_list_swiper .swiper-button-prev{display: inline-block;width: 44px;text-align: center;height: 45px;line-height: 45px;
background: white;background-image: none;transition: 0.3s ease-in-out;}
.index_con4_list_swiper .swiper-button-next{right: -65px;}
.index_con4_list_swiper .swiper-button-prev{left: -65px;}.index_con4_list_swiper .swiper-button-next:hover{right: -70px;}.index_con4_list_swiper .swiper-button-prev:hover{left: -70px;}
.index_con4_list_swiper .swiper-button-next:hover,.index_con4_list_swiper .swiper-button-prev:hover{box-shadow: 0 0 5px 3px rgba(0,0,0,.05);}
.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: #974578;}
.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: #974578;}

.index_con5{padding: 0 0 0px;position: relative; display: block;}
.index_con5 img{max-width: 100%;}

.con5_zong{position: relative;font-size: 0;}
.con5_right{width: 45%;position: static;top: 0;right: 0;display: inline-block;vertical-align: top;}
.con5_right img{width: 100%;}
.con5_left{width: 55%;background: white;position: relative;z-index: 2;top:150px;box-sizing: border-box;padding-right: 70px;display: inline-block;vertical-align: top;}
.con5_left p{font-size: 16px;color: #333333;line-height: 25px;}
.con5_left span{display: block;color: #333;text-align: right;margin-bottom: 40px;display: none;}
.con5_left span img{transform: translateX(50px);display: none;}
.con5_right a{display: block;width: 205px;height: 50px;text-align: center;line-height: 50px;background: #974578;position: relative;left: 0%;}
.con5_right a img{width: auto;transition: 0.3s ease-in-out;}
.con5_right a:hover img{transform: translateX(10px);}
.index_con5 .index_con3_list{position: relative;top:125px;z-index: 3;}

.index_con6{padding: 75px 0;background: #f6f6f6;display: block; overflow: hidden; position: relative;}
.partnerbox{width: 100%;margin:30px auto 60px;position: relative;overflow: hidden;}

.partnerbox ul li {width: 15%;margin-right: 2%;float: left; margin-bottom: 20px;}
.partnerbox ul li:nth-child(6n){margin-right: 0;}
.partnerbox ul li a{display:block;padding:5px;border:1px solid #e7e7e7;}	
.partnerbox ul li a:hover{border-color:#974578;}
.partnerbox ul li img{display: block;max-width: 100%;}

@media (max-width: 980px){
.partnerbox ul li {width: 30%;margin-right: 3%;float: left; margin-bottom: 20px;}
.partnerbox ul li:nth-child(6n){margin-right: 3%;}
.partnerbox ul li:nth-child(3n){margin-right: 0;}
}
@media (max-width: 540px){
.partnerbox ul li {width: 48%;margin-right: 4%;float: left; margin-bottom: 20px;}
.partnerbox ul li:nth-child(6n){margin-right: 3%;}
.partnerbox ul li:nth-child(3n){margin-right: 3%;}
.partnerbox ul li:nth-child(2n){margin-right: 0%;}
.title h1{font-size: 20px;}
}


.index_con6_u1{font-size: 0; margin-top: 40px;}
.index_con6_u1 li{display: inline-block;vertical-align: top;width: 31%;margin-right: 3%;position: relative;}
.index_con6_u1 li:last-child{margin-right: 0;}
.index_con6_u1 li span{display: block;overflow: hidden;}
.index_con6_u1 li span img{width: 100%;transition: 0.3s ease-in-out;}
.index_con6_u1 li:hover span img{transform: scale(1.05);}
.index_con6_u1 li a:after{position: absolute;top: 0;left: 0;width: 100%; height: 100%;border: 1px solid rgba(250,250,250,.5);box-sizing: border-box;transform: scale(0.9);
content: '';}.index_con6_u1 li a:before{position: absolute;top: 0;left: 0;width: 100%; height: 100%;border: 1px solid rgba(250,250,250,1);box-sizing: border-box;transform: scale(1);content: '';opacity: 0;transition: 0.3s ease-in-out;z-index: 2;}.index_con6_u1 li:hover a:before{transform: scale(0.9);opacity: 1;}
.index_con6_u1_div{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center;}
.index_con6_u1_div p{color: white;font-size: 20px;margin-top: 10px;}
.index_con6_u1_div i{display: inline-block;width: 155px;height: 40px;text-align: center;line-height: 40px;background: white;position: relative;
font-size: 14px;color: #333;margin-top: 32px;opacity: 0;}
.index_con6_u1_div i:before{content: '';display: inline-block;width:0;border: 5px solid transparent;border-bottom-color: white;position: absolute;top: -10px;
left: 48%;}
.index_con6_u1_div font{transition: 0.3s ease-in-out;}
.index_con6_u1_div p{transition: 0.3s ease-in-out 0.2s;}
.index_con6_u1_div i{transition: 0.3s ease-in-out 0.4s;}
.index_con6_u1_div font,.index_con6_u1_div p{transform: translateY(30px);display:block;}
.index_con6_u1_div i{transform: translateY(30px);}
.index_con6_u1 li:hover .index_con6_u1_div font,.index_con6_u1 li:hover .index_con6_u1_div p,.index_con6_u1 li:hover .index_con6_u1_div i{transform: translateY(0);opacity: 1;}



.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 h1{font-size: 16px;color: #333;padding-bottom: 20px;border-bottom: 1px solid #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.con7_list h1: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(179,145,108,.1);}
.index_con7 .swiper-slide:hover .con_spans:before{transform: scale(1);opacity: 1;background: rgba(179,145,108,.1);}
.index_con7 .swiper-slide:hover .con_spans{background: #974578;}
.index_con7 .swiper-slide:hover .con7_list_ls{background: #974578;}
.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: #d9c8b5;
background-size: 10px;top: -100px;transition: 0.3s ease-in-out;}
.icon7_swier .swiper-button-prev{left: auto;right: 75px;}
.icon7_swier .swiper-button-next:hover,.icon7_swier .swiper-button-prev:hover{background-color: #974578;}

.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: #787878;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: #974578;z-index: -1;border-color: transparent;}
.index_con8_u1 li h1{font-size: 16px;color: white;font-weight: bold;margin-top: 25px;}
.index_con8_u1 li h1: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 h1,.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 h1,.index_con2.active .title h2,.index_con3.active .title h1,.index_con3.active .title h2,
.index_con4.active .title h1,.index_con4.active .title h2,.index_con5.active .title h1,.index_con5.active .title h2,
.index_con6.active .title h1,.index_con6.active .title h2,.index_con7.active .title h1,.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: 1;}.index_con3_list2_list1 li:last-child:hover .ls_ind{background: #974578;}.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 h1{font-size: 28px;}
	.index_con5{padding: 0 0 0px;}
	.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: 35px 0;}
	.index_con2,.index_con4{padding: 35px 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;}
}







@media (max-width: 640px){
.index_con2 .left .tit span{font-size: 20px;}
.title h1{font-size: 20px;}
}