@import url('l.css');
@import url('f.css');

/*=[ Basis ]
---------------------------------------------------------------------------------------------*/
body{color:#3a3534;background: url(../i/bg.gif) repeat-x 0 0;}
a{text-decoration:none;　text-decoration:none;}
a:link{text-decoration:none}
a,a:visited{color:#3a3534; text-decoration:none;}
a:hover{color:#f60; text-decoration:none;}
.more{float:right;margin:0 10px 0 0;font-size:12px;font-weight:normal;}
.more a,.more a:visited{color:#fff;}
.more a:hover{color:#f60;}

/*=[ Layout ]
---------------------------------------------------------------------------------------------*/
#wrap{width:1000px;}
#head{width:100%;background:url(../i/head.gif) no-repeat;}
#nav{float:left;margin:0px auto 0;background:url(../i/nav.gif) repeat-x 0 0;width:100%;}
#banner{}
#page{margin:0 auto;width:100%;background:#fff;}
.pageBg{}
#main{margin:0 auto;width:100%;background:url(../i/bgl.gif) repeat-y  0 0;}
#sidebar{margin:0;width:250px;}
#content{margin:0;padding-top:10px;width:750px;text-align:left;}
#footer{margin:0 auto;background:url(../i/footer.gif) repeat-x 0 0; background-position:top; background-color:#00347a;}

/*=[ Fence ]
---------------------------------------------------------------------------------------------*/
#f2Lf{width:250px;}
#f2Ri{margin:0 0 0 10px;width:470px;}

#f3Lf{width:250px;}
#f3Cn{margin:0 10px;width:530px;}
#f3Ri{width:200px;}

/*=[ Logo、Language ]
---------------------------------------------------------------------------------------------*/
#logo{float:left;_display:inline;overflow:hidden; height:112px;}
#ln{float:right;_display:inline;margin:10px 5px 0 0;color:#afc2dc;}
#ln span{display:inline-block;margin:0 15px;text-align:center;}
#ln a,#Ln a:visited{color:#afc2dc;}
#ln a:hover{color:#fff;}
#cn{}
#en{}
#comp{float:left;margin:0;}

/*=[ Nav - NavMenu ]
---------------------------------------------------------------------------------------------*/
#nav ul{margin:0 0 0 0;}
#nav ul li{background:url(../i/navtx.gif) no-repeat right;width:142px;font-weight:bold;}
#nav ul li span{padding:16px 0 15px;font-size:14px;line-height:16px;}
#nav ul li.navL{display:none;background:url(../i/navL.gif) no-repeat left;width:5px;}
#nav ul li.navR{margin:0;display:none;background:url(../i/navR.gif) no-repeat right;width:5px;}
#nav ul li a,#nav ul li a:visited{color:#fff;}
#nav ul li a:hover{color:#81ecff;}

#nav ul li ul{}
#nav ul li ul li{}
#nav ul li ul li span{}
#nav ul li ul li a,#nav ul li ul li a:visited{color:#333;}
#nav ul li ul li a:hover{color:#f00}

/*=[ Sidebar ]
---------------------------------------------------------------------------------------------*/
.sbar{margin-top:10px;width:250px;}
.sbarWrap{width:100%;}
.sbarTitle{padding:0 0 ;overflow:hidden;text-align:left;background:url(../i/sti.gif) no-repeat center 0;height:36px;}
.sbarTitle h3{margin:8px 0 0 50px;font-size:14px;line-height:16px;color:#fff;}
.sbarTitle h3 span{}
.lxwm{ line-height:25px; text-align:left; padding-left:17px; padding-bottom:10px;}
.lxwm2{ line-height:25px; text-align:left; padding-left:17px; list-style-type:none}
.leftxw{ line-height:25px; margin-left:12px; list-style-type:none;}
.leftxw li{ float:left; width:355px; color:#585858;height:22px; line-height:22px; border-bottom:1px dotted #D9D9D9;}
.leftxw a:link{ text-decoration:none}
.sbarMain{}
.sbarMain p{}
.sbarMain ul{margin:0 auto;width:90%;}
.sbarMain ul li{margin:0 auto;padding:10px 0;font-weight:bold;background:url(../i/snavline.gif) no-repeat center bottom;}
.sbarMain ul li span{margin-left:20px;padding-left:15px;font-size:12px;background:url(../i/navico.gif) no-repeat 0 center;}
.sbarMain a,.sbarMain a:visited{color:#014789; font-size:13px;}
.sbarMain a:hover{color:#000;}

.news_a{ height:30px; line-height:30px; background:url(../i/a09.gif) repeat-x;}
.news_a_a{ float:left; width:100px; text-indent:30px; color:#FFF; background:url(../i/a08.gif) 10px 3px no-repeat; padding-top:1px;}
.news_a_a a{color:#FFF; text-decoration:none;}
.news_a_a a:hover{color:#FFF; text-decoration:underline;}
.news_a_b{ float:right; width:60px; line-height:25px;color:#585858; text-align:right; padding-right:25px; background:url(../i/a07.gif) 68px 7px no-repeat;}
.news_a_b a{color:#585858; text-decoration:none;}
.news_a_b a:hover{color:#228800; text-decoration:underline;}

/*=[ Sidebar - Nav、MailBox、Search、Products、Contact、
         Image Show、Video、Advertisement ] 
---------------------------------------------------------------------------------------------*/
#barNav{}
#barConMi{margin:0 auto;text-align:left;width:90%;line-height:24px;}
#barConMi p{padding-left:20px;background:url(../i/conico.gif) no-repeat 5px 6px;}
#barMi{background:url(../i/mibg.gif) no-repeat center 0;}
#barMi .sbarTitle{background:none;color:#014789;height:auto;}
#barMi .sbarTitle h3{margin:15px 0 0 30px;color:#014789;}
#barSo{}
#barDv{}
#barAd{}
#barAd img{margin:5px auto;border:0;}

/*=[ Page - Container ]
---------------------------------------------------------------------------------------------*/
#classTitle{margin:0 auto;background:url(../i/cltibg.gif) no-repeat right 0;width:98%;}
#classtitleTx{margin:0px;padding:7px 30px 11px 0;text-align:center;background:url(../i/ctitx.gif) no-repeat 0 0;width:127px;}
#classtitleTx h3{margin:0 0 0 0;font-size:14px;line-height:16px;color:#fff;}
#contentWrap{margin:0 auto;text-align:left;}
#contentMain{margin:10px auto;width:95%;line-height:200%;}
#crumb{ margin:10px 10px 0 0;text-align:left;color:#fff;}
#crumb a,#crumb a:visited{color:#fff;}
#crumb a:hover{color:#044c8e;}
#pageLs{ 
	clear:both;margin:10px auto;width:100%;text-align:center;}

/*=[ Page - Article ]
---------------------------------------------------------------------------------------------*/
#articleTitle{margin:10px auto 0;padding:10px 0;width:100%;}
#articleTitle h2{font-size:16px;line-height:18px;}
#articleTitle p{margin:10px auto 0;width:95%;}
#ContentPage{text-align:left;}
#ContentMain{margin:0 10px;}
#ContentMain p{margin:0 auto;padding:10px 0;line-height:180%;}
#ContentMain font{margin:0 auto;padding:10px 0;line-height:180%;}
#ContentMain img{margin-left:-1px;}
#pageLs{margin:15px auto;}

/*=[ Page - Job ]
---------------------------------------------------------------------------------------------*/
#jobLs{margin:20px auto 0;}
#jobLs li{padding:12px 0;background:url(../i/line12.gif) repeat-x bottom;}
#jobLs li span{padding-left:20px;background:url(../i/tx.gif) no-repeat 5px 5px;}
#jobInfo{margin:20px 0 0;border:1px solid #eee;}
#jobInfo{margin:0 auto 0;}
#jobinfoLs li{float:left;width:49%;line-height:30px;}
#jobinfoLs li span{display:inline-block;padding-right:10px;margin:1px 10px 0 1px;width:90px;text-align:right;background:#fafafa;font-weight:bold;}
#jobinfoTi{clear:both;width:100%;margin:20px auto 0;height:30px;line-height:30px;}
#jobDesc{display:inline-block;margin:1px;background:#fafafa;}
#jobDesc span{padding-left:8px;}

/*=[ Page - Product ]
---------------------------------------------------------------------------------------------*/
#proImg{margin:20px auto;text-align:center;width:100%;}
#proImg img{margin:0 auto;display:block;}
#proTitle{margin:10px auto;text-align:center;}
#proTitle h2{font-size:14px;text-align:center;line-height:16px;}
#proDesc{padding:20px 0 0;overflow:hidden;width:100%;}
#prodescTi{margin:0 auto 10px;padding:5px 0 5px 5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:bold;}
#pgImg{margin:15px auto;}
#PgTx small{float:right;}
#pgImg{display:inline-block;position:relative;margin:-30% auto 0;padding-bottom:30%;width:720px;}
#pgImg .down{width:auto;float:left;}
#pgImg .up{width:auto;float:right;}


/*=[ Page - Video ]
---------------------------------------------------------------------------------------------*/
#videoWrap{margin:20px auto;overflow:hidden;background:url(../i/videobg.gif) no-repeat;width:362px;height:337px;}
#videoMain{margin:21px auto 0; width:320px;height:240px;}

/*=[ Page - Contact ]
---------------------------------------------------------------------------------------------*/
#contactMain{margin:50px auto 0;width:60%;line-height:180%;background:url(../i/contactbg.gif) no-repeat 200px 30px;}

/*=[ List - News ]
---------------------------------------------------------------------------------------------*/
#newsLs{margin:10px auto 25px;}
#newsLs li{padding:12px 0;background:url(../i/line12.gif) repeat-x bottom;}
#newsLs li span{padding-left:25px;background:url(../i/news.gif) no-repeat 0 3px;}

/*=[ List - Tech ]
---------------------------------------------------------------------------------------------*/
#techLs{margin:10px auto 25px;}
#tech li{padding:7px 0;background:url(../i/line12.gif) repeat-x bottom;}
#tech li span{padding-left:20px;background:url(../i/tx.gif) no-repeat 5px 5px;}

/*=[ List - Img ]
---------------------------------------------------------------------------------------------*/
.imgLs{margin:10px auto 20px;overflow:hidden;width:100%;}
.imgLs li{padding:5px 0;margin:0 0 0 9px;width:32%;	text-align:center;}
.imgLs li span{padding:10px 0 5px;}
.img{margin:0 auto;text-align:center;width:100%;font-size:0;background:url(../i/igc.gif) no-repeat center;height:170px;}
.img img{margin:10px auto 0;border:0px;}

.imgShow{margin:15% auto 0;background:#eee;border:1px solid #ddd;width:700px;}
.imgShow h2{margin:0 auto;padding:15px 0;width:90%;color:#000;border-bottom:1px solid #ddd;}
.imgShow img{padding:1px;margin:15px auto;border:1px dashed #666;background:#fff;cursor:pointer;}
#imgCrumb{padding:5px 0 5px 10px;background:#333;text-align:left;color:#eee;}
#imgCrumb a,#imgCrumb a:visited{color:#eee;}
#imgCrumb a:hover{color:#ff0;}
/*=[ List - Links ]
---------------------------------------------------------------------------------------------*/
#Links{}

/*=[ Page - Copyright ]
---------------------------------------------------------------------------------------------*/
#copyright{margin:8px auto 0;padding-bottom:15px;line-height:24px;color:#a6d0f4;}
#copyright p{margin:0 auto;overflow:hidden;}
#copyright p span{font:14px/14px Arial;}
#copyright a,#copyright a:visited{color:#81abce;}
#copyright a:hover{color:#fff;}





body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  
}
td{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color:434343;
}
a:link {
	color: #434343;
	text-decoration: underline;
}
a:visited {
	color: #434343;
	text-decoration: underline;
}
a:hover {
	color:#cc0000;
	text-decoration: underline;
}
a.leftpro:link {
	color: #434343;
	text-decoration: none;
	font:bold 14px;
}
a.leftpro:visited {
	color: #434343;
	text-decoration: none;
	font:bold 14px;
}
a.leftpro:hover {
	color:#cc0000;
	text-decoration: none;
	font:bold 14px;
}
a.menu:link {
	color: #ffffff;
	text-decoration: none;
	font:bold 14px;
}
a.menu:visited {
	color: #ffffff;
	text-decoration: none;
	font:bold 14px;
}
a.menu:hover {
	color:#ffff00;
	text-decoration: underline;
	font:bold 14px;
}

.3dfont{font:bold 30px; font-family:黑体; color:cc0000;}
.line{line-height:150%;}
.txt {
	text-indent: 2em;
	line-height: 25px;
	word-spacing: 1pt;
	font-size: 12px;	
	color: #434343;
	}
.data{font-size:11px;}
.title{font:bold 14px;}
.box {
	BACKGROUND-COLOR: #f7f7f7;BORDER-RIGHT: #434343 1px solid; BORDER-TOP: #434343 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #434343 1px solid;  BORDER-BOTTOM: #434343 1px solid; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";
}
textarea
    {BACKGROUND-COLOR: #f7f7f7;BORDER-RIGHT: #434343 1px solid; BORDER-TOP: #434343 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #434343 1px solid; BORDER-BOTTOM: #434343 1px solid; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif";}
	
	#menu {
      float:left;
      width:1000;
      background: url("menubg_01.gif") repeat-x left bottom;
      font-size:100%;
      line-height:normal;
	  margin-left:0px;
	  margin-bottom:1px;
      }
#menu ul {
      margin:0;
      padding:0px 5px 0px 0px;
      list-style:none;
      }
#menu li {
      width:110;
	  height:38;
      float:left;
      background:url("menubg_02.gif") no-repeat left bottom;
      margin:0;
      padding:0 0 0 16px;
      }
#menu a {
      display:block;
      padding:10px 8px 10px 8px;
      }
	
.cpzs88{word-wrap: break-word; word-break: normal; width:720px;}
.news {
	PADDING-BOTTOM: 15px; MIN-HEIGHT: 445px; PADDING-LEFT: 5px; /*PADDING-RIGHT: 0px; PADDING-TOP: 10px;*/ _height: 438px; width:720px; 
}
.news LI {
	BORDER-BOTTOM: #cccccc 1px dotted; LINE-HEIGHT: 30px; LIST-STYLE-TYPE: none; /*HEIGHT: 30px; */CLEAR: both; margin-top:7px;
}
.news LI SPAN {
	FLOAT: right; COLOR: #999999;
}
.wznry1{text-align:center; padding-top:30px; padding-bottom:30px; font-size:30px; line-height:28px;}
.wznry{line-height:220%; overflow-y:auto; overflow-x:hidden; padding-left:15px;}
.jdyy1 {
	PADDING-BOTTOM: 0px; MIN-HEIGHT: 450px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-TOP: 10px; _height: 412px;
}
.pro_list3 LI {
	TEXT-ALIGN: center; LIST-STYLE-TYPE: none; /*WIDTH: 186px;*/ DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 20px; MARGIN-RIGHT: 10px; height:190px;
}
.pro_list3 LI SPAN {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; /*WIDTH: 180px;*/ PADDING-RIGHT: 5px; DISPLAY: block; HEIGHT: 135px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 5px
}
.pro_list3 LI SPAN IMG {
	FLOAT: left
}
.pro_list3 LI P {
	LINE-HEIGHT: 30px; HEIGHT: 30px; CLEAR: both;
}
.t10{BACKGROUND-COLOR: #c8e4fc; WIDTH: 720px; CLEAR: both;}
.cpnry{text-align:center; padding-top:12px; padding-bottom:3px; font-size:30px;}
.cpcpcp{text-align:center;}
.linkzi{ margin-top:15px; color:#a6d0f4;}
.linkzi a{color:#a6d0f4; text-decoration:none;}


.box_g{ background:url(../i/a06.gif) no-repeat;}
.pro{ padding:20px; color:#666;WIDTH: 700px; height:160px; OVERFLOW: hidden;}
.blk_18 {FONT-SIZE: 12px;OVERFLOW: hidden;WIDTH: 700px;}
.blk_18 .pcont {FLOAT: left;OVERFLOW: hidden;WIDTH:635px}
.blk_18 .ScrCont {WIDTH: 32766px;ZOOM: 1}
.blk_18 #List1_1 {FLOAT: left}
.blk_18 #List2_1 {FLOAT: left}
.blk_18 .LeftBotton {BACKGROUND:url(../i/r_a.gif) left no-repeat;FLOAT: left;WIDTH:30px;HEIGHT: 170px}
.blk_18 .RightBotton {BACKGROUND:url(../i/r_b.gif) right  no-repeat;FLOAT: left;WIDTH: 30px;HEIGHT: 170px}
.blk_18 .LeftBotton {MARGIN-LEFT: 5px}
.blk_18 .RightBotton {MARGIN-LEFT: 0px}
.blk_18 .LeftBotton:hover {}
.blk_18 .RightBotton:hover {}
.blk_18 .pl IMG {DISPLAY: block;MARGIN: 6px auto 1px;CURSOR: pointer;border:0;}
.blk_18 .pl {BORDER: #f3f3f3 1px solid;FLOAT: left;WIDTH: 179px;LINE-HEIGHT: 24px;TEXT-ALIGN: center;TEXT-DECORATION: none;margin-left:5px;margin-right:5px; COLOR:#228800;	}
.blk_18 A.pl:hover {BORDER:#228800 1px solid;BACKGROUND:#fff; COLOR:#228800;}
.box_h{margin-left:21px; margin-top:10px;}
.box_h_a{ float:left; width:360px;}
.box_h_b{ float:right; width:360px;}