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

/*search*/
.search{height: 80px;border-bottom:1px solid #e8e8e8;}
.search p{float: left;height: 80px;line-height: 80px;font-size: 14px;color: #333;}
.search p a{margin-right:15px;color: #666;font-size: 14px;}
.s_box{float: right;margin-top:22px;width: 276px;height: 36px;border:2px solid #d0d0d0;border-radius:18px;}
.s_box .input1{float:left;width:230px;padding-left: 15px;height:36px;line-height: 36px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:20px;height: 36px;border: 0;background: url(/Template/AreaShop/29/images/ss.png) no-repeat center;outline: 0;cursor: pointer;background-size:100%}
 


.youshibox{ width:678px;border:1px solid #EAEAEA; margin-top:20px; padding:20px 0; float:right}
.youshibox li{width:25%; text-align:center;border-right:1px solid #EAEAEA;box-sizing:border-box;float:left;}
.youshibox li .num {
    font-size: 36px;
    line-height: 48px;
    color: #e70012;
    font-weight: bold;
}
.youshibox li sub {
    font-size: 16px;
    line-height: 18px;
    color: #e70012;
    bottom: 0;
    margin-left: 5px;
}
.youshibox li .item-dt {
    font-size: 18px;
    line-height: 20px;
    margin-top: 16px;
    color: #666;
}
.index-title-box{text-align:center; height:88px;padding-bottom:20px;}
.index-title-box h2{width: 348px;
    margin: 0 auto;
    font-size: 32px;
	color:#e70012;
    background: url(/Template/AreaShop/29/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;height:570px;background:#f0f0f0; }
 
.index-mask{ width:100%;height:100%;background:rgb(0,0,0,0.8)}
.aboutbox .content{padding:30px 0;}
.aboutbox .about-wenzi{width:1120px;  background:#fff;padding:40px 40px 20px 40px;;position:relative; overflow:hidden}
 
.aboutbox .about-wenzi .about-cont{line-height:28px; text-align:justify;height:240px; overflow:hidden; width:680px; text-indent:15px; float:right}
.aboutbox .index-more{margin:30px 0 0 0!important;}
.aboutbox .about-img{width:460px;overflow:hidden;height:400px; position:absolute;left:0;top:0;}
.aboutbox .about-img img{}



	
.index-more{width:210px;height:40px;line-height:40px; text-align:center;color:#e70012;border:1px solid #e70012; margin:30px auto;}
.index-more:hover{background:#e70012;}
.index-more:hover a{color:#fff}
 
.pro_bj{overflow: hidden;box-sizing: border-box; background:url(/Template/AreaShop/29/images/ab_bj.jpg) no-repeat center top;}
 
.pro_bj .content{width:100%;padding:40px 10px;box-sizing: border-box;}
.pro_nr {margin-bottom:36px;position: relative; }
.pro_nr .pro-class{margin-bottom:20px;text-align:center}
.pro_nr .pro-class a{height:40px;line-height:40px; text-align:center;display:inline-block;padding:0 25px; margin:5px 15px;background:#fff;}
.pro_nr .pro-class a:hover{background:#e70012;color:#fff}
.pro_nr ul{display:flex;justify-content: space-between; flex-wrap:wrap;} 

.pro_nr ul li{background:#fff;width:24%; height:375px; margin-bottom:20px; text-align:center;transition:all 0.5s;}
.pro_nr ul li:hover{transform: translateY(-10px);}
.pro_nr ul li .imgbox{width:100%;height:330px;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; background:#f0f0f0;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.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);}
.pro_bj .index-more{background:#e70012;}
.pro_bj .index-more a{color:#fff;}

 
.al_bj{box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;  padding:50px 0; }

.anl{margin-top:20px;position:relative;}
 
.anl ul{} 
.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; background:#f8f8f8;}
.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:193px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}
 

.ns_bj{background:#fff;padding:40px 0;}
.news{background:#f0f0f0;padding:40px;box-sizing: border-box; overflow:hidden;height:auto;}
.news .title-box{padding:35px;font-size:24px; font-weight:bold;line-height:25px;letter-spacing: 2px; float:left;background:#e70012;color:#fff; margin-top:280px}
.ns_n{display:flex;justify-content: space-between;  flex-wrap:wrap; width:960px;float:left;margin-left:30px;}
.dongt{width:100%; margin-bottom:20px;transition:all 0.5s;}  
 
.dongt dl{overflow:hidden;}
.dongt dt{overflow: hidden;width:140px;height:120px;display:flex;align-items:center;justify-content: center; overflow:hidden;box-sizing: border-box;float:left;background:#fff; padding:10px;}
.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:780px; float:left; background:#fff;padding:10px 20px;; }
.dongt dd h4 {height: 25px;line-height: 25px;} 
.dongt dd h4 a{font-size:20px;color: #333333;line-height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd h4 a:hover{color:#e70012;}
.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; }
 
 

 


.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) {
	.search{display:none;}
.aboutbox{padding:15px; background:#fff;height:auto;}
.aboutbox .content{display:block;padding:30px 0 0 0}	  
.aboutbox .about-wenzi{width:100%;padding:0;float:none;}
.aboutbox .about-wenzi .about-cont{width:100%;float:none;}
.aboutbox .about-img{position:relative;left:0;top:0;height:auto}
.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;float:none;}
.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}
.index-title-box h2{width:100%;background-size:100%}
 
.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:0px;border-top:1px solid #eee;padding:30px 0;} 
.anl{padding:0 60px;width:100%;box-sizing: border-box; }
.al_j1{left:5px;top:50%; }
.al_j2{right:5px;top:50%; }
.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%;}
.ns_bj{padding:0;} 
.news{padding:20px 10px 0 10px;height:auto}
.news .title-box{padding:5px 15px;font-size:16px;margin-top:0;}
.ns_n{width:100%;margin-left:0px;}
.dongt dl{display:flex;justify-content: space-between;}
.dongt dt{overflow: hidden;width:34%;height:120px;}
.dongt dd {width:64%;}
.news .title-box{margin-bottom:15px;}
.news .title-box br{display:none;}

  }