@charset "utf-8"; body { position: relative; max-width:1903px; padding: 0; margin: 0; background-color: #fff; overflow-x:hidden;} * { font-family: \5FAE\8F6F\96C5\9ED1; letter-spacing: 1px; } ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; } ol { margin: 0; padding: 0 0 0 1.6em; } fieldset, img { border: 0 none; } ul { list-style: none; } em, i { font-style: normal; } header, footer, section, details, aside, menu, nav, article, figure, figcaption, time { } select, input, img { vertical-align: middle; outline: none; } a img { border: 0; } body, input, textarea { color: #333; font-size: 15px; } input[type=button], input[type=submit] { -webkit-appearance: none; cursor: pointer; } /*(iPhone和iPad),点击一个链接或、js定义的可点击元素,禁用高亮。*/ * { -webkit-tap-highlight-color: rgba(0,0,0,0); } a { color: #333; text-decoration: none; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; } a:hover { color: #7ea81a; text-decoration: none; } body, input, textarea, select { font-size: 14px; } /**通用格式1**/ #newBridge {display:none !important;} #newBridge * {display:none !important;} .off { display: none !important; } .fixed { position: fixed; } .clr { *zoom:1;} .clr:before, .clr:after { content: ""; display: table; } .clr:after { clear: both; } .clr_hr { width: 100%; height: 0; overflow: hidden; visibility: hidden; margin: 0; } .flt_l { float: left; } .flt_r { float: right; } .bgfff { background-color: #fff; } .cter { text-align: center; } .opacity_ful { opacity: 1; } .opacity_non { opacity: 0; } .inline_blok { display: inline-block; } .lst_inrwrpr { width: 104%; } .idx_bnr { width: 100%; white-space: nowrap; position: relative; font-size: 0; } .idx_bnr div { width: 100%; overflow: hidden; } .idx_bnr img { display: inline-block; width: 100%; } @media screen and (min-width : 961px) { /*通用*/ .w86em { width: 86em; margin: 0 auto; } .top_bar {height:7em; background-color:#fff;} .top_lgo { float: left; margin-left: 2.6em; margin-top: 2em; } .top_nav { float: right; font-size: 1.14em;} .top_nav hr {position:absolute; left:0; bottom:.8em; opacity:0; filter:alpha(opaticy=0); bottom:0\0; width:100%; height:.25em; margin:0; background-color:#7ea81a; border:none; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s;} .top_nav_it:hover hr {bottom:0; opacity:1;} .top_nav .hover hr {opacity:1; filter:alpha(opaticy=1); bottom:0;} .top_bar li { float:left; margin-right:.2em;} .top_bar .hover .top_nav_it { color: #7ea81a; } .top_nav_it {display:block; position:relative; width:6em; height: 4.1em; line-height: 1.85em; padding-top: 2.05em; text-align:center;} .top_lnk { position: relative; z-index:1; float: right; width: 230px; margin-top: 2.6em; cursor: pointer; white-space: nowrap; } .top_lnk li { margin-left: 9px; position: absolute; top: 0; } .top_lnk i, .top_lnk_sbmt { display: inline-block; vertical-align: top; width: 26px; height: 26px; background-image: url("/templets/v1pc/img/cm_ico_top.gif"); background-repeat: no-repeat; background-position: -34px -31px; background-color: #fff; border: 0 solid; } .top_lnk_phn { right: 55px; } .top_lnk_srch { right: 90px;} .top_lnk_wx { display: none; right: 33px; } .top_lnk_wb { right: 20px; } .top_lnk_phn i { background-position: 0 -31px; } .top_lnk_srch i { background-position: -34px -31px; } .top_lnk_txt { display: none; width: 0; } .top_lnk_srch .top_lnk_txt { display:inline-block;width:80px;} .top_lnk_wx i { background-position: -68px -31px; } .top_lnk_wb i { background-position: -102px -31px; } .top_lnk_phn i.top_lnk_phn_fcos { background-position: 0 0; } .top_lnk_wx:hover i { background-position: -68px 0; } .top_lnk_wb:hover i { background-position: -102px 0; } .top_lnk_phn .top_lnk_ctt { display: none; } .top_lnk_phn .top_lnk_ctt { padding: .2em .6em .2em .4em; background-color: #fff; width: 0;} .top_lnk li:hover .top_lnk_ctt { display: inline-block; height:20px; } .top_lnk_srch .top_lnk_sbmtfocus { background-position: -34px -62px; } .top_lnk_txt { height: 22px; line-height: 22px; vertical-align: top; border-top: 1px #b0b0b0 solid; border-bottom: 1px #b0b0b0 solid; border-left: 0 solid; border-right: 0 solid; } .top_lnk_srch label { vertical-align: top; height: 26px; width: 13px; background-image: url("/templets/v1pc/img/cm_ico_top.gif"); background-repeat: no-repeat; background-position: -21px -62px; } .fom_srch_m {display:none;} .mnu_abot {display:none; position:absolute; top:6.15em; width:20em; z-index:1; background-color:#f5f5f5; text-align:center; padding:.7em .5em 1em .5em; line-height:2em;} .mnu_abot a {float:left; border-bottom:2px #ddd solid; width:9em; margin:0 .5em;} .mnu_prods {display:none; position:absolute; top:6.15em; left:0; width:100%; z-index:1; background-color:#f5f5f5; text-align:center; padding-top:1.6em;} .mnu_ctt {background-color:#888; color:#fff; margin-top:1.5em; line-height:2.7em;} .mnu_prods p {position:relative; display:inline-block; vertical-align:top; line-height:210%; width:10%; margin:0 1em; text-align:left; font-size:.85em;} .mnu_prods img {position:absolute; top:0; left:50%; margin-left:-105px; width:150px; height:70px;} .mnu_prods span {display:block; margin-top:75px; margin-right:.8em; font-weight:600; font-size:1.1em; border-bottom:2px #7ea81a solid; padding-bottom:.5em; margin-bottom:.5em;} .mnu_viwmor {color:#888;} .mnu_prods a {display:block;} .top_bar_fxed {position:fixed; width:100%; z-index:2; height:4.1em; top:0; left:0; border-bottom:1px #e3e3e3 solid;} .top_bar_fxed .top_nav_it {height:3.65em; line-height:3.65em;padding-top:0; margin-top:0;} .top_bar_plcetkr {height:7em; margin:0; border:none;} .top_bar_fxed .top_lgo {margin-top:.5em;} .top_bar_fxed .top_lnk {margin-top:1.2em;} .top_bar_fxed .mnu_prods {top:3.65em;} .top_bar_fxed .mnu_abot {top:3.65em;} .top_bar_fxed .top_lgo img {height:2.8em; margin-top:.1em;} .cm_btm_oidx { color: #999; } .cm_btm_nav { border-top: 1px #d8d8d8 solid; margin-top: 3.5em; text-align: center; font-size: 1.1em; padding: 1em 0; background-color:#fff;} .cm_btm_nav a { margin: 0 1.5em; } .cm_btm_nav i { display: inline-block; height: 1em; width: 0; border-right: 1px #aaa dotted; } .cm_btm_prod { width: 29em; float: left; line-height: 200%; margin-bottom: .6em; } .cm_btm_prod a { display: inline-block; width: 40%; } .cm_btm_prod p { padding-bottom: .6em; margin-bottom: .7em; border-bottom: 2px #aaa solid; font-size: 1.1em; width: 90%; } .cm_btm_prod i { display: inline-block; width: 5px; height: 8px; background: url("/templets/v1pc/img/abot_ico0.gif") 100% 100%; margin-right: .4em; } .cm_btm { background-color: #f3f3f3; padding: 2em 0 1.8em 0; } .cm_btm_ewm { float: right; width: 152px; margin-left: 2.4em; color: #333333; text-align: center; font-size: .9em; } .cm_btm_ewm img { display: block; width: 152px; height: 152px; margin-bottom: .5em; border: 8px #fff solid; } .cm_btm_ewm i { display: inline-block; width: 27px; height: 22px; vertical-align: top; margin-right: .5em; background: url("/templets/v1pc/img/cm_ico_top.gif") 100% 100%; } .cm_btm_frnd { background-color: #e3e3e3; padding: .9em; float: left; width: 57.65em; margin-top: .8em; } .cm_btm_ico { width: 23px; height: 12px; float: left; margin-top: .4em; margin-right: .5em; background: url("/templets/v1pc/img/cm_ico_top.gif") -71px 100%; } .cm_btm_frnd a { color: #686868; margin-left: .5em; } .cm_btm a:hover { color: #7ea81a; } .cm_btm2 { background-color: #5a5a5a; color: #fff; line-height: 3.2em; } .cm_btm2 a { color: #fff; } .cm_sidebar { display: none; position: fixed; bottom: 2em; right: 1.5em; z-index: 3; text-align: center; } .cm_sidebar_nofxd { position: absolute; bottom: 29em; } .cm_sidebar_it { display: block; position: relative; width: 55px; height: 55px; background-image: url("/templets/v1pc/img/cm_sidebar.gif"); margin-top: 6px; cursor: pointer; -webkit-transition: none; transition: none; } .cm_sidebar_baidu { background-position: -55px 0; } .cm_sidebar_ctt { display: none; position: absolute; padding: 14px; min-height: 3em; right: 70px; top: 0px; border: 1px #ddd solid; background-color: #fff; } .cm_sidebar_arr { position: absolute; display: none; width: 0; height: 0; top: 18px; right: -14px; border-left: 14px #ddd solid; border-top: 14px transparent solid; border-bottom: 14px transparent solid; } .cm_sidebar_arr i { display: block; margin-left: -16px; margin-top: -14px; border-left: 14px #fff solid; border-top: 14px transparent solid; border-bottom: 14px transparent solid; } .cm_sidebar_it:hover .cm_sidebar_ctt { display: block; } .cm_sidebar_it:hover .cm_sidebar_arr { display: block; } .cm_sidebar_ewm { width: 152px; height: 152px; margin-bottom: .5em; } .cm_sidebar_gzh { background-position: -55px -61px; } .cm_sidebar_wx { background-position: -55px -61px; } .cm_sidebar_qq { background-position: -55px -183px; } .cm_sidebar_phn { background-position: -55px -244px; } .cm_sidebar_baidu:hover { background-position: 0 0; } .cm_sidebar_gzh:hover { background-position: 0 -61px; } .cm_sidebar_wx:hover { background-position: 0 -61px; } .cm_sidebar_qq:hover { background-position: 0 -183px; } .cm_sidebar_phn:hover { background-position: 0 -244px; } .cm_sidebar_ctt_qq, .cm_sidebar_ctt_phn { white-space: nowrap; line-height: 3em; padding: 10px; } .cm_sidebar_ctt_qq p, .cm_sidebar_ctt_phn p { display: inline-block; vertical-align: bottom; } .cm_sidebar_ico_qq { display: inline-block; width: 26px; height: 26px; background: url("/templets/v1pc/img/abot_ico0.gif") -151px 100%; vertical-align: bottom; margin-right: .5em; margin-left: .5em; margin-bottom: .6em; } .cm_sidebar_ico_phn { display: inline-block; width: 26px; height: 26px; background-image: url("/templets/v1pc/img/cm_ico_top.gif"); vertical-align: bottom; margin-right: .5em; margin-left: .5em; margin-bottom: .6em; } .prod_albumn_htmlheight .cm_sidebar { display: none !important; } .cm_pgr { text-align: right; margin-top:2em;} .cm_pgr li {display:inline-block; min-width:1.6em; height:2.2em; line-height:2.2em; text-align: center; border:1px #ddd solid; padding:0 .3em;} .cm_pgr a {display:block; width:100%; height:100%;} .cm_pgr select {border:0 none;} /*!-通用*/ /*首页*/ .idx_bnrarr { position: absolute; font-size: 14px; top: 0; height: 100%; width: 58px; filter: alpha(opacity=40); opacity: .4; background-image: url("/templets/v1pc/img/arr0.png"); background-repeat: no-repeat; cursor: pointer; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; } .idx_bnrarr_lft { left: 2em; background-position: 0% 48%; } .idx_bnrarr_rght { right: 2em; background-position: 100% 48%; } .idx_bnrarr:hover { opacity: .8; filter: alpha(opacity=80); } .idx_news_wrpr { margin-top: 2.5em; } .idx_news_thm { width: 40em; height: 30em; float: right; position: relative; background:#000 url('/templets/v1pc/img/lodin.png') no-repeat 50% 45%;} .idx_news { width: 44em; } .idx_news h1 { margin-bottom: .5em; } .idx_news a { display: block; margin-top: .8em; } .idx_news_dte { float: left; border: 1px #ccc solid; text-align: center; width: 4.29em; } .idx_news_dte_mbl { display: none; } .idx_news_day { display: block; background-color: #ccc; color: #fff; font-size: 1.5em; padding: .3em; } .idx_news_mth { display: block; color: #555; padding: .2em; font-size: .8em; } .idx_news h2 { font-size: 1.1em; font-weight: normal; padding-top: .1em; margin-left: 5.35em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #111; } .idx_news_ctt { margin-left: 5.8em; overflow: hidden; height: 1.5em; color: #333; } .idx_news_mor { display: block; margin-left: 5.8em; color: #7ea71c; } .idx_news_rgn_mor { color: #7ea71c; float: right; font-size: .6em; font-weight: normal; margin-top: .8em; margin-right: 1em; } .idx_news a:hover { color: #7ea71c; } .idx_news a:hover .idx_news_mor { text-decoration: underline; } .idx_news_thm_tit { position: absolute; padding-right: 1em; padding-top: .5em; top: 0; right: 0; letter-spacing: 3px; font-size: 1.3em; height: 2em; line-height: 2em; background-color: #000; color: #fff; } .idx_prod_wrpr { margin-top: 2em; overflow: hidden; white-space: nowrap; height: 45em; } .idx_prod_dcr { display: inline-block; width: 32px; height: 32px; background: url('/templets/v1pc/img/idx_btn1.gif') no-repeat -410px 0; } .idx_prod_it { float: left; width: 27.7em; margin-right: 1.4em; margin-top: 1.4em; position: relative; overflow: hidden; background-color: #000; } .idx_prod_it img { width: 100%; height: 291px; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; background-color: #fff; } .idx_prod_tit { position: absolute; bottom: 0; left: 0; width: 23.2em; font-size: 1.14em; line-height: 2em; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: .6em; background-color: rgba(255,255,255,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff, endColorstr=#B2ffffff)\0; } .idx_prod_it:hover .idx_prod_tit { display: none; } .idx_prod_tit2 { display: inline-block; font-size: 1.8em; color: #fff; } .idx_prod_tit2:hover { color: #fff; } .idx_prod_tit2 i { display: inline-block; width: 36px; height: 30px; vertical-align: bottom; margin-left: .3em; background: url("/templets/v1pc/img/idx_btn0.png") 100% 0; } .idx_prod_hvr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding-top: 5em; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; opacity: 0; filter: alpha(opacity=0); color: #fff; } .idx_prod_it:hover .idx_prod_hvr { opacity: 1; filter: alpha(opacity=100); } .idx_prod_it:hover img { opacity: .65; filter: alpha(opacity=65); } .idx_prod_hvr .idx_prod_lnk { display: inline-block; width: 71px; margin: 1.5em .5em 0 .5em; color: #fff; font-size: 1.2em; font-weight: bold; white-space: normal; } .idx_prod_hvr .idx_prod_lnk i { display: inline-block; width: 71px; height: 71px; background-image: url("/templets/v1pc/img/idx_btn0.png"); background-repeat: no-repeat; } .idx_prod_lnk0:hover i { background-position: 0 100%; } .idx_prod_lnk1 i { background-position: -101px 0; } .idx_prod_lnk1:hover i { background-position: -101px 100%; } .idx_prod_adv { float: right; text-align: right; color: #333; padding-top: 2.4em; height: 258px; background-color: #fff; margin-right: 4em; width: 24em; } .idx_prod_adv:hover { color: #333; } .idx_prod_adv_tit { font-size: 2.2em; font-weight: bold; display: inline-block; vertical-align: bottom; } .idx_prod_adv_ctt { font-size: 1.1em; margin-top: 1.5em; line-height: 1.6em; } .idx_prod_mor { display: block; font-size: 1.2em; color: #7ea71c; font-weight: bold; margin-top: 1.2em; } .idx_prod_adv:hover .idx_prod_mor { text-decoration: underline; } .idx_recmmd_tit i { display: none; } .idx_recmmd_wrpr { margin-top: 2.8em; position: relative; z-index: 1; height: 37em; } .idx_recmmd_tab { display: inline-block; background-color: #4f4f4f; color: #fff; padding: .4em .6em; font-weight: bold; font-size: 1.2em; margin-left: .4em; } .idx_recmmd_tab.on { background-color: #a6ce3b; color: #333; } .idx_recommd_thm { width: 42.43em; height: 31.42em; overflow: hidden; white-space: nowrap; float: right; border-bottom: 3px #fff solid; background: #fff url("/templets/v1pc/img/idx_prodlne_thmbck.gif") no-repeat -180px 0; } .idx_recommd_hodr { width: 0; height: 100%; vertical-align: middle; margin-left: -5px; } .idx_recmmd_line_pic0 { vertical-align: middle; width:100%; height:100%; } .idx_recommd_pnl { margin-top: 1.8em; position: relative; } .idx_recommd_pnl:hover .idx_recommd_thm, .idx_recommd_pnl:hover .idx_recmmd_prod { border-color: #a6cf39; } .idx_recommd_line_tit {display:none; position: absolute; left: 2em; top: 2em; font-size: 1.8em; font-weight: bold; color: #333; } .idx_recmmd_prod, .idx_recmmd_mor { position: relative; float: left; width: 20.36em; height: 15.06em; margin-right: 1.4em; margin-bottom: 1.1em; border-bottom: 3px #fff solid; } .idx_recmmd_prod img { display: block; width: 100%; height: 100%; background: #f5f5f5 url("/templets/v1pc/img/idx_prodlne_thmbck.gif") no-repeat 176px 0; } .idx_recmmd_prod i { position: absolute; bottom: 0; left: 0; padding: .6em; width: 17.3em; font-weight: bold; font-size: 1.1em; color: #fff; background-color: rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)\0; } .idx_recmmd_mor { background-color: #e5e5e5; text-align: center; } .idx_recommd_pnl:hover .idx_recmmd_mor { border-color: #e5e5e5; } .idx_recmmd_mor a { display: inline-block; height: 100px; padding-top: 3.2em; color: #656565; font-size: 1.2em; font-weight: bold; margin: 0 .4em; } .idx_recmmd_mor i { display: inline-block; width: 71px; height: 71px; background-image: url("/templets/v1pc/img/idx_btn1.gif"); } .idx_recmmd_mor_btn0 { background-position: -208px 0; } .idx_recmmd_mor_btn1 { background-position: -310px 0; } .idx_recmmd_mor a:hover { color: #333; } .idx_recmmd_mor a:hover .idx_recmmd_mor_btn0 { background-position: 0 0; } .idx_recmmd_mor a:hover .idx_recmmd_mor_btn1 { background-position: -104px 0; } .idx_recmmd_wrpr h1 { font-size: 1.8em; font-weight: bold; } .idx_adv { width: 100%; min-width: 86em; height: 222px; position: relative; } .idx_adv img { float:left; position: relative; height: 222px; left: 50%; margin-left: -952px; margin-top:-2em;} .idx_cse_roll { float: right; position: relative; width: 33.29em; height: 25em; margin-left: 1em; } .idx_cse_roll img { width: 100%; height: 100%; } .idx_cse_roll a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; position: relative; overflow: hidden; } .idx_cse_tit { position: absolute; padding: .6em; width: 27em; left: 0; bottom: 0; font-size: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(255,255,255,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff)\0; } .idx_cse_pgr { position: absolute; right: 1em; bottom: .8em; white-space: nowrap; } .idx_cse_pgr i { display: inline-block; width: 8px; height: 8px; font-size: 0; cursor: pointer; background-color: #727272; border-radius: 4px; } .idx_cse_pgr i.on { background-color: #8ebc3e; } .idx_cse2_mor:hover { text-decoration: underline; color: #fff; } .idx_cse2_it { display: block; margin-top: 2em; } .idx_cse2_it i { color: #7ea71c; margin-top: .3em; } .idx_cse2_it img { width: 11.43em; height: 8.58em; float: left; margin-right: 1.4em; } .idx_cse2_it h3 { margin-top: .3em; margin-bottom: .4em; } .idx_cse2_it { height: 9em; overflow: hidden; } .idx_cse2_it p { line-height: 1.6em; } .idx_cse2_it * { color: #333; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; } .idx_cse2_it:hover h3 { color: #8ebc3e; } .idx_cse2_it:hover img { opacity: .5; filter: alpha(opacity=50); } .idx_cse2_tit h1 { font-size: 1.8em; display: inline-block; vertical-align: top; } .idx_cse2_mor { display: inline-block; background-color: #91be43; color: #fff; font-weight: normal; padding: .4em .7em; vertical-align: top; margin-top: .1em; margin-left: .5em; } .idx_lnk_btm { margin-top: 5.5em; } .idx_lnk_btm a { float: left; width: 23%; margin-left: 2%; font-size: 1.4em; color: #435565; font-weight: bold; } .idx_lnk_btm i { display: inline-block; width: 85px; height: 85px; vertical-align: top; margin-top: -1.3em; margin-right: .8em; background-image: url("/templets/v1pc/img/idx_btn2.gif"); } .idx_lnk_btm .idx_lnk_btm_p2 { background-position: -108px 0; } .idx_lnk_btm .idx_lnk_btm_p3 { background-position: -216px 0; } .idx_lnk_btm .idx_lnk_btm_p4 { background-position: -324px 0; } .idx_lnk_btm a:hover .idx_lnk_btm_p1 { background-position: 0 100%; } .idx_lnk_btm a:hover .idx_lnk_btm_p2 { background-position: -108px 100%; } .idx_lnk_btm a:hover .idx_lnk_btm_p3 { background-position: -216px 100%; } .idx_lnk_btm a:hover .idx_lnk_btm_p4 { background-position: -324px 100%; } /*!-首页*/ /*内页*/ .inr_bnr { height: 210px; } .inr_bnr_abot { background: url("/templets/v1pc/img/bnr_abot.jpg") no-repeat 50% 0; } .inr_bnr_prod { background: url("/templets/v1pc/img/bnr_prodcte.jpg") no-repeat 50% 0; } .inr_bnr_prodlne { background: url("/templets/v1pc/img/bnr_prodlne.jpg") no-repeat 50% 0; } .inr_bnr * { color: #fff; } .inr_pge_tit { padding-top: 1.4em; font-size: 3em; font-weight: bold; } .inr_sitemap { margin-top: 1em; } .inr_bnr a:hover { text-decoration: underline; color: #fff; } .abot_b1_tit { font-size: 2em; text-align: center; margin-top: 1.6em; } .abot_b1_wrpr {line-height: 1.5em; } .abot_b1_lnk { text-align: right; font-weight: 600; margin-top: 1em; } .abot_b1_lnk a { margin-left: 1em; } .abot_b1_lnk a:hover { color: #2ca792; } .abot_b1_lnk i { display: inline-block; width: 5px; height: 8px; background: url("/templets/v1pc/img/abot_ico0.gif") -138px 0; margin-right: .5em; } .abot_b1_tit i { display: inline-block; background: url('/templets/v1pc/img/abot_ico0.gif') -47px 0; width: 72px; height: 43px; margin-top: .8em; } .abot_b1 { margin-top: 1.6em; min-height: 25em; } .abot_b1_thm { width: 23.65em; height: 24.43em; float: left; margin-top: -1em; } .abot_b1_viw0 { margin-left: 24em; color: #6c8a5b; text-align: justify; } .abot_b1_viw1 { margin-left: 25em; margin-top: 3em; text-align: justify; } .abot_b1_prodmor { color: #2ca792; } .abot_b2 { margin-top: 4em; } .abot_b2 p { float: left; width: 16%; margin-left: 3.2%; font-size: 1.2em; } .abot_b2 i { display: inline-block; width: 70px; height: 70px; background-repeat: no-repeat; vertical-align: middle; margin-right: .5em; } .abot_b2_ico1 { background-position: -93px 0; } .abot_b2_ico2 { background-position: -186px 0; } .abot_b2_ico3 { background-position: -279px 0; } .abot_b2_ico4 { background-position: -372px 0; } .abot_b3 { margin-top: 6em; } .abot_b3_thm { width: 42.3em; height: 16.1em; float: right; margin-top: -1.6em; } .abot_b3_tit { color: #9abc86; margin-top: .4em; } .abot_b3_tit i { display: inline-block; background: url("/templets/v1pc/img/abot_ico0.gif") 0 100%; width: 37px; height: 40px; vertical-align: top; margin-right: .4em; } .abot_b3_bdy { margin-top: 1.8em; margin-right: 44em; line-height: 1.7em; } .abot_b4 { height: 451px; background: url("/templets/v1pc/img/abot_dcr4.gif") no-repeat 50% 50%; padding-top: 35px; margin-top: 4.2em; text-align: justify; } .abot_b4 img { width: 28.72em; height: 29.72em; float: left; } .abot_b4_ctt { margin-left: 36em; padding-top: 4em; } .abot_b4_tit { background-color: #a2ca81; color: #fff; width: 15em; font-size: 16px; line-height: 32px; padding: 0 10px; font-weight: bold; } .abot_b4_dscrptn { font-size: 1.1em; padding-top: .8em; line-height: 200%; } .abot_b4_d0 { border-top: 32px #a2ca81 solid; border-left: 8px transparent solid; margin-left: -18px; float: left; } .abot_b4_d1 { border-bottom: 32px #a2ca81 solid; border-right: 8px transparent solid; margin-right: -18px; float: right; } .abot_phto_roll { float: right; position: relative; width: 42.1em; height: 22.65em; margin-left: 1em; margin-top: 4em; } .abot_phto_roll img { width: 100%; height: 100%; } .abot_phto_roll a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; position: relative; overflow: hidden; } .abot_phto_roll a:hover { color: #191919; } .abot_phto_tit { position: absolute; padding: .6em; width: 38em; left: 0; bottom: 0; font-size: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(255,255,255,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff)\0; } .abot_phto_pgr { position: absolute; right: 1em; bottom: .8em; white-space: nowrap; } .abot_phto_pgr i { display: inline-block; width: 8px; height: 8px; font-size: 0; cursor: pointer; background-color: #727272; border-radius: 4px; } .abot_phto_pgr i.on { background-color: #8ebc3e; } .abot_phto_lft { margin-right: 44em; padding-top: 2em; margin-top: 4em; position: relative; } .abot_phto_tit2 { color: #89cb8e; font-size: 2em; font-weight: bold; margin-bottom: .7em; } .abot_phto_ctt { font-size: 1.1em; } .abot_phto_dcr1 { margin-top: 1em; float: left; width: 43.65em; position: absolute; left: 0; top: 10.4em; } .abot_b5_lnk { white-space: nowrap; font-size: 0; } .abot_b5_lnk a { margin-top: 4.2em; float: left; width: 20.22em; margin-right: 1.65em; white-space: normal; color: #333; vertical-align: top; } .abot_b5_lnk a:hover img { opacity: .5; filter: alpha(opacity=50); } .abot_b5_lnk img { display: block; width: 100%; height: 11.07em; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; width: 20.22em; margin-bottom: .5em; } .abot_b5_lnk h1 { font-size: 1.5em; margin-bottom: .8em;} .abot_b5_lnk a { line-height: 140%; } .abot_resp img {position:absolute; left:50%; margin-left:-960px; z-index:-1; top:22em;} .abot_resp {text-align:center; color:#fff; height:62em; padding-top:5em; line-height:2em;} .prod_ctelst { white-space: nowrap; overflow: hidden; padding-top: .5em; } .prod_cteit { float: left; margin-right: 2.2em; margin-top: 2em; } .prod_cteit h1 { display: inline-block; margin-bottom: .6em; } .prod_cteit img { display: block; width: 27.15em !important; height: 20.29em !important; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .prod_cteit:hover img { opacity: .5; filter: alpha(opacity=50); } .prod_cteit i { background-color: #90b42d; color: #fff; display: inline-block; padding: .2em .6em; font-size: 1.1em; margin-top: 1em; border: 2px #90b42d solid; } .prod_cteit:hover i { border: 2px #90b42d solid; background-color: #fff; color: #333; } .prod_lnecte i { background-color: #0f4455; border-color: #0f4455; } .prod_lnecte:hover i { border-color: #0f4455; } .prod_ctethm { background-color: #f6f6f6; height: 29.86em;} .prod_ctethm img { width: 39.8em !important; height: 29.86em !important; } .prod_ctecurr_tit { font-size: 2.4em; padding-top: 1.5em; padding-left: .5em; color: #7ea71c; margin-bottom: .4em; } .prod_ctethm a { display: inline-block; margin-right: 1em; text-align: center; width: 7.9em; margin-top: 1em; font-size: 1.1em; } .prod_ctethm .clr {width:50%;} .prod_ctethm i { display: block; margin: .3em auto; width: 85px; height: 85px;} #prodCteThm {position:relative;} #prodCteThm img {position:absolute; right:0; top:0;} .prod_ctethm a:hover .prod_cteico, .prod_ctethm .prod_ctecurr_ico .prod_cteico { background-position: 100% 0; } .prod_lst_wrpr { margin-top: 2em; overflow: hidden; white-space: nowrap; } .prod_lst_dcr { display: inline-block; width: 32px; height: 32px; background: url('/templets/v1pc/img/idx_btn1.gif') no-repeat -410px 0; } .prod_lst_it { float: left; width: 27.7em; margin-right: 1.4em; margin-top: 1.4em; position: relative; overflow: hidden; background-color: #fff; } .prod_lst_it img { width: 388px; height: 291px; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .prod_lst_tit { position: absolute; bottom: 0; left: 0; width: 20.5em; font-size: 1.14em; line-height: 2em; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: .6em 3.2em .6em .6em; background-color: rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)\0; } .prod_lst_tit { color: #fff; } .prod_lst_it:hover .prod_lst_tit { display: none; } a.prod_main_phn { display: none !important; } .prod_lst_tit2 { display: inline-block; font-size: 1.7em; margin-bottom: .2em; } .prod_lst_tit2 span { font-size: .7em; } .prod_lst_tit2 i { display: inline-block; width: 36px; height: 30px; vertical-align: bottom; margin-left: .3em; background: url("/templets/v1pc/img/prod_dcr0.gif") 0 0; } .prod_lst_hvr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; padding-top: 8em; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; opacity: 0; filter: alpha(opacity=0); } .prod_lst_tit i { width: 29px; height: 29px; float: right; background: url("/templets/v1pc/img/prod_dcr0.gif") -42px -1px; margin-right: -2.2em; } .prod_lst_it .prod_lst_tit2 { color: #333; } .prod_lst_it:hover .prod_lst_hvr { opacity: 1; filter: alpha(opacity=100); } .prod_lst_it:hover img { opacity: .5; filter: alpha(opacity=50); } .prod_lst_it:hover { color: #333; } .prod_dtl { margin-top: 3em; } .prod_mainviws { float: left; width: 32.86em; overflow: hidden; white-space: nowrap; } .prod_mainviw img { width: 32.86em; height: 24.65em; } .prod_mainviw_it { float: left; width: 7.79em; height: 5.85em; margin-right: .5em; margin-top: .5em; cursor: pointer; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .prod_mainviw_it:hover { opacity: .5; filter: alpha(opacity=50); } .prod_maintit { color: #7ea71c; margin-bottom: 1em; } .prod_main_wrpr { margin-left: 36em; margin-top: .6em; height: 29.8em; position: relative; } .prod_maintit_op { position: absolute; bottom: 0; left: 0; } .prod_main_phnico { display: inline-block; vertical-align: bottom; margin-bottom: -.2em; width: 32px; height: 34px; background: url("/templets/v1pc/img/prod_dcr0.gif") -79px 0; } .prod_main_phn { display: inline-block; vertical-align: bottom; margin-bottom: .1em; margin-left: .3em; width: 162px; height: 19px; background: url("/templets/v1pc/img/prod_dcr0.gif") -121px 0; } .prod_maintit_op a { display: inline-block; padding: .55em; width: 8.5em; border: 2px #83bd2f solid; font-size: 1.1em; text-align: center; margin-top: 1.3em; } .prod_main_btn0 { background-color: #fff; color: #333; } .prod_main_btn1 { background-color: #83bd2f; color: #fff; margin-left: .7em; } .prod_main_btn1 i { display: inline-block; cursor: pointer; height: 18px; width: 26px; background: url("/templets/v1pc/img/prod_dcr0.gif") 0 -40px; margin-right: .8em; vertical-align: top; } .prod_main_btn1:hover i { background-position: -33px -40px; } .prod_maintit_op a:hover { background-color: #fff; color: #6caa1b; } .prod_maindtl { line-height: 180%; } .prod_dtlpnl { margin-top: 4em; } .prod_titbck { display: block; width: 133px; line-height: 46px; height: 46px; font-size: 1.1em; font-weight: 600; color: #6caa1b; padding-left: 20px; background-image: url("/templets/v1pc/img/prod_dcr1.png"); } .prod_dtlctt { margin: 2em 0; } .prod_albumn_htmlheight { width: 100%; height: 100%; overflow: hidden; } .prod_albumn { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2; } .prod_albumn .w86em { height: 100%; } .prod_albumn_arr { position: absolute; top: 0; height: 100%; width: 58px; filter: alpha(opacity=40); opacity: .4; background-image: url("/templets/v1pc/img/arr0.png"); background-repeat: no-repeat; cursor: pointer; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; } .prod_albumn_arrlft { left: 2em; background-position: 0% 48%; } .prod_albumn_arrrght { right: 2em; background-position: 100% 48%; } .prod_albumn_arr:hover { opacity: .8; filter: alpha(opacity=80); } .prod_albumn_phtowrpr { height: 82%; margin-top: 3%; width: 100%; vertical-align: middle; text-align: center; } .prod_albumn_spstkr { width: 0; height: 100%; vertical-align: middle; margin-left: -5px; } .prod_albumn_phto { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; } .prod_albumn_txt { margin-top: 1%; text-align: center; } .prod_albumn_clz { position: absolute; z-index: 1; top: 0; right: 0; font-size: 4em; line-height: .9em; height: 1em; width: 1em; cursor: pointer; background-color: #999; color: #fff; text-align: center; } .prod_albumn_clz:hover { background-color: #fff; color: #999; } .prod_phtolst { display: none; } .prod_granule_it {position:relative; display:inline-block; margin-top:-1.4em; margin-right:.7em;} .prod_granule_thm {width:8em; height:6em;} .prod_granule_it p {display:none; position:absolute; bottom:0; right:0;background-color:#fff; padding:.7em;box-shadow: 2px 2px 15px rgba(0,0,0,.1);} .prod_granule_it span {display:block; padding:.7em; border-top:1px #ddd dotted; font-weight:600; color:#353535; text-align:center;} .prod_granule_it:hover p {display:block;} .prod_granule_bigthm {display:block; width:450px; height:338px;} .prodlne_maintit { text-align: center; margin-bottom: 2em; } .prodlne_mainviws {width:520px;} .prodlne_mainviws img {width:500px; height:375px;} .prodlne_main_wrpr { margin-left: 40em; height: 25em; } .inr_bnr_cse { background: url("/templets/v1pc/img/bnr_cse.jpg") no-repeat 50% 0; } .cse_lst { white-space: nowrap; overflow: hidden; margin-top: 2em; } .cse_lst a { float: left; width: 27.7em; height: 24em; margin-right: 1.4em; margin-top: 1.4em; background-color: #f1f1f1; padding-bottom: .8em; } .cse_lst img { display: block; width: 27.7em; height: 20.29em; } .cse_lst p { margin: .6em .8em 0 .8em; font-size: 1.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .cse_lst i { margin: 0 1em; font-size: .8em; color: #a4a4a4; } .cse_lst a:hover { background-color: #fff; } .cse_lst a:hover img { opacity: .5; filter: alpha(opacity=50); } .inr_bnr_news { background: url("/templets/v1pc/img/bnr_news.jpg") no-repeat 50% 0; } .news_rgntit { height: 15px; background-image: url("/templets/v1pc/img/lne0.gif"); text-align: center; margin: 2.3em auto 2em auto; width: 1202px; } .news_rgntit span { font-size: 1em; background-color: #fff; color: #83bd2f; padding: 0 1em; display: inline-block; vertical-align: top; margin-top: -.5em; margin-right: -2.4em; } .news_rgntit a { font-size: .6em; font-weight: normal; margin-left: 1em; } .news_lst0 { white-space: nowrap; overflow: hidden; } .news_lst0 a { float: left; width: 27.7em; margin-right: 1.4em; background-color: #f1f1f1; padding-bottom: .4em; } .news_lst0 img { display: block; width: 27.7em; height: 20.29em; margin-bottom: .8em; } .news_lst0 p { margin: 0 .8em; font-size: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .news_lst0 i { display: block; margin: 0 1em .4em 1em; font-size: .8em; color: #a4a4a4; } .news_lst0 em { white-space: normal; display: block; margin: .5em 1em .5em 1em; } .news_lst0 a:hover { background-color: #fff; } .news_lst0 a:hover img { opacity: .5; filter: alpha(opacity=50); } .news_lst1 { white-space: nowrap; overflow: hidden; margin-top: 3em; } .news_lst1 a { float: left; width: 43.1%; padding: 0 2%; margin-right: 1.5%; margin-bottom: 1.3em; line-height: 300%; border: 1px #eaeaea dashed; overflow: hidden; text-overflow: ellipsis; } .news_lst1 span { float: right; font-size: .8em; color: #aaa; margin-top: -3.2em; } .news_lst1 p { margin-right: 6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news_lst2 { white-space: nowrap; overflow: hidden; } .news_lst2 span { display: block; background-color: #000; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; } .news_lst2 a { float: left; width: 27.7em; height: 28.3em; margin-right: 1.4em; padding-bottom: .8em; position: relative; } .news_lst2 img { display: block; width: 27.7em; height: 20.29em; margin-bottom: .8em; opacity: .8; filter: alpha(opacity=80); } .news_lst2 p { margin: .6em .8em 0 .8em; font-size: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .news_lst2 i { margin: 0 1em; font-size: .8em; color: #a4a4a4; } .news_lst2 em { white-space: normal; display: block; margin: .5em 1em .5em 1em; } .news_lst2 a:hover span { opacity: .4; filter: alpha(opacity=40); background-color: #fff; } .news_lst2 .playico { position: absolute; top: 8em; left: 10.7em; width: 75px; height: 75px; background: url("/templets/v1pc/img/prod_dcr1.png") 0 100%; } .news_lst2 a:hover .playico { background-position: 100% 100%; } .scx_lst { margin-top: 1em; margin-bottom: 1em; } .scx_it { padding: 1em 0; border-bottom: 1px #cecece solid; } .scx_it_thm { float: left; margin-right: 2em; } .scx_it_thm img { vertical-align: bottom; width: 500px; height: 375px; } .scx_tit { margin-top: 2.2em; margin-bottom: 1.3em; } .scx_mor { float: right; width: 62px; height: 62px; background: url("/templets/v1pc/img/prod_dcr0.gif") -96px -39px; margin-top: 8em; margin-right: 2em; } .scx_size { height: 8em; margin-right: 10em; } .scx_it_lnk .scx_size { color: #333; } .scx_it_lnk:hover .scx_mor { background-position: -171px -39px; } .scx_mortxt { display: inline-block; background-color: #8bb033; padding: .6em 1.5em; color: #fff; font-size: 1.1em; border: 2px #8bb033 solid; } .scx_it_lnk:hover .scx_mortxt { background-color: #fff; color: #8bb033; } .scx_talk { display: inline-block; background-color: #4c566a; padding: .6em 1.5em; color: #fff; font-size: 1.1em; margin-left: .6em; border: 2px #4c566a solid; } .scx_talk:hover { background-color: #fff; color: #4c566a; } .artko_main { margin-top: 4em; margin-bottom: 2em; } .artko_tit { text-align: center; border-bottom: 1px #ccc dotted; padding-bottom: 1em; } .artko_inf0 { height: 3em; line-height: 3em; border-bottom: 1px #ccc solid; margin-bottom: 1em; } .artko_inf0 i { display: inline-block; background: url("/templets/v1pc/img/artko_ico.gif") no-repeat; margin-right: .5em; } .artko_btn_tolst { float: right; } .artko_btn_tolst i { width: 12px; height: 11px; background-position: 100% 0; } .artko_btn_tolst:hover, .artko_inf0 span { color: #8bb033; } .artko_inf0 span i { width: 14px; height: 14px; vertical-align: bottom; margin-bottom: .9em; } .artko_ctt { line-height: 210%; padding-bottom: 2em; margin-bottom: 1em; border-bottom: 1px #ececec solid; } .artko_arr_prv { display: inline-block; margin-right: .4em; width: 0; height: 0; border-bottom: 8px #999 solid; border-left: 7px transparent solid; border-right: 7px transparent solid; } .artko_arr_prv i { display: block; width: 0; height: 0; margin-top: 2px; margin-left: -7px; border-bottom: 8px #fff solid; border-left: 7px transparent solid; border-right: 7px transparent solid; } .artko_arr_nxt { display: inline-block; margin-right: .4em; width: 0; height: 0; border-top: 8px #999 solid; border-left: 7px transparent solid; border-right: 7px transparent solid; } .artko_arr_nxt i { display: block; width: 0; height: 0; margin-top: -10px; margin-left: -7px; border-top: 8px #fff solid; border-left: 7px transparent solid; border-right: 7px transparent solid; } .artko_prev, .artko_nxt { padding: .4em 0; } .artko_morlst { border-top: 1px #ececec solid; margin-top: 1em; padding-top: 2em; } .artko_morlst_lbl { color: #8bb033; } .prodline_thm img { max-width: 450px; } .prodline_thm { float: left; } .inr_bnr_ctat { background: url("/templets/v1pc/img/bnr_ctat.jpg") no-repeat 50% 0; } .ctact_wx { position: relative; cursor: pointer; vertical-align: middle; margin-bottom: 1.4em; margin-top: -.3em; font-size: 14px; } .ctact_wx_ctnt { display: none; position: absolute; bottom: 0; border: 1px #d1d1d1 solid; background-color: #fff; text-align: center; } .ctact_wx_ctnt img { margin: .5em; } .ctact_wx_ctnt p { float: left; width: 165px; padding: 1.3em; margin: 0 !important; } .ctact_wx_ctnt { margin: 0 !important; } .ctact_wx_ctnt p span { color: #353535 !important; font-size: 1.1em !important; } .ctact_wx:hover .ctact_wx_ctnt { display: block; } .ctact_wx_ico_gren { display: inline-block; padding-left: 33px; height: 22px; background: url("/templets/v1pc/img/ico_wx.gif") no-repeat 0 100%; color: #333; } .ctact_wx_ico_gry { display: inline-block; padding-left: 33px; height: 22px; background: url("/templets/v1pc/img/ico_wx.gif") no-repeat 0 0; } .contact-info {margin-left:49.7%; padding-top: 1em; margin-bottom: 2em; height:407px; padding-left:3em; border-left:1px #ccc dotted; margin-top:1.5em;} .contact-info h1 { font-size: 2em; margin-bottom: 30px; color: #000; } .contact-info p { margin-bottom: 20px; color: #333; text-indent: 0; } .contact-info p span { font-size: 22px; color: #ff5400; font-weight: bold; } .contact-info p a { font-size: 18px; color: #8bb033; text-decoration: underline; } .contact-info p a:hover { color: #8bb033; text-decoration: underline; } .contact-info p.online { margin-top: 20px; } .contact-info p.online a { background: #8bb033; color: #fff; width: 160px; height: 46px; text-decoration: none; text-align: center; line-height: 46px; display: block; font-size: 18px; } .contact-info p.online a:hover { background: #19273b; } .ctact_wx_spr { float: left; overflow: hidden; margin-top: 3em !important; width: 0 !important; height: 225px; font-size: 0; border-right: 1px #b2b2b2 dotted; padding: 0; } .ctat_map {float:left; width:46%; height:420px; margin-top:1.5em;} .ctat_mbl_thm {display:none;} /*--- respond ---*/ #respond { width: 58%; float: right; border-left: 1px solid #ddd; padding-left: 50px; margin-top: 1em; } #respond h4 { font-size: 22px; } #respond p { text-indent: 0; } #respond h4 { margin-bottom: 30px; color: #000; font-size: 24px; } .col-md-7 { width: 28%; position: relative; min-height: 1px; padding-right: 25px; float: left; } #respond .c-note { margin-bottom: 20px; color: #9a9a9a; line-height: 26px; } #respond .comments-form p { margin-bottom: 30px; } #respond .comments-form p .required { display: none; } #respond .comments-form p #fromname, #respond .comments-form p #email, #respond .comments-form p #lianxi { height: 40px; padding-left: 20px; width: 94%; line-height: 40px; background: #fff; color: #666; border: #d8d8d8 1px solid; } #respond .comments-form p #fromname:focus, #respond .comments-form p #email:focus, #respond .comments-form p #lianxi:focus { border-color: #e5091c; } #respond .comments-form p #note { height: 150px; padding: 15px 20px; width: 90%; border: 1px solid #d8d8d8; background: #fff; color: #666; } #respond .comments-form p #note:focus { border-color: #e5091c; } #respond .form-submit .buttons { background: #19273b; font-size: 16px; padding: 12px 80px; color: #fff; border: none; position: relative; cursor: pointer; } #respond .form-submit button:hover { background: #000; } .prod_addon_it_op { display: none; } .prodlne_refs { overflow: hidden; } .prodlneref_wrpr { width: 120%; } .prodlne_refs .idx_prod_it { width: 20%; } .prodlne_refs .idx_prod_it img { width: 100%; height: 217px; } .prodlne_refs .idx_prod_hvr { padding-top: 2em; } .cm_ref .lst_inrwrpr { width: 119%; } .cm_reftit {line-height: 200%; } .cm_ref .prod_lst_it { width: 20%; } .cm_ref img { width: 289px; height: 217px; } .cm_ref .prod_lst_hvr { padding-top: 6em; } .cm_ref .prod_lst_tit { line-height: 2.8em; width: 100%; padding: 0 .8em; } .cm_ref .prod_lst_tit i { margin-right: 1.5em; margin-top: .5em; } .prod_refs { } .prod_refs .idx_prod_it { width: 20%; height: 217px; overflow: hidden; background-color: #fff; } .prod_refs img { max-height: 200px; width: auto; max-width: 120%; background-color: #fff; } .prod_refs .idx_prod_it:hover .idx_prod_tit { display: block; color: #000; background-color: #fff; opacity: .7; filter: alpha(opacity=70); } .prod_refs .idx_prod_tit { color: #fff; line-height: 1.5em; background-color: rgba(0,0,0,.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)\0; } /*!-内页*/ } @media screen and (max-width : 960px) { body, input, textarea, select { font-size: 13px; } body {min-height:100%;} .w86em { width: 94%; margin: 0 3%; overflow: hidden; } .mnu_prods {display:none;} .lst_inrwrpr { width: 104%; } .cm_pgr { text-align: right; margin-top:2em;} .cm_pgr li {display:inline-block; min-width:1.6em; height:2.2em; line-height:2.2em; text-align: center; border:1px #ddd solid; padding:0 .3em;} .cm_pgr a {display:block; width:100%; height:100%;} .cm_pgr select {border:0 none;} .top_lgo { display: block; margin: 1em auto .5em auto; } .top_lnk { display: none; } .top_nav hr {display:none;} .top_nav { text-align: center; border-top: 2px #aaa solid; border-bottom: 2px #aaa solid; } .top_nav li { float: left; width: 48%; margin-left: 1%; border-bottom: 1px #aaa solid; line-height: 200%; margin-bottom: -1px; } .top_nav a { display: block; } .top_lgo img { display: block; margin: 1em auto; width: 50%; } .fom_srch_m {border:10px #eaebec solid; background-color:#fff; height:25px; padding:5px 8px;} .top_lnk_sbmt {float:right;width:35px; height:35px; margin:-5px -8px; border:none; background:url("/templets/v1pc/img/ico_srch.png") center center;} .top_lnk_txt {border:none; width:80%; letter-spacing:0; height:25px; line-height:25px;} #mnuNews, #mnuProds, #mnuAbot {display:none !important;} .idx_bnrarr { position: absolute; font-size: 14px; top: 0; height: 100%; width: 2.3em; filter: alpha(opacity=40); opacity: .4; background-image: url("/templets/v1pc/img/arr0.png"); background-size: 5em auto; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all .15s ease 0s; transition: all .15s ease 0s; } .idx_bnrarr_lft { left: 1em; background-position: 0% 48%; } .idx_bnrarr_rght { right: 1em; background-position: 100% 48%; } .idx_bnrarr:hover { opacity: .8; filter: alpha(opacity=80); } .mnu_prods {display:none !important;} #idx_toidx { display: none; } .idx_news_wrpr { overflow: inherit; } .idx_news_thm { width: 106.6%; margin-left: -3.3%; } .idx_news_thm_tit { display: none; } .idx_news { margin: 1em 0; } .idx_news h1 { font-size: 1.3em; border-bottom: 1px #aaa solid; line-height: 2em; margin-bottom: .3em; } .idx_news h2 { font-size: 1.1em; margin-bottom: .2em; } .idx_news_dte { display: block; } .idx_news_dte_pc { display: none; } .idx_news_dte_mbl { color: #888; font-size: .8em; } .idx_news_it { display: block; border-bottom: 1px #bbb dotted; padding: .5em 0; } .idx_news_mor { color: #7ea71c; } .idx_news_rgn_mor { color: #7ea71c; float: right; font-size: .8em; font-weight: normal; } .idx_prod_adv_tit { font-size: 1.3em; border-bottom: 1px #aaa solid; line-height: 2em; font-weight: bold; } .idx_news_ctt { display: none; } .idx_prod_dcr { float: left; width: 2em; height: 2em; background: url('/templets/v1pc/img/idx_btn1.gif') no-repeat -17em 0; background-size: 19em auto; margin-top: .5em; margin-right: .5em; } .idx_prod_adv_ctt { display: none; color: #888; } .idx_prod_mor { color: #7ea71c; margin-top: -2.2em; float: right; margin-right: 1em; } .idx_prod_it { float: left; width: 46%; margin-right: 3.6%; margin-top: 1em; position: relative; overflow: hidden; } .idx_prod_it img { width: 100%; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; background-color: #fff; } .idx_prod_tit { position: absolute; bottom: 0; left: 0; width: 23.2em; font-size: 1.14em; line-height: 2em; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: .6em; background-color: rgba(255,255,255,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff, endColorstr=#B2ffffff)\0; } .idx_prod_hvr { display: none; } .idx_prod_adv { width: 100%; } .idx_prod_tit { padding: .2em .5em; } #idxLneTab { display: none; } .idx_recmmd_prod { display: none; } .idx_recmmd_tit h1 { font-size: 1.3em; border-bottom: 1px #aaa solid; line-height: 2em; margin-top: 1em; margin-bottom: 1em; } .idx_recmmd_tit span { display: none; } .idx_recmmd_tit i { color: #7ea71c; float: right; font-size: .75em; font-weight: normal; } .idx_recommd_pnl { border-bottom: 1px #bbb dotted; } .idx_recmmd_line_pic0 { width: 100%; } .idx_recmmd_mor { display: none; } .idx_recommd_line_tit { font-weight: 600; margin-bottom: -2em; margin-top: 1em; } .idx_prod_wrpr .idx_prod_it:last-child { display: none; } .idx_adv { display: none; } .idx_cse_roll { display: none; } .idx_cse2_tit h1 { font-size: 1.3em; border-bottom: 1px #aaa solid; line-height: 2em; margin-top: 1em; margin-bottom: 1em; } .idx_cse2_it img { width: 100%; } .idx_cse2_mor { float: right; margin-top: -3.5em; color: #7ea71c; } .idx_cse2_it { display: block; height: 6em; margin-top: 1em; border-bottom: 1px #bbb dotted; padding-bottom: 1em; } .idx_cse2_it img { width: 8em; height: 6em; float: left; margin-right: .8em; } .idx_cse2_it p { display: none; } .idx_cse2_it i { float: right; color: #7ea71c; } .idx_cse2_it h3 { padding-top: .6em; height: 2.8em; } .cm_btm, .cm_btm_nav, #sideBar { display: none !important; } .idx_lnk_btm { text-align: center; margin-top: 1.5em; } .idx_lnk_btm a { display: inline-block; width: 30%; vertical-align: top; } .idx_lnk_btm a:nth-child(1) {display:none;} .idx_lnk_btm i { display: block; margin: 0 auto; width: 4.4em; height: 4.4em; vertical-align: top; background-image: url("/templets/v1pc/img/idx_btn2.gif"); background-size: 21em; } .idx_lnk_btm .idx_lnk_btm_p2 { background-position: -5.5em 0; } .idx_lnk_btm .idx_lnk_btm_p3 { background-position: -11.1em 0; } .idx_lnk_btm .idx_lnk_btm_p4 { background-position: 100% 0; } .idx_lnk_btm a:hover .idx_lnk_btm_p1 { background-position: 0 100%; } .idx_lnk_btm a:hover .idx_lnk_btm_p2 { background-position: -5.5em 100%; } .idx_lnk_btm a:hover .idx_lnk_btm_p3 { background-position: -11.1em 100%; } .idx_lnk_btm a:hover .idx_lnk_btm_p4 { background-position: 100% 100%; } .cm_btm2 {background-color: #eee; padding: 1em 0 1.5em 0; height: 3em; margin-top:2em; text-align: center; line-height: 180%; } .cm_btm2 a { display: block; color: inherit; } .inr_pge_tit { font-size: 1.3em; font-weight: 600; margin-top: 1em; color: #7ea71c; border-bottom: 1px #bbb dotted; padding-bottom: .6em;} .inr_sitemap { float: right; margin-top: -2.3em; } .abot_b1_tit { font-size: 2em; text-align: center; margin-top: 1.6em; display: none; } .abot_b1_wrpr {line-height: 1.5em; } .abot_b1_lnk { text-align: right; font-weight: 600; margin-top: 1em; } .abot_b1_lnk a { margin-left: 1em; } .abot_b1_lnk a:hover { color: #2ca792; } .abot_b1_lnk i { display: inline-block; width: 5px; height: 8px; background: url("/templets/v1pc/img/abot_ico0.gif") -138px 0; margin-right: .5em; } .abot_b1_tit i { display: inline-block; background: url('/templets/v1pc/img/abot_ico0.gif') -47px 0; width: 72px; height: 43px; margin-top: .8em; } .abot_b1_lnk2 a { display: none; } .abot_b1 { margin-top: 1.6em; min-height: 25em; } .abot_b1_thm {width:13.5em; float:left; margin-right:.8em;} .abot_b1_viw0 { color: #6c8a5b; text-align: justify; } .abot_b1_viw1 { margin-top: 3em; text-align: justify; } .abot_b1_prodmor { color: #2ca792; display: block !important; } .abot_b2 { margin-top: 2em; font-size: 1em; text-align: center; } .abot_b2 p { display: inline-block; width: 4em; vertical-align: top; margin: 0 .4em; } .abot_b2 i { display: block; margin: 0 auto; width: 4em; height: 4em; background-size: 4em 4em; background-repeat:no-repeat; vertical-align: middle; } .abot_b3_thm { width: 100%; margin-top: 2em; } .abot_b3_tit { color: #9abc86; margin-top: .8em; font-size: 1.6em; } .abot_b3_tit i { display: inline-block; background: url("/templets/v1pc/img/abot_ico0.gif") 0 100%; background-size: 6.6em auto; width: 1.3em; height: 1.5em; vertical-align: bottom; margin-right: .4em; } .abot_b3_bdy { margin-top: 1em; line-height: 1.7em; } .abot_b4 { text-align: justify; } .abot_b4 img { display: block; margin: 0 auto; width: 90%; padding: .9em 5%; background: url("/templets/v1pc/img/abot_dcr4.gif") no-repeat; margin-top: 2em; } .abot_b4_ctt { background-color: #fff; } .abot_b4_tit { background-color: #a2ca81; color: #fff; width: 15em; font-size: 16px; line-height: 32px; padding: 0 10px; font-weight: bold; margin-top: 2em; } .abot_b4_dscrptn { padding-top: .8em; text-indent: 2.2em; } .abot_b4_d0 { border-top: 32px #a2ca81 solid; border-left: 8px transparent solid; margin-left: -18px; float: left; } .abot_b4_d1 { border-bottom: 32px #a2ca81 solid; border-right: 8px transparent solid; margin-right: -18px; float: right; } .abot_phto_roll { position: relative; width: 100%; margin-top: 1em; } .abot_phto_roll img { width: 100%; height: 100%; } .abot_phto_roll a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; position: relative; overflow: hidden; } .abot_phto_roll a:hover { color: #191919; } .abot_phto_tit { display: none; } .abot_phto_pgr { display: none; } .abot_phto_lft { padding-top: 2em; position: relative; } .abot_phto_tit2 { color: #89cb8e; font-size: 1.6em; font-weight: bold; margin-bottom: .4em; } .abot_phto_ctt { text-indent: 2.2em; } .abot_phto_dcr1 { display: none; } .abot_b5_lnk { white-space: nowrap; font-size: 0; } .abot_b5_lnk a { margin-top: 4.2em; float: left; width: 20.22em; margin-right: 1.65em; white-space: normal; color: #333; vertical-align: top; } .abot_b5_lnk a:hover img { opacity: .5; filter: alpha(opacity=50); } .abot_b5_lnk img { display: block; width: 100%; height: 11.07em; -webkit-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s; width: 20.22em; margin-bottom: .5em; } .abot_b5_lnk h1 { font-size: 1.5em; margin-bottom: .8em; } .abot_b5_lnk a { line-height: 140%; } .abot_resp img {display:none;} .abot_resp br {display:none;} .abot_resp {text-align:left; padding-top:2em;} .news_rgntit { font-size: 1.3em; width: 94%; margin: .6em 3% 0 3%; overflow: hidden; border-bottom: 1px #aaa solid; line-height: 2em; } .news_rgntit a { float: right; color: #7ea71c; float: right; font-size: .8em; font-weight: normal; } .news_lst0 a { display: block; height: 6em; border-bottom: 1px #bbb dotted; padding: 1em 0; } .news_lst0 img { float: left; width: 8em; height: 6em; margin-right: 1em; } .news_lst0 i { display: block; font-size: .8em; color: #888; margin-top: .8em; } .news_lst1 a { display: block; border-bottom: 1px #bbb dotted; line-height: 300%; } .news_lst1 span { float: right; margin-right: 1.3em; font-size: .8em; color: #888; margin-top: -3.2em; } .news_lst1 p { margin-right: 7em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .prod_ctelst { } .prod_ctelst a { float: left; margin-right: 3%; width: 47%; margin-bottom: -1px; border-bottom: 1px #aaa dotted; padding-bottom: .3em; } .prod_ctelst img { width: 100% !important; height: auto !important; margin-bottom: .3em; } .prod_ctelst h1 { font-size: 1.2em; margin: .5em 0; } .prod_ctelst i { display: block; margin-bottom: .2em; } .prod_lnecte { display: none; } .cm_reftit { line-height: 200%; font-size: 1.2em; margin-top: .5em; } .prod_lst_it { float: left; margin-right: 3%; width: 47%; border-bottom: 1px #aaa dotted; padding-bottom: .4em; margin-top: .5em; } .prod_lst_it img { display: block; width: 100% !important; height: auto !important; margin-bottom: .3em; } .prod_lst_it .prod_lst_hvr { display: none; } .cm_ref { border-top: 1px #aaa solid; margin-top: -1px; } .prod_ctethm { margin-top: .8em; } .prod_ctethm a { } .prod_ctethm img { display: block; width: 100% !important; height: auto !important; margin-bottom: .3em; } .prod_ctecurr_tit { font-size: 1.2em; text-align: left; line-height: 2em; } .prod_ctethm { text-align: center; } .prod_ctethm .clr { border-top: 2px #aaa solid; border-bottom: 2px #aaa solid; } .prod_ctethm .clr a { float: left; width: 48%; margin-left: 1%; line-height: 200%; margin-bottom: -1px; border-bottom: 1px #aaa dotted; } .pageinfo { float: right; line-height: 2em; padding: .5em 0; } .prod_mainviw img { width: 100% !important; height: auto !important; } .prod_maintit { font-size: 1.5em; line-height: 3em; } a.prod_main_phn {display:inline-block; color:#fe3a3b; font-weight:600; font-size:1.5em; margin-bottom:.5em;} i.prod_main_phn { display: none; } .prod_main_btn0, .prod_main_btn1 {display:none;} .prod_addon_it_op {display:none;} .prod_addon {margin:0 !important; padding:0; } .prod_phtolst {display:none;} .prod_addon_ctt {margin-bottom:1em !important;} .prod_mainviws p {display:none;} .prod_granule_it {float:left; width:33.33%; text-align:center; } .prod_granule_thm {display:none;} .prod_granule_it p {float:left; width:100%;} .prod_granule_it span {display:block; width:93%; margin-top:-.7em auto 0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:2em; background-color:#eee; border-radius:.4em;} .prod_granule_bigthm {display:block; width:90%;} .dtl_pnl .prod_addon_wrpr {border-top:1px #aaa dotted;} .scx_it {padding:.5em 0;border-bottom:1px #aaa dotted;} .scx_it img{width:100% !important; height:auto !important;} .scx_size {display:none;} .scx_tit {font-size:1.2em;} .scx_mortxt, .scx_talk {display:none;} .prodlne_mainviws img {width:100% !important; height:auto !important;} .prod_addon_ctt img {width:100% !important; height:auto !important;} .prodlneref_wrpr {width:104%; margin-bottom:1em;} .prodlne_refs {border-top:1px #aaa solid;} .cse_lst img {float:left; width:8em; height:6em; margin-right:.8em;} .cse_lst a {display:block; padding:1em 0; border-bottom:1px #aaa dotted; width:98%;} .cse_lst p {padding-top:.8em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .artko_tit {font-size:1.5em; margin:.5em 0;} .artko_btn_tolst {display:none;} .artko_inf0 {padding-bottom:.5em;} .artko_ctt {border-bottom:1px #aaa dotted; padding-bottom:.8em;} .artko_prev, .artko_nxt {line-height:220%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .contact-info h1 {font-size:1.5em; margin:.5em 0;} .ctact_wx {display:none;} .online, #respond, .ctat_map {display:none;} .prod_dtl dl {width:90% !important;} .prod_dtl dl img {float:left;} .prod_dtl dl dd {width:auto !important; float:none !important; margin-top:.6em !important;} .prod_dtl .line img {width:8em; height:6em;} .prod_dtl .line span {display:none;} .prod_dtl .line dl {padding:.5em 0;} .prod_dtl .line {padding-bottom:.8em !important; margin-bottom:.8em !important;} .hezuo li {float:left !important; width:14% !important; height:auto;} .hezuo img {width:100%; height:auto;} .hezuo h3 {display:none;} .contact-info span {color:#ff5400; font-weight:600;} .ctat_mbl_thm {height:8em; background:url("/templets/v1pc/img/bnr_ctat.jpg") 100% 0; background-size:auto 100%;} .artko_ctt img {width:100% !important; height:auto !important;} #video {display:none;} } /* FILE ARCHIVED ON 05:24:06 Jan 01, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:18:01 Dec 10, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.903 exclusion.robots: 0.028 exclusion.robots.policy: 0.018 esindex: 0.03 cdx.remote: 86.462 LoadShardBlock: 125.888 (3) PetaboxLoader3.datanode: 119.267 (4) load_resource: 122.452 PetaboxLoader3.resolve: 71.088 */