@charset "utf-8";
/* 
	Resets defualt browser settings
	autor 1939890928
	reset.css
*/
/*基本框架CSS*/
*{ margin:0; padding:0; }
body,input,select,textarea{font-size:1em;font-family:Verdana,"Microsoft YaHei",Helvetica,sans-serif;color:#333}
body,h1,h2,h3,h4,h5,p,dd,ul,dl{margin:0; font-weight:normal}
ul{padding-left:0;list-style-type:none}
i, em{font-style:normal}
a{ color:#fff; font-size:14px; }
a, img{border:0;text-decoration:none; border:none }
img{border:0; -webkit-touch-callout: none; text-decoration:none; border:none }
ul, ol { list-style:none }
li{ list-style:none; display:inline; }
select{border-radius:none;}
table{ border-collapse:collapse }
body { color: #fff; text-align: left;font-family:Microsoft YaHei,Simsum,serif; background:#070d16;  font-size:100%; overflow-x:hidden  }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}
input[type=button]{
 -webkit-appearance:none;
 outline:none;
}
input {
outline: none;
}
html{ font-size:100%}
button, input{ border:none; font-family:verdana,"microsoft yahei",helvetica,sans-serif; }
a{ font-size:14px}
select:focus, textarea:focus, .base_text:focus, .new_base_text:focus, input:focus{ box-shadow:0 0 5px rgba(9,112,178,0.3); transition: all 0.5s ease 0s; border:1px solid #0970b2  }
button:hover{ transition: all 0.5s ease 0s; }
*:focus {outline: none;} 

.guide_top{ overflow:hidden; height:13rem; background:url(../images/guide_top.png) repeat left top; background-size:cover; position:absolute; width:100%; z-index:100; top:0; left:0; }
.guide_logo{ float:left; padding:1rem 0 0 1rem; width:20rem }
.guide_logo img{ width:100%} 

.top_search{position:relative; float:right; width:25.9rem; height:2.1rem; line-height:30px; background:#3d8fe0; margin-top:1.5rem; margin-right:2rem; _display:inline}
.top_search input{ float: left; width:auto; height:20px; border:none; line-height:20px; background:none;}
.top_search input.search_text{height: 2rem; margin: 1px 0 0 1px; background:#fff; text-indent:10px; width: 22.5rem;}
.top_search input.search_bt{ float:right; margin:0.1rem 0.5rem 0 0; width:2rem; height:2rem; cursor:pointer; background:url(../images/guide_search.png) no-repeat left center; }

.img02{ position:relative }
body{ text-align: center}
.box{  margin:0 auto}
video{ width:100%;  }
.guide_text{ text-align:center; color:#fff; background:#1f306a; font-size:1.2rem; letter-spacing:10px; padding:0.75rem 0 }
.guide_copy{ padding:0 2rem; background:#2e2f34; overflow:hidden; text-align:left; color:#6d6e71; line-height:3rem; }
.guide_copy b{ float:right; font-weight:normal; font-size:0.875rem; }

.guide_nav{ position:absolute; width:18rem; right:0; top:30%; z-index:99; text-align:right; }
.guide_nav li{ display:block; margin:1rem 0; width:100%; position:relative; opacity:0; right:-3rem  }
.guide_nav a{ display:block; font-size:1.25rem; color:#fff; font-weight:bold; background:url(../images/guidenav.jpg) no-repeat 16.8rem center; padding-right:3rem; transition: all 0.5s ease 0s;  }
.guide_nav a:hover{ font-size:1.4rem; margin-top:-1px; color:#3d8fe0 }
.guide_nav a:hover{background:url(../images/guide_li.png) no-repeat right center; background-size:auto 2rem  }

.foot{ position:absolute; left:0; bottom:0; width:100%; z-index:10; opacity:0.95; }

.logo_text{ position:absolute; width:100%; text-align:center; left:0; top:32%; z-index:20}
.logo_text img{ height:22rem; opacity:0; }

.canvasloop{ z-index:3; opacity:0; background:url(../videos/videopic.jpg) no-repeat center center; background-size:cover; height:100%}
.canvas{position:absolute;}
.search_suggest{
	position:absolute;
	top:2rem;
	width:25.7rem;
	border:1px solid #3d8fe0;
	background-color:#fff;
}
.search_suggest li{
	display:block;
	cursor:pointer;
	text-align:left;
	padding-left:1rem;
	color:#666666;
	font-size:0.9em;
}
.search_suggest li:nth-child(odd){
	background-color:#f4f4f4;
}
.search_suggest li:hover{
	background-color:#dddddd;
}

@media screen and (max-width:1440px) {
 html{ font-size:76%}
}
@media screen and (max-width:1280px) {
 html{ font-size:73%}
}