/* 最小宽度为320象素用以下样式 */
@media screen and (min-width:320px) {
.g_fl h2,.g_pro1 h2{height: 27px;line-height: 27px;}
.g_fl h3 i{width: 10px;height: 11px;}
.g_fl h3{height: 26px;line-height: 26px;}
.g_ys2 .u_dlst1 dt{width: 25px;height: 25px; line-height: 35px;}
.g_ys2 .u_dlst1 dt:before{width: 25px;height: 25px;}
.demo-box .column-list,.demo-box .column-list li{height: 25px;line-height: 25px;}
}

/* 最小宽度为360象素用以下样式 */
@media screen and (min-width:360px) {
.g_fl h2,.g_pro1 h2{height: 32px;line-height: 32px;}
.g_fl h3 i{width: 10px;height: 12px;}
.g_fl h3{height: 30px;line-height: 30px;}
.g_ys2 .u_dlst1 dt{width: 30px;height: 30px; line-height: 30px;}
.g_ys2 .u_dlst1 dt:before{width: 30px;height: 30px;}
.demo-box .column-list,.demo-box .column-list li{height: 30px;line-height: 30px;}
}

/* 最小宽度为480象素用以下样式 */
@media screen and (min-width:480px) {
.g_fl h2,.g_pro1 h2{height: 46px;line-height: 46px;}
.g_fl h3 i{width: 14px;height: 16px;}
.g_fl h3{height: 44px;line-height: 44px;}
.g_ys2 .u_dlst1 dt{width: 42px;height: 42px; line-height: 42px;}
.g_ys2 .u_dlst1 dt:before{width: 42px;height: 42px;}
.demo-box .column-list,.demo-box .column-list li{height: 42px;line-height: 42px;}
}

/* 最小宽度为568象素用以下样式 */
@media screen and (min-width:568px) {
.g_fl h2,.g_pro1 h2{height: 56px;line-height: 56px;}
.g_fl h3 i{width: 16px;height: 19px;}
.g_fl h3{height: 54px;line-height: 54px;}
.g_ys2 .u_dlst1 dt{width: 52px;height: 52px; line-height: 62px;}
.g_ys2 .u_dlst1 dt:before{width: 52px;height: 52px;}
.demo-box .column-list,.demo-box .column-list li{height: 52px;line-height: 62px;}


}

/* 最小宽度为639象素用以下样式 */
@media screen and (min-width:639px) {
.g_fl h2,.g_pro1 h2{height: 74px;line-height: 74px;}
.g_fl h3 i{width: 19px;height: 22px;}
.g_fl h3{height: 72px;line-height: 72px;}
.g_ys2 .u_dlst1 dt{width: 70px;height: 70px; line-height: 70px;}
.g_ys2 .u_dlst1 dt:before{width: 70px;height: 70px;}
.demo-box .column-list,.demo-box .column-list li{height: 70px;line-height: 70px;}}


/* 广告 */
.g-adv {height: 150px;}
.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;height: 150px;}
.g-adv .m-box li img{width:100%;height: 150px;}
.g-adv .m-cnt{ height: 0.25em; }
.g-adv .m-cnt li{ float:left; width:33.3333%;height: 0.25em; }
.g-adv .m-cnt li.z-on{ }

/* 广告 */
.m_nav{padding: 1em 0% 0 0%; overflow:hidden;}
.m_nav li{float: left; width: 30.8%;position: relative;font-size: 0.9em;color: #fff;text-align: center; margin-left: 2%;  margin-bottom: 2%;}
.m_nav li{
	background:url(../images/navbg.jpg) no-repeat;height:2.21em; padding-top: 0.4em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.m_nav li a{ color:#FFFFFF;}

/* 产品分类 */
.g_fl{ overflow:hidden}
.g_fl h2 {
    width: 85%;
    color: #fff;
    padding-left: 10%;
    padding-right: 5%;
    background: url(../images/titbg.jpg) no-repeat left center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.g_fl h3{background: #e9e9e9;color: #BB0404;font-size: 1.25em;font-weight: bold; padding-left: 1.05em; position: relative; border-bottom: 1px solid #fff; border-top: 1px solid #d7d7d7;font-weight: normal;}
.g_fl h3 i{background:url(../images/ico1.jpg) no-repeat;display: block; position: absolute; left:30%;top:40%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.g_fl h3:last-child{border-bottom: none;}


.g_fl .u_lst2{margin: 2% 1em;}
.g_fl .u_lst2 li{float: left; width:45%;border-bottom: 1px solid #e4e4e4;height:3.3em;line-height: 3.3em;overflow: hidden; font-size: 1em; padding-left: 5%; position: relative;}
.g_fl .u_lst2 li:before{
	content: "";
	position: absolute;
	height: 1em;
	width:0.2em;
	border-radius: 0.1em;
	left:2%;
	top:35%;
}
.g_fl .u_lst2 li a{color: #4c4c4c;}
.g_fl .u_lst2 li:nth-child(7),.g_fl .u_lst2 li:nth-child(8){border-bottom: none;}
.m_tel2{height: 2em; margin-top: 1.1em;line-height: 2em;font-size: 1.16em;color: #fff;padding-left: 15%;width: 100%; position: relative;}
.m_tel2 em{display: inline-block;padding-left: 4%;font-size: 1.3em;font-family: impact;}
.m_tel2:before{
background:url(../images/tel.gif) no-repeat; 
content:"";position:absolute;left:5%;top:10%; width: 1.8em;height: 1.8em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:10;

}


.g_pro1{}
.g_pro1 h2{
width: 85%;color: #fff; padding-left: 10%;padding-right: 5%;
    background: url(../images/titbg.jpg) no-repeat left center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.g_pro1 h2 span{font-size: 0.75em;}

.g_pro1 .u_lst1{padding:8% 0% 0 0%; }
.g_pro1 .u_lst1 li{float: left; width: 45%; margin-left: 3.4%; z-index: 2; }
.g_pro1 .u_lst1 li img{width: 100%;display: block; border:1px solid #d9d9d9;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; height:8em;}
.g_pro1 .u_lst1 li span{font-size: 1em; color: #676767; height: 2.5em; line-height: 2.5em; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;}
.g_pro1 .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pro1 .u_lst1 em{width: 6.6em;height: 1.8em;line-height: 1.8em; border-radius: 1em; font-size: 1em;color: #fff;text-align: center;display: block; margin: 0 auto 1.5em auto;


}
.g_pro1 .m_tel2{margin-top: 0.1em;}


/* 优势2 */
.g_ys2{height: 35.5em; position: relative;}
.g_ys2 .sclwrap_box,.g_ys2 .m-box {height: 29.2em;}
.con{float: left;display: inline;}

.g_ys2 .m-cnt{height: 1.2em; position: absolute;top:33.5em;margin-left:37%;z-index: 10;}
.g_ys2 .m-cnt li {float: left; width: 1.2em;height: 1.2em;background: #EF1212; margin-right: 0.5em;border-radius: 85px; }

.g_ys2 h2{width: 100%;display: block;}
.g_ys2 h2 img{display: block;width: 100%;}


.g_ys2 .ysbg img,.g_ys2 .ysbg{width: 100%;display: block;}

.g_ys2 .u_dlst1{margin-left:1%;margin-right: 1%;height:15.1em;clear: both; }
.g_ys2 .u_dlst1 dt{float: left; margin-right: 1%; position: relative;z-index: 5;color: #fff;font-size:1.66em; text-align: center; font-family: arial;  }
.g_ys2 .u_dlst1 dt:before{
		  background:url(../images/nobg.jpg) no-repeat; 
content:"";position:absolute;left:0;top:0;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;
}
.page2 .btn1 a img{ width:100%;}
.g_ys2 .u_dlst1 dd{float: left; width: 85%;}
.g_ys2 .u_dlst1 dd h4{font-weight: bold;font-size: 1.08em;margin-bottom: 2%; position: relative;}
.g_ys2 .u_dlst1 dd h4{height: 2.5em;line-height: 2.5em;position: relative;}
.g_ys2 .u_dlst1 dd .h4_2{height: 3em;line-height: 1.3em;position: relative;}
.g_ys2 .u_dlst1 dd h4:before{content: "";position: absolute;left:0;bottom: 0; width: 100%;height: 0.125em;
background:url(../images/line1.jpg) no-repeat left bottom; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:1;	

}



.g_ys2 .u_dlst1 dd p{color: #666666;font-size: 1em;line-height: 1.45em;border-bottom: 1px solid #dddddd;position: relative;padding-left: 1em; padding-bottom: 0.5em; padding-top: 0.5em;}
.g_ys2 .u_dlst1 dd p:before{
		  background:url(../images/ysico.jpg) no-repeat; width: 0.33em;height: 0.33em;
content:"";position:absolute;left:0;top:1em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:1;	
}
.g_ys2 .u_dlst1 dd p:last-child{border-bottom: none;}


/* 售后服务承诺 */
.g_fw{
background:url(../images/fwbg.jpg) no-repeat; width: 100%; padding-top: 2.375em; overflow:hidden; padding-bottom:1.5em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:1;	
}

.g_fw h2{height:3.3em;color: #EF1212;font-size: 1.05em;position: relative; padding-left: 16%;font-weight: bold;}
.g_fw h2 em{font-weight: normal;font-family: arial;text-transform: uppercase; color: #b8b8b9;display: block;font-weight: normal;padding-left: 0%;}
.g_fw h2 b{display: block;position: absolute; color: #c7c7c7;font-size:3.7em; left:5%;top:-45%; font-weight: normal;}

.g_fw p{font-size: 0.87em;color: #333333;line-height: 1.5em; padding-left: 19.5%;margin-top: 2em;}
.g_fw p b{font-weight: normal; color: #f3d400;}
.g_fw p:last-child{padding-left: 2em;}
.m_tel3{margin-top: 0;}

.change-box{ display:none;}
.zkzizhi{ width:100%; height:15em;border: 1px solid #E3E3E3; text-align:center; display:block;}
.zkzizhi img{ width:96%; height:97%; margin-top:1%;border: 1px solid #E3E3E3; }
.zkzizhi2{ text-align:center; color:#999999; display: block; margin:0.8em auto;}
/* 荣誉证书 */
.demo-box {
   max-width: 640px; min-width: 320px;
    margin: 3% auto 2em auto;
    overflow: hidden;
    
}
.demo-box .column-list {position: relative;overflow: hidden;

}
.demo-box .column-list:before{
	width: 100%;height: 1px;overflow: hidden; content: "";position: absolute; left:0;top:1px;
}
.demo-box .column-list:after{
	width: 100%;height: 1px;overflow: hidden; content: "";position: absolute; left:0;bottom:1px;
}


.demo-box .column-list li {
    color: #fff;
    display: inline;
    float: left;
    font-size: 1.25em;
    font-weight: normal;
    position: relative;
    text-align: center;
    width: 50%;
}
.demo-box .column-list li img{width: 100%;}
.demo-box .column-list li.z-on { color: #fff; font-weight: normal;margin-top: 1px;
	background:#eccf06;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eccf06), to(#fce127)); 
	background-image: -webkit-linear-gradient(top, #eccf06, #fce127); 
	background-image: -moz-linear-gradient(top, #eccf06, #fce127); 
	background-image: -o-linear-gradient(top, #eccf06, #fce127); 
	background-image: -ms-linear-gradient(top, #eccf06, #fce127); 
	background-image: linear-gradient(top, #eccf06, #fce127); 

}
.demo-box .box-style { padding: 1.6em 17% 0 17%;position: relative; width: 66%; float: left; display: inline;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 3.875em;
    position: absolute;
    text-align: center;
    top: 7em;
    width: 1.41em;
    z-index: 99;
}
.demo-box .box-style .prev { left: 5%;}
.demo-box .box-style .next {right: 5%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .page { width: 100%;}
.demo-box .box-style .page li{width: 100%; float: left;}
.demo-box .box-style .page li span{display: block; height: 2.8em; line-height: 2.4em; text-align: center; color: #666666; font-size: 1em;}
.demo-box .box-style .page li img{width: 100%; border: 0.1em solid #dadada;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 20.7em;}

.demo-box .btn1{width: 54%;margin-left: 22%;display: block;}
.demo-box .box-style .page .btn1 img{display: block;width: 100%;border:none;}


.demo-box .box-style1 dl{padding: 4% 4% 0 8%;height: 8.3em;clear: both;}
.demo-box .box-style1 dt{float: left; width: 41%;margin-right: 5%;}
.demo-box .box-style1 dt img{display: block;width: 100%; height:8em;border: 1px solid #cccccc;padding:0.125em; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.demo-box .box-style1 dd{float: left; width: 43%;}
.demo-box .box-style1 dd h3{height: 1.5em;line-height: 1.5em;overflow: hidden;font-size: 1em;}
.demo-box .box-style1 dd h3 a{color: #EF1212;font-weight: bold;}
.demo-box .box-style1 dd p{color: #333333;font-size: 1em;line-height: 1.3em;height: 4em;overflow: hidden; margin: 0.5em 0;}
.demo-box .box-style1 dd span a{font-size: 1em;color: #666666;}
.demo-box .box-style1 .btn1{margin-top: 2%;margin-left: 30%; width: 40%;display: block;}
.demo-box .box-style1 .btn1 img{display: block;width: 100%;}

/*伟豪动态*/
.m-dt{ height:17.1em; position:relative; overflow:hidden;}
.til03{ font-weight:bold; background:#909090; color:#fff; font-size:1.16em; line-height:2.2em;}
.til03 li{ display:inline-block; float:left; width:33%; text-align:center; font-size:1em;}
.til03 li.z-on{  color:#fff; position:relative; }
.til03 li.z-on:before{ content:""; position:absolute; display:block; width:0px; height:0px; border-left:0.5em solid transparent;  border-right:0.5em solid transparent; border-top:0.5em solid #01118d; top:2em; left:50%; margin-left:-7%; z-index:99;} 
.m-dt .sclwrap_box , .m-dt .m-box { height:13.3em; overflow:hidden;}
.m-dt .no_ov{ height:13em;}
.m-dt dl{ padding-top:1.2em; float:left; display:inline; width:100%;}
.m-dt dl dt{ width:93.75%; margin:0 auto;}
.m-dt dl dt span{ display:block; font-size:1em; color:#494949; text-align:center; line-height:1.5em;}
.m-dt dl dt img{ padding:0.5%; border:1px solid #d9d9d9; width:99%;}
.m-dt dl dd{ font:1em; color:#000; text-align:center; line-height:2.3em; height:2.3em; padding-top:0.6em;
background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
background-image: -moz-linear-gradient(top, #fff, #e9e9e9); 
background-image: -o-linear-gradient(top, #fff, #e9e9e9); 
background-image: -ms-linear-gradient(top, #fff, #e9e9e9); 
background-image: linear-gradient(top, #fff, #e9e9e9); }
.m-dt dl dd a{ color:#000;}
.m-dt dl dd:before{ content:""; position:absolute; bottom:0.05em; left:0; display:block; width:100%; height:1px; z-index:99; background:#fff;} 
/*高力特快讯*/
.m-zz { height:20.6em; position:relative; overflow:hidden;}
.m-zz .sclwrap_box , .m-zz .m-box { height:14.1em; overflow:hidden;}
.m-zz .til03{ font-weight:bold; background:#909090; color:#fff; font-size:1em; line-height:2em; height:2em;}
.m-zz .til03 li{ display:inline-block; float:left; text-align:center; font-size:1em; height:2em;}
.m-zz .til03 li:nth-child(1){ width:32%;}
.m-zz .til03 li:nth-child(2){ width:26%; border-right:1px solid #a1a1a1;}
.m-zz .til03 li:nth-child(3){ width:41%;}
.m-zz .m-zz .til03 li.z-on{background:#01118d; display:block; color:#fff; position:relative; }
.m-zz .til03 li.z-on:before{ content:""; position:absolute; display:block; width:0px; height:0px; border-left:0.5em solid transparent;  border-right:0.5em solid transparent;  top:2em; left:50%; margin-left:-7%; z-index:99;} 
.zz_c{ padding:0.8em 0 0 5%; }
.zz_c ul{ display:inline; float:left;}
.zz_c ul li span{ display:block; float:left; width:1.2%; padding:0.7em 3% 0 2%;}
.zz_c ul li span img{ display:block; width:100%;}
.zz_c ul li em{ display:block; float:left;}

.zz_c ul li a{ padding-left:2%; color:#434343; line-height:2.1em;}
.zz_c ul li{ height:2.1em; overflow:hidden; border-bottom:1px solid #eee;}
.zz_c ul .nones{ border-bottom:none;}
.m-zz p{ font:1em; color:#000; text-align:center; line-height:2.3em; height:2.3em;
background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
background-image: -moz-linear-gradient(top, #fff, #e9e9e9); 
background-image: -o-linear-gradient(top, #fff, #e9e9e9); 
background-image: -ms-linear-gradient(top, #fff, #e9e9e9); 
background-image: linear-gradient(top, #fff, #e9e9e9); }
.m-zz:before{ content:""; position:absolute; bottom:1.5em; left:0; display:block; width:100%; height:1px; z-index:99; background:#fff;} 


@media screen and (min-width:320px) {
  body { font-size:75%;}
}
@media screen and (min-width:360px) {
  body { font-size:87%;}
}
@media screen and (min-width:480px) {
  body { font-size:112%;}

}
@media screen and (min-width:568px) {
  body { font-size:131%;}

}
@media screen and (min-width:639px) {
  body { font-size:150%;}
}