@charset "utf-8";
/*reset*/
html {
	font-size: 312.5%;
}
body {
	font-family: Microsoft Yahei,'roboto', helvetica, arial, sans-serif;
	line-height: 1.5;
	font-size: .28rem;
	color: #555;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	vertical-align: middle;
	border: 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal
}
img {
	border: none;
}
input, img {
	vertical-align: middle
}
input, select, textarea {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	border: 0;
	border-radius: 0;
}
textarea:focus {
	outline: 0
}
a {
	color: #555;
	text-decoration: none;
	outline: 0
}
a:active, a:hover, a.current {
    color: #0068B7;
	outline: 0
}
html {
	font-size: 312.5%;
}
img {
	border: none;
	display: block
}
input {
	border: none;
	font-size: .28rem;
}
input:focus {
	outline: none;
}
.wz1{color: #fff; BACKGROUND-COLOR:#3683C8;}

/*regsiter*/

 @-webkit-keyframes rotate {
 from {
-webkit-transform:rotate(0deg);
}
 to {
-webkit-transform:rotate(360deg);
}
}

@media screen and (min-width:350px) {
html {
	font-size: 342%;
	
}
}

@media screen and (min-width:410px) {
html {
	font-size: 400%;
}
}

@media screen and (min-width:480px) {
html {
	font-size: 469%;
}
}

@media screen and (min-width:640px) {
html {
	font-size: 625%;
}
}


.wrap_box {
	max-width:640px;
	margin: 0 auto;
	height:auto;
	position:relative;
	background:#F0F0F0;
	overflow:hidden;
}
.logo{ display:block;
       width:100%;
	   BACKGROUND: url(../images/t1.gif) repeat-x center top;}
.logo img{ display:block;
           width:30%;
		   margin:.0rem auto;
		   padding:2.5% 0 2.5% 0;}
.nav_box{ width:90%;
          height:.7rem;
		  padding:0 5%;
		  overflow:hidden;
		  background:#0854AC;
		  box-shadow:0 2px 4px #999;
		  margin-bottom:.06rem;
		  z-index:100;}
.back_but{ display:block;
           width:8%;
		   height:.26rem;
		   float:left;
		   margin-top:.13rem;}
.back_but img{ width:100%;
                display:block;}
.nav_title{ float:left;
            color:white;
			width:80%;
			text-align:center;
			line-height:.7rem;
			font-size:.35rem;}
.menu{ width:10%;
       float:right;
	   margin-top:.12rem;}	
.menu_but{ display:block;
           width:100%;}	\
@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: 50%;
	position: absolute;
	/*top:1.2rem;*/
	right:5%;
	padding-top: 45px;
	z-index:100;
	text-align:center;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: .5rem;
	height: .5rem;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}
.sub_menu{ background:url(../images/icon-back.png) no-repeat 95% center;
            background-size:5%;}
.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #074791;
}

.dl-menuwrapper ul {
	background: #0854AC;
}

/*
.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: 10px 20px 10px 2px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-bottom:1px solid #054793;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	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: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	/*content: "\e000";*/
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

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

.dl-menuwrapper .dl-menu {
	position: absolute;
	right:0;
	top:.7rem;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-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: 50px;
	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: .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: '';
}
		   							   
/*banner开始*/
.addWrap{ position:relative; max-width:640px;background:#1dbcff;margin:0 auto; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;background:#1dbcff;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;background:#1dbcff;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:5%; right:0; padding-right:8px; margin:0;width:100%;text-align:center;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#fff;}
#position li.cur{background-color:#2064AF;}
.img-responsive { display: block; max-width:100%;height: auto;}
/*banner结束*/

/*********项目类型开始****************/
.obj_box{ width:90%;
          padding:.2rem 5%;
		  height:2.4rem;
		  overflow:hidden;}
.obj_box li{ width:22%;
             height:2.4rem;
			 float:left;
			 margin:0 2%;
			 text-align:center;}
.obj_box li:first-child{ margin-left:0;}
.obj_box li:last-child{ margin-right:0;}			 
.obj_box li img{ display:block;
                 width:80%;
				 margin:0 auto .04rem;}			 
.obj_box li h1{ font-size:.20rem;
                color:#005e11;
                 margin-bottom:.02rem;}
.obj_box li p{ font-size:.16rem;} 
.leftIn{ animation:leftIn 3s;
         -webkit-animation:leftIn 3s;
		 -moz-animation:leftIn 3s;
		 -ms-animation:leftIn 3s;
		 -o-animation:leftIn 3s;
         }
.rightIn{ animation:rightIn 3s;
         -webkit-animation:rightIn 3s;
		 -moz-animation:rightIn 3s;
		 -ms-animation:rightIn 3s;
		 -o-animation:rightIn 3s;
         }		 
@keyframes leftIn{
	0%  {transform:translate(-200%,0);opacity:0;}
    100% {transform:translate(0,0);opacity:1}
}
@-webkit-keyframes leftIn{
	0%  {-webkit-transform:translate(-200%,0);opacity:0;}
    100% {-webkit-transform:translate(0,0);opacity:1}
}
@-moz-keyframes leftIn{
	0%  {-moz-transform:translate(-200%,0);opacity:0;}
    100% {-moz-transform:translate(0,0);opacity:1}
}
@-ms-keyframes leftIn{
	0%  {-ms-transform:translate(-200%,0);opacity:0;}
    100% {-ms-transform:translate(0,0);opacity:1}
}
@-o-keyframes leftIn{
	0%  {-o-transform:translate(-200%,0);opacity:0;}
    100% {-o-transform:translate(0,0);opacity:1}
}

@keyframes rightIn{
	0%  {transform:translate(200%,0);opacity:0;}
    100% {transform:translate(0,0);opacity:1}
}
@-webkit-keyframes rightIn{
	0%  {-webkit-transform:translate(200%,0);opacity:0;}
    100% {-webkit-transform:translate(0,0);opacity:1}
}
@-moz-keyframes rightIn{
	0%  {-moz-transform:translate(200%,0);opacity:0;}
    100% {-moz-transform:translate(0,0);opacity:1}
}
@-ms-keyframes rightIn{
	0%  {-ms-transform:translate(200%,0);opacity:0;}
    100% {-ms-transform:translate(0,0);opacity:1}
}
@-o-keyframes rightIn{
	0%  {-o-transform:translate(200%,0);opacity:0;}
    100% {-o-transform:translate(0,0);opacity:1}
}
/*********项目类型结束*******************/
.obj_pic{ width:90%;
          margin:.24rem auto;}
.obj_box2{ font-size:.2rem;
           width:90%;
		   display:block;
		   margin:0 auto;}
.obj_box2 span{ color:#005e11;
                padding:.1rem;}

.obj_box3{ width:90%;
           margin:0 auto;
		   overflow:hidden;}
.obj_box3 a{ display:block;
             width:26%;
			 float:left;
			 margin:3.5%;
			 height:.5rem;
			 line-height:.5rem;
			 background:url(../images/icon_bg.png) repeat-x;
			 text-align:center;
			 font-size:.26rem;}
.leftIn1{ animation:leftIn1 4s;
         -webkit-animation:leftIn1 4s;
		 -moz-animation:leftIn1 4s;
		 -ms-animation:leftIn1 4s;
		 -o-animation:leftIn1 4s;
         }
.rightIn1{ animation:rightIn1 4s;
         -webkit-animation:rightIn1 4s;
		 -moz-animation:rightIn1 4s;
		 -ms-animation:rightIn1 4s;
		 -o-animation:rightIn1 4s;
         }		 
@keyframes leftIn1{
	0%  {transform:translate(-200%,0);opacity:0;}
    100% {transform:translate(0,0);opacity:1}
}
@-webkit-keyframes leftIn1{
	0%  {-webkit-transform:translate(-200%,0);opacity:0;}
    100% {-webkit-transform:translate(0,0);opacity:1}
}
@-moz-keyframes leftIn1{
	0%  {-moz-transform:translate(-200%,0);opacity:0;}
    100% {-moz-transform:translate(0,0);opacity:1}
}
@-ms-keyframes leftIn1{
	0%  {-ms-transform:translate(-200%,0);opacity:0;}
    100% {-ms-transform:translate(0,0);opacity:1}
}
@-o-keyframes leftIn1{
	0%  {-o-transform:translate(-200%,0);opacity:0;}
    100% {-o-transform:translate(0,0);opacity:1}
}

@keyframes rightIn1{
	0%  {transform:translate(200%,0);opacity:0;}
    100% {transform:translate(0,0);opacity:1}
}
@-webkit-keyframes rightIn1{
	0%  {-webkit-transform:translate(200%,0);opacity:0;}
    100% {-webkit-transform:translate(0,0);opacity:1}
}
@-moz-keyframes rightIn1{
	0%  {-moz-transform:translate(200%,0);opacity:0;}
    100% {-moz-transform:translate(0,0);opacity:1}
}
@-ms-keyframes rightIn1{
	0%  {-ms-transform:translate(200%,0);opacity:0;}
    100% {-ms-transform:translate(0,0);opacity:1}
}
@-o-keyframes rightIn1{
	0%  {-o-transform:translate(200%,0);opacity:0;}
    100% {-o-transform:translate(0,0);opacity:1}
}
/***************标题******/
.title_01{margin: 10px 0px 0px 0px;  text-align: center; font-family: 'Times New Roman'; text-transform: uppercase; font-size:.50rem; color:#0854AC; font-weight: bold;}
.title_line_01{
  margin: .2rem 0px 0px 0px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.title_line_01 span{
    position: relative;
    top: -.21rem ;
    background: #F0F0F0;
    padding: 0 .2rem;
	border: 1px solid #ddd;
}
.title_02{margin: 10px 0px 0px 0px;  text-align: center; font-family: 'Times New Roman'; text-transform: uppercase; font-size:.50rem; color:#fff; font-weight: bold;}
.title_line_02{
  margin: .2rem 0px 0px 0px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.title_line_02 span{
    position: relative;
    top: -.21rem ;
    background: #2064AF;
    padding: 0 .2rem;
	color:#fff;
	border: 1px solid #ddd;
}

.more_01{margin: .2rem 0px .2rem 0px; text-align: center;}
.more_01 a{display: inline-block;position: relative;margin: .2rem;padding: 0 .2rem;text-align: center;text-decoration: none;color: #fff;background: #1ABA0C;}
.more_01 a:hover{background: #0854AC;}
/***************标题结束******/
/***************首页产品开始******/
.home_plist_bj{width:100%;background: #2064AF;}
.home_plist{width:90%;margin:0 auto;padding:.1rem 0;}
.home_plist p{font-size:.28rem;text-indent:2em;}
.home_plist_01{width:100%; margin:.2rem auto;}
.home_plist_01 li{display:block; width:44%; float:left; text-align: center; margin:2% 2%;}
.home_plist_01 li img{display:block; width:96%; float:left; margin:0 3% 2% 3%;}
.home_plist_01 li a{width: 100%; text-align: center; color: #fff; }
.home_plist_01 li a img{border: 1px solid #5E98D8; padding:2%;}
.home_plist_01 li a:hover{color: #FFF45C;}
.wzhp1{width: 100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/***************首页产品结束******/
/***************内页产品开始******/
.ny_plist_bj{width:100%;}
.ny_plist{width:90%;margin:0 auto;padding:.1rem 0;}
.ny_plist p{font-size:.28rem;text-indent:2em;}
.ny_plist_01{width:100%;margin:.2rem auto;}
.ny_plist_01 li{display:block; width:44%; float:left; text-align: center; margin:2% 2%;}
.ny_plist_01 li img{display:block; width:96%; float:left; margin:0 3% 2% 3%;}
.ny_plist_01 li a{text-align: center; color: #555;}
.ny_plist_01 li a img{border: 1px solid #CCCCCC; padding:2%;}
.ny_plist_01 li a:hover{color: #0854AC;}
/***************内页产品结束******/

/***************按钮开始******/
.ny_button_01{width:100%;margin:0 auto; padding:.1rem 0;}
.ny_button_01 li{width:100%; display:block;  text-align: center;  background: #2064AF; margin: .1rem .0rem .1rem .0rem; padding:.1rem 0;}
.ny_button_01 li a{width:100%; color: #fff;  padding: .1rem .2rem;}
.ny_button_01 li a:hover{ color: #FFF100;}

/***************按钮结束******/
/***************内页产品开始******/
.ny_banner{width:100%; text-align: center;}
.ny_banner img{width:100%; text-align: center;}
.ny_title_1{width:100%; text-align: center;  color: #fff; background: #2064AF; padding:.1rem 0;}
.ny_con_01 {width:95%;padding:.2rem .2rem .2rem .2rem; BACKGROUND-COLOR:#3683C8; color: #fff;}
.ny_con_01 li{list-style-type :disc; list-style-position: inside; }
.gyhq_box table{border:1px solid #e1e1e1;cellspacing:2px;WIDTH: 100%;}
.gyhq_box th{padding:2px 5px 2px 5px; border:0px solid blue;BACKGROUND-COLOR:#3683C8;line-height:33px;font-size:14px;color: #fff;}
.gyhq_box td{padding:2px 5px 2px 5px; border:0px solid blue;line-height:28px;font-size:14px;}
/***************内页产品结束******/
/***************联系我们开始******/
.cont_box{ width:90%;
           margin:0 auto;
		   padding:.1rem 0;}
.cont_box p{ font-size:.28rem;}
.wz16a{font-size: .33rem; font-weight: bold;}
.wz16b{color: #0EC517; font-size: .33rem; font-weight: bold;}
.xt{width:100%; border-bottom: 1px dashed #BDBDBD; margin: .1rem .0rem .1rem .0rem;}

/*history 发展历史 */
.history {float: left; width:100%; padding:.1rem .0rem .1rem .0rem; border-bottom: 1px dashed #888; color:#333;}
.history_bt{float: left; width:100%; font-size: .33rem; color:#0054A6;line-height: 38px; font-weight: bold; font-style:italic; font-family: Verdana;}
/*plist3 */
#plist3 {width:100%; margin:0 auto; padding:.1rem 0;}
.ListItem2 {TEXT-ALIGN: center; padding:.2rem .0rem .2rem .0rem;  MARGIN: 0px auto; WIDTH: 90%; border-bottom: 1px dashed #BDBDBD;}
.ListItem2 img{border: 1px solid #D7D7D7;MARGIN-BOTTOM: 8px; PADDING: 3px 3px 3px 3px;}
.ListItem2 A:hover img{border: 1px solid #0075B8;MARGIN-BOTTOM: 8px;}
.ListItem2 A {PADDING: 5px 5px 5px 5px;  DISPLAY: block; TEXT-DECORATION: none; PADDING-TOP: 5px; }
.ListItem2 A:hover {TEXT-DECORATION: none;  color:#0854AC;}
/***************联系我们结束******/
/***************关于华企开始******/
.gyhq_box{ width:90%;
           margin:0 auto;
		   padding:.1rem 0;}
.gyhq_box p{ font-size:.28rem;
             text-indent:2em;}
.gyhq_box img{width:100%;}
.gyhq_box p img{width:100%;}
.gyhq_pic{ width:100%;
           overflow:hidden;
		   margin:.2rem auto;}
.gyhq_pic img{ display:block;
               width:46%;
			   float:left;
			   margin:0 2%;}
/***************关于华企结束******/			   
/*************成功案例开始*****************/
.cgal_list{ width:90%;
            padding:0 5%;}
.show_box{ width:100%;
           height:1.9rem;
		   overflow:hidden;}
.show_box img{ display:block;
                   width:40%;
				   float:left;
				   margin-top:.1rem;}			   
.cgal_list_text{ float:right;
                 width:57%;
				 font-size:.18rem;}
.cgal_list_text p{ height:1.2rem;
                   padding:.08rem 0;
				   overflow:hidden;
                   line-height:.26rem;}				 
.cgal_list_text a{ color:#005e11;
                   font-size:.26rem;}
.hidden_box{ display:none;}				   
.hidden_box li{ width:100%;
			    height:1.9rem;
			    overflow:hidden;}
.hidden_box li img{ display:block;
                   width:40%;
				   float:left;
				   margin-top:.1rem;}
				   
/*******显示更多开始*******/				   				
#more_but{ text-align:center;
           background:#c3c4c4;
		   color:#727272;
		   border-radius:6px;
		   font-size:.2rem;
		   height:.6rem;
		   line-height:.6rem;
		   margin:.6rem auto .2rem;}
/********显示更多结束*************/
		   
/******华企成功案例详情页**********/		   	   
.show_box1{ width:100%;}
.show_box1_title{ font-size:.36rem; 
                  text-align:center;
				  padding:.2rem 0;
				  margin-bottom:.3rem;
				  border-bottom:1px solid #d1d1d1;}
.show_box1 img{ display:block;
                   width:100%;
				   margin:0 auto;
				   margin-top:.1rem;}			   
.cgal_list_text1{ width:100%;
                  margin:0 auto;}
.cgal_list_text1 p{ padding:.08rem 0;
                   	text-indent:2em;
				    font-size:.28rem;}			   
.hidden_box2{ display:none;}
.hidden_box2 li{ width:100%;}	
/******华企成功案例详情页结束**********/	


/*****联系我们开始****/
.lxwm_box{ width:90%;
           padding:0 5%;}
.lxwm_box_text{ width:100%;
                margin:.5rem auto 0;}
.lxwm_box_text li{ overflow:hidden;
                   margin:.1rem auto;}				
.lxwm_box_text li img{ display:block; 
                       float:left;
					   width:5%;
					   margin-right:3%;}				
.lxwm_box_text li p{ font-size:.24rem;
                     width:98%;}
.map{ width:100%;
      display:block;
	  margin:.5rem auto;
	  border:1px solid #cccccc;}
.map img{ display:block;
          width:100%;}	  
/********联系我们结束********/

/********人才招聘开始****/
.rczp_box{ width:90%;
           padding:0 5%;}
.rczp_show{ width:100%;
            overflow:hidden;
			line-height:.8rem;
			border-bottom:1px dashed #cccccc;}
.rczp_show a{overflow:hidden;
			 padding-left:6%;
			 display:block;
			 width:94%;
			 background:url(../images/info_icon2.png) no-repeat left center;}				
.rczp_show span{ float:right;}	
.hidden_box3{ display:none;}		   
/********人才招聘结束****/
/******新闻中心开始****/
.news_box{ width:90%;
           padding:0 5%;}
.news_show{ width:100%;
            border-bottom:1px dashed #cccccc;}	
.news_show a{ overflow:hidden;
              color: #555;
			  line-height:.8rem;
			  padding-left:6%;
			  width:94%;
              display:block;
			  text-overflow:ellipsis;
			  white-space: nowrap;
			  background:url(../images/info_icon2.png) no-repeat left center;}			
.hidden_box3{ display:none;}

.news_title_box{ width:100%;
                 margin:.4rem auto;
				 border-bottom:1px solid #d1d1d1;}
.news_title{ font-size:.36rem;
             text-align:center;}
.news_date{ font-size:.2rem;
            margin:.2rem auto;
            text-align:center;}		
.news_pic{ display:block;
           width:100%;
		   margin:0 auto .3rem;}	
.news_text{ width:100%;
            margin:0 auto;}	
.news_text p{ text-indent:2em;
              margin:.1rem auto;}				   			 		
/********新闻中心开始**/

/*********业务介绍开始**********/
.ywjs_box{ width:90%;
           padding:0 5%;}
.ywjs_text{ font-size:.24rem;
            margin:.4rem auto 0;
            line-height:.38rem;}
.ywjs_text span{ font-size:.3rem;}			
/*********业务介绍结束*****/

/********留言开始******/
.ly_box{ width:90%;
         padding:0 5%;
		 margin:.4rem;
		 overflow:hidden;}
.ly_text{ width:30%;
          float:left;
		  text-align:right;}
.ly_text p{ margin:.2rem 0;
            line-height:.6rem;}		  
.ly_input{ width:68%;
          float:right;}
.ly_input input{ height:.6rem;
                 display:block;
				 width:80%;
                 margin:.2rem 0;}
.ly_input button{ height:.6rem;
                  display:block;
				  width:80%;
				  background:#005e11;
				  color:white;
				  border:none;
				  border-radius:4px;
                  margin:.2rem 0;}				 		  
.ly_content{ width:80%;
             height:1.8rem;}		  
/********留言结束******/

/***********页尾开始***************/
.footer_box{ width:100%;
			 height:1.2rem;
			 background:#2064AF;
			 overflow:hidden;}
.footer_box a{ display:block;
               width:25%;
			   height:1.1rem;
			   color:white;
			   float:left;
			   padding-top:.1rem;
			   font-size:.22rem;
			   text-align:center;}
.footer_box a:active{ background:#054793;}			   
.footer_box a img{ display:block;
                   width:40%;
				   margin:0 auto .05rem;}
/***********页尾结束***************/
.download2  {float: left;padding:0px 0px 0px 0px; FONT-FAMILY: Arial; width:100%; }
.download2 ul {margin: 0;padding: 10px 0px 10px 0px;list-style: none;}
.download2 li {float:left; list-style-type :none; margin:0px 25px 10px 0px; width:100%;height:168px;border:1px solid #D9D9D9;background: url(../../images/dbj.gif) repeat-x;}
.download2_img {float:left;padding:12px 0px 0px 12px; width:108px; height:198px;}
.download2_img img{border:1px solid #D9D9D9;}
.download2_con {float:left;padding:12px 0px 0px 12px; width:188px;}
.download2_bt {float: left; font-weight: bold; padding:8px 0px 8px 0px; width:188px; border-bottom: 1px dashed #BDBDBD;}
.download2_rn{float:left;padding:5px 0px 0px 0px;width:188px;height:30px;line-height:30px;}
.download2_rn a{color:#ED1B23;text-decoration: underline;}
.download2_rn a:hover{color:#F26521;}
.download2_rn img{float:left; width:28px;}