@charset "gb2312";
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.left{ float:left;}.right{ float:right;}
img {
    border: 0 none;
    width:100%;
    display: block;
}

html{-webkit-text-size-adjust:none;  }
* {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
    font-size:62.5%
}
@media only screen and (min-width:321px) { 
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) {
    html {
        font-size:70.31%!important
    }
}
@media only screen and (min-width:376px) {
    html {
        font-size:73.24%!important
    }
}
@media only screen and (min-width:481px) {
    html {
        font-size:84%!important
    }
}
@media only screen and (min-width:561px) {
    html {
        font-size:90%!important
    }
}
@media only screen and (min-width:641px) {
    html {
        font-size:100%!important
    }
}


body {

    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}


.clear_f:after {
    clear: both;
}
.clear_f:after, .clear_f:before {
    content: "";
    display: block;
}




/*===================================أوت³===================================*/
h2{width:100%;margin:1.2rem auto 0.2rem;font-size: 1.65rem;line-height:2.6rem;color: #000;text-align: center;}
h3{text-align: center;color: #e80000;font-size: 1.2rem;line-height: 2rem;}
h4{text-align: center;font-weight: normal;color: #838383;font-size: 1rem;line-height: 1.6rem;}
.line{width: 25%;margin: 0.8rem auto 0.6rem;border-bottom: 1px solid #333;}
.content{text-align: center;font-size: 1.13rem;line-height: 1.8rem;}
.tit_bg{width: 11.3rem;margin: 1.3rem auto 1rem;}
.tit_bg span{width: 2.6rem;line-height: 2.6rem;text-align: center;color: #fff;border-radius: 50%;margin-right: 0.2rem;background: #e80000;display: inline-block;font-size: 1.45rem;}
.gt{width:100%;background: #e8e8ea;margin:1.5rem auto;height:0.8rem;}



.tit_b{text-align: center;color: #000;font-size: 1.8rem;line-height: 2.4rem;margin-top: 1.2rem;position: relative;}
.tit_b:after{position: absolute;content: '';width:30%;height: 1px ;background: #333;left: 35%;bottom: -0.2rem;}
.tit_s{text-align: center;color: #999;font-size: 1.2rem;line-height: 1.8rem;margin: 0.5rem auto 1rem;}
.a_btn{display: block;width: 93.75%;margin:1.2rem auto 1rem;border:none;color: #fff;background: #E10000;border-radius: 0.7rem;font-size: 1.6rem;line-height: 3.6rem;text-align: center;}
.ul2-2,.ul2-1,.zy{width:93.75%;margin: 1.1rem auto;}
.zy li{width:49%;margin-right: 2%;float: left;margin-bottom: 0.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #eee;padding:0.25rem;}
.ul2-1 li:nth-child(2n),.ul2-2 li:nth-child(2n),.zy li:nth-child(2n){margin-right: 0;}
.zy h3{text-align: center;color: #000;font-size: 1.5rem;line-height: 2.4rem;}
.zy h4{text-align: center;color: #6F4827;font-size: 1rem;line-height: 1.6rem;}
.zy span{color: #E20B29;}
.zy_btn{width:88%;margin:0.5rem auto;}
.zy_btn a{display:inline-block;width:43%;background:#E10020;color: #fff;border-radius:5px;text-align: center;line-height: 2rem;font-size: 1.05rem;}
.zy_btn a:first-child{margin-right:6%;background:#fff;color: #E10020;border: 1px solid #E10020;}
.tit_content{width: 93.75%;font-size: 1.1rem;line-height: 1.5rem;margin: 1rem auto;}
.tit_content span{font-size:1.1rem;line-height: 1.5rem;font-weight: bold;}


.ul2-1 li{width:48%;margin-right: 4%;float: left;margin-bottom: 0.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #eee;padding:0.25rem;}
.ul2-1 div{text-align: center;color: #000;font-size: 1.2rem;line-height: 2rem;}
.ul2-2 li{width:49%;margin-right: 2%;float: left;margin-bottom: 0.8rem;}
.cgxz{padding: 0.3rem 0 0.5rem 1rem;box-shadow: 1px 2px 6px #888888;border-bottom-left-radius: 0.4rem;border-bottom-right-radius: 0.4rem;}
.cgxz font{color: #f00;}
.cgxz h2{font-size: 1.3rem;line-height: 2rem;}
.cgxz p{font-size: 1.2rem;line-height: 1.5rem;color: #777;}
.btn2-0{width: 93.75%;margin:1rem auto 1.2rem;}
.btn2-0 li{width:60%;margin-right: 5%;float: left;border-radius: 0.65rem;overflow: hidden;}
.btn2-0 li:last-child{width: 35%;margin-right: 0;}
.btn2-0 a{display: block;width:100%;text-align: center;font-size:1.5rem;line-height:3.2rem;color: #fff;background: #E10020;}
.btn2-0 li:last-child a{background: #FF6600;}



.bg{background: #EEEEEE;padding:0.1rem 0 1rem;}
.bg div{color: #000;}
.w640{width:100%;margin:1rem auto;display: block;}

.ys_b{width:93.75%;margin:1rem auto;}
.ys_b li{background: #F3F5F6;padding:0.5rem;margin-bottom: 1rem;padding-left: 6rem;position: relative;}
.ys_b li i{font-size: 4rem; color: #f8760c;position:absolute;width:4rem;left:1rem;top:1.2rem;}
.tit{font-size: 1.6rem;line-height: 2rem;text-align: left;color: #E60012;}
.mid_nr{font-size: 1.1rem;line-height: 1.3rem;text-align: left;height: 3.9rem;}



