@charset "utf-8";
/* 嗨路客·智能硬件 */

.p_banner{display:block;position:relative;overflow:hidden;width:1920px;height:500px;margin-left:-960px;left:50%;overflow:hidden;}
.har_gxh{display:block;background:#f6f6f6;padding:35px 0px;overflow:hidden;}
.har_gxh p{display:block;text-align:center;font-size:26px;color:#555;line-height:48px;}
.har_gxh p b{font-size:32px;padding:0 5px;font-weight:normal;color:#ef7752;}
.har_gxh img{display:block;margin:0 auto;margin-top:30px;}

.hardware{display:block;overflow:hidden;padding-top:50px;}
.hardware p{display:block;text-align:center;font-size:24px;color:#555;}
.hardware h2{display:block;text-align:center;font-size:28px;color:#333;margin-top:15px;}
.hardware h2 b{font-size:28px;color:#ef7752;font-weight:normal;}
.hardware h1{display:block;text-align:center;font-size:36px;color:#ef7752;margin:30px 0 50px 0;}
.hardware h1 b{font-size:60px;color:#ef7752;font-weight:normal;padding:0 15px;font-style:italic;}

.har_gn{display:block;overflow:hidden;width:1000px;margin:0 auto;margin-bottom:50px;}
.har_gn dl{margin-top:75px;}
.har_gn dl dt{display:block;font-size:32px;color:#444;}
.har_gn dl dd{display:block;font-size:24px;color:#666;line-height:36px;margin-top:15px;}
.har_gn .dl1{display:block;float:left;width:550px;}
.har_gn .span1{display:block;float:right;}
.har_gn .dl2{display:block;float:right;width:550px;}
.har_gn .span2{display:block;float:left;}

.hardwareb{display:block;background:#f6f6f6;overflow:hidden;padding:30px 0px;}
.hardwareb h1{display:block;text-align:center;color:#ef7752;font-size:36px;}
.hardwareb p{display:block;font-size:26px;color:#666;text-align:center;margin-top:10px;}
.hardwareb .i{display:block;font-size:24px;width:24%;border-top:solid 1px #ef7752;border-bottom:solid 1px #ef7752;text-align:center;margin:30px auto;padding:15px 0px;color:#666;}
.har_ul{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:30px;}
.har_ul li{display:block;width:33.33%;float:left;overflow:hidden;padding:10px 10px;box-sizing:border-box;}
.har_ul li a{display:block;overflow:hidden;position:relative;border:solid 2px #f6f6f6;}
.har_ul li.li1 a span{display:block;position:absolute;left:0;bottom:-82px;width:100%;height:74px;background:#ef7752;}
.har_ul li.li1 a span i{display:block;text-align:center;font-size:18px;line-height:74px;color:#fff;background:url(../../resource/images/single/productlist/right1.png) no-repeat 50% center;}
.har_ul li.li1 a .pro{display:block;background:#fff;height:280px;overflow:hidden;}
.har_ul li .pro img{display:block;margin:0 auto;margin-top:30px;}
.har_ul li.li1 a .pro h1{display:block;text-align:center;font-size:24px;color:#323232;padding:15px 0px;}
.har_ul li.li1 a .pro p{display:block;color:#666;font-size:16px;padding:0 10px;line-height:28px;text-align:center;}
.har_ul li.li2 .pro{display:block;background:#e5e5e5;height:280px;overflow:hidden;}
.har_ul li.li2 .pro p{display:block;color:#ef7752;text-align:center;font-size:20px;line-height:34px;margin-top:25px;}

.har_ul li.li1 a:hover{border:solid 2px #ef7752;}
.har_ul li.li1 a:hover span{display:block;bottom:0;transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.har_ul li.li1 a:hover span i{text-indent:-50px;background:url(../../resource/images/single/productlist/right.png) no-repeat 70% center;
	transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}

.har_value{display:block;overflow:hidden;margin-top:80px;}
.har_value h1{display:block;text-align:center;font-size:36px;color:#444;}
.har_value p{display:block;text-align:center;font-size:26px;color:#ef7752;margin-top:20px;}
.har_value .i{display:block;font-size:24px;width:36%;border-top:solid 1px #ef7752;border-bottom:solid 1px #ef7752;text-align:center;margin:30px auto;padding:15px 0px;color:#666;}
.har_value img{display:block;margin:60px auto;}
.har_app{display:block;background:#f6f6f6;padding:30px 0px;overflow:hidden;}
.har_app h1{display:block;text-align:center;font-size:36px;color:#ef7752;}
.har_app p{display:block;text-align:center;font-size:26px;color:#555;margin-top:20px;}
.har_app img{display:block;margin:60px auto 30px auto;}

.har_trend{display:block;margin:40px 0;}
.har_trend h1{display:block;font-size:36px;color:#555;text-align:center;}
.trend{display:block;width:1000px;margin:0 auto;overflow:hidden;margin-top:100px;}
.trend dl{display:block;margin-top:75px;}
.trend dl dt{display:block;font-size:34px;color:#ef7752;margin-bottom:25px;}
.trend dl dd{display:block;font-size:24px;color:#666;margin-top:10px;background:url(../../resource/images/single/znhardware/har_img0.png) no-repeat left center;padding-left:30px;}
.trend .dl1{display:block;float:left;}
.trend .span1{display:block;float:right;}
.trend .dl2{display:block;float:right;}
.trend .span2{display:block;float:left;}

@media screen and (max-width:1370px){
	.p_banner{width:1366px;height:356px;margin-left:-683px;}
	.p_banner img{width:1366px;height:auto;background-size:100%;}
	.har_gxh{padding:25px 0;}
	.har_gxh p{font-size:20px;line-height:36px;}
	.har_gxh p b{font-size:26px;}
	.har_gxh img{width:580px;height:auto;}
	.hardware p{font-size:20px;}
	.hardware h2,.hardware h2 b{font-size:24px;}
	.hardware h1{font-size:28px;}
	.hardware h1 b{font-size:46px;padding:0 10px;}
	.har_gn,.trend{width:880px;}
	.har_gn dl dt{font-size:26px;}
	.har_gn dl dd{font-size:18px;line-height:28px;margin-top:10px;}
	.har_gn .dl1,.har_gn .dl2{width:400px;}
	.hardwareb h1,.har_value h1{font-size:28px;}
	.hardwareb p,.har_value p,.har_app p{font-size:20px;}
	.har_value p,.har_app p{margin-top:10px;}
	.hardwareb .i{font-size:20px;width:27%;margin:20px auto;padding:10px 0;}
	.har_value .i{font-size:20px;width:50%;margin:20px auto;padding:10px 0px;}
	.har_value img{width:788px;height:auto;}
	.har_app h1{font-size:28px;}
	.har_app img{width:650px;height:auto;}
	.har_trend h1{font-size:28px;}
	.trend{margin-top:50px;}
	.trend dl dt{font-size:26px;}
	.trend dl dd{font-size:18px;}

	.har_ul{width:960px;}
	.har_ul li .pro img{width:80px;height:80px;margin-top:24px;}
	.har_ul li.li1 a .pro h1{font-size:18px;}
	.har_ul li.li1 a .pro p,.har_ul li.li2 .pro p{font-size:13px;line-height:20px;}
	.har_ul li.li1 a .pro,.har_ul li.li2 .pro{height:220px;}
	.har_ul li.li1 a span{height:58px;}
	.har_ul li.li1 a span i{line-height:58px;font-size:15px;}
	.har_ul li.li1 a:hover span i{background-size:4%;}
}