@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;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
input::-webkit-input-placeholder { /* WebKit browsers */ 

color: #c8c8c8; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #c8c8c8; 
} 

input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #c8c8c8; 
} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #c8c8c8; 
} 
.middle{ display:inline-block; vertical-align:middle}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }

.content1 .imgArea .btn{ width:35%; height:23%; right:2%; top:21%}

.content2 .imgArea .title{ top:4%;width:100%; text-align:center;}
.content2 .imgArea .title h2{  font-size:6.4rem; color:#fff; font-weight:bold;}
.content2 .imgArea  .left{ width:40%; font-size:2.6rem; left:6%; top:40%; line-height:1.7;}
.content2 .imgArea  .left h3{ font-size:3.2rem; color:#a36e33; font-weight:bold; text-align:center;}
.content2 .imgArea  .left p{ margin-top:4%}
.content2 .imgArea  .left p span{ color:#a36e33;}
.content2 .imgArea  .left2{ left:54%;width:43%;}

.content3{ background:#8d6346;}
.content3 .title{ padding:5% 0}
.content3 .title h2{ width:100%; text-align:center;font-size:6.4rem; color:#fff; font-weight:bold;}
.content3  .ulList{ width:95.4%; margin:0 auto;background:#8d6346}
.content3  .ulList li{ width:49%;  box-shadow: 0px 27px 16px 0px rgba(141, 99, 70, 0.21);-webkit-box-shadow: 0px 27px 16px 0px rgba(141, 99, 70, 0.21);  -moz-box-shadow: 0px 27px 16px 0px rgba(141, 99, 70, 0.21); height:100%}
.content3  .ulList li p{ width:100%; padding:7% 5%; color:#555555; font-size:2.6rem; line-height:1.7; background:#fff;}
.content3  .ulList2{ margin-top:3%}
.content3  .ulList2 .lil p{ padding:19%;}
.content3 .img{ margin-top:11%}

.content4 .title{ width:100%; top:6%}
.content4 .title h2{width:100%; text-align:center;font-size:5.3rem; color:#8c6245; font-weight:bold;}
.content4 .title p{  font-size:2.8rem; color:#333333; width:100%; text-align:center; margin-top:2%}

.content5 .title{top:3%; width:100%; text-align:center;}
.content5 .title h2{font-size:5.3rem; color:#fff; font-weight:bold;}
.content5  .p1{top:27.5%; text-align:center; color:#555555; font-size:3.2rem; width:100%}
.content5  .p1 span{ font-weight:bold; color:#a36e33;}
.content5  .p2{top:47%;}
.content5  .p3{ font-weight:bold; width:100%; text-align:center; color:#a36e33; font-size:4rem; top:68.4%}
.content5  .p4{top:89.2%; width:97%; left:0; right:0; margin:auto;}

.content6 .title{ padding:10% 0 5%}
.content6 .title h2{font-size:6.4rem; color:#fff; font-weight:bold; width:100%; text-align:center;}
.content6{ background:#393b54;}
.content6 .ulList{width:95.4%; margin:0 auto;}
.content6 .ulList li{ width:49.7%}

.content7 .focus .title{ top:3%; width:100%; text-align: center;}
.content7 .focus img{ display:block;}
.content7 .focus .hd{ width:24%; text-align:center; left:0; right:0; margin:auto; bottom:-2%}
.content7 .focus .hd li{ width:16px; height:16px; margin:0 14%; float:left; border-radius:50%; bottom:30%; background:#fff;}
.content7 .focus .hd .on{ position:relative; background:none; border:1px solid #fff;}
.content7 .focus .hd .on:before{ content:""; position:absolute; width:5px; height:5px; border-radius:50%; left:0; right:0; bottom:0; top:0; margin:auto; background:#fff;}

.content8 .imgArea .txt{ width:85%; left:0; right:0; margin:auto; top:64%; font-size:2.6rem;}
.content8 .imgArea .txt span{ color:#a36e33;}
.content8 .imgArea2 .txt{ top:4%; color:#fff; }
.content8 .imgArea2 .txt h3{ width:100%; text-align:center; font-size:5rem;} 
.content8 .imgArea2 p{ font-size:2.6rem; width:80%; margin:2% auto 0;}

.content9 .imgArea .title{ width:100%; text-align:center; top:1.5%;}
.content9 .imgArea .title h2{font-size:6.9rem; color:#a77855; font-weight:bold; width:100%; text-align:center;}

.content10 .txt{ width:100%; text-align:center; top:40%; font-size:3.8rem; color:#fff; line-height:1.7;}
.content10 .txt .p1{ font-weight:bold; color:#a36e33;}

/*750Éè¼Æ¸å*/
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
.content2 .imgArea  .left{ width:42%; top:39%;}
.content2 .imgArea  .left p{ margin-top:2%}
.content3 .ulList2 .lil p{ padding:20.3% 17.7076%}
}
@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*/
}