@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size:12px;}
html, body{ height:100%; width:100%;}
body { font-family:"Microsoft Yahei","宋体", "Simhei", sans-serif; background:#ffffff; border-top:#747474 solid 1px;  background:url("../images/wonderbg.jpg") ; }
li{ list-style:none;}
img{ border:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#f90303;}
.fl { float:left; }
.fr { float:right; }
.cl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cl { zoom:1; }
h3{ font-size:14px; line-height:28px;}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:23px;}
.clear { clear:both; height:0; overflow:hidden; }
.main{ width:1000px; margin:0 auto; padding-left:18px; padding-right:18px; background:url("../images/main_bg.png") center repeat-y;}
.li_biaodian { padding-left:17px; line-height:23px;background:url("../images/li_02.png") left center no-repeat;}
/*top*/
.top-cont{ height:63px; overflow:hidden; background:url("../images/top-cont_bg.jpg");}
.logo{ padding-top:6px; padding-left:10px;}



/*nav*/
.nav-cont{ border:0px solid #7e000c; position:relative; z-index:100; margin-bottom:8px; margin-top:-45px; width:750px; }
.nav{ height:28px; line-height:28px; border:0px solid #ac3d5f;}
.nav li { width:95px; float:left;  text-align:center; position:relative;}
.nav li.sp{ width:auto; color:#fff; padding:0 2px; }
.nav a{ color:#fff; font-size:12px; display:block; height:28px;}
.nav .hov a.na, .nav a.na:hover{color: #06F;  background:#484242;}
.nav .sub-menu{width:93px; border:0px solid #530c12; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background:#484242;  padding:5px 0; display:none; position:absolute; left:0; top:30px;}
.nav .sub-menu a{ font-size:12px; }
.nav .sub-menu a:hover, .nav .sub-menu a.hov{ background:#fff; color:#0f397f;}

/*quick_link*/
.quick-cont { position:relative; height:31px; background:url("../images/quick_link_bg.jpg");  margin-bottom:5px; }
.quick-cont li { height:20px; overflow:hidden; line-height:20px; padding-top:8px; padding-left:10px;}
.quick-cont li a{ font-size:14px; }


/*banner*/
.banner{ position:relative; height:339px; margin-bottom:0px; }
.banner-imgs{ width:1000px; height:339px; overflow:hidden;}
.banner-bar{ width:1000px; position:absolute; bottom:12px; left:0; text-align:center; }
.banner-bar a{ display:inline-block; background:url("../images/banner_btn.png") no-repeat; width:11px; height:11px; margin:0 5px;}
.banner-bar a.on{ background:url("../images/banner_btn_on.png") no-repeat; cursor:pointer; }
.banner-bar a span{ display:none;}


/*产品banner切换特效*/
.ggLoading, .ggLoading2 { background-image: url(../images/nav.png); }
.header { height: 268px; }
.gg { width: 100%; height: 268px; position: relative; z-index: 1; overflow: hidden; margin: 0 auto; background: #d3d3d3 url(../images/loading.jpg) repeat-x; }
.ggLoading { position: absolute; left: 40%; top: 200px; width: 325px; text-align: center; height: 56px; background-position: 0 -274px; background-repeat: no-repeat; line-height: 56px; color: #9c9c9c; }
.ggLoading2 { width: 330px; height: 56px; background-position: 213px -330px; background-repeat: no-repeat; }
.ggLoading em { font-weight: bold;}
.ggs { width: 200%; height: 268px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 1000px; height: 268px; margin: 0 auto; }
    .ggBox a { display: block; width: 1000px; height: 268px; position: absolute; z-index: 1; opacity: 0.1; }
    .ggBox img { display: block; width: 1000px; height: 268px; }
.ggb { position: absolute; width: 100%; left: 0; bottom: 0; height: 40px; z-index: 4; background-color: #32342e; background-repeat: repeat-x; background-position: 50% -40px; }
.ggBtns { width: 960px; height: 40px; margin: 0 auto; border-left: 1px solid #090908; border-right: 1px solid #6a6a60; }
    .ggBtns a { float: left; display: block; width: 240px; height: 40px; text-align: center; padding-top: 10px; color: #848380; font-size: 14px; line-height: 40px; background-position: 0 10px; position: relative; top: -10px; outline: none; background-repeat: no-repeat; cursor: pointer; }
        .ggBtns a em { display: block; width: 210px; height: 40px; margin: 0 auto; overflow: hidden;  font-size:16px; }
        .ggBtns a:hover { color: #e7e7e7; }
        .ggBtns a:focus { outline: none; }
        .ggBtns a.ggOn { color: #e7e7e7; background-position: 0 0; }
    .ggb, .ggBtns a { background-image: url(../images/mai n.jpg); }
a.ggOn { background-image: url(../images/gg.png); }






/*滑动门效果开始*/

.huadong{
	background:url(../images/huadong_bg.jpg);
	padding-top:15px; padding-bottom:15px; 
}
OL LI {
 MARGIN: 0px;
}
#con {
 FONT-SIZE: 12px; MARGIN: 0px 7px;
}
#tags {
 PADDING-left: 20px; MARGIN: 0px;HEIGHT: 26px;
}
#tags LI {
	FLOAT: left; MARGIN-RIGHT: 8px; LIST-STYLE-TYPE: none; HEIGHT: 23px; width:114px;line-height:23px;color:#px;font-weight:bold; text-align:center;
}
#tags LI A {
 margin-RIGHT: 8px; margin-top:3px;background:url(../images/bg_huablack.gif); FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #272727;LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none;width:114px;
}
#tags LI.emptyTag {
 BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
}
#tags LI.zzjs_net {
 MARGIN-left: 0px; POSITION: relative; HEIGHT: 23px;width:114px;
}
#tags LI.zzjs_net A {
 BACKGROUND:#fff; COLOR: #4f89dc; LINE-HEIGHT: 23px; HEIGHT: 23px;width:114px;
}
#wwwzzjsnet {
	 PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;PADDING-TOP:10px;BACKGROUND-COLOR: #fff;
}
.wwwzzjsnet {
PADDING:5px 10px 10px; DISPLAY: none; BACKGROUND: url(../images/huadong_bg11.jpg);   COLOR: #474747; HEIGHT: 168px;
}
#wwwzzjsnet DIV.zzjs_net {
DISPLAY: block
}

.hdm_content ul li{
	list-style:circle;
	margin-left:15px;
	margin-top:6px;
}
.hdm_content ul li a:link,.hdm_content ul li a:visited{
	color:#666;
	text-decoration:none;
}
.hdm_content_sm{
	line-height:20px;
}
/*滑动门效果结束*/


/*cont*/
.cont{ width:1000px; margin-bottom:8px;}
.pw-a{ width:730px; border:solid 1px #000; }
.pw-b{ width:10px; border:solid 1px #000;}
.pw-c{ width:153px; }
.pw-d{ width:200px;}
.pw-e{ width:780px;}
.pw-f{ width:770px;  overflow:hidden;}
.mr-8{ margin-right:8px;}
.ml-8{ margin-left:8px;}
.mb-8{ margin-bottom:8px;}
.mt-10{ margin-top:10px;}
.part-cont{ border:1px solid #cccccc; background:#f5f5f5;}
.part-cont .b-line{ border-bottom:1px solid #cccccc; margin-bottom:8px;}
.part-cont .tl{ height:35px; background:url("../images/cont_title_bg.png") repeat-x; padding:0 8px; line-height:35px;}
.part-cont .tl span{ display:block; float:left; color:#253f6a; font-size:20px; font-family:"Microsoft Yahei", "Simhei", sans-serif;}
.part-cont .tl span em{ color:#ce0303; font-size:20px; font-style:normal;}
.part-cont .tl a{ display:block; float:right;}
.part-cont .box{ margin:0 8px 8px 8px; }
.wwwzzjsnet .conner{ padding:8px; border:0px solid #ccc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
.wwwzzjsnet .conner ul { float:left;}
.wwwzzjsnet .conner ul dd { width:195px; margin-right:10px;}
.wwwzzjsnet .conner ul img{ margin-right:10px;}
.wwwzzjsnet .conner ul p { width:525px;}
.wwwzzjsnet .conner ul li {text-align:center;}
.wwwzzjsnet .conner ul li img {text-align:center; width:133px;}
.top_line { border-top:#333 solid 1px; }
.bottom_line { border-bottom:#333 solid 1px;} 

.video{ height:173px; width:224px; }

.news{ height:173px; }
.news .tab-bar{ float:left; width:90px; position:relative; z-index:10;}
.news .tab-bar li{ width:70px; height:30px; line-height:30px; padding-left:20px; background:url("../images/li_tab.png") 7px 5px no-repeat; margin-bottom:5px; cursor:pointer;}
.news .tab-bar li.on{ border:1px solid #ccc; border-right:none; height:28px; line-height:28px; background-image:url("../images/li_tab_on.png"); background-color:#fff;}
.news .tab-cont{ float:left;  padding:8px 15px; display:none;}
.news .tab-cont li{ background:url("../images/li_01.png") left center no-repeat; height:26px; line-height:26px; overflow:hidden; padding-left:12px;}
.news .conner{ width:270px; height:155px; }

.business{ height:182px;}
.business .conner{ height:164px;}
.business img{ width:200px; height:164px; display:block; float:left;}
.business ul{ display:block; float:left; padding-left:15px;}
.business li{ background:url("../images/li_02.png") left center no-repeat; width:65px; height:33px; line-height:33px; padding-left:15px; overflow:hidden;}

.cred{ height:220px;}
.cred .conner{ height:202px;}
.cred-imgs{ width:206px; height:185px; overflow:hidden; margin-bottom:8px;}
.cred-imgs p{display:block;  width:206px; height:185px;}
.cred-imgs p a{display:table-cell; text-align:center; vertical-align:middle; height:185px; line-height:185px;}
.cred-imgs img{ max-width:206px; max-height:185px; vertical-align:middle;}
.cred-bar{text-align:center;}
.cred-bar a{ display:inline-block; width:7px; height:7px; background:url("../images/images_btn.png") no-repeat; margin:0 3px; cursor:pointer;}
.cred-bar a.on{ background:url("../images/images_btn_on.png") no-repeat; }
.cred-bar a span{ display:none;}

.project{ height:220px;}
.project .conner{ padding:10px 12px; height:198px;}
.project .fl{ width:286px; text-align:center;}
.project .fl img{ width:286px; height:174px; margin-bottom:8px;}
.project .fr{ width:410px; text-align:center;}
.project .fr li{ display:inline-block; float:left; width:117px; margin-left:18px; margin-bottom:9px;}
.project .fr li img{ width:117px; margin-bottom:6px;}

.team, .notice{ height:200px;}
.team .conner, .notice .conner{ height:182px;}
.team li, .notice li{ width:196px; height:26px; line-height:26px; padding-left:10px; background:url("../images/li_03.png") left center no-repeat; overflow:hidden;}
.team li{ display:inline-block; float:left; width:165px; margin-left:10px;}

.link{ background:#e2e4e7; height:102px; padding:10px 15px;}
.link span{ display:block; color:#253f6a; font-size:20px; font-family:"Microsoft Yahei", "Simhei", sans-serif; padding-bottom:6px;}
.link span em{color:#ce0303; font-size:20px; font-style:normal;}
.link p{ padding:7px 0;}
.link p select{ width:230px;}

/*sub*/
.sub-banner{ height:155px; text-align:center; }
.sub-banner img{ height:155px;}
.sub-cont{ padding-bottom:10px; padding-left:10px;}
.sub-left{ width:200px;}
.sub-left h2{ font-family:"Microsoft Yahei", "Simhei", sans-serif; font-size:18px; height:30px; padding-top:7px; padding-left:20px; border-bottom:5px solid  #666;}
.sub-left .menu{  border-top:none; padding-top:5px; min-height:600px;}
.sub-left .menu li{ height:35px;  border-bottom:1px solid #d2d2d2;  line-height:35px; padding-left:0px;}
.sub-left .menu li a{ display:block; font-size:14px; color:#000; padding-left:25px; background:url("../images/left_li.png") left center no-repeat;}
.sub-left .menu li a:hover{ color:#f90303;  background:#b1afb0;}
.sub-left .menu li.on{ background:#b1afb0;}
.sub-left .menu li.on a{ color:#fff; }

.sub-right{ width:780px;}
.position{ line-height:28px; border-bottom:1px solid #b4b4b4; margin-bottom:10px; font-size:20px; margin-right:10px; }
.list-cont li{ height:35px; line-height:35px; border-bottom:1px dashed #ccc; padding:5px 5px 0 5px; margin-right:10px;}
.list-cont li a{ display:block; float:left; font-size:14px; }
.list-cont li span{ display:block; float:right;}
.list-cont li p { }
.list-img{ padding-top:10px;}
.list-img li{ width:156px; float:left; text-align:center; padding:10px 19px;}
.list-img li img{ width:145px; height:151px; margin-bottom:6px; border:1px solid #ccc;}

.page-right { width:980px; padding:10px;}

.page-cont{ line-height:22px; padding:20px;}
.content{ line-height:24px; padding:20px;}
.content_tl{ color:#7c7b7b; font-size:22px; font-weight:bold; text-align:center; border-bottom:1px dashed #ccc; font-family:"Simhei", "黑体", "Microsoft Yahei",sans-serif; padding:10px;}
.content_attr{ color:#909090; text-align:center; padding-top:10px;}
.content-bar{ text-align:right; padding:20px;}
.content-page{ line-height:24px; padding:0 20px;}
.content-page a{ color:#202f52;}
.content-page a:hover{ color:#f90303;}

.pages{ padding:30px 0 10px 0; text-align:right; padding-right:10px;}
.pages span, .pages a, .pages button, .pages input{ display:inline-block; color:#616161; height:20px; line-height:20px; border:1px solid #616161; padding:0 6px; margin-left:5px;}
.pages span.on{background:#0681c2; color:#fff;}
.pages a:hover{ color:#0681c2; border-color:#0681c2;}
.pages button{ height:22px;}
.pages input{ width:20px;}

/*foot*/
.foot{ background: #FFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.foot-nav{ text-align:right;padding-top:5px;  background-image:url(../images/footer_bj.jpg); height:31px;}
.foot-nav a{ margin:0 15px;color:#fff;}
.foot-info{ color:#000; height:120px;}

.foot-info ul{ float:left; margin-top:10px;}
.foot-info ul li{ float:left; width:300px; margin-right:20px;}
.foot-info ul img{ padding-top:20px; padding-left:15px;}