@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}

 

 /*服务优势*/
.service{padding: 60px 0;}
.service ul{display:flex;justify-content: space-between;}
.service ul li .box{width: 270px;padding-bottom: 47px;background: #f4f3f3; text-align: center;cursor: pointer;transition: all .5s;}
.service ul li:last-child .box{margin-right: 0;}
.service ul li img{margin-top: 40px;width: 132px;height: 132px;}
.service ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg); /* IE 9 */-moz-transform: rotateY(180deg); /* Firefox */-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */-o-transform: rotateY(180deg); /* Opera */transition: all .5s;}
.service ul li p{font-size: 20px;margin-top: 42px;margin-bottom: 22px;font-weight: bold;padding: 0 10px;}
.service ul li i{width: 60px;height: 1px;background: #595757;display: block;margin: auto;margin-bottom: 36px;transition: all .5s;}
.service ul li span{display: block;font-size: 16px;line-height: 26px;padding: 0 10px;height: 52px;overflow: hidden;}
.service ul li .box:hover{background: #0067d0;box-shadow: 0px 0px 20px #aaa;color: #fff;}
.service ul li:hover i{background: #fff;}
 

.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/33/images/index-title-bg.png) no-repeat left center;
}
.index-title-box p{margin-top: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #97989E;
	}
	
	
.aboutbox{overflow:hidden;  }
 
.index-mask{background: #f0f0f0; width:100%;height:100%;}
.aboutbox .content{padding:30px 0;position:relative;}
.aboutbox .about-wenzi{width:950px;  background:#fff;padding:40px;}
 
.aboutbox .about-wenzi .about-cont{line-height:28px; text-align:justify; min-height:360px; overflow:hidden; width:700px; text-indent:15px;}
.aboutbox .index-more{margin:30px 0 0 0!important;}
.aboutbox .about-img{width:600px;overflow:hidden;height:370px; position:absolute;right:0;top:160px;}
.aboutbox .about-img img{}



	
.index-more{width:210px;height:40px;line-height:40px; text-align:center;color:#0067d0;border:1px solid #0067d0; margin:30px auto;}
.index-more:hover{background:#0067d0;}
.index-more:hover a{color:#fff}
 
.pro_bj{padding-top:40px;overflow: hidden;box-sizing: border-box; background:#f0f0f0;}
.pro .titis h2{background: url(/Template/AreaShop/33/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: 15px;margin-bottom: 15px;background: #fff;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 p{color: #333;font-size: 20px;line-height: 64px;border-bottom: 1px solid #eee;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.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{box-shadow: 0px 0px 20px #aaa;}
 
 
 
.al_bj{box-sizing: border-box;overflow-x: hidden;overflow-y:hidden; padding-bottom:50px; }
.anl{margin-top:20px;position:relative;}
.anl h2{color:#999}
.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:#f0f0f0;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; background:#fff}
.dongt dt{overflow: hidden;width:34%;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;;box-shadow:0 5px 10px rgba(32,33,38,0.1);}
.dongt dt:hover img{transform:scale(1.1);}
.dongt dd {width:64%;}
.dongt dd h4 {height: 30px;line-height: 30px;} 
.dongt dd h4 a{font-size:20px;color: #333333;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd h4 a:hover{color:#3754BF;}
.dongt dd span{display:inline-block;height:25px; line-height:25px; color:#999;}
.dongt dd p{font-size:14px;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;}
.aboutbox .content{display:block;padding:30px 0 0 0}	  
.aboutbox .about-wenzi{width:100%;padding:0}
.aboutbox .about-wenzi .about-cont{width:100%;}
.aboutbox .about-img{display:none;}
.aboutbox .about-img img{width:100%}
 
 
.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{display:block}
.dongt,.went{width:100%;}
 

  }