@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: #cecece; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #cecece; 
} 

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

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #cecece; 
} 
.middle{ display:inline-block; vertical-align:middle}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }
.banner .btn{ top:35%; right:3%; width:21.33%}

.content1 .title{ width:61.6%; margin:0 auto; padding:8.1% 0 3.9%}
.content1 .center{ width:95.4%; margin:0 auto;}
.content1{ padding-bottom:9%;}
.content1 .img4{ margin:0.1% 0}

.content2{ background:#eee9e5}
.content2 .title{ width:54.8%; margin:0 auto; padding:8.1% 0 3.9%}
.content2 .txt{ width:95.4%; text-align:center; margin:0 auto ; font-size:2.6rem; padding-bottom:4%; border-bottom:1px solid #bebab7; margin-bottom:3.5%}
.content2 .txt span{ color:#a36e33; font-weight:bold}
.content2 .ulList1{ background:#fff; width:95.4%; margin:0 auto 1.8%;}
.content2 .ulList1 .li1{ width:49.7%;}
.content2 .ulList1 .li2{width:49%; font-size:3.2rem; color:#222222;box-sizing:border-box; padding-left:10%;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.content2 {padding-bottom:9%;}
.content2 .ulList3 .left{ width:50.3%; background:#fff; }
.content2 .ulList3 .right{ width:48.3%; background:#fff;}
.content2 .ulList3 .left .imgArea{ width:50.2%;}
.content2 .ulList3 .left .fontArea{padding-left:3%; font-size:2rem; color:#222222;box-sizing:border-box; 
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.content2 .btn{ width:66.1%; margin:6.4% auto 0;display:block;  box-shadow: 0px 10px 9px 0px rgba(255, 142, 169, 0.49); -webkit-box-shadow: 0px 10px 9px 0px rgba(255, 142, 169, 0.49);border-radius:52px; overflow:hidden; }


.content3 .docInfor{ width:76.5%; left:0; right:0; margin:auto; top:20%;}
.content3 .docInfor .zj li .doc{ width:76.3%; left:0; right:0; margin:auto;}
.content3 .docInfor .zj li .txt{width:76.3%;left:0; right:0; margin:auto; border-bottom:1px solid #2d3c4c;font-size:2.8rem; color:#fff; padding:0 0 4%; text-align:center}
.content3 .docInfor .zj li .txt h2{ font-size:4.3rem; padding:4% 0;}
.content3 .docInfor .zj li .txt2{ width:100%; text-align:center; color:#fff; padding-top:3.4%;}
.content3 .docInfor .zj li .txt2 h3{ font-size:3rem; line-height:1.7; border-radius:5px; width:31.6%; margin:0 auto; background:url(../images/content3_img9.png) no-repeat center; background-size:100%;}
.content3 .docInfor .zj li .txt2 p{font-size:2.4rem; line-height:1.6;}
.content3 .docInfor .zj li .txt2 .p1{ padding-top:3%;}
 .content3 .prev,
 .content3 .next { width:21%; height:74px;background: url(../images/left.png) no-repeat center; position: absolute; top: 50%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
 .content3 .prev { left:-14% }
.content3 .next {  right:-14%;background: url(../images/right.png) no-repeat center;background-size:100% }
.content3 .docInfor .zj  li .btn{ width:27.2%;top:25%; right:1%; z-index:3;}

.content4 .txt{ top:21%; width:45.5%; left:4%}
.content4 .txt span{ font-size:3rem; color:#222222; border-bottom:1px solid #855a2b; width:100%; display:inline-block; padding:2% 0}
.content4 .txt p { font-size:2.4rem; line-height:1.7; color:#222222}
.content4 .txt2{ top:52%} 
.content4 .txt2 span{border-bottom:1px solid #dcc8b2;}
.content4 .txt2 .p2{ color:#a36e33; font-weight:bold;}
.content4 .txt3{top:80%}
.content4 .txt3 span{border-bottom:1px solid #855a2b;}
.content4 .txt3 .btn{ width:88%; border-radius:36px; overflow:hidden; margin:4% 0 0 3%}

.content5 .subForm{ top:36%; width:73.2%; left:0; right:0; margin:auto;}
.content5 .subForm input{ width:100%; font-size:3.6rem; line-height:2.7; background:#f2f2f2; border-radius:30px; text-align:center; margin-bottom:5%}
.content5 .subForm a{ width:80%; margin:0 auto; display:block}
.content5 .subForm .title{ width:100%; text-align:center; padding:3% 0}
.content5 .subForm .title h2{ color:#a36e33; font-size:4.6rem;}
.content5 .subForm .title p{ font-size:2.8rem;}

.content6 .txt{ width:53%; top:25%; right:6%;}
.content6 .txt span{ font-size:3.2rem; color:#222222; font-weight:bold;}
.content6 .txt p{ font-size:2.4rem; color:#222222; line-height:1.7;}
.content6 .txt2{ left:6%; top:49%; width:45%}

.content7 .title{ top:7%; width:100%; text-align:center}
.content7 .title h2{ font-size:4.4rem; color:#fff;}
.content7 .title p{ color:#fff; width:80%; margin:0 auto; font-size:2.4rem; padding-top:6%; line-height:1.7;}

.content9 .imgArea  .list{  top:7%; width:100%; color:#fff; }
.content9 .imgArea .list p{ font-size:4rem;width:100%; text-align:center;}
.content9 .imgArea .list2{top:20%; color:#222222}
.content9 .imgArea .list3{top:34%;}
.content9 .imgArea .list4{top:48%;}
.content9 .imgArea .list5{top:62%;}
.content9 .imgArea .list6{top:76%;}

.content10 .txt{ color:#222222; font-size:2.7rem; width:35%; top:30%; left:9%; line-height:1.7;}
.content10 .txt2{top:30%; left:56%;}
.content10 .txt3{top:65%;}
.content10 .txt4{top:65%;left:56%;}

.content11 .title{ background:#a36e33; text-align:center; font-size:2.5rem; color:#222222; padding:9% 0 4%}
.content11 .title .p1{ font-size:3.5rem;}
.content11 .title p{ line-height:1.7;}
.content11 .title span{ font-weight:bold}
.content11 .btn{ width:25%; height:13%;  bottom:7%; right:2%;}
/*750Éè¼Æ¸å*/
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
.content4 .txt1{top:19%; width:49%; left:3%; }
.content4 .txt1 p{line-height:1.5;}
.content4 .txt2{top:52%; width:52%; left:2%}
.content4 .txt span{ width:95%;padding: 0}
.content4 .txt p{ line-height:1.5;}
.content6 .txt2{  width:49%;top:48%;}
}
@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*/
.content7 .center3 .left{ height:140px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}