@charset "utf-8";body {font-family:"Microsoft Yahei";background:#f5f5f5;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
/*服务优势*/  
.titl {margin-bottom:30px; text-align:center;background: url(/Template/AreaShop/46/images/titbg.png)no-repeat center center;  }
.titl .zh {font-size:36px; font-weight:bold; color:#333; }
.titl .en {font-size:18px; color:#666;text-transform:uppercase; }

.index-more {width:210px;height:40px;line-height:40px;text-align:center;color:#333;border:1px solid #333;margin:30px auto;}
.index-more:hover {background:#333;}
.index-more:hover a {color:#fff}

.m3{padding:50px 0;  background:url(/Template/AreaShop/46/images/bg46-2.jpg)no-repeat center center;;overflow:hidden;position:relative}
.m3 .titl .zh{color:#fff} 

.m3top{overflow:hidden;} 
.m30 { float:left; 
    width: 600px;
    height: 420px;
    background: url(/Template/AreaShop/46/images/kuang.png) no-repeat left top;
}
.m30 img {
    padding-top: 20px;
    padding-left: 40px;
	width:560px;
}
.m31{ width:550px; float:right; max-height:410px;overflow:hidden} 
 
.m31 p{ text-indent:32px; line-height:1.8;margin-bottom:20px; font-size:16px; color:#fff;}

 

 

.c1 {padding:50px;overflow:hidden;background:#fff}

.c22 {position:relative;overflow:hidden; }
.c22 ul{padding-bottom:30px !important;}
.c22 li {float:left;width:285px; position:relative;margin-bottom:20px;margin-right:20px;}
.c22 li:nth-child(4n) {margin-right:0;} 
.c22 li:hover {-moz-box-shadow:0px 0px 10px #333333;-webkit-box-shadow:0px 0px 10px #333333;box-shadow:0px 0px 10px #333333;}
.c22 li .img {width:100%;padding-top:75%;position:relative;overflow:hidden;}
.c22 li .img img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;}
.c22 li  h3 {font-size:14px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px; background:#fff;}
.c22 li:hover .img img {transform:scale(1.1);}


.c2 {position:relative;overflow:hidden; }
.c2 ul{padding-bottom:30px !important;}
.c2 li {float:left;width:25%; position:relative;margin-right:20px;box-shadow:0px 0px 10px #999; }
 
 
.c2 li .img {width:100%;padding-top:100%;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:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px; text-align:center;font-size:16px;}
.c2 li:hover .img img {transform:scale(1.1);}
 

.ysbox {width:100%; background:url(/Template/AreaShop/46/images/ysbg.jpg) no-repeat center center;;padding:50px 0; overflow:hidden} 
.ysbox .yscont{overflow:hidden;margin:30px 0;}
.ysbox ul {width:410px;}
.ysbox li {width:100%;height:132px;background:url(/Template/AreaShop/46/images/li1.png) no-repeat left center;margin-top:24px;}
.ysbox ul li i {float:left;width:107px;height:107px;margin-top:12px;}
.ysbox ul li img {display:block;margin:0 auto;height:28px;margin-top:39px;}
 
.ysbox .li_cont {width:55%;float:left;margin-left:55px;}
.ysbox .li_cont span {font-size:16px;color:#333;display:block;font-weight:bold;padding-top:15px;}
.ysbox .li_cont p {font-size:13px;color:#333;line-height:22px;margin-top:5px;}
 
.ysbox .gobuy{margin:20px auto;text-align:center; font-size:28px;}
 
.fl {margin-right:5px;}
.fr li {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.fr .li_cont {transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);position:relative;}
 
.ysbox .pic {float:left;width:355px;margin-left:8px;height:355px;overflow:hidden}
.ysbox .pic img {display:block;width:100%;object-fit:cover;height:100%;}
 
 


.n1 {background:#f5f5f5;padding:40px 0;box-sizing:border-box;overflow:hidden}
.ns_n{margin-top:15px;}
.ns_n dl{width:100%;display:flex;justify-content: space-between; }  
.ns_n dl dt{overflow: hidden;width:300px;height:200px;display:flex;align-items:center;justify-content: center; overflow:hidden;box-sizing: border-box;border:1px solid #ddd;}
.ns_n dl dt img {width:100%;transition:all 0.5s;} 
.ns_n dl dt:hover{border-color: #fff;;box-shadow:0 5px 10px rgba(32,33,38,0.1);}
.ns_n dl dt:hover img{transform:scale(1.1);}
.ns_n dl dd {padding:20px; background:#fff;width:880px;}
.ns_n dl dd h4 {height: 30px;line-height: 30px;} 
.ns_n dl dd h4 a{font-size:20px;color: #333333;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.ns_n dl dd h4 a:hover{color:#3754BF;}
.ns_n dl dd span{display:inline-block;height:25px; line-height:25px; color:#999;}
.ns_n dl dd p{font-size:14px;color: #999;line-height: 25px; height:75px; overflow:hidden; margin-top:10px;}
 
.ns_n ul{width:100%;  }  
.ns_n ul li {    height: 76px;width:590px; margin-right:20px;   background: #fff;    margin-top: 20px; float:left;box-sizing:border-box;}
.ns_n ul li:nth-child(2n){margin-right:0;}
 
.ns_n ul li div:nth-child(1) {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;width:420px;
    float: left;    line-height: 74px;    margin-left: 10px;    font-size: 16px;    
}
.ns_n ul li div:nth-child(2) {    float: right;    height: 30px;    line-height: 30px;    text-align: center;    border: 1px solid #bdbdbd;
    color: #bdbdbd;    border-radius: 100%;    width: 30px;    margin-top: 20px;    margin-right: 30px;}
	
 

.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) {
 
  
.m3{padding:15px;}
.m30{display:none}
.m31{width:100%;margin:0;}
.m31 .cn,.m31 .en{font-size:24px;}
.m32{width:100%;margin-top:15px;} 
.titl{margin-bottom:10px; }
.titl .zh {font-size:28px;background:none}
 
.c11{display:none}

.ysbox ul{width:100%;}
.ysbox .pic{display:none}

 .c1{padding:15px 10px;}
.c1 ul {width:auto !important;left:0 !important;}
.c1 .tempWrap {width:auto !important;}
.c1 ul li {width:48% !important;margin:1%;}

.n1{padding:30px 15px;}
 
.dongt dt{height:280px}
.ns_n dl{width:100%;}
 

.ns_n dl dt{width:35%;height:150px;}
.ns_n dl dd{width:63%;padding:0 1%;}
.ns_n ul li{width:100%;box-sizing:border-box;}
.ns_n ul li div:nth-child(1){width: calc(100% - 100px);}

 
}
