*{-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-text-size-adjust: none;user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
body,p,b,dl,dd,table,td,th,input,button,textarea,xmp,pre,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,header,section,nav,footer{margin:0;padding:0;}
img,iframe,acronym{border:0;}
ol,ul,li{list-style:none;}
img,input,label,button{vertical-align:middle;}
input{background-color:transparent;FILTER: alpha(opacity=0); /*androd*/  appearance:none; -moz-appearance:none; -webkit-appearance:none;  }
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none;}
a {star:expression(this.onFocus=this.blur()); text-decoration:none; }
html , body{ background:#f5f5f5;}
#main {width:750px;overflow:hidden; margin:0 auto; position:relative;}
body , input {font-family:helvetica,'Microsoft YaHei','黑体'; letter-spacing:2px;}
.animate-load { -webkit-animation: 1s linear 0s normal none infinite spin; }
@-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
}
100% {
 -webkit-transform: rotate(360deg);
}
}
.animate-load { animation: 1s linear 0s normal none infinite spin;}
@keyframes spin { 0% {
 transform: rotate(0deg);
}
100% {
 transform: rotate(360deg);
}
}
.bjbox {position:absolute;width:100%;height:100%;display:none; }
.ajaxloading {width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;display:none; background:rgba(0,0,0,0.3)}
.ajaxloading .box{ position:absolute; width:240px; height:240px; background:url(../images/loding.gif) no-repeat center 49px #000; background-size:90px; opacity:0.7; border-radius:20px; left:50%; margin-left:-120px; top:50%; margin-top:-120px; text-align:center; color:#fff; font-size:26px; box-sizing:border-box; padding-top:166px;}

#loading { position:fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background:#eeede9; }
#loading P { position: absolute; width: 100%; top: 50%; text-align: center; font-size: 30px; font-weight: 100; color:#fff; margin-top:50px;}
#loading img { position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}
#loading P {color: #713f28;}

.sound-on { width:80px; height:80px; position:fixed; z-index:2222; right:0; top:0; background:url(../images/voice2.png?35) #fff; cursor:pointer; display:none; transform:scale(0.5); -webkit-transform:scale(0.5); opacity:.5; border-radius:50%;}
.sound-off { background:url(../images/voice2.png?35) right #fff; display:none;}


.shadeBox{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background:#fff;}


.mask{ position:absolute; left:0; top:0;  z-index:999; width:100%; height:100%; display:none}
.popbox{position:fixed; background:rgba(0,0,0,.8); z-index:100; width:100%; height:100%; left:0; top:0;display:none; overflow:hidden}


.box-step{position:absolute;width:100%;height:100%;display:none;}
.scrolltouch{-webkit-overflow-scrolling:touch}

.menu{ position:fixed; width:100%; height:114px; left:0; top:0; background:#fff; z-index:2;}
.menu .logo{ position:absolute; width:170px; height:62px; left:50%; margin-left:-85px; top:50%; margin-top:-31px;}
.menu .btn{ position:absolute; background:url(../images/menu.png?35) no-repeat; width:114px; height:114px; right:0; top:0;}

.menu-box{ position:fixed; width:100%; left:0; top:114px; bottom:0; background:rgba(255,255,255,0.9);  padding-top:50px; box-sizing:border-box; display:none; z-index:2;user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.menu-box .btn{ margin:0 auto; width:250px; height:90px; font-size:30px; color:#888; text-align:right; background:url(../images/icon1.png?35) no-repeat right center; padding-right:70px; box-sizing:border-box; line-height:90px;}
.menu-box .btn.on{background:url(../images/icon1On.png?35) no-repeat right center; color:#512f2b}
.menu-box .btn4{ padding-right:58px}
.menu-box .btn1 ,.menu-box .btn3{ background:none}
.menu-box .btn1.on ,.menu-box .btn3.on{ background:none}
.menu-box .otherM{width:400px; margin:0 auto; padding-left:60px; display:none}
.menu-box .otherM p{ height:60px; line-height:60px; text-align:center;  border-bottom:2px solid #efefef; font-size:24px; margin-right:70px}
.menu-box .otherM p span{ color:#a3a3a3; font-size:20px}
.menu-box .otherM p.on span{ color:#000}
.menu-box .close{  background:url(../images/menu-close.png?35) no-repeat; width:114px; height:114px; position:absolute; left:50%; margin-left:-57px; bottom:10%}

.menu-box .otherM4  p{color:#707070; text-align:center; height:auto; border:none; padding-bottom:10px}
.menu-box .otherM4  p .ewm{ width:150px; display: none; position:relative; left: 95px}
.menu-box .otherM4  p .icon{width: 40px; position: relative; top: -2px; padding-right: 5px}
.menu-box .otherM4  p.on{ color:#512f2b;}
.menu-box .otherM4  p.on .ewm{ display:block}



.page{ margin:114px auto 0; overflow:hidden; width:100%; position:relative; z-index:1}
.page .box{ margin:0 auto; width:604px; overflow:hidden;}
.s1-1{ margin:0 auto; width:100%; height:1423px; overflow:hidden; position:relative}
.s1-1 .swiper-pagination-bullet-active{ background:#fff;}
.s1-1 .swiper-pagination-bullet{ background:#fff}
.s1-1 .swiper-pagination-bullet{ width:12px; height:12px;}
.s1-1 .swiper-pagination{ bottom:30px;}

.bottom{ margin:0 auto; width:100%;  font-size:14px; color:#000; overflow: hidden; height: 70px;}
.bottom p{text-align: center; letter-spacing: 0; float: left; width: 100%}
.bottom .btxt{ height: 45px; line-height: 45px; float: left; margin-right: 25px;color:#000;}
.bottom .btxt .icon{width:22px;padding-right: 10px;position: relative;top: -2px;}
.bottom .btxt1{ float: left; padding-left: 79px;}
.bottom .btxt2{float:right; padding-right: 79px;margin-right: 0px}
.bottom .btxt2:hover{ color: #512f2b}

.s2-1{ margin:0 auto; width:100%; overflow:hidden;}
.s2-1 img{ width:100%;}

.s2-list1{ margin:0 auto; width:100%; letter-spacing:2px;overflow:hidden;}
.s2-list1 sup{ padding:0 3px}

.s2-list1 .title{ margin:0 auto; width:100%; height:122px; box-sizing:border-box; background:url(../images/icon2On.png?35) no-repeat right center; font-size:30px; color:#000; text-align:left; line-height:122px; border-bottom:1px solid #c3c3c3; border-top:1px solid #c3c3c3; cursor:pointer}
.s2-list1 .title.on{ background:url(../images/icon2.png?35) no-repeat right center; border-bottom:none}
.s2-list1 .cpBox{ margin:0 auto; width:100%; overflow:hidden; padding-bottom:100px; position:relative;}
.s2-list1 .cpBox .zuo{ position:absolute; background:url(../images/zuo2.png?36) no-repeat center; width:50px; height:100px; left:20px; top:50%; margin-top:-122px; z-index:5}
.s2-list1 .cpBox .you{ position:absolute; background:url(../images/you2.png?36) no-repeat center; width:50px; height:100px; right:20px; top:50%; margin-top:-122px; z-index:5}
.s2-list1 .cpBox .swiper-button-disabled{ opacity:0}

.s2-list1 .cpBox .cpCont{ float:left; width:100%; height:559px; position:relative;}
.s2-list1 .cpBox .cpCont .cpImg{ position:absolute; width:160px; height:296px; left:50%; margin-left:-80px; top:0;}
.s2-list1 .cpBox .cpCont .cpImg2{ position:absolute; width:204px; height:296px; left:50%; margin-left:-102px; top:0;}
.s2-list1 .cpBox .cpCont .new{ position:absolute; width:73px; height:72px; right:182px; top:15px;}
.s2-list1 .cpBox .cpCont .cpName{ font-size:26px; color:#000; text-align:center; position:absolute; width:100%; left:0; top:318px; line-height:35px; font-weight:bold}
.s2-list1 .cpBox .cpCont .txt1{  font-size:24px; color:#686868; text-align:center; position:absolute; width:100%; left:0; top:380px; line-height:35px; padding-top:15px;}
.s2-list1 .cpBox .cpCont .btn{ position:absolute; width:140px; height:35px; border:1px solid #000; text-align:center; font-size:20px; color:#000; line-height:35px; left:50%; margin-left:-70px; bottom:0; cursor:pointer; }




.s2-list{ margin:0 auto; width:100%; height:387px;  padding-left:50px; box-sizing:border-box; letter-spacing:2px}
.s2-list .cpImg{ float:left; margin-top:95px; width:230px;}
.s2-list .txtBox{ float:left; width:420px; margin-left:50px; margin-top:84px; overflow:hidden;}
.s2-list .txtBox .cpName{ font-size:26px; color:#000; text-align:left; padding-bottom:18px; position:relative; border-bottom:1px solid #cfcfcf}
.s2-list .txtBox .cpName span{ font-size:22px;}
.s2-list .txtBox .txt1{ padding-top:27px; font-size:22px; color:#000; text-align:left;}
.s2-list .txtBox .txt2{ padding-top:12px; font-size:16px; color:#000; text-align:left; line-height:25px;}
.s2-list .txtBox .btn{ width:180px; height:40px; border:1px solid #000; text-align:center; font-size:22px; color:#000; line-height:40px; margin-top:27px;}

.s2-tip{ text-align:left; padding:20px 0px 80px 0px; letter-spacing:0}
.s2-tip p{ line-height:25px; font-size:12px; color: #a2a2a2}

.s3-1{ margin:0 auto; width:100%; overflow:hidden; position:relative;}
.s3-1 img{ width:100%;}
.s3-1 .swiper-pagination-bullet-active{ background:#fff;}
.s3-1 .swiper-pagination-bullet{ background:#fff}
.s3-1 .swiper-pagination{ bottom:20px;}

.s3-contBox{ margin:0 auto; width:633px; overflow:hidden;}

.s3-2{ margin:60px auto 0; width:100%; overflow:hidden; max-height: 1000px;}
.s3-2 .title{ font-size:20px; color:#000; font-weight:bold; text-align:center; padding-bottom:16px;}
.s3-2 .txt{ font-size:17px; color:#000;  text-align:center; line-height:40px; padding-bottom:34px;}

.s3-3{ margin:35px auto 0; width:100%; overflow:hidden; max-height: 1000px;}
.s3-3 .title{ font-size:20px; color:#000; font-weight:bold; text-align:center; padding-bottom:16px;}
.s3-3 .txt{ font-size:17px; color:#000;  text-align:center; line-height:40px; padding-bottom:34px;}

.s3-4{ margin:35px auto; width:100%; overflow:hidden;}
.s3-4 .title{ font-size:20px; color:#000; font-weight:bold; text-align:center;}
.s3-4 .ImgBox{ margin:28px auto; width:100%; height:320px; overflow:hidden;  position:relative;}
.s3-4 .ImgBox img{ position:absolute; left:0; top:0; width:100%;}
.s3-4 .ImgBox .btn{ margin-left:76px; margin-top:97px; width:145px; height:38px; border:1px solid #000; font-size:17px; color:#000; text-align:center; line-height:38px; box-sizing:border-box; position:relative; z-index:2}
.s3-4 .ImgBox .txt{ padding-top:20px; font-size:17px; color:#000; text-align:center; line-height:30px; width:300px; position:relative; letter-spacing:0; z-index:2}
.s3-4 .tip{ margin:0 auto; width:100%; overflow:hidden; text-align:center; font-size:12px; color:#a2a2a2; line-height:30px; max-height:1000px;}

.s3-5{ margin:60px auto 20px; width:100%; position:relative;}
.s3-5 .title{ font-size:25px; color:#000; font-weight:bold; text-align:center;}
.s3-5 .hdBox{ margin:20px auto 0; width:645px; overflow:hidden;}
.s3-5 .hdBox .Img{ position:relative;}
.s3-5 .hdBox .Img img{ width:100%;}
.s3-5 .hdBox .Img .mc{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4);}
.s3-5 .hdBox .Img .mc .region{ position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; left:0;}
.s3-5 .hdBox .Img .mc .region .txt{ font-size:14px; color:#fff; text-align:center; line-height:20px;}
.s3-5 .hdBox .Img .mc .region .ckBtn{ margin:10px auto 0; width:104px; height:25px; border:1px solid #fff; box-sizing:border-box; font-size:13px; color:#fff; text-align:center; line-height:25px;}

.s3-5 .zuo{ position:absolute; background:url(../images/zuo.png?35) no-repeat; width:40px; height:40px; left:50%; margin-left:-370px; top:50%; margin-top:3px;}
.s3-5 .you{ position:absolute; background:url(../images/you.png?35) no-repeat; width:40px; height:40px; left:50%; margin-left:325px; top:50%; margin-top:3px;}


.page .box2{ margin:0 auto; width:700px; overflow:hidden;}
.wbTxt_title{ margin:60px auto 0; font-size:28px; color:#000000; text-align:center; font-weight:bold;}
.wbTxt_box{ margin:40px auto 100px; overflow:hidden; width:100%;}
.wbTxt_box .txt{ padding-top:40px; font-size:26px; color:#000; text-align:left; padding-bottom:10px;}
.wbTxt_box p{ font-size:22px; color:#686868; text-align:left; padding-bottom:6px; line-height:34px;}
.wbTxt_box p.color{ font-size:24px; color:#000; padding-bottom:5px;}
.wbTxt_box p .tip{ padding-left:30px;}
.wbTxt_box img{ padding-top:10px; padding-bottom:15px; max-width:100%;}


#footer{ margin:0 auto; max-height:3000px; background:#f5f5f5; width:100%;  padding-top:30px; overflow:hidden;user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
#footer .box{ margin:0 auto; width:650px; overflow:hidden;}
#footer .box .btn{width:100%; height:50px; border-bottom:1px solid #e9eaea; font-size:20px; color:#000; text-align:left; background:url(../images/icon1.png?35) no-repeat right center; background-size:26px; line-height:50px;}
#footer .box .btn.on{background:url(../images/icon1On.png?35) no-repeat right center;background-size:26px;}
#footer .box .tip{ float:left; width:100%; height:135px; font-size:14px; color:#000; text-align:center; line-height:135px;}
#footer .box .otherFm{padding-left:10px; display:none}
#footer .box .otherFm p{ position:relative; height:60px; line-height:60px;  border-bottom:1px solid #e9eaea; font-size:18px;}
#footer .box .otherFm p .Img{ position:absolute; left:0px; top: 15px; height:20px;}
#footer .box .otherFm p span{ color:#a3a3a3;}
#footer .box .otherFm p{ line-height:50px; height:auto}
#footer .box .otherFm p .ewm{padding-bottom:20px; display: none}
#footer .box .otherFm p.on .ewm{ display: block}
#footer .box .otherFm p .icon{width: 20px; position: relative; top: -2px; padding-right: 5px; display: inline-block}


.contBox3{width:100%; margin:0 auto;position: relative; background: #eeeeee;}
.contBox3 .bj{position: absolute; left: 0; top: 0; background: url(../images/fl_iocn.png?35) no-repeat; width: 100%; height: 132px;}
.law{ margin: 0 auto; width: 85%; overflow: hidden;padding-bottom: 50px; position: relative; z-index: 2}
.law .bjgTitle{ font-size: 45px; color: #222222; padding: 30px 0 0 0; text-align: center; letter-spacing: 5px}
.law .smallTitle{color: #572d29; font-size: 24px; font-weight: bold; text-align: left; padding-top: 50px; padding-bottom: 25px; letter-spacing: 5px}
.law .txt{font-size: 20px; color: #222; line-height: 38px; text-align: justify; letter-spacing: 3px}
.law .btn{    width: 130px;
    height: 45px;
    border: 1px solid #000;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 45px;
    margin-top: 27px;
    margin: 40px auto;
    border-radius: 5px;}


.shop_bj{ margin:114px auto 0; background:url(../images/wl_bj.png?35) no-repeat; width:100%; height:794px; background-size:cover}

.shop_btn{ float:left; width:50%; height:187px; margin-top:70px; position:relative;}
.shop_btn .icon{ position:absolute; width:120px; left:50%; margin-left:-60px; top:0; padding-top:101px; font-size:18px; color:#000; text-align:center; box-sizing:border-box;}
.shop_btn .icon img{ position:absolute; width:90px; height:92px; left:50%; margin-left:-45px; top:0;}
.shop_btn .shopBtn{ position:absolute; width:232px; height:44px; left:50%; margin-left:-116px; border:2px solid #000; box-sizing:border-box; font-size:18px; color:#000; text-align:center; line-height:38px; bottom:0; cursor: pointer; letter-spacing:0}



.center {position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.centercenter { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translateX(-50%,-50%);}


.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:20px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff; border-radius:10px}.layui-m-layer-msg .layui-m-layercont{padding:20px;}

