/*general*/
.w980{ width:980px; margin:0 auto;}
.wrap{ width:1000px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.line_bg{ width:100%; height:4px; background:url(/images/line.jpg) repeat-x;}
.footer_line{ width:100%; height:2px; background:url(/images/footer_line.jpg) repeat-x;}
.zt{ font-family:"Verdana";}

/*header*/
#header{ width:100%; /*height:90px;*/ height:69px; background:#fafafa; border-bottom:1px solid #eeeeee;}
#header .logo{}
#header .share{ margin-top:30px;}
#header .share a{ margin-right:5px;}
#header .lang{ margin-left:15px; margin-top:33px;}
#header .lang a{ font-family:"Verdana"; font-size:14px; color:#696969;}
#header .lang .cur{ color:#ca3737;}
#nav{ width:100%; height:40px; background:#f7f7f7; line-height:40px;}
#nav .list{ position:relative; *z-index:999;}
#nav .list > a{ padding:0 20px; display:block; font-family:"Verdana"; font-size:16px; color:#575757;}
#nav .list > a:hover{ color:#ff6600;}
#nav .cur{ background:url(/images/nav_l.png) no-repeat;}
#nav .cur > a{ background:url(/images/nav_r.png) right no-repeat; margin-left:10px; padding-left:10px; color:#fff;}
#nav .list .sec_box{ position:absolute; left:-15px; top:40px; background:url(/images/nav_bg.png); z-index:999; display:none;}
#nav .list:hover .sec_box{ display:block;}

#nav .list .products{ width:850px; padding:16px 20px;}
#nav .list .products .nav_sec{ width:238px; float:left; margin-right:30px;}
#nav .list .products .nav_sec > a{ font-family:"Verdana"; font-weight:bold; color:#fff; height:29px; line-height:29px; overflow:hidden; display:block; padding:0 15px;}
#nav .list .products .nav_sec > a:hover{ color:#d00000; background:#fff; *background:url(/images/nav_sec_bg.jpg);}
#nav .list .products .nav_sec:hover > a{ color:#d00000; background:#fff; *background:url(/images/nav_sec_bg.jpg);}

#nav .list .products .thd_box{ padding-left:25px;}
#nav .list .products .nav_thd{}
#nav .list .products .nav_thd > a{ font-family:"Verdana"; color:#fff; line-height:20px; height:20px; overflow:hidden;}
#nav .list .products .nav_thd > a:hover{ color:#ccc;}


#search{ width:221px; height:28px; background:url(/images/search.jpg) no-repeat; margin-left:35px; margin-top:6px;}
#search .sear_t{ width:185px; height:28px; background:none; border:none; line-height:28px; vertical-align:top; outline:none; color:#acacac; text-indent:9px;}
#search .sear_b{ width:32px; height:28px; background:none; border:none; vertical-align:top; outline:none;}

/*footer*/
.link{}
.link .fl{ font-size:14px; font-weight:bold; color:#707070; height:50px; line-height:50px; margin-left:20px;}
.link .fr{ width:890px; color:#a5a5a5; padding-top:14px;}
.link .fr a{ font-family:"Verdana"; line-height:20px; color:#a5a5a5; margin:0 5px;}
.link .fr a:hover{ color:#ff6600;}
.h_t{ padding-bottom:20px;}
.h_t_page{background:#3e3e3e;}
.h_t .f_box{ width:170px; padding-top:10px;}
.h_t .f_box .tit{ font-size:14px; font-weight:bold; color:#707070; height:20px; line-height:20px;}
.h_t .f_box .tit_page{ color:#fff;}
.h_t .f_box .list{ margin-top:5px;}
.h_t .f_box .list li{ height:25px; line-height:25px; overflow:hidden;}
.h_t .f_box .list a{ font-family:"Verdana"; color:#a5a5a5;}
.h_t .f_box .list a:hover{ color:#ff6600;}
.h_t .f1{ margin-left:20px;}
.h_t .f2{ margin-left:50px;}
.h_t .f3{ margin-left:20px;}
.h_t .f4{}
.h_t .f5{ margin-left:40px;}
.h_m{ width:100%; background:#272727; height:50px; line-height:50px;}
.h_m *{ color:#fff; font-family:"Verdana";}
.h_m a{ color:#fff; font-family:"Verdana";}
.h_m a:hover{ color:#ff6600;}
.h_m .art_r a{ padding:0 8px;}

/*page*/
.page_ban{ width:100%; height:360px; overflow:hidden;}
.page_ban a{ width:100%; height:360px; display:block;}
#page{ background:#fafafa; padding-top:15px;}
#page .page_l{ width:235px; min-height:500px;}
#page .page_l .page_nav_bg{ background:url(/images/page_nav_bg.jpg) repeat-y;}
#page .page_l .page_sign{ height:55px; line-height:55px; font-size:18px; text-indent:70px;}
#page .page_l .products{ background:url(/images/products.jpg) no-repeat;}
#page .page_l .article{ background:url(/images/about.jpg) no-repeat;}
#page .page_l .resources{ background:url(/images/resources.jpg) no-repeat;}

#page .page_l .nav_fir{ margin:0 17px; background:url(/images/page_nav_bottom.jpg) bottom repeat-x;}
#page .page_l .nav_fir > a{ font-size:14px; color:#787878; padding:8px 12px; display:block; background:url(/images/page_nav_logo.jpg) 0 12px no-repeat;}
#page .page_l .nav_fir > a:hover{ color:#c60601;}
#page .page_l .cur_fir a{ color:#c60601;}

#page .page_l .nav_sec{ margin:0 17px; display:none;}
#page .page_l .nav_sec > a{ color:#a6a6a6; padding:6px 12px; display:block;}
#page .page_l .nav_sec > a:hover{ color:#000;}
#page .page_l .cur_sec a{ color:#000;}

#page .page_r{ width:725px;}
#page .page_r .top{ line-height:25px; margin-top:15px;}
#page .page_r .top .fl{ font-size:16px; height:25px;}
#page .page_r .top .fr{ font-size:14px;}
#page .page_r .top .fr a{ width:16px; height:15px; display:inline-block; vertical-align:middle; margin-left:5px;}
#page .page_r .top .fr .view{ background:url(/images/view.jpg) no-repeat;}
#page .page_r .top .fr .list{ background:url(/images/list.jpg) no-repeat;}
#page .page_r .top .fr .list_cur{ background:url(/images/list_cur.jpg) no-repeat;}
#page .page_r .top .fr .view_cur{ background:url(/images/view_cur.jpg) no-repeat;}
#page .page_r .contents{ padding:15px 0;}
#position{ height:25px; line-height:25px; float:right;}
#position a{ line-height:25px;}

/*index*/
#banner{ width:100%; height:579px; overflow:hidden; position:relative;}
#banner .pic{ width:100%; height:579px; position:relative;}
#banner .pic a{ width:100%; height:579px; display:none; position:absolute; left:0; top:0;}
#banner .ban_nav_box{ width:100%; height:24px; position:absolute; left:0; bottom:0; background:url(/images/ban_bg.png) top center no-repeat;}
#banner .ban_nav_box .ban_nav{ width:90px; margin:0 auto;}
#banner .ban_nav_box .ban_nav a{ width:10px; height:10px; display:block; float:left; background:url(/images/ban_nav.png) no-repeat; margin-right:10px;}
#banner .ban_nav_box .ban_nav .cur{ background:url(/images/ban_nav_cur.png) no-repeat;}

.in_t{ padding-top:25px; border-bottom:1px solid #eaeaea; padding-bottom:5px; background:#fafafa;}
.in_t .in_box{ width:315px; height:265px;}
.in_t .in_box .tit{ font-size:18px; font-weight:bold; color:#fff; margin-top:28px; margin-left:75px;}
.in_t .in_box .more{ padding-left:20px;}
.in_t .in_box .more a{ color:#c60601; font-family:"Verdana";}
.in_t .in_box .more a:hover{ color:#ff6600;}
.in_t .e1{ background:url(/images/in_t_1.jpg) no-repeat;}
.in_t .e1 .con{ color:#7a7a7a; padding:20px; margin-top:10px; line-height:25px; height:100px; overflow:hidden;}
.in_t .e2{ background:url(/images/in_t_2.jpg) no-repeat; margin-left:16px;}
.in_t .e2 .con{ width:185px; height:145px; margin-left:18px; margin-top:30px; position:relative; overflow:hidden;}
.in_t .e2 .con .con_ab{ width:10000px; height:145px; position:absolute; left:0; top:0;}
.in_t .e2 .con .con_ab li{ width:185px; height:145px; float:left;}
.in_t .e2 .con .con_ab .cate{ height:30px; line-height:30px; overflow:hidden;}
.in_t .e2 .con .con_ab .cate a{ color:#c60601; font-size:16px;}
.in_t .e2 .con .con_ab .cate a:hover{ color:#ff6600;}
.in_t .e2 .con .con_ab .title{ height:25px; line-height:25px; overflow:hidden; margin-top:5px;}
.in_t .e2 .con .con_ab .title span{ color:#9b9b9b;}
.in_t .e2 .con .con_ab .fun{ line-height:20px; padding-right:10px; height:80px; overflow:hidden;}
.in_t .e2 .con .con_ab .fun span{ color:#9b9b9b;}
.in_t .e2 .con .con_ab .more{ padding-left:0; margin-top:10px;}
.in_t .e3{ background:url(/images/in_t_3.jpg) no-repeat; margin-left:16px;}
.in_t .e3 .con{ margin-top:21px; padding-left:35px;}
.in_t .e3 .con li{ height:35px; line-height:35px; overflow:hidden;}
.in_t .e3 .con li a{ color:#81858d;}
.in_t .e3 .con li a:hover{ color:#ff6600;}
.in_t .e3 .more{ margin-top:25px;}

/*products*/
#products{}
#products .list{ width:223px; margin-left:28px; margin-bottom:30px;}
#products .nor{ margin-left:0;}
#products .list .pic_box{ width:223px; height:223px; background:url(/images/pro_box.jpg) no-repeat;}
#products .list .pic_box .pic{ width:205px; height:205px; text-align:center; margin:0 auto; padding-top:9px;}
#products .list .pic_box .pic img{ vertical-align:middle;}
#products .list .pic_box .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#products  .tit{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 2px;}
#products  .tit a{ font-size:14px;}
#products  .con{ font-size:13px; color:#606060; line-height:25px; height:125px; overflow:hidden; padding:0 2px;}
#products  .more{ margin-top:15px;}
#products  .more a{ width:108px; height:30px; display:block; background:url(/images/more.jpg) no-repeat; line-height:29px; font-family:"Verdana"; color:#fff; text-indent:8px;}
#products  .more a:hover{ background:url(/images/more_cur.jpg) no-repeat;}

#products .last{ margin-bottom:30px;}
#products .last .con_r{ width:500px;}

#products .d_t{ color:#787878; line-height:25px;}
#products .d_m{ background:#fdfdfd; margin:10px 0; padding:20px 0; padding-top:13px;}
#products .d_m .d_m_l{ width:340px; line-height:25px; padding-left:30px; overflow:hidden;}
#products .d_m .d_m_r{ padding-right:20px; padding-top:7px;}
#products .d_m .d_m_r .pic{ width:315px; height:315px; border:1px solid #e7e7e7; text-align:center;}
#products .d_m .d_m_r .pic .table{ margin:0 auto;}
#products .d_m .d_m_r .pic img{ vertical-align:middle;}
#products .d_m .d_m_r .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#products .d_m .d_m_r .small{ margin-top:10px;}
#products .d_m .d_m_r .small li{ width:97px; height:97px; text-align:center; border:1px solid #e7e7e7; float:left; margin-left:10px;}
#products .d_m .d_m_r .small li img{ vertical-align:middle;}
#products .d_m .d_m_r .small li span{ display:inline-block; height:100%; vertical-align:middle;}
#products .d_b{ line-height:25px; color:#6b6b6b; padding-bottom:10px;}
#products .relative{}
#products .relative .sign{ height:35px; line-height:35px; background:#e4e4e4; padding:0 10px;}
#products .relative .sign .fl{ font-weight:bold;}
#products .relative .sign .fr a{ width:23px; height:23px; display:block; background:url(/images/relative.jpg) no-repeat; margin-top:6px;}
#products .relative .box{ margin-top:10px;}
#products .relative .box li{ width:180px; height:60px; /*background:#f3f3f3;*/ text-align:center; float:left; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; display:table;}
#products .relative .box li a{ width:180px; height:60px;  display:table-cell; vertical-align:middle; color:#005aad;}
#products .relative .box li a:hover{ color:#ff6600;}

/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}

/*article*/
#article{ color:#838383; line-height:25px;}
/*info*/
#info{}












