@charset "utf-8"; 
  /*全局样式*/
body { font-family:"微软雅黑"; font-size:1rem; color:#333;}
* { margin:0px; padding:0px; list-style:none;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { color:#0069ad; text-decoration: none;}
.fl { float:left;}
.fr { float:right; }
ul { list-style:none; margin:0px; padding:0px;}
img { border:0px; max-width:100%;}
.dbgao { height:80px;}

 /*页头部分*/
 /* header */
.header{
	position:relative;
	height:3rem;
	width: 100%;
	background:#00348a url(../images/headbg.jpg) no-repeat left top;
	}
.header .logo{
	display:block; float:left;
	width: auto;
	height:3rem; padding-left:0.5rem;
	
	
	}
.header .logo img{
	display:block; 
	 height:auto;height:3rem;
	}
.header .back{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:1rem;
	height:1rem;
	text-indent:-9999rem;
	background:url(../images/icon-back.png) no-repeat center center;
	background-size:0.12rem 0.2rem;
	}

/*-------------------------component-----------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 10rem;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 3rem;
	z-index: 999;
	-webkit-perspective: 10rem;
	-moz-perspective: 10rem;
	perspective: 10rem;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 1rem;
}
/*导航按钮*/
.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 3rem;
	height: 3rem;
	text-indent: -900rem;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #023489 url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 60%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #47bbae;
}

.dl-menuwrapper ul {
	background: #023489;
}

/*.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}*/

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 0 0.8rem;
	font-size: 1rem;
	line-height: 2.6rem;
	font-weight: normal; height:2.6rem;
	color: #fff; border-bottom:1px #1c6897 solid; 
	

}
/*子菜单字体*/
.dl-submenu .dl-submenu-a a{
	font-size: 1rem; height:2.6rem; display: block;
	line-height:2.6rem;
}
.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 0.6rem;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,


.dl-menuwrapper li.dl-back:after {
	left: 0.1rem;
	font-size: 1rem;
	line-height: 1rem;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 0.1rem;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	/*margin: 5px 0 0 0;*/
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(0.1rem);
	-moz-transform: translateY(0.1rem);
	transform: translateY(0.1rem);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 3rem;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/*-------------------------component--完------------*/
 /*页头部分----完*/
/*-------------------------首页banner轮播图----------*/



/*页面中存在其他颜色的线时调用*/
.line-li li{
    -webkit-border-image: url(../images/line.png) 2 2 2 2;
    -o-border-image: url(../images/line.png) 2 2 2 2;
    border-image: url(../images/line.png) 2 2 2 2;
}
.line-ora{
    -webkit-border-image: url(../images/line-hover.png) 2 2 2 2;
    -o-border-image: url(../images/line-hover.png) 2 2 2 2;
    border-image: url(../images/line-hover.png) 2 2 2 2;
}
.line-w{
    -webkit-border-image: url(../images/line-white.png) 2 2 2 2;
    -o-border-image: url(../images/line-white.png) 2 2 2 2;
    border-image: url(../images/line-white.png) 2 2 2 2;
}


/*iscroll*/

.banner {
	width:100%;
	margin:0 auto;
	padding:0;
	
}
.banner img {width:100%; height:auto;}
.banner1 {
	width:100%;
	margin:0 auto;
	padding:0;
	
}
.banner1 img {width:100%; height:auto;}
#wrapper {
	margin:0;
	width:100%;
	height:auto;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	
}

#scroller {
	height:auto;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	
	display:block; float:left;
	width:auto; height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
#scroller li a{
	
	display:block;
	padding:0;
	margin:0;
}
#scroller li p{
	position:absolute;
	z-index:2;
	display:block;
	width:80%; 
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	color:#F4F4F4;
	font-size:1rem;

	line-height:2rem;
	text-align: left;
    text-indent: 0.5rem;
    display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	padding:0 20% 0 0;
	margin:0;
}
#nav {
	float: right;
    margin-top: -1.2rem;
    padding: 0 5px 0 0;
    position: relative;
    width: auto;
    z-index: 3;
}

#prev, #next {
	float:left;
	font-weight:bold;
	font-size:0.8rem;
	padding:5px 0;
	width:80px;
	display: none;
}

#next {
	float:right;
	text-align:right;
}

#indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	display: block;
    margin: 0;
    padding: 0;
    width: auto;
}

#indicator > li {
	text-indent:-9999em;
	width:0.6rem; height:0.6rem;
	-webkit-border-radius:0.6rem;
	-moz-border-radius:0.6rem;
	-o-border-radius:0.6rem;
	border-radius:0.6rem;
	background:#fff;
	overflow:hidden;
	margin-right:0.3rem;
}

#indicator > li.active {
	background:#d50e1f;
}

#indicator > li:last-child {
	margin:0;
}

/*最新动态*/
.conta{width:100%; height:auto; }
.contat{ width:100%; height:2.4rem;  position:relative;border-bottom:0.1rem #ccc solid;  }
.contat h2{ display:block;line-height:2.2rem; text-align:center; font-size:1.2rem; font-weight:bold;  padding:0 4%; float:left;height:2.2rem; border-bottom:0.3rem #023489 solid; color:#023489 }
.contat span{ display:block; float:right;line-height:2.6rem; padding-right:2%;}
.contat span a{ color:#333}

.tabslider{width:94%; margin:0 auto;}

.tabslider li a{color:#333333;}/* 未访问的链接 */

.tabslider li a:hover{color:#d50e1f;}/* 当有鼠标悬停在链接上 */

.tabslider li span,.tabslider .hidden div span{display:block;width:30%;color:#999;text-align:right;font-size:1em; float:right;}
.tabslider li{ display:block; width:100%; height:3em; line-height:3em; float:left; border-bottom:1px dashed #ddd }
.tabslider li a{display:block;float:left; font-size:1em;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tabslider li a b{ font-weight:normal;}
.morebtn{ width:36%; height:2.4em; margin:2% auto 5% auto;}
.morebtn a{display:block; width:100%; height:2.8em; background:#0369bd; text-align:center; line-height:2.8em; color:#FFF; font-size:1.1em; border-radius: 0.2em; 
    -moz-border-radius: 0.2em;      
    -webkit-border-radius: 0.2em;  
    }
.morebtn a:hover{ background:#d50e1f;}


.xzkc{width:100%; height:auto; margin-top:0.8rem;}
.xzkct{width:100%; height:2.6rem; background:#eee; position:relative;border-bottom:0.1rem #e50b21 solid;}
.xzkct h2{display:block;line-height:2.6rem; text-align:center; font-size:1.2rem; font-weight:bold; float:left;height:2.6rem; background:url(../images/xx-1.png) no-repeat left center; padding-left:2rem; margin-left:0.5rem;}
.xzkcm{width:100%; height: auto; background:#f3f3f3; padding:0.5rem 0;}
.xlx1{width:94%; height:1.6rem; margin:0.8rem auto;}
.xlx1a{width:15%; height:1.6rem;  display:block; font-size:1rem; float:left; line-height:1.6rem; }
.xlx1b{width:70%;height:1.6rem; position:relative; float:left;}
.xlx1b span{height:1.6rem; background:#fdd431; display:block; position:absolute; bottom:0px; left:0px;}
.xlx1b1 span{height:1.6rem; background:#fc6521; display:block; position:absolute; bottom:0px; left:0px;}
.xlx1b2 span{height:1.6rem; background:#ff0000; display:block; position:absolute; bottom:0px; left:0px;}
.xlx1b3 span{height:1.6rem; background:#0c670e; display:block; position:absolute; bottom:0px; left:0px;}
.xlx1c{width:15%; height:1.6rem;  display:block; font-size:1rem; float:left; line-height:1.6rem;text-align:right}
.ksdh{width:100; height:auto; margin:0 auto; margin-top:0.6rem;}
.ksdh ul li{ width:25%; height:auto; display:block; float:left;}
.ksdh ul li a{ width:80%; height:auto; margin:0.5rem auto; display:block;}
.ksdh ul li img{ width:64%; height:auto; display:block;margin:0 auto;}
.ksdh ul li span{width:100%; display:block; height:2.4rem; font-size:1rem; text-align:center; line-height:2.4rem; font-weight:bold;}





/*底部*/
.lbottom { width:100%; padding:1.2rem 0px; font-size:0.8rem; color:#333; text-align:center; line-height:1.4rem; background:#eee; border-top:0.3rem #013388 solid}
.lbottom a{color:#999; display:inline;}
/*footer*/
.lfooter { width:100%; height:4rem; background-color:#e50b21; position:fixed; bottom:0px; z-index:9999 }
.lfooter ul li { width:25%; height:4rem; float:left; text-align:center;  display:block;  }
.lfooter ul li a{ height:4rem; border-right:2px #cd1a2c solid;display:block; padding-top:0.3rem;  }


.lfooter ul li a img{ display:block; width:2.4rem; height:auto; margin:0 auto;}
.lfooter ul li a span{display:block; text-align:center; font-size:0.9rem;color:#FFF;line-height:1rem;padding-top:0.2rem; }

.ep-pages {
	padding: 10px 0 20px 0;
	clear: both;
	text-align: center;
	
	font-size: 14px;
	vertical-align: top
}
.ep-pages a, .ep-pages span {
	display: inline-block;
	height: 23px;
	line-height: 23px;
	padding: 0 8px;
	margin: 5px 1px 0 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	vertical-align: top
}
.ep-pages a:hover {
	background: #0369bd;
	border: 1px solid #0369bd;
	text-decoration: none
}
.ep-pages a, .ep-pages a:visited {
	color: #252525
}
.ep-pages a:hover, .ep-pages a:active {
	color: #ffffff
}
.ep-pages .current {
	background: #023489;
	border: 1px solid #023489;
	color: #fff
}
.ep-pages a.current, .ep-pages a.current:visited {
	color: #ffffff
}
.ep-pages a.current:hover, .ep-pages a.current:active {
	color: #ffffff
}
.ep-pages-ctrl {
	font-family: "\5B8B\4F53", sans-serif;
	font-weight: bold;
	font-size: 16px
}
.ep-pages-e5e5e5 {
	color: #e5e5e5
}
.ep-pages-all {
	font-size: 12px;
	vertical-align: top
}

.ggNeirong{ width:96%; margin:0.8rem auto;}
.gg_title{  padding-bottom:2%; color:#333333; }
.ggNeirong .gg_title h1{ line-height:140%; font-weight:normal; font-size:1.2rem; text-align:center; font-weight:bold;}
.gg_title span{display:block; padding:1% 0; font-size:90%; color:#666;}
.gg_texgt{line-height:140%;}
.gg_texgt p{line-height:1.8rem; font-size:1rem;}
.gg_texgt img{ width:100%; height:auto;}
.gg_titlea{ width:94%; padding:2%; background:#eee; margin:3% auto;}
.gg_titlea span{ width:50%; height:1em; line-height:1em; font-size:0.8rem; display:block; float:left;}
.gg_titlea span span{float:none;display:inline;}
.fy{ border-top:1px #ddd solid; padding:3% 0 0 0; margin:3% 0 0 0; line-height:1.8rem; font-size:1rem;}
.fy a{ color:#333}



.bannera{ width:94%; height:auto; margin-top:0.8rem;}
.gkjj{width:94%; height:auto; margin:0 auto; margin-top:0.4rem;}
.gkjj p{ font-size:1rem; line-height:1.8rem;}
/*底部菜单*/
.btn3{position:fixed;
  z-index:3;
  bottom:0px;
 
  background:#013389;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
.menu{position:relative;
    float:left;
    width:33.33%;
    height:3.4rem;
    line-height:3.4rem;
    background:#023489;
    border-right:1px solid #fff;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;
      bottom:3.4rem;
      z-index:10;
      width:100%;
      
     background:#0099ff;
     
      display:none;}
.new-sub li{width: 100%;
        background:#47bbae; border-bottom:1px #2f877d solid; 
        float:none;
        
        }
.new-sub li a{display:block;
          height:2.6em;
          line-height:2.6em;
          text-align: center;
        
          color:#fff;
          border:none;
          text-align:center;
          font-size:1rem;}
.new-sub li a:hover{background:#0369bd;}

.bt-name{font-size:1.1rem;color:#fff; }
.bt-name img{ display:block; width:100%; height:auto;}

.ficon1{ width:5rem; height:auto; background:url(../images/f-1.png) no-repeat left center; background-size:28%; padding-left:1.5rem; margin:0 auto; display:block;    }
.ficon2{ width:5rem; height:auto; background:url(../images/f-2.png) no-repeat left center; background-size:28%; padding-left:1.5rem; margin:0 auto; display:block;  }
.ficon3{ width:5rem; height:auto; background:url(../images/f-3.png) no-repeat left center; background-size:28%; padding-left:1.5rem; margin:0 auto; display:block; }
.bt-name span{ display:block;}

.pro{width:98%; zoom:1; overflow:hidden; margin:0 auto; height:auto; margin-top:4%;}
.pro li{ width:46%; padding:2%; float:left;}
.pro li a{display:block; background:#f5f5f5;}
.pro .anli_wzjsk{height:70px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.pro .anli_nr_tpk{ display:flex;justify-content: center;align-items: center;}
.pro .anli_nr_tpk img{height: 100px; width: auto;}