* { margin: 0; padding: 0; }
html { overflow-x: hidden; }
body {  color: #333; font: 12px/200% 'microsoft yahei',Tahoma,Arial,Verdana,"宋体b8b\4f53"; }
body, ul, li, p, h1, h2, h3, h4, h5, table, td, th, img { margin: 0; padding: 0; }
input, textarea { -webkit-border-radius: 0; }
    input[type="text"], input[type="password"], textarea { -webkit-appearance: none; }
    input:focus { outline: none; }
::-webkit-input-placeholder { color: #ccc; }
ul, li { list-style-type: none; }
img { border: 0; vertical-align: middle; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #ff7400; text-decoration: none; }
a.grey:link { color: #999; }
a.grey:visited { color: #999; }
a.grey:hover { color: #ff7400; }
a.red:link { color: #fe7200; }
a.red:visited { color: #fe7200; }
a.red:hover { color: #333; }
a.green { color: #309f5d; }
    a.green:hover { color: #333; }
.mgt1 { margin-top: 10px; }
.pdb1 { padding-bottom: 10px; }
.bg_grey { background: #f5f5f5; }
.red { color: #fe7200; }
.blue { color: blue; }
.xgrey { color: #666; }
.c { text-align: center; }
.b { font-weight: bold; }
.font_m { font-size: 12px; }
.font_l { font-size: 14px; }
/********************/

.top { width: 100%; height: 35px; line-height: 35px; background: #F7F7F7; border-bottom: 1px solid #eee; }
.topsmg { height: 30px; line-height: 30px; background-color: #1da845; text-align: center; color: Red; font-size: 14px; }
.top_login { width: 1190px; margin: 0px auto; padding-left: 10px; text-align: left; overflow: visible; *overflow: hidden; }
    .top_login .btn, .top_login .btn:visited { background: #1da845; margin-left: 5px; padding: 0px 6px; text-decoration: none; height: 21px; line-height: 20px; color: #fff; _margin-top: 6px; }
        .top_login .btn:hover { background: #178034; }
    .top_login form { margin: 0; padding: 0; float: left; }
    * + html .top_login form { margin-top: -2px; }
    .top_login a { display: inline-block; }
    .top_login input { margin-top: 4px; border: 1px solid #ccc; height: 20px; padding: 0 2px; }
    .top_login #phone { margin-top: 5px; }
    .top_login .mg1 { background: url(/images/sy.png) no-repeat -404px 0px; padding-left: 14px; }
    .top_login .mobile { background: url(/images/sy.png) no-repeat -288px 0px; padding-left: 16px; color: #fe7200; }
.login_l { float: left; padding-left: 10px; width: 500px; overflow: hidden; }
.login_c { float: right; width: 100px; }
.login_r { float: right; width: 380px; overflow: hidden; }

.area_span { position: relative; padding-left: 11px; cursor: pointer; z-index: 99; float: left; }
    .area_span span { }
    .area_span .area_div { display: none; position: absolute; left: 0; top: 1px; width: 120px; padding: 2px; }
        .area_span .area_div ul { background-color: White; border: 1px solid #20b349; width: 160px; z-index: 9; padding: 0; margin: 0; position: absolute; top: 32px; _top: 24px; left: 0; }
            .area_span .area_div ul li { float: left; width: 80px; height: 30px; }
                .area_span .area_div ul li a { display: block; line-height: 30px; text-decoration: none; text-align: center; }
                    .area_span .area_div ul li a:hover { background-color: #20b349; color: White; }
        .area_span .area_div span { position: absolute; top: 0; _top: -1px; left: 0; background-color: White; z-index: 99; padding: 0 10px; height: 32px; line-height: 30px; border: 1px solid #20b349; border-bottom: 0; }
    .area_span:hover .area_div { display: block; }
.login_r .txt_input { width: 75px; *vertical-align: middle; }

.box { margin: 0 auto; padding-top: 12px; width: 1190px; }
    .box:after, .clearfix:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.logo_box { float: left; width: 230px; padding: 5px 0; }
    .logo_box img { vertical-align: top; }
    .logo_box span { background-color: #f4f5f7; display: block; color: #666; text-align: center; margin: 5px; padding: 0 5px; height: 20px; line-height: 20px; border-radius: 10px; }
    .logo_box h1 { display: inline; }
.search_box { float: left; width: 680px; margin-left: 40px; margin-top: 20px; text-align: left; }
    .search_box .search_type { border-right: 1px solid #e5e5e5; width: 70px; height: 36px; position: absolute; overflow: hidden; background: #fff; top: 2px; left: 2px; z-index: 99; }
    .search_box .search_type_show { overflow: visible; }
    .search_box .search_type ul { width: 70px; background-color: #fff; background-color: #fafafa; border: 1px solid #e5e5e5; margin-top: -1px; margin-left: -1px; }
        .search_box .search_type ul li { width: 70px; height: 36px; line-height: 36px; text-align: left; text-indent: 17px; cursor: pointer; display: inline-block; font-size: 14px; }
    .search_box .search_type i { position: absolute; top: 16px; left: 53px; display: block; width: 8px; height: 4px; background: url(/images/down.png) no-repeat; transition: transform 0.4s ease-out; }
    .search_box .search_type_show i { transform: rotate(180deg); }
    .search_box .form_box { float: left; width: 680px; height: 40px; position: relative; }
        .search_box .form_box #search_key { float: left; border: 2px solid #e5e5e5; border-right: 0; height: 36px; line-height: 38px; padding: 0 10px 0 80px; font-size: 14px; width: 380px; position: relative; top: 0; }
            .search_box .form_box #search_key:focus { border-color: #FF9600; }
                .search_box .form_box #search_key:focus .search_type { border-color: #FF9600; }
    .search_box #s_sub_news { float: left; width: 90px; height: 40px; line-height: 40px; border: 0; background: #eee; margin-left: 15px; font-size: 16px; color: #333; }
    .search_box #s_sub { float: left; background: #FF9600; color: #fff; width: 90px; height: 40px; line-height: 40px; border: 0; position: relative; top: 0; font-size: 16px; }
    .search_box .hotword { float: left; margin-top: 5px; width: 560px; background: url(/images/sy.png) -330px -233px; padding-left: 50px; color: #ddd; }
        .search_box .hotword a:link { color: #999; margin: 0 4px; }
        .search_box .hotword a:visited { color: #999; margin: 0 4px; }
        .search_box .hotword a:hover { color: #ff7400; margin: 0 4px; }
    .search_box .imgsearch { display: block; _display: none; *display: none; cursor: pointer; height: 20px; width: 30px; position: absolute; top: 10px; left: 436px; background: url(../images/sy.png?20180101) no-repeat 6px -554px; }
        .search_box .imgsearch:hover { background-position-x: -24px; }
    .search_box #imgSearchFile { display: none; }
.t_rlist { float: right; width: 200px; overflow: hidden; }
    .t_rlist li { float: left; width: 190px; overflow: hidden; }
.t_list { margin: 0 auto; width: 1190px; max-height: 25px; line-height: 25px; border-top: 3px solid #fff; background: #f4f5f7; overflow: hidden; }
    .t_list li { float: left; padding: 0 5px; }

#nav { background: #20b349; font-family: Microsoft Yahei; font-size: 18px; height: 40px; line-height: 40px; letter-spacing: 1px; color: #fff; overflow: hidden; }
    #nav .nav_l { width: 1000px; float: left; height: 40px; text-align: center; overflow: hidden; }
        #nav .nav_l a { color: #fff; padding: 0 22px; }
            #nav .nav_l a:hover { color: #fff; }
    #nav .nav_r { float: left; width: 180px; height: 40px; text-align: center; }
        #nav .nav_r a { width: 132px; margin: 4px 0; height: 32px; background: url(/images/sy.png) -107px -123px; display: inline-block; }
            #nav .nav_r a:hover { background: url(/images/sy.png) -280px -123px; }
.nav_list { padding: 10px; border-bottom: 2px solid #20b349; background: #f4f5f7; }
    .nav_list .tb { }
        .nav_list .tb td { border: 0; padding: 1px 5px; }
        .nav_list .tb .sw { width: 35px; background: url(/images/sy.png) right top no-repeat; }
        .nav_list .tb .zx { width: 35px; background: url(/images/sy.png) right -64px no-repeat; }
        .nav_list .tb .fw { width: 35px; background: url(/images/sy.png) right -124px no-repeat; }
        .nav_list .tb .jl { width: 35px; background: url(/images/sy.png) right -196px no-repeat; }
.tb { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; }
/*******广告********/
#gg_1190x80 { width: 1190px; overflow: hidden; }
    #gg_1190x80 img { width: 1190px; height: 80px; }
.d_480x70 { width: 480px; height: 70px; overflow: hidden; }
    .d_480x70 img { width: 480px; height: 70px; }
.d_190x60 { }
    .d_190x60 li { float: left; height: 60px; margin: 5px 4px 0 4px; text-align: center; }
        .d_190x60 li img { }

.g_160x50 li { float: left; height: 50px; margin: 5px; _margin: 4px; text-align: center; overflow: hidden; }
    .g_160x50 li img { width: 160px; height: 50px; }
.g_145x45 { float: left; width: 100%; overflow: hidden; }
    .g_145x45 li { float: left; width: 154px; margin-top: 5px; overflow: hidden; }
        .g_145x45 li img { width: 145px; height: 45px; }
/*******广告********/
#cont_a { }
    #cont_a .cont_a_l { float: left; width: 378px; margin-right: 25px; overflow: hidden; }
    #cont_a .cont_a_c { float: left; width: 490px; overflow: hidden; }
    #cont_a .cont_a_r { float: right; width: 273px;  }
.title_a { margin-bottom: 8px; letter-spacing: 1px; }
    .title_a h2 { height: 36px; font: normal 22px/36px 'microsoft yahei'; padding: 0; margin: 0; }
        .title_a h2:before { content: ''; height: 16px; line-height: 0; font-size: 16px; padding-right: 5px; border-left: 4px solid #FF7300; }
.zxgg { width: 378px; float: left; margin-right: 25px; overflow: hidden; }
    .zxgg li { width: 370px; padding-bottom: 1px; overflow: hidden; }
.yjzz { width: 100%; height: 46px; background: url(/images/sy.png) left -178px; line-height: 150%; overflow: hidden; }
    .yjzz .yjzz_l { float: left; padding-top: 5px; width: 99px; overflow: hidden; text-align: center; font-weight: bold; }
    .yjzz .yjzz_r { float: left; width: 258px; padding: 5px 10px; overflow: hidden; text-align: center; font-weight: bold; text-align: left; font-weight: normal; }
        .yjzz .yjzz_r li { overflow: hidden; height: 20px; }
            .yjzz .yjzz_r li a { color: #666; }
                .yjzz .yjzz_r li a:hover { color: #ff7400; }
/*********今日头条**********/
.jrtt { width: 100%; overflow: hidden; text-align: left; }
.jrtt_tit { width: 100px; height: 36px; background: url(/images/sy.png) -614px -126px; }
    .jrtt_tit a { display: block; width: 100%; height: 100%; }
.jrtt h2 { width: 100%; height: 30px; padding-top: 10px; font-size: 16px; text-align: center; font-family: microsoft yahei; overflow: hidden; }
/*********采购**********/
.qgxx { width: 378px; position: relative; }
    .qgxx .title_b { width: 100%; overflow: hidden; height: 37px; margin-top: 10px; margin-bottom: 10px; background: url(/images/sy.png) -410px -186px; }
.title_b .title_b_l { float: left; overflow: hidden; }
.title_b .title_b_r { float: right; width: 120px; text-align: right; padding: 8px; overflow: hidden; }
.tabbtn { }
    .tabbtn li { float: left; position: relative; height: 36px; padding: 0 10px; line-height: 40px; font-size: 16px; font-family: microsoft yahei; font-weight: bold; overflow: hidden; }
    * + html .tabbtn li { height: 34px; }
        .tabbtn li a { display: block; float: left; overflow: hidden; text-align: center; cursor: pointer; color: #666; }
        .tabbtn li.current { border-left: 1px solid #ddd; border-right: solid 1px #ddd; border-top: solid 3px #1fb348; background: #fff; line-height: 36px; }
            .tabbtn li.current a { color: #333; font-size: 18px; }
#qgxxx li { float: left; width: 49%; margin-right: 2px; overflow: hidden; height: 24px; }
    #qgxxx li span { color: #fe7200; padding-right: 2px; }
.gccg { width: 100%; margin-top: 10px; padding-top: 12px; border-top: 1px dotted #999; overflow: hidden; }
.gccg_title { margin-bottom: 5px; height: 27px; line-height: 27px; width: 100%; overflow: hidden; }
    .gccg_title span { font-size: 14px; font-weight: bold; }
        .gccg_title span a { color: #20b34b; width: 89px; height: 27px; line-height: 27px; text-align: center; display: inline-block; background: url(/images/sy.png) -803px -187px; }
.gccg li { width: 100%; height: 24px; overflow: hidden; position: relative; }
    .gccg li span { color: #999; padding-left: 3px; position: absolute; top: 3px; right: 0; }
    .gccg li a.bj_btn { width: 55px; height: 20px; display: inline-block; background: url(/images/sy.png) -915px -192px; float: right; }
    .gccg li .jc { padding-left: 28px; background: url(/images/sy.png) -127px -234px; }
    .gccg li .dd { padding-left: 28px; background: url(/images/sy.png) -242px -234px; }
/*********最新报价**********/
.zxbj { width: 100%; overflow: hidden; }
.zxbj_tit { width: 100%; overflow: hidden; margin-top: 20px; }
.zxbj_tit_l { float: left; width: 120px; height: 36px; line-height: 36px; font-family: microsoft yahei; letter-spacing: 1px; font-size: 22px; }
    .zxbj_tit_l h2 { height: 36px; font: normal 22px/36px 'microsoft yahei'; padding: 0; margin: 0; }
        .zxbj_tit_l h2:before { content: ''; height: 16px; line-height: 0; font-size: 16px; padding-right: 5px; border-left: 4px solid #FF7300; }
.zxbj_search { float: right; width: 270px; overflow: hidden; height: 25px; font-size: 12px; margin-top: 5px; }
    .zxbj_search input { height: 20px; line-height: 20px; padding: 2px; }
    .zxbj_search .text { float: left; height: 18px; width: 60px; border: 1px solid #ccc; }
    .zxbj_search .btn { border: none; background: #FF9600; text-align: center; margin: 0 10px 0 5px; color: #fff; height: 24px; line-height: 24px; padding: 0 4px; }
    .zxbj_search a.zbj_btn { float: left; width: 57px; height: 20px; margin: 0 10px 0 5px; display: inline-block; background: url(/images/sy.png) -994px -192px; }
    .zxbj_search a { color: #999; }
.zxbj .bj_tb { float: left; width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; }
/*********热点专题**********/
.rdzt, .rzkh, .rzkh_2 { width: 273px;  }
    .rdzt .pic_box { width: 273px; height: 180px; position: relative; overflow: hidden; margin-bottom: 12px; }
        .rdzt .pic_box img { width: 273px; height: 180px; }
        .rdzt .pic_box p { height: 25px; line-height: 25px; width: 100%; background: url(/images/black.png); position: absolute; bottom: 0; left: 0; text-align: center; overflow: hidden; }
            .rdzt .pic_box p a { color: #fff; }
    .rdzt li { width: 100%; height: 22px; overflow: hidden; }
/*********入住客户**********/
.rzkh { background: #f5f5f5; text-align: center; margin-top: 10px; }
.rzkh_1 { width: 100%; padding: 15px 0 10px 0; border-bottom: 1px solid #fff; line-height: 30px; margin-bottom: 3px; font-weight: bold; overflow: hidden; }
.rzkh_11111 { font-family: microsoft yahei; font-size: 18px; }
.rzkh_3 { float: left; width: 273px; margin-top: 3px; background: url(/images/sy.png) -487px top; height: 69px; }
    .rzkh_3 li { float: left; width: 25%;  }
        .rzkh_3 li a { display: block; padding-top: 42px; }
/*********园林有约**********/
.ylyy { width: 378px; overflow: hidden; }
.ylyy_t { width: 378px; overflow: hidden; padding: 5px 0 3px 0; }
.ylyy_t_l { float: left; width: 130px; }
    .ylyy_t_l img { object-fit:cover}
    .ylyy_t_r { float: right; width: 230px; overflow: hidden; }
    .ylyy_t_r .red { font-family: microsoft yahei; font-size: 16px; }
.ylyy ul { margin-top: 10px; }
.ylyy li { float: left; width: 75px; font-size: 14px; line-height: 24px; overflow: hidden; }
    .ylyy li a1 { color: #fe7200; }
.ylzx { float: left; width: 450px; overflow: hidden; }
    .ylzx li { width: 100%; overflow: hidden; border-bottom: 1px dotted #ccc; }
/*********优质供应商**********/
.yzgyss { float: right; width: 300px; overflow: hidden; }
    .yzgyss .title_b { float: left; width: 299px; overflow: hidden; height: 37px; margin-top: 10px; margin-bottom: 10px; background: url(/images/sy.png) -410px -186px; border-right: 1px solid #eee; }
.yzgys_1, .yzgys_2 { float: left; width: 100%; overflow: hidden; }
    .yzgys_1 li, .yzgys_2 li { float: left; width: 300px; margin-right: 2px; margin-left: 10px; overflow: hidden; height: 24px; }

/*********特约嘉宾**********/
.tyjb { border-top: 10px solid #fff; }
.tyjb_tt { float: left; width: 1190px; height: 36px; overflow: hidden; background: url(/images/sy.png) left -342px; }
.tyjb_title { float: left; height: 36px; padding: 0 10px; font-family: microsoft yahei; letter-spacing: 1px; font-size: 22px; border-left: 1px solid #ddd; border-right: solid 1px #ddd; border-top: solid 3px #1fb348; background: #fff; line-height: 36px; }
* + html .tyjb_title { height: 33px; }
.tyjb .bqht { float: left; height: 24px; margin: 7px 0 0 5px; padding-left: 85px; background: url(/images/sy.png) left -392px; font-size: 14px; font-weight: bold; overflow: hidden; }
.tyjb .wqhg { float: right; height: 24px; padding-right: 10px; overflow: hidden; color: #999; margin-top: 7px; font-size: 13px; }
.tyjb_cont { position: relative; float: left; width: 1190px; height: 110px; margin-top: 40px; background-color: #f4f5f7; }
    .tyjb_cont ul { position: absolute; top: -20px; left: 0; width: 100%; padding: 0; margin: 0; }
        .tyjb_cont ul li { display: block; width: 25%; *width: 24%; height: 130px; float: left; margin: 0; padding: 0; }
.tyjb_list { float: left; width: 297px; }
.tyjb_list_l { float: left; width: 100px; height: 130px; }
    .tyjb_list_l img { width: 100px; height: 130px; }
.tyjb_list_r { float: left; width: 180px; padding-top: 30px; padding-left: 5px; }
/*********名企专区**********/
.mqzq { width: 100%; overflow: hidden; padding: 5px 0; }
.mqzq_title { height: 50px; width: 100%; background: url(/images/sy.png) left -254px; overflow: hidden; }
.mqzq_cont { margin: 0 auto; padding: 3px; }
.mqzq li { float: left; width: 270px; height: 60px; background: #fff; padding: 5px; margin: 5px 8px; _margin: 5px 7px; overflow: hidden; color: #309f5d; }
    .mqzq li img { float: left; margin: 0 5px; width: 60px; height: 60px; }
    .mqzq li strong { font-size: 14px; font-family: 'Microsoft YaHei'; }

/*************地区分站 供应 招聘 新优************/
.cont_c_l { float: left; width: 620px; overflow: hidden; }
.cont_c_r { float: right; width: 500px; overflow: hidden; }
.diqu_fl { float: left; width: 100%; margin-bottom: 10px; overflow: hidden; }
    .diqu_fl .fl { float: left; width: 100%; overflow: hidden; font-weight: bold; color: #ff7300; }
        .diqu_fl .fl a { color: #ff7300; }
            .diqu_fl .fl a:hover { color: #333; }
    .diqu_fl li { float: left; width: 200px; margin-right: 5px; overflow: hidden; }

.mmgy, .zcgy, .zhaopin, .xinyou { padding-bottom: 10px; overflow: hidden; }
    .mmgy li, .zcgy li { float: left; width: 240px; padding-left: 10px; overflow: hidden; }
        .mmgy li span, .zcgy li span { color: #ff7300; }
    .zhaopin li { float: left; width: 240px; padding: 5px 0 5px 10px; }
    .xinyou li { float: left; width: 100px; overflow: hidden; text-align: center; }
        .xinyou li img { width: 95px; height: 95px; }

/*************工程 设计 景观 园艺 古建************/
.gc { float: left; width: 237px; overflow: hidden; }
.sj, .jg, .yy, .gj { float: left; width: 230px; padding-left: 7px; border-left: 1px dotted #ccc; overflow: hidden; }
    .gc li, .sj li, .jg li, .yy li, .gj li { float: left; width: 100%; overflow: hidden; }

.title_d { height: 35px; line-height: 35px; padding-left: 10px; margin-bottom: 10px; border-bottom: 2px solid #20b349; overflow: hidden; font-family: microsoft yahei; letter-spacing: 1px; font-size: 20px; }
    .title_d span { background: url(/images/sy.png) left -310px; padding-left: 15px; }
.bord { border: 1px solid #eee; float: left; width: 1188px; padding-bottom: 10px; overflow: hidden; }
.scrm_li_ab { margin: 0 auto; width: 18px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #ddd; background: #eee; }

.enddiv { float: left; width: 1190px; background: url(/images/hdbg2.png) no-repeat; margin: 5px 0; overflow: hidden; }
    .enddiv a { float: left; display: block; width: 161px; height: 50px; margin-right: 9px; }

.zhanhui { position: relative; text-align: center; padding-bottom: 5px; }
    .zhanhui .div1 { float: left; width: 350px; height: 122px; margin: 1px 0; overflow: hidden; position: relative; background: #eee; }
        .zhanhui .div1 img { width: 350px; height: 122px; }
    .zhanhui .div2 { float: left; width: 205px; height: 60px; margin: 1px 0 1px 5px; overflow: hidden; position: relative; background: #eee; }
        .zhanhui .div2 img { width: 205px; height: 60px; }
    .zhanhui .div3 { float: left; width: 415px; height: 60px; margin: 1px 0 1px 5px; overflow: hidden; position: relative; background: #eee; }
        .zhanhui .div3 img { width: 415px; height: 60px; }

.gxlb { padding-bottom: 15px; display: none; }
    .gxlb li { float: left; overflow: hidden; height: 30px; line-height: 30px; text-align: center; }
.gxlb_li1 { width: 110px; background: #20b349; color: #fff; }
.gxlb_li2 { width: 80px; margin-left: 10px; background: #eee; }

.di_bd { border-top: 1px solid #777; text-align: center; position: relative; color: #666; }
    .di_bd a { color: #666; }
    .di_bd img, .di_bd iframe { vertical-align: middle; }
    .di_bd .links { }
        .di_bd .links a { margin: 0 10px; }
    .di_bd div { padding: 3px 0; }
    .di_bd .wx_ewm { position: absolute; left: 70px; top: 10px; }
        .di_bd .wx_ewm img, .di_bd .sjb_ewm img { width: 110px; }
    .di_bd .sjb_ewm { position: absolute; right: 70px; top: 10px; }
.about { }
    .about a { margin: 0 12px; }
.xinyong { float: left; overflow: hidden; padding-right: 10px; margin-left: 80px; padding-top: 10px; }
.xuke { float: left; overflow: hidden; padding-top: 5px; }
.ppaa { float: right; overflow: hidden; padding-top: 10px; margin-right: 80px; }
.backtop { display: none; cursor: pointer; width: 18px; height: 18px; padding: 10px; position: fixed; bottom: 10px; right: 10px; background-color: #C9C9C9; }
    .backtop i { display: block; width: 18px; height: 18px; background: url(/images/icon.png) no-repeat -50px 2px; }
    .backtop:hover { background-color: #ff7300; }
* html .backtop { position: absolute; right: 10px; top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-10)); }
.a_weixin { position: relative; }
    .a_weixin:hover .img_weixin { display: initial; z-index: 999; }
.img_weixin { position: absolute; bottom: 20px; left: -50%; width: 180px; display: none; }

.right_nav { position: fixed; width: 90px; top: 50px; left: 50%; margin-left: 600px; border: 1px solid #20b349; border-left: 0; }
    .right_nav ul { position: relative; }
    .right_nav li { border-bottom: 0px solid #eee; width: 90px; padding-bottom: 1px; }
        .right_nav li:last-child { padding: 0; }
        .right_nav li > a { display: block; color: #fff; font: 14px/35px 'microsoft yahei'; height: 35px; background-color: #20b349; text-align: center; z-index: 9; }
* html .right_nav { position: absolute; top: expression(eval(document.documentElement.scrollTop+60)); }
    .right_nav .returntop { padding-top: 17px; background: #20b349 url(/images/sy.png) no-repeat 36px -440px; cursor: pointer; }
        .right_nav .returntop:hover { background-color: #20b349; color: #fff; }
    .right_nav .c { position: absolute; top: -1px; right: 89px; width: 560px; min-height: 346px; padding: 15px 15px 15px 240px; border: 1px solid #20b349; background-color: #f7f7f7; display: none; text-align: left; }
    .right_nav li.hover { }
        .right_nav li.hover .c { display: block; z-index: 99; }
        .right_nav li.hover > a { background-color: #f7f7f7; color: #20b349; z-index: 999; border-color: #20b349; position: relative; }
    .right_nav .c dt dl { padding: 10px 0; }
    .right_nav .c dt { border-bottom: 1px solid #eee; font: bold 14px/20px 'microsoft yahei'; }
    .right_nav .c dd { padding: 10px 0; }
        .right_nav .c dd a { padding: 0 10px 0 0; display: inline-block; }
        .right_nav .c dd::after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
    .right_nav .g { position: absolute; top: 15px; left: 15px; width: 200px; }
        .right_nav .g img { width: 200px; margin: 12px 0; }
    .right_nav .icon a{ position: relative; padding-top: 25px; }
        .right_nav .icon a::before { content: ''; position: absolute; top: 3px; left: 50%; height: 30px; width: 30px; margin-left: -15px; background: url(/images/sy.png) no-repeat; }
        .right_nav .phone a::before { background-position: -136px -421px }
        .right_nav .app a::before { background-position: -136px -483px }
        .right_nav .phone.hover a::before { background-position: -136px -390px }
        .right_nav .app.hover a::before { background-position: -136px -453px }
    .right_nav .icon { position:relative;}
        .right_nav .icon div { display: none; position: absolute; right: 89px; top: -2px; background: #f7f7f7; min-width: 200px;min-height:62px; border: 1px solid #20b349;}
.right_nav .icon.hover div{display:initial; }
    .right_nav .phone div {font-size:22px;font-weight:bold;line-height:62px;text-align:center; }

    .msgwindow, .msg_selllist { position: fixed; _position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; }
    .msgwindow .bg, .msg_selllist .bg, .msgwindowStatic .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 998; }
    .msgwindow .ct, .msgwindowStatic .ct { width: 400px; height: 150px; background: #fff; position: absolute; z-index: 999; left: 50%; top: 50%; margin-left: -200px; margin-top: -80px; border-radius: 5px; }
        .msgwindow .ct h2 { padding: 0 10px; font: normal 16px/38px 'Microsoft YaHei'; background-color: #F7F7F7; border-radius: 5px 5px 0 0; }
        .msgwindow .ct .msg { padding: 15px 10px 0 15px; font-size: 14px; line-height: 1.6; }
        .msgwindow .ct .yes { position: absolute; bottom: 10px; right: 10px; font-size: 14px; padding: 6px 20px; }
        .msgwindow .ct .close, .msg_selllist .ct .close, .msgwindowStatic .close { display: inline-block; cursor: pointer; width: 10px; height: 10px; color: #ccc; line-height: 10px; font-size: 20px; position: absolute; top: 12px; right: 10px; font-family: Tahoma; text-decoration: none; }
            .msgwindow .ct .close:hover, .msg_selllist .ct .close:hover, .msgwindowStatic .close:hover { color: #e0e0e0; }
        .msgwindowStatic .ct .msg { padding: 0; text-align: center; line-height: 150px; font-size: 14px; }

.guide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; }
    .guide .bg { width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); background-color: #000; }
    .guide .step { background: url(/images/guide.png) no-repeat; width: 1280px; position: absolute; top: 0; left: 50%; margin-left: -640px; }
        .guide .step .close { display: block; width: 50px; height: 50px; position: absolute; cursor: pointer; }
        .guide .step .next { display: block; width: 120px; height: 50px; position: absolute; cursor: pointer; }
    .guide .step1 { background-position: 0 0; height: 550px; }
    .guide .step2 { background-position: 0 -725px; height: 300px; }
    .guide .step3 { background-position: 0 -1045px; height: 500px; }
    .guide .step4 { background-position: 0 -1577px; top: 290px; height: 500px; }
    .guide .step5 { background-position: 0 -2190px; height: 500px; }
    .guide .step6 { background-position: 0 -2730px; height: 600px; }
    .guide .step1 .close { left: 865px; top: 110px; }
    .guide .step1 .next { left: 775px; top: 450px; width: 150px; height: 60px; }
    .guide .step2 .close { left: 1050px; top: 40px; }
    .guide .step2 .next { left: 750px; top: 220px; }
    .guide .step3 .close { left: 835px; top: 260px; }
    .guide .step3 .next { left: 660px; top: 370px; }
    .guide .step4 .close { left: 1050px; top: 240px; }
    .guide .step4 .next { left: 750px; top: 380px; }
    .guide .step5 .close { left: 650px; top: 50px; }
    .guide .step5 .next { left: 590px; top: 290px; }
    .guide .step6 .close { left: 1160px; top: 250px; }
    .guide .step6 .next { left: 1100px; top: 500px; }

.ginfo { position: relative; display: inline-block; }
    .ginfo div { opacity: 0.7; background-color: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
    .ginfo p { position: absolute; z-index: 9; color: #fff; font-size: 12px; font-weight: bold; font-family: Arial; left: 0; top: 50%; padding: 0; margin: 0; width: 100%; height: 16px; overflow: hidden; line-height: 15px; margin-top: -8px; text-align: center; }
    .ginfo:hover p { top: 0; margin-top: 0; height: 100%; }
.ginfo_yellow div { background-color: #ff7300; opacity: 0.8; }
.ginfo_red div { background-color: red; opacity: 0.8; }

.box_reg { background-color: #f7f7f7; }
    .box_reg .context { width: 700px; margin: 20px auto; }
        .box_reg .context .c { padding: 5px 0; }
        .box_reg .context hr { border: 0; border-bottom: 1px solid #eee; margin: 20px 0; }