@charset "gb2312";
*{margin:0px;padding:0px;}
body{font-size:1em;color:#403F3E;font-family:"arial"; overflow-x:hidden;background:#fff;}
a{text-decoration:none;color:#666;}
a:hover{color:#D82427;}
ul{list-style-type:none;}
img{border:none;}
table{overflow-x:Hidden;} 
#topheader{width:100%;height:85px;background:url(../images/top-bg.png) repeat-x;z-index:999; display:none;}
#topheader .logo1{width:55%;margin:0px auto; height:85px; line-height:85px;float:left;text-align:left;padding-left:45%;z-index:9999;font-size:1em;background:url(../images/logo.png) 3% center no-repeat;position:absolute;}
#topheader .logo1 span.big{font-size:1em;color:#fff;}
#topheader .logo1 span.sm{font-size:0.8;color:#fff;}
.nav{width:100%;height:58px;border-bottom:10px solid #ECECEC; position:relative;}
.nav li {width:25%;height:58px;float:left;text-align:center;}
.nav li a{border-bottom:2px solid #fff;display:block;height:58px;line-height:85px;font-weight:bold;}
.nav li a.index{border-bottom:2px solid #fff;display:block;height:58px;font-weight:bold;color:#333; background: url(../images/zy1.png) center  15% no-repeat;}
.nav li a.index1{border-bottom:2px solid #0168B7;display:block;height:58px;font-weight:bold;color:#0168B7; background: url(../images/zy1.png) center  15% no-repeat;}
.nav li a.product1{border-bottom:2px solid #0168B7;display:block;height:58px;font-weight:bold;color:#0168B7; background: url(../images/cpbg2.png) center  15% no-repeat;}
.nav li a.product{border-bottom:2px solid #fff;display:block;height:58px;font-weight:bold;color:#333; background: url(../images/cpbg1.png) center  15% no-repeat;}
.nav li a.about1{border-bottom:2px solid #0168B7;display:block;height:58px;font-weight:bold;color:#0168B7; background:url(../images/gsbg2.png) center  15% no-repeat;}
.nav li a.about{border-bottom:2px solid #fff;display:block;height:58px;font-weight:bold;color:#333; background: url(../images/gsjs.png) center  15% no-repeat;}
.nav li a.contact1{border-bottom:2px solid #0168B7;display:block;height:58px;font-weight:bold;color:#0168B7; background: url(../images/lxwm2.png) center  15% no-repeat;}
.nav li a.contact{border-bottom:2px solid #fff;display:block;height:58px;font-weight:bold;color:#333; background: url(../images/lxwm.png) center  15% no-repeat;}
.cpcslj{width:30px;position:absolute; bottom:100px;right:4px; position:fixed;z-index:9999999999;}
.cpcslj div{width:30px;height:90px;opacity:0.8;filter:alpha(opacity=80);background:#000033;margin-bottom:10px;text-align:center;}
.cpcslj div a{color:#fff;}
.indexFlash{min-height:100px; _height:100px; position:relative;clear:both;}
.indexFlash li img{width:100%; float:left;}
.indexFlash .btnDiv{position:relative; z-index:10; height:35px;  width:100%; text-align:center;background:#f8f8f8;}
.indexFlash .btnDiv span{display:inline-block; width:8px; height:8px; background:#ccc; margin:0 6px; position:relative; top:9px;
border-radius:8px;
-moz-border-radius:8px;
}
.indexFlash .btnDiv .spanNow{background:#FF5400;}

.indexPart1 a{display:block; height:55px; cursor:pointer; border-bottom:#e6e6e6 solid 1px; position:relative; padding:0 10px; color:#999;}
.indexPart1 a:hover{background:#ececec;}
.indexPart1 a .title{color:#000; font-size:15px; padding:5px 0 0 0; height:30px; line-height:30px; overflow:hidden;}
.indexPart1 .info{position:absolute; top:5px; line-height:30px; right:55px; white-space:nowrap; width:120px;}
.indexPart1 a .info em{font-size:15px; color:#000; padding-left:3px;}
.indexPart1 .msg{line-height:1em; height:1em; overflow:hidden;}
.indexPart1 a .msg span{color:#007dbf;}
.telno{width:98%;margin-left:1%;height:40px;line-height:40px;margin-bottom:5px;background:#f1f1f1 url(../images/tel1bg.png) 35% center no-repeat;text-align:center;}
.telno a{color:#0084FF;font-size:1em;display:block;}
.selecs{width:100%;height:40px;margin-bottom:10px;}
.selecs a{display:block;color:#333;width:32%;height:40px;margin-left:1%;line-height:40px;float:left;text-align:center;background:#f1f1f1;}
.selecs a.current1{background:#014598;color:#fff;display:block;}
.cpcs{width:96%;padding-left:2%;height:25px;line-height:25px;margin-bottom:10px;}
.dl-menuwrapper {
	width: 100%;
	max-width: 500px;
	float: right;
	position: absolute;
	top:0;
	right:left;
	padding-top:48px;
	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 {
	
	border: none;
	width: 53px;
	height: 53px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:left;
	cursor: pointer;
	outline: none;
	background: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/header-bg.png) repeat-x bottom left;*/
}

.dl-menuwrapper ul {
	background:#7E7E80;width:100%;
}


.dl-menuwrapper ul {
	padding: 0;
	list-style: none;width:100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li.big {
background:url(../images/icon-back1.png) 95% center no-repeat;
	position: relative;
}
.dl-menuwrapper li{
text-indent:20px;
	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 #626365;
	border-bottom:1px solid #626365;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background:#ddd;
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	
}

.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;
}
.dl-menuwrapper li.dl-back{background:
url(../images/icon-back.png) 5% center no-repeat;text-indent:10px;}
.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: 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: 53px;
	left: 0;
	margin: 0;
}
.dl-menuwrapper li a:hover{display:block;background:#707070;}
/* 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: '';
}

.header{height:50px;width:60%;flaot:left; position:absolute;z-index:99999;}
.header .logo{display:block;width:130px;height:30px;padding:10px 0 0 10px;line-height:30px;color:#B26D34;font-size:1em;}
.header .logo a{display:block;}
.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%;}
.header .search:hover{background-color:#0067d2;}
.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:#0067d2;}
.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;}


#choosedis {width:100%;padding-top:20px;height:auto;padding-bottom:20px;}
#choosedis dd.lf{width:96%;height:auto;line-height:180%;padding-left:2%;padding-right:2%;}
#choosedis dd.rt{width:96%;height:auto;line-height:180%;padding-left:2%;padding-right:2%;}
#choosedis strong{color:#A96A41;font-size:1em;margin-bottom:5px;margin-top:5px;}
.videotitle{width:100%;height:48px;line-height:48px;background:#fff;border-bottom:1px dotted #ddd;border-top:9px solid #ECECEC;text-indent:15px;clear:both;}
.videotitle span.na{float:left;display:block;color:#333;font-weight:bold;border-left:2px solid #0168B7;font-size:1.2em;margin-left:3%;height:20px;line-height:20px;margin-top:13px;}
.videotitle span.more{float:right;display:block;font-weight:normal;font-size:0.8em;margin-right:10px;}
.videodis{width:100%;height:300px;z-index:1;}
.videotitle1{width:96%;height:50px;line-height:50px;background:#eee;border-top:1px solid #ccc;clear:both;font-weight:bold;text-indent:10px;margin:0px auto;}
.videotitle1 span.na{float:left;display:block;}
.videotitle1 span.more{float:right;display:block;font-weight:normal;font-size:0.8em;margin-right:10px;}
.videotitle2{width:96%;margin:0px auto;height:50px;line-height:50px;background:#eee;color:#EE8320;border-top:1px solid #ccc;margin-top:125px;clear:both;font-weight:bold;text-indent:10px;}



.abouttext{width:100%;height:auto;margin:0px auto;padding-top:20px;padding-bottom:20px; }
.abouttext p{line-height:160%;font-size:14px;color:#666;margin-top:5px;margin-bottom:5px;width:96%;margin:0px auto;}
.abouttext p img{width:100%;height:auto;}
.abouttext img{width:100%;height:auto;}
.abouttext table{ border-collapse:collapse;width:100%;}
.abouttext .cttitle{width:96%;margin:0px auto;line-height:180%;font-weight:bold;font-size:1em;}
.abouttext .notice1{width:96%;margin:0px auto;line-height:180%;}
.abouttext  .feedback td{texgt-indent:20px;}
.abouttext input{width:70%;height:30px;line-heigt:30px;border:1px solid #ddd;}
.abouttext input.txt1{width:90%;height:25px;line-height:25px;border:1px solid #ddd;text-indent:10px;margin:0px auto;}
.abouttext input select{width:98%;height:25px;line-height:25px;border:1px solid #ddd;text-indent:10px;}
.abouttext textarea.ly{width:90%;height:100px;border:1px solid #ddd;font-size:0.7em;line-height:180%;padding:3%;}
.abouttext .bt12{width:98%;margin:0px auto;border-radius:5px;height:30px;line-height:30px;background:#519C00;text-align:center;color:#fff;font-weight:bold;font-size:0.9em;border:None;cursor:pointer; }
.abouttext select{width:90%;border:1px solid #ddd;height:30px;line-height:30px;}
  dl.pjdis1{width:96%;padding:2%;height:auto;margin:0px auto 10px;border-bottom:1px dotted #ddd;}
  dl.pjdis1  dd.title{width:100%;font-size:1.2em;color:#1A285A;font-weight:bold;margin-bottom:5px;}
  dl.pjdis1  dd.title a{color:#465160;}
  dl.pjdis1  dd.title a:hover{color:#519C00;}
  dl.pjdis1  dd.text{width:100%;height:auto;overflow:auto;line-height:160%;padding-top:10px;font-size:1.2em;overflow:Hidden;color:#666;} 
  dl.pjdis1  dd.time{width:100%;color:#666;font-size:1em;line-height:160%;background:#f8f8f8;}
 .productadd1{width:100%;clear:both;height:33px;padding-top:30px;}
 .productadd1 .ptcurrent{width:100%;height:33px;line-height:33px;font-size:12px;color:#121212;text-indent:10px;float:left;}
 .productadd1 .ptcurrent .sele1{border:1px solid #ccc;height:23px;font-family:Tahoma;margin-right:10px;}
 .productadd1 .ptcurrent  a.p{border:1px solid #ccc;padding:2px 5px;marin-left:5px;margin-right:5px;}
 .productadd1 .ptcurrent  a{margin-left:10px;margin-righgt:10px;}
 .productadd1 .ptcurrent span{margin-left:10px;margn-right:10px;}
 .productadd1 .ptcurrent  a.current{border:1px solid #ccc;padding:2px 5px;marin-left:5px;margin-right:5px; background:#999; color:#FFFFFF}
 .newstt{width:98%;min-height:30px;line-height:180%;text-align:center;font-weight:bold;font-size:1em;color:#014598;margin:0px auto;}
 .newstt1{width:98%;min-height:30px;line-height:180%;text-align:left;font-size:1.3em;color:#EE8320;margin:0px auto;}
 .newstt2{width:96%;min-height:30px;line-height:180%;text-align:left;font-size:1.3em;color:#EE8320;margin:0px auto 15px;background:#ebebeb;padding-left:2%;}
 .ptjs{width:98%;min-height:30px;line-height:180%;text-align:left;overflow:scroll;clear:both;font-size:1.2em;color:#666;margin:0px auto; text-align:justify;}
  .ptjs img{ clear:both;display:block;}
  .ptjs embed{width:100%;}
 .productpic{width:96%;min-height:30px;margin:0px auto;}
 .productpic p img{width:100%;}
 .productpic img{margin-bottom:10px; width:95%;height:auto;}
.ptxxjs{width:92%;min-height:30px;line-height:180%;text-align:left;font-size:0.8em;color:#666;margin:0px auto;background:#ebebeb;padding:3%;}
.rmqy{width:98%;margin-top:140px;font-size:0.8em;}
.sort{width:98%;clear:both;margin:10px auto;padding-bottom:10px;font-size:1.5em;}
.sort li.big{background:#465160;float:left;width:30%;color:#fff;text-align:center;}
.sort li{float:left;margin-right:2%;margin-bottom:10px;}
.searcher{width:98%;height:50px; position:relative;padding-left:2%;margin-bottom:3%;}
.searcher input.key{width:95%;height:48px;line-height:48px;text-indent:20px;border:1px solid #ddd;border-radius:5px;background:#ddd;float:left; font-size:1.2em;background:#f8f8f8;color:#999;}
.searcher input.bt{width:50px;height:50px;line-height:50px; position:absolute;right:5px;top:0px;float:right;border-radius:0px 5px 5px 0px;background:#014598 url(../images/icon-search.png) center center no-repeat;border:None;cursor:pointer;}
.productsort{width:98%;min-height:30px;overflow:auto;clear:both;padding-left:1%;}
.productsort li.sort1{float:left;border-bottom:1px solid #ddd;height:25px;border-left:1px solid #ddd;line-height:25px;border-right:1px solid #ddd;width:49.3%;color:#0168B7;text-indent:20px;}
.productsort li.sort1 a{height:25px;line-height:25px;color:#0168B7;margin-right:15px;}
.productsort li.sort1  a.current{color:#f60;font-weight:bold;}
.smsort{width:98%;min-height:30px;overflow:auto;clear:both;padding-left:1%;clear:both;padding-top:2%;}
.smsort li.sort2{float:left;border-bottom:1px solid #ddd;height:25px;border-left:1px solid #ddd;background:#ebebeb;line-height:25px;border-right:1px solid #ddd;width:49.3%;color:#0168B7;text-indent:20px;}
.nextpage{width:98%;padding:2%;height:30px;clear:both;}
.nextpage a{margin-left:5px;margin-right:5px;padding:2px 5px;border:1px solid #ddd;border-radius:5px;}
.productdis{width:100%;height:125px;float:left;border:1px solid #f8f8f8;padding-top:4%;padding-bottom:4%;}
.productdis dt.pic{width:40%;height:130px;text-align:center;margin-bottom:5px;overflow:Hidden;float:left;margin-right:3%;}
.productdis dt.pic img{width:auto;max-height:130px;margin:0px auto; }
.productdis dd.tt{width:57%;margin:0px auto;min-height:20px;line-height:20px;float:left;text-align:left;font-size:1em;color:#666;overflow:auto;}
.productdis dd.tt span.cl{background:#f2f2f2;color:#0168B7;padding:3px;font-size:0.6em;}
.productdis dd.tt a{color:#666;}
.productdis dd.tt1{width:57%;min-height:25px;line-height:25px;float:left;text-align:left;font-size:1em;color:#CCC;}
.productdis dd.tel{width:57%;height:35px;line-height:35px;color:#cc0003;font-size:1em;float:left;margin-top:10px;}

.download{width:100%;height:225px;float:left;border:1px solid #f8f8f8;padding-top:4%;padding-bottom:4%;}
.download dt.pic{width:40%;height:230px;text-align:center;margin-bottom:5px;overflow:Hidden;float:left;margin-right:3%;}
.download dt.pic img{width:100%;height:auto;margin:0px auto; }
.download dd.tt3{width:55%;margin:0px auto;min-height:20px;line-height:20px;float:left;text-align:left;font-size:1em;color:#666;overflow:auto;padding-right:2%;}
.download dd.tt1{width:57%;min-height:25px;line-height:25px;float:left;text-align:left;font-size:1em;color:#CCC;}
.download dd.tel{width:57%;height:55px;line-height:35px;color:#cc0003;font-size:1em;float:left;margin-top:10px;}


.cpbt{width:96%;margin-left:2%;height:40px;line-height:40px;font-size:1.2em;}
 .spsx{width:98%;margin-left:2%;height:30px;line-height:30px;font-size:1em;font-weight:bold;}
 .spsx span{border-left:2px solid #004CA9;height:20px;line-height:20px;display:block;margin-top:10px;text-indent:10px;}
.smtt1{width:98%;height:40px;line-height:40px;margin-bottom:25px;border-bottom:1px dotted #ddd;text-align:center;font-size:0.8em;color:#999;margin:0px auto 15px;}
.smtt2{width:94%;min-height:40px;overflow:auto;margin-bottom:25px;border-bottom:1px dotted #ddd;text-align:left;font-size:1.2em;color:#999;margin:0px auto 15px;line-height:140%;padding-left:3%;padding-right:3%;}
.smnav{width:98%;clear:both;border-radius:20px;border:1px solid #f8f8f8;text-align:center;font-size:0.8em;line-height:130%;padding-top:8px;padding-bottom:8px;}
.smnav a{margin-left:5px;margin-right:5px;}
.qadis{width:98%;margin:0px auto;}
.qadis .tt1{font-size:0.9em;min-height:25px;background:#fff;width:95%;margin:0px auto;overflow:auto;}
.qadis .tt1 a{color:#666;}
.qadis p{line-height:180%;color:#999;font-size:0.7em;padding-top:5px;padding-bottom:5px;width:94%;margin:0px auto;background:#ebebeb;padding-left:3%;paddin-right:3%;}
#contact-details{
	border-collapse:collapse;
	marin:0px auto;
	width:98%;
	}

#contact-details img{
	width:61px;height:52px;
	}

#contact-details td{line-height:180%;
padding:5px;color:#666;
	border-bottom:solid 1px #ddd;
	font-size:1em;
	}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/top123.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* ?????????????1???,??????????????????? */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

  dl.pjdis{width:96%;padding:2%;height:160px;margin:0px auto 20px;border-bottom:1px dotted #ddd;}
  dl.pjdis dt.pic{width:40%;height:160px;float:left; position:relative;}
  dl.pjdis dt.pic img{padding:5px;border:1px solid #ddd;width:100%;height:130px;position:absolute;left:0px;top:0px;}
  dl.pjdis  dd.title{width:47%;float:left;height:20px;line-height:20px;font-size:16px;overflow:hidden;padding-left:13%;}
  dl.pjdis  dd.title a{color:#A25D34;}
  dl.pjdis  dd.title a:hover{color:#AB6531;}
  dl.pjdis  dd.text{width:47%;min-height:70px;overflow:auto;line-height:160%;float:left;padding-top:10px;font-size:0.8em;padding-left:13%;overflow:Hidden;color:#666;} 
  dl.pjdis  dd.time1{width:47%;height:20px;padding-left:13%;line-height:20px;float:left;overflow:Hidden;color:#666;font-size:0.8em;}



 dl.newsdis{width:92%;margin:0px auto;height:auto;padding:5px 4%;background:#fff;
}
 dl.newsdis dt.title123{width:100%;height:40px;line-height:40px;font-size:1em;text-decoration:
none;color:#AF0000;}
 dl.newsdis dt.title123 a{color:#AF0000;text-decoration:
none;}
 dl.newsdis dd.time2{width:100%;height:25px;line-height:25px;padding:0px;text-indent:0px;margin-left:0px;}
 dl.newsdis dd.time1{width:100%;height:25px;line-height:25px;padding:0px;text-indent:0px;margin-left:0px;}
 dl.newsdis dd.time1 span.pubtime{display:block;width:auto;font-size:14px;height:22px;display:block;float:left;line-height:22px;text-align:center;color:#999;}
 dl.newsdis dd.time1 span.hit{display:block;width:auto;height:22px;display:block;float:right;line-height:22px;text-align:center;color:#999;background:
url(../images/view.jpg) left center no-repeat;text-indent:26px;margin-right:5px;}

 dl.newsdis dd.pic1{width:100%;height:auto;clear:both;margin-left:0px;margin-bottom:5px;padding-bottom:5px;}
 dl.newsdis dd.pic1 img{width:100%;height:auto;}
 dl.newsdis dd.text{width:100%;height:auto;line-height:120%;padding-top:10px;font-size:1em;padding-bottom:20px;color:#666;padding:0px;text-indent:0px;margin-left:0px;clear:both;}
 dl.newsdis dd.more1{width:100%;margin:0px auto;height:40px;line-height:40px;text-align:left;padding:0px;text-indent:0px;clear:both;border-bottom:1px dotted #ddd;}
 dl.newsdis dd.more1 a{font-size:1em;color:#AF0000;font-weight:bold;}
 .jjfafl{width:96%;margin:0px auto;padding-top:10px;}
  .jjfafl a{width:46%;height:25px;line-height:25px;border:1px solid #ddd;display:block;float:left;text-align:center;margin-right:2%;margin-bottom:2%;font-size:0.8em;}
  .jjfafl a.current{color:#fff;background:#CE0000;width:46%;height:25px;line-height:25px;border:1px solid #ddd;display:block;float:left;margin-bottom:2%;text-align:center;margin-right:2%;}

.footer{width:100%;height:90px;line-height:120%;padding-top:10px;text-align:center;font-size:0.8em;background:
url(../images/ptbg.jpg) repeat-x;margin-top:10px;color:#333;clear:both;}#backtop{position:fixed;right:-50px;bottom:20px;border-radius:50%;transition:right .3s ease-out; width:50px; height:50px; background: rgba(153,153,153,.6) url("../images/wap_back_top.png") 0px 0px no-repeat;background-size:100%; z-index:1000;}
#footerlink{width:100%;height:45px;line-height:45px; position:absolute; bottom:0;z-index:10000; position:fixed;}
#footerlink li{width:100%;height:45px;line-height:45px;color:#fff;font-szie:1em;}
#footerlink li a.dh1{color:#333;display:block; height:45px;line-height:45px; text-align:center;background:#fff url(../images/telbg1.png) 20% center no-repeat;width:45%;float:left;text-indent:20px;padding-left:3%;border:1px solid #ddd;}
#footerlink li a.dx1{color:#fff;display:block; height:45px;line-height:45px;text-align:center;background:#014598 url(../images/dh.png) 20% center no-repeat;width:45%;float:left;text-indent:20px;padding-left:3%;border:1px solid #ddd;}