*{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:focus{
	outline: none !important;
	background: none !important;
	text-decoration: none;
}
.top{
	position: fixed;
	top:0;
	width:100%;
	height: 100px;
	z-index: 9;
}
.container {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
.navbar {
	height: 100%;
	width: 100%;
	margin: 0;
	border: none;
	display: flex;
	align-items: center;
}

.collapse .navbar-collapse {
	margin: 0;
	padding: 0;
}
.navbar-brand {
	width:94px;
	height: 36px;
	box-sizing: content-box;
}
#logo {
	width:94px;
	height: 36px;
}
.navbar-right {
	/* height: 100px; */
	position: absolute;
	right: 34px;
	line-height: 100px;
	float: right;
	
}
.navbar-right li img{
	height: 22px;
	width: 22px;
	margin-right: 6px;
}
.navbar-nav li a{
	color: #ffffff;
	font-size:16px;
}
.nav>li{
	line-height: 100px;
}
@media only screen and (max-width:768px) {
	.nav>li{
		border-top:1px solid #0D3048;
	}	
}
.navbar-nav li a:hover{
	background: none;
	color:rgba(255,255,255,0.8)
}
#bs-example-navbar-collapse-1{
	margin-top:4px;
	line-height: 70px;
	width: 100%;
}
.login-btn{
	display: inline-block !important;
	border:1px solid white;
	padding:5px 25px !important;
}
.login-btn:hover{
	color: white !important;
	background-color: #357AEF !important;
	border-color:#357AEF;
}
.navbar-toggle span{
	color: white;
}
.fa {
	padding-top: 10px;
	height: 40px;
	position: absolute;
	top: -30px;
        left: 42px;
}
.drop-icon {
	width: 21px;
	height: 14px;
}
.top .dropdown:hover .dropdown-menu{
	display: block;
	top: 105%;
        left: -7px;
	cursor: pointer;
	z-index: 100;
        box-sizing: content-box;
}
.top .dropdown:hover .dropdown-right-menu{
	display: none;
}
.top .dropdown .dropdown-right:hover .dropdown-right-menu{
	display: block;
	position: absolute;
	top:-2px;
	left:105px;
	cursor: pointer;
	z-index: 100;
}
.top .dropdown-menu li a{
	height: 30px;
	font-size: 12px;
	color: #333333;
	padding: 0px 12px;
	line-height: 30px;
}
.top .dropdown-right-menu li a {
	height: 30px;
	font-size: 12px;
	color: #333333;
}
.top .dropdown-menu li a:hover{
	color:#fd561c;
	background-color: #dededede;
	/* opacity: 0.3; */
}
.top .dropdown-right-menu li a:hover{
	color:#fd561c;
	background-color: #dededede;
	/* opacity: 0.3; */
}
.top .dropdown-menu{
	min-width:0;
	border-radius: 0;
	/*width: 115px;*/
        min-width: 100px;
        text-align: center;
}
.top .dropdown-right-menu{
	min-width:0;
	border-radius: 0;
	/*width: 115px;*/
        min-width: 100px;
}
.top .dropdown-menu i{
	
	/* color:white;
	display: block; */
}	

.navbar-collapse .panel{
	background: none;
	width: 100%;
}
.navbar-collapse .panel .panel-body{
	padding:0;
	padding-left:30px;
	border:0 !important;
}
.navbar-collapse .panel .panel-body li a{
	
}
.navbar-collapse .panel-group{
	margin:0;
}
.navbar-collapse .panel .panel-heading a:hover{
	text-decoration: none;
}

.bottom{
	padding:20px 0;
	background-color: #212231;
	color:rgba(255,255,255,0.6);
}
.footer-1 img{
	width:60px;
	margin-right:1em;
}
.bottom hr{
	border-color:rgba(255,255,255,0.3);
}
.footer-2 h4{
	color:white;
	margin-bottom: 20px;
}
.footer-2 ul,.bottom .visible-sm-block ul{
	list-style: none;
}
.footer-2 ul li,.bottom .visible-sm-block ul li{
	margin-top:10px;
}
.footer-2 ul li a{
	color:inherit;
}
.bottom .visible-sm-block ul li img,.footer-2 ul li img{
	width:103px;
}
.footer-2 ul li a:hover{
	color:rgba(255,255,255,0.9);
	text-decoration: none;
}
.bottom .visible-sm-block{
	text-indent: 2em;
}
.bottom .visible-sm-block a{
	padding-left:2em;
}
.fixedBox{
	position: fixed;
	top:50%;
	right:0;
	transform: translateY(-50%);
	display: inline-block;
	text-align: center;
}
.fixedBox ul li{
	background-color: #378FE5;
	padding:20px 10px;
	border-bottom:1px solid;
	list-style: none;
	font-size: 12px;	
}
.fixedBox ul li:hover{
	background-color: #197AD8;
}
.fixedBox ul a{
	color:white;
}
.fixedBox ul a:hover{
	text-decoration: none;
}
.fixedBox span{
	font-size:18px;
	padding:10px;
	width:8em;
	position: absolute;
	display: none;
	left:-164px;
	top:120px;
	background-color: white;
	border-radius: 6px;
}
.fixedBox span i{
	color:white;
	position: absolute;
	right:-14px;
	top:12px;
}
.fixedBox .phone:hover +span{
	display: inline-block;
}

/* 通用box*/
.box {
    width: 100%;
    background-color: #ffffff;
}
.box-title {
    font-size: 30px;
	color: #010101;
	font-weight: bold;
    text-align: center;
}
.box-list {
    display: flex;
    justify-content: flex-start;
    align-content: space-between;
    flex-wrap: wrap;
    margin: auto;
}
.box-img img{
    display: block;
    margin: auto;
}
.box-item h4{
    margin: 0;
    font-size: 16px;
	color: #333333;
	font-weight: bold;
    text-align: center; 
}
.box-text {
    font-size: 12px;
	color: #666666;
    margin: auto;
    text-align: center;
}
.fillIn {  
    position:relative;
	animation:mymove 2s;
	animation-iteration-count:1;
	animation-fill-mode:forwards;

	/* Safari 和 Chrome */
	-webkit-animation:mymove 2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
} 
@keyframes mymove
{
	from {top:200px;}
	to {top:0px;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
	from {top:200px;}
	to {top:0px;}
} 
body{padding: 0; margin: 0;}