/* 最小宽度为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;}

}

.g-hd {
  background: url(../Images/Common/top_bg.gif) repeat;
  overflow: hidden
}

.g-hd .m-logo {
  float: left;
  width: 21.09375%;
  
}

.g-hd .m-logo img {
  width: 100%;
}

.g-hd h2 {
  float: right;
  padding: 1.5em 3px 0px 0px;
  color: #323333;
  font-weight: 700;
  width:70%;
}

.g-hd h2 b {
  display: block;
  font-size: 100%; color:#0089ca
}

.g-hd h2 a {
  display: block;
  margin-top: 5px;
  padding: 3px;
  font-weight: 400;
  font-size: 1em;
  
}

.g-hd h3 {
  clear: both;
  height: .417em;
  background: url(../Images/Common/top_sd.png) no-repeat center bottom;
  background-size: cover
}

/* 最小宽度为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: 14.5em; }

.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;height: 14.5em;}

.g-adv .m-box li img{ width:100%;}

.g-adv .m-cnt{ height: 0.25em; background: #008d14;}

.g-adv .m-cnt li{ float:left; width:25%;height: 0.25em;background: #0b60b0; }

.g-adv .m-cnt li.z-on{ background:#f3d400;}



/* 广告 */

.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(/mobile/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{

background:url(/mobile/images/titbg.jpg) no-repeat;width: 85%;color: #fff; padding-left: 10%;padding-right: 5%;

background-size: 100%;

-webkit-background-size: 100%;

-moz-background-size: 100%;

-o-background-size: 100%; }

.g_fl h2 span{font-size: 0.75em;}





.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(/mobile/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;background: #c7c7c7;height: 1em;width:0.2em;border-radius: 0.1em; left:2%;top:35%; 

}

.g_fl .u_lst2 li a{color: #4c4c4c;}



.m_tel2{background: #0c63b2;height: 2em; margin-top: 1.1em;line-height: 2em;font-size: 1.16em;color: #fff;padding-left: 25%;width: 75%; position: relative;}

.m_tel2 em{display: inline-block;padding-left: 4%;color: #f3d400;font-size: 1.3em;font-family: impact;}

.m_tel2:before{

		  background:url(/mobile/images/tel.gif) no-repeat; 

content:"";position:absolute;left:17%;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{

background:url(/mobile/images/titbg.jpg) no-repeat;width: 85%;color: #fff; padding-left: 10%;padding-right: 5%;

background-size: 100%;

-webkit-background-size: 100%;

-moz-background-size: 100%;

-o-background-size: 100%;}

.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;

	background:#096db9;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#096db9), to(#0c63b2)); 

	background-image: -webkit-linear-gradient(top, #096db9, #0c63b2); 

	background-image: -moz-linear-gradient(top, #096db9, #0c63b2); 

	background-image: -o-linear-gradient(top, #096db9, #0c63b2); 

	background-image: -ms-linear-gradient(top, #096db9, #0c63b2); 

	background-image: linear-gradient(top, #096db9, #0c63b2);



}

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





/* 优势2 */

.g_ys2{height: 34.5em; position: relative;}

.g_ys2 .sclwrap_box,.g_ys2 .m-box {height: 28.2em;}

.con{float: left;display: inline;}



.g_ys2 .m-cnt{height: 1.2em; position: absolute;top: 32.5em;margin-left:37%;z-index: 10;}

.g_ys2 .m-cnt li {float: left; width: 1.2em;height: 1.2em;background: #0c63b2; margin-right: 0.5em;border-radius: 85px; }

.g_ys2 .m-cnt li.z-on {background: #f48000; box-shadow: 2px 2px 1px #673600 inset; }



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

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



.g_ys2 .u_dlst1 dd.tebb h4 {line-height:1.5em;}

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



.g_ys2 .u_dlst1{margin-left:1%;margin-right: 1%;height: 2.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(/mobile/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;color: #0c63b2;font-size: 1.08em;margin-bottom: 2%; position: relative;}

.g_ys2 .u_dlst1 dd h4{height: 3.5em;line-height: 1.5em;position: relative;}



.g_ys2 .u_dlst1 dd h4:before{content: "";position: absolute;left:0;bottom: 0; width: 100%;height: 0.125em;

background:url(/mobile/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.25em;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(/mobile/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(/mobile/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: #0c63b2;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: 0em;*/}

.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;

	background:#0b65b1;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#0b65b1), to(#046eba)); 

	background-image: -webkit-linear-gradient(top, #0b65b1, #046eba); 

	background-image: -moz-linear-gradient(top, #0b65b1, #046eba); 

	background-image: -o-linear-gradient(top, #0b65b1, #046eba); 

	background-image: -ms-linear-gradient(top, #0b65b1, #046eba); 

	background-image: linear-gradient(top, #0b65b1, #046eba); 



}

.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: #0b65b1;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{background:#0569b7; display:block; color:#fff; position:relative; height:2.2em;}

.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; border-top: 0.4em solid #0569b7; 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; width:20em;}



.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%;}

}