@charset "utf-8";
/* CSS Document */
body{ background:url(bg-index.jpg) repeat-x top;}
#bg_bot{ background:url(bg-bot-index.jpg) repeat-x bottom;}

.width{width:1040px;}
#wrap{width:100%; min-width:1040px;}

#header #logo{ margin-left:8px;}

#c_banner{ margin-right:8px;}

#nav #nav_ul{ padding-left:8px; width:1032px;}

#banner{ margin-bottom:0px;}

#index .news2{ float:left; width:1040px;}
#index .news2 .title{ float:left; width:146px; height:76px; line-height:76px; overflow:hidden;}
#index .news2 .content{ float:left; padding:0px; width:894px; height:76px; overflow:hidden;}
#index .news2 .content .contentbg{ margin:0px; width:894px; overflow:hidden;}
#index .news2 .content .contentbg ul{ width:894px;}
#index .news2 .content .contentbg ul li{ float:left; width:auto; height:76px;}
#index .news2 .content .contentbg ul li .font{ background:none; margin:0px; padding-left:15px; padding-right:15px; width:auto; height:70px; line-height:70px; margin-top:6px; text-align:left; font-size:14px;}

#index .product_class{ float:left; width:306px;}
#index .product_class .content{ padding:16px 36px; padding-right:53px; padding-bottom:0px; width:217px; height:420px; overflow:hidden; background:url(product-class-bg.jpg) no-repeat;}
#index .product_class .content ul li{ width:217px; height:44px; line-height:44px; background:url(p-c-li.jpg) no-repeat; margin-bottom:2px;}
#index .product_class .content ul li .font{ background:none; padding-left:59px; padding-right:11px; margin-left:0px; width:147px; height:44px; line-height:44px; color:#fff; font-size:14px;}
#index .product_class .content ul li .font a{ color:#fff;}
#index .product_class .content ul li .font a:hover{ color:#fff; text-decoration:none;}
#index .product_class .content .p_more{ width:196px; height:44px; line-height:44px; background:url(p-c-more.jpg) no-repeat; margin-bottom:2px; color:#fff; font-size:14px; padding-left:21px;}
#index .product_class .content .p_more a{ color:#fff; display:block;}
#index .product_class .content .p_more a:hover{ color:#fff; text-decoration:none;}

#index .product .title .title_content .content_more{ margin-top:50px; padding-right:34px;}
#index .product{ float:right; width:734px;}
#index .product .content{ padding:16px 0px; padding-bottom:40px; padding-right:20px; width:714px; background:url(product-bg.jpg) no-repeat; height:380px; overflow:hidden;}
#index .product .content .marquee{ padding:0px; width:714px;}
#index .product .content .marquee ul li{ width:212px; padding-left:13px; padding-right:13px;}

#index .product .content .marquee .productitem.product0{padding:0px; width:714px; height:190px; overflow:hidden;}
#index .product .content .marquee .productitem.product0 .img{ width:210px; height:151px; border:1px solid #e1e1e1;}
#index .product .content .marquee .productitem.product0 .img_content{ width:200px; height:141px; margin:5px; text-align:center; overflow:hidden;}
#index .product .content .marquee .productitem.product0 .font{ margin:0px; padding:0px; background:none; width:212px; height:32px; line-height:32px; text-align:center; overflow:hidden; margin-bottom:5px; font-size:14px;}

#index .product .content .marquee .productitem.product1{padding:0px; width:714px; height:190px; overflow:hidden;}
#index .product .content .marquee .productitem.product1 .img{ width:210px; height:151px; border:1px solid #e1e1e1;}
#index .product .content .marquee .productitem.product1 .img_content{ width:200px; height:141px; margin:5px; text-align:center; overflow:hidden;}
#index .product .content .marquee .productitem.product1 .font{ margin:0px; padding:0px; background:none; width:212px; height:32px; line-height:32px; text-align:center; overflow:hidden; margin-bottom:5px; font-size:14px;}

#index .news .title .title_content .content_more{ margin-top:30px; padding-right:0px;}
#index .news{ float:left; width:488px;}
#index .news .content{ padding:27px 8px; padding-right:0px; padding-bottom:0px; width:480px; height:259px; overflow:hidden;}
#index .news .content ul.ul_top{ width:480px; height:78px; overflow:hidden; margin-bottom:15px;}
#index .news .content ul.ul_top li{ width:480px; height:78px;}
#index .news .content ul.ul_top li .timex1{ float:left; width:85px; height:78px; overflow:hidden; background:url(new-time.jpg) no-repeat;}
#index .news .content ul.ul_top li .timex1 .day{ margin-top:12px; width:85px; height:34px; line-height:34px; text-align:center; font-size:30px; font-weight:bold; color:#5c5c5c;}
#index .news .content ul.ul_top li .timex1 .year{ width:85px; height:22px; line-height:22px; margin-bottom:10px; text-align:center; font-size:18px; font-weight:normal; color:#919191;}
#index .news .content ul.ul_top li .fonttext{ float:left; margin-left:13px; width:382px; height:78px; overflow:hidden;}
#index .news .content ul.ul_top li .fonttext .fontx1{ background:none; margin:0px; padding:0px; width:382px; height:26px; line-height:26px; text-align:left; color:#333; font-weight:bold; font-size:14px; overflow:hidden; margin-bottom:8px;}
#index .news .content ul.ul_top li .fonttext .fontx1 a{ color:#333;}
#index .news .content ul.ul_top li .fonttext .fontx1 a:hover{ color:#333; text-decoration:none;}
#index .news .content ul.ul_top li .fonttext .text{ width:382px; height:44px; overflow:hidden;}
#index .news .content ul.ul_top li .fonttext .textbg{ width:382px; height:44px; overflow:hidden; line-height:22px;}
#index .news .content ul.ul_top li .fonttext .textbg p{ line-height:22px;}
#index .news .content ul.ul_bot{ width:480px; height:130px; overflow:hidden;}
#index .news .content ul.ul_bot li{ width:480px; height:26px;}
#index .news .content ul.ul_bot li .timex2{ background:url(box.jpg) no-repeat left center; padding-left:10px; width:80px; text-align:left; height:26px; line-height:26px; overflow:hidden; float:left; display:block;}
#index .news .content ul.ul_bot li .font{ float:left; background:none; margin:0px; padding:0px; text-align:left; width:292px; height:26px; line-height:26px; overflow:hidden;}

#f_banner{ width:147px; height:219px; overflow:hidden;}
#f_banner #f_banner_index{ width:147px; height:219px; overflow:hidden;}

#index .aboutus .title .title_content .content_more{ margin-top:30px; padding-right:0px;}
#index .aboutus{ float:right; width:511px; margin-left:41px;}
#index .aboutus .content{ padding:0px; padding-top:27px; width:511px; height:259px; overflow:hidden;}
#index .aboutus .content .imgx{ float:left; width:147px; height:219px; overflow:hidden; margin-bottom:40px;}
#index .aboutus .content .text{ float:right; width:338px; height:216px; overflow:hidden; margin-bottom:40px; margin-right:8px; line-height:24px;}
#index .aboutus .content .text .textbg{ width:338px; height:216px; overflow:hidden; line-height:24px;}
#index .aboutus .content .text .textbg p{ line-height:24px;}

#index .case .title .title_content .content_more{ margin-top:30px; padding-right:10px;}
#index .case{ float:left; width:1040px; margin-bottom:61px;}
#index .case .casebox{ padding:15px 8px; padding-bottom:0px; width:1024px; height:193px; overflow:hidden;}
#index .case .casebox .btleft{ float:left; background:url(left.jpg) no-repeat left center; width:37px; height:193px; overflow:hidden;}
#index .case .casebox .casebox_content{ margin:0px 18px; width:912px; float:left; height:193px; overflow:hidden;}
#index .case .casebox .casebox_content ul{ width:912px;}
#index .case .casebox .casebox_content ul li{ float:left; width:212px; padding-left:8px; padding-right:8px;}
#index .case .casebox .casebox_content ul li .img{ width:212px; height:153px; overflow:hidden; background-color:#eaeaea; margin-bottom:5px;}
#index .case .casebox .casebox_content ul li .img_content{ margin:0px; width:212px; height:153px; text-align:center; overflow:hidden;}
#index .case .casebox .casebox_content ul li .fontx{ background:none; background-color:#004378; color:#fff; font-size:14px; margin:0px; padding-left:5px; padding-right:5px; width:202px; height:35px; line-height:35px; text-align:center; overflow:hidden;}
#index .case .casebox .casebox_content ul li .fontx a{ color:#fff;}
#index .case .casebox .casebox_content ul li .fontx a:hover{ color:#fff; text-decoration:none;}
#index .case .casebox .btright{ float:left; background:url(right.jpg) no-repeat right center; width:37px; height:193px; overflow:hidden;}


.link{ float:left; width:1040px;}
.link .title{ float:left; width:160px; height:59px; line-height:59px; overflow:hidden;}
.link .content{ float:left; padding:0px; width:880px; height:59px; overflow:hidden;}
.link .content li{ float:left; width:auto; height:59px; line-height:59px;}
.link .content .font{ background:url(link-li.jpg) no-repeat right center; padding-right:15px; padding-left:15px; margin:0px; width:auto; height:59px; line-height:59px; text-align:left; overflow:hidden; color:#b4def6;}
.link .content .font a{ color:#b4def6;}
.link .content .font a:hover{ color:#b4def6; text-decoration:none;}