﻿/* CSS Document */
/*
    zz 饮品大会会后样式表 20170605
*/

*{ margin:0px; padding:0px;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle; outline:none;}
body{font-size:14px;font-family:"宋体"; -webkit-font-smoothing: antialiased; /*抗锯齿*/ vertical-align:baseline;}
/*-webkit-text-size-adjust:none; 移动设备文本大小不会根据设备尺寸进行调整*/
img{ display:block; border:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a{color:#000;text-decoration:none;}
/**/
.clear{ clear:both; overflow:hidden;}
.text{ text-overflow:ellipsis; overflow:hidden; display:block;white-space:nowrap;}
.allpic{ width:100%; height:auto; display:block;}
.color_lan{ color:#b70812;}
.color_red{color:#ae0101;}

/**/
body{ padding-top:50px;}
/**/
.banner{ width:100%; height:auto; margin:0; display:block;}
/**/
.navactive{ width:100%; background:#000; height:50px; margin:0 auto;}
.navactive ul{ height:100%; margin:0 auto; width:875px;}  
.navactive ul li{ float:left; text-align:center; font-family:"微软雅黑"; 
                  font-size:20px; line-height:28px; border-right:#fff solid 1px; width:123px; margin:11px 0 0;}
.navactive ul li.noborder{ border:0;}
.navactive ul li a{ color:#fff;}
.navactive ul li.active{ background:#eb0c09; color:#ffffff; border-color:#051e46;}
/**/
.bx-wrapper { height:519px; overflow:hidden;}
.bx-wrapper img{ width:100%;}
/**/
.banj .bx-wrapper{ height:auto; text-align:center;}
.banj .bx-wrapper p{ line-height:26px; padding:20px 2%;}
.banj .bx-wrapper .bx-controls-direction a{margin-top:-60px;}
/**/
.content{width:100%; background:#ffffff url(http://imgs.foodszs.com/huodong/hd40/yanjmxxpfbsd/images/bg.jpg) 0 0 repeat-x;}
.contentauto{ width:100%; max-width:1200px; margin:0 auto; background:#ffffff;padding:20px 0;}
.marginWidth{ margin:0px auto 20px;width:96%;}
/**/
.titles{ height:36px;background:url(http://imgs.foodszs.com/huodong/hd40/yanjmxxpfbsd/images/line.jpg) 0 center repeat-x;}
.titles img{ height:100%; width:auto; display:block;}
/**/
.sliderD{ border:#e8e8e7 solid 1px;}
.intro{ line-height:30px; padding:20px; text-indent:28px;}
.bx-wrapper{ margin:0;}
.bx-wrapper .bx-viewport{ box-shadow:0 0 0; border:0;left:0;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10px;}
.sliderD .bx-wrapper { height:auto; }
.sliderD2 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto,.sliderD2 .bx-wrapper .bx-controls-direction a{ display:none;}
/*.sliderD2 .bx-wrapper .bx-controls-direction a{ margin-top:-68px;}*/
.sliderD2 p{ padding:10px ; line-height:24px;}



/**/
.garyp{ background:#e8e8e7; line-height:26px; padding:10px; text-align:center; color:#b70812;}

/**/
.ban{ border:#e8e8e7 solid 1px; padding:10px 0;}
.ban li{ width:48%; margin:0 1%; text-align:center;line-height:26px; float:left;}
.ban li h2{ color:#006cff; font-size:14px;}
/**/
.cpul{ padding-bottom:1px;}
.cpul li{ border:#e8e8e7 solid 1px; padding:0px 1%; width:22.7%;float:left;margin:0 -1px -1px 0; position:relative; height:300px; }
.cpul li h2{font-size:14px; color:#006cff;text-align:center; line-height:36px;}
.cpul li p{ height:78px;overflow:hidden; background:#ffffff; line-height:26px;position:absolute; top:220px; left:10px; z-index:10;}
.cpul li:hover p{ height:auto; overflow:auto;}
/**/
.jcsj{ border:#f2f2f2 solid 1px; padding-top:10px;}
.jcsj li{ float:left; margin:0 0 0 1%;width:23.7%;}
.jcsj li img{ width:100%; height:auto;}
.jcsj li p{ line-height:24px; text-align:center; margin:6px;}

.jcsj2 li{ width:32%;}

/**/
.answerd{ border:#f2f2f2 solid 1px;}
.answerd h2{ color:#006cff; font-size:30px; line-height:50px; font-weight:bold; font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei";text-align:center;}
.answerd ul li{ float:left; width:47.6%;margin:10px 1%;}
.answerd ul li img{ width:100%; height:auto;margin:0 auto; max-width:438px;}
.answerd ul li p{ text-align:center; line-height:30px;}
.answerd2{ text-align:center; padding:10px 0 20px;}
/**/
.spul li{ float:left;margin:0 1%; width:23%;}
.spul li a img{ margin:0 auto;}
.spul li a p{ height:48px; line-height:24px; overflow:hidden; margin:5px; text-align:center;}
.spul li a:hover p{ color:#006cff;}
/*2*/
.ullist2{ position:relative;}
.ullist2:after{ content:""; display:block; width:1px; height:100%; background:#e8e8e7; 
               position:absolute; top:0px; left:0;bottom:0; right:0; margin:auto;}
.ullist2 li{ float:left; width:47.6%; display:block; padding:0px 1%; height:30px; line-height:30px; overflow:hidden;}
.ullist2 li a{ float:left; width:76%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ullist2 li span{ color:#8f8f8f;}
/**/
.line{ display:block; width:100%; height:7px; background:url(http://imgs.foodszs.com/huodong/hd40/yanjmxxpfbsd/images/line2.jpg) 0 0 repeat-x; margin:10px 0 8px;}
/**/
.activefoot{ width:96%; height:auto; background:#e5e5e5; text-align:center; line-height:30px; padding:20px 2%; margin:0; font-size:14px; }
.activefoot span{ color:#ce0000;}
.activefoot i{margin-right:10px;}
/**/
.fixtop_icon{ display:none; position:fixed; bottom:60px; right:60px;z-index:1000; width:50px; height:auto;  cursor:pointer;}

/**/
.li_two{ width:48.8%;margin:0 0 15px 0; float:left; }
.li_two_mar{ margin-right:2%;}
.litwo_hei1{height:208px;}
.litwo_hei2{height:104px;}
.litwo_hei3{height:130px;}
.litwo_hei4{height:156px;}
.litwo_hei5{height:78px;}
/**/
.li_two2{ width:556px; margin:-1px 0 0 -1px ; float:left; padding:10px; border-bottom:0!important; border-right:0!important;}

/**/
.li_liu{ width:15.3%; margin:0 0 10px 1%;float:left;}
.p_height1{ height:40px; line-height:20px; overflow:hidden; padding-top:6px; }
/**/
 .more_com{ position:absolute; right:0; top:0; height:36px; text-align:center; line-height:36px; z-index:100; background:#ffffff; padding:0 1% 0px 2%;}


/*通用样式 不要修改数据*/
/*boder*/
.border_a{ border:#e8e8e7 solid 1px;}
/**/
.color_jh{ color:#e15500;}
/*text*/
.text_indt{ text-indent:28px; }
.text_center{ text-align:center;}
/*bg*/
.bg_jh{background:#ec6d15;}
/**/
.pic_hei{ height:36px; margin:0px auto;padding:10px 0; }
/*wid*/
.wid{ margin:0px auto;width:96%;}
/*mar*/
.mar1{ margin:16px 20px;line-height:26px;}
.mar_top1{ margin-top:-1px;}
/*font*/
.font_fa{ font-family:"微软雅黑";}
.font_wei{ font-weight:bold;}
/*pos*/
.pos1{ position:relative;}

/**/
.jiabdiv{ padding-top:10px; }
.jiab{ width:32%; padding:0; line-height:28px;float:left; margin:0px 0 0px 1% ;}
.jiab img{ width:100%; height:auto; display:block; margin:0; }
.jiab div{ padding:10px 0;}
.jiab2{ width:98%;}
.jiab .intro{  padding:0 15px;}
.jiab div p{ padding:0 6px;}
.jiab div p.hei56{height:56px;}

/**/
.banj .bx-wrapper{ height:auto; text-align:left;}
.banj .bx-wrapper p{ line-height:26px; padding:20px 2%;}
.banj .bx-wrapper .bx-controls-direction a{margin-top:-90px;}

/**/
.titleh2{ width:100%;text-align:center;  font-size:18px; background:url(../images/xx_57.jpg) 0 top repeat-x; background-size:6px 63px; color:#fff; line-height:30px; padding:10px 0;  font-family:"微软雅黑";}
.bj .intro{ text-indent:0;}

/**/
.themeToggle{ width:90%; height:auto; line-height:40px; padding:10px 3%; font-size:24px; color:#c70002; font-family:"微软雅黑";font-weight:bold;
               text-align:center; border:#e8e8e7 solid 1px; margin:10px auto 5px; background:url(../images/icon2.jpg) center right no-repeat; font-weight:bold; font-family:"长城特粗宋体","宋体";}
.themeToggle_on{ background:#b70812; color:#fff;}
.themediv { width:98%; margin:10px auto; line-height:24px;}
.themediv .bx-wrapper{ height:685px; }
.themediv .bx-wrapper .bx-pager{ display:none;}
.themediv .bx-wrapper li p span{ color:#ce0000; display:block;  }
.themediv .bx-wrapper li p{ margin:10px 0 0 0;}
.themediv .height2{ height:56px;}
.themediv .bx-wrapper .bx-controls-direction a{ margin-top:-50px;}
/**/
.titletwo{ width:100%; height:40px; line-height:40px; padding:5px 0; background:#f0f0f0; font-family:"微软雅黑"; font-weight:bold; margin-bottom:10px;}
.titletwo span{ display:block; width:240px; height:40px; background:#b70812; color:#fff; text-align:center; font-size:22px; margin:0 auto; border-radius:20px;}

/**/
.botop{border-top:#c2c2c2 dashed 1px; padding:10px 0;}

/**/
.heightDIV{ height: 120px;}
.heightDIV2{ height: 170px;}
.heightDIV3{ height: 140px;}



/**/
.tit_pic{ width:60%; height:auto;display:block; margin:0 auto 20px;}
.tit_p{ color:#b70812; font-size:26px; text-align:center; font-weight:bold; font-family:"微软雅黑"; margin:0 0 20px;}

.zhuti_title{ width:96%; border-bottom:#cccccc dashed 1px;cursor:pointer; margin:0px auto 20px; }
.zhuti_title_on,.zhuti_title_no{ border:0;}

.zhuti_Div{height:0; overflow:hidden;}
.zhuti_Div2{ height:auto; overflow:auto;}

/**/
/**/
.heightDIV{ height: 50px;}
.heightDIV2{ height: 80px;}
.heightDIV3{ height: 135px;}
.heightDIV4{ height: 110px;}
.heightDIV6{ height: 190px;}
.heightDIV250{ height: 250px;}

/**/
.boderlisr div.jiab{ padding:10px 1% 5px; margin-bottom:10px; width:47.3%; margin:0 1% 10px 0;}
.boderlisr div.jiabdiv:nth-child(3n),.boderlisr div.jiab:nth-child(2){ margin-right:0;}
.boderlisr div.jiab3:nth-child(2){margin-right:1%;}
/**/
.titleDiv{ width:96%;margin:20px auto; font-size:24px; font-weight:bold; text-align:center; color:#c90000; font-family:"微软雅黑"; padding:0 2%;}
.zhuti_toggle .titleDiv1{
    background: url(http://misc.foodszs.cn/foodszs_hd/h87/afbc20hh/images/1.png) right center no-repeat;
    background-size: 25px 25px;
    width: 80%;
    padding: 0 8%;
    
}
.zhuti_toggle .titleDiv2{
    background: url(http://misc.foodszs.cn/foodszs_hd/h87/afbc20hh/images/2.png) right center no-repeat;
    background-size: 25px 25px;
}

/**/
.jiab{ width:48.5%; padding:0; line-height:28px;float:left; margin:0px 0 0px 1% ;}
.jiab h2{ color:#cc0000; text-align:center; font-family:"微软雅黑"; padding:0 2% 10px;}
.boderlisr div.jiab3{ width:30.46%;}
.jiab img{ width:100%; height:auto; display:block; margin:0; }
.jiab div{ padding:10px 0;}
.jiab2{ width:98%;}
.jiab .intro{  padding:0 15px;}
.jiab div p{ padding:0 6px;}
.jiab div p.hei56{height:56px;}
.jiabhei{ height:116px;}
.jiab4{ width:100%; margin:0;}
.jiab4 div p{padding:0 15px;}


/**/
.zt_toggle{
    border-top:#c90000 solid 4px;

}

.zhuti_toggle .displaynone{
   height:0;
   overflow:hidden;
}
.zhuti_toggle .displaynone2{
    height:auto;
}

.twhref{
        width: 100%;
    height: 40px;
    background: rgba(0,0,0,.5);
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    margin: -40px 0 0 0;
    position: relative;
    z-index: 10;
}

.looktuw{
      color: red;
    float: right;
    display: block;
    padding: 10px 33px 10px 14px;
    font-size: 13px;
    background: #FFF;
}

@media screen and (max-width:1200px){
    .zhuti_toggle .titleDiv1{
        background-size:21px 21px;
    }
    .looktuw{
            padding: 0px 4% 0 6px;
    height: 30px;
    line-height: 30px;
    }
    .themediv .height2{ height:auto;}

    /**/
.boderlisr div.jiab{ padding:0; margin-bottom:0px; width:100%;}

    /**/
.bx-wrapper,.sliderD .bx-wrapper {height:auto;}
.sliderD .bx-wrapper .bx-controls-direction a{ display:none;}

    /**/
.titleDiv{  font-size:16px;margin: 10px auto; }

/**/
.navactive{ height:auto; }
.navactive ul{ height:auto; margin:0 auto; width:100%;}
.navactive ul li{ width:12%; margin:0;padding:5px 0; border:none; font-size:16px;}  /*max=8 12.5% 80px 4字*/
/**/
.contentauto{padding:15px 0;}
.marginWidth{ margin:0 auto 15px;}
/**/
.titles{ height:30px;}
/**/
.more_com{  height:30px;  line-height:30px;}

/**/
.sliderD{ border:none;}
.intro{ line-height:24px; padding:10px 10px 0px; text-indent:14px;}
.bx-controls-direction{display:none;}
/**/
.cpul li{ border:none; padding:0px 1%; width:98%;float:none;margin:0;  height:auto; }
.cpul li p{ height:auto;overflow:auto;position:relative; top:0; left:0;}
.cpul li h2{ line-height:28px;}

/**/
.jcsj{ border:none;padding-top:0px;}
.jcsj li{ width:32%;}
/**/
.ban{ border:none; padding:0;}
.ban li{ width:98%; float:none;}

/**/
.answerd{ border:none;}
.answerd h2{ font-size:24px; line-height:40px;}
.answerd ul li{ float:none; width:100%;margin:10px 0;}
.answerd2{ padding:0px;}
.answerd2 ul li{margin:0 0 10px 0;}
/**/
.ullist2:after{ display:none;}
.ullist2 li{ float:none; width:100%; padding:0;}

/**/
.fixtop_icon{ bottom:30px; right:10px; width:40px; }


/**/
.jiabdiv{padding:0;}
.jiab{ height:auto; padding:0; background:none; margin:0; line-height:24px; width:100%; }
.jiab img{ width:100%; height:auto; margin:0 auto; float:none; }
.jiab div{ padding:6px;}
.jiab2{ width:100%;}

/**/
.li_two{ width:100%;margin:0 0 0px 0; }
.li_two_mar{ margin-right:0;}
.litwo_hei1{height:auto;}
.litwo_hei2{height:auto;}
.litwo_hei3{height:auto;}
.litwo_hei4{height:auto;}
.litwo_hei5{height:auto;}
/**/
.li_two2{ width:100%; margin:0; padding:0px;}
/**/
.li_liu{ width:18.75%}

/*boder*/
.border_a{ border:0px; margin-bottom:0;}
/*text*/
.text_indt{ text-indent:0px; }
/*mar*/
.mar1{ margin:6px;line-height:24px;}
/**/
.pic_hei{ height:24px;}
.pic_hei2{ height:30px;}

/**/
.mar0{margin-top:5px;}

/**/
.jiabdiv{padding:0;}
.jiab{ height:auto; padding:0; background:none; margin:0; line-height:24px; width:100%; }
.jiab img{ width:100%; height:auto; margin:0 auto; float:none; }
.jiab div{ padding:6px;}
.jiab2{ width:100%;}

/**/
.heightDIV,.heightDIV2,.heightDIV3,.heightDIV4,.heightDIV6,.jiabhei{ height:auto;}
/**/
.boderlisr div.jiab{ padding:0; margin-bottom:0px; width:100%;}

/**/
.svg{ height:0; margin-bottom:10px;}

/**/
.bj .intro{ padding-bottom:10px;}

/**/
.themediv { width:100%; margin:0px auto;}
.themediv .bx-wrapper{ height:auto; }
.themediv .bx-wrapper li p span{  font-size:16px;}

/**/
.heightDIV,.heightDIV2,.heightDIV3{ height:auto;}

/**/
.tit_pic{ width:90%;}

/**/
.zt_toggle{
    border-top:#c90000 solid 2px;
}

}
@media screen and (max-width:640px){
/**/
.navactive{ width:96%; margin:10px auto 0;}
.navactive ul li{width:25%; border-bottom:#4c4c4c solid 1px;border-right:#4c4c4c solid 1px;  margin:0 -1px -1px 0;font-size:14px;padding:0;}
.navactive ul li.noborder{ border-bottom:#4c4c4c solid 1px; border-right:#4c4c4c solid 1px;}
/**/
.activefoot{ line-height:24px; }
/**/
.jcsj li{ width:48%; margin:0 1%;}
/**/
.spul li{ float:none; width:98%;}
.spul li a p{ height:auto;}
/**/
.fixtop_icon{ bottom:30px; right:10px; width:40px; }


.jiab,.jiab2{ width:100%; }
.jiab div p.hei56{ height:auto;}


.jiab4 h2{font-size:16px;}
.jiab4 div p{padding:0 6px;}



/**/
.themeToggle{line-height:26px;  font-size:16px; padding:5px 8%; background:url(../images/icon.jpg) center right no-repeat;font-family:"微软雅黑" ;width:80%; }
.themeToggle_on{ background:#b70812; color:#fff;}

/**/
.titletwo{ height:30px; line-height:30px;}
.titletwo span{ font-size:14px;height:30px; }


.jcsj3 li{ width:98%;}

.jiab .intro{  padding:0 6px;}

/**/
.botop{border-top:0px; padding:0px 0 10px 0;}

.tit_p{  font-size:18px;  margin:0 0 10px;}
/**/
.tit_pic{ width:100%; margin-bottom:10px;}
.zhuti_title{margin-bottom:10px; border-bottom-color:#e1e0e0;}

}



@media screen and (max-width:500px) {
/**/
.ullist2 li a{  width:70%;}
/**/
.li_liu{ width:47%; margin:0 0 8px 2%;}
}
@media screen and (max-width:400px) {
/**/
.ullist2 li a{  width:65%;}
/**/
.pic_hei{ height:18px;}
.pic_hei2{ height:24px;}
}
