@charset "gb2312";
/* CSS Document */
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;max-width:640px;}
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:93.75%;margin:0 auto;}
.content3 { background:url(../images/content3Bg.jpg) repeat;padding-bottom:4%;}
.content3 h4 {font-size:4rem;text-align:center;line-height:3;}
.anliSlides {width:96.875%;margin:0 auto ; background-color:#f8b8c7;border-radius:5px;padding:2% 0;}
.anliSlides .slideBox {width:96%;margin:0 auto;}
.anliSlides .slideBox li {width:100%;height:100%;}
.anliSlides .focus {width:100%;margin:3% auto 0;text-align:center;}
.anliSlides .focus span {display:inline-block;width:88px;height:88px;line-height:88px;text-align:center;font-size:2.2rem;border-radius:100%;color:#2e3642;border:3px solid #e4e4e4;margin: 0 6px; background-color:#FFF;}
.anliSlides .focus span.on {border-color:#2e3642;}

.content5 { background:url(../images/content3Bg.jpg) repeat;padding-bottom:6%;}
.content5 h4 {font-size:4rem;text-align:center;line-height:3;}
.content5 .txt .title {width:44.8%;font-size:3rem;text-align:center;color:#fff;line-height:58px; background-color:#2e3642;border-radius:0 26px 26px 0;margin:5% 0;}
.content5 .txt1 ul{width:93.75%;margin:0 auto;}
.content5 .txt1 li {width:48%;float:left;}
.content5 .txt1 li:nth-child(2){float:right;}
.content5 .txt p {font-size:2.8rem;color:#2e3642;line-height:2.6;text-align:center;}
.content5 .txt2 ul{width:93.75%;margin:0 auto;}
.content5 .txt2 li {width:32%;float:left;margin-right:2%;}
.content5 .txt2 li:nth-child(3){float:right;margin-right:0;}
.link {display:block;width:97.5%;font-size:4.8rem;color:#fff;line-height:2.54; background-color:#ff6005;border-radius:10px;margin:5% auto 0;text-align:center;}
.content7 {padding-bottom:8%;}
.content8 {padding:6% 0; background:url(../images/content8Bg.jpg) repeat;}
.content8 h4 {font-size:4rem;color:#fff;line-height:3;text-align:center;}
.content8 ul {width:96.875%;margin:0 auto;}
.content8 ul li {width:31.2%;float:left;margin-right:3.2%;}
.content8 ul li:nth-child(3){margin-right:0;}
.content9 {padding:7% 0;}
.content9 h4 {font-size:4rem;color:#2e3642;line-height:2;text-align:center;}
.content9 p {font-size:2.4rem;color:#2e3642;line-height:1.2;text-align:center;}
.content9 .box,.content9 ul {width:96.875%;margin:0 auto;}
.content9 .box {margin-top:7%;}
.content9 ul li {width:49%;float:left;margin-top:1.8%;}
.content9 ul li:nth-child(2n){float:right;}
.content10 {padding:2% 0 6%; background:url(../images/content3Bg.jpg) repeat;}
.content10 h4 {font-size:4rem;color:#2e3642;line-height:3;text-align:center;}
.content10 .txt .title {width:36.5%;font-size:3rem;text-align:center;color:#fff;line-height:66px; background-color:#2e3642;border-radius:0 33px 33px 0;margin:4% 0;}
.content10 .txt .imgBox {width:96.875%;margin:0 auto;}


@media screen and (min-width:320px) and (max-width:359px){
		/*  0.5    */
		html {font-size:31.25%;}
		.anliSlides .focus span{width:44px;height:44px;line-height:44px;margin: 0 1px;border-width:1px;}
		.content5 .txt .title{line-height:29px;border-radius:0 14px 14px 0; }
		.link {border-radius:5px;}
		.content10 .txt .title {line-height:33px;border-radius:0 16px 16px 0;}
}
@media screen and (min-width:360px) and (max-width:409px){
		/*   0.56    */
		html {font-size:35%;}
		.anliSlides .focus span{width:49px;height:49px;line-height:49px;margin: 0 2px;border-width:1px;}
		.content5 .txt .title{line-height:32px;border-radius:0 16px 16px 0; }
		.link {border-radius:6px;}
		.content10 .txt .title {line-height:36px;border-radius:0 18px 18px 0;}
}
@media screen and (min-width:410px) and (max-width:479px){
		/*  0.64    */
		html {font-size:40%;}
		.anliSlides .focus span{width:56px;height:56px;line-height:56px;margin: 0 3px;border-width:1px;}
		.content5 .txt .title{line-height:37px;border-radius:0 18px 18px 0; }
		.link {border-radius:6px;}
		.content10 .txt .title {line-height:42px;border-radius:0 21px 21px 0;}
}
@media screen and (min-width:480px) and (max-width:639px){
		/*  0.75    */
		html {font-size:47%;}
		.anliSlides .focus span{width:66px;height:66px;line-height:66px;margin: 0 4px;border-width:2px;}
		.content5 .txt .title{line-height:43px;border-radius:0 21px 21px 0; }
		.link {border-radius:7px;}
		.content10 .txt .title {line-height:50px;border-radius:0 25px 25px 0;}
}