@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:320px) { 
    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;
}




/*======================================================================*/
.tit_b{position: relative;text-align: center;font-size: 1.8rem;line-height: 2.4rem;margin-top: 1.2rem;}
.tit_b:after{position: absolute;content: '';width: 38%;height: 0.6rem;background: #F6B878;left: 31%;bottom: 0.05rem;z-index: -1;}
.tit_s{text-align: center;font-size: 1rem;text-transform: uppercase;line-height: 1.8rem;margin-bottom: 1rem;}
.a_btn{display: block;margin:1rem auto 1.2rem;width: 93.75%;text-align: center;font-size: 1.6rem;line-height: 3.8rem;background: #E10000;color: #fff;border-radius: 0.6rem;}
.ul2-0,.ul3-0{width: 93.75%;margin:1rem auto;}
.ul3-0 li{float: left;width:31%;margin-right:3.5%;}
.ul3-0 li:last-child{margin-right: 0;}
.ul3-0 img{width:80%;margin:0 auto;}
.ul3-0 div{text-align: center;margin-top: 0.8rem;font-size: 1.15rem;line-height: 1.7rem;}
.ul2-0 li{float: left;width:49%;margin-right: 2%;margin-bottom:0.6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position: relative; border: 1px solid #A6A6A6;overflow: hidden;}
.ul2-0 li:nth-child(2n){margin-right: 0;}
.zy_box h3{text-align: center;font-size: 1.4rem;line-height: 2.6rem;font-weight: inherit;}
.zy_box span{font-size: 0.8rem;padding: 1.5rem 0 0.3rem;position: absolute;background: #FF8100;color: #fff;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);width: 8rem;text-align: center;}
.zy_btn{width: 78%;margin: 0.5rem auto 1rem;text-align: center;border: 1px solid #FF8100;border-radius: 1.2rem;overflow: hidden;}
.zy_btn a{float: left;width: 50%;background: #FF8100;font-size: 1rem;line-height: 2.4rem;color: #fff;}
.zy_btn a:last-child{background: #fff;color: #FF8100;}
.gt{width:100%;background: #e8e8ea;margin:1.2rem auto;height:0.8rem;}
.zy_box{margin-bottom:0.5rem;}
.tit{width: 92.8%;margin: 1rem auto 0.2rem;}
.w600_img{width: 93.75%;margin: 0 auto 1rem;}
.zyfx li{border: 1px solid #DBDBDB;padding: 0.5rem;}
.zyfx i{display: inline-block;width: 4rem;height: 4rem;background: #f60;border-radius: 1rem;vertical-align: middle;margin-right: 0.2rem;}
.zyfx img{width: 70%;margin: 15% auto;}
.zyfx div{display: inline-block;vertical-align: middle;}
.zyfx h3{font-size: 1.2rem;line-height: 1.8rem;}
.zyfx p{font-size: 1rem;line-height: 1.3rem;}

@media screen  and (min-width:421px) {
    .zy_box span{    top: -2%;right: -16.8%;}

}
@media screen and (max-width: 420px) and (min-width:411px) {
    .zy_box span{top: -2.9%;right: -19%;}

}

@media screen and (max-width: 410px) and (min-width:401px) {
    .zy_box span{top: -2.8%;right: -19.5%;}

}
@media screen and (max-width: 400px) and (min-width:391px) {
    .zy_box span{top: -2.8%;right: -20%;}

}
@media screen and (max-width: 390px) and (min-width:381px) {
    .zy_box span{top: -2.6%;right: -20%;}

}
@media screen and (max-width: 380px) and (min-width:371px) {
    .zy_box span{top: -2.5%;right: -19%;}

}
@media screen and (max-width: 370px) and (min-width:361px) {
    .zy_box span{top: -2.5%;right: -20%;}

}

@media screen and (max-width: 360px) and (min-width:341px) {
    .zy_box span{top: -2.2%;right: -19%;}

}

@media screen and (max-width: 340px) and (min-width:280px) {
    .zy_box span{top: -2%;right: -20%;}

}