@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
a:active,a:hover{outline:0;text-decoration:none;}
li{list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { border:0;-webkit-touch-callout:none; vertical-align: middle; display:block}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.all-wrap p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.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%); }
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.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;
}
body{ background:#fff;}
.wrap { width: 100%; margin: 0 auto; max-width: 640px; min-width: 320px; }

.content1{ margin-top:-20%;}
.content2 .title{ font-size:2.8rem;top:0%; left:9%; color:#fef0e5; font-weight:bold;}
.content2 .title2{top:2%; left:52%;color:#fef0e5; }
.content2 .title4{ top:15%; left:9%; color:#fef0e5; }

.content6 h3{ font-size:3rem; color:#fff;}
.content6 .font1{ top:6%; left:6%}
.content6 .font2{ top:6%; right:5%}
.content6 .font3{ bottom:33%; left:6%}
.content6 .font4{ bottom:33%; right:5%}

.content8 .title{ font-weight:bold; font-size:3rem; color:#5d6169; top:37%; left:46%}
.content8 .font{ top:46%; left:5%; color:#656363; font-size:2.5rem; font-weight:bold;}

.content9 h3{ color:#5d6169; font-size:3rem; font-weight:bold; margin:4% 5%;}
.content9 h4{ color:#7c818a; font-size:2.4rem; font-weight:bold;  top:59%;}
.content9 .img9{ width:95%; margin:0 auto 6%; }
.content9 .font1{ left:4%;}
.content9 .font2{ left:23%;}
.content9 .font3{ left:43%;}
.content9 .font4{ right:23%;}
.content9 .font5{ right:4%;}
.content9 .line{ border:1px dashed #bfbfbf; width:90%; margin:0 auto;}

.content10 h4{  top:30%; font-size:2.5rem; color:#fff;}
.content10 .font1{ left:9%;}
.content10 .font2{ left:42%;}
.content10 .font3{left:75%;}
.content11 .bg{ height:100%; width:100%; background:url(../images/bg.jpg) center; padding-bottom:6%; background-size:100%;}
/*content3*/
.content11{background: #EEEEEE;}
.content11_middle{padding-top: 6.25%;}
.content11 h1{width: 44.37%;margin: 0 auto 7%;}
.content11 .anlis{width: 100%;height: 100%;overflow: hidden;}
.content11 .anli{ padding:4.375% 0 11.8%;overflow:hidden;width: 100%;margin: 0 auto;background: #CDC8C8;height: 100%;}
.content11 .anli>.bd{width:88%;margin: 0 auto;overflow: hidden;}
.content11 .anli{float: left;}
.content11 .anli_anniu{width: 100%;height: 100%;text-align: center;margin-top: -9%;}
.content11 .anli_anniu h6{font-size: 3.6rem;color: #ffffff;padding: 14.6% 0 8%;font-weight: bold;}
.content11 .anli_anniu ul{text-align: center;}
.content11 .anli_anniu li{border-radius:50px;color:#4B3C3A;background: #FFFFFF; width: 18px;height:18px;margin:0 2%; font-size: 3.0rem;display: inline-block}
/*.content11 .prev,.content11 .next{top: 50%;font-size: 3.8rem;color: #4B3C3A;}
.content11 .anli_anniu .prev{left: 32%;}
.content11 .anli_anniu .next{right: 32%;}*/
.active{color: #ffffff!important;background: #4B3C3A!important;}
.selected{display: block!important;height: 100%!important;}
.content11 #anli1>.hd,.content11 #anli2>.hd,.content11 #anli3>.hd{text-align: center;width: 100%;position: relative!important;margin-top: 3%;}
.content11 #anli1>.hd>ul>li,.content11 #anli2>.hd>ul>li,.content11 #anli3>.hd>ul>li{margin:0 2%;background:#949595;width: 14%;padding: 1% 0;opacity: 1;font-size: 2rem;color: #3E3E3F; display: inline-block;}
.content11 #anli1>.hd>ul>.on,.content11 #anli2>.hd>ul>.on,.content11 #anli3>.hd>ul>.on{ background:#E85520;color: #ffffff;}

.content12{ background:#5d6169; padding:6% 0 7%}
.content12 .title{ width:80%; margin:5% auto;}
.content12 .contain1{ width:95%; margin:0 auto}
.content12 .contain1 .p1{ top:16%; left:52%; color:#a98767; font-size:2.8rem;}
.content12 .contain1 .p2{ left:52%;top:23%}
.content12 .contain1 .p3{ left:52%;top:9%;}
/*640 Éè¼Æ¸å*/

@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 31.25%!important; } /*0.5*/
}
@media screen and (min-width:360px) and (max-width:409px) {
    html { font-size: 35%!important; }  /*0.56*/
}
@media screen and (min-width:410px) and (max-width:479px) {
    html { font-size: 40%!important; }  /*0.64*/
}
@media screen and (min-width:480px) and (max-width:639px) {
    html { font-size: 47%!important; }  /*0.75*/
}