@charset "utf-8";

body{ font:0.75em 'microsoft yahei'; color:#353535;}
a{ text-decoration:none; color:#353535;}
a:hover{ text-decoration:none;}

/*container*/
#container{ width:100%; max-width:640px; min-width:320px; margin:0 auto;}

/*footer*/
#footer{ padding:2.3% 2.65%; background-color:#3a4148;}
#footer nav{ margin-bottom:3%; opacity:0.7;}
#footer .copyRight{ font-family:Arial; opacity:0.57;}

/*goToTop*/
.goToTop{ display:inline-block; width:2.9em; height:2.9em; text-indent:-9999px; background:url(../images/topBg.png) no-repeat; background-size:29em 17.5em; right:1.9%; top:21%;}
.goToTop11{ background-position:0 0;}
.goToTop12{ background-position:-2.9em 0;}
.goToTop13{ background-position:-5.8em 0;}
.goToTop14{ background-position:-8.7em 0;}

.goToTop21{ background-position:0 -2.9em;}
.goToTop22{ background-position:-2.9em -2.9em;}
.goToTop23{ background-position:-5.8em -2.9em;}
.goToTop24{ background-position:-8.7em -2.9em;}

.goToTop31{ background-position:0 -5.8em;}
.goToTop32{ background-position:-2.9em -5.8em;}
.goToTop33{ background-position:-5.8em -5.8em;}
.goToTop34{ background-position:-8.7em -5.8em;}
.goToTop35{ background-position:-11.6em -5.8em;}
.goToTop36{ background-position:-14.5em -5.8em;}
.goToTop37{ background-position:-17.4em -5.84em;}

.goToTop41{ background-position:0 -8.7em;}
.goToTop42{ background-position:-2.9em -8.7em;}
.goToTop43{ background-position:-5.8em -8.7em;}
.goToTop44{ background-position:-8.7em -8.7em;}
.goToTop45{ background-position:-11.6em -8.7em;}
.goToTop46{ background-position:-14.5em -8.7em;}
.goToTop47{ background-position:-17.4em -8.7em;}
.goToTop48{ background-position:-20.3em -8.7em;}
.goToTop49{ background-position:-23.2em -8.7em;}
.goToTop410{ background-position:-26.1em -8.7em;}

.goToTop51{ background-position:0 -11.6em;}
.goToTop52{ background-position:-2.9em -11.6em;}

.goToTop61{ background-position:0 -14.5em;}
.goToTop62{ background-position:-2.9em -14.5em;}
.goToTop63{ background-position:-5.8em -14.5em;}

/*index*/
.menu241{ height:18.64em; padding:3.9% 3.9% 0 3.9%; background:url(../images/menu241bg.jpg) no-repeat; background-size:cover;}
.menu241 li{ float:left; width:25%; background-color:#3eb6f3;}
.menu241 li a{ display:block; height:8.24em; text-align:center;}
.menu241 li img{ height:1.88em; margin:30.3% 0 4.2%; vertical-align:middle;}
.menu241 li span{ display:inline-block; width:100%; height:1.3em; color:#ffffff; font-weight:bold; overflow:hidden;}
.menu241 li:nth-child(1){ background-color:#29aeef;}
.menu241 li:nth-child(3){ background-color:#29aeef;}
.menu241 li:nth-child(6){ background-color:#29aeef;}
.menu241 li:nth-child(8){ background-color:#29aeef;}

.menu242{ height:3.6em; line-height:3.6em; background-color:#38b3f4; border-bottom:#2d8fc3 solid 0.1em;}
.menu242 .arrow{ width:2.5%; height:1.24em; background:url(../images/arrowBg.png) no-repeat; background-size:contain; left:4%; top:32%;}
.menu242 .num{ height:1.76em; line-height:1.76em; padding-right:9.4%; background:url(../images/numBg.png) no-repeat right top; background-size:contain; right:4%; top:28%;}

.menu243 li{ background:#f1f2f2; background:-webkit-linear-gradient(#ffffff 0%,#ffffff 64%,#fefefe 65%,#cbcecf 100%); background:-moz-linear-gradient(#ffffff 0%,#ffffff 64%,#fefefe 65%,#cbcecf 100%);}
.menu243 li .box{ padding:4% 4.2% 2% 3%; overflow:hidden;}
.menu243 li .info{ float:right; width:71%;}
.menu243 li .pic{ float:left; width:23.9%; margin-top:1.1%;}
.menu243 li .detail{ display:inline-block; width:98%; height:2.1em; line-height:2.1em; margin-top:13%; color:#fff; text-align:center; border-radius:0.2em; border:#4c4d4d solid 1px; background:#616162; background:-webkit-linear-gradient(#616162 0%,#373939 100%);}
.menu243 li h3{ line-height:1.8em; color:#4f5a5d; font-weight:bold;}
.menu243 li .text{ height:5.4em; line-height:1.8em; margin-bottom:5%; color:#4f5a5d; overflow:hidden;}
.menu243 li .time{ color:#4f5a5d; font-weight:bold;}
.menu243 li img{ width:100%; height:5.9em; vertical-align:middle; border-radius:0.4em;}
.menu243 li a{ color:#4f5a5d;}

@media screen and (min-width:320px){
	#container .menu242 h3{ font-size:14px;}
	#container .menu243 li h3{ font-size:14px;}
	#container .menu243 li .text{ line-height:1.4em; margin-bottom:0%;}
}
@media screen and (min-width:480px){
	#container{ font-size:18px;}
	#container .menu241 li span{ font-size:16px;}
	#container .menu243 li .detail{ font-size:16px;}
	#container .menu243 li .text{ line-height:1.6em; margin-bottom:2%; font-size:16px;}
	#container .menu243 li .time{ font-size:16px;}
	#container .menu242 h3{ font-size:24px;}
	#container .menu242 .num{ font-size:20px;}
	#container .menu243 li h3{ font-size:21px;}
	#footer{ font-size:15px;}
	#footer .copyRight{ font-size:16px;}
}
@media screen and (min-width:640px){
	#container{ font-size:24px;}
	#container .menu241 li span{ font-size:20px;}
	#container .menu243 li .detail{ font-size:20px;}
	#container .menu243 li .text{ line-height:1.8em; margin-bottom:6%; font-size:20px;}
	#container .menu243 li .time{ font-size:20px;}
	#container .menu242 h3{ font-size:28px;}
	#container .menu242 .num{ font-size:24px;}
	#container .menu243 li h3{ font-size:25px;}
	#footer{ font-size:19px;}
	#footer .copyRight{ font-size:20px;}
}