@charset "utf-8";

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: #222; }
::-webkit-scrollbar-thumb:vertical:hover { background: #464646; }

*, ::after, ::before { box-sizing: border-box; }
html { font-size: 62.5%; }
body { font-size: 1.4rem; }
body, td, th { font-family: "PingFang SC", "Microsoft YaHei", SimHei, Arial, SimSun; }
html, body, form { margin: 0; }
li { list-style: none; }

/* 全局链接 */
A:link { color: #545454; text-decoration: none; }
A:visited { color: #545454; text-decoration: none; }
A:hover { color: #ff0000; text-decoration: none; }
A:active { color: #ff0000; text-decoration: none; }

#mainWrapper { width: 100%; height: 100vh; margin: 0 auto; background: url(in.jpg) center center no-repeat rgba(255,255,255,1.00); background-size: 100%; transition: all .3s; }
#mainWrapper2 { width: 100%; margin: auto; }
#mainWrapper3 { width: 100%; margin: auto; background: #282828; }
#mainWrapper_head { width: 100%; height: 30px; margin: auto; background: #fafafa; border-bottom: #cccccc 1px dashed; line-height: 30px; }
.top { width: 100%; margin: 0 auto; height: 300px; background: url(top_bg.png) center top no-repeat; background-size: cover; }
.end { width: 100%; margin: 0 auto; height: 290px; background: url(end_bg.png) center bottom no-repeat; background-size: cover; position: fixed; left: 0; bottom: 0; }
.inMenu { position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; }

.inMenu img {	
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.inMenu img:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

@media (max-width:1199.98px) {
#mainWrapper { background-size: 120%; }
}

@media (max-width:991.98px) {
#mainWrapper { background-size: 130%; }
}

@media (max-width:767.98px) {
#mainWrapper { background-size: 140%; }
}

@media (max-width:575.98px) {
#mainWrapper { background-size: 160%; }
}

.clearfix { zoom: 1; }
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }