a, abbr, address, article, aside, audio, b, body, canvas, caption, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, label, li, mark, menu, nav, object, ol, output, p, pre, q, section, small, span, strong, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } a, button, div, input, select, textarea { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent !important; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { text-decoration: none; } ul li { list-style: none; } html { -webkit-text-size-adjust: 100%; } input:focus, select { outline: 0; } * { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "微软雅黑", "MicroSoft YaHei" !important; } body { text-align: left; color: #333; line-height: 1.6; overflow-x: hidden; position: relative; background-color:#fff;} .main { width: 12rem; margin: 0 auto; position: relative; font-size: 0; overflow: hidden; } .pcmain { width: 10.24rem; margin: 0 auto; overflow: hidden; } @font-face { font-family: 'AgencyFB'; src: url(/App/Home/Public/css/AgencyFB.ttf); } @font-face { font-family: "Aven"; src: url(/App/Home/Public/css/AvenirNextLTPro-Bold.otf); } @font-face { font-family: "AVENIRNEXTLTPRO-BOLD"; src: url(/App/Home/Public/css/AVENIRNEXTLTPRO-BOLD.OTF); } /*单行隐藏*/ .shide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dhide2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .dhide3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .dhide4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .dhide7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; } .footseat { height: 2rem; } /*三端*/ .pc { display: block; position: relative; } .ipad { display: none; position: relative; } .mobile { display: none; position: relative; } /* 轮播圆点样式 */ .pc .mip-carousel-indicatorDot { bottom: .35rem; height: .20rem; } .pc .mip-carousel-indicatorDot .mip-carousel-activeitem { width: .38rem !important; height: .09rem !important; border-radius: .15rem !important; background-color: #acc93f !important; } .pc .mip-carousel-indicatorDot .mip-carousel-indecator-item { margin-top: .05rem; width: .09rem; height: .09rem; border-radius: 50%; background: #fff; margin-right: 5px !important; transition: all linear .25s; } .ipad .mip-carousel-indicatorDot { bottom: .55rem; height: .30rem; } .ipad .mip-carousel-indicatorDot .mip-carousel-activeitem { width: .50rem !important; height: .12rem !important; border-radius: .20rem !important; background-color: #acc93f !important; } .ipad .mip-carousel-indicatorDot .mip-carousel-indecator-item { margin-top: .09rem; width: .12rem; height: .12rem; border-radius: 50%; background: #fff; margin-right: 5px !important; transition: all linear .25s; } .mobile .mip-carousel-indicatorDot { bottom: .35rem; height: .22rem; } .mobile .mip-carousel-indicatorDot .mip-carousel-activeitem { width: .38rem !important; height: .09rem !important; border-radius: .20rem !important; background-color: #acc93f !important; } .mobile .mip-carousel-indicatorDot .mip-carousel-indecator-item { margin-top: .05rem; width: .09rem; height: .09rem; border-radius: 50%; background: #fff; margin-right: 5px !important; transition: all linear .25s; } /*PC标题*/ .index1 .pc, .index2 .pc, .index3 .pc, .index4 .pc, .index5 .pc { padding-top: .52rem; } .pc .maintitle { font-size: 0.50rem; color: #172427; position: relative; text-align: center; font-family: "AgencyFB" !important; font-weight: bold; background: url(/App/Home/Public/images/titbg.png) no-repeat center; } .pc .subtitle { font-size: 0.30rem; color: #000; text-align: center;margin-top:-.13rem; margin-bottom: 0.2rem; font-family: "微软雅黑", "MicroSoft YaHei" !important; font-weight: bold; } /*ipad标题*/ .index1 .ipad, .index2 .ipad, .index3 .ipad, .index4 .ipad, .index5 .ipad { padding-top: .42rem; } .ipad .maintitle { font-size: 0.55rem; color: #172427; position: relative; text-align: center; font-family: "AgencyFB" !important; font-weight: bold; background: url(/App/Home/Public/images/titbg.png) no-repeat center; background-size: 8.25rem .56rem; line-height: .56rem; } .ipad .subtitle { font-size: 0.38rem; color: #111819; text-align: center; margin-bottom: 0.32rem; font-family: "微软雅黑", "MicroSoft YaHei" !important;margin-top:.10rem; font-weight:bold;} /*mobile标题*/ .mobile .maintitle { font-size: 0.35rem; color: #172427; position: relative; text-align: center; font-family: "AgencyFB" !important; font-weight: bold; background: url(/App/Home/Public/images/titbg.png) no-repeat center; background-size: 5.16rem .34rem; line-height: .34rem; margin-top: .28rem; } .mobile .subtitle { font-size: 0.24rem; color: #111819; text-align: center; margin-bottom: 0.2rem; font-family: "微软雅黑", "MicroSoft YaHei" !important; margin-top:.08rem;font-weight:bold;} /*分页*/ .pagination-bar { margin: 0 0 0.5rem 0; text-align: center; display: block; } .pagination-bar .pagenum { display: inline-block; vertical-align: middle; width: 0.88rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.18rem; text-align: center; margin: 0 0.05rem; background-color: #111111; color: #fff; border-radius: 0.2rem; } .pagination-bar a { display: inline-block; vertical-align: middle; padding: 0 .10rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.18rem; text-align: center; background-color: #FFF; color: #666; border: 0.01rem solid #d5d0d0; margin-left: .10rem; } .pagination-bar a:hover { background-color: #333; color: #fff; border: none; } .pagination-bar a.disabled { background-color: #333; color: #FFF; border: none; } .pagination-bar a.active { background-color: #333; color: #fff; border: none; } .pagination-bar a.page-prev, .pagination-bar a.page-next, .pagination-bar span, .pagination-bar .subbtn { width: .85rem; height: 0.32rem; } .pagination-bar .subbtn { background: #ab753d; border: 0; color: #fff; text-align: center; margin-left: .20rem; display: inline-block; vertical-align: middle; } .pagination-bar .inputnum { width: .32rem; height: .32rem; line-height: .32rem; border: 1px solid #333; display: inline-block; vertical-align: middle; margin-left: .20rem; text-align: center; } .pagination-bar span { color: #333; font-size: .18rem; line-height: .32rem; display: inline-block; vertical-align: middle; width: inherit; margin-left: .20rem; } /*头部-PC*/ .header .pc .logobox { height: 0.9rem; background-color: #fff; } .header .pc .logobox .logo { float: left; margin-top: .275rem; margin-left: .20rem; } .header .pc .logobox .logo mip-img, .header .pc .logobox .logo mip-img .mip-fill-content { height: .35rem; width: auto; } .header .pc .logobox .comname { float: left; font-size: 0.12rem; color: #fff; font-family: "MicoSoft YaHei Bold"; font-weight: 600; margin-left: 0.1rem; margin-top: 0.27rem; } .header .pc .logobox .tel { float: right; background: url(/App/Home/Public/images/dhicon.png) no-repeat; background-position: center left; margin-top: .20rem; } .header .pc .logobox .tel mip-img { width: .29rem; height: .25rem; display: inline-block; } .header .pc { box-shadow: 0 3px 25px #f7f7f7; -webkit-box-shadow: 0 2px 25px #f7f7f7; -moz-box-shadow: 0 2px 25px #f7f7f7; -o-box-shadow: 0 2px 25px #f7f7f7;} .header .pc .logobox .tel span { display: inline-block; vertical-align: top; height: 0.5rem; font-size: 0.32rem; color: #92be4c; padding: 0 .10rem 0 1rem; font-weight: bold; letter-spacing: -0.02rem; line-height:.50rem;font-family:"AVENIRNEXTLTPRO-BOLD"!important;} .header .pc .navbox ul { width: 100%; display: flex; display: -webkit-flex; display: -moz-flex; justify-content:space-between; } .header .pc .navbox { background-color: #283236; } .header .pc .navbox ul li { height: 0.66rem; line-height: 0.66rem; text-align: center; color: #fff; } .header .pc .navbox ul li:nth-child(1) { margin-left: 0; } .header .pc .navbox ul li a:hover { color: #283236; background: #bbdf35; padding: 0 .15rem; transition: all ease .25s; } .header .pc .navbox ul li a { padding: 0 .15rem; display: block; border-radius: 0.25rem; color: #fff; line-height: .30rem; margin-top: .15rem; } .header .pc .navbox ul li span { font-size: 0.16rem; display: block; height: 0.35rem; line-height: 0.35rem; } .notice .pc { height: .53rem; background-color: #283236; margin-top: -.27rem; } .notice .pc .ggicon { width: .35rem; height: .35rem; float: left; margin-top: .085rem; } .notice .pc .tit { font-size: .20rem; color: #96c24f; line-height: .52rem; float: left; margin-left: .05rem; } .notice .pc .scrolltext { width: 5.15rem; line-height: .52rem; color: #fff; font-size: .18rem; padding-left: .10rem; float: left; } .notice .pc .search { width: 5.20rem; display: block; float: right; background-color: #96c24f; height: .52rem; padding: .11rem .07rem .11rem .07rem; } .notice .pc .search .select { float: left; width: 1.1rem; height: .30rem; padding: 0; border: 0; padding-left: .05rem; font-size: .15rem; color: #8c8888; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("/App/Home/Public/images/downjt.jpg") no-repeat scroll right center #fff; } .notice .pc .search .searchtext { float: left; width: 3.14rem; height: .30rem; font-size: .15rem; color: #8c8888; margin-left: .09rem; } .notice .pc .search .searchBtn { float: right; border: 0; width: .65rem; height: .30rem; line-height: .30rem; padding: 0; background-color: #162d3f; border-radius: 0; color: #fff; } /*底部-PC*/ footer .pc .foot { width: 100%; background: #222d31; overflow: hidden; } footer .pc .foot .links { width: 100%; background-color: #a8c43d; height: .80rem; overflow: hidden; white-space: nowrap; } footer .pc .foot .links p:first-child { margin-left: 0; } footer .pc .foot .links p { font-size: .20rem; color: #fff; float: left; line-height: .80rem; margin-left: .20rem; } footer .pc .foot .links p a { color: #fff; } footer .pc .foot .footcen { height: 2.78rem; position:relative;} footer .pc .foot .footcen .left { width: 7.6rem; float: left; padding-top: .36rem; overflow:hidden;} footer .pc .foot .footcen .left .navtit { font-size: .17rem; color: #a8c43d; float: left; line-height: .35rem; } footer .pc .foot .footcen .left .fastnav { width: 100%; height: .35rem; overflow: hidden; white-space: nowrap; } footer .pc .foot .footcen .left .fastnav a:first-child { margin-left: 0; } footer .pc .foot .footcen .left .fastnav a { font-size: .15rem; color: #fff; float: left; line-height: .35rem; margin-left: .36rem; } footer .pc .foot .footcen .left .gsinfo { margin-top: .38rem; } footer .pc .foot .footcen .left .gsinfo, footer .pc .foot .footcen .left .copyright { width: 100%; overflow: hidden; } footer .pc .foot .footcen .left .gsinfo .tel, footer .pc .foot .footcen .left .gsinfo .email { margin-left: .38rem; } footer .pc .foot .footcen .left .gsinfo p, footer .pc .foot .footcen .left .copyright p { font-size: .15rem; color: #fff; float: left; } footer .pc .foot .footcen .left .copyright { margin-top: .08rem; } footer .pc .foot .footcen .left .copyright .p2 { margin-left: .18rem; } footer .pc .foot .footcen .left .copyright .p2 a { color: #fff; } footer .pc .foot .footcen .left .copyright p span { color: #9ac958; } footer .pc .foot .footcen .right { position:absolute; right:0; top:0;padding: .26rem 0; } footer .pc .foot .footcen .right .codeimg { width: .85rem; height: .90rem; float: left; } footer .pc .foot .footcen .right .telinfo { float: right; margin-left: .10rem; } footer .pc .foot .footcen .right .telinfo .tit { font-size: .14rem; position: relative; color: #fff; padding-top: .06rem; } footer .pc .foot .footcen .right .telinfo .tit:before { content: ""; width: .11rem; height: .02rem; background-color: #fff; position: absolute; left: 0; top: 0; } footer .pc .foot .footcen .right .telinfo .telnum { font-family: "Aven" !important; font-size: .35rem; color: #97c44f; text-align: left; line-height:.40rem;} footer .pc .foot .footcen .right .telinfo .telbot { font-size: .16rem; color: #97c44f; text-align: left; } /*底部-平板*/ footer .ipad { width: 100%; height: 1.30rem; position: fixed; bottom: 0; background-color: #fff; border-top: .01rem solid #e5e0e5; } footer .ipad ul { font-size: 0; border-top: 0.01rem solid #e6e6e6; background-color: #fff; text-align: center; } footer .ipad ul li { width: 20%; height: 1.28rem; text-align: center; padding: 0.18rem 0; display: inline-block; vertical-align: middle; } footer .ipad ul li .dhicon { width: 1.37rem; height: 1.37rem; margin-top: -.39rem; } footer .ipad ul li mip-img { width: 0.56rem; height: 0.56rem; display: inline-block; } footer .ipad ul li p { font-size: 0.27rem; color: #bcbeba; } footer .ipad ul li a { display: block; } /*底部-移动*/ footer .mobile { width: 100%; height: 0.85rem; padding: .12rem 0; position: fixed; bottom: 0; background-color: #fff; border-top: .01rem solid #e5e0e5; } footer .mobile ul { font-size: 0; text-align: center; } footer .mobile ul li { width: 20%; text-align: center; display: inline-block; vertical-align: middle; } footer .mobile ul li .dhicon { width: .85rem; height: .85rem; margin-top: -.25rem; } footer .mobile ul li mip-img { width: 0.34rem; height: 0.34rem; display: inline-block; } footer .mobile ul li p { font-size: 0.17rem; color: #bcbeba; } footer .mobile ul li a { display: block; } /*媒体查询*/ @media screen and (min-width:1200px) { html { font-size: 100px; } .footseat { display: none; } .index4 { height: 11.09rem; } .index4 .map { margin: 0 auto; width: 12rem; height: 4.4rem; margin-top: .58rem; position: relative; } } @media screen and (max-width:1199px) and (min-width:750px) { .pc { display: none; } .ipad { display: block; } .mobile { display: none; } .footseat { height: 2.2rem!important; } .main { width: 9.22rem; } .index4 { height: 11.40rem; } .index4 .map { margin: 0 auto; width: 9.22rem; height: 3.86rem; margin-top: .36rem; position: relative; } .contact .main { width: 100%; } .areaReal { width: 9.6rem; margin: 0 auto; overflow: hidden; } .nav { height: 1rem; margin-top: 1.15rem; border-bottom: 2px solid #f4f4f4; position: relative; } .nav .ul { width: 10rem; float: left; height: 1rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-right: 1.24rem; } .allNav { width: 1.24rem; position: absolute; top: -2px; right: 0; z-index: 99; right: 0; height: 1rem; text-align: center; line-height: 1rem; color: #333; font-size: .8rem; font-weight: 400; box-shadow: -3px -5px 16px #ededed; -webkit-box-shadow: -3px -5px 16px #ededed; -moz-box-shadow: -3px -5px 16px #ededed; -o-box-shadow: -3px -5px 16px #ededed; font-family: monospace; background-color: #fff; } .nav .ul a:nth-child(1) { margin-left: .10rem; } .nav .ul a { font-size: .38rem; color: #333; display: inline-block; vertical-align: top; height: .90rem; line-height: .90rem; margin-left: .30rem; width: auto; } .nav .ul .active { border-bottom: 2px solid #e0a66a; } .lightbox { display: block !important; width: 8rem; background-color: #f6f6f6; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -4rem; margin-top: 4rem; } .lightbox .head { height: 1rem; } .lightbox .head .p1 { font-size: .40rem; color: #1a1a1a; float: left; line-height: 1rem; } .lightbox .head .p2 { font-size: .30rem; color: #808080; float: left; line-height: 1.1rem; margin-left: .10rem; } .lightbox .class { width: 100%; overflow-x: hidden; overflow-y: auto; font-size: 0; height: auto; max-height: 5rem; } .lightbox .class a { background-color: #fff; display: inline-block; vertical-align: top; line-height: .60rem; text-align: center; font-size: .28rem; color: #1a1a1a; margin-right: .10rem; margin-top: .10rem; border: 1px solid #dcdcdc; padding: 0 .20rem 0 .20rem; } .lightbox-close { position: absolute !important; top: -0.5rem; right: 0; width: .30rem; height: .30rem; } } @media screen and (max-width:1199px) and (min-width:1024px) { html { font-size: 100px !important; } } @media screen and (max-width:1023px) and (min-width:960px) { html { font-size: 80px !important; } } @media screen and (max-width:959px) and (min-width:800px) { html { font-size: 66px !important; } } @media screen and (max-width:799px) and (min-width:750px) { html { font-size: 62px !important; } } @media screen and (max-width:749px) and (min-width:320px) { .main { width: 5.76rem; } .pc { display: none; } .ipad { display: none; } .mobile { display: block; } .index4 { height: 7.15rem; } .index4 .map { margin: 0 auto; width: 5.76rem; height: 2.4rem; margin-top: .20rem; position: relative; } .contact .main { width: 100%; } .areaReal { width: 6rem; margin: 0 auto; overflow: hidden; } .nav { width: 100%; margin: 0 auto; height: .60rem; margin-top: .88rem; border-bottom: 2px solid #f4f4f4; } .nav .ul { width: 6rem; float: left; height: .60rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-right: .77rem; } .allNav { width: .77rem; position: absolute; top: -2px; right: 0; z-index: 99; height: .60rem; text-align: center; line-height: .60rem; color: #333; font-size: .44rem; box-shadow: -3px -5px 16px #ededed; -webkit-box-shadow: -3px -5px 16px #ededed; -moz-box-shadow: -3px -5px 16px #ededed; -o-box-shadow: -3px -5px 16px #ededed; font-family: monospace; background-color: #fff; } .nav .ul a:nth-child(1) { margin-left: 0; } .nav .ul a { font-size: .24rem; color: #333; display: inline-block; vertical-align: top; height: .50rem; line-height: .50rem; margin-left: .30rem; width: auto; } .nav .ul .active { border-bottom: 2px solid #e0a66a; } .lightbox { display: block !important; width: 5rem; background-color: #f6f6f6; padding: 0.3rem 0.4rem; position: relative; left: 50%; margin-left: -2.5rem; margin-top: 2rem; } .lightbox .head { height: .50rem; } .lightbox .head .p1 { font-size: .25rem; color: #1a1a1a; float: left; line-height: .50rem; } .lightbox .head .p2 { font-size: .22rem; color: #808080; float: left; line-height: .50rem; margin-left: .10rem; } .lightbox .class { width: 100%; overflow-x: hidden; overflow-y: auto; font-size: 0; height: auto; max-height: 5rem; } .lightbox .class a { background-color: #fff; display: inline-block; vertical-align: top; line-height: .40rem; text-align: center; font-size: .22rem; color: #1a1a1a; margin-right: .10rem; margin-top: .10rem; border: 1px solid #dcdcdc; padding: 0 .20rem 0 .20rem; } .lightbox-close { position: absolute !important; top: -.50rem; right: 0; width: .30rem; height: .30rem; } } @media screen and (max-width:749px) and (min-width:640px) { html { font-size: 100px !important; } } @media screen and (max-width:639px) and (min-width:516px) { html { font-size: 96.09px !important; } } @media screen and (max-width:515px) and (min-width:415px) { html { font-size: 80.47px !important; } } @media screen and (max-width:414px) and (min-width:376px) { html { font-size: 64.69px !important; } } @media screen and (max-width:375px) and (min-width:321px) { html { font-size: 58.59px !important; } } @media screen and (max-width:320px) { html { font-size: 50px !important; } } /*版本提示*/ .update-ie { position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; font-size: 0.2rem; text-align: center; } .update-ie p { padding-top: 0.3rem; } .update-ie a { color: #009aed; } /* FILE ARCHIVED ON 13:18:52 Feb 05, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:13:59 Aug 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.914 exclusion.robots: 0.036 exclusion.robots.policy: 0.021 esindex: 0.018 cdx.remote: 34.319 LoadShardBlock: 3666.338 (3) PetaboxLoader3.datanode: 3271.544 (4) load_resource: 189.666 PetaboxLoader3.resolve: 84.183 */