@charset "utf-8";
body { background:#fff; margin:0px; font:12px  Verdana, Arial, Sans-Serif; color:#000;}
img, a img { vertical-align: middle; } 
@media all {
    img, a img, a:link img, a:visited img { color: inherit; border: none; }
}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0px; padding: 0px; list-style:none;}
img, div { behavior: url(./sinodata/style/iepngfix/iepngfix.htc) }
* { behavior: url(./sinodata/style/iepngfix/iepngfix.htc) }
#cls{clear: both; font-size:0px; width:0px; height:0px; visibility: hidden;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
a{color: #333; text-decoration:none;}
a:hover{ text-decoration:underline;}

#TOP{ width:890px; margin:0 auto; position:relative;}
.s_menu ul{ position:absolute; top:92px; padding:2px; border-top:none; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; visibility:hidden; background:#fff url(/images/s_m_bg.jpg) bottom repeat-x;}
.s_menu ul li{ padding:0; margin:0;}
.s_menu ul li a{ display:block; padding:3px 2px 3px 12px; background: url(/images/m_arr.gif) left center no-repeat;}
.s_menu ul li a:hover{ background:#f5f5f5 url(/images/m_arr.gif) left center no-repeat; padding:3px 2px 3px 12px; text-decoration:none; color:#CC0000;}
.bu{ height:1px; width:65px; font-size:1px; background:#ccc; margin-left:90px; margin-top:-3px;}
#show0{ left:62px; width:85px;}
#show1{ left:247px; width:152px;}
#show2{ left:341px; width:90px;}
.d_logo{ background:url(/images/logo_d.gif) no-repeat; width:207px; height:63px; display:block; margin:20px 0 10px 0;}
.logo{ background:url(/images/logo.jpg) no-repeat; width:80px; height:74px; display:block; margin:20px 0 10px 0; float:right;}
.menu{ margin-top:75px;  width:600px; float:left;}
.menu ul li{ float:left;}
.m_1 a{ background:url(/images/off_1.jpg) no-repeat; width:60px; height:16px; display:block; border:1px solid #fff;}
.m_1 a:hover{ background:url(/images/on_1.jpg) no-repeat; width:60px; height:16px; display:block;}
.m_1 a.u{ background:url(/images/on_1.jpg) no-repeat; width:60px; height:16px; display:block; border:1px solid #ccc;}
.m_2 a{ background:url(/images/off_2.jpg) no-repeat; width:89px; height:16px; display:block; border:1px solid #fff;}
.m_2 a:hover{ background:url(/images/on_2.jpg) no-repeat; width:89px; height:16px; display:block;}
.m_2 a.u{ background:url(/images/on_2.jpg) no-repeat; width:89px; height:16px; display:block; border:1px solid #ccc;}
.m_3 a{ background:url(/images/off_3.jpg) no-repeat; width:92px; height:16px; display:block; border:1px solid #fff;}
.m_3 a:hover{ background:url(/images/on_3.jpg) no-repeat; width:92px; height:16px; display:block;}
.m_3 a.u{ background:url(/images/on_3.jpg) no-repeat; width:92px; height:16px; display:block; border:1px solid #ccc;}
.m_4 a{ background:url(/images/off_4.jpg) no-repeat; width:92px; height:16px; display:block; border:1px solid #fff;}
.m_4 a:hover{ background:url(/images/on_4.jpg) no-repeat; width:92px; height:16px; display:block;}
.m_4 a.u{ background:url(/images/on_4.jpg) no-repeat; width:92px; height:16px; display:block; border:1px solid #ccc;}
.m_5 a{ background:url(/images/off_5.jpg) no-repeat; width:94px; height:16px; display:block; border:1px solid #fff;}
.m_5 a:hover{ background:url(/images/on_5.jpg) no-repeat; width:94px; height:16px; display:block;}
.m_5 a.u{ background:url(/images/on_5.jpg) no-repeat; width:94px; height:16px; display:block; border:1px solid #ccc;}
.m_6 a{ background:url(/images/off_6.jpg) no-repeat; width:70px; height:16px; display:block; border:1px solid #fff;}
.m_6 a:hover{ background:url(/images/on_6.jpg) no-repeat; width:70px; height:16px; display:block;}
.m_6 a.u{ background:url(/images/on_6.jpg) no-repeat; width:70px; height:16px; display:block; border:1px solid #ccc;}
.default{ border:1px solid #A7A9AC;  width:870px; margin:0 auto; padding:10px;}
#Copyright{ width:890px; margin:0 auto;}
.p_link{ float:right; padding:10px;}
.p_link ul li{ float:left;}
.plink_0 a{ background:url(/images/go_off.jpg) no-repeat; width:68px; height:12px; display:block;}
.plink_0 a:hover{ background:url(/images/go_on.jpg) no-repeat; width:68px; height:12px; display:block;}
.plink_1 a{ background:url(/images/moff_1.jpg) no-repeat; width:75px; height:13px; display:block;}
.plink_1 a:hover{ background:url(/images/mon_1.jpg) no-repeat; width:75px; height:13px; display:block;}
.plink_2 a{ background:url(/images/moff_2.jpg) no-repeat; width:78px; height:13px; display:block;}
.plink_2 a:hover{ background:url(/images/mon_2.jpg) no-repeat; width:78px; height:13px; display:block;}
.plink_3 a{ background:url(/images/moff_3.jpg) no-repeat; width:73px; height:13px; display:block;}
.plink_3 a:hover{ background:url(/images/mon_3.jpg) no-repeat; width:73px; height:13px; display:block;}
.copy{ clear:both; background:url(/images/copy.gif) no-repeat; width:314px; height:10px; display:block; margin:0 auto;}

#Content{ border:1px solid #A7A9AC; width:890px; margin:0 auto; clear:both; background:#fff;}
.about{OVERFLOW-X:auto;OVERFLOW-Y:scroll;width:860px;height:403px; padding:15px;}
.about ul{ clear:both;}
.about ul li{ float:left; line-height:200%; text-align:justify;}
.about table td{ line-height:400%; text-align:center; vertical-align: bottom;}

.news{width:890px;height:440px;}
.newslist{ float:left; padding:30px; width:360px;}
.newslist ul li{ padding:8px;}
.newslist ul li a{ background:url(/images/newarr.gif) left center no-repeat; padding-left:20px;}
.newspage{ text-align:right; padding-top:15px;}
.newspage a{ margin-right:10px;}
.newsinfo{ float:left; width:439px;OVERFLOW-X:auto;OVERFLOW-Y:scroll;height:410px; padding:15px; background:#E7E8E9; border-left:1px solid #A7A9AC;}
.newsinfo h2{ padding:20px; font-size:15px; text-align:center;}
.ninfo{ line-height:200%; text-indent: 25px;}

.pro{width:890px;height:440px;}
.shopro{ border-bottom:1px solid #ccc;}
#left-button {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:95px;
	background:url(/images/left.png) no-repeat 0 0;
	z-index:100;
	cursor:pointer;
}
* html #left-button {
	/*--- hide png background for IE5 --*/
		background-image:none;	/*--- insert png background for IE6 --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/left.png);
}
#right-button {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:95px;
	background:url(/images/right.png) no-repeat 0 0;
	z-index:100;
	cursor:pointer;
}
* html #right-button {
	/*--- hide png background for IE5 --*/
		background-image:none;	/*--- insert png background for IE6 --*/
		voice-family: "\"}\"";
		voice-family:inherit;
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/right.png);
}
#motioncontainer a img {
	margin:10px;
	border: 1px solid #fff
}
#motioncontainer a:hover img {border: 1px solid #ccc;}
#statusdiv {display:none;}
#motioncontainer a:hover {
	color: red; /* Dummy definition to overcome IE bug */
}
#motioncontainer {
	width: 890px; 
	height: 120px; 
}

.pirc{ width:708px; margin:0 auto; padding:80px 0;}
.pirc img{ text-align:center; padding-bottom:30px;}
.pr_bg{ width:708px; height:169px; background:url(/images/pr_bg.jpg) no-repeat; font-size:14px;}
.pr_bg table th{ color:#666;}
.pr_bg table td{ text-align:center; font-weight:bold;}

.brand{ padding:10px;}
.brandshow1{ padding:40px 40px 0px 40px; clear:both; height:360px;}
.brandshow1 img{ float:left;}
.brandshow1_text{ float:left; width:500px; padding-left:40px; line-height:220%;}
.brandshow2{ padding:20px 20px 0px 20px; clear:both; height:380px;}
.brandshow2 img{ padding-bottom:20px;}
.brandshow2_text{ width:430px; margin:0 auto; line-height:160%; padding-left:10px;}
.brandshow3{ padding:20px 20px 0px 20px; clear:both; height:380px;}
.brandshow3 img{ padding-bottom:20px;}
.brandshow3_text{ width:430px; margin:0 auto; line-height:200%; padding-left:80px;}
.brand_hua{ position:relative; width:858px; height:21px; margin-top:30px; padding-top:3px; margin:30px auto 0 auto;}
.b_h_text{ padding:1px; color:#FFFFFF; font-weight:bold; padding-left:90px; clear:both;}
.b_h_text span{ padding-left:250px;}
.b_h_h{ background:url(/images/hua.png) no-repeat; width:163px; height:15px; clear:both;}
.b_h_link{	position:absolute;width:858px; margin-top:-3px;}
.b_h_link a{ width:400px; height:20px; display:block; background:url(/images/z.gif);}
.b_h_left{ float:left;}
.b_h_right{ float:right;}

.polytechnic{ height:440px;}
.j_left{ float:left; border-right:1px solid #ccc; width:50px; height:440px;}
.j_left a{ display:block; width:50px; height:440px; background:url(/images/j_left.jpg) no-repeat right center;}
.j_left a:hover{ background:url(/images/j_left_on.jpg) no-repeat right center;}
.j_right{ float:right; border-left:1px solid #ccc; width:50px; height:440px;}
.j_right a{ display:block; width:50px; height:440px; background:url(/images/j_right.jpg) no-repeat left center;}
.j_right a:hover{ background:url(/images/j_right_on.jpg) no-repeat left center;}
.poly_view{ width:760px; margin:0 auto;}
.j_1{ padding:30px;}
.j_1 img{ float:left;}
.j_text_1{ float:left; width:360px; line-height:200%; padding-top:80px; padding-left:40px;}
.j_2{ padding:30px;}
.j_text_2{ line-height:160%; padding-top:20px;}
.j_text_2 h4{ font-size:14px;}
.j_3{ padding:30px;}
.j_text_3{ width:550px; line-height:180%; padding-top:20px; margin:0 auto;}
.j_text_3 h4{ font-size:14px;}

.map{width:890px;height:440px;}
.map h2{ font-size:18px; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.map ul li{ float:left; width:100px; height:260px;}
.map ul li h3{ font-size:14px; padding-bottom:10px;}
.map ul li a{ display:block; padding:3px 0;}
.contact_u{ padding-bottom:20px; border-bottom:1px solid #ccc; line-height:220%;}
.map table{ margin-top:20px;}
.write{ position:absolute; right:0px; top:-200px;}
.mpa{ position:absolute; right:-130px; top:0px;}

/*- Menu Tabs--------------------------- */ 


    #tabs {
      float:left;
      width:600px;
	  padding-top:12px;
      line-height:normal;
	  position:absolute;
	  left:20px;
	  top:96px;
      }
    #tabs ul {
	margin:0;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../images/left.gif") no-repeat left top;
      margin:0 5px 0 0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
	 #tabs b{
      float:left;
      background:url("../images/left.gif") no-repeat 0% -42px;
      padding:0 0 0 4px;
      text-decoration:none; display:block;
      color:#FF9834;
	  font-weight:bold;
	  margin:0 5px 0 0;
	 }
    #tabs a span {
      float:left;
      display:block;
      background:url("../images/right.gif") no-repeat right top;
      padding:5px 15px 4px 8px;
      color:#666;
      }
    #tabs b span {
      float:left;
      display:block;
      background:url("../images/right.gif") no-repeat 100% -42px;
      padding:5px 15px 5px 8px;
      color:#FF9834;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }