@font-face {
    font-family: 'iconfont';  /* project id 218915 */
    src: url('//at.alicdn.com/t/font_grpvcq6gu151xlxr.eot');
    src: url('//at.alicdn.com/t/font_grpvcq6gu151xlxr.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_grpvcq6gu151xlxr.woff') format('woff'),
    url('//at.alicdn.com/t/font_grpvcq6gu151xlxr.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_grpvcq6gu151xlxr.svg#iconfont') format('svg');
}

.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.content{width: 1200px;height: auto;margin: 0px auto;}
.fc-999{color:#999999;}
.fc-666{color:#666666;}
.fc-FF4560{color: #FF4560;}
.text-decoration{text-decoration: line-through;}
.cell{padding: 15px 0px 10px;}
body{margin: 0px;}
.index{position: relative;}
.header{width: 100%;height: 80px;background:rgba(255, 255, 255, 0.6)!important;filter:Alpha(opacity=60); background:#fff; /*　使用IE专属滤镜实现IE背景透明*/}
.container{width: 1200px;margin: 0px auto;position: relative;}
.header .img-logo{width: 400px;float: left;position: relative;padding-top: 3px;text-align: center;}
.header .img-logo img{height: 63px;margin: -2px auto;}
.header img{margin: 0px auto;}
.header ul{float: left;}
.header ul li{float: left;line-height: 80px;font-size: 16px;margin-left: 60px;padding: 0px 4px;}
.header ul li:hover{color:#ca001a; }
.header ul li a{color: #000;display: inline-block;}
.header ul li a:hover{color: #ca001a;text-decoration: none;}
.none{display: none;}
.page_container,.lbt{
    height: 100%;
}
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;height:100%;}
.lubo_box{ position: relative; width: 100%; height:100%; }
.lubo_box li{float: left;position: absolute; top: 0; left: 0; width: 100%;height:100%; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{display: block;width: 100%;  height: 100%;}
.lubo_box li img{width: 100%; height: 100%;}
.cir_box{overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{float: left; width: 30px; height: 5px; margin:0 5px;margin-bottom:30px;cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{background: #000 !important;}
.lubo_btn{position: absolute; width: 100%; top: 140px;}
.pro-title-banner{color: #999999;line-height: 40px;width: 100%;border-bottom: 1px solid #e0e0e0;clear: both;text-align: left;}
.pro-title-banner a{color: #666666;}
.pro-title-banner a:hover{color:#D6372F;}
.alcohol-list{position: absolute;top: 124px;bottom: 1px;overflow-y: auto}
.alcohol-list .nr_con{width: 237px;float: left;margin-bottom: 20px;}
.alcohol-list .nr_con .tpnb{width:193px;margin: 0px auto;padding: 10px;margin: 7px 12px;border: 1px solid #fff;}
.alcohol-list .nr_con .tpnb .img-logo{width: 100px;height: 100px;}
.alcohol-list .nr_con .tpnb:hover{border: 1px solid #e5e5e5;box-shadow:0px 0px 3px #ccc;}
.alcohol-list .nr_con .tpnb img{width: 180px;height: 180px;}
.alcohol-list .nr_con .tpnb .cont-cplb-nr{width:193px; }
.alcohol-list .nr_con .tpnb .cont-cplb-nr .title {height: 36px;line-height: 18px;padding-left: 5px;text-align: left;}
.alcohol-list .nr_con .tpnb .cont-cplb-nr .title a{color:#666666;}
.alcohol-list .nr_con .tpnb .cont-cplb-nr .title a:hover{color:#D6372F;}
.alcohol-list .nr_con .tpnb .cplb-jg{font-size: 16px;color: #ff4000;padding:0px 10px 0px 10px;height: 28px;}
.alcohol-list .nr_con .tpnb .cplb-jg .one-ul{line-height: 18px;height: 20px;}
.alcohol-list .nr_con .tpnb .cplb-jg .jst_one{float: left;width: 40%;}
.alcohol-list .nr_con .tpnb .cplb-jg .jst_two{float: left;width: 60%;}
.alcohol-list .nr_con .tpnb .cplb-jg .jst_two div{float: left;}
.alcohol-list .nr_con .tpnb .cplb-jg .yfh01 {font-family: Arial;font-size: 12px;color: #999999;text-decoration: line-through;}
.alcohol-list .nr_con .tpnb .cplb-jg .cplb-btn {cursor: pointer;height: 28px;width: 72px;font-size: 12px;background-color: #ff4000;line-height: 26px;color: #ffffff;text-align: center;float: right;border-radius: 2px;}
.alcohol-list .nr_con .tpnb .cplb-jg .jst_two .jrgwc{font-size: 12px;width: 105px;text-align: center;line-height: 28px;color:#666666;}
.alcohol-list .nr_con .tpnb .cplb-jg .jst_two .jrgwc:hover{color:#D6372F;cursor: pointer;}
.alcohol-list .nr_con .tpnb .cplb-jg .ygm{font-size: 12px;color: #999999;float: left;width: 50%;height: 18px;}
.alcohol-list .nr_con .tpnb .cplb-jg .ygm i{font-size:12px; color:#8c6238; }
.alcohol-list .nr_con .tpnb .cplb-jg .ypl{font-size: 12px;color: #999999;float: left;width: 50%;text-align: right;}
.alcohol-list .nr_con .tpnb .cplb-jg .ypl i{font-size:12px; color:#8c6238; }
.page-cpjs{position: absolute;top:13%;left: 20%;z-index: 99;right:5%;min-width: 1000px;width: 1000px;}
.page-cpjs .shop-cpjs{height: 400px;width: 100%;}
.page-cpjs .shop-cpjs .nr_con{width: 175px;float: left;margin-bottom: 20px;}
.page-cpjs .shop-cpjs .nr_con .tpnb{width: 160px;margin: 0px auto;padding: 10px;margin: 7px 12px;border: 1px solid #fff;}
.page-cpjs .shop-cpjs .nr_con .tpnb:hover{border: 1px solid #e5e5e5;box-shadow:0px 0px 3px #ccc;}
.nr_con .tpnb .img-logo img{width: 130px;height: 130px;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cont-cplb-nr{width:193px; }
.page-cpjs .shop-cpjs .nr_con .tpnb .cont-cplb-nr .title {height: 36px;line-height: 18px;padding-left: 5px;text-align: left;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cont-cplb-nr .title a{color:#666666;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cont-cplb-nr .title a:hover{color:#D6372F;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg{font-size: 16px;color: #ff4000;padding:0px 10px 0px 10px;height: 28px;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .one-ul{line-height: 18px;height: 20px;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .jst_one{float: left;width: 40%;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .jst_two{float: left;width: 60%;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .jst_two div{float: left;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .yfh01 {font-family: Arial;font-size: 12px;color: #999999;text-decoration: line-through;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .cplb-btn {cursor: pointer;height: 28px;width: 72px;font-size: 12px;background-color: #ff4000;line-height: 26px;color: #ffffff;text-align: center;float: right;border-radius: 2px;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .jst_two .jrgwc{font-size: 12px;width: 105px;text-align: center;line-height: 28px;color:#666666;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .jst_two .jrgwc:hover{color:#D6372F;cursor: pointer;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .ygm{font-size: 12px;color: #999999;float: left;width: 50%;height: 18px;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .ygm i{font-size:12px; color:#8c6238; }
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .ypl{font-size: 12px;color: #999999;float: left;width: 50%;text-align: right;}
.page-cpjs .shop-cpjs .nr_con .tpnb .cplb-jg .ypl i{font-size:12px; color:#8c6238; }
.page-cpjs .shop-cpjs  span{font-size: 22px;color:#000;position:absolute;bottom: 5%;right: 0px;cursor: pointer;}
.proinfo{clear: both;width: 100%;height: auto;overflow-y: auto;position: absolute;top: 124px;bottom: 1px;overflow-y: auto}
.proinfo .pro-img{width: 400px;height: 400px;}
.pro-detial-content{width: 100%;height: auto;clear: both;}
.proinfo .pro-detial{width: 685px;}
.proinfo .pro-detial .pro-detial-banner{width: 700px;border-bottom:#E0E0E0 1px dotted;}
.proinfo .pro-detial .pro-detial-banner h1{}
.proinfo .pro-detial .pro-detial-banner span{color: #FF4560;}
.proinfo .pro-detial .pro-detial-con{width: 700px;border-bottom:#E0E0E0 1px dotted;line-height: 35px;}
.pro-detial-number span{line-height: 30px;display: block;width: 50px;}
.pro-detial-number p{line-height: 30px;display: block;width: 70px;}
.pro-detial-number .number{width: 130px;height: 30px;}
.pro-detial-number .number .jh{width: 26px;height:26px;border:1px solid #ccc;background-color: #ededed;text-align: center;line-height: 26px;color:#3C3C3C;cursor: pointer; }
.pro-detial-number .number .zj{width: 48px;height:26px;border:1px solid #ccc;text-align: center;line-height: 26px;color:#666; }
.pro-detial-number .number .zj input{width: 48px;height: 20px;text-align: center;border: 0px;padding: 2px;}
.pro-detial .pro-detial-btn{height: 38px;}
.pro-detial .pro-detial-btn .ljgm{width: 134px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;border: 1px solid #F0CAB6;background-color: #FFD9BC;color: #E5511D;cursor: pointer;}
.pro-detial .pro-detial-btn .jrgwc{width: 180px;height: 38px;line-height: 38px;text-align: center;font-size: 16px;border: 1px solid #F22D00;background-color: #F22D00;color: #ffffff;cursor: pointer;}
.pro-detial-shop{width: 100%;}
.pro-detial-shop .pro-detial-left{width:210px;}
.pro-detial-shop .pro-detial-left .cnxh{border: 1px solid #e0e0e0;color: #3e3e3e;}
.pro-detial-shop .pro-detial-left .cnxh p{height: 30px;line-height: 30px;background-color: #f8f8f8;border-bottom: 1px solid #e0e0e0;}
.pro-detial-shop .pro-detial-left .cnxh .sp{border-bottom: 1px solid #eaeaea;color: #3e3e3e;height:70px; }
.pro-detial-shop .pro-detial-right{width: 1200px;}
.pro-detial-shop .pro-detial-right .pro-dr-banner{width: 1200px;height:34px;line-height: 34px;color: #3e3e3e;background-color: #F8F8F8;border-bottom: 2px solid #BF8C26; }
.pro-detial-shop .pro-detial-right .pro-dr-banner span{width: 106px;height:34px;display: inline-block;text-align: center;font-weight: bold;cursor: pointer;}
.pro-detial-shop .pro-detial-right .pro-dr-banner span:hover{background-color: #BF8C26;color:white;}
.pro-detial-active{background-color: #BF8C26;color:#ffffff;}
.pro-detial-normal{background-color: #fff;color:#3e3e3e;}
.pro-detial-shop .pro-detial-right .pro-dr-con{width: 1200px;}
.pro-detial-shop .pro-detial-right .pro-dr-con .pro-dr-content{width: 1200px;line-height: 34px;border: 1px solid #ddd; }
/*.left_btn, .right_btn{width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}*/
/*.left_btn{float: left;}*/
/*.right_btn{float: right;}*/
/* Custom Stylesheet */
.ej{display: inline-block;background-color: white;width: 43px;height: 43px;line-height: 45px;text-align: center;border-radius: 4px;}
.ej:hover+.serviceintro{display: block;color: white;}
.ej:hover+.qrcodeImg{display: block;color: white;}
.wrapper {
    position: absolute;
    /*top:80px;*/
    /*margin-top: 80px;*/
    width: 100%;
    height: 100% !important;
    overflow: hidden;
}

.sixfixed{
    position: fixed;
    right: 0px;
    left: 0px;
    bottom: 30px;
    width: 60px;
    height: 40px;
    margin: 0px auto;
    background:rgba(0, 0, 0, 0.5)!important;filter:Alpha(opacity=50); background:#000; /*　使用IE专属滤镜实现IE背景透明*/
    color:white;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.sixfixed i{font-size: 28px;}
.sixfixed-animation{animation:bounce .5s .5s ease-out both;}
.funfixed{
    position: fixed;
    right: 50px;
    bottom: 80px;
    width: 43px;
}
.funfixed .service-number{
    background-size: 43px 43px;
    position: relative;
}
.funfixed a{
    display: block;
    margin-bottom: 5px;
    width: 100%;
    height: 43px;
    z-index: 9999;
}
.funfixed .serviceintro{
    position: absolute;
    left: -185px;
    top: 0px;
    width: 175px;
    padding: 10px 0px;
    background: #f24f52
}
.funfixed .serviceintro i{
    display: inline-block;
    width: 6px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: -6px;
    top: 6px;
}
.funfixed .serviceintro em{
    font-size: 12px;
    color: #000;
    font-style: normal;
    display: block;
    text-align: center;
    color: white;
}
.funfixed .serviceintro em i{
    font-style: normal;
    position: relative;
    top: -3px;
}
.funfixed .qrcodeImg{
    position: absolute;
    left: -110px;
    width: 100px;
    bottom: 5px;
}
.funfixed .qrcodeImg em{
    display: inline-block;
    text-align: center;
    background: white;
    color: #00bff3;
}
.funfixed .qrcodeImg em img{
    width: 100px;
    height: 100px;
}
.funfixed .qrcodeImg em i{
    line-height: 25px;
}
@media (min-width: 1024px) and (max-width: 1200px) {
    .page-cpjs{min-width: 900px;width: 900px;}
    .page-cpjs .shop-cpjs .nr_con{width: 151px;float: left;margin-bottom: 20px;}
    .page-cpjs .shop-cpjs .nr_con .tpnb{width: 140px;margin: 0px auto;padding: 10px;margin: 7px 12px;border: 1px solid #fff;}
    .nr_con .tpnb .img-logo img{width: 77px;height: 77px;}
    .page-cpjs .shop-cpjs .nr_con .tpnb:hover{border: 1px solid #e5e5e5;box-shadow:0px 0px 3px #ccc;}
    .page-cpjs .shop-cpjs .nr_con .tpnb .cont-cplb-nr{width:193px; }
    .page-cpjs .shop-cpjs  span{font-size: 14px;color:#000;font-weight: normal;position:absolute;right: 84px;top:1%;cursor: pointer;}
}