@charset "utf-8";body {font-family:"Microsoft Yahei";}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*服务优势*/  
.index-title-box { padding-bottom:15px;border-bottom:1px solid #dedede;margin-bottom:20px;font-weight:700;}
.index-title-box h2 { font-size:32px;color:#ce0101;display:inline-block}
.index-title-box p {margin-top:10px;font-size:18px;line-height:20px;color:#97989E;display:inline-block}

.aboutbox {overflow:hidden; padding-bottom:50px;background:#fff;}
.aboutbox .index-title-box{border:none;margin-bottom:0}
.aboutbox .content{padding:30px 0;position:relative;overflow:hidden; }
.aboutbox .content h2{margin-bottom:20px;}
.aboutbox .about-wenzi{width:720px;  background:#f5f5f5; float:left; padding:20px 30px;} 
.aboutbox .about-wenzi .about-cont{line-height:30px; text-align:justify;height:360px; overflow:hidden; font-size:16px; } 
.aboutbox .about-wenzi .about-cont p{ text-indent:15px;margin-bottom:15px;}
.aboutbox .about-img{width:600px;overflow:hidden;height:400px; float:right;border-radius:15px;  }
 

.index-more {width:210px;height:40px;line-height:40px;text-align:center;color:#ce0101;border:1px solid #ce0101;margin:30px auto;}
.index-more:hover {background:#ce0101;}
.index-more:hover a {color:#fff}

.yousing {  border:#dedede 1px solid;overflow:hidden;}
.yousing li {width:25%;box-sizing:border-box;padding:4%;text-align:center;border-right:#dedede 1px solid;cursor:pointer; float:left;}
.yousing li:nth-child(4) {border-right:none;}
.yousing_img {width:30%;margin:0 auto;height:55px;}
.yousing_img img {max-width:100%;height:auto;}
.yousing_aa {font-size:1.2rem;font-weight:normal;font-stretch:normal;line-height:66px;letter-spacing:0px;color:#333333;}
.yousing_aa a {color:#333333;}
.yousing_bb {width:27px;height:4px;background-color:#ce0101;margin:1% auto 0;}
.yousing_cc {font-size:14px; line-height:28px;letter-spacing:0px;color:#888888;margin-top:3%;height:84px;overflow:hidden;}
 
.yousing li:hover {background:#ce0101;}
.yousing li:hover .yousing_mm {background:#fff;}
.yousing li:hover .yousing_cc {color:#fff;}
.yousing li:hover .yousing_bb {background:#fff;}
.yousing li:hover .yousing_aa {color:#fff;}
.yousing li:hover .yousing_img img {filter:invert(100%) sepia(99%) saturate(3%) hue-rotate(197deg) brightness(108%) contrast(100%);}



/*产品展示*/
.pro_bj {padding-top:40px;overflow:hidden;box-sizing:border-box;background:#fff;}
.pro .titis h2 {background:url(/Template/2018_YPM_Shop/37/images/pro_tt.png) no-repeat center top;height:111px;}
.pro .titis p {padding:0;}
.product {margin-bottom:36px;position:relative;}
.product .bigli{width:600px; height:600px;overflow:hidden;border-radius:15px;float:left; text-align:center}
.product ul {overflow:hidden;float:right;width:780px;}
.product ul li {float:left;width:250px;margin-right:15px;margin-bottom:15px;text-align:center;transition:all .5s;overflow:hidden;border-radius:15px;}
.product ul li:nth-child(3n) {margin-right:0;}
.product .img {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.product .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;}
.product .tit {z-index:10;width:100%;background:#f5f5f5;height:64px;position:relative}
.product .tit p {color:#333;font-size:16px;line-height:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .5s;padding-left:5px}
 
.product ul li:hover .img img {transform:scale(1.1);}
.product ul li:hover .tit{background:#ce0101; }
.product ul li:hover .tit p{color:#fff; }
.product ul li:hover {box-shadow:0px 0px 20px #aaa;}


.al_bj {box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;padding-bottom:50px;margin-top:30px;background:#fff}
.anl {margin-top:20px;position:relative;}
.anl ul li {float:left;width:338px;margin-right:15px;margin-bottom:15px;cursor:pointer;border-radius:15px;overflow:hidden}
.anl ul li .img {width:100%;padding-top:100%;position:relative;overflow:hidden;}
.anl ul li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;}

.anl ul li .img h3 {position:absolute;bottom:0;width:100%;color:#fff;font-size:20px;line-height:50px;background:rgba(0,0,0,.5);padding:0 10px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.anl ul li:hover .img img {transform:scale(1.1);}
.al_j1,.al_j2{position: absolute;top:200px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}

.ns_bj{background:#fff;padding:40px 0;box-sizing: border-box;} 
.newsli{display:flex;justify-content: space-between;  flex-wrap:wrap;}
.newsli li{border-bottom:#edebe9 1px dashed;background:url(/Template/2018_YPM_Shop/37/images/lidot.png) left center no-repeat; line-height:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:32%; font-size:16px; text-indent:20px;}
 

.linkbox {background:#f2f2f2;padding:15px;width:1370px;line-height:26px;margin:50px auto}
.linkbox a {margin-right:10px;}
.linkbox h4 {font-size:18px;font-weight:bold;display:inline-block}
@media (max-width:768px) {
	.aboutbox {margin-top:15px;background:#fff;height:auto;padding:15px}
.aboutbox .content{padding:0}
.aboutbox .about-wenzi{width:100%;padding:0;margin-bottom:20px;background:#fff;}
.aboutbox .about-wenzi .about-cont{padding:10px;}
.aboutbox .about-img{width:100%;height:auto}
.aboutbox .about-img img{width:100%;}
 
 .al_bj{padding:10px;}
 .al_bj ul{width:auto !important;left:0 !important;}
.al_bj .tempWrap{width:auto !important; }
.al_bj ul li {width:47% !important;margin:1%; }
.anl ul li .img h3{font-size:14px;}

.pro_bj {padding:10px;}
.product .bigli{width:100%;height:auto;margin-bottom:15px;}
.product ul{width:100%;}
.product ul li {width:48%;margin:1%;}
 
 .ns_bj{padding:40px 15px;}
 .newsli li{width:100%}
 .yousing li{width:50%;}
}