@charset "utf-8";
.container-flash{  height:1014px; margin:0 auto; position:relative; overflow:hidden; z-index:100;}
.flash{ width:1920px;  height:1014px; margin:0 auto; overflow:hidden; position:absolute; top:0; left: 50%; margin-left: -960px; background:url(../images/flash.gif) repeat-x left bottom; z-index:200;}
.mod_focus .contents{ width:1920px; height:1014px; overflow:hidden;}
.mod_focus .contents li{width:1920px; overflow:hidden;height:1014px; }
.mod_focus .contents li img{ width:1920px; height:1014px;}
.mod_focus .tags{text-align:center; position:absolute; left:925px; bottom:80px; width:54px; height:10px; overflow:hidden; background:url(../images/num0.png) repeat right top; padding:6px 8px 6px 8px;}
.mod_focus .tags li{  overflow:hidden; float:left; margin:0 4px; display:inline; width:10px; height:18px;}
.mod_focus .tags a{ float:left; width:10px; height:10px; line-height:10px; font-size:0; background:url(../images/num-li.png) no-repeat left top; text-align:center; }
.mod_focus .tags .focus a{  width:10px; height:10px; line-height:10px; font-size:0; background:url(../images/num-li.png) no-repeat right top; color:#fff;}

.about{ width:1120px; height: auto; padding-top:20px; padding-bottom:20px; }
.about-left{ width:500px; height: auto; float: left; padding-top: 20px; }
.about-left h3{ width:500px; height: 104px; background-image: url(../images/about-header.png); background-repeat: no-repeat; background-position: left top; border-bottom:1px solid #585858; margin-bottom:40px; padding-bottom: 20px; overflow: hidden; }
.al-cent{ width:500px; height: auto; line-height:25px; font-size: 14px; margin-bottom: 40px; overflow: hidden; }
.al-btn{ width:128px; height: 28px; line-height: 28px; display: block; text-align: center; border:1px solid #d3d3d3; background-color: #4d4d4d; color:#FFF; }
.al-btn:hover{ background-color: #0077ac; color: #FFF !important; }
.about-img{ display: block; width:500px; height:auto; overflow: hidden; float: left; margin-left:60px; }
.about-img img{ width:500px; }
.container-products{ background-image: url(../images/products.png); background-repeat: no-repeat; background-position: center top; height: 397px; }
.products{ padding-top:100px; height: 186px; width:1120px;  }
.prod-header{ width: 334px; height:186px; float: left; background-color: #e3e3e3; }
.prod-header h3{ width:334px; height: 104px; background-image: url(../images/products-header.png); background-repeat: no-repeat; background-position: left top; margin-bottom:16px; }
.prod-header p{ width: 200px; height: auto; border-top: 1px solid #d4d4d4; padding-top: 20px;}
.prod-header p .ph-btn{ width:60px; height: 30px; line-height: 30px; display: block; background-image: url(../images/news-btn-more.png); background-repeat: no-repeat; background-position: 60px center; padding-right:26px; text-align: center; font-weight: normal; background-color: #e3e3e3; }
.prod-header p .ph-btn:hover{ background-color: #0077ac; color: #FFF !important; background-image: url(../images/news-btn-more2.png);
 }
.prod-right{ width: 770px; height: 186px; float: right;}
.prod-right .toLeft{ width:30px; height: 48px; float: left; display: block; background-image: url(../images/toLeft.png); background-repeat: no-repeat; background-position: left top; margin-top: 69px; display: inline; }
.prod-right .toRight{ width:30px; height: 48px; float: left; display: block; background-image: url(../images/toright.png); background-repeat: no-repeat; background-position: left top; margin-top: 69px; display: inline;  }
.pr-cent{ width:690px; height: 186px; float:left; position: relative; overflow: hidden; margin:0 10px; }
.pr-list{ width: 690px; height: 186px; position: absolute; left:0; top:0; }
.pr-list li{ width: 210px; height: 186px; float: left; margin:0 10px; display: inline; overflow: hidden; }
.pr-list li p{ width:210px; height: 148px; overflow: hidden; }
.pr-list li p img{ width:210px; height: 148px; }
.pr-list li h4{ width:210px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; font-weight: normal; font-size: 14px; background-color: #909090; }
.pr-list li a h4{ color: #FFF !important; }
.pr-list li a:hover h4{ background-color: #0077ac; color: #FFF !important; }

.video{ width:1120px; height: auto; margin:0 auto; }
.video h3{width:1120px; height: 104px; background-image: url(../images/video-header.png); background-repeat: no-repeat; background-position: left top; border-bottom:1px solid #585858; margin-bottom:40px; padding-bottom: 20px; overflow: hidden;}
.video h3 a{ width:120px; height: 44px; line-height: 44px; float: right; margin-top: 60px; background-image: url(../images/news-btn-more.png); background-repeat: no-repeat; background-position: 120px center; padding-right:26px; text-align: center; font-weight: normal; }
.video h3 a:hover{ background-color: #0077ac; color: #FFF !important; background-image: url(../images/news-btn-more2.png);
 }
.video-form{ width: 1120px; height: 630px; position: relative; }
.video-form img{ width:1120px; }
.video-play{ width:100px; height: 100px; display: block; background-image: url(../images/play-btn.png); background-repeat: no-repeat; background-position: left top; position: absolute; left:50%; top:50%; margin-top: -50px; margin-left:-50px; }
.container-video{ background-image: url(../images/video.png); background-repeat: no-repeat; background-position: center top; height: 830px; }

.container-meishi{ background-image: url(../images/meishi.png); background-repeat: no-repeat; background-position: center top; height: 685px; }
.meishi{ width: 1120px; height: auto; padding-top:60px; }
.meishi h3{ width:1120px; height: 104px; margin-bottom:40px; background-image: url(../images/food-header.png); background-repeat: no-repeat; background-position: center top; }
.ms-cont{ width:1120px; height: 224px; }
.ms-cont .goLeft{ width:30px; height: 48px; float: left; display: block; background-image: url(../images/goLeft.png); background-repeat: no-repeat; background-position: left top; margin-top: 88px; display: inline; }
.ms-cont .goRight{ width:30px; height: 48px; float: left; display: block; background-image: url(../images/goright.png); background-repeat: no-repeat; background-position: left top; margin-top: 88px; display: inline;  }
.msc-cent{ width: 1020px; height: 224px; overflow: hidden; position: relative; float: left; margin-left:20px; margin-right: 20px;  }
.msc-list{ width: 1020px; height: 224px; position: absolute; left:0; top:0; }
.msc-list li{ width: 304px; height: 224px; float: left; margin:0 18px; display: inline; overflow: hidden; }
.msc-list li p{ width:304px; height: 184px; overflow: hidden; }
.msc-list li p img{ width:304px; height: 184px; }
.msc-list li h4{ width:304px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; font-weight: normal; font-size: 14px; background-color: #FFF; }
.ms-btn-more{ display: block; width:93px; height: 24px; margin:0 auto; background-image: url(../images/col-video-btn-more.png); background-repeat: no-repeat; background-position: left top; margin-top: 50px; }

.container-news{ background-color: #FFF; background-image: url(../images/news.png); background-repeat: no-repeat; background-position: center top; height: auto; }
.news{ width:1120px; height: auto; margin:0 auto; padding-bottom:50px; }
.news h3{width:1120px; height: 104px; background-image: url(../images/news-header.png); background-repeat: no-repeat; background-position: left top;/* border-bottom:1px solid #585858; margin-bottom:40px;*/ padding-bottom: 20px; overflow: hidden;}
.news h3 a{ width:120px; height: 44px; line-height: 44px; float: right; margin-top: 60px; background-image: url(../images/news-btn-more.png); background-repeat: no-repeat; background-position: 120px center; padding-right:26px; text-align: center; font-weight: normal; }
.news h3 a:hover{ background-color: #0077ac; color: #FFF !important; background-image: url(../images/news-btn-more2.png);
 }
.news-cont{ width: 1120px; height: auto; overflow: hidden; }
.nc-list{ width:684px; height: 284px; border-top: 1px dashed #e3e3e3; float: left; }
.nc-list li{ width: 684px; height: 50px; overflow: hidden; border-bottom:1px dashed #e3e3e3; cursor: pointer; padding-top: 14px; padding-bottom:6px; }
.nc-list li .nc-li-other{ width: 684px; height: 22px; line-height: 22px; overflow: hidden;  }
.nc-list li .nc-li-other p{ width:80px; height: 22px; line-height: 22px; float: left; color:#FFF; background-color: #aaa; text-transform: uppercase; text-align: center; margin-right:10px; display: inline; }
.nc-list li h4{ width:684px; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; font-weight: normal; }
.nc-list li.on .nc-li-other p,.nc-list li.curr .nc-li-other p{ background-color: #4d4d4d }
.nc-list li.on .nc-li-other h4 a,.nc-list li.curr .nc-li-other h4 a{ color: #4d4d4d; }
.nc-li-img{ display: none; }
.nc-imgs{ width: 376px; height: 282px; display: block; float: right; border:1px solid #d0d0d0; float: right; }
.nc-imgs p{ width: 376px; height: 240px; overflow: hidden; }
.nc-imgs p img{width:376px; height: 240px;}
.nc-imgs h4{ width: 376px; height: 42px; line-height: 42px; font-weight: normal; font-size: 14px; text-align: center; overflow: hidden; }

 