@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;}  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";
    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;
}
img{border: none;} 
/* ============ÉÅʳӪÑø================= */
.w640{width: 100%; margin: 0 auto;padding: 0 1rem;box-sizing: border-box;}

.clear{ clear:both;}

.flex{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
.hr{width: 100%;height: 0.25rem; background: #F5F5F5;}
.img img{width: 100%;}

.bd{padding: 0.625rem 0; width: 90%; margin: 0 auto;}
.bd h3{font-size: 2rem; padding: 0.375rem 0; text-align: center;}
.bd h3 p{font-size: 1.2rem; font-weight: normal;color: #767676; padding-top: 0.25rem;}
.bd ul li{width: 90%; margin: 0 auto;}
.bd ul li.l1 input{width: 100%; height: 3rem; border: 1px solid #C6C6C6; font-size: 1.2rem; margin-top: 1rem; text-indent: 0.5rem; border-radius: 0.5rem;}
.bd ul li.l2 input{width:100%; height: 3rem; background:#FC8622; font-size: 1.2rem; color: #fff; border: 0;margin-top: 0.5rem; border-radius: 0.5rem;}

.b1{width: 100%;background-color: #fff;padding: 2rem 0;box-sizing: border-box;}
.b1 ul{width: 95%;margin: 0 auto;}
.b1 ul li{float: left; width:23%;height: 6.8rem; margin-left: 2%;border: 1px solid #EBEFEE;box-sizing: border-box;padding: 1rem 0 1rem 0.5rem;}
.b1 ul li .b1_eng{color: #000;font-size: 0.8rem;line-height: 2rem;display: inline-block;position: relative;}
.b1 ul li .b1_eng::after{position: absolute;content: '';width: 3rem;height: 3px;bottom: 0;left: 0;background-color: #FC8622;}
.b1 ul li .b1_text{color: #FC8622;font-size: 1.3rem;line-height: 2rem;margin-top: 0.5rem;}


.wl{
    width: 95%;
    margin: 0 auto;
    padding: 1rem 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wl li{
    width: 31%;
    float: left;
    box-shadow: 1px 1px 1px 1px #f4a074;
    margin-left: 3%;
}
.wl li:first-child{margin-left: 0%;}
.wl li img{width: 100%;height: 9.75rem;}
.wl li .wl_text{
    height: 10.25rem;
    background-color: #fff;
    text-align: center;
    padding:1rem 0;
    box-sizing: border-box;
}
.wl li .wl_tit{
    color: #FC8622;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: bold;
}
.wl li .wl_subtit{
    color: #000;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
    text-align: left;
}
.wl li .wl_subtit span{
    color: #FC8622;
}

.a{padding: 1.575rem 0;}
.a a{color: #fff; display: block; width: 60%; height:3rem; background: #FC8622; text-align: center; line-height: 3rem;font-size: 1.2rem; font-weight: bold; margin: 0 auto;border-radius: 0.5rem;}

.t1{padding: 1.25rem 0;}
.t1 h2{width: 60%; margin: 0 auto;  background: url("../images/bg2.jpg") repeat-x bottom; height: 3rem; font-size: 1.5rem; font-weight:normal; text-align: center;}
.t1 p{font-size: 1.16rem; text-align: center; width: 100%; padding-top: 0.5rem;}

.b3{width: 100%; background: #f3f3f3; }
.b3 .wr2{width:100%; /* height: 23.9rem; */ background: #F3F3F3; position: relative; margin: 0 auto;}
.b3 .wr2 img{/* position: absolute; */ left: 0.2rem; top: 0.15rem; width:30%; height: 22.725rem;}
.b3 .wr2 div.l{display: inline-block; width: 30%; float: left;}
.b3 .wr2 div.l img{display: inline-block; width: 100%;}
.b3 .wr2 div.r{width: 70%; /* height: 21.95rem; */ display: inline-block;background: #FC8622;/* position: absolute; */ right:0.25rem; top: 0.575rem; padding: 0rem 0.2rem 0.1rem 0;}
.b3 .wr2 div.r h3{ padding-left: 0.6rem; line-height: 2rem; font-size: 1.2rem; color: #fff; padding-top: 0.25rem;}
.b3 .wr2 div.r p.p1{ font-size: 1rem; color: #fff; padding-left: 0.6rem;}
.b3 .wr2 div.r p.p2{ font-size: 1rem; color: #fff; padding-left: 0.6rem; line-height: 1.5rem; padding-top:0.125rem;}

.b4{width: 93.75%; margin: 0 auto; background: #fff;height: 22.75rem; position: relative; background: url("../images/bg3.jpg") no-repeat right bottom;background-size: contain;}
.b4 .wr .l h3,.b4 .wr .r h3{font-size: 1.2rem; line-height: 1.85rem; height: 1.85rem; }
.b4 .wr .l p,.b4 .wr .r p{font-size: 1rem; line-height: 1.5rem;}
.b4 .wr{width: 60%; padding-left: 0rem;}

.b5{width: 100%; background: #F3F3F3; padding-bottom: 0.375rem;}
.b5 ul{width: 95%; margin: 0 auto;}
.b5 ul li{width:30%; height: 8.825rem;  padding-top: 2.625rem; background: #fff; border-radius: 50%;  text-align: center;display: table-cell;vertical-align: middle; font-size: 1.2rem;-moz-box-shadow:0.05rem 0.05rem 1px #9E9E9E; -webkit-box-shadow:0.05rem 0.05rem 1px #9E9E9E; box-shadow:0.05rem 0.05rem 1px #9E9E9E; margin-top: 0.5rem;}
/* .b5 ul li:hover{color: #fff; background: #17962B;} */

.b6 .l{width: 93.75%;  margin: 0 auto;}
.b6 .l h3,.b6 .r h3{ font-size: 1.5rem; width: 100%; height: 4rem; line-height: 3.2rem; background: url("../images/bg4.png") left bottom no-repeat;}
.b6 .l h3{height: 3rem; line-height: 3rem;}
.b6 .l ul li{width:33.3333%; height: 2rem; background: url("../images/dt.png") no-repeat; background-size: contain; padding-left: 2rem; line-height: 2rem; margin-top: 0.9rem; font-size: 1.2rem;}
.b6 .r h3 span{ color: #F38432;}
.b6 .r h3 {padding-top: 0.8rem;}

.b6 .r p{/* width: 95%; */ font-size: 1.1rem; line-height: 1.8rem; padding-top: 1rem;margin: 0 auto;}
.b6 .r p b{color: #F28530;}
.b6 .r{ width: 93.75%;  margin: 0 auto;}
.b6 .r ul{/* width: 95%; */ margin: 0 auto; padding-top: 0.8rem;}
.b6 .r ul li{width:31%; background: #FC8622; text-align: center; border-radius: 0.5rem; overflow: hidden;padding-bottom: 0.5rem;box-sizing: border-box;}
.b6 .r ul li img{width: 100%;}
.b6 .r ul li p{font-size: 1rem; color: #fff; padding-top:0.25rem;}
.b6 .r ul li strong{font-size: 1rem; color: #fff;}
.b6 .r ul li strong span{color: #F2F106;}

.b8 {background: #F3F3F3; width: 100%; height: 11.85rem;}
.b8 .r{ width: 15rem; margin: 0 auto; text-align: center;}
.b8 .r h3{font-size: 1.2rem; padding-top:0.8rem; color: #6D6D6D;}
.b8 .r p{font-size: 0.55rem; padding-bottom: 0.25rem; color: #6D6D6D;}
.b8 .r p span{ color: #FE9A28;}
.b8 .r ul li.li1{font-size: 0.55rem;}
.b8 .r ul li.li1 input{width: 9.5rem; height: 1.2rem; border: 1px solid #C0C0C0;background: #fff; color: #AEAEAE;  border-radius: 0.25rem; margin-top: 0.4rem;font-size: 0.55rem; text-indent: 0.25rem;}
.b8 .r ul li.li2 input{width: 12.25rem; height: 1.2rem; background: #FE9A28; color: #fff; border: 0;margin-top: 0.4rem;font-size: 0.55rem;border-radius: 0.25rem;}
.b8 .r p.p2{font-size: 0.5rem; color: #9A9999; padding: 0.25rem 0.375rem;}