@charset "utf-8";
/*----------全局样式开始-----------*/
html{}
body{ margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; line-height:22px; background:url(../images/body2.jpg) repeat-x; color:#666666}
body.index{background:url(../images/body.jpg) repeat-x; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0; padding:0; list-style:none}
img{ border:0}
input, label, img, th {vertical-align: middle;}
a{ color:#3C3C3C; text-decoration:none}
a:hover{ color:#02346f; text-decoration: underline}
.clear{ clear:both; height:0; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.gray{ color:#999999}
a.btnwrap{text-decoration:none}
.btnwrap{display:inline-block;height:26px;padding-right:4px;background:url(../images/buttons.png) no-repeat 100% -26px;overflow:hidden;margin-right:8px;display:block;float:left;}
.btnwrap .btn-inner{display:inline-block;height:26px;padding:0 2px 0 8px;background:url(../images/buttons.png) 0 0;border:none;line-height:26px;color:#555;text-decoration:none; cursor:pointer; float:left}
.fl{ float:left}
.fr{ float:right}
.mt1{ margin-top:10px;}
.mt2{ margin-top:20px;}
.mr5{ margin:5px}
.ml5{ margin-left:5px;}
.w15 {width: 375px;}

#wrapper2:after {content:""; clear:both; height:0; display:block; visibility:hidden}
.wrapper{ width:1003px; margin:0 auto}
.sidebar{ width:230px; float:left}
.mainbox{width: 750px;float:right;}
.sbox{width: 748px; overflow:hidden}
/*----------end全局样式开始-----------*/
/*头部*/
.header{ height:166px}
.topcont{ height:115px;}
.logo{ display:block; float:left; width:300px; margin-top:38px;}
.infobar{ margin-top: 10px; text-align:right;}
.infobar a{background: url("../images/dot03.jpg") 15px center no-repeat;padding-left: 30px;}
.searchbar{  height:20px; float:right; padding-top:10px; width:223px;}
.searchbar .inputtxt{ color:#d0d0d0; line-height:22px; height:22px; width:175px; border:0 ; padding-left:23px; background:url(../images/bg_search.jpg) no-repeat; float:left}
.searchbar .btn{ float:right;width:24px; height:22px; font-size:0; text-indent:-88888em; line-height:0; background:url(../images/search.jpg) no-repeat center; display:block; overflow:hidden; border:0}
.menu{ height:51px; background:url(../images/bg_menu.jpg) repeat-x;}
.menu .fl{ background:url(../images/menu_l.jpg) no-repeat; width:12px;height: 51px;}
.menu .fr{ background:url(../images/menu_r.jpg) no-repeat; width:12px;height: 51px;}
.menu li{ height:51px; line-height:51px; font-weight:bold; font-size:14px;float:left;background:url(../images/bg_menu_li.jpg) no-repeat; width:120px}
.menu li a{ color:#FFFFFF; display:block;text-align:center }
.menu li a:hover,.menu li.hover a{background:url(../images/bg_menu_hover.jpg) center center no-repeat; color:#02346f; text-decoration:none}
.menu .mainlevel ul {display:none; position:absolute;}
.menu  ul li ul li {height:auto;line-height:20px; background:none}
.menu  ul li ul li a,.menu li.hover ul li a {color: #FFFFFF;display:block;height:25px; line-height:25px;font-size:12px;font-weight:normal;text-align:center;background:#00377C; overflow:hidden; white-space:nowrap; border:#012d64 1px solid}
.menu  ul li ul li a:hover {color:#FFFFFF;background:#074593; background-image:none}
/*****焦点图*******/
.banner{ width:1003px; height:313px; margin-bottom:5px;}
.crumb{float:right; text-align:right; margin-right:20px; color:#b2cce3;}
.crumb a{ color:#b2cce3}
/**********边框********/
.border1{ clear:both}
.border1 .title{background:url(../images/border1_title.gif) 0 0 no-repeat;height:41px;line-height:41px;text-indent:43px; }
.border1 .cont{border: 1px solid #C9CACF;line-height: 24px;padding: 12px 15px;overflow:hidden;}
.border1 .title h3,.border1 .title h3 a{color:#FFFFFF; font-size:14px; float:left}
.border1 .more{ float:right; margin: 9px 8px 0 0;}
.border1 .more a{width:43px; height:16px; overflow:hidden; text-indent:10000em; white-space:nowrap;display:block; background:url(../images/more.jpg) no-repeat;}
.border2{ clear:both;}
.border2 .title{background:url(../images/border2_title.gif) no-repeat;height: 41px;line-height:41px;text-indent:43px;}
.border2 .cont{border-bottom: 1px solid #C9CACF;border-left: 1px solid #C9CACF;border-right: 1px solid #C9CACF;line-height: 24px;padding: 20px 18px 10px;width: 712px;}

.border2 .more{ color:#b2cce3; float:right; margin-right:30px;}
.border2 .title h3,.border2 .title h3 a{color:#FFFFFF; font-size:14px;float: left;}
.border3{border: 1px solid #C9CACF; height:255px;}
.border3 .title{background:url(../images/border3_title.jpg) repeat-x; height:39px;line-height:39px;text-indent:33px;}
.border3 .cont{line-height: 24px;padding: 20px 10px 0;}
.border3 .title h3,.border3 .title h3 a{color:#00377C; font-size:14px;}
.border3 .title h3{background:url(../images/border3_h3.gif) 10px center no-repeat; float:left}
.border3 .more{ float:right; margin: 9px 8px 0 0;}
.border3 .more a{width:43px; height:16px; overflow:hidden; text-indent:10000em; white-space:nowrap;display:block; background:url(../images/more.jpg) no-repeat;}

/*******产品**********/
.border8{ clear:both;}
.border8 .title{background:url(../images/border2_title.gif) no-repeat;height: 41px;line-height:41px;text-indent:43px;}
.border8 .cont{border-bottom: 1px solid #C9CACF;border-left: 1px solid #C9CACF;border-right: 1px solid #C9CACF;line-height: 24px;padding: 20px 18px 10px;width: 712px;}

.border8 .more{ color:#b2cce3; float:right; margin-right:30px;}
.border8 .title h3,.border8 .title h3 a{color:#FFFFFF; font-size:14px;float: left;}

.productlist .cont ul li{ margin:0 10px 20px 5px}


.list8 ul{ display:block;clear:both; width: 700px; border:1px solid #F00; margin-left:0px;}
.list8 li{width:160px;margin:10px 10px 0 0;float:left; white-space:nowrap; overflow:hidden}
.list8 .pic img{width:155px;height:142px;border:1px solid #ccc;}
.list8 .pic a:hover img{border:1px solid #02346f}
.list8 .name{ text-align:center;height:30px;line-height:30px;}
.list8 .name a:hover{color:#02346f;}

/************列表样式*********/
.list2{}	
.list2 li{line-height:29px;height:29px;color:#666666;white-space:nowrap; overflow:hidden; text-indent:10px; /*text-overflow:ellipsis;*/}	
.list2 span{ float:right; color:#6F6D6D}

.list3 ul{ display:block;clear:both;  border:1px solid #F00; margin-left:0px;}
.list3 li{width:180px;margin:10px 5px 0 0px;float:left; white-space:nowrap; overflow:hidden}
.list3 .pic img{width:170px;height:138px;border:1px solid #fff;}
.list3 .pic a:hover img{border:1px solid #ccc}
.list3 .name{ text-align:center;height:30px;line-height:30px;}
.list3 .name a:hover{color:#02346f;}
.ico1 li{ background:url(../images/dot03.jpg) left center no-repeat;}


.list7 ul{ display:block;clear:both;  border:1px solid #F00; margin-left:0px;}
.list7 li{width:220px;margin:10px 0px 0 0px;float:left; white-space:nowrap; overflow:hidden}
.list7 .pic img{width:210px;border:1px solid #ccc;}
.list7 .pic a:hover img{border:1px solid #000}
.list7 .name{ text-align:center;height:30px;line-height:30px;}
.list7 .name a:hover{color:#02346f;}



/*----------列表样式5-----------*/
.list5{ line-height:24px}
.list5 img{ display:block; margin:0 15px 0px 0; float:left}
/*********翻页*********/
.pagelist {margin:5px auto; padding-top: 15px; text-align: right; border-top:1px  dotted #DDDDDD;clear:both}
.pagelist a {border: 1px solid #DEDFDE;color: #000000;margin: 0 5px;padding: 5px 9px;}
.pagelist a:hover {border: #02346F 1px solid; color: #fff; background-color: #02346F;text-decoration:none}
/*********首页**********/
.category .cont{ padding:0; border-left:0;}
.category ul li{background: url("../images/bg_cateli.jpg") no-repeat scroll 0 0 transparent;color: #00387D;font-size: 14px;font-weight: bold;height: 39px;line-height: 39px;text-indent: 24px;}
.category ul li a{color:#00387D}
.category ul li a:hover,.category li.current a{color:#ff6600; text-decoration: none}



.category5 .cont{ padding:0; border-left:0;}
.category5 ul li{background: url("../images/bg_cateli.jpg") no-repeat scroll 0 0 transparent;color: #00387D;font-size: 14px;font-weight: bold;height: 39px;line-height: 39px;text-indent: 24px;}
.category5 ul li a{color:#00387D}
.category5 ul li a:hover,.category li.current a{color:#ff6600; text-decoration: none}




/***********底部样式*****/
.footer{ background:url(../images/bg_foot.jpg) repeat-x; height:120px;padding-top: 21px;}
.footer, .footer a{ color:#D4E0F0;}
.foot_left{ background:url(../images/index_38.jpg) no-repeat right; width:343px; height:110px; float:left;}
.foot_left p{ font-size:12px; height:22px; font-weight:bold;}
.foot_left span{ display:block; background:url(../images/index_21.gif) no-repeat; text-indent:14px; height:22px; line-height:22px;}

.foot_mid{background:url(../images/index_38.jpg) no-repeat right; width:326px; height:113px; float:left;}
.foot_mid span{ display:block; background:url(../images/index_21.gif) no-repeat; text-indent:14px; height:22px; line-height:22px;}

.foot_rig{ width:276px;height:113px;  float:left;}
.foot_rig p{ font-size:12px; height:22px; font-weight:bold;}
.foot_rig span{ display:block; background:url(../images/index_21.gif) no-repeat; text-indent:14px; height:22px; line-height:22px;}
/*----------tab选项卡-----------*/
.tabbox{width:710px;}
.tabbox ul{}
.tabbox #tab{height:29px; width:708px; background:url(../images/ba_tab.jpg) no-repeat;overflow:hidden}
.tabbox #tab li{float:left;display:block;cursor:pointer;width:125px;text-align:center;line-height:28px;height:32px; color:#02346F}
.tabbox #tab li.on{font-weight:bold;background:url(../images/tab_now.gif) center center no-repeat; color:#ffffff}
.tabbox #tab_con{}
/******新闻内页**********/
h2{ color:#000000;font-size:22px;line-height: 38px; padding-bottom:10px;text-align: center;}
.newsinfo{ height:25px; line-height:25px; text-align:center; color:#999999;}
.viewbox{ line-height:25px; color:#333333; padding:10px 10px 50px 10px; border-bottom:0px dashed #DDDDDD; border-top:0px dashed #DDDDDD;font-size:14px; }
.viewbox p{ padding:5px 0px 5px 0px; }
.pagenav{ text-align:right; padding:15px 0 10px 0;clear:both;}
/******留言板********/
#gbooklist {text-align:center;}
#gbooklist .faq  ,
#gbooklist .reply{text-align:left;/*word-wrap: break-word;*/ word-break: break-all;}
#gbooklist .faq{margin-bottom:15px;}
#gbooklist .faq span,#gbooklist .faq em{ font-style:normal; color:#999999;}
#gbooklist .faq span{ margin-left:10px;}
#gbooklist .faqtit,#gbooklist .faqcon{padding-left:5px;line-height: 24px;}
#gbooklist .faqtit{background:#EEEEEE;color:#FF4400;font-size:14px;margin-bottom: 5px; font-weight:bold}
#gbooklist .reply{border: 1px dashed #FF0000;width:95%;margin-bottom:10px;margin-left:5px;padding:3px;}
.form{padding:10px 0; background:#ffffff}
.form .row{padding:5px 0 5px 106px; clear:both}
.form .row .label {display: inline;float: left;width:100px;margin-left:-106px;padding-right:6px;}
.form .row .enter, .form .row span.tips, .form .row blockquote {float: left;}
.form .row .label{line-height:21px;padding-top:2px;padding-bottom:2px;text-align:right;}
.form .row .content{float:left;padding:2px 3em 2px 0;line-height:21px;}
.form .row .enter{padding:0 1em 0 0;}
.form input.text,.form select,.form textarea{border:#ddd 1px solid;}
.form input.text:focus,.form select:focus,.form textarea:focus{border-color:#999;}
.form .row .enter .check{float:left;margin-right:12px;}
.form .row .enter .check .input{float:left;padding-top:5px;margin-right:6px;}
.form .row .enter .check .des{float:left;line-height:21px;padding-top:2px;padding-bottom:2px;}
.form .row .label .required{margin-right:0.3em;font-weight:bold;color:#f00;}
.form .row .tips{padding:2px 0;line-height:21px;color:#999;white-space:nowrap;}
.form .row p.tips{clear:both;padding:0 7px 5px;}
.form .row .buttons{padding:10px 0;}
.form .row .img-captcha{float:left;margin:2px 8px 0 -6px;display:inline;cursor:pointer;}
.form blockquote{height:23px;padding:0 6px 0 27px;border:#F7ECAA 1px solid;line-height:23px;background:#FDFFD7 url(../images/icon-16.png) no-repeat 5px -117px;white-space:nowrap;}
.form blockquote.error{border-color:#FFBFBF;background-color:#FFEAEA;background-position:5px -147px;}
.form blockquote.accepted{border-color:#fff;background-color:#fff;background-position:5px -177px;color:#999;}
.form blockquote.loading{border-color:#fff;background:#fff url(../images/loading.gif) no-repeat 5px center;color:#DA6100;}

.layout-innerpg .col-main .form .row-submit blockquote{background-color:transparent;border:none;clear:both;margin:-5px 0 10px;}
/*****评论********/
.form-comment{background: none repeat scroll 0 0 #F9F9F9;margin: 20px 10px 30px 10px;padding: 10px 10px 30px 10px;}
.commentslist{padding:0 20px;}
.commentslist a{color:#f00;}
.commentslist .entry{margin-bottom:10px;padding:0 10px;background:#FFFCF5;border:#F3E6C6 1px solid;}
.commentslist .entry-head{line-height:30px;padding:2px 6px 0;border-bottom:#F9F0DB 1px solid;}
.commentslist .entry-head .author{float:left;color:#333;}
.commentslist .entry-head .meta{text-align:right;display:block;}
.commentslist .entry-head .meta .location{margin-right:1em;}
.commentslist .entry-content{padding:15px;line-height:180%;}
.commentslist .entry-body .operate{padding:15px 10px 10px;text-align:right;}
.commentslist .entry-body .operate a{margin:0 0.7em;}
.commentslist .comment-reply{margin:0 20px 10px;}
.commentslist .comment-reply .reply-show{padding:6px 15px 10px;background:#fff;border:#F3E6C6 1px solid;}
.commentslist .reply-show .reply-head{line-height:25px;}
.commentslist .reply-show .reply-author{float:left;color:#f60;}
.commentslist .reply-show .reply-operate{float:right;}
.commentslist .reply-show .reply-operate a{margin:0 0.7em;}
.commentslist .comment-reply .form textarea{border-color:#ECD7A6;}
.commentslist .comment-reply .form textarea:focus{border-color:#f60;}
.commentslist .comment-reply .form .buttons{padding-top:10px;}
.commentslist .comment-reply .form .buttons input{height:24px;padding:0 5px;margin-right:0.3em;background:#fff;border:#D2D0D7 1px solid;color:#999;cursor:pointer;}
.commentslist .comment-reply .form .buttons .submit{color:#fff;background:#597797;border-color:#000;font-weight:bold;}

.commentslist .entry-new{border-color:#f60;border-style:dashed;}
/*********产品详细页******/
#preview{ float:left; width:351px;height:395px; overflow:hidden}
#preview .jqzoom{height:320px;overflow:hidden;border:1px solid #cccccc;text-align:center;display:table-cell;width:349px;vertical-align:middle;display:block;font-size:176px;}
#preview .jqzoom img{margin-left:auto;margin-right:auto;vertical-align:middle;max-width:349px;max-height:320px; width:auto;}

#spec-n5{height:62px;margin:2px 0 0;overflow:hidden;}
.zoomdiv{  left:859px;  height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline; position:relative; width:320px; margin-left:10px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:75px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;cursor:move;}
.proinfo{ float:right; width:346px; height:362px; overflow:hidden; background:url(../images/fdqy.jpg) 0 -60px no-repeat}
/****自定义表单******/
#faqbox {}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
/**********其他*******/
.news .border1{ clear:none}	

.cont222 ul li ul li{ margin:0 16px 20px 35px}


/*----------图片滚动-----------*/
.product_scroll{ margin:0px auto;  position:relative; width:1003px;border:0px solid #cccccc; padding-bottom:10px}
.product_scroll_inner{ height:190px;overflow:hidden; float:left; margin:0px 0px}
.product_scroll .btn_l, .product_scroll .btn_r{display:none;width:30px;height:30px;background:url(../images/roll_l.gif) no-repeat 0 0;margin-top:68px;cursor:pointer;}
.product_scroll .btn_l{ float:left}
.product_scroll .btn_r{ background:url(../images/roll_r.gif) no-repeat 0 0;float:right}

/*----------产品菜单-----------*/
#menul {margin:auto;}
#menul h1 {background: url(../images/bg_cateli.jpg) no-repeat scroll 0 0 transparent;color: #00387D;font-size: 14px;font-weight: bold;height: 39px;line-height: 39px;text-indent: 24px;}
#menul h2 {color:#777; font-size:14px; padding:4px 0 4px 15px; border-top:#cac9ce 1px solid; border-left:#cac9ce 1px solid; border-bottom:#FFF 1px solid ;background-color:#F4F4F4;height: 18px;line-height: 18px;text-indent: 16px;text-align:left}
#menul h1 {color:#00387D}
#menul h2 a {color:#00377c}
#menul h2 a:hover,#menul h1 a:hover {color:#ff6600; text-decoration: none}
#menul a{color:#00377C}
.category2 .cont2{ padding:0; border-left:0}
.cont2 li{background: url("../images/bg_ca teli.jpg") no-repeat scroll 0 0 transparent;color: #00387D;font-size: 14px;font-weight: bold;height: 39px;line-height: 39px;text-indent: 24px;}
.cont2 li a{color:#00387D}
.cont2 li a:hover,.category li.current a{color:#00377C}

#artview_content { TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; LINE-HEIGHT: 2em; TEXT-INDENT: 25px;MARGIN-BOTTOM: 20px; }
#artview_content {FONT-SIZE: 14px}
#artview_content A {FONT-SIZE: 14px}

#mytable { width: 690px;}
#mytable tr {background-color:expression((this.sectionRowIndex%2==0)?"#cbe3fe":"#F0F0F0")}

#mytable{margin:5px 0px 10px 0px;
	border:1px solid #eee;
	vertical-align:middle;
	border-collapse:collapse;
}
#mytable td{font-size: 12px;
	padding:3px 0px 0px 10px;
	height:28px;
	border:1px solid #ccc;text-align:left
}
