@charset "utf-8";
/* CSS Document */

/*public*/
*{ margin:0px; padding:0px; border:0px;}
ul,ol,li{ list-style-type:none; list-style-position:outside;}
body{ font-family: Arial, "宋体", sans-serif, "微软雅黑"; font-size:12px; color:#000000; line-height:24px;}
a{ text-decoration:none; color:#000000;}
a:hover{ text-decoration:none; color:#CC9900;}
.box{ width:1004px; margin:auto;}
.clr{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
form input{ border:1px solid #CCCCCC;}
form textarea{ border:1px solid #CCCCCC;}
/*public*/

.mt20{ margin-top:20px;}
.mt15{ margin-top:15px;}
.high20{ height:20px;}

#head{ background:url(../images/top_bg.gif) repeat-x top center; width:100%; height:580px;}
.logo{ margin:18px 0px 0px 0px; float:left; display:inline; width:489px; height:70px;}
.logo_en{ margin:18px 0px 0px 0px; float:left; display:inline; width:559px; height:70px;}
.by{ float:right; display:inline; margin-top:58px; width:258px; height:24px;}
.by_en{ float:right; display:inline; margin-top:58px; width:386px; height:15px; margin-right:0px;}

#menu{ width:1004px; height:66px; margin-top:14px;}
.menu{ width:1004px; height:66px;}
.menu li{ float:left; display:inline; height:66px; line-height:66px;}

#index_prod{ background:url(../images/index_prod_bg.jpg) repeat-x top center; width:100%; height:236px;}

.index_prod_box{ width:1004px; overflow:hidden;}
.index_prod_list{ width:1030px; float:left; height:196px; margin-top:20px;}
.index_prod_list li{ float:left; display:inline; margin-right:22px; width:320px; height:196px;}

/*products*/
.prod_list{ width:1030px; float:left; height:196px; margin-top:20px;}
.prod_list li{ float:left; display:inline; margin-right:22px; width:320px; height:196px;}

.products_showw{  font-family:Arial, "宋体", sans-serif, "微软雅黑"; font-size:12px; width:100%; text-align:center;}
.products_showw table{ margin-left:auto; margin-right:auto;}
/*products*/

#index_content{ background:url(../images/index_new_bg.jpg) repeat-x top center; width:100%; height:330px;}

.index_news_box, .index_email_box, .index_contact_box{ width:320px; margin-top:26px;}
.index_news_box{ float:left; display:inline;}
.index_email_box{ float:left; display:inline; margin-left:22px;}
.index_contact_box{ float:right; display:inline;}

.index_news_list{ width:287px; margin-top:12px;}
.index_news_list li{ background:url(../images/new_left.gif) no-repeat center left; width:262px; padding-left:25px; border-bottom:1px dashed #000000; height:39px; line-height:39px; position:relative;}
.index_date{ position:absolute; top:0px; right:0px; width:100px; text-align:right; height:39px; line-height:39px;}
.index_news_list li a{ display:block; width:200px; height:39px; line-height:39px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

.index_email{ float:left; display:inline; margin-left:10px; margin-top:20px;}
.email_input{ width:197px; height:30px; line-height:30px; background:#FFFFFF; border:1px solid #DEDEDE;}
.email_e{ height:50px; line-height:50px; width:200px; text-align:left; margin-left:50px;}
.email_sub{ background:url(../images/sub_enter.jpg) no-repeat top center; width:70px; height:33px; cursor:pointer;}
.email_bg{ float:left; display:inline; margin:40px 0px 0px 5px;}
.email_submit{ float:right; display:inline; margin:70px 5px 0px 0px;}
.index_contactus{ margin-left:0px; width:320px; line-height:21px;}

#footer{ background:url(../images/footer_bg.jpg) repeat-x top center #e7e7e7; width:100%; padding-bottom:15px;}
#footer p{ text-align:center; padding-top:15px;}
.company{ margin-top:5px; text-align:center;}

.content{ background:#EAEAEA;}
.content_title{ width:300px; text-align:left; height:30px;}

.content_box{ width:984px; margin:auto; padding-bottom:10px;}
.title_box{ width:100%; height:30px; position:relative;}
.content_title{ position:absolute; left:0px; top:0px; width:300px; text-align:left; height:30px;}
.content_position{ position:absolute; top:0px; right:0px; height:30px; line-height:30px; color:#5E5E5E; font-family:"宋体", Arial, sans-serif, "微软雅黑";}

/*facility*/
.fengmao{ margin-top:0px; margin-left:0px; font-family:"宋体", Arial, sans-serif, "微软雅黑"; font-size:12px; width:729px; line-height:0px;}
.fengmao img{ max-width:984px; height:auto!important;}
.fengmao li{ margin-top:10px; width:100%; text-align:center; height:auto!important; margin-top:10px;}

.honors_pic{ width:100%; text-align:center; padding-top:10px;}
.honors_pic img{ max-width:984px; height:auto!important;}
/*facility*/

/*news*/
.news{ width:100%; margin-left:0px; margin-top:0px;}
.news li{ background:url(../images/new_left.gif) no-repeat left center; padding-left:35px; border-bottom:1px #4B3523 dashed; height:30px; line-height:30px; position:relative; vertical-align:middle; width:949px;}
.news li span{ position:absolute; right:5px; top:0px; display:block; width:200px; text-align:right; height:30px; line-height:30px;}
/*news*/

/*contact*/
.contactus_box{ background:url(../images/contact_bg.jpg) no-repeat top center; width:100%; height:404px;}
.contactus{ float:left; margin:50px 0px 0px 430px; width:470px;}
.contactus_en{ float:left; margin:60px 0px 0px 380px; width:520px;}
/*contact*/

/*nav*/
#popimg{ WIDTH:1030px; margin:0 auto; text-align:center; z-index:99;}
#nav li{ margin-right:28px;}
#nav ul { padding: 0;margin: 0;list-style: none;}
#nav li { position:relative;float: left;	width: 100px;height:66px;line-height:66px; z-index:99;}
#nav li ul { position:absolute;display: none;top:47px;left:0; z-index:99}
#nav li:hover ul,#nav li.over ul {display: block;}
#nav li ul li{ height:30px; line-height:30px; width:140px;}
#nav li ul li a{display:block;font-size:12px;padding:0px;margin-right:1px;text-decoration: none;color: #777; background:#eee;}
#nav li ul li a:hover{ background:#eaeaea;}
.menu_libg{ background:url(../images/menu_libg.gif) no-repeat 80px center;}

#nav_en li{ margin-right:28px;}
#nav_en ul { padding: 0;margin: 0;list-style: none;}
#nav_en li { position:relative;float: left;	width: 143px;height:66px;line-height:66px; z-index:99;}
#nav_en li ul { position:absolute;display: none;top:47px;left:0; z-index:99}
#nav_en li:hover ul,#nav_en li.over ul {display: block;}
#nav_en li ul li{ height:30px; line-height:30px; width:270px;}
#nav_en li ul li a{display:block;font-size:12px;padding:0px;margin-right:1px;text-decoration: none;color: #777; background:#eee; text-align:left; padding-left:5px;}
#nav_en li ul li a:hover{ background:#eaeaea;}
.menu_libg_en{ background:url(../images/menu_libg.gif) no-repeat 110px center;}
/*nav*/

/*banner*/
.left_banner{ width:1004px; height:412px; float:left;  margin-left:0px; background:#fff;}
#slider{width:1004px; height:412px; margin:0px auto;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
.nivo-controlNav{position:absolute;left:500px;bottom:10px; z-index:1000;}
.nivo-controlNav a {display:block;width:15px;height:16px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -16px; margin-top:-3px;}
.nivo-directionNav a {display:block;width:41px;height:65px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0; margin-top:-30px;}
a.nivo-nextNav {background-position:-41px 0;right:0px;}
a.nivo-prevNav {left:0px;}
.nivo-caption {text-shadow:none; height:38px; line-height:33px;}
.nivo-caption a {color:#fff;text-decoration:underline;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
/*banner*/