/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/
body {
	margin:0;
	border:0;
	width:100%;
	color: #000;
	font-size: 14px;
	line-height:120%;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
	-webkit-text-size-adjust: none;
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
    overflow:hidden;
}
li{
	list-style: none;
}
a ,
a:hover{
	text-decoration: none;
	cursor: pointer;
	outline:none;
}
img{
	max-width:100%;
}
br {
	font-family:Arial !important;
}
h1.h6{
	position:fixed;
	opacity:0;
	color:#fff;
	left:0;
	top:0;
}
form p input[type="text"], 
form p input[type="password"], 
form p textarea, 
form p select{
    background: rgba(255,255,255,0.6);
    border: 1px #858384 solid;
}
form p input[type="text"]:focus ,
form p input[type="password"]:focus {
	border-color: #13a5e0;
	background:#13a5e0;
	color:#fff;
}
input[type="text"], input[type="submit"], input[type="reset"], input[type="button"], button ,select{
	-webkit-appearance: none; 
}
.wrapper{
	overflow:hidden;
}

/**
*
* =jumpDiv
*
**/
/* + 跳一  跳三
*----------------------------------------------------------------------------*/
#jumpDiv ,
#jumpIframe {
	position: relative;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999;
}
.workframe{
	width:1582px;
	overflow:hidden;
	margin:0 auto;
}
#header {
	background:#eeece1;
    position: fixed;
    width: 100%;
    z-index: 9;
}
#header .topbarfuc{
	padding: 10px 0;
	font-size: 12px;
}
#header .topbarfuc .workframe{
	text-align:right;
} 
#header .topBar{
	display:inline-block;
	color: #434343;
}
#header .topBar a{
	display:inline-block;
	color: #030303;
	margin: 0 5px;
}
#header .topbarfuc form{
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:right;
	display:inline-block;
}
#header .topbarfuc form p{
	display:inline-block;
	overflow:hidden;
	color:#fff;
}
#header .topbarfuc form p input{border: none;background: #01142a;color: #fff;display: inline-block;padding: 7px 13px;max-width: 120px;}
#header .topbarfuc form p img{
}
#header .topbarfuc form p a{
	display:block;
	background: #f0871b;
	color: #fff;
	padding: 10px 20px;
	margin: 0 20px;
}
#header .box .workframe{
	overflow: visible;
	height: 102px;
}
#header #cis{
	float:left;
	margin: -10px 0;
	width: 243px;
}
#header #memberSet{float: right;width: 184px;margin-top: 33px;}
#header #memberSet p{text-align: right;}
#header #memberSet p a{display: inline-block;background: #aaa89f;color: #fff;padding: 10px 15px;margin-left: 2px;font-size: 15px;}
#header nav{
	float: left;
	width: calc(100% - 243px - 184px);
}
#header nav ul{
	overflow:visible;
	text-align: right;
}
#header nav >ul >li{
	display:inline-block;
	position:relative;
	width: calc(100% / 8);
}
#header nav >ul >li >a{
	display:block;
	color:#000;
	font-size: 17px;
	text-align: center;
	padding: 43px 0px;
}
#header nav ul li .wubnav{
	display:none;
	position:absolute;
	top:100%;
	left:calc(50% - 75px);
	width:150px;
	z-index: 8;
}
#header nav .wubnav a{
	color:#fff;
	display:block;
	text-align: center;
	font-size:14px;
	background: #191919;
    padding: 10px;
    line-height: 120%;
    font-size: 18px;
}
footer{
	background:#f7f7f7;
}
footer .workframe{
	width:1160px;
}
footer #main-f{
	padding:80px 0;
	font-size: 16px;
}
footer #copyright{
	background:#e5e3d8;
	color:#474747;
	font-size:12px;
	padding: 15px 0;
}
footer .ow{
	float:left;
	width:33%;
	color:#4b4b4b;
}
footer .ow .f-title{
	color: #494529;
	font-size: 24px;
	line-height:130%;
	margin-bottom: 20px;
}
footer .one li{
	display:inline-block;
	width:calc(50% - 4px);
	margin: 7px 0;
}
footer li a{
	color: #494529;
}
footer .two li{margin: 0px 0 15px;}
footer .two li b{margin-right: 10px;}
footer .three .community li{display: inline-block;margin-right: 5px;}
footer .three .community li a{display: block;font-size: 18px;color: #fff;background: #4b4b4b;text-align: center;width: 45px;height: 45px;line-height: 45px;border-radius: 50%;}
footer .three .download li{
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    max-width: 48%;	
}
footer .alert{margin-bottom: 7px;font-weight: bold;}
footer .alert p{line-height: 150%;color: #626262;}
footer #copyright a{color:#fff;}
#gotop{position:fixed;right:20px;bottom:30px;font-size:40px;color:#fff;text-shadow:0 0 10px #000;z-index:9;}
#mobile-menu{display:none;
}
@media screen and (min-width: 980px) {
	#header nav .wubnav a:hover{
		color: #9dc4fd;
	}
	#header nav ul li:hover .wubnav{
		display:block;
	}
	#header nav >ul >li:after{
		content:'';
		display:block;
		height: 4px;
		width: 0;
		background: #1b73f0;
		position:absolute;
		bottom: 0px;
		left: calc(50% - 25px);
		transition:all linear 0.3s;
	}
	#header nav >ul >li:hover:after{
		width: 50px;
	}
	.nav-funcB{
		display:none;
	}
	#header #memberSet p a:hover{background: #727065;}
}
@media screen and (max-width: 1680px) {
	.workframe{
		width: 1160px;
	}	
}
@media screen and (max-width: 980px) {
	.workframe,
	footer .workframe{
		width: 90%;
	}
	footer .ow{
	    width: 50%;	
	}
	#header .box .workframe{
		overflow: hidden;
		height: auto;
	}
	#header #cis{
    width: 200px;
    margin: 13px 0;
	}
	#header{
		position:relative;
	}
	#header .topbarfuc form{
		display:none;
	}
	#header nav{
		display:none;
	}
	#mobile-menu{position:fixed;right:0;top:0;z-index:999;width:30%;background: #232221;height:100vh;}
	.nav-funcB{position: absolute;color: #002046;text-align:right;float:right;font-size:24px;right:20px;top: 55px;z-index: 9999999999;background: #fff;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;}
	#mobile-menu >ul{margin-top:40px;overflow:auto;max-height:calc(100vh - 110px);}
	#mobile-menu >ul >li .menu_head{overflow:hidden;padding:15px 20px;border-bottom: 1px solid #4d463c;}
	#mobile-menu >ul >li .menu_head p{float:left;}
	#mobile-menu >ul >li .menu_head p a{color:#fff;}
	#mobile-menu >ul >li .menu_head b{float:right;color:#fff;}
	#mobile-menu >ul >li .menu_head.c0 b{display:none;}
	#mobile-menu >ul >li .menu_body >li{background: #090909;color:#fff;}
	#mobile-menu >ul >li .menu_body >li >a{color:#fff;display:block;padding:15px 20px;}
	#mobile-menu >ul >li .menu_body >li >p{color:#fff;display:block;padding:5px 20px;background: #a18147;}
	#mobile-menu .sizes,
	#main-menu,
	header.headerTop .head-wrap #main-menu{display:none;}
	#mobile-menu >ul >li .menu_body >li .subOption a{color:#fff;display:block;padding:15px 20px;}
	#header #memberSet{
    margin-top: 20px;
    margin-right: 40px;
	}
	#header .topbarfuc{}
}
@media screen and (max-width: 768px) {
	footer .ow{
	    width: 100%;
		margin: 30px 0;	
	}
	footer #main-f{
	    padding: 40px 0;	
	}
	#mobile-menu{
	    width: 250px;	
	}
}
@media screen and (max-width: 480px) {
	#header #memberSet{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
	}
	#header #memberSet p{
		text-align: center;
	}
	#header #memberSet p a{
		width: calc(50% - 30px);
		margin: 0;
	}
}