@charset "utf-8";
object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;}
#container{
	width:100%;
	height:auto;}
#header{
	width:100%;
	height:110px;
	position: relative;}
.warper {
	width: 100%;
	max-width: 1270px;
	margin:0 auto;
	position: relative;}
.warp{
	width: 100%;
	max-width: 1270px;
	margin:0 auto;
	position: relative;}
.top_tel{
	width:auto;
	font-size:16px;
	color:#fd0202;
	text-align:right;
	line-height:16px;
	padding:20px 0 10px;}
.top_tel a{color:#fd0202;}
.display{ font-size: 16px;font-weight:bold;}
.top_right{
	width:22%;
	float:right;
	margin-top:15px;
	position:relative;
	z-index:701;}
.head_social{
	float: right;
	margin: 0 0 15px 0;
}
.head_social ul{
	float: right;
}
.head_social a{
	display:block;}
.head_txt{
	width: 160px;
	float: left;
	font-size: 14px;
	line-height: 34px;
	color: #333;
}
.head_social li{
	float:left;
	width:20%;
	margin:0 2.5%;
	text-align:center;}
.head_social img{
	width: 80%;
}
.search{
	width:75%;
	height:28px;
	float:right;}
.search .search_form {
    width: 100%;
    height: 28px;
	background:#e3e3e1;}
.search .search_form .search_input { 
	width: 79%;
    float: left;
	height:28px;
	color:#666;
	line-height:28px;
	text-indent:2px;
	background:transparent;}
.search .search_form .search_btn {
	width: 19%;
	height: 28px;
	float: right;
	cursor: pointer;
	border: medium none;
	background:url(../images/btn_search.png) center center no-repeat;}      
.app-bar {
	display: block;
    position: initial;
	height: 110px;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: none;
	transition: none;}
.app-bar.open {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);}
.app-bar .logo {
	width:145px;
	float: left;
	position:absolute;
	margin-top:6px;}
.app-bar .logo img{
	width: 100%;}
.app-bar-actions {
	width:35%;
	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: relative;
	width:60%;
    height: 110px;
    line-height:110px;
	font-size:18px;
	z-index:700;
	float:right;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
     transition: none;
	  pointer-events: auto;}
.navdrawer-container ul {}
.navdrawer-container li {
	width: 16.66%;
	text-align: center;
	border: none;
	float:left;
	position:relative;}
.navdrawer-container li a{
	display: block;
	color: #222;
	height:110px;}
.navdrawer-container li.icon a{
	background:url(../images/nav_li.png) center 80px no-repeat;}
.navdrawer-container li a:hover{
	background-color:#006dc0;}
.navdrawer-container li.icon a:hover{
	background:#006dc0 url(../images/nav_li.png) center 80px no-repeat;}	
.navdrawer-container li a.cur{
	background-color:#006dc0;}
.navdrawer-container li ul{
	width:200px;
	position: absolute;
	left:-10px;
	top:110px;
	text-align:left!important;
	visibility: hidden;
	background:rgba(49,155,248,0.9) none repeat scroll !important;
	background:#319bf8; filter:Alpha(opacity=90);
	
	/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e2e3e7));
	background:-moz-linear-gradient(top, #ffffff,#e2e3e7);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e2e3e7,grandientType=1);
	border-bottom:3px solid #0e6ab5;*/}
	
.navdrawer-container li ul.w800{
	width:1200px;
	left:-600px;
	text-align:left;
	padding-top:10px;
	padding-bottom:15px;
	-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;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e2e3e7));
	background:-moz-linear-gradient(top, #ffffff,#e2e3e7);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e2e3e7,grandientType=1);}
.navdrawer-container dl{
	width:200px;
	float:left;}
.navdrawer-container dt{
	font-size:15px;
	text-align:left;
	padding-top:10px;
	margin-bottom:5px;
	border-bottom:1px solid #fff;}
.navdrawer-container dt a{
	margin:0;
	padding:0;
	color:#fff!important;
	display:block;
	text-indent:10px;
	height:40px!important;
	line-height:40px!important;
	padding:0!important;
	overflow:hidden;
white-space: nowrap;}
.navdrawer-container dt a:hover{
	color:#fff!important;
	background:#ee1c25!important;
}
.navdrawer-container dd{
	width:90%;
	margin:0;
	height:30px;
	padding:0;
	text-align:left;
	text-indent:10px;
	font-size:13px;}
.navdrawer-container li ul li{	
	float: none;
	height:auto;
	display: inline;
	font-size:14px;
	text-align:left!important;}
.navdrawer-container li ul li a{	
	width: 95%;
	height:auto;
	padding:9px 0 9px 5%;
	color:#222;
	margin:0;
	overflow:hidden;
white-space: nowrap;
	line-height:15px;}
.navdrawer-container li ul li a:hover{ 
	color:#0a1e8d;
	background:#ffffff!important;}
.navdrawer-bg, .navdrawer-bg.open {
	opacity: 0;
	pointer-events: none;}

/*轮播图 开始*/
#slides {
	display:none;
	position:relative;}
.slidesjs-container{}
.slidesjs-navigation{ 
	display:none; 
	position:absolute; 
	right:10px; 
	bottom:10px; 
	z-index:1000;}
.slidesjs-navigation a{
	font:bold 20px/normal simsun;
	text-decoration:none;
	color:#333;}
.slidesjs-previous{}
.slidesjs-next{}
.slidesjs-navigation a:hover{color:#C00}
.slidesjs-pagination{ 
	position:absolute; 
	right:30px; 
	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%;
	padding:15px 0 60px;
	background:#006dc0 url(../images/bg_welcome.jpg) center bottom no-repeat;}
.middle_right{
	width:30%;
	float:left;
	font-size:24px;
	margin-left:1.5%;}
.middle_left{
	width:64%;
	float:left;
	color:#080d28;
	font-size:14px;
	line-height:24px;}
.middle_left h2{
	color:#fff;
	padding:10px 0 15px;
	font-size:30px;}
.middle_right h2{
	padding:10px 0 10px;
	color:#9fcf0a;
	font-size:30px;}
.middle_right_tel{
	font-size:24px;
	color:#fff;
	padding:5px 0 5px 36px;
	background:url(../images/m_tel.jpg) left center no-repeat;}
.middle_right_mail{
	font-size:24px;
	color:#fff;
	padding:5px 0 5px 36px;
	background:url(../images/m_mail.jpg) left center no-repeat;}
.middle_right_mail a{
	color:#fff;}
.middle_right span{font-size:36px;}

.middle02{
	width:100%;
	height:auto;
	padding: 20px 0 10px;}
.middle_li{
	width:94%;
	float:left;
	position:relative;
	background:#006dc0 url(../images/li01.png) center bottom no-repeat;}
.middle_li:hover{
	width:94%;
	float:left;
	background:#9fcf0a url(../images/li01.png) center bottom no-repeat;}
.middle_item{
	padding:10px;}
.middle_item a{
	color:#020200;
	display:block;
	padding-bottom:40px;}
.middle_item a:hover{
	color:#fff;}
.middle_item h3{
	font-size:18px;
	text-transform:uppercase;
	padding:5px 0 5px;}
.middle_item  p{
	font-size:14px;
	line-height:20px;}

.slidesjs-control img{
	width: 100%;
}
/*.head_social img{
	width:50%;
	}*/
.module_title01{
	color:#111;
	font-size:30px;
	text-align:center;
	padding:10px 0 10px;}
.module_p{
	color:#333;
	font-size:18px;
	line-height:30px;
	padding:0 15%;
	text-align:center;}
.module_p a{
	color:#333;
	padding:5px;}
.module_p a:hover{
	color:#007183;}
/*产品列表 开始*/
.mcolor{ 
	background:#e4e4e4;
	padding-bottom:20px;}
.pro_box{}
.pro_li{	 
	width:31%;
	float:left;
	color:#fff;
	display:inline;
	overflow:hidden; 
	margin:10px 1% 15px;}
.pro_li img{
	width: 100%;
	display:block;}
.pro_li h3 a{
	color:#fff;
	font-size:18px;
	padding:10px 0;
	display:block;
	text-align:center;
	background:#333333;}
.pro_li h3 a:hover{
	color: #fff;
	background:#fe5603;}
.txt a{
	display:block;
	line-height:24px;
	padding:15px;
	color:#333;
	background:#fdfdfc;}
.txt a:hover{
	color:#333;
	background:#2ea4fa;}
.middle01{
	width:100%;
	height:auto;
	color:#333;
	padding-top:5px;
	padding-bottom:15px;
	background:#e8e8e8;}
.lx_company h2,.lx_news h2{
	font-size:40px;
	color:#333;
	padding:30px 0 20px;}
/*首页上图下文模块 开始*/
.lx_company{
	width:62%;
	float:left;
	margin-left:1%;}
.vide{
	width: 49%;
	float: left;
}
.vide img{
	width: 100%;
}
.company{
	width: 49%;
	float: right;
	line-height:30px;
}
.company a{
	color: #00c7fc;
	float: right;
}
/*首页上图下文模块 结束*/

/*首页新闻模块 开始*/
.lx_news{
	width:32%;
	float:right;
	line-height:22px;
	margin-right:1%;}
.lx_news li{
	width:100%;
	float:left;
	display:inline;
	padding:15px 0 15px;}
.lx_news_left{
	width:14%;
	float:left;
	text-align:center;
	background: #04b2b1;}
.lx_news_left .month{
	color:#080d28;
	padding:2px 0;
	font-size:18px;}
.lx_news_left .number{
	color:#fff;
	padding:6px 0 4px 0;
	font-size:26px;}
.lx_news_right{
	width:80%;
	float:right;}
.lx_news_right h3{
	line-height: 18px;
	padding:0 0 4px;
	font-size:14px;}
.lx_news p{
	color:#00c7fc;
	line-height:18px;
	font-size:12px;}
.bggrey{
	background:#e2e2e2;
	padding:15px 0;}
.service li{
	width:30%;
	float:left;
	margin:20px 1.5% 30px;
	line-height:24px;}
.service_pic{
	padding:10px 0;
	text-align:center;}
.service img{
	width:auto;
	padding-bottom:5px;}
.service h3{
	color:#444444;
	padding:5px 0 20px 0;
	font-size:24px;
	text-align:center;}
.service p{
	color:#080d28;
	text-align:center;}
.recom{
	text-align: center;
	line-height: 24px;
	padding: 15px;
}
.rec_li{	 
	width:22%;
	float:left;
	display:inline;
	overflow:hidden; 
	margin:20px 1.5% 10px;}
.rec_li img{
	width: 100%;}
.rec_li h3{
	font-size:16px;
	text-align:center;
	padding:8px 0 8px 0;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.case_detail{
	padding:5px 15px 10px;
	color:#333;
	line-height:24px;
	text-align:center;
	font-size:14px;}
.rectxt{
	line-height:24px;
	padding:0 15px;
	font-size: 13px;}
.app_a{
	padding:10px 0 30px;
	text-align:center;}
.app_a a{
	width:160px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	text-align:center;
	display:inline-block;
	background:#014646;}
.sns{
	width:100%;
	height:45px;
	background:#005aa0;}
.bt_nav{
	line-height: 45px;
	font-size: 24px;
	padding: 0 15px;
	text-align: center;
}
.bt_nav a{
	width:12%;
	color:#010000;
	display: inline-block;}
.bt_nav a:hover{
	color:#fff;}
#menu{
	display:none;}
/*底部 开始*/
#footer{
	width:100%;
	padding-top:15px;
	background:#005bac;}
.bottom{
	color:#FFF;
	max-width:1270px;
	margin:0 auto;}
.bottom dl {
    float: left;
	height:auto;
	margin:0;}
.bottom dl.width01{
	width:34%;
	padding:0 2%;}
.bottom dl.width02{
	width:18%;}
.bottom dl.width03{
	width:26%;}
.bottom dt {
	margin:0;
    color:#FFF;
	text-transform:uppercase;
	font-size:22px;
    line-height: 40px;}
.bottom dd {
	margin:0;
    line-height:32px;}
.bottom dd a{
	color: #FFF;
}
.bottom dd a:hover{ color:#9fcf0a;}
.btitle{
	color:#9fcf0a;
	font-size:18px;
	text-transform:uppercase;}
.bg01{
	padding-left: 30px;
	background:url(../images/bg_tel.jpg) left 10px no-repeat;}
.bg02{
	padding-left: 30px;
	background:url(../images/bg_phone.jpg) left 8px no-repeat;}
.bg03{
	padding-left: 30px;
	background:url(../images/bg_skype.jpg) left 8px no-repeat;}
.bg04{
	padding-left: 30px;
	background:url(../images/bg_mail.jpg) left 10px no-repeat;}
.bg04 a{color:#9fcf0a!important;}
.bg04 a:hover{color:#fff;}
.foot_tb table{
	width:90%;}
.foot_tb input,.foot_tb textarea{
	width:95%;
	color:#fff;
	text-indent:10px;
	background:none;
	border:1px solid #FFF;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.sub_input{
	height:30px;
	margin-bottom:10px;}
input.sub_btn{
	width:30%;
	height:30px;
	color:#000;
	font-size:16px;
	margin-top:5px;
	text-align:center;
	background:#9fcf0a;
	cursor:pointer;
	border: none;}
.bt_social{
	width:300px;
	float:right;}
.bt_social li{
	width:25px;
	height:27px;
	float:left;
	margin:0 7px;}
.clear{
	clear:both;
	height:20px;}
.copyright{
	width:100%;
	color:#fff;
	padding:10px 0;
	text-transform:uppercase;
	line-height:27px;
	margin-top:15px;
	background:#111111;}
.pro_box{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
}
.box{width:50%; float: left;}
.left-pro{width:98.5%; padding:0.5%;border:1px solid #ccc;text-align:left;float:left}
.left-pro .t1{width:100%;float:left}
.left-pro .t2{width:100%;text-indent:0;float:left;}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;width:23%; margin:0 0.4% 5px;  padding:1px;border:1px solid #ccc;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{overflow:hidden}

.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(../images/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(../images/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(../images/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

/*底部 结束*/
.mbanner{
	width:100%;
	margin:0;
	text-align:center;
	padding-bottom:25px;}
.subbanner{
	width:100%;
	margin:0;
	text-align:center;
	padding-bottom:14px;
	background:url(../images/bg_banner.jpg) 0 bottom repeat-x;}
.mbanner img,.subbanner img{ width: 100%;}
#leftsidebar{
	width:24%;
	float:left;
	padding-top:10px;
	margin-bottom:30px;}
#leftsidebar h1{
	width:100%;
	color: #fff;
	text-transform:uppercase;
	text-indent:15px;
	font-size:30px;
	padding:14px 0;
	background:#006dc0;}
.list{
	background: #b7b7b7;
	margin-bottom:20px;}
.list li{
	width:100%;
	float:left;}
.list a{
	padding:10px 15px;
	display:block;
	background:#b7b7b7;
	border-bottom:1px solid #fff;}
.list a:hover{
	color:#000;
	background:#d7d7d7;}
.contact{
	color:#000;
	line-height:24px;
	padding:15px;
	background:#fff;}
.sub_link{
	color:#fe7201;
	padding:15px 15px;
	font-size:30px;}
.sub_link li{
	float:left;
	width:22%;
	margin:0 1.5%;
	text-align:center;}
.sub_link img{ width: 100%;}

/*内页左侧 结束*/
#rightsidebar{
	width:95%;
	padding-top:20px;
	padding-bottom:20px;}	
/*当期位置 开始*/
.breadcrumbnav{
	color:#0a1e89;
	height:34px;
	line-height:34px;
	margin:10px 0;}
/*当期位置 结束*/
.rtitle{
	color: #fe5502;
	padding: 10px 15px;
	background: #e2d9ca;}
.listyle02,.listyle03{
	width:30%;
	float:left;
	text-align: center;
	margin:15px 1.5%;
	line-height:24px;}
.listyle03{
	width:23%;
	float:left;
	text-align: center;
	margin:0px 1% 25px;
	line-height:20px;}
.listyle03 h3{font-size:14px;padding:5px 0;}
.listyle03 span{border:1px solid #c6c6c5;display:block;}
.listyle03 h3 a{color:#333;}
.listyle03 h3 a:hover{color:#0a2182;}
.listyle04{
	width:30%;
	float:left;
	text-align: center;
	margin:15px 1.5%;
	line-height:24px;}
.listyle05{
	width:47%;
	float:left;
	text-align: center;
	margin:15px 1.5%;
	line-height:24px;}
.listyle02 img,.listyle03 img,.listyle04 img,.listyle05 img{
	width: 100%;
}
.case{
	line-height: 30px;
	padding-bottom: 20px;
}
.case img{
	width: 100%;
}
/*分页 结束*/
.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_pic img{
	width:100%;}
.news_li_text{
	width:67%;
	float:right;}
.news_li h4{
	color:#ec402c;
	font-size:18px;
	padding:10px 0;
	line-height:20px;
	font-weight:normal;}
.news_li h6{
	color:#ee8100;
	font-size:12px;
	line-height:14px;
	font-weight:normal;}
.news_li p{
	line-height:26px;}
.news_li p a{ color:#1d2087;padding-bottom:15px;display:block;}
.news_li p a:hover{ color:#ee8100;}
/*新闻列表 结束*/
.content{
	line-height:24px;
	padding-right:2%;}
.content h2{
	font-size:18px;
	padding: 10px 0;
	text-align: center;
	border-bottom:1px solid #999;}
.content h3{
	font-size:18px;
	color:#ee1c25;
	text-align: center;
	padding-bottom:10px;}
.content h4{
	color:#999;
	font-size:12px;
	font-weight:normal;
	text-align: right;
	padding:15px 0 10px;}
.content img{
	width: auto;}
.prenext{
	padding:15px;
	margin-top:30px;
	border-top: 1px dashed #d6d6d6;}
.pn_item{
	line-height: 30px;
	overflow:hidden;}
	
/*产品详情页 开始*/
#gallery{
	width:48%;
	height:auto;
	float:left;
	display:inline;
	padding:5px;
	background:#fff;
	border:1px solid #d9d9d9;}
#gallery h1{
	color:#666666;
	line-height:30px;}
#gallery_nav {
	width: 100%;
	margin-top:4px;}
#gallery_nav img{
	width:22.5%;
	float:left;
	margin:0 1%;
	display:inline;
	border: 1px solid #d9d9d9;}
#gallery_output {
	width: 100%;
	overflow: hidden;
}
#gallery_output img {
	width:100%;
}
.gallery_right{
	width:47%;
	float:right;}
.gallery_right .tit{
	color:#020100;
	font-size:18px;
	padding:0 0 15px;}
.gallery_right_txt{
	padding:5px 0 15px;
	line-height:24px;}
.gallery_tel{
	padding:10px 0;}
.gallery_share{
	padding:10px 0;}
.ct_s,.ct_m{
	width:160px;
	float:left;
	height:70px;
	line-height:70px;}
.ct_s{ width: 230px;}
.ct_m a,.ct_s a{
	color:#0e7979;}
.ct_m a:hover,.ct_s a:hover{
	text-decoration:underline;}
.pdf{
	padding:26px 0 26px 65px;
	background:url(../images/bg_pdf.png) left center no-repeat;}
.video{
	padding:26px 0 26px 65px;
	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:#006dc0;
	margin-right: 15px;}
.gallery_btn a:hover{
	background: #a0ce0c;
}
#maodian{
	width:100%; 
	height:36px;
	line-height:36px;
	margin-top:20px;
	border-bottom:none;}
#maodian li{
	text-align:center;
	width:30%;
	float:left;
	margin-right:0.5%;}
#maodian li a{
	display:block; 
	color:#000;
	height:35px;
	font-size: 15px;
	background:#f8f8f8;
	border:1px solid #cccccc;
	border-bottom:none;
	/*background:url(../images/line.gif) 0 bottom repeat-x;*/}
#maodian li.emptyTag{
	color:#fff;
	border:1px solid #00216e;
	border-bottom:none;
	background:#00216e;
}
#maodian li a.selectTag { 
	color:#fff;
	border:1px solid #006dc0;
	border-bottom:none;
	background:#006dc0;}
#maodian li a:hover{
	background:#006dc0; 
	color:#fff;
	border:1px solid #006dc0;
	border-bottom:none;
	text-decoration:none;}
#tagContent {
}
.tagContent {
	display: none; 
	height: auto;
}
#tagContent div.selectTag {	display: block;}
.md_con{
	width:auto;
	padding:10px;
	border:1px solid #cccccc;
	border-top:3px solid #000000;
	margin:0 auto 20px;}
.md_hd{ 
	color:#000;
	line-height:40px;
	font-size:16px;
	text-indent: 10px;
	background: #dcdbda;}
.md_bd{
	width:auto;
	line-height:24px;
	padding:5px;}
.md_bd img{
	width:auto;
	max-width: 100%;}
.listyle01{
	width:23%;
	float:left;
	margin:10px 1%;
	line-height:24px;}
.md_bd img{
	width:auto;}
.md_li{
	width:100%;
	padding:5px;
	float:left;
	border-bottom:1px dashed #04b2b1;}
.md_hd01{ 
	color:#ec402c;
	line-height:40px;
	font-size:15px;
	margin-top: 20px;
	background: #f8f8f8;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;}
.md_title{
	width:160px;
	height:36px;
	color:#fff;
	background:#006dc0;
	text-align:center;}
.md_con form {
	color: #7d7c7c;
	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 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;}
.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:#006dc0;
	border:1px solid transparent;
    border-radius: 5px 5px 5px 5px;}
.md_con form #submit2:hover {
	border: 0;
	background:#9fcf0a ;
	display: block;
	color:#fff;}
.md_inquiry img{
	width:100%;
	padding-bottom:10px;}
.md_pro_cont{
	width: 100%;
	font-size: 16px;
	color: #006dc0;
	line-height: 40px;
	padding: 5px 0;}
.md_pro_tel{width: 40%;
	padding-left: 45px;
	height: 40px;
	float: left;
	background: url(../images/bg_protel.png) left center no-repeat;}
.md_pro_mail{width: 40%;
	padding-left: 45px;
	height: 40px;
	float: left;
	background: url(../images/bg_promail.png) left center no-repeat;}
.md_pro_cont a{color: #006dc0;}
.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
}
@media screen and (min-width:960px) and (max-width:1100px){
.navdrawer-container{font-size:17px;}
.search{width:98%;}
.middle_item h3{font-size:17px;}
#leftsidebar h1{
	font-size:24px;
	padding:14px 0;}
}
@media screen and (min-width:769px) and (max-width:961px){
.navdrawer-container{font-size:14px;}
.middle_item h3{font-size:16px;}
#leftsidebar h1{
	text-indent:10px;
	font-size:24px;
	padding:12px 0;}
.list a{
	padding:8px 10px;
	display:block;}
}

@media screen and (max-width:900px){
.listyle03{
	width:47%;
	margin:0px 1.5% 25px;}
#gallery{
	width:95%;}
.box{
	width: 95%;
	overflow: hidden;}
.MagicZoomBigImageCont img{display: none !important;}
.MagicZoomPup{display: none !important;}
.MagicThumb-image-zoomed{display: none !important;}
.MagicThumb{cursor:none;}
.MagicThumb-zoomed{cursor:none;}
#main_img{cursor:none;}
.gallery_right{
	width:98%;
	margin: 0 1%}
.gallery_right .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:100px;margin-top:22px;}
.top_right{display:none;}
.navdrawer-container{
	width:76%;
	font-size:15px;}
.navdrawer-container li ul{display:none;}
.middle_left{
	width:97%;
	padding:0 1.5%}
.middle_right{
	width:98.5%;}
.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%;}
.service h3{
	font-size:20px;}
.mbanner{
	padding-bottom:15px;}
.rectxt{
	padding:0;}
.rec_li{	 
	width:47%;}
.bt_nav{
	font-size: 15px;
	padding: 0 8px;
}
.bottom dl.width01{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
	width:48%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:20px;}
.bottom dl.width03{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar h1{
	text-indent:10px;
	font-size:24px;
	padding:12px 0;}
.list a{
	padding:8px 10px;
	display:block;}
#leftsidebar{
	width:26%;
	font-size: 12px;}
#rightsidebar{width:95%;}
.listyle01{
	width:47%;
	margin:10px 1.5% 10px;
}
.md_con form label input{
	width:98%;}
.md_con form label textarea{
	width:98%;}
}

@media screen and (max-width:640px){
.top{ display: none;}
.navdrawer-container {
    position: fixed;       
    width: 250px;
    height: 100%;       
    background-color: #006dc0;    
    color: #fff;
    -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;
	float: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 li ul{
	display:none;
  	}
.navdrawer-container li a {
    display: block;
	width:100%;
    height: 45px;       
    padding: 0;
	margin:0;
    line-height: 45px;      
    text-decoration: none;
    color: white;
	border-radius:0;}
.navdrawer-container li a:hover {
	color: white;
    background-color: rgba(255, 255, 255, 0.2);}
.navdrawer-container li a:focus {
	color: white;
    background-color: rgba(255, 255, 255, 0.3);
    outline: 0;}
.navdrawer-container li a:active {
	color: white;
    background-color: rgba(255, 255, 255, 0.4);}
.navdrawer-container li a.current{
	color: #fff;}
#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:400;
	background:#fff;
	 -moz-box-shadow:0 5px 10px rgba(58, 58, 58, 0.25);
	 -webkit-box-shadow:0 5px 10px rgba(58, 58, 58, 0.25);
	box-shadow:0 5px 10px rgba(58, 58, 58, 0.25);}
.app-bar.open {
    -webkit-transform: translate(250px,0);
    transform: translate(250px,0);}
.app-bar .logo {
	width:70px;
	right:10px;
	margin-top:8px;
	position:absolute;}
.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;}
.app-bar button, .bottom-bar button {
    width: 44px;
    height: 44px; 
	display:block;
    background-image: none;
    background-color: #006dc0;       
    border-style: solid;
    border-radius: 100%;
    border-color: #006dc0;
    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(0, 109, 192, 0.4);}
.app-bar button:focus, .bottom-bar button:focus {
    border-color: transparent;
    outline: 0;
    background-color: rgba(0, 109, 192, 0.4);}
.app-bar button:active, .bottom-bar button:active {
    border-color: transparent;
    background-color: rgba(0, 109, 192, 0.6);}
.app-bar-actions{display:none;}
.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;
}
.pro_li h3 a{
	font-size:16px;}
.head_social img{
	width:70%;}
.lx_company{
	width:98%;
	margin-right: 1%;}
.lx_news{
	width:98%;
	margin-left: 1%;
	margin-right:1%;}
.lx_company h2,.lx_news h2{
	font-size:24px;
	padding:15px 0 15px;}
.contactt_half{
	width: 100%;
	float: left;
	padding-bottom: 25px;}
.middle_right{font-size:18px;}
.middle_right_tel{
	font-size:20px;}
.middle_right_mail{
	font-size:20px;}
.middle_right span{font-size:26px;}
.middle_item h3{font-size:15px;}
.middle_item  p{
	font-size:12px;
	line-height:18px;}
.rec_li h3{font-size:14px;}
.news_li{
	width:98%;
	float:left;
	display:inline;
	margin:0 1% 20px;}
.news_li_pic{
	width:100%;
	float:left;
	padding-bottom:25px;}
.news_li_pic img{
	width:100%;}
.news_li_text{
	width:100%;
	float:right;}
.sns{ display: none;}
.bottom dl.width01{
	width:98%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:20PX;}
.bottom dl.width02{
	width:98%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
	width:98%;
	padding-left:1%;
	padding-right:1%;}
#backtotop{bottom:55px;}
#leftsidebar{
	display: none;}
#rightsidebar{
	width:100%;}
.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;
	text-transform:uppercase;
  	background:#006dc0 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;
	display:block;
	font-size: 14px;
	background:#b7b7b7;
	border-bottom:1px solid #fff;}
#menu h2 a{
	color:#000;
	padding:12px 15px;
	display:block;}
#menu h2 a:hover{
	color:#2a2a2a;
	display:block;
	background:#d7d7d7;}
#menu ul { 
	padding-left:15px; 
	border:#E7E7E7 1px solid; 
	border-top:none;
	overflow:auto;}
#menu ul li {
	padding:5px 0 3px 10px;}
.no { display:none;}
.md_con form {
	width: 100%;}
.rec_li{	 
	width:47%;
	margin:20px 1.5% 10px;}
.copyright{
	margin-bottom:50px;}
.md_con form label input {
	width:85%;}
.md_con form label textarea {width:85%;}
.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:#0a2478;}
.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:#a0d00a;}
}
     
@media all and (max-width: 480px) {
.display{
	display:none;}
.vide{
	width: 100%;
}
.vide img{
	width: 100%;}
.company{
	width: 100%;}
.pro_li{	 
	width:96%;
	margin:10px 2% 10px;} 
.pro_li h3 a{
	font-size:20px;} 
.listyle03,.listyle04{
	width:47%;
	margin:15px 1.5%;}
.service li{
	width:97%;}
.case_detail{font-size:12px;}
#maodian li{
	width:32.8%;}
.module_left h1{
	font-size: 22px;}
}
@media all and (max-width: 320px) {
.rec_li h3{font-size:13px;}
.listyle03 h3{font-size:13px;}
.listyle01{font-size:13px;line-height:20px;}
.listyle02{
	width:97%;
	margin:15px 1.5%;}
.lx_news_left .number{font-size:24px;}
.lx_news_left .month{font-size:16px;}
.news_li h4{
	font-size:16px;}
.md_con{padding:5px;}
input.sub_btn{
	width:40%;}
#gallery_nav img{
	width: 22%;}
.gallery_btn a{
	width:150px;
	height:35px;
	margin-bottom: 15px;}
#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%;}
}