@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:1.2rem;font-family:Verdana,Microsoft Yahei,Arial,Helvetica,sans-serif;background:#fff;overflow-x:hidden;max-width:750px;min-width:320px;margin:0 auto;}
li,ol{list-style:none;}
ins{text-decoration:none;}
i,em{font-style:normal;}
a{text-decoration:none;font-family:Verdana;color:#333;}
a:hover{cursor:pointer;text-decoration:none;}
.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;max-width:100%;}
a img{border:none;}
input,textarea{border:none;font-family:Verdana;font-size:1.2rem;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:1.5rem;}
h2,h2 a{color:#333;display:block;}
.fl{float:left;}
.fr{float:right;}
.wrap{min-width:320px;max-width:750px;margin:0 auto;overflow:hidden;position:relative;background:#fff;}
.wrap img{display:block;width:100%;}
.flex{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
input,textarea,option,select{font-family:"Verdana";}
input::-webkit-input-placeholder{color:#999;font-family:"Verdana";font-size:1.2rem;}
input::-moz-placeholder{color:#999;font-family:"Verdana";font-size:1.2rem;}
input:-moz-placeholder{color:#999;font-family:"Verdana";font-size:1.2rem;}
input:-ms-input-placeholder{color:#999;font-family:"Verdana";font-size:1.2rem;}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
/*头部*/
.g-hd{height:4.4rem;position:relative;background:#fff;z-index:11;}
.g-hd .logo{float:left;width:9.87%;margin-top:0.25rem;margin-left:4%;}
.g-hd .logo img{width:100%;display:block;}
.g-hd .h-nav{float:left;width:60%;margin-left:15%;}
.g-hd .h-nav ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start;}
.g-hd .h-nav li{font-size:1.3rem;font-weight:normal;line-height:4.4rem;color:#333333;width:33.33%;}
.g-hd .h-nav li a{display:block;}
.g-hd .m-nav2{float:right;width:5.73%;line-height:0;margin-right:4%;margin-top:1.45rem;}
.g-hd #menu{display:none;position:absolute;right:0;top:4.4rem;width:100%;height:calc(100vh - 4.4rem);z-index:99;background:rgba(0,0,0,0.85);}
.g-hd #menu p{width:80%;margin:1rem auto 0;text-align:center;}
.g-hd #menu p a{display:block;font-size:1.4rem;font-weight:bold;line-height:4rem;color:#ffffff;height:4rem;border-bottom:1px solid rgba(255,255,255,0.1);}
.g-hd #menu em a{display:block;width:40%;height:3.5rem;font-size:1.2rem;font-weight:normal;line-height:3.5rem;color:#ffffff;background:#254ebb;color:#fff;border-radius:1.75rem;margin:2rem auto 0;text-align:center;}


 .ad-01{
     position: relative;
     min-height: 4rem;
        background: #254ebb;
        /*background: url(images/m11-icon2.jpg) no-repeat center top;*/
        /*background-size: 100% 4rem; */
 }
 .ad-01-img img{
     display: block;
     width: 100%;
     
 }
    .ad-01-title {
        position: absolute;
        top: 0;
        height: 4rem;
        width: 100%;
        font-size: 1.6rem;
        text-align: center;
        color: #fff;
        line-height: 4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }


.m4-prod-list-content-1-con li {
            width: 48.56%;
            margin-top:1.5rem;
        }
.m4-prod-list-content-1-con li img {
            display: block;
            border:1px solid #ccc;
            box-sizing:border-box;
            width: 100%;
        } 
.m4-prod-list-content-1-con span {
            display: block;
            color: #3b3e3d;
            line-height: 2rem;
            overflow:hidden;
            margin-top:0.5rem;
            text-align: center;
        }
    

.foot{position:relative;z-index:10;margin-top:2rem;}
.foot .top{width:3.8rem;height:3.8rem;background:#254ebb;line-height:0;margin:0 auto 0;position:relative;z-index:1;border-radius:50%;overflow:hidden;}
.foot .foot-t{background:#eaeaea;margin-bottom:4.9rem;padding-top:3.5rem;padding-bottom:1.8rem;margin-top:-1.9rem;}
.foot .foot-t li{font-size:1.3rem;font-weight:normal;line-height:2.2rem;color:#666666;display:block;text-align:center;}
.foot .foot-t li span{margin-left:2rem;}
.foot .foot-t li a{color:#666;}
.foot .foot-b{position:fixed;bottom:0;width:100%;max-width:750px;min-width:320px;background:#333;z-index:99;}
.foot .foot-b ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.foot .foot-b li{width:25%;box-sizing:border-box;height:4.9rem;overflow:hidden;text-align:center;position:relative;}
.foot .foot-b li img{display:block;width:2rem;height:auto;margin:0.6rem auto 0;}
.foot .foot-b li span{font-size:1.3rem;font-weight:normal;line-height:1.3rem;color:#ffffff;display:block;text-transform:uppercase;margin-top:0.3rem;}
.foot .foot-b li:after{content:"";display:block;position:absolute;right:0;top:50%;width:1px;height:2.7rem;background:rgba(255,255,255,0.1);transform:translateY(-50%);display:none;}
.foot .foot-b li.cur{background:#254ebb;}
.foot .foot-b li:nth-of-type(3):after{display:block;}
iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px!important;}