/* www.cid-studio.com copyright 2014-06 */

/*=== CSS Reset ===*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea{font:inherit;resize:none;color:#5a5a5a;text-indent:5px;}
*{ _noFocusLine: expression(this.hideFocus=true); } /* Removes dotted lines around links */

/*=== 公用设置 ===*/
body{font:12px/20px arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;background:#fff;color:#808080;-webkit-text-size-adjust:none;margin:0;padding:0;}
strong{font-weight:bold;}

a { color:#808080; text-decoration:none;}
a:hover{ color:#8fc41f;}

/* 表单样式 */
input,
textarea,
select{ font-family:"Hiragino Sans GB","Microsoft Yahei",sans-serif; vertical-align:middle; color:#808080; box-shadow:inset 0 2px 2px #e1e1e1; border:1px solid #cccccc;}

.wrapper{width:1000px;margin:0 auto;}
.wrapper_1024{width:1024px;margin:0 auto;}
.p_relative{position:relative;}
.font-en{font-family:Arial,Helvetica;}
.font-song{font-family:宋体;}
.font-green{color:#8fc41f;}
.font-red{color:#c91c00;}
.font-white{color:#fff;}
.font-gray{color:#8d8d8d;}

.commonpage{ position:relative; min-width:1000px; background:#fff url(../images/bg_line4.png) 0 0 repeat-x;}
.commonpage .title{ height:36px; line-height:36px; font-size:14px; font-weight:bold; text-indent:10px; background:#fff;}

.h5_tit{ margin:5px 0 8px 0; font-size:14px; line-height:30px; font-weight:bold; color:#3b3b3b; border-bottom:1px solid #dedede;}
.h5_tit span{ color:#808080; font-weight:normal;}
.h5_tit a{ color:#8fc41f; font-weight:bold;}
.h6_tit{ margin-bottom:8px; font-size:12px; line-height:30px; font-weight:bold; color:#636363; border-bottom:1px solid #dedede;}

.bg_white{ background:#fff;}
.bg_gray{ background:#f1f1f1;}

.fleft{ float:left;}
.fright{ float:right;}

.btn_reset{ display:inline; float:left; width:94px; height:49px; background:url(../images/btn_reset.png) 0 0 no-repeat;}
.btn_submit{ display:inline; float:left; margin:0 0 0 5px; width:94px; height:49px; background:url(../images/btn_submit.png) 0 0 no-repeat;}
.btn_reset_w{ display:inline; float:left; width:192px; height:49px; background:url(../images/btn_reset_w.png) 0 0 no-repeat;}
.btn_search{ display:inline; float:left; margin:0 0 0 5px; width:192px; height:49px; background:url(../images/btn_search.png) 0 0 no-repeat;}
.btn_delete{ display:inline; float:left; margin:2px 0 2px 13px; width:55px; height:23px; line-height:26px; text-align:left; background:url(../images/btn_delete.png) right center no-repeat;}
.btn_add{ display:inline; float:left; margin:2px 0 2px 13px; width:55px; height:23px; line-height:26px; text-align:left; background:url(../images/btn_add.png) right center no-repeat;}
.btn_vip{ display:inline; float:left; margin:0 5px; width:80px; height:26px; line-height:26px; text-align:center; background:url(../images/btn_05.png) 0 0 no-repeat;}
.btn_register{ display:inline; float:left; width:145px; height:49px; background:url(../images/btn_register.png) 0 0 no-repeat;}
.btn_login{ display:inline; margin:0 9px 0 0; float:left; width:145px; height:49px; background:url(../images/btn_login.png) 0 0 no-repeat; cursor:pointer;}
.btn_register2{ display:inline; float:left; width:145px; height:49px; background:url(../images/btn_register2.png) 0 0 no-repeat;}
.btn_login2{ display:inline; margin:0 9px 0 0; float:left; width:145px; height:49px; background:url(../images/btn_login2.png) 0 0 no-repeat; cursor:pointer;}
.btn_back{ display:block; width:136px; height:48px; background:url(../images/btn_back.png) 0 0 no-repeat; cursor:pointer;}
.btn_cart{ display:block; width:192px; height:49px; background:url(../images/btn_cart.png) 0 0 no-repeat; cursor:pointer;}
.btn_exchange{ display:block; width:192px; height:49px; background:url(../images/btn_exchange.png) 0 0 no-repeat; cursor:pointer;}
.btn_cart_continue{ display:inline; float:left; margin:0 10px 0 0; width:192px; height:49px; background:url(../images/btn_cart_continue.png) 0 0 no-repeat; cursor:pointer;}
.btn_cart_check{ display:inline; float:left; width:192px; height:49px; background:url(../images/btn_cart_check.png) 0 0 no-repeat; cursor:pointer;}
.btn_cart_finish{ display:inline; float:left; width:192px; height:49px; background:url(../images/btn_cart_finish.png) 0 0 no-repeat; cursor:pointer;}
.btn_cart_check_02{ display:inline; float:right; margin:0 0 0 20px; width:192px; height:49px; background:url(../images/btn_cart_check_02.png) 0 0 no-repeat; cursor:pointer;}
.btn_add_02{ display:inline-block; *display:inline; vertical-align:middle; width:24px; height:23px; background:url(../images/btn_add.png) right center no-repeat;}
.btn_minus{ display:inline-block; *display:inline; vertical-align:middle; width:24px; height:23px; background:url(../images/btn_delete.png) right center no-repeat;}
.btn_delete_02{ display:inline-block; *display:inline; vertical-align:middle; width:24px; height:23px; background:url(../images/btn_delete_02.png) right center no-repeat;}
.btn_vip_login{ display:block; margin:0 auto; width:192px; height:49px; background:url(../images/btn_vip_login.png) 0 0 no-repeat; cursor:pointer;}
.btn_confirm{ display:block; margin:0 auto; width:192px; height:49px; background:url(../images/btn_confirm.png) 0 0 no-repeat; cursor:pointer;}
.btn_franchiser_01{ display:inline; float:left; width:187px; height:49px; background:url(../images/btn_franchiser_02.png) 0 0 no-repeat; cursor:pointer;}
.btn_franchiser_02{ display:inline; float:right; width:187px; height:49px; background:url(../images/btn_franchiser_01.png) 0 0 no-repeat; cursor:pointer;}

.btn_confirm:hover,
.btn_franchiser_01:hover,
.btn_franchiser_02:hover,
.btn_vip_login:hover,
.btn_cart_check_02:hover,
.btn_cart_finish:hover,
.btn_cart_continue:hover,
.btn_cart_check:hover,
.btn_cart:hover,
.btn_exchange:hover,
.btn_login:hover,
.btn_register:hover,
.btn_login2:hover,
.btn_register2:hover,
.btn_reset:hover,
.btn_submit:hover,
.btn_reset_w:hover,
.btn_search:hover{ opacity:0.8;}

.btn_down{ display:block; margin:0 auto; width:17px; height:16px; background:url(../images/icon_d.png) 0 0 no-repeat;}
.btn_bg_w{ float:left; display:block; padding:0 10px 0 0; width:90px; height:26px; line-height:26px; text-align:center; color:#fff; background:url(../images/btn_04.png) 0 0 no-repeat; cursor:pointer;}
.btn_bg_kuang{ float:left; display:block; padding:0 10px 0 0; width:90px; height:26px; line-height:26px; text-align:center; color:#8fc41f; background:url(../images/btn_04_kuang.png) 0 0 no-repeat; cursor:pointer;}
.btn_bg_s{ float:left; display:block; padding:0 10px 0 0; width:68px; height:26px; line-height:26px; text-align:center; background:url(../images/btn_03.png) 0 0 no-repeat; cursor:pointer;}
.btn_bg_w:hover{ color:#fff; opacity:0.9;}
.btn_bg_s:hover{ color:#636363; opacity:0.7;}




.vertical{ vertical-align:middle;}
.align_left{ text-align:left !important;}
.align_center{ text-align:center !important;}
.guide{ height:40px; line-height:40px; color:#636363;}

.radio{ display:block; float:left; padding: 0 15px 0 30px; height:24px; line-height:24px; background:url(../images/steward/radio_bg.png) 0 0 no-repeat;}
.radio_current{ background:url(../images/steward/radio_bg.png) 0 -25px no-repeat;}
.to_top{ width:47px; height:47px; margin:0 auto; cursor:pointer;}








/*=== 公用模块 ===*/

/* 导航 */
.header{ min-width:1000px; background:#2d56a5; height:80px;border-bottom:1px solid #a9aa9e;}
.header .top{ padding:15px 0 0 0; width:330px; height:53px; float:left;}
.header .logo{ width:330px; height:53px;}
.navbar {  width: 630px; float: right; padding-top:45px; }
.nav{ z-index:99999;}
.nav h3{ font-size:100%; font-weight:normal; font-size:14px; text-align:center;}
.nav .nav-first{ display:inline; float:left; width:90px;}
.nav .nav-first h3 a{ position:relative;  display:block; zoom:1; height:34px; line-height:34px; font-size:14px; color:#fff; letter-spacing:1.5px; cursor:pointer;}
.nav .nav-first h3 a:hover{ height:34px; line-height:34px; color:#8fc41f; background:#203f7b;}



.nav .on h3 a{ color:#8fc41f; background:#203f7b;}
.nav .on h3 a span{ background:url(../images/nav_arrow.png) right -10px no-repeat;}
.nav .sub{ display:none; position:absolute; width:1000px; left:0px; top:34px; background:#fff;}
.nav .columns{ display:inline; float:left;}
.nav .list-w{ display:inline; float:left; height:520px; text-align:center; background:url(../images/nav/sub_line.png) 0 100px no-repeat;}
.nav .list-w .class-one{ width:100px; height:38px; line-height:38px; font-weight:bold; color:#fff; background:#203f7b;}
.nav .list-w .class-one a{ color:#fff;}
.nav .list-w .class-one a:hover{ color:#8fc41f;}
.nav .list-w .class-two { width:100px; }
.nav .list-w .class-two h5{ height:24px; line-height:24px; font-weight:bold; color:#fff; text-align:center; background:#9fa0a0 url(../images/nav/sub_line2.png) right 0 no-repeat;}
.nav .list-w .class-two h6{ display:block; padding:3px 0 0 0; height:24px; line-height:24px; text-indent:10px; text-align:left; font-weight:bold; color:#4c4c4c;}
.nav .list-w .class-two .class-img{ display:block; padding:15px 0 5px 0; width:80px; margin:0 auto;}
.nav .list-w .class-two .class-txt li{ line-height:16px; padding:2px 10px; text-align:left; cursor:pointer;}
.nav .list-w .class-two .class-txt li a{ color:#9e9e9e;}
.nav .list-w .class-two .class-txt li a:hover{ color:#8fc41f;}
.nav .list-w .class-two .class-txt .h6{ display:block; padding:3px 0 0 0; line-height:24px; text-indent:10px; text-align:left; font-weight:bold;}
.nav .list-w .class-two .class-txt .h6 a{ color:#4c4c4c;}
.nav .list-w .kitchen{ height:62px; line-height:62px; background:#898989;}
.nav .list-w .wps{ height:62px; line-height:62px; background:#9fa0a0;}
.nav .list-w .balcony{height:62px; line-height:62px; background:#b5b5b6;}
.nav .columns .nobg{ background:none;}
.nav .other{ position:relative; height:34px; line-height:34px;}
.nav .other .searchbar{ float:left; width:177px; height:20px; padding:7px 0 0 0;}
.nav .other .searchbar input{ position:absolute; left:0; top:7px; width:150px; height:20px; line-height:20px; background:url(../images/nav/search_bg.png) 0 0 no-repeat; border:none; box-shadow:none;}
.nav .other .searchbar .btn{ position:absolute; left:150px; top:7px; width:27px; height:20px; background:url(../images/nav/search_btn.png) 0 0 no-repeat; border:0; cursor:pointer;}
.nav .other .searchbar .btn:hover{ background:url(../images/nav/search_btn.png) 0 -30px no-repeat;}
.nav .other a{ display:inline; padding:0 0 0 20px; color:#c3c3c3; background:url(../images/nav/arrow.png) 12px 6px no-repeat;}
.nav .other a:hover{ color:#8fc41f; background:url(../images/nav/arrow.png) 12px -10px no-repeat;}

/* 导航.商用产品 */
.nav .business_product .list-w{ height:300px; background:url(../images/nav/sub_line_205.png) 0 77px no-repeat;}
.nav .list-w .business{height:62px; line-height:62px; background:#203f7b;}
.nav .list-w .width_200{ width:200px;}
.nav .list-w .height_220{ height:220px;}
.nav .list-w .new_product{ float:left; width:100px;}
.nav .list-w .new_product img{ display:block; margin:0 auto; padding:15px 0 7px 0;}
.nav .list-w .new_product a{ line-height:18px; color:#9e9e9e;}
.nav .list-w .new_product a:hover{ color:#8fc41f;}
.nav .list-w .solution{ background:#898989;}
.nav .business_product .class-two .class-txt .h6{ display:block; line-height:16px; padding:2px 0 2px 10px; text-indent:0; text-align:left; font-weight:normal;}
.nav .business_product .class-two .class-txt .h6 a{ color:#9e9e9e;}
.nav .business_product .class-two .class-txt .h6 a:hover{ color:#8fc41f;}

/* 导航.无忧管家 */
.nav .list-25per{ display:inline; float:left; height:340px; text-align:left; background:url(../images/nav/sub_line.png) 0 60px no-repeat;}
.nav .list-25per .class-one{ width:250px; height:62px; text-indent:65px; line-height:62px; font-weight:bold; color:#fff; background:#203f7b;}
.nav .list-25per .class-one a{ color:#fff;}
.nav .list-25per .class-one a:hover{ color:#8fc41f;}
.nav .list-25per .class-one:last-child{ text-align:center; text-indent:0; }
.nav .list-25per ul{ padding:15px 0 0 0;}
.nav .list-25per li{ text-indent:65px; height:22px; line-height:22px;}
.nav .list-25per .space{ height:8px;}
.nav .list-33per{ display:inline; float:left; text-align:left;}
.nav .list-33per .class-one{ width:333px; height:62px; line-height:62px; text-align:center; font-weight:bold; color:#fff; background:#203f7b;}
.nav .last .class-one{ width:334px;}
.nav .list-125{ display:inline; float:left; text-align:left;}
.nav .list-125 .class-one{ width:143px; height:62px; line-height:62px; text-align:center; font-weight:bold; color:#fff; background:#203f7b;}
.nav .list-125 .pecial{ width:142px;}
.nav .list-125 .class-one a{ color:#fff;}	
.nav .list-125 .class-one a:hover{ color:#8fc41f;}

/* 页脚 */
.bottom{ min-width:1000px; height:50px; text-align:center; background:url(../images/bg_dot.png) 0 0 repeat; border-bottom:1px solid #b7b7b7; border-top:1px solid #b7b7b7;}
.bottom .b-nav{ height:50px; line-height:50px;}
.bottom .b-nav a{ display:inline; float:left; padding:0 15px; background:url(../images/bg_line3.png) left center no-repeat;}
.bottom .b-nav a:first-child{ padding-left:0; background:none;}
.bottom .music{ padding:14px 0 0 0;}
.bottom .share{ display:inline; padding:16px 0 0 0;}
.bottom .share a{ display:inline; float:left; padding:0 2px;}
.footer{ min-width:1000px; height:65px; line-height:65px; color:#f6f6f6;margin-top: 180px;
 text-align:center; background:#203f7b;}
.footer img{ display:inline;}
.footer .line-height{ margin:22px 0; vertical-align:middle;}

/* 通用：关注我们 */
.follow_us{ padding:0 0 10px 0; margin-bottom:20px; border-bottom:1px solid #dedede;}
.follow_us h5{ margin-bottom:10px; line-height:30px; font-size:14px; font-weight:bold; color:#3b3b3b; border-bottom:1px solid #dedede;}
.follow_us .box{ position:relative; display:inline; float:left; margin-right:8px; padding:15px 0 0 20px; width:222px; height:85px; border:1px solid #dedede;}
.follow_us .last_box{  margin-right:0px;}
.follow_us .box .qrcode{ display:none; position:absolute; top:-173px; right:-1px; padding:10px; width:153px; height:153px; text-align:center; background:#fff; border:1px solid #dedede; border-bottom:none; z-index:99;}
.follow_us .box .qrcode img{ display:inline;}
.follow_us .box .txt{ line-height:18px; font-size:12px; padding:0 0 0 10px;}
.follow_us .box .txt span{ font-size:14px;}
.follow_us .box .btn_bg{ position:absolute; display:block; right:10px; bottom:15px; width:51px; height:20px; line-height:20px; text-align:center; color:#fff; background:url(../images/btn_02.png) 0 0 no-repeat; cursor:pointer;}
.follow_us .box .btn_bg:hover{ opacity:0.9;}
.follow_us .box .sec{ right:66px;}

/* 焦点图：关于九牧.人力资源 */
.infoslide{ position: relative; margin:0 0 20px 0; width:1000px; height:420px;}
.infoslide .img { float:left; position:relative;}
.infoslide .img li, .m-slide .img a, .m-slide .img img { display:block; width:650px; height:420px;}
.infoslide .img li { display: none; position: absolute; left: 0; top: 0;}
.infoslide .img .first { display: block;}
.infoslide .tab { float:right; width:350px; height:420px; background:#202020; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.infoslide .tab li { height:59px; line-height:59px; color:#fff; text-indent:25px; border-bottom:1px solid #4e4e4e; background:#323232; cursor:pointer;}
.infoslide .tab .on{ background:#202020;}
.infoslide .txt-bg { position:absolute; bottom:0; width:650px; height:420px; overflow:hidden; z-index:2;}
.infoslide .txt li{ position:absolute; padding:10px 15px; bottom:0px; width:620px; color:#a8a8a7; z-index:3; background-color:rgba(0,0,0,0.8);}
.infoslide .txt li h6{ font-weight:bold; line-height:26px; color:#fff;}

.homeslide{ position: relative; margin:0 0 20px 0; width:1000px; height:420px;}
.homeslide .img { float:left; position:relative;}
.homeslide .img li, .m-slide .img a, .m-slide .img img, .img li img { display:block; width:650px; height:420px;}
.homeslide .img li { display: none; position: absolute; left: 0; top: 0;}
.homeslide .img .first { display: block;}
.homeslide .tab { float:right; width:350px; height:420px; background:#202020; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.homeslide .tab li { height:104px; line-height:104px; color:#fff; text-indent:15px; border-bottom:1px solid #4e4e4e; background:#323232; cursor:pointer;}
.homeslide .tab li img{ display:inline; float:left; margin:10px 0 0 10px; height:84px;}
.homeslide .tab .on{ background:#202020;}
.homeslide .txt-bg { position:absolute; left:0; bottom:0; width:650px; background:url(../images/bg_black_50per.png) 0 0 repeat; background-color:rgba(0,0,0,0.5); overflow:hidden; z-index:2;}
.homeslide .txt li{ padding:10px 15px; color:#a8a8a7; z-index:3;}

.homeslide .txt li h6{ font-weight:bold; line-height:26px; color:#fff;}
.process .homeslide .tab li { height:70px; line-height:70px; overflow:hidden;}
.process .homeslide .tab li img{ margin:8px 0 0 10px; height:54px;}



/* 通用页码 */
.pages_num { background:none; border:none;}
.pages_num table{ margin:20px 0;}
.pages_num td{ padding:0 5px;}
.pages_num td span{ display:block; width:25px; height:25px; line-height:25px; text-align:center; color:#8fc41f; border:1px solid #8fc41f;}
.pages_num td a{ display:block; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #e7e7e7;}
.pages_num td a:hover{ color:#8fc41f; border:1px solid #8fc41f;}

/* 产品页页码 */
.pagenum{ float:left;}
.pagenum input[type="button"]{ margin:0 10px 0 0; width:30px; height:25px; line-height:25px; text-align:center; text-indent:0; border:1px solid #e7e7e7; box-shadow:none; cursor:pointer;}
.pagenum input:hover{ color:#8fc41f; background:#fff; border:1px solid #8fc41f;}



/*=== 首页 ===*/
.home_focus{ background: url(../images/focusbg.jpg) center top no-repeat;}

/* 焦点图 */
.home_focus .focusbox { position:relative; width:1000px; height:492px; overflow:hidden;}
.home_focus .focusbox .pic{ position:relative; z-index:0;}
.home_focus .focusbox .pic img { display:block; width:1000px; height:492px;}
.home_focus .focusbox .hd { position:absolute; width:100%; height:40px; bottom:0px; text-align:center; font-size:0; z-index:1; background-color:rgba(255,255,255,0.5)}
.home_focus .focusbox .hd li{ display:inline-block; *display:inline; margin:13px 8px 0 8px; width:18px; height:16px; background: url(../images/focus/focus_dot.png) 0 -56px no-repeat; overflow:hidden; cursor:pointer; zoom:1; }
.home_focus .focusbox .hd .on{ background-position:0 0; }
.home_focus .focusbox .prev,
.home_focus .focusbox .next { position:absolute; display:none; top:50%; width:39px; height:39px; margin:-20px 0 0; background: url(../images/focus/arrow.png) 0 0 no-repeat; text-indent:-9999px; cursor: pointer; z-index:10;}
.home_focus .focusbox .prev { left:15px;}
.home_focus .focusbox .next { background-position:-60px 0px; right:15px; }
.home_focus .focusbox .prev:hover { background-position:0 -100px;}
.home_focus .focusbox .next:hover { background-position:-60px -100px;}

/* 新闻 */
.homenews{ height:360px; background:#f3f3f3;}
.homenews .newsbox{ display:inline; float:left; margin:0 8px 0 0;}
.homenews .newsbox a{ display:block; margin:30px 0 0 0; width:242px; height:300px; background:#fff; border:1px solid #d6d6d6;}
.homenews .newsbox a:hover{ margin:23px 0 0 0; color:#636363; border:1px solid #8fc320; box-shadow:0px 3px 3px #c0c0c0;}
.homenews .newsbox a img{ margin:0 auto;}
.homenews .newsbox h5{ margin-bottom:2px; height:34px; line-height:36px; font-size:14px; font-weight:bold; text-indent:8px;}
.homenews .newsbox h6{ height:32px; line-height:32px; padding:7px 0 0 0; font-weight:bold; text-align:center;}
.homenews .newsbox p{ color:#a6a6a6; text-align:center;}
.homenews .lastbox{ margin:0 !important;}

/* 悬浮导航 */
.rightNav{ position:fixed; width:106px; right:0; bottom:50px; _position:absolute; text-align:left; cursor:pointer; background-image:url(about:blank);  }
.rightNav a{ display:block; position:relative; width:106px; height:36px; line-height:36px; margin-bottom:2px; background:#fff;overflow:hidden; cursor:pointer; right:-70px; }
.rightNav a:hover{ text-decoration:none; color:#8fc41f;}
.rightNav a em{ display:block; float:left; width:36px; height:36px; margin-right:10px; background-color:#b6b5b7; background-image:url(../images/rightnav-icon.png); background-repeat:no-repeat;}
.rightNav a .icon1{ background-position:8px 12px;}
.rightNav a .icon2{ background-position:8px -45px;}
.rightNav a .icon3{ background-position:8px -107px;}
.rightNav a .icon4{ background-position:8px -170px;}
.rightNav a:hover .icon1{ background-color:#8fc41f; background-position:8px 12px;}
.rightNav a:hover .icon2{ background-color:#8fc41f; background-position:8px -45px;}
.rightNav a:hover .icon3{ background-color:#8fc41f; background-position:8px -107px;}
.rightNav a:hover .icon4{ background-color:#8fc41f; background-position:8px -170px;}
.rightNav .qcode{ height:126px; line-height:30px; right:-120px; text-align:center; background:#fff url(../images/qcode.png) 6px 25px no-repeat;}
/* 音乐播放器 */
.music_player{ position:absolute; right:0; bottom:-37px; width:278px; height:23px;}



/*========== 关于九牧 ==========*/
.about{ position:relative;}
.about .menu{ margin:0 0 20px 0; font-size:18px; border-top:1px solid #b2b2b2; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2;}
.about .menu a{ display:inline; float:left; padding:12px 0; width:142px; height:26px; line-height:26px; text-align:center; border-bottom:2px solid #203f7b; background:url(../images/about_line.png) left center no-repeat;}
.about .menu .special{ width:146px;}
.about .menu a:hover{ border-bottom:2px solid #8fc41f;}
.about .menu a:first-child{ background:none;}
.about .menu .current{ color:#8fc41f; border-bottom:2px solid #8fc41f;}

/* 集团简介 */
.about .group .development{ position:relative; height:400px; background:url(../images/about/group_04.jpg) 0 0 no-repeat;}
.developmentbox { position:absolute; right:0px; top:10px; width:590px; overflow:hidden;}
.developmentbox .bd { width:590px; height:300px; overflow:hidden;}
.developmentbox .bd img {width:590px; height:300px;}
.developmentbox .hd { padding:10px 0 0 0; width:590px; float:right; z-index:1; }
.developmentbox .hd ul { width:590px; overflow:hidden;}
.developmentbox .hd li { display:inline; float:left; margin:0 0 0 10px; width:110px; overflow:hidden; cursor:pointer;}
.developmentbox .hd li:first-child{ margin:0;}
.developmentbox .hd img { display:block; width:110px;}

/* 品牌历程 */
.about .historybox { position: relative; margin:0 0 50px 0; width:1000px; height:500px; overflow: hidden; }
.about .historybox .pic{ position:relative; z-index:0;}
.about .historybox .pic img { display:block; width:1000px; height:425px;}
.about .historybox .hd { position:absolute; bottom:0px; width:100%; height:48px; text-align:center; background:url(../images/about/line.png) 0 6px no-repeat; z-index:1; }
.about .historybox .hd li{ display:inline; float:left; margin:0 0 0 8px; width:62px; height:48px; font-size:20px; line-height:69px; font-style:italic; text-align:center; background: url(../images/about/dot.png) 0 0 no-repeat; cursor: pointer; zoom:1; }
.about .historybox .hd .on{ color:#fff; background: url(../images/about/dot_over.png) 0 0 no-repeat;}
.about .historybox .txt-bg { position:absolute; bottom:75px; left:0; width:100%;  background-color:rgba(0,0,0,0.3); overflow:hidden; z-index:2;}
.about .historybox .txt{ padding:10px 30px 10px 30px;}
.about .historybox .txt li{ font-size:14px; color:#fff; z-index:3;}
.about .historybox .prev,
.about .historybox .next { display:none; position:absolute; top:43%; width:39px; height:39px; margin:-20px 0 0; background:url(../images/focus/arrow.png) 0 0 no-repeat; text-indent:-9999px; cursor:pointer; z-index:10;}
.about .historybox .prev { left:15px;}
.about .historybox .next { background-position:-60px 0px; right:15px; }
.about .historybox .prev:hover { background-position:0 -100px;}
.about .historybox .next:hover { background-position:-60px -100px;}

/* 企业荣誉 */
.about .honour .scroll{ position:relative; width:930px; padding:10px 0 50px 70px;}
.about .honour .scroll .prev{ position:absolute; top:210px; left:0; width:47px; height:47px; background:url(../images/about/honour_left.png) 0 0 no-repeat; z-index:100; cursor:pointer;}
.about .honour .scroll .next{ position:absolute; top:210px; right:0; width:47px; height:47px; background:url(../images/about/honour_right.png) 0 0 no-repeat; z-index:100; cursor:pointer;}
.about .honour .scroll dl{ position:relative; display:inline; margin:0 8px 0 0; float:left; width:209px; text-align:center;}

/* 企业文化 */
.about .culture .brand{ padding:20px 8px; background:#f1f1f1;}
.about .culture .brand p{ line-height:26px; font-size:12px;}
.about .culture .brand ul{ padding:0 0 20px 0;}
.about .culture .brand li{ display:inline; float:left; margin:0 0 0 8px;}
.about .culture .brand li:first-child{ margin:0;}
.about .culture .brand li p{ line-height:36px; text-align:center;}
.about .culture .brand li p span{ font-size:18px;}

/* 总裁信箱 */
.about .email .welcome{ padding:10px 0;} 
.about .email .welcome p{ line-height:24px; margin:0 0 20px 0;}
.about .email table{ margin:0 0 30px 0;}
.about .email td{ vertical-align:middle;}
.about .email td{ padding:5px 0;}
.about .email .area{ vertical-align:top;}
.about .email label{ padding:0 60px 0 0; vertical-align:middle;}
.about .email input{ vertical-align:middle;}
.about .email input[ type="text"]{ width:245px; height:25px; border:1px solid #cccccc;}
.about .email textarea{ width:360px; height:280px;}
.about .email .btns{ vertical-align:bottom;}

.about .liability img{ margin:0 0 30px 0;}

/* 视频广告 */
.about .videoslide{ position: relative; margin:95px 0 20px 0; width:1000px; height:420px;}
.about .videoslide .img { float:left; position:relative;}
.about .videoslide .img li, .m-slide .img a, .m-slide .img img { display:block; width:650px; height:420px;}
.about .videoslide .img li { position: absolute; left: 0; top: 0;}
.about .videoslide .img .first { display: block;}
.about .videoslide .tab { float:right; width:350px; height:420px; background:#202020; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.about .videoslide .tab li { height:104px; line-height:104px; color:#fff; text-indent:15px; border-bottom:1px solid #4e4e4e; background:#323232; cursor:pointer;}
.about .videoslide .tab li img{ display:inline; float:left; margin:10px 0 0 10px; height:84px;}
.about .videoslide .tab .on{ background:#202020;}
.about .videoslide .txt-bg { position:absolute; top:-85px; width:1000px; height:85px; overflow:hidden; border-bottom:1px solid #4e4e4e; background:#000 url(../images/about/icon_video.png) 20px center no-repeat;; z-index:2;}
.about .videoslide .txt li{ position:absolute; width:1000px; height:85px; line-height:85px; bottom:0px; text-indent:90px; font-size:20px; color:#fff; z-index:3;}
.about .videoslide .txt li h6{ font-weight:bold; line-height:26px; color:#fff;}



/*------------------------------*/
/*	新闻中心
/*------------------------------*/
.newscenter{ position:relative; padding:0 0 70px 0; background:#fff url(../images/bg_line4.png) 0 0 repeat-x;}
.newscenter .menu{ position:relative; width:235px; padding:0 0 15px 0; background:url(../images/newbox_shadow.png) center bottom no-repeat; z-index:2;}
.newscenter .menu .title{ position:relative; height:36px; line-height:36px; font-size:14px; font-weight:bold; color:#303030; text-indent:15px; background:url(../images/customize/customize_02.png) 0 0 repeat-y; border-bottom:1px solid #fff; cursor:pointer;}
.newscenter .menu .title h3{ color:#3b3b3b;}
.newscenter .menu .title span{ position:absolute; display:block; width:9px; height:9px; right:15px; top:16px; background:url(../images/customize/customize_list_arrow.png) 0 -10px no-repeat;}
.newscenter .menu .content{ padding:0 15px; background:#fff;}
.newscenter .menu .content li{ height:40px; line-height:40px; border-bottom:1px solid #e5e5e5;}
.newscenter .menu .content .current a{ font-weight:bold; color:#8fc41f;}
.newscenter .main{ padding:0 0 30px 0; width:750px; background:#fff; border:1px solid #dedede;}
.newscenter .main .title{ padding:0 20px; height:36px; line-height:36px; font-size:14px; color:#606060; font-weight:bold;}
.newscenter .main .title .border{ border-bottom:1px solid #dedede;}

.newscenter .main .list{ position:relative; padding:20px;}
.newscenter .main .bg{}
.newlistodd{ background:#f5f5f5; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}

.newscenter .main .list .pic{ float:left; width:240px;}
.newscenter .main .list .text{ float:right; width:450px;}
.newscenter .main .list .text h5{ margin:0 0 7px 0; line-height:30px; font-size:14px; font-weight:bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newscenter .main .list .text h5 a{ color:#606060;}
.newscenter .main .list .text h5 a:hover{ color:#8fc41f;}
.newscenter .main .list .btn{ position:absolute; display:block; right:20px; bottom:20px; width:100px; height:28px; line-height:28px; color:#fff; text-align:center; background:#8fc41f; border-radius:4px;}

.newscenter .detail h5{ height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:bold; border-bottom:1px solid #dedede;}
.newscenter .detail .date{ height:30px; line-height:30px; text-align:center; color:#8fc41f;}
.newscenter .detail .text{ padding:20px;}
.newscenter .detail .text p{ text-indent:25px; line-height:22px; margin:10px 0 10px 0;}
.newscenter .detail .text img{ display:block; margin:0; max-width:700px;}
.newscenter .detail .text .baidu_share{ padding:0 0 0 289px;}


/*------------------------------*/
/*	产品分类列表
/*------------------------------*/

/* 列表通用焦点图 */
.list_slider{ background:#d3d3d3;}
.list_slider .slider{ position:relative; margin:0 auto; width:1000px; height:425px; overflow:hidden;}
.list_slider .slider .pic{ position:relative; z-index:0;}
.list_slider .slider .pic img { display:block; width:1000px; height:425px;}
.list_slider .slider .hd { position:absolute; bottom:10px; width:100%; text-align:center; font-size:0; z-index:1; }
.list_slider .slider .hd li{display:inline-block; *display:inline; margin:0 5px; width: 16px; height:16px; background:url(../images/dot.png) no-repeat 0 -16px; overflow:hidden; cursor:pointer;zoom:1; }
.list_slider .slider .hd .on{ background-position:0 0; }
.list_slider .slider .prev,
.list_slider .slider .next { display:none; position:absolute; width:39px; height:39px; top:190px; left:10px; background:url(../images/circle_arrow.png) no-repeat; cursor:pointer;}
.list_slider .slider .next{ left:auto; right:10px; background-position:0 -60px;}
.list_slider .slider .prev:hover{ background-position:-60px 0; }
.list_slider .slider .next:hover{ background-position:-60px -60px; }

/* 分类属性 */
.product_list .list_all{ padding:0 0 30px 0;}
.product_list .list_all .choose{ padding:20px 0 10px 0;}
.product_list .list_all .choose table{ border-collapse:separate; border-spacing:1px; background:#e0e0e0;}
.product_list .list_all .choose th{ padding:0 0 0 10px; width:90px; text-align:left; background:#f5f5f5;}
.product_list .list_all .choose td{ padding:7px 5px; background:#fff;}
.product_list .list_all .choose .title{ background:#e0e0e0;}
.product_list .list_all .choose .b{ font-size:14px; font-weight:bold;}
.product_list .list_all .choose input[type="button"]{ border:none; background:none; box-shadow:none; cursor:pointer;}
.product_list .list_all .choose .title input[type="button"]{ padding:0px 20px 0px 5px; margin:0 10px 0 0; background:#fff url(../images/choose_close.png) right center no-repeat;}

/* 分类列表 */
.product_list .list_box{ display:inline; float:left; margin:0 8px 0 0; padding:0 0 8px 0; width:244px;}
.product_list .list_box a{ display:block; padding:9px; border:1px solid #dedede;}
.product_list .list_box a:hover{ border:1px solid #8fc41f;}
.product_list .list_box a h5{ font-weight:bold; line-height:18px;}
.product_list .list_box a img{ display:block; width:220px; height:220px; margin:0 auto; padding:0 0 10px 0;}
.product_list .list_box a p{ padding:5px 0 0 0; color:#b3b3b3;}
.product_list .list_box .duibi{ line-height:30px; color:#636363;}
.product_list .list_box .more{ display:inline; padding:0; border:0;}
.product_list .list_box .more:hover{ border:none;}
.product_list .list_box span{ display:inline; padding:0 20px 0 0;}
.product_list .compare_box{ padding:15px 0; border-top:1px solid #dedede; border-bottom:3px solid #dedede;}
.product_list .compare a{ display:inline; padding:6px 30px;text-align:center; color:#fff; background:url(../images/btn_01.png) center 0 no-repeat; cursor:pointer;}



/*------------------------------*/
/*	产品类别 - product_classify
/*------------------------------*/

/* 新品推荐 */
.recommend_new{ padding:20px 0 0 0;}
.recommend_new h5{ margin-bottom:10px; line-height:30px; font-size:14px; font-weight:bold; color:#3b3b3b; border-bottom:1px solid #dedede;}
.recommend_new .column{ padding:0 0 10px 0;}
.recommend_new .column .box{ position:relative; display:inline; float:left; margin:0 0 0 8px; padding:0 0 10px 0; width:244px;}
.recommend_new .column .first_box{ margin:0;}
.recommend_new .column .box .new{ position:absolute; right:1px; top:1px; width:50px; height:50px; z-index:99;}
.recommend_new .column .box a{ display:block; padding:9px; border:1px solid #dedede;}
.recommend_new .column .box a:hover{ border:1px solid #8fc41f;}
.recommend_new .column .box a .pic{ margin:0 0 10px 0; padding:0 0 21px 0; border-bottom:1px solid #dedede;}
.recommend_new .column .box a h6{ font-weight:bold; line-height:18px;}
.recommend_new .column .box a img{ display:block; margin:0 auto; width:220px; height:220px;}
.recommend_new .column .box a p{ padding:5px 0 0 0; color:#b3b3b3;}

/* 产品小类别 */
.classify{ margin-bottom:30px; border-top:3px solid #dedede; border-bottom:2px solid #dedede;}
.classify .column{ padding:10px 0; border-bottom:1px solid #dedede;}
.classify .box_title{ display:inline; float:left; width:244px;}
.classify .box_title h5{ padding:50px 0 20px 5px; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.classify .box_title p{ padding:0 0 0 5px;}
.classify .box{ display:inline; float:left; margin:0 0 0 8px; width:244px;}
.classify .box a{ display:block; padding:9px; border:1px solid #dedede;}
.classify .box a:hover{ border:1px solid #8fc41f;}
.classify .box a h5{ font-weight:bold; line-height:18px;}
.classify .box a img{ display:block; width:220px; height:220px; margin:0 auto; padding:0 0 10px 0;}
.classify .box a p{ padding:5px 0 0 0; color:#b3b3b3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}



/*------------------------------*/
/*	风格套间 - product_suite
/*------------------------------*/
.suite_focus .focusbox { position:relative; width:1000px; height:550px; overflow:hidden;}
.suite_focus .focusbox .pic{ position:relative; z-index:0;}
.suite_focus .focusbox .pic img { display:block; width:1000px; height:550px;}
.suite_focus .focusbox .hd { position:absolute; width:100%; height:40px; bottom:0px; text-align:center; font-size:0; z-index:1;}
.suite_focus .focusbox .hd li{ display:inline-block; *display:inline; margin:13px 8px 0 8px; width:18px; height:16px; background: url(../images/focus/focus_dot.png) 0 -56px no-repeat; overflow:hidden; cursor:pointer; zoom:1; }
.suite_focus .focusbox .hd .on{ background-position:0 0; }
.suite_focus .focusbox .prev,
.suite_focus .focusbox .next { position:absolute; display:none; top:50%; width:39px; height:39px; margin:-20px 0 0; background: url(../images/focus/arrow.png) 0 0 no-repeat; text-indent:-9999px; cursor: pointer; z-index:10;}
.suite_focus .focusbox .prev { left:15px;}
.suite_focus .focusbox .next { background-position:-60px 0px; right:15px; }
.suite_focus .focusbox .prev:hover { background-position:0 -100px;}
.suite_focus .focusbox .next:hover { background-position:-60px -100px;}

.suite_more .suitescroll{ position:relative; padding:0 0 30px 0; width:1000px; height:160px; overflow:hidden;}
.suite_more .suitescroll .prev,
.suite_more .suitescroll .next{ position:absolute; width:39px; height:39px; top:60px; left:0; background:url(../images/circle_arrow.png) no-repeat; cursor:pointer;}
.suite_more .suitescroll .next{ left:auto; top:60px; right:0; background-position:0 -60px;}
.suite_more .suitescroll .prev:hover{ background-position:-60px 0; }
.suite_more .suitescroll .next:hover{ background-position:-60px -60px; }
.suite_more .suitescroll .scrollWrap{ position:absolute; left:44px; top:0px; width:904px; height:160px; overflow:hidden;}
.suite_more .suitescroll dl{ display:inline; float:left; margin:0 0 0 8px; width:220px; text-align:center;}
.suite_more .suitescroll dl a{ color:#9f9f9f;}
.suite_more .suitescroll dl:hover dd{ color:#8fc41f;}
.suite_more .suitescroll dt{ margin:0 auto; width:220px; overflow:hidden;}
.suite_more .suitescroll img{display:block; width:220px; height:120px;}
.suite_more .suitescroll dd{ width:220px; height:38px; line-height:38px; font-size:14px; color:#666666; text-align:center; background:#dedede; overflow:hidden;}


.suite_list{ padding:20px 0 0 0;}
.suite_list .box{ position:relative; display:inline; float:left; margin:0 0 0 8px; padding:0 0 10px 0; width:244px;}
.suite_list .first_box{ margin:0;}
.suite_list .box .new{ position:absolute; right:1px; top:1px; width:50px; height:50px; z-index:99;}
.suite_list .box a{ display:block; padding:9px; border:1px solid #dedede;}
.suite_list .box a:hover{ border:1px solid #8fc41f;}
.suite_list .box a .pic{ margin:0 0 10px 0; padding:0 0 21px 0; border-bottom:1px solid #dedede;}
.suite_list .box a h6{ font-weight:bold; line-height:18px;}
.suite_list .box a img{ display:block; margin:0 auto; width:220px; height:220px;}
.suite_list .box a p{ padding:5px 0 0 0; color:#b3b3b3;}




/*------------------------------*/
/*	产品详情
/*------------------------------*/

/* 顶部产品推荐 */
.product_detail .recommend{ background:#fff; border-bottom:3px solid #e7e7e7; overflow:hidden;}
.product_detail .recommend .close{ height:23px; border-bottom:1px solid #8fc41f;}
.product_detail .recommend .close .btn{ display:block; margin:0 auto; width:80px; height:23px; background:url(../images/close.png) no-repeat;}

.product_detail .recommend .show{ display:none; height:23px; border-bottom:1px solid #8fc41f;}
.product_detail .recommend .show .btn{ display:block; margin:0 auto; width:80px; height:23px; background:url(../images/close_02.png) no-repeat;}
.product_detail .recommendscroll{ position:relative; width:1000px; height:190px;}
.product_detail .recommendscroll .prev,.recommendscroll .next{ position:absolute; width:39px; height:39px; top:80px; left:0; background:url(../images/circle_arrow.png) no-repeat; cursor:pointer;}
.product_detail .recommendscroll .next{ left:auto; right:0; background-position:0 -60px;}
.product_detail .recommendscroll .prev:hover{ background-position:-60px 0; }
.product_detail .recommendscroll .next:hover{ background-position:-60px -60px; }
.product_detail .recommendscroll .scrollWrap{ position:absolute; left:60px; top:40px; width:900px; overflow:hidden;}
.product_detail .recommendscroll dl{ display:inline; float:left; margin:0 30px 0 0; width:100px; text-align:center;}
.product_detail .recommendscroll dl a{ color:#9f9f9f;}
.product_detail .recommendscroll dl:hover dd{ color:#8fc41f;}
.product_detail .recommendscroll dt{ margin:0 auto; width:82px; overflow:hidden;}
.product_detail .recommendscroll img{display:block; width:82px; height:82px;}
.product_detail .recommendscroll dd{ width:100px; height:34px; line-height:34px; font-size:12px; text-align:center; overflow:hidden;}

/* 产品基本信息 */
.product_detail .basic_info{ padding:30px 0 0 0;}
.product_detail .basic_info .photos{ padding:40px 0 0 0; width:530px; height:550px; border:1px solid #cdcdcd;}
.product_detail .basic_info .photoslide{ position:relative; margin:0 auto; width:365px; overflow:hidden; zoom:1;}
.product_detail .basic_info .photoslide .hd{ width:100%; overflow:hidden; }
.product_detail .basic_info .photoslide .hd ul{ overflow:hidden; zoom:1; }
.product_detail .basic_info .photoslide .hd ul li{ display:inline; margin-right:5px; float:left; text-align:center; border:1px solid #d0d0d0; cursor:pointer;}
.product_detail .basic_info .photoslide .hd ul li img{ width:65px; height:65px;}
.product_detail .basic_info .photoslide .hd ul li.on{ border:1px solid #8fc41f;}
.product_detail .basic_info .photoslide .bd{ padding-bottom:60px;}
.product_detail .basic_info .photoslide .bd li{ vertical-align:middle; }
.product_detail .basic_info .photoslide .bd img{ width:365px; height:365px; display:block;  }
.product_detail .basic_info .info{ width:440px; color:#203f7b;}
.product_detail .basic_info .info .title{ padding:5px 0; border-bottom:1px solid #dedede;}
.product_detail .basic_info .info .title h4{ line-height:30px; font-size:24px; color:#303030;}
.product_detail .basic_info .info .sap{ line-height:30px; font-weight:bold;}
.product_detail .basic_info .info .b{ font-size:14px; font-weight:bold;}
.product_detail .basic_info .info .detaile{ padding:10px 0; border-bottom:1px solid #dedede;}
.product_detail .basic_info .info .detaile .peizhi{ width:260px;}
.product_detail .basic_info .info .detaile .peizhi li{ line-height:24px;}
.product_detail .basic_info .info .detaile .guige{ width:170px;}
.product_detail .basic_info .info .detaile .guige table{ border-collapse:separate; border-spacing:1px; background:#dedede;}
.product_detail .basic_info .info .detaile .guige td{ padding:3px 5px; background:#fff;}
.product_detail .basic_info .info .buy{ padding:10px 0;}
.product_detail .basic_info .info .buy a{ display:inline; font-size:14px; font-weight:bold; padding:0 30px 0 20px;}
.product_detail .basic_info .info .buy .t{ background:url(../images/icon_tmall.png) 0 0 no-repeat;}
.product_detail .basic_info .info .buy .j{ background:url(../images/icon_j.png) 0 0 no-repeat;}
.product_detail .basic_info .info .buy .d{ background:url(../images/icon_d.png) 0 0 no-repeat;}
.product_detail .basic_info .info .price{ padding:10px 0 20px 0; line-height:30px; font-size:24px; color:#303030;}
.product_detail .basic_info .info .tedian li{ padding-bottom:5px;}

/* 产品推荐 */
.recommend_difference{ padding:0 0 50px 0;}
.recommend_difference a{ display:block; float:left; margin:0 0 0 10px; padding:10px; width:220px; border:1px solid #dedede;}
.recommend_difference a:first-child{ margin:0;}
.recommend_difference a:hover{ border:1px solid #8fc41f;}
.recommend_difference a h5{ font-weight:bold; line-height:17px;}
.recommend_difference a img{ display:block; margin:0 auto; width:220px; height:220px; padding:0 0 10px 0;}
.recommend_difference a p{ padding:5px 0 0 0; color:#b3b3b3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* 通用 - 优势卖点 */
.advantage{ padding-bottom:30px;}
.advantage h5{ margin-bottom:10px; line-height:30px; font-size:14px; font-weight:bold; color:#3b3b3b; border-bottom:1px solid #dedede;}
.advantage .slider{ position:relative; width:1000px; height:360px; overflow:hidden;}
.advantage .slider .pic{ position:relative; z-index:0;}
.advantage .slider .pic img { display:block; width:1000px; height:360px;}
.advantage .slider .hd { position:absolute; bottom:10px; width:100%; text-align:center; font-size:0; z-index:1; }
.advantage .slider .hd li{display:inline-block; *display:inline; margin:0 5px; width: 16px; height:16px; background:url(../images/dot.png) no-repeat 0 -16px; overflow:hidden; cursor:pointer;zoom:1; }
.advantage .slider .hd .on{ background-position:0 0; }
.advantage .slider .prev,
.advantage .slider .next { position:absolute; width:39px; height:39px; top:160px; left:10px; background:url(../images/circle_arrow.png) no-repeat; cursor:pointer;}
.advantage .slider .next{ left:auto; right:10px; background-position:0 -60px;}
.advantage .slider .prev:hover{ background-position:-60px 0; }
.advantage .slider .next:hover{ background-position:-60px -60px; }

/* 通用 - 活动公告 */
.notice{ padding-bottom:30px;}
.notice h5{ margin-bottom:10px; line-height:30px; font-size:14px; font-weight:bold; color:#3b3b3b; border-bottom:1px solid #dedede;}
.notice li{ display:inline; float:left; margin:0 9px 9px 0;}
.notice .nomargin_right{ margin:0 0 9px 0;}






.basictable table{ border-collapse:separate; border-spacing:1px; background:#d9d9d9;}
.basictable th{ width:160px; font-weight:bold; color:#232323; background:#e9e9e9;}
.basictable td{ width:190px; padding:10px; background:#fff;}
.basictable .space{ background:#fbfafa;}

.product_contrast .contrast{ padding:0px 0 50px 0;}
.product_contrast .pic{ position:relative; padding:40px 0 10px 0;}
.product_contrast .pic img{ display:block; margin:0 auto;}
.product_contrast .pic a{ position:absolute; display:block; width:44px; height:20px; line-height:20px; text-align:center; cursor:pointer;}
.product_contrast .pic a:hover{ color:#636363;}
.product_contrast .pic #pro_add{ cursor:pointer;}
.product_contrast .change{ right:50px; top:0; background:#fff; border:1px solid #dedddd;}
.product_contrast .delete{ right:0px; top:0; color:#fff; background:#8fc41f; border:1px solid #8fc41f;}
.product_contrast .delete:hover{ color:#fff !important;}

.product_contrast .price{ font-size:20px;}
.product_contrast .buy{ padding:10px 0 0 0;}
.product_contrast .buy a{ display:inline; font-size:14px; font-weight:bold; padding:0 15px 0 20px;}
.product_contrast .buy a:last-child{ padding:0 0 0 20px;}
.product_contrast .buy .t{ background:url(../images/icon_tmall.png) 0 0 no-repeat;}
.product_contrast .buy .j{ background:url(../images/icon_j.png) 0 0 no-repeat;}




/*------------------------------*/
/*	九牧智造
/*------------------------------*/
.technology{ position:relative;}
.technology .menu{ margin:0 0 20px 0; font-size:18px; border-top:1px solid #b2b2b2; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2;}
.technology .menu a{ display:inline; float:left; padding:12px 0; width:249px; height:26px; line-height:26px; text-align:center; border-bottom:2px solid #203f7b; background:url(../images/about_line.png) right center no-repeat;}
.technology .menu a:first-child{ width:251px;}
.technology .menu a:hover{ border-bottom:2px solid #8fc41f;}
.technology .menu a:last-child{ background:none;}
.technology .menu .current{ border-bottom:2px solid #8fc41f;}

/* 视频广告 */
.technology .videoslide{ position: relative; margin:95px 0 20px 0; width:1000px; height:420px;}
.technology .videoslide .img { float:left; position:relative;}
.technology .videoslide .img li, .m-slide .img a, .m-slide .img img { display:block; width:650px; height:420px;}
.technology .videoslide .img li { display: none; position: absolute; left: 0; top: 0;}
.technology .videoslide .img .first { display: block;}
.technology .videoslide .tab { float:right; width:350px; height:420px; background:#202020; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.technology .videoslide .tab li { height:69px; line-height:69px; color:#b6b6b6; text-indent:15px; border-bottom:1px solid #4e4e4e; background:#323232; cursor:pointer;}
.technology .videoslide .tab li img{ display:inline; float:left; margin:10px 0 0 10px; opacity:0.5;}
.technology .videoslide .tab .on{ color:#fff; background:#202020;}
.technology .videoslide .tab .on img{ opacity:1;}
.technology .videoslide .txt-bg { position:absolute; top:-85px; width:1000px; height:85px; border-bottom:1px solid #4e4e4e; overflow:hidden; background:#000; z-index:2;}
.technology .videoslide .txt li{ position:absolute; width:1000px; height:85px; line-height:85px; bottom:0px; text-indent:90px; font-size:20px; color:#fff; z-index:3;}
.technology .videoslide .txt li h6{ font-weight:bold; line-height:26px; color:#fff;}
.technology .videoslide .txt li img{ display:inline; width:50px;}

.healthslide{ position:relative; margin:20px 0 0 0; width:998px; height:480px; border: 1px solid #e5e5e5; background:#fff; overflow: hidden; }
.healthslide ol { float: left; width:233px; height:480px; margin-top:-1px; }
.healthslide ol li { height:53px; line-height:53px; text-indent:30px; font-size:14px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; overflow:hidden; cursor:pointer;}
.healthslide ol li.on { color:#8fc41f; background:#fff; border-right:#fff; }
.healthslide ul { float:left; overflow: hidden; }
.healthslide ul li { width:765px; height:480px;}



/*------------------------------*/
/*	销售网络
/*------------------------------*/
.network{ position:relative; padding:0 0 70px 0; background:#fff url(../images/bg_line4.png) 0 0 repeat-x;}
.network .menu{ position:relative; width:235px; padding:0 0 15px 0; background:url(../images/newbox_shadow.png) center bottom no-repeat; z-index:2;}
.network .menu .title{ position:relative; height:36px; line-height:36px; font-size:14px; font-weight:bold; color:#303030; text-indent:15px; background:url(../images/customize/customize_02.png) 0 0 repeat-y; border-bottom:1px solid #fff; cursor:pointer;}
.network .menu .title h3{ color:#3b3b3b;}
.network .menu .title span{ position:absolute; display:block; width:9px; height:9px; right:15px; top:16px; background:url(../images/customize/customize_list_arrow.png) 0 -10px no-repeat;}
.network .menu .content{ padding:0 15px; background:#fff;}
.network .menu .content li{ height:40px; line-height:40px; border-bottom:1px solid #e5e5e5;}
.network .menu .content .current a{ font-weight:bold; color:#8fc41f;}
.network .main{ padding:0 0 30px 0; width:750px; color:#203f7b; background:#fff; border:1px solid #dedede;}
.network .main .title{ padding:0 20px; height:36px; line-height:36px; font-size:14px; font-weight:bold;}
.network .main .title .border{ border-bottom:1px solid #dedede;}
.network .main .list{ position:relative; padding:20px;}
.network .main .bg{ background:#f5f5f5; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.network .main img{ display:block; margin:0 auto; padding:20px 0 30px 0;}
.network .nobg{ background:none; border:none;}

.network .map_search{ padding:0 20px;}
.network .map_search .select_area{ width:330px;}
.network .map_search .select_area ul{ height:291px; overflow-y:scroll; overflow-x:hidden;}
.network .map_search .select_area li{ padding:13px 0 13px 30px; line-height:22px;  background:url(../images/icon_map.png) left center no-repeat; border-bottom:1px solid #dedede;}
.network .map_search .select_area li a{ display:block; cursor:pointer;}
.network .map_search .select_area .select{ padding:10px 0; border-bottom:1px solid #dedede;}
.network .map_search .select_area .select select{ width:40%;}
.network .map_search .map_area{ width:366px; height:333px; background:#ccc;}


/*------------------------------*/
/*	单页面
/*------------------------------*/

/* 法律申明 */
.legeal_statement{ padding:20px 30px;}
.legeal_statement h5{ margin:0 0 10px 0; padding:0 0 5px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #e5e5e5;}
.legeal_statement h6{ margin:20px 0 10px 0; font-size:12px; font-weight:bold;}
.legeal_statement p{ line-height:22px; padding:0 0 10px 0;}

/* 网站地图 */
.sitemap{ padding:0 0 100px 0;}
.sitemap .class_01{ margin:15px 0 0 0; height:38px; line-height:38px; font-size:14px; font-weight:bold; color:#303030; text-indent:15px; background:#e8e8e8;}
.sitemap .class_02{ width:998px; height:38px; line-height:38px; font-size:12px; font-weight:bold; color:#636363; text-indent:15px; border:1px solid #dedede; border-top:none;}
.sitemap ul{ float:left; width:141px; height:400px; border:1px solid #dedede; border-left:none; border-top:none;}
.sitemap ul:first-child{ width:146px; border-left:1px solid #dedede;}
.sitemap ul li{ text-indent:15px;}
.sitemap ul .space{ line-height:10px;}
.sitemap ul .tit{ padding:10px 0 0 0; font-weight:bold; color:#636363;}
.sitemap ul .strong{ margin:10px 0 0 0; font-weight:bold;}
.sitemap ul .class_02{ border-left:none;}
.sitemap .w_146{ width:146px; border-left:1px solid #dedede;}
.sitemap .w_141{ width:141px;}
.sitemap .w_282{ width:282px;}
.sitemap .h_180{ height:180px;}
.sitemap .h_140{ height:140px;}
.sitemap .w_282 ul{ width:94px; border:none;}
.sitemap .noborder{ border-left:none;}




/*------------------------------*/
/*	Helper classes
/*------------------------------*/
.nobg{ background:none;}
.nomargin{ margin:0 !important;}
.pages_num,
.pages_num .newlistodd{ background:none !important; border:none !important;}


.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* 公司公告 */

.newscenter .main .gsgao{ position:relative; padding:5px 20px 20px 20px;}
.newscenter .main .bg{}
.newscenter .main .gsgao .kuai{ float:left; width:100%; padding-top:15px; border-bottom:1px dashed #9f9f9f;}
.newscenter .main .gsgao .kuai .biaoti{ float:left; width:450px;}
.newscenter .main .gsgao .kuai .biaoti h5{ margin:0 0 7px 0; line-height:30px; font-size:14px; font-weight:bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newscenter .main .gsgao .kuai .biaoti h5 a{ color:#606060;}
.newscenter .main .gsgao .kuai .biaoti h5 a:hover{ color:#8fc41f;}
.newscenter .main .gsgao .kuai .shijian{ float:right; width:120px;}
.newscenter .main .gsgao .kuai .shijian span{ margin:0 0 7px 0; line-height:30px; font-size:12px; font-family:Arial, Helvetica, sans-serif; overflow: hidden;}

body{
overflow-x: hidden;
}

    	.toolbar-item, .toolbar-layer {
    background: url(../img/toolbar.png) no-repeat;

}


.toolbar {
    position: fixed;
    right: 0px;
   top: 500px;
}
/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item {
    display: block;
    width: 52px;
    height: 52px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    transition: background-position 1s;
}

    .toolbar-item:hover .toolbar-layer {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

.toolbar-item-weixin {
    background-position: 0 -798px;
}

    .toolbar-item-weixin:hover {
        background-position: 0 -860px;
    }

    .toolbar-item-weixin .toolbar-layer {
        height: 212px;
        background-position: 0 0;
    }

.toolbar-item-feedback {
    background-position: 0 -426px;
}

    .toolbar-item-feedback:hover {
        background-position: 0 -488px;
    }

.toolbar-item-app {
    background-position: 0 -550px;
}

    .toolbar-item-app:hover {
        background-position: 0 -612px;
    }

    .toolbar-item-app .toolbar-layer {
        height: 194px;
        background-position: 0 -222px;
    }

.toolbar-item-top {
    background-position: 0 -674px;
}

    .toolbar-item-top:hover {
        background-position: 0 -736px;
    }

.toolbar-layer {
    position: absolute;
    right: 46px;
    bottom: -10px;
    width: 172px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}