@media screen and (min-width:751px){
	.banner {
	width: 100%;
	height: 640px;
	position: relative;
	background: url(../img/yp_b.jpg) no-repeat center;
}
.mobile {display: none;}
.pc {display: block;}
.in_pr_back {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
    left: 50%;
	transform: translateX(-50%);
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
	padding: 20% 10%;
	box-sizing: border-box;
}

}
.banner .bannerText {
	width: 584px;
	position: absolute;
	top: 170px;
	left: 22%;
	color: #fff;
}
.bannerText h3 {
	font-weight:400;
	font-size: 52px;
}
.bannerText h3::after{
	content: "";
	width: 100px;
	height: 3px;
	background: #3e8898;
	margin-top: 20px;
	display: block;
}
.bannerText p {
	font-size: 52px;
	padding-top: 5px;
	padding-bottom: 26px;
	color: #fff;
}
.bannerText a {
	width: 280px;
	height: 64px;
	color: #333;
	background: #00eaff;
	text-align: center;
	line-height: 64px;
	font-size: 30px;
	display: block;
	margin-top: 30px;
}
.bannerText dl dd {
	font-size: 18px;
	line-height: 32px;
	color: #fff;
}
.yp_data{
	width: 100%;
	border: 1px solid #eeeeee;
	line-height: 40px;
	box-sizing: border-box;
}
.yp_data_list {
	padding:30px 0;
}
.yp_data_list ul{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.yp_data_list ul li{
	width:18%;
}
.yp_data_list ul li p{
	font-size: 18px;
	color: #666666;
}
.yp_data_list ul li h4{
	font-size: 30px;
	color: #309ddb;
	font-weight: 100;
}
.yp_data_list ul li h4 span{
	font-size: 26px;
	color: #309ddb;
}
.yp_data_list {
	width: 1226px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.light{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	background: url(../img/yp_one.jpg) no-repeat bottom center;
	padding-bottom: 280px;
	position: relative;
}
.light h3,.intent1 h3,.intent2 h3 {
	font-size: 36px;
	width: 100%;
	padding-top: 85px;
}
.light p.lightone{
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	padding-top:20px;
}
.light ul {
	width: 100%;
	padding-top: 70px;
	padding-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.light ul li {
	width: 94px;
	text-align: center;
	position: absolute;
}
.light ul li:first-child{
    top: 44.5%;
    left: 28.5%;
}
.light ul li:nth-child(2){
	top: 62%;
    left: 52%;
}
.light ul li:nth-child(3){
	top: 43%;
    right: 26.5%
}
.light ul li h4 {
	font-size: 20px;
}
.light ul li p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	color: #888888;
}
.intent1 h3{
	color: #fff;
}
.intent1 h3,.intent2 h3{
	text-align: center;
	margin-bottom:80px;
}
.intent {
	width: 100%;
	height: auto;
	background: #151b3d;
}
.in_product ul,.in_ys ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: hidden;
}
.in_product li{
	width: 31%;
	height: auto;
	padding-bottom: 37.2%;
	overflow: hidden;
	position: relative;
	
}
.in_product li p,.in_product li h4{
	margin: 20px 0 0 0;
	color: #ffffff;
}
.in_product li h4{
	font-size: 24px;
}
.in_product li p{
	font-size: 16px;
}
.in_pr_img{	
	width: 150px;
	height: 150px;
}
.in_product li:first-child{
	background: url(../img/yp_dsp.jpg)no-repeat;
}
.in_product li:nth-child(2){
	background: url(../img/yp_mtz.jpg)no-repeat;
}
.in_product li:nth-child(3){
	background: url(../img/yp_ssp.jpg)no-repeat;
}
.in_product li:hover .in_pr_back{
	background:  rgba(12,137,227,0.8);
}
.in_pr_back h4{
	text-align: center;
}
.intents {
	width: 100%;
	height: auto;
}
.intent1,.intent2 {
	width: 1226px;
	height: auto;
	margin: 0 auto;
}
.intent1,.intent2{
	padding-bottom: 80px;
}
.intent dl {
	width: 395px;
	height: auto;
	position: absolute;
	top: 34%;
	left: 30px;
}
 .intents dl{
	width: 395px;
	height: auto;
	position: absolute;
	top: 34%;
	right: 30px;
}
.intents img {
	left: 0;
}
.intents dl {
	width: 395px;
	height: auto;
	position: absolute;
	top: 34%;
	right: 0;
}
.intent dl dt , .intents dl dt {
	font-size: 30px;
	line-height: 52px;
	font-weight: normal;
}
.intent dl dt:nth-child(2) ,.intents dl dt:nth-child(2) {
	padding-bottom: 26px;
	position: relative;
}
.intent dl dt:nth-child(2):after ,.intents dl dt:nth-child(2):after{
	position: absolute;
	content: '';
	bottom: 0;
	width: 148px;
	height: 3px;
	background: #d2d2d2;
	left: 0;
}
.intent dl dd , .intents dl dd {
	line-height: 28px;
	padding-top: 40px;
	color: #888888;
	font-size: 16px;
}

.in_ys ul li{
	width: 20%;
	margin-bottom:40px; 
	padding: 0 2%;
}
.in_ys ul li h4{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 30px;
	margin: 10px 0;
}
.in_ys ul li p{
	font-size: 14px;
	color: #666666;
}
@media screen and (max-width:1226px) and (min-width:750px) {
	.light,.yp_data_list {width:100%;}
	.intent1, .intent2 {width:100%;}
	.intent img, .intents img {width:50%;}
}

@media screen and (max-width:750px) {
	.yp_data_list{width:100%;overflow-x: scroll;}
	.yp_data_list ul {width: 12rem;height: 1.5rem;}
	.yp_data_list ul li {margin: 0 0.1rem;}
	.yp_data_list ul li p,.light p.lightone {font-size:0.3rem;}
	.yp_data_list ul li h4 {font-size: 0.5rem;}
	.yp_data_list {padding: 20px 0;}
	.mbanner {background:url('../img/yp_b.jpg') no-repeat center; background-size:cover; color:#fff;}
	.mbanner h3,.mbanner h4 {font-size:.4rem;padding-top: 1rem; font-weight: 500;text-align: left;text-indent: 1rem;}
	.mbanner h4 {font-size: .4rem;padding-top: .4rem;color:#fff;text-align: left;text-indent: 1rem;}
	.mbanner p {font-size: .22rem; line-height: .34rem; width: 73%; padding-top:.15rem;color:#fff; margin:0 auto;}
	.mbanner a {margin-top: .2rem;color:#fff;background:#5eaeeb;background:#00eaff;color:#040404;margin-top: .44rem;}
	
	.light{background-size: 400% 60%;}
	.light {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding: 0 .24rem 3rem .24rem; text-align: center; position: relative;}
	.light h3 {font-size:.48rem;padding-top:1rem;font-weight: 700;}
	.light ul {width:100%; height:auto; padding-top:.45rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.light ul li {width:3.2rem; margin-bottom:.58rem;}
	.light ul li:nth-child(3) , .light ul li:nth-child(4) {margin-bottom: .38rem;}
	.light ul li img {width: 1.2rem;margin-bottom:.25rem;}
	.light ul li h4 {font-size:.28rem;padding-bottom: .12rem;font-weight: bold;}
	.light ul li p {text-align: left;line-height: .38rem;font-size: .24rem;color:#888888;}

	.intent {background: #151b3d;}
	.intent1, .intent2{width:100%;}
	.intent , .intents {width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; position: relative;}
	.intent h3 , .intents h3 {font-size:.48rem;padding-top:1rem;line-height: .9rem;margin-left:.15rem;font-weight: bold;}
    .intent p, .intents p {margin-left:.15rem; padding-top:.18rem; line-height: .42rem; font-size:.26rem; color:#888888;}
	.intent img  {width: 100%;}
	
	.in_product li{width:100%;}
	.light ul li:first-child {top: 45.5%;left: 15.5%;}
	.light ul li:nth-child(2) {top: 63%;left: 45%;}
	.light ul li:nth-child(3) {top: 54%;left: 68.5%;}
	.in_pr_back{width: 100%;height: 100%;position:static;display: flex;justify-content: center;flex-wrap: wrap;padding: 10% 5%;box-sizing: border-box;}
	.in_pr_img {width: 100px;height: 100px;}
	.in_product li{padding-bottom: 3%;margin-bottom:0.4rem; }
	.in_product li h4{padding-top:0.5rem;}
	.in_product li p{padding-top: 0rem;line-height: .6rem;font-size: 0.32rem;}
	.in_ys ul li{width: 44%;}
	.in_product li h4{font-size: 0.48rem;}
	.in_ys ul li h4{font-size: 0.36rem;}
	.in_ys ul li p{font-size: 0.32rem;padding: 0;line-height: .6rem;}
}