@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-size:14px; font-family: 'STHeiti','Microsoft YaHei','微软雅黑','arial'; color:#1c1c1c;overflow-x:hidden;}
a {color:#666666;text-decoration:none; border:0px;}
a:hover{ color:#0194f1;}

ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0px;padding:0px; list-style:none;  font-weight:normal; }
ul,li,dl,dt,dd{list-style-type:none;}
.fl{ float:left;}
.fr{ float:left;}
.topbox{ width:1000px; height:auto; overflow:hidden;  margin:auto;}
.logo{ width:211px; height:94px; float:left;}
.tdq{ width:100px; height:24px; float:left; margin-top:50px;}
.tdq ul li{ padding:2px 3px; margin:0 1px; float:left;}
.tdq ul li a{ padding:0px 5px;  color:#fff;}
.dq{ background:#0194f1;}
.dqs{ background:#ccc;}
.dqs a:hover{ background:#0194f1; display:block;}




.lan{ width:170px; float:right; margin-top:20px;}
.lan a{ margin:0 5px;}




.rightbox{ width:689px; height:94px; float:left;}
.tel{ text-align:right; height:45px; line-height:45px; background:url(../images/tel.jpg) no-repeat 63% 18px;}
.tel span{ color:#ff4200; font-size:18px;}
.nav{ margin:0px 0 0 100px;}
.nav li{ padding:0px 10px; text-align:center; margin:0 12px; line-height:30px; float:left; position:relative;}
.nav li a{ *font-size:expression(this.previousSibling==null?"18px":"12px"); cursor:pointer;}
.nav li:hover{ background:#0194f1;}
.nav li:hover a{ color:#fff;}
.nav li a:first-child{ font-size:18px;}
.nav li a:last-chile{ font-size:12px;}








.product_list_nr a { cursor:pointer; color:#fff; text-decoration:none; padding-left:9px; font-size:12px;}
.product_list_nr{ width:181px; margin-left:1px; padding-bottom:18px;}
.f_x{ background:url(../images/product_list_bg.jpg) no-repeat 0px 5px;width:181px; line-height:30px; padding-top:5px; text-indent:8px;}
.f_x ul{  margin-top:1px; margin-bottom:13px; }
.f_x ul li { text-indent:20px;  line-height:38px; background:url(../images/product_list_bg_bg.jpg) no-repeat;width:181px; display:block}
.f_x ul li a{ font-size:12px;  color:#444; display:block}
.f_x ul li a:hover{font-size:12px; color:#fff; background:url(../images/product_list_bg_bg-1.jpg) no-repeat left center; }
.f_x ul{ display:none; }

a.pl{ width:181px; height:30px; display:block;}
a.pl:hover, a.pl:focus {width:181px; height:30px;background:url(../images/product_list_bg_-1.jpg) no-repeat left center; color:#fff;}
#menu{ display:block;}
.product_list{  border:1px solid #63bce6;}
.product_list_title { padding-bottom:10px;}








/*  header */
#header{ background: url(../images/header_bj.jpg) repeat-x center top; height:111px;}
#header1{ width:1000px; margin:0 auto;height:111px; background:url(../images/header.jpg) no-repeat center top}

.header_right{ float:right; height:50px; margin-top:52px;}

.fl{ float:left;}
.language{ position:absolute; top:65px; right:190px; }
.lang_name{ width:70px; height:28px; line-height:28px;}

.lang_select{ position:relative; z-index:600; width:104px;}
.lang_select a img{ vertical-align:middle; margin-right:5px; margin-left:12px;}
.lg_sel1{ background:url(../images/lang_tback.png) no-repeat; width:104px; height:24px; line-height:26px;}
h3 a{ font-weight:normal}
.lg_selist{ position:relative; z-index:100; height:auto; overflow:hidden; display:none; background:url(../images/lang_cback.png) repeat-y;}
.lg_selist li{ height:28px; line-height:28px;}
.lang_dback{ background:url(../images/lang_dback.png) no-repeat; width:104px; height:4px;}

.search{ position:absolute; top:69px; right:3px;}
.ser_text{ float:left; background:url(../images/ser_text.png) no-repeat; font-family:"宋体"; color:#c8c8c8; width:152px; height:21px; line-height:21px; padding-left:8px; display:block; border:none;}
.ser_sub{ float:left; background:url(../images/ser_sub.png) no-repeat; width:21px; height:21px; display:block; border:none; cursor:pointer;}

/*main*/
#main{ width:1000px; margin:20px auto 20px auto;}

.main_top{}
.main_top_l{ float:left; width:10px; background:url(../images/pro_l.jpg) no-repeat center top; height:237px;}
.main_top_r{ float:right; width:10px; background:url(../images/pro_r.jpg) no-repeat center top; height:237px;}
.main_top_c{ float:left; width:980px; background:url(../images/pro_bj.jpg) repeat-x center top; height:237px;}
.main_top_c h2{ font-size:16px; color:#21629f; height:40px; line-height:40px; padding-left:8px;}
.main_top_c h2 span{ font-weight:normal; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; float:right}

#demoa {overflow:hidden;width:976px;margin-right: auto;margin-left: auto; padding-top:9px;height:180px;} 
#demoa img {padding:0px;height:150px;width:200px;border:1px solid #e2e2e2; padding:2px;}
#indemoa {float: left;width: 600%;margin: 0px;padding: 0px;} 
#demo1a {float: left;margin: 0px;padding: 0px;} 
#demo1a ul {list-style-type: none;padding-top: 0px;padding-bottom: 8px;margin: 0px;padding-right: 0px;padding-left: 0px;}
#demo1a li {text-align: center;float: left;padding-right: 6px;padding-left: 6px;color: #ccc;
margin: 0px;padding-top: 0px;padding-bottom: 0px;height: 150px;font-size: 12px;line-height:20px;}
#demo2a {float: left;margin: 0px;padding: 0px;} 
#demo2a ul {list-style-type: none;padding-top: 0px;padding-left: 0px;padding-right: 0px;
padding-bottom: 8px;margin: 0px;}
#demo2a li {text-align: center;float: left;padding-right: 6px;padding-left: 6px;color: #ccc;
height: 125px;font-size: 12px;line-height:20px;}


.main_bottom{ margin-top:20px;}
.main_bottom_l{ float:left; width:324px; height:312px;}
.main_bottom_c{ float:left; width:324px; height:312px; margin-left:15px;}
.main_bottom_r{ float:right; width:324px; height:312px;}

.more{ float:right; padding-right:8px; padding-top:0px;font-weight:normal; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.about_wen{ background:url(../images/about_tu.jpg) no-repeat center top; height:150px; line-height:32px; }
.about_wen strong{font-size:16px; padding-left:6px; font-weight:normal}
.about_{ background:url(../images/main_bo_bj.jpg) repeat-y center top; height:156px;}
.about_ ul{ padding-top:5px; width:300px; margin:0 auto; overflow:hidden;}
.about_ ul li{ background:url(../images/dian.jpg) no-repeat left center}
.about_ ul li a{ padding-left:8px; line-height:24px;}










#main-rights{width:1000px;height:auto;overflow:hidden;margin:10px 0px; }
#main-right1s{width:43px;height:200px;float:left;}
#main-right2s{width:914px;float:left;height:205px;vertical-align: middle;}
#main-right2s ul li{width:210px;height:200px;float:left;text-align:center;line-height:25px; margin:0px 8px; border:#efefef 1px solid;}
#main-right2s ul li img{ margin:auto; clear:both; padding-top:12px;}
#main-right2s ul li:hover{border:#0194f1 1px solid;}
#main-right2s ul li a{color:#333;line-height:25px;}
#main-right2s ul li a:hover{color:#0194f1;line-height:25px;}
#main-right3s{width:43px;height:200x;float:left;}
.promore{ text-align:center; margin: 0px 0 50px 0;}
a.readmore {
	margin: 6px 0 3px 3px;
	-webkit-transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-ms-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	transition: all 0.17s ease-in-out;
	background:#017f8e;
	padding: 6px 40px;
	border-radius: 3px;
	color: #fff;
	box-shadow: 0 0 0 0;
	font-size:22px;
	text-transform: capitalize;
}
a.readmore:hover, a.readmore:focus {background-color: #ff9600;}

.banner { margin:0px auto; width:100%;  overflow:hidden; }
#fader { position:relative; width:100%; height:389px; overflow:hidden; z-index:0;}
#fader li { position:absolute; width:1920px; margin-left:-900px; top:0px; left:50%;}
#fader ul li img { height:389px;}
.fader-nav { width:11px; display:inline-block; background:#bbb; height:11px; overflow:hidden; cursor:pointer; margin-right:8px;}
.fader-cur-nav { width:11px; display:inline-block; background:#fff; height:11px; overflow:hidden; cursor:pointer; margin-right:8px;}
.clear{clear:both;}

.zhbox{ width:100%; height:auto; overflow:hidden; background:#efefef;}
.inaboutnave{ width:1000px; height:335px; margin:30px auto;}
.inab{ width:320px; height:335px; background:#fff; float:left;}
.inab h1{ width:320px; height:126px;}
.inabnave{ width:280px; height:auto; overflow:hidden; margin:auto;}
.inantop{ width:280px; height:50px; line-height:50px; font-size:18px; color:#017f8e; border-bottom:1px #eee solid; }
.inaete{ width:280px; height:auto; overflow:hidden; line-height:24px; color:#5d5d5d; margin-top:15px;}
.inaete ul li{ background:url(../images/index_27v.jpg) no-repeat left center; height:24px; line-height:24px; text-indent:12px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.inaete ul li a:hover{color:#017f8e;}
.inaete span{ font-size:16px; color:#017f8e;}
.inabs{ width:320px; height:335px; background:#fff; margin-left:20px; float:left;}

.footbox{ width:100%; height:auto; overflow:hidden; background-image:url(../images/downbg.jpg); margin-top:10px;}
.dbbox{ width:1000px; height:auto; overflow:hidden; margin:30px auto;}
.db1{width:200px; height:auto; overflow:hidden; float:left;}
.db1 h3{ font-size:18px; color:#ffffff; line-height:40px;}
.db1 ul li{ width:200px; height:25px; line-height:25px; color:#ffffff;}
.db1 ul li a{color:#ffffff;}
.db1 ul li a:hover{color:#00419a;}
.foot{ width:100%; height:auto; overflow:hidden; background-color:#6a6a6a;text-align:center; line-height:23px; padding:10px 0px; color:#fff;}

.page_ban{ height:160px;}
/**about css*/
.ab_lm{ width:1000px; height:auto; overflow:hidden; margin:30px auto 15px auto;}
.ab_lm h2{ font-size:22px;}
.ab_lm span{ color:#0194f1;}
.ab_th{ width:1000px; height:auto; overflow:hidden;background:url(../images/index_27v.jpg) no-repeat left center; font-size:16px; text-indent:12px; margin:auto;}
.ab_box{ width:1000px; height:auto; overflow:hidden; margin:15px auto;}
.ab_fl{ width:200px;  background:#0194f1;}
.ab_fl ul li{ height:60px; border-bottom:1px #caeaff solid; line-height:60px; font-size:16px; text-align:center;}
.ab_fl ul li a{ color:#fff;}
.ab_fl li:hover{background:#1360c9; color:#fff; display:block;}
.ab_fls{ width:200px;  background:#0194f1;}
.ab_fls ul li{ height:55px; border-bottom:1px #caeaff solid; line-height:55px; font-size:16px; text-align:center;}
.ab_fls ul li a{ color:#fff;}
.ab_fls li:hover{background:#1360c9; color:#fff; display:block;}


.ab_fr{ width:760px; height:auto; overflow: hidden; margin-left:10px;}
.lh{ line-height:24px;}
.lh h4{ font-size:18px; font-weight:bold;}
.ab_img{ height:auto; overflow:hidden;}
.ab_img ul li{ width:230px; height:220px; float:left; margin:0px 10px 20px 10px; border:1px #eee solid;}
.ab_img ul li img{ width:200px; height:150px; padding:15px;}
.ab_img ul li h3{ line-height:30px; text-align:center;}
.ab_img ul li:hover{border:1px #0194f1 solid; color:#0194f1;}
.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:500px; height:100px; vertical-align:top;}
#sub_btn{ width:100px; height:35px; background:#0194f1; color:#fff; margin:0 10px 0 0; cursor:pointer; font-size:14px;}
#esc_btn{ width:100px; height:35px; background:#aeaeae; color:#fff; cursor:pointer; font-size:14px;}

.newli{ width:770px; height:auto; overflow:hidden;}
.newli ul li{ width:770px; height:60px; margin-bottom:15px;}
.newli_fl{ width:60px; height:50px; text-align:center; background:#0194f1; float:left; color:#FFFFFF; font-size:12px; padding-top:10px;}
.newli_fl span{ font-size:20px;}
.newli_fr{ width:689px; height:40px; float:left; margin-left:1px; background:#eee; padding:10px; line-height:20px;}
.newli_fr h3{ font-size:14px; font-weight:bold;}
.newlis{ width:770px; height:auto; overflow:hidden;}
.newlis h1{ font-size:24px; text-align:center; margin:0px 0 20px 0}
.newssj{ padding:5px 15px; text-align:right; background:#eee;}
.newsnl{ padding:20px 0 0 0; line-height:25px;}
.newsnl span{ color:#0194f1; font-weight:bold;}
.newsnlimg{ margin:25px auto; clear:both; text-align:center;}
.ne-tj{ width:768px; height:auto; overflow:hidden; margin-top:25px; border:1px #eee solid; padding:10px 0px; background:#f4f4f4;}
.ne-tj h3{ font-size:18px;line-height:35px; text-indent:15px; color:#0194f1; }
.ne-tj ul li{ width:366px; line-height:27px; float:left; padding-left:15px;}

.proadd{ width:768px; height:auto; overflow:hidden; margin-top:25px; border:1px #ddd solid; padding:10px 0px;}
.proadd h3{ font-size:18px; color:#0194f1; line-height:35px; text-indent:15px;}
.proadd ul li{ float:left; width:174px; text-align:center; height:162px; margin:12px 0px 0px 15px; display:inline;}
.proadd ul li img{ width:170px; height:128px; border:1px #e6e6e6 solid; padding:1px;  }
.proadd ul li a:hover img{ width:170px; height:128px; border:1px solid #0088e0; padding:1px; }
.proaddzi{ width:170px; height:30px; line-height:30px; text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*************分页css*************/
.pages {overflow: hidden;zoom: 1;float: right;clear:both; margin-top:20px;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size: 14px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

.pro{ width:770px; height:auto; overflow:hidden; line-height:35px;  text-align:center; font-size:14px; font-weight:bold; border-bottom:2px #ddd solid;}
.pro1{ width:120px;}
.pro2{ width:170px;}
.pro3{ width:360px;}
.pro4{ width:60px;}

.prbox{ width:770px; height:auto; overflow:hidden;  border-bottom:1px #ddd solid;}
.primg{ width:120px; height:90px; padding:15px 0px;}
.pr_NO{ width:130px; height:auto; padding:20px; display:table; vertical-align:middle;}
.pr_style{ width:320px; height:auto; overflow:hidden; padding:20px;}
.pr_pdf{ width:59px; height:90px; text-align:center; border-left:1px #eee solid; padding-top:32px; }
.pr_de{ width:60px; height:auto; text-align:center; line-height:120px;}
.pr_de a{ padding:3px 5px; background:#0194f1; color:#fff;}



.text{
border:1px solid #bcbcbc; padding:2px;
}










.list_box{ float:left; width:185px;} 
.list_box1{ width:181px;}
.list_title{ font-size:14px; color:#017484; font-weight:bold; background:url(../images/about_tb.gif) no-repeat 13px 0px; padding-left:27px;}
.about_list{ margin-top:7px;}
.about_list li{ height:26px; line-height:26px;border-bottom:1px solid #E3E3E3; font-weight:bold; margin:1px 0; background:url(../images/a1.gif) no-repeat 0 -33px;}
.ab_hover,.about_list li a:hover{ background:url(../images/a1.gif) no-repeat; height:26px; color:#FFF; display:block;}
.ab_hover a{ background:url(../images/a1.gif) no-repeat; height:26px; color:#FFF; display:block;}
.ab_hover a,.about_list li a{ padding-left:42px;}
.ab_hover a{color:#FFF;}
.lxwm_box{ margin-top:5px; line-height:220%; font-size:12px;}
.lxwm_box img{ margin-bottom:10px;}


.Contont_box{ width:977px; margin: 9px auto 0;  height:236px;}
.pr_box{ width:328px; float:left;}
.pr_box_title{ height:30px;}
.pr_box_title span{ float:left;}
.title_left{ background:url(../images/title_bg.gif) no-repeat; width:4px; height:30px;}
.title_right{ background:url(../images/title_bg.gif) no-repeat -8px 0; width:4px; height:30px;}
.title_center{  background:url(../images/title_bg.gif) repeat-x 0 -32px; width:320px; height:30px;}
.title_center1{  background:url(../images/title_bg.gif) repeat-x 0 -32px; width:283px; height:30px;}
.title_a{ background:url(../images/titke_a.gif) no-repeat; width:72px; height:20px; display:block; padding-top:10px;text-align:center; color:#FFF; font-weight:bold; margin-left:5px; float:left;  display:inline}
.title_m{ float:right; padding-top:13px; color:#858E95; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/sjx.gif) no-repeat right 18px; padding-right:10px; display:inline; margin-right:6px;}
.pr_box1 span{ float:left;}
.pr_left{ background:url(../images/Contont_k.gif) no-repeat; width:4px; height:206px;}
.pr_right{ background:url(../images/Contont_k.gif) no-repeat -6px 0; width:4px; height:206px;}
.pr_center{ background:url(../images/Contont_k.gif) repeat-x 0 -209px; width:320px; height:206px;}
.pr_center1{ background:url(../images/Contont_k.gif) repeat-x 0 -209px; width:283px; height:206px;}

.pr_box2{ width:291px; float:left;}

.ab_box{ margin:4px 0 0 8px; line-height:180%; width:305px;}
.ab_box img{ float:left; margin:8px 8px 0 0 ; display:inline;}

.Contact_box{ width:258px; margin-left:12px;}
.Contact_box li{ background:url(../images/yuan.gif) no-repeat 4px 10px; padding-left:22px; display:block; line-height:260%; border-bottom:1px dotted #828282;}


.Contont_big_box{ width:976px; margin:16px auto 0;}
.about_right{ float:left; width:748px; margin-left:24px; border-left:1px solid #D6DADC;  padding-left:18px;}
.about_title{ width:745px; background:url(../images/line.gif) no-repeat 0 21px; height:24px;}
.about_title_wz{ font-size:14px; font-weight:bold; background:url(../images/about_tb.gif) no-repeat 9px -37px; padding-left:30px; float:left;}
.about_title_dq{ float:right; background:url(../images/about_tb.gif) no-repeat 0px -20px; padding-left:10px;}
.about_lrwz{ line-height:200%; margin:10px 0 0 5px; width:734px;}
.zs_box li{ float:left; margin:0 5px 10px; width:354px; text-align:center;}
.zs_box1{overflow:hidden}
.zs_box1 li{ float:left; margin:0 5px 10px; width:232px; text-align:center;}
.news_box li{ border-bottom:1px dotted #ADADAD; background:url(../images/sjx.gif) no-repeat 3px 14px; padding-left:13px; line-height:280%;}
.news_box span{ float:right; padding-right:10px; display:inline;}

h4{ font-size:14px; font-weight:bold; text-align:center; line-height:200%; color:#404040;}
.xwbt_title{ border-bottom:1px solid #C9C9C9; text-align:center; display:block; line-height:200%; color:#999999}

.products_tp{}
.products_tp dl{ margin:10px 4px; float:left; display:inline; width:178px; overflow:hidden;}
.products_tp dl dt {height: 149px; line-height:149px;}
.products_tp dl dt div {
    display: table-cell;
    height: 149px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 178px;
}
.products_tp dl dt div p {
    position: static;
    top: 50%;
}
.products_tp dd{ width:160px; height:75px; line-height:210%; margin-left:10px;}
.products_tp dd img{ margin-left:10px; vertical-align:top}
.products_tp dd a img{margin-left:0;}

.pr_top_tp1{ display:block; width:398px;}
.pr_top_tp{ overflow:hidden;width:634px;}
.pr_top_tp li{ float:left; margin:0 5px 15px; display:inline;}
.pr_fy{ height:34px; line-height:34px; background:#EEEEEE; display:block; padding-left:10px; margin-top:10px;}

.xszx_dm ul{ }
.xszx_dm li{ background:#027788; height:20px; width:87px; line-height:20px; padding-left:10px; float:left; color:#FFF; margin:5px; display:inline;}
.xszx_dm li a{ color:#FFF}

.xszx_dm_box{ display:inline;}
.xszx_dm_box ul{ width:205px; float:left; margin:10px 8px 4px; border:1px solid #E3E3E3; line-height:200%; padding-left:3px;  height:148px;}

.lxwm_box dt,.lxwm_box dd{ float:left;}
.lxwm_box dt{ margin-right:10px;}
.lxwm_box dd{ font-size:14px; line-height:280%; width:320px;}
.lxwm_box p{ border-bottom:1px dotted #ABABAB; padding-left:10px;}


.feature {
	WIDTH: 310px;
	POSITION: relative; margin:14px 0 0 3px;
}

.feature A IMG { border:none;
}
.feature A:hover IMG {border:none;
}
#my-glider {
	POSITION: relative
}
.scroller {
	OVERFLOW: hidden; WIDTH: 310px;
}
.scroller .section {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 310px; WHITE-SPACE: nowrap; text-align:center
}
.section a{ float:left; margin:0 8px; line-height:180%}
.section img{ display:block}
.scroller .content {
	WIDTH: 10000px
}
#prevLink {
	WIDTH: 25px;
	TEXT-INDENT: -99999px;
	POSITION: absolute;
	TOP: 35%;
	HEIGHT: 38px; background:url(../images/jt.gif) no-repeat;
}
#nextLink {
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 25px;
	TEXT-INDENT: -99999px;
	POSITION: absolute;
	TOP: 35%;
	HEIGHT: 38px;
	background:url(../images/jt1.gif) no-repeat 0 -36px;
}
#prevLink:hover {
	BACKGROUND-POSITION: 0px 0px
}
#nextLink {
	BACKGROUND-POSITION: 0px 0px
}
#nextLink:hover {
	BACKGROUND-POSITION: 0px 0px
}
#prevLink {
	LEFT: 0px
}
#nextLink {
	RIGHT: -6px
}
.pr_ss{ margin: 15px 0 0 13px;}
.pr_ss input,.pr_ss img{ float:left;}
.pr_ss img{ margin:4px 9px 0 4px;}
.ss_k { height:22px; width:150px; border:1px solid #C3C3C3; color:#9A9A9A; line-height:22px; padding-left:2px; display:inline;}