@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;}
.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;}
.box02_btn2 a{ display:inline-block; border-radius:100px;font-size:4.0rem; color:#FFF; text-align:center;background: linear-gradient(to right, #F9719A , #FFDD43);width:100%;padding:3% 0;font-weight:bold;box-shadow: 0 10px 30px rgba(253,190,175,.75);}

/*banner*/
.banner a{width:35%;height:10%;bottom:21%;left:56%;}
/*content1*/
.content1{width:100%;}
.content1 p{width:75%;bottom:12%; left:12.5%;}
/*content2*/
.content2{width:100%;background: #A4BCC4;padding-bottom: 8%;}
.content2 h1{width: 50.46%;margin: 0 auto 6.25%;}
.content2 ul{width: 60.31%;margin: 0 auto;}
.content2 ul li{width: 100%;background: #F5AD8A;font-size: 3.0rem;color: #ffffff;padding: 4% 0;border-radius: 50px;text-align: center;margin-bottom: 3.75%;}
.content2 ul li:nth-last-of-type(1){margin-bottom: 0!important;}

/*content3*/
.content3{width:100%;background: #ECF0F1;}
.content3 h1{padding: 12.81% 0 3.75%;width: 82.5%;margin: 0 auto;}
.content3 h2{font-size: 3.4rem;text-align: center;color: #5C5B5B;}
/*content4*/
.content4{ overflow:hidden}
.content4 p{width:75%;bottom:11%; left:12.5%;}
/*content5*/
.content5{ overflow:hidden}
.content5 p{width:75%;bottom:16%; left:12.5%;}
/*content6*/
.content6{ background: #ffffff;padding-bottom: 9.37%}
.content6 h1{width: 67.18%;margin: 0 auto;padding: 7.7% 0 8.5%;}
.content6 .content6_ul{width: 93.75%;margin: 0 auto;}
.content6 .content6_ul li{width:100%;margin-bottom: 2.5%;}
/*content7*/
.content7{background: #EEEEEE;}
.content7_middle{padding-top: 6.25%;}
.content7 h1{width: 44.37%;margin: 0 auto 7%;}
.content7 .anlis{width: 100%;height: 100%;overflow: hidden;}
.content7 .anli{ padding:4.375% 0 12.8%;overflow:hidden;width: 100%;margin: 0 auto;background: #CDC8C8;height: 100%;}
.content7 .anli>.bd{width:88%;margin: 0 auto;overflow: hidden;}
.content7 .anli{float: left;}
.content7 .anli_anniu{width: 100%;height: 100%;text-align: center;margin-top: -10%;}
.content7 .anli_anniu h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.content7 .anli_anniu ul{text-align: center;}
.content7 .anli_anniu li{border-radius:50px;color:#4B3C3A;background: #FFFFFF; width: 18px;height:18px;margin:0 2%; font-size: 3.0rem;display: inline-block}
.active{color: #ffffff!important;background: #4B3C3A!important;}
.selected{display: block!important;height: 100%!important;}
.content7 #anli1>.hd,.content7 #anli2>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3%;}
.content7 #anli1>.hd>ul>li,.content7 #anli2>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content7 #anli1>.hd>ul>.on,.content7 #anli2>.hd>ul>.on{ background:#E85520;color: #ffffff;}

/*content8*/
.content8{padding: 10% 0 7.875%;background: #5D6169;}
.content8 h1{width: 82.81%;margin: 0 auto 8%;}
.content8 ul{width: 93.75%;margin: 0 auto;}
.content8 ul li{width: 100%;margin-bottom: 4%;}
.content8 .des{top: 50%;left: 52%;width: 100%;}
.content8 .des h2{width: 40.33%;font-size: 2.6rem; color: #a98767;line-height: 1.4;margin-bottom: 0.5%}
.content8 .des p{font-size: 2.4rem;width: 46.33%;text-align: left;line-height: 1.4;}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/