﻿@charset "utf-8";
/*-------------------------全局属性--------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input 
{margin:0;padding:0;}
body{width:100%;font-size:12px;font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif, simsun;}
a, a:link, a:visited{text-decoration:none;color:#333;}
li{list-style:none;}
img{border:none;}
.clear{clear:both;}
.gray_bg{background:#eee;}
.pad_t100{padding-top:100px;}
.cont img{max-width: 100%;height: auto;max-height: 100%;width: auto;}
/*-------首页--------*/
#home{position:fixed;width:100%;height:100%;background:url(../images/bg.jpg) no-repeat center;background-size:cover;}
#home .user{text-align:center;position:absolute;top:5px;width:100%;}
#home .user a{display:inline-block;color:white;margin:0 30px;}
#home .user i{color:#61bde3;}

#home .cont{text-align:center;position:absolute;top:30%;width:100%;padding:0 5%;}
#home .cont img.logo{margin-bottom:2%;width:250px;}
#home .cont p{color:#a4a5a5;margin-bottom:2%;}
#home .cont li{display:inline-block;margin:0 20px;}
#home .cont li a{color:#61bde3;font-size:22px;}
#home .cont li i{margin-right:5px;font-size:30px;}

#home .footer{text-align:center;position:absolute;bottom:3%;width:100%;}
#home .footer .share a{display:inline-block;margin:0 20px;}
#home .footer .share .facebook{color:#39579a;}
#home .footer .share .facebook i{position:relative;top:2px;}
#home .footer .share .twitter{color:#00aced;}
#home .footer .share .twitter i{position:relative;top:1px;}
#home .footer .share .wechat{color:#40a030;}
#home .footer .share .wechat i{position:relative;top:9px;}
#home .footer .copyright{color:#585858;margin-top:20px;}




/*-------登陆--------*/
#login{position:fixed;width:100%;height:100%;background:url(../images/bg.jpg) no-repeat center;background-size:cover;}
#login .user{text-align:center;position:absolute;top:5px;width:100%;}
#login .user a{display:inline-block;color:white;margin:0 30px;}
#login .user i{color:#61bde3;}

#login .cont{width:400px;padding:40px;margin:200px auto 0;background:rgba(0,0,0,0.34);border:1px solid rgba(97,189,227,0.34);border-radius:10px;box-shadow:1px 1px 40px rgba(97,189,227,0.34);}
#login .cont .logo{width:100%;text-align:center;}
#login .cont .text{position:relative;border:2px solid rgba(255,255,255,0.3);border-radius:60px;height:50px;margin-top:20px;padding-left:60px;padding-right:20px;}
#login .cont .text i{color:#ccc;position:absolute;left:15px;}
#login .cont .text i.icon-touxiang-kong{font-size:34px;top:-5px;}
#login .cont .text i.icon-suo{font-size:30px;top:-1px;}
#login .cont .text i.icon-E-mail{font-size:26px;top:2px;}
#login .cont .text input{color:white;background:0;border:0;height:40px;margin-top:3px;width:100%;}


#login .cont .other{margin:5px;}
#login .cont .other label{float:left;color:white;font-size:14px;}
#login .cont .other a{float:right;line-height:40px;color:white;font-size:14px;}
#login .cont .submit input{width:100%;border:0;font-size:20px;font-weight:bold;color:white;background:#61bde3;line-height:50px;border-radius:80px;}



#login .footer{text-align:center;position:absolute;bottom:3%;width:100%;}
#login .footer .share a{display:inline-block;margin:0 20px;}
#login .footer .share .facebook{color:#39579a;}
#login .footer .share .facebook i{position:relative;top:2px;}
#login .footer .share .twitter{color:#00aced;}
#login .footer .share .twitter i{position:relative;top:1px;}
#login .footer .share .wechat{color:#40a030;}
#login .footer .share .wechat i{position:relative;top:9px;}
#login .footer .copyright{color:#585858;margin-top:20px;}




/*-------地图--------*/
#map{position:fixed;width:100%;height:100%;top:0;}
#map img{position:absolute;bottom:0;}
#map button{position:absolute;top:50%;}

/*-------文档--------*/
#document{background:white;margin:2% 4%;border-radius:6px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);overflow:hidden;}
#document .side{float:left;width:15%;border-right:1px solid #d7dde4;}
#document .side dl{margin:30px 0;line-height:40px;}

#document .side dt{color:#333;padding-left:20%;font-size:16px;}
#document .side dd{position:relative;right:-1px;}
#document .side dd a{padding-left:30%;font-size:14px;color:#666;display:block;-webkit-transition:.15s;transition:.15s;}
#document .side dd a:hover{background:#eee;}

#document .side dt.cur{color:#61bde3;}
#document .side dd.cur{border-right:3px solid #61bde3;}
#document .side dd.cur a{color:#61bde3;}

#document .cont{float:left;width:85%;border-left:1px solid #d7dde4;margin-left:-1px;}
#document .cont .box{padding:20px;}
#document .cont .box h2{font-size:25px;color:#61bde3;margin-bottom:15px;}
#document .cont .box p{font-size:14px;line-height:30px;margin-bottom:15px;}
/*------版头------*/
#header{position:absolute;top:0;width:100%;min-height:100px;background:#1a1a1a;}
#header .am-topbar-brand{line-height:90px;padding-left:4%;}
#header .am-topbar-brand img{width:250px;}
#header .am-nav{margin-left:2%;}
#header .am-nav li{line-height:100px;height:101px;margin:0 20px;}
#header .am-nav a{color:#999;font-size:22px;line-height:30px;}
#header .am-nav li.cur{border-bottom:3px solid #61bde3;}
#header .am-nav li.cur a{color:#61bde3;}
#header .am-nav a:hover{background:0;}
#header .am-nav i{font-size:30px;margin-right:5px;}
#header .am-icon-bars{color:white;}
#header .am-nav>li>a{padding:0;display:inline;}
#header .am-topbar-nav>li>a:after{border:0;}
#header .am-topbar-toggle{margin-top:30px;margin-right:20px;}

#header .user{float:right;line-height:100px;padding-right:4%;}
#header .user a{color:#61bde3;margin-left:20px;}
#header .user i{margin-right:5px;}

/*--手机导航按钮颜色-*/
.am-btn-secondary{color:#fff;background-color:#61bde3;border-color:#61bde3;}
.am-btn-secondary:focus, .am-btn-secondary:hover{background-color:#61bde3;}
.am-btn-secondary.am-active, .am-btn-secondary:active, .am-btn-secondary:focus, .am-btn-secondary:hover, .am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle{color:#fff;border-color:#61bde3;}


.am-menu .am-menu-toggle{position:static;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
	background:#000;
	display:none;
	}
@media only screen and (max-width: 1366px)
{
	/*-------登录--------*/
	#login{position:relative;top:0;width:100%;height:100%;border:1px solid #000;}
	#login .cont{margin:100px auto 0;}
	#login .footer{text-align:center;position:static;width:100%;padding-bottom:20px;}
    #document .side dt{padding-left:20px}
    #document .side dd a{padding-left:40px;}
}
@media only screen and (max-width: 1200px)
{
	/*-------首页--------*/
	#home .cont li{display:block;}
	/*-------文档--------*/
	#document .side{width:25%;}
	#document .cont{width:75%;}
	
}
@media only screen and (max-width: 768px)
{
	/*-------文档--------*/
	#document {margin:2%;}
	#document .side{display:none;}
	#document .cont{width:100%;}
	#document .cont .box{padding:15px 20px;}
	/*-------头部--------*/
	.am-menu .am-menu-toggle{display:block;}
}
	
@media only screen and (max-width: 480px)
{
	/*-------首页--------*/
	#home .cont img.logo{width:200px;}
	#home .cont{top:20%;}
	/*-------登陆--------*/
	#login{position:relative;top:0;width:100%;height:100%;border:1px solid #000;}
	#login .cont{width:100%;margin:140px auto 0;padding:0px 40px;background:0;border:0;border-radius:0;box-shadow:none;}
	#login .cont .logo img{width:200px;}
	#login .footer{text-align:center;position:static;width:100%;padding-bottom:20px;}
	
	
}




