body{height: 100%;}
.list_h1{width:212px;text-align: center;margin: 50px auto 0;color: #BF1A20;background-size:auto 33px!important;padding-left: 10px;}
.list_nav{width: 50%;margin: 36px auto 0;}
.list_nav span{width: 100%;text-align: center;display: block;margin-bottom: 20px;font-size: 20px;}
.plan_box{width: 100%;overflow: hidden;position: relative;margin-top: 80px;}
.planting{height:auto;width: 400%;overflow: hidden;}
.planting li{width: 25%;height: 100%;float: left;}
.plan_line{width: 100%;display:flex;justify-content: center;position: absolute;left: 0;bottom: 5%;}
.plan_line li{width:50px;height: 4px;background: #fff;margin-right: 50px;cursor: pointer;}
.plan_line li:last-child{margin-right:0; }
.planting li img{width: 100%;height: 100%;}
.plan_active{background: #BF1A20!important;}
.ring_box{width: 100%;background: url(../img/ring.png) no-repeat;background-size: cover;height: 933px;margin-top: 50px;}
.ring_nav{width:100%;display:flex;justify-content: space-between;margin-top: 10%;overflow: hidden;}
.ring_nav li{width: 280px;}
.ring_nrbox{position: relative;display: none;}
.contentzn{width: 100%;font-size: 80px;text-align: center;position: absolute;left: 0;top:82px;display: flex;justify-content: center;}
.content_enlish{width: 100%;font-size: 80px;text-align: center;position: absolute;left: 0;top:180px;}
.contentzn span{color: #FF0000;font-weight: 600;}
.contentzn em{font-size: 36px;color: #fff;margin-left:6px;line-height: 102px;}
.content_enlish p{font-size: 22px;color: #fff;}
.content_enlish div{font-size: 16px;color: #fff;}
/* 活动 */
.activity_img{overflow: hidden;width: 100%;margin-top: 70px;}
.actimg_box{width: 32.63%;margin-right: 1%;margin-bottom: 1%;}
.actimg_box:nth-child(3n+3){margin: 0;}
.actimg_box a{width: 100%;height:100%;display: block;position: relative;overflow: hidden;}
.actime_big{width: 100%;height:400px;}
.actimg_nrbox{width: 100%;}
.actimg_zhez{width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;left: 0;top: 0;border-radius:10px;opacity: 1;}
.actimg_zhez h1{font-size: 28px;color: #fff;width: 100%;text-align: center;margin-top: 24%}
.actimg_zhez span{width:80px;height: 2px;background: #fff;display: block;margin: 4% auto;transition: all .6s ease;}
.actimg_zhez p{font-size: 16px;color: #fff;width: 110px;height:32px;margin: 0 auto;text-align: center;line-height: 32px;border: 1px solid #fff;border-radius: 4px;}
.actimg_zhezsmall h1{font-size:22px;}
.actimg_zhezsmall span{width: 60px;margin: 6% auto;}
.actimg_zhezsmall p{font-size:12px;width:90px;height: 30px;}
.circular{width: 120px;height: 120px;border-radius: 50%;border: 2px solid #BF1A20;margin: 50px auto 0;overflow: hidden;}
.circular a{width: 100%;height: 100%;display: block;border-top:1px solid #BF1A20;border-radius: 50%;margin-top: -1px;position: relative;}
.circular p{transition: all .6s ease;font-size: 22px;width: 100%;text-align: center;margin-top: 40px;}
.circular em{transition: all .6s ease;font-size: 14px;width: 100%;text-align: center;display: block;margin-top: 4px;}
.red_box{width: 100%;height: 100%;background: #BF1A20;border-radius: 50%;position: absolute;left: 0;bottom:-80%;z-index: -1;transition: all .6s ease;}
.circular:hover .red_box{bottom:-1%;}
.circular:hover p{color: #fff;}
.circular:hover em{color: #fff;}
.Cooperative{width: 100%;height:auto;background: url(../img/actorbg.jpg) no-repeat;background-size: cover;margin-top: 80px;}
.coorper_box{width:100%;}
.coorper_box:after,.xinx_box:after{content: '';display: block;clear: both;}
.coorper_box li{width:14%;height: 87px;background: #fff;display: flex;justify-content: center;align-items: center;float: left;border-radius: 10px;margin-right: 3%;transition: all .6s ease;cursor: pointer;margin-bottom: 33px;}
.coorper_box li img{width: 100%;}
.coorper_box li:nth-child(6n+6){margin-right:0}
.coorper_box li:hover{transform: scale(1.2)}
.coorper_box1{margin-bottom: 50px;}
@media only screen and (max-width: 1259px){
	
	
}
@media only screen and (max-width: 1199px){
	.list_nav{width: 60%;}
	.list1{width: 39%!important;}
	.list2{width: 47%!important;transform:translateX(254px)translateY(59px)!important;}
	.list3{width: 39%!important;}
	.list4{width: 39%!important;}
	.activity_nav li{font-size: 16px;}
	.activity_nav{width: 89%;}
	.act_title{font-size: 18px;width: 11%}
	.actime_big{height: 330px;}
	.activ_ul li a, .activ_ul li a img{height: 181px;}
	.list_h1{width: 205px;background-size:auto 33px!important;}
	
}
@media only screen and (max-width: 992px) {
	.list1{width:58%!important;}
	.list2{width: 47%!important;transform:translateX(254px)translateY(59px)!important;}
	.list3{width: 58%!important;transform:translateX(422px)scale(0.81)!important;}
	.list4{width: 39%!important;}
	.activity_nav li{font-size: 14px;}
	.activity_nav{width: 88%;}
	.act_title{width: 12%;font-size: 18px;}
	.bt_box{transform: scale(0.6)}
	.actime_big{height: 370px;margin-bottom: 2%;}
	.activ_ul li a, .activ_ul li a img{height: 162px;}
    .circular{width: 100px;height: 100px;}
    .circular p{font-size: 18px;margin-top: 32px;}
	.circular em{font-size: 12px;}
	.coorper_box li{width:30%;margin-left: 2%;margin-right: 1%;margin-bottom: 20px;}
	.coorper_box li:nth-child(3n+3){margin-right: 0;}
/*	.coorper_box li:nth-child(4),.coorper_box li:nth-child(5),.coorper_box li:nth-child(6){margin-top: 3%}*/
	.xinx_box li{padding-left: 4%;}
	.list_h1{font-size: 30px;margin: 30px auto 0;}
	.list_nav span{font-size: 16px;}
	.imglist>ul>li{height:454px!important;}
	.list_nav{margin:22px auto 0}
	.imglist>ul>li img{height: 200px;}
	.list3{transform: translateX(315px)scale(0.81)!important;}
	.list2{transform: translateX(207px)translateY(59px)!important;}
	.list_h1{width:170px;background-size:auto 28px!important;}
	.imglist{height: 555px!important;}
	.ring_nav li{width: 200px;}
	.contentzn{font-size: 68px;top: 54px;}
	.contentzn em{font-size: 26px;}
	.content_enlish{top: 125px;}
	.content_enlish p{font-size: 21px;}
	#video{width: 800px;height: 300px;}
	.activity_img{margin-top: 50px;}
}
@media only screen and (max-width: 768px) {
	.imglist{width: 100%!important;}
	.bt_box{transform: scale(0.6)}
	.actimg_box{width: 100%;}
	.actimg_box a{width: 80%;margin: 0 auto;display: block;}
	.actimg_nrbox{width: 80%;margin: 4% auto;}
	.activ_ul li a, .activ_ul li a img{height: 174px;}
	.actimg_zhez h1{margin-top: 18%;}
	.act_title {width: 100%;text-align: center;}
	.activity_nav {width: 100%;}
	.activity_box{height:90px;}
	.activity_nav li{margin-top: 0;margin-bottom: 10px;}
	/*.coorper_box li:nth-child(3){margin-right: 0;}*/
	/*.coorper_box li:nth-child(1),.coorper_box li:nth-child(4){margin-left: 2%}*/
	.act_title{line-height: 42px;}
	.planting{height: auto;}
	.xinx_box li{padding-left: 5%;font-size: 18px;}
	.logobox{width: 150px;height: 38px;margin-top: 21px;}
	#video{width: 600px;height: 300px;}
	.activity_img{margin-top: 30px;}
}
@media only screen and (max-width: 479px) {
	.actime_big{height: 198px;}
	.activ_ul li a, .activ_ul li a img{height: 106px;}
	.activity_nav li{margin-bottom: 10px;}
	.circular{width: 80px;height: 80px;}
	.circular p{font-size: 16px;margin-top: 28px;}
	.coorper_box{width: 95%;margin:0 auto;}
	.coorper_box li{width: 46%;}
	.xinx_box li{padding-left:9%;font-size: 15px;background-size: auto 20px;}	
	.three_biglunbo ul li img{height: 169px;}
	.list_h1{font-size: 24px;}
	.list_nav{width: 100%;}
	.list_nav span{font-size: 14px;}
	.three_biglunbo .list_h1{width: 141px!important;background-size: auto 20px!important;}
	.ring_nav{display: block;}
	.ring_nav li{width: 50%;float: left;margin-top: 25%;}
	.contentzn{font-size: 48px;top: 33px;}
	.contentzn em{font-size: 16px;line-height: 72px;}
	.content_enlish{top: 90px;}
	.content_enlish p{font-size: 16px;}
	.content_enlish div{font-size: 12px;}
	.circle canvas{margin: 0 auto;display: block;}
	.logobox {margin-left: 2%;}
	#video{width: 300px;height: 300px;}
	.Cooperative{height: auto;}
	.plan_line li{width: 30px;height: 2px;margin-right: 35px;}
	.coorper_box1{margin-top: 1%!important;}
}



    ul{
		padding-left:0;
		list-style:none;
		margin: 0;
	}
	.content{
		width:100%;
		height:auto;
		margin:38px auto 0;
		overflow: hidden;
	}
	.imglist{
		width:100%;
		height:636px;
	}
	.imglist>ul{
		position: relative;
		overflow:hidden;
		width:100%;
		height:100%;
	}
	.imglist>ul>li{
		position:absolute;
		width:50%;
		height:520px;
		transition:0.5s ease;
		box-shadow:0px 5px 12px 1px rgba(34, 20, 23, 0.35);
		overflow: hidden;
		border-radius: 10px;
		cursor: pointer;
	}
	.mask{opacity: 0;transition: all .5s ease;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;}
	.mask1{opacity: 1;transition: all .5s ease;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;}
	.imglist>ul>li>img{height: 100%;}
	.mask img{width: 87px;height: 87px;}
	.mask1 img{width: 87px!important;height: 87px!important;}
	.imglist>ul>li:hover .mask{opacity: 1;}
	.lineb{width:100%;height:31px;
		text-align:center;
	}
	.list1{
		transform:translateX(0)scale(0.81);
		transform-origin:0% 100%;
		z-index:1;
	}
	.list2{
		transform:translateX(286px)translateY(59px);
		z-index:2;
	}
	.list3{
		transform:translateX(585px)scale(0.81);
		transform-origin:100% 100%;
		z-index:1;
	}
	.list4{
		transform:translateX(965px)scale(0.81);
		transform-origin:100% 100%;
	}
	.lineb>span{
		display:inline-block;
		width:20px;
		height:20px;
		background-color:#ccc;
		border-radius: 50%;
	    margin-right: 19px;
	}
	.lineb>span>em{width: 16px;height: 16px;background: #fff;margin-top: 2px;margin-left: 2px;display: block;border-radius: 50%;}
	.video_box{width: auto;position: relative;}
    .zhez{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 999999;display: flex;justify-content: center;align-items: center;}
    #close{width: 40px;height: 40px;position: absolute;right: -10px;top: -10px;cursor: pointer;}