@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;}
.middle{ display:inline-block; vertical-align:middle}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
 /* WebKit browsers */   
color: #dbdad8;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
/* Mozilla Firefox 4 to 18 */   
color: #dbdad8;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
 /* Mozilla Firefox 19+ */   
color: #dbdad8;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
 /* Internet Explorer 10+ */   
color: #dbdad8;}
input:input-placeholder, textarea:input-placeholder {   
 /* Internet Explorer 10+ */   
color: #dbdad8;}
.middle{ display: inline-block; vertical-align:middle}

.content2 h2,.content3 h2{ width:100%; text-align:center; color:#505050; font-size:5rem;}
.content2 .p1{ text-align:center; padding:2% 6% 5%; font-size:2.4rem; color:#505050}
.btnlik{ width:83.6%; line-height:2.5; color:#fff; border-radius:10px; background:#ea3f32; font-size:3.6rem; margin:5% auto; display:block; text-align:center}
.infoBox{ width:83.8%;top:36%; left:0; right:0; margin:auto;}
.infoBox input,.submitBox a{ display:block; line-height:3; font-size:3.6rem; text-align:center; width:100%; border-radius:10px;  box-shadow: inset 0px 3px 21px 0px rgba(6, 0, 1, 0.22);}
.submitBox a{ background:#ea3f32;  box-shadow: 5.5px 9.526px 0px 0px rgba(226, 69, 57, 0.23); margin-top:6%; font-size:3.6rem; color:#fff; display:block }

.content3{ background:#b79d83; padding-top:10%;}
.content3 h2{ color:#fff;}
.content3 .list{ padding-top:7%}
.content3 .btn2{ width:94%; margin:0 auto;}
.content3 .btn2 .btn{ width:30%; background:#ea3f32; border-radius:10px; color:#fff; display:inline-block; text-align:center; line-height:3; font-size:1.8rem;}
.content3 .btn2 .cet{ margin-left:5%}
.content3 .btnlik{ margin:7% auto 14%}
.content3 .p1{ font-size:5rem; color:#4b3116; width:100%; text-align:center;}
.content3 .con{ overflow:hidden}
.video1{ width:83%; height:87%; left:0; right:0; margin:auto; top:4.5%; overflow:hidden; border:5px solid #4b3116}
.video1 .btn2{ width:100%; height:100%; top:0; left:0; background:url(../images/bg.jpg) no-repeat center; z-index:2; background-size:100%}
.video1 video{ width:100%; height:auto; top:0; left:0; background:#4b3116}
.video1 .btnlik{ left:0; right:0; margin:auto; bottom:6%; z-index:3;}

.content4 h2{ width:100%; text-align:center; color:#464646; font-size:5rem; padding-bottom:6%}
.content4 .list{ width:90.9%; margin:0 auto 7%;}
.content4 .list .left{ width:47%; font-size:2.4rem;}
.content4 .list .right{ width:49.8%; margin-left:2%}
.content4 .list2 .right{ margin-left:0%}
.content4 .list2 .left{ margin-left:2%}

.content5 .case{ background:#282828; padding-bottom:9%}
.content5 .case h2{ width:100%; text-align:center; font-size:5rem; color:#fff; padding:8% 0 0%; background:#282828;}
.content5 .p1{ text-indent:2em; color:#fff; font-size:2rem; padding:1% 6% 4%; background:#282828;}
.content5 .case2  h2{ width:100%; text-align:center; font-size:5rem; color:#464646; padding:8% 0;}
.content5 .case2 .ulList{ width:88.2%; margin:0 auto;}
.content5 .case2 .ulList li{ width:47.8%}
.content5 .case2 .ulList li span{ width:100%; text-align:center; padding:6% 0; color:#282828; font-size:2.4rem; display:block}
.content5 .case2 .ulList3 li{ width:100%}
.content5 .btnlik{ margin:3% auto}

.content6{ background:#b79d83; margin-top:10%; padding-bottom:2%}
.content6 h2{ color:#4b3116; font-size:5rem; width:100%; text-align:center; padding:7% 0 2%}
.content6 .btnlik{ right:3%; top:45%; width:46%; font-size:2.7rem;}
.content6  .txt h3{ width:100%; text-align:center; color:#fff; color:#4b3116; font-size:5rem; padding:6% 0 2%}
.content6  .txt p{ color:#4b3116; font-size:2.4rem; padding:0 6%; padding-bottom:5%; font-size:2.4rem; line-height:1.7;}

.content7 h2{ font-size:5rem; color:#464646; width:100%; text-align:center; padding:6% 0 4%}

/*750Éè¼Æ¸å*/
@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*/
.content7 .center3 .left{ height:140px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}