@charset "utf-8";
/* CSS Document */
/*顶部条*/

.z_top{ width:100%; height:auto; min-width:1026px; overflow:hidden;}
.z_topbar{ width:100%; height:37px; background:url(../images/top_bg.jpg) repeat-x; border-bottom:solid 1px #bcbcbc;}
.z_topk{ width:1026px; height:37px; overflow:hidden; margin:auto;}
.z_tl{ float:left; width:270px; height:37px; line-height:37px;}
.z_tl .z_logo{ width:136px; padding:3px 10px; background:url(../images/x_border.png) no-repeat right center; float:left;}
.z_tl b{ font-size:18px; color:#848383; display:inline-block; float:left; padding:0 10px;}
.z_tr{ float:right; width:640px; height:37px; overflow:hidden; font-size:12px; }
.z_tr a:hover{ color:#222;}
.z_zfjq{ float:left; width:360px; line-height:37px; overflow:hidden;}
.z_zfjq ul li{ float:left;}
.z_zfjq ul li a{ display:inline-block; color:#888; padding-left:26px; margin-right:16px;}
a.z_xl{ background:url(../images/xl_icon.png) no-repeat left center;}
a.z_wx{ background:url(../images/wx_icon.png) no-repeat left center;}
a.z_wb{ background:url(../images/tx_icon.png) no-repeat left center;}
a.z_jq{ width:46px; height:37px; background:url(../images/qqjq_icon.png) no-repeat center;}
.z_xdh{ float:left; width:280px; height:17px; padding:10px 0; overflow:hidden; }
.z_xdh ul li{ float:left;height:17px; line-height:17px;}
.z_xdh ul li a{ display:inline-block;padding:0 10px; color:#888; border-right:solid 1px #CCC;}

.z_bannerk{ width:100%; height:420px; min-width:1026px; text-align:center; overflow:hidden; background:url(../images/zs_banner.jpg) no-repeat center;}


.z_navbar{ width:100%; height:52px; background:url(../images/nav_bg.jpg) no-repeat center;}
.z_nav{ width:1026px; height:52px; margin:auto;background:url(../images/nav_xbg.png) no-repeat left center;}
.z_nav ul li{ float:left; background:url(../images/nav_xbg.png) no-repeat right center; line-height:44px;}
.z_nav ul li a{ display:inline-block; padding:0 24px; font-size:24px; color:#FFF;}
.z_nav ul li a:hover{ color:#f0ff00;}

.main_box{ width:1026px; margin:auto; overflow:hidden;}
.z_box{ padding:36px 0;}
.z_box1{ padding:36px 0;}
.kc_tit{ text-align:center; padding-bottom:30px;}
.cj_box{
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;width:100%;}
.cj_box11{
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;width:100%;	
	}
.cj_box11 tr th{
	height:50px; line-height:50px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #cdcdcc;
	background-color: #dededc; font-size:16px;
	color:#222;
	}	
.cj_box11 tr td{border-width: 1px; font-size:12px;
	padding:8px;
	border-style: solid;
	border-color: #dcdcdc;
	background-color: #ffffff; }

	
.cj_box tr th{
	height:50px; line-height:50px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #cdcdcc;
	background-color: #dededc; font-size:16px;
	color:#222;
	}	
.cj_box tr td{border-width: 1px;
	padding:16px;
	border-style: solid;
	border-color: #dcdcdc;
	background-color: #ffffff; }

.table_1{ width:120px; height:56px; font-size:16px; color:#222; text-align:center; font-weight:bold; padding:50px 0; }
.table_1 p{ font-weight:normal;}
.table_2{ width:150px; text-align:center; font-size:14px; color:#555; line-height:26px; padding:56px 0;}
.table_3{ width:160px;font-size:14px; color:#555; line-height:24px; } 
.table_4{ overflow:hidden; width:280px;}
.table_5{ overflow:hidden; width:300px;}
.table4_l{ float:left; width:134px; margin-right:12px;}
.table4_l p,.table4_r p{ font-size:12px; color:#000;}
.table4_l ul li a{ width:132px; height:28px; border:solid 1px #009fff; background-color:#26afff; display:block; margin:14px 0; font-size:16px; color:#FFF; text-align:center; line-height:28px;}
.table4_l ul li a b{ color:#222; display:inline-block; padding-right:6px;}

.table4_r{ width:130px; float:left;}
.table4_r ul li a{ width:80px; height:28px; border:solid 1px #009fff; display:block; margin:14px 0; font-size:16px; color:#FFF; line-height:28px; background:#26afff url(../images/qq_zx.png) no-repeat 16px center; padding-left:40px;}

.z_box2,.z_box3,.z_box4,.z_box5{ width:1026px; height:auto; overflow:hidden; text-align:center; margin-bottom:26px;}

.z_box6{ width:1026px; height:530px; background-color:#4b4149;}
/* marqueeleft */
.marqueeleft{height:306px;width:986px;overflow:hidden;margin:30px auto; overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:20px 10px;display:inline;width:186px;height:266px;overflow:hidden;}
.marqueeleft li .pic{display:block;width:186px;height:266px;overflow:hidden;}
.z_sztit{ width:1026px; text-align:center;}
.z_sztit img{ width:1026px;}

.z_box7{ width:966px; height:850px; padding:30px; background:#ecf4f9 url(../images/md_bg.jpg) no-repeat bottom center; position:relative;}

.marqueetop{height:670px;width:100%;overflow:hidden; margin:auto;}
.z_lqmd{ width:680px; height:64px; border-radius:40px; background-color:#bbc0c0; color:#222; font-size:46px; font-weight:bold; text-align:center; line-height:64px; margin:0px 170px; margin-bottom:70px;}
.z_mdtit ul li{ float:left; border-right:solid 1px #d1d3d4; height:40px; line-height:40px; text-align:center; font-size:18px; padding:0 10px;}
.z_mdtit ul li.z_mdtit1{ width:50px;}
.z_mdtit ul li.z_mdtit2{ width:391px;}
.z_mdb{ width:100%; height:auto; position:relative;color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;}
.z_mdb tr{ height:36px; line-height:36px;}
.z_mdb tr td{border-width: 1px;
	 height:36px;
	  padding:0 10px;
	border-style: solid;
	border-color: #d1d3d4;
	background-color: #ffffff; font-size:14px; color:#222;
	}
	
.z_mdb tr td.z_mdbk1{ width:50px;}
.z_mdb tr td.z_mdbk2{ width:391px;}	
.z_mdtit{ height:40px; width:964px; border:solid 1px #d1d3d4; background-color:#bbc0c0; position:absolute; top:122px; left:30px;}
.z_mdtit ul li{ float:left; border-right:solid 1px #d1d3d4; height:40px; line-height:40px; text-align:center; font-size:18px; padding:0 10px;}
.z_mdtit ul li.z_mdtit1{ width:50px;}
.z_mdtit ul li.z_mdtit2{ width:391px;}



.z_box9{ width:1026px; height:auto; margin-bottom:40px;}
.z_fxkk{ width:900px; height:auto; margin:auto; overflow:hidden;}
.z_fxkk li{ padding:20px 0; border-bottom:dashed 1px #333; overflow:hidden; font-size:14px; color:#222; line-height:26px;}
.fxkk_l{ width:450px; float:left;}
.fxkk_r{ width:450px; float:right;}

/*底部*/
.zbottom_bar{ width:100%; padding:40px 0; background-color:#696969;}
.zbottom{ width:1000px; margin:auto; font-size:14px; overflow:hidden;}
.zbottom .bm1{ text-align:center; color:#fff;  margin-bottom:6px; overflow:hidden;}
.zbottom .bm1 a{ display:inline-block; padding:0 8px; color:#FFF;}
.zbottom .bm1 a:hover{ text-decoration:underline;}
.zbottom p{ color:#FFF; text-align:center;}


#picarea { width: 1026px; BACKGROUND: #fff; height: 440px; position:relative;
}
#bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 774px; HEIGHT: 482px; OVERFLOW: hidden
}
.image {
	TEXT-ALIGN: center
}
.image img {
	BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; MARGIN: 0px auto; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid
}
#bigpicarea .word {
	TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333
}
#bigpicarea .word h3 {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px
}
#bigpicarea .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	 WIDTH: 178px; HEIGHT: 440px;
}
* html #thumbs {
	HEIGHT: 100%
}
#thumbs li {
	MARGIN: 0px 2px; WIDTH: 178px; DISPLAY: inline;  HEIGHT: 100px
}
#thumbs ul {
	MARGIN-TOP: 3px
}
#thumbs li.last_img {
	MARGIN-RIGHT: 4px
}
#thumbs li.first {
	MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs li.last {
	MARGIN: 25px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs li a {
	WIDTH: 178px; DISPLAY: block; height:90px;
}
#thumbs li a img{ width:178px; height:90px;}
#thumbs li a:hover {
	
}
#thumbs li a.current { color:#F90;
}
#thumbs li.first img {
	
}
#thumbs li.last img {
	
}
.bigbtnprev {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px
}
.bigbtnnext {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px
}
#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}
#smallpicarea { position:absolute; right:0; top:0; width:178px; height:440px; background-color:#0CF;
	
}


.z_tablek{ margin:auto; border:solid 1px #FFFFFF;overflow:hidden;height:630px;width:940px;font-size:14px;color:#990000;}

.z_list li{ width:938; height:30px;line-height:30px; overflow:hidden; border:solid 1px #FFFFFF;}
.z_list li div{ float:left; line-height:30px;}
.z_list li div.xm_1{ width:69px; height:30px; border-right:solid 1px #FFFFFF;}
.z_list li div.xm_2{ width:399px; height:30px;border-right:solid 1px #FFFFFF;}

/*幻灯片*/
.z_box8{ width:1026px; height:auto;  overflow:hidden; padding-bottom:20px; margin-bottom:30px; padding:50px 0;}
.zsjs_tit{ width:1026px; height:50px; text-align:center; margin-bottom:20px;}
.zsjs_img{ width:1026px; height:470px; background-color:#3e3a39;}



.pika-thumbs{ padding: 0 16px; height: 75px; }
.pika-thumbs li{ width: 144px; height:74px; overflow: hidden;
    float: left; list-style-type: none; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 500px;}
.pika-stage {position: relative; text-align:center; height:250px;}
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
    color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 90px; height:55px;}
.pikachoose{width:680px; position:relative;}
#pikame{width: 150px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;}


/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:35px;right:20px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 125px;height: 230px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  125px; height: 230px;}

/*幻灯片*/
.z_box8{ width:1026px; height:auto;  overflow:hidden; padding-bottom:20px; margin-bottom:30px; padding:50px 0;}
.zsjs_tit{ width:1026px; height:50px; text-align:center; margin-bottom:20px;}
.zsjs_img{ width:1026px; height:470px; background-color:#3e3a39;}

.pikachoose {width: 1000px; height:440px;padding:13px;background-color:#3e3a39;}

/* Style the thumbnails */
.pika-thumbs{ }
.pika-thumbs li{ width:178px; height:90px; overflow: hidden;
    float: left; list-style-type: none; cursor: pointer;}
.pika-thumbs li .clip {position:relative;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 500px;}
.pika-stage {position: relative; background: #fafafa; text-align:center; height:440px; margin-right:10px;}
.pika-stage img{height:440px; width:810px;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75); font-size: 16px; 
    color: #fafafa; padding: 10px; text-align: right; bottom:20px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden;  right:-500px; top:0; position:absolute; width:178px; height:440px;}
.pika-textnav a { width:40px; height:28px; display:block; cursor:pointer; }
.pika-textnav a.previous { width:40px; height:28px; display: block; background:url(../images/top.png) no-repeat center; position:absolute; left:75px; top:0px;}
.pika-textnav a.next { width:40px; height:28px; display: block;background:url(../images/bottom.png) no-repeat center; left:75px; bottom:0; position:absolute;}



/*for the tool tips*/
.pika-tooltip{font-size:14px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 178px; height:90px;}
.pikachoose{width:1000px; position:relative; overflow:hidden;}
#pikame{width:178px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;}
.pika-thumbs li { margin: 2px 0px;}

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:44px;right:14px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 178px;height:378px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:178px;}
.jcarousel-skin-pika .jcarousel-item-vertical {}