@charset "utf-8";
/* CSS Document */
/* ******************************* 初始化 ***************************** */
body,button,input,select,textarea{font:12px/1.125 Arial,Helvetica,sans-serif;_font-family:"SimSun";}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}
q:before,q:after{content:'';}
a:focus,input,textarea{outline-style:none;}
a{text-decoration:none;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal;}
legend{color:#000;}
abbr,acronym{border:0;font-variant:normal;}
.clear{clear:both;}

.mbile{width:100%; margin:0 auto; position:relative; box-shadow:0 0 5px rgba(0,51,0,0.5); overflow:hidden;}

.logo{ height:100px; margin-top:-100px; }

.top{ height:80px; width:100%;  position:absolute;z-index:500; top:0 ; left:0; }

.logo-web{width:68px; height:68px; background:url(../img/logo_web.png) no-repeat center center; background-size:90% auto; float:left; margin-left:8px; margin-top:5px;}

.index-menu{ width:216px; height:30px; float:right; margin-top:30px; }
.index-menu li{ float:left; display:inline-block;text-align:center; line-height:27px; height:27px; width:60px; margin-left:10px; font-size:16px; font-weight:400; color:#fff; cursor:pointer; overflow:hidden; background:rgba(0,0,0,0.1); border-radius:17px; opacity: 0.75;border:1px solid rgba(0,0,0,0.01); }

.index-menu li:first-child{margin-left:0}
.index-menu li.active{ color:#fff; opacity: 1.00; border:1px solid rgba(255,255,255,0.9);}
.index-menu a{ display:block; width:100%; height:100%; color:rgba(255,255,255,0.95); }


.banner{width:100%; height:250px; background:#542c25; position:relative; overflow:hidden; z-index:0;}

 .mban0{ width:100%; height:100%; background:url(../img/banner_bg1.jpg); background-size:auto 100%; }
 .mban1{width:100%; height:100%; background:url(../img/banner_bg2.jpg); background-size:auto 100%;}
 .mban2{width:100%; height:100%;  background:url(../img/banner_bg3.jpg); background-size:auto 100%;}

#mySwipe h1{ color:rgba(255,255,255,0.95); font-size:24px; font-weight:600; text-align:center; padding:10px; font-family:"微软雅黑"; padding-top:70px;}
#mySwipe h3{ color:rgba(255,255,255,0.80); font-size:16px; padding:0 24px; line-height:24px;font-family:"微软雅黑"; font-weight:100;}

.arrow{ width:68px; height:15px; position:absolute; bottom:20px; left:50%; margin-left:-34px; z-index:300;/*transform: rotate(-4deg); -ms-transform:rotate(-4deg); -webkit-transform:rotate(-4deg);*/}
.arrow li{width:10px; height:10px;  margin-left:15px; float:left;  border-radius:6px; border:1px solid rgba(255,255,255,0.5); overflow:hidden;}
.arrow li:hover,.arrow li.active{background:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.9);}
.arrow li:first-child{margin-left:0;}

.lineA{ width:0; height:0; border-bottom:25px solid #e9ece8; border-left:860px solid transparent; position:relative; z-index:500; margin-top:-25px; }
.lineB{ width:0; height:0; border-top:25px solid #e9ece8; border-left:860px solid transparent;  }
.lineC{ width:0; height:0; border-top:25px solid #f7f1e1; border-right:860px solid transparent;  }
.lineD{ width:0; height:0; border-top:25px solid #f2e3de; border-left:860px solid transparent;  }
.lineE{ width:0; height:0; border-top:25px solid #edebf3; border-right:860px solid transparent;  }

.lineM{ width:0; height:0; border-top:25px solid #f6f6f6; border-right:860px solid transparent;  }

.lineX{ width:0; height:0; border-bottom:25px solid #f6f6f6; border-left:860px solid transparent; position:relative; z-index:500; margin-top:-25px; }
.lineY{ width:0; height:0; border-top:25px solid #f6f6f6; border-left:860px solid transparent;  }
.lineZ{ width:0; height:0; border-top:25px solid #f6f6f6; border-right:860px solid transparent;  }

.downDoc{width:100%; background:#e9ece8;   }

.aDoc{  padding-top:25px; position:relative; z-index:5000;  }

 a.btnDown{ display:block; width:160px; height:40px; line-height:40px; text-align:center; margin:0 auto;  border-radius:21px; border:1px solid #007aff; color:#007aff; font-size:16px; font-weight:400; }
 a.btnDown:hover{border:1px solid #007aff; color:#fff; background:#007aff;}
 
.docCase{ width:100%; margin:0 auto; padding-top:20px;}
.docCase h1{ font-size:20px; text-align:center; line-height:36px; font-weight:200;}
.docCase p{ font-size:15px; color:#808080; text-align:center; line-height:24px; padding:0 20px;}
.docCase img{ display:block; width:100%; margin:0 auto;}

.caseDoc1{width:100%; background:#f7f1e1; margin-top:-50px; position:relative; z-index:-100; }


.caseDoc2{width:100%; background:#f2e3de; margin-top:-25px; position:relative; z-index:-100; }

.caseDoc3{width:100%; background:#edebf3; margin-top:-25px; position:relative; z-index:-100; }

.contact{width:100%; background:#f6f6f6 url(../img/contact_bg1.png) no-repeat center 50px; background-size:100% auto; margin-top:-30px; position:relative; z-index:-100; padding-bottom:30px; }
.contact h1{ font-size:20px; text-align:center; line-height:36px; font-weight:200; color:#633d12; margin-top:12px;}
.contact p{ font-size:15px; color:#808080; line-height:24px; padding:0 20px;}
.about{ font-size:15px; color:#808080; line-height:27px;padding:0 20px; }

.down{width:100%; background:#f6f6f6; margin-top:0px; position:relative; z-index:10; padding-bottom:30px; }
.down h1{ font-size:20px; text-align:center; line-height:36px; font-weight:200; color:#633d12;}
.down .iphone{ width:128px; height:128px;  background:url(../img/ico_iphone2.png) no-repeat center center; display:block; border-radius:100px; border:1px solid #aaa; margin: 20px auto; overflow:hidden;}
.down .iphone:hover{background:#007aff url(../img/ico_iphone.png) no-repeat center center; border:1px solid #007aff; }

.down .android{ width:128px; height:128px; background:url(../img/ico_android2.png) no-repeat center center; display:block; border-radius:100px; border:1px solid #aaa; margin: 20px auto; overflow:hidden;}
.down .android:hover{ background:#19ab20 url(../img/ico_android.png) no-repeat center center; border:1px solid #19ab20;}

.footer{ padding:10px 10px; background:#311c1c; font-size:14px; color:#999; line-height:18px; text-align:center; margin-top:-25px;  position:relative; z-index:-100;}

.chezhao{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:10000; display:none;}
.tixing{ width:90%; height:48px; background-color:#fff; border-radius: 0 0 5px 5px; margin:0 auto; padding:10px; background-image:url(../img/line_red.png); background-repeat:no-repeat; background-position: right top;}
.tixing p{ font-size:16px; line-height:24px; color:#333;}