@charset "utf-8";
/***********网站结构布局************/
/*首页*/
.default_box{ float:left; width:950px; height:274px; overflow:hidden; padding:4px 0;}
.default_box ul.default_mainUl{float:left; width:966px;}
.default_box ul li.default_mainBox{ float:left; width:312px; height:274px; overflow:hidden;background:url(../images/default_boxBg.jpg) repeat-x; margin-right:4px; border:1px solid #ccc;}
.default_title{ height:28px; line-height:28px; padding:0 12px;}
.default_title a{font-size:12px; color:#4C4C4C;}
.default_title a:hover{ color:#0C5FAC;}
.default_content{ overflow:hidden;}
/* 折叠窗 */
.container {width: 312px;margin: 0 auto;}
.container ul li{display:inline;clear: both; overflow:hidden;}
.container .acc_trigger {height:34px;line-height:34px;width:312px;font-size:14px;font-weight:normal;float:left;padding:0;margin:0;border-top:1px solid #CACDD2;border-bottom:1px solid #FFF;}
.container .acc_trigger a { font-size:14px;color:#606061;display: block;width: 300px;padding: 0 0 0 12px;background: url(../images/subNav_bg.jpg) no-repeat;}
.container .acc_trigger a:hover {color: #0C5FAC;background:url(../images/subNav_hover.jpg) no-repeat;}
.container .active{border-top:none; padding-top:1px;}
.container .active a,.container .active a:hover{color: #0C5FAC;background:url(../images/subNav_current.jpg) no-repeat;}
.acc_container {margin:0 auto; padding:6px 0 4px 0;overflow: hidden;font-size:0;width:300px;clear: both;}
.default_newsBox_top{width:300px;margin: 0 auto; border-bottom:1px dotted #ccc;}
.default_newsBox_Img{padding:6px 0;}
.default_newsBox_title{ padding:4px 6px 4px 6px;}
.default_newsBox_title a:link,.default_newsBox_title a:visited{font-size:14px; color:#666; font-weight:bold;}
.default_newsBox_title a:hover,.default_newsBox_title a:active{ color:#0C5FAC;}
.default_newsBox_Content{ padding:5px;}
.default_newsBox_Content ul{}
.default_newsBox_Content ul li{padding:2px 5px;}
.default_newsBox_Content ul li span{ font-size:10px; padding-left:12px; color:#666;}
/*幻灯片*/
#picBox{width:300px; height:240px; margin:0 auto; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:205px; width:3050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:205px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:0px; right:10px;}
#icon_num li{ float:left;width:15px; height:15px; list-style:none; color:#666; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:#0163B2; color:#fff;}

/*news*/
.newsBox{ height:100%;}
.newsTop{float:left;width:598px;padding-bottom:18px; margin-bottom:20px;background:url(../images/newsLine.png) center bottom no-repeat; }
.news_title{clear:both;}
.news_title a{font-size:20px;line-height: 180%; color:#666;}
.news_title a:link, .mation_Top_titlel a:visited{color: #666; font-weight:bold;}
.news_title a:hover,.mation_Top_titlel a:active{color: #0C5FAC;text-decoration: underline;}
.news_content{float:left; width:598px;padding:6px 0;}
.newsImg{float:left;display:inline;}
.newsImg img{ border:1px solid #ccc;}
.newsContent{color:#7D7D7D;float:left; width:270px; padding:0 12px; line-height:180%; height:130px; overflow:hidden;}
.details a{color:#0066CC;}
.details a:hover{text-decoration: underline;}

.newsList{float:left; width:598px; padding:16px 0;}
.newsList ul{}
.newsList ul li{background:url(../images/dot.png) 4px center no-repeat;border-bottom:1px solid #dfdfdf; padding:5px 8px;}
.newsList ul li a{font-size: 14px; padding:5px; }
.newsList ul li a:link, .newsList ul li a:visited{color:#666;}
.newsList ul li a:hover,.newsList ul li a:active{color: #0C5FAC;text-decoration: underline;}
.newsList ul li span{ padding-left:12px;font-size: 10px;color: #B4B4B4; float:right;}

/*about*/
.about{ line-height:160%;}
.about_L{ float:left; width:316px;}
.about_L p{ padding:6px 0;}
.about_R{ float:right; width:266px; padding-top:36px;}
.about_R ul li img{ margin:0 auto; padding-bottom:2px;}


/*Article*/
.Article{ width:598px; margin:0 auto; overflow:hidden;}
.Article_top{ padding:0;}
.Article_titlel{font-size: 20px;line-height: 180%;color:#666;text-align: center; padding-bottom:1em;}
.Article_info{border-bottom:solid 1px #CCD4DA; height:26px; line-height:26px; padding:0 10px; color:#999;}
.Article_info span a{ color:#999;}
.Article_info span a:hover{ color:#0C5FAC;}
#Article_Content{ padding:16px 20px;color:#666;line-height: 160%;}
#Article_Content p{ padding-bottom:18px;}
.Article_bottomInfo{border-top: 1px solid #ccc;padding:0 20px; float:left; width:558px;}
.Article_sidebar_1{ float:left;width:350px;padding:10px 0;}
.Article_sidebar_1 p{ line-height:200%;}
.Article_sidebar_2{ float:right; width:200px; text-align:right; height:30px;padding:10px 0;}
.Article_sidebar_2 a{ padding-right:12px;}
.Article_sidebar_2 img{ vertical-align:text-top; padding-right:2px;}
.Article_infoText{ padding-left:50px;}
.font_en a:link,.font_en a:visited,
.font_en a:hover,.font_en a:active{color:#0C5FAC;}

/*product*/
.product{width:872px; margin:0 auto; padding:34px 0;}
.product_top{background:url(../images/product_bg.png) no-repeat;height:153px; padding-top:8px; overflow:hidden;}
.product_topTitle{float:left; width:125px; height:152px; line-height:152px; text-align:center;}
.product_banner{ float:left; width:695px; height:152px; padding:20px 0 0 26px;}
.product_banner ul{}
.product_banner ul li{ display:inline;}
.product_banner ul li a{float:left; width:230px; height:150px;cursor:pointer; overflow:hidden;}
.product_banner ul li a img.spanImg{ padding-left:12px;vertical-align:middle;}
.product_banner ul li a span{float:left; width:229px; text-align:center;}
.product_content{}
.productBox{ float:left; width:872px; height:77px; background:url(../images/product_bg.png) 0 -161px no-repeat; overflow:hidden;}
.productBox_title{float:left; width:125px; height:75px; line-height:75px; text-align:center;}
.productBox_content { float:left; width:704px; padding-left:14px;}
.productBox_content ul li{ display:inline;}
.productBox_content ul li a{ float:left; width:130px; height:74px; padding:6px; overflow:hidden; vertical-align:middle;}
.productBox_content ul li a img{ margin:0 auto;}
.productBox_content ul li a span{float:left; width:125px;text-align:center;}
.product_bottom{ clear:both;}

/*product_Article*/
.product_ArticlTab{ float:left; width:100%; height:35px;}
.product_ArticlTab ul{}
.product_ArticlTab ul li{ display:inline;}
.product_ArticlTab ul li a:link,.product_ArticlTab ul li a:visited{float:left; min-width:104px; padding:0 12px; height:35px; line-height:35px; text-align:center; border:1px solid #E4E4E4; background:url(../images/Tab.jpg); color:#666;}
.product_ArticlTab ul li a:hover,.product_ArticlTab ul li a:active{background:url(../images/Tab_hover.jpg);border:1px solid #CCD8DF; color:#333;}
.product_ArticlTab ul li a.tabEnt:link,.product_ArticlTab ul li a.tabEnt:visited,.product_ArticlTab ul li a.tabEnt:hover,.product_ArticlTab ul li a.tabEnt:active{background:url(../images/Tab_hover.jpg);border:1px solid #CCD8DF; color:#333;}
.product_ArticleTabContent{float:left; width:100%; overflow:hidden;}
.product_tabTop{ background:url(../images/Tab.jpg) repeat-x; height:8px;border:1px solid #E4E4E4; font-size:0; margin:0; padding:0; overflow:hidden; }
.tabBox{ float:left; width:598px;}
.tabBox_title{ background:#9FA9B1; font-size:14px; color:#FFF; height:30px; line-height:30px; padding:0 10px;}
.tabBox_list{}
.tabBox_list ul li{ display:inline;float:left; width:598px;background:#C4CACE;font-size:12px; color:#333;border-bottom:1px solid #FFF;}
.Noun{padding:6px 10px;float:left;width:124px;}
.tabBoxContent{float:left; width:433px;padding:6px 10px;border-left:1px solid #FFF;background:#D5D9DD;  }
.noteInfo{ clear:both; padding:6px; line-height:180%;}

.tabBoxTable{background:#D5D9DD;font-size:12px; color:#333;}
.tabBoxTable tr td{ padding:6px 12px;border-bottom:1px solid #FFF; border-right:1px solid #FFF;}
.tabBoxTable_title{ background:#9FA9B1; font-size:14px; color:#FFF;}

/*product_view*/
.viewBox{ float:left; width:598px; overflow:hidden; padding:10px 10px 20px 10px;}
.viewBox ul{width:620px;}
.viewBox ul li{display:inline; vertical-align:middle;}
.viewBox ul li a{float:left; width:126px; margin:10px; overflow:hidden; text-align:center;}
.viewBox ul li a img{width:120px; padding:2px; border:1px solid #ccc;}
.viewBox ul li a{position: relative;z-index: 0;} 
.viewBox ul li a:hover{z-index: 60;}
.viewBox ul li a:hover span.viewHover{visibility: visible;top:3px;left:3px;cursor: pointer;} 
.viewBox ul li a span.viewHover{position: absolute;left: -999em;visibility: hidden;}
.viewBox ul li a:hover span.viewHover{width:120px;height:90px;}
.viewBox ul li a:hover span.viewHover{ background:url(../images/view.png) no-repeat;}

/* brand */
.brandClass{ padding:0 0 20px 12px;}
.brandClass h2{ font-size:16px; color:#336699;line-height:180%;}
.brandClass p{ font-size:12px; line-height:180%;}
.brandClass p span{color:#336699;}