﻿@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
/*address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}*/
del,ins{text-decoration:none}
ul{ list-style:none; padding:0; margin:0;}
li{list-style:none}
caption,th{text-align:left}
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}*/
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

body,button,input,select,textarea{color:#333;font:12px/1.5 Tahoma,Helvetica,Arial,\5b8b\4f53}
a:link,a:visited,a:active{color:#000;text-decoration:none}
a:hover{color:#1f6bdd;text-decoration:none}
/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
.pages{color:#444; width:370px; margin:0 auto; font-size:12px;margin-bottom:20px; }
.pages a{color:#444; font-size:12px; padding:0 3px;}
.pages a:hover{color:#f60; text-decoration:none;}
.pages ul{list-style:none;}
.pages li{float:left; margin-left:8px; background:none;}
/* webcss start*/
body{background:#f0f0f0;}
#wrapper{margin:0px auto;width:1002px; background:#fff;}
.top{margin:0;position:relative; }
.logo{ float:left; }
.topright{ float:right; padding-top:25px;}
.topright li{
	float:left;
	padding:0 15px;
	text-align:left;
	background:url(/upLoad/slide/month_1409/201409091611521425.gif) no-repeat 0 -4px;
}
.topright li a{
	display:black;
	line-height:25px;
	font-size:12px;
	color:#444;
}
.topright li a:hover{ color:#1f6bdd;}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
#MainMenu{height:36px;padding:0 15px; background:#3565c8;}/*#ffd700*/
#banner{height:252px;padding:5px;overflow:hidden}
.toprightw{ float:right; padding-top:10px;}
.topright li{
	float:left;
	padding:0 15px;
	text-align:left;
	background:url(/upLoad/slide/month_1409/201409091611521425.gif) no-repeat 0 -4px;
}
.topright li a{
	display:black;
	line-height:25px;
	font-size:12px;
	color:#444;
}
.topright li a:hover{ color:#1f6bdd;}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
#MainMenu{height:36px;padding:0 15px; background:#3565c8;}/*#ffd700*/
#banner{height:252px;padding:5px;overflow:hidden}
.KSS_titleBox h2{line-height:32px}
#index_main{ width:1002px;margin-top:10px;margin-bottom:18px;} /*background:url(../images/v_line.gif) 222px top no-repeat;*/
#index_main h2{height:30px;line-height:30px;font-size:100%; color:#444;font-weight:bold; border-left:6px solid #3565c8; text-indent:0.8em;background:#f6f6f6; padding-right:5px;}
#index_main h2 i{ font-size:10px; font-weight:normal; font-style:normal; color:#999;}
#index_main h2 span{float:left;}
#index_main h2 a{float:right;margin:15px 0px 0px 0px}
.index-left{float:left;padding:0px;width:766px;overflow:hidden;}
.index-newproducts{padding-bottom:15px;border:1px solid #f3f3f3; }
.index-newproducts h2{background-position:0px 0px}
.productsroll{position:relative;width:100%;padding:15px 0 0 0;min-height:140px;}
/* productsroll Start */
#LeftArr1,#RightArr1{background-image:url(../images/product_arrow.gif);width:25px;height:130px;cursor:pointer;position:absolute;top:44px;z-index:1}
#LeftArr1{background-position:-25px 0px;float:left;left:8px}
#RightArr1{background-position:-50px 0px;float:right;right:8px}
#ScrollBox{margin-left:32px;width:704px;overflow:hidden}
#ScrollBox li{float:left;display:inline;width:162px;text-align:center}
#ScrollBox li a{display:block;border:#fff 1px solid;padding:5px 5px 0px 5px;margin:0px 5px}/*e5e5e5*/
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#000}
#ScrollBox li a:hover{}
#ScrollBox li a span{display:block;padding-top:4px}
/* productsroll End */
.index-news{float:right;padding:0;width:330px;border:1px solid #f3f3f3;min-height:216px;}
.index-news h2{background-position:0px -34px}
.index-news ul{padding:0px 0px 10px 5px}
.index-news ul li{padding:4px 0px}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news ul li p{color:#666}
.index-news ul li a span{color:#666;float:right;margin-right:10px}
.index-about{float:left;width:420px;margin-right:5px;border:1px solid #f3f3f3;}
.index-about h2{background-position:0px -68px; padding-right:10px;}
.index-about p{line-height:23px;padding:5px 5px 0px 5px;}
.index-about p img{float:left;margin-right:8px}
.topdiv{margin-bottom:15px;}
.icontent{margin-top:5px; padding:8px 0;}
.icontent p{ text-indent:2em;}
.index-products{clear:both}
.index-products h2{background-position:0px -102px}
/* index-products Start */
.index-products ul{padding:0px 1px 5px 1px}
.index-products ul li{float:left;text-align:center;width:176px;padding:5px 0px}
.index-products ul li a{display:block;border:#e5e5e5 1px solid;padding:5px 5px 0px 5px;width:154px}
.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active{color:#000}
.index-products ul li a:hover{border:#008aff 1px solid;color:#008aff}
.index-products ul li a span{display:block;padding-top:4px}
/* index-products End */
.index-right{float:left;padding:0;width:224px;overflow:hidden; border:1px solid #f3f3f3;margin-right:10px;}
.index-search{padding-bottom:5px}
.index-search h2{background-position:0px -136px}
.index-search p{padding:5px 0px 5px 10px}
#searchid{line-height:20px;padding:2px}
#searchtext{border:#E6E6E6 1px solid;background:url(../images/searchinp.gif) repeat-x;height:20px;line-height:20px;padding:2px;width:200px}
#searchbutton{border:none;background:url(../images/searchbut.gif);cursor:pointer;height:21px;width:64px}
.index-jobs h2{ padding-right:10px;} /*background-position:0px -170px*/
.index-jobs{padding-bottom:5px}
.index-jobs ul li{padding:4px 5px}
.index-jobs ul li a{ font-weight:bold;}


.index-jobs ul li dl{ padding:5px 0 5px 18px;}
.index-jobs ul li dl dt{width:100%; line-height:20px; background:url(/upLoad/slide/month_1409/201409151531089538.png) no-repeat left center; text-indent:1em;}
.index-jobs ul li dl dt a{ font-size:12px; font-weight:normal;}

.index-contact{padding-bottom:10px}
.index-contact h2{background-position:0px -204px}
.index-contact p{line-height:25px;padding:0px 5px 0px 10px}
.index-contact p span{font-weight:bold}
/*********** page ***********/
#page_main{margin:10px 4px;}
/* page-left */
.page-left{float:left;padding:0;width:240px; border:1px solid #f3f3f3;}
.page-left h2{height:34px;line-height:34px;font-size:100%;color:#444;font-weight:bold; border-left:6px solid #3565c8; text-indent:0.8em;background:#f6f6f6; padding-right:5px;}
.page-left h2 span{float:left;}
.left-about h2{background-position:0px -68px}
.left-products h2{background-position:0px -102px}
.left-search h2{background-position:0px -136px}
.left-search p{padding:5px 0px 5px 10px}
.left-contact{padding-bottom:10px}
.left-contact h2{background-position:0px -204px}
.left-contact p{line-height:25px;padding:0px 5px 0px 10px}
.left-contact p span{font-weight:bold}
/* page-right */
.page-right{float:right;padding:0;width:740px;overflow:hidden; border:1px solid #f3f3f3;}
.site-nav{border-bottom:1px solid #CCC;height:30px;line-height:30px;text-align:left; border-left:6px solid #3565c8; text-indent:0.8em; color:#444;}
.site-nav span{float:right; padding-right:10px;}
.site-nav span i{ font-style:normal;color:#444;font-weight:bold; }
.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin-bottom:10px; padding:15px 10px 10px 10px;}
.page-single p{ text-indent:2em; line-height:24px;}

.page-products ul li{float:left;width:25%;text-align:center;padding-bottom:5px;}
.page-products ul li a{width:170px; height:170px; border:1px solid #eee; background:#f9f9f9;cursor:pointer;display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size: 87px;*font-family:Arial;}
.page-products ul li a:hover{border:1px solid #1f6bdd;}
.page-products ul li span{display:block;width:170;height:24px;line-height:24px}
.page-products ul li span a{color:#000;width:170;height:24px; border:0;background:#fff; font-size:12px;}
.page-products ul li span a:hover{color:#1f6bdd; border:1px solid #fff;}

/*.page-products ul li{float:left;width:180px;text-align:center;padding-bottom:5px}
.page-products ul li a{cursor:pointer}
.page-products ul li a span{display:block;width:230;height:24px;line-height:24px}*/
.productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
.news{ padding:13px 10px;}
.news ul{ list-style-type:none;}
.news ul li{ border-bottom:1px dashed #d1d1d1; height:29px;}
.news ul li span{ float:right; line-height:29px; padding-right:10px;}
.news ul li a{ line-height:29px; background:url(../images/icon.png) no-repeat left 3px; padding:0 5px 0 15px; color:#333333;}
.news ul li a img{margin-top:0!important;margin-top:10px;}
.news ul li a:visited{ color:#333333;}
.news ul li a:hover{ color:#1f6bdd; font-weight:bold;}
.ntitle{text-align:center;font-size:16px;font-weight:bold;line-height:35px;color:#444; background:#f3f3f3;}
.ptitle{text-align:center;font-size:16px;font-weight:bold;line-height:35px;color:#444; background:#f3f3f3;margin-bottom:20px;}
.begintime{font-size:12px;color:#999;text-align:center;padding-top:10px;}

#proinfo {width:100%;overflow:hidden;margin-top:20px}
#proinfo dt {width:220px;float:left;height:165px;display:inline}
#proinfo dd {width:460px;float:left;height:125px;background-color:#F8F7F5;padding:20px;line-height:2em;}
#proinfo h1 {margin:0;padding:0;height:40px;line-height:40px; font-size:16px;}
#proinfo div {margin-bottom:5px;}
#pro_tlist {margin:10px auto;overflow:hidden;border-bottom:1px solid #3777BF}
#pro_tlist li {marign-right:5px;line-height:35px;font-size:14px;color:#444;text-align:left; font-weight:bold;}
#pro_tlist li.curcon{color:#444}
#pro_blist {margin:0px auto 50px auto;overflow:hidden;line-height:2em;}

.page-jobs table{width:98%;}
.page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-jobs table th.jobs-time{width:100px;background:url(../images/info_title.gif) left top}
.page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top}
.page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.pdet{text-align:center;}
#copyright{background:url(../images/copyright_bg.gif) repeat-x top;padding:15px 0px;text-align:center}

/*  banner start */

.myFocus {
	width:1002px;
	height:300px;
	overflow:hidden;
	zoom:-1;
	position:relative;
}
.myFocus ul {
	list-style:none;
	width:100%;
	height:300px;
	margin:0;
	padding:0;
}
.myFocus ul li {
	width:1002px;
	height:300px;
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
	display:inline
}
.myFocus ul li img {
	border:0;
}
.myFocus .myFocusTab {
	display:inline-block;
	width:auto;
	height:20px;
	position:absolute;
	right:0;
	bottom:5px;
	z-index:1000;
}
.myFocus .myFocusTab a {
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	background-color:#000;
	color:#FFF;
	outline:none;
	text-decoration:none;
	margin:0 2px;
}
.myFocus .myFocusTab a.curr {
	background-color:#F00;
}
.myFocus .myFocusTitle {
	width:100%;
	height:30px;
	line-height:30px;
	position:absolute;
	left:0;
	bottom:0;
	color:#FFF;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index:999;
	text-indent:10px;
}
/* banner  end */