@charset "utf-8";
/* CSS Document */

/************************************************************************************
reset css styles
*************************************************************************************/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font: inherit;
	text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/************************************************************************************
general styling
*************************************************************************************/
html, body {height: 100%;}
body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	line-height:150%; 
	position:relative;
	background:url(images/common/bg.gif) repeat;
}
a{
	color:#5f6a72;	
}
a:hover{
	color:#C00000;
}
p{
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 0 20px 0;	
}
img{
	vertical-align: top;	
}
input[type=text], textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
.floatLeft{
	float:left;	
}
.floatRight{
	float:right;	
}
.clear{
	clear:both;	
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.txtLeft{
	text-align:left;
}
.txtRight{
	text-align:right;	
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


/************************************************************************************
structure
*************************************************************************************/
#pagewrap{
	position:relative;
	z-index:10;
	min-height:100%;
	width:960px;
	padding:0 15px;
	background:url(images/common/main_bg.png) repeat-y;
	margin: 0 auto;
}
#main{
	padding:0 0 110px 0; /*110*/
}
#content{
	padding:0px 30px 25px;	
}
#right_content{
	position:relative;
	float:right;
	width:700px;
	padding:20px 20px 25px;	
}
#right_content h2{
	margin:0 0 10px 0;	
}
#right_content h2.img{
	margin:0 0 15px 0;
}


/************************************************************************************
header
*************************************************************************************/
#header{
	position:absolute;
	z-index:1000;
	top:0px;
	width:960px;
	height:135px;
	border-top:4px solid #000;
	background:url(images/header/header_bg.png) repeat;
}
#header_content{
	position:relative;
}
#logo{
	position:absolute;
	display:block;
	top:15px;
	left:31px;
	width:153px;
	height:101px;
	text-indent:-9999px;
	background:url(images/header/logo.png) no-repeat;	
}

#lan{
	position:absolute;
	top:16px;
	right:30px;
}
#lan ul li{
	position:relative;
	float:left;
	height:14px;
}
#lan ul li.line{
	display:block;
	width:23px;
	background:url(images/header/line.gif) no-repeat center center;
}
#lan ul li .arrow{
	display:none;
	position:absolute;
	left:50%;
	top:-10px;
	margin:0 0 0 -3px;
	width:7px;
	height:6px;
	background:url(images/header/lan_arrow.png) no-repeat;
}
#lan ul li:hover .arrow, #lan ul li.current .arrow{
	display:block;	
}

/* nav */
#nav{
	position:absolute;
	right:30px;
	top:91px;	
}
#nav ul li{
	float:left;
	margin:0 0 0 36px;	
}


/************************************************************************************
footer
*************************************************************************************/
#footer{
	position:relative;
	z-index:15;
	font-size:12px;
	color:#666;
	background:#fff;
	width:960px;
	height:110px;
	margin:-110px auto 0 auto;
	clear:both;
	/*overflow:hidden;*/
}
#footer a{
	color:#666;	
}
#footer a:hover, #footer a.current{
	color:#4aafc7;	
}

#footer_nav{
	height:50px;
	padding:0 0 7px 0;
	margin:0 0 5px 0;
	text-align:center;
	background:url(images/footer/footer_bg.gif) repeat-x;	
}
#footer_nav ul li{
	display:inline-block;
	line-height:50px;
}
#footer_nav ul li.bullet{
	width:36px;
	background:url(images/footer/bullet.png) no-repeat center center;	
}

#copyright{
	text-align:center;	
}

#back-top{
	position:absolute;
	right:-31px;
	top:-99px;
	margin:0 0 10px 0;	
}
#back-top a{
	text-indent:-9999px;
	display:block;
	width:31px;
	height:99px;
	background:url(images/common/backToTop.gif) no-repeat left center;	
}


/************************************************************************************
common
*************************************************************************************/
.last{
	margin:0px !important;	
}

#banner{
	position:relative;
	width:960px;
	height:440px;
	margin:0 0 20px 0;
}
#banner_overText{
	position:absolute;
	z-index:10;
	display:block;
	width:960px;
	height:440px;
	zoom: 1;
	overflow:hidden;
}
#banner_overText li{
	position:relative;
	display:none;
	width:100%;
	height:100%;
	margin:0 -100% 0 0;
}
#banner_overText li.active{
	display:block;
}
#banner_overText li span{
	position:absolute;
	display:none;
}

/* subNav */
#subNav{
	float:left;
	width:218px;
	min-height:230px;
	padding:14px 0 0 0;
	background:url(images/common/subNav_bg.png) repeat-y;	
}
#subNav ul li{
	border-bottom:1px solid #919ba5;	
}
#subNav ul li a{
	display:block;
	padding:4px 0 4px 30px;
	width:188px;
	color:#fff;
}
#subNav ul li a:hover, #subNav ul li a.current{
	color:#32b9d9;
	background:url(images/common/subNav_over.png) repeat-y;	
}

#social {position:absolute; right:30px; top:38px;}
#social ul#socialNav {float:right; margin-top:5px;}
#social ul#socialNav li{float:left; font-size:14px; font-weight:700; padding:0 6px; list-style:none;}
#social ul#socialNav li:nth-last-child(1) {padding-right:0}
#social ul#socialNav li a {color:#aaa}
#social ul#socialNav li a:hover , ul#socialNav li a.current {color:#1763af}
#social div#wechat {display:none; position:absolute; top:50px; right:0; border:1px solid #ccc; padding:20px; background:#fff; z-index:999}
#social div#wechat div {width:210px; float:left; font-size:15px; font-weight:bold; color:#215faa; line-height:18px; text-align:center;}
#social div#wechat img {width:200px;}
#social div#wechat .close {display:block; position:absolute; top:10px; right:10px; width:20px; height:20px; background:url('images/socialIcon/closebtn.png')}


.whatsappfloat{
	position:fixed;
	bottom:200px;
	right:80px;
  background:
   linear-gradient(#25d366,#25d366) 10% 70%/15% 10% no-repeat,
   radial-gradient(circle, #25d366 46%, transparent 0);
	-webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7));
  font-size:80px;
  color:#fff !important;
  z-index:100;
}

.whatsapp-my-float{
	
	margin-left:-2px;
}

@media handheld, only screen and (max-width: 1140px) {
	.whatsappfloat{
	position:fixed;
	bottom:150px;
	right:25px;
  font-size:50px;
}
}