﻿@charset "utf-8";

* { margin:0px; padding:0px;}
a{	text-decoration:none;}
div{	word-wrap:break-word;}
img{	border:0;}
ul li{	list-style-type:none;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}
html{ overflow-y:scroll;}
* html .clearfix {
  height: 1%;
}

.clear{ clear:both;}
body{font-size:12px;	color:#000;font-family:"微软雅黑",Arial;}
.all_top{ width:100%;}
.topnav {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.fl{ float:left;}
.fr{ float:right;}

.tops{ height:108px; box-shadow:0px 0px 5px #aaa; -moz-box-shadow:0px 0px 5px #aaa; -ms-box-shadow:0px 0px 5px #aaa;}
.logos{ padding:42px 0 0 0;}
.language{ position:absolute; top:8px; right:30px;}
.language a{ color:#333333;}
.language a:hover{ color:#5DBFEC;}

.nav{ margin:34px 0 0 0;}
.nav li{ padding:12px 10px 20px 10px; text-align:center; margin:0 10px; line-height:20px; float:left; padding-top:14px\0;}
.nav li a{ color:#5f5f5f; *font-size:expression(this.previousSibling==null?"18px":"12px"); cursor:pointer;}
.nav li:hover{ background:red;}
.nav li:hover a{ color:#fff;}
.nav li a:first-child{ font-size:18px;}
.nav li a:last-chile{ font-size:12px;}

.banner{ width:100%;  text-align:center;}


/*↓banner slider css↓*/
#full-screen-slider { width:100%; height:600px; float:left; position:relative; z-index:10;}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative; z-index:10;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:10;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; z-index:9; left:50%; top:580px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px; outline:none; cursor:pointer;}
#pagination li.current { background:#0092CE}
/*↑banner slider css↑*/




.content1{ width:1030px; margin:30px auto 15px auto;}
.content1 h2{ margin:0 16px;}
.content_01{ width:310px;}
.title_h2{ text-transform:uppercase; font-size:18px; background:url(../images/more_bg.gif) repeat-x bottom; vertical-align:bottom;}
.title_h2 b{ font-size:14px; color:#ff3535; font-weight:normal;}
.title_h2 span{ float:right; height:15px; margin:5px 0 0 0; margin:3px\0;}
.title_h2 span a{ color:#fff; font-size:10px;}
.content_ab{ padding:11px 18px 10px 18px; background:url(images/about_bg.gif) no-repeat; margin:2px 0;}
.content_text{ padding:0px 20px; height:75px; overflow:hidden;}
.content_text p{ color:#686868; line-height:25px;}
.content_02{ width:1px; height:251px; border-left:solid 1px #ccc; margin:0 24px; _display:inline;}
.content_news{ padding:0px 20px 0 20px;}
.content_news ul{}
.content_news ul li{ border-bottom:dashed 1px #ccc; line-height:20px; padding:5px 0;*border-bottom:expression(this.previousSibling==null?"dashed 1px #ccc":"none");}
.content_news ul li a{ color:#686868; display:block; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.content_news ul li span{ color:#bbb; float:right;}
.content_news ul li:last-child{ border:none;}

.ind_pro{ width:1020px; margin:0 auto;}
.ind_pros{ background:#f5f7f9; padding:20px 0;}
.ind_pro .title_h2{ padding:0 0 5px 15px; margin: 5px 0 20px 0;}
.ind_pro h2 span{ margin:13px 0 0 0;}

.ind_pro ul li{float:left; margin:0 5px 0 15px; *margin:expression(this.previousSibling==null?"0":"0 20px 0 0");}

/*7.31change*/
.pro_pic_bg{margin:0 5px 0 15px;  width:220px; height:220px; overflow:hidden;  position:relative; cursor:pointer;}

.pro_pic_bg .btn_bg a{ color:#fff; font-size:14px; line-height:25px;}
.pro_pic_bg:hover .btn_bg{ position:absolute; left:0px; bottom:0px; opacity:0.5;filter:alpha(opacity=50);  background:#000; height:35px; width:220px; text-align:center; overflow:hidden; z-index:1;}
.bd_pic{ position:absolute; border:solid 1px #fff; width:210px; height:210px; top:5px; left:5px; z-index:2;}
.bd_pic a{ display:block; width:100%; height:100%;}


.copyright{ background:#828282; padding:20px 0; margin:50px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
.copy h3{ font-weight:normal; color:#fff; font-size:16px; line-height:30px;}
.copy ul{ width:15%; float:left; margin-left:10%;}
.copy ul li{ line-height:26px;}
.copy ul li a{ color:#e5e4e4;}

.copyr{ width:1000px; background:url(images/copy_bg.png) no-repeat top center; margin:10px auto 0 auto; padding:10px 0 0 0; text-align:center; min-height:20px;}
.copyr p{ color:#bbb;}





/*↓kf_code↓*/
.kefu_bar{ position:fixed; top:30%; right:1px; z-index:999;}
.clck{ position:relative;}
.c_2{}
.c_2 a{ background:url(images/float_s.gif) ; background-repeat:no-repeat; display:block; width:28px; height:118px; position:absolute; top:120px; left:-27px; cursor:pointer;}
.c_2 #open{ background-position:-30px -396px; z-index:7;}
.c_2 #clos{ background-position:0px -396px; z-index:8;}
.kf_pt01,.kf_pt02,.kf_pt04,.kf_pt05{ background:url(../images/float_bg.png); background-repeat:no-repeat;}
.kf_pt01{ width:150px; height:15px; background-position:0px bottom;}
.kf_pt02{ background-repeat:repeat-y; width:120px; padding:0 15px 15px 15px; background-position:-302px bottom;}
.kf_pt05{background-repeat:repeat-y; width:134px; padding:0 8px 5px 8px; background-position:-302px bottom;}
.kf_pt03{ background:url(images/webZx_bg.jpg) no-repeat; width:150px; height:15px;}
.kf_pt04{ background-position:-151px bottom; width:150px; height:15px;}


.kf_pt02 h5{ font-size:14px; color:#00a0e9; text-align:center; border-bottom:solid 1px #00a0e9; font-weight:normal; padding:0 0 5px 0;}
.kf_pt02 ul li{ line-height:30px; border-bottom:solid 1px #ddd; padding:3px 0; white-space:nowrap; overflow:hidden;}
.kf_pt02 ul li a{ color:#5e5e5e;}
.kf_pt02 ul li a img{ vertical-align:middle; margin:0 3px 0 0;}
.kf_cont{}








/*pages_*/

/*About_us*/

.pages{ background:#f4f4f4;}
.page_ban{ height:160px;}
.p_lft{ width:200px;}

.p_lft ul li{ line-height:45px; margin:0 0 5px 0; padding:0 5px 0 45px; overflow:hidden; background:#fff;}
.p_lft ul{ padding:20px 17px;}

.p_lft ul li a{ color:#767676;}

/*.p_lft ul li:nth-child(3){ background:red;}  IE无效*/
.abt ul>li+li+li+li+li+li+li{background:url(../images/left_ico07.png) no-repeat 15px center #FFF;}
.abt ul>li+li+li+li+li+li{background:url(../images/left_ico06.png) no-repeat 15px center #FFF;}
.abt ul>li+li+li+li+li{background:url(../images/left_ico05.png) no-repeat 15px center #FFF;}
.abt ul>li+li+li+li{background:url(../images/left_ico04.png) no-repeat 15px center #FFF;}
.abt ul>li+li+li{background:url(../images/left_ico03.png) no-repeat 15px center #FFF;}
.abt ul>li+li{background:url(../images/left_ico02.png) no-repeat 15px center #FFF;}
.abt ul>li{background:url(../images/left_ico01.png) no-repeat 15px center #FFF;}


.d_left_banner{ background:#5dbfec; padding:15px 0; text-align:center; margin-bottom:20px;}
.d_left_banner h4{color:#fff; font-size:18px; font-weight:normal; line-height:30px;}
.d_left_banner h4 img{vertical-align:central; margin-right:3px;}
.d_left_banner p{color:#fff; font-size:16px;}


/*products*/
.d_rig{ min-height:520px; background:#fff; width:780px; padding:15px 0 0 20px;}
.content_nav{ font-family:Arial, Helvetica, sans-serif; color:#545454; margin:0 0 20px 0;}
.content_nav a{ color:#545454;}
.pages_pro{ width:180px; height:220px; padding:25px 29px 5px 29px; border-right:1px solid #eee; border-bottom:solid 1px #eee; overflow:hidden; text-align:center;}
.pages_pro a{color:#5a5a5a; line-height:40px; overflow:hidden;}
.d_rig_text{ line-height:36px; font-size:16px;}
.d_rig_text img{ max-width:100%;}
.fenye{ text-align:center; margin:20px 0;}
.fenye a{ margin:0 5px; color:#000;}
/*翻页*/
.fenye{ width:100%; text-align:center; padding-top:20px; padding-bottom:30px;}
.paginator { margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #fff; background: #ffa501;border-color:#ffa501;text-decoration: none;}


/*contact us*/
.mail{ padding:25px 0 25px 180px; background:url(../images/email_ico.jpg) no-repeat 10px center;}
.mail h1{ font-size:14px;}
.mail h3{ color:#ca1129; padding:5px 0 10px 0; border-bottom:solid 1px #eee; font-weight:normal; margin:0 0 10px 0; width:90%;}
.mail p{ color:#868686; line-height:35px;}
.mail span{ color:#5a5a5a;}
.attn{border-top:solid 1px #eee; padding:10px 0 10px 30px; color:#666;}
.red{ color:red;}


.table_cot p{ margin:15px 0 0 0; color:#707070;}
.table_cot label{ width:130px; text-align:right; display:inline-block; margin:0 10px 0 0;}
.table_cot input,.table_cot textarea{ border:0 none; background:#eee; overflow:hidden; line-height:25px; height:25px; padding:0 10px; color:#666;}
.table_cot input{ width:160px;}
.table_cot textarea{width:400px; height:80px; vertical-align:top;}
#sub_btn{ width:100px; height:35px; background:#ff3736; color:#fff; margin:0 10px 0 0; cursor:pointer;}
#esc_btn{ width:100px; height:35px; background:#aeaeae; color:#fff; cursor:pointer;}



/*prod_info*/
.p_info{ padding:0 0 20px 0px; margin:0 0 10px 0; border-bottom:1px #ccc dashed;}
.pd_info{ width:300px; height:300px; padding:2px; border:solid 1px #eee;}
.pd_info img{ width:300px; height:300px;}
.pd_text{ width:400px; padding:0 20px 0 30px;}
.pd_text h4{ font-size:16px; color:#252525; font-weight:normal; padding:0 0 10px 0px; border-bottom:dashed 1px #ccc; margin-bottom:10px;}
.pd_text ul li{ color:#636363; line-height:25px;}
.pd_text ul li span{ font-size:14px; margin:0 8px 0 0;}
.pd_text ul li input{ background:url(../images/buy_ico.png) no-repeat; width:100px; height:35px; line-height:35px; color:#fff; border:0 none;}
.p_info_tit{ border-bottom:2px #f00 solid;}
.p_info_tit a{ color:#fff; display:inline-block; width:auto;padding:6px 14px; background:#F00;}
.p_info_text{ padding:15px 0 0 0;}
.p_info_text img{ max-width:780px; height:auto; *width: expression(this.width > 780 ? 780 : auto);}

/*news*/
.news{ width:90%;}
.news ul li{ overflow:hidden; height:35px; padding:0 0 0 20px; background:url(../images/44.gif) no-repeat left center; line-height:35px; border-bottom:dashed 1px #ccc;}
.news ul li a{ color:#666;}
.news ul li span{ float:right; color:#999;}

/*news_info*/
.news_info{ width:90%;}
.news_info_tit{ text-align:center; border-bottom:dashed 1px #ccc; padding:0 0 10px 0; margin:0 0 10px 0;}
.news_info_tit h2{ color:#333; font-weight:normal; line-height:40px; font-size:20px;}
.news_info_tit p{ color:#999; font-size:1em/12px; padding:5px 0; background:#f6f6f6;}
.news_info_text{font-size:14px; line-height:30px;}
.news_info_text p{ line-height:30px; color:#444;}
.context li{ line-height:36px; font-size:14px;}
