﻿/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote,header,footer,section,nav, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li,
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea,
table,thead,th,tr,td,small,nav,
img{    
    margin: 0;
    padding: 0;
}
body,html{
	width:100%;
	height: 100%;
	background: #f5f5f5;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: inherit | grayscale;
}
html,
button,
input,
select,
textarea {
	color: #222;
    outline:none;
}
/* 设置默认字体 */
body, button, input, select, textarea { font:0.8750em/1.6 "PingFang SC", "Microsoft YaHei", arial, "\5b8b\4f53", sans-serif, tahoma}
/** 设置默认字体 **/
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style:normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family:courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size:12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* Resetting HTML5! */
section, article, aside, header, footer, nav, dialog, figure ,
details, figcaption, hgroup, main, menu,summary { /*display: block; */ }
audio, canvas, progress, video { 
　　　/*display: inline-block;*/ 
} 
audio:not([controls]) { 
　　　display: none;
　　　height: 0; 
} 
/** 重置表格元素 **/
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
img {
    display:block;
    width:100%;max-width:100%;
    height:auto;
    width: auto\9; /* “\9″在IE6/IE7/IE8/IE9/IE10下生效,“\0”在 IE8/IE9/IE10下生效,“\9\0” 在IE9/IE10下生效 */
    -ms-interpolation-mode:bicubic;/*防止windows平台，缩放图片失真现象象*/
    vertical-align:middle;
    border:medium none;/*不显示边框*/
}

fieldset{border:0;}
input, textarea, select, button {
    font-size: 0.9375em;
    font-weight: normal;
    border: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] { /*清除手机自带样式*/
    -webkit-appearance: none;
}
input ,select{
    outline: none
}
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*将背景改为红色*/
background:#FFF;
/*加padding防止文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

[placeholder] {  font-family: 'Microsoft YaHei';  }
input::-webkit-input-placeholder{
    color:#ccc;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
/*input:focus{
	padding:2px;
}*/
ol,ul, li, dl, dt, dd {
    list-style-type: none;
}

a {
    text-decoration: none;
    outline: none;
    display: block;
    font-style:normal;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	cursor:pointer;	
    color:#FFF;
}
a:hover {
	text-decoration: none;
}
area,a:focus,button{
	outline: none;
}

b{font-weight: normal;}

button:active{
    border:none;
}








.wrapper{
	width:100%;
	box-sizing: border-box;
	transition: all .5s;
    color:#666;
}
header,section,footer{
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
header{
	padding:10px 0;
    background: #FFF;
}
header .htop{
	width:1200px;
	height: 50px;
	margin: 0 auto;
	/*overflow: hidden;zoom:1;*/
}
.htop .logo{
	width:63%;
	float: left;
	/*overflow: hidden;zoom:1;*/
	box-sizing: border-box;
}

.logoimg{
	width:78px;
	/* height: 48px; */
	float: left;
	align-items:center; display: -webkit-flex;display: -ms-flexbox;
}
.logocompany {
	width:80%;
	float: left;
	padding-left: 15px;
	padding-top: 5px;
}
.logocompany span{
	height: 23px;
	display: block;
	line-height: 20px;
	color: #666;
	align-items:center; display: -webkit-flex;display: -ms-flexbox;
}
.companych{
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 4px;
}
.companyen{
	font-size: .98em;
}
.htop .hlink{
	width:37%;
	float: right;
	/*overflow: hidden;zoom: 1;*/
}
.hlink .hQR{
	width:56px;
	height: 56px;
	float: left;
}
.hlink .hmeun{
	width: 82%;
	float: right;
}
.hmeun ul{
	line-height: 38px;
	/*overflow: hidden;zoom:1;*/
	box-sizing:border-box;	
	padding-bottom: 10px;
}
.hmeun>ul>li{
	float: left;
	margin-left: 15px;
}
.hmeun ul li.phone{
	/* background: url(../img/icon_phone.png) left center no-repeat; */
	text-indent: 1.3rem;
	/*background-size: 16px 16px;*/
}

.hmeun ul li.language{
	width: 140px;
	background: url(../img/icon_lan.png) 10px center no-repeat;
	/*background-size: 16px 16px;*/
	cursor: pointer;
	position: relative;
}
.tri{
	width: 10px;
	height: 10px;
	background: url(../img/tri_lan.png) right center no-repeat;
	display: inline-block;
	position: absolute;
    right: 16px;
    top: 14px;
}
.lang{
	position: relative;
}
.langua{
	color: #666;
}
.flag{	
	border:1px #999 solid;
	width:140px;
	position: absolute;
	top:38px;
	right:-1px;
	box-sizing: border-box;
	background: #FFF;
	color:#666;
	padding-top: 10px;
	text-indent: 1.2rem;
	z-index: 3;
}
.flag ul li a{
	color: #333;
}
.flag ul li a em{
	width: 20%;
    height: .9rem;
    display: inline-block;
    background: url(../img/icon_national_flag.png) center center no-repeat;
    padding-right: 6px;
    vertical-align: text-bottom;
}
.flag ul li a em.ch {
    background-position: 0 1px;
}
.flag ul li a em.en{
	background-position: 0 -28px;
}
.flag ul li a em.tw{
	background-position: 0 -56px;
}
.flag ul li a em.jp{
	background-position: 0 -84px;
}
.lg{
	width:100%;
	text-align: center;
	display:block;
}
.flag ul li a:hover{
	background: #EEE;
}
.menunav{
	height: 50px;
	clear: both;
	background: #363c80;
}
.pagenav{
	width: 1000px;
	margin: 0 auto;
	/*overflow: hidden;zoom: 1;*/
}
nav{
	width:60%;
	float: left;
}
nav>ul{
	/*overflow: hidden;zoom: 1;*/
	position: relative;
}
nav>ul>li{
	width: 16.5%;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
}
nav>ul>li>a{
	color: #FFF;
}
nav>ul>li:hover{
	background:#FFF;
}

.loginbar{	
	width:17%;
	float: right;
}
.loginbar{
	height: 50px;
	overflow: hidden;zoom: 1;
	align-items:center; display: -webkit-flex;display: -ms-flexbox;
}
.loginbar button{
	width:80px;
	height: 30px;
	/*border-radius: 15px;*/
	float: left;
	font-weight: bold;
	font-size: .9375em;
	cursor: pointer;
}
.loginbar  button:hover{text-decoration: underline;}

.login button{
	background: #FFF;
	color: #363c80;
	margin-right: 10px;
}
.register button{
	border:1px #FFF solid;
	color: #FFF;
	background: none;
}


footer{
	width: 100%;	
	margin-top: 2rem;
}
.copy{
	width: 100%;
	background: #e2e2e2;
    /* position: fixed;
    bottom: 0; */
}
.copy p{
	height: 50px;
	line-height: 50px;
	color: #666;
	text-align: center;
	padding: 5px 0;
}

.aboutCont,.aboutJJ{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
}
.aboutCont p{
	font-size: 16px;
	margin-bottom: 15px;
	text-align: justify;
	text-justify: distribute; 
}

.aboutConten{
	margin-top: 70px;
}
.aboutphoto {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;zoom:1;
	display: flex;
}
.aboutphoto p{
	width: 48%;
	float: left;
	margin: 10px;
	background: #FFF;
	padding: 20px;
}
.aboutphoto p{
	background: #FFF;
}
.aboutphoto1{
	width: 100%;
	margin: 20px auto;
}
.aboutphoto1 img{
	width: 1200px;
	margin: 0 auto;
}
.swiper-container {
    width:100%;
    height: 500px;
}  

.aboutwrap{
	width:1100px;
	margin: 20px auto;
	/* padding: 20px; */
	overflow: hidden;zoom:1;
	display: flex;
}
.aboutwrapui{
	width: 45%;
	background: #fff;
	padding: 47px;
	float: left;
}
.aboutwrapui h1{
	font-size: 2em;
	color: #000;
	margin-bottom: 40px;
}
.abtn{
	text-align: right;
	margin-top: 50px;
}
.about-more{
	width: 22%;
	background:none;
	border:1px #666 solid;
	border-radius: 5px;	
	padding: 3px 10px;
	cursor: pointer;
	font-size: 16px;
	color: #666;
	display: inline-block;
}
.about-more a{
	
}
.groot{
	float: left;
}
.aboutJJ{
	width: 1100px;
	margin: 0 auto;
	background: url(../img/backimg.6b40587a.jpg) center center no-repeat;
	padding: 20px 40px;
}
.aboutJJ div{
	margin: 20px 0;
	color:#FFF;
}

.Contactwrap{
	width: 1100px;
	margin: 0 auto;
}
.Contactwrap h1{
	text-align: center;
	font-size: 2em;
	color: #222;
	margin-top: 20px;
}
.Contactwrap h1 span{
	display: block;
	font-size: 15px;
	margin-top: 5px;
}
.contactinfor{
	overflow: hidden;zoom: 1;
	margin-top: 5em;
	display: flex;
}
.contactinfor dl{
	width: 50%;
	padding: 20px;
	background:#FFF;
	float: left;
	margin-right: 5px;
}
.contactinfor dl dt{
	width: 25%;
	margin: 0 auto;
}
.contactinfor dl dd{
	font-size: 1.7em;
	color: #222;
	text-align: center;
	margin-top: 10px;
}
.contactinfor dl dd.Continforbg{
	color: #363c80;
	margin-top: 20px;
}
.contactmain{
	padding: 20px;
	margin-top: 20px;
	background:#FFF;
	overflow: hidden;zoom:1;
}
.contactmain table{
	float: left;
	margin-left: 5em;
}
.contactmain dl dt{
	    width: 37%;
	    margin: 0 auto;
	
}
.contactmain dl{
	width: 30%;
	float:left;
	text-align: center;
	margin-top: 5em;
	
}
.contactmain dl dd{
	font-size: 1.7em;
	color: #222;
	margin-top: 10px;
}
.contactmain table th,.contactmain table td{
	padding: 5px 40px;
}
.BusinessBooking{
	float: right;
	line-height: 50px;
}
.display{display: none;}