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

body,
button,
input,
select,
textarea {
	color: #333;
	font: 12px/1.5 Tahoma, Helvetica, Arial, \5b8b\4f53
}
/* 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 */

.page_list {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 2px;
}
.page_list a {
	border: #ddd 1px solid;
	color: #15428b;
	padding: 2px 5px;
	margin-right: 2px
}
.page_list a:hover,
.page_list a:active {
	border: #e1e6ed 1px solid;
	color: #333333;
	background-color: #D3E1F6
}
.page_list span.current {
	padding: 2px 5px;
	font-weight: bold;
	margin-right: 2px;
	color: #FFF;
	background-color: #ef3d44;
}
.page_list span.disabled {
	border: #f3f3f3 1px solid;
	padding: 2px 5px;
	margin-right: 2px;
	color: #CCC
}
.page_list select{
	width: 80px;
}
/* webcss start*/

body {
	background: #f6f6f6 url(../images/body_bg.gif) top repeat-x
}
#wrapper {
	margin: 0px auto;
	width: 980px
}
.top {
	height: 90px;
}
#lang {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 1
}
#lang img {
	margin-right: 5px;
	vertical-align: middle
}
#MainMenu {
	background: url(../images/MainMenu_bg.gif);
	height: 30px;
	padding: 3px 15px 5px 15px
}
#banner {
	background: url(../images/banner_bg.gif);
	height: 550px;
	width: 100%;
}
#banner img {
	width: 100%;
}
.KSS_titleBox h2 {
	line-height: 32px
}
#index_main {
	background-color: #fff5f4;
}
#index_main h2 {
	background-image: url(../images/site_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	line-height: 34px;
	font-size: 100%;
	font-weight: normal
}
#index_main h2 span {
	float: left;
	display: none
}
#index_main h2 a {
	float: right;
	margin: 15px 10px 0px 0px
}
.index-left {
	float: left;
	padding: 0px 5px 0px 9px;
	width: 706px;
	overflow: hidden
}
.index-newproducts {
	padding-bottom: 15px
}
.index-newproducts h2 {
	background-position: 0px 0px
}
.productsroll {
	position: relative;
	width: 706px
}
/* productsroll Start */

#LeftArr1,
#RightArr1 {
	background-image: url(../images/product_arrow.gif);
	width: 25px;
	height: 130px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	z-index: 1
}
#LeftArr1 {
	background-position: -25px 0px;
	float: left;
	left: 8px
}
#RightArr1 {
	background-position: -50px 0px;
	float: right;
	right: 0px
}
#ScrollBox {
	margin-left: 32px;
	width: 648px;
	overflow: hidden
}
#ScrollBox li {
	float: left;
	display: inline;
	width: 162px;
	text-align: center
}
#ScrollBox li a {
	display: block;
	border: #e5e5e5 1px solid;
	padding: 5px 5px 0px 5px;
	margin: 0px 5px
}
#ScrollBox li a:link,
#ScrollBox li a:visited,
#ScrollBox li a:active {
	color: #000
}
#ScrollBox li a:hover {
	border: #008aff 1px solid;
	color: #008aff
}
#ScrollBox li a span {
	display: block;
	padding-top: 4px
}
/* productsroll End */

.index-news {
	background: url(../images/v_line2.gif) 350px top no-repeat;
	float: left;
	padding: 0px 5px;
	width: 346px
}
.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-products {
	clear: both
}
.index-products h2 {
	background-position: 0px -102px
}
/*产品展示*/

#product_c a .pro-img {
	width: 300px;
	height: 200px;
	overflow: hidden;
	margin: 5px;
	text-align: center;
}
#product_c a .pro-text {
	width: 300px;
	text-align: center;
	height: 20px;
	overflow: hidden;
}
#product_c a>img {
	width: 100%;
}
#product_c {
	width: 100%;
}
@media (min-width: 768px) and (max-width: 979px) {
	#product_c {
		width: 760px;
		margin-right: auto;
		margin-left: auto;
	}
	#product_c a .pro-img{
		width: 240px;
		overflow: hidden;
		height: auto;
		margin: 5px;
		text-align: center;
	}
	#product_c a .pro-text{
		width: 240px;
	}
}
@media (max-width: 767px) {
	#product_c {
		width: 100%;
	}
	#product_c a {
		display: block;
		margin:0 2.5% ;
		width: 45%;
		
	}
	#product_c a:last-child{
		display: none;
	}
	#product_c a .pro-img {
		width: 100%;
		height: auto;
		margin: 0;
	}

	#product_c a .pro-text {
		width: 100%;
	}
}
/* 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: 0px 15px 0px 5px;
	width: 240px;
	overflow: hidden
}
.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 {
	background-position: 0px -170px
}
.index-jobs {
	padding-bottom: 5px
}
.index-jobs ul li {
	padding: 4px 0px
}
.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 {
	width: 960px;
	margin: 0 auto;
	font-family: "microsoft yahei";
}
/* page-left */

.page-left {
	float: left;
	width: 25%;
	margin-right: 3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* page-right */

.page-right {
	float: right;
	width: 70%;
	overflow: hidden;
	margin-top: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
@media (min-width: 768px) and (max-width: 979px) {
	#page_main{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 30px;
		padding-right: 30px;
		}
	 }

.site-nav {
	border-bottom: 1px solid #c6c1c2;
	margin-bottom: 10px;
	line-height: 30px;
	text-align: right;
	background: url(../images/site_nav.png) no-repeat center left;
}
.site-nav span {
	color: #ef3d44;
	font-weight: bold
}
/*======================手机端page*/
@media (max-width: 767px){
	#page_main{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-right{
		width: 100%;
		float: none;
		margin-top:20px;
	}
	.site-nav{
		background:none;
		line-height: 20px;
	}
}
.page-single,
.page-products,
.page-news,
.page-newsdetail,
.page-jobs,
.page-jobsdetail {
	margin-bottom: 10px
}
.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
}
.page-news table {
	width: 98%;
}
.page-news table th {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
	border: none 0px;
	font-size: 12px
}
.page-news table th.news-time {
	width: 100px;
	background: url(../images/info_title.gif) left top
}
.page-news table th.news-title {
	background: url(../images/info_title.gif) right top
}
.page-news table td {
	border-bottom: 1px dashed #D7D7D7;
	padding: 8px
}
.page-news table td.time-list {
	color: #666;
	text-align: center
}
.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
}
.page-jobs table td.time-list {
	color: #666;
	text-align: center
}
.page-guestbook {
	width: 600px;
	margin: 0px auto
}
.page-guestbook dl dt,
.page-guestbook dl dd {
	float: left;
	padding: 5px
}
.page-guestbook dl dt {
	width: 80px;
	text-align: right
}
.page-guestbook dl dd {
	width: 500px
}
.page-guestbook dl dd input {
	border: #CCC 1px solid;
	padding: 2px;
	background: url(../images/inputbg.gif) repeat-x;
	height: 19px;
	line-height: 19px;
	width: 180px
}
.page-guestbook dl dd span {
	color: #F00;
	margin-left: 10px
}
.page-guestbook .Content {
	width: 350px;
	height: 120px;
	border: #CCC 1px solid
}
#checkcode {
	width: 60px;
	text-align: center
}
.page-guestbook p {
	text-align: center;
	clear: both;
	margin-bottom: 10px
}
/*新闻列表页*/

ul,
li {
	list-style: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
ul.newsList li {
	border-bottom: 1px dotted #dddddd;
	margin-bottom: 10px;
	background: url(../images/icon.gif) no-repeat left 5px;
	padding-left: 15px;
}
.page-news {
	margin: 0 auto;
	width: 95%;
}
/*新闻详情页*/

#shownews h1.title {
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
.hits {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
}
.page {
	line-height: 24px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}
#shownews .text {
	margin: 10px 0;
	line-height: 25px;
}
.related {
	background-color:#ef3d44;
}
#shownews .related {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
}
#shownews .related-list li {
	border-bottom: 1px dotted #dddddd;
	background: url(../images/icon1.gif) no-repeat left center;
	padding-left: 10px;
	float: left;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
	width: 300px;
}
#shownews .related-list li a,
#shownews .related-list li a:active,
#shownews .related-list li a:visited {
	color: #808080;
}
#shownews .related-list li a:hover {
	color: #ff0000;
}
@media (max-width: 767px) {
	.hits{
		height: auto;
	}
}
/*产品列表页*/
#ShowImages{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#ShowImages li {
	display: block;
	float: left;
	margin: 4px 1.5%;
	text-align: center;
	width: 29%;
}
#ShowImages .images_img a{
	border: 1px solid #dddddd;
	display: block;
	height: 130px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
#ShowImages .images_img a:hover {
	background: #fff4ce;
	border: 1px solid #ff6600;
}
#ShowImages .images_img img {
	max-height: 130px;
}
#ShowImages .images_title{
	width: 100%;
	height: 26px;
	line-height: 26px;
	white-space: nowrap;
	overflow: hidden;
}
@media (max-width: 767px){
	#ShowImages li {
	margin: 4px 3%;
	width: 43%;
	}
}
/*下载列表页*/

.downloadtimes {
	width: 80px;
	text-align: center;
}
/*下载详细页*/

.download {
	margin-bottom: 10px;
}
.download li {
	line-height: 30px;
	border-bottom: 1px dotted #dddddd;
}
.downloadRight {
	width: 85%;
}
/*招聘列表页*/

.jobList li {
	float: left;
	line-height: 28px;
	border-bottom: 1px dotted #dddddd;
	text-align: center;
}
.jobtime {
	width: 15%;
}
.jobPosition {
	width: 40%;
}
/*招聘详情页*/

.showjobList li {
	line-height: 28px;
	border-bottom: 1px dotted #dddddd;
}
.jobDescription {
	background: #dddddd;
	height: 30px;
	line-height: 30px;
	margin: 10px 0;
	text-indent: 10px;
}
/*招聘应聘页面*/

.submit {
	background: url(../images/submit.jpg) no-repeat;
	width: 93px;
	height: 34px;
	color: #ffffff;
	line-height: 34px;
	border: none;
	cursor: pointer;
	font-family: 微软雅黑;
	font-size: 14px;
	margin: 10px 0 0 100px;
}
/* 内页相关产品的 */

.related_cp p {
	line-height: 30px;
	text-indent: 2em;
}
.related_cp td {
	line-height: 30px;
}
.related_cp ul {
	width: 100%;
	height: auto;
	padding-top: 5px;
	overflow: hidden;
}
.related_cp ul li {
	text-align: center;
	width: 132px;
	float: left;
	overflow: hidden;
}
.related_cp ul li p {
	line-height: 30px;
	height: 30px;
	text-align: center;
	text-indent: 0em;
}
.related_cp ul li p a {
	line-height: 30px;
	height: 30px;
	text-align: center;
}
.related_cpul li p a:hover {
	color: #FF0000;
}
.related_cp ul li img {
	border: 1px solid #CCCCCC;
	width: 100px;
	height: 88px;
	padding: 5px;
}
.related_cp ul li a:hover img {
	border: 1px solid #ff0000;
}
/* 产品展示页询盘页面 */

.chanpin_xp {
	width: 600px;
	margin: 0px auto
}
.chanpin_xp dl dt,
.chanpin_xp dl dd {
	float: left;
	padding: 5px
}
.chanpin_xp dl dt {
	width: 80px;
	text-align: right
}
.chanpin_xp dl dd {
	width: 500px;
	margin-left: 80px;
	margin-top: -30px;
}
.chanpin_xp dl dd input {
	border: #CCC 1px solid;
	padding: 2px;
	background: url(../images/inputbg.gif) repeat-x;
	height: 19px;
	line-height: 19px;
	width: 180px
}
.chanpin_xp dl dd span {
	color: #F00;
	margin-left: 10px
}
.chanpin_xp .Content {
	width: 480px;
	height: 120px;
	border: #CCC 1px solid
}
#checkcode {
	width: 60px;
	text-align: center
}
.chanpin_xp p {
	text-align: center;
	clear: both;
	margin-bottom: 10px
}
/* 产品页搜索框 */

.head-search {
	margin: 0 auto;
	margin-top: 15px;
	overflow: hidden;
	padding: 5px;
}
.f_l {
	float: left;
}
.f_r {
	float: right;
}
.ss {
	padding-top: 10px;
	margin-top: -7px;
	font-size: 13px;
	font-weight: bold;
	padding-left: 18px;
}
.head-search .txt-keyword {
	border: solid 1px #DCD3CF;
	border-right: none;
	width: 200px;
	height: 20px;
	float: left;
	color: #A89893;
	font-size: 12px;
}
.head-search .btn-search {
	width: 60px;
	height: 20px;
	border: none;
	overflow: hidden;
	margin-left: 15px;
	margin-top: 5px;
	background-color:#ef3d44 ;
	color: #fff;
	font-size: 14px;
	font-family: "microsoft yahei";
}
.ssk {
	width: 580px;
}
/* 产品展示 列表样式 */

.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.lbtu {
	width: 695px;
	height: auto;
}
.lbtup {
	height: auto;
	padding-top: 20px;
	overflow: hidden;
}
.lbtup li {
	list-style-type: none;
	padding-bottom: 10px;
}
.lbtu_left {
	width: 110px;
	margin-top: 15px;
}
.lbtu_left img {
	border: 1px solid #CCCCCC;
	width: 100px;
	height: 88px;
	padding: 5px;
}
.lbtu_left a:hover img {
	border: 1px solid #ff0000;
}
.lbtu_right {
	width: 505px;
	margin-top: 25px;
}
.lbtu_right li {
	float: left;
}
.bt {
	line-height: 17px;
	height: 17px;
	font-size: 12px;
	font-weight: bold;
}
.bt a {
	text-decoration: none;
	color: #000000;
}
.lbt a:hover {
	color: #FF0000;
}
.wenzi {
	font-size: 12px;
	line-height: 22px;
	width: 180px;
}
.wenzi span a {
	color: #FF0000;
	text-decoration: none;
}
.right_tb ul li {
	float: left;
	padding-left: 10px;
}

#copyright a{
	color: #fff;
}
#copyright a:hover{
	color: #5A171A;
}