@charset "gb2312";
*{margin:0 auto; padding:0;}
body {color: #424242;
    font-size: 12px;
	line-height:25px;
	 margin:0 auto;
	 }
img{
	border:none;
	text-align: center;
}
a {text-decoration: none;color: #333;}
ul,p {list-style: none;margin: 0;padding:0;}
.clear{ clear:left;}
.cleara{ clear:right;}
a{color:#333;}
a:hover{
	color: #000;
	text-align: right;
}

/*------------------top---------------------*/
.top{ background:#F9F9F9;border-bottom:1px solid #F0F0F0;}
.top-a{ width:1100px; overflow:hidden; padding:5px 0; }
.top-a span{ color:#C00;}
.top p{ float:left;}
.top a{ float:right;}
/*------------------logo---------------------*/
.logo-a{ float:left; width:220px; padding-top:10px;}

/*------------------nav---------------------*/
.head-v3{position:relative;z-index:100; height:85px;}
.nav{width:1100px;}
.head-v3 .navigation-inner{margin:0 auto;position:relative;}
.navigation-up{height:60px; float:right;}
.navigation-up .navigation-v3{float:left;}
.navigation-up .navigation-v3 ul{float:left;}
.navigation-up .navigation-v3 li{float:left;color:#fff; font-size:13px; text-align:center; margin-left:5px;}
.navigation-up .navigation-v3 .nav-up-selected{background:#f0f0f0;}

.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:30px 0; color:#333;display:inline-block;width:80px; font-size:14px;}

.navigation-down{position:absolute;top:85px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#f0f0f0;position:absolute;top:0px;background-color: rgba(0,0,0,0.9);}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1100px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px;}
.navigation-down .menu-1 dt{font:normal 17px "microsoft yahei";color:#B5DFF8;padding-bottom:10px;border-bottom:1px solid #B5DFF8;margin-bottom:10px; font-weight:bolder;}
.navigation-down .menu-1 dd a{color:#fff; font-size:13px;}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;}

.navigation-down-inner{ padding:10px 0; overflow:hidden;}
.navigation-down-inner .cpa{ width:14%; border-right:1px solid #fff;float:left;}
.navigation-down-inner .cpa p {  width:100%; text-align:center; padding:5px 0;}
.navigation-down-inner .cpa p a{ color:#fff; font-size:16px; font-weight:bolder;}
.navigation-down-inner .cpa p a:hover{ color:#60aff6;}
.navigation-down-inner .cpb{ float:left; width:85%;}
.navigation-down-inner #cpc{ color:#ccc;}
/*------------------banner---------------------*/
.banner{margin-bottom:20px;}
.banner-show{height:442px; margin-bottom:20px;}
.banner .ban_c img{position:absolute;width:1700px;left:50%;margin-left:-900px;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
/*幻灯�?组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}

/*------------------center---------------------*/
.center{ width:1100px; font-size:13px;}
.cen-a{ width:31%; float:left;}
.cen-b{ width:34%; float:left; margin:0 2%;}
.cen-c{ width:31%; float:left;}
.cea{ width:100%; overflow:hidden; margin-bottom:10px;}
.cea h2,.cea h2,.cea h2{ float:left; margin-right:5px;}
.cea p,.cea p,.cea p{ padding:7px 0 0 0px;}

.cen-a ul{ margin-top:10px;}
.cen-a ul li{ border-bottom:1px solid #e4e4e4; padding:8px 0;}
.cen-a ul li span{ float:right; background:url(../images/solutionbg.jpg) no-repeat; width:14px; height:30px; background-position:0 -12px;}
.cen-a ul li:hover{
	text-align:center;
	background-color: #009933;
}
.cen-a ul a li:hover{ color:#FFF;}
.cen-a ul li:hover span{ color:#ED1C24; background:none;}

.cen-b ul{margin-top:10px;}
.cen-b ul li{ float:left; height:125px; margin:0 5px;}
.cen-b ul li img{ width:175px;}
.cen-b ul li h3{  background-color: rgba(0,0,0,0.5);   font-size: 12px; width:100%; text-align:center; position: relative; top:-32px;}
.cen-b ul li a{ color:#FFF;}

.cen-c img{ width:100%; margin:10px 0;}

/*------------------serach---------------------*/
.ser{
	width:100%;
	overflow:hidden;
	background:#f9f9f9;
	border: 1px solid #f0f0f0;
	border-right:none;
	border-left:none;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
.sea{
	width:1100px;
}
.ser-a{ float:left;}
.ser-a h3{ float:left; font-size:16px; line-height:32px;}
.ser-a div{ width:335px; border:1px solid #CCC; overflow:hidden; float:left; height:30px; padding:2px 0;}
.ser-a div #a{ height:30px; border:none; width:300px;}
.ser-a div #b{ background:url(../images/13.gif) no-repeat; width:30px; height:21px; border:none;}
.ser-b{ float:right; padding-top:5px;}
.ser-b1{ float:left; padding-top:5px;}
.ser-b h2{
	font-size:16px;
}
.ser-b span{
	color: #009933;
	font-size: 16px;
}
/*------------------down---------------------*/
.down{ width:1100px; overflow:hidden; font-size:13px;}
.down-a { width:350px; float:left;}
.down-b { width:740px; float:right;}
.down-a ul{ margin-top:10px;}
.down-a ul li{ border-bottom:1px solid #e4e4e4; padding:8px 0;}
.down-a ul li span{ float:right; background:url(../images/solutionbg.jpg) no-repeat; width:14px; height:30px; background-position:0 -12px;}
.down-a ul li:hover{
	text-align:center;
	background-color: #009933;
}
.down-a ul a li:hover{ color:#FFF;}
.down-a ul li:hover span{ color:#ED1C24; background:none;}

.down-b ul{ margin-top:30px;}
.down-b ul li{ float:left; width:24.9%; text-align:center; border-left:1px solid #e8e8e8;}
#dbe{ border-left:none;}
.dba{
	width:46px;
	height:51px;
	background-image: url(../images/index_job.jpg);
	background-repeat: no-repeat;
}
.dbb{ background:url(../images/index_case.jpg) no-repeat; width:46px; height:51px;}
.dbc{ background:url(../images/index_video.jpg) no-repeat; width:46px; height:51px;}
.dbd{ background:url(../images/index_company.jpg) no-repeat; width:46px; height:51px;}
.down-b ul li:hover .dba{
	width:46px;
	height:51px;
	background-image: url(../images/index_job.jpg);
	background-repeat: no-repeat;
}
.down-b ul li:hover .dbb{ background:url(../images/index_case.jpg) no-repeat; width:46px; height:51px;}
.down-b ul li:hover .dbc{ background:url(../images/index_video.jpg) no-repeat; width:46px; height:51px;}
.down-b ul li:hover .dbd{ background:url(../images/index_company.jpg) no-repeat; width:46px; height:51px;}
.down-b ul li:hover h3{
	color:#009933;
}
.down-b ul li div{ margin-bottom:10px;}
.down-b ul li h3{ font-size:17px;}
/*------------------copy---------------------*/
.copy{
	width:100%;
	background:#40434A;
	overflow:hidden;
	margin-top:20px;
}
.cop{ width:1100px; padding:20px 0; overflow:hidden;}
.cop-a{ width:22%; float:left; border-right:1px dashed #999;}
.cop-b{ width:75%; float:right;}

.cop-a{ text-align:center;}
.cop-a img{ width:140px;}
.cop-a h3{ color:#FFF; font-size:16px;}
.cop-a h4{ color:#FFF; font-size:14px; margin:10px 0;}

.cop-b ul{ float:left; width:20%;}
.cop-b ul h3{ color:#FFF; font-size:17px; margin-bottom:10px;}
.cop-b ul li a{ color:#FFF;}
/*------------------copy---------------------*/
.bq{ width:100%; background:#313237; overflow:hidden;}
.bq-a{width:1100px;color:#FFF; font-size:13px;}
.bq-a a{ color:#FFF;}
.co-a{ float:left;}
.co-b{ float:right;}

/*----------------产品内容导航挂顶--------------------*/
.pc-a_1{position:fixed;width:1100px;	 z-index:999;top:0px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));background:#fff;}
.pc-a_1 ul{border:1px solid #e5e5e5; overflow:hidden;}
.pc-a_1 ul li{ float:left;  padding:30px 0 10px 0; font-size:18px;  margin:0 10px; width:163px; text-align:center;}
.pc-a_1 ul li a{ padding:50px 30px 20px 30px; font-size:14px; font-weight:bolder; color:#424242;}
.pc-a_1 ul li a:hover{color:#00883c;}
.pc-a_1 .pc-lia{ background: url(../images/prod_pin.png) no-repeat; background-position:30px -30px;}
.pc-a_1 .pc-lib{ background: url(../images/prod_pin.png) no-repeat; background-position:-70px -30px;}
.pc-a_1 .pc-lic{ background: url(../images/prod_pin.png) no-repeat; background-position:-170px -30px;}
.pc-a_1 .pc-lid{ background: url(../images/prod_pin.png) no-repeat; background-position:-270px -30px;}
.pc-a_1 .pc-lie{ background: url(../images/prod_pin.png) no-repeat; background-position:-370px -30px;}
.pc-a_1 .pc-lif{ background: url(../images/prod_pin.png) no-repeat; background-position:-470px -30px;}
.pc-a_1 .pc-lia:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:30px -120px ;}
.pc-a_1 .pc-lib:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-70px -120px ;}
.pc-a_1 .pc-lic:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-170px -120px ;}
.pc-a_1 .pc-lid:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-270px -120px ;}
.pc-a_1 .pc-lie:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-370px -120px ;}
.pc-a_1 .pc-lif:hover{ background: url(../images/prod_pin.png) no-repeat; background-position:-470px -120px ;}

/*------------------tp----left-----------------*/
.tp{ width:1100px; overflow:hidden;font-size:13px; margin-bottom:20px;}
.tp-a{ width:240px; float:left; margin-right:20px; margin-bottom:10px;}
.tp-a_1{position:fixed;width:240px;	 z-index:999;top:0px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));background:#fff;}
.tpa-a h3{ padding:9px 0 8px 0;}
.tpa-a ul{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #009933;
}
.tpa-a ul li{ border:1px solid #e2e2e2; border-top:none; color:#999; padding:5px 0px 5px 30px;}
.tpa-a ul li:hover{ background:#333; color:#FFF;}
.tpa-a ul li:hover a{ color:#FFF;}
.tpa-a h1{ font-size: 16px; line-height: 25px; margin-top:20px;}
.tpa-a span{
	color: #009933;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}
.tpa-b,.tpa-c{background:url(../images/fast_img.gif) no-repeat; color: #999999;font-size: 12px; padding-right: 100px; background-position:150px 0; height:60px; }
.tpa-c{background:url(../images/about.gif) no-repeat; background-position:150px 0;}
.more a{
	color: #009933;
	margin-left:10px;
}
/*------------------tp----right-----------------*/
.tp-b{ width:840px; float:left; color:#666; font-size:13px;  line-height:23px;}
.tpb-a{ border-bottom:1px solid #CCC; overflow:hidden; padding:9px 0px; margin-bottom:20px;}
.tpb-a h3{ float:left;}
.tpb-a span{
	float:right;
	text-align: right;
}

/*------------------在线客服-----------------*/
#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px; z-index:1;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}

.linkbox{ width:100%; margin-bottom:10px; overflow:hidden;}
.f6 li{ float:left; width:20%; margin:10px 0; text-align:center;}