@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: #333333;
}
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: #6E7D8B;
	text-decoration: none;
	outline: 0
}
a:active, a:hover, a.current {
	outline: 0
}
html {
	font-size: 312.5%;
}
img {
	border: none;
	display: block
}
input {
	border: none;
	font-size: .28rem;
}
input:focus {
	outline: none;
}


/*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:#eeeeee;
	overflow:hidden;
}
.logo{ display:block;
       width:100%;}
.logo img{ display:block;
           width:100%;
		   margin:.2rem auto;}
.nav_box{ width:90%;
		  padding:0 5%;
		  overflow:hidden;
		  box-shadow:0 2px 4px #999;
		  margin-bottom:.06rem;
		  z-index:100;}
.back_but{ display:block;
           width:10%;
		   height:.26rem;
		   float:left;
		   margin-top:.12rem;}
.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:2.4rem;
	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: #003e0b;
}*/

.dl-menuwrapper ul {
	background: #0089d2;
}

/*
.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 white;
	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: '';
}
/**导航条**/
.navArea ul{margin:0;padding:0;list-style:none}
.navArea li,
.box .title,
#fixed-foot li{
	background:#0089d2!important;
	background:linear-gradient(#6294e2,#0089d2)!important;
}
.navArea li{width:33.33%;float:left}
.navArea li a{display:block; /**line-height:2.8em;font-size:0.15rem; **/ line-height:350%;  border-bottom:1px solid #fff;border-right:1px solid #fff;text-align:center; color:#fff; /**border-left:1px solid #003e93;border-top:1px solid #003e93;**/}
.navArea li .current{
	background:#99cb10;
	background:linear-gradient(#99cb10,#749d00);border-top:1px solid #99cb10;
        
}
		   							   
/*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:#AFAFAF;}
#position li.cur{background-color:#0089d2;}
.img-responsive { display: block; max-width:100%;height: auto;}
/*banner结束*/

.box,.info_view{position:relative;margin:0 0 .8em;padding:0;/*background:#fff; box-shadow:2px 2px 5px rgba(0,0,0, .1); */}
.telbox{padding:10px 5px;overflow:hidden;zoom:1;text-align:center;text-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);}
.telbox li{width:50%;float:left}
.telbox li .wrap{padding:0 5px;}
.telbox .co100{width:100%;}
.telbox li a{border-radius:3px;display:block;padding:8px;background:#0089d2;color:#fff}
.telbox li.col2 a{background-color:#0089d2;color:#fff}
.telbox li .wrap .icons{margin:0 3px 0 0}
.telbox li .wrap .icon-tel{
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes telshow{
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-13deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-13deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-13deg)}
	100% {-o-transform: roate(0deg)}
}
.icons,.arr-round{background:url(../images/m-icons.png) no-repeat 0 0/20px;width:20px;height:20px;display:inline-block;vertical-align:middle}
.telbox li .wrap .icon-hd { -webkit-animation: icon-hd .6s ease-in-out infinite alternate;animation: icon-hd .6s ease-in-out infinite alternate;opacity: 1;}
.icon-hd{background-position:0 -27px}
.icon-eye{background-position:0 -244px}
.icon-back{background-position:6px -204px;width:30px;height:30px;position:absolute;left:8px;top:8px;}
.icon-back a{display:block;width:100%;height:100%;}
@-webkit-keyframes icon-hd{
	0% {opacity:0;}
	50% {opacity:.5;}
	100% {opacity:1;}
}
@keyframes icon-hd{
	0% {opacity:0;}
	50% {opacity:.5;}
	100% {opacity:1;}
}
/*********项目类型开始****************/
.tit { padding-left:10%; font:24px "Microsoft YaHei"; color:#222222; height:2.2rem; overflow:hidden}
.tit img { padding-right:21px; float:left; width:35%;}
.tit p { float:left; width:55%; font-size:16px;}
.tit p span{font-size:25px;color:#c30104;font-weight:bold;height:30px; line-height:30px;}
.tit .spanbg{background:url(/m/images/ico11.jpg) repeat-x bottom; display:inline-block; padding-top:5%; width:100%;}
.tit em { font-style:normal; display:block;padding-top: 13%;letter-spacing: 0.1rem;}

.obj_box{ width:90%;
          padding:.2rem 5%;
		  height:4rem; background:#eff4fa;}
.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:#0089d2;
                 margin-bottom:.02rem;}
.obj_box li p{ font-size:.16rem;} 
.obj_box li a{display: block;font: 12px "Microsoft YaHei"; line-height: 20px;height: 20px;color: #666666;cursor: default;text-decoration: none;}
.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; }	

/**********【精  省  快  简】**********/
.yous { margin-top:27px; height:1661px; max-width:640px; margin-left:auto; margin-right:auto; }
.ys_b{ max-width:640px; text-align:center; margin:0 auto; font:16px "Microsoft YaHei"; color:#222222; height:109px; padding-bottom:16px; line-height:40px;}
.ys_b span { display:block; font-size:40px;}
.ys_b span em { font-style:normal; font-weight:bold; color:#d0070a}
.ys1, .ys2, .ys3, .ys4 { position:relative}
.ys1 { background:url(/templates/blueqf/m/images/ys12.jpg) repeat-x ; height:384px; overflow:hidden;  }
.ys2 { background:url(/templates/blueqf/m/images/ys22.jpg) no-repeat ; overflow:hidden;}
.ys3 { background:url(/templates/blueqf/m/images/ys32.jpg) no-repeat center top; height:385px; overflow:hidden;}
.ys4 { background:url(/templates/blueqf/m/images/ys42.jpg) no-repeat center top; height:385px; overflow:hidden;}
.ys1_z { max-width:640px;  position:absolute; top:63px; left:110%; margin-left:-422px}
.ys1_z li { font:14px "Microsoft YaHei"; color:#b6ccea; line-height:24px; width:410px; padding-bottom:24px}
.ys1_z li h4 { font-size:22px; font-weight:bold; color:#fff; line-height:26px;overflow:hidden; padding-bottom:10px}
.ys1_y { position:absolute; top:49px; left:50%; padding-left:76px;}
.ys1_y .ys_lis { padding:0 2px 2px 135px}
.ys2_z { position:absolute; left:50%;margin-left:-507px; top:38px;}
.ys2_y { left:50%; padding-left:107px; top:46px; position:absolute; margin:0}
.ys3_z { top:65px;}
.ys3_y { position:absolute;left:50%;margin-left:81px; top:38px;}
.ys4_y { top:70px;}
.ys4_y li h4 span { display:block; font-size:30px; line-height:26px; height:38px;}
.ys4_z { position:absolute; left:50%; top:62px; margin-left:-550px}

/**********【实力 优势】**********/
.g-snh{ width:100%; height: auto; overflow: hidden; background: #0089d2;}
.g-snh h2{display: block; margin: 0 5px; height: 40px; font-size: 20px; color: #fff; font-weight: bold; text-align: center; padding-top: 20px;}
.g-snh h2 i{display: block; font-weight: normal; color: #fff; font-size: 10px; text-transform: uppercase; line-height: 18px; position: relative;}
.g-snh h2 i:before{display: block; width: 120px; height: 1px; background: #eee; top:50%; position: absolute; content: ""}
.g-snh h2 i:after{display: block; width: 120px; height: 1px; background: #eee; top:50%; position: absolute; content: ""; right: 0;}
.g-snh dl{height: 100px; padding:15px 10px; border-top: 1px dashed #fff; border-bottom: 1px dashed #026092;}
.g-snh dl:first-child{border-top: none;}
.g-snh dl:last-child{border-bottom: none;}
.g-snh dl:nth-child(1n) dt{ float: left;}
.g-snh dl:nth-child(1n) dd{ float: right;}
.g-snh dl:nth-child(2n) dt{ float: right;}
.g-snh dl:nth-child(2n) dd{ float: left;}
.g-snh dt{ width: 28%; height: 100px;}
.g-snh dt img{ max-width: 100%; max-height: 100px;}
.g-snh dd{ width: 65%;}
.g-snh dd h3{height: 24px; line-height: 24px; font-size: 16px; color: #fff; font-weight: bold;}
.g-snh dd h3 b{ display: inline-block; margin-right: 6px; width: 24px; height: 24px; line-height: 24px; font-family: arial; font-weight: bold; text-align: center; vertical-align: middle; background:url(/templates/blueqf/m/Images/snhIco.png) no-repeat center top; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; -ms-background-size:100% 100%; -o-background-size:100% 100%;background-size:100% 100%;}
.g-snh dd p{ color: #eee; margin-top:10px; height: 60px; line-height: 20px; overflow: hidden;font-size: 14px;}
/*联系*/
.phoneGg{padding:20px; background:#fff url(/templates/blueqf/m/images/ph1.jpg) no-repeat right bottom; background-size:auto 130px;}
.phoneGg b{display:block; font-size:36px; color:#ff8b00;}
.phoneGg strong{font-size:16px; color:#505050;}
.phoneGg h5{font-size:16px; color:#0089d2;}
.phoneGg p{padding:12px 0 12px 28px; line-height:14px; font-size:22px; font-weight:bold; background:url(/templates/blueqf/m/images/phoneGgIco.png) no-repeat left center; background-size:21px auto;}
.phoneGg p a{color:#ff8b00;}

/**********【合作客户】**********/
.cust_img-list{text-align:center;overflow:hidden;zoom:1;padding:10px 5px}
.cust_img-list li{float:left;vertical-align:top;width:100%;}
.cust_img-list .cust_pic_list_2{width: 22%;border: 1px solid #c7c2c2;margin-left: 0.1rem;margin-bottom:0.1rem;border-radius:5px;height:auto;text-align:center;}
.cust_img-list .cust_pic_list_3{width:47%;}
.cust_img-list .cust_pic_list_li{padding:0.1rem 0.1rem 0.1rem 0.1rem;}
.cust_img-list .cust_pic_list_li img{ width:98%; height:auto;  box-shadow:1px 1px 1px #ddd; -webkit-box-shadow:1px 1px 1px #ddd; -moz-box-shadow:1px 1px 1px #ddd;}
	 
@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:#0089d2;
                padding:.1rem;}

.obj_box3{ width:90%;
           margin:0 auto;
		   overflow:hidden; }
.obj_box3 a{ display:block;
             width:28%;
			 float:left;
			 margin:2.5%;
			 height:.5rem;
			 line-height:.5rem;
			 /**background:url(../images/icon_bg.png) repeat-x;**/
			 background-color: #ff8b00;
            color: #fff;
            text-align: center;
            border-radius: 6px;
			 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}}
    
.img-list{text-align:center;overflow:hidden;zoom:1;padding:10px 5px}
.img-list li{float:left;vertical-align:top;width:100%;}
.img-list .pic_list_2{width:47%; border: 1px solid #c7c2c2; margin-right:0.1rem;margin-bottom:0.1rem;border-radius:5px; height:auto; text-align:center;}
.img-list .pic_list_3{width:47%;}
.img-list .pic_list_li{padding:0.1rem 0.1rem 0.1rem 0.1rem;}
.img-list .pic_list_li .msg{height:180%;overflow:hidden;line-height:180%; width:98%; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img-list .pic_list_li .img{font-size:0;}
.img-list .pic_list_li img{ width:98%; height:auto;  box-shadow:1px 1px 1px #ddd; -webkit-box-shadow:1px 1px 1px #ddd; -moz-box-shadow:1px 1px 1px #ddd;}

/***************资讯 动态******/
.rank-list li {
    position: relative;
    _display: block;
    padding: 10px 0 0 25px;
    vertical-align: top;
    border-bottom: 1px dotted #b2b2b2;
}
.rank-list li span {
    float: right;
    margin-left: 5px;
    width:32%;
    color: #999;
    _padding: 2px 0 2px 5px;
    _z-index: 2;
    _position: absolute;
    _background: #fff;
    _right: 0;
}
.rank-list li.active .num {
    top: 12px;
    background: #d60007;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.rank-list li .num {
    position: absolute;
    left: 5%;
    top: 40%;
    display: inline-block;
    vertical-align: -3px;
    *vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: #1389d7;
    font-style: normal;
    color: #fff;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
    overflow: hidden;
}
.rank-list li{ width:98%;}
.rank-list li a{ width:85%; padding-left:6%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;  -o-text-overflow:ellipsis; }

/***************关于 开始******/
.gyhq_box{ width:90%;
           margin:0 auto;
		   padding:.1rem 0;}
.gyhq_box p{ font-size:.28rem;
             text-indent:2em;}
.gyhq_pic{ width:100%;
           overflow:hidden;
		   margin:.2rem auto;}
.gyhq_pic img{ display:block;
               width:46%;
			   float:left;
			   margin:0 2%;}
.box .title {
    border-bottom: 1px solid #ddd;
    position: relative;
}
/***************关于 结束******/	

		   
/*************成功案例开始*****************/
.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:#0089d2;
                   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;
			  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;}			
/*********业务介绍结束*****/


/***********页尾开始***************/
.footer_box{ width:100%;height:1.2rem;background:#0089d2;overflow:hidden;padding: 0;text-align: center;display: table; position: fixed; bottom: 0; left: 0;}
.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:#87bdf1;}			   
.footer_box a img{ display:block;
                   width:40%;
				   margin:0 auto .05rem;}
/***********页尾结束***************/


/***********新闻  列表/详情***************/

.weui-panel{background-color:#fff;margin-top:10px;position:relative;overflow:hidden}
.weui-panel:first-child{margin-top:0}
.weui-panel:before{top:0;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.weui-panel:after,.weui-panel:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#e5e5e5}
.weui-panel:after{bottom:0;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.weui-panel__hd{padding:14px 15px 10px;color:#999;font-size:13px;position:relative}
.weui-panel__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}


.ywfw{margin:0;padding:0;list-style:none}
.ywfw li{width:24.8%;float:left; text-align:center;}
.ywfw li a{display:block; margin-left:0.05rem; margin-top:0.05rem; line-height:2em; font-size:0.15rem; border: 1px #0089d2 solid;border-radius: 3px;text-decoration: none;text-align:center; color:#696868; /**border-left:1px solid #003e93;border-top:1px solid #003e93;**/}






.meta{ margin:15px; padding-bottom:15px; border-bottom:1px solid #ececec; }
	.meta .meta-tit{ color:#333; font-size:17px; font-weight:700; margin:0 0 5px; }
	.meta .meta-info{ font-size:12px; color:#cecece; line-height:1.8em; }
	.meta .meta-info span{ margin-right:5px; padding-left:7%; font-size: 12px;}
.icon-date {
    background: url(../../images/sprite.gif) no-repeat;background-position: left -158px;
}
.icon-view  {
    background: url(../../images/sprite.gif) no-repeat;background-position: left -36px;
}
.entry {
    margin: 0 15px;
    padding: 0;
    font-size: 15px;
    line-height: 24px;
    word-wrap: break-word;
}
.weui-panel:after, .weui-panel:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5;
}
/*文字列表*/
.txt-list{ position:relative; margin:0; padding:0; }
	.txt-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.txt-list ul li{ position:relative; margin:0; padding:0; background:#fff; }
    .txt-list ul li:active{ background:#ececec; }
	.txt-list ul li>a{ display:block; position:relative; margin-left:15px; padding:15px 15px 15px 0; font-size:13px; color:#333; line-height:1.1em; border-top:1px solid #ececec; }
    .txt-list ul li:first-child>a{ border-top:none; }
	.txt-list ul li>a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.txt-list ul li>a>img{ float:left; margin-right:15px; width:70px; height:70px; }
	.txt-list ul li>a>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:400; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .intro{ padding-top:6px; color:#999; font-size:12px; line-height:1.8em; height:3.6em; text-overflow:ellipsis; overflow:hidden; }
    .txt-list ul li>a .note{ padding-top:6px; }
	.txt-list ul li>a .note p{ color:#999; font-size:12px; line-height:1.8em; height:1.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .note p .date{ display:inline-block; margin-right:5px; color:#cecece; font-style:normal; }
	.txt-list ul li>a .note p .hot{ display:block; float:right; padding:0 2px; color:#cecece; font-style:normal; }
    .txt-list ul li>a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.txt-list ul li>a>.text{ display:block; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a>.date{ display:block; float:right; margin:0 0.2em; padding:0; color:#cecece; font-size:12px; font-style:normal; line-height:18px; }
	.txt-list ul li>a>.number{ display:block; float:left; margin:0 5px 0 0; padding:0; width:18px; height:18px; line-height:18px; color:#fff; font-size:12px; font-style:normal; text-align:center; background:#09bb07; border-radius:18px; vertical-align:middle; }
/*图文列表*/
.img-list{ position:relative; margin:0; padding:0; }
	.img-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.img-list ul li{ position:relative; float:left; width:50%; }
    .img-list ul li:active{ background:#ececec; }
	.img-list ul li .wrap{ position:relative; margin:0 0 -1px -1px; background:#fff; border:1px solid #ececec; border-right:none; }
    .img-list ul li:nth-child(1) .wrap,
    .img-list ul li:nth-child(2) .wrap{ border-top:none; }
	.img-list ul li .wrap .number{ position:absolute; display:inline-block; top:20px; left:15px; padding:0 7px; height:1.8em; line-height:1.8em; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 3px 0; background:#09bb07; opacity:0.8; z-index:1; }
	.img-list ul li:nth-child(1) .wrap .number{ background:#f00; }
	.img-list ul li:nth-child(2) .wrap .number{ background:#f90; }
	.img-list ul li .wrap a{ display:block; position:relative; padding:15px; text-align:center; }
	.img-list ul li .wrap a img{ display:block; margin:auto; width:100%; }
	.img-list ul li .wrap a .note{ text-align:left; color:#999; }
	.img-list ul li .wrap a .note h2{ display:block; padding:10px 0 5px 0; color:#333; font-size:13px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p{ padding:0 0 10px 0; color:#cecece; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.img-list ul li .wrap a .note p .hot{ display:block; float:right; font-style:normal; }

/*分页页码*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
	.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.page-list a,
    .page-list span{ margin:0.5em 0;  padding:0.5em 0; display:none; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .page-list a:active{ background:#ececec; }
	.page-list span{ color:#999; }
	.page-list a{ color:#333; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
	.page-list .current{ display:block; float:left; }