﻿body { background:#fff ; font-size:12px; font-family:tahoma, verdana, arial, helvetica, sans-serif; line-height:160%; margin:0; padding:0; color:#333; }
div { margin:0 auto; padding:0; }
h1, h2, h3, h4, h5, h6, ul, li, dl,dt,form, img, p { margin:0; padding:0; border:none; list-style-type:none; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
a { color: #2f2f2f; text-decoration: none; }
a:hover { color: #f30; text-decoration:underline; }
.fl{float:left;}
.fr{float:right;}
.c{clear:both;}
.m10{margin:10px;}
.mtb{ margin-top:10px; margin-bottom:10px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}


.search_text { width:200px; height:22px; line-height:22px; margin-bottom:0px;  margin-right:5px;border:#dedede 1px solid; overflow:hidden;}
.search_btn { background:url(../images/s_btn.png) no-repeat 0px 0px; width:90px; height:27px; font-size:14px; text-align:center; border:none;line-height:24px; color: #333;cursor:pointer; }
.input_text { border:#A5ACB2 1px solid; font-size: 12px; height:20px; line-height:20px; margin-bottom:5px;  }
.input_btn { background:url(../images/btn.gif) no-repeat 0px 0px; width:76px; height:25px;  font-size:12px; text-align:center; border:none; line-height:25px; color: #ffffff;cursor:pointer }
.search_t1{  width:360px; height:22px; line-height:22px; margin-bottom:0px;  margin-right:5px;border:#dedede 1px solid; overflow:hidden;}
.search_b1{ width:90px; height:27px; line-height:27px; text-align:center; border:none; font-size:14px; color:#fff;background:url(../images/s_btn.png) no-repeat 0px 0px; font-weight:bold;cursor:pointer}

.input1 { margin-bottom:8px;}


#key{ width:200px;padding-left:25px; height:22px;line-height:22px;border:1px #ccc solid;background:#fff url(../images/s_bg.gif) no-repeat;}
#keya{ width:360px;padding-left:25px; height:22px;line-height:22px;border:1px #ccc solid;background:#fff url(../images/s_bg.gif) no-repeat;}

#top_menu { width:990px; height:30px; line-height:30px; overflow:hidden;}

.top_area { width:1000px; height:32px; overflow:hidden;}
.top_area .left{ float:left; width:500px; height:32px; line-height:32px;}
.top_area .right{ float:right;  height:32px; line-height:32px; padding-left:18px;}
.top_area b{ font-weight:bold; color:#CC0000;}

#header { width:1000px; height:95px;  overflow:hidden; }
.logo { float:left; width:300px; height:60px; padding-top:18px; overflow:hidden;}
.top-ban { float:left; width:680px; height:90px; padding-top:0px; padding-left:20px; overflow:hidden;}

.search_box { width:978px; margin:0px 0 10px 0; padding:8px 0px 8px 20px; background:#F6FAFD; border:#C1D4F4 1px solid;}
.search_box span{ color:#333;}
.search_box p{ color:#555; font-weight:normal; padding:8px 8px 0 0;}
.search_box p b{ color:#333;font-weight:normal;}


#nav { width:1000px; height:40px; text-align:center; background:#2A8ADE;}
#nav ul { float:left; width:1000px; margin:0 auto;  height:36px;}
#nav ul li { background: url(); float: left; width: 110px; height: 38px; }
#nav ul li a { padding-right: 0px; display: block; padding-left: 0px;  font-size:14px;font-weight: bold; width: 110px; height:40px; line-height:40px; color: #fff;text-align: center }
#nav ul li a:hover { color:#FF3300; width:110px; background:#1C6AB0; color:#fff; text-decoration: none; }

#menu { text-align:left; padding-bottom:10px; padding-left:10px; }
#menu ul{  padding-top:2px; }
#menu ul li { width:140px; background: url(../images/arrow_01.gif) no-repeat 12px 9px; border-bottom:#ededed 1px solid; height:26px;}
#menu ul li a { display: block; color:#333; font-size:14px; padding-left:23px; width:120px; height: 15px; padding-top: 3px; padding-bottom: 8px;}
#menu ul li a:hover { color: #DA4901; }
#menu ul li .on { color: #DA4901;}

#menu_mem { text-align:left; padding-bottom:10px; }
#menu_mem  a { background: url(../images/arrow_01.gif) no-repeat 12px 14px; border-bottom:#ededed 1px solid; display: block; color:#333; font-size:14px; padding-left:23px; width:180px; height: 15px; padding-top: 8px; padding-bottom: 3px;}
#menu_mem  a:hover { color: #DA4901; }

.ft-link { width:1000px; border-top:#C1D4F4 3px solid; padding-top:10px; margin-top:10px; overflow:hidden;}
.ft-link li{ float:left; display:inline; width:134px; height:60px; margin-right:10px;}
.ft-link li img{ width:134px; height:60px;}

#footer{ width:1000px;  margin-top:10px; padding-top:10px; overflow:hidden;  }
#footer .list{ width:998px; text-align:center; border:#ccc 1px solid; background:#EFF6FE; margin-bottom:10px; overflow:hidden; }
#footer .list ul{ margin:0 auto;}
#footer .list ul li { display:inline; width:120px; padding:0 10px; height: 36px; line-height:36px;  text-align: center}
#footer .list ul li a { font-size:14px; font-weight:bold; color:#006699; padding:6px;  text-align: center;}
#footer .copyright { float:left; width:1000px; border-top:#ededed 3px solid;color: #666; margin-top:20px; padding:20px 0 20px 0; text-align: center;  }
#footer .copyright a { color:#666; }
#footer .count{ float:left; width:1000px; height:20px; text-align:center;  }
#footer .ft-logo{ width:1000px; height:122px; text-align:center; overflow:hidden; }


.i_login{padding:10px 9px 0px 9px;width:200px;border:#B8D6FB 1px solid; background:#EFF6FE; margin-bottom:10px; overflow:hidden;}
.i_login .reg{ float:left; width:200px; height:44px; margin:10px auto;}
.i_login .reg a{ float:left; display:block; width:200px; height:44px;background: url(../images/i_reg.png) no-repeat 0 0;}
.i_login .reg a:hover{ float:left; display:block; width:200px; height:44px;background: url(../images/i_reg.png) no-repeat 0 -45px;}
.i_login .login{ float:left; width:198px; height:35px;}
.i_login .newmem{ float:left; width:198px; font-weight:bold;}
.i_login .newmem ul li {height:24px;line-height:24px;font-weight:normal;}
.i_login .newmem ul li span { float:right;color:#666;}

#main { width:1000px; background: #fff;margin-top:10px;overflow:hidden; }

.main_tit h2 {color:#006699; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background: url(../images/tit-bg.jpg) repeat-x 0 0; }
.i_right .box h2 span{float:right; color:#fff;font:12px/32px "宋体";padding-right:0px;}
.i_right .box h2 span a{color:#006699;font:12px/32px "宋体";}
.i_right .box h2 span a:hover{color:#f30;font:12px/32px "宋体";}

.i_ad { width:1000px; overflow:hidden;}
.i_ad li{ float:left; display:inline; width:158px; height:60px; margin-right:10px;}
.i_ad li img{ width:158px; height:52px;}

.i_left { float:left; width:770px;  }
.i_left .box{ float:left; margin-bottom:10px; border:#B8D6FB 1px solid; border-top:none; overflow:hidden; }
.i_left .box h2 {color:#006699; font-size:14px; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background: url(../images/tit-bg.jpg) repeat-x 0 0; }
.i_left .box h2 span{float:right; color:#fff;font:12px/32px "宋体";padding-right:0px;}
.i_left .box h2 span a{color:#006699;font:12px/32px "宋体";}
.i_left .box h2 span a:hover{color:#f30;font:12px/32px "宋体";}
.i_left .box .content { padding:10px; overflow:hidden;}

.i_center { float:left; width:540px; margin-left:10px;  }
.i_center .box{ float:left; margin-bottom:10px; border:#B8D6FB 1px solid; border-top:none; width:538px; overflow:hidden;}
.i_center .box h2 {color:#006699; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background: url(../images/tit-bg.jpg) repeat-x 0 0; }
.i_center .box h2 span{float:right; color:#333;font:12px/32px "宋体";padding-right:0px;}
.i_center .box h2 span a{color:#006699;font:12px/32px "宋体";}
.i_center .box h2 span a:hover{color:#f30;font:12px/32px "宋体";}
.i_center .box .content { padding:10px;  overflow:hidden;}




.i_right { float:left; width:220px; margin-left:10px;  }
.i_right .box{ float:left; margin-bottom:10px; border:#B8D6FB 1px solid; border-top:none; width:218px; overflow:hidden;}
.i_right .box h2 {color:#006699; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background: url(../images/tit-bg.jpg) repeat-x 0 0; }
.i_right .box h2 span{float:right; color:#fff;font:12px/32px "宋体";padding-right:0px;}
.i_right .box h2 span a{color:#006699;font:12px/32px "宋体";}
.i_right .box h2 span a:hover{color:#f30;font:12px/32px "宋体";}
.i_right .box .content { padding:10px; overflow:hidden;}
.i_right .box .content img { display: block; width: 150px;}

.tel-list { padding-left:10px; font-size:14px; padding-bottom:6px;}
.tel-list li{ width:180px; height:22px; line-height:22px; font-weight:bold;}
.qq-list {padding-left:10px; padding-bottom:6px;}
.qq-list li{ float:left; width:82px; height:26px; line-height:26px;}

.i_pic { float:left; margin-bottom:10px; border:#B8D6FB 1px solid; border-top:none; width:998px; overflow:hidden;}
.i_pic h2{color:#006699; font-weight:bold; height:32px; line-height:32px; padding:0 16px;background: url(../images/tit-bg.jpg) repeat-x 0 0; }
.i_pic h2 span{float:right; color:#fff;font:12px/32px "宋体";padding-right:0px;}
.i_pic h2 span a{color:#006699;font:12px/32px "宋体";}
.i_pic h2 span a:hover{color:#f30;font:12px/32px "宋体";}
.i_pic .content { padding:10px; overflow:hidden;}

.i_link { float:left; width:978px; padding:5px 10px 5px 10px; margin-top:10px; border:#E0E0E0 1px solid; margin-bottom:10px; overflow:hidden; }
.i_link  ul li { display:inline ;  height: 26px; line-height:26px;  text-align: center}
.i_link  ul li a {padding:6px;  text-align: center;}

.i_news ul{  padding-left:10px; width:720px; overflow:hidden; }
.i_news ul li { background:url(../images/list_dot.gif) 0px 14px no-repeat;line-height:29px; padding-left:10px; border-bottom:#dedede 1px dashed;}
.i_news ul li span { float:right;color:#666;}

.index_news .pic{ float:left; width:250px; height:210px; border:#ededed 1px solid; overflow:hidden;}
.index_news .list{ float:left; width:298px;overflow:hidden; margin-left:8px;}

.i_sort{ width:198px; overflow:hidden; }
.i_sort ul li { float:left;  height:32px; width:66px; overflow:hidden;}
.i_sort ul li a { display: block; color:#333; width:50px; padding-left:8px;height:25px; line-height:25px; border:#C1D9DB 1px solid; background:#F7FDFC;}
.i_sort ul li a:hover { color: #fff; background:#2A8ADE; }

.pro_sort{ width:1000px; overflow:hidden; }
.pro_sort ul li { float:left; overflow:hidden;}
.pro_sort ul li a { display: block; margin:0px 8px 8px 0px; color:#0066B2; font-size:14px; width:73px; height:25px; line-height:25px; border:#C1D9DB 1px solid; text-align:center; background:#F7FDFC;}
.pro_sort ul li a:hover { color: #fff; background:#2A8ADE; }

.gx-list { float:left; width:760px; overflow:hidden;}
.gx-list li { float:left; width:150px;margin:10px 15px 10px 15px; overflow:hidden;}
.gx-list li img{ width:150px; height:150px; }
.gx-list p{ float:left; width:770px; height:30px; line-height:30px;}




#left { float:left; width:200px;  }
#right { float:right; width:790px; min-height:200px; height:auto !important; height:200px;}



#demotop {overflow:hidden;height: 208px; padding:0px 0px 0 0px;}
#demotop li { background:url(../images/list_dot.gif) 0px 10px no-repeat; height:28px; line-height:28px; padding-left:10px; font-size:12px; }
#demotop li span{ color:#666;font-size:12px;  }

#demo {overflow:hidden;height:215px;}
#demo ul { margin:0px 0 6px 0; padding:0;}
#demo li { width:156px; height:156px; float:left; margin-left:10px;text-align:center; }
#demo li img {border:#e1e1eb 1px solid; padding:2px; width:150px; height:150px; }
#demo li p { font-size:12px; margin: 6px auto 6px; width: 140px; overflow: hidden; }
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}

.index_product { padding-left:0px; overflow:hidden; }
.index_product dl { width:700px; margin:10px 0 6px 0; padding:0 }
.index_product dt { width:174px; height:160px; float:left; text-align:center; }
.index_product dt .box { border:#e1e1eb 1px solid;  margin-left:12px; overflow:hidden;  }
.index_product dt img { padding:2px; width:150px; height:120px; }
.index_product dt p { padding:3px 0;  width:160px; margin:0px 0 10px 7px; *margin:0 0 10px 0;}

.index_prolist {  overflow:hidden; margin-top:8px; width:738px; }
.index_prolist td { text-align:center;line-height:100%;}
.index_prolist td h1{ font-weight:normal;}

.contact_box {width:210px; overflow:hidden; margin-bottom:8px; }
.contact_box h2 {color:#fff; height:28px; line-height:28px; background:url(../images/kf_tit.jpg) repeat-x 0 0; padding:0 33px;  font-size:14px;  font-weight:600; overflow:hidden; }
.contact_box .content{ float:left; padding:8px 0 8px 8px;  width:200px; color:#333;border: #B5EEF4 1px solid; border-top:none;  }


.left_box {  border-top:none; width:198px;border: #B8D6FB 1px solid; border-top:none; overflow:hidden; margin-bottom:10px; }
.left_box h2 {color:#006699; height:32px; line-height:32px;background:url(../images/tit-bg.jpg) repeat-x 0 0; padding:0 20px; font-size:14px;  font-weight:600;  position:relative; overflow:hidden; }
.left_box h2 span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#fff; }
.left_box h2 span a{ color:#fff; }
.left_box .content{ float:left; padding:8px 0 8px 0px; width:198px; border-top:none;}

.right_box {width:788px;margin-bottom:10px; border: #B8D6FB 1px solid; border-top:none; overflow:hidden;  }
.right_box h2 {  font-size:14px;  font-weight: bold; color:#006699; height:32px; line-height:32px;background:url(../images/tit-bg.jpg) repeat-x 0 0;  position:relative; padding:0px 20px;overflow:hidden;  }
.right_box h2 span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#666; }
.right_box h2 span a { color:#666; }
.right_box h2 span a:hover { color:#f30; }
.right_box .content {  width:768px; padding:10px; overflow:hidden; }

.main_tit {  font-size:14px;  font-weight: bold; color:#006699; height:32px; line-height:32px;background:url(../images/tit-bg.jpg) repeat-x 0 0;  position:relative; padding:0px 20px;overflow:hidden;  }
.main_tit span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#666; }
.main_tit span a { color:#666; }
.main_tit span a:hover { color:#f30; }

.news_list { margin-bottom:6px; padding:6px; }
.news_list li { position:relative; background:url(../images/list_dot.gif) 0px 10px no-repeat;border-bottom:#ccc 1px dashed; height:26px; line-height:26px; padding-left:10px; font-size:12px; }
.news_list li span { color:#999; position:absolute; top:0; right:20px; }
.news { margin-bottom:6px; padding:6px;font-size:14px; line-height:180%; }
.news h1 { text-align:center; padding-top:3px; padding-bottom:6px; font-size:16px; font-weight:bold; border-bottom: #dedede 1px solid; }
.news .top { margin-bottom:10px; padding-top:3px; text-align:center; color:#999 }

#yplist {  overflow:hidden; }
#yplist ul li { border-bottom: 1px solid #B8D6FB; border-left: 1px solid #B8D6FB; height: 28px; line-height:28px; text-align:center;float: left; overflow:hidden; }
.bt { background:#F6FAFD; font-weight:bold; color:#666}
.br { border-right:#B8D6FB 1px solid;}

.product_list_box {width:1000px;margin-bottom:10px; overflow:hidden;  }
.product_list_box h2 {  font-size:14px; font-weight: bold; color:#333; height:32px; line-height:32px;background:url(../images/tit-bg.jpg) repeat-x 0 0; border:#B8D6FB 1px solid;  position:relative; padding:0px 20px;overflow:hidden;  }
.product_list_box h2 span { position:absolute; top:0px; right:20px; font-weight:100; font-size:12px; color:#333; }
.product_list_box h2 span a { color:#333; }
.product_list_box h2 span a:hover { color:#f30; }
.product_list { margin-top:0px; }
.product_list td { text-align:center;line-height:100%;}
.product_list td h1{ }
.product_list .cart{ margin:8px;}
.product_list .cart .btn{ float:left}
.product_list .cart .txt{ float:right; width:600px; color:#ff3300; margin:0px 0 10px 0; padding:8px 0px 8px 10px; background:#EEF4E5; border:#C7E29D 1px solid;}

.pic_list { margin-top:10px; overflow:hidden; }
.pic_list dl { width:760px; margin:10px 0px 6px 6px; padding:0; }
.pic_list dt { width:180px; height:220px; float:left; margin-right:5px; margin-left:5px; display:inline;text-align:center; overflow:hidden; }
.pic_list dt .img_wrap { border:#ededed 0px solid; width:150px; height:150px;padding:2px; display:table-cell; vertical-align:middle;overflow:hidden;  }
.pic_list dt img { margin-top:expression((150 - this.height )/2); padding:0px;}
.pic_list dt p { padding:3px 0; width:180px; margin-bottom:10px; overflow:hidden;}
.pic_list dt p a{ color:#333;}
.pic_list dt p a:hover { color:#ff6600; }

.product {overflow:hidden; width:768px  }
.product_top_box {  width:766px;overflow:hidden; margin-top:8px;}
.product_pic { float: left; width:320px; height:230px; padding:10px;}
.product_pic img { border:#dedede 1px solid; width:300px; height:226px; }
.product_tit { float:right; width:396px; line-height:200%; padding-top:8px;overflow:hidden; }
.product_tit h1 {padding:6px 0px 6px 0px; font-weight: bold; font-size: 16px; color:#DA4901; }
.product_tit strong { font-weight: normal; font-size: 12px; }
.product_tit img {  vertical-align : middle; margin:10px auto; }
.product_tit .related { border:1px solid #B2DD8D; background:#F1FAE5; width:300px; float:left; height:40px; padding:10px; }
.product_tit .cx { font-size:14px; color:#CC0000; font-weight:bold; }

.product_content { margin-top:10px; }
.product_content h2{ height:28px; line-height:28px; color:#333; background:url(../images/view_tit.jpg) repeat-x 0 bottom; padding:0 20px; font-size:14px;  font-weight:600; overflow:hidden;}
.product_content .content{ padding:10px; }

.msg_list { padding:10px; }
.msg_list_title { padding:0 0 4px 0; border-bottom:#ccc 1px dashed; }
.msg_list_title img { margin:10 6px 0 0; padding:0 10px 4px 0; }
.msg_list_content { padding:8px 0 18px 0; line-height:180%; word-break:break-all; }
.msg_list_reply { border: #e6c99d 1px solid; background:#fff8ed; margin:4px 10px 4px 10px; padding:4px 10px 4px 10px; width:90%; line-height:180%; }
.table_title { color:#fff; font-weight:bold; padding-left:20px; height:22px; line-height:22px; background:#368CC5;}

.page_box {width:100%;text-align:center; margin:20px auto; height:60px; line-height:60px; overflow:hidden;}
.page_box .page {float:right; height:25px; line-height:25px;}
.page_box .page span{display: inline;float:left;padding:1px 10px;margin:2px; }
.page_box .page a {border: 1px solid #ccc;display: inline;float:left;padding:1px 10px;margin:2px;color:#333;}
.page_box .page a:hover {border: #2A8ADE 1px solid; color: #333;text-decoration: none;}
.page_box .page .current {border: #ccc 1px solid;color: #fff; background: #2A8ADE}

.tab_msg { height:24px; clear:both }
.tab_msg ul { padding-left:20px; list-style:none; }
.tab_msg li { border:1px solid #fdd796; background:#fff8ed; cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; font-size:12px; height:22px; line-height:22px; padding:0 26px; margin:0 2px; position:relative; top:1px; z-index:9; }
.tab_msg li.right { float:right; margin-right:10px; width:70px; }
.tab_msg li:hover { text-decoration:underline; }
.tab_msg li.curr { background:#fff; border-bottom-color:#fff; color: #DA4901; cursor:default; font-weight:bold; }
.tab_msg_text { border-top:1px solid #fdd796; padding:10px; }

.tab_index { height:30px; clear:both;background: url(../images/tit-bg.jpg) repeat-x 0 bottom; border-top:#B8D6FB 1px solid; }
.tab_index ul { padding-left:0px; list-style:none; }
.tab_index li { cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; color:#006699; font-size:14px; width:120px; height:30px; line-height:30px; margin-right:0px; border-left:#CFCFCF 0px solid; border-right:#CFCFCF 1px solid; }
.tab_index li.right { float:right; margin-right:10px; width:70px; }
.tab_index li:hover { text-decoration:none; }
.tab_index li.curr {background:#fff; color:#006699; cursor:default; font-weight:bold; }
.tab_index_text { padding:10px; overflow:hidden;}

.roll-pic { float:left; width:770px; border:#B8D6FB 1px solid;  margin-bottom:10px;}
.roll-pic h2 {color:#252525; font-size:12px;height:40px; line-height:33px; padding:8px 5px 5px 5px;background:#EFF6FE; }
.roll-pic h2 span{ float:right;}
.roll-pic h2 span em{ height:30px; line-height:30px; border-radius: 5px; padding:0 10px; margin:0 2px 8px 2px; font-style:normal; background:#fff; display:inline-block; border:#B8D6FB 1px solid; cursor:pointer; text-align:center;}
.roll-pic h2 span em.emon{ background:#2A8ADE;border:1px solid #2A8ADE; color:#fff; border:none;}
.roll-pic h2 span em.emon a{ color:#FFFFFF}

.roll-pic .list{ width:720px; height:160px; padding:12px; overflow:hidden; display:none;}
.roll-pic .list li{ width:156px; height:150px; float:left; margin-right:10px; margin-left:10px; *display:inline;text-align:center;}
.roll-pic .list li img{border:#e0e0e0 1px solid; padding:2px;}
