@import url("orbit-1.2.3.css");


/* index.html style block 1 */
body.page-index *{
	margin:0;
	font-size:13px;
	list-style:none;
	color:#333;
	text-decoration:none;
	line-height:22px;
}
body.page-index img a{
	border:none;
}
body.page-index br{
	clear:both;
}
body.page-index{
	background:url(../images/one_06.png);
}
body.page-index h1{
	font-size:36px;
	font-weight:normal;
	text-align:center;
	/*line-height:100px;*/
	padding:0 0 20px 0;
}
body.page-index #web{
	background:url(../images/one_06.png);
	width:860px;
	margin:0 auto;
}
body.page-index #featured,
body.page-index div.orbit,
body.page-index div.orbit-wrapper{
	background:url(../images/one_06.png) !important;
}
body.page-index #featured{
	position:relative;
	width:860px !important;
	height:450px !important;
	overflow:hidden;
}
body.page-index #featured>.value-timer.timer{
	display:block !important;
	z-index:30;
}
body.page-index #head{
	padding:30px 0 30px 0;
	border-bottom:1px #333 solid;
}
body.page-index .logo{
	float:left;
	padding:0 50px 0 0;
}
body.page-index #head ul{
	float:left;
	padding:20px 0 0 0;
}
body.page-index #head ul li{
	float:left;/* width:140px;*/
	font-size:16px;
	text-align:center;
}
body.page-index #head ul li a{
	height:35px;/* width:120px;*/
	padding:10px 26px;
	text-align:center;
}
body.page-index #head ul li a:hover{
	padding:9px 25px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
body.page-index .xinren{
	float:left;
	width:500px;
	padding:0 80px 0 0;
}
body.page-index #banner{
	padding:0 0 30px 0;
	margin-top:50px;
}
body.page-index #banner h2{
	font-size:28px;
	font-weight:normal;
	padding:300px 0 20px;
}
body.page-index .value-slide{
	position:absolute;
	display:none;
	left:0;
	top:0;
	width:860px;
	height:450px;
	overflow:hidden;
}
body.page-index .value-slide.active{
	display:block;
}
body.page-index .value-slide .value-art{
	position:absolute;
	left:25px;
	top:35px;
	max-width:520px;
	max-height:365px;
	z-index:1;
}
body.page-index .value-slide .value-copy{
	position:absolute;
	right:45px;
	top:245px;
	width:245px;
	text-align:center;
	z-index:2;
}
body.page-index .value-slide.courage-slide .value-art{
	left:auto;
	right:25px;
}
body.page-index .value-slide.courage-slide .value-copy{
	right:auto;
	left:45px;
}
body.page-index #banner .value-slide .value-copy h2{
	padding:0 0 12px 0;
	font-size:28px;
	line-height:36px;
	font-weight:normal;
	color:#333;
	letter-spacing:2px;
	white-space:nowrap;
}
body.page-index #banner .value-slide .value-copy p{
	font-size:13px;
	line-height:24px;
	color:#666;
	text-align:center;
}
body.page-index .value-nav{
	position:absolute;
	top:170px;
	z-index:20;
	width:23px;
	height:30px;
	border:0;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
}
body.page-index .value-prev{
	left:0;
	background-image:url(orbit/left-arrow.png);
}
body.page-index .value-next{
	right:0;
	background-image:url(orbit/right-arrow.png);
}
body.page-index .value-timer{
	display:block !important;
}
body.page-index #main{
	padding:30px 0; border-top:1px #333 solid; 
}
body.page-index #main div{
	float:left;
	width:156px;
	text-align:center;
	padding:0 16px 0 0;
}
body.page-index #main div p{
	height:50px;
}
body.page-index .juzhong{
	line-height:50px;
}
body.page-index .two td a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transition:all .2s ease;
}
body.page-index .two td a.current{
	background:#4f545a;
	color:#fff;
	border-color:#4f545a;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.page-index .two td a:hover{
	padding:10px 15px 10px 15px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


/* main1.html style block 1 */
body.page-about *{ margin:0; font-size:13px; list-style:none; color:#333; text-decoration:none; line-height:22px; }
body.page-about img a{ border:none; }
body.page-about br{ clear:both; }
body.page-about h1{ font-size:36px; font-weight:normal; text-align:center; line-height:100px; padding:0 0 20px 0; }
body.page-about #web{ background:url(../images/one_06.png) ;width:860px; margin:0 auto; }

body.page-about #head{  padding:30px 0 30px 0; border-bottom:1px #333 solid;  }
body.page-about .logo{ float:left; padding:0 50px 0 0; }
body.page-about #head ul{ float:left; padding:20px 0 0 0; }
body.page-about #head ul li{
	float:left;/* width:140px;*/
	font-size:16px;
	text-align:center;
}
body.page-about #head ul li a{
	height:35px;/* width:120px;*/
	padding:10px 26px;
	text-align:center;
}
body.page-about #head ul li a:hover{
	padding:9px 25px;
	border:1px solid #CCC;
	/*background:#999;
	color:white;*/
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

body.page-about #main{ padding:30px 0; }
body.page-about .title-img{
	display:table;
	margin:0 auto 20px;
	padding:0 28px;
	background:#373737;
	color:#ebebeb;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	font-size:26px;
	line-height:62px;
	height:62px;
	font-weight:300;
	text-align:center;
	letter-spacing:5px;
	white-space:nowrap;
	overflow:hidden;
}
body.page-about .biaoyu{ width:268px; }
body.page-about h2{ font-size:16px; text-align:center; font-weight:normal; padding:0 0 20px 0; }
body.page-about .jianjie{ margin-top:20px; font-size:28px; letter-spacing:0; }
body.page-about .line-title{
	width:855px;
	height:36px;
	margin:0 auto;
	display:flex;
	align-items:center;
}
body.page-about .line-title:before,
body.page-about .line-title:after{
	content:"";
	flex:1;
	border-top:1px solid #111;
}
body.page-about .line-title span{
	display:inline-block;
	padding:0 16px;
	font-size:30px;
	line-height:36px;
	font-weight:300;
	color:#4a4a4a;
}
body.page-about .hexin-title{ margin-top:30px; margin-bottom:20px; }
body.page-about #main ul.core-values{ display:flex; justify-content:space-between; align-items:flex-start; padding:0; margin:0; }
body.page-about #main ul.core-values li{ width:190px; float:none; padding:0; text-align:center; }
body.page-about #main ul.core-values li img.core-icon{
	display:block;
	width:128px;
	height:128px;
	margin:0 auto 20px;
	padding:0;
	object-fit:contain;
}
body.page-about #main ul li p{ text-align:center; }
body.page-about .fengge-title{ margin-top:30px; margin-bottom:20px; }
body.page-about .talent-title{ margin-top:20px; margin-bottom:20px; justify-content:center; }
body.page-about .no-line-title:before,
body.page-about .no-line-title:after{ display:none; }
body.page-about #main h3{ font-size:36px; font-weight:normal; text-align:center; padding:20px 0 30px 0; }
body.page-about .meirong{ text-align:center; }


body.page-about .two td a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transition:all .2s ease;
}
body.page-about .two td a.current{
	background:#4f545a;
	color:#fff;
	border-color:#4f545a;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.page-about .two td a:hover{
	padding:10px 15px 10px 15px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


/* main2.html style block 1 */
body.page-services *{ margin:0; font-size:13px; list-style:none; color:#333; text-decoration:none; line-height:22px; }
body.page-services img a{ border:none; }
body.page-services br{ clear:both; }
body.page-services h1{ font-size:36px; font-weight:normal; text-align:center; line-height:100px; padding:0 0 20px 0; }
body.page-services #web{ background:url(../images/one_06.png) ;width:860px; margin:0 auto; }

body.page-services #head{
	padding:30px 0 30px 0;
	border-bottom:1px #333 solid;
}
body.page-services .logo{
	float:left;
	padding:0 50px 0 0;
}
body.page-services #head ul{
	float:left;
	padding:20px 0 0 0;
}
body.page-services #head ul li{
	float:left;/* width:140px;*/
	font-size:16px;
	text-align:center;
}
body.page-services #head ul li a{
	height:35px;/* width:120px;*/
	padding:10px 26px;
	text-align:center;
}
body.page-services #head ul li a:hover{
	padding:9px 25px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
body.page-services #main{ padding:30px 0; position:relative; }
body.page-services .tu{ float:left; margin:0 0 0 200px; }
body.page-services h3{
	font-size:32px;
	font-weight:normal;
	padding:0;
	position:absolute;
	top:160px;
	right:140px;
	white-space:nowrap;
	line-height:1;
}
body.page-services #main img{ padding:30px 0 0 0; }
body.page-services #main p{ width:390px; padding:20px; float:left; }
body.page-services .service-title{
	width:430px;
	padding:30px 0 0;
	float:left;
	height:34px;
	display:flex;
	align-items:center;
}
body.page-services .service-title:before,
body.page-services .service-title:after{
	content:"";
	flex:1;
	border-top:1px solid #111;
}
body.page-services .service-title span{
	display:inline-block;
	padding:0 14px;
	font-size:20px;
	line-height:24px;
	font-weight:300;
	color:#4a4a4a;
	white-space:nowrap;
}

body.page-services .two td a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transition:all .2s ease;
}
body.page-services .two td a.current{
	background:#4f545a;
	color:#fff;
	border-color:#4f545a;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.page-services .two td a:hover{
	padding:10px 15px 10px 15px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


/* main3.html style block 1 */
html,
body.page-cases{ min-width:860px; background:url(../images/one_06.png); }
body.page-cases *{ margin:0; font-size:13px; list-style:none; color:#333; text-decoration:none; line-height:28px; }
body.page-cases img a{ border:none; }
body.page-cases br{ clear:both; }
body.page-cases h1{ font-size:36px; font-weight:normal; text-align:center; line-height:100px; padding:0 0 20px 0; }
body.page-cases #web{ background:url(../images/one_06.png) ;width:860px; margin:0 auto; }

body.page-cases #head{
	padding:30px 0 30px 0;
	border-bottom:1px #333 solid;
}
body.page-cases .logo{
	float:left;
	padding:0 50px 0 0;
}
body.page-cases #head ul{
	float:left;
	padding:20px 0 0 0;
}
body.page-cases #head ul li{
	float:left;/* width:140px;*/
	font-size:16px;
	text-align:center;
}
body.page-cases #head ul li a{
	height:35px;/* width:120px;*/
	padding:10px 26px;
	text-align:center;
}
body.page-cases #head ul li a:hover{
	padding:9px 25px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

body.page-cases #main{ padding:0 0 30px 0; }
body.page-cases .marketing-hero{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:130px 0 40px 0;
}
body.page-cases .marketing-visual{
	flex:0 0 295px;
	padding-left:0;
}
body.page-cases .dangao{
	display:block;
	width:275px;
	height:auto;
}
body.page-cases .marketing-copy{
	flex:1;
	padding-top:49px;
}
body.page-cases h2{ padding:0 0 12px 0; font-size:36px; line-height:56px; font-weight:normal; color:#333; }
body.page-cases .marketing-copy p{
	font-size:12px;
	line-height:28px;
	color:#344052;
}
body.page-cases .marketing-copy span{
	font-size:12px;
	line-height:28px;
	color:#344052;
}
body.page-cases h3{ padding:50px 0 30px 0; font-size:36px; font-weight:normal; }
body.page-cases .guanyu{ width:750px; }
body.page-cases .anli{
	width:856px;
	height:34px;
	padding:30px 0;
	margin:0 auto;
	display:flex;
	align-items:center;
}
body.page-cases .anli:before,
body.page-cases .anli:after{
	content:"";
	flex:1;
	border-top:1px solid #111;
}
body.page-cases .anli span{
	display:inline-block;
	padding:0 18px;
	font-size:34px;
	line-height:44px;
	font-weight:300;
	color:#4a4a4a;
	white-space:nowrap;
}
body.page-cases h5{ font-size:18px; font-weight:normal; padding:0 0 10px 0; }
body.page-cases .extra-wrap ul{ list-style:square; margin:0 0 0 -30px; }


/*--- tabs ---*/
body.page-cases ul.tabs{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 48px; /*--Set height of tabs--*/
	padding:0 0 0 0;
	position:relative;
	float:right;
}
body.page-cases ul.tabs li{
	float: left;
	border-left: none;
	overflow: hidden;
	position: relative;
	background:#3b3b3b;
	background-image:linear-gradient(to bottom, #4a4a4a 0%, #2f2f2f 100%);
	border:1px solid #3b3b3b;
	border-bottom:none;
	border-radius:16px 16px 0 0;
	width:130px;
	height:44px;
	line-height:44px;
	font-size:14px;
	color:#fff;
	text-align:center;
	margin:4px 0 0 4px;
}
body.page-cases ul.tabs li.first{
	margin-left:0;
}
body.page-cases ul.tabs li a{
	text-decoration: none;
	color: #fff;
	display: block;
	line-height:44px;
}
	body.page-cases ul.tabs li.active a{
		color:#000;
	}

body.page-cases ul.tabs li:hover, body.page-cases ul.tabs li.active{
	background:#fff;
	background-image:none;
	border-color:#c8c8c8;
	box-shadow:0 1px 0 #fff inset;
	margin-top:0;
	height:48px;
	color:#000;
	line-height:48px;
}
	body.page-cases ul.tabs li.active{
		border-bottom:1px solid #fff;
	}
	body.page-cases ul.tabs li.active a{
		line-height:48px;
	}
	body.page-cases ul.tabs li:hover a{
		color:#000;
	}

body.page-cases .tab_container{
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	min-height:305px;
	height:auto !important;
	height:305px;
}
body.page-cases .tab_content{
	padding: 35px 30px 32px 35px;
}
/*--- tabs ---*/


body.page-cases .two,
body.page-cases .two td,
body.page-cases .two td a,
body.page-cases .two .language-cell,
body.page-cases .two .language-button,
body.page-cases .two .language-menu button{
	line-height:22px;
}
body.page-cases .two .logo{
	display:block;
}
body.page-cases .two td a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transition:all .2s ease;
}
body.page-cases .two td a.current{
	background:#4f545a;
	color:#fff;
	border-color:#4f545a;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.page-cases .two td a:hover{
	padding:10px 15px 10px 15px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


/* main4.html style block 1 */
body.page-case-detail *{ margin:0; font-size:13px; list-style:none; color:#333; text-decoration:none; line-height:28px; }
body.page-case-detail img a{ border:none; }
body.page-case-detail br{ clear:both; }
body.page-case-detail{ background:url(../images/one_06.png); }
body.page-case-detail h1{ font-size:36px; font-weight:normal; text-align:center; line-height:100px; padding:0 0 20px 0; }
body.page-case-detail #web{ width:860px; margin:0 auto; }

body.page-case-detail #head{
	padding:30px 0 30px 0;
	border-bottom:1px #333 solid;
}
body.page-case-detail .logo{
	float:left;
	padding:0 50px 0 0;
}
body.page-case-detail #head ul{
	float:left;
	padding:20px 0 0 0;
}
body.page-case-detail #head ul li{
	float:left;/* width:140px;*/
	font-size:16px;
	text-align:center;
}
body.page-case-detail #head ul li a{
	height:35px;/* width:120px;*/
	padding:10px 26px;
	text-align:center;
}
body.page-case-detail #head ul li a:hover{
	padding:9px 25px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

body.page-case-detail #main{ padding:30px 0; }
body.page-case-detail .xian{ padding:20px 30px 50px 200px; float:left; }
body.page-case-detail h2{ font-size:36px; font-weight:normal; padding:200px 0 0 100px; }
body.page-case-detail .anli{ padding:0 0 30px 0; }
body.page-case-detail .yuan{ padding:100px 0 20px 30px; }

body.page-case-detail h5{ font-size:18px; font-weight:normal; padding:0 0 10px 0; }
body.page-case-detail .extra-wrap ul{ list-style:square; margin:0 0 0 -30px; }

/*--- tabs ---*/
body.page-case-detail ul.tabs{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 48px; /*--Set height of tabs--*/
	padding:0 0 0 0;
	position:relative;
	float:right;
}
body.page-case-detail ul.tabs li{
	float: left;
	border-left: none;
	overflow: hidden;
	position: relative;
	background:url(../images/tab-bg1.gif) no-repeat 0 0;
	width:130px;
	height:44px;
	line-height:44px;
	font-size:14px;
	color:#fff;
	text-align:center;
	margin:4px 0 0 4px;
}
body.page-case-detail ul.tabs li.first{
	margin-left:0;
}
body.page-case-detail ul.tabs li a{
	text-decoration: none;
	color: #fff;
	display: block;
	line-height:48px;
}
	body.page-case-detail ul.tabs li.active a{
		color:#000;
	}

body.page-case-detail ul.tabs li:hover, body.page-case-detail ul.tabs li.active{
	background:url(../images/tab-bg2.gif) no-repeat 0 0;
	margin-top:0;
	height:48px;
	color:#000;
	line-height:48px;
}
	body.page-case-detail ul.tabs li:hover a{
		color:#000;
	}

body.page-case-detail .tab_container{
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	min-height:305px;
	height:auto !important;
	height:305px;

}
body.page-case-detail .tab_content{
	padding: 35px 30px 32px 35px;
}
/*--- tabs ---*/

body.page-case-detail .right{ float:left; width:370px; padding:0 40px 0 0; }
body.page-case-detail .left{ float:left; width:370px; }
body.page-case-detail .jiyu{ padding:50px 0 0 0; }
body.page-case-detail .book{ float:left; padding:0 50px 0 0; }
body.page-case-detail .zuihou{ padding:0 0 50px 0; }

body.page-case-detail .two td a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transition:all .2s ease;
}
body.page-case-detail .two td a.current{
	background:#4f545a;
	color:#fff;
	border-color:#4f545a;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.page-case-detail .two td a:hover{
	padding:10px 15px 10px 15px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}


/* main5.html style block 1 */
body.page-contact *{ margin:0; font-size:13px; list-style:none; color:#333; text-decoration:none; line-height:28px; }
html, body.page-contact{ background:url(../images/one_06.png); }
body.page-contact img a{ border:none; }
body.page-contact br{ clear:both; }
body.page-contact h1{ font-size:36px; font-weight:normal; text-align:center; line-height:100px; padding:0 0 20px 0; }
body.page-contact #web{ background:url(../images/one_06.png) ;width:860px; margin:0 auto; }

body.page-contact #head{
	padding:30px 0 30px 0;
	border-bottom:1px #333 solid;
}
body.page-contact .logo{
	float:left;
	padding:0 50px 0 0;
}
body.page-contact #head ul{
	float:left;
	padding:20px 0 0 0;
}
body.page-contact #head ul li{
	float:left;/* width:140px;*/
	font-size:16px;
	text-align:center;
}
body.page-contact #head ul li a{
	height:35px;/* width:120px;*/
	padding:10px 26px;
	text-align:center;
}
body.page-contact #head ul li a:hover{
	padding:9px 25px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

body.page-contact #main{
	padding:36px 0 34px;
	min-height:320px;
	overflow:hidden;
}
body.page-contact .contact-tree{
	display:block;
	float:left;
	width:307px;
	height:307px;
	padding:0;
	margin:74px 0 0 16px;
}
body.page-contact .contact-info{
	float:right;
	width:510px;
	padding:0 16px 0 0;
}
body.page-contact .contact-title{
	display:block;
	width:470px;
	height:auto;
	padding:0;
	margin:2px 0 18px 30px;
}
body.page-contact .contact-text{
	width:345px;
	margin:0 0 0 32px;
	padding-top:7px;
}
body.page-contact .contact-text p{
	font-size:12px;
	line-height:24px;
	color:#222b30;
}
body.page-contact .contact-space{
	height:26px;
	line-height:26px;
}

body.page-contact .two td a{
	display:inline-block;
	padding:10px 15px;
	border:1px solid transparent;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transition:all .2s ease;
}
body.page-contact .two td a.current{
	background:#4f545a;
	color:#fff;
	border-color:#4f545a;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
}
body.page-contact .two td a:hover{
	padding:10px 15px 10px 15px;
	border:1px solid #CCC;
	background:#999;
	color:white;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

/* Extracted inline style attributes */
.inline-style-1 { padding:10px 0 15px 0; border-bottom:1px #666 solid; }
.inline-style-2 { width:400px;margin:0 auto; padding:10px 0 0;height:35px;text-align:center; }
.inline-style-3 { text-decoration:none;height:20px;line-height:20px;color:#939393; }
.inline-style-4 { margin-bottom: 30px; }
.inline-style-5 { width:800px; padding:40px 0;margin:0 auto; }
.inline-style-6 { text-align: center; font-weight:bold;font-size:25px; }
.inline-style-7 { text-align: left; line-height: 25.5pt; mso-pagination: widow-orphan }
.inline-style-8 { text-align: left; line-height: 18.0pt; mso-pagination: widow-orphan }


.language-cell{
	width:120px;
	text-align:right;
	vertical-align:middle;
}
.language-switcher{
	display:inline-block;
	position:relative;
	margin-left:10px;
}
.language-flag{
	display:inline-block;
	position:relative;
	flex:0 0 auto;
	height:14px;
	border:1px solid rgba(0,0,0,.18);
	border-radius:2px;
	box-sizing:border-box;
	pointer-events:none;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%;
}
.language-flag.flag-zh{
	width:21px;
	background-image:url("../images/flag-cn.svg");
}
.language-flag.flag-zh:before{
	content:none;
}
.language-flag.flag-en{
	width:21px;
	background-image:url("../images/flag-us.svg");
}
.language-flag.flag-en:before{
	content:none;
}
.language-flag.flag-jp{
	width:21px;
	background-image:url("../images/flag-jp.svg");
}
.language-flag.flag-jp:before{
	content:none;
}
.language-button{
	display:flex;
	align-items:center;
	gap:9px;
	min-width:112px;
	height:30px;
	padding:3px 28px 3px 9px;
	border:1px solid #bbb;
	border-radius:4px;
	background:#fff;
	color:#333;
	font-size:13px;
	line-height:22px;
	cursor:pointer;
	position:relative;
	text-align:left;
}
.language-label{
	font-size:13px;
	line-height:22px;
	color:#333;
}
.language-arrow{
	position:absolute;
	right:9px;
	top:50%;
	width:8px;
	height:8px;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	transform:translateY(-60%) rotate(45deg);
}
.language-button:focus{
	outline:none;
	border-color:#777;
	box-shadow:0 0 0 2px rgba(0,0,0,.08);
}
.language-menu{
	display:none;
	position:absolute;
	top:31px;
	right:0;
	z-index:100;
	width:100%;
	margin:0;
	padding:0;
	border:1px solid #777;
	background:#fff;
	box-sizing:border-box;
	box-shadow:0 3px 8px rgba(0,0,0,.12);
}
.language-switcher.open .language-menu{
	display:block;
}
.language-menu li{
	margin:0;
	padding:0;
	list-style:none;
}
.language-menu button{
	display:flex;
	align-items:center;
	gap:9px;
	width:100%;
	height:28px;
	margin:0;
	padding:4px 9px;
	border:0;
	background:#fff;
	color:#111;
	font-size:13px;
	line-height:20px;
	text-align:left;
	cursor:pointer;
}
.language-menu button:hover,
.language-menu button.current{
	background:#1f6fd2;
	color:#fff;
}

/* Global page scale */
#web {
	zoom: 1.25;
}

#footer{
	text-align:right;
	font-size:11px !important;
	padding:30px 0 30px 0;
	border-top:1px #333 solid;
}
#footer *{
	font-size:11px !important;
}

