@charset "utf-8";
/*common*/
.index_title{text-align:center;margin:62px auto 50px;border-bottom:1px solid #B5B5B5}
.index_title:after{display:block;content:'';clear:both}
.index_title strong{display:block;font-size:31px;color:#348DE1;line-height:30px}
.index_title span{display:block;font-size:15px;color:#545454;margin-top:13px;line-height:15px}
.index_title a{display:block;float:right;line-height:14px;font-size:15px;color:#666;margin-bottom:14px}
.img{overflow:hidden}
.img img{max-width:100%;height:100%;transition:0.5s}
.img img:hover{transform:scale(1.1)}
/*product*/
#product{}
.product{margin-bottom:20px}
.product li{float:left;box-sizing:border-box;width:25%;padding:0 5px;text-align:center;margin-bottom:5px;line-height:3}
.product li a{display:block;border-radius:10px;background:#338CE0;color:#fff}
.product li a:hover{background:#076ce0}
.prolist:after{display:block;content:'';clear:both}
.prolist li{width:25%;float:left;box-sizing:border-box;padding:0 10px;margin-bottom:20px}
.prolist li a{display:block;border:1px solid #ccc}
.prolist li a:hover{border-color:#FFA200}
.prolist li a div{}
.prolist li a div img{display:block;height:200px;margin:0 auto}
.prolist li a p{text-align:center;line-height:60px;color:#333}
.prolist li a p:hover{color:#FFA200}
#about{padding:30px 20px 50px 0;position:relative}
.aboutL{float:left;max-width:451px}
.aboutL img{}
.aboutR{width:645px;float:right}
.aboutR dt{line-height:50px}
.aboutR dt h1{font-size:26px;color:#338BE4;margin-top:29px}
.aboutR dt p{font-size:25px;font-weight:bold;color:#999}
.aboutR dd{line-height:33px;color:#333;margin-top:8px}
.aboutR a{background:#338CE0;display:block;width:170px;line-height:40px;text-align:center;color:#fff;margin-top:15px}
#case{margin:0 auto}
.title2{height:39px;border-bottom:1px solid #ccc;line-height:40px;margin-bottom:28px}
.title2 p{line-height:40px;width:150px;text-align:center;background:#338CE0;color:#fff;float:left}
.title2 a{float:right;font-size:16px;color:#333}
#colee_left{overflow:hidden}
#case li{float:left;width:216px;margin:0 10px;text-align:center}
#case li img{width:100%;height:216px;display:block;border:1px solid #c5c5c5;box-sizing:border-box}
#case li p{line-height:37px;background:#fff}
#news{margin:70px auto 80px}
#news dl{width:48%}
#news dl dd{line-height:55px;border-bottom:1px dashed #ccc}
#news dl dd div span{float:right}
#yqlj{line-height:50px;background:#EEEEEE}
#yqlj span{color:#328BDF;padding-left:29px}
#yqlj a{}
@media only screen and (max-width:640px) and (min-width:100px){
	body{}
	#nb_invite_wrap,#tmpAreaLmtDiv{display:none !important}
	#left,.productR,#case,#news dl{width:100%}
	.productR{margin-top:20px}
	.productR ul li{width:48%;float:left;margin:1%}
	.aboutL{width:100%;position:relative;left:0;top:0}
	#about{padding:0;height:auto}
	#case{margin:10px 0;background:none;padding:0}
	#case dd{width:48%;float:left;margin:0 1%}
	#news dl{margin-bottom:20px}
}