*[hidefocus]{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:100%;}
caption,th{font-weight:normal;font-style:normal;text-align:left;}
em,strong{font-weight:bold;font-style:normal;}
input{ outline:none}
body,textarea,select,input{font-family: "微软雅黑";font-size:14px;color:#000;}
body{background-color:#fff;}
a,button{cursor:pointer;}
a{text-decoration:none;color:#000; outline: none;}
a:hover{text-decoration:none;}
html,body{width:100%;height:100%;}
html{overflow:auto;overflow-y:scroll;}
.warp{ width:1100px; margin:0 auto;}
.header{height:110px; background-image:url(../images/top_bg.jpg); background-repeat:no-repeat; background-position:center top; width:100%; background-color:#f8f9fb;}
.logo{ width:220px; height:110px; float:left;}
.search{ width:500px; height:34px; float:left; margin:40px 20px 0 150px;}
.search_input{ width:360px; float:left; padding-left:10px; border:#248cc7 solid 2px; line-height:30px;}
.search_span{ width:90px; height:34px; float:left;line-height:34px; text-align:center; background-color:#248cc7; color:#fff; font-family:"微软雅黑"; border:none}
.tal{ width:210px; height:30px; float: right; margin:45px 0 0 0}
.menu1{width:100%; height:70px; background-image:url(../images/menu_bg1.jpg); background-repeat:repeat-x; overflow:hidden}
.menu{width:1100px; height:70px; margin:0 auto;}



.menu ul li a{width:120px; height:40px; float:left; padding:15px 0; line-height:20px; font-size:16px; color:#fff; text-align:center; list-style-type:none; display:inline-block;font-family:"微软雅黑";}
.menu ul li a:hover{width:120px; height:40px; float:left; padding:15px 0; line-height:20px; font-size:16px; color:#fff; text-align:center; list-style-type:none;background-image:url(../images/menu_bg2.jpg); background-repeat:repeat-x;}

.menu ul li span{ font-size:12px;filter:alpha(opacity=50); 
-moz-opacity:0.5; 
opacity:0.5;}

.menu ul li.active a{width:120px; height:40px; float:left; padding:15px 0; line-height:20px; font-size:16px; color:#fff; text-align:center; list-style-type:none; display:inline-block;background-image:url(../images/menu_bg3.jpg); background-repeat:repeat-x;}
.menu ul li.active a:hover{width:120px; height:40px; float:left; padding:15px 0; line-height:20px; font-size:16px; color:#fff; text-align:center; list-style-type:none;background-image:url(../images/menu_bg3.jpg); background-repeat:repeat-x;}














.banner{height:360px;overflow:hidden;}
.banner .d1{width:100%;height:360px;display:block;left:0px;position: relative;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:2;left:0px;top:500px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:45px;height:3px;overflow:hidden;cursor:pointer; background-color:#FFF;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{width:45px;height:3px;background-color: #039;}



.content_box{ width:100%; margin:0; display:inline-block;}
.content{ width:1100px;display:inline-block;  margin-bottom:20px;}










.content_left{ width:200px; float:left;}
.content_left h5{ width:170px; height:43px; background-image:url(../images/menu_bg1.jpg); color:#fff; font-weight:normal; line-height:42px; padding-left:30px; border-bottom:#e5e5e5 1px solid;}




.accordion,
.accordion ul,
.accordion li,
.accordion a,
.accordion span {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.accordion li {
	list-style: none;
}

/* Layout & Style */

.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	padding: 5px 10px 5px 30px;
	height: 32px;

	color: #fdfdfd;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);

	background: #3a9dd9;
	border-bottom:#e5e5e5 1px solid;

}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	
	/*background: url(../img/active.png) repeat-x;*/
	background: #a5cd4e;

}

.accordion li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	padding: 0 10px;
	margin-right: 10px;
	
	font: normal bold 12px/18px Arial, sans-serif;
	background: #404247;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
	box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
}

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
	color: #fdfdfd;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);
	background: #3e5706;
}

/* Images */

.accordion > li > a:before {
	float:right;
	content: '';
	width: 24px;
	height: 24px;
	margin: 4px 8px;

	background-repeat: no-repeat;
	background-image: url(../images/icons.png);
	background-position: right top;
}

.accordion li.files > a:before { background-position: 0px 0px; }
.accordion li.files:hover > a:before,
.accordion li.files:target > a:before,
.accordion li.files > a.active:before { background-position: 0px -24px; }

.accordion li.mail > a:before { background-position: -24px 0px; }
.accordion li.mail:hover > a:before,
.accordion li.mail:target > a:before,
.accordion li.mail > a.active:before { background-position: -24px -24px; }

.accordion li.cloud > a:before { background-position: -48px 0px; }
.accordion li.cloud:hover > a:before,
.accordion li.cloud:target > a:before,
.accordion li.cloud > a.active:before { background-position: -48px -24px; }

.accordion li.sign > a:before { background-position: -72px 0px; }
.accordion li.sign:hover > a:before,
.accordion li.sign:target > a:before,
.accordion li.sign > a.active:before { background-position: -72px -24px; }

/* Sub Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #e5e5e5;
	border-bottom: 1px solid #c9c9c9;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #efefef; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: transparent;
	border: 1px solid #c9c9c9;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sub-menu em {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 14px;
	color: #a6a6a6;
	font: normal 10px/32px Arial, sans-serif;
}

/* Functionality */

.accordion li > .sub-menu {
	display: none;
}

.accordion li:target > .sub-menu {
	display: block;
}


.content_right{ width:880px; float: right; }
.pro_box{ width:100%; float:left;}
.pro_box dt{ width:100%; float:left; height:43px; background-image:url(../images/title_bg.jpg); background-position:center top;}
.pro_box dt img{ width:38px; float:left;}
.pro_box dt span{float:left; padding-left:10px; height:43px; line-height:40px; font-size:20px; font-weight:bold;}
.pro_box dd{ width:100%; float:left; margin:10px 0 0 0px;}
.pro_box dd li{ width:190px; float:left; margin: 0 15px 0px 10px; height:200px;}
.pro_box dd li img{ width:188px; border:#eee solid 1px; height:130px;}
.pro_box dd li p{ width:100%; height:40px; text-align:center; font-size:14px;  line-height:40px;}

.pro_box1{ width:100%; float:left;}
.pro_box1 h3{ width:100%; float:left; height:43px; background-image:url(../images/title_bg.jpg); background-position:center top;}
.pro_box1 h3 img{ width:38px; float:left;}
.pro_box1 h3 span{float:left; padding-left:10px; height:43px; line-height:40px; font-size:20px; }
.pro_box1 h4{ height:40px; line-height:40px; font-size:12px; font-weight:normal; color:#999 }
.pro_box1 dt{ padding:30px 0;}
.pro_box1 dt img{ width:360px; float:left; margin:20px 40px 0 10px;}
.pro_box1 dt ul{ width:330px; float:left; margin:20px 0 0 0;}
.pro_box1 dt ul li{ width:330px; float:left; list-style-type:none; line-height:20px; padding:10px 0;}
.pro_box1 dt ul li:first-child{ width:330px; float:left; list-style-type:none; line-height:20px; padding:0px 0 30px 0; font-size:24px; }
.pro_box1 dt ul li span{ width:80px; float:left; color: #999;}

.pro_box1 dd{ margin:30px 0 0 10px; }
.pro_box1 dd h1{ width:100%; height:40px; border-bottom:#39C solid 1px; line-height:30px; font-size:18px; display:inline-block; margin-top:30px;}

.pro_box1 dd p{ width:100%; margin:30px 0 0 0px; }
.pro_box1 dd h6{ width:100%; margin:30px 0 0 0px; border-top:#ddd solid 1px; height:40px; line-height:40px; text-align:center; color:#666; font-size:12px; font-weight:normal;}

.pro_box2{ width:100%;}
.pro_box2 h3{ width:100%; float:left; height:43px; background-image:url(../images/title_bg.jpg); background-position:center top;}
.pro_box2 h3 img{ width:38px; float:left;}
.pro_box2 h3 span{float:left; padding-left:10px; height:43px; line-height:40px; font-size:20px; }
.pro_div{ padding:0px; display:inline-block; border-bottom:#eee solid 1px; height:40px; line-height:40px; margin:0 0 10px 10px;}
.pro_div h5{ width:500px; float:left; font-weight:normal; font-size:12px;padding:0px; margin:0px;}

.pro_div h6{ float: right; font-weight:normal; font-size:12px; width:300px; text-align:right; padding-right:50px;}
.pro_box2 dt{ padding:10px 0 20px 0; border-bottom:#eee solid 1px; display:inline-block; margin:0 20px 0 10px; width:850px}
.pro_box2 dt img{ width:200px; float:left; margin:5px 20px 0 0px;}
.pro_box2 dt ul{ width:380px; float:left; margin:0px 0 0 0;}
.pro_box2 dt ul li{ width:380px; float:left; list-style-type:none; line-height:24px; padding:0px 0;}
.pro_box2 dt ul li:first-child{ width:330px; float:left; list-style-type:none; line-height:20px; padding:10px 0 10px 0; font-size:18px; }
.pro_box2 dt ul li span{ width:80px; float:left; color: #999;}

.fooder{ background-image:url(../images/fooder_bg.jpg); background-repeat:repeat-x; height:60px; padding:20px 0;}
.fooder ul{margin:0 auto; width:1100px;height:60px;}
.fooder ul li{width:1100px; text-align:center; line-height:30px; color:#fff; font-size:12px;}
.info{ width:1100px; height:40px; line-height:40px; font-size:12px;}

.page{ margin:30px 0 30px 160px; color:#999; height:30px; line-height:30px;}
.page i{ list-style-type:none;height:28px; line-height:28px; font-style:normal;}
.page i a{height:28px; width:80px; line-height:28px; background-color:#EEE; color:#666;display:inline-block; text-align:center; margin-right:20px;}
.page i a:hover{height:28px;width:80px;  line-height:28px; color:#fff; background-color:#39C}


.content_left dl dt a{ width:170px; height:43px; color:#333; font-weight:normal; line-height:42px; padding-left:30px; border-bottom:#fff 1px solid; background-color:#f5f5f5; display:inline-block;}

.content_left dl dt a:hover{ width:170px; height:43px; color:#fff; font-weight:normal; line-height:42px; padding-left:30px; border-bottom:#fff 1px solid; background-color:#256ea9;}
.content_left dl dt.active a{ width:170px; height:43px; color:#fff; font-weight:normal; line-height:42px; padding-left:30px; border-bottom:#fff 1px solid; background-color:#256ea9; display:inline-block;}

.content_left dl dt.active a:hover{ width:170px; height:43px; color:#fff; font-weight:normal; line-height:42px; padding-left:30px; border-bottom:#fff 1px solid; background-color:#256ea9;}