@charset "utf-8";
/* CSS Document */
.clearBoth {clear:both;height:0;overflow:hidden;}

#wrap{margin:0 auto;width:968px;}
/*面包屑*/
#topguid {height:25px;}
#topguid ul{ height:25px;padding:0 0 0 10px;margin:0px;}
#topguid li{font-family:"宋体"; font-size:12px;float:left; list-style:none; padding-left:10px;}
#topguid a{color:#757575;line-height:25px;}
/*end 面包屑*/
.wrap-bg {background:url(../images/responsibility/wrap-bg.jpg) no-repeat;width:968px;min-height:452px;height:auto !important;height:452px;position:relative;}
#left{float:left;width:210px;margin-top:220px;margin-left:5px !important;margin-left:3px;}
.respmenus{background:url(../images/responsibility/resp-menus.gif) no-repeat;width:210px;height:211px;}
.respmenus ul{padding:0px;margin:0px;padding-top:2px;}
.respmenus li{list-style:none;padding:0px;margin:0px;padding-top:2px;}
.respmenus li a{display:block;height:33px;width:206px;overflow:hidden;}
.respmenus .respmenus-1 a:hover{background:url(../images/responsibility/resp-menus-click.gif) no-repeat 0 -39px;}
.respmenus .respmenus-2 a:hover{background:url(../images/responsibility/resp-menus-click.gif) no-repeat 0 -74px;}
.respmenus .respmenus-3 a:hover{background:url(../images/responsibility/resp-menus-click.gif) no-repeat 0 -109px;}
.respmenus .respmenus-4 a:hover{background:url(../images/responsibility/resp-menus-click.gif) no-repeat 0 -144px;}
.respmenus .respmenus-5 a:hover{background:url(../images/responsibility/resp-menus-click.gif) no-repeat 0 -179px;}

.clearboth {clear:both;height:0;overflow:hidden;}

#right{float:right;width:712px;margin-top:220px;margin-right:25px !important;margin-right:12px;}
#right .right-1{background:url(../images/responsibility/right-1-bg.jpg) no-repeat;height:246px;}
#right .right-1 .right-1-left{float:left;margin-top:24px;margin-left:28px !important;margin-left:14px;}
#right .right-1 .right-1-left img{border:2px solid #fff;display:block;}
#right .right-1 .right-1-right{margin-left:361px !important;margin-left:359px;padding-top:2px;}
#right .right-1 .right-1-right .right-1-right-head{background:url(../images/responsibility/index-right-1-right-head.jpg) no-repeat;height:35px;overflow:hidden;}
#right ul{margin:0px;padding:0px;}
#right li{margin:0px;padding:0px;list-style:none;}
#right .right-1-right .index-list li{list-style:none;background:url(../images/list-decoration.jpg) no-repeat 2px 7px !important;padding-left:13px;color:#cc0000;line-height:18px;height:37px;border-bottom:1px dashed #b0c18e;width:317px;margin-left:10px;}
#right .right-1-left .title{list-style:none;background:url(../images/list-decoration.jpg) no-repeat 2px 5px !important;padding-left:13px;color:#cc0000;font-weight:bold;}
#right .right-1-more{display:block;width:44px;height:14px;margin-top:10px;margin-left:297px;}

#right .right-2{margin-top:20px;height:226px;overflow:hidden;}
#right .right-2-left{float:left;width:349px;}
#right .right-2-right{margin-left:360px;}
#right .head-left-2{background:url(../images/responsibility/index-right-2-left-head.gif) no-repeat;height:24px;margin-bottom:12px;}
#right .head-right-2{background:url(../images/responsibility/index-right-2-right-head.gif) no-repeat;height:24px;margin-bottom:12px;}
#right .right-2 .index-list li{list-style:none;background:url(../images/list-decoration.jpg) no-repeat 2px 7px !important;padding-left:13px;color:#cc0000;line-height:18px;height:37px;border-bottom:1px dashed #e5e5e5;width:320px;margin-left:7px;}
#right .right-2 .index-list li a{color:#666;}
#right .right-2-more{display:block;width:44px;height:14px;top:4px;left:298px;position:relative;}

#right .right-3{margin-top:20px;background:url(../images/responsibility/index-right-3-bg.jpg) no-repeat;width:705px;height:173px;overflow:hidden;margin-left:2px !important;margin-left:4px;}
#right .right-3 li a{color:#666;}
#right .right-3 img{display:block;float:left;padding-top:10px;padding-left:10px;height:131px;width:93px;}
#right .right-3-left{float:left;width:353px;position:relative;}
#right .right-3-right{margin-left:356px;position:relative;width:346px;}
#right .right-3 .right-3-minright{margin-left:120px;padding-top:19px;}
#right .right-3 .right-3-left-head{background:url(../images/responsibility/index-right-3-left-head.gif) no-repeat;height:14px;margin-bottom:10px;}
#right .right-3 .right-3-right-head{background:url(../images/responsibility/index-right-3-right-head.gif) no-repeat;height:14px;}
#right .right-3 .right-3-right-content{font:12px/150% "宋体";padding-top:20px;}
#right .right-3 .right-3-right-content span{color:#dd0101;font-weight:bold;}
#right .right-3 .right-3-right-content a{text-decoration:underline;display:block;padding-top:20px;color:#6279a3;}
#right .right-3-more{background:url(../images/more3.gif) no-repeat;width:40px;height:12px;position:absolute;right:9px;top:5px;display:block;}
#right .right-3-more-2{background:url(../images/more3.gif) no-repeat;width:40px;height:12px;position:absolute;right:6px;top:5px;display:block;}

.resp-bottom{background:url(../images/responsibility/resp-bottom.jpg) no-repeat;height:10px;weight:996px;}


/**********************************************************************公益事业*********************************************************************/
#right-public{float:right;width:712px;margin-top:220px;margin-right:8px !important;margin-right:4px;}
#right-public ul{margin:0px;padding:0px;}
#right-public li{margin:0px;padding:0px;list-style:none;}
.public-title{background:url(../images/responsibility/public-title.jpg) no-repeat;height:20px;width:217px;}

.public-menus li{float:left;}
.public-menus{background:url(../images/responsibility/publicmenu.gif) no-repeat 0 -27px;height:27px;width:694px;margin-top:15px;}
#right-public .public-menus ul{padding-left:8px;}
#right-public .public-menus li{padding-right:3px;}
#right-public .public-menus li a{display:block;height:27px;}
#right-public .public-menus .public-menus-1{width:98px;}
#right-public .public-menus .public-menus-2{width:105px;}
#right-public .public-menus .public-menus-3{width:123px;}
#right-public .public-menus .public-menus-4{width:100px;}
#right-public .public-menus .public-menus-1:hover{background:url(../images/responsibility/publicmenu.gif) no-repeat -8px 0;}
#right-public .public-menus .public-menus-2:hover{background:url(../images/responsibility/publicmenu.gif) no-repeat -109px 0;}
#right-public .public-menus .public-menus-3:hover{background:url(../images/responsibility/publicmenu.gif) no-repeat -217px 0;}
#right-public .public-menus .public-menus-4:hover{background:url(../images/responsibility/publicmenu.gif) no-repeat -343px 0;}

#right-public .public-menus .public-menus-1-current{background:url(../images/responsibility/publicmenu.gif) no-repeat -8px 0;}
#right-public .public-menus .public-menus-2-current{background:url(../images/responsibility/publicmenu.gif) no-repeat -109px 0;}
#right-public .public-menus .public-menus-3-current{background:url(../images/responsibility/publicmenu.gif) no-repeat -217px 0;}
#right-public .public-menus .public-menus-4-current{background:url(../images/responsibility/publicmenu.gif) no-repeat -343px 0;}


.public-first-news {margin-top:18px;height:196px;overflow:hidden;width:670px;}
.public-first-news-left{float:left;width:660px;font:12px/22px "宋体";}
.public-first-news-left h3{color:#cc3333;font:12px/150% "宋体";margin-bottom:3px;margin-top:10px;font-weight:bold;}
.public-first-news-left a{text-decoration:underline;color:#e50000;}
.public-first-news-right{background:url(../images/responsibility/firstnews-img-border.jpg) no-repeat;width:247px;height:165px;margin-left:420px;}
.public-first-news-right img{padding-top:7px;padding-left:8px;width:231px;height:148px;}
#right-public .public-list li{font:12px/150% "宋体";color:#4d4d4d;padding-top:9px;padding-bottom:7px;border-top:1px dashed #d9d9d9;width:660px;background:url(../images/list-decoration.jpg) no-repeat 0px 15px;padding-left:10px;}
#right-public .public-list ul{border-bottom:1px solid #d9d9d9;width:670px;}
#right-public .public-page{float:right;margin-top:11px;margin-bottom:33px;margin-right:45px;}
/**********************************************************************循环经济*********************************************************************/
.recycling-title{background:url(../images/responsibility/recycling-title.jpg) no-repeat;height:20px;width:217px;}

.recycling-menus li{float:left;}
.recycling-menus{background:url(../images/responsibility/recyclingmenu.gif) no-repeat 0 -27px;height:27px;width:694px;margin-top:15px;}
#right-public .recycling-menus ul{padding-left:8px;}
#right-public .recycling-menus li{padding-right:3px;}
#right-public .recycling-menus li a{display:block;height:27px;}
#right-public .recycling-menus .recycling-menus-1{width:114px;}
#right-public .recycling-menus .recycling-menus-2{width:116px;}
#right-public .recycling-menus .recycling-menus-3{width:116px;}
#right-public .recycling-menus .recycling-menus-1:hover{background:url(../images/responsibility/recyclingmenu.gif) no-repeat -8px 0;}
#right-public .recycling-menus .recycling-menus-2:hover{background:url(../images/responsibility/recyclingmenu.gif) no-repeat -125px 0;}
#right-public .recycling-menus .recycling-menus-3:hover{background:url(../images/responsibility/recyclingmenu.gif) no-repeat -244px 0;}

#right-public .recycling-menus .recycling-menus-1-current{background:url(../images/responsibility/recyclingmenu.gif) no-repeat -8px 0;}
#right-public .recycling-menus .recycling-menus-2-current{background:url(../images/responsibility/recyclingmenu.gif) no-repeat -125px 0;}
#right-public .recycling-menus .recycling-menus-3-current{background:url(../images/responsibility/recyclingmenu.gif) no-repeat -244px 0;}
/**********************************************************************自主创新******************************************************************/
.inno-title{background:url(../images/responsibility/inno-title.jpg) no-repeat;height:20px;width:217px;}

.inno-menus li{float:left;}
.inno-menus{background:url(../images/responsibility/innomenu.gif) no-repeat 0 -27px;height:27px;width:694px;margin-top:15px;}
#right-public .inno-menus ul{padding-left:8px;}
#right-public .inno-menus li{padding-right:3px;}
#right-public .inno-menus li a{display:block;height:27px;}
#right-public .inno-menus .inno-menus-1{width:114px;}
#right-public .inno-menus .inno-menus-2{width:156px;}
#right-public .inno-menus .inno-menus-1:hover{background:url(../images/responsibility/innomenu.gif) no-repeat -8px 0;}
#right-public .inno-menus .inno-menus-2:hover{background:url(../images/responsibility/innomenu.gif) no-repeat -125px 0;}
#right-public .inno-menus .inno-menus-1-current{background:url(../images/responsibility/innomenu.gif) no-repeat -8px 0;}
#right-public .inno-menus .inno-menus-2-current{background:url(../images/responsibility/innomenu.gif) no-repeat -125px 0;}
/**********************************************************************资质认证***************************************************************/
#right-certification{float:right;width:712px;margin-top:220px;margin-right:8px !important;margin-right:4px;}
#right-certification ul{margin:0px;padding:0px;}
#right-certification li{margin:0px;padding:0px;list-style:none;}

.certification-title{background:url(../images/responsibility/certification-title.jpg) no-repeat;height:20px;width:217px;}
.certification-title-border{background:url(../images/responsibility/certification-title-border.jpg) no-repeat;height:3px;width:623px;margin-top:7px;margin-bottom:15px;overflow:hidden;}
#right-certification .certification-page{float:right;margin-top:11px;margin-bottom:33px;margin-right:45px;}
#right-certification .certification-list .list-left{display:block;float:left;}
#right-certification .certification-list .list-left img{width:99px;height:136px;border:1px solid #ccc;}
#right-certification .certification-list .list-right-title{font:14px/18px "宋体";display:block;border-bottom:1px dashed #e5e5e5;width:558px;color:#ce0005;margin-left:20px;padding-left:2px;float:left;font-weight:bold;} 
#right-certification .certification-list p{width:558px;margin:0px;padding:0px;margin-left:120px;margin-bottom:10px;}
#right-certification .certification-list li{margin-bottom:46px;width:700px;}
#right-certification .certification-list .download{margin-left:20px;}
/**********************************************************************啤酒知识***************************************************************/
#right-beerknowledge{float:right;width:712px;margin-top:220px;margin-right:8px !important;margin-right:4px;}
#right-beerknowledge ul{margin:0px;padding:0px;}
#right-beerknowledge li{margin:0px;padding:0px;list-style:none;}
.beerknowledge-title{background:url(../images/responsibility/beerknowledge-title.jpg) no-repeat;height:20px;width:217px;}
.beerknowledge-title-border{background:url(../images/responsibility/certification-title-border.jpg) no-repeat;height:3px;width:623px;margin-top:7px;margin-bottom:15px;overflow:hidden;}
.beerknowledge-content-left{float:left;margin-left:14 !important;margin-left:7px;}
.beerknowledge-content-left .beerknowledge-text-1{background:url(../images/list-decoration.jpg) no-repeat 0px 6px;padding-left:8px;margin-bottom:36px;margin-top:6px;width:162px;overflow:hidden;}
.beerknowledge-content-left .beerknowledge-img-1{margin-left:16px;}
.beerknowledge-content-left .beerknowledge-img-1 img{width:99px;height:130px;}
.beerknowledge-content-right {margin-top:20px;margin-left:18px !important;margin-left:9px;float:left;}
#right-beerknowledge .beerknowledge-content-right li{border-bottom:1px dashed #d9d9d9;width:480px;background:url(../images/list-decoration.jpg) no-repeat 0px 14px;padding-left:10px;line-height:28px;}
.beerknowledge-page{margin-top:20px;margin-left:300px;margin-bottom:20px;}
a.beerknowledge-download{color:#e54304;}
/**********************************************************************主页2***************************************************************/
.resp-index2-wrap-bg{background:url(../images/responsibility/resp-index2-bg.jpg) no-repeat;width:966px;margin:0 auto;height:484px;position:relative;}
.resp-index_new-wrap-bg{background:url(../images/responsibility/resp-index_new-bg.jpg) no-repeat;width:966px;margin:0 auto;height:484px;position:relative;}
.resp-index2-publiclist{width:258px;padding-top:258px;margin-left:512px;}
.resp-index2-publiclist-title{background:url(../images/responsibility/resp-index2-title.jpg) no-repeat;width:258px;height:23px;}
.resp-index2-publiclist ul{margin:0;padding:0;margin-left:4px;margin-top:5px;}
.resp-index2-publiclist li{margin:0;padding:0;list-style:none;background:url(../images/list-decoration.jpg) no-repeat 0px 8px;padding-left:10px;width:236px;height:38px;border-bottom:1px dashed #e5e5e5;overflow:hidden;}
.resp-index_new-publiclist{width:258px;padding-top:256px;margin-left:534px;}
.resp-index_new-publiclist-title{background:url(../images/responsibility/resp-index_new-title.jpg) no-repeat;width:258px;height:25px;}
.resp-index_new-publiclist ul{margin:0;padding:0;margin-left:4px;margin-top:5px;}
.resp-index_new-publiclist li{margin:0;padding:0;list-style:none;background:url(../images/list-decoration.jpg) no-repeat 0px 8px;padding-left:10px;width:236px;height:38px;border-bottom:1px dashed #e5e5e5;overflow:hidden;}
.a-publiclist{display:block;width:40px;height:20px;margin-left:193px;}
.a-resp{display:block;width:45px;height:45px;position:absolute;}
.a-recyclinglist{top:110px;right:304px;}
.a-innolist{top:155px;right:10px;}
.a-beerknowledge{top:410px;right:470px;}
.a-certificationlist{top:20px;right:122px;}
.a-beerknowledge_new{top:410px;right:444px;}
.a-recyclinglist_new{top:114px;right:270px;}
.a-publiclist_new{top:234px;right:436px;}
/**********************************************************************滚动***************************************************************/
#screen {position:absolute;height:160px;top: 300px;width: 655px;overflow: auto;color: #000;}
.content {position:relative;font-size:13px;font-family: verdana;color: #000;padding: 1em;height: 100%;padding-top:0px;}
.cds_scrollbar {position: absolute;background:url(../images/about/middle.gif) repeat-y;right: 0px;cursor: pointer;}
.cds_scrollbar_top {position: absolute;background:url(../images/about/middle-top.gif) no-repeat;right: 0px;cursor: pointer;}
.cds_scrollbar_down {position: absolute;background:url(../images/about/middle-down.gif) no-repeat;right: 0px;cursor: pointer;}
.cds_scrollbar_over {background: url(../images/about/middle-on.gif) repeat-y;}
.cds_scrollbar_pushed {background: url(../images/about/middle-on.gif) repeat-y;}
.cds_track {position: absolute;background: #f4f4f4;right: -1px;top: 0px;height: 100%;cursor: pointer;}
.cds_up {position: absolute;background:url(../images/about/up.gif) no-repeat;right: 0px;top: 0px;cursor: pointer;}
.cds_down {position: absolute;background:url(../images/about/down.gif) no-repeat;right: 0px;bottom: 0px;cursor: pointer;}