@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;}
.mid{margin: 0 auto;}
.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:640px;margin:0 auto;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:#B1D6FE;}
.content2_mid{width: 93.75%;background: #F7DBE0;border-radius: 1%;box-shadow: 0 0 50px #ccc;padding-bottom: 8%}
.zhijia{width: 25.5%;right: 6%;top: 0;}
.content2 h1{padding: 10% 0 6%;text-align: center;font-size: 4.8rem;}
.content2 ul{width: 100%;text-align: center;}
.content2 ul li{width: 94.6%;margin:0 auto 7%;}
.content2 ul li:nth-of-type(2){margin-bottom: 0!important;}
.content2 ul li .content2_btn1{width: 44.56%;left: 0;bottom: 0%;}
.content2 ul li .content2_btn2{width: 44.56%;right: 0;bottom: 0%;}
.content2 ul li .content2_btn3{width: 44.56%;left: 0;bottom: 0%;}
.content2 ul li .content2_btn4{width: 44.56%;right: 0;bottom: 0%;}
/*content3*/
.content3{width:100%;background: #B1D6FE;}
.content4{background: #8DC0F8;padding-top: 6%}
.content3_mid{width: 93.75%;padding: 10% 0 7.8%;}
.content3 h1{padding-bottom:3%; font-size: 5.8rem;text-align: center;}
.content3 h2{width: 29.66%;}
.content3 .content3_yachi,.content4 .content4_yachi{width: 100%;padding: 3% 0 4%}
.content3 p,.content4 p{text-align: left;font-size: 2.4rem!important;margin-bottom: 3%;}
.content3 p span,.content4 p span{background: #73A2FF;font-size: 2.6rem!important;color: #ffffff;padding: 1.5% 0;width: 21%;display: inline-block;text-align: center;float: left;margin-right: 1%}
.content3 p i,.content4 p i{margin-top: 2%!important;display: block;color: #000000}
.content3 .anli,.content4 .anli{ padding:4.375% 0 3.8%;overflow:hidden;width: 100%;background: #FFFFFF;}
.content3 .anli>h1,.content4 .anli>h1{font-size: 3.6rem; text-align: center;}
.content3 .anli>.bd,.content4 .anli>.bd{width:88%;margin: 0 auto;overflow: hidden;}
.content3 #anli1>.hd,.content4 #anli2>.hd{text-align: center;width: 100%;position: relative!important;margin-top: -2%;}
.content3 #anli1>.hd>ul>li,.content4 #anli2>.hd>ul>li{margin:0 1%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content3 #anli1>.hd>ul>.on,.content4 #anli2>.hd>ul>.on{ background:#E85520;color: #ffffff;}
.content3 .content3_btn,.content4 .content4_btn,.content6_btn,.content7_btn,.content8_btn,.content10_btn{width: 77.66%;margin: 0 auto;}
.content3 .content3_btn a,.content4 .content4_btn a,.content6_btn a,.content7_btn a,.content8_btn a,.content10_btn a{width:100%;display: inline-block;padding: 4% 0;background: #F95D48;border-radius: 50px;text-align: center;font-size: 4rem;color: #ffffff;margin-top: 7.8%;}
.content4_mid{width: 93.75%;}
/*content5*/
.content5{width: 100%}

.content6{background: #FBD6D2;padding: 2% 0 6.8%}
.content7{background: #ffffff;padding: 8% 0 6.8%}
.content8{background: #FBD6D2;padding: 8% 0 6.8%}
.content6 h1,.content7 h1,.content8 h1{width: 39.06%;margin: 0 auto;}
.content6 p,.content7 p,.content8 p{width: 95%; margin: 0 auto;font-size: 2.4rem;padding: 6.8% 0;line-height: 1.7}
.content6 h2,.content7 h2,.content6 h3,.content7 h3,.content8 h2,.content8 h3{width: 29.06%;color: #ffffff;background: #E85520;text-align: center;font-size: 3.2rem;padding: 2% 0;}
.content6 h3,.content7 h3,.content8 h3{margin: 4% 0 2%;}
.content6 .content6_img1,.content7 .content7_img1,.content8 .content8_img1{width: 93.75%;margin: 2% auto 1%}

.content6 .anli,.content8 .anli{overflow:hidden;margin: 0 auto;background: #ffffff;}
.content6 .anli>.bd,.content8 .anli>.bd{margin: 0 auto;overflow: hidden; }
.content6 .anli>.bd>ul,.content8 .anli>.bd>ul{margin: 0 auto;}
.content6 .anli_anniu1,.content8 .anli_anniu2{width: 100%;height: 100%;text-align: center;margin-top: 3%;}
.content6 .anli_anniu1 h6,.content8 .anli_anniu2 h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.content6 .anli_anniu1 ul,.content8 .anli_anniu2 ul{text-align: center;}
.content6 .anli_anniu1 li,.content8 .anli_anniu2 li{border: 2px solid #ffffff;border-radius:50%;background: #ffffff; width: 50px;height: 50px;margin:0 1%;display: inline-block}
.content6 .anli_anniu1 li:nth-of-type(1){background: url("../images/anli3.png") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.content6 .anli_anniu1 li:nth-of-type(2){background: url("../images/anli4.png") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.content6 .anli_anniu1 li:nth-of-type(3){background: url("../images/anli5.png") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.content8 .anli_anniu2 li:nth-of-type(1){background: url("../images/anli1.png") no-repeat center; -webkit-background-size: cover; background-size: cover;}
.content8 .anli_anniu2 li:nth-of-type(2){background: url("../images/anli2.png") no-repeat center;-webkit-background-size: cover; background-size: cover; }
.content8 .anli_anniu2 li i,.content6 .anli_anniu1 li i{background-color:rgba(0,0,0,.6)!important;width: 100%;height: 100%;border-radius:50%;left: 0;top: 0}
.content8 .anli_anniu2>ul>.active i,.content6 .anli_anniu1>ul>.active i{background: none!important;}

.content6 #anli3>.hd,.content6 #anli4>.hd,.content6 #anli5>.hd,.content8 #anli7>.hd,.content8 #anli8>.hd{text-align: center;width: 100%;position: relative!important;margin-top: -2%;}
.content6 #anli3>.hd>ul>li,.content6 #anli4>.hd>ul>li,.content6 #anli5>.hd>ul>li,.content8 #anli7>.hd>ul>li,.content8 #anli8>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content6 #anli3>.hd>ul>.on,.content6 #anli4>.hd>ul>.on,.content6 #anli5>.hd>ul>.on,.content8 #anli7>.hd>ul>.on,.content8 #anli8>.hd>ul>.on{ background:#E85520;color: #ffffff;}
.content6_btn{width: 72.81%;}

.content7 #anli6{box-shadow: 0 0 30px #ccc;width: 93.75%;margin: 4% auto 0;padding: 4% 0 2%}
.content7 .anli>.bd{width:91.66%;margin: 0 auto;overflow: hidden;}
.content7 #anli6>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 1%}
.content7 #anli6>.hd>ul>li{margin:0 2%;background:#C4C4C4;width: 12px;height:12px;border-radius:50%;padding: 1% 0;opacity: 1;display: inline-block;}
.content7 #anli6>.hd>ul>.on{ background:#E85520;}


.content10{background: #B1D6FE;text-align: center;padding: 12.5% 0 14%;}
.content10 h1{font-size: 5rem;}
.content10 h2{font-size: 4rem;padding: 2% 0 4%}
.content10 h3{font-size: 2.8rem;padding: 5% 0}
.content10 p{font-size: 2.6rem;width: 90%;margin: 0 auto}
.content10_ul{width: 93.75%;margin: 0 auto;}
.content10_ul li{width: 50%;}
.content10_ul li .li_img{width: 76.66%;margin: 0 auto;}
.content10_ul h3{text-align: center;}
.content10_ul p{text-align: left;color: #000000}

.content11{padding: 10% 0 6%;text-align: center;}
.content11 h1{font-size: 4.6rem;}
.content11 h2{font-size: 3.2rem;padding: 4% 0 7%;line-height: 1.6}
.content11_ul{width: 93.75%;margin: 0 auto;}
.content11_ul li{width: 48.33%;margin:0 3.33% 6% 0;}
.content11_ul li:nth-of-type(2),.content11_ul li:nth-of-type(4),.content11_ul li:nth-of-type(6){margin-right: 0;}
.content11_ul li p{font-size: 2.2rem;margin-top: 3%}
@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*/
