/*index*/
	/*banner*/
	.slide-main{
		margin-top: 100px;
		height:714px;
		clear: both;
		overflow: hidden;
		position: relative;
	}
	
	.slide-box,.slide{
		display:block;
		width:100%;
		height: 100%;
		overflow:hidden;
	}
	.slide-box{
		position:relative;
	}
	.slide{
		display:none;
		position:absolute;
		z-index:8;
	}
	.slide a{
		overflow: hidden;
		display:block;
		width:100%;
		cursor:pointer;
		text-align: center;
	}
	.slide a img{
		width: 100%;
		height: auto;
	}
	.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{
		position:absolute;
		z-index:9;
		left:50%;
	}

	.obj-a{
		width: 400px;
		height:170px;
		margin-left:-420px;
		z-index:12;
	}
	.obj-a>p{
		text-align: center;
		width: 800px;
		margin:0 auto;
		color:#fff;
		margin-top: 290px;
		font-size: 100px;
		line-height: 30px;
		font-weight: 900;
		/*font-family: "HELVETICA NEUE CE 55 ROMAN";*/
	}
	.banAnimate .obj-a{
		display:block;
		animation-name:saAnia;
		-webkit-animation:saAnia 0.6s linear 0s normal none;
		-moz-animation:saAnia 0.6s linear 0s normal none;
		animation:saAnia 0.6s linear 0s normal none;
	}
	@-webkit-keyframes saAnia{
		from{opacity:0;left:47%;} 
		to{opacity:1;left:50%;} 
	}
	@-moz-keyframes saAnia{
		from{opacity:0;left:47%;} 
		to{opacity:1;left:50%;} 
	}
	@keyframes saAnia{
		from{opacity:0;left:47%;} 
		to{opacity:1;left:50%;} 
	}

	.obj-b{
		width: 400px;
		height:170px;
		margin-left:-420px;
		z-index:12;
	}
	.obj-b>p{
		text-align: center;
		width: 800px;
		color:#fff;
		font-size: 36px;
		margin-top: 370px;
		font-family: "PingFang SC";
		font-family: "PingFang";
		font-family: "PingFang XI";
		font-family: "PingFang qian";
		letter-spacing: 5px;
	}
	.banAnimate .obj-b{
		display:block;
		animation-name:saAnib;
		-webkit-animation:saAnib 0.6s linear 0s normal none;
		-moz-animation:saAnib 0.6s linear 0s normal none;
		animation:saAnib 0.6s linear 0s normal none;
	}
	@-webkit-keyframes saAnib{
		from{opacity:0;left:53%;} 
		to{opacity:1;left:50%;} 
	}
	@-moz-keyframes saAnib{
		from{opacity:0;left:53%;} 
		to{opacity:1;left:50%;} 
	}
	@keyframes saAnib{
		from{opacity:0;left:53%;} 
		to{opacity:1;left:50%;} 
	}

	.obj-c{
		width: 200px;
  		height: 60px;
  		margin-left: -100px;
  		text-align: center;
  		line-height: 60px;
  		position: relative;
  		color:#fff;
  		letter-spacing: 2px;
  		margin-top: 494px;
		background-color: rgb(201, 21, 30);
	}
	.obj-c span{
		margin-right: 10px;
		/*font-family: "PingFang";*/
	}
	.obj-c img{
		width: 20px;
		height: 18px;
		position: absolute;
		right:30px;
		top:22px;
		display: inline-block;
		animation:goto 1s linear infinite;
		-webkit-animation:goto 1s linear infinite;
		-moz-animation:goto 1s linear infinite;
	}
	@keyframes goto{
		from{right: 50px;opacity: .2;} 
		to{right: 30px;opacity: 1}  
	}
	@-moz-keyframes goto{
		from{right: 50px;opacity: .2;} 
		to{right: 30px;opacity: 1}  
	}
	@-webkit-keyframes goto{
		from{right: 50px;opacity: .2;} 
		to{right: 30px;opacity: 1}  
	}
	.banAnimate .obj-c{
		display:block;
		animation-name:saAnic;
		-webkit-animation:saAnic 0.6s linear 0s normal none;
		-moz-animation:saAnic 0.6s linear 0s normal none;
		animation:saAnic 0.6s linear 0s normal none;
	}
	@-webkit-keyframes saAnic{
		from{opacity:0;margin-top: 600px;} 
		to{opacity:1;margin-top: 494px;} 
	}
	@-moz-keyframes saAnic{
		from{opacity:0;margin-top: 600px;} 
		to{opacity:1;margin-top: 494px;} 
	}
	@keyframes saAnic{
		from{opacity:0;margin-top: 600px;} 
		to{opacity:1;margin-top: 494px;}  
	}

	/*按钮*/
	.item{
		display:block;
		width:100%;
		height:5px;
		position:absolute;
		z-index:8;
		bottom:6%;
		left:0;
		margin-left: 6px;
		text-align:center;
	}
	.item a{
		display:inline-block;
		width:16px;
		height:16px;
		border-radius: 50%;
		margin-right:11px;
		background:#fff;
		opacity:0.8;
		-moz-opacity:0.8;
		overflow:hidden;
	}
	.item a.cur{background:#c9151e;}

	/*内容*/
	.container_w{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.case_wrap,.news_wrap,.advantage_wrap{
		width: 100%;
		text-align: center;
		background-color: #eee;
		padding-top: 60px;
		box-sizing: border-box;
		overflow: hidden;
	}
	.case_wrap>img,.news_wrap>img,.advantage_wrap>img{
		margin:0 auto;
		margin-top: -36px;
	}
	.titel{
		color: rgb(51, 51, 51);
		clear: both;
	}
	.titel h1{
		font-size: 36px;
		/*font-weight: 700;*/
		position: relative;

	}
	/*.titel h1:after{
		display: block;
		width: 64px;
		height: 6px;
		background-color: #c9151e;
		content:"";
		position: absolute;
		bottom:-32px;
		left:50%;
		margin-left: -32px;
	}*/
	.titel p{
		width: 630px;
		margin:0 auto;
		margin-top: 54px;
		line-height: 30px;
		font-size: 16px;
	}
	.active{
		display: none;
	}
/*轮播*/
	.swiper-container {
      width: 62.5%;
      height: 100%;
      overflow: hidden;
    }
    .swiper-slide {
    	width: 200px;
    	height: 200px;
	    text-align: center;
	    font-size: 18px;
	    margin-bottom: 100px;
	    cursor: pointer;
    }
    .swiper-slide img{
    	display: block;
    	margin:0 auto;
    	margin-bottom: 28px;
    }
    .swiper-slide .active{
    	display: none;
    }
    .swiper-slide:hover .gray{
    	display: none;
    }
    .swiper-slide:hover .active{
    	display: block;
    }
    .swiper-slide p{
    	color:#6d6d6d;
    	font-size: 18px;
    	font-family: "PingFang";
    }
    .swiper-slide:hover p{
    	color:#c9151e;
    	animation:color_ 0.4s linear 0s normal none;
    	-webkit-animation:color_ 0.4s linear 0s normal none;
    	-moz-animation:color_ 0.4s linear 0s normal none;
    }
    @keyframes color_{
		from{color:#6d6d6d;} 
		to{color:#c9151e;}  
	}
	@-webkit-keyframes color_{
		from{color:#6d6d6d;} 
		to{color:#c9151e;}  
	}
	@-moz-keyframes color_{
		from{color:#6d6d6d;} 
		to{color:#c9151e;}  
	}
	/*云顶集团3118acm的事业*/
	.ca_item_wrap{
		width: 62.5%;
		margin:0 auto;
		overflow: hidden;
	}
	.ca_item{
		float: left;
		width: 12%;
		margin-bottom: 60px;
	}
	.ca_item img{
		margin-bottom: 20px;
	}

/*集团新闻*/
	.news_wrap{
		background-color: #fff;
		padding-bottom: 100px;
		box-sizing: border-box;
	}
	.news_cont{
		width: 66%;
		margin:0 auto;
		display: flex;
		justify-content: space-around;
	}
	.news_item {
	    width: 32%;
	    float: left;
	    border: 1px solid transparent;
	    position: relative;
	    margin: 0 .5%;
	    padding-bottom: 30px;
	    margin-bottom: 16px;
	    -webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-o-transition: all .3s linear;
	    font-family: "PingFang Medium";
	}
	.news_item>div {
	    width: 100%;
	    overflow: hidden;
	    margin-bottom: 14px;
	}
	.news_item>div img{
		width: 100%;
		height: auto;
	}
	.news_item p {
	    width: 100%;
	    text-align: left;
	    font-size: 18px;
	    line-height: 30px;
	    color: #333;
	    font-family: "PingFang Medium";
	    padding: 0 20px;
	    box-sizing: border-box;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    margin-bottom: 20px;
	}
	.news_item span{
		display: block;
		text-align: left;
		position: absolute;
		bottom:30px;
		left:0;
		padding:0 20px;
		box-sizing: border-box;
	}
	.news_item:hover{
		transform: translateY(-10px);
		box-shadow: 0px 2px 27px 0px rgba(0,0,0,.16);
		border:1px solid #eee;
	}
/*视频*/
	.video{
		width: 100%;
		height: 420px;
		overflow: hidden;
		position: relative;
	}
	.init_box{
		position: absolute;
		top:0;
		left:0;
		right: 0;
		bottom:0;
	}
	.init_box>img{
		width: 100%;
	}
	.video_cont{
		width: 62.5%;
		margin:0 auto;
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		text-align: center;
		color:#fff;
		display: flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
	}
	.video_cont p{
		font-size: 40px;
		margin-bottom: 10px;
	}
	.video_cont span{
		display: block;
		font-size: 28px;
		font-family: "PingFang";
		margin-bottom: 40px;
	}
	.play_btn{
		width: 56px;
		height: 56px;
	}
	.play_btn img{
		width: 50px;
		height: 50px;
		cursor: pointer;
	}
/*播放器展开*/
	.show_video{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color: rgba(0,0,0,1);
		box-sizing: border-box;
		z-index: 2222;
		padding:0 100px;
		display: flex;
		display: none;
	}
	.close_red_btn{
		cursor: pointer;
		transition: transform .6s ease;
		-webkit-transition: transform .6s ease;
		-moz-transition: transform .6s ease;
		-o-transition: transform .6s ease;
	}
	.close_red_btn:hover{
		transform: rotate(180deg);
	}
	.show_video video{
		margin:auto;
	}
	.show_video>p{
		margin-top: 20px;
	}
/*云顶集团3118acm的优势*/
	.advantage_wrap{
		background-color: #fff;
		padding-bottom:90px;
	}
	.advantage_cont{
		width: 63%;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
	}
	.adv_item{
		width: 49.2%;
		float: right;
		overflow: hidden;
		position: relative;
	}
	.adv_item img{
		width: 100%;
		height: 100%;
	}
	.b_div{
		float: left;
	}
	.s_div{
		position: relative;
		bottom:0;
		right:0;
		cursor: pointer;
	}
	.s_div>img{
		width: 100%;
		height: auto;
	}
	.b_div{
		cursor: pointer;
	}
	.f_div{
		margin-bottom: 4.2%;
		position: relative;
		cursor: pointer;
	}
	.f_div>img{
		width: 100%;
		height: auto;
	}
	.mask{
		background-color: rgba(0,0,0,.6);
		color:#fff;
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 0;
		overflow: hidden;
		display: flex;
		flex-direction:column;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: all .3s linear;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
	}
	.mask p{
		font-size: 20px;
		line-height: 28px;
		font-weight: 550;
	}
	.mask span{
		font-size: 20px;
		font-family: "PingFang";
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.mask a{
		display: block;
		width: 56px;
		height: 56px;
		line-height: 56px;
		text-align: center;
		border-radius: 50%;
		border:1px solid #fff;
		margin:0 auto;
		position: relative;
	}
	.mask a img{
		position: absolute;
		top:50%;
		margin-top: -9px;
		width: 20px;
		height: 18px;
		animation:goto 1s ease infinite;
		-moz-animation:goto 1s ease infinite;
		-webkit-animation:goto 1s ease infinite;
	}
	@keyframes goto{
		from{right: 26px;opacity: 0.1;} 
		to{right: 14px;opacity: 1}  
	}
	@-moz-keyframes goto{
		from{right: 26px;opacity: 0.1;} 
		to{right: 14px;opacity: 1}  
	}
	@-webkit-keyframes goto{
		from{right: 26px;opacity: 0.1;} 
		to{right: 14px;opacity: 1}  
	}
	.b_div:hover .mask,.s_div:hover .mask,.f_div:hover .mask{
		height: 100%;
		cursor: pointer;
	}
@media screen and (max-width: 1830px){
	.slide-main {
	    height: 684px;
	}
}
@media screen and (max-width: 1760px){
	.slide-main {
	    height: 653px;
	}
}
@media screen and (max-width: 1685px){
	.slide-main {
	    height: 626px;
	}
}
@media screen and (max-width: 1600px){
	.slide-main {
	    margin-top: 100px;
	    height: 595px;
	}
	.news_item {
	    width: 32%;
	}
	.news_item>div {
	    margin-bottom: 14px;
	}
	.video {
	    height: 390px;
	}
	.ca_item_wrap,.news_cont,.advantage_cont{
	    width: 82%;
	}
}
@media only screen and (max-width: 1440px){
	.slide-main {
	    margin-top: 100px;
	    height: 520px;
	    clear: both;
	    overflow: hidden;
	}
	.ry-list .ry_box>img {
	    width: 100%;
	    margin: auto;
	}
	.nk_item {
	    width: 22%;
	    height: 310px;
	    margin: 0px 5px 20px;
	}
	.read_box {
	    height: 330px;
	}
	.swiper-button-next, .swiper-button-prev {
	    top: 398px;
	}
	.content .desc>div .text_box {
	    width: 87%;
	}
	.pic_item a {
	    height: 206px;
	}
	.nk_item {
	    width: 23%;
	    height: 310px;
	    margin: 0px 8px 20px;
	}
}
@media only screen and (max-width: 1366px){
	.slide-main {
	    margin-top: 100px;
	    height: 411px;
	    clear: both;
	    overflow: hidden;
	}
	.video {
	    height: 300px;
	}
	.show_video {
	    padding: 0 15px;
	}
	.news_item {
	    width: 32%;
	}
	.news_item>div {
	    width: 100%;
	    overflow: hidden;
	    margin-bottom: 0;
	}
	.news_wrap {
	    padding-bottom: 0; 
	}
}
.slide a img.ph{display: none !important;}
	.slide a img.pc{display: block !important;}
@media only screen and (max-width: 500px){
	
	.item {
	    display: none;
	}
	.case_wrap, .news_wrap, .advantage_wrap {
	    padding-top: 20px;
	}
	.titel p {
	    width: 94%;
	    margin:20px auto 0;
	    line-height: 24px;
    	font-size: 14px;
	}
	.ca_item_wrap {
	    width: 94%;
	}
	.ca_item {
	    float: left;
	    width: 25%;
	    margin-bottom: 36px;
	    font-size: 14px;
	}
	.ca_item img{width: 70%;}
	.ca_item_wrap, .news_cont, .advantage_cont {
	    width: 94%;
	}
	.news_cont {
	    width:100%;
	    justify-content: space-around;
	    flex-wrap: wrap;
	}
	.news_item {
	    width: 94%;
	    border:1px solid #ddd;
	}
	.news_item p{font-size: 16px;}
	.video {
	    height: 270px;
	}
	.init_box>img {
		width: 500px;
		height: 300px;
	    position: absolute;
	    clip:rect(0,375px,270px,0);
	}
	.video_cont p {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.video_cont span {
	    font-size: 16px;
	    margin-bottom: 30px;
	}
	.play_btn{width: 40px;height: 40px;}
	.play_btn img {
	    width: 100%;
	    height: 100%;
	}
	.show_video video {
	    width: 100%;
	}
	.adv_item {
	    width: 100%;
	    float: none;
	}
	.b_div {
	    float: none;
	    margin-bottom: 20px;
	}
	.advantage_cont {
	    justify-content: space-around;
	    flex-wrap: wrap;
	}
	.mask a{width: 44px;height: 44px;}
	.mask {
		background-color: rgba(0,0,0,.2);
	    height: 100%;
	}
	.mask p,.mask span{font-size: 16px;font-weight: normal;}
	.slide a img{
		/*banner img*/
		width: 100%;
		height: auto;
	}
	.slide a img.ph{display: block !important;}
	.slide a img.pc{display: none !important;}
}