@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: 370px; overflow:hidden} /*----------end全局样式开始-----------*/ /*头部*/ .header{ height:166px} .topcont{ height:115px;} .logo{ display:block; float:left; width:300px; margin-top:30px;} .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:264px;} .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:27px;height:27px;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 0px 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;height:148px;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;} .list9 ul{ display:block;clear:both; border:1px solid #F00; margin-left:0px;} .list9 li{width:220px;margin:10px 0px 0 0px;float:left; white-space:nowrap; overflow:hidden} .list9 .pic img{width:210px;height:288px;border:1px solid #ccc;} .list9 .pic a:hover img{border:1px solid #000} .list9 .name{ text-align:center;height:30px;line-height:30px;} .list9 .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 }