body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; background:#fff;}
*{ list-style:none; padding:0; margin:0;}
a{ color:#000; text-decoration:none;}
a:hover{ color:#20a4e4; text-decoration:none;}
.clear{ width:100%; clear:both; height:30px;}
.wrapper{ width:100%; margin:0px auto; }
.head_wrapper,.box_wrapper,.foot_wrapper{ width:100%; float:left;}
.main{max-width:1220px; width:100%; margin:0 auto; text-align:left;}
.heighten{ width:100%; height:50px; clear:both;}
img{ border:none;}
img a{ border:none;}

/*head*/
.head{ width:100%; height:140px; text-align:center; background:#fff;}
.logo{ float:left;}
.search{ float:right; border:1px solid #b5b5b5; height:30px; width:230px; margin-top:45px !important; border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; behavior:url(css/PIE.htc);}
.search input[type="text"]{width:180px; height:24px; border:none; line-height:24px; margin-top:2px !important; margin-left:12px !important; font-size:14px; color:#707070; display:inline-block; float:left; background:none;}
.search input[type="submit"]{ background:#09F; border:0px; height:27px; color:#fff;display:inline-block; float:right}


/*nav*/
.navbg{ width:100%; height:36px; background:#0f6695; clear:both; z-index:1000;}
.nav{ height:36px; line-height:36px; position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; border:none; }
.nav .nLi h3{ float:left; font-weight:normal;font-size:15px; }
.nav .nLi h3 a{ display:block; width:200px; text-align:center; background:url(../images/navbg.png) no-repeat left center;  }
.nav .nLi h3 a:hover{ color:#fff; background:#20a4e4;}
.nav .sub{ display:none; width:480px; padding:0px 8px; left:-190px; top:36px;  position:absolute; background:url(../images/subbg.png); line-height:26px; border-top:0;  }
.nav .sub li{ height:172px; padding:14px 8px; margin:0; zoom:1; float:left; text-align:center;}
.nav .sub li img{ display:block; width:140px; height:140px;}
.nav .sub li span{ font-size:14px; line-height:30px;}
.nav .sub a{ display:block; padding:0 2px; color:#000; }
.nav .sub li:hover{ background:url(../images/subonbg.png);}
.nav .sub li a:hover{color:#20a4e4;}
.nav .on h3 a{ color:#fff; background:#20a4e4;}

/*home banner*/
.slideBox{ width:100%; height:550px; overflow:hidden; position:relative; clear:both}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:48%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px !important;  width:9px; height:9px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;behavior:url(css/PIE.htc); background:#0f6695; }

.slideBox .hd ul li.on{ background:#20a4e4;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:550px; float:left; }
.slideBox .bd li a{ width:100%; height:100%; display:block; text-indent:-9999px; }



/*inside banner*/
.inside_banner .slideBox{ width:100%; height:200px; overflow:hidden; position:relative; clear:both}
.inside_banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:49%; bottom:0px; z-index:1; }
.inside_banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.inside_banner .slideBox .hd ul li{ float:left; margin-right:8px !important;  width:9px; height:9px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;behavior:url(css/PIE.htc); background:#0f6695; }

.inside_banner .slideBox .hd ul li.on{ background:#20a4e4;}

.inside_banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.inside_banner .slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:200px; float:left; }
.inside_banner .slideBox .bd li a{ width:100%; height:100%; display:block; text-indent:-9999px; }



/*底部样式*/
.foot_wrapper { color:#fff;}
.foot_wrapper a { color:#fff;}
.foot_wrapper a:hover { color:#20a4e4;}
.mainfoot{ width:1220px; margin:0 auto;}
.Copyright{ background:#2b7fad; float:left; width:100%; height:32px; color:#fff; line-height:32px; text-align:center; font-size:12px;}
.footnav{ width:100%; float:left; color:#fff; background:#0a5e8b; padding:2px 0;}
.footnav ul{ float:left;}
.footnav ul li{ float:left; width:210px;}
.footnav ul li span{ width:150px; float:left; font-size:14px; padding:16px 0;}
.footnav ul li p{ width:150px; float:left; line-height:30px; font-size:14px;}
.footright{ float:right; line-height:28px; margin-top:16px !important;}
.footfollow{ margin-top:20px !important;}
.footfollow dt{ float:left; padding:6px 20px 0 0; width:36px;}
.footfollow dt span{ width:100%; float:left; text-align:center; line-height:30px;}


/*homeproduct*/
.homeproduct{width:100%; height:272px; margin-top:3px !important; background:#fff; overflow:hidden; position:relative;}
.mainhomeproduct{width:1366px; position:absolute; left:50%; margin-left:-683px; height:274px;position:relative;}
.mainhomeproduct a{ float:left; width:340px; height:272px; float:left; border:0px;}
.homeprodbox { width:340px; height:272px; float:left; border:0px; border-left:2px solid #dfe1e1;}
.nobg{ border:0;}
.homeprodbox p{ width:290px; height:46px; display:block; font-size:12px; text-align:center; color:#666; padding:6 20px 0 30px;}
.homeprodbox p span{ font-size:14px; color:#000; line-height:24px;}
.homeprodbox:hover{  height:270px; border-bottom:2px solid #dfe1e1;}

/*hot*/
.hot{ margin:0; margin-top:28px !important; overflow:hidden}
.hottitle{ width:100%; text-align:center;}
.hottitle h1{ font-size:22px; color:#20a4e4; font-weight:normal;}
.hotbg{ width:400px; height:400px; margin:0px; margin-top:15px !important; border:0px; padding:0px; float:left; position:relative;z-index:1;}
.hotbox{ width:400px; height:400px; border:none;background-repeat:no-repeat; background-position:center; position:absolute; left:0px; top:0px; z-index:1;}
.hotbox:hover{filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=6); -webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px; behavior: url(css/PIE.htc); left:-5px; top:-3px;  z-index:1000;}
.hotboxtitle{ width:100%; height:46px; padding:5px 0; border:none; background:url(../images/subbg.png); position:absolute; bottom:0px; text-align:center;}
.hotboxtitle h2{ font-size:15px; line-height:26px; font-weight:normal;}
.hotboxtitle:hover{ background-color:#fff;}
.hotboxtitle span{ font-size:11px; color:#707070;}

/*inside left*/
.left{ float:left;}
.left_title{width:182px; height:40px; background-color:#0f6695; color:#fff; line-height:40px; padding-left:20px !important; margin-top:20px !important;}
.left_title h2{ font-size:15px; font-weight:normal;}
.left_list{ width:202px;}
.sideMenu h3 a{ font-size:14px; display:block; width:182; height:35;border-bottom:1px solid#d3d3d3; line-height:35px; font-weight:normal; padding-left:20px;}
.sideMenu li a{ display:block; width:182; height:35;border-bottom:1px solid#fff; line-height:35px; font-weight:normal; padding-left:20px; color:#535353; }
.sideMenu li a:hover{color:#fff;background:#20a4e4;}
.sideMenu h3 a:hover{ font-size:14px; color:#20a4e4;}
/*inside right*/
.right{ width:950px; min-height:420px; margin-top:20px !important; padding:0 15px; float:right;}
.right_top{ width:100%; height:40px; border-bottom:1px solid #d2d2d2; margin-bottom:15px !important;}
.right_top h1{ font-size:22px; line-height:40px; font-size:22px; color:#20a4e4; font-weight:normal; float:left; margin-left:5px !important;}
.right_top h1 a:hover{ color:#20a4e4; }
.right_top span{ margin-top:13px !important; color:#707070;line-height:24px; float:right;}
.right_top span a{ color:#353535;}
.right_top span a:hover{ color:#20a4e4;}
.abstract{ font-weight:bold;}

.content{ width:930px;line-height:28px; clear:both; font-size:14px; color:#000; padding:10px; font-family:Arial, Helvetica, sans-serif;}
.content p{ margin-bottom:20px;}
/*inside product*/

/*新闻中心*/

.news{ float:left; width:930px; margin:0 10px; min-height:320px; max-height:auto !important; overflow:hidden; margin-top:10px;}
.news dl{ float:left; width:100%; height:130px; margin-bottom:10px;}
.news dl dt{float:left; width:180px; height:110px;}
.news dl dd{ float:right; width:710px; height:130px; font-size:14px; color:#535353; padding-right:10px;}
.news dl dd a{ color:#000; float:left; width:500px; height:36px; line-height:36px; font-size:16px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.news dl dd p.news_title{ width:100%; height:36px; line-height:36px; border-bottom:1px solid #ddd;}
.news dl dd p.news_title span{ width:80px; float:right; color:#666}
.news dl dd p.p1{ width:100%; float:left; height:70px; line-height:25px; padding:8px 0;}
.news dl dd a:hover{ text-decoration:underline; color:#20a4e4;}
.n_h1{ float:left; width:100%; height:50px; line-height:50px;font-size:24px; font-weight:normal; text-align:center; color:#002673; padding-top:30px;}
.news li{ width:930px; float:left; margin-left:10px; height:36px; line-height:36px; font-size:14px; color:#666; border-bottom:1px dashed #ccc;}
.news li span{ width:80px; float:right}
.protitle{ width:100%; padding:5px 0;line-height:25px; text-align:center; color:#000; font-size:18px; margin:5px 0; float:left}

.new_date{ float:left; width:100%; height:30px; line-height:30px; text-align:center;color:#999; font-family:"宋体"; font-size:12px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
.new_date span{display:inline-block; background:url(../images/icon_dt.png) no-repeat left center; padding-left:20px; margin-right:20px;}
.new_date span.eye{background:url(../images/icon_eye.png) no-repeat left center; padding-left:25px;}



/* product image*/
.propic{ width:422px;  float:left;}
.ke_m2con {  width:422px; float:left;}
.ke_m2pc_con ul li { border: 1px solid #ddd; cursor: pointer; display: inline; float: left; height: 50px; margin: 0 4px 0 4px !important; overflow: hidden; width: 50px; }
.ke_m2pc_con ul li:hover{ border:1px solid #09F}
.ke_m2pc_con ul { left: 0; position: absolute; top: 0; }
.ke_m2pc_con { display: inline; float: left; height: 52px; margin: 0 20px !important; overflow: hidden; position: relative; width: 300px; }

.ke_m2pc_btn1 { cursor: pointer; float: left; height: 48px; width: 15px; position:absolute; right:0px; top:2px; }
.ke_m2pc_btn2 { cursor: pointer; float: left; height: 48px; width: 15px; position:absolute; left:0px;top:2px; }

.ke_m2pcl_c2 { margin-top: 12px !important;  position:relative}
.ke_m2pcl_img { border: 1px solid #E3E3E1; }
#ink_showImg { width:420px; height:420px;  border: 1px solid #ddd; position: relative; }
#ink_showImg .small_pic { width:420px; height:420px; background: #eee; position: relative; }
#ink_showImg .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; }
#ink_showImg .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;}
#ink_showImg .big_pic { position: absolute; top: -1px; left: 422px; width:420px; height:420px; background:#fff; overflow:hidden; border:1px solid #CCC; display:none; }
#ink_showImg .big_pic img { position:absolute; top: -30px; left: -80px; }
#ink_showImg .small_pic img{ width:420px; height:420x;}


/*product list*/
.productbox{ width:302px; height:368px; text-align:center; margin:0 7px !important; float:left;}
.productbox img{ width:300px; height:300px; border:1px solid #dedede;}
.productbox span{ display:block; width:100%; text-align:center;}


.page{ width:100%; float:left; padding:30px 0; text-align:left}
.page a{ border:1px solid #ccc; margin:0px 5px; padding:2px 5px; cursor:pointer; font-size:12px;}
.page a.hover{border:1px solid #ccc; margin:0px 5px; padding:2px 5px; cursor:pointer; font-size:12px;color:#20a4e4}


/* product parameter*/
.protext{ width:460px; float:right; font-size:14px;}
.protext h2{ width:450px; float:left; font-size:18px; line-height:42px; color:#000; font-weight:normal;  border-bottom:1px solid #d2d2d2; padding:0 5px;}
.protext ul li{ width:440px; padding:15px 10px; line-height:30px;}
.parameter{ height:338px; }
.parameter span{ display:block; font-size:15px; line-height:40px;}

/*product details*/
.procolumn{ clear:both; width:100%; height:35px; line-height:35px; background:#eee; margin:15px 0 !important;}
.procolumn span{ padding:0px 15px; color:#fff; font-size:15px; background:#0f78c2; float:left;}
.procontent{ width:978px; padding:15px 0; border:1px solid #eee;}


/*Feedback*/
.feedback{ width:562px; margin:0 auto;}
.feedbackname{ width:90px; float:left; line-height:42px; border:none; margin-bottom:10px !important;}
.feedbackinput input{ width:460px; float:right; height:40px; border:1px solid #d2d2d2; margin-bottom:10px !important;}
.feedbackinput textarea{ width:460px; float:right; height:120px; border:1px solid #d2d2d2; margin-bottom:10px !important;}
.code{ clear:both; height:42px; margin:0 0 10px 100px !important;}
.code input{ display:inline-block; width:120px; height:40px; border:1px solid #d2d2d2;float:left;}
.code img{ border:1px solid #fff; padding:0px; display:block; float:left; margin-top:15px !important; margin-left:10px !important;}
.button input{ width:120px; height:36px;border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; behavior:url(css/PIE.htc); background:#0f6695; color:#fff; border:none; margin-left:100px !important; cursor:pointer; font-size:15px;}