/*
 * @Category    Javascript + CSS
 * @Copyright   35.COM UI Library. All rights reserved. 
 * @author      EJ.Yeh <yeyj1@35.cn>
 * @Date        2011-06-28
 * @License     http://www.35.com
 */

@import url("basic.css");
body{background:url(../images/bg.jpg) repeat-x;}
.wrap{background:url(../images/bg-header.jpg) center top no-repeat;}
.width{width:980px;margin:auto;}

/*顶部*/
.header{height:130px;position:relative;}
.logo{float:left;background:url(../images/logo.gif);width:124px;height:72px;display:block;text-indent:-9999px;margin-top:20px;}
.top-nav{float:right;background:url(../images/top-nav.gif);width:516px;height:32px;}
.top-nav p{float:left;margin:6px 0 0 20px;color:#FFF;display:inline;}
.top-nav p a:link,.top-nav p a:visited{color:#FFF;}
.top-nav form{float:right;background:#FFF;width:194px;height:24px;border-top:1px solid #7AA301;border-left:1px solid #7AA301;margin:2px 5px 0 0;display:inline;}
.top-nav form input{border:0;}
.search-input{float:left;padding:6px 0 0 5px;width:160px;height:18px;color:#999;}
.search-btn{float:right;background:url(../images/search-btn.gif) no-repeat;width:20px;height:20px;margin:4px 0 0 3px;cursor:pointer;}
.nav{position:absolute;width:753px;top:50px;right:20px;}

/*首页新闻*/
.main{margin-top:10px;height:219px;background:url(../images/main-bg.jpg) repeat-x;}
.main-news{float:left;margin:15px 0 0 15px;width:455px;border-right:1px solid #DDD;padding-right:15px;display:inline;}
.main-news h1,.main-product h1{background:url(../images/main-title.gif) no-repeat;height:26px;margin-bottom:5px;overflow:hidden;}
.main-news dl{height:105px;}
.main-news dl dt{float:left;background:url(../images/main-news-pic.png);width:92px;height:92px;margin-right:10px;}
.main-news dl dd{height:85px;overflow:hidden;}
.main-news dl dd h2{padding:5px 0 8px 0;}
.main-news dl dd span{}
.main-news dl dd span a:link,.main-news dl dd span a:visited{color:#999;}
.main-news dl dt img{/*width:80px;height:80px;*/margin:6px 0 0 6px;}
.main-news ul{padding-left:15px;}
.main .main-news ul li{list-style:disc;margin-bottom:5px;color:#CCC;}
.main-news ul li span{float:right;color:#009900;}

/*首页产品*/
.main-product{float:left;margin:15px 0 0 15px;width:465px;height:200px;position:relative;overflow:hidden;}
.main-product h1{background-position:0 -30px;}
.main-product-left:link,.main-product-left:visited,.main-product-right:link,.main-product-right:visited{display:block;text-indent:-9999px;background:url(../images/main-product-btn.gif);width:18px;height:63px;position:absolute;top:50%;margin-top:-31px;}
.main-product-left:hover{background-position:-18px 0;}
.main-product-right:link,.main-product-right:visited{right:0;background-position:-36px 0;}
.main-product-right:hover{background-position:-54px 0;}
.main-product dl{margin:0 30px;}
.main-product dl dt{float:left;width:100px;padding-right:10px;text-align:center;}
.main-product dl dt img{float:right;}
.main-product dl dd h2{float:left;margin:20px 0 10px 0;}
.main-product dl dd h2 a:link,.main-product dl dd h2 a:visited{font-size:14px;}
.main-product dl dd span{margin-left:10px;font-weight:normal;}
.main-product dl dd p{float:left;color:#999;width:240px;height:35px;overflow:hidden;}
.main-product ul{position:absolute;left:140px;bottom:25px;}
.main-product ul li{float:left;border:1px solid #CCC;padding:1px 0 0 1px;background:#FFF;margin-right:5px;width:41px;height:41px;overflow:hidden;}
.main-product ul li img{width:40px;height:40px;}

/*左侧导航*/
.subnav{float:left;width:215px;border:1px solid #E8E8E8;background:#FFF;position:relative;}
.subnav-title{background:url(../images/subnav-bg.jpg) no-repeat 1px 1px;height:57px;padding:13px 0 0 10px;}
.subnav-title strong{font-size:18px;color:#FFF;font-family:"Microsoft YaHei";}
.subnav-title span{display:block;color:#BAE080;font-size:10px;margin-top:-2px;}
.subnav ul{padding:5px;}
.subnav ul li{border-bottom:1px solid #F0F0F0;padding-left:10px;height:23px;padding-top:2px;margin-top:5px;}
.subnav ul li a:link,.subnav ul li a:visited{display:block;text-indent:15px;color:#999;text-decoration:none;}
.subnav ul li a:hover,.subnav .subnav-select a:link,.subnav .subnav-select a:visited{background:url(../images/subnav-li.gif) no-repeat 2px 4px;font-weight:bold;color:#090;}

/*内容区块*/
.content-title{float:right;background:url(../images/content-bg.gif);width:746px;height:56px;position:relative;}
.content-title h1{font-size:22px;font-family:"Microsoft YaHei";color:#090;font-weight:normal;top:20px;left:25px;border-bottom:3px solid #99CC00;padding-bottom:10px;position:absolute;}
.content-title span{display:block;border-bottom:1px solid #E5E5E5;margin:0 25px;height:28px;text-align:right;padding-top:20px;font-family:"SimSun";color:#999;}
.content{float:right;width:694px;border:1px solid #E8E8E8;border-top:none;background:#FFF;padding:15px 25px;margin-bottom:15px;}

/*新闻广场*/
.news-list dl{border-bottom:1px dashed #DDD;padding-bottom:25px;margin-bottom:20px;}
.news-list dl strong{ background:#FF0;}
.news-list dl dt{float:left;background:url(../images/news-pic.gif);width:139px;height:97px;margin-right:25px;}
.news-list dl dt img{width:133px;height:91px;margin:3px 0 0 3px;}
.news-list dl dd h2{padding:8px 0 10px 0;} 
.news-list dl dd strong{font-size:14px;}
.news-list dl dd h2 a:link,.news-list dl dd h2 a:visited{font-size:14px;color:#090;}
.news-list dl dd span{float:right;color:#090;font-weight:normal;}
.news-list dl dd p{height:55px;overflow:hidden;}
.news-list dl dd p a:link,.news-list dl dd p a:visited{color:#999;}

.news-content h2{text-align:center;font-size:16px;color:#090;}
.news-content h3{color:#090;text-align:center;font-weight:normal;padding:10px 0 15px 0;border-bottom:1px solid #DDD;margin-bottom:20px;}
.news-content p{padding:10px;}

/*产品世界*/
.product-list dl{border-bottom:1px dashed #DDD;padding-bottom:25px;margin-bottom:20px;height:170px;position:relative;}
.product-list dl dt{float:left;margin-right:25px;width:120px;}
.product-list dl dt img{width:120px;height:172px;border:1px solid #DDD;padding:1px;}
.product-list dl dd{float:left;width:420px;}
.product-list dl dd h2{background:url(../images/product-title.gif);width:193px;height:20px;text-align:center;padding-top:3px;margin:5px 0 10px 0;}
.product-list dl dd h2 a:link,.product-list dl dd h2 a:visited{font-size:14px;color:#FFF;} 
.product-list dl dd h3{color:#CC6600;font-weight:normal;line-height:24px;padding-bottom:10px;border-bottom:1px dashed #E5E5E5;}
.product-list dl dd h3 span{color:#999;padding-right:10px;}
.product-list dl dd p{padding-top:10px;width:300px;line-height:22px;}
.product-list dl dd p strong{color:#090;}
.product-more:link,.product-more:visited{position:absolute;margin-top:-14px;top:50%;right:0;display:block;background:url(../images/product-more.gif);width:97px;height:29px;text-indent:-9999px;}
.product-more:hover{background-position:0 -30px;color:#FFF;}
.product-marquee{border-bottom:1px solid #E5E5E5;margin-bottom:25px;padding-bottom:10px;position:relative;height:180px;}
.product-marquee ul{width:11150px;margin-top:15px;padding-left:8px}
.product-marquee ul li{float:left;margin-left:15px;}
.product-marquee ul li img{height:140px;}

.product-content dl{padding-bottom:25px;margin-bottom:20px;height:270px;background:url(../images/product-bg.jpg) repeat-x bottom;}
.product-content dl dt{float:left;position:relative;margin:10px 25px 0 25px;display:inline;}
.product-content dl dt img{width:200px;height:250px;border:1px solid #CCC;}
.product-content-zoom{position:absolute;bottom:3px;left:3px; cursor:pointer; background:url(../images/zoom.gif);width:21px;height:21px;}
.product-content dd{float:left;width:420px;margin-top:10px;}
.product-content dd h2{background:url(../images/product-title.gif);width:193px;height:20px;text-align:center;padding-top:3px;margin:5px 0 10px 0;}
.product-content dl dd h2 a:link,.product-content dl dd h2 a:visited{font-size:14px;color:#FFF;} 
.product-content dd h3{color:#CC6600;font-weight:normal;line-height:24px;padding-bottom:10px;border-bottom:1px dashed #E5E5E5;}
.product-content dd h3 span{color:#999;padding-right:10px;}
.product-content dl dd p{padding-top:10px;width:300px;line-height:22px;}
.product-content dl dd p strong{color:#090;}
.product-detail img{border:1px solid #DDD;}

/*营养贴士*/
.tips-product{}
.tips-product li{float:left;margin-right:10px;text-align:center;}
.tips-product li span{width:132px;background:#F0F0F0;border:1px solid #E5E5E5;display:block;padding:3px 0 1px 0;}

/*营养贴士*/
.tips h1{font-size:24px;font-family:"Microsoft Yahei";padding:2px 0 5px 0;margin:10px 0 5px 0;padding-left:10px;}
.tips p{line-height:24px;padding:10px 0;color:#999;font-size:14px;}
.tips p strong{font-weight:normal;font-size:14px;}
.tips h5{float:left;margin:0 20px;display:inline;}
.tips h6{float:right;margin:0 20px;display:inline;}
/*营养贴士 风格1*/
.tips1 h1{border-left:5px solid #EE7524;color:#EE7524;}
.tips1 p strong{color:#EE7524;}
/*营养贴士 风格2*/
.tips2 h1{border-left:5px solid #E2241A;color:#E2241A;}
.tips2 p strong{color:#E2241A;}
/*营养贴士 风格3*/
.tips3 h1{border-left:5px solid #428B15;color:#428B15;}
.tips3 p strong{color:#428B15;}
/*营养贴士 风格4*/
.tips4 h1{border-left:5px solid #E18B02;color:#E18B02;}
.tips4 p strong{color:#E18B02;}

/*团队建设*/
/*人才招聘*/
.talent{background:url(../images/talent-bg.jpg) no-repeat 0 -10px;padding-top:128px;}
.talent h1{background:url(../images/h1-bg.jpg) repeat-x;height:24px;color:#FFF;font-size:14px;padding:6px 0 0 10px;}

.talent-list{padding-bottom:20px;}
.talent-list-title,.talent-list .talent-list-title:hover{background:#F0F0F0;}
.talent-list li{height:23px;padding-top:7px;border-bottom:1px dashed #E5E5E5;}
.talent-list li:hover{background:#FFFFE8}
.talent-list h2,.talent-list h3,.talent-list h4,.talent-list h5{float:left;font-weight:normal; text-indent:10px;}
.talent-list h2{width:300px;}
.talent-list h3{width:150px;}
.talent-list h4{width:60px;text-align:center;}
.talent-list h5{}

.talent p{padding:10px;line-height:26px;}
.talent-submit{border-top:1px solid #99CC00;text-align:center;padding-top:10px;clear:both;}
.talent-btn{background:url(../images/btn-2.gif);width:146px;height:29px;border:0;color:#FFF;font-weight:bold;font-size:14px;cursor:pointer;}
.talent-content{height:120px;}
.talent-content li{float:left;width:346px;border-bottom:1px dashed #E5E5E5;height:28px;padding-top:10px; text-indent:10px;color:#090;}
.talent-content li span{color:#999;}

.talent-form{padding:5px 0 25px 0;}
.talent-form h2{float:left;width:100px;text-align:right;font-weight:normal;color:#999;}
.talent-form .span{float:left;width:240px;}
.talent-form li{clear:both;height:20px;padding-top:10px;}
.talent-form li input,.talent-form li textarea{border:1px solid #CCC;padding:3px 5px 0 3px;}
/*组织机构*/
.tab{background:url(../images/border.jpg) repeat-x bottom;height:31px;margin-bottom:20px;}
.tab li{float:left;margin-right:1px;}
.tab li a:link,.tab li a:visited{display:block;background:url(../images/tab.gif);width:109px;height:24px;text-align:center;text-decoration:none;font-size:14px;color:#666;padding-top:7px;}
.tab li a:hover,.tab .tab-select a:link,.tab .tab-select a:visited{background-position:0 -31px;font-weight:bold;color:#090;}

/*营销网络*/
/*客户服务*/
.marketing-service{text-align:center;}
.marketing-service span{float:left; text-align:left;padding:10px 0 0 20px;line-height:24px;border:1px solid #E6E6E6;display:block;width:268px;height:150px;margin:15px 15px 0 0;}
/*视频下载*/
.marketing-video{}
.marketing-video dl{float:left;position:relative;width:265px;height:230px;margin:5px 50px 15px 30px;display:inline;}
.marketing-video dl dt{height:25px;color:#000;}
.marketing-video dl dd{background:#F0F0F0;}
.marketing-video dl dd h2{text-align:center;padding:5px 0;color:#CCC;font-weight:normal;}
.marketing-video dl dd h2 a:link,.marketing-video dl dd h2 a:visited{color:#090;}
.marketing-video-play{position:absolute;left:100px;top:75px;}

/*联系我们*/
/*联系方式*/
.contact{background:url(../images/contact-bg.jpg) no-repeat 0 -10px;padding-top:128px;}
.contact h1{background:url(../images/h1-bg.jpg) repeat-x;height:24px;color:#FFF;font-size:14px;padding:6px 0 0 10px;}
.contact p{padding:20px;line-height:24px;}
/*站点地图*/
.sitemap{background:url(../images/sitemap-bg.jpg) no-repeat 0 -10px;padding-top:128px;}
.sitemap ul{border-top:1px solid #E5E5E5;padding-top:10px;}
.sitemap ul li{color:#CCC;border-bottom:1px dashed #E5E5E5;height:35px;margin-bottom:8px;}
.sitemap ul li h1,.sitemap ul li h2{float:left;background:#D9F0D9;width:80px;text-align:center;color:#090;padding:5px 0 3px 0;margin-right:5px;}
.sitemap ul li a:link,.sitemap ul li a:visited{float:left;margin-top:5px;width:80px;display:block;border-right:1px solid #E5E5E5;text-align:center;}
.sitemap ul li h2{background:#F0F0F0;}

/*翻页样式*/
.pages{text-align:center;clear:both;}
.pages a:link,.pages a:visited{border:1px solid #DDD;padding:3px 5px;margin:0 2px;text-decoration:none;}
.pages a:hover{border-color:#090;}

/*版权*/
.footer{border-top:1px solid #DDD;padding-top:15px;height:90px;color:#999;clear:both;}
.footer h1{color:#090;padding-bottom:8px;}
.footer h1 a:link,.footer h1 a:visited{color:#090;}
.footer span a:link,.footer span a:visited{color:#999; text-decoration:underline;}
.footer .flink{float:right;cursor:pointer;}

/*按钮*/
.more:link,.more:visited{display:block;background:url(../images/btn-1.gif);width:79px;height:20px;color:#333;font-weight:normal;text-align:center;text-decoration:none;padding-top:2px;}
.more:hover{background-position:-80px 0;color:#FFF;}
.new:link,.new:visited{display:block;background:url(../images/new.gif);width:35px;height:35px;text-indent:-9999px;position:absolute;}

/*内容模板1*/
.template1 h1,.template1 h2{font-size:16px;color:#090;font-family:"Microsoft Yahei";padding:5px 0;}
.template1 h2{text-align:center;}
.template1 p{line-height:22px;padding:10px 0;color:#999;}
.template1 p strong{color:#090;font-weight:normal;}
.template1 h5{float:left;margin:0 20px;display:inline;}
.template1 h6{float:right;margin:0 20px;display:inline;}

/*2011-7-25修改*/
.content{line-height:22px;}
.template1 p{color:#666;}

.bg-left{background:url(../images/bg-left.png);width:260px;height:284px;position:absolute;top:0;left:0;}
.bg-right{background:url(../images/bg-right.png);width:450px;height:107px;position:absolute;top:0;right:0;}
.main{background:none;height:360px;}

.index-left{float:left;width:632px;}
.index-right{float:right;width:318px;}

.index-product{float:left;background:url(../images/index-product.jpg);width:632px;height:121px;position:relative;overflow:hidden;}
.index-product-left,.index-product-right{background:url(../images/index-product-nav.gif);width:13px;height:25px;cursor:pointer;position:absolute;top:45px;}
.index-product-left{left:10px;}
.index-product-right{background-position:-13px 0;right:10px;}
.index-product-left:hover{background-position:0 -25px;}
.index-product-right:hover{background-position:-13px -25px;}
.index-product ul{padding:10px 0 0 25px;width:11150px;height:90px;overflow:hidden;}
.index-product ul li{float:left;margin-right:50px;}
.index-product ul li img{height:90px;}
.index-about{float:left;background:url(../images/index-about.png);width:311px;height:223px;position:relative;}
.index-about a:link,.index-about a:visited{color:#666;}
.index-about dt{margin:58px 0 0 22px;}
.index-about dd{margin:15px 0 0 22px;width:270px;}
.index-news{float:right;background:url(../images/index-news.png);padding:60px 25px 0 25px;width:260px;height:163px;}
.index-news a:link,.index-news a:visited{color:#090;}
.index-news p{display:block;margin:10px 0;border-bottom:1px dashed #DBDBDB;padding-bottom:10px;color:#999;}
.index-news ul li{height:22px;}
.index-news ul li span{float:right;color:#999;}
.index-more{background:url(../images/more.png);width:55px;height:35px;position:absolute;right:6px;bottom:18px;}
.index-tvc{background:url(../images/index-tvc.jpg);width:318px;height:347px;}
.tvc{float:left;padding:50px 0 0 32px;}
.tvc p{text-align:center;margin:10px 0;}
.tvc p a:link,.tvc p a:visited{font-size:14px;color:#FFF;font-weight:bold;}
.index-tvc ul{clear:both;margin:auto;padding-top:10px;width:120px;}
.index-tvc ul li{float:left;}
.index-tvc ul li a:link,.index-tvc ul li a:visited{background:url(../images/index-tvc-nav.gif);display:block;width:30px;height:23px;padding-top:7px; text-align:center;font-weight:bold;color:#FFF;text-decoration:none;}
.index-tvc ul li a:hover,.index-tvc .tvc-select a:link,.index-tvc .tvc-select a:visited{background-position:-30px 0;color:#090;}