@charset "utf-8";
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;background:#fff;} 
li{list-style:none; }
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;}
img{padding:0;margin:0;}
a img{border:none;}
input,textarea{ border:none;font-family:"Microsoft Yahei";}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
.wrap{min-width:320px;max-width:640px;margin:0 auto; overflow:hidden; position:relative;} 
.wrap img{width:100%;}
/*菜单*/
.menu{width:100%;clear:both}
.menu li{width:25%;float:left;background:#333740;color:#fff;height:2.75rem;line-height:2.75rem;font-size:1rem;text-align:center;border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);box-sizing:border-box;display:block;float:left}
.menu li.on{background:#1282cc;}
.menu li a{color:#fff;}
.protil li.cur{color:#fff;background:#e4672f}
/*轮播广告*/
.g-adv {clear:both;height:auto;overflow:hidden;position: relative;}
.g-adv img{width:100%;display:block;}
.til01{width:100%;text-align:center;margin-bottom:1rem;}
.til01 span{line-height:2.2rem;font-size:1.5rem;color:#0078c8;background:url(../images/title-bg.png) repeat-x center 1rem;padding:0 1.2rem}
.til01 b{background:#fff;padding:0 0.3rem}
.til01 p{height:1.8rem;line-height:1.8rem;font-size:1.1rem;color:#50555a;background:url(../images/title_line.gif) no-repeat center;background-size:50%;}
/*产品*/
.m-pro{padding-top:1rem}
.protil{margin:0 2.5%;height:2.5rem;font-size:1.2rem;text-align:center;clear:both}
.protil li{width:30.3%;margin:0 1.5%;height:2.8rem;line-height:2.6rem;margin-bottom:1rem;background:#fff;color:#333;border:1px solid #505564;box-sizing:border-box;float:left;}
.protil li.cur{color:#fff;background:url(../images/tab-ico.png) no-repeat center bottom #0078c8;background-size:1rem;border:0}
.swiper-wrapper{margin-bottom:1rem;float:left}
.pro_c{margin:0 2%;clear:both}
.pro_c .swiper-slide{margin-top:0.5rem;}
.pro_c .swiper-slide li{width:46%;margin:0 2%;float:Left}
.pro_c .swiper-slide li img{border:1px solid #eee;box-sizing:border-box;}
.pro_c .swiper-slide li p{font-size:1rem;color:#333;line-height:2rem;text-align:center;margin-bottom:0.5rem;}
.more{margin:0 2% 1.5rem 2%;width:96%;height:2.4rem;line-height:2.4rem;font-size:1rem;color:#333;text-align:center;background:url(../images/more-ico.png) no-repeat 36% center;background-size:1rem;border:1px solid #ccc;display:block;clear:both}
.more a{color:#333;display:block;}
.leibie{width:90%;padding:1rem 5%;background:#0a78c8;clear:both;float:left}
.leibie dl{padding:0.5rem 0;color:#fff;float:left}
.leibie dl dt{width:100%;border-bottom:1px solid #2f8cd0;margin-bottom:0.5rem;float:left}
.leibie dl dt span{padding:0 0.5rem 0 2rem;font-size:1.2rem;line-height:2.4rem;background:url(../images/leibie-title-ico.png) no-repeat 0.2rem center;background-size:1.3rem;border-bottom:3px solid #50a0d2;margin-bottom:-1px;float:left}
.leibie dl dt span a{color:#fff;}
.leibie dl dd{width:42%;padding:1rem 0 1rem 2rem;font-size:1rem;line-height:1rem;background:url(../images/leibie-ico.png) no-repeat 1rem center;background-size:0.4rem;float:left}
.leibie dl dd a{color:#fff;}
.gg{width:100%;clear:both;}
.gg img{float:left}
.ys-show{width:90%;padding:1.5rem 5%;background:url(../images/ys-top.png) no-repeat center top;background-size:2rem auto;border-top:3px solid #0078c8;float:left}
.ys-show dl{padding:0.2rem 0;}
.ys-show dt{height:2.2rem;line-height:2.2rem;font-size:1.2rem;color:#fff;font-weight:bold;background:#0a78c8;border-radius:4px;margin-bottom:1rem;}
.ys-show dt i{width:2.2rem;height:2.2rem;text-align:center;background:#000;border-radius:4px 0 0 4px;margin-right:0.7rem;float:left}
.ys-show dd{line-height:2rem;font-size:1.1rem;color:#555;padding-left:3rem;background:url(../images/pro-ico.png) no-repeat 1.7rem center;background-size:0.6rem;}
.ys-show img{padding-top:1rem}
.kehu{width:100%;float:left}
.kehu div{margin:0 5%}
.suc{width:100%;padding:1rem 0 1.5rem 0;float:left}
.suc .anli{width:100%;}
.suc .anli ul{padding:0 3%;width:44%;float:left;}
.suc .anli li{width:100%;float:left;}
.suc .anli li p{width:100%;height:1.6rem;line-height:1.6rem;font-size:0.8rem;color:#fff;text-align:center;background:rgba(0,0,0,0.5);margin-top:-1.8rem;position:relative;float:left}
/*介绍*/
.m-about{padding-top:1rem;float:left}
.m-about dl{margin:0 5%}
.m-about dt{height:3.5rem;line-height:3rem;font-size:1.2rem;color:#333;font-weight:bold;text-align:center;}
.m-about dt p{width:10%;border-bottom:3px solid #0078c8;margin:0 auto}
.m-about dd{font-size:1rem;line-height:2.15rem;color:#555}
/*新闻*/
.m-news{width:100%;margin:1.5rem 0;float:left}
.newtil{margin:0 2.5%;height:2.5rem;font-size:1.2rem;text-align:center;clear:both}
.newtil li{width:30.3%;margin:0 1.5%;height:2.8rem;line-height:2.6rem;margin-bottom:1rem;background:#fff;color:#333;border:1px solid #505564;box-sizing:border-box;float:left;}
.newtil li.cur{color:#fff;background:url(../images/tab-ico.png) no-repeat center bottom #0078c8;background-size:1rem;border:0}
.new_c{margin-left:4%;}
.new_c ul{width:96%;float:left}
.new_c li{height:3rem;line-height:3rem;color:#555;font-size:1.1rem;text-indent:1.5rem;border-bottom:1px dashed #c9c9c9;background:url(../images/pro-ico.png) no-repeat 0.3rem center;background-size:0.6rem;overflow:hidden;}
.new_c li a{color:#555}
html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 10.625px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 11.875px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 13.125px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 14.375px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 15.625px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 16.875px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 18.125px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 19.375px;
    }
}
@media screen and (min-width: 640px) {
        html {
            font-size: 20px;
        }
    }