@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;}
.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%;padding: 7.1% 0 7.8%;background: url(../images/box03_bg.jpg) repeat center;}
.content2 h1{width: 50.46%;margin: 0 auto 6.25%;}
.content2 ul{width: 100%;text-align: center;}
.content2 ul li h2{font-size: 3.8rem;color: #4FD1D9;}
.content2 ul li h2:before{vertical-align: middle;line-height:26px;width: 26px;height: 26px;background: #4FD1D9;color: #ffffff;font-size: 4.0rem;border-radius: 50%;display: inline-block;margin-right: 1.5%;}
.content2 .content2_li1 h2:before{content:'1';}
.content2 .content2_li2 h2:before{content:'2';}
.content2 .content2_li3 h2:before{content:'3';}
.content2 .content2_li4 h2:before{content:'4';}
.content2 .content2_li5 h2:before{content:'5';}
.content2 .content2_li5 h3{color: #4FD1D9;}
.content2 ul li{padding-bottom: 6%;}
.content2 ul li h3{font-size: 3.6rem;color: #ffffff;margin:3% 0;font-weight: bold;}
.content2 ul li p{font-size: 3.0rem;color: #ffffff;}
.content2 ul li .kulou{margin-top: 4%;}
/*content3*/
.content3{width:100%;background: #68584D;padding-bottom: 6.8%;}
.content3 h1{padding: 12.5% 0 7%;width: 69.37%;margin: 0 auto;}
.content3 h2{font-size: 3.4rem;text-align: center;color: #5C5B5B;}
.content3 ul{width: 93.75%;margin: 8.7% auto 0;}
.content3 ul li{background: #483C34;border-radius: 10px;width: 100%;padding: 3% 4%;margin-bottom: 3%;}
.content3 ul li:nth-of-type(4){margin-right: 0!important;}
.content3 .num{width: 8.33%;}
.content3 .num1{margin-right: 1%;}
.content3 .num2{margin-right: 5%;}
.content3 .num3{margin-right: 3%;}
.content3 .num4{margin-right: 3%;}
.content3 p{font-size: 2.6rem;color: #ffffff;}
/*content4*/
.content4{padding: 11.25% 0;background: #545A69;}
.content4 h1{width: 44.37%;margin: 0 auto 7%;}
.content4 .anlis{width: 100%;height: 100%;overflow: hidden;}
.content4 .anli{ padding:4.375% 0 12.8%;overflow:hidden;width: 100%;margin: 0 auto;background: #CDC8C8;height: 100%;}
.content4 .anli>.bd{width:88%;margin: 0 auto;overflow: hidden;}
.content4 .anli{float: left;}
.content4 .anli_anniu{width: 100%;height: 100%;text-align: center;margin-top: -10%;}
.content4 .anli_anniu h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.content4 .anli_anniu ul{text-align: center;}
.content4 .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;}
.content4 #anli1>.hd,.content4 #anli2>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3%;}
.content4 #anli1>.hd>ul>li,.content4 #anli2>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content4 #anli1>.hd>ul>.on,.content4 #anli2>.hd>ul>.on{ background:#E85520;color: #ffffff;}
/*content5*/
.content5{padding: 10% 0 7.875%;background: #313641;}
.content5 h1{width: 82.81%;margin: 0 auto 8%;}
.content5 ul{width: 93.75%;margin: 0 auto;}
.content5 ul li{width: 100%;margin-bottom: 4%;background: #ffffff;padding: 1.5%;}
.content5 ul li img{}
.content5 .des{top: 50%;left: 50%;width: 100%;}
.content5 .des h2{width: 42.33%;font-size: 2.8rem; color: #a98767;line-height: 1.6;margin-bottom: 1%}
.content5 .des p{font-size: 2.0rem;width: 44.33%;text-align: left;line-height: 1.6;}
@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*/