@charset "gb2312";
.clear{clear: both;}
html,body{padding: 25pt 0 0 0;}
ul,li,ol,p,em,i{font-style: normal;list-style-type: none;margin: 0;padding: 0;}
.bg-f0eddf{background: #fbfbfb;}
.bg-f9f9f9{background: #f9f9f9;}
.bg-c6ba9f{background: #c6ba9f;}
.bg-f1eddd{background: #eeeeee;}
.bg-f8f8f8{background: #f8f8f8;}
.bg-efeedd{background: #ffeccb;}
.bg-222{background: #03538F;}
.bg-e9e5d5{background: #e9e5d5;}
.bg-f3f3f3{background: #eee;}
.bg-eee{background: #eee;}
.bg-02040f{background: #02040f;}
.bg-f1efee{background: #f1efee;}
.bg-jb-hui{background-image: linear-gradient(#fff, #ebebeb);}
.bg-jb-lan{background-image: linear-gradient(#eaf3f5, #d4e7eb);}


.border-b{border-bottom: solid 1px #eee;}

.name{text-align: center;}
.name img{height: 18pt;}
.name em{display: block; font-size: 10pt; padding: 10pt 0;}
.name hr{background: #ccc;
	border: none;
	display: block;
	height: 2pt;
	margin: 5pt auto;
	width: 30pt;}

.video .container{padding: 0;}
.videolist { position:relative; float:left; width:100%; height:auto;}
.videolist:hover{ cursor: pointer; }
.videos{ display:none; position:fixed; left:0%; top:0%; width:100%; height:100%; background: rgba(0,0,0,0.70);z-index: 9999;}
#video{ position:fixed; left:0%; top:30%;}
.mc .video .container .videoed {width:50px; height:50px; position: absolute; left:45%; top:40%; z-index:99; border-radius:100%; opacity: .8; display: block!important;}
.mc .video .container .vclose { position:fixed;right:47%; top:65%; width: 25px; height: 25px; border-radius:100%; cursor: pointer; z-index: 999;}

.video .modal-dialog{margin: 30% 0%;}
.video .modal-dialog .modal-content{
	background: none;
	box-shadow: none;
	border: none;
}
.video .modal-dialog .close{
	border: solid 1px #fff;
	border-radius: 100px;
	bottom: -80px;
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	height: 40px;
	left: 46%;
	line-height: 40px;
	opacity: 1;
	position: absolute;
	text-align: center;
	width: 40px;
}
.video-btn{border-radius: 100px; height: 50px; width: 50px; position: absolute!important; top: 40px!important; left: 43%;}
.video-btn:before{color: #fff; margin: 0 auto;}
@font-face {
	font-family: "syst-bold";
	src: url(../fonts/syst-bold.otf);
	src:
    url("../fonts/syst-bold.eot?#font-spider") format("embedded-opentype"),
    url("../fonts/syst-bold.woff") format("woff"),
    url("../fonts/syst-bold.ttf") format("truetype"),
    url("../fonts/syst-bold.svg") format("svg"); 
	font-weight: normal;
	font-style: normal;
}



.affix-top{
	padding: 4pt 0;
	transition: .3s;
}
.affix{
	padding: 1pt 0;
	transition: .3s;
}
.navbar{
	background: #03538F;
	border: none!important;
	box-shadow:0 2px 3px rgba(0, 0, 0, .1);
	left: 0;
	position: fixed!important;
	top: 0;
	width: 100%;
	z-index: 999;	
}
.navbar .container{
	padding: 0;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
}
.logo{
	padding: 15px 0;
	width: 380px;
}
.logo img{
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
}
.logo strong,.logo em{
	display: block;
}
.logo strong{
	color: #fff;
	font-size: 14px;
	padding: 3px 0 0 0;
}
.logo em{
	color: #fff;
	font-size: 14px;
	font-style: normal;
}
.logo a:hover{
	text-decoration: none;
}
.navbar-collapse{
	float: right;
	font-size: 14px;
}
.navbar-collapse .navbar-nav li a{
	position:relative;
	display:block;
	overflow:hidden;
	padding:0 20px;
	height:90px;
	color:#fff;
	font-weight:500;
	line-height:90px
}

.navbar-collapse .navbar-nav li a:hover,.navbar-collapse .navbar-nav li a.active span,.navbar-collapse .navbar-nav li:hover a span,#nav1 a.nav1,#nav2 a.nav2,#nav3 a.nav3,#nav4 a.nav4,#nav5 a.nav5,#nav6 a.nav6{
	background-color: #ffa51e;
	color: #fff;
}

.banner .carousel-indicators li{
	background: #fff;
	border: none;
	border-radius: 40px;
	height: 2px;
	line-height: 25px;
	margin: 0%;
	opacity: .5;
	text-indent: 0;	
	width: 15%;
}
.banner .carousel-indicators .active{
	background: #ffd070;
	opacity: 1;
}

.foot_meun{
	padding:10px 0 20px 0;
	width:100%;
}
.foot_meun ul{
	margin:0 auto;
	padding:0;
	width:90%;
}
.foot_meun li{
	margin:0;
	width:100%;
}
.foot_meun li a{
	border-bottom:solid 1px #fff;
	color:#fff;
	display:block;
	font-size:14px;
	line-height:40px;
	padding:0 0 0 10px;
}
.foot_meun li a span{
	float:right;
	padding:0 5px 0 0;
}
/*-----------------------------------------------------------------------------------*/
.copy{
	color:#eee;
	font-size: 8pt;
	padding:0 0 60pt 0;
	text-align: center;
	width:100%;
}


.fd_nav{
	background:rgba(3,83,143,0.9);
	bottom:0;
	height:50pt;
	left:0;
	line-height:inherit;
	position:fixed;
	width:100%;
	z-index:1089;
	filter:alpha(opacity=100);  
	-moz-opacity:1;  
	-khtml-opacity:1;  
	opacity:1;
	text-align:center;
	z-index:599;
}
.fd_nav a{
	color:#fff;
	display:inline-block;
	float:none;
	font-family:"Noto Sans S Chinese Thin";
	font-size:12px;
	padding:10px 0 0 0;
	text-align:center;
	width:18%;
}
.fd_nav a:visited{ color:#FFF;}
.fd_nav a:active{ color:#FFF;}
.fd_nav a:hover{ color:#FFF;}
.fd_nav i{
	display:block;
	font-style:normal;
	height:20px;
	margin:0 auto;
	padding:0 0 5px 0;
	position:relative;
	width:40%
}
.fd_nav i img{
	height:20px;
}
.fd_nav_dha{
    animation: pulse 1.2s .2s ease both infinite;
    -webkit-animation: pulse 1.2s .2s ease both infinite;
    -moz-animation: pulse 1.2s .2s ease both infinite;
}
@-webkit-keyframes pulse{
    0%,20%,50%,80%,100%{-webkit-transform:scale(1,1);}
    40%{-webkit-transform:scale(1,1);}
    45%{-webkit-transform:scale(1.2,1.2);}
}
@-moz-keyframes pulse{
    0%,20%,50%,80%,100%{-moz-transform:scale(1,1);}
    40%{-moz-transform:scale(1,1);}
    45%{-moz-transform:scale(1.2,1.2);}
}

.fd_nav_dhb{
	color: #ffb42f;
    animation: bounce 1.2s .2s ease both infinite;
    -webkit-animation: bounce 1.2s .2s ease both infinite;
    -moz-animation: bounce 1.2s .2s ease both infinite;
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
    40%{-webkit-transform:translateY(-2px)}
    45%{-webkit-transform:translateY(-1px)}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-2px)}
    45%{-moz-transform:translateY(-1px)}
}
.fd_nav strong{
	color: #ffb42f!important;
}
.fd_nav i b{
	background:#f00;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	display:block;
	font-size:12px;
	font-weight:normal;
	height:15px;
	line-height:15px;
	position:absolute;
	text-align:center;
	top:-5px;
	right:-5px;
	width:15px;
}
.fd_nav b{
	font-weight:normal;
}


@media screen and (min-width: 320px) and (max-width: 767px){
	.navbar .container{
		padding: 0;
	}
	.logo{
		height: 40px;
		padding: 7px 0 10px 25px;
	}
	.logo img{
		height: 50px;
	}
	.navbar .navbar-toggle{
		height: 30px;
		margin-top: 10px;
		margin-right: 25px;
		padding: 0;
		width: 30px;
	}
	.navbar-toggle .icon-bar+.icon-bar{
		margin-top: 0px!important;
	}
	.collapsed .icon-l,.collapsed .icon-c£¬.collapsed .icon-r{
		position: relative!important;
		margin: 5px 0!important;
	}
	.collapsed .icon-c{
		top: 6px;
	}
	.navbar .navbar-toggle .icon-bar{
		background-color: #fff;
		transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
		position: absolute;
		width: 28px;
	}
	.navbar .navbar-toggle .icon-l{
		transform: translateZ(0) rotate(45deg);
		-webkit-transform: translateZ(0) rotate(45deg);
	}
	.navbar .navbar-toggle .icon-c{
		transform: translateZ(0) rotate(45deg);
		-webkit-transform: translateZ(0) rotate(45deg);
	}
	.navbar .navbar-toggle .icon-r{
		transform: translateZ(0) rotate(135deg);
		-webkit-transform: translateZ(0) rotate(135deg);
	}
	.navbar .collapsed .icon-l{
		transform: translateZ(0) rotate(180deg);
		-webkit-transform: translateZ(0) rotate(180deg);
	}
	.navbar .collapsed .icon-c{
		transform: translateZ(0) rotate(180deg);
		-webkit-transform: translateZ(0) rotate(180deg);
	}
	.navbar .collapsed .icon-r{
		transform: translateZ(0) rotate(0deg);
		-webkit-transform: translateZ(0) rotate(0deg);
	}
	.navbar .container .navbar-collapse{
		margin-left: 0;
		margin-right: 0;
		margin-top: 0px;
		width: 100%;
	}
	.navbar-collapse .navbar-nav li a{
		border-bottom: dotted 1px #fff;
		height: 35px;
		line-height: 35px;
		text-align: left;
	}
}