@media screen and  (max-width:320px){body{font-size:62.5%!important;}}
@media screen and  (min-width:320px){body{font-size:62.5%!important;}}
@media screen and  (min-width:360px){body{font-size:70.3%!important;}}
@media screen and  (min-width:400px){body{font-size:78.1%!important;}}
@media screen and  (min-width:440px){body{font-size:85.9%!important;}}
@media screen and  (min-width:460px){body{font-size:89.9%!important;}}
@media screen and  (min-width:480px){body{font-size:93.8%!important;}}
@media screen and  (min-width:540px){body{font-size:105.5%!important;}}
@media screen and  (min-width:560px){body{font-size:109.4%!important;}}
@media screen and  (min-width:640px){body{font-size:125%!important;}}

body{max-width:640px;margin:auto;}
.wrapper{width:91.25%;margin:auto;}
.pos_re{position:relative;}
.pos_re>a{z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;}

.pro-detail{padding-bottom:5%;}
.pro-detail img{height:auto !important;}

.banner{}
.banner .left-btn.swiper-button-prev{left:1.7%;}
.banner .right-btn.swiper-button-next{right:1.7%;}
.banner .swiper-pagination{bottom:3.6% !important;}
.banner .swiper-pagination-bullet{background:rgba(0,0,0,.52);opacity:1 !important;}
.banner .swiper-pagination-bullet-active{background:#ce1824;}

.tit{border:1px solid #fff;width:5.5em;height:5.5em;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;text-align:center;line-height:5.5em;left:0;top:0;right:0;bottom:0;margin:auto;}
.tit span{color:#fff;font-size:1.4em;}
.tit.er{line-height:1.6em;box-sizing:border-box;padding-top:1.07em;}
.tit.big{width:7em;height:7em;line-height:7em;font-weight:bold;}
.tit.big.er{line-height:2em;padding-top:1.4em;}
.tit.big span{font-size:1.4em;letter-spacing:2px;}
.nav li{float:left;width:50%;}
.star{}
.videoBox video{width:100%;height:100%;background:#000;position:absolute;left:0;top:0;display:none;z-index:3;}
.videoBox1 video{width:100%;height:100%;background:#000;position:absolute;left:0;top:0;display:none;z-index:3;}
.star .bf{width:2.6em;height:2.6em;position:absolute;left:1em;bottom:1em;}
.videoBox1 .videoPath{display:none;}
.videoBox .videoPath{display:none;}

.subnav{position:relative;z-index:8;background:url(/images/else/bk.jpg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.subnav.cur{position:fixed;z-index:8;top:0;left:0;width:100%;}
.subnav a{color:#fff;font-size:1.7em;display:block;float:left;width:33.33%;padding:3.9% 0;text-align:center;}
.subnav a.cur{color:#ce1824;background:url(/images/else/on.png) no-repeat top 35% center;background-size:98%;}
.subnav.er a{width:50%;}

.bckk{padding-top:10%;margin-top:-18%;}
.ny-ban{margin-bottom:0;position:relative;text-align:center;}
.yy{margin-bottom:-7%;}
.yy img{margin-top:0 !important;}
.ny-ban img{margin:0 !important;}
.ny-ban .bf{width:4em;height:4em;position:absolute;left:0;z-index:2;right:0;bottom:0;top:0;margin:auto !important;}
.ny-ban .wenz1{position:absolute;width:100%;left:0;top:37%;text-align:center;}
.ny-ban .wenz1 img{margin-bottom:1.8% !important;width:4em;}
.ny-ban .wenz1 span{font-size:1.6em;color:#fff;}
.ny-ban .wenz1 span font{color:#f85500;}
.ny-ban .wenz1 .bf{position:relative;}
h2{color:#323232;font-size:1.8em;}
.fontp{color:#878787;font-size:1em;line-height:1.4em;}
.fontp1{color:#323232;font-size:1.3em;line-height:1.6em;}
.jj{padding-bottom:1%;}
.jj h2{margin-bottom:4%;}
.bjq img{margin:5px 0;}
.ppgs{padding:7% 0;}
.ppgs-1{position:relative;}
.ppgs-1 .pic{width:43.2%;}
.ppgs-1 .wenz{box-sizing:border-box;padding-left:8px;position:absolute;right:0;top:0;height:100%;width:56%;}
.ppgs-1 .wenz h2{font-size:1.6em;}
.title{padding:7.3% 0 0% 0;}
.title .hr{width:35%;height:1px;background:#b6b6b6;margin-top:1.5em;}
.title span{font-size:1.5em;color:#ce1824;font-weight:bold;line-height:1.2em;padding:.3em 0;display:block;float:left;width:30%;text-align:center;}
.xpdy .swiper-slide img{width:80%;display:block;margin:auto;}
.xpdy .swiper-container{margin-top:5%;}
.xpdy .swiper-button-prev{width:1.7em;height:3.4em;background:url(/images/else/l.png);background-size:100% 100% !important;left:0;}
.xpdy .swiper-button-next{width:1.7em;height:3.4em;background:url(/images/else/r.png);background-size:100% 100% !important;right:0;}

.subnav1{
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.subnav1 li{text-align:center;padding:1.875% 0;border-right:1px solid #d9d9d9;float:left;width:20%;box-sizing:border-box;}
.subnav1 li:nth-last-child(1){border:0;}
.subnav1 li img{height:2.4em;margin-bottom:10%;}
.subnav1 li span{font-size:1.2em;opacity:.8;}
.subnav1 li.cur span{color:#ce1824;}
.subnav1.on{position:fixed;width:100%;max-width:640px;background:#fff;z-index:8;left:50%;margin-left:-320px;top:0;}
.subnav1 li .hide{display:none;}
.subnav1 li.cur .show{display:none;}
.subnav1 li.cur .hide{display:inline;}

.product{border-top:1px solid #ddd;}
.pro-ul li{position:relative;}
.pro-ul li .pro-list{display:none;background:rgba(206,24,36,.86);width:100%;height:100%;top:0;left:0;position:absolute;z-index:3;}
.pro-ul li .pro-list dl{position:absolute;height:62%;overflow-y:auto;left:4.125%;top:19%;}
.pro-ul li .pro-list dd{float:left;width:23.4%;margin:2.4% 2.13333% 0 0;}
.pro-ul li .pro-list dd:nth-child(4n){margin-right:0;}
.pro-ul li .pro-list dd .wenz{font-size:1em;text-align:center;color:#fff;position:absolute;left:0;width:100%;top:0;height:100%;}
.pro-ul li .pro-list dd .fang{position:relative;}
.pro-ul li .pro-list dd .fang img{width:100%;}
.pro-ul li .pro-list dd .sj{display:block;margin:auto;width:1.2em;opacity:0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.pro-ul li .pro-list dd.cur .fang{background:#fff;}
.pro-ul li .pro-list dd.cur .sj{opacity:1;}
.pro-ul li .pro-list dd.cur .wenz{color:#282828;}
.pro-ul li .pro-list dd.cur{z-index:5;}
.pro-list{position:relative;}
.pro-list dl{position:relative;}
.pro-list .erji{display:none;left:0;z-index:2;margin-top:.5em;position:absolute;width:100%;}
.pro-list .erji .wrapper{width:100%;position:relative;padding:3.7%;box-sizing:border-box;border:1px solid rgba(255,255,255,.47);background:rgba(0,0,0,.27);}
.pro-list .erji .link{padding-right:4em;box-sizing:border-box;}
.pro-list .erji .link a{font-size:1em;color:#fff;margin-right:5%;}
.pro-list .erji .link>div{white-space:nowrap;overflow-x:auto;}
.pro-list .erji .close{position:absolute;right:1em;top:26%;}
.pro-list .erji .close img{width:1.8em;}

.pro-list .link>div::-webkit-scrollbar {display:none !important;width: 1px;opacity:0;}
.pro-list .link>div::-webkit-scrollbar-track { opacity:0;background: rgba(255,255,255,0.5); border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.pro-list .link>div::-webkit-scrollbar-thumb {opacity:0;background:rgba(213,35,41,0.8); border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.pro-list .link>div::-webkit-scrollbar-thumb:window-inactive {}
.product .bjq{margin-top:4%;}
.pro-list .gb{position:absolute;right:10px;top:10px;z-index:3;}





.jj.fontp1{margin-top:4%;padding-bottom:0;}
.pro-ul-tit{position:relative;z-index:2;margin:5% 0 -3%;text-align:center;padding:0 3.125%;overflow-x:auto;white-space:nowrap;}
.pro-ul-tit.cur{background:#fff;padding:1em 0;margin:0;position:fixed;z-index:8;left:0;top:0;width:100%;}
.pro-ul-tit a{border-radius:4px;line-height:1.8em;font-size:1.4em;color:#646464;padding:0 .65em;display:inline-block;}
.pro-ul-tit a.cur{background:#ce1824;color:#fff;}
.pro-ul{}
/*.pro-ul li{padding:3.8% 0 0 0;}*/
/*.pro-ul li:nth-child(2n){background:#f2f2f2;}*/
.pro-ul .title .hr{width:20%;}
.pro-ul .title span{width:60%;box-sizing:border-box;padding:0 1em;}
.pro-ul .swiper-container{margin-top:4%;}
.pro-ul .bigPic .swiper-slide{background:#fff;padding:0 7.8%;box-sizing:border-box;}
.pro-ul .bigPic .swiper-slide .wenz{opacity:0;padding-top:8px;background:#fff;text-align:center;font-size:1.4em;color:#323232;}
/*.pro-ul li:nth-child(2n) .swiper-slide .wenz{background:#f2f2f2;}*/
.pro-ul .bigPic .swiper-slide-active .wenz{opacity:1;}
.pro-ul .swiper-slide img{display:block;max-width:80%;margin:auto;}
.left-btn.swiper-button-prev{width:1.7em;height:3.4em;background:url(/images/else/l.png);background-size:100% 100% !important;left:4.7%;}
.right-btn.swiper-button-next{width:1.7em;height:3.4em;background:url(/images/else/r.png);background-size:100% 100% !important;right:4.7%;}
.pro-ul .smlPic{background:#fff;padding:10px 0;box-sizing:border-box;}
.pro-ul .smlPic .swiper-slide{box-sizing:border-box;margin:-9px 0;padding:5px 0;background:url(/images/else/fang1.png);background-size:100% 100%;}
.pro-ul .smlPic .swiper-slide-active{border:0;box-shadow:0 0 7px 1px rgba(0,0,0,.3);}

.pro-ban{padding-bottom:5%;}
.pro-ban .swiper-slide{background:#fff;text-align:center;padding:4.4% 0 15% 0;}
.pro-ban .swiper-slide img{max-width:70%;}
.pro-ban .swiper-pagination-bullet{opacity:1 !important;border-radius:0;border:1px solid #c1c1c1;text-align:center;line-height:4em;vertical-align:middle;width:4em;height:4em;background:#fff !important;}
.pro-ban .swiper-pagination-bullet img{width:90%;}
.pro-ban .swiper-pagination-bullet-active{box-shadow:0 5px 10px rgba(0,0,0,0.5);}



.tuijian{padding:3.9% 0 0 0;}
.tuijian li{float:left;width:21%;margin-right:5.33%;}
.tuijian li img{border:1px solid #c1c1c1;}
.tuijian li:nth-child(4n){margin-right:0;}
.tuijian h3{margin-bottom:8px;font-size:1.6em;color:#323232;font-weight:bold;}

.pro-detail h3{margin-top:5%;font-weight:bold;font-size:1.4em;line-height:1.4em;color:#323232;}
.pro-detail h4{color:#8f8f8f;font-size:1.1em;margin:4px 0 3.4% 0;}

.menu1{}
.menu-detail iframe{width:100% !important;height:16em !important;}
.menu1 li{}
.menu1 li .wenz{padding-bottom:3.1%;position:absolute;left:0;width:100%;bottom:0;color:#fff;}
.menu1 li .wenz h3{font-size:1.6em;}
.menu1 li .wenz p{font-size:1em;margin-top:6px;opacity:.8;}
.menu1 li .yy1{position:absolute;left:0;bottom:0;width:100%;}
.search{position:fixed;right:4%;bottom:30%;z-index:9;}
.search span{width:4.6em;height:4.6em;background:rgba(206,24,36,.9) url(/images/else/search.png) center center no-repeat;background-size:2em;border-radius:50%;display:block;}
.search-form{position:fixed;width:0%;right:4%;bottom:30%;z-index:10;height:4.6em;background:rgba(206,24,36,.9);border-radius:50px;}
.search-form input[type=text]{position:absolute;height:100%;width:80%;left:0;text-indent:20px;color:#fff;font-size:1.4em;background:transparent;border:0;outline:none;}
.search-form input[type=button]{position:absolute;right:0;width:20%;height:100%;font-size:1.4em;background:url(/images/else/search.png) center center no-repeat;background-size:1.4em;border:0;outline:none;}
.black{position:fixed;z-index:9;width:100%;height:100%;background:rgba(0,0,0,.8);left:0;top:0;display:none;}
.search-form ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.search-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}

.menu-detail .con{padding:7% 0;}
.menu-detail .con h3{margin-bottom:6px;font-weight:bold;font-size:1.6em;}


.hot{background:#232222;padding:4.7% 0;}
.hot h3{margin-bottom:12px;font-size:1.6em;color:#fff;font-weight:bold;}
.hot .swiper-container{padding-left:5%;}
.hot .swiper-slide img{box-sizing:border-box;border:.4em solid #fff;}

.star-ban .swiper-pagination-bullet{background:transparent;border:1px solid #fff;opacity:.8;}
.ny-ban .yy1{z-index:2;position:absolute;bottom:0;left:0;width:100%;}
.star-ban .swiper-pagination-bullet-active{background:#ce1824;}
.pro1-ban .swiper-pagination-bullet{background:transparent;border:1px solid #fff;opacity:.8;}
.pro1-ban .swiper-pagination-bullet-active{background:#ce1824;}
.pro1-ban .swiper-pagination{z-index:2;}

.star-ul{margin-bottom:-2px;}
.star-ul li{border-right:1px solid #fff;box-sizing:border-box;margin-bottom:2px;float:left;width:50%;}
.star-ul li .wenz{font-size:1.6em;box-sizing:border-box;padding:0 1em;text-align:center;color:#fff;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;height:100%;width:100%;}
.star-ul li:nth-child(2n){border-left:1px solid transparent;border-right:0;}

.login{min-height:100%;box-sizing:border-box;padding-top:20%;}
.register{padding-top:12%;}
.register .member-tit{margin-bottom:5%;}
.member-tit{margin-bottom:9.375%;text-align:center;}
.member-tit img{width:21.875%;margin-bottom:.8em;}
.member-tit span{font-size:1.8em;color:#323232;}
.login-form{background:#fff;border-radius:13px;}
.login-form .input{position:relative;line-height:3.8em;border-bottom:1px solid #e1e1e1;}
.login-form .input:nth-last-child(1){border-bottom:0;}
.login-form .input span{display:block;float:left;font-size:1.3em;color:#323232;width:5em;padding-left:1em;}
.login-form .input input[type=text],.login-form .input input[type=password]{width:60%;border:0;outline:none;background:transparent;position:absolute;height:100%;font-size:1.2em;color:#8f8f8f;}
.login-form .input.radio span{width:10em;}
.login-form .input label{font-size:1.2em;margin:2px 1em 0 0;display:inline-block;}
.login-form .input label input{margin:-.2em .2em 0 0;}
.lj{padding:5.7% 0;font-size:1.2em;}
.lj a{color:#333;}
.lj span{float:right;color:#333;}
.lj span a{color:#ce1824;}
.btn input{width:100%;background:#ce1824;color:#fff;font-size:1.4em;padding:3% 0;border:none;outline:none;border-radius:8px;}
.btn1 input{border-radius:0;padding:3.5% 0;font-size:1.6em;}
.btn1 a{width:100%;background:#2f2f2f;display:block;padding:3.5% 0;text-align:center;color:#fff;font-size:1.4em;}
.other .title{width:65%;margin:auto;}
.other .title span{width:64%;color:#323232;font-weight:normal;}
.other .title .hr{width:18%;}
.other>a{margin-top:2.5%;display:block;float:left;font-size:1.3em;padding:3% 0;color:#fff;width:49%;text-align:center;border-radius:5px;}
.other>a.wx{float:right;background:#2caa3f;}
.other>a img{margin:-.2em .6em 0 0;height:1.3em;}
.other>a.qq{background:#33a6ee;}
.close1{position:absolute;right:4%;top:2.2%;width:2.8em;}
.tiaokuan{padding:3.9% 0 4.5%;text-align:center;font-size:1.2em;color:#323232;}
.tiaokuan a{text-decoration:underline;color:#ce1824;}
.pos-btn{position:absolute;left:0;width:100%;bottom:0;}

@media screen and (max-height: 510px){
    .pos-btn{position:relative;}
}
.fwtk{display:none;box-sizing:border-box;padding:8% 0;position:fixed;width:90%;height:70%;margin:auto;left:0;top:0;bottom:0;right:0;z-index:9;background:#fff;}
.fwtk h3{margin-bottom:5%;color:#323232;font-size:1.6em;text-align:center;}
.fwtk .box{max-height:100%;overflow-y:auto;padding:0 5%;}
.fwtk .con .fontp1{color:#646464;}
.fwtk .close{position:absolute;right:-1.5em;width:3em;top:-1.5em;}

.ny-ban .wenz{z-index:3;color:#fff;text-align:center;position:absolute;left:0;top:0;height:100%;width:100%;}
.ny-ban .wenz h3{font-size:1.8em;}
.ny-ban .wenz h4{font-size:1.3em;padding-top:1.6%;opacity:.8;}

.activity .bg{padding:6.25% 0;}
.activity li{box-sizing:border-box;padding:7px;float:left;width:49.4%;}
.activity li:nth-child(2n){float:right;}
.activity li .img{position:relative;padding:.7em;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.9);}
.activity li span{position:absolute;left:0;bottom:12%;display:inline-block;width:6em;padding-right:.3em;color:#fff;line-height:2.1em;text-align:center;}
.activity li .wenz h3{font-size:1.4em;padding:7% 0 2%;color:#1e1e1e;}
.activity li .wenz h3 a{color:#1e1e1e;}
.activity li .end{background:url(/images/else/bq1.png);background-size:100% 100%;}
.activity li .ing{background:url(/images/else/bq.png);background-size:100% 100%;}
.cook .pic.swiper-container{padding:10px;}
.cook .swiper-slide .img{position:relative;padding:.7em;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.9);}
.cook .pic .swiper-slide {width:80%;}
.cook{padding:5.625% 0;}
.cook .swiper-pagination{margin-top:8.875%;position:relative !important;}
.cook .swiper-pagination-bullet{vertical-align:middle;opacity:1 !important;width:.7em;height:.7em;color:transparent;background:#aaaaaa;}
.cook .swiper-pagination-bullet-active{line-height:2em;background:#ce1824;width:2em;color:#fff;height:2em;}
.cook .wenz{margin-top:-15px;width:53.75%;}
.cook .wenz h3{font-size:1.5em;padding:5% 0 2%;color:#1e1e1e;}
.cook .wenz li{display:none;}

.menu-detail .con .a-btn{margin-top:5.5%;}
.a-btn a{display:block;line-height:1.6em;width:100%;border-radius:5px;color:#fff;background:#ce1824;padding:2.2% 0;text-align:center;font-size:1.2em;}
.a-btn a img{width:1.1em;margin:-.18em .5em 0 0;}
.activity li .a-btn{margin-top:8%;}
.activity li .a-btn a{padding:3% 0;}

.activity-detail{padding:6.25% 0;}
.activity-detail h3{text-align:center;font-size:1.6em;color:#1e1e1e;}
.activity-detail h4{margin-top:.2em;font-size:1.1em;color:#646464;margin-bottom:4%;text-align:center;}
.activity-detail .bjq{font-size:1.2em;color:#646464;line-height:1.6em;}


.SignUp{padding:8% 0 11em 0;}
.SignUp h3{margin-bottom:8%;font-size:1.6em;color:#323232;text-align:center;}
.SignUp .input{margin-bottom:1em;position:relative;line-height:2.4em;}
.SignUp .input span{display:block;float:left;font-size:1.3em;color:#323232;width:25%;}
.SignUp .input>div{float:right;width:75%;position:relative;line-height:2.4em;height:2.4em;}
.SignUp .input input[type=text],.SignUp .input select{text-indent:.8em;width:100%;position:absolute;left:0;top:0;height:100%;border:1px solid #dcdcdc;outline:none;background-color:transparent;font-size:1.2em;color:#8f8f8f;}
.SignUp .input select{width:101%;height:105%;}
.SignUp .input.add>div{height:8em;}
.SignUp .input.add>div input,.SignUp .input.add>div select{position:relative;height:33%;margin-bottom:.8em}
.SignUp  select{background:url(/images/else/jt.png) no-repeat right .8em center;background-size:.8em;}
.SignUp .input.radio span{width:10em;}
.SignUp .input label{font-size:1.2em;margin:2px 1em 0 0;display:inline-block;}
.SignUp .input label input{margin:-.2em .2em 0 0;}
.SignUp .input input[type=submit]{border-radius:5px;width:100%;line-height:2.4em;color:#fff;background:#ce1824;font-size:1.4em;border:none;outline:none;}
.SignUp a{color:#ce1824;text-decoration:underline;}

@media screen and (max-width: 640px){
    .subnav1.on{left:0;margin-left:0;}
}