@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; }
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 h1{font-size: 3.2rem;top: 32%;left: 50%;width: 65.62%;text-align: center;color: #898F97;line-height: 1.33;}
/*content1*/
.content1{width:100%;padding: 7.8% 0 4.68%;background: #68584D;}
.content1 h1{width: 48.43%;margin: 0 auto 7.8%;}
.content1 ul{width:93.75%;margin: 0 auto;}
.content1 ul li{margin-bottom: 4.3%;padding: 1.6%;background: #ffffff;}
.content1 ul .j_li>.li_left{width: 45.33%;}
.content1 ul .j_li>.li_right{width: 47.5%;top: 50%;right: 1.9%;}
.content1 ul .o_li>.li_left{width: 47.5%;top: 50%;left: 3.8%;}
.content1 ul .o_li>.li_right{width: 45.33%; clear: both;}
.content1 ul li h2{width: 71.92%;margin-bottom: 3.6%}
.content1 ul li p{text-align: left; font-size: 2.4rem;line-height: 1.4;}
/*content2*/
.content2{width:100%;background: #A4BCC4;}
.content2 img{display: block;}
/*content3*/
.content3{width:100%;background: #2C3342;padding-bottom: 10.3%;}
.content3 h1{width: 48.7%;margin: 0 auto;}
.content3 h2,.content4 h1{font-size: 4.0rem;text-align: center;color: #fccc98;margin: 7% 0 8%;}
.content3 h2:before,.content4 h1:before{content:''; vertical-align: middle;width: 11.37%;background: #565C68;border-radius: 30px;padding: 1% 0;display:inline-block;margin-right: 4%}
.content3 h2:after,.content4 h1:after{content:''; vertical-align: middle;width: 11.37%;background: #565C68;border-radius: 30px;padding: 1% 0;display:inline-block;margin-left: 4%}
.content3_top h3,.content4_top h3{left: 50%;top: 7.6%;font-size: 3.2rem;width: 100%;text-align: center}
.content3_top h3 span{font-weight: bold;margin-top: 1.65%;display: inline-block}
.content3_center{width: 93.75%;margin: 3% auto;background: #6B615C;padding: 1.5% 6% 2%;}
.content3_center .center_left{width: 14%;}
.content3_center .center_right{width: 76.66%;left: 24%;top: 50%;}
.content3_center .center_right{color: #ECC091!important;font-size: 3.0rem;line-height: 1.6}
.content3 .center_bottom{width: 93.75%;margin: 0 auto;}
.content3 .center_bottom li{width: 31.16%;margin:0 3.23% 3.23% 0;background: #444954;height: 124px;padding-top: 9%}
.content3 .center_bottom li h1{width: 21.27%;margin: 0 auto 8%;}
.content3 .center_bottom li p{width:98%;margin:0 auto;font-size: 2.6rem;color: #ffffff;text-align: center;line-height: 1.4;}
.content3 .center_bottom li:nth-of-type(3),.center_bottom li:nth-of-type(6){margin-right: 0!important;}
/*content4*/
.content4{background: #444954;padding-bottom: 10.6%;}
.content4 h1{margin: 0;padding: 10% 0 7%;}
.content4 h2{padding: 10% 0 7%;}
.content4_top h3{width: 59.84%;margin: 0 auto;line-height: 1.6}
.content4 .center_bottom{width: 93.75%;margin: 0 auto;}
.content4 .center_bottom li{width: 24.5%;margin-right: 0.6%; height: 200px;background: #2C3342;}
.content4 .center_bottom li:nth-of-type(4){margin-right: 0!important;}
.content4 .center_bottom li>h1{width: 21.27%;margin: 0 auto 1%!important;}
.content4 .center_bottom li>p{line-height: 1.7;color: #ffffff;width: 84.62%;margin: 0 auto;text-align: center;font-size: 2.8rem;}
.content4 h2{width: 26%;margin: 0 auto;padding: 20% 0;}
/*content5*/
.content5{padding: 8.7% 0 9.6%;background: #76777B;}
.content5 h1{width: 67.81%;margin: 0 auto 7%;}
.content5 #anli1{margin-bottom: 6%!important;}
.content5 #anli1{ padding:4.6% 4.6% 2.6%;overflow:hidden;width: 93.125%;margin: 0 auto;background: #E1E1E1}
.content5 #anli1>.bd{width:100%;margin: 0 auto;overflow: hidden;}
.content5 #anli1>.hd{text-align: center;margin-top: 4%}
.content5 #anli1>.hd>ul>li{margin:2%;background:#949595;opacity: 1;border-radius: 50%;display:inline-block;width: 12px;height: 12px;}
.content5 #anli1>.hd>ul>.on{ background:#E85520;color: #ffffff;}
.content5 #anli1 .prev,.content5 #anli1 .next{width: 3%;bottom: 6.5%;}
.content5 #anli1 .prev{left: 28%;}
.content5 #anli1 .next{right: 28%;}

.content6{background: #76777B;padding-bottom: 9.37%}
.content6 h1{padding: 9.6% 0 6.5%;text-align: center;font-size: 4.2rem;color: #ffffff;}
.content6 ul{width: 92.18%;margin: 0 auto;}
.content6 ul li{margin-right:0.4%;width: 33%;}
.content6 ul li:nth-of-type(3){margin-right:0!important; }

.content7{background: #2C3342;padding: 12.5% 0 9.6%;}
.content7 h1{width: 60%;margin: 0 auto;}
.content7 h2{color: #E8BC8E;font-size: 3.6rem;text-align: center;padding: 5% 0 3%}
.content7 h3{color: #B9BABD;font-size: 3.3rem;text-align: center;width: 86.4%;margin: 0 auto;}
.content7 .ry{width: 91.25%;margin: 8% auto 6%;}
.content7 .content7_btn{width: 63%;margin: auto;}
.content7 .content7_btn a{background: #F3913A;padding: 4% 0;text-align: center;font-size: 4.0rem;border-radius: 50px;display: inline-block;width: 100%;color: #000}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
    .content4 .center_bottom li{height: 176px;}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
    .content3 .center_bottom li{height: 156px!important;}
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
    .content3 .center_bottom li{height: 150px!important;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html {font-size: 40%; }/*0.64*/

}