@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:20px;
/*	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: 16%;
	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:#c1241b;}
.promote-layer a.current{
	color:#c1241b;}

/*轮播图 开始*/
#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;
	margin-top:-3%;
	z-index:500;
	background:#ffffff; }  
.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:29%;
	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 #b51d15;
	-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: #b51d15;
	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:#bf241a;
	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:left;
	margin-left:1%;}
.vide{
	width: 100%;
	float: left;
}
.company{
	_width: 49%;
	float: right;
	line-height:20px;
}
.company a{
	color: #9db93e;
	float: right;
}
/*首页上图下文模块 结束*/

/*首页新闻模块 开始*/
.lx_news{
	width:48%;
	float:right;
	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%;
	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:20%;
	float:left;
	text-align:center;
	background: #3a3a3a;
	-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:75%;
	float:right;}
.lx_news_right h3{
	line-height: 1.6em;
	_padding:12px 0 12px 10px;
	font-size:14px;}
.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:#ee1e24;}
.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:#b51d15;
	border-bottom:1px solid #b51d15;
	_background:#bcbcbc url(../images/more.jpg) center bottom no-repeat;}
#menu{
	display:none;}
/*底部 开始*/
#footer {
    width: 100%;
    padding-top: 15px;
    border-top: 5px solid #bf241a;
    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;}
#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:#ca2727;}
#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%;}

/*内页左侧 结束*/
#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: 5px 15px;
	background: #dcdddd;}
.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:#c1241b;}
.listyle03 a:hover span {	color:#c1241b;}
.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(../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 #760801;
	}
.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 #CA2727;
	/*background:url(../line.gif) 0 bottom repeat-x;*/}
.cases li a.selectTag{ 
	color:#fff;
	border-bottom:none;
	background:#CA2727;}
.cases li a:hover{
	background:#CA2727; 
	color:#fff;}
li.selectTag a {
    background: #CA2727;
    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;}
#newBridge {display:none!important;}
#nb_nodeboard{display:none!important;}
.tongzhi img{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 #BF241A;
	border-bottom: 1px solid #BF241A;
	padding: 10px 0;
}

	.hbuy h5,.hbuy em {
	color: #ea2622;
	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;}
	

	
	
/* module 外框容器
------------------------------------------------------------------------------------------ */
.module-default { margin:0; padding:0 20px 10px 0; float:left; width:48%}
.module-default > .module-divider { margin-bottom:20px; }
.module { margin-bottom:25px; }
.module-title-default { margin-bottom:10px; overflow:hidden;  }
.module-title-default > .module-title-content { padding-top:5px; padding-bottom:5px; }
.module-title-default > .module-title-content h3 { display:block; float:left; _display:inline; line-height:20px; font-size:16px; }
.module-title-default > .module-title-content span { margin-left:5px; float:left; line-height:22px; color:#808080; font-size:14px; }
.module-title-default > .module-title-content span strong { font-weight:normal; margin-left:5px; color:#808080; font-family:Arial,sans-serif; }
.module-title-default > .module-title-content i { display:block; float:left; _display:inline; width:8px; height:8px; overflow:hidden; position:relative; top:9px; margin-left:10px; background:url(../images/icon-title-d.gif) no-repeat; }
.module-more-default a { color:#808080; font-size:13px; }
.module-more-default a:hover { color:#5a342b; text-decoration:none; }
.module-icon-default { padding-left:25px; background-repeat:no-repeat; background-position:left center; }
.module-divider { height:1px; overflow:hidden; background-color:#e5e5e5; margin-top:25px; clear:both; }
.module-no-margin, .module-no-margin .module-content p, .module-no-margin .module-content ul, .module-no-margin .module-content ol, 
.module-no-margin .module-content h1, .module-no-margin .module-content h2, .module-no-margin .module-content h3, .module-no-margin .module-content h4,
.module-no-margin .module-content h5, .module-no-margin .module-content h6 { margin:0; }
 
.module-hlbg { }
.module-hlbg > .module-inner { background-color:#fafafa; }
.module-hlbg-title { background:#FF3333; overflow:hidden; }
.module-hlbg-title h3 { padding:15px 0 15px 20px; line-height:normal; color:#fff; font-size:20px; font-weight:normal; }
.module-hlbg-title  a{ color:#fff; }
.module-hlbg-title h4 { margin-bottom:5px; padding-left:20px; line-height:normal; color:#fff; font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.module-hlbg-icon { margin-left:20px; padding-left:28px !important; background-repeat:no-repeat; background-position:left center; }
.module-hlbg-content { padding:10px 10px 15px; }
.module-hlbg-more { text-align:right; padding:0 15px 15px; }
.module-hlbg-more a { 
	display:inline-block; *display:inline; *zoom:1; height:20px; line-height:20px; padding:1px 8px; background-color:#b3b3b3; color:#fff; font-size:12px; 
	-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;
}
.module-hlbg-more a:hover { background-color:#5a342b; color:#fff; text-decoration:none; }
.module-hlbg > .module-divider { margin-bottom:10px; margin-top:10px; }
.module-hlbg-content .category { margin:-10px -10px -15px; }


.module-title-border { border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
.module-title-border > .module-title-content { float:left; display:inline; padding-top:5px; padding-bottom:5px; margin-bottom:-1px; border-bottom:1px solid #FF3333; }
.module-title-border > .module-title-content h3 { float:left; font-size:16px; line-height:normal; }
.module-title-border > .module-title-content span { margin-left:5px; float:left; line-height:22px; color:#999; font-size:14px; }
.module-title-border > .module-title-content span strong { font-weight:normal; margin-left:5px; color:#999; font-family:Arial,sans-serif; }
.module-title-border > .module-more-default { margin-top:5px; } 

.module-title-hl { margin-bottom:20px; border-bottom:1px solid #d6d6d6; }
.module-title-hl .module-title-content h3 { display:inline-block; *display:inline; *zoom:1; padding-top:5px; padding-bottom:5px; font-size:22px; font-weight:normal; color:#ee330a; line-height:normal; }
.module-title-hl > .module-title-content span { position:relative; top:13px; }
.module-title-hl > .module-more-default { margin-top:10px; }

.module-full-screen > .module-inner {/*  padding:55px 0 55px; */ }
.module-full-screen > .module-inner .page-width { width:auto; max-width:1170px; margin:0 auto; }
.module-full-screen-title { margin-bottom:35px; text-align:center; }
.module-full-screen-title > h2 { margin-bottom:20px; line-height:normal; font-weight:normal; font-size:28px; color:#333; }
.module-full-screen-title > .module-title-content { margin:-10px 0 15px; }
.module-full-screen-title > .module-title-content > h3 { display:inline-block; *display:inline; *zoom:1; margin:0 15px; line-height:normal; font-weight:normal; font-size:16px; color:#999;  }
.module-full-screen-title > .module-title-content > i { display:inline-block; *display:inline; *zoom:1; position:relative; top:-5px; width:55px; height:1px; overflow:hidden; background-color:#ccc; }
.module-full-screen-title > em { display:block; width:35px; height:2px; overflow:hidden; margin:0 auto; background-color:#333; display:none; }
.module-full-screen-more { float:none; clear:both; margin-top:30px;text-align:center; }
.module-full-screen-more a { display:inline-block; *display:inline; *zoom:1; line-height:34px; padding:0 35px; border:1px solid #ccc; color:#999; background-color:transparent; transition:all 0.5s ease 0s; }
.module-full-screen-more a:hover, .module-full-screen-more a:active { background-color:#FF3333; border-color:#fff; color:#fff; text-decoration:none; }
.module-divider-full { margin:40px 0 -35px; height:14px; overflow:hidden; background:url(../images/module-divider-full.png) no-repeat center; }
.module-full-screen-gray { background-color:#f7f7f7; }
.module-full-screen-hl { background-color:#734237; }
.module-full-screen-hl .module-full-screen-title > h2 { color:#fff; }
.module-full-screen-hl .module-full-screen-title > .module-title-content > h3 { color:#f2f2f2; }
.module-full-screen-hl .module-full-screen-title > .module-title-content > i { background-color:#e5e5e5; }
.module-full-screen-hl .module-full-screen-title > em { background-color:#fff; }
.module-full-screen-hl .module-full-screen-more a { border-color:#fff; color:#fff }
.module-full-screen-hl .module-full-screen-more a:hover { background-color:#fff; border-color:#fff; color:#333; text-decoration:none; }
.module-full-screen-hl .module-divider-full { background:url(../images/module-divider-full-white.png) no-repeat center; }
.module-full-screen-bg-img { background-repeat:no-repeat; background-position:center; background-size:cover; }

.module-full-screen-padding-bottom { padding-bottom:70px; }
.module-full-screen-more-fixed > .module-inner .page-width { position:relative; }
.module-full-screen-more-fixed .module-full-screen-more { position:absolute; left:50%; z-index:1000; margin-left:-48px; margin-top:20px; -webkit-animation:upAndDown 2s infinite; animation:upAndDown 2s infinite; }
.module-full-screen-more-fixed .module-full-screen-more a { background-color:transparent; padding:0; border:none; color:#5a342b; font-size:16px; width:97px; height:97px; line-height:97px; background:url(../images/module-full-screen-more-fixed.png) no-repeat 0 0; }
.module-full-screen-more-fixed .module-full-screen-more a:hover { background-color:transparent; background-position:0 -97px; color:#fff; }

.module-full-screen-gray-expand > .module-inner { padding-top:50px; padding-bottom:70px; }
.module-full-screen-gray-expand-box-t, .module-full-screen-gray-expand-box-b { position:relative; height:10px; }
.module-full-screen-gray-expand-box-t .module-full-screen-gray-expand-bg, .module-full-screen-gray-expand-box-b .module-full-screen-gray-expand-bg { position:absolute; top:0; width:100%; height:20px; }
.module-full-screen-gray-expand-box-t .module-full-screen-gray-expand-bg { top:-10px; }
.module-full-screen-gray-expand-box-t .module-full-screen-gray-expand-bg { background:url(../images/module-full-screen-bg-wave-gray-t.png) no-repeat bottom center; }
.module-full-screen-gray-expand-box-b .module-full-screen-gray-expand-bg { background:url(../images/module-full-screen-bg-wave-gray-b.png) no-repeat bottom center; }


.module-horizontal { }
.module-title-horizontal { float:left; margin-right:10px; }
.module-title-horizontal .module-title-content { margin-top:2px; }
.module-title-horizontal .module-title-content > h3 { font-size:15px; margin-top:2px; line-height:normal; float:left; }
.module-title-horizontal .module-title-content img { vertical-align:middle; position:relative; top:2px; float:left; margin-right:5px; }
.module-horizontal .module-inner { max-width:1200px; margin:0 auto; }
.module-horizontal > .module-inner > .module-content { overflow:hidden; *zoom:1; }
.module-horizontal > .module-inner > .module-more-horizontal a { margin-left:10px; margin-top:3px; display:block; width:20px; height:20px; overflow:hidden; background:url(../images/icom-more.gif) no-repeat center; }
.module-horizontal > .module-inner > .module-more-horizontal a span { display:none; }
.module-horizontal-hlbg { background-color:#fafafa; }
.module-horizontal-hlbg .module-inner { padding:8px 10px; max-width:1180px; }


.module-section { padding:50px 0;}
.module-section-title-wrapper { margin-bottom:25px; }
.module-section-title { float:left; }
.module-section-title h2 { display:inline; line-height:normal; font-size:26px; font-weight:normal; }
.module-section-title h3 { display:inline; line-height:normal; color:#999; font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.module-section-title em { line-height:normal; padding:0 6px; color:#999; font-size:16px; font-style:normal; }
.module-section-more { float:right; margin-top:10px; }
.module-section-more a { line-height:normal; padding:3px 0; font-size:16px; color:#999; border-bottom:1px solid #ccc; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; transition:all 0.2s ease-out 0s; }
.module-section-more a:hover { color:#5a342b; border-bottom:1px solid #5a342b; }
.module-section-gray { background-color:#fff; }
.module-section > .module-section-inner .page-width { width:auto; max-width:1200px; _width:1200px; }


/* 头条 */
.headlines-list .entry-title h2 { font-size:16px; }
.headlines-list .entry-summary { margin-bottom:0 !important; }
.headlines-list .entry-summary .qhd-content p { margin-bottom:0; }
.headlines-list .headlines-content { border-bottom:none; padding:0; margin:0 0 10px; padding:0 0 10px; }
.headlines-list .headlines-content .entry-item { border-bottom:none; padding-bottom:0; margin-bottom:0; background-color:transparent; }
.headlines-list .headlines-content .entry-img { margin-bottom:0; }
.headlines-list .headlines-content .typo-text { padding:0; }
.headlines-list .headlines-content-bg { padding-bottom:0; background-color:#e5e5e5; }
.headlines-list .headlines-content-bg .entry-img { overflow:hidden; } 
.headlines-list .headlines-content-bg .entry-img img { display:block; width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.headlines-list .headlines-content-bg .entry-img a:hover img { 
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.headlines-list .headlines-content-bg .entry-title { padding:7px 10px; margin-bottom:0; }
.headlines-list .headlines-content-bg .entry-title h2 { font-size:15px; }
.headlines-set .entry-summary { margin-bottom:-20px; }
.headlines-set .article-title { font-size:13px; }
.headlines-set .entry-title { margin-bottom:10px; }
.headlines-set .entry-title h2 { font-size:15px; }


/* Article 文章
------------------------------------------------------------------------------------------ */
.article-category {}
.article-list-row {}
.article-list-row li { padding:8px 0; *vertical-align:text-top; border-bottom:1px solid #e5e5e5; *zoom:1; _display:inline-block; }
.article-list-row li .article-title { padding-left:15px; display:inline-block; *display:inline; *zoom:1; line-height:20px; background:url(../images/icon-dot.gif) no-repeat 0 8px; }
.article-list-row li .article-title:hover { text-decoration:none; color:#FF4848;}
.article-list-row li .article-time, .article-list-row li .article-time strong, .article-list-row li .article-time em { color:#999; font-size:12px; font-weight:normal; font-style:normal; }
.article-list-row .article-time strong { padding:0 3px;}
.article-list-row li .no-file { cursor:default; }
.article-list-row li .file-download { background:url(../images/icon-download.gif) no-repeat left center; padding-left:18px; font-size:12px; color:#f30; }
.article-list-row li .file-download:hover { color:#f26100; }
.article-list-row li .file-download-disabled, .article-list-row li .file-download-disabled:hover { background:url(../images/icon-download-disabled.gif) no-repeat left center; color:#ccc; cursor:not-allowed; }
.article-list-row li a { text-decoration:none; }
.article-list-row-noBorder li { border-bottom:none; padding:3px 0; }
.portfolio-typo-item { margin-bottom:35px; }
.portfolio-typo-item .portfolio-typo-title { margin-bottom:10px; }
.portfolio-typo-item .portfolio-typo-title h2 { line-height:normal; font-size:15px; }
.portfolio-typo-item .article-time { margin-bottom:5px; font-size:12px; color:#999; }
.portfolio-typo-item .portfolio-typo-summary { font-size:12px; color:#808080; line-height:1.5; }
.headlines-list-2col .headlines-content { width:48%; float:left; display:inline; margin-right:5%; }
.headlines-list-2col .headlines-content p { margin-bottom:15px; }
.headlines-list-2col .headlines-content p a { display:block; }
.headlines-list-2col .headlines-content p img { display:block; width:100%; }
.headlines-list-2col .headlines-content h2 { font-size:16px; line-height:normal; margin-bottom:8px; }
.headlines-list-2col .headlines-content-summary { font-size:13px; line-height:1.5; color:#666; }
.headlines-list-2col .headlines-others { overflow:hidden; *zoom:1; }
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-item { border-bottom:none; margin-bottom:10px; padding-bottom:10px; }
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-summary { margin-bottom:-8px; }

.float-right { float:right; display:inline; }


/* 文章 & 产品 公用
------------------------------------------------------------------------------------------ */
.entry-item { margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #e5e5e5; }
.entry-item .typo .typo-img { margin-right:25px; }
.entry-item .typo .typo-img-right { margin-right:0; margin-left:25px; }
	.entry-img { margin-bottom:10px; }
	.entry-img img { display:block; width:160px!important}
	.entry-title { margin-bottom:15px; }
	.entry-title h2 { font-size:16px; line-height:1.4; }
	.entry-title a { }
	.entry-title a:hover { text-decoration:none; }
	.entry-meta { font-size:12px; margin-bottom:10px; color:#999; }
	.entry-meta em { margin:0 8px; }
	.entry-meta strong { font-weight:normal; }
	.entry-meta a { color:#999; }
	.entry-meta a:hover { color:#5a342b; text-decoration:none; }
	.entry-summary { color:#808080; font-size:13px; margin-bottom:-5px; }
	.entry-summary p { line-height:1.6; }
	.entry-detail { padding-right:10px; font-size:13px; color:#999; background:url(../images/arrow-r.gif) no-repeat right center; }
	.entry-detail:hover { text-decoration:none; color:#5a342b; }
.entry-item .typo-img .entry-img { margin-bottom:0; }
.entry-item .typo-text .entry-title { margin-top:-2px; _margin-top:-1px;}
.entry-set .typo .typo-img { margin-right:15px; }
.entry-set .typo .typo-img-right { margin-left:15px; margin-right:0; }
.entry-set .entry-title { margin-bottom:10px; }
.entry-set .entry-title h2 { font-size:15px; }
.entry-set .entry-summary, .entry-set .entry-detail { font-size:12px; }
.entry-set .entry-item .typo-text .entry-title { margin-top:-2px; _margin-top:-1px; }
.entry-list-time-hl .entry-item { position:relative; padding-left:100px; border-bottom:1px dotted #e5e5e5; min-height:80px; height:auto !important; _height:80px; }
.entry-list-time-hl .time { position:absolute; left:0; top:0; width:75px; background-color:#f2f2f2; text-align:center; font-family:Arial; }
.entry-list-time-hl .time-day { display:block; line-height:50px; border-bottom:1px solid #fff; color:#666; font-size:30px; }
.entry-list-time-hl .time-date { display:block; color:#999; line-height:22px; font-size:12px; }

.entry-set-time-hl .entry-item { padding-left:80px ;min-height:70px; height:auto !important; _height:70px; padding-bottom:15px; margin-bottom:15px; }
.entry-set-time-hl .entry-title { margin-bottom:10px; }
.entry-set-time-hl .entry-title h2 { font-size:14px; /*font-weight:normal; */ }
.entry-set-time-hl .entry-summary { color:#808080; font-size:12px; }
.entry-set-time-hl .time { width:60px; }
.entry-set-time-hl .time-day { font-size:25px; line-height:40px; }
.entry-set-time-hl .time-date { font-size:11px; }
.entry-list-time-hl-col .entry-item { border-bottom:none; }

.entry-thumbnail-list .entry-item { border-bottom:none; padding-bottom:9px; margin-bottom:9px; }
.entry-thumbnail-list .entry-title h2 { font-weight:normal; font-size:13px; }
.entry-thumbnail-list .price strong { font-weight:normal; }


/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }


/* ======  typo  ====== */
.typo:before, .typo:after {content:".";display:block;height:0;visibility:hidden;}
.typo:after { clear:both; }
.typo { *zoom:1; }
.typo .typo-text {overflow:hidden; *zoom:1;}
.typo .typo-img { float:left; margin-right:20px; }
.typo .typo-img-right { float:right; margin-left:20px; margin-right:0; }
	
	
.yqlj { width: 100%; float: left; height:auto; color: #ABA9A9;}
.yqlj a{color: #ABA9A9;}	

 @media screen and (max-width:640px){
 .module-default { width:98%;}
 .yqlj {display:none;}
 }