@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; 
	color:#dc001d;
	letter-spacing:2px;
}
.index-title-box p{margin-top: 20px;
    font-size: 18px;
    line-height: 20px;
    color: #97989E;
	}
	
	
.aboutbox{overflow:hidden; height:600px; background:#f5f5f5;background: url(/Template/AreaShop/32/images/bj32.jpg) no-repeat center top; }
 
.aboutbox .content{padding:30px;position:relative;overflow:hidden; }
.aboutbox .about-wenzi{width:560px;  background:#fff;padding:20px; float:right; }
 
.aboutbox .about-wenzi .about-cont{line-height:28px; text-align:justify;height:330px; overflow:hidden; font-size:16px;  text-indent:15px;}
 
.aboutbox .about-img{width:600px;overflow:hidden;height:370px; float:left; }
.aboutbox .about-img img{}



	
.index-more{width:210px;height:40px;line-height:40px; text-align:center;color:#dc001d;border:1px solid #dc001d; margin:30px auto;}
.index-more:hover{background:#dc001d;}
.index-more:hover a{color:#fff}
 
.pro_bj{padding-top:40px;overflow: hidden;box-sizing: border-box; background:#fff;}
.pro .titis h2{background: url(/Template/AreaShop/32/images/pro_tt.png) no-repeat center top;height: 111px;}
.pro .titis p{padding:0;}
.pro_nr {margin-bottom:36px;position: relative; } 
.pro_nr ul{display:flex;justify-content: space-between; flex-wrap:wrap;} 
.pro_nr ul li{ border:1px solid #eee;width:270px; height:275px; margin-bottom:15px; padding:10px;text-align:center;}
.pro_nr ul li .imgbox{width:100%;height:230px;display:flex;align-items:center;justify-content: center; overflow:hidden;}
.pro_nr ul li img{width: 100%;transition:all 0.5s;} 
.pro_nr ul li span{padding:0 10px;line-height:45px;height:45px;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#dc001d}
.pro_nr ul li:hover{border:1px solid #dc001d;}
.pro_nr ul li:hover img{transform:scale(1.1);}
.pro_nr ul li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1);}
 
.al_bj{box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;  padding-bottom:50px;}

.anl{margin-top:20px;position:relative;}

.anl ul li{background:#fff;width:290px; height:255px; margin-bottom:20px;text-align:center; margin-right:15px;}
.anl ul li .imgbox{width:100%;height:210px;display:flex;align-items:center;justify-content: center; overflow:hidden;}
.anl ul li img{width: 100%; transition:all 0.5s;} 
.anl ul li span{padding:0 10px;line-height:45px;height:45px; background:#f0f0f0;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.anl ul li:hover img{transform:scale(1.1);}
.al_j1,.al_j2{position: absolute;top:180px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}
 

.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%; background:#fff;padding-bottom:20px;}  
.dongt dl{display:flex;justify-content: space-between;padding:15px; }
.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;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 
.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;}
.dongt li{height:30px; line-height:30px; border-bottom:1px solid #ddd;margin:0 15px;}
 

 


.linkbox{background:#f2f2f2;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) {
.aboutbox{padding: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%}
.aboutbox .index-more{ margin:20px auto!important}
.youshibox{width:100%;box-sizing: border-box; padding:0; border:none;border-top:1px solid #eee;border-left:1px solid #eee}
.youshibox li{width:50%;padding:10px; border-bottom:1px solid #eee;}
.youshibox li .num{font-size:36px;}
.youshibox li .item-dt{height:20px;overflow:hidden}

.pro_nr .pro-class a{padding:0 10px; margin:5px}

 
.pro_bj{padding-top:20px;}
.pro_nr ul li{width:47%; padding:1%; height:210px;}
.pro_nr ul li .imgbox{height:165px;}
 
.al_bj{height:auto;margin-top:30px;border-top:1px solid #eee} 
.anl{padding:0 60px;width:100%;box-sizing: border-box; }
.al_j1{left:5px;top:50%;margin-top:-30px;}
.al_j2{right:5px;top:50%;margin-top:-30px;}
.anl ul li {width:100%; height:250px; margin-right:100px;margin-bottom:0}
.anl ul li .imgbox{height:205px;}
.ns_n{display:block}
.dongt,.went{width:100%;}
 
.index-title-box h2{width:100%;}
  }