/* 
 * @description: 大北农集团
 * @author: fuge.wu
 * @update: fuge.wu (2015-5-15 09:44:05) 
*/

@charset "utf-8";

/* base */
body{ font:12px/1.5 "宋体",Verdana; background: #f7f7f7 url(../images/bg.gif) repeat-x; color:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
li{ list-style-type:none;}
img{ vertical-align:top; border:0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6,input{ font-size:12px; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}

/* public */
.fb{ font-weight:bold;}
.left{ float:left;}
.right{ float:right;}
.t_center{ text-align:center;}
.clear{ zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.hied{ display:none;}
.border{ border:1px solid #e8e8e8;}

/* width */
.w960{ width:960px; margin:0 auto;}

/* font color */
.red{ color:#b40000;}
.green{ color:#157200;}
.gray{ color:#999;}
.gray a{ color:#999;}
.gray_d{ color:#333;}
.yellow_l{ color:#ff6f3d;}

/* font link */
a{ text-decoration:none; color:#666;}
a:hover { text-decoration:underline; color:#ff6f3d;}

/* font size */
.f14{ font-size:14px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}

/* font family */
.arial{ font-family:Arial;}
.yahei{ font-family:"微软雅黑";}

/* box */
.box10,.box30{ clear:both; overflow:hidden;}
.box10{ height:10px;}
.box30{ height:30px;}

/* padding */
.p10{ padding:10px;}

/* img 100% */
.i_focus img,.co_list li img,.news .pic img,.subject .pic img,.co_music img,.co_list2 .pic img,.co_details .culture img{ width:100%;}

/* icon */
.weixin_menu li,.weixin_menu li span,.banner .btn a,.banner .switch li,.i_focus .text,.i_title .more,.sidebar li,.timeline span,.timeline li,.co_down,.co_read a,.co_reader li,.co_local .map,.notice li,.in_form .submit{ background:url(../images/icon.png) no-repeat;}

/* weixin menu */
.weixin_menu{ height:36px;}
.weixin_menu li{ float:left; line-height:34px; border-left:1px solid #eee; padding:0 5px 0 26px; display:inline; cursor:pointer; position:relative; z-index:100;}
.weixin_menu li span{ display:block; width:4px; height:4px; overflow:hidden; background-position:0 -80px; position:absolute; bottom:0; right:1px;}
.weixin_menu img{ position:absolute; top:29px; left:-1px; display:none; z-index:99;}
.weixin_menu a{ display:block; margin-left:-26px; padding-left:26px;}
.weixin_menu .on{ background-color:#f1f1f1; color:#ff6f3d;}
.weixin_menu .icon0{ background-position:4px 11px;}
.weixin_menu .icon1{ background-position:6px -19px;}
.weixin_menu .icon2{ background-position:6px -46px;}

/* logo */
.logo{ height:82px;}

/* nav */
.nav{ line-height:45px; margin-top:1px; position:relative; z-index:90;}
.nav ul li{ float:left;}
.nav ul a{ padding:0 8px; display:block; color:#fff !important;}
.nav ul .on a,.nav ul .on2 a{ background-color:#ed5f30; text-decoration:none !important;}
.nav ol{ display:none; min-width:108px; _width:112px; position:absolute; z-index:99; top:45px; background-color:#fff; border:1px solid #e3dfd8; border-top:0; line-height:36px; overflow:hidden; _overflow:visible;}
.nav ol li{ padding:0 12px; border-top:1px solid #f4edd9; margin-top:-2px; white-space:nowrap;}

/* banner */
.banner{ width:100%; height:410px; margin:0 auto; position:relative; z-index:1; overflow:hidden;}
.banner .btn{ margin-top:186px;}
.banner .btn a{ display:block; width:20px; height:38px;}
.banner .btn .left_btn{ background-position:0 -140px;}
.banner .btn .right_btn{ background-position:-38px -140px;}
.banner .switch{ margin-top:160px;}
.banner .switch ul{ float:right;}
.banner .switch li{ width:10px; height:10px; float:left; margin-right:5px; display:inline; background-position:0 -98px; cursor:pointer;}
.banner .switch .on{ background-position:-15px -98px;}
.banner .w960{ position:relative; z-index:2;}
.banner .pic li{ width:1920px; position:absolute; top:0; left:50%; margin-left:-960px; display:none;}

/* stock */
.stock{ padding:6px 0px 6px 10px; margin:10px auto; background-color:#fff;}

/* index */
.index .border{ background-color:#fff; overflow:hidden;}
.i_sidebar{ width:330px;}
.i_focus{ height:184px; position:relative;}
.i_focus .pic ul{ width:324px; height:180px; overflow:hidden; position:absolute; left:2px; top:2px;}
.i_focus .pic ul li{ display:none;}
.i_focus .pic ol{ position:absolute; right:0; bottom:9px; z-index:2;}
.i_focus .pic ol li{ float:left; width:18px; height:18px; line-height:18px; margin-right:5px; display:inline; color:#8f8f8f; text-align:center; overflow:hidden; font-family:Arial; cursor:pointer;}
.i_focus .pic ol .on{ background-color:#ea0000; color:#fff;}
.i_focus .line{ width:324px; left:2px; bottom:2px; position:absolute; height:34px; background:#000; filter:alpha(opacity:60); opacity:0.6;}
.i_focus .text{ height:22px; line-height:22px; padding-left:30px; background-position:10px -206px; position:absolute; left:2px; bottom:8px;}
.i_focus .text a{ color:#fff !important;}
.i_focus .text li{ display:none;}
.i_special{ padding:0 10px 14px 10px;}
.i_title{ background:url(../images/line.gif) repeat-x 0 bottom; padding:6px 0;}
.i_title .more{ background-position:26px -235px; margin-top:6px; padding-right:16px;}
.i_ad .pic{ display:block; margin:16px 0 15px 0;}
.i_column{ width:620px;}
.i_column .border{ width:280px; padding:0 10px;}
.i_list{ line-height:28px; margin:3px 0 2px 0;}

/* content */
.content{ margin-top:10px;}
.content .border{ background-color:#fff;}

/* sidebar */
.sidebar{ width:250px;}
.sidebar h2{ line-height:46px; padding-left:20px;}
.sidebar li{ font-size:14px; line-height:38px; border-top:1px solid #e6e9ed; padding-left:40px; background-position:28px -254px;}
.sidebar .on a{ color:#ff6f3d;}
.sidebar .b_parent{ border-bottom:1px solid #e6e9ed; background-position:28px -732px;}
.sidebar .button,.sidebar .button li{ background:none; font-size:12px; border:0; padding-left:26px; line-height:36px;}

/* column */
.column{ width:690px;}
.co_local,.co_reader{ padding:8px 0 10px 0; border-bottom:1px solid #e8e8e8; color:#999; overflow:hidden;}
.co_local span{ padding:0 20px 0 20px; color:#666;}
.co_local a{ color:#999;}
.co_local a:hover{ color:#ff6f3d;}
.co_local .map{ margin:10px 28px 0 0; padding-left:16px; background-position:0 -587px;}
.co_local .tab{ background-position:0 -615px; _background-position:0 -616px;}
.co_details{ padding:20px; line-height:24px;}
.co_details p{ min-height:22px; _height:22px;}
.co_details .culture{ width:650px; position:relative;}
.co_details .culture a{ display:block; position:absolute; top:0; width:50%; height:100%; top:0; z-index:9; background:#fff; opacity:0; filter:Alpha(opacity=0);}
.co_details .btn_left{ left:0; cursor:url(../images/arr_left.cur), auto;}
.co_details .btn_right{ right:0; cursor:url(../images/arr_right.cur),auto;}
.co_details2 ul{ width:650px; overflow:hidden;}
.co_details2 li{ border-top:1px solid #e6e6e6; margin-top:-1px;}
.co_details2 a{ display:block; height:40px; line-height:40px; padding:0 10px; overflow:hidden;}
.co_details2 a:hover{ background-color:#e6e6e6; color:#999; text-decoration:none;}
.co_menu{ background:url(../images/line3.gif) repeat-x 0 bottom; margin-bottom:30px;}
.co_menu li{ float:left; width:110px; padding:2px 0; margin-right:5px; display:inline; background-color:#f2f2f4; border-radius:3px 3px 0 0; border:1px solid #d8d9d9; border-bottom:1px solid #d8d9d9;}
.co_menu .on{ background-color:#fff; font-weight:bold; border-bottom:1px solid #fff;}
.co_menu .on a{ color:#ff6f3d;}
.co_list li{ width:300px; height:166px; margin-bottom:22px; border:1px solid #e7eaee; position:relative; overflow:hidden;}
.co_list .bg{ display:block; width:100%; height:26px; background-color:#000; opacity:0.7; filter:alpha(opacity:70); position:absolute; bottom:0; left:0;}
.co_list .text{ color:#fff; position:absolute; bottom:1px; left:12px;}
.co_list2{ width:650px; overflow:hidden;}
.co_list2 ul{ width:670px;}
.co_list2 li{ float:left; text-align:center; margin:0 20px 16px 0; display:inline;}
.co_list2 .pic{ display:block; width:145px; height:95px; border:1px solid #e6e9ed; overflow:hidden;}
.co_journey p{ min-height:22px; _height:22px;}
.co_title{ padding:12px 20px; border-bottom:1px solid #e6e9ed;}
.co_title .about{ margin:5px 0;}
.co_down{ border-bottom:1px solid #e6e9ed; margin-top:20px; padding:0 0 22px 32px; background-position:20px -429px;}
.co_share{ margin:20px; line-height:14px;}
.co_read a{ display:block; width:104px; height:34px; margin:20px 0; background-position:0 -480px;}
.co_player{ width:650px; height:44px; margin:0 auto;}
.co_oath{ background-color:#f0f0f0; line-height:32px; padding:16px 24px; margin-bottom:20px;}
.co_music{ width:650px; overflow:hidden;}
.co_music ul{ width:666px;}
.co_music li{ float:left; border:1px solid #e8e8e8; margin:15px 15px 0 0; padding:2px; display:inline; position:relative;}
.co_music .pic{ display:block; width:145px; height:80px; overflow:hidden;}
.co_music .bg{ display:block; width:145px; height:22px; background-color:#000; filter:alpha(opacity:70); opacity:0.7; position:absolute; bottom:2px; z-index:1;}
.co_music .text{ color:#fff !important; position:absolute; left:8px; bottom:1px; z-index:2;}
.co_reader{ padding:14px 20px;}
.co_reader li{ float:left; width:16px; height:16px; margin-left:20px; display:inline; overflow:hidden; cursor:pointer;}
.co_reader .icon0{ background-position:0 -548px;}
.co_reader .icon1{ background-position:-35px -549px;}
.co_reader .icon2{ background-position:-72px -549px;}
.co_reader .icon3{ background-position:-106px -548px;}
.co_reader .icon4{ background-position:-145px -548px;}
.co_reader .icon5{ background-position:-178px -548px;}

.co_reader2{ width:690px; color:#333; border-bottom:1px solid #e8e8e8; padding:8px 0; position:relative;}
.co_reader2 .icon0{ padding-left:20px; position:absolute; left:15px; top:15px; background-position:0 -746px;}
.co_reader2 .icon1{ padding-left:16px; background-position:0 -775px;}
.co_reader2 .icon2{ padding-left:12px; background-position:1px -798px;}
.co_reader2 .icon3{ padding-right:12px; background-position:42px -820px;}
.co_reader2 ul{ position:absolute; right:15px; top:15px;}
.co_reader2 li{ float:left; margin-left:20px; display:inline;}
.co_reader2 a{ color:#cecece;}

/* contact us */
.contact{ background-color:#fff; margin-top:10px; padding:30px;}
.c_us{ margin-bottom:20px;}
.c_us .map{ width:500px; height:280px;}
.c_us .info{ width:430px; line-height:24px;}
.c_us .name{ margin-bottom:12px;}
.c_weixin .name{ border-bottom:1px solid #e6e9ed; padding:16px 0;}
.c_weixin .pic{ margin:28px 0 20px 0;}

/* web group */
.group{ padding-top:0;}
.g_web{ margin-bottom:16px;}
.g_list{ line-height:22px; padding-top:6px;}
.g_list li{ width:186px; float:left;}
.g_list a{ color:#ff6f3d;}

/* footer */
.footer{ width:100%; background-color:#fff; margin-top:40px;}
.footer .w960{ height:26px; padding:16px 0; background:url(../images/footer.gif) no-repeat 0 16px; overflow:hidden;}
.footer ul{ float:right; margin:5px -12px 0 0;}
.footer li{ float:left; background:url(../images/line2.gif) repeat-y right 0; margin-left:12px; padding-right:12px;}

/* page */
.page{ font-family:Verdana; height:26px; padding:8px 0;}
.page ul{ float:right;}
.page li{ float:left;}
.page a{ display:block; color:#000 !important; border:1px solid #ddd; margin-left:6px; line-height:24px; padding:0 8px;}
.page .on a,.page a:hover{ background-color:#ff6f3d; border:1px solid #ff6f3d; color:#fff !important;}
.page a:hover{ text-decoration:none;}

/* timeline */
.timeline{ width:598px; margin:0 auto 38px auto; background:url(../images/timeline.gif) no-repeat 0 bottom; position:relative;}
.timeline .year{ width:580px; height:50px; margin:0 auto; overflow:hidden; position:relative; z-index:1;}
.timeline span{ display:block; width:64px; height:24px; background-position:0 -310px; position:absolute; top:38px; left:5px; cursor:pointer; z-index:9;}
.timeline ul{ width:1000px; position:absolute; left:0; top:2px;}
.timeline li{ float:left; width:32px; height:28px; padding-bottom:20px; margin:0 50px; display:inline; background-position:-58px -350px; cursor:pointer;}
.timeline .on{ background-position:9px -350px; color:#ff6f3d; font-weight:bold;}

/* news */
.news{ background:url(../images/line.gif) repeat-x 0 bottom; padding:0 5px 20px 5px; margin-bottom:20px;}
.news h2 a{ color:#ff6f3d;}
.news span{ display:block; line-height:20px; margin-bottom:2px;}
.news p{ line-height:20px;}
.news .left{ width:110px;}
.news .right{ width:520px; margin-top:-2px;}
.news .pic{ display:block; width:105px; height:80px; overflow:hidden;}

/* subject */
.subject li{ margin-bottom:20px;}
.subject .pic{ display:block; width:300px; height:165px; margin:2px; overflow:hidden;}
.subject .text{ display:inline-block; margin:6px 0;}
.subject span{ display:block; width:304px; text-align:center;}

/* tab list */
.tab_list{ padding:20px 0; line-height:22px;}
.tab_list table{ width:650px; margin:0 auto 10px auto; text-align:center;}
.tab_list td{ height:46px; padding:2px 0;}
.tab_list thead td{ color:#333; background-color:#e9e9e9; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.tab_list tbody td{ border-bottom:1px solid #d6d6d6; vertical-align:top; cursor:pointer;}
.tab_list .on td{ background-color:#f4f4f4;}
.tab_list .hover td{ background-color:#efefef;}

/* map list */
.map_list{ width:650px; height:420px; margin:20px auto;}

/* information */
.information{ width:650px; margin:10px auto 0 auto; line-height:30px;}
.information table{ width:100%; background:#fff;}
.information table th{ width:72px; padding-left:28px; background:#e4e4e4; text-align:left;}
.information table td{ padding-left:10px; background:#f8f8f8;}

/* notice */
.notice{ line-height:26px;}
.notice li{ height:26px; background-position:0 -645px; padding-left:32px;}
.notice span{ color:#999; font-size:12px; font-family:Arial;}
.notice .line{ height:20px; background:url(../images/line.gif) repeat-x 0 bottom; margin-bottom:20px;}

/* interact */
.interact .i_title{ padding:0 0 6px 0; margin-bottom:10px;}
.in_form td{ padding:6px 6px 6px 0; vertical-align:top;}
.in_form .text,.in_form textarea{ width:480px; border:1px solid #e6e9ed; padding:5px; color:#bfbfbf; margin-left:5px; font-size:12px;}
.in_form textarea{ overflow:auto; height:100px;}
.in_form .submit{ width:74px; height:34px; border:0; cursor:pointer; background-position:0 -690px;}

/* name2 */
.name2{ border-bottom:1px solid #e8e8e8; padding:8px 0;}

/* product */
.product{ background-color:#fff; padding:0 10px;}
.p_btn{ padding:20px 0; width:938px; overflow:hidden;}
.p_btn ul{ width:1000px;}
.p_btn li{ float:left; margin-right:40px; display:inline;}
.p_btn a{ display:block; width:58px; padding-top:50px; background-image:url(../images/product.gif); background-repeat:no-repeat;}
.p_btn a:hover{ background-image:url(../images/product_hover.gif);}
.p_btn .icon1{ background-position:-96px 0;}
.p_btn .icon2{ background-position:-192px 0;}
.p_btn .icon3{ background-position:-288px 0;}
.p_btn .icon4{ background-position:-384px 0;}
.p_btn .icon5{ background-position:-480px 0;}
.p_btn .icon6{ background-position:-576px 0;}
.p_btn .icon7{ background-position:-672px 0;}
.p_btn .icon8{ background-position:-768px 0;}
.p_btn .icon9{ background-position:-864px 0;}


.co_li li{ width:300px; padding:20px; border:1px solid #E7EAEE; margin-bottom:20px;　}
.co_li p{ line-height:30px;}
.co_li a{ color:#ff6f3d;}