/* CSS Document */
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto; background:#999}
h1,h2,h3,h4,h5,span,ol,ul,li{ margin:0; padding:0;}
h3{ font-size:14px;}
h4{ font-size:12px;}
a{ color:#666666; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}


.clear{ clear:both; line-height:0; font-size:0;}
#hader{ height:68px; width:970px; padding:37px 15px 0 15px; background:#fff; margin:0 auto;}
#hader div.tel400{ float:right; width:328px; padding-top:9px; text-align:right;}

.logo{ width:502px; float:left;}
.lang{ width:170px; float:right; height:30px; line-height:30px; background:url(../images/lang_icon.gif) no-repeat left; padding-left:18px;}
.lang a{ color:#333333;  text-decoration:none;}
.lang a:hover{ color:#0066CC; text-decoration:underline;}

.menubg{ width:970px; height:35px;border-left:#fff solid 15px; border-right:#fff solid 15px; background:#ddd; margin:0 auto; }
.mainnav{ width:675px; float:right; text-align:right; height:35px; line-height:35px; }
.mainnav ul{ list-style-type:none;}
.mainnav li{ float:left; text-align:center; font-family:Arial; font-size:12px; font-weight:bold;}
.mainnav li a{ color:#414141; text-decoration:none; padding:0 10px; display:block;}
.mainnav li a:hover,.mainnav li#avtive a{ color:#fff; text-decoration:underline; background:#999;}
.submenubg{ background:#fff; height:27px; line-height:27px; border-bottom:#d7d7d7 solid 1px; width:970px;}

.search_fr{ width:240px; height:23px; padding:6px 0 0 6px; float:right;}
.search_input{ width:143px; height:18px; background:url(../images/search_inputbg.gif) no-repeat left #fff; font-family:Arial; padding:3px 0 0 21px; border:#DDDDDD solid 1px;}
.mainnav_prod{ width:547px; float:right; text-align:right; height:35px; line-height:35px; }
.mainnav_prod ul{ list-style-type:none;}
.mainnav_prod li{ float:left; text-align:center;font-family:"ÐÂËÎÌå"; font-size:13px;}
.mainnav_prod li a{ color:#414141; text-decoration:none; padding:0 10px; display:block;}
.mainnav_prod li a:hover,.mainnav_prod li#avtive_p a{ color:#fff; text-decoration:underline; background:#999;}



.submenu{font-family:Arial; font-size:12px;}
.submenu ul{ list-style-type:none}
.submenu li{ float:left; padding-right:10px;}
.submenu li a{ color:#000; text-decoration:none;}
.submenu li a:hover{color:#06c; text-decoration:underline;}
#current a{color:#06c; font-weight:bold;}

#sub_about{ margin-left:378px;}
#sub_news{ margin-left:585px;}
#sub_product{ margin-left:500px;}
#sub_case{ margin-left:645px;}
#sub_career{ margin-left:778px;}

.main{ width:970px; padding:0 15px; background:#fff; margin:0 auto;}
.banner{  width:970px; padding:0 15px 10px 15px; height:178px; background:#fff; margin:0 auto;}

#left{ width:17px; float:left;}
	.lefttitle{ width:177px; height:33px;}
	.leftborder{ border-bottom:#E3E3E3 solid 1px; background:url(../images/leftbg.gif) repeat-y;}
	
	.leftnav{ width:162px; margin:8px 7px 0 6px; background:#fff; font-size:11px; font-family:Arial}
	.leftnav ul{ list-style-type:none;}
	.leftnav li{ border:#E6E6E6 solid 1px; background:#fff;line-height:26px; margin-bottom:5px; background:url(../images/icon3.gif) no-repeat 6px 9px; text-align:left;}
	.leftnav li a{ color:#000; text-decoration:none; padding-left:19px;}
	.leftnav li a:hover{ color:#06c; text-decoration:underline;}
	#active2{ color:#06c; font-weight:bold;}
	
	.leftsubnav{ margin-bottom:5px; padding:0 5px 0 10px;}
	.leftsubnav dt{ width:140px; margin:0; padding:0;}
	.leftsubnav dt{ line-height:19px; font-size:11px;}
	.leftsubnav dt a{ background:url(../images/icon2.gif) no-repeat 1px 8px; padding-left:8px; display:block; color:#666; text-decoration:none;}
	.leftsubnav dt a:hover,.leftsubnav dt#avtive3 a{background:url(../images/icon4.gif) no-repeat 1px 8px; color:#06f; }
	
	
#right{ width:778px; float:right;}	
	.righttitle{ height:33px; width:778px; background:url(../images/line1.gif) repeat-x bottom;}
	.rightimgtitle{ width:250px; text-align:left; height:33px; float:left;}
	.y_url{ width:500px; float:right; text-align:right; height:33px; line-height:33px; font-size:11px;}
	.y_url span{ color:#06c;}
	
	.right_contect{ width:750px; padding:12px 14px;}
	.text{ line-height:23px; font-family:Tahoma; font-size:12px;}
	

#footer{ height:45px; line-height:45px; width:970px; border-top:#ccc solid 1px; color:#777;  background:#fff; margin:0 auto; font-size:11px;}
	.copyright{ float:left; text-align:left; width:400px;}
	.footernav{ width:400px; float:right; text-align:right;}
	.footernav a{ color:#777; text-decoration:none;}
	.footernav a:hover{ color:#0066CC; text-decoration:underline;}



.scenelist{ padding:12px 0 20px 10px; }
.scenelist ul{ list-style-type:none; font-size:11px; font-family:Arial}
.scenelist li{ padding-right:20px !important;padding-right:14px;  width:170px; float:left; height:170px;}
.scenelist li img{ border:0; width:170px; height:123px;}
.scenelist li a{ width:170px; padding:3px; border:#fff solid 1px; display:block; text-decoration:none; color:#333; text-align:center;}
.scenelist li a:hover{ border:#999 solid 1px; color:#06c; background:#eee}
.scenelist li div{padding-top:5px;padding-bottom:5px;display:block;}


.pa {DISPLAY: block; text-decoration:none; background:url(../images/curturebg.gif) repeat-x; padding:0 7px; margin-right:5px; FLOAT: left; COLOR: #333; LINE-HEIGHT: 28px;  HEIGHT: 28px; TEXT-ALIGN: center;font-weight:bold;  border-left:#D7D7D7 solid 1px; border-right:#D7D7D7 solid 1px;}
.paA {DISPLAY: block;text-decoration:none; font-weight:bold; border-left:#D7D7D7 solid 1px; border-right:#D7D7D7 solid 1px; background:url(../images/curturebg.gif) repeat-x; padding:0 7px;  margin-right:5px;FLOAT: left;  COLOR: #06c; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: center}

.pa:hover {background:url(../images/curturebg.gif)  repeat-x; padding:0 7px;  margin-right:5px;COLOR: #333;text-decoration:none; }
.paA:hover {background:url(../images/curturebg.gif)  repeat-x; padding:0 7px;  margin-right:5px;COLOR: #06c;text-decoration:none; }


#newslist2 a{
	line-height:28px;
	background:url(../images/arr2.gif) no-repeat left; 
	padding-left:18px;
	color:#666;
	text-decoration:none;
}
#newslist2 a:hover,#newslist a:active{
	line-height:28px;
	background:url(../images/arr2.gif) no-repeat left; 
	padding-left:18px;
	color:#06c;
	text-decoration:underline;
}

#newslist2 span{ text-align:center; color:#999999; font-size:11px;}
.time_news{ text-align:center; padding-left:10px; color:#999999; font-size:11px;}

.newscataborder{ border:#ddd 1px dotted; padding:2px;}

.newslist_titlebg{ color:#000; background:url(../images/newslist_titlebg.gif) no-repeat center; width:100px; height:26px; display:block; line-height:26px; text-align:center;} 
.newspage{text-align:center; line-height:30px; height:30px; border-top:#d9d9d9 solid 1px; background:#efefef;}
.news_view_title{ color:#06c; font-size:20px; font-weight:bold; line-height:35px; height:35px; border-bottom:#ccc solid 1px; text-align:center;}
.hit{ height:30px; line-height:30px; padding-bottom:10px; text-align:center; color:#999999;}
.news_view_content{ font-size:14px; color:#333333; line-height:190%;}


/*product*/
.prodtitlelist{ width:624px; padding-top:6px; font-family:"ËÎÌå"; font-size:14px; padding-left:4px;}
.prodtitlelist ul{ list-style-type:none;}
.prodtitlelist li{ text-align:left; float:left; line-height:22px; padding-right:20px;}
.prodtitlelist li a{ padding-left:13px; display:block; color:#0078A8; text-decoration:none; background:url(../images/icon1.gif) no-repeat left;}
.prodtitlelist li a:hover{ text-decoration:underline;}



.prodlist{ padding:15px 0 20px 15px; }
.prodlist ul{ list-style-type:none; font-size:11px; font-family:Arial;}
.prodlist li{ padding-right:26px !important;padding-right:20px;  width:160px;height:195px; float:left;}
.prodlist li img{ border:0; width:150px; height:140px;}
.prodlist li a{ width:160px;padding:3px; border:#ccc solid 1px; display:block; text-decoration:none; color:#333; text-align:center;}
.prodlist li a:hover{ border:#06c solid 1px; color:#06c;}
.prodlist li div{padding:5px 0; height:30px;display:block; border-top:#ccc solid 1px;}

/*.prodlist{ width:778px; padding:15px 0;}
.prodlist ul{ list-style-type:none;}
.prodlist li{ padding:0 10px; float:left; width:160px; height:150px;display:block;}
.prodlist li img{ border:0; padding:5px;}
.prodlist li a{ width:160px; height:150px; display:block; border:#ccc solid 1px; text-align:center; color:#333; text-decoration:none;}
.prodlist li a:hover{ border:#06f solid 1px;}
.prodlist li span{ text-align:center; padding-top:0px; color:#666666; display:block;}

*/
.prodname{ height:30px; line-height:30px;}
.prodimgborder{ width:748px; border:#ddd solid 1px; text-align:center; padding:10px 0;}


.pa2{DISPLAY: block; text-decoration:none; font-family:Arial;padding:0 5px; border-left:#315296 solid 1px; border-right:#315296 solid 1px; FLOAT: left; background:url(../images/pordviewtitelbg1.gif) repeat-x; COLOR: #365BA7; LINE-HEIGHT: 27px; MARGIN-RIGHT: 5px; HEIGHT: 27px; TEXT-ALIGN: center}
.paA2{DISPLAY: block;text-decoration:none;background:url(../images/pordviewtitelbg.gif)  repeat-x;  font-family:Arial;padding:0 5px; FLOAT: left;COLOR: #fff; LINE-HEIGHT: 27px; MARGIN-RIGHT: 5px; HEIGHT: 27px; TEXT-ALIGN: center}

.pa2:hover {background:url(../images/pordviewtitelbg.gif)  repeat-x; padding:0 5px;COLOR: #fff;text-decoration:none; font-family:Arial;}
.paA2:hover {background:url(../images/pordviewtitelbg.gif) repeat-x; padding:0 5px; COLOR: #fff;text-decoration:none; font-family:Arial; }



/*case*/
.caselist{ padding:15px 0 20px 15px; }
.caselist ul{ list-style-type:none;}
.caselist li{ padding-right:16px !important;padding-right:10px;  width:170px;  float:left;}
.caselist li img{ border:0; width:170px; height:110px;}
.caselist li a{ width:170px; height:150px;padding:3px; border:#fff solid 1px; display:block; text-decoration:none; color:#333; text-align:center;}
.caselist li a:hover{color:#06c; background:#eee; border:#ccc solid 1px;}
.caselist li div{ text-align:center; padding-top:5px; display:block ; font-size:11px; font-family:Arial;}

.news_line{ background:url(../images/news_line.gif) repeat-x bottom;}
#nav{ padding-top:12px; margin:0 auto; text-align:center;}
#nav ul { display: inline;}
#nav li { display: inline;  margin-right: 5px;  float: left;}
#nav a { color: #000; text-decoration: none; display: block;  border: 1px solid #999; width: 20px; height: 20px; line-height: 20px; text-align: center;}
#nav li a:hover,#nav li  #page { line-height: 20px;  height: 20px;  width: 20px;  font-weight: bold;  color: #f00; border: 1px solid #f00;}
.inputbg{ height:16px; border:#ccc solid 1px; padding:2px 2px 0 2px; background:url(../images/left_searchbg.png)  repeat-x left; line-height:16px;}

.joba{ font-size:14px; color:red; font-weight:bold; text-decoration:none;}
.joba:hover{ color:#990000; text-decoration:underline;}
.job_clock{ background:url(../images/job_clock.gif) no-repeat left; padding-left:14px; text-align:left;}
.job_company_name{ font-size:14px; font-weight:bold; color:#333333; background:url(../images/news_line.gif) repeat-x bottom; padding-bottom:5px;}


.workliving{ padding:12px 0 20px 10px; }
.workliving ul{ list-style-type:none;}
.workliving li{ padding-right:20px !important;padding-right:14px;  width:170px; height:160px !important;height:150px; float:left;}
.workliving li img{ border:0; width:170px; height:123px;}
.workliving li span{padding-top:5px; display:block; text-align:center}


.party{ padding:10px 0 10px 0; }
.party ul{ list-style-type:none;}
.party li{ padding-right:29px !important;padding-right:26px;  width:154px; height:150px !important;height:130px; float:left;}
.party li img{ border:0; width:154px; height:114px;}
.party li span{padding-top:0; display:block; text-align:center}

.input_contact{ border:#ccc solid 1px;}




/*11-8*/
.honorlist{ padding:15px 0; }
.honorlist ul{ list-style-type:none;}
.honorlist li{ padding-right:16px !important;padding-right:14px;  width:170px;  float:left; margin-bottom:10px;}
.honorlist li img{ border:0; width:150px; height:160px;}
.honorlist li a{ width:150px;padding:3px; border:#fff solid 1px; display:block; text-decoration:none; color:#333; text-align:center;}
.honorlist li a:hover{color:#06c; background:#ddd; border:#ccc solid 1px;}

/*11-23*/
.networkbg1{ width:743px; padding:15px; height:123px; background:url(../images/network_bg1.gif) no-repeat;}
.networkbg hr{ width:739px; border:#ccc solid 1px;}