/* CSS Document */
.bootPageContainer{ position: relative; z-index: 1; background: url(../images/index/bg.png) no-repeat center top;}
.bootPageContainer .commWidth{ display: flex; flex-direction: column; justify-content: space-around;}
.boot-top{ overflow: auto; zoom: 1;}
.boot-top a.boot-logo{ display: block; float: left; margin-top: 40px;}
.boot-top .timer{ float: right; font-size: 15px; color: #cc3844; margin-top: 60px;}
.title1{ text-align: center; margin-top: 8%;}
.title2{ text-align: center; margin-top: 1%;}
.boot-navigation{ width: 960px; display: flex; margin: 4% auto 0px; position: relative; z-index: 200;}
.boot-navigation li{ width: 20%;}
.boot-navigation li a{ display: block; height: 85px; line-height: 85px; font-size: 28px; color: #fff; text-align: center; margin: 0px; cursor: pointer;letter-spacing:10px;font-weight: bold;padding-left:2px;}
.boot-navigation li a.f1{ background: url(../images/index/nav-bg-blue.png);}
.boot-navigation li a.f2{ background: url(../images/index/nav-bg-red.png);}
.boot-navigation li a.f3{ background: url(../images/index/nav-bg-blue2.png);}
.boot-navigation li a.f4{ background: url(../images/index/nav-bg-green.png);}
.boot-navigation li a.f5{ background: url(../images/index/nav-bg-purple.png);}
.boot-navigation li a.f6{ background: url(../images/index/nav-bg-purple1.png);}

.weather{ text-align: right; background: url(../images/index/nav-bg-black.png); line-height: 42px; width: 960px; margin: 1% auto 0px; position: relative; z-index: 200;}
.weather span.first{ float: left; margin-left: 35px;}
.weather span.first img{ margin: 0px 15px;}
.codebox .box .t1, .codebox .box .t3{ color:#fff!important;}
.weather span.rq{ float: left; margin-left: 35px;}
.weather span{ font-size: 14px; color: #fff; line-height: 42px; margin-right: 35px;}
.bottomer{ min-height: 200px; position: fixed; bottom: 0; width: 100%; background: url(../images/index/btmBg.png) no-repeat center top;}
.bottomer p.btmNav{ margin-top: 100px;}
.bottomer p{ font-size: 13px; color: #fff; text-align: center; line-height: 20px;}
.bottomer p.btmNav a{ font-size: 14px; color: #fff; margin: 0px 5px;}
.bottomer p img{ margin: 10px;}

@media screen and (max-width: 400px) {
	.boot-top a.boot-logo{ float: none; margin-top: 30px; text-align: center;}
	.boot-top .timer{ display: block; float: none; text-align: center;}
	.title1 img{ width: 95%;}
	.title2 img{ width: 80%;}
	.boot-navigation{ width: 100%;}
	.boot-navigation li{}
	.boot-navigation li a{ font-size: 14px; height: 50px; line-height: 50px;}
	.weather{ margin-top: 10%; text-align: left;}
	.weather span{ display: block; margin-left: 35px; line-height: 30px;}
	.weather span.first{ float: none;}
	.bottomer p.btmNav{margin-top: 85px;}
}

@media screen and (min-width: 401px) and (max-width: 800px) {
	.boot-top a.boot-logo{ float: none; margin-top: 30px; text-align: center;}
	.boot-top .timer{ display: block; float: none; text-align: center;}
	.title1 img{ width: 95%;}
	.title2 img{ width: 80%;}
	.boot-navigation{ width: 100%; margin-top: 15%;}
	.boot-navigation li a{ font-size: 18px; height: 60px; line-height: 60px;}
	.bottomer{ position: absolute; bottom: 0px;}
}

@media screen and (min-width: 801px) and (max-width: 960px) {
	.boot-navigation{ width: 100%;}
}

@media screen and (min-width: 961px) and (max-width: 1199px) {
	
}