@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: 28px;line-height:30px;
    font-weight: bold; 
    color: #439e00;
    background:url(/Template/AreaidUid_YPM_Shop/41/images/title.png) no-repeat top center;margin-bottom:15px;
}
.index-tlt1 p{
    font-size: 18px;
    color: #333333;
    line-height: 1.6;
}

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

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


 .l1 {padding:50px 0;  overflow:hidden;background:#fff}
.lc {display:flex;justify-content:space-between;}
.lc li {position:relative;float:left;width:150px;text-align:center;padding:50px 18px;transition:.5s;border:1px solid #dedede;} 
.lc li:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#439e00;opacity:0;transform:translateY(100%);transition:.5s;}
.lc li:hover:before {opacity:1;visibility:visible;transform:translateY(0);}
.lc li .pic {display:flex;width:110px;height:110px;background:#fff;border:1px solid #e8e8e8; border-radius:50%;transition:.5s;align-items:center;justify-content:center;margin:0 auto}
.lc li:hover .pic {-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.lc li .tit {position:relative;font-size:24px;color:#333;margin-bottom:15px;margin-top:15px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;font-weight:500;}
.lc li:hover .des,.lc li:hover .tit {color:#fff;}
.lc li .des {position:relative;margin-bottom:30px;font-size:16px;font-weight:100;color:#999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
 
 

/*产品展示*/
 .p1 {padding:50px 0;background:#f5f5f5; overflow:hidden} 
 .p2{display:flex;flex-wrap:wrap;justify-content:space-between}
.p2 li {width:600px;background-color:#ffffff; overflow:hidden; }
.p2 li a { position:relative;display:flex; justify-content: space-between;}
.p2 li .li_img {overflow:hidden;width:300px;height:200px;}
.p2 li .li_img img {display:block;width:100%;transition:all ease .6s;object-fit: cover;height:100%;}
.p2 li:hover img {transform:scale(1.1);}
.p2 li .li_info { background:#fff; padding:15px 25px;width:250px;  position:relative}
.p2 li .li_info span {    padding: 6px 12px;    border-radius: 3px 4px;    color: #9e9e9e;    border: 1px solid #cacaca;}
.p2 li .li_info p {line-height: 25px;max-height:75px; margin-bottom: 20px; overflow:hidden; }
.p2 li .li_info h3 {font-size:18px;color:#459700;font-weight:400;  overflow:hidden;width:100%;height:40px; line-height:40px;   } 
.p2 li .li_info:after {position: absolute;top: 70px;content: "";border-style: solid;border-color: transparent #fff transparent transparent;border-width: 20px 30px 20px 0;left: -30px;}
.p2 li:nth-child(4n) a{flex-direction: row-reverse;}
.p2 li:nth-child(4n-1) a{flex-direction: row-reverse;}
.p2 li:nth-child(4n) .li_info:after{left: 100%;border-width: 20px 0 20px 30px;border-color: transparent transparent transparent #fff;}
.p2 li:nth-child(4n-1) .li_info:after{left: 100%;border-width: 20px 0 20px 30px;border-color: transparent transparent transparent #fff;}


.c1 {padding:50px 0;  overflow:hidden;background:#f6f6f6}
.c2{position:relative} 
.c2 li {float:left;width:285px;margin-right:20px;margin-bottom:15px;cursor:pointer; overflow:hidden;background:#fff}
.c2 li:hover {
    -moz-box-shadow: 0px 0px 10px #333333;
    -webkit-box-shadow: 0px 0px 10px #333333;
    box-shadow: 0px 0px 10px #333333;
}
.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:40px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;  ;padding:10px;}
.c2 li:hover .img img {transform:scale(1.1);}
.c2 .go{ height: 60px;margin-left:15px;    background: url(/Template/AreaidUid_YPM_Shop/41/images/icon20.png) no-repeat center left;}
.al_j1,.al_j2{position: absolute;top:150px;}
.al_j1{left:-60px;}
.al_j2{right:-60px;}


.n1{background:#f5f5f5;padding:40px 0;box-sizing: border-box; overflow:hidden} 
.n2{width:100%; }
 
.n1 .lipic {overflow:hidden;position:relative; width:180px;height:120px; float:left;;}
.n1 .lipic img {display:block;width:100%;transition:all ease .6s;object-fit: cover;height:100%;} 
.n1 li .litxt{width:970px;float:right;} 
.n1 li {padding:15px; border:1px solid #dedede;margin-bottom:10px; overflow:hidden;background:#fff}
.n1 ul li:hover{ box-shadow: 0 0 21px #d2d2d2;    z-index: 1;    transition: 300ms;}
.n1 li h3{font-size:18px;color:#666;font-weight:500; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; margin-bottom:10px;} 
.n1 li p{font-size:14px;line-height:25px;color:#aaa;overflow:hidden;height:50px;margin-bottom:10px;}
.n1 .more {height:20px; background: url(/Template/AreaidUid_YPM_Shop/41/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:28px; background:none} 
.p1 {padding-top:20px;}
.p1 ul{width:auto !important;left:0 !important;}
.p1 .tempWrap{width:auto !important; }
.p1 ul li {width:100% !important;  }
.p2 li .li_img{width:50%; }
.p2 li .li_info{width:50%; box-sizing:border-box;border-bottom:1px solid #dedede}
.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;}
.lc{display:block;}
.lc li{width:50% !important;box-sizing:border-box;} 
.a1 .wenzibox{margin:15px;padding:15px;}

.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 .lipic{width:80px;height:80px;}
.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;}

.n1 li .litxt{ width: calc(100% - 90px);}
.n1 li p{height:25px;} 
}