@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}

 
 




.index-title-box{text-align:center; height:88px;padding-bottom:20px;}
.index-title-box h2{width: 348px;margin: 0 auto;font-size: 32px;color:#0374ce;background: url(/Template/AreaShop/30/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;border-top:1px solid #eee } 
.aboutbox .content{padding:30px 0;}
 


 
	
.index-more{width:210px;height:40px;line-height:40px; text-align:center;color:#0374ce;border:1px solid #0374ce; margin:30px auto;}
.index-more:hover{background:#0374ce;}
.index-more:hover a{color:#fff}
 
.pro_bj{overflow: hidden;box-sizing: border-box;}
.pro_bj .index-title-box h2{color:#fff}
 
.pro_bj .content{padding:40px 0px;box-sizing: border-box;} 
.pro_list{border:1px solid #eee;padding:15px; margin-bottom:20px;	-webkit-box-shadow:0 5px 10px rgba(32,33,38,0.1);
	-moz-box-shadow:0 5px 10px rgba(32,33,38,0.1);
	box-shadow:0 5px 10px rgba(32,33,38,0.1);}
.pro-list-top{ margin-bottom:15px;height:33px;} 
.pro-list-top span{font-size:22px;font-weight:bold;margin-right:15px; color:#0374ce}
.pro-list-top  a{ margin-right:15px;}

 
.pro-list-cont{display:flex;justify-content: space-between; flex-wrap:wrap;} 
.pro-list-cont li{background:#fff;width:288px; height:237px;  text-align:center;transition:all 0.5s;}
.pro-list-cont li:hover{transform: translateY(-10px);}
.pro-list-cont li .imgbox{width:100%;height:192px;display:flex;align-items:center;justify-content: center; overflow:hidden; border:1px solid #eee;box-sizing: border-box;padding:5px;}
.pro-list-cont li img{max-width: 100%;transition:all 0.5s;max-height:100%} 
.pro-list-cont li span{padding:0 10px;line-height:45px;height:45px; background:#f0f0f0;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.pro-list-cont li:hover img{transform:scale(1.1);}
.pro-list-cont li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1);}
.pro_bj .index-more{background:#0374ce;}
.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 .dalist{width:580px;height:520px;}
.anl .dalist .imgbox{ height:475px;}
.anl ul li:nth-child(3){margin-right:0;}
.anl ul li:nth-child(5){margin-right:0;}
.anl ul li{background:#fff;width:290px; height:255px; margin-bottom:10px;text-align:center; margin-right:20px; float:left;}
.anl ul li .imgbox{width:100%;height:210px;display:flex;align-items:center;justify-content: center; overflow:hidden;   border:1px solid #eee;box-sizing: border-box; }
.anl ul li img{max-width: 100%; transition:all 0.5s;max-height:100%;} 
.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;box-sizing: border-box;}
 
.ns_n{display:flex;justify-content: space-between; margin-top:15px;flex-wrap:wrap;}
.ns_n dl{width:380px;margin-bottom:10px;}  
.ns_n dl dt{overflow: hidden;width:100%;height:240px;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:#f0f0f0;}
.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:50px; overflow:hidden; margin-top:10px;}
 
 


.linkbox{background:#f2f2f2;padding:15px; width:1170px; line-height:26px; margin:50px auto}
.linkbox em{padding: 0px 6px; font-size: 12px;}
.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}	  
 .index-mask{padding:15px 0;}

.pro_nr .pro-class a{padding:0 10px; margin:5px}
.index-title-box{height:auto;padding-bottom:0;}
.index-title-box h2{width:100%;background-size:100%;font-size:24px;}
 .index-title-box p{font-size:14px;margin-top:10px}
 .pro_bj .content{padding:0;}
 .pro-list-cont{width:100%;}
.pro-list-cont li{width:47%; padding:1%; height:210px;}
.pro-list-cont li .imgbox{height:165px;}
.pro-left{display:none; } 
.pro_bj .index-more{margin:0 auto;}
.al_bj{height:auto;margin-top:0px;border-top:1px solid #eee;padding:30px 0 0 0;} 
.anl{padding:0 0px;width:100%;box-sizing: border-box; }
.al_j1{left:5px;top:50%; }
.al_j2{right:5px;top:50%; }
.anl .index-title-box{margin-bottom:15px;}
.anl ul li {width:100%; height:300px; margin-right:100px;margin-bottom:0}
.anl ul li .imgbox{height:255px;}
.ns_n{display:block}
.dongt,.went{width:100%;}
.dongt dt{height:280px}
.ns_n dl{width:100%;}

.section{background-size:auto auto;}
.iflow-list .step{width:100%;}
.iflow-list{margin-top:15px;}
.anl .dalist{width:100%;height:300px;}
.anl .dalist .imgbox{height:255px;}

  }