@charset "utf-8";body {font-family:"Microsoft Yahei";}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*服务优势*/  
.index-title-box {text-align:center;padding-bottom:20px;}
.index-title-box h2 {width:348px;margin:0 auto;font-size:32px;background:url(/Template/AreaShop/35/images/index-title-bg.png) no-repeat left center;color:#0b9243}
.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 .content h2{color:#0b9243;margin-bottom:20px;}
.aboutbox .about-wenzi{width:740px;  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; }
.aboutbox .about-img img{}

.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}

.advan-list{display:flex;justify-content:space-between;margin-bottom:30px;}
.advan-list li{background:#fff;border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.05);text-align:center;padding:30px;position:relative;height:300px;cursor:pointer;width:280px}
.advan-list li a:after {position:absolute;right:0;bottom:0;width:0;height:100%;content:"";background:#048f3e;border-radius:5px;z-index:1;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.advan-list li:hover a:after {left:0;width:100%}
.advan-list li h3 {color:#333;font-size:24px;font-weight:600;line-height:2;margin:2.5vh 0;position:relative;z-index:9;top:0;transition:all 0.8s;}
.advan-list li:hover h3 {top:-100px;color:#fff;}
.advan-list li .intro {color:#666;font-size:15px;line-height:2;height:90px;overflow:hidden;position:relative;z-index:9;top:0;transition:all 0.8s;}
.advan-list li:hover .intro {top:-100px;color:#fff;height:180px;}
 


/*产品展示*/
.pro_bj {padding-top:40px;overflow:hidden;box-sizing:border-box;background:#fff;}
.pro .titis h2 {background:url(/Template/AreaShop/35/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:338px;margin-right:16px;margin-bottom:15px;text-align:center;transition:all .5s;}
.product ul li:nth-child(4n) {margin-right:0;}
.product ul li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.product ul li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;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);}


.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:100%; 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:10%;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:88%;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:#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:0}
.aboutbox .content{padding:0}
.advan-list{flex-wrap:wrap}
.advan-list li{width:50%;box-sizing:border-box;margin-bottom:10px;padding:10px;}
.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;}
.anl ul li .img h3 {line-height:40px;font-size:14px;}
.service {display:none;}
.pro_bj {padding-top:20px;}
.product ul li {width:48%;margin:1%;}
.al_bj {height:auto;margin-top:30px;border-top:1px solid #eee}
.anl {width:100%;box-sizing:border-box;}
.anl ul li {width:48%;margin:1%;}
.ns_n {margin:0;}
 
.dongt dt{width:34%;}
.dongt dd{width:64%;}
}
