@charset "utf-8";/* CSS Document*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin:0;padding:0;}
body{font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff;}
li, ol{list-style:none;}
ins{text-decoration:none;}
i, em{font-style:normal;}
a{text-decoration:none;font-family:"Microsoft Yahei";}
a:hover{cursor:pointer;text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{padding:0;margin:0;}
a img{border:none;}
input,textarea{border:none;font-family:"Microsoft Yahei";font-size:13px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:14px;}


img{ width:100%; vertical-align:middle;}

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



/*导航*/

nav{ width:100%; background:#fafafa;overflow:hidden;}

nav li{ float:left;width:33.3333333%;}

nav li a{display:block;line-height:3.666em;color:#595757; text-align:center; border-right:1px solid #dedddd;border-top:1px solid #dedddd;}

nav li a span{ font-size:116%;}

nav li:nth-of-type(3n) a{ border-right:none;}



nav li.cur a{color:#ffffff;background: #007fde;border:none;}



/*通栏广告*/

.g-adv{height:auto; background:#EFEDF2;overflow:hidden;}

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



/*产品中心*/

.m-cpzx{ padding:1.3em 0 0 0; overflow:hidden;}

.comm{ padding: 0 4.6875%; overflow:hidden;}

.comm a:nth-of-type(1){float:left;width:83%;height:2.9em;padding: 0 0 0 4%;line-height:2.9em;background: #007fde;}

.comm a:nth-of-type(1) b{ font-size:116%; color:#ffffff;}

.comm a:nth-of-type(2){float:right;width:13%;height:2.9em;text-align:center;line-height:2.9em;background: #007fde;}

.comm a:nth-of-type(2) span{ display:block; font-size:2em; color:#ffffff; border-left:2px solid #ffffff;}



.m-cpzx h3{ padding: 1em 4.6875% 0.7em; overflow:hidden;}

.m-cpzx h3 a{ position:relative; float:left; width:42%; padding: 0 0 0 6%; color:#595757; line-height:2.5em;}

.m-cpzx h3 a span{ font-size:116%;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.m-cpzx h3 a:before{position:absolute; content:'';top:0.8em; left:6%;z-index:9;width:0; height:0; border-left:0.5em solid #9a9a9a;border-top:0.5em solid transparent;border-bottom:0.5em solid transparent;}

.m-cpzx h3 a:nth-of-type(2n){ float:right;}



.m-cpzx p{ padding: 0 4.6875%; overflow:hidden;}

.m-cpzx p a{ float:left; width:48%; margin-bottom:0.8em; text-align:center; color:#656565;font-family: Arial,Helvetica,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.m-cpzx p a:nth-of-type(2n){ float:right;}

.m-cpzx p a i{ display:block; height:0.25em; padding-bottom:0.4em; background:url(../Images/cpzx_sd.gif) no-repeat center top; background-size:contain;}

.m-cpzx p a img{ width:100%; height:7.8em;}

.m-cpzx p a span{ width:100%; height:1em; overflow:hidden;}





/*展示*/

.m-zs{ padding:1.875em 0 0 0;  background-size:2px 0.25em; overflow:hidden;}



.m-zs .g-test{position: relative; overflow:hidden;}

.m-zs .m-box,.m-zs .sclwrap_box{height:19.75em; overflow:hidden}

.m-zs .nowarp{ margin:0 20%;}

.m-zs p{ padding:2em 0 0 0; overflow:hidden}

.m-zs p a{ display:block;}

.m-zs p a i{ display:block; margin-bottom:0.25em; border:0.25em solid #deddd9;}

.m-zs p a span{ display:block; line-height:2em; text-align:center; color:#595757; background:#deddd9;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.m-zs p a i img{ height:12em;}

.m-zs .prev,.m-zs .next,.m-gy .prev,.m-gy .next{ position:absolute; top:30%; width:1.875em; height:6.083333em; text-indent:9999em;background:url(../Images/zs_icon.gif) no-repeat center top; background-size:contain;}

.m-zs .prev{ left:4.6875%;}

.m-zs .next{ right:4.6875%; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}





/*理由*/

.m-ly{ padding: 0 0 2.375em 0;background: #948984; /* Old browsers */

    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 85%, #e8e8e8 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(85%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 85%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */

    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 85%,#e8e8e8 100%); /* W3C */ overflow:hidden;}

.m-ly h2{ padding:0 0 1.8em 0;}

.m-ly h2 a{ display:block; width:79.53125%; margin:0 auto;}



.m-ly .g-test{ position:relative; overflow:hidden;}

.m-ly .m-box,.m-ly .sclwrap_box{height:auto;  overflow:hidden} /* width:473px */

.m-ly .ly-c{padding-right:23.75%; margin: 0 0 0 4.6875%; overflow:hidden;}

.m-ly h3 a{ display:block; width:89.65%; margin:0 auto;}

.m-ly h4{ margin-bottom:0.6em; padding:1.8em 0 1em 0; font-weight:bold;background-size:1px 0.25em;}

.m-ly h4 a{color: #007fde;font-size: 1.1em;}

.m-ly h5{ position:relative; padding: 0 0 1.2em 5%; line-height:1.5em; color:#222222;}          

.m-ly h5:before{position:absolute;content:'';left:0;top:0.5em;width:0.4166em;height:0.4166em;background: #007fde;}			

			

.m-ly ul{ position:absolute; right:0; top:0; width:19.53125%; padding:1.666em 0 0 0;}	

.m-ly ul li{ height:5em; margin-bottom:0.33em; text-align:center; color:#ffffff; font-family:"Times New Roman"; line-height:5em; background:#acabab;}	

.m-ly ul li span{ font-size:3em;}	

.m-ly ul li.z-on{background: #007fde;}	



.com {text-align: center;}

.com a {display: inline-block;width: 34.375%;margin: 0 5%;text-align: center;line-height: 2.5em;color: #ffffff;background: #007fde;}

.com a span {font-size: 116%;}

.com a:nth-of-type(2) {background: #a9a8a8;}		

/*经销商*/

.m-jxs{ padding:1.6em 0 0.4em 0;overflow:hidden;}

.m-jxs h2{ margin-bottom:1.6em;}



.m-jxs dl{ padding: 0 0 1.5em 0; overflow:hidden;}

.m-jxs dt{ float:left; width:30.46875%; padding: 0 0 0 4.6875%;}

.m-jxs dd{ float:right; width:56.25%; padding: 0 4.6875% 0 0;}

.m-jxs dd h4 a{ display:block; margin-bottom:0.1em; padding-bottom:0.3em; font-weight:bold; color:#595757; border-bottom:1px solid #dedddd;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.m-jxs dd h4 i{ padding: 0 0 0 4%;}

.m-jxs dd p{ padding:0.5em 0 0.2em 0; line-height:1.8em; font-size:83.333%; color:#a8a7a7;height: 5em;overflow: hidden;}

.m-jxs dd .more{float:right;width:23%;height:1.2em;text-align:center;line-height:1.1em;color:#ffffff;background: #007fde;border-radius:0.1em;}

.m-jxs dd .more span{ font-size:83.33%;}

.m-jxs dl dt img{ height:7em;}

/*关于*/

.m-gy{ overflow:hidden;}

.m-gy ul,.m-zx ul{ background:#eeeeee; overflow:hidden;}

.m-gy ul li,.m-zx ul li{ float:left; width:33.33333%; text-align:center; line-height:2.5em; color:#333333; background:#eeeeee;}

.m-gy ul li.z-on,.m-zx ul li.z-on{color:#ffffff;background: #007fde;}



.m-gy .demo-box{ height:22.45em; overflow:hidden;}

.m-gy .box-style{ position:relative; overflow:hidden;}

.m-gy .m-box,.m-gy .sclwrap_box{height:20.25em; overflow:hidden}

.m-gy h3{ padding:1.25em 0 0.3em 0;}

.m-gy h3 a{ display:block; width:90.625%; margin:0 auto;}

.gsjj img{ height:15em;}

.m-gy h4{ padding: 0 7.8125% 1.6em; line-height:1.5em; color:#595757; font-size:83.333%;height: 3em;overflow: hidden;}



.m-gy h5{ padding:1em 0;}

.m-gy h5 a{ display:block; width:90.625%; margin:0 auto; text-align:center;}

.m-gy h5 img{ width:86%; height:14.5em;}



.m-gy h6{ padding:1em 0;}

.m-gy h6 a{ display:block; width:67.8125%; margin:0 auto;}

.m-gy h6 a img{height: 13.5em;}

.m-gy .prev,.m-gy .next{ top:30%; z-index:999;}

.m-gy .prev{ left:0;}

.m-gy .next{ right:0; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}



/*资讯*/

.m-zx{ overflow:hidden;}

.m-zx .m-box,.m-zx .sclwrap_box{height:20em; overflow:hidden}

.m-zx h3{ padding:1.333em 0 0 0;}

.m-zx h3 a{ display:block; width:90.625%; margin:0 auto;}



.m-zx p{ padding:0.6em 4.6875% 0;}

.m-zx p a{ position:relative; display:block; padding: 0 0 0 5%; line-height:2em; color:#595757;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.m-zx p a span{ font-size:83.333%;}

.m-zx p a:before{position:absolute; content:'';top:0.8em; left:0;z-index:9;width:0; height:0; border-left:0.4em solid #9a9a9a;border-top:0.35em solid transparent;border-bottom:0.35em solid transparent;}















@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:400px) {

	body { font-size:100%;}

}

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

}