@charset "utf-8"; 
 /*页头部分*/
 /* header */
.header{
	position:relative;
	height:0.88rem;
	width: 100%;
	background:#46a1e5;
	}
.header .logo{
	display:block;
	width:1.64rem;
	height:0.6rem;
	padding-top:0.1rem ;
	margin: 0 auto;
	}
.header .logo img{
	display:block;
	width:100%;
	}
.header .back{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:0.5rem;
	height:0.5rem;
	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: 3.6rem;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 0.88rem;
	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: 0.88rem;
	height: 0.88rem;
	text-indent: -900rem;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #46A1E5 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: rgba(30,111,172,0.6);
}

.dl-menuwrapper ul {
	background: #46A1E5;
}

/*.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.15rem 0.2rem;
	font-size: 0.36rem;
	line-height: 0.6rem;
	font-weight: normal;
	color: #fff;
	border-width:0 0 1px 0;
	border-style: solid;
	outline: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
/*子菜单字体*/
.dl-submenu .dl-submenu-a a{
	font-size: 0.32rem;
	line-height:0.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 > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 0.9rem;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 0.1rem;
	font-size: 0.36rem;
	line-height: 0.9rem;
	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: 0.5rem;
	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轮播图----------*/
.banner{
	width:100%;
	he ight:180px; 
	overflow:hidden ; 
	position:relative;margin-top:0.88rem;
	}
.focus{
	height:2.7rem;
}
.focus .bd ul li{
	height:2.4rem;
	width:100%;
}
.focus .hd{ 
	width:100%; 
	position:absolute; 
	z-index:2; 
	bottom:5px; 
	text-align:center; 
	margin:0 auto; 
}
.focus .hd ul li{
	width:0.16rem;
	height:0.16rem; 
	border-radius:50%; 
	float:left;
	text-indent: -9999px;
	display:inline-block;
	margin-right:0.1rem;  
	border:1px solid #46A1E5; 
	cursor:pointer;
	-moz-border-radius:50%; 
	-ms-border-radius:50%; 
	-o-border-radius:50%;
	-webkit-border-radius:50%;  
}
.focus .hd ul .on{ 
	background: #1A9CFF;
}
.focus .hd ul { 
	margin-left:3.4rem;
}
/*banner图--完*/

/*--线条，处理手机上显示比较细的线条--*/
.line{
    -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-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;
}


/*公共标题*/
.com-box{
	width: 100%;
	overflow: hidden;
	margin: 0.2rem auto;
}
.com-box-bg{
	background-color: #ebebeb;
}
.common-title-box,.common-title-box02{
	position: relative;
	margin-bottom: 0.3rem;
}
.com-title{
	font-size: 0.3rem;
	color: #333;
	line-height: 0.6rem;
	text-align: center;
	margin: 0 auto;
}
.com-title span{
	float: right;
	font-size: 0.24rem;
}
.com-title-more{
	position: absolute;
	font-size: 0.24rem;
	color: #808080;
	line-height: 0.6rem;
	top: 0;
	right: 0.23rem;
}
.common-title-box{
	background: url(../images/com-split-line.png) no-repeat center bottom;
	padding-bottom: 0.4rem;
}
.common-title-box02{
	background: url(../images/com-split-line02.png) no-repeat center bottom;
	padding-bottom: 0.4rem;
}

.com-title-more a:hover{
	color: #f00;
}
/*公共标题完*/
/*内容盒子*/
.sy-content-box{
	margin: 0 0.23rem;
}
/*内容那个盒子完*/


/*页脚*/
.footer-bg{
	width: 100%;
	padding-bottom: 0.2rem;
	background-color: #333333;
}
.footer-contact{
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff;
	padding: 0.24rem 0.23rem;
}
.footer-contact li{
	float: left;
	width: 50%;
	font-size: 0.24rem;
	color: #FFFFFF;
	line-height: 0.42rem;
	/*padding-left:0.02rem ;*/
}

.footer-contact div{
	width: 12%;
	float: left;
	margin-right: 0.1rem;
}
.footer-qq div{
	margin-left: 0.95rem;
}
.footer-chat div{
	margin-left: 1.06rem;
}
.footer-contact img{
	width: 100%;
}
.footer-contact img,.footer-contact p{
	float: left;
}
.footer-text-box{
	width: 100%;
	padding: 0 0.23rem;
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #fff;
	/*text-align: center;*/
}
.footer-text-box a{
	float:left;
	color: #fff;
	padding-right: 0.1rem;
}
/*页脚完*/
/*底部导航*/
.footer-nav-height{
	height: 0.9rem;
}
.footer-nav-box{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
}
.footer-nav{
	background-color: #46A1E5;
	width: 100%;
}
.footer-nav li{
	float: left;
	font-size: 0.36rem;
	line-height: 0.88rem;
	width: 33.33%;
	text-align: center;
}
.footer-nav a{
	color: #fff;
}
.footer-nav p{
	padding-left:0.6rem;
	display: inline-block;
}
.com-footer-pro{
	border-width: 0 1px;
	border-style: solid;
	border-color: #ffffff;
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.com-footer-sy p{
	background: url(../images/icon-com-sy.svg) no-repeat left center;
	background-size: 30%;
}
.com-footer-pro p{
	background: url(../images/icon-com-pro.svg) no-repeat left center;
	background-size: 20%;
}

.com-footer-contact p{
	background: url(../images/icon-com-contact.svg) no-repeat left center;
	background-size: 20%;
}
/*底部导航*/

/*返回顶部*/
.back-top{
	position: fixed;
	right: 0;
	bottom: 20%;
	background-color: black;
	opacity: 0.6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.back-top a{
	width: 50px;
	height: 50px;
	background: url(../images/back-top.svg) no-repeat center center;
	background-size: 50%;
}
/*返回顶部完*/

/*更多按钮*/
.angd { width:100%; height:auto; padding:10px 0px; text-align:center;}
.angd a { width:auto; height:40px; padding:0px 20px; color:#999; display:block; font-size:14px; line-height:40px; border:1px solid #d7d8d8; border-radius:8px; display:inline-block; }

.my_pro{padding: 20px 0px;}
.my_pro_h2{ width:100%;text-align: center; font-size: 24px;color: #000; font-weight:600;}
.my_pro_p{ font-size: 16px;color: #999;text-align: center;margin-top: 8px;}

.my_pro_ul{ overflow:hidden; zoom:1;width:100%; padding: 40px 0px;}
.my_pro_ul li{float:left; _display:inline; overflow:hidden; text-align:center; width: 25%; margin-bottom: 10px;}
.my_pro_ul li a{display: inline-block;width:100%;}
.my_pro_ul li .pic{ text-align:left;position: relative; margin: 0 5px;overflow: hidden;cursor: pointer;height:217px;}
.my_pro_ul li .pic img{wid th:100%;height:217px;transition: all ease 0.5s;}
.my_pro_ul li .pic .img1{position: absolute; left: 0px; top: 0px; z-index: 99; opacity: 0;transition: all ease 0.5s;}
.my_pro_ul li .pic:hover .img1{position: absolute; left: 0px; top: 0px; z-index: 99; opacity: 1;transition: all ease 0.5s;}
.my_pro_ul li .pic:hover img{transform: scale(1.1);}
.my_pro_ul li .pic:hover .title{height:40px;width: 100%;}
.my_pro_ul li .pic:hover .title_a{color:#fff;display: block;margin: 0px;}
.my_pro_ul li .pic:hover .title_p{color:#fff;display: block;}
.my_pro_ul li .pic .title{position: absolute;bottom:0;width:100%;background-color:rgba(0,0,0,0.3);height:40px;width: 100%;transition: all ease 0.5s; z-index: 999;}
.my_pro_ul li .pic .title_a{color:#ccc;font-size: 18px;overflow: hidden;zoom:1;text-overflow: ellipsis;white-space: nowrap;height:40px;line-height: 40px;  display: block;text-align: center;padding: 0 17px;text-align: left;transition: all ease 0.5s;}


.zhanzhang a{font-size: 12px;color: #404143;}
.aboutindex .my_pro_p{color:#333;}
.aboutindex{width:100%;background:url(../images/aboutbg.jpg) no-repeat center;padding:60px 0;box-sizing:border-box;}
.aboutindex .aboutcenter{background:url(../images/about.png) no-repeat center;padding:70px 0 60px 35px;box-sizing:border-box;}
.aboutindex p{width:52%;line-height:32px;color:#fff;}
.aboutindex a{border:1px solid #fff;width:120px;line-height:35px;border-radius:60px;color:#fff;display:block;text-align:center;margin-top:25px;}


.indexnews{width:100%;overflow:hidden;margin-bottom:20px;}
.news{width:1250px;margin:40px auto;overflow:hidden;}
.news .news_l{width:390px;float:left;margin:40px 40px 40px 0;}
.news .news_l:last-of-type{margin-right:0;}
.news .news_l h2{font-weight:100;border-bottom:1px solid #ccc;line-height:50px;height:50px;}
.news .news_l h2 > a{color:#333;font-size:20px;border-bottom:1px solid #007ac7;line-height:41px;display:inline-block; background:url(../images/line.jpg) no-repeat left;padding-left:10px;width:100px;}
.news .news_l span > a{font-size:14px;float:right;line-height:50px;color:#666;}
.news .news_l ul{margin-top:20px;}
.news .news_l li{line-height:40px;border-bottom:1px dashed #ccc;}
.news .news_l li a{color:#666;font-size:14px;}
.news .news_l li:hover a{color:#007ac7;}
.news .news_l li time{float:right;}
.tab{ text-align:center;margin-top:20px;}
.tab li{display:inline-block;text-align:center;width:30%;}
.tab li img{width:100%;}
.tab li p{font-size:14px;color:#333;line-height:25px;-webkit-box-orient: vertical;-webkit-line-clamp:1;display: -webkit-box;overflow: hidden;}
.tab li.active p{color:#007ac7;}
#con1 img{max-width:100%;display:block;}

.my_yuanjing{ text-align: center; min-height: 360px;}
.aboutus_1{padding-top: 0%;font-size: 24px;color:#000; font-weight: 800;line-height:32px;}
.aboutus_2{padding-top: 0px;font-size: 22px;color:#000;  display: inline-block; }
.aboutus_3{padding-top: 10px;font-size: 16px;color:#7f7f7f;}
.aboutus_33{display: none;}

.aboutus_number{padding-top: 20px;}
.aboutus_number_x{width: 25%; float: left;}
.aboutus_n_1{ font-size: 32px; line-height: 50px; font-weight: bold; color: #007ac7; font-family:Arial," sans-serif";}
.aboutus_n_1 img{height:auto;width:auto;}
.aboutus_n_2{padding-top: 0px;color:#242424;font-size: 18px;line-height:25px;}
.aboutus_n_3{color:#7f7f7f;font-size: 14px;}

.aboutus_xinkuai{width: 100%; padding-top: 20px; margin: 0px auto;}
.aboutus_xinkuai_1{width: 33.3333%; float: left; }
.aboutus_xinkuai_1 img{width: 30%;}
.aboutus_xinkuai_12{ color: #000; font-size: 18px; padding-top: 20px;}
.aboutus_xinkuai_13{ font-size: 14px; color: #666;}

.index_hexin_tit{width: 100%; height: 60px; line-height: 60px; font-size: 24px; background-color:rgba(0,0,0,0.5);color: #fff; text-align: center;}
.xiao4_in{width:50%;float: left;position: relative;overflow: hidden;zoom:1;}

.xiao4_in a{width:100%;height: 100%; position: relative; display: block; background: #000;}
.xiao4_in a img{width:100%; height: 100%;transition: all ease 0.5s; opacity: 0.7;}
.xiao4_in a h3{ display: block; width:100%; font-weight: 100; height: 35px;position: absolute;left: 0;bottom:10px; z-index: 99; background-color:rgba(0,0,0,0);color:#ccc;font-size: 21px; line-height: 35px; max-width: 100%;overflow: hidden;zoom:1;text-shadow: 2px 2px 5px #666; padding-left: 20px; color: #fff;font-weight:600;}
.xiao4_in:hover  h3{}
.xiao4_in:hover img{transform: scale(1.1); opacity: 1;}
.yijiaer{padding-bottom:20px; padding-top: 30px;}
.yijiaer_l_img{position:relative;overflow: hidden;zoom:1;}
.yijiaer_a{position:absolute;top:0;left: 0;width:100%;height: 100%;display: block;}
.yijiaer_r_img{position:relative;overflow: hidden;zoom:1;}
.yijiaer_a1{position:absolute;top:0;left: 0;width:100%;height: 100%;display: block;}
.yijiaer_r_img1{margin-bottom: 30px;}
.yijiaer_l_img img{width:100%;transition: all ease .4s;}
.yijiaer_r_img img{width:100%;transition: all ease .4s;}
.yijiaer_l_img:hover img{transform: scale(1.1);}
.yijiaer_r_img:hover img{transform: scale(1.1);}

.yijiaer_a .yijiaer_1{margin-top: 20px;font-size:26px;color:#fff;text-shadow: #333 1px 1px 0;}
.yijiaer_a .yijiaer_2{font-size: 16px;color:#fff;margin-top: 0px; text-shadow: #333 1px 1px 0;}
.yijiaer_a .yijiaer_3{width:103px;height: 27px;border:1px solid #cbc7c7;text-align: center;line-height: 25px;color:#fff;margin-top: 30px;margin-left: 10%;background-color:transparent ;text-shadow: #333 1px 1px 0;}
.yijiaer_a1 .yijiaer_1{margin-top: 32px;font-size: 26px;color:#fff;margin-left: 10%;text-shadow: #333 1px 1px 0;}
.yijiaer_a1 .yijiaer_2{font-size: 16px;color:#fff;margin-top: 0px;margin-left: 10%;text-shadow: #333 1px 1px 0;}
.yijiaer_a1 .yijiaer_3{width:103px;height: 27px;border:1px solid #cbc7c7;text-align: center;line-height: 25px;color:#fff;margin-top: 30px;margin-left: 10%;background-color:transparent;text-shadow: #333 1px 1px 0;}