

 
.container{width: 1280px;margin: 0 auto;}
 
.sy_title{font-size: 40px;color: #333;line-height: 40px;text-align: center;}
.line{width: 70px;height: 3px;background: #015637;margin: 20px auto 30px;}
 
.index3{padding: 70px 0;}
.index3-tit{text-align: center;color: #333;font-size: 40px;line-height: 40px;}
.index3 .line{width: 70px;margin: 20px auto 20px;height: 3px;background: #015637;}
.index3-top{width: 100%;height: 92px;margin-top: 30px;display: flex;justify-content: center;}


.index3-con{margin-top: 34px;}
.index3-box{position: relative;display: none;}
.index3-box:first-child{display: block;}
.index3-box .swiper-container{padding: 5px;}
.index3-box .swiper-slide{display: block;}
.index3-box .swiper-slide .img{height: 324px;width: 100%;overflow: hidden;}
.index3-box .swiper-slide .swiper-img{width: 100%;height: 100%;transition: all 0.3s;}
.index3-box .swiper-slide .swiper-img:hover{transform: scale(1.1);}
.index3-box .swiper-slide .tit{height: 60px;width: 100%;font-size: 18px;color: #333;padding: 0 10px;line-height: 64px;text-align: center;border:1px solid #e6e6e6;border-top: none;box-sizing: border-box;}
.index3-box .swiper-button-next, .index3-box .swiper-button-prev{width: 26px;height: 51px;margin-top: -25px;background: url('ind_arrow.png') no-repeat;opacity: 1 !important;}
.index3-box .swiper-button-prev{left: -85px;}
.index3-box .swiper-button-next{right: -85px;background-position: 0 -51px;}
.index3-box .swiper-button-prev:hover{background-position: -26px 0;}
.index3-box .swiper-button-next:hover{background-position: -26px -51px;}
.index3-box .swiper-slide:hover{-webkit-box-shadow: 0 0 8px 2px rgba(191,191,191,.34);box-shadow: 0 0 8px 2px rgba(191,191,191,.34);}
.index3-box .swiper-slide:hover .tit{border-color: #fff;}
 
.ind-video{width: 100%;height: 675px;position: relative;z-index: 0;overflow: hidden;}
.video-bg{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;}
.video-bg video{display: block;width: 100%;height: auto;}
.video-mask{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);z-index: 3;}
.ind-video .container{padding-top: 115px;position: relative;z-index: 5;}
.ind-video .title{font-size: 40px;color: #fff;text-align: center;line-height: 40px;margin-bottom: 23px;}
.ind-video .txt{font-size: 18px;color: #fff;text-align: center;line-height: 36px;max-width: 700px;margin: 0 auto;}
.ind-video .line{position: absolute;left: 50%;top: 380px;width: 1920px;height: 1px;z-index: 5;background: rgba(255, 255, 255, 0.2);margin-left: -960px;}

.ind-video .item{font-size: 16px;color: #fff;line-height: 26px;text-align: center;margin: 76px auto 0;max-width: 700px;text-align: center;} 
.ind-video .player{display: block;width: 60px;height: 60px;background: url('play_icon.png') no-repeat;margin: 45px auto 0;background-size: 100%;}
.ind-video .pause{background-image: url('pause_icon.png');}
.m-video-pop{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 999;}
.m-video-pop-main{position: absolute;left: 50%;top: 50%;width: 800px;height: 450px; background: #fff;margin: -225px 0 0 -400px;}
.m-video-pop-main video{display: block;width: 100%;}
.m-video-pop-main .close{display: block;width: 20px;height: 20px;background: url('close.png') no-repeat;background-size: cover;position: absolute;right: -20px;top: -40px;}


.index6{width: 100%;padding: 80px 0 12px 0;}
.index6 .title{font-size: 40px;color: #333;line-height: 40px;text-align: center;}
.index6 .line{width: 70px;height: 3px;background: #015637;margin: 20px auto 20px;}
.index6-con .img{width: 100%;height: 230px;}
.index6-con .img img{width: 100%;height: 230px;}
.index6-con p{width: 100%;height: 65px;line-height: 65px;text-align: center;font-size: 18px;color: #333;}
.index6-con .swiper-slide{border: 1px solid #eee;height: 230px;display: block;}
.index6-con .swiper-slide:hover{border: none;box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);}
.index6-con .swiper-container{height: 230px;}
.index6-con .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 60px;}
.index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: transparent;border: 1px solid #008c77;margin: 0 10px;}
.index6-con .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #008c77;border: 1px solid #008c77;}



.index7{padding: 10px 0 30px; margin-top:-60px;}
.index7 .title{font-size: 40px;color: #333;line-height: 40px;text-align: center;}
.index7 .line{width: 70px;height: 3px;background: #015637;margin: 20px auto 20px;}
.index7-con{position: relative;z-index: 5;}
.index7-con .swiper-slide a{display: block;}
.index7-con .swiper-slide .img{width: 100%;height: 330px;overflow: hidden;}
.index7-con .swiper-slide .pic{width: 100%;height: 330px;}
.index7-con .swiper-slide .main{padding-top: 25px;}
.index7-con .swiper-slide .main h4{font-size: 22px;color: #151515;line-height: 32px;}
.index7-con .swiper-slide .main .txt{font-size: 17px;color: #737373;line-height: 24px;height: 48px;overflow: hidden;margin-top: 12px;}
.index7-con .swiper-slide .main .time{font-size: 15px;color: #b2b2b2;line-height: 25px;margin-top: 35px;}
.index7-con .swiper-slide .main .time i{display: block;width: 22px;height: 17px;margin: 4px 10px 0 0;float: left;background: url('time_icon.png') no-repeat;}
.index7-con .swiper-slide .main .time span{font-family: Arial;}
.index7-con .swiper-slide:hover .pic{transform: scale(1.1);}
.index7-con .swiper-button-next,
.index7-con .swiper-button-prev{width: 26px;height: 51px;background: url('ind_arrow.png') no-repeat;left: -70px;margin-top: -25px;opacity: 1;cursor: pointer;z-index: 10;}
.index7-con .swiper-button-next{left:auto;right:-70px;background-position: 0 -51px;}
.index7-con .swiper-button-prev:hover{background-position: -26px 0;}
.index7-con .swiper-button-next:hover{background-position: -26px -51px;}


@media screen and (max-width: 1440px) {
	.container{width: 100%;max-width: 1200px;}
	.index3-icons{width: 170px;}
	.index3-icons:last-child{width: 198px;}
	.index6-con .swiper-container .img{height: 330px;}
	.index7-con .swiper-button-prev{left: -40px;}
	.index7-con .swiper-button-next{right: -40px;}
}




@media screen and (max-width: 1280px) {
	.container{width: 100%;}
	.index2-box{width: 16%;}
	.index2-arr{width: 5%;}
}

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

	.index3-tit,.ind-video .title.index7 .title,.index7-join .main h4,.index8 .title{font-size: 30px;line-height: 30px;}
	.index3-box .swiper-slide .img{height: 230px;}
	.index3-box .swiper-slide .tit{font-size: 16px;height: 54px;line-height: 56px;}
	.ind-video{height: 576px;}
	.ind-video .container{padding-top: 75px;}
	.ind-video .txt{font-size: 16px;line-height: 32px;}
	.ind-video .list li{margin: 0 30px;}
	.ind-video .line{top: 320px;}
	.ind-video .item{margin-top: 46px;}
	.ind-video .player{width: 45px;height: 45px;margin-top: 35px;}

	.index7{padding: 50px 0 60px;}
	.index7-con .swiper-slide .pic,	.index7-con .swiper-slide .img{height:auto;}
	.index7-con .swiper-slide .main h4{font-size: 18px;line-height: 28px;}
	.index7-con .swiper-slide .main .txt{font-size: 15px;line-height: 23px;}
	.index7-con .swiper-slide .main .time{margin-top: 25px;}
}



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

	.index3-box .swiper-button-next, .index3-box .swiper-button-prev{display: none;}
	.index3-box .swiper-wrapper{height:260px;}
	.index3-tit, .ind-video .title, .index5 .title, .index6 .title, .index7 .title, .index7-join .main h4, .index8 .title{font-size:24px;line-height:26px;}
	.ind-video{height: auto;}



	.ind-video .container{padding: 50px 0 50px;}

	.ind-video .title{margin-bottom:15px;}

	.ind-video .txt{font-size: 13px;line-height: 26px;}
 

	.index3{padding: 30px 0;width: 100%;}

	.index3-tit i{height:10px;} 

	.index3-box .swiper-container{padding:0px 0 20px;}

	.index3-box .swiper-slide{width:300px; padding:5px;transform:scaleY(.8);box-sizing: border-box;}

	.index3-box .swiper-slide-active{transform:scaleY(1);}

	.index3-box .swiper-button-next,

	.index3-box .swiper-button-prev{display: none !important;}

	.index3-box .swiper-slide .img{height:200px;}

	.index3-box .swiper-slide .swiper-img:hover{transform: scale(1);}

	.index3-box .swiper-slide .tit{height: 40px;font-size:18px;line-height:40px;text-align: center;}

	.index3-box .swiper-slide:hover{-webkit-box-shadow:none;box-shadow: none;}

	.index3-box .swiper-slide:hover .tit{border-color: #e6e6e6;}

	.index3-box .swiper-pagination-bullet{width:8px;height:8px;opacity: 1;background: #fff;border: 1px solid #AFAFAF;}

	.index3-box .swiper-pagination-bullet-active {background: #AFAFAF;}

	.index3-icons{width: 22%;display: inline-block;float: initial;}

	.index3-top::-webkit-scrollbar { display: none }

	.index3-icons:first-child{width: 22%;padding-right: 0;}

	.index3-icons:last-child{width: 22%;padding-left: 0;}



	.ind-video{z-index: 100;}

	.video-bg{display:block;}


	
	.index6{padding: 40px 0 10px 0;}
	.index6-con .swiper-container{height: 280px;}
	.index6-con .swiper-slide{height: 230px;}
	.index6-con .img{height:230px;}
	.index6-con p {height:40px;line-height:40px;font-size:18px; border:1px solid #eee;}
	

	.index7{padding:10px 0 30px 0;}

	.index7-con .swiper-slide{width:100%;margin-right:15px;}

	.index7-con .swiper-button-next,.index7-con .swiper-button-prev{display: none;}

	.index7-con .swiper-slide .pic, .index7-con .swiper-slide .img{height:auto;}

	.index7-con .swiper-slide .main{padding-top:18px;}

	.index7-con .swiper-slide .main h4{font-size:18px;line-height:25px;}

	.index7-con .swiper-slide .main .txt{font-size:14px;line-height:20px;height:40px;overflow: hidden;margin-top:10px;}

	.index7-con .swiper-slide .main .time{margin-top:10px;font-size:14px;line-height:20px;}
}