html,body {
	background-color: #fff;
	font-size: 96%;
	font-family:"Microsoft JhengHei",Microsoft YaHei, sans-serif;
	color: #000;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
input,select,textarea{font-family:'Lato', sans-serif;}
ul,li,ol,dl,dt,dd,label,form,image,h1,h2,h3,h4,h5,h6,a {
	border: none;
	padding: 0px 0px;
	margin: 0px 0px;
	list-style: none;
}

a {
	text-decoration: none;
	color: #000;
}
.menubigbg {
	width: 100%;
	background-color: rgba(60%,60%,60%,0.4);
	position: fixed;
	top: 0px;
	right: -100%;
	z-index: 10;
	height: 100%;
	overflow: hidden;
}

.closebtn {
	position: fixed;
	width: 24px;
	top: 8px;
	right: 5px;
	padding: 8px 8px;
	height: 24px;
	display: none;
	cursor: pointer;
	background-image: url(/images/navbtn_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 12;
}

.navbtn {
	position: fixed;
	width: 24px;
	top: 8px;
	right: 5px;
	padding: 8px 8px;
	height: 24px;
	display: none;
	cursor: pointer;
	background-image: url(/images/navbtn_menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 12;
}

.topwarp {
	background-color: #006ab6;
	height: 80px;
	position: fixed;
	z-index: 11;
	top: 0px;
	left: 0px;
	width: 100%;
}

.top {
	max-width: 1200px;
	margin: 0px auto;
	position: relative;
}
.kftel{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 1.6em;
	color: #ff9000;
	font-weight: 600; padding-left:25px;
	background-image: url(/images/btelh.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.logo {
	max-width: 200px;
	margin-top:20px;
	margin-left: 5px;
	float: left;
}

.logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.logo img {
	max-width: 100%;
	vertical-align: bottom;
}

.nav {
	font-size: 1.0em;
	float: right; width:100%; max-width:900px;
}

.nav ul {
}
.lan{
float: right;
    cursor: pointer;
    height: 30px;
    padding: 28px 0px 0px 0px;
    color: #666; 
}
.lan a{ font-size:0.9em; padding:5px 5px;}
.lan img{ vertical-align:middle;}
.lan span{ padding-left:3px;}
.nav ul li{
	float: left;
	height: 35px; width:12.5%;
	padding-top: 45px;
	font-weight: 900;
	position: relative; text-align:center;
}
/*
.nav ul li:hover{ background-color:#006ab6;}*/
.nav ul li:hover a{ color:#fff;}
.nav ul li a:hover{ color:#eee;}
.nav ul li a { color:#fff;
	display: block;
	padding: 0px 15px;
	height: 20px; border-right:1px solid #69b0ed;
}
.nav ul li a.nobor{ border-right:none;}
.nav ul li .semenu{ display:none; background-color:#006ab6; padding:30px 20px; position:absolute; top:80px; left:-50%;z-index:101;-webkit-transition: .1s;-moz-transition: .1s; -o-transition: .1s;transition:.1s;}
.w300{ width:300px;}.w150{ width:150px;}
.wfull{ width:900px;}
.semenu dl{ float:left; text-align:left; width:46%; margin:0px 2%; line-height:normal;}

.semenu dl dt{ border-bottom:1px solid #fff; color:#fff; padding-bottom:10px; font-size:1.2em; margin-bottom:10px;}
.nav ul li dt a{ padding:0px 0px; }
.semenu dl dt img{ max-width:100%; vertical-align:bottom; padding-bottom:15px; display:block;}
.semenu dl dd{ color:#fff; font-weight:300; display:block; border-bottom:1px dotted #fff;}
.w150 dl{ width:96%; float:none;}
.nav ul li .semenu dl dd a{ padding:10px 5px;color:#fff; height:auto;border-right:none;}
.nav ul li .semenu dl dd a:hover{ font-size:1.1em;}
.wfull dl{ width:96%; margin:0px 2%; float:none;}
.wfull dl:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.wfull dl dd{ float:none; width:100%; padding:10px 0px; font-size:1.2em;text-transform: capitalize; font-weight:700;}
.wfull dl dd dl{}
.wfull dl dd dl dd{
	float: left;
	font-size: 0.8em;
	font-weight: 300;
	width: 18%;
	margin: 5px 1%;
	border-bottom: none; padding:0px 0px;
	text-transform: capitalize;
}
.nav ul li .wfull dl dd a{ padding:5px 0px;}
.nav ul li .wfull dl dd a:hover{ font-size:1.0em; text-decoration:underline;}

.footwarp{ width:100%; background-color:#232323; padding-top:20px;}
.footnav{ max-width:1200px; margin:20px auto; color:#fff; clear:both;}
.footnav:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.hcontact{ float:left; width:25%;}
.footwarp dt{
	padding-bottom: 20px;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
}
.hcontact dd{
	padding: 10px 0px 10px 30px;
	font-weight: 900;
	background-repeat: no-repeat;
	background-position: left 8px;
}
.hcontact dd a{ color:#999;}
.hcontact dd a:hover{ color:#666;}
.hcontact dd.btel{
	background-image: url(/images/btel.png);
}
.hcontact dd.bwhatsapp{
	background-image: url(/images/bwhats.png);
}
.hcontact dd.badd{
	background-image: url(/images/address.png);
}
.hcontact dd.bemail{
	background-image: url(/images/bemail.png);
}
.mqr{ float:left; width:25%; }

.mqr img{ max-width:160px;}
.bcatalog{ float:right; width:25%;margin:0px 0px;}
.bcatalog dd{ padding:5px 0px; font-size:0.9em;}
.bcatalog dd a{ color:#fff;}
.bcatalog dd a:hover{ text-decoration:underline;}
.bcatalog dd ul{}
.bcatalog dd ul:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.bcatalog dd ul li{ width:46%; padding-right:4%; float:left; font-weight:400; padding:10px 0px;}
.copyright{ max-width:1200px; padding:20px 0px; margin:20px auto 0px auto; border-top:1px solid #666; color:#666; font-size:0.9em; clear:both; text-align:center; line-height:1.5em;}
.copyright a{ color:#666;}

/*kf_online*/
.kf_online{ cursor:pointer;
	position: fixed; z-index:12;
	right: 0px;
	top: 70%;
	height: 74px;
	width: 74px;
	padding-right: 7px;
	margin-top: -37px; text-align:center;
	background-color: #ddd;
	background-image: url(/images/ico_kf_bg_r.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.kf_panel{ position: fixed; color:#fff; z-index:100; width:640px; height:160px; padding-left:20px;background-color: #666;
	right: -100%; margin-top:-37px;
	top: 70%;background-image: url(/images/ico_big_kf_bg_l.png);
	background-repeat: no-repeat;
	background-position: left center;}
.kf_close{ cursor:pointer; display:none; position:absolute; right:160px; top:50%; width:40px; height:40px; margin-top:-20px; line-height:40px; font-size:2.2em;background-color:#CCC; color:#fff; text-align:center;}
.kf_online img{ max-width:100%; padding-top:8px; padding-bottom:5px;}
.kf_online span{ display:block; color:#999; font-size:0.9em;}
ul.item_kf_col{ height:100%; width:100%;}
ul.item_kf_col:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
} 
ul.item_kf_col li{ display:inline-table; float:left; width:25%; text-align:center; padding:15px 0px; height:100%;transition: .5s;-webkit-transition: .5s; cursor:pointer;}
ul.item_kf_col li:hover{ background-color:#333; color:#ddd;}
ul.item_kf_col li .item_con_box{ border-right:1px solid #fff; height:100%; overflow:hidden;}
ul.item_kf_col li .nobor{ border-right:none;}
ul.item_kf_col li h4{ font-size:1.1em;padding-top:70px; background-repeat:no-repeat; background-position:center top; background-size:60px auto;}
ul.item_kf_col li h4.bg_qq{
	background-image: url(/images/ico_whatsapp.png);
}
ul.item_kf_col li h4.bg_tel{
	background-image: url(/images/ico_tel.png);
}
ul.item_kf_col li h4.bg_email{
	background-image: url(/images/ico_email.png);
}
ul.item_kf_col li h4.bg_fed{
	background-image: url(/images/ico_fed.png);
}
ul.item_kf_col li span{ padding:2px 0px; display:block; font-size:1.0em; line-height:1.3em;}
ul.item_kf_col li span dl{}
ul.item_kf_col li span dd{  float:none; text-align:center;}
ul.item_kf_col li span dd a{ padding-left:20px;
	background-image: url(/images/ico_ws_small.png);
	background-repeat: no-repeat;
	background-position: left center;transition: .2s;-webkit-transition: .2s;
}
ul.item_kf_col li span dd a:hover{background-position: 5px center; padding-left:25px;}
ul.item_kf_col li a{ color:#fff; text-decoration:none;}

@media (max-width:800px) {
.kftel{ display:none;}
.topwarp {height: 56px;}
.logo {margin-top:5px;}
.logo img{ height:45px; width:auto;}
.nav {
		position: fixed;
		right: -100%;
		top: 56px;
		width: 70%;
		height: 100%;
		background-color: #006ab6;
		z-index: 11;
		font-size: 0.9em;
	}
.navbtn {display: block;}
.lan{ margin-right:60px; padding-top:18px;}
.nav ul li {
		height: auto;
		width: 96%;
		margin: 0px 2%; text-align:left;
		float: none;
		position: static; font-weight:400;
		border-bottom: 1px solid #999;
		padding: 0px 0px; background-position:0px 10px;
	}

	.nav ul li a { border-right:none;
		float: none;
		line-height: 30px;
		padding: 5px 5px;
		margin: 0px 0px;
	}
.nav ul li:hover a{ color:#333;}
	.nav ul li a:hover {
		background-color: transparent;
		color: #333;
		background-image: none;
	}

	.nav ul li.big {
		background-position: right 20px;
	}

	.nav ul li dl {
		position: static;
		width: 98%;
		margin-left: 2%;
	}

	.nav ul li dl a {
		line-height: 20px;
		height: auto;
	}

	.nav ul li dl dd dl {
		position: static;
		width: 100%;
	}

	.nav ul li a.bigc {
		background-image: url(/images/down.png);
		background-position: right 10px;
		background-repeat: no-repeat;
	}
.nav ul li:hover{ background-color:#fff;}
.w150,.w300,.wfull{width:100%;}
.nav ul li .semenu{padding:10px 0px; position:static; background-color:#fff;}
.nav ul li .semenu dl{ float:none; width:100%; margin:0px 0px;}
.nav ul li .semenu dl dt{ display:none; font-size:1.0em; color:#333; border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
.nav ul li .semenu dl dd a{ color:#666; padding:5px 5px;}
.wfull dl dd dl dd{ float:none; width:96%; margin:0px 2%;}
.search{ width:80%; margin-left:20px; margin-top:8px;}
.vmobile{ display:none;}
.footwarp{ max-width:100%; margin:20px 0px;}
}

@media(max-width:840px)
{
.kf_online{width:60px; top:60%; height:60px; margin-top:-30px;}
.kf_online img{width:60%; padding-top:8px;}
.kf_online span{font-size:0.75em; line-height:0.9em;}
.kf_panel{ width:160px; height:auto;top:0px; margin-top:0px; padding-left:0px; background-image:none;}
.kf_close{ display:block;}
ul.item_kf_col{height:auto;}
ul.item_kf_col li{ float:none; width:100%; height:auto; padding:10px 0px 0px 0px;}
ul.item_kf_col li .item_con_box{ border-bottom:1px solid #fff; padding-bottom:5px; border-right:none;}
ul.item_kf_col li .nobor{ border-bottom:none;}
ul.item_kf_col li h4{ font-size:1.1em;}
ul.item_kf_col li span{ font-size:0.9em;}
ul.item_kf_col li span dd a{ padding-top:2px; padding-bottom:2px;}
ul.item_kf_col li h4{ background-size:30px auto; padding-top:32px;}
ul.item_kf_col li.liwx{ display:none;}
}
@media (max-width:720px) {
.hcontact,.mqr,.bcatalog{ float:none; width:92%; margin:0px 4%;}
.bcatalog{ padding-top:20px;}
}