@charset "utf-8";body {font-family:"Microsoft Yahei"; background:#f5f5f5;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*服务优势*/  
.index-tlt1{
    text-align: center;    
    padding-bottom: 30px;
}
.index-tlt1 h2{
    font-size: 40px;
    font-weight: bold;
    color: #ff8d06;
    line-height: 1.6;
}
.index-tlt1 p{
    font-size: 18px;
    color: #333333;
    line-height: 1.6;
}

.a1 {overflow:hidden; padding-top:30px;background:url(/Template/AreaidUid_YPM_Shop/42/images/aboutbg.jpg) no-repeat top center;}
.a1 .index-tlt1 p{color:#fff}
.a1 .wenzibox{ height:300px;background: rgba(0,0,0,0.8);padding:20px 30px;  font-size:16px; overflow:hidden;margin:50px 0;border-radius: 10px;} 
.a1 .wenzibox p{ text-indent:15px;margin-bottom:20px;line-height:30px;text-align:justify; color:#999;}
 
 
 
 .yul {
    overflow:hidden;
}

.yul li {
    width: 254px;
    height: 270px;
    background: rgba(0,0,0,0.8);
    box-shadow: 5px 8px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-right: 61px;
}

.yul li:last-child {
    margin-right: 0;
}

.yul li div.img {
    display: block;
    text-align: center;
    height: 95px;
    line-height: 95px;
    margin-top: 30px;
}

.yul li h4 {
    color: #999;
    font-size: 22px;
    text-align: center;
 
}

.yul li span {
    color: #999;
    line-height: 25px;
    font-size: 14px;
    display: block;
  padding:0px 20px;
  margin:10px 0;
  max-height:75px;
  overflow:hidden
   
}


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


 


/*产品展示*/
 .p1 {padding:50px 0;background:#fafafa; overflow:hidden} 
.p2 li {width:380px;background-color:#ffffff;border:solid 1px #e5e5e5;margin-bottom:60px;overflow:hidden;transition:all ease .3s; float:left;margin-right:27px;}
.p2 li a {display:block;position:relative;}
.p2 li a div.img {overflow:hidden;width:380px;height:285px}
.p2 li a div.img img {display:block;width:100%;transition:all ease .6s;object-fit: cover;height:100%;}
.p2 li .cont {position:absolute;bottom:0;left:0;right:0;height:43px;transition:all ease .3s;text-align:center;background:#fff;border-top:1px solid #e5e5e5;}
.p2 li .cont span {width:83px;line-height:27px;border:solid 1px #e5e5e5;font-size:12px;color:#ffffff;text-align:center;display:inline-block;margin:10px auto 0;}
.p2 li a h3 {line-height:43px;text-align:center;font-size:14px;color:#343333;font-weight:400; overflow:hidden;width:100%;height:43px;}
.p2 li:nth-child(3n) {margin-right:0;}
.p2 li:hover .cont {height:118px;background-color:rgba(0,0,0,0.6);box-shadow:1px 2px 7px 0px rgba(0,0,0,0.29);border-top:1px solid rgba(83,83,83,.84);padding-top:8px;}
.p2 li:hover .cont h3 {color:#fff;}
.p2 li:hover div.img img {transform:scale(1.1);}
.p2 li:hover {box-shadow:1px 2px 7px 0px rgba(0,0,0,0.29);}


 .c1 {padding:50px 0;  overflow:hidden;}
.c2{position:relative} 
.c2 li {float:left;width:285px;margin-right:20px;margin-bottom:15px;cursor:pointer; overflow:hidden}
.c2 li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.c2 li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit: cover;}

.c2 li  h3 {  font-size:16px;line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;border:1px solid #dedede;padding-left:5px;}
.c2 li:hover .img img {transform:scale(1.1);}
.al_j1,.al_j2{position: absolute;top:100px;}
.al_j1{left:-60px;}
.al_j2{right:-60px;}


.n1{background:#fff;padding:40px 0;box-sizing: border-box; overflow:hidden} 
.n2{width:50%;float:left;}
.n1 .bigli{background:#f5f5f5}
.n1 .bigli li{margin-bottom:0;} 
.n1 .pic {overflow:hidden;position:relative; height:400px;}
.n1 .pic img {display:block;width:100%;transition:all ease .6s;object-fit: cover;height:100%;} 
.n1 ul{margin-left:20px;}
.n1 li {padding:15px 30px; border:1px solid #dedede;margin-bottom:10px; }
.n1 ul li:hover{ box-shadow: 0 0 21px #d2d2d2;    z-index: 1;    transition: 300ms;}
.n1 li h3{font-size:16px;color:#666;font-weight:400; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; margin-bottom:10px;} 
.n1 li p{font-size:14px;line-height:25px;color:#aaa;overflow:hidden;max-height:50px;margin-bottom:10px;}
.n1 .more {height:20px; background: url(/Template/AreaidUid_YPM_Shop/42/images/icon20.png) no-repeat right; } 

 
 

.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) { 
.index-tlt1 h2{font-size:24px;} 
.p1 {padding-top:20px;}
.p1 ul{width:auto !important;left:0 !important;}
.p1 .tempWrap{width:auto !important; }
.p1 ul li {width:48% !important;margin:1%; box-sizing:border-box; }
.p2 li a div.img{width:100%;padding-top:100%;height:0;}
.p2 li a div.img img{width: 100%;    height: 100%;    position: absolute;    left: 0;    top: 0;    object-fit: cover;    display: block;transition: all .5s;}

.yul li{width:48% !important;margin:1%; }
.a1 .wenzibox{margin:15px 0;}

.c1 ul{width:auto !important;left:0 !important;}
.c1 .tempWrap{width:auto !important; }
.c1 ul li {width:48% !important;margin:1%; }
 
 
.n2{width:100%;}
.n1 .pic{height:0;padding-bottom:75%;}
.n1 .pic img{width: 100%;  height: 100%; position: absolute;   left: 0;    top: 0; object-fit: cover;    display: block;transition: all .5s;}
.n1 ul{margin:0;}
 
}