/*@charset "utf-8";

/* 手机版导航 */
.container_top {
display: block;
}
.tab {
 
    display:block;
}
.phone_cp_box{ display: none;}
.container_box_nav {
  display: block;
}
.phone_header{ display: none;}
.ph_news_list{ display:none;}
/* .lb_list_newsbox{ display: block;} */
.container_top {display: block;}
.index_news_list{ display: block;}
.phindex_yewu_l{ display: none; padding-top: 20px;}



@media screen and (min-width: 768px){
	
}
@media screen and (max-width: 768px){
.index_auto_text{text-align:inherit !important;}
body{ overflow-x: hidden; }
.qhd-content{ width:100% !important}
.context002{ width:100% !important}
.pro_tita{  height: auto !important}
.portfolio-list{ width:100% !important}
 .qhd-content {
    text-align: inherit !important;
}
.slideTxtBox .bd .tab123 table{
 width: 100% !important;
}
@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;
}
.home_pro_wap{ display:block !important; width:93% !important; margin:auto}

.pro_wapcon{ width:46%; float:left; margin:2%}
.pro_wapcon img{ width:100% !important; height:auto !important;}
.thumbnail-text{line-height: 25px;
    overflow: hidden;
    height: 25px;
	font-weight:100 !important}
/* #wrapper{ display:none} */
/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 250px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 45px;
	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/phone_header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #fff url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

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

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

/*
.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-bottom:1px solid #ccc;
	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;
	
}
.slideTxtBox .bd .tab123 {
    /* height: 24px; */
    line-height: 30px;
    color: #666;
    text-align:inherit !important;
}
.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);
}
.solutions ul li a{ font-size:0.8rem}
.dl-menuwrapper .dl-menu {
	margin: 5px 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 {
	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: '';
}

/* phone_header */
.header{display:none;}
.phone_header{position: fixed;height:50px;background:#fff; display:block; width:100%; z-index:999; border-bottom: 1px solid #ccc;}

.phone_header .logo {
    display: block;
    width:auto !important;
    height: 33px;
   padding: 10px 10px;
   float:left
}
.fu_bn_01{ padding-top:50px;}
.phone_header .logo img{display:block;width:auto; height:33px;}
.phone_header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.phone_header .search:hover{background-color:#0067d2;}
.phone_header .search span{display:none;}
.phone_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%;}
.phone_header .user-icon span{display:none;}
.phone_header .user-icon:hover{background-color:#0067d2;}
.fh_ic01 {
    background: url(/images/fh_01.png) no-repeat right;
}
.fh_ic02 {
    background: url(/images/fh_02.png) no-repeat;
}
.phone_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;}
.callbacks_container{ padding-top:50px;}
.callbacks_container:hover .callbacks_nav { background:none !important}
/*选中后背景色*/
::selection {color: #fff;background: #fd6114;} 
::-moz-selection {color: #fff;background: #fd6114;}
a {
	/*	*/
	text-decoration:none;
}
a:active, a:hover {
	outline: 0;
}
.a-del {
	color: #c00;
}
.a-del:hover {
	color: #b00;
	text-decoration: underline;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.icon-arrow-right {
	
}
.fb18 {
	font-size: 18px;
	font-weight: bold;
}
.fb24 {
	font-size: 24px;
	font-weight: bold;
}
.cred {
	color: #c00 !important;
}
.cblue {
	color: #06c !important;
}

/*====IE提示====*/
.ie8-tips {
	width:100%;
	padding:30px 0;
	border-bottom:1px solid #0066cc;
	background:#fff;
	color:#333;
	line-height:50px;
	text-align:center;
	font-size:2em;
}
.ie8-tips p {
	padding:5px 0;
}
.ie8-tips a {
	margin:0 1em;
	font-size:2em;
}
/*=清除非IE浏览器下的浮动溢出=*/
.wrapfix:after{	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.wrapfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .wrapfix {
	height: 1%;
}
.wrapfix {
	display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

/* End hide from IE-mac */






	.phindex_yewu_l{ display: block;}
/* .lb_list_newsbox{ display:none;} */
.ph_news_list{ display: block;}
.index_news_list{ display:none;}
.container_top {
display: none;
}
.container_box_nav {
  display: none;
}
.index_yewu_box {
    margin: 40px 0px 0px 0px;
}
.container {
    width: 93%;
    height: auto;
    margin: 0 auto;
    line-height: 30px;
}
.index_yewu_l {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.index_yewu_r {
    width: 100%;
    height: auto;
    float: right;
        padding-bottom: 24px;
}
.index_yewu_r ul li {
    width: 25%;
    height: auto;
    float: left;
    margin-left: 0px;
    text-align: center;
    margin-bottom: 10px;
}
.index_about {
    width: 100%;
    height: auto;
    background: #f5f5f5;
    padding: 21px 0px;
}

.index_about_l {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.more_index {
    padding-top: 0px;
    color: #ca2b2f;
    font-size: 14px;
    padding-bottom: 5px;
}
.about_l_txt {
    padding-top: 8px;
    font-size: 14px;
    color: #666666;
}
.index_about_r {
    width: 100%;
    height: auto;
    float: right;
}
.index_about_r img{
    width: 100%;
    height: auto;
}
.index_bt_box {
    width: 100%;
    height: auto;
    padding: 20px 0px;
    background: #3e3d40;
}
.index_bt_l {
    width: 100%;
    height: auto;
    float: left;
}
.foot_01_l {
    margin-top: 2px;
    line-height: 30px;
}
.index_bt_r {
    width: 100%;
    height: 55px;
    float: right;
    padding-top: 9px;
    background: none;
}
.footer_box {
    width: 100%;
    height: auto;
    background: #19191a;
    border-top: 1px solid #666;
    padding: 12px 0px;
}
.footer_box_main {
    text-align: center;
    line-height: 22px;
    margin: 0 auto;
    color: #dddddd;
    font-size: 12px;
    width: 88%;
}
.title_index img{
    display: none;
}
.yewu_icon01_txt {
    line-height: 80px;
    font-size: 12px;
    color: #aeaeae;
    font-weight: bold;
}
.yewu_icon01_txt {
    line-height: 0px;
    font-size: 12px;
    color: #aeaeae;
    font-weight: bold;
}

.index_news_box {
    width: 100%;
    height: auto;
    padding: 76px 0px 30px 0px;
}
.index_news_img {
    width: 100%;
    height: auto;
    float: left;
}
#playBox {
    width: 100%;
    height: 279px;
    margin: 20px auto;
    background: #333;
    position: relative;
    overflow: hidden;
}


.ph_news_list{ width: 100%; height:auto;}
.ph_news_list ul li{ width: 100%; height:auto; margin-bottom: 15px; }
.ph_news_list ul li span{ font-size: 12px; color: #999;}



/* 首页关于我们 */
.index_auto_main {
    width: 93% !important;
    height: auto;
    margin: 0 auto;
}
.index_title_01 {
   width: 93% !important;
    height: auto;
    text-align: left;
    padding: 5px 0px 10px 0px;
    margin: 0 auto;
}
.index_title_01 h2 img{ width: 100%;}


.index_auto_img {
    width: 100% !important;
    height: auto;
    float: left;
}
.index_auto_img img{
    width: 100%;
    height: auto;
}

.index_auto_text {
    width: 100% !important;
    height: auto;
    float: right;
    margin-top: 28px;
    line-height: 26px;
}

.index_auto_box {
    width: 100%;
    height: auto;
    margin-bottom: 37px !important;
}

.inbox_products_text {
    width: 93% !important;
    height: 77px !important;
    border-bottom: 1px solid #f1f1f1;
    line-height: 70px !important;
    text-align: center;
    margin: 0 auto;
}
.inbox_products_text h1 img{
    width: 100%;

}

.tab {
    width: 100% !important;
    margin: 19px auto !important;
    display: none;
}

.index_factory_mian {
    width: 93% !important;
    height: auto;
    margin: 0 auto;
}

.index_factory_left {
    width: 100% !important;
    height: auto;
    float: left;
}

.index_factory_t {
    width: 100% !important;
    height: auto;
}
.index_factory_t01 {
    width: 100% !important;
    height: auto;
    float: left;
    position: relative;
}
.img_01_01 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.index_factory_tt {
    display: none !important;
 
}
.index_factory_tt1{  display: none !important;}

.index_factory_t02 {
    width: 100% !important;
    height: auto;
    float: right;
    position: relative;
    margin-top: 208px;
}

.index_factory_b {

    display: none !important;
}
.index_factory_right {

    display: none !important;
}
.index_news_main {
    width: 100% !important;
    height: auto;
    margin: 0 auto;
        margin-top: 33px;
}

.index_news_left {
    width: 100% !important;
    height: auto;
    float: left;
}

.index_news_leftimg {
    width: 100% !important;
    height: auto;
    overflow: hidden;
}

.index_news_leftimg img{
    width: 100% !important;
    height: auto;
}

.index_news_lefttxt{ width: 93%; margin: 0 auto;}

.index_news_lefttxt h3 {
    font-size: 16px;
    color: #333;
    font-weight: 100;
    line-height: 22px !important;
    margin: 17px 0px !important;
}

.index_news_lefttxt span {
    display: block;
    width: 80px;
    margin-top: 20px;
    height: 29px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 29px;
    font-size: 12px;
    margin-bottom: 30px;
}

.index_news_right {
    width: 100% !important;
    height: auto;
    float: right;
}

.index_news_right ul li {
    width: 90% !important;
       height: auto;
    padding: 18px 0px;
    padding-left: 17px;
    background: #fff;
    margin-bottom: 22px;
	margin:auto
}

.time_news_l {
    width: 62px;
    height: 60px;
    border-right: 2px solid #ccc;
    float: left;
}

.time_news_r {
    width: 71% !important;
    height: 64px;
    float: left !important;
    overflow: hidden;
    margin-left: 10px;
}

/*iframe{ display: none;}*/

.lxwm_map_box{ display: none;}

.index_bt_box{ display: none;}

.page-width {
    width: 93% !important;
    margin: 0 auto;
}

.full-page-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0px 0px 0px !important;
}
.page-title-wrap {
    position: relative;
    margin-top: 40px;
    margin-bottom: 24px !important;
}


.qhd-content .typo .typo_text {
    overflow: inherit !important; 
}
.qhd-content .typo img{
     width: 100% !important; height: auto;
}

.column .col-4-1 {
    width: 47% !important;
    margin: 1.5% !important;
}

.full-page-content .page-menu-content ul li {
    border-bottom: none;
    background: none;
    float: left;
    display: inline;
    border-right: none !important;
  /*  width: 33.333% !important*/
}
.ylgz_list_box{ width:100% !important; height:auto !important; padding:0px !important}
.ylgz_list_box .xxxx{ width:100% !important}
.full-page-content .page-menu-content ul li.current a {
    background: #4ab344;
    color: #fff;
    /* border-bottom: 2px solid #0b56c9; */
    margin-bottom: -2px;
    display: block;
}
.product-list .portfolio-title h2{ padding:0px !important }
.cp_xq_title h1{ font-size:20px;}
.full-page-content .page-menu-content ul li a {
    float: left;
    display: inline;
    line-height: 20px;
    padding: 10px 10px !important;
    font-size: 12px;
    color: #808080;
}
.module-content IMG{ width:100% !important; height:auto !important}
.entry-item {
    border-bottom: 1px dotted #d9d9d9;
    border-bottom: 1px dotted #d9d9d9;
    /* margin: 0px; */
    padding: 0px !important;
}


.typo .typo-text {
    overflow: inherit !important;
}

.typo .typo-img {
    float: left;
    margin-right: 0px !important;
    width: 100% !important;
}
.entry-img img {
    display: block;
    width: 100% !important;
}

.entry-detail {

    margin-bottom: 20px !important;
    float: left !important;
}

.entry-item .typo-img .entry-img {
    margin-bottom: 20px !important;
}

.content {
    width: 100% !important;
    padding: 0 0 60px;
    _overflow: hidden;
}
.canshu{    width: 332px !important;
    height: auto;
    padding: 0em;
    line-height: 26px;
    margin: 0 auto;
    overflow-y: scroll !important;}
.content img{ width:100% !important; height:auto !important}
.search01 input {
    width: 58% !important;
    height: 20px;
    font-size: 14px;
    line-height: 30px !important;
    color: #bbb6b6;
    padding: 8px 20px !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    outline: none;
}

.search01 .search-btn {
    display: inline-block;
    margin-left: -6px;
    cursor: pointer;
    color: #FFF;
    background-color: #4ab344;
    width: 28% !important;
    height: 38px !important;
    font-size: 14px;
    line-height: 33px !important;
    text-align: center;
    border: none;
}
.search-btn img{     width: 30% !important;
    height: 28px !important;;}
.column .col-3-1 {
    width: 46% !important;
    margin: 2% !important;
}
.product-list .portfolio-img img {
    height: auto !important;
}

.product-list .portfolio-img {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 25px;
    width: 100% !important;
    height: auto;
    overflow: hidden;
}

.product-list .portfolio-img img {
    height: auto;
    width: 100% !important;
}
.product-list .portfolio-title {
    margin-bottom: 13px;
    height: 40px !important;
    overflow: hidden !important;
}
.portfolio-title h2{ font-size:12px !important}
.cp_xq_box01 {
    width: 100% !important;
    height: auto;
    margin-bottom: 50px;
}
.cp_xq_img {
    width: 100% !important;
    height: auto !important;
    padding: 0px;
    float: left;
    border: 1px solid #ccc;
}
.cp_xq_img img {
    width: 100% !important;
    height: auto !important;
}

.cp_xq_title {
    width: 100% !important;
    height: auto;
    float: right;
    text-align:inherit;
}

.slideTxtBox {
    width: 100% !important;
    height: auto;
    font-family: "Arial";
    overflow: hidden;
    margin-bottom: 40px;
}
.slideTxtBox .hd {
    width: 100% !important;
    height: 47px;
    line-height: 47px;
    text-align: center;
    background: #e5e5e5;
    position: relative;
}
.slideTxtBox .hd ul li {
    width: 42% !important;
    height: 47px;
    float: left;
    padding: 0 15px;
    cursor: pointer;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}

.slideTxtBox .hd ul li.on {
    width: 37% !important;
    height: 47px;
    background: #0b56c9;
    color: #fff;
}
.sidebar {
    width: 270px;
    padding: 0 0 0px;
    position: relative;
    z-index: 10;
    display: none !important;
}
.phone_cp_box{ width:93%; height: auto; display: block; margin: 0 auto; margin-top: 31px;}
.phone_cp_box ul li {
    width: 46%;
    height: 163px;
    float: left;
    margin: 2%;
    margin-top: 10px;
}
.phone_cp_box ul li img{ width:100%; height: auto; }
.phone_cp_box ul li h3{     height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-weight: 100; overflow:hidden;}

.bt_cp_inbox{ width: 100px; height:32px; text-align: center; margin: 0 auto; line-height: 32px; border: 1px solid #fff; color: #fff; margin-top: 30px;}

.index_products_center {
    width: 100%;
    height: 578px !important;
    background: url(../images/inde_f_bn_02.jpg) center center no-repeat;
}

.index_news_left .index_news_leftimg img {
    width: 513px;
    height:auto !important;

}

.phlx{ text-align:left !important;}
.phlx span{ font-size: 14px !important; display: block !important; text-align:left !important;}
.phlxt{ font-size: 16px !important;}
.c_ph_gyimg{ width: 34% !important;}

.index_title_01 h2 {
    font-size: 22px !important;
    color: #155ac2;
    font-weight: bold;
    margin: 17px 0px;
}


.inbox_products_text h1 {
    font-size: 22px !important;
    color: #fff;
    font-weight: bold;
}

#dituContent{     width: 100% !important;
    height: 400px !important;
    margin-bottom: 50px;}


.baguetteBoxOne {
    width: 100% !important;
    margin: 0 auto;
} 

.gallery a {
    width: 100% !important;
   height: auto !important;
    display: inline-block;
    overflow: hidden;
    margin: 0px;
    box-shadow: 0 0 4px -1px #000;
}

.gallery img {
    height: 100% !important;
    width: 100% !important;
}

.zzc_ico {

    display: none !important;
}

.proDetail-btn a {
    color: #fff;
    display: inline-block;
    width: 47% !important;
    height: 30px;
    line-height: 30px;
    margin: 0 6px 6px 0 !important;
    font-size: 14px;
    font-family: Arial;
    text-align: center;
}

















}