﻿/*------------------general--------------------*/
*{margin:0;padding:0;}
body{background:url(../images/body_bg.gif) repeat; margin:auto;font-size:11px; line-height:1.8em;font-family: Arial, Helvetica, sans-serif;}
body {behavior:url(”../js/csshover.htc”);}
a img{border:0;}
.clear{clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/*------------------头部--------------------*/
#wrap{width:1000px;margin:auto;background:url(../images/left.png) repeat-y left;padding-left:10px;}
#wrap .extra1{background: url(../images/right.png) repeat-y right; padding-right:10px;}
#header{height:90px; background:url(../images/headerBg.jpg) repeat-x center top; position:relative;}
#header img{float:right;}
#headerLogo{width:368px; height:80px; float:left; display:block;}
#headerRight img{margin:10px 13px 0 8px;}
#search{overflow:auto; position:absolute;right:20px;top:60px; width:160px;}
#searchBox{width:160px; height:16px; font-size:11px; line-height:16px; border:1px #0066CC solid; float:left;}
.inputData{width:140px;height:20px; border:0; background:url(../images/searchbg.jpg) repeat-x; font-size:11px;float:left;}
.validData{width:140px;height:20px; border:0; background:url(../images/searchbg.jpg) repeat-x; font-size:11px;float:left;}
.invalidData{width:140px;height:20px; border:0; background:url(../images/searchbg.jpg) repeat-x; font-size:11px;float:left;}
#goSearch{background:url(../images/searchButton.jpg); width:20px; height:20px; border:0; float:right; font-size:10px; font-weight:bold; padding:1px; color:#fff;}
/*------------------导航--------------------*/
#menu{background:url(../images/menuDivbg.jpg) repeat-x center top; height:37px;margin:auto; overflow:hidden;border-top:#94bfea 1px solid; clear:both;}
#menu img{float:left; border:0;}

#menu a{ display:block; float:left; text-align:center; line-height:37px; background:#fff url(../images/menuBg.jpg); font-size:13px; font-weight:bold; color:#fff; text-decoration:none; margin:0; padding:0 38px;}
#menu a:link{background:#ffffff url(../images/menuBg.jpg);}
#menu a:hover{background:#ffffff url(../images/menuBg.jpg) 0 -37px ; cursor:default;}
#menu a.select{background:#ffffff url(../images/menuBg.jpg) 0 -37px ;}
.menuDiv{width:2px; height:37px; display:block; float:left; background:url(../images/menuDiv.jpg);}
#menu7{ width:70px;}
#showbox{height:200px;background:#018CDF;border-bottom:5px #e6e6e6 solid; position:relative;}
#showbox #flashShow{position:absolute;left:0;top:0;}
#showbox .showph{width:490px; position:absolute; right:0; top:0;}

/*------------------------------------------*/
#bodyContent{margin:auto;background:#fff;padding-bottom:5px;}
/*-------------------侧栏--------------------*/
#sidebar{ width:300px;float:left;margin:10px 0px 10px 10px;_margin-left:5px;}
#sidenav li,#quickContact li,.news_h li{ list-style:none;}
#sidenav ul{background:url(../images/proType-block.jpg) repeat-x bottom;padding:10px 0 20px; border:#f9f9f9 solid 1px; border-bottom:0;}
#sidenav h4{background:url(../images/proType.jpg) repeat-x top;padding:0px 30px; font:normal normal bold 12px/23px Arial, Helvetica, sans-serif; color:#666; border:#d5d5d5 solid 1px;border-top:#eee solid 1px; cursor:pointer;}
#sidenav h4.select,#sidenav li h4.select:hover{background:url(../images/proType_s.jpg) repeat-x top;padding:0px 30px 0px 15px; border:#eee solid 1px; color:#506E86; font-size:13px; cursor:default}

#sidenav h4.select span{background:url(../images/proType_s_l.jpg) no-repeat center left;padding-left:15px;}

#sidenav h4:hover{background:url(../images/proType_hover.jpg) repeat-x top; color:#fff;}
#sidenav li a{margin:5px 0;_margin:0;display:block;_zoom:1; text-decoration:none;color:#666;font-size:12px; padding:1px 30px;}
#sidenav li a:hover{ background:#eee url(../images/see-all-arrow.png) no-repeat 95% 50% ; color:#000;}
#sidenav li a.s{ background:#eee url(../images/see-all-arrow.png) no-repeat 95% 50% ; color:#000; cursor:default;}
.cur_product{background:#C3DCE1 url(../images/see-all-arrow.png) no-repeat 95% 50% ; color:#000; cursor:default;}

#quickContact{display:block;background:#C3DCE1 url(../images/quickcontact_bg.jpg) repeat-x top;margin-top:40px;padding:10px 15px 20px; position:relative;}
#quickContact h3{ background:url(../images/quickcontact_l_bg.jpg) no-repeat left; height:30px; position: absolute;top:-15px;padding-left:70px;font:normal normal bold 15px/23px Arial, Helvetica, sans-serif;color:#506E86;}
#quickContact h3 span{ display:block; position:relative;top:-6px;}
#quickContact li{padding:3px 10px;font-size:11px;color:#666; border-bottom:#fff solid 1px; clear:both;}
#quickContact li.msn strong,#quickContact li.skype strong{ float:left;}
#quickContact li a{color:#666; float:left; display:block; text-decoration:none;}
#quickContact li.msn a{ background:url(../images/icon_msn.gif) no-repeat right bottom;padding:2px 25px 2px 0;}
#quickContact li.msn a:hover{ background:url(../images/icon_msn.gif) no-repeat right bottom;padding:2px 25px 2px 0; color:#F30;}
#quickContact li.skype a{ background:url(../images/icon_skype.gif) no-repeat right bottom;padding:2px 25px 2px 0;}
#quickContact li.skype a:hover{ background:url(../images/icon_skype.gif) no-repeat right bottom;padding:2px 25px 2px 0;color:#F30;}
#quickContact strong{color:#333;margin-right:10px;}
#quickContact li.name{color:#555;margin:10px 0 5px; border:0; font-weight:bold;}
/*-------------------主内容区----------------*/
#mainContent{width:660px;float:right; margin:0 0 10px 20px; color:#555;_margin-left:10px;_margin-right:0;}
.aboutus_h h3, .product_h h3, .news_h h3{ background:url(../images/bar.jpg) repeat-x top;font:normal normal bold 16px/100% Arial, Helvetica, sans-serif;color:#506E86;padding:10px 15px 10px; position:relative;_height:10px;}
.aboutus_h h3 a, .product_h h3 a, .news_h h3 a{ position:absolute;right:10px; top:15px;background:url(../images/see-all-arrow.png) no-repeat left center;padding-left:20px;color:#9D9894;text-decoration:none; font-size:13px;line-height:100%;}
.aboutus_h p{ font-size:13px;margin:20px 15px;color:#333;}

.product_h .content{padding:15px 5px 20px;}
.product_h .product{float:left;margin:5px 10px;}
.product_h a{cursor:pointer;}
.product_h .ph{display:block;background:#f5f5f5; padding:4px;border:#e3e3e3 solid 1px; margin:0 auto;}
.product_h .ph img{height:130px;width:130px;}
.product_h .ph:hover{ background:#eee;}
.product_h .info{background:url(../images/product_info_bg.jpg) no-repeat left top;margin-top:10px;}
.product_h .info span{padding-left:30px;}
.product_h .downinfo{background:url(../images/product_downinfo_bg.jpg) no-repeat left top;margin-top:10px; width:141px; height:38px}
.product_h .downinfo span{padding:0px 5px; display:block}
.product_h .downinfo a{ text-decoration:none; color:#333; word-break:break-all;overflow:auto; padding-right:20px}
.product_h .downinfo a span{ display:inline;background:url(../images/icon_download_s.gif) no-repeat right bottom; padding-left:10px }
.product_h h5{background:url(../images/see-all-arrow.png) no-repeat left center;padding-left:10px; font-size:12px; font-weight:bold; margin:8px 5px;color:#f60;} 
.product_h .contentText{word-break:break-all;overflow:auto;}
.product_h .contentText p{margin:0 25px 0 15px; font-size:12px; color:#16387C; background:#f4f8f9;padding:10px;}
.product_h .contentText table{ background:#f4f8f9;margin:0  auto;}

.news_h ul{padding:15px 15px 20px;}
.news_h a{font-size:12px;color:#16387C;padding:10px; text-decoration:none; line-height:100%;}
.news_h a:hover{ text-decoration:underline;color:#333;}
.news_h li{padding:5px 0;background:url(../images/see-all-arrow.png) no-repeat left center;}
.news_h span{ color:#f60;margin-right:10px;font-size:11px;font-weight:bold;}
.news_h a.download{color:#999;font-size:11px; text-decoration:none;background:url(../images/icon_download.jpg) no-repeat right center;padding-right:20px;padding:6px 10px 0px;}

.news_content{padding:50px 15px;}
.news_content h4{ font-size:18px; text-align:center; color:#066;margin-bottom:30px;}
.news_content .news_affix{ text-align:right;color:#f60; font-weight:bold; border-top:#ccc dashed 1px;padding-top:10px;margin-top:20px;}
/*----------------产品方格显示----------------*/
.productGrid{overflow:auto; margin-bottom:10px; width:100%;}
.productGrid .productBox{width:146px; height:150px; float:left; display:block; background:#e0ecf9; border:4px #e0ecf9 solid; margin:10px 7px 0px 8px; text-align:center;}
.productGrid .productBox img{border-left:#FFF 8px solid; border-top:0; border-bottom:0; border-right:#FFF 8px solid;}
.productGrid .productBox a{ cursor:pointer}
.productGrid .productBox h4{text-align:center; font-size:12px; height:20px; font-weight:bold; color:#000; margin:0;}
/*-------------------地址栏------------------*/
#address{line-height:16px; font-size:10px; color:#555; background:url(../images/address.jpg) bottom right no-repeat;}
#address .addressItem{margin-top:1px;}
#address h6{font-size:11px; color:#000; background:#E0ECF9; width:105px; float:left; text-align:right;font-weight:bold;padding-right:3px; clear:left; margin:0 5px 0 0;}
/*---------------------版权------------------*/
#foot{margin:0 auto; height:80px;margin-top:0px; background: #fff url(../images/footBg.jpg) repeat-x; color:#999; border-top:1px #eee solid;}
#copyright{background:url(../images/copyrightBg.jpg) 10px 10px  no-repeat; height:35px; display:block; padding-left:120px; padding-top:15px; line-height:1.5em;margin-top:10px;}
/*--------------单个产品展示页-----------------*/
#productPage{width:960px; display:block; margin:auto; background:#FFF; clear:both; overflow:auto; padding:0; text-align:center;}
#productPage h1{font-size:20px;}
#closeButton{ border:0; width:70px; height:17px; background:url(../images/colseButton.gif); font-weight:bold; font-size:10px; color:#c00; margin-bottom:10px;}
#productPage #productPic{width:380px; float:left; border-top:#fff 10px solid;border-left:#fff 80px solid;border-right:#fff 20px solid; border-bottom:#fff 10px solid; overflow:hidden;}
#productPage #productConstraction{width:380px;border-top:#fff 10px solid;border-right:#fff 80px solid;border-left:#fff 20px solid; border-bottom:#fff 10px solid;float:left; overflow:hidden;}
#productPage #productSpecifications{ display:block; clear:both;width:880px;border:#fff 10px solid;}
/*-----------------联系我们-------------------*/
#contact{width:640px; margin:auto; overflow:auto;}
#contact #contactTop{background:url(../images/contactPic.jpg) top right no-repeat; padding-right:200px; height:110px; color:#999999;}
#contact #contactTop h1{ font-weight:bold; color:#0066CC; margin:0; font-size:12px;}
#panelContact{padding:2px 3px 3px 3px; border:#a9cbee 1px solid;}
#panelContact .contactItem{border-top:#fff 1px solid; background-color:#F2F8FD; font-size:12px; height:23px; line-height:23px; color:#03C;}
#panelContact .contactItem h6{background-color:#abccef; width:120px; font-weight:bold; color:#000; margin:0; text-align:right; float:left; border-right:#fff 1px solid; padding-right:5px;font-size:12px;margin-right:5px;}
/*------------------在线订单-------------------*/
#order{width:650px; margin:auto; overflow:auto;}
#orderTop{color:#999; height:130px;}
#order h1{font-weight:bold; color:#0066CC; margin:0; font-size:11px;}
#panelOrder{ background:url(../images/orderPic.jpg) 70px 277px no-repeat;}
#panelOrder .orderItem{font-size:11px; height:36px; line-height:23px; color:#06C;}
#panelOrder .orderItem h6{width:165px; font-weight:bold; color:#000; margin:0; text-align:right; float:left; font-size:11px;margin-right:10px;}
#panelOrder .orderItem2{font-size:11px; height:170px; line-height:23px; color:#06C;}
#panelOrder .orderItem2 h6{width:165px; font-weight:bold; color:#000; margin:0; text-align:right; float:left; font-size:11px;margin-right:10px;}
#panelOrder .orderItem input{border:#cce0f5  1px solid; color:#03c; width:350px; height:14px; line-height:12px; padding:3px; background:#f2f8fb url(../images/orderTextBg.gif) top repeat-x;font-size:11px; font-family:Verdana; }
#panelOrder .orderItem .inputData{ border:#cce0f5  1px solid; color:#03c; width:350px; height:14px; line-height:12px; padding:3px; background:#f2f8fb url(../images/orderTextBg.gif) top repeat-x;font-size:11px; font-family:Verdana; }
#panelOrder .orderItem .validData{ border:1px #00CC00 solid; color:#03c; width:350px; height:14px; line-height:12px; padding:3px; background:#f2f8fb url(../images/orderTextBg.gif) top repeat-x;font-size:11px; font-family:Verdana;  }
#panelOrder .orderItem .invalidData{border:1px #FF0000 solid;  color:#03c; width:350px; height:14px; line-height:12px; padding:3px; background:#f2f8fb url(../images/orderTextBg.gif) top repeat-x;font-size:11px; font-family:Verdana; }
#panelOrder .orderItem2 textArea{border:#cce0f5  1px solid; color:#03c; width:350px; height:150px; line-height:18px; padding:3px; background:#f2f8fb url(../images/orderTextBg.gif) top repeat-x; font-size:11px; font-family:Verdana; overflow:auto;}
#orderButton{text-align:center; padding-left:90px; clear:both; display:block;}
#orderButton .button1{width:58px; height:20px; border:0; background:url(../images/orderButton.jpg); color:#FFF; text-align:center; font-size:10px; font-weight:bold;}