@charset "gb2312";
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a,button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body {  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; background-color: #fff;}
img {  height: auto; -ms-interpolation-mode: bicubic;  vertical-align: middle;display: block}
.all-wrap img {display: block;height: auto; }
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
p {font-size: 2.4rem; text-align: center; text-justify: inter-ideograph;color: #676767; }
input,textarea{ border:0;  outline: none;  resize: none;  -webkit-appearance: none;  }
a { text-decoration: none;}
a:hover { text-decoration: none; outline: 0 }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height:1.2;font-weight: normal; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear{clear: both;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.translateX{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%); }
.translateY{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%); }
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.container{max-width:750px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden;}

/*banner*/
.banner{width:100%;}
/*content1*/
.content1{width:100%;}
/*content2*/
.content2{width:100%;}
/*content3*/
.content3{background: #EEEEEE;}
.content3_middle{padding-top: 6.25%;height: 194px;}
.content3 h1{width: 44.37%;margin: 0 auto 7%;}
.content3 .anlis{width: 64.25%;height: 100%;overflow: hidden;}
.content3 .anli{ padding:4.375% 0 9.8%;overflow:hidden;width: 100%;margin: 0 auto;background: #FFFFFF;height: 100%;}
.content3 .anli>.bd{width:88%;margin: 0 auto;overflow: hidden;}
.content3 .anli{float: left;}
.content3 .anli_anniu{width: 33.75%;background: #979191;height: 100%;text-align: center;}
.content3 .anli_anniu h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.content3 .anli_anniu li{color:#4B3C3A;background: #FFFFFF; width: 78%;margin: 0 auto 6%; font-size: 3.0rem;padding: 4% 0;display: inline-block}
.active{color: #ffffff!important;background: #4B3C3A!important;}
.selected{display: block!important;height: 100%!important;}
.content3 #anli1>.hd,.content3 #anli2>.hd,.content3 #anli3>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3%;}
.content3 #anli1>.hd>ul>li,.content3 #anli2>.hd>ul>li,.content3 #anli3>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content3 #anli1>.hd>ul>.on,.content3 #anli2>.hd>ul>.on,.content3 #anli3>.hd>ul>.on{ background:#E85520;color: #ffffff;}
/*content4*/
.content4{padding: 6% 0 7.875%;background: #EEEEEE;}
.content4 ul{width: 96.87%;margin: 0 auto;}
.content4 ul li{width: 32.25%;margin:0 1.6% 1.6% 0;float: left;}
.content4 ul li:nth-of-type(3),.content4 ul li:nth-of-type(6){margin-right: 0!important;}
.content4 ul li img{width: 30%;display: block;}

.content5,.content6{background: #EEEEEE;text-align: center;}
.content5 h1,.content6 h1{font-size: 3.6rem;color: #3B3535;font-weight: bold;}
.content5 h2,.content6 h2{padding: 1.2% 0 3%;color: #3B3535;font-size: 2.5rem;}
.content5 .video{width: 96.87%;margin: 0 auto; height: 200px;}

.content6 h1{padding-top: 9%;}
.content6 .anli4 .biji1_btn{left: 50%;bottom: 12.18%;width: 28.43%;}
.content6 .anli4 .biji2_btn{left: 50%;bottom: 4.18%;width: 28.43%;}
.content6 .anli4 .hd{text-align: center;margin-top: 1%!important;}
.content6 .anli4 .hd li{width: 16px;height: 16px;margin:0 2%;background: #CACACA;display: inline-block;border-radius: 100%;}
.content6 .anli4 .hd ul .on{background: #E85520}
.content6 .anli4_btn1{width: 29%;left: 50%;bottom: 10%;}
.content6 .anli4_btn2{width: 29%;left: 50%;bottom: 2%;}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
    .content3_middle {
        height: 174px !important;
    }
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
    .content3_middle {
        height: 214px !important;
    }
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
    .content3_middle {
        height: 214px !important;
    }
}
@media screen and (min-width:480px) and (max-width:900px) {
    html {
        font-size: 40%;
    }

    /*0.64*/

}