.in_case_hover img {width:35% !important}
	

	.in_case_hover h4 {width: 50%!important;
    opacity: 0;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
	font-style: italic;
	font-size: 35px;
	font-weight: bolder;
	}
	.in_case_hover p {font-size: 20px}
	
	.in_case_hover h4 span {font-size: 50px;}
	
	.in_case .cs>ul li:hover .in_case_hover h4 {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
	margin: auto;
}
 
	.in_con04 .right dd a {overflow: initial;     -webkit-line-clamp: 10;}
	.in_con06 .right a p {width: 80%; line-height: 1.5;}

	.butong:after {content: "";
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 50px;
    height: 1px;
    background: #fff;}
	   
	.in_con04 {background: url(../images/intro.jpg);}
	 

	.in_con04 .right {border-left:0}
	
	@media only screen and (max-width: 1500px) {
		.in_con04 .right {margin-top: 50px}
	}
  
	.bt2 {top:10% !important; color: #ee2750 !important; font-weight: bolder; }
	.bt3 {top:45% !important}
  .aboutus {height: 130px;}
  .in_con03 .right dl dt span {color:#ff3366}
  .in_con03 .right dl dt:after {background-color: #ff3366}
  .in_con04 .bottom div.more a:hover span:after {color: #ff3366}
  div.more.other a:hover span:after {background-color: #ff3366}  
  h4 q {font-weight: bold}
div.more.other a:hover {border: 1px solid #ff3366}

.in_case_hover span:nth-child(1) {background: none}
.in_case_hover span:nth-child(2) {background: #ff3366}
.left_menu .menu_ly, .talk_window {background: #ff3366}
.gcintro {margin:0 auto 20px; height: auto !important; line-height: 1.5}
.t_w_btn a:first-child {color:#ff3366}
  
.didot {font-family: "good-times regular"!important}

 
	@media only screen and (max-width: 767px) {  
	.bt3 {top:28%!important; font-size: 12px;}
	.bt4 {font-size: 12px;}
	.bt5 {font-size: 12px;}
  .aboutus {height: 140px;}
  .bt4 {top:70% !important}
  .butong:after {display: none}
  .fnt_30 q {line-height: 1.25} 
    
	}
	
	
	@media only screen and (max-width: 768px) { 
		.in_case_hover span:nth-child(1) {margin-bottom: 35px; font-size: 28px;} 
		.in_case_hover h4  {font-size: 20px;}
		.in_case .cs>ul li .p p {display: block; font-size:12px;}
		.in_case_hover p {font-size: 12px}
		.in_con06 .right a p {width: 90%}
		.in_con04 .left h3 {font-size: 18px;}
		
		
		
	} 
	@media only screen and (min-width: 769px) {  
		
		.in_case_hover span:nth-child(1) {margin-bottom: 70px}  
		.in_case .cs>ul li .p h3 {font-size: 35px}
		.in_case .cs>ul li .p p {font-size: 24px}
	}
	
/* 以下为平台列表logo样式 */
#pts ul {
	list-style: none;
	width: 1080px;
    margin: 0 auto;
    padding:32px 0px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	
#pts ul li {
		display: -webkit-flex;

display: flex;

-webkit-align-items: center;

align-items: center;

-webkit-justify-content: center;

justify-content: center;

-webkit-flex-direction: column;

flex-direction: column;

width: 150px;

height: 210px;

margin: 15px;

}

#pts ul li a {
position: relative;

display: -webkit-flex;

display: flex;

-webkit-align-items: center;

align-items: center;

-webkit-justify-content: center;

justify-content: center;

width: 100%;

height: 150px;

background-color: #e83a4b;



background-image: url(../images/pts.png);

background-size: 1355px 900px;

color: #fff;

overflow: hidden;

box-shadow: 5px 5px 15px rgba(0,0,0,.33);

border-radius: 75px;
	}
	


#pts ul li div {
		position: relative;
		width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
	}
	
#pts ul li:hover a {
	background-color: rgba(255,255,255,1);
	border-radius: 75px;
	transition: all 0.25s ease-in-out;
	
	
}

#pts ul li:nth-of-type(1) a {
	background-position: 0 0; /*新浪微博*/
}
#pts ul li:nth-of-type(2) a {
	background-position: -150px 0; /*秒拍*/
}
#pts ul li:nth-of-type(3) a {
	background-position: -300px 0; /*一直播*/
}
#pts ul li:nth-of-type(4) a {
	background-position: -450px 0; /*今日头条*/
}
#pts ul li:nth-of-type(5) a {
	background-position: -600px 0; /*抖音*/
}
#pts ul li:nth-of-type(6) a {
	background-position: -750px 0; /*西瓜视频*/
}
#pts ul li:nth-of-type(7) a {
	background-position: -900px 0; /*火山视频*/
}
#pts ul li:nth-of-type(8) a {
	background-position: -1050px 0; /*优酷*/
}
#pts ul li:nth-of-type(9) a {
	background-position: -1200px 0; /*土豆*/
}
/* #pts ul li:nth-of-type(10) a {
	background-position: 0 -150px;
} */
#pts ul li:nth-of-type(10) a {
	background-position: -150px -150px; /*腾迅视频*/
}
#pts ul li:nth-of-type(11) a {
	background-position: -300px -150px; /*QQ空间*/
}
/*#pts ul li:nth-of-type(12) a {
	background-position: -450px -150px; /*天天快报
} */
#pts ul li:nth-of-type(12) a {
	background-position: -600px -150px; /*哔哩哔哩*/
}
#pts ul li:nth-of-type(13) a {
	background-position: -750px -150px; /*美拍*/
}
#pts ul li:nth-of-type(14) a {
	background-position: -900px -150px; /*微信*/
}
#pts ul li:nth-of-type(15) a {
	background-position: -1050px -150px; /*京东*/
}
#pts ul li:nth-of-type(16) a {
	background-position: -1200px -150px; /*爱奇艺*/
}
#pts ul li:nth-of-type(17) a {
	background-position: 0 -300px; /*淘宝*/
}
#pts ul li:nth-of-type(18) a {
	background-position: -150px -300px; /*天猫*/
}
#pts ul li:nth-of-type(19) a {
	background-position: -600px -300px; /*YouTube*/
}
#pts ul li:nth-of-type(20) a {
	background-position: -750px -300px; /*Facebook*/
}




#pts ul li:nth-of-type(1):hover a {
	
	background-position: -0px -450px; /*新浪微博*/
}
#pts ul li:nth-of-type(2):hover a {
	background-position: -150px -450px; /*秒拍*/
}
#pts ul li:nth-of-type(3):hover a {
	background-position: -300px -450px; /*一直播*/
}
#pts ul li:nth-of-type(4):hover a {
	background-position: -450px -450px; /*今日头条*/
}
#pts ul li:nth-of-type(5):hover a {
	background-position: -600px -450px; /*抖音*/
}
#pts ul li:nth-of-type(6):hover a {
	background-position: -750px -450px; /*西瓜视频*/
}
#pts ul li:nth-of-type(7):hover a {
	background-position: -900px -450px; /*火山视频*/
}
#pts ul li:nth-of-type(8):hover a {
	background-position: -1050px -450px; /*优酷*/
}
#pts ul li:nth-of-type(9):hover a {
	background-position: -1200px -450px; /*土豆*/
}
/* #pts ul li:nth-of-type(10):hover a {
	background-position: 0px -600px;
} */
#pts ul li:nth-of-type(10):hover a {
	background-position: -150px -600px; /*腾迅视频*/
}
#pts ul li:nth-of-type(11):hover a {
	background-position: -300px -600px; /*QQ空间*/
}
/* #pts ul li:nth-of-type(12):hover a {
	background-position: -450px -600px; /*天天快报
} */
#pts ul li:nth-of-type(12):hover a {
	background-position: -600px -600px; /*哔哩哔哩*/
}
#pts ul li:nth-of-type(13):hover a {
	background-position: -750px -600px; /*美拍*/
}
#pts ul li:nth-of-type(14):hover a {
	background-position: -900px -600px; /*微信*/
}
#pts ul li:nth-of-type(15):hover a {
	background-position: -1050px -600px; /*京东*/
}
#pts ul li:nth-of-type(16):hover a {
	background-position: -1200px -600px; /*爱奇艺*/
}
#pts ul li:nth-of-type(17):hover a {
	background-position: 0 -750px; /*淘宝*/
}
#pts ul li:nth-of-type(18):hover a {
	background-position: -150px -750px; /*天猫*/
}
#pts ul li:nth-of-type(19):hover a {
	background-position: -600px -750px; /*YouTube*/
}
#pts ul li:nth-of-type(20):hover a {
	background-position: -750px -750px; /*Facebook*/
}

@media only screen and (max-width: 768px){
	#pts ul li {width: 25%;     margin: auto;}
	#pts ul li a {width: 125px; height: 125px; background-size: 1125px 750px;}
	
	
	#pts ul li:nth-of-type(1) a {
	background-position: 0 0;
}
#pts ul li:nth-of-type(2) a {
	background-position: -125px 0;
}
#pts ul li:nth-of-type(3) a {
	background-position: -250px 0;
}
#pts ul li:nth-of-type(4) a {
	background-position: -375px 0;
}
#pts ul li:nth-of-type(5) a {
	background-position: -500px 0;
}
#pts ul li:nth-of-type(6) a {
	background-position: -625px 0;
}
#pts ul li:nth-of-type(7) a {
	background-position: -750px 0;
}
#pts ul li:nth-of-type(8) a {
	background-position: -875px 0;
}
#pts ul li:nth-of-type(9) a {
	background-position: -1000px 0;
}
/* #pts ul li:nth-of-type(10) a {
	background-position: 0 -125px;
} */
#pts ul li:nth-of-type(10) a {
	background-position: -125px -125px;
} 
#pts ul li:nth-of-type(11) a {
	background-position: -250px -125px;
}
#pts ul li:nth-of-type(12) a {
	background-position: -500px -125px;
}
#pts ul li:nth-of-type(13) a {
	background-position: -625px -125px;
}
#pts ul li:nth-of-type(14) a {
	background-position: -750px -125px;
}
#pts ul li:nth-of-type(15) a {
	background-position: -875px -125px;
}
#pts ul li:nth-of-type(16) a {
	background-position: -1000px -125px;
}
#pts ul li:nth-of-type(17) a {
	background-position: 0 -250px;
}
#pts ul li:nth-of-type(18) a {
	background-position: -125px -250px;
}
#pts ul li:nth-of-type(19) a {
	background-position: -500px -250px;
}
#pts ul li:nth-of-type(20) a {
	background-position: -625px -250px;
}

/* hovers below */
#pts ul li:nth-of-type(1):hover a {
	
	background-position: -0px -375px;
}
#pts ul li:nth-of-type(2):hover a {
	background-position: -125px -375px;
}
#pts ul li:nth-of-type(3):hover a {
	background-position: -250px -375px;
}
#pts ul li:nth-of-type(4):hover a {
	background-position: -375px -375px;
}
#pts ul li:nth-of-type(5):hover a {
	background-position: -500px -375px;
}
#pts ul li:nth-of-type(6):hover a {
	background-position: -625px -375px;
}
#pts ul li:nth-of-type(7):hover a {
	background-position: -750px -375px;
}
#pts ul li:nth-of-type(8):hover a {
	background-position: -875px -375px;
}
#pts ul li:nth-of-type(9):hover a {
	background-position: -1000px -375px;
} 
#pts ul li:nth-of-type(10):hover a {
	background-position: -125px -500px;
} 
#pts ul li:nth-of-type(11):hover a {
	background-position: -250px -500px;
}
#pts ul li:nth-of-type(12):hover a {
	background-position: -500px -500px;
}
#pts ul li:nth-of-type(13):hover a {
	background-position: -625px -500px;
}
#pts ul li:nth-of-type(14):hover a {
	background-position: -750px -500px;
}
#pts ul li:nth-of-type(15):hover a {
	background-position: -875px -500px;
}
#pts ul li:nth-of-type(16):hover a {
	background-position: -1000px -500px;
}
#pts ul li:nth-of-type(17):hover a {
	background-position: 0 -625px;
}
#pts ul li:nth-of-type(18):hover a {
	background-position: -125px -625px;
}
#pts ul li:nth-of-type(19):hover a {
	background-position: -500px -625px;
}
#pts ul li:nth-of-type(20):hover a {
	background-position: -625px -625px;
}
	}
 
 
.biaoti {color: #fff; font-size: 45px; text-align: center; padding: 32px; font-weight: bolder;}

.in_con04 {
    padding-bottom: 40%;
}

@media only screen and (max-width: 1024px){
	#pts ul {width: 100%}
}

@media only screen and (min-width: 769px) and (max-width: 1024px){
	#pts ul li {margin: 22.5px}
}

@media only screen and (max-width: 480px){
	
	#pts ul li {width: 50%;     margin: auto;}
	#pts ul li a {width: 125px; height: 125px;}
	.biaoti {font-size: 25px}
	#pts ul li:hover a {background-position: 0px -125px} 
	.in_con04 {padding-bottom: 5%;}
	.in_con04 {background: url(../images/introbg.jpg)}

}
 

.in_case .cs > ul li .p h3 {font-weight: bolder}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
.in_con04 {height: 250px; padding-bottom: 350px;}
.in_con04 .right {margin-top: 50px}
}

@media only screen and (min-width: 768px) and (max-width: 1000px) { 
	.butong:after {height: 0}
	.in_con06 .right a p:nth-child(2) {font-size:20px}
	.bt3 {top: 28% !important;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.in_con04 .right dd a {font-size:  15px}
}


@media only screen and (min-width: 1281px) and (max-width: 1500px) {
	.in_con04 {
		padding-bottom: 45%;
	}	
}