@charset "utf-8";
img, object, embed {
	max-width: 100%;
}
video {
	width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
a:hover{
	text-decoration:none;
}
.ie6 img {
	width:100%;}
#container{
	width:100%;
	height:auto;
	background:#fff;}
#header{
	width:100%;
	height:140px;
	_background:#f3efe5 url(../images/bg_head.jpg) left top repeat-x;}
.warper {
	width: 100%;
	max-width: 1170px;
	margin:0 auto;
	z-index:500;
	position: relative;}
.warp{
	width: 100%;
	max-width: 1170px;
	margin:0 auto;
	position: relative;}
.top_right{
	width:310px;
	float:right;}
.top_right li{
	width:57px;
	float:left;
	font-size:12px;
	line-height:38px;
	padding-left:18px;}
.promote-layer .top_right a{
	color:#333;}
.promote-layer .top_right a:hover{
	color:#fe030b;}
.top_right li.en{
	background:url(../images/en_flag.jpg) left center no-repeat;}
.top_right li.es{
	background:url(../images/sp_flag.jpg) left center no-repeat;}
.top_right li.ru{
	background:url(../images/ru_flag.jpg) left center no-repeat;}
.top_right li.fr{
	background:url(../images/fr_flag.jpg) left center no-repeat;}
.display{ font-size: 16px;}
.top_txt{
	padding:18px 0 0;
	color:#c1241b;
	text-align:right;}
.top_txt a{ color:#c1241b;}
.top_social{
	width: 360px;
	height:38px;
	float: right;}
.top_social a{
	display:block;
	width:38px;
	height:38px;
	line-height:37px;}
.top_social a:hover{
	background:#fff;}
.top_social li{
	float:left;
/*	width:25%;  */
	text-align:center;}
.top_social span{ color:#1A1A1A; padding-left:20px; float:left; line-height:24px;}	
.top_social span.tel{ background:url(../images/tel.png) no-repeat left center; margin-left:18px;}
.top_social span em{color: #d70100; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;}
.top_social img{
	width:auto;}
.search{
	width:100%;
	height:26px;}
.search .search_form {
    width: 100%;
    height: 26px;}
.search .search_form .search_input { 
	width: 79%;
    float: left;
	height:24px;
	color:#999999;
	line-height:24px;
	text-indent:2px;
	background:#fff;
	border:1px solid #787777;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.search .search_form .search_btn {
	width: 19%;
	height: 24px;
	float: right;
	cursor: pointer;
	border: medium none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	background:#fd5818 url(../images/btn_search.jpg) center center no-repeat;}      
.app-bar {
	display: block;
    position: initial;
	height: 85px;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: none;
	transition: none;}
.gundong{width: 100%;
  overflow-y: auto;
  _overflow: auto;
  margin: 0;}
.app-bar.open {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);}
.app-bar .logo {
	width:285px;
	height:130px;
	text-align:center;
	padding-top:30px;
/*	background:#c1241b;  */
	position:absolute;
	top:10px;
	left:10px;
	z-index:1000;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.app-bar .logo img{
	width:auto;}
.app-bar-actions {
	width:570px;
	float: right;}
.app-bar:after {
	content: ' ';
	display:block;
    height: 0;
    overflow: hidden;
	clear: both;}
button.menu {display: none;}
.bottom-bar {
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	width: auto;
    height: auto;
	 -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	position: initial;
	float: left;
	margin-top: 16px;
	background-color: rgba(0,0,0,0.6);}
.navdrawer-container {
	position: initial;
	width: 70%;
    height: 40px;
    line-height:40px;
	float:right;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
     transition: none;
	  pointer-events: auto;}
.navdrawer-container ul {}
.navdrawer-container ul li {
	width: 12.5%;
	font-size:18px;
	border: none;
	float:left;}
.navdrawer-bg, .navdrawer-bg.open {
	opacity: 0;
	pointer-events: none;}
.promote-layer a{
	color:#000;}
.promote-layer a:hover{
	color:#189bed;}
.promote-layer a.current{
	color:#189bed;}
/*轮播图 开始*/
#slides {
	display:none;
	position:relative;
	z-index:20;}
.slidesjs-container{}
.slidesjs-navigation{ 
	display: inline-block;
	position:absolute;
	right:0px;
	bottom: 50%;
	z-index:100;
	font-size: 50px;
	color: #fff;
	font-family: open sans;
	margin-bottom: -36px;
	line-height: 100%;
	padding: 5px 5px 15px;
	
	}
.slidesjs-navigation a{
	font:bold 20px/normal simsun;
	text-decoration:none;
	color:#333;}
.slidesjs-previous{
left:0px;
}
.slidesjs-next{}
.slidesjs-navigation a:hover{color:#C00}
.slidesjs-pagination{ 
	position:absolute; 
	right:15px; 
	bottom:15px; 
	z-index:100;}
.slidesjs-pagination li{
	float:left;
	padding:0 3px;}
.slidesjs-pagination li a{
	display:block;
	width: 13px;
	height:0;
	padding-top:13px;
	background:url(../images/pagination.png) 0 0;
	overflow:hidden;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position: 0 -13px}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px}
/*轮播图 结束*/
/*模块 开始*/
.middle{
	width:100%;
	position:relative;
	z-index:500;
	background:#ffffff; 
	overflow:hidden;}  
.module_con{
	width:70%;
	text-align:center;
	color:#fff4cc;
	font-size:15px;
	float:left;
	padding:0 15%;
	position:relative;
	z-index:420;
	margin-top:-15%;}
.module_con h1 {
	color:#ffc600;
	font-size:30px;
	font-family:microsoft yahei;
	padding:15px 0;}
	
.welcome  img{
width:25%;
margin-left:40%；
}	
.module_con p{
	line-height:24px;}
.module_img{
	position:relative;
	z-index:410;
	padding-bottom:15px;}
.fllow{
	height:13px;
	background:url(../images/bg_line.jpg) 0 0 repeat-x;
}
.head_social a{
	display:block;}
.head_social li{
	float:left;
	width:23%;
	margin:0 1%;
	text-align:center;}
/*.head_social img{
	width:50%;
	}*/
.module_title01{
	color:#333;
	font-size:26px;
	text-align:center;
	font-weight:normal;
	padding:20px 0 18px;}
/*产品列表 开始*/
.mcolor{ background: #f0ecec;}
.pro_box{}
.pro_li{	 
	width:28%;
	display: inline;
	float:left;
	color:#fff;
	overflow:hidden;
	margin:10px 2% 15px;}
.pro_pic{	 
	width:auto;
    height:auto;
	overflow:hidden;
	position: relative;}
/*.pro_pic{	 
	width:368px;
    height:204px;
	overflow:hidden;
	position: relative;}*/
.pro_li h3 a{
	color:#333;
	font-size:20px;
	padding:14px 0;
	display:block;
	text-align:center;
	 background:#fff;
	border-bottom:5px solid #189aec;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.pro_li h3 a:hover{
	color: #189aec;
	border-bottom:5px solid #706c6d;}
.pro_li .txt{
	line-height:24px;
	padding:15px;}
.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
}
.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}
.circle .mosaic-overlay {
    background:url(/images/hover-magnify.png) no-repeat center center;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    display:none;
}
.mosaic-backdrop {
    display:block;
    position: static;
}
.mosaic-overlay {
    display:block;
}
.circle .mosaic-overlay {
    display:block;
}
/*产品列表 结束*/
.talk{
	width: 100%;
	max-width: 1170px;
	margin:0 auto;
	background:#189aec;
	padding-bottom:10px;}
.talk{
	width:100%;
	margin-top:100px;}
.talk_top{
	text-align:center;}
.talk_top img{
	width:20%;
	margin-top:-90px;}
.talk_left{
	width:20%;
	padding-right:2%;
	text-align:right;
	float:left;}
.talk_right{
	width:21%;
	float:right;
	padding-left:2%;}
.talk_left img,.talk_right img{
	width:23%;}
.talk_middle{
	width:56%;
	color:#FFF4CC;
	font-size:15px;
	padding-top:10px;
	line-height:24px;
	float:left;
	_font-style:italic;
	font-family:microsoft yahei;}
.middle01{
	width:100%;
	height:auto;
	padding-bottom:10px;
	background:#fbfbfb;}
.lx_company h2,.lx_news h2{
	font-size:26px;
	color:#333;
	padding:15px 0 15px;}
/*首页上图下文模块 开始*/
.lx_company{
	width:48%;
	float:right;
	margin-right:1%;}
.vide{
	width: 100%;
	float: left;
}
.company{
	height:80px;
	float: right;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
}
.company a{
	color: #9db93e;
	float: right;
}
/*首页上图下文模块 结束*/
/*首页新闻模块 开始*/
.lx_news{
	width:48%;
	float:left;
	line-height:22px;
	margin-top:1%;
	_margin-right:1%;
	_border:1px solid #e2e2e2;}
.lx_news ul {
    margin-top: -2.5%;
}	
.lx_news li{
	width:98%;
	height:68px;
	float:left;
	display:inline;
	margin:4.3% 0%;
	border:1px solid #e2e2e2;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.lx_news_left{
	width:16%;
	height:68px;
	float:left;
	text-align:center;
	background: #189aec;
	-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
.lx_news_left .month{
	color:#fff;
	padding:2px 0;
	font-size:14px;}
.lx_news_right{
	width:80%;
	float:right;}
.lx_news_right h3{
	line-height: 1.6em;
	height:68px;
	_padding:12px 0 12px 10px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	
.lx_news h4{
	line-height: 16px;
	padding:15px 0 5px 15px;
	font-size:16px;}
.lx_news p{
	color:#999;
	font-size:12px;
	line-height:18px;
	padding-right:1%;}
.lx_news a{
	color:#000;}
.lx_news a:hover{
	color:#189aec;}
.lx_more{
	width:100px;
	height:50px;
	margin-left:40px;
	line-height:50px;
	text-align:center;
	background:url(../images/li01.jpg) left center no-repeat;}
.lx_more a{ color:#9db93e;}
.middle02{
	width:100%;
	height:auto;
	padding-top: 25px;}
.service li{
	width:27%;
	float:left;
	margin:10px 3% 20px;
	line-height:24px;}
.service img{
	padding-bottom:5px;}
.service h3{
	text-align: center;
	padding:15px 0 15px;
	font-size:24px;}
.recom{
	text-align: center;
	line-height: 24px;
	padding: 15px;
}
.rec_li{	 
	width:22%;
	float:left;
	display:inline;
	overflow:hidden; 
	margin:0 1.5% 30px;}
.rec_li h3 a{
	color:#333;
	display:block;
	font-size:14px;
	padding:16px 0 15px;
	text-align:center;
	border-bottom:1px solid #3f3f3f;
	_background:#cccccc url(../images/more1.jpg) center bottom no-repeat;}
.rec_li h3 a:hover{
	color:#189aec;
	border-bottom:1px solid #189aec;
	_background:#bcbcbc url(../images/more.jpg) center bottom no-repeat;}
#menu{
	display:none;}
/*底部 开始*/
#footer {
    width: 100%;
    padding-top: 15px;
    border-top: 5px solid #189aec;
    background: #323232;
}
.bottom {
    color: #f4f4f4;
    max-width: 1170px;
    margin: 0 auto;
}
.bottom dl {
    float: left;
    height: auto;
    margin: 0;
}
.bottom dl.width01 {
    width: 31%;
    padding-left: 6%;
}
.bottom dl.width02{
	width:20%;}
.bottom dl.width03 {
    width: 20%;
    float: right;
}
.bottom dt {
    margin: 0;
    color: #e7cb2b;
    font-size: 18px;
    line-height: 40px;
}
.bottom dd {
    margin: 0;
    font-size: 13px;
    line-height: 30px;
}
.bottom dd.line {
	background:url(../images/line01.jpg) 20px bottom no-repeat;}
.bottom dd a{
	color: #f4f4f4;
}
.bottom dd a:hover{ color: #e7cb2b;}
.btitle{
	color:#e8c626;
	font-size:16px;}
.bg01{
	background:url(../images/bg_mail.png) left 10px no-repeat;}
.bg02{
	background:url(../images/bg_fax.png) left 8px no-repeat;}
.bg03{
	background:url(../images/bg_tel.png) left 8px no-repeat;}
.bg04{
	background:url(../images/bg_adr.png) left 10px no-repeat;}
.foot_tb table{
	width:90%;}
.foot_tb input,.foot_tb textarea{
	width:75%;
	color:#fff;
	background:none;
	border:1px solid #fff;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.sub_input{
	height:20px;}
input.sub_btn{
	width:35%;
	height:30px;
	color:#000;
	font-size:15px;
	margin-top:5px;
	text-align:center;
	background:#e7cb2c;
	cursor:pointer;
	border:none;}
.clear{
	clear:both;
	height:20px;}
.copyright{
	width:100%;
	color:#fff;
	padding:14px 0;
	margin-top:15px;
	font-size:13px;
	text-align:left;
	text-indent:5.5em;
	border-top:2px solid #e7cb2b;}
.pro_box{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
}
/*底部 结束*/
.mbanner{
	width:100%;
	margin:0;
	text-align:center;
	padding-bottom:25px;}
.subbanner{
	width:100%;
	margin:0;
	text-align:center;}
.left_list{
	width:22%;
	float:left;
	padding-top:10px;
	margin-bottom:20px;}
.left_list .list-title{
	width:100%;
	color: #fff;
	text-indent:15px;
	font-size:26px;
	padding:16px 0;
	background:#189aec;}
#firstpane{
	margin-bottom:20px;}
.menu_head{
	width:100%;
	font-size:15px;
	padding-top:14px;
	padding-bottom:14px;
	color:#760801;
	text-indent:15px;
	cursor:pointer;
	position:relative;
	border-bottom:1px solid #fff;
	background:#dcdddd url(../images/pro_left.png) center right no-repeat;
	_font-size:16px;
	}
.menu_list .current{
	background:#dcdddd url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	width:100%;
	height:auto;
	overflow:hidden;}
.menu_body a{
	display:block;
	width:100%;
	text-indent:15px;
	padding:10px 0;
	background:#fff;
	color:#333;
	border-bottom:1px solid #dcdddd;}
.menu_body a:hover{ color:#189aec;}	
.list{
	background: #e5e1cd;
	margin-bottom:20px;}
.list li{
	width:100%;
	float:left;}
.list a{
	padding:12px 15px;
	display:block;
	color:#000;
	background:#dcdddd;
	border-bottom:1px solid #b5b5b6;}
.list a:hover{
	padding:12px 15px;
	display:block;
	color:#b51d15;
	background:#b5b5b6;
	border-bottom:1px solid #b5b5b6;}
.contact{
	color:#000;
	line-height:24px;
	padding:15px;
	background:#dcdddd;}
.sub_link{
	color:#cc0000;}
.sub_link li{
	float:left;
	width:16%;
	margin:0 1%;
	text-align:center;}
.sub_link img{
	width:60%;}
/*内页左侧 结束*/
#rightsidebar{
	width:74%;
	float:right;
	padding-top:10px;
	padding-right:1.5%;
	padding-bottom:20px;}	
/*当期位置 开始*/
.breadcrumbnav{
	color:#ec402c;
	height:34px;
	text-indent:15px;
	line-height:34px;
	margin:10px 0;
	overflow:hidden;}
/*当期位置 结束*/
.rtitle{
	color: #333;
	padding: 10px 15px;
	background: #b5b5b6;}
.rtitle a{ color:#fc0101;}
.listyle02{
	width:30%;
	float:left;
	text-align: center;
	margin:15px 1.5%;
	line-height:24px;}
.listyle03 {width:31%;float:left;margin:14px 0.7%;}
.listyle03 a{
	width:100%;
	
	}
.listyle02 img,.listyle03 img{
	margin-bottom: 2px;}
.listyle03  img:hover { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.listyle03 span{
	width:100%;
	display:block;}
.listyle03 span{
	width:100%;
	overflow: hidden;
text-overflow: ellipsis;
/*  height:48px;  */
	display:block;
	color:#000;
	padding:7px 2px;
	}
.listyle03 a:hover{ border-color:#189aec;}
.listyle03 a:hover span {	color:#189aec;}
.case{
	line-height: 30px;
	padding-bottom: 20px;
}
/*分页 结束*/
.pages{padding:20px 0 30px;text-align:center; height:30px; clear:both;}
.pages a,.pages strong,.pages em{padding:3px 6px;margin:0 1px;display:-moz-inline-box;display:inline-block;}
.pages em{margin-right:20px;}
.pages input{vertical-align:bottom; height:18px; width:30px;}
.pages a{border:1px solid #999; color:#cc080a; background-color:#fff;}
.pages strong{background-color:#f33c03; color:#fff; font-weight:normal;}
.pages em{color:#0177a7; font-weight:bold;}
.pages a,.pages strong{padding:5px 10px;margin:0 2px;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.pages a{color:#000;}
.pages em{display:none;}
/*分页 结束*/
/*新闻列表 开始*/
.news_ul{
	padding:10px 0;}
.news_li{
	width:98%;
	float:left;
	display:inline;
	margin:0 0 20px;
	padding-right:2%;
	border-bottom:1px dashed #999;}
.news_li_pic{
	width:30%;
	float:left;
	padding-bottom:25px;}
.news_li_text{
	width:67%;
	float:right;
	padding-bottom: 15px;}
.news_li h4{
	color:#ec402c;
	font-size:18px;
	padding:10px 0;
	line-height:20px;
	font-weight:normal;}
.news_li h6{
	color:#999;
	font-size:12px;
	line-height:14px;
	font-weight:normal;}
.news_li p{
	line-height:26px;}
.news_li p a{ color:#fd0101;}
.news_li p a:hover{ color:#333;}
/*新闻列表 结束*/
.content{
	line-height:24px;}
.content h1{ text-align:center;}
.content h2{
	font-size:18px;
	color:#ec402c;
	padding: 10px 0;	
	}
.content h3{
	font-size:18px;
	color:#ec402c;
	padding-bottom:10px;}
.content h4{
	color:#999;
	font-size:12px;
	font-weight:normal;
	text-align: right;
	padding:15px 0 10px;}
.content p{ margin-bottom:15px;}
.content img{
	width: auto;}
.prenext{
	padding:15px;
	margin-top:30px;
	border-top: 1px dashed #d6d6d6;}
.pn_item{
	line-height: 30px;
	overflow:hidden;}
	
/*产品详情页 开始*/
#gallery{
	width:60%;
	height:auto;
	float:left;
	display:inline;
	padding:5px;
	border:1px solid #aeaeae;}
#gallery h1{
	color:#666666;
	line-height:30px;}
#gallery_nav {
	width: 100%;
	margin-top:4px;}
#gallery_nav img{
	width:23%;
	float:left;
	margin:0 1%;
	display:inline;}
#gallery_output {
	width: 100%;
	overflow: hidden;
}
#gallery_output img {
	width:100%;
}
.gallery_right{
	width:36%;
	float:right;}
.gallery_right h1.tit{
	color:#ec402c;
	font-size:18px;
	padding:0 0 10px; text-align:justify;}
.gallery_right_txt{
	padding:5px 0 15px;
	line-height:34px;
	border-top:2px dashed #a4a4a3;
	border-bottom:2px dashed #a4a4a3;
	margin-top:15px;
	font-size:14px;
	}
.gallery_tel{
	color:#023574;
	padding:8px 0;}
.gallery_share{
	padding:10px 0;}
.ct_s,.ct_m{
	width:160px;
	float:left;
	height:30px;
	line-height:30px;}
.ct_s{ width: 230px;}
.ct_m a,.ct_s a{
	color:#ec402c;}
.ct_m a:hover,.ct_s a:hover{
	text-decoration:underline;}
.pdf{
	padding:10px 0 10px 25px;
	background:url(../images/bg_pdf.png) left center no-repeat;}
.video{
	padding:10px 0 10px 25px;
	background:url(../images/bg_video.png) left center no-repeat;}
.gallery_btn a{
	width:150px;
	height:35px;
	color:#FFF;
	font-size: 15px;
	line-height:35px;
	display:inline-block;
	text-align:center;
	background:#b71010;
	margin-right: 15px;}
.gallery_btn a:hover{
	background: #760801;
}
.maodian{
	width:100%; 
	height:36px;
	line-height:36px;
	margin-top:20px;
	border-bottom:1px solid #cc0000;}
.maodian li{
	text-align:center;
	width:24%;
	float:left;
	margin-right:0.5%;}
.maodian li a{
	display:block; 
	color:#134057;
	height:35px;
	font-size: 15px;
	background:#f8f8f8;
	border:1px solid #cccccc;
	border-bottom:1px solid #cc0000;
	/*background:url(../images/line.gif) 0 bottom repeat-x;*/}
.maodian li a.selectTag{ 
	color:#fff;
	border:1px solid #ff0000;
	border-bottom:none;
	background:#CA2727;}
.maodian li a:hover{
	background:#CA2727; 
	color:#fff;
	border:1px solid #ff0000;
	border-bottom:none;
	text-decoration:none;}
.cases{
	width:100%;
	height:36px;
	line-height:36px;
	margin-top:29px;
	border-bottom:1px solid #189aec;
	}
.cases li{
	text-align:center;
	float:left;
	margin-right:0.2%;}
.cases li a{
	display:block; 
	color:#000;
	height:35px;
	padding:0 14px;
	font-size: 14px;
	background:#f8f8f8;
	border:1px solid #cccccc;
	border-bottom:1px solid #189aec;
	/*background:url(../images/line.gif) 0 bottom repeat-x;*/}
.cases li a.selectTag{ 
	color:#fff;
	border-bottom:none;
	background:#CA2727;}
.cases li a:hover{
	background:#189aec; 
	color:#fff;}
li.selectTag a {
    background:#189aec;
    color: #fff;
}	
	
#tagContent {
}
.tagContent {
	_display: none; 
	height: auto;
}
#tagContent div.selectTag {	display: block; }
.md_con{
	width:auto;
	border:1px solid #cccccc;
	border-top:none;
	padding:10px;
	margin:0 auto 20px;}
.md_hd{ 
	color:#000;
	line-height:40px;
	text-indent: 10px;
	background: #bab8af;}
.md_bd{
	width:auto;
	line-height:24px;
	_padding:5px;}
.md_bd img{
	width:auto;
	max-width: 100%;}
.listyle01{
	width:23%;
	float:left;
	margin:0 1%;
	line-height:24px;}
.md_bd img{
	width:auto;}
.md_hd01{ 
	color:#ec402c;
	line-height:40px;
	font-size:15px;
	margin-top: 20px;
	background: #d5d1c2;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #b10e07;}
.md_title{
	width:160px;
	height:36px;
	color:#fff;
	background:#cc0000;
	text-align:center;}
.md_con form {
	color: #000;
	margin:0 auto;
	width: 90%;
	padding-top:20px;}
.md_con form label {
	display: block;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;}
.md_con form label span {
	width:140px;
	height:31px;
	float: left;
	display:block;
	text-align:left;	
	padding:5px 0 0 0;}
.md_con form label input {
	width:68%;
	height:30px;
	float:left;
	text-indent:5px;
	display:block;
	border: 1px solid #d6d6d6;
	line-height:30px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.md_con form label input[type=checkbox]{ width:15px; height:15px; margin:5px 3px 0 0;}
.md_con form label textarea {
	width: 65%;
	height: 150px;
	float: left;
	display: block;
	overflow: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	border: 1px solid #d6d6d6; font-family:microsoft yahei;}
.md_con form label select{
	width:20%;
	height:30px;
	float:left;
	text-indent:5px;
	display:block;
	border: 1px solid #d6d6d6;
	line-height:30px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.md_con form #submit2 {
	width: 140px;
	height: 37px;
	display: block;
	color:#fff;
	margin-left:20%;
	margin-bottom:20px;
	cursor:pointer;
	font-size: 14px;
	background:#bc1500;
	border:1px solid transparent;
    border-radius: 5px 5px 5px 5px;}
.md_con form #submit2:hover {
	border: 0;
	background:#fff ;
	color:#000;
	border:1px solid #bc1500;
	display: block;
	}
.md_inquiry img{
	width:100%;
	padding-bottom:10px;}
.foot_fixed{display:none;}
#backtotop{
	position:fixed;
	bottom:20px;
	right:5px;
	z-index:999;
	width:60px; 
	cursor:pointer; 
	display:block;
}
#backtotop a{
	display:block;
	outline:none;
	width:60px;
	height:60px;
	background:url(../images/zhu.png) no-repeat;
	_background:url(../images/zhu.gif) no-repeat;
}
#backtotop a:hover{
	background-position:-59px 0;
	text-decoration:none;color:#3a9
}
/*new角标*/
.new_jb{
	position: relative;
	width: 20%;
    _height: 16px;
    top: -1em;
    left: -1em;
}	
/*profile spec*/
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left; width:50%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{ width:80px; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{ width:75%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right; width:50%;padding:20px 0 0 0;}
.profile-spec .about-l{ width:57%; height: 60px; margin:20px 0;font-size:16px; color:#fff; padding:20px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{ width:30%; height: 60px; margin:20px 0;font-size:16px;float:left; margin-left:30px; color:#fff; padding:20px;background:#ca2727; line-height:30px;}
@media screen and (min-width:640px) and (max-width:1100px){
/*profile spec*/
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left;width: 100%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{width: 20%; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{width: 70%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right;width: 100%;padding:20px 0 0 0;}
.profile-spec .about-l{width: 98%; height: 60px;margin: 20px 0;font-size:16px; color:#fff;padding: 15px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{width: 98%; height: 60px; margin:20px 0; font-size:16px;float:left;/* margin-left:30px; */ color:#fff;padding: 10px;background:#ca2727;line-height:30px;}
#header{ height:85px;}
.app-bar {
	display: block;
    position: initial;
	height: 52px;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: none;
	transition: none;}
.app-bar .logo {
	width:200px;
	height:85px;
	text-align:center;
/*	padding-top:15px;
	background:#c1241b;  */
	position:absolute;
	top:0;
	left:10px;}
.app-bar .logo img{
	width: 75%;}
.navdrawer-container ul li {
	text-align: center;
	font-size:16px;}
.module_con{
	width:80%;
	font-size:14px;
	padding: 0 10%;
	margin-top:-16%;}
.module_con h1{
	padding:12px 0;}
.talk_left{
	width:8%;}
.talk_right{
	width:9%;}
.talk_left img,.talk_right img{
	width:25%;}
.talk_middle{
	width:80%;}
.lx_news{
	width:48%;}
}
@media screen and (min-width:960px) and (max-width:1100px){
.app-bar-actions {
	width:30%;
	float: right;}	
.pro_li h3 a{
	font-size:18px;}
#leftsidebar .list-title{
	font-size:24px;
	padding:14px 0;}
.cases li a{padding:0 7px;}
}
@media screen and (min-width:769px) and (max-width:961px){
.app-bar-actions {
	width:35%;
	float: right;}	
.navdrawer-container {
	width: 100%;
	font-size:16px;
	margin-left:0;}
.navdrawer-container ul li {
	text-align: center;}
.module_title01{
	font-size:28px;}
.pro_li{	 
	width:30%;
	margin:10px 1.5% 15px;}
.pro_li h3 a{
	font-size:18px;}
.lx_company h2, .lx_news h2{
	font-size: 26px;
	padding:15px 0 20px;
}
.lx_news_left{
	width:20%;
	float:left;
	text-align:center;
	background: #fe9002;}
.lx_news_left .month{
	font-size: 13px;
}
.rec_li h3 a{
	background:#cccccc;}
.rec_li h3 a:hover{
	background:#bcbcbc;}
.bottom dt {
	font-size:18px;
}
#leftsidebar .list-title{
	text-indent:10px;
	font-size:24px;
	padding:12px 0;}
.list a{
	padding:8px 10px;
	display:block;}
input.sub_btn{
	width:45%;}
}
@media screen and (max-width:900px){
#gallery{
	width:95%;}
.gallery_right{
	width:98%;
	margin: 0 1%}
.gallery_right h1.tit{
	padding-top: 15px;
}
.maodian li{
	text-align:center;
	width:30%;
	float:left;
	margin-right:0.5%;}
	
}
/* 平板电脑布局: 横向*/	
@media screen and (max-width:768px){
.app-bar .logo {
	width:160px;
	height:85px;
	text-align:center;
/*	padding-top:15px;
	background:#c1241b; */
	position:absolute;
	top:0;
	left:10px;}
.app-bar-actions {
	width:35%;
	float: right;}	
.navdrawer-container {
	width:78%;
}
.navdrawer-container ul li {
	text-align: center;}
.module_left{
	background:#b61d17;}
.module_title01{
	font-size:28px;}
.pro_li{	 
	width:46%;
	margin:10px 2% 15px;}
.lx_company h2, .lx_news h2{
	font-size: 26px;
	padding:15px 0 20px;}
.lx_company{
	width:98%;
	margin-left:1%;
	margin-right:1%;}
.lx_news{
	width:98%;
	margin-left:1%;
	margin-right:1%;}
.lx_news a{
	font-size: 15px;}
.talk_top img{
	width:40%;
	margin-top:-60px;}
.talk_left{
	width:8%;}
.talk_right{
	width:8%;}
.talk_left img,.talk_right img{
	width:25%;}
.talk_middle{
	width:85%;}
.rec_li{	 
	width:46%;}
.bottom dt {
	font-size:18px;}
.bottom dl.width01{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar{
	width: 22.5%;
	font-size: 12px;
	padding-left: 0;}
#leftsidebar .list-title{
	text-indent:10px;
	font-size:20px;
	padding:12px 0;}
.cases{
	width:100%; 
	height:73px;}
.cases li{
	width:33%;}
.menu_head{
	width:97%;
	padding-left:1%;
	text-indent:0;
	padding-right:2%}
.menu_body a{
	text-indent:5px;
}
.listyle01{
	width:47%;
	margin:0 1.5% 10px;
}
.listyle03{
	width: 47%;
	margin: 15px 1.5%;}
}
@media all and (max-width: 960px) {
/*profile spec*/
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left;width: 100%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{width: 20%; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{width: 70%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right;width: 100%;padding:20px 0 0 0;}
.profile-spec .about-l{width: 98%; height: 60px;margin: 20px 0;font-size:16px; color:#fff;padding: 15px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{width: 98%; height: 60px; margin:20px 0; font-size:16px;float:left;/* margin-left:30px; */ color:#fff;padding: 10px;background:#ca2727;line-height:30px;}
}
@media screen and (max-width:640px){
#BDBridgeWrap {display:none!important;}
#qiao-icon-wrap{display:none!important;}
#qiao-wrap{display:none!important;}
.bdshare-slide-button-box{display:none!important;}
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left;width: 100%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{width: 20%; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{width: 70%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right;width: 100%;padding:20px 0 0 0;}
.profile-spec .about-l{width: 98%; height: 60px;margin: 20px 0;font-size:16px; color:#fff;padding: 15px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{width: 98%; height: 60px; margin:20px 0; font-size:16px;float:left;/* margin-left:30px; */ color:#fff;padding: 10px;background:#ca2727;line-height:30px;}
.new_jb{
	position: absolute;
	width: 26px;
    _height: 16px;
    top: 7.2em;
    left: 10.5em;}
.top_right{ display: none;}
.navdrawer-container {
    position: fixed;       
    width: 250px;
    height: 100%;       
    background-color: #2b2b2b;    
    color: #fefefe;
    -webkit-transform: translate(-250px,0);
    transform: translate(-250px,0);
    z-index: 2;}
.navdrawer-container.open {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
	z-index:1000;}
.navdrawer-container ul {
	display:block;
}
.navdrawer-container ul li {
	width:100%;
	padding:0;
	border: none;}
	
		
.navdrawer-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: black;
    /** Unfortunately this is the best way
    to get no paints in Chrome **/
    opacity: 0.0000001;
    z-index: 1;
    pointer-events: none;}
.navdrawer-bg.open {
    opacity: 0.5;}
.app-bar, .navdrawer-container {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;}
.navdrawer-bg {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;}
.navdrawer-container ul li a {
    display: block;       
    height: 50px;       
    padding: 0 20px;       
    line-height: 50px;      
    text-decoration: none;
    color: white;}
.navdrawer-container ul li a:hover {
    background-color: rgba(255, 255, 255, 0.2);}
.navdrawer-container ul li a:focus {
    background-color: rgba(255, 255, 255, 0.3);
    outline: 0;}
.navdrawer-container ul li a:active {
    background-color: rgba(255, 255, 255, 0.4);}
#header{
	width:100%;
	height:60px;}
.app-bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;       
    width: 100%;
    height: 60px;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: fixed;
    top: 0;
    left: 0;
    z-index:600;
	_background:url(../images/bg_head.jpg) 0 bottom repeat-x;}
.app-bar.open {
    -webkit-transform: translate(250px,0);
    transform: translate(250px,0);}
.app-bar .logo {
/*	width:120px;  */
	height:54px;
	text-align:center;
	padding-top:5px;
	_background:#101A24;
	position:absolute;
	top:0;
	left:75px;}
.app-bar .logo img{
	width: 100%;}
.app-bar .logo a {
    text-decoration: none;
    color: inherit;
    font-weight: normal;}
.app-bar-actions  {
	width:auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;        
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: absolute;
    right: 10px;
    top: 0px;}
.top_social{
	margin-top:10px;}
.top_social a{
	display:block;
	width:38px;
	height:38px;
	line-height:37px;
	background:#24303c;}
.app-bar button, .bottom-bar button {
    width: 44px;
    height: 44px; 
	display:block;
    background-image: none;
    background-color: #1a1a1a;       
    border-style: solid;
    border-radius: 100%;
    border-color: #1a1a1a;
    padding: 8px;
    margin: 8px;
	float:left;
    -webkit-transition: border 300ms ease-in,background 300ms ease-in;
    transition: border 300ms ease-in,background 300ms ease-in;
    -webkit-tap-highlight-color: transparent;}
.app-bar button img {
    width: 28px;
    height: 28px;}
.app-bar button.menu {
    position: relative;}
.app-bar button.menu img {
    position: absolute;
    top: 7px;
    left: 7px;}
.app-bar button.menu .menu-icon {
    opacity: 1.0;}
.app-bar button.menu .close-icon {
    opacity: 0.0;}
.app-bar.open button.menu .menu-icon {
    opacity: 0.0;}
.app-bar.open button.menu .close-icon {
    opacity: 1.0;}
.app-bar button:hover, .bottom-bar button:hover {
    border-color: transparent;
    background-color: rgba(50, 0, 10, 0.4);}
.app-bar button:focus, .bottom-bar button:focus {
    border-color: transparent;
    outline: 0;
    background-color: rgba(50, 0, 10, 0.4);}
.app-bar button:active, .bottom-bar button:active {
    border-color: transparent;
    background-color: rgba(50, 0, 10, 0.6);}
.search {      
    width: 40%;      
    padding: 16px 0;
    margin: 0;      
    box-sizing: border-box;       
    border: none;
    position: absolute;
    right: 5px;}
.display{
	display: none;
}
.bottom-bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;       
    width: 100%;
    height: 60px;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);}		  
 .promote-layer {
        /*
        This may promote the layer to a composited
        layer.
        Replace with will-change when available
        #perfmatters
        */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background-color:#fff;
}
.middle{
	margin-top:0%;}
.module_left{
	width:98%;
	padding:10px 1%;
	font-size:16px;}
.module_con{
	width:90%;
	float:none;
	font-size:15px;
	padding:0 5%;
	margin-top:-17%;}
.module_con h1{
	padding:6px 0 10px;}
.pro_li h3 a{
	font-size:16px;}
.head_social img{
	width:70%;}
.lx_company{
	width:98%;
	margin-right: 1%;}
.vide{
	width: 98%;
	float: left;
}
.company{
	width: 98%;
	float: right;
	line-height:20px;
}	
.lx_news{
	width:98%;
	margin-left: 1%;
	margin-right:1%;}
.lx_company h2,.lx_news h2{
	font-size:24px;
	padding:15px 0 15px;}
.service h3{
	font-size:16px;}
.module_title01{
	font-size:24px;}
.bottom dl.width01{
    display:none;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
    display:none;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
    display:none;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar{
	display: none;}
#rightsidebar{
	width:98%;
	float:right;
	padding:0 1% 20px 1%;}
.content{
	padding:0 2%}
#menu { width:100%; 
	margin:0 auto 10px; 
	display:block;
	position:relative;
	z-index:100;}
#menu h1 { 
	color: #fff;
  	width:98%;
  	height:50px;
  	line-height:50px;
  	padding:0 1%;
  	cursor: pointer;
  	background:#c1241b url(../images/menu.png) 96% center no-repeat;
  	border:none;
	font-weight:normal;
	text-indent:10px;
	font-size:20px;
  	margin:0 auto;}
#menu h2{
	color:#000;
	padding:14px 0;
	display:block;
	font-size: 14px;
	text-indent:15px;
	border-bottom:1px solid #F2F2F2;
	background:#e5e1cd url(../images/more0.gif) center right no-repeat;}
#menu ul {  
	border-top:none;
	overflow:auto;}
#menu ul li {
	padding:10px 0;
	text-indent:15px;
	background:#f7f5eb;}
.no { display:none;}
.md_con form {
	width: 100%;}
#backtotop{
	display:none;}
.copyright{
	text-align: left;
	margin-bottom:50px;
	text-indent:0px;
	}
.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px; background: url(../images/btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#1a1a1a;}
.foot_fixed li{
	width:19%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed img{width: auto;}
.foot_fixed li.spcial{width: 24%;}
.foot_fixed li.spcial img{ margin-top: -10px; margin-bottom:5px;}
.foot_fixed a{
	width:100%;
	height:35px;
	color: #fff;
	font-size: 0.75em;
	padding:10px 0 5px 0;
	display:block;}
.foot_fixed a:hover{ background:#2f2f2f;}
}
     
@media all and (max-width: 480px) {
.display{
	display:none;}
.listyle02{
	width:47%;}
.pro_li h3 a{
	font-size:14px;} 
.md_con form label textarea {
	width: 80%;}
.service li{
	width:96%;
	margin:10px 2% 20px;}
.service h3{
	font-size:20px;} 
.news_li h4{
	font-size:16px;
	padding-top:0;}
.news_li p{
	font-size:13px;
	line-height:22px;}
.maodian li{
	width:32%;}
.module_con{
	font-size:13px;}
.module_con p{
	line-height:20px;}
.cases li a{
	 padding: 0;}
}
@media all and (max-width: 430px) {
/*profile spec*/
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left;width: 100%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{width: 20%; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{width: 70%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right;width: 100%;padding:20px 0 0 0;}
.profile-spec .about-l{width: 98%; height: 60px;margin: 20px 0;font-size:16px; color:#fff;padding: 7px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{width: 98%; height: 60px; margin:20px 0; font-size:16px;float:left;/* margin-left:30px; */ color:#fff;padding: 7px;background:#ca2727;line-height:30px;}
.app-bar-actions{ display: none;}
.app-bar .logo{ right: 10px; left: initial;}
.navdrawer-container ul li {font-size:16px;}
.circle .mosaic-overlay {
    background:url(../images/small.png) no-repeat center center;}}
	
@media all and (max-width: 320px) {
.module_left h1{
	font-size:20px;}
.pro_li{	 
	width:97%;
	margin:15px 1.5% 15px;}
.rec_li{	 
	width:97%;}
.talk_top img{
	width:45%;
	margin-top:-50px;}
.listyle02,.listyle03{
	width:96%;
	margin:15px 2%;}
#gallery_nav img{
	width: 22%;}
.gallery_btn a{
	width:150px;
	height:35px;
	margin-bottom: 15px;}
.cases{
	width:100%; 
	height:110px;}
.cases li{
	width:49.5%;}
.maodian li a{
	font-size: 12px;}
#showArea img{width:22%; margin:0 0.4% 5px;}
.md_con form label input{
	width: 98%;}
.md_con form label textarea{
	width: 98%;}
}
.hbuy h5 {
	background: url(../images/icon-list.png) 0 -126px no-repeat;
	font-size: 16px;
	text-indent: 55px;
	line-height: 70px;
	height: 50px;
	margin: 20px 0 10px;
	overflow: hidden;
}
.hbuy p {
	line-height: 26px;
	border-top: 1px solid #189aec;
	border-bottom: 1px solid #189aec;
	padding: 10px 0;
}
	.hbuy h5,.hbuy em {
	color:#189aec;
	font-weight: bold;
	font-family: microsoft yahei;
}
.bg-gray-low,.bg-gray-high {
	padding: 30px 0;
	overflow: hidden;
}
.bg-gray-low {
	background: url(../images/bg_gray_254.jpg) left bottom repeat-x;
}
.bg-gray-high {
	background: url(../images/bg_gray_284.jpg) left bottom repeat-x;
}
.btpro {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.btpro h4 {
	font: bold 18px/40px "microsoft yahei";
	padding-bottom: 30px;
}
.btpro .h195 {
	height: 195px;
}
.btpro .h225 {
	height: 225px;
}
.btpro ul {
	overflow: hidden;
	zoom: 1;
}
.btpro ul li {
	float: left;
	width: 269px;
	margin-right: 38px;
	overflow: hidden;
	display: inline;
}
.btpro ul li a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: relative;
}
.btpro .bghv {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 269px;
	height: 195px;
	background: url(../images/bg_btpro_hv.png) repeat;
	z-index: 99;
}
.btpro .bghv em {
	display: block;
	margin-top: 113px;
	text-align: center;
	height: 40px;
	font: bold 16px/40px "microsoft yahei";
	color: #ffffff;
}
.btpro .bghv span {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	margin: 68px 0 0 112px;
	_display: inline;
	background: url(../images/icon-list.png) 1px -230px no-repeat;
}
.btpro .bghv span.bgcs {
	background: url(../images/icon-list.png) 0px -901px no-repeat;
}
.btpro ul li img {
	width: 269px;
	height: 195px;
}
.btpro ul li span.btx {
	display: block;
	float: left;
	width: 100%;
	line-height: 36px;
	*margin-top: 8px;
	text-align: center;
}
.btpro ul li a:hover span.btx {
	font-weight: bold;
}
.btpro .prev, .btpro .next {
	position: absolute;
	right: 0px;
	top: 12px;
	display: block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/icon-list.png) -27px -209px no-repeat;
}
.btpro .next {
	left: auto;
	right: 25px;
	background-position: 0px -209px;
}
.btpro .prevStop {
	background-position: -27px -188px;
	cursor: default;
}
.btpro .nextStop {
	background-position: 0px -188px;
	cursor: default;
}
/* boxx */
.boxx{
	width:50%;
	overflow:hidden;}
.boxx div{padding:0; margin:0;}
.boxx li{list-style-type:none;}
.boxx img{vertical-align:top;border:0;}
.pic a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	}
.pic a img{
	vertical-align:middle;   
	width: 110px;
    height: 80px;
	}
.pic a{
	*display:block;
	*font-family:Arial;
	*line-height:1;
	}
.thumb{
	margin:10px auto;
	overflow:hidden;
	/*width: 518px;*/
	}
.thumb li{
	background:none repeat scroll 0 0 transparent;
	float:left;
	height:80px;
	margin:0 6px 0 0;
	overflow:hidden;
	padding:1px;
	}
.s310, .s310 a{
	height:310px;
	width:310px;
	}
.s310, .s310 img{
	max-height:310px;
	max-width:310px;
	}
.s310 a{*font-size:271px;}
.s40 a{*font-size:35px;}
.s40, .s40 a{
	height:80px;
	width:110px;}
.booth{
	border:1px solid #CDCDCD;
	position:relative;
	z-index:1;
	}
.thumb .selected{
	background:none repeat scroll 0 0 #C30008;
	height:80px;
	padding:2px;
	}
.thumb .selected div{
	background-color:#FFFFFF;
	border:medium none;
	}
.thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{
	z-index:999;
	position:absolute;
	top:0px;
	left:0px;
	background:#ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align:center;
	overflow:hidden;
	}
div.zoomMask{
	position:absolute;
	background:url("../images/mask.png") repeat scroll 0 0 transparent;
	cursor:move;
	z-index:1;
	}
/*kuang*/
.kuang{
	width:516px;
	height:320px;
	border:1px solid #cccccc;}
	
	
/*新加*/
.list_main{ overflow:hidden; margin-top:20px;}




.mbanner{
	width:100%;
	margin:0;
	text-align:center;
	padding-bottom:25px;}
.subbanner{
	width:100%;
	margin:0;
	text-align:center;}
#leftsidebar{
	width:21%;
	float:left;
	padding-top:10px;
	padding-left:1.5%;
	margin-bottom:20px;}
#leftsidebar .list-title{
	width:100%;
	color: #fff;
	text-indent:15px;
	font-size:26px;
	padding:16px 0;
	background:#189aec;}
#firstpane{
	margin-bottom:20px;}
.menu_head{
	width:100%;
	padding-top:14px;
	padding-bottom:14px;
	color:#760801;
	text-indent:15px;
	cursor:pointer;
	position:relative;
	border-bottom:1px solid #fff;
	background:#dcdddd url(../images/pro_left.png) center right no-repeat;
	_font-size:16px;
	}
.menu_list .current{
	background:#dcdddd url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	width:100%;
	height:auto;
	overflow:hidden;}
.menu_body a{
	display:block;
	width:100%;
	text-indent:15px;
	padding:10px 0;
	background:#fff;
	color:#333;
	border-bottom:1px solid #dcdddd;}
.menu_body a:hover{ color:#c1241b;}	
.list{
	background: #e5e1cd;
	margin-bottom:20px;}
.list li{
	width:100%;
	float:left;}
.list a{
	padding:12px 15px;
	display:block;
	color:#000;
	background:#dcdddd;
	border-bottom:1px solid #b5b5b6;}
.list a:hover{
	padding:12px 15px;
	display:block;
	color:#b51d15;
	background:#b5b5b6;
	border-bottom:1px solid #b5b5b6;}
.contact{
	color:#000;
	line-height:24px;
	padding:15px;
	background:#dcdddd;}
.sub_link{
	color:#cc0000;}
.sub_link li{
	float:left;
	width:16%;
	margin:0 1%;
	text-align:center;}
.sub_link img{
	width:60%;}