@charset "utf-8";body {font-family:"Microsoft Yahei";background:#f5f5f5;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*服务优势*/  
.index-title-box {text-align:center;padding-bottom:20px;}
.index-title-box h2 {width:248px;margin:0 auto;font-size:24px;background:url(/Template/2018_YPM_Shop/36/images/x_bj.png) no-repeat center;color:#fff;height:55px;line-height:55px;}
.index-title-box p {margin-top:20px;font-size:18px;line-height:20px;color:#97989E;}

.aboutbox {overflow:hidden; padding-bottom:50px;background:#f0f0f0;}
.aboutbox .content{padding:30px;position:relative;overflow:hidden; }
 
.aboutbox .about-wenzi{width:560px;  background:#fff;padding:20px; float:right; } 
.aboutbox .about-wenzi .about-cont{line-height:30px; text-align:justify;height:360px; overflow:hidden; font-size:16px;  text-indent:15px;} 
.aboutbox .about-img{width:600px;overflow:hidden;height:400px; float:left; }
 

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



.in-ys{ background: url(/Template/2018_YPM_Shop/36/images/nav_bj.jpg) no-repeat; padding: 50px 0;background-size:100% 100%; overflow:hidden}
.in-ys-left{ float: left; width: 310px; color: #ffffff; }
.in-ys-left .tit{font-size: 30px;margin: 42px 0; font-weight: bold;}
.in-ys-left .tit b{display: block;font-size: 38px;}
.in-ys-left .tit span{font-weight: normal;font-size: 26px;margin-top:15px;padding-bottom: 68px;border-bottom: 1px solid #38a39b; display: block;}
.in-ys-left .tel span{ font-size: 18px; display: block;}
.in-ys-left .tel strong{ font-size: 36px;  display: block; margin: 25px 0 15px; }


.in-ys-right{ float: right; width: 866px;border-top: 1px solid #38a39b; border-left: 1px solid #38a39b;   }
.in-ys-right li{ float: left; width: 33.333%; height: 250px;  display: flex; justify-content: center;align-items: center; text-align: center; cursor: pointer; box-sizing: border-box; border-right: 1px solid #38a39b; border-bottom: 1px solid #38a39b; overflow:hidden}
.in-ys-right li .text{ padding: 0 28px;transition: all 0.5s;  }
.in-ys-right li .num{ background: url(/Template/2018_YPM_Shop/36/images/cpysico1.png) no-repeat;transition: all 0.5s; width: 80px; height: 80px; margin: 10px auto; font-size: 34px; color: #308f85; font-weight: bold; display: flex; justify-content: center;align-items: center; }
.in-ys-right li h4{margin:0;font-size: 22px; color: #FFF; transition: all 0.5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-ys-right li p{margin:0; display: none; transition: all 0.5s; }
.in-ys-right li.active{ background: #FFF; }
.in-ys-right li.active .num{background-image:url(/Template/2018_YPM_Shop/36/images/cpysico2.png); width: 95px; height: 95px;}
.in-ys-right li.active h4{ margin: 0 0 5px; color: #333; }
.in-ys-right li.active p{ display: block; }
 


/*产品展示*/
.pro_bj {padding-top:40px;overflow:hidden;box-sizing:border-box;background:#fff;}
.pro .titis h2 {background:url(/Template/2018_YPM_Shop/36/images/pro_tt.png) no-repeat center top;height:111px;}
.pro .titis p {padding:0;}
.product {margin-bottom:36px;position:relative;}

.product ul {overflow:hidden}
.product ul li {float:left;width:280px;margin-right:18px;margin-bottom:15px;text-align:center;transition:all .5s; border:1px solid #dedede}
 
.product ul li .img {width:100%;padding-top:100%;position:relative;overflow:hidden;}
.product ul li .img img {width:100%;height:100%;position:absolute;left:0;top:0;object-fit: cover;display:block;transition:all .5s;}
.product ul li .tit {z-index:10;width:100%;background:#fff;height:64px;position:relative}
.product ul li .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 .tit span {display:block;line-height:50px;transition:all .5s;}
.product ul li:hover .img img {transform:scale(1.1);}
.product ul li:hover .tit{background:#0b9243; }
.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:#f0f0f0}
.anl {margin-top:20px;position:relative;}
.anl ul li {float:left;width:338px;margin-right:15px;margin-bottom:15px;cursor:pointer;}
.anl ul li .img {width:100%;padding-top:75%;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;}
.anl ul li:nth-child(4n) {margin-right:0;}
.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:193px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}


.ns_bj{background:#fff;padding:40px 0;box-sizing: border-box;} 
.ns_n{display:flex;justify-content: space-between; margin-top:15px; flex-wrap:wrap;}
.dongt{width:49%; margin-bottom:15px;}  
.dongt dl{display:flex;justify-content: space-between;padding:15px;box-shadow:0 5px 10px rgba(32,33,38,0.1);}
.dongt dt{overflow: hidden;width:20%;height:120px;display:flex;align-items:center;justify-content: center; overflow:hidden;box-sizing: border-box;border:1px solid #ddd;}
.dongt dt img {width:100%;transition:all 0.5s;} 
.dongt dl:hover{border-color: #fff;;}
.dongt dt:hover img{transform:scale(1.1);}
.dongt dd {width:78%;font-size:16px;}
.dongt dd h4 {height: 30px;line-height: 30px;font-size:18px;}  
.dongt dd span{display:inline-block;height:25px; line-height:25px; color:#999;}
.dongt dd p{color: #999;line-height: 25px; height:50px; overflow:hidden; margin-top:10px;}
 
 

.linkbox {background:#fff;padding:15px;width:1170px;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:0}
.aboutbox .content{padding:0} 
.aboutbox .about-wenzi{width:100%;padding:0}
.aboutbox .about-wenzi .about-cont{padding:10px;margin-bottom:20px;}
.aboutbox .about-img{width:100%;height:auto}
.aboutbox .about-img img{width:100%;}
.advan-list li h3{font-size:18px;}

.product ul li .tit p,.product ul li .tit {line-height:40px;height:40px;}
 
.pro_bj {padding-top:20px;}
.product ul{width:auto !important;left:0 !important;}
.product .tempWrap{width:auto !important; }
.product ul li {width:47% !important;margin:1%; }

.in-ys{padding:0;}
.in-ys-left{display:none;}
.in-ys-right{width:100%}
.in-ys-right li{width:50%;}
 
.ns_n {margin:0;}
.dongt{width:100%;}
.dongt dt{width:34%;}
.dongt dd{width:64%;}
}