@charset "utf-8";
body {font-family:"Microsoft YaHei";}
input, select {font-family: "Microsoft YaHei";}
object, embed, video {
	max-width: 100%;
}
/* IE 6 ��֧�������ȣ����Ĭ��Ϊ 100% ���� */
#container{
	width:100%;
	height:auto;}
.warper {
	width: 100%;
	max-width: 1060px;
	margin:0 auto;
	position:relative;}
.warp{
	width: 100%;
	max-width: 1060px;
	margin:0 auto;
	position: relative;}
.top{
	width:100%;
	height:40px;
	background:#134881;
}
#header{
	width:100%;
	height:130px;
	position: relative;
	background:url(../images/bg_header.jpg) left bottom repeat-x;}

.lang{ width:80px;
	height:30px;
	line-height:23px;
	overflow:hidden;
	padding-left:40px;
	float:right;
	margin-top:7px;
	background:#134881 url(../images/bg_lang.png) 0 center no-repeat;}
.lang select{
	color:#d6d6d6;
	font-size:14px;
	background:#134881;
	margin-top:4px;}
.top_left{
	width:410px;
	float:left;
	font-family:Arial;
	padding-top:22px;}
.top_mail{
	width:200px;
	float:left;
	font-size:15px;
	line-height:40px;
	padding-left:40px;
	background: url(../images/top_mail.png) left center no-repeat;}
.top_tel{
	width:130px;
	float:right;
	font-size:15px;
	line-height:40px;
	padding-left:30px;
	background: url(../images/top_tel.png) left center no-repeat;}
.top_social{
	width: 200px;
	padding:5px 0 0 5px;
	height:30px;
	float:right;}
.top_social li{
	float:left;
	width:25%;
	display: table-cell;
	text-align:center;}
.top_social img{
	width:60%;
	vertical-align:middle;} 
.top_social a{
	display: table-cell;
    vertical-align:middle;
	width:30px;
	height:30px;
	font-size:100%;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.top_social a:hover.s1{
	background:#274a89;}
.top_social a:hover.s2{
	background:#54ceff;}
.top_social a:hover.s3{
	background:#b74032;}
.top_social a:hover.s4{
	background:#1882bb;} 
.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;}
.app-bar.open {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);}
.app-bar .logo {
	width:224px;
	text-align:center;
	position:absolute;
	top:10px;
	z-index:1000;}
.app-bar .logo img{
	width:100%;}
.app-bar-actions {
	width:410px;
	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: 100%;
    height: 45px;
    line-height:45px;
	float:right;
	z-index:700;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: none;
     transition: none;
	  pointer-events: auto;}
.navdrawer-container li {
	width: 16.66666%;
	text-align: center;
	font-size:18px;
	border: none;
	float:left;
	text-align:center;
	position:relative;}
.navdrawer-container li a{
	color: #333;
	display:block;}	
.navdrawer-container li a:hover{
	background-color:#fff;}	
.navdrawer-container li a.cur{
	background:#fff;}
.navdrawer-container li ul{
	position: absolute;
	left:-105px;
	top:45px;
	visibility: hidden;
	background:#fff;}
.navdrawer-container li ul.w560{
	width:530px;
	padding:15px;}
.nav_left{
	width:39%;
	float:left;}
.nav_left a{
	margin:0;
	display:block;
	padding:11px 0;
	font-size:14px;
	line-height:15px;
	text-align:left! important;
	border-bottom:1px solid #eaeaea;
	background:url(../images/pro_li.png) right center no-repeat;}
.nav_left a:hover{
	color:#fc9924;
	background:#fff url(../images/pro_li0.png) right center no-repeat;}
.nav_right{
	width:57%;
	float:right;
	color:#666;
	font-size:13px;}
.nav_right img{width:100%;}
.nav_right p{line-height:20px;text-align:left !important;}
.navdrawer-container li ul.w800{
	width:1060px;
	left:-350px;
	padding-top:30px;
	padding-bottom:20px;
	background:#fff;}
.navdrawer-container dl{
	width:13.6666%;
	float:left;
	padding:0 1.5%;}
.navdrawer-container dt{
	font-size:13px;
	text-align:center;}
.navdrawer-container dt a{
}
.navdrawer-container dt img{width:100%;}
.navdrawer-container dd{
	margin:0;
	height:24px;
	line-height:24px;
	padding:0;
	color:#666;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
	text-align:left! important;
	font-size:13px;
	background:none;}
.navdrawer-container dd a:hover{
	margin:0;
	color:#ff6600;
	background:none;}
.navdrawer-container li ul li{	
	float: none;
	height:auto;
	display: inline;}
.navdrawer-bg, .navdrawer-bg.open {
	opacity: 0;
	pointer-events: none;}
.block{display:block;}
.block1{display:none;}

/*�ֲ�ͼ ��ʼ*/
#slides {display:none;position:relative;}
.slidesjs-container{}
.slidesjs-navigation{float:right;margin-top:10px;padding-right:5px; display:none;}
.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:30px; 
	z-index:100;}
.slidesjs-slide img{width: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}
/*�ֲ�ͼ ����*/

/*ģ�� ��ʼ*/
.brands {
	width:100%;
	padding:20px 0 45px;}
.brands_li{
	width:30.33333%;
	float:left;
	padding:2.5% 1.5% 0.5%;}
.brands_li a{display:block;}
.brands_li span{display:block;padding:14px 0;
	font-size:18px;}
.brand01{
	border-top:4px solid #134881;}
.brand02{
	border-top:4px solid #2251a0;}
.brand03{
	border-top:4px solid #0093d5;}
.change{
	zoom:1; 
	margin-top: 30px; }
.service_hide{
	display:none;}

.bg_mtop{
	width:100%;
	height:18px;
	background:url(../images/bg_mtop.jpg) 0 0 repeat-x;}

/*��Ʒ�б� ��ʼ*/
.pro_box{}
.middle1{
	width:100%;
	background:#ededed;
	padding:40px 0 40px;}
.pro_li{	 
	width:30%;
	float:left;
	color:#fff;
	display:inline;
	overflow:hidden; 
	margin:15px 1.5% 15px;}
.pro_li img{
	width:100%;}
.border{
	padding:1px;
	margin:20px 4.5%;
	border:1px solid #cfcfcf;}
.border span{
	display:block;}
.txt{
	display:block;
	padding:10px;
	line-height:24px;}
.pro_title{
	font-size:17px;
	height:40px;
	overflow:hidden;
	line-height:40px;
	text-align:center;}
.pro_more{
	color:#3b4043;
	padding:15px 0 18px;
	text-align:center;
	font-size:17px;}
.pro_more a{
	width:100px;
	color:#333;
	height:30px;
	font-size:13px;
	display:inline-block;
	line-height:30px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	border:1px solid #1b1b1b;}
.pro_more a:hover{
	border:1px solid #d31014;}

/*��Ʒ�б� ����*/
.middle{
	width:100%;
	background:#0b3b61;
	padding:20px 0 40px;}
/*��ҳ��ͼ����ģ�� ��ʼ*/
.lx_contact h2,.lx_news h2,.brand h2{
	font-size:18px;
	color:#206ac5;
	text-transform:uppercase;
	padding:45px 0 20px;
	margin-bottom:40px;
	background:url(../images/bg_lx.jpg) left bottom no-repeat;}
/*��ҳ��ͼ����ģ�� ��ʼ*/
.lx_contact{
	width:33%;
	float:right;}
.lx_contact img,.subbanner img,.item_pic img,.news_li_pic img,.listyle02 img,.application img,.brands_li img{width:100%;}
.vide{
	margin-bottom:5px;
}
.lx_contact span{color:#333333;}
.lx_contact p{
	line-height:24px;}
.lkx_more{
	font-size:16px;
	padding:15px 0 10px;
	text-align:center;}
.lkx_more a{color:#206ac5;}
.lkx_more a:hover{color:#ff9a22;}
/*��ҳ��ͼ����ģ�� ����*/

/*��ҳ����ģ�� ��ʼ*/
.lx_news{
	width:63%;
	float:left;}
.lx_news li{
	width:100%;
	float:left;
	display:inline;
	margin:0 0 4.9%;}
.lx_news_left{
	width:12%;
	float:left;
	line-height:22px;
	text-align:center;
	background: #0051b5;}
.lx_news_left .number{
	color:#fff;
	padding:15px 0 15px;
	font-size:30px;
	background: #206ac5;}
.lx_news_left .month{
	color:#fff;
	padding:2px 0;
	font-size:12px;}
.lx_news_right{
	width:86%;
	float:right;}
.lx_news_right h3{
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:11px 0 6px 10px;
	font-size:16px;}
.lx_news p{
	color:#666;
	font-size:14px;
	line-height:20px;
	padding-left:10px;}
.lx_news li a{
	color:#000;}
.lx_news li a:hover{
	color:#ff9a22;}
	
/*��ҳ����ģ�� ����*/
.service{
	width:100%;
	padding:50px 0;
	background:url(../images/m.jpg) center top no-repeat;
	background-size:cover;}
.height_fb{height:30px;
	clear:both;}
/*�ײ� ��ʼ*/
#footer{
	width:100%;
	padding-top:25px;
	margin-top:20px;
	padding-bottom:20px;
	background:#3a3d42;}
.bottom{
	color:#a5a5a5;
	max-width:1060px;
	margin:0 auto;}
.bottom dl {
    float: left;
	height:auto;
	margin:0;}
.bottom a{
	color:#a5a5a5;}
.bottom a:hover{
	color:#fff;}
.bottom dl.width01{
	width:40%;
	padding-right:7%;}
.bottom dl.width02{
	width:24%;
	padding-left: 1%;}
.bottom dl.width03{
	width:28%;}
.bottom dt {
	margin:0;
    color:#fff;
	font-size:18px;
	text-transform:uppercase;
    line-height: 40px;}
.bottom dd {
	margin:0;
	padding-top:8px;
	padding-bottom:8px;
    line-height:18px;}
.btitle{
	color:#f98700;
	font-size: 17px;
	line-height:40px;}
.bg01{
	padding-left: 30px;
	background:url(../images/bg_tel.png) 3px 8px no-repeat;}
.bg02{
	padding-left: 30px;
	background:url(../images/bg_mail.png) left 8px no-repeat;}
.bg03{
	padding-left: 30px;
	background:url(../images/bg_fax.png) left 8px no-repeat;}
.bg04{
	padding-left: 30px;
	background:url(../images/bg_skype.png) left 8px no-repeat;}
.bg05{
	padding-left: 30px;
	line-height:30px;
	background:url(../images/bg_adr.png) 4px 8px no-repeat;}
.bt_social{
	width: 200px;
	height:30px;
	margin-top:4px;
	float: left;}
.bt_social a{
	display: table-cell;
    vertical-align:middle;
	width:30px;
	height:30px;
	font-size:100%;
	line-height:30px;
	background:#0085ec;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.bt_social a:hover{
	background:#1d9cfe;}
.bt_social li{
	float:left;
	width:25%;
	display: table-cell;
	text-align:center;}
.bt_social img{
	width:60%;
	vertical-align:middle;}
.bottom dl.width01 img{width:50%;}
.foot_tb table{
	width:100%;}
.foot_tb input,.foot_tb textarea{
	width:99%;
	background:#999999;
	border:none;
	color:#fff;
	font-family:Arial;
	text-indent:5px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.sub_input{
	height:30px;
	font-size:13px;
	color:#e9e9e9;
	text-indent:5px;
	margin-bottom:20px;}
input.sub_btn{
	width: 100px;
	height:30px;
	color:#FFF;
	margin-top:5px;
	text-align:center;
	cursor:pointer;
	float: right;
	font-size:14px;
	background:#fc8800;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
input.sub_btn:hover{
	color:#fff;
	background:#ff9212;}
.clear{
	clear:both;
	height:20px;}
.copyright{
	width:100%;
	color:#8b8b8b;
	padding:12px 0;
	text-align:center;
	background:#303236;}
/*�ײ� ����*/
#menu{
	display:none;}
.subbanner{
	width:100%;
	margin:0;
	text-align:center;}
/*����λ�� ��ʼ*/
.breadcrumbnav{
	width:auto;
	height:40px;
	color:#666;
	line-height:40px;
	text-indent:6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom:20px;
	background:url(../images/bg_dot01.png) left bottom repeat-x;}
.breadcrumbnav img{ width:auto;}
.breadcrumbnav a{
	padding:0 2px;}
#leftsidebar{
	width:25%;
	float:left;
	margin-top:20px;
	margin-bottom:30px;}
#leftsidebar h1{
	width:100%;
	color:#fff;
	text-indent:15px;
	font-size:22px;
	padding:14px 0;
	text-transform:uppercase;
	background:#3a3d42;}
#leftsidebar h2{
	width:100%;
	color:#fff;
	text-indent:15px;
	font-size:30px;
	padding:10px 0;
	font-family: 'Marvel-Regular';
	border-bottom:2px solid #1b639d;}
.list0{
	margin-bottom:30px;
	background:#f8f8f8;}
.list0 li a{
	width:90%;
	float:left;
	padding:14px 0 14px 10%;
	border-bottom:1px solid #ececec;
	background:url(../images/pro_li.png) 12px center no-repeat;}
.list0 li a:hover{
	background:#f1f1f1 url(../images/pro_li.png) 12px center no-repeat;}
.list{
	margin-bottom:30px;
	background:#f8f8f8;}
.list dl {
	position:relative; 
	z-index:20; }
.list dt {
	position:relative;
	z-index:30; 
	overflow:hidden;}
.list dt a{
	display:block;
	padding:14px 0 14px 10%;
	border-bottom:1px solid #fff;
	background:url(../images/li02.png) 12px center no-repeat;}
.list dl:hover dt a{
	border-bottom:1px solid #fff;
	background:#E8E8E8 url(../images/li02.png) 12px center no-repeat;}
.list dl dt .currentA{ no-repeat 15px center; color:#00559d;}
.list dl dd {
	position: absolute; 
	z-index: 20; 
	top: 0px; 
	left:99.5%;
	display: none; 
	width:90%; 
	height:auto; 
	background: #fff; 
	border: 1px solid #d6dbe1; 
	box-shadow: -1px 1px 6px rgba(0, 0, 0, .3);}
.list dl dd.sub-list1 {top: -29px;}
.list dl dd.sub-list2 {top: -64px;}
.list dl dd.sub-list3 {top: -99px;}
.list dl dd.sub-list4 {top: -134px;}
.list dl dd.sub-list5 {top: -169px;}
.list dl dd ul {padding:10px 0px 10px; background:#fff;}
.list dl dd ul li{line-height:22px;}
.list dl dd ul li a{display: block; padding:6px 0px 6px 10px;background:none; }
.list dl dd ul li a:hover{ background:#f8f7f7; }
.list dl:hover dd {display: block;}

.pro_nav{
	padding:20px 0;}
.pro_nav li{
	width:25%;
	float:left;}
.pro_nav a{
	width:70%;
	height:58px;
	color:#666;
	display:block;
	line-height:58px;
	padding-left:30%;
	font-size:16px;
	background-color:#f7f6f6;
	background-image:url(../images/pro_icon.png);
	background-repeat:no-repeat;
	border:1px solid #e0e0e0;}
.pro_nav a.pro01{
	background-position:0 0;}
.pro_nav a:hover.pro01{
	background-position:-267px 0;}
.pro_nav a.pro02{
	background-position:0 -60px;}
.pro_nav a:hover.pro02{
	background-position:-267px -60px;}
.pro_nav a.pro03{
	background-position:0 -120px;}
.pro_nav a:hover.pro03{
	background-position:-267px -120px;}
.pro_nav a.pro04{
	background-position:0 -180px;}
.pro_nav a:hover.pro04{
	background-position:-267px -180px;}
.pro_nav a:hover{
	color:#fff;
	background-color:#2251a0;}
.pro_nav a.current01{
	color:#fff;
	background-color:#2251a0;
	background-position:-267px 0;}
.pro_nav a.current02{
	color:#fff;
	background-color:#2251a0;
	background-position:-267px -60px;}
.pro_nav a.current03{
	color:#fff;
	background-color:#2251a0;
	background-position:-267px -120px;}
.pro_nav a.current04{
	color:#fff;
	background-color:#2251a0;
	background-position:-267px -180px;}
.about_item{
	padding:25px 0;
	border-bottom:1px solid #e1e1e1;}
.item_pic{
	width:38%;}
.item_txt{
	width:57%;}
.pic_txt{line-height:30px;
	padding:0 1.5%;}
.item_txt p{
	color:#666;
	font-size:14px;
	padding-top:10px;
	line-height:30px;}
.listyle05{
	width:90%;
	float:left;
	padding:15px 0 15px 10%;
	border-bottom:1px dash #fdfdfd;
	background:url(../images/li03.jpg) 12px 15px no-repeat;}
.contact{
	width:100%;
	padding:15px 0 15px;
	margin-top:30px;
	font-family:Arial;
	background:#1e4a94;}
.contact img{
	vertical-align:middle;}
.contact span{
	display:inline-block;
	padding-right:7px;}
.contact p{
	color:#fff;
	height:33px;
	line-height:33px;
	padding:8px 0;
	margin: 0 5%;
	margin-right:0;}
.contact a{color:#fff;}
.contact a:hover{color:#fc8800;}
	
/*����� ����*/
/*��ҳ ����*/
.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;}
/*��ҳ ����*/
.scroll_height{
	height:25px;
	clear:both;}
#rightsidebar{
	width:72%;
	float:right;
	height:100%;
	margin-top:20px;}
.application{
	padding-top:20px;
	line-height:24px;}
.application_tit{
	height:20px;
	padding:20px 0 20px 20px;
	font-size:18px;
	color:#333;
	background: url(../images/bg_app.jpg) left center no-repeat;}
.application_left{
	width:55%;
	line-height:24px;
	float:left;}
.application_pic{
	width:42%;
	float:right;}
.application_bottom{
	margin-top:40px;
	padding-top:20px;
	border-top:1px dashed #e1e1e1;}
.pro_li0{	 
	width:30%;
	float:left;
	text-align:center;
	display:inline;
	overflow:hidden; 
	margin:20px 1.5% 20px;}
.pro_li0 span{
	display:block;
	border:1px solid #cfcfcf;}
.pro_li0 h3{
	font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:13px 0 13px 0;}
.pro_li0 a{
	color:#333;}
.pro_li0 a:hover{
	color:#de0124;}	
.prod_title{
	height:45px;
	line-height:45px;
	background: url(../images/bg_dot01.png) 0 bottom repeat-x;}
.prod_title_left{
	width:300px;
	color:#333;
	float:left;
	font-size:16px;
	padding-left:50px;}
.pro01{
	background: url(../images/p1.png) 15px center no-repeat;}
.pro02{
	background: url(../images/p2.png) 15px center no-repeat;}
.pro03{
	background: url(../images/p3.png) 15px center no-repeat;}
.pro04{
	background: url(../images/p4.png) 15px center no-repeat;}
.prod_title_right{
	width:41px;
	height:45px;
	float:right;
	margin-right:15px;
	background: url(../images/more.jpg) 0 center no-repeat;}
.prod_title_right a{
	width:41px;
	height:45px;
	display:block;}
/*�����б� ��ʼ*/
.news_li{
	width:100%;
	float:left;
	display:inline;
	margin:0 0 25px;
	border-bottom:1px dashed #999;}
.news_li_pic{
	width:27%;
	float:left;
	padding-bottom:25px;}
.news_li_text{
	width:70%;
	float:right;}
.news_li h4{
	color:#000;
	font-size:16px;
	line-height:20px;
	padding-bottom:5px;}
.news_li h6{
	color:#999;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:5px;}
.news_li p{
	line-height:24px;}
.news_more{
	padding:10px 0 10px;}
.news_more a{
	color:#ff9a22;
	font-size: 14px;
	line-height:30px;}
.news_more a:hover{
	color:#f98700;}
/*�����б� ����*/
.content{
	line-height:24px;}
.content h2{
	line-height:40px;
	font-size:18px;
	text-align: center;}
.content h4{
	color:#999;
	font-size:12px;
	font-weight:normal;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom:20px;
    border-bottom:1px dashed #999;}
.content img{
	width: 100%;}
.prenext{
	padding:15px;
	margin-top:30px;
	border-top: 1px dashed #d6d6d6;}
.pn_item{
	line-height: 30px;
	overflow:hidden;}
.pro_txt{
	width:auto;
	color:#333;
	line-height:30px;
	font-size:14px;
	padding:15px;
	margin-bottom:15px;
	border:1px solid #e5e5e5;
	background:#faf9f9;}
.pro_txt img{ 
	width:auto;
	padding-right:5px;}
.pro_txt a{
	width:120px;
	height:34px;
	line-height:34px;
	margin:10px;
	font-size:12px;
	color:#fff;
	display:inline-block;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.pro_mail{
	background:#d31014;}
.pro_chat{
	background:#fe9f0c;}
.pro_txt a:hover{
	text-decoration:underline;}	
/*��Ʒ����ҳ ��ʼ*/
.products{
	padding: 20px 0 25px;
}
#gallery{
	width:56%;
	height:auto;
	float:left;
	padding:5px;
	background:#fff;
	border:1px solid #d9d9d9;}
#gallery h1{
	color:#666666;
	line-height:30px;}
#gallery_nav {
	width: 19.4%;
	float: right;}
#gallery_nav img{
	width:100%;
	margin:0 0 0.8%;}
#gallery_output {
	width: 79.6%;
	float: left;
	overflow: hidden;}
#gallery_output img {
	width:100%;}
.gallery_right{
	width:40%;
	float:right;}
.gallery_right h2{
	color:#333;
	font-size:20px;
	padding:10px 0 15px;}
.gallery_right_txt{
	padding:0 0 15px;
	line-height:24px;
	font-size: 14px;
	border-bottom:1px dashed #d0d0d0;}
.ct_m{
	height:36px;
	line-height:36px;
	font-size:14px;}
.mail{
	height:36px;
	padding:10px 0;
	padding-left:45px;
	background:url(../images/pro_email.jpg) 5px center no-repeat;}
.mail a{color:#f00;}
.pdf{
	height:36px;
	padding:10px 0;
	padding-left:45px;
	background:url(../images/pdf.png) 5px center no-repeat;}
.gallery_buy{
	padding-top:10px;}
.gallery_btn{
	padding:10px 0 12px;}
.gallery_share{
	padding:15px 0;}
.gallery_btn a{
	width:110px;
	color:#FFF;
	display:inline-block;
	background:#b71010;
	margin-right: 15px;
	line-height:40px;
	margin-right:20px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.gallery_btn a.ct_quote{
	padding-left:50px;
	background:#fc9924 url(../images/btn01.png) 20px center no-repeat;}
.gallery_btn a.ct_message{
	padding-right:10px;
	padding-left:50px;
	background:#2251a0 url(../images/btn02.png) 20px center no-repeat;}
.gallery_btn a:hover{
	text-decoration:underline;}
.md_con{
	width:99.111%;
	margin:0 auto 30px;
	border: 1px solid #d6dbe1;}
.maodian{
	width:100%; 
	height:60px;
	line-height:53px;
	background: #fff;}
.maodian li{
	text-align:center;
	width:33.333%;
	float:left;
	background:#f0f0f0 url(../images/line01.jpg) right top no-repeat;}
.maodian li a{
	display:block; 
	color:#303131;
	height:60px;
	font-size: 16px;
	background:url(../images/bg_taba.jpg) 0 bottom no-repeat;}
.maodian li a.choose{ 
	color:#fff;
	height:60px;
	border-left:none;
	background:#333333 url(../images/bg_tabhover.jpg) center bottom no-repeat;}
.isStuck{
	width:758px;
	margin-top:0px;
	z-index:200;}
.md_hd{ 
	color:#333;
	line-height:40px; 
	font-size:16px;
	text-indent: 20px;
	margin:20px 15px 10px;
	background:#f3f3f3;}
.md_bd{
	width:auto;
	line-height:24px;
	padding:15px;}
.md_bd img{
	width:100%;}
.features_li{
	width:48%;
	float:left;
	padding-left:2%;
	padding-bottom:20px;}
.features_li_left{
	width:17%;
	float:left;}
.features_li_right{
	width:80%;
	font-size:13px;
	line-height:20px;
	float:right;
	min-height:120px;}
.features_li_right h3{
	color:#333333;
	font-size:15px;
	padding:0 0 5px;}
.pro_inquiry{
	margin:90px 0 30px;
	position:relative;
	z-index:100;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	border: 1px solid #d6dbe1;}
.pro_inquiry img{width: auto;}
.service_pic {
    width: 100%;
    position: absolute;
    top: -55px;
    z-index: 150;
    text-align: center;}
.pro_inquiry h3{
	font-size:25px;
	text-align:center;
	padding:70px 0 15px;}
.pro_in_bd{
	padding:70px 5% 10px;}
.contactt_half{
	width: 42%;
	float: left;
}
.contactt_half table tr{
	padding-bottom:15px;}
.contactt_half1{
	width: 55%;
	float: right;
	padding-bottom: 30px;
}
.contactt_all{
	padding-bottom: 20px;
}
.pro_in_bd table{
	width:100%;}
.pro_in_bd p{
	color:#666;
	line-height:22px;
	margin:0 0 25px;}
.pro_in_bd input,.pro_in_bd textarea{
	width:98%;
	background:#eeeeee;
	border:0;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.pro_in_bd .sub_input{
	height: 34px;
	color:#666;
	text-indent:10px;
	font-size:14px;
	margin:0 0 20px;}
input.contactt_btn{
	width:42%;
	color:#FFF;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	text-align:center;
	background:#fc8800;
	border: none;
	float:right;
	margin-top:15px;
	cursor:pointer;}
input.contactt_btn:hover{ background:#ff9212;}
.contact_con{
	margin:40px auto 0;}
.contact_con_left{
	width:26%;
	float:left;
	color:#fff;
	padding:2% 5%;
	background:#1e4a94;}
.contact_con_left h3{
	color:#fff;
	font-size:24px;
	padding:4% 0;}
.contact_con_left li{
	padding:17px 0 17px 40px;}
.contact_con_left li.ct01{
	background:url(../images/ct01.png) left center no-repeat ;}
.contact_con_left li.ct02{
	background:url(../images/ct02.png) left center no-repeat ;}
.contact_con_left li.ct03{
	background:url(../images/ct03.png) left center no-repeat ;}
.contact_con_left li.ct04{
	background:url(../images/ct04.png) left center no-repeat ;}
.contact_con_right{
	width:64%;
	float:right;}
.foot_fixed{display:none;}
.down{
	line-height:36px;
	padding-left:10px;
	font-size:14px;
	padding-left:30px;
	margin-bottom:10px;
	border-bottom:1px dashed #e7e7e7;
	background:url(../images/li07.png) 1px 8px no-repeat ;}
#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;
}
.listyle02{
	width:30%;
	float:left;
	display: inline;
	margin:10px 1.5% 20px;
	line-height:30px;
	text-align:center;}
.listyle02 span{height:46px;display:block;}
@media screen and (max-width:1100px){
.navdrawer-container li ul{display:none;}
.news_li {
    width: 97%;
	padding:0 1.5%;}
.content,.about_item{
	padding:0 1.5%;}
.pro_nav {
    padding: 20px 1.5%;}
.contact_con_left {
    width: 30%;
    padding: 2% 3%;}
.brands_li span{font-size:17px;}
.isStuck{
	width:73%;}

}

/* ƽ����Բ���: ����*/	
@media screen and (max-width:768px){
.app-bar .logo {
	width: 200px;
    top: 12px;}
.navdrawer-container li{
	font-size:17px;}
.change{display:none;}
.service {
	width:97%;
    padding: 30px 1.5%;}
.service_hide{display:block;}
.service_left{
	width:45%;
	float:left;}
.service_left img{width:100%;}
.service_right{
	width:50%;
	float:right;
	line-height:24px;}
.service_right h3{
	font-size:18px;
	padding:10px 0;
	color:#1e4a94;}
.lx_more{ text-align:right;}
.lx_more a{
	padding:5px 0;
	color:#fc8800;}
.lx_contact h2, .lx_news h2, .brand h2 {
    padding: 25px 0 20px;
    margin-bottom: 20px;}
.lx_contact{
	width:97%;
	margin: 0 1.5%;}
.lx_news{
	width:97%;
	margin: 0 1.5%;}
.bottom dl.width01{
	width:40%;
	padding-right:2%;}
.bottom dl.width02{
	width:23%;
	padding-left: 1.5%;}
.bottom dl.width03{
	width:33%;}
input.sub_btn{
	width:60%;}
#leftsidebar{
	width:30%;}
.contact{
	font-size:12px;}
.note{
	line-height:24px;}
.contact p{
	line-height:24px;}	
#rightsidebar{
	width:68%;}
#gallery{
	width:97%;}
.gallery_right{
	width:97%;
	padding:0 1.5%;}
.gallery_right h2{
	padding:20px 0 10px;}
.isStuck{
	width:67.4%;}
input.contactt_btn{width:55%;font-size:14px;}
.pro_in_bd {
    padding: 70px 2% 10px;}
.md_con form {
	width: 85%;}
}

@media screen and (max-width:640px){
.top{display:none;}
.navdrawer-container {
    position: fixed;       
    width: 250px;
    height: 100%;       
    background-color: #1e4a94;    
    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: 50px;       
    padding: 0;
	margin:0;
    line-height: 50px;      
    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 {
	top: 6px;
    width: 160px;
    right: 10px;}
.app-bar .logo a {
    text-decoration: none;
    color: inherit;
    font-weight: normal;}
/*------------------------------------------------------------------------------*/
a.searchBt{  
	cursor:pointer;
    width: 34px;
    height: 34px;
    display: block;
    margin:14px 8px 0;
    position:absolute;
	right:10px;}
.lang{ margin-top:8px;}	
.search{
	width:64%;
	margin-top:10px;
	padding-right:15px;}		
	
.app-bar-actions  {
	width:100%;
	height:60px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;        
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: absolute;
    right: 0;
	background:#0a5896;
    top: 60px;}
.app-bar button, .bottom-bar button {
    width: 44px;
    height: 44px; 
	display:block;
    background-image: none;
    background-color: #0a5896;       
    border-style: solid;
    border-radius: 100%;
    border-color: #0a5896;
    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(30, 74, 148, 0.4);}
.app-bar button:focus, .bottom-bar button:focus {
    border-color: transparent;
    outline: 0;
    background-color: rgba(30, 74, 148, 0.4);}
.app-bar button:active, .bottom-bar button:active {
    border-color: transparent;
    background-color: rgba(30, 74, 148, 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;
}
.top_social{display: none;}
.brands_li{width:47%;}
.brands_li span {
    font-size: 15px;
	padding:16px 0;}
.pro_li{	 
	width:47%;}
.tab .li_2{ display:none; }
.tab .li_3{ display:none; }
.tab .li_4{ display:none;}
.pro_title{
	font-size:18px;}
.pro_p{
	font-size:14px;}
.index_left{
	width: 97%;
	padding:0 1.5%;}
.index_right{
	width:97%;}
.video{
	width:90%;
	float:left;
	margin-left:5%;}
.news_li{
	padding-bottom:10px;}
.lx_contact {
    width: 97%;
    margin: 0 1.5% 30px;}
#footer{display:none;}
.bottom dl.width01{
	display:none;}
.bottom dl.width02{
	display:none;}
.bottom dl.width03{
	width:97%;
	padding: 0 1.5%;}
.copyright{
	display:none;
	font-size:12px;
	position:absolute;
	bottom:50px;
	padding-bottom:25px;
	margin-bottom:50px;}
.wap_height {height:60px;display:block;}
.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:#1e4a94;}
.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:#fc9924;}
.pat40{
	padding-top:30px;}
#leftsidebar{
	display:none;}
#rightsidebar{
	width:97%;
	padding:0 1.5%;}
.breadcrumbnav{
	margin-top:15px;}
#menu { width:100%; 
	margin:0 auto 10px; 
	display:block;
	position:relative;
	z-index:100;
	background: #f8f7f7;
	margin-bottom:30px;}
#menu h1 { 
	color: white;
  	width:97%;
  	height:45px;
  	line-height:45px;
  	padding:0 1.5%;
  	cursor: pointer;
	text-transform:uppercase;
  	background:#3a3d42 url(../images/menu.png) 96% center no-repeat;
  	border:none;
	font-weight:normal;
	text-indent:10px;
	font-size:18px;
  	margin:0 auto;}
#menu h2 a{
	width:100%;
	float:left;
	display:block;
	font-size:14px;
	font-weight:normal;
	text-indent:24px;
	padding:15px 0 15px 0;
	border-bottom:1px solid #fff;
	background: url(../images/pro_li.png) 10px center no-repeat;}
#menu h2 a:hover{
	background:#f1f1f1 url(../images/pro_li.png) 10px center no-repeat;}
#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;}
.pro_nav{display:none;}
.item_pic{
	width:100%;}
.item_txt{
	width:100%;}
.item_txt p{
	line-height:24px;}
.listyle02{width:47%;}
.products {
    padding: 0 0 20px;}
.md_bd{padding:7px;}
.contact_con_left {
    width: 94%;
    padding: 2% 3%;}
.contact_con_right{
	width:100%;}
.lkx_more{font-size:14px;}
#backtotop{
	display:none;}
.isStuck{
	width:97%;
	margin-top:65px;}
}
     
@media all and (max-width: 480px) {
.brands_li span {
    font-size: 14px;}
.pro_li0{	 
	width:47%;
	margin:10px 1.5% 15px;}
.listyle01{
	width:97%;
	float:left;
	text-align:center;
	display: inline;
	margin:40px 1.5% 20px;}
.lx_news_right h3 {
    line-height: 18px;
    overflow: hidden;
    padding: 11px 0 6px 10px;
    font-size: 14px;}
.news_li_pic{
	width:97%;
	float:left;
	padding:0 1.5% 10px;}
.news_li_text{
	width:97%;
	float:right;
	padding:0 1.5%;}
.prod_title_left{
	width:160px;
	font-size:15px;
	padding-left:45px;}
.maodian li a{font-size:14px;}	   
.isStuck {
    width: 96.2%;}
.features_li {
    width: 98%;}
.contactt_half,.contactt_half1{
	width: 100%;}
.application_left,.application_pic{
	width:100%;}
.pic_txt {
    line-height: 24px;}
.gallery_right h2 {
	font-size:18px;}
.md_hd {
    font-size: 16px;
    text-indent: 15px;
    margin: 20px 5px 10px;}
.txt {
    display: block;
    padding:0;
	height:24px;
	overflow:hidden;
    line-height: 24px;}
}
@media all and (max-width: 320px) {
.lx_news p {
    color: #666;
    font-size: 13px;
    height: 40px;
    overflow: hidden;}
.listyle02{font-size:13px;}
.lx_news_left {
    width:14%;}
.lx_news_left .number{font-size:24px;}
.pro_li{	 
	width:97%;
	margin:30px 1.5% 0px;}
.content h2{ line-height:20px; font-size:16px;}
.products{padding:0 5px 10px;}
.gallery_btn a{
	margin-bottom:15px;}
.maodian li a {
    font-size: 13px;}
.md_con form #submit2{ margin:0 0 0 20px}
.pro_li h3{ font-size:14px;}
.md_con form label textarea{ padding:0;}
.gallery_btn {
    padding: 10px 0 0;}
}