
/* top start*/
body,td,th {
	font-size: 14px;
}

img, div { behavior: url(/images/iepng/iepngfix.htc); }

body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
.FontRed{
	color:#FF0000;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;color:#1c95c0;}
a:active{text-decoration:none;}

.LineLink a{text-decoration:none;}
.LineLink a:hover {text-decoration:none;color:#1c95c0;}

.ColorLink a {color:#1c95c0;}
.ColorLink a:hover {color:#1c95c0;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}
.WidthTab2{
	width:20px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;}

.HeightTab2{
	height:20px;
	width:1px;
	overflow:hidden;}


.ListDate{
	color:#666666;
	 }
body{
	
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
	max-width:640px;
	margin:auto;
	
	
}
input,textarea{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
}
#wrapper{
}



 #head{
	width:100%;
	margin:auto;
	border-bottom:1px solid #DDDDDD;
}

 #head .top{
	max-width:640px;
	margin:auto;
	font-size:12px;
}	

 .SearchTop{
	border-top:1px solid #DDDDDD;
	background:#F5F5F5;
	max-width:640px;
	margin:auto;
	padding:10px 0px 10px 0px;;
	} 

 #head .top .TopLogo{
	max-width:640px;
	margin:auto;
	padding-top:0px;
	}
 #head .top .TopLogo .logo{
	max-width:640px;
	text-align:center;
	}
 #head .top .TopLogo .logo img{
	max-width:100%;
}

	
 #head .top .TopLogo .tel .telW{
	padding-left:30px;
	padding-top:10px;
	color:#999;
	font-size:11px;
	}	
 #head .top .TopLogo .tel .telN{
	padding-left:30px;
	font-size:24px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F00;
	line-height:100%;}

 #NavLink{
	background:url("/images/HituxMobileImages3/m_nav_bg1.png") repeat center -0px;
	width:100%;
	margin:auto;
}
		
 #NavLink #sddm{
	background:url("/images/HituxMobileImages3/m_nav_bg1.png") repeat center -0px;
	max-width:640px;
	margin:auto;
	z-index:30}

 #NavLink #sddm li{
	width:25%;
	float: left;
	font-weight:normal;}
 #NavLink #sddm .CurrentLi a{
	background:none;}	
 #NavLink #sddm li a
{	display: block;
	color: #FFF;
	text-align: center;
	padding:0px 10px;
	height:38px;
	line-height:38px;
	background:;
	font-size:14px;
	background: url("/images/HituxMobileImages3/m_nav_bg2.png") no-repeat 0px -0px;
	}
 #NavLink #sddm li P{
	font-size:10px;
	font-weight:normal;
	color:#FFF;
	text-transform:uppercase;}
 #NavLink #sddm li a:hover
{	text-decoration:none;
	background:#FF8700;
	color:#FFFFFF;
}

 #NavLink #sddm div
{	position: absolute;
	visibility: hidden;
	background: #B8292F;
	padding:0px 0px;
	filter: alpha(opacity=85);
	top:38px;
	}

 #NavLink #sddm div a
	{	position: relative;
		padding: 0px 5px;
		width:120px;
		text-align: center;
		background:#B8292F;
		color: #FFFFFF;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		line-height:30px;
		height:30px;
		border-bottom:1px solid #932126;}

 #NavLink #sddm div a:hover{
	background:#FF8700;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	border-bottom:1px solid #932126;}

/* header */
.header{height:50px; padding:4px 0px; max-width:640px; margin:auto; width:100%;z-index: 100; background:#20A8D8;}
.header .PosCenter{
	float:left;
	padding-left:0.5%;
	height:50px;
	overflow:hidden;
	text-align:center;
	color:#FFF;
	font-size:16px;
	padding-right:3%;
	font-weight:bold;
	}
.header .PosCenter img{ height:50px;}
.header .PosCenters{
	width:45%;
	float:left;
	padding-left:0.5%;
	height:50px;
	overflow:hidden;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold;}
.header .PosCenters span{ font-size:13px; line-height:22px; font-weight:normal; display:block;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:40px;height:40px;text-indent:-9999em;background:url(/images/HituxMobileImages3/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#1c95c0;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(/images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#1c95c0;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(/images/icon-back.png) no-repeat center center;background-size:12px 20px;}


.dl-menuwrapper {
	width: 100%;
	max-width: 250px;
	float: right;
	position: absolute;
	top:8px;
	right:0;
	padding-top: 40px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 40px;
	height: 40px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: url(/images/HituxMobileImages3/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
}

.dl-menuwrapper ul {
	background: #1c95c0;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*
.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: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-top:1px solid #208ab0;
	outline: none;
	text-align:center;
	background: url(/images/HituxMobileImages3/arrow_icon2.png) no-repeat 40px center;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
	text-decoration:none;
}

.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 {
	margin: 0px 0 0 0;
	position: absolute;
	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 {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	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: '';
}



.QuickNav{ padding-top:4px; position:relative;z-index:3000;}
.QuickNav dl{ margin:0px; padding:0px;}
.QuickNav dl dd.showQuickNavbox{ float:left; padding:0px 0px 0px 15px; background:url("/images/HituxMobileImages3/bar_icon4.png") no-repeat center center; font-size:13px;position:relative;}
.QuickNav dl dd.showQuickNavbox span{ cursor:pointer; color:#808080;}
.QuickNav dl dd{ float:left; padding-left:6px; height:25px;position:relative;}
.QuickNav dl dd img{ margin-left:5px; display:inline-block;}

.QuickNavbox{ position:absolute;width:150px; top:35px; right:-50px; display:none; height:auto !important;  z-index:9999; padding-top:10px; background:#ac834f;}
.QuickNavboxtop{ background:url(/images/index_73.png) no-repeat;width:289px;height:15px; overflow:hidden;display:none;}
.QuickNavboxcont{  padding:0px 0px 10px;}
.QuickNavboxcont ul{ padding:0px 15px;}  
.QuickNavboxcont ul li{border-bottom:1px solid #e2e2e2; padding:0px 0px;}
.QuickNavboxcont ul li h3{ font-size:14px;color:#B00002;}
.QuickNavboxcont ul li h3 a{ color:#B00002;}
.QuickNavboxcont ul li h3 a:hover{ color:#03aee0;}
.QuickNavboxcont ul li p{ padding-top:3px;}
.QuickNavboxcont ul li p a{ color:#4c4c4c; font-size:12px;padding-right:5px;}
.QuickNavboxcont ul li p a:hover{ color:#B00002;}
.QuickNavboxcont ul li.cur{ border-bottom:none;}

.QuickNavboxbottom{ background:url(/images/index_75.png) no-repeat;width:289px;height:7px; overflow:hidden;display:None;}

	
#wrapper #body{
	max-width:640px;
	margin:auto;
	background:#fff;
	}

#body .MoreLink a{
	background:#1c95c0;
	line-height:30px;
	text-align:center;
	width:100%;
	display:block;
	height:30px;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	border-radius:5px;border:1px solid #CCC;box-shadow:2px 2px 4px #ededed;-moz-box-shadow:2px 2px 2px #ededed;-webkit-box-shadow:2px 2px 4px #ededed}
#body .MoreLink a:hover{
	background:none;
	color:#FFF;
	text-decoration:none;
	background-color:#FF8700;}
	
/* albumblock*/

 .albumblock{
	padding:10px 0px 10px 0px;
	float:left;
	width:50%;
	}
 .albumblock .inner{
	width:130px;
	height:160px;
	overflow:hidden;
	margin:auto;
	}

.albumblock .inner img{
	border:1px solid #DEDEDC;
	padding:1px;
	width:126px;
	height:126px;	}	

 .albumblock .inner .albumtitle{
	height:30px;
	line-height:30px;
	font-size:12px;
	width:130px;
	position:relative;
	bottom:0px;
	left:0;
	color:#1c95c0;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a{
	 color:#1c95c0;}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	

/*footer*/
#footer{ max-width:640px;margin:auto; overflow:hidden;padding-bottom:0px;font-size:12px;color:#333333;padding-bottom:70px;background:#23282C;}
#footer .copy{font-size: 13px; line-height: 23px; color: #ffffff; padding-top:20px;}
#footer .copy ul{ width:90%; overflow:hidden;}
#footer .copy li{ width:32.333%; float:left; margin:0.5%;}
#footer .copy li img{ width:100%;}
#footer .inner{ width:96%; margin:auto; overflow:hidden;}
#footer .fl{ width:100%; margin:auto; padding-top:3%;}
#footer .fl p{font-size:16px; color:#443632; line-height:30px; margin-top:1%;}
#footer .fr{ width:100%; float:right;}
#footer .fr dl{ width:100%; margin:0px auto 20px; overflow:hidden;}
#footer .fr dl dd{ width:20%; float:left; text-align:center; color:#564f4f;}
#footer .fr dl dd h1{ font-size:16px; font-weight:bold; margin-bottom:8px;}
#footer .fr dl dd p{ font-size:14px; padding-bottom:5px;}
#footer .fr dl dd p a{ font-size:14px; color:#564f4f;}
#footer .fr p{ font-size:15px; color:#fff; margin-bottom:5px;}
#footer .fr p span{ font-size:24px; margin-bottom:5px; color:#1c95c0; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


#wrapper  .t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
#wrapper  .t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}	

/* SearchBar */

.SearchBar {
	width:220px;
	height:25px;
	background:url("/images/HituxMobileImages3/search_bg.png") no-repeat left top;
	margin:auto;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 120px;
	padding:0px 5px;
 	margin:0px;
	color:#999999;
	height:23px;
	line-height:23px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:25px;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
	width:54px;
}

/* search content */
#search_content .searchtip{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	BORDER-bottom: #023848 1px solid;
	padding-top:10px;
}

#search_content .result_list{
	padding:10px 10px;
	}
	
#search_content .result_list dt{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	line-height:25px;
	font-family:Microsoft Yahei;}	

#search_content .result_list dd{
	padding:0 0 5px 0;
	margin:0px;
	line-height:20px;
	}	

#search_content .result_list .line {
	overflow:hidden;
	BORDER-bottom: #E9E8E8 1px dashed;}	

#search_content .result_list .line a{
	padding-right:20px;}

#search_content .result_list .line a:hover{
	text-decoration:none;}			
	
#search_content .search_welcome{
	line-height:25px;
	text-align:center;
	}
#search_content .search_welcome p{
	text-align:center;}		
#search_content .result_page{
	text-align:center;
	font-size:13px;
	padding:10px;}

#search_content .result_page span{
	font-size:12px;
	font-family:arial;
	padding:0 5px;
	}	

#dark_footer .box_240px_left {
	width:143px;
	padding-right: 42px;
	padding-top: 0px;
	background-image: none;
	padding-bottom:0px;
	float:left;
}
#dark_footer .box_240px_left h2{
	font-size:14px;
	border-bottom:1px dotted #999;
	color:#FFF;
	padding-bottom:10px;}
#dark_footer .box_240px_left li{
	line-height:250%;
	font-size:12px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	padding-left: 42px;
	padding-top: 0px;
	background-image: none;
}
#dark_footer_wrap {
	background-color:#1c95c0;
	overflow: hidden;
	padding:20px 0px;
}
#dark_footer {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	color#FFF;
}
#light_footer_wrapper {
	font-size:12px;
	padding:10px;
	height:100px;
	
}
.box_240px_right li {
	display: inline;
}
#dark_footer li a{
	color:#FFF;}


/*backtotop*/
.backToTop {
 display: none;
 width: 50px;
 height:50px;
 line-height: 1.2;
 background:url("/images/HituxCMSSimple/back_top.png") left top;;
 color: #fff;
 font-size: 12px;
 text-align: center;
 position: fixed;
 _position: absolute;
 right: 10px;
 bottom: 100px;
 _bottom: "auto";
 cursor: pointer;
 opacity: .6;
 filter: Alpha(opacity=60);
}


/* open div*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	}
#popupInner {
	border: 3px solid #1c95c0;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("/images/HituxCMSSimple/box_bg1.jpg") repeat-x left top;
	color: #1c95c0;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	z-index: 9992;
	text-align:center;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('/images/HituxCMSSimple/close.gif') no-repeat;
}

.VideoBox{
	padding:10px;}


/*product*/
.RightNav span{
	color:#cb1a22;}
 .ClassNav{}
	
 .ClassNav .NavTree ul{
	 width:90%; margin:auto;
	}
	
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
left: 178px; /* Parent menu width - 1*/
position: positive;
width: 217px; /*sub menu width*/
top: 0;
display: none;
border:1px solid #cb1a22;
border-top:2px solid #cb1a22;
background:#FFFFFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
z-index:2000;
}
.RightNav .ClassNav .NavTree ul li ul{
	 width:265px;}

/*All subsequent sub menu levels offset */
 .ClassNav .NavTree ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
z-index:2000;}
/* menu links style */
 .ClassNav .NavTree ul li{
	margin-right:1.5%;
	float:left;
	height: 44px;
	color:#434343;
    line-height: 44px;
}	

 .ClassNav .NavTree ul li a{
	    display: inline-block;
 	}	
 .ClassNav .NavTree ul li li{
	padding-left:0;
	text-align:center;
	z-index:2000;
}
 .ClassNav .NavTree ul li li a{
	border-bottom:1px solid #DDDDDD;
	padding-left:10px;
	z-index:2000;}

 .ClassNav .NavTree ul .current  a{background: url(/images/menu_bg.jpg) repeat-x bottom;font-weight: bold; color:#cb1a22;}
		
 .ClassNav .NavTree ul li a:hover{background: url(/images/menu_bg.jpg) repeat-x bottom;font-weight: bold; color:#cb1a22; }
 
 .ClassNav .NavTree .subfolderstyle{

}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; }
* html  .ClassNav .NavTree ul li a { height: 1%;z-index:2000; }
/* End */	


/*service*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: none;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: none;
}
.qqbox {
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:200px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
	z-index:500;
}
.qqlv {
	width:33px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf {
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #cc0000;
	background:#fff;
}
.qqkfbt {
	width:118px;
	height:20px;
	overflow:hidden;
	background:#cc0000;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #fff;
	cursor:pointer;
	text-align:center;
}
.qqkfhm {
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh {
	width:102px;
	padding-left:10px;
}
#K1 {
	padding-left:3px;
}
#K1 p{
	padding:5px 0px;}	


.HituxBar_com_position {
width: 100%;
height: 70px;
position: fixed;
left: 0px;
bottom: 0px;
background:#20A8D8;
z-index: 10000;
overflow: hidden;
_position: absolute;
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
.HituxBar_com_chat{
	max-width:640px;
	margin:auto;
	}
.HituxBar_com_chat ul li{
	float:left;	
	width:25%;
	}
.HituxBar_com_chat ul li a{
	padding:0px 10px;
	padding-top:45px;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:14px;
	border-left:1px solid #1c95c0;
	height:25px;
	}
.HituxBar_com_chat ul .LiIcon1{
	border-left:none;	
}
.HituxBar_com_chat ul li a:hover{
	text-decoration:none;}
/*
.HituxBar_com_chat ul .LiIcon2{
	background:url(/images/HituxMobileImages3/M_Hitux_icon2.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon3{
	background:url(/images/HituxMobileImages3/M_Hitux_icon3.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon4{
	background:url(/images/HituxMobileImages3/M_Hitux_icon4.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon5{
	background:url(/images/HituxMobileImages3/M_Hitux_icon5.png) no-repeat center 5px;
}

.HituxBar_com_chat ul .LiIcon6{
	background:url(/images/HituxMobileImages3/M_Hitux_icon6.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon7{
	background:url(/images/HituxMobileImages3/M_Hitux_icon7.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon8{
	background:url(/images/HituxMobileImages3/M_Hitux_icon8.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon9{
	background:url(/images/HituxMobileImages3/M_Hitux_icon9.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon10{
	background:url(/images/HituxMobileImages3/M_Hitux_icon10.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon11{
	background:url(/images/HituxMobileImages3/M_Hitux_icon11.png) no-repeat center 5px;
}
.HituxBar_com_chat ul .LiIcon12{
	background:url(/images/HituxMobileImages3/M_Hitux_icon12.png) no-repeat center 5px;
}
*/

/* Bottom Icons */
#plug-wrap {

    position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0);

    z-index:800;

}

.top_bar {

    position:fixed;

    bottom:80px;

    right:0px;

    z-index:900;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;

}

.plug-menu {

    -webkit-appearance:button;

    display:inline-block;

    width:36px;

    height:36px;

    border-radius:36px;

    position: absolute;

    bottom:17px;

    right: 17px;

    z-index:999;

    box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);

    background-color: #1c95c0;

    -webkit-transition: -webkit-transform 200ms;

    -webkit-transform:rotate(1deg);

    color:#fff;

    background-image:url('/images/HituxMobileImages3/plug.png');

    background-repeat: no-repeat;

    -webkit-background-size: 80% auto;

    background-size: 80% auto;

    background-position: center center;

}

.plug-menu:before {

    font-size:20px;

    margin:9px 0 0 9px;

}

.plug-menu:checked {

    -webkit-transform:rotate(135deg);

}

.top_menu>li {

    width: 32px;

    height:32px;

    border-radius:32px;

    box-shadow: 0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);

    background:#1c95c0;

    position:absolute;

    bottom:0;

    right:0;

    margin-bottom: 20px;

    margin-right:20px;

    z-index:900;

    -webkit-transition: -webkit-transform 200ms;

}

.top_menu>li a {

    color:#fff;

    font-size:20px;

    display: block;

    height: 100%;

    line-height: 33px;

    text-align: center;

}

.top_menu>li>a label{

display:none;

}

.top_menu>li a img {

display: block;

width: 22px;

height: 22px;

text-indent: -999px;

position: absolute;

top: 50%;

left: 50%;

margin-top: -11px;

margin-left: -11px;

}

.top_menu>li.on:nth-of-type(1) {

-webkit-transform: translate(-0, -100px) rotate(720deg);

}

.top_menu>li.on:nth-of-type(2) {

-webkit-transform: translate(-47px, -81px) rotate(720deg);

}

.top_menu>li.on:nth-of-type(3) {

-webkit-transform: translate(-81px, -45px) rotate(720deg);

}

.top_menu>li.on:nth-of-type(4) {

-webkit-transform: translate(-100px, 0) rotate(720deg);

}
#sharemcover {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.7);

display: none;

z-index: 20000;

}

#sharemcover img {

position: fixed;

right: 18px;

top: 5px;

width: 260px;

height: 180px;

z-index: 20001;

border:0;

}

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }
	

.suitle{font-size: 24px; font-weight:bold; color: #333333; text-align:center; padding-bottom:3%; padding-top:3%;}
.subTitle { font-size: 14px; color: #999999; text-align:center; padding-bottom:10px; line-height:30px;}


/*新闻*/
.news{ width:100%; margin:0% auto 5%; overflow:hidden;}
.news .nl{ width:100%; margin:auto;}

.news .nl .tab-hd { height:35px; background:#fff; overflow:hidden; zoom:1; border:3px solid #1c95c0; margin-bottom: 2%;}
.news .nl .tab-hd li{font-size:14px; float:left; width:33.333%; background:#fff; color:#333; text-align:center; cursor:pointer;height:35px;line-height:35px;}
.news .nl .tab-hd li.active{	background:#1c95c0;
font-weight:normal;
padding:0px;
margin:0px;
font-size:16px;
color:#fff;
text-align:center;}
.news .nl .tab-hd li.active a{
	color:#FFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:35px;
	background:none;}
.news .tab-bd li{display:none; }	

.news .LeftImg dl { width:96%; margin:auto; overflow:hidden;}
.news .LeftImg dl dt {
	width: 40%;
	height: 105px;
	float:left;
}
.news .LeftImg dl dt img {
	width: 100%;
	height: 105px;
}
.news .LeftImg dl dd{ width:57%; float:right;}
.news .LeftImg dl dd.dd1 {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}
.news .LeftImg dl dd.dd1 a {
	color: #333;
	font-size: 16px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .LeftImg dl dd.dd1 span {
	float: right;
	font-size: 12px;
	color: #555;
	font-weight:normal;
}
.news .LeftImg dl dd.dd2 {
	line-height: 20px;
	font-size: 14px;
	text-align: justify;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	color:#666;
}
.news .LeftImg dl dd.dd2 a{ color:#666;}
.news .LeftImg dl dd.dd3 {
}
.news .LeftImg dl dd.dd3 a {
	display: block;
	width: 80px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background: #1c95c0;
	color: #fff;
	font-size: 14px;
}
.news .DivList{ width:100%; overflow:hidden;}

.news .DivList dl { width:96%; margin:auto;
}
.news .DivList dl dd{
	height: 40px;
	width: 96%;
	border-bottom: 1px dashed #d0d0d0;
	line-height: 40px;
	text-indent:1em;
	margin:auto;
	font-size: 14px;
	background: url(/images/newsicon.png) no-repeat left center;
}
.news .DivList dl dd a {
	float: left;
	width: 275px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
}
.news .DivList dl dd span {
	float: right;
	color: #666;
        overflow: hidden;
        white-space: nowrap;
}
.news .DivList dl dd:hover a {
	color: #1c95c0;
}
.news .news_con .conright {
	width: 340px;
}


/*四大途径*/
.approach{width:100%; margin:auto; overflow:hidden; background:url(/images/approach_bg.jpg) repeat center; padding:10% 0%;}
.approach .container{ width:96%; margin:auto; overflow:hidden;}
.approach ul{ }
.approach .hjnavleft {width:100%; margin:auto; overflow:hidden;z-index:100; background:#fff;}
.approach .hjnavleft UL LI{ width: 39.2%; padding: 5%; float:left; border:1px solid #1c95c0; border-bottom:1px solid #1c95c0; border-top:1px solid #1c95c0; overflow:hidden;}
.approach .hjnavleft UL LI.hover0 { width: 39.2%; padding: 5%; float:left; border:1px solid #1c95c0; border-bottom:1px solid #1c95c0; border-top:1px solid #1c95c0; background:#1c95c0;
}
.approach .hjnavleft UL LI.hover0 .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover0 .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover0 .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover0 .icon1{ width:60px; height:60px; float:right; background:url(/images/approach_11.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI.hover0:hover .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover0:hover .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover0:hover .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover0:hover .icon1{ width:60px; height:60px; float:right; background:url(/images/approach_11.png) no-repeat center; margin-top:3%;}


.approach .hjnavleft UL LI.hover1 { width: 39.2%; padding: 5%; float:left; border:1px solid #1c95c0; border-bottom:1px solid #1c95c0; border-top:1px solid #1c95c0; background:#1c95c0;
}
.approach .hjnavleft UL LI.hover1 .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover1 .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover1 .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover1 .icon2{ width:60px; height:60px; float:right; background:url(/images/approach_22.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI.hover1:hover .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover1:hover .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover1:hover .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover1:hover .icon2{ width:60px; height:60px; float:right; background:url(/images/approach_22.png) no-repeat center; margin-top:3%;}


.approach .hjnavleft UL LI.hover2 { width: 39.2%; padding: 5%; float:left; border:1px solid #1c95c0; border-bottom:1px solid #1c95c0; border-top:1px solid #1c95c0; background:#1c95c0;
}
.approach .hjnavleft UL LI.hover2 .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover2 .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover2 .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover2 .icon3{ width:60px; height:60px; float:right; background:url(/images/approach_33.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI.hover2:hover .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover2:hover .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover2:hover .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover2:hover .icon3{ width:60px; height:60px; float:right; background:url(/images/approach_33.png) no-repeat center; margin-top:3%;}


.approach .hjnavleft UL LI.hover3 { width: 39.2%; padding: 5%; float:left; border:1px solid #1c95c0; border-bottom:1px solid #1c95c0; border-top:1px solid #1c95c0; background:#1c95c0;
}
.approach .hjnavleft UL LI.hover3 .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover3 .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover3 .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover3 .icon4{ width:60px; height:60px; float:right; background:url(/images/approach_44.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI.hover3:hover .title:after{content: "";display: block;width: 47px;height: 1px;background: #fff;margin-top: 20px;}
.approach .hjnavleft UL LI.hover3:hover .title .t{font-size: 20px;font-weight: normal;color: #fff;line-height: 24px; text-align:left;}
.approach .hjnavleft UL LI.hover3:hover .remark{margin-top: 13px;font-size: 16px;color: #fff;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI.hover3:hover .icon4{ width:60px; height:60px; float:right; background:url(/images/approach_44.png) no-repeat center; margin-top:3%;}

.approach li .title:after{content: "";display: block;width: 47px;height: 1px;background: #55473f;margin-top: 20px;}
.approach li .title .t{font-size: 20px;font-weight: normal;color: #55473f;line-height: 24px; text-align:left;}
.approach li .remark{margin-top: 13px;font-size: 16px;color: #55473f;line-height: 30px;white-space: pre-line;}
.approach .hjnavleft UL LI .icon1{ width:60px; height:60px; float:right; background:url(/images/approach_1.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI .icon2{ width:60px; height:60px; float:right; background:url(/images/approach_2.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI .icon3{ width:60px; height:60px; float:right; background:url(/images/approach_3.png) no-repeat center; margin-top:3%;}
.approach .hjnavleft UL LI .icon4{ width:60px; height:60px; float:right; background:url(/images/approach_4.png) no-repeat center; margin-top:3%;}

.approach .ar{ width: 400px; height: 309px; float:right;}
.approach .ar .t{ height: 40px; padding: 0px 20px 0 25px; background: #1c95c0; font-size:18px; color: #fff; line-height:40px;}
.approach .ar .list{ border: 1px solid #cccccc; border-top: none; padding: 0px 20px 0 25px; height: 268px;}
.approach .ar dl dd { line-height: 66px; border-bottom: 1px solid #dcdcdc; font-size: 16px; color: #333333;}
.approach .ar dl dd:nth-child(4){ border-bottom:0px solid #fff;}


/*九大好处*/
.ten{ width:100%; margin:4% auto 4%; overflow:hidden;}
.ten .container{ width:96%; margin:auto; overflow:hidden;}
.ten ul li { float: left; width: 19%; margin:0% 0.5% 2%}
.ten ul li .item_title{font-size:14px;color:#585757;text-align:center;margin-top:2%;line-height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:bold;}
.ten ul li .item_remark{max-height:70px;overflow:hidden;word-break:break-all;font-size:14px;color:#8f8e8e;padding:0 20px;text-align:center;margin-top:5px;line-height:24px;}
.ten ul li .cia{ width: 50%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_01.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li .cia img{ width:100%}/*
.ten ul li:hover .cia{ background:url(/images/ten_01.jpg) no-repeat center #1c95c0;}
.ten ul li .cib{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_02.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cib{ background:url(/images/ten_02.jpg) no-repeat center #1c95c0;}
.ten ul li .cic{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_03.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cic{ background:url(/images/ten_03.jpg) no-repeat center #1c95c0;}
.ten ul li .cid{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_04.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cid{ background:url(/images/ten_04.jpg) no-repeat center #1c95c0;}
.ten ul li .cie{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_05.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cie{ background:url(/images/ten_05.jpg) no-repeat center #1c95c0;}
.ten ul li .cif{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_06.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cif{ background:url(/images/ten_06.jpg) no-repeat center #1c95c0;}
.ten ul li .cig{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_07.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cig{ background:url(/images/ten_07.jpg) no-repeat center #1c95c0;}
.ten ul li .cih{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_08.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cih{ background:url(/images/ten_08.jpg) no-repeat center #1c95c0;}
.ten ul li .cii{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_09.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cii{ background:url(/images/ten_09.jpg) no-repeat center #1c95c0;}
.ten ul li .cij{ width: 18%; margin: 0 auto; border-radius: 50%; background:url(/images/ten_010.jpg) no-repeat center #fff; border-right:1px solid #eaeaea;}
.ten ul li:hover .cij{ background:url(/images/ten_010.jpg) no-repeat center #1c95c0;}*/


/*测一测自己更适合哪种入户*/
.test{width:100%; margin:auto; overflow:hidden;padding:60px 0px; background:url(/images/part7_bg.jpg) no-repeat center; background-size:cover;}
.test .tl{ width:70%; margin:auto; overflow:hidden;}
.test .tl h3{ text-align:left; font-size:16px; font-weight:bold; color:#fff;}
.test .tl .name{color: #85868c; font-size: 14px; display:block; line-height:42px;}
.test .tl .kuang{ width:70%; margin:auto; overflow:hidden;}
.test .tl .nei{width:100%; margin:auto; line-height:45px; height:45px;}
.test .tl .neiot{ outline: none; height: 45px; border: 1px solid #aaa; line-height:45px; box-sizing: border-box; border-radius: 5px; width:96%; padding:0% 2%;}
.test .tl .liu{ width:50%; margin:15px auto 0px;}
.test .tl .liu .Cbutton{background: linear-gradient(138deg, #1ebbf0 30%, #39dfaa 100%); text-align:center; color:#fff; font-size:16px; font-weight:bold; margin:auto; border-radius: 5px; border:none; outline:none; width:96%; height:45px; line-height:45px; float:left;}
.test .tl .radio { display: inline-block; float: left; font-weight: 400; color: #1c95c0; padding-left: 15px; cursor: pointer; margin-left: 10px; font-size: 14px;}

.test .tr{ width:485px; float:right;}
.test .tr h3{ text-align:left; font-size:16px; font-weight:bold; color:#fff;}
.test .tr .title{ font-weight:bold; font-size:26px; color:#333; text-align:center;}
.test .tr .su{ font-size:15px; color:#000; margin-top:8px; text-align:center;}
.test .tr .ttop{ width: 100%; border-bottom: 1px solid #e5e5e5; margin: 30px auto 0; padding-bottom: 10px; overflow:hidden; margin-bottom:15px;}
.test .tr .ttop li{ padding:10px 0px; font-size:18px; line-height:24px; width:33.333%; text-align:center; color:#666666; float:left;}
.test .tr .lun li{ width:100%; margin:auto; overflow:hidden;}
.test .tr .lun li span{ width:33.333%; float:left; text-align:center; color:#a09f9b; font-size:16px; padding:8px 0px;}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

/**/
.partner{ width:96%; margin:5% auto 5%; overflow:hidden;}
.partner li{ width:32.333%; float:left; margin:0.3% 0.5%;}
.partner li img{ width:100%;}

/*积分*/
.integral{ width:100%; margin:2% auto 5%; overflow:hidden;}
.integral li{ width:36%; float:left; padding:7%; background:url(/images/s1.jpg) no-repeat; background-size:cover;}
.integral li:nth-child(2){ width:40%; float:left; padding:5%; background:url(/images/s2.jpg) no-repeat; background-cover:cover;}
.integral li:nth-child(3){ width:40%; float:left; padding:5%; background:url(/images/s3.jpg) no-repeat; background-cover:cover;}
.integral li:nth-child(4){ width:40%; float:left; padding:5%; background:url(/images/s4.jpg) no-repeat; background-cover:cover;}
.integral li .title{ width:100%; margin:0% auto 4%; background:#1c95c0; line-height:40px; height:40px; text-align:center; font-size:17px; color:#fff; font-weight:bold;}
.integral li .remark{ font-size:16px; line-height:28px; color:#fff; width:100%; margin:0% auto 6%; min-height:112px;}
.integral li .more{ font-size:15px; color:#efdebb; text-align:center; font-weight:bold;}


/*学历提升*/
.up{ width:100%; margin:4% auto 4%; overflow:hidden;}
.up li{ width:31.333%; float:left; margin:0% 1%; background:#075fac; padding:3% 0%;}
.up li .ico{ width:40%; margin:0% auto 6%; text-align:center;}
.up li .ico img{ width:100%;}
.up li p{ text-align:center; font-size:15px; color:#fff; line-height:27px;}

/*服务*/
.service{ width:100%; margin:auto; overflow:hidden; background:#f0f0f0;}
.service li{ width:25%; float:left; text-align:center; padding:5% 0%; background:url(/images/s_bg.jpg) no-repeat center right;}
.service li h2{ font-size:24px; color:#0755b2; font-family:Arial, Helvetica, sans-serif; line-height:28px;}
.service li p{ font-size:18px; color:#525252;}

/*一门式*/
.one{ width:100%; margin:4% auto 4%; overflow:hidden;}


/*统一标题*/
.iTitle { width: 100%; text-align: center; padding-bottom:10px;}
.iTitle h2 { font-size: 22px; line-height:30px; color: #000;}
.iTitle h2 em { font-weight: bold;}
.iTitle h2 a{ color:#000;}
.iTitle p { margin-top: 4px; font-size: 16px; color:#333;}
em,i{ font-style: normal;}
.iTitle i { display: block; width: 28px; height: 1px; background: #a9a9a9; margin: 12px auto 0;}



/*第一部分*/
.part1{ width:100%; margin:auto; overflow:hidden; background:#F6F8F9; padding:5% 0%;}
.items-01{ width:100%; margin:2% auto 0px; overflow:hidden;}
.items-01 li.item{ width:96%; height: auto; padding: 0 2% 2% 2%; margin:auto;}
.items-01 li.item .into{ position: relative; height: 100%; padding: 30px 40px; background-color: #fff; box-shadow: 0 10px 20px -10px rgba(0,0,0,0.15); border-radius: 4px; color: #666; font-size: 16px; transition: .3s;}
.items-01 li.item .into > h3{ margin: 3% 0 2% 0; font-size: 22px; color: #333; transition: color .3s;}
.items-01 li.item .into p{ line-height:28px; margin-bottom:5%; font-size:15px;}
.items-01 li.item .into .foot-link{margin-bottom: 30px; color: #666; text-decoration: none;}
.items-01 li.item:hover .into{ background-color: #20a8d8; color: #fff;}
.items-01 li.item:hover .into > h3, .items-01 li.item:hover .into .foot-link{ color: #fff;}
.items-01 li.item:hover .into > p{ color: rgba(255,255,255,.9); line-height:28px;}
.items-01 li.item .icon{ width: 56px; height: 56px; background-position: center; background-repeat: no-repeat; background-size: 100%; display:block;}
.items-01 li.item .icon-01{ background-image: url(/images/icon-01.png);}

.items-01 li.item .icon-02{ background-image: url(/images/icon-02.png);}
.items-01 li.item .icon-03{ background-image: url(/images/icon-03.png);}
.items-01 li.item:hover .icon-01{ background-image: url(/images/icon-01-2.png);}
.items-01 li.item:hover .icon-02{ background-image: url(/images/icon-02-2.png);}
.items-01 li.item:hover .icon-03{ background-image: url(/images/icon-03-2.png);}


/*第二部分*/
.part2{ width:100%; margin:auto; overflow:hidden; padding:5% 0%;}
.items-02{ overflow:hidden;}
.items-02 li.item{padding-left:1%; padding-right: 1%; padding-bottom:4%;}
.items-02 li.item .content{ position: relative; padding-left: 34px;}
.items-02 li.item .content h3{ margin-bottom: 5px; font-size: 18px;}
.items-02 li.item .content p{ font-size: 14px; line-height:24px; color:#666;}
.items-02 li.item .line{ position: absolute; left: 0; top: 5px;}
.items-02 li.item .line:before{ content: ''; position: absolute; left: 50%; top: 23px; width: 0; height: 125px; border-left: 1px dashed #20a8d8;}
.items-02 li.item .dot{ display: block; width: 8px; height: 8px; border: 5px solid rgba(255, 255, 255, .5); background-color: #20a8d8; border-radius: 8px; transition: background-color 0.3s;}
.hj-box{ position: relative;}
.hj-box ul{ position: absolute; left: 0; bottom: 15px; width: 100%;}
.hj-box ul li{ float: left; width: 12.5%; text-align: center; font-size: 18px; color: #20a8d8;}
img.hj{ width: 100%;}

.layout-companys{ position: relative; overflow: hidden;}
.layout-companys .round{ position: absolute; border-radius: 100%; background-image: linear-gradient(248deg, #F3F5F8 2%, #FFFFFF 76%);}
.layout-companys .round1{ width: 330px; height: 330px; left: -100px; top: 105px;}
.layout-companys .round2{ width: 500px; height: 500px; right: -200px; bottom: -40px; opacity: 0.9; transform: scaleX(-1);}
.companys{ text-align: left;}
.companys-category-list, .case-category-list{ position: relative; float: left; width: 170px; margin-right: 33px;}
.companys-category-list h3{ margin-bottom: 20px; font-weight: normal;}
.companys-category-list > ul > li{ height: 36px; line-height: 36px; margin-bottom: 10px; padding-left: 10px; color: #333; text-align: left; cursor: pointer;}
.companys-category-list > ul > li.curr, .companys-category-list > ul > li:hover{ color: #20a8d8;}
.companys-category-list > ul > li.curr{ background-color: #fff; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.08); font-weight: bold;}
.companys-category-content, .case-content{ position: relative; overflow: hidden;}
.category-content, .case-content-list{ position: relative; left: 0; width: 9970px; transition: left .3s ease-in;}
.companys-category-item{ float: left; width: 997px;}
.companys-category-item .video{ min-height: 1px;}
.companys-category-item .video video{ width: 100%;}
.companys-category-item:not(.case-content-item) .company-list .item{ width: 219px; height: 80px; background-color: #fff; margin-bottom: 30px; margin-left: 30px; border: 1px solid #ddd; border-radius: 2px; text-align: center;}
.companys-category-item:not(.case-content-item) .company-list .item img, .article-detail-header .img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.companys-category-item:not(.case-content-item) .company-list .item img{ max-height: 44px; max-width: 65%;}
.companys-category-item footer{ padding-left: 30px;}
.companys-category-item footer .into{ padding-top: 70px; border-top: 1px dashed #979797;}
.companys-category-item .image{ float: left; width: 130px; margin-right: 35px; font-size: 14px; text-align: center;}
.companys-category-item .image .img{ display: inline-block; width: 100px; height: 100px; border-radius: 100%; overflow: hidden; background-color: #d8d8d8; margin-bottom: 15px;}
.companys-category-item .image .img img{ width: 100%; height: 100%; vertical-align: top;}
.companys-category-item .text{ overflow: hidden; position: relative; padding: 18px 25px;}
.companys-category-item .text i[class^="icon-"]{ position: absolute; font-size: 20px; color: #454545;}
.companys-category-item .text .icon-marks-left{ left: 0; top: 0;}
.companys-category-item .text .icon-marks-right{ bottom: 0; right: 0;}
.companys.m-mobile .more{ position: relative; text-align: center;}
.companys.m-mobile .more:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #ddd;}
.companys.m-mobile .more a{ position: relative; color: #999; font-size: 14px; background-color: #f6f8f9; padding: 5px 10px;}
.companys.m-mobile li{ float: left; width: 33.33%; padding: 2%;}
.companys.m-mobile li > div{ position: relative; height: 80px; background-color: #fff; border: 1px solid #ddd; border-radius: 2px;}
.companys.m-mobile li > div > img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 75%; max-height: 44px;}

.items-02-2{ margin-bottom: 20px;}
.items-02-2 li.item{ padding-left: 1%; padding-right: 6.25%; padding-top: 58px; text-align: right;}
.items-02-2 li.item .content{ padding-left: 0; padding-right: 34px;}
.items-02-2 li.item .line{ left: auto; right: 0;}
.items-02-2 li.item .line:before{ top: auto; bottom: 23px; height: 60px;}

.item{ float:left;}

/* 按钮 */
.u-btn{ display: block; height: 30px; line-height: 30px; border-radius: 3px; padding: 0 10px; color: #fff; cursor: pointer; text-align: center; text-decoration: none; vertical-align: top; transition:all .15s ease-in-out; margin:auto; background:#20A8D8;}
.u-btn:hover{ background-color: #1985ac; text-decoration: none; color: #fff;}
.u-btn-white{ background-color: transparent; border:1px solid #20a8d8; line-height: 28px; color: #20a8d8;}
.u-btn-white:hover{ border:1px solid #20a8d8; background-color: #20a8d8; color: #fff;}
.u-btn-big{ width:160px; height:50px; line-height:50px; font-size:16px;}
.u-btn-big.u-btn-white{ line-height: 48px;border:1px solid #fff; color:#fff;}
.u-btn-gray, .u-btn-gray:hover { background-color: #a4b7c1; border-color: #a4b7c1; color: #fff; cursor: no-drop;}


/*第三部分*/
.part3{background-color: #20a8d8; color: #fff; width:96%; margin:auto; overflow:hidden; padding:5% 2%; text-align:center;}
.part3 h2 { margin-bottom: 10px; font-size: 20px; font-weight:bold;}
.part3 div{ font-size:16px; line-height:30px;}


/*第四部分*/
.part4{ background:#F6F8F9; width:100%; margin:auto; overflow:hidden; padding:5% 0%;}


/*第五部分*/
.part5{ background:#17A2B8; width:100%; margin:auto; overflow:hidden; padding:5% 0%;}
.part5 .container{ width: 96%; overflow: hidden; margin:auto;}
.part5 p{ text-align:center; font-size:15px; color:#fff; line-height:28px;}
.layout-benefit{ padding-bottom: 90px!important;}
.layout-benefit h2{ margin-bottom: 18px!important;}
.layout-benefit .layout{ width: 100%; overflow: hidden;}
.layout-benefit .layout p{ line-height: 28px;}
.layout-benefit .list{ width: 100%; margin-top: 4%;}
.layout-benefit .item{ width: 33.13%; padding: 28px 0; margin-bottom: -1px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; text-align: center;}
.layout-benefit .item .icon{ width: 42px; height: 42px; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.layout-benefit .item:nth-child(1) .icon{ background-image: url(/images/icon-07.png);}
.layout-benefit .item:nth-child(2) .icon{ background-image: url(/images/icon-08.png);}
.layout-benefit .item:nth-child(3) .icon{ background-image: url(/images/icon-09.png);}
.layout-benefit .item:nth-child(4) .icon{ background-image: url(/images/icon-10.png);}
.layout-benefit .item:nth-child(5) .icon{ background-image: url(/images/icon-11.png);}
.layout-benefit .item:nth-child(6) .icon{ background-image: url(/images/icon-12.png);}
.layout-benefit .item b{ display: block; font-size: 26px; color:#fff;}
.layout-benefit .item:nth-child(3),.layout-benefit .item:nth-child(6){ border-right:0px;}


/*第六部分*/
.part6{ width:100%; margin:auto; padding:5% 0%;}
.part6 .layout { }
.layout{ position: relative; width: 96%; margin: 0 auto;}

.layout-features .list{}
.layout-features dl{ padding-left: 57px; margin-bottom: 30px; background-position: 0 0; background-repeat: no-repeat;}
.layout-features dl:nth-child(1){ background-image: url(/images/icon-13.png);}
.layout-features dl:nth-child(2){ background-image: url(/images/icon-14.png);}
.layout-features dl:nth-child(3){ background-image: url(/images/icon-15.png);}
.layout-features dl:nth-child(4){ background-image: url(/images/icon-16.png); background-size: 40px;}
.layout-features dt{ margin-bottom: 10px; font-size: 18px;}
.layout-features dd{ color: #666; font-size:15px; line-height:28px;}


/*第七部分*/
.part7{ background:#F6F8F9;}
.part7 .layout{padding: 5% 0%;}

.f-initial{ overflow: initial!important;}

.about{ margin-bottom: 20px; overflow:hidden;}
.about p{ color: #666; line-height: 36px; font-size:16px;}
.about p:first-child{ margin: 10px 0px; color: #333; font-size: 18px; line-height: 30px;}
.about > .u-btn{ margin-top: 30px;}
.m-news, .m-news a, .m-news .title{ color: #fff;}
.m-news{ background-color: #20a8d8;}
.m-news .title{ position: relative; padding-left: 15px; line-height: 50px; font-size: 20px; border-bottom: 1px solid rgba(255,255,255,.2);}
.m-news .title h3{ font-weight: normal; font-size:20px;}
.m-news .title .more{ position: absolute; right: 20px; top: 0; color: #fff;}
.m-news .title .more i{ font-size: 28px; opacity: 0.6;}
.m-news .title .more:hover, .m-news .title .more:hover i{ text-decoration: none;}
.m-news .title .more:hover i{ opacity: 1;}
.m-news .wp-block-latest-posts li{ position: relative; overflow: hidden; padding: 1%;}
.m-news .wp-block-latest-posts li a{ display: block; padding-left: 97px; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; font-size:16px;}
.m-news .wp-block-latest-posts li time{ position: absolute; top: 15px; background-color: #17A2B8; padding: 10px; font-size: 14px; color: rgba(255,255,255,.7);}
.m-news .wp-block-latest-posts li:hover, .wp-block-latest-posts li a:hover{ background-color: #17A2B8; text-decoration: none;}



.floating_ck{position:fixed;right:0px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#1c95c0;border-bottom:solid 1px #1c95c0;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(/images/zxicon.png);}
.quote{background-image:url(/images/kficon.png);}
.qrcord{background-image:url(/images/erweima.png);}
.return{background-image:url(/images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#1c95c0;border-bottom:solid 1px #1c95c0;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(/images/gongzhonghao1.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
