﻿html,body,form{height:100%;font-family:"宋体";font-size:12px;color:#333333; background: #fff;font-weight:normal;line-height:22px;}
*{outline: 0;padding: 0;margin: 0;list-style:none;}
/* 网站头部css开始 */
.header{ height: auto;margin:0 auto; background:#FFFFFF; width:980px;}
.top{ width:100%; background:url(../pub_img/topbg.gif); height:28px; line-height:28px;}
.top_bar{ width:980px; margin:0 auto; height:28px;}
.top_right{ float:right}
.logo_companyname{ height:123px; width:980px; margin:0 auto;}
.logo{ width:101px; height:61px; float:left; padding-top:10px; margin-right:15px; margin-left:10px}
.logo img{ width:101px; height:61px;}
.company_name{ float:left; width:800px; padding-top:40px; overflow:hidden}
.company_name h1{ font-size:35px; color:#fff}
.company_name p{ padding-top:5px;color:#fff; margin-top:10px; width:960px;overflow:hidden}
.kf_tel{ float:right; width:250px; height:25px; background:url(../pub_img/Icon_index_tel.gif) no-repeat left; padding-left:25px; margin-top:20px; padding-top:10px;}
.banner{ height:200px; width:980px; margin:10px auto;}
.banner img{height:200px; width:980px;}
.container{ height:auto; margin:0 auto; background:#FFFFFF;width:980px;}
.left{ width:230px; float:left; height:auto; margin-right:10px;}
.left_box{ margin-bottom:10px;}
.left_content{ padding:10px; border:#CCC solid 1px;}
.gold_mem{ background:url(../pub_img/icon_gold.gif) no-repeat; width:180px; height:45px; margin:0 auto; margin-bottom:7px;}
.normal_mem{ background:url(../pub_img/icon_normal.gif) no-repeat; width:180px; height:45px; margin:0 auto; margin-bottom:7px;}
.gold_mem_sort{ float:left; width:63px; line-height:45px; padding-left:50px; font-size:14px; font-weight:bold; color:#930}
.gold_mem_year{ float:left; width:50px; line-height:45px; padding-left:15px; color:#FFF}
.kc_fl li{ border-bottom: 1px dashed #CCCCCC;line-height: 200%;padding-left: 18px;background: url(../pub_img/icon_arrow.gif) no-repeat 5px 7px;}
.right{ width:740px; float:right; height:auto;}
.right_box{ width:740px; height:auto}

.right_content{ padding:10px; background: #FFF;border:#CCC solid 1px}

.company_intro{ border:#CCC solid 1px;}
.company_intro p{ text-indent:2em}
.company_intro_left{float:left}
.company_pic{ float:right; border:#CCCCCC solid 1px; width:222px; height:100%; text-align:center; padding:5px; margin-left:10px; background:#FFF; margin-bottom:5px;}
.company_pic img{ width:220px; height:180px;}

.product_content li{ width:143px; float:left; text-align:center; height:130px}
.product_content li img{ border:#CCC solid 1px;}
.news_content{ padding:10px;border:#CCC solid 1px;}
.news_content li{ height:30px; line-height:30px; border-bottom:#CCC dashed 1px; font-size:14px}
.news_content li a{ font-size:14px}
.date{ float:right; color:#666}
.show_content{ padding:10px;border:#CCC solid 1px; background:#FFF}
.show_content li{ width:179px; float:left; text-align:center; height:151px;}
.show_content li img{ width:140px; height:116px; border:#CCC solid 5px; padding:1px;}


.product_view{padding:10px 20px;border:#CCC solid 1px; background:#FFF}
.product_name{ font-size:20px; padding:10px 0; text-align:center}
.product_pic{ float:left; width:298px; height:200px; border:#CCC solid 1px;}
.product_pic img{ width:278px; height:180px; padding:10px;}
.product_base_info{ height:215px;}
.product_base_info_right{ float:right; width:378px; height:202px}
.base_info_box{ height:80px;}
.base_info_box li{ height:25px; line-height:25px; color:#444; width:189px; float:left;}
.xunjia_box{ border:#DDDDDD solid 1px; background:#FAFAFA; padding:10px;}
.qq{ float:right; padding-right:100px; padding-top:5px;}
.tel_box{ background:url(../pub_img/tel.png) no-repeat left; height:45px; margin-top:10px; padding-left:50px;}
.tel_box h1{ font-size:24px; color:#F30}
.tel_box p{ color:#666; padding-top:5px;}
.product_intro_content{ padding-top:15px;}
.product_intro p{ font-size:14px; line-height:25px; font-size:14px; color:#444; text-indent:2em}
.product_intro p img{WIDTH: expression(this.width>600&&this.height<this.width?600:true);max-width: 600px}

#intro_title{ height:36px; background: url(../pub_img/left_trade_title.gif);}
#intro_title ul{ padding-left:20px;}
#intro_title li{ float:left; width:88px; height:27px; background:url(../pub_img/left_trade_rag.gif) left -27px; margin-right:3px; display:block; text-align:center; margin-top:9px; line-height:27px; }
#intro_title li a{font-size:14px;width:88px; height:27px;display:block}
#intro_title .intro_title_current{width:88px; height:27px; background:url(../pub_img/left_trade_rag.gif)}
.intro_title_current a{ color:#F30; font-weight:bold}



.scrollImgList1 {width: 718px;overflow: hidden; zoom: 1;height:160px;}
.scrollImgList1 .Cont { display: inline;  float: left; margin-right:8px; overflow: hidden; width: 710px; }
.scrollImgList1 .scrCont {overflow: hidden; width: 3000px; zoom: 1}
#List1_1 {float: left}
#List2_1{float: left}
.scrollImgList1 .box {float: left;width: 142px;text-align: center;height:160px;}
.scrollImgList1 .box img {height: 100px;width: 100px;margin: 10px;}




h1,h2,h3{ font-size:12px;}
.space10{ height:10px;line-height:0;font-size:0;}
table {border-collapse:collapse;border-spacing:0;}
td{ padding:0}
a { color: #333; text-decoration:none}
a:hover { color:#FF0000; text-decoration: underline;}
.clear{ clear:both;line-height:0;font-size:0; height:0px;margin-top:-1px;}
.clear_all {clear:both;line-height:0;font-size:0;height:0px;}
select,input,img,select{vertical-align:top;}
img{ border:0px;}
.space7{ height:7px;line-height:0;font-size:0; width:100px; margin:0 auto;}
.red_font{ color:#FF3300; font-size:12px; font-weight:bold}
.red_font_normal{ color:#FF3300; font-size:12px;}
.green_font{ color: #006600}
.gray_font{ color:#333333;font-weight:bold}
.white_font{ color: #FFF;font-weight:bold; font-size:14px}
.blue_link a, .blue_link:link, .blue_link:visited{color: #003278;text-decoration: underline;}
.blue_link:hover{color: #FF3300;text-decoration: underline;}
.blue_link1 a, .blue_link1:link, .blue_link1:visited{color: #003278; font-size:12px;}
.blue_link1:hover{color: #FF3300;text-decoration: underline;}
.gray_link a, .gray_link:link, .gray_link:visited{color: #666666;text-decoration: none;}
.gray_link:hover{color: #FF3300;text-decoration: underline;}
.red_link:link, .red_link:visited{color: #ff0000;}
.red_link:hover{color: #ff0000;text-decoration: underline;}
.yellow_link:link, .yellow_link:visited{text-decoration: none;color: #FF7300;}
.yellow_link:hover{color: #FF3300;text-decoration: underline;}
.write_link a, .write_link:link, .write_link:visited{color: #FFF;text-decoration: none;}
.write_link:hover{color: #FFF;text-decoration: underline;}
.current_location{ height:24px; border:#E2E2E2 solid 1px; line-height:24px; padding-left:15px; margin:8px 0; background:url(images/position_bg.gif);}
.zs_btn{ float:right; padding-top:3px;}
.more{ float:right; padding-right:10px;}
.pages{ height:41px; padding:10px 0;text-align:center; margin:20px 0; background:#FFFFFF}
.pages a{ height:26px;line-height:26px;border:1px solid #c4c4c4;color:#001A9F;padding:5px 7px;margin-right:3px; margin-top:3px;}
.pages a:hover{border:1px solid #09c;color:#000000;background:#E8F3FD;text-decoration:none;}
.pages .click{border:1px solid #ff831e;color:#000000;background:#ffebd9;color:#FF3300;}
.pages_input{ vertical-align:middle; width:30px; border:#999999 solid 1px; text-align:center; height:18px;}
.pages_btn{ background:url(images/pages_btn.gif); width:45px; height:21px; border:0}



.guestbook{ border:#FDB479 solid 1px;}
.gtbook_title{ background: url(../pub_img/ly_title.gif); height:31px; line-height:31px;}
.gtbook_title h3{ font-size:14px; padding-left:20px; width:80px; float:left}
.ly_tx{ float:left; color:#F30}
.ly_box td{ padding:5px; border-bottom:dashed #CCC 1px;}
.ly_box input{ vertical-align:middle; border:#CCC solid 1px; height:18px;}


.lylist_title{ background: url(../pub_img/brand_title01.gif); height:28px; line-height:28px;}
.lylist_title h3{ font-size:14px; color: #900; padding-left:17px;}
.lylist_content{ padding:10px; border-bottom:#CCCCCC solid 1px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px;}
.ly_item{ margin-top:7px;}
.ly_item_title{ background:#e4e4e4; height:25px; line-height:25px;}
.ly_item_title td{ height:25px}


.footer{ background:#666; height:auto; text-align:center; color:#FFF; padding:10px 0}
.footer a{ color:#FFF}
.footer a:hover{color:#FFF}