@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%); }
.translateXY{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-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%;}
.content2 h1{width: 74.06%;margin: 0 auto;left:50%;top: 8.25%;}
.content6 h1{width: 87.03%;margin: 0 auto;left:50%;top: 8.25%;}
.content2 .content2_des{background: rgba(77,98,155,.7);padding: 3% 0;}
.content6 .content6_des{background: rgba(72,46,21,.7);}
.content2 .content2_des p{width: 89%;margin: 0 auto;}
.content2 .content2_des{width: 87.96%;left: 50%;bottom: 0;padding: 3% 0;}
.content6 .content6_des{width: 87.96%;left: 50%;bottom: 0;padding: 5% 0;}
.content2 .content2_des p,.content6 .content6_des p{font-size: 3.4rem;color: #ffffff;line-height: 1.4}
/*content3*/
.content3,.content7{width:100%;text-align: center;padding: 9.3% 0 10.1%;}
.content3{background: #2F3541;}
.content7{background: #482E15;}
.content3 h1,.content7 h1{font-size:4.0rem;color: #ffffff;font-weight: bold;padding-bottom: 5%;}
.content3 .content3_ul1,.content7 .content7_ul1{width: 93.75%;margin: 0 auto;}
.content3 .content3_ul1 li,.content7 .content7_ul1 li{width:31.66%;margin:0 2% 3% 0;}
.content3 .content3_ul1 li:nth-of-type(3),.content7 .content7_ul1 li:nth-of-type(3){margin-right: 0!important;}
.content3 .content3_ul2,.content7 .content7_ul2{width: 62.03%;margin: 0 auto;}
.content3 .content3_ul2 li,.content7 .content7_ul2 li{width:48.36%;margin-right:3.2%;}
.content3 .content3_ul2 li:nth-of-type(2),.content7 .content7_ul2 li:nth-of-type(2){margin-right: 0!important;}

.content4{background: url('../images/box04_bg.jpg') no-repeat center;width: 100%;height:auto;padding-bottom:11.87%;}
.content8{padding-bottom:11.87%;background: #B77F53;text-align: center;}
.content8 h1{font-size: 4rem;font-weight: bold;padding: 9.43% 0 7%;color: #ffffff;}
.content4 .content4_ul1,.content8 .content8_ul1{width: 91.87%;margin: 0 auto 4.3%;}
.content4 h1{font-size: 4rem;text-align: center;color: #ffffff;padding: 9.8% 0 6.8%;font-weight: bold;}
.content4 .content4_ul1 li,.content8 .content8_ul1 li{width: 30.1%;margin-right: 4.7%;}
.content4 .content4_ul1 li:nth-of-type(3),.content8 .content8_ul1 li:nth-of-type(3){margin-right: 0!important;}
.content4 .content4_ul2,.content8 .content8_ul2{width: 60.31%;margin: 0 auto;}
.content4 .content4_ul2 li,.content8 .content8_ul2 li{width: 45.85%;margin-right: 7.7%;}
.content4 .content4_ul2 li:nth-of-type(2),.content8 .content8_ul2 li:nth-of-type(2){margin-right: 0!important;}
.content4 .num_log,.content8 .num_log{width: 27.11%;top: -8%;left: 1%;}
.content4 .li_des,.content8 .li_des{background: #ffffff;width: 100%;height: 60px;}
.content4 .li_des p,.content8 .li_des p{top: 50%;left: 50%;width: 100%;font-size: 2.4rem;}
/*content5*/
.content5{background: url('../images/box05_bg.png') repeat-x;width: 100%;height: auto;text-align: center;padding: 9.3% 0 8.4%;}
.content5 h1{font-size: 3.8rem;color: #ffffff;font-weight: bold;padding-bottom: 5.6%;}
.content5 .content5_ul{width: 92.65%;margin:0 auto;}
.content5 .content5_ul li{width: 24.15%;margin-right: 1%;}
.content5 .content5_ul li:nth-of-type(4),.content9 .content9_ul li:nth-of-type(3){margin-right: 0!important;}
.content5 .content5_ul li p,.content9 .content9_ul1 li p,.content9 .content9_ul2 li p{left: 50%;top: 50%; color: #ffffff;font-size: 3.8rem;width: 100%;line-height: 1.2}
/*content9*/
.content9{background: url('../images/box09_bg.jpg') center;width: 100%;height: auto;text-align: center;padding-bottom: 5.4%;}
.content9 h1{font-size: 3.6rem;color: #ffffff;padding: 9% 0 5%;}
.content9 .content9_ul1{width: 84.37%;margin: 0 auto;}
.content9 .content9_ul2{width: 56.25%;margin: 0 auto;}
.content9 .content9_ul1 li{width: 31.62%;margin-right: 1.6%;}
.content9 .content9_ul2 li{width: 48.33%;margin-right: 1.6%;}
.content9 .content9_ul1 li p{font-size: 3.2rem;}
.content9 .content9_ul2 li p{font-size: 3.2rem;}
/*content10*/
.content10{background: #545A69;padding: 10.25% 0;}
.content10_middle{padding-top: 6.25%;}
.content10 h1{width: 29.68%;margin: 0 auto 3%;}
.content10 .anlis{width: 100%;height: 100%;overflow: hidden;}
.content10 .anli{ padding:4.375% 0 12.8%;overflow:hidden;width: 100%;margin: 0 auto;background: #CDC8C8;height: 100%;}
.content10 .anli>.bd{width:88%;margin: 0 auto;overflow: hidden;}
.content10 .anli{float: left;}
.content10 .anli_anniu{width: 100%;height: 100%;text-align: center;margin-top: -10%;}
.content10 .anli_anniu h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.content10 .anli_anniu ul{text-align: center;}
.content10 .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;}
.content10 #anli1>.hd,.content10 #anli2>.hd,.content10 #anli3>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3%;}
.content10 #anli1>.hd>ul>li,.content10 #anli2>.hd>ul>li,.content10 #anli3>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content10 #anli1>.hd>ul>.on,.content10 #anli2>.hd>ul>.on,.content10 #anli3>.hd>ul>.on{ background:#E85520;color: #ffffff;}
/*content11*/
.content11{padding: 10% 0 7.875%;background: #313641;}
.content11 h1{width: 82.81%;margin: 0 auto 8%;}
.content11 ul{width: 93.75%;margin: 0 auto;}
.content11 ul li{width: 100%;margin-bottom: 4%;background: #ffffff;padding: 1.5%;}
.content11 .des{top: 50%;left: 50%;width: 100%;}
.content11 .des h2{width: 42.33%;font-size: 2.8rem; color: #a98767;line-height: 1.4;margin-bottom: 0.5%}
.content11 .des p{font-size: 2.4rem;width: 48.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*/