@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
/* public */
.clear{ clear:both; width: 0; height: 0; margin: 0; padding: 0;}
.left{ float:left;}
.right{ float:right;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
img,a{ border:0;}
ul,li{ list-style:none;}
a{ text-decoration:none; font-family: 'Roboto', "microsoft yahei", Arial, sans-serif; font-weight: 400; color: #5b5b5b;}
a:hover{ color: #5b5b5b;}
input,textarea{ font-family: 'Roboto', "microsoft yahei", Arial, sans-serif; font-weight: 400;}
/*body*/
body{ background-color: #FFFFFF; font-family: 'Roboto', "microsoft yahei", Arial, sans-serif; font-weight: 400; font-size:14px; margin:0; color: #5b5b5b;}
.center{ width:1200px; margin:0 auto;}

.header-language-bg{ 
	background-color: #f2f2f2; 
	min-width:1200px;
}
.header-language{ 
	height: 32px; 
	text-align: right;
}
.header-language a{ 
	line-height: 32px; 
	padding-left: 30px; 
	background-repeat: no-repeat; 
	background-position: 0; 
	margin-left: 20px;
}
.header-language a:hover{ 
	color: #366fa5;
}
.header-main{
	position: relative;
}

.header-logo{ 
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.header-search-email-nav{ 
	position: absolute;
	right: 0;
	top: 32px;
	z-index: 2;
}
.header-search-email{
	float: right;
}
.header-search{ 
	border: 1px solid #e4e4e4; 
	width: 365px;
	height: 29px;
	overflow: hidden;
	float: left;
}
.header-search form{ 
	padding: 0;
	margin: 0;
}
.search-input{
	border: none;
	height: 29px;
	width: 302px;
	padding: 0 10px;
	overflow: hidden;
}
.search-button{
	border: none;
	background: url(../images/search_button.gif) no-repeat;
	width: 38px;
	height: 29px;
	cursor: pointer;
	overflow: hidden;
}
.header-email{
	float: left;
	margin-left: 40px;
	height: 31px;
	line-height: 31px;
}
.header-email a{
	display: block;
	background: url(../images/email.gif) no-repeat;
	padding-left: 42px;
	color: #366fa5;
	font-size: 18px;
}
.header-nav{ float: right; margin-top: 20px;}
/*navigation*/
.navigation{ position: relative;}
#nav {padding:0; margin:0; list-style:none; height:42px; position:relative; z-index:500;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:42px; line-height:42px; color:#1e1e1e; text-decoration:none; font-size:18px; font-weight: 300; cursor:pointer; border-bottom: 4px solid #FFFFFF;}
#nav li a.top_link span {float:left; display:block; padding:0 24px; height:42px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px; height:42px; background: url('../images/arrow_down.gif') right 8px no-repeat;}
#nav li a.top_link:hover {}
#nav li a.top_link:hover span { color:#1e1e1e; border-bottom: 4px solid #5499c9;}
#nav li a.top_link:hover span.down {background:url('../images/arrow_down_over.gif') right 8px no-repeat;}
#nav li:hover > a.top_link {}
#nav li:hover > a.top_link span { color:#1e1e1e; border-bottom: 4px solid #5499c9;}
#nav li:hover > a.top_link span.down {background:url('../images/arrow_down_over.gif') right 8px no-repeat;}
/* Default list styling */
#nav li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }
#nav li:hover ul.sub{left:0; top:46px; height:auto; z-index:300;}
#nav li:hover ul.sub li{background: #2f3133; display:block; height:36px; position:relative; float:left; font-weight:normal;}
#nav li:hover ul.sub li a{display:block; height:36px; padding: 0 20px 0 10px; line-height:36px; color:#FFFFFF; text-decoration:none;}
#nav li:hover ul.sub li a:hover {color:#0088ba;}
#nav li ul.sub li a.fly{ background: url('../images/arrow_over.gif') right center no-repeat; color:#FFFFFF;}
#nav li:hover ul.sub li a.fly:hover{background: url('../images/arrow_over.gif') right center no-repeat; color:#0088ba;}
#nav li:hover ul li:hover > a.fly {background: url('../images/arrow_over.gif') right center no-repeat; color:#0088ba;} 
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{left:0px; top:0px; background: #FFFFFF; white-space:nowrap; z-index:400; height:auto;}
#current{}
#current a.top_link span{ color: #366fa5; color:#1e1e1e; border-bottom: 4px solid #5499c9;}

.index-banner{
	margin-top: 150px;
	border-top: 9px solid #eaeced;
	min-width:1200px;
}
.other-banner{
	margin-top: 150px;
	border-top: 9px solid #eaeced;
	min-width:1200px;
}
.index-product{
	padding-top: 30px;
	position: relative;
	padding-bottom: 20px;
}
.index-product-title{
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
}
.index-product-title h2{
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 300;
}
.index-product-main{
	margin: 20px 0;
}
.index-product-item{
	border: 1px solid #e1e1e1;
	margin: 0 13px;
	padding-bottom: 10px;
}
.index-product-item-img{
	text-align: center;
	border: 1px solid #e1e1e1;
	margin: 20px;
	width: 230px;
	background: #FFFFFF;
	overflow: hidden;
}
.index-product-item-text{
	text-align: center;
	margin: 0 20px;
	margin-bottom: 10px;
	font-size: 14px;
}
.index-product-item-text a{
	font-weight: 500;
	font-size: 14px;
}
.index-product-item-number a{
	color: #5499c9;
}

.owl-controls{
	position: absolute;
	right: 0;
	top: -70px;
}

/* Styling Next and Prev buttons */

.owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	margin: 5px;
	width: 33px;
	height: 31px;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-controls.clickable .owl-buttons div:hover{
	text-decoration: none;
}
.owl-controls .owl-buttons div.owl-prev{
	background: url(../images/owl_controls_bg.gif) no-repeat left top;
}
.owl-controls .owl-buttons div.owl-next{
	background: url(../images/owl_controls_bg.gif) no-repeat right top;
}

.index-about-news-bg{
	background-color: #f9f9f9;
	padding: 30px 0;
	    min-width: 1200px;
}
.index-middle-part{
	width: 50%;
	float: left;
}
.index-about{
	padding-right: 20px;
	color: #909090;
	line-height: 26px;
}
.index-about img{
	padding: 5px;
	border: 1px solid #e4e4e4;
	margin: 15px;
}
.index-about h2{
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 300;
	color: #5b5b5b;
	margin-bottom: 20px;
}

#Tab1{
	margin:0px;
	padding:0px;
}
.index-news{
	width: 100%;
}
/*菜单class*/
.Menubox {
	width:100%;
	height:60px;
	background: url(../images/index_news_title_bg.jpg) no-repeat;
}
.Menubox ul{
	margin:0px;
	padding:0px;
}
.Menubox li{
	float:left;
	display:block;
	cursor:pointer;
	text-align:center;
	color:#565656;
	font-weight:400;
	width:128px;
	height:60px;
	_position: relative;
	overflow:hidden;
	display:table; 
}

.Menubox li .Menubox_title_1{
	_position: absolute;
	_top: 50%;

	vertical-align:middle;   
  display:table-cell; 
}
.Menubox li .Menubox_title_1 .Menubox_title_2{
	_position: relative;
	_top: -50%;	
}

.Menubox li.hover{
	padding:0px;
	width:128px;
	background: url(../images/index_news_title_hover_bg.jpg) no-repeat;
	background-color: #FFFFFF;
	color:#5499c9;
	font-weight:400;
	height:60px;
}
.Contentbox{
	clear:both;
	margin-top:0px;
	border:1px solid #e1e1e1;
	border-top:none;
	height:285px;
	padding:20px;
	background: #FFFFFF;
}
.Contentbox a:hover{
	color: #5499c9;
}
.news-1{
	width: 558px;
	margin-bottom: 10px;
}
.news-1-img{ 
	float: left;
	padding: 5px;
	border: 1px solid #e1e1e1;
	margin-right: 20px;
	width: 136px;
	height: 84px;
	overflow: hidden;
}
.news-1-main{ 
	float: left;
	width: 390px;
}
.news-1-main-title{
	font-weight: bold;
	color: #5b5b5b;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.news-1-main-text{
	color: #b2b2b2;
	font-size: 12px;
	line-height: 18px;
	height: 54px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-2{
	width: 558px;
	background: url(../images/news-list-bg.gif) no-repeat 5px 15px;
	border-bottom: 1px solid #e9e9e9;
}
.news-2 a{
	font-size: 12px;
	line-height: 40px;
	display: block;
	padding-left: 30px;
	width: 528px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.index-case-bg{
	
}
.index-case-title{
	text-align: center;
	background: url(../images/index_case_title_bg.gif) no-repeat 0 15px;
	margin: 60px 0;
}
.index-case-title h2{
	font-size: 28px;
	color: #555555;
	font-weight: 300;
}
.index-case-main{
	padding-bottom: 50px;
}
.index-case-one{
	width: 286px;
	float: left;
	overflow: hidden;
	padding: 0 7px;
}
.index-case-one-img{
	width: 286px;
	height: 182px;
}
.index-case-one-title{
	background: #565656;
	text-align: center;
	color: #FFFFFF;
	padding: 12px 0;
}
.index-case-one-title a{
	color: #FFFFFF;
}

.other-main{
	margin-top: 40px;
	margin-bottom: 40px;
}
.other-left{
	float: left;
	width: 286px;
	margin-right: 30px;
}
.other-category{
	
}
.other-category-title{
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 20px;
}
.other-category-main{
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
	padding: 12px;
}
.other-category-main-li{
	background: url(../images/category_li_bg.gif) no-repeat 5px 13px;
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0;
}
.other-category-main-li a{
	display: block;
	color: #555555;
	padding-left: 25px;
}
.other-category-main-li a:hover{
	color: #5499c9;
}


.product-category{
	
}
.product-category-title{
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 20px;
}
.product-category-main{
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
	padding: 12px;
}
/* 侧边弹出菜单 */
#sidemenu{
  width: 260px;
}
ul#sidemenu, ul#sidemenu ul {
  list-style-type:none;
  margin: 0;
  width: 260px;
}
ul#sidemenu a {
  display: block;
  text-decoration: none;
}
ul#sidemenu li a {
	display: block;
	background: url(../images/category_li_bg.gif) no-repeat 5px 13px;
  padding: 10px 0 10px 25px; 
  color: #555555;	
  font-size: 14px;
  font-weight: 400;
}
ul#sidemenu li a:hover {
  color: #5499c9;
}
ul#sidemenu li#big_list { 
  border-bottom: 1px solid #e1e1e1;
}
ul#sidemenu li#big_list:hover {
}
ul#sidemenu li#big {
  border-bottom: 1px solid #e1e1e1;  
}
ul#sidemenu li#big:hover {
}
ul#sidemenu li ul{
  background: none;
  width: 260px;
}
ul#sidemenu li ul li a {
  background: none;
  color: #555555;
  padding:10px 0; 
  margin: 0 0 0 20px;
  font-weight: normal;
}
ul#sidemenu li ul li a:hover{
  color: #5499c9;
}
ul#sidemenu li ul li#little a {
  background: none;
  color: #555555;
  padding:10px 0; 
  margin: 0 0 0 30px;
  font-weight: normal;
}
ul#sidemenu li ul li#little a:hover{
  color: #5499c9;
}


.other-contact{
	margin-top: 30px;
}
.other-contact-title{
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 20px;
}
.other-contact-main{
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
	padding: 12px;
}



.other-right{
	float: left;
	width: 884px;
}
.other-right-title{
	margin-bottom: 20px;
}
.other-right-title h2{
	font-weight: 700;
	font-size: 22px;
}
.other-right-title h1{
	font-weight: 700;
	font-size: 22px;
}
.other-right-nav{
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	color: #5499c9;
	font-size: 12px;
	padding: 10px 5px;
	margin-bottom: 20px;
}
.other-right-nav span{
	padding: 0 5px;
}
.other-right-nav a{
	color: #5499c9;
}
.other-right-main{
	width: 884px;
	overflow: hidden;
}
.other-right-main-news-title{
	text-align: center;
	margin-bottom: 20px;
}
.other-right-main-news-addtime{
	text-align: center;
	color: #a8a8a8;	
	margin-bottom: 10px;
}
.other-right-main-text{
	margin-bottom: 20px;
}
.other-right-main-case-img{
	text-align: center;
	margin-bottom: 20px;
}
.other-right-list{

}
.other-right-list li{
	background: #f3f3f3;
	padding: 12px 10px;
	font-size: 12px;
}
.other-right-list li.bg_ffffff{
	background: #FFFFFF;
}
.other-right-list li a{
	color: #555555;
}
.other-right-list li a:hover{
	color: #5499c9;
}
.other-right-list li span{
	margin-left: 15px;
	color: #a8a8a8;
}

.other-right-list li.case_li{
	background: #FFFFFF;
	border-bottom: 1px solid #f3f3f3;
}
.other-right-list li.case_li .case_li_img{
	float: left;
	margin-right: 20px;
}
.other-right-list li.case_li .case_li_text{
	float: left;
}
.other-right-list li.case_li .case_li_text .case_li_title {
	margin-top: 10px;
	margin-bottom: 10px;
}
.other-right-list li.case_li .case_li_text .case_li_title a{
	font-size: 14px;
	font-weight: bold;
}
.other-right-list li.case_li .case_li_text .description{
	
}







.product-list-tr{
	margin-bottom: 30px;
}

.product-list-item{
	border: 1px solid #e1e1e1;
	margin: 0 13px;
	padding-bottom: 10px;
	float: left;
}
.product-list-item-img{
	text-align: center;
	border: 1px solid #e1e1e1;
	margin: 20px;
	width: 230px;
	background: #FFFFFF;
	overflow: hidden;
}
.product-list-item-text{
	text-align: center;
	margin: 0 20px;
	margin-bottom: 10px;
	font-size: 14px;
}
.product-list-item-text a{
	font-weight: 500;
	font-size: 14px;
}
.product-list-item-number a{
	color: #5499c9;
}



/*product_introduction*/
.product-introduction{ 
	width: 884px; 
	margin-bottom: 20px; 
	overflow: hidden; 
	color: #333333; 
	background: #fff; 
}
.product-introduction-pic{ 
	float: left; 
	width: 362px;
}
.product-introduction-pic-big{ 
	width: 360px; 
	height: 360px; 
	background: #fff;
}
.product-introduction-pic-small{ 
	margin-top: 16px;
}
.product-introduction-pic-small-img{ 
	float: left; 
	width: 60px; 
	height: 60px; 
	background: #fff; 
	border: 1px solid #edf0f3; 
	margin: 0 5px;
}
.product-introduction-parameter{ 
	float: left; 
	width: 502px; 
	margin-left:20px; 
}
.parameter{ 
	border-bottom:1px solid #edf0f3; 
	line-height:22px; 
	padding: 10px;
	font-size: 12px;
}
.parameter h1{  
	padding: 16px 0px;
	line-height:30px; 
}
.inquiry-botton{ 
	padding: 6px 30px; 
	background:#5499c9; 
	border:0; 
	color:#fff; 
	cursor:pointer;
	border-radius: 4px;
}
.inquiry-botton:hover{ 
	background: #a4ceec;
}
.product-show-title{ 
	width: 884px; 
	margin-bottom: 10px; 
	color: #333333; 
	font-size: 26px; 
	padding: 20px 0;
}
/*product_directions*/
.product-directions{ 
	width: 884px; 
	margin-bottom: 20px; 
	overflow: hidden; 
}
.product-directions-text{ 
	line-height: 22px; 
	margin-top: 10px;
}

/*product_inquiry*/
.product-inquiry{ 
	width: 884px; 
	margin-bottom: 20px; 
	overflow: hidden;
}

.product-inquiry-main{ 
	padding: 10px; 
	margin-top: 10px; 
}

.product-inquiry-table{ 
	padding: 10px 0;
}
.product-inquiry-table-title{ 
	font-weight: bold; 
	padding-right: 10px;
}

.product-inquiry-table-tip{ 
	color: #FF0000; 
	padding-left: 5px;
}
.inquiry-input{ 
	width:360px; 
	height:26px; 
	line-height:26px; 
	padding:0 10px; 
	margin:5px 0; 
	border:1px solid #dee6ee;
}
.inquiry-textarea{ 
	width:500px; 
	height:150px; 
	line-height:26px; 
	padding:0 0 0 10px; 
	margin:5px 0; 
	border:1px solid #dee6ee; 
	font-size:12px;
}
.inquiry-code{ 
	width:60px; 
	height:26px; 
	line-height:26px; 
	padding:0 10px; 
	margin:5px 0; 
	border:1px solid #dee6ee;
}
.inquiry-btn{ 
	padding:0 12px; 
	margin:8px 5px; 
	height:30px; 
	line-height:30px; 
	background:#5499C9; 
	border: none; 
	color: #fff; 
	cursor: pointer; 
	border-radius: 4px;
}
.inquiry-btn:hover{ 
	background: #a4ceec;
}




.feedback-title{ 
	color: #424141;
	font-weight: bold;
}
.feedback-tip{ 
	color: #FF0000; 
	padding-left: 5px;
}
.feedback-input{ 
	width:360px; 
	height:26px; 
	line-height:26px; 
	padding:0 10px; 
	margin:5px 0; 
	border:1px solid #ccc;
}
.feedback-textarea{ 
	width:500px; 
	height:150px; 
	line-height:26px; 
	margin:5px 0; 
	border:1px solid #ccc; 
	font-size:12px;
}
.feedback-code{ 
	width:60px; 
	height:26px; 
	line-height:26px; 
	padding:0 10px; 
	margin:5px 0; 
	border:1px solid #ccc;
}
.feedback-btn{ 
	height:30px; 
	line-height:30px; 
	padding:0 10px; 
	margin:10px 10px 10px 0; 
	cursor:pointer; 
	background:#5499C9; 
	color: #fff; 
	border: none; 
	border-radius: 4px;
}
.feedback-btn:hover{ 
	background: #a4ceec;
}













.links-img{
	border-top: 1px solid #e1e1e1;min-width: 1200px;
}

.links-img-main{
	background: #FFFFFF;
	padding: 20px 0;
}
.footer-bg{
	background-color: #565656;
	padding: 30px 0;
	color: #FFFFFF;
	line-height: 22px;
	min-width: 1200px;
}
.footer-main-left{
	float: left;
	width: 830px;
	margin-right: 20px;
}
.footer-main-left a{
	color: #FFFFFF;
}
.footer-main-right{
	float: left;
	width: 350px;
}
.footer-main-right a{
	color: #FFFFFF;
}
.footer-main-contact{
	
}
.share-button{
	
}
.copyright-bg{
	background-color: #353535;
	text-align: center;
	color: #FFFFFF;
	line-height: 22px;
	padding: 10px 0;
	font-weight: 400;
	font-size: 12px;
	min-width:1200px;
}


.paginations {
	margin: 30px 0;
	text-align: center;
}
.paginations a{
	color:#73a9d1;
}
.paginations li{ display:inline; color:#73a9d1;}
.paginations .totalpage{ border:1px solid #73a9d1; margin:0 4px; padding:3px 8px; border-radius: 2px;}
.paginations li a{ border:1px solid #73a9d1; margin:0 4px; padding:3px 8px; border-radius: 2px;}
.paginations .current{ border:1px solid #73a9d1; background:#73a9d1; margin:0 4px; padding:3px 8px; color:#fff; border-radius: 2px;}

/*back to top*/
#toTop{
 position:fixed;
 _position:absolute;
 right:30px;
 bottom:70px;
 _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-40);
 cursor:pointer;
 display:none;
}



