html {font-size:62.5%;}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,   /* structural elements ï¿½á¹¹Ôªï¿½ï¿½ */dl, dt, dd, ul, ol, li, /* list elements ï¿½Ð±ï¿½Ôªï¿½ï¿½ */pre, /* text formatting elements ï¿½Ä±ï¿½ï¿½ï¿½Ê½Ôªï¿½ï¿½ */
form, fieldset, legend, button, input, textarea, /* form elements ï¿½ï¿½ï¿½Ôªï¿½ï¿?*/
th, td, /* table elements ï¿½ï¿½ï¿½Ôªï¿½ï¿?*/
img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 'Î¢ÈíÑÅºÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;}
input, img {vertical-align: middle;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}

.fl {float:left;display:inline;}
.fr {float:right;display:inline;}


/*header css*/
body {min-width:320px;overflow-x:hidden;}
/*activities css*/
.bt { -moz-transition: background 0.3s linear 0s; -webkit-transition: background 0.3s linear 0s; transition: background 0.3s linear 0s; }
.ot { -moz-transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.commonWidth {width:95.3%;margin:0 auto;}

.banner a{display:block;width:42.18%;position:absolute;left:50%;top:69.6%;-moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.content2 {padding:7% 5.5%; background-color:#737d98;}
.content2 h6 {font-size:3rem;color:#fff;line-height:1.2;position:relative;padding-left:21.7%;}
.content2 h6:before {content:'But';position:absolute;width:62px;line-height:62px;text-align:center;font-size:3.3rem; background-color:#34495e;border-radius:50%;left:9.4%;top:50%;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.content2 .txt {width:100%;padding:5% 4.5%; background-color:#8d91aa;border-radius:8px;margin:5% 0;}
.content2 .txt h5 {font-size:2.4rem;text-align:center;line-height:2;}
.content2 .txt p {font-size:1.8rem;line-height:1.6;}
.content2 .txt img {margin:3% auto;}
.content2 .txt span {display:block;font-size:1.8rem;line-height:1.6;text-align:center;}
.link {display:block;width:97.5%;text-align:center;font-size:3.9rem;color:#fff;line-height:3.12; background-color:#ff6005;border-radius:10px;}
.content3 .link {left:50%;bottom:4%;}
.content5 {padding:5% 0;}
.content5 h4 {font-size:3.6rem;text-align:center;line-height:3;}
.anliSlides .focus {padding:2% 0;text-align:center;}
.anliSlides .focus span {display:inline-block;width:2.2%;padding-top:2.2%;border-radius:50%; background-color:#cccccc;margin:0 1%;}
.anliSlides .focus span.on { background-color:#f36279;}
.content7 .link {margin:6% auto;}
.content8 { background-color:#f1ced4;padding-bottom:8%;}
.content8 p {width:76.25%;margin:1% auto 6%;font-size:2.4rem;color:#1b1b1b;line-height:1.5;}
.expertSlides .focus {width:100%;text-align:center;left:0;bottom:3%;}
.expertSlides .focus span {display:inline-block;width:2.2%;padding-top:2.2%;border-radius:50%; background-color:#cccccc;margin:0 1%;}
.expertSlides .focus span.on { background-color:#f36279;}

@media screen and (min-width:320px) and (max-width:359px){
		/*  0.5    */
		html {font-size:31.25%;}
		.content2 h6:before {width:31px;line-height:31px;}
}
@media screen and (min-width:360px) and (max-width:409px){
		/*   0.56    */
		html {font-size:35%;}
		.content2 h6:before {width:34px;line-height:34px;}
}
@media screen and (min-width:410px) and (max-width:479px){
		/*  0.64    */
		html {font-size:40%;}
		.content2 h6:before {width:40px;line-height:40px;}
}
@media screen and (min-width:480px) and (max-width:639px){
		/*  0.75    */
		html {font-size:47%;}
		.content2 h6:before {width:47px;line-height:47px;}
}

