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

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 1.3rem;
}

li,ol {
    list-style: none;
}

i,em {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #262626;
}

a:hover {
    color: #262626;
}


/*input,textarea {-webkit-appearance: none;}*/

html {
    font-size: 10px;
    -webkit-text-size-adjust: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

@media screen and (min-width:320px) {
    html {
        font-size: 10px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 11.25px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 11.7px;
    }
}

@media screen and (min-width:384px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width:480px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width:560px) {
    html {
        font-size: 17.5px;
    }
}

@media screen and (min-width:640px) {
    html {
        font-size: 20px;
    }
}


/* -- ���岼�� -- */

html {
    min-width: 320px;
    color: #333;
}

input textarea {
    font-family: "Microsoft YaHei"
}

body {
    font-family: "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    border: 0;
}

.main .clearlist {
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    float: none;
}


/*����ύ������*/

.hiddendata {
    display: none;
}


/*���ģ�干����ʽ*/

.nodata {
    height: 3rem;
    line-height: 3rem;
    text-align: left;
    clear: both;
    padding: 0.5rem 3% 0;
}

.m-describe {
    background: #faf9f8;
    border: 1px solid #d3d3d3;
    color: #333;
    margin: 0 auto 1.75rem;
    width: 93.75%;
    overflow: hidden;
    padding: 0.7rem;
}

.endit-content p {
    padding-bottom: 1rem;
}


/*����ҳͼƬ����Ӧ*/

.endit-content img {
    max-width: 100% !important;
    height: auto !important;
}


/*�������ݹؼ���Ʈ��Ӵ�*/

.endit-content a {
    color: red;
    font-weight: bold;
}


/*�������*/
.clearfix:before,.clearfix:after{content: '';display:table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}

/*�����������*/
.font_1rem{ font-size:1rem}
.font_11rem{ font-size:1.1rem}
.font_12rem{ font-size:1.2rem}
.font_14rem{ font-size:1.4rem}
.font_16rem{ font-size:1.6rem}
.font_20rem{ font-size:2rem}
.font_09rem{ font-size:0.9rem}
.font_08rem{ font-size:0.8rem}
.font_06rem{ font-size:0.6rem}
.font_05rem{ font-size:0.5rem}
.font_04rem{ font-size:0.4rem}
.all_width{width: 100%; }
.auto{margin:0 auto}
.width95{ width:95%}


/*��ҳ��ʽ*/
.pglist{padding: 25px 0;float:left;width:100%;line-height: 34px;text-align: center;}
.pglist a {color: #333333;padding: 0 10px;margin:0 5px;font-/weight: bold;background: #fff;border: 1px solid #dcdcdc;}
.pglist *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 28px;height: 28px;padding-bottom:1px;border-radius: 2px;-webkit-border-radius: 2px;}
.pglist .hover {display:inline-block;color: #fff;background: #008cc9;}
.pglist a:hover {display:inline-block;color: #fff;background: #008cc9;}



.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden; }
.focus .hd{ width:100%; height:0.3rem;position:absolute; z-index:1; text-align:center;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:-webkit-box; height:1px; background-color:rgba(238,238,238,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; -webkit-box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#fff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */ }
.bannerBox img{width:100%;}




.title{ font-size:1.8rem; padding: 1rem 0; text-align: left; border-bottom: 1px solid #efefef;font-weight: bold; margin: 0 auto 1rem}

/*公用TITLE*/


.myzdh_tit{position: relative;color: #333;text-align: left;}
.myzdh_tit span{color: #e8e8e8;font-size: 2rem;font-weight: bold;position: absolute;left: 5rem;z-index: 1;text-transform: uppercase;}
.myzdh_tit strong{color: #333;font-size: 1.6rem; z-index: 2;position: relative;top: 1rem}
.myzdh_tit span:after{content: '';position: absolute;left: 3rem;height: 3px;width: 3rem; background: #fa7112;bottom: -10px;}

/*公用TITLE-内*/
.myzdh_tit_m{position: relative; z-index: 2; margin:30px auto ;text-align: left;display: block; padding-left: 40px;box-sizing: border-box; width: 100%;border-bottom: 1px solid #e5e5e5}
.myzdh_tit_m em{font-size: 24px; color: #ff8533; text-transform: uppercase;font-style: normal;font-weight: 200; position: relative;font-weight: bold; }
.myzdh_tit_m strong{font-size: 24px;color: #333;font-weight: bold; z-index: 2;position: relative;margin-right: 25px}
.myzdh_tit_m strong:after{content: ''; height: 4px; width: 32px;background: #ffcc33;position: absolute;left: -40px;top: 15px}
.myzdh_tit_m strong:before{content: ''; height: 6px; width: 6px;background: #333333;position: absolute;right: -15px;top: 15px; border-radius: 50%}
.myzdh_tit_m span{color: #333;line-height: 50px; font-size: 14px;display: block;}
.myzdh_tit_m a{position: absolute;right: 0; top: 25px}
.myzdh_tit_m a:before{content: '';height: 3px; width: 30px; background: #ffcc33;left: -35px;top: 10px;position: absolute;}


/*产品详情页*/

.myzdh_tit_l{  border-bottom:1px solid #ddd;  position:relative; display: block;line-height: 240%}
.myzdh_tit_l strong{color:#fff;background: #fe0000;font-weight: bold;display: inline-block;padding: 0.5rem 2rem;font-size: 1.4rem}