body{ margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; background-color: rgb(247,244,248); } input, textarea,select,option{ outline: none; resize: none; } ul,li{ padding: 0; margin: 0; } div{ text-transform:uppercase; } .lowercase{ text-transform:lowercase; } .fistcase{ text-transform:capitalize; } select,option { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:transparent; border:none; } option::-ms-expand{ display: none; } option{ -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ appearance:none; border:1px solid rgba(255,255,255,1); } .phonediv{ display: none; } /* --背景色字体颜色--*/ option:hover{ color:#fff; background-color:#1E90FF; } /**css3弹性盒子布局**/ .modeub { display: -webkit-box !important; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: box !important; position:relative; } .modeac { -webkit-box-align:center; -moz-box-align:center; -ms-box-align:center; -o-box-align:center; box-align:center; } .modepc { -webkit-box-pack:center; -moz-box-pack:center; -ms-box-pack:center; -o-box-pack:center; box-pack:center; } .modever { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical; } .modef1 { position:relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; } .modef2 { position:relative; -webkit-box-flex: 2; -moz-box-flex: 2; -ms-box-flex: 2; -o-box-flex: 2; box-flex: 2; } .modef3 { position:relative; -webkit-box-flex: 3; -moz-box-flex: 3; -ms-box-flex: 3; -o-box-flex: 3; box-flex: 3; } .modef4 { position:relative; -webkit-box-flex: 4; -moz-box-flex: 4; -ms-box-flex: 4; -o-box-flex: 4; box-flex: 4; } .modeae { -webkit-box-align:end; box-align:end; } .modepe { -webkit-box-align:end; -moz-box-align:end; -ms-box-align:end; -o-box-align:end; box-align:end; } .modepj { -webkit-box-pack:justify; -moz-box-pack:justify; -ms-box-pack:justify; -o-box-pack:justify; box-pack:justify; } .divhidden{ overflow: hidden; } .contenter{ margin: 0; padding: 0; } .content{ max-width: 1200px; margin: 0 auto; } /*********首页*********/ .guidebg{ /* background-color: #eb600b; */ background-color: rgb(224,224,224); } .guidehg{ height:34px; } .guideclor{ /* color: rgb(247,244,248); */ color: rgb(71,71,71); } .guideleft{ float: left; } .guideright{ float: right; } .guidemenu{ font-size: 12px; } .guideline { line-height: 34px; } .guidecursor{ cursor: pointer; } .guidecursor a{ color: rgb(71,71,71); text-decoration: none; } .guidecursor a:hover{ text-decoration:underline; } .segment{ margin: 0 9px; } .logobg{ background-color: rgb(255,255,255); } #header .logobg { background-color: rgb(130, 25, 25); } .logohg{ height: 82px; z-index: 100; position: relative; } .logoleft{ width: 230px; height: 54px; margin: 14px 0 ; cursor: pointer; } .logoimg{ background-image: url("../images/logo.png"); } .logobackimg{ background-position: center center; background-repeat: no-repeat; background-size:100% 100%; } .logosearch{ width: 230px; height: 32px; margin: 25px 0; } .searchbody{ border: 1px solid rgb(236,212,210); } .search{ border-radius: 20px; height: 30px; } .search input{ background:none; border: none; width: 172px; height: 23px; } .search input::-webkit-input-placeholder { color: rgb(196,195,194); } .search input:-moz-placeholder { color: rgb(196,195,194); } .search input::-moz-placeholder { color: rgb(196,195,194); } .search input:-ms-input-placeholder { color: rgb(196,195,194); } .searchpadding{ padding: 2px 10px; } .searchicon{ color: rgb(191,54,40); line-height: 30px; cursor: pointer; } .iconpadding{ padding: 0 20px 0 0; } .menubg{ background-color: rgb(191,54,40); } .menuhg{ height: 52px; z-index: 100; position: relative; } .menuul{ font-size: 14px; } .menuline{ height: 24px; padding: 14px 0; line-height: 24px; } .menuline li { list-style-type:none; } .menumr{ margin-right:43px } .menuactive{ height: 24px; background-color: rgb(255,255,255); -webkit-border-radius: 3px; border-radius: 3px; padding: 0 12px; } .activecolor{ color: rgb(191,54,40); } .banner{ /* height: 412px; */ } .bannerimg{ background-position: center; background-repeat: no-repeat; width: 100%; } .swiper-container { width: 100%; height: 100%; } .service{ width: 280px; height: 57px; background-color: rgba(251,118,88,0.8); position: fixed; top: 60%; z-index: 9999; } .serviceradius{ -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -webkit-border-bottom-right-radius:50px; border-bottom-right-radius: 50px; cursor: pointer; } .iconcolor{ color: rgb(255,255,255); } .serviceIcon{ line-height: 57px; text-align: center; font-size: 31px !important; } .servicetitle{ margin-left: 17px; line-height: 57px; } .servicebg{ background-image: url(../images/servicebg.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .fiveservice{ padding-top: 32px; } .fivediv{ width: 224px; height: 288px; cursor: pointer; } .fivemr{ margin-right: 20px; } .fivebg{ } .fivecircle{ width:132px; height:132px; border: 1px solid #1A1A34; -webkit-border-radius: 132px; border-radius: 132px; margin: 40px 46px 24px 46px; display:flex; justify-content:center; align-items:center; } .texture{ width: 88px; height: 88px; background-image: url(../images/texture.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; display:flex; justify-content:center; align-items:center; } .fivetitle{ font-size:18px; color:rgba(77,77,77,1); text-align: center; } .fivedescribe{ font-size:10px; color:rgba(128,128,128,1); text-align: center; margin-top: 11px; margin-right: 40px; margin-left: 40px; } .fiveiconcolor{ color:rgba(227,48,29,1); } .fiveiconone{ font-size: 36px !important; } .fiveicontow{ font-size: 40px !important; } .fiveiconthree{ font-size: 32px !important; } .fiveiconfour{ font-size: 38px !important; } .fiveiconfive{ font-size: 36px !important; } .market{ padding-top:40px; } .markettitle{ font-size:24px; color:rgba(51,51,51,1); } .marketsegment{ font-size:12px; color:rgba(128,128,128,1); line-height: 34px; } .marketsearch{ width: 260px; height: 40px; background:rgba(255,255,255,1); -webkit-border-radius: 2px; border-radius: 2px } .marketinputp{ padding: 5px 0 5px 20px; } .marketinputp input{ border: none; height: 30px; width: 189px; color:rgba(102,102,102,1); font-size: 12px; } .marketinputp input::-webkit-input-placeholder { color:rgba(102,102,102,1); } .marketinputp input:-moz-placeholder { color:rgba(102,102,102,1); } .marketinputp input::-moz-placeholder { color:rgba(102,102,102,1); } .marketinputp input:-ms-input-placeholder { color:rgba(102,102,102,1); } .marketsearchIcon{ font-size:23px !important; color:rgba(26,26,52,1); cursor: pointer; } .marketiconp{ padding:0 14px 0 0; } .marketdata{ padding-top: 40px; } .dataleft{ width: 230px; height: 300px; background:rgba(12,172,239,1); opacity:0.88; filter: Alpha(opacity=50); position: static; *zoom: 1; } .triangle-bottomleft{ width: 0; height: 0; border-bottom: 10px solid rgb(30,104,135); border-right: 10px solid transparent; position: relative; left: 230px; top: 10px; } .triangle-topleft { width: 0; height: 0; border-top: 10px solid rgb(30,104,135); border-right: 10px solid transparent; position: relative; left: 230px; top: -10px; } .dataright{ width:970px; height:280px; background:rgba(255,255,255,1); opacity:0.88; } .datacon{ display:flex; justify-content:center; align-items:center; } .datamenu{ width: 230px; height: 100px; color: rgb(247,244,248); display:flex; justify-content:center; align-items:center; cursor: pointer; } .datamenuactive{ background:rgba(15,113,195,1); position: relative; } .datatitle{ font-size: 16px; width: 145px; text-align: center; } .datajiantou{ font-size: 8px !important; color: rgb(255,255,255); line-height: 21px; } .databody{ padding: 57px 47px; } .databodydes{ font-size:16px; color:rgba(51,51,51,1); } .dataunit{ color: rgb(160,160,160); } .dataline{ margin: 0 9px; } .dataprice{ font-size:28px; color:rgba(253,37,15,1); } .datawidth{ width: 219px; } .databody .datawidth:nth-of-type(5), .datawidth:nth-of-type(6), .datawidth:nth-of-type(7), .datawidth:nth-of-type(8){ margin-top: 48px; } .datamenuborder{ border-top: 1px solid rgba(24,137,185,1); border-bottom: 1px solid rgba(24,137,185,1); } .triangle-hexbottomleft{ width: 0; height: 0; border-bottom: 10px solid rgba(164,78,30,1); border-right: 10px solid transparent; position: relative; left: 230px; top: 10px; } .triangle-hextopleft{ width: 0; height: 0; border-top: 10px solid rgba(164,78,30,1); border-right: 10px solid transparent; position: relative; left: 230px; top: -10px; } .dataservice{ width: 230px; height: 492px; background:rgba(255,128,56,1); opacity:0.88; filter: Alpha(opacity=50); position: static; *zoom: 1; } .dataservicecon{ width: 970px; height: 472px; background:rgba(255,255,255,1); opacity:0.88; } .dataservicemenu{ height: 248px; color: rgb(247,244,248); display:flex; justify-content:center; align-items:center; cursor: pointer; } .dataserviceactive{ background:rgba(240,60,24,1); position: relative; } .dataservicemenuborder{ border-top: 1px solid rgba(221,112,51,1); border-bottom: 1px solid rgba(221,112,51,1); } .dataservicebody{ padding:28px 31px; } .servicemenutitle{ font-size:14px; color:rgba(128,128,128,1); background:rgba(240,240,240,1); border-radius: 2px; padding: 8px; margin-right: 20px; cursor: pointer; } .activemenutitle{ font-size:14px; color:rgba(255,255,255,1); background:rgba(244,75,37,1); border-radius: 2px } .servicetable{ margin-top:10px; } .servicetable table{ } .servicetable table th{ padding: 15px 0; } .tabletitle{ font-size:14px; color:rgba(128,128,128,1); } .tabledes{ font-size:14px; color:rgba(26,26,26,1); } .servicetable table td{ border-top: 1px solid rgba(245,245,245,1); padding: 15px 0; } .servicecon{ padding-bottom: 40px; } .contentwhile{ background-color: rgba(255,255,255,1); } .adcon{ padding: 80px 0; } .adleft{ width: 420px; height: 380px; } .adlefttop{ width:420px; height:190px; } .adleftimg{ background-position: center top; background-size: 100% 100%; background-repeat: no-repeat; } .adlefttopimg{ background-image: url(../images/rubbish/ad01.png); } .center{text-align:center;} .servicetableborder span{max-width:33%;border-top:1px solid rgba(245,245,245,1);line-height:2.4em;min-width:10%;text-align:center;display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #servicetableborder0 span,#servicetableborder1 span{width:24.5%;} #servicetableborder2 span{width:32.5%;} #servicetableborder3 span{width:12.5%;} .newsRow{display:none;width:100%;display:none;min-height:300px;} .albg{ width: 100%; height: 100%; background:rgba(0,0,0,0.7); filter: Alpha(opacity=70); /* position: static; */ *zoom: 1; } .adtitle{ position: relative; font-size:24px; color:rgba(255,255,255,1); height: 100%; cursor: pointer; } .updowleftright{ display: -webkit-box !important; display: box !important; position:relative; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center; } .addes{ font-size:10px; color:rgba(148,148,148,1); } .adleftbottom{ margin-top: 10px; } .adcenter{ width: 407px; height: 380px; margin-left: 10px; margin-right: 10px; } .adcentercenter{ width: 407px; height: 380px; } .adcentertop{ width: 407px; height:190px; } .aiicon{ font-size: 50px !important; } .adright{ width: 353px; height: 380px; } .adright2{ width: 353px; height: 380px; } .adrighttop{ width:100%; height:125px; } .albg{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .elem:hover .albg{ opacity: 0.6; } .newstitleleft{ font-size:24px; color:rgba(51,51,51,1); } .newsline{ margin: 0 9px; font-size:12px; color:rgba(128,128,128,1); line-height: 40px; } .newstitledes{ font-size:12px; color:rgba(128,128,128,1); line-height: 40px; } .newsrighttitle{ font-size:18px; color:rgba(51,51,51,1); cursor: pointer; } .newsrightwt{ margin-left: 34px; } .newsrightactive{ color:rgba(244,75,37,1); } .newstitle{ border-bottom: 1px solid rgba(245,245,245,1); padding-bottom:9px; padding-right: 19px; } .newsbody{ margin-top:40px; } .newsleft{ width: 506px; height: 300px; margin-right:60px; text-align:center; display:inline-block; vertical-align:top; } .newsleft img{max-width:100%;} .newsimg{ background-image: url(../images/rubbish/newsimg.png); } .newsrighttop{ } .newsright { width: 624px; padding-right: 10px; display:inline-block; vertical-align:top; } .icontitle{ width: 530px; margin-left: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .newsicontitle{ color:rgba(51,51,51,1); cursor: pointer; /**display:flex; justify-content:center; align-items:center;*/ } .iocnfontsize{ font-size: 9px !important; font-weight: bold; } .newstime{ font-size:12px; color:rgba(128,128,128,1); line-height: 20px; } .newscon{ font-size:14px; color:rgba(102,102,102,1); line-height:24px; margin: 17px 0 20px 20px; padding-bottom: 24px; border-bottom: 1px solid rgba(245,245,245,1); cursor: pointer; } .newsactive{ color:rgba(240,60,24,1) ; } .newsactive2{ color:rgba(240,60,24,1) !important ; } .newsactive2 .norimg{ background-image: url(../images/select.png) !important; } .icontitle-ml5{ margin-left: 5px; } .rightmargin{ margin-bottom: 25px; } .moreline{ border-bottom: 1px solid rgba(245,245,245,1); width: 507px; margin: 12px 47px 0 20px; } .morepage{ font-size:14px; color:rgba(26,26,52,1); } .news{ padding-bottom:40px; } .businessbg{ background-repeat: no-repeat; background-position: right center; background-size: contain; } .businessbgimg{ background-image: url(../images/businessbg.png); } .businesspadding{ padding: 39px 0 50px 0; } .businesstitle{ padding-bottom:19px; } .businessleft{ width: 232px; height: 290px; margin-right: 10px; cursor: pointer; } .businessimg{ height: 188px; } .businessimgages{ background-image: url(../images/rubbish/business01.png); } .businessbottom{ height: 122px; margin-top: -20px; padding: 0 15px; } .businessbottomimg01{ background-image: url(../images/businessbg01.png); } .businessbottomimg02{ background-image: url(../images/businessbg02.png); } .businessbottomimg03{ background-image: url(../images/businessbg03.png); } .businessheadline{ font-size:18px; color:rgba(51,51,51,1); } .businessdes{ font-size:8px; color:rgba(51,51,51,1); line-height:10px; margin-top: 12px; } .businessubpc{ display: -webkit-box !important; display: box !important; position:relative;-webkit-box-orient:vertical; box-orient:vertical;-webkit-box-pack:center; box-pack:center; } .businessright{ width: 474px; height: 290px; } .businessright table{ } .businessright table thead{ background:rgba(26,26,52,1); } .businessright table thead tr{ height:40px; } .businessright table thead th{ font-size:14px; color:rgba(144,144,154,1); } .businessright table tbody{ height:250px; } .businessright table tbody tr{ text-align: center; cursor: pointer; line-height: 50px; } .businessright table tbody tr{ font-size:12px; color:rgba(102,102,102,1); } .tablebg{ background:rgba(255,255,255,0.6); filter: Alpha(opacity=60); position: static; *zoom: 1; } .fistmenumode{ font-size:18px; font-family:PingFangSC-Regular; color:rgba(51,51,51,1); line-height:72px; margin-right: 35px; cursor: pointer; } .fistmanuactive{ background-image: url(../images/fistmanuactive.png); background-position:bottom center; background-repeat: no-repeat; background-size: auto; color:rgba(244,75,37,1); } .fistmenu{ height: 72px; background-color:rgba(240,240,240,0.88); padding: 0 0 0 71px; } .mode{ width: 282px; height: 159px; background:rgba(255,255,255,1); opacity:0.88; cursor: pointer; } .mode .tobig-img:hover{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 3000; transition:All 0.4s ease-in-out;   -webkit-transition:All 0.4s ease-in-out;   -moz-transition:All 0.4s ease-in-out;   -o-transition:All 0.4s ease-in-out; } .modemargintop{ margin-top: 30px; } .modemarginright{ margin-right: 24px; } .modeborder01{ border-top: 5px solid rgba(255,175,63,1); } .modeborder02{ border-top: 5px solid rgba(254,108,113,1); } .modeborder03{ border-top: 5px solid rgba(89,208,108,1); } .modeborder04{ border-top: 5px solid rgba(52,103,236,1); } .modeborder05{ border-top: 5px solid rgba(126,52,236,1); } .modeborder06{ border-top: 5px solid rgba(89,208,198,1); } .modeborder07{ border-top: 5px solid rgba(62,159,255,1); } .modeborder08{ border-top: 5px solid rgba(255,212,63,1); } .modeicon01{ width: 76px; height: 76px; background-image: url(../images/modeicon01.png); } .modeicon02{ width: 68px; height: 76px; background-image: url(../images/modeicon02.png); } .modeicon03{ width: 68px; height: 80px; background-image: url(../images/modeicon03.png); } .modeicon04{ width: 80px; height: 80px; background-image: url(../images/modeicon04.png); } .modeicon05{ width: 76px; height: 76px; background-image: url(../images/modeicon05.png); } .modeicon06{ width: 72px; height: 76px; background-image: url(../images/modeicon06.png); } .modeicon07{ width: 68px; height: 76px; background-image: url(../images/modeicon07.png); } .modeicon08{ width: 76px; height: 68px; background-image: url(../images/modeicon08.png); } .modetitle{ font-size:16px; color:rgba(51,51,51,1); margin-top: 22px; } .culture{ background-repeat: no-repeat; background-position: left center; background-size: contain; } .cultureimg{ background-image: url(../images/culture.png); } .culturepadding{ padding: 39px 0 40px 0; } .cultureleft{ width: 282px; height: 168px; cursor: pointer; } .culturebgimg{ background-image: url(../images/rubbish/culture01.png); filter:alpha(Opacity=60); position: static; *zoom: 1; } .culturecon{ background:rgba(255,255,255,0.6); filter: Alpha(opacity=60); /* position: static; */ *zoom: 1; height: 64px; width: 100%; margin-top: 104px; } .content a{display:inline-block;vertical-align:top;} .cultureleft a,.adright a{width:100%;} .ubpe{ display: -webkit-box !important; display: box !important; position:relative;-webkit-box-pack:end; box-pack:end; } .culturetitle{ font-size:18px; color:rgba(51,51,51,1); } .culturedes{ font-size:8px; color:rgba(129,134,138,1); margin-top: 3px; } .culturepargin{ margin-right: 24px; } .threemode{ margin-top: 33px; } .threemodeleft{ width: 386px; height: 140px; cursor: pointer; } .threeimg{ background-image: url(../images/rubbish/threemode01.png); } .threetitle{ font-size:18px; color:rgba(255,255,255,1); } .modethree{ margin-top: 40px; } .modethreeleft{ width: 386px; height: 124px; cursor: pointer; } .modethreeimg{ background-image: url(../images/rubbish/modethree01.png); } .modethreepadding{ padding-left: 29px; } .modethreetitle{ font-size:18px; color:rgba(51,51,51,1); } .modethreedes{ font-size:8px; color:rgba(144,144,144,1); margin-top: 12px; } .updown{ display: -webkit-box !important; display: box !important; position:relative; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; } .modethreem{ margin-right: 21px; } .fourmode{ width: 1200px; height: 124px; padding-top: 40px; } .fourmodeimg{ background-image: url(../images/rubbish/fourmode.png); } .fourmodetitle{ font-size:18px; color:rgba(255,255,255,1); } .fourmodedes{ font-size:8px; color:rgba(207,165,176,1); margin-top: 9px; } .fivemode{ margin-top: 40px; } .fivemodelineleft{ -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; width: 100px; height:6px; background:rgba(245,109,79,1); opacity:0.4; } .fivemodeicon{ width: 160px; height: 160px; cursor: pointer; } .fivemodeiconimg{ background-image: url(../images/fivemode01.png); } .leftupdownright{ display: -webkit-box !important; display: box !important; position:relative; -webkit-box-align:center; box-align:center; } .fivemodelinelefttow{ width: 120px; height:6px; background:rgba(245,109,79,1); opacity:0.4; } .fivemodecircle{ border: 5px solid rgba(245,109,79,0.4); width: 150px; height: 150px; -webkit-border-radius: 160px; border-radius: 160px ; cursor: pointer; } .fivemodelineright{ -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; width: 100px; height:6px; background:rgba(245,109,79,1); opacity:0.4; } .fivemodetitle{ font-size:20px; color:rgba(244,75,37,1); margin-top: 21px; } .bannerbody{ /* margin-top: 120px; */ height: 318px; } .bannerservice{ height: 318px; background-image: url(../images/bannerservice.png); } .residence{ margin-top:80px; } .residenceleft{ width: 619px; height: 502px; margin-right: 61px; } .residenceleftimg{ height: 502px; background-image: url(../images/rubbish/residenceleftimg.png); } .residenceright{ width: 520px; } .residencerighttitle{ font-size: 24px; text-align: center; } .residencerighdes{ font-size:14px; color:rgba(128,128,128,1); text-align: center; } .residencemenu{ margin-top: 39px; border-bottom: 1px solid rgba(230,236,247,1); padding-bottom: 40px; } .residencemenubox{ background:rgba(247,244,248,1); border-radius: 2px ; padding:9px 14px; border: 2px solid rgba(213, 221, 235, 1); cursor: pointer; } .residencemenuboxtitle { color: var(--color); -webkit-transition: 0.25s; transition: 0.25s; } .residencemenumr{ margin-right: 40px; } .centerleftright{ display: -webkit-box !important; display: box !important; position:relative; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center; } .residencedes{ font-size:14px; color:rgba(49,56,69,1); line-height:24px; margin-top: 38px; } .ub{ display: -webkit-box !important; display: box !important; position:relative; } .residencetelicon{ width: 80px; height: 84px; background-image: url(../images/residencetel.png); } .residencecontact{ margin-top: 64px; } .residennumber{ font-size:18px; color:rgba(51,51,51,1); text-transform:lowercase; } .residennumberml{ margin-left: -5px; } .residenceemail{ margin-top: 20px; margin-left: 28px; } .residenceemailicon{ background-image: url(../images/residenceemail.png); width: 36px; height: 26px; margin-right: 13px; } .codeicon{ width: 162px; height: 162px; background-image: url(../images/codeicon.png); margin-top: 60px; } .residencebody{ margin-top: 24px; } .residencebodyleft{ width: 282px; height: 282px; background:rgba(235,236,243,1); } .residenceticon{ background-image: url(../images/rubbish/priceicon01.png); } .residenceticonimg{ width: 282px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; } .noprice{ width: 87px; height: 87px; background-image: url(../images/noprice.png); } .residencebodyautor{ height: 100px; background-image:-webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0)); background-image:linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0)); margin-top: 95px; } .residencebodyautor2{ height: 100px; background-image:-webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0)); background-image:linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0)); margin-top: 110px; } .residencautor{ font-size:18px; color:rgba(247,244,248,1); } .residencautordes{ font-size:14px; color:rgba(239,236,240,1); } .residenceticonmr{ margin-right: 24px; } .price{ width: 114px; height: 50px; background-image: url(../images/price.png); margin-top: 20px; margin-left: -10px; font-size:20px; color:rgba(247,244,248,1); text-align: center; line-height:38px; } .residencebodymore{ margin-top: 20px; width:1200px; height:48px; background:rgba(235,236,243,1); } .gomorepage{ font-size:16px; color:rgba(51,51,51,1); cursor: pointer; } .banks{ /* margin-top:30px; */ } .banksleft{ width: 600px; height: 516px; background-image: url(../images/rubbish/banksleft.png); margin-right: 61px; } .banksright{ width: 539px; } .banksrightdesborder{ border-bottom: 1px solid rgba(230,236,247,1); padding-bottom: 40px; } .contantsicon{ width: 54px; height: 134px; background-image: url(../images/contantsicon.png); } .banksrightnum{ padding-left: 150px; margin-top: 44px; } .number{ font-size:18px; color:rgba(51,51,51,1); } .telnumber{ margin-top: 25px; } .numberbody2{ margin-left: -6px; } .qqnumber{ margin-top: 7px; } .emailnumber{ margin-top: 19px; } .banksbody{ margin-top: 40px; } .banksbodyleft{ width: 282px; height: 358px; cursor: pointer; } .banksbodylefticon{ background-color: rgba(235,236,243,1); height: 212px; } .banksbodylefticonimg{ background-image: url(../images/rubbish/priceicon01.png); } .banksbodyleftcon{ height: 146px; background-color: rgb(255,255,255); } .banksleftcon{ padding: 20px; } .banksleftcontitle{ font-size:16px; color:rgba(51,51,51,1); } .banksbar{ margin-top: 14px; height:10px; background:rgba(235,236,243,1); border-radius: 5px } .banksshadow{ background-image:-webkit-linear-gradient(to right, rgba(239, 99, 22, 1), rgba(236, 179, 42, 1)); background-image:linear-gradient(to right,rgba(239, 99, 22, 1),rgba(236, 179, 42, 1)); height:10px; border-radius: 5px } .banksprice{ font-size:24px; color:rgba(51,51,51,1); margin-top: 6px; font-weight: lighter; } .fontweight{ font-weight:bolder; } .residencemenued{ margin-top: 25px; /* border-bottom: 1px solid rgba(230,236,247,1); */ /* padding-bottom: 40px; */ } .residencemenued2{ position: absolute; top: 155px; left: 414px; } .bankschoub{ font-size:14px; color:rgba(51,51,51,1); margin-top: 9px; font-weight: lighter; } .banksmr{ margin-right: 24px; } .camerimg{ height: 381px; background-image: url(../images/yipaiimg.png); margin-top: 80px; } .paitop{ margin-top: 80px; } .artfilmtitle{ border-bottom: 1px solid rgba(230,236,247,1); padding-bottom: 19px; } .artfilm{ margin-top: 40px; } .artfilmleft{ width: 282px; height: 358px; cursor: pointer; } .artfilmleftmr{ margin-right: 24px; } .artfilmname{ height: 100px; background-image: -webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0)); background-image: linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0)); top: 112px; text-align: center; position: relative; line-height: 100px; } .artfilmpricemtbody{ padding: 24px; background-color: rgba(255,255,255,1); } .artfilmtime{ font-size:14px; color:rgba(51,51,51,1); text-align: center; } .timeartm{ margin: 0 5px; color: rgba(244, 75, 37, 1); font-weight: bolder; } .artfilmpricemt{ margin-top: 14px; } .artfilmprice{ width: 77px; text-align: center; } .artfilmpriceborder{ border-right: 1px solid rgba(235,236,243,1); } .qipai{ font-size:14px; color:rgba(51,51,51,1); } .qipaiprice{ font-size:16px; color:rgba(244,75,37,1); font-weight: bolder; margin-top: 19px; padding-bottom: 10px; } .shoppingmt{ margin-top:60px; } .shoppingimg{ height: 200px; background-image: url(../images/rubbish/shoppingimg.png); } .shopingtitle{ width:200px; height:200px; background:rgba(35,61,32,0.8); } .shoppingname{ font-size:40px; color:rgba(234,234,244,1); font-weight: bolder; } .shoppingnameen{ font-size:14px; color:rgba(234,234,244,1); margin-top: 18px; } .shoppingdes{ margin-top: 38px; font-size:14px; font-family:PingFangSC-Light; color:rgba(49,56,69,1); line-height:24px; } .shoppingrefer{ margin-top: 48px; padding-bottom: 20px; } .referleft{ width: 400px; } .refertitle{ font-size:24px; font-family:PingFangSC-Light; color:rgba(51,51,51,1); } .refertel{ margin-top: 28px; } .refertelleft{ font-size:18px; font-family:PingFangSC-Light; color:rgba(163,163,163,1); line-height:32px; } .refertelnumber{ font-size:18px; font-family:PingFangSC-Light; color:rgba(51,51,51,1); line-height:32px; margin-left: 9px; } .refertelnumber div{ text-transform:lowercase; } .codeimg{ width: 132px; height: 132px; background-image: url(../images/rubbish/code01.png); } .codeimg2{ width: 132px; height: 132px; background-image: url(../images/rubbish/code02.png); } .honor{ padding-top: 40px; padding-bottom:80px; } .honorbody{ /* margin-top: 40px; */ } .honorbody{ height: 180px; } .honoricon{ width: 282px; height: 180px; } .honoriconimg{ background-image: url(../images/rubbish/honor01.png); } .swiper-button-next, .swiper-button-prev{ width: 66px !important; height: 66px !important; background:rgba(26,26,52,0.7); margin-top: -35px !important; } .footertop{ background:rgba(26,26,52,1); padding-top: 60px; padding-bottom: 50px; } .footertopleft{ width: 400px; margin-right: 120px; } .footerborder{ border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 17px; margin-bottom: 19px; } .footeraddressname{ font-size:30px; font-family:PingFangSC-Regular; color:rgba(181,181,195,1); } .addressnameen{ font-size:20px; font-family:PingFangSC-Ultralight; color:rgba(68,68,94,1); line-height: 42px; margin-left: 152px; } .footerdes{ font-size:14px; font-family:PingFangSC-Light; color:rgba(143,143,168,1); margin-bottom: 15px; text-transform:lowercase; } .footertopright{ } .qscode{ width: 148px; height: 148px; } .qscodeimg{ background-image: url(../images/rubbish/qscode.png); width: 148px; height: 148px; } .weixfont{ color:rgba(255,255,255,1); font-size: 24px !important; } .weixtop{ margin-top: 20px; } .saoguan{ font-size:16px; font-family:PingFangSC-Thin; color:rgba(255,255,255,1); margin-left: 15px; } .about{ font-size:16px; font-family:PingFangSC-Light; color:rgba(82,82,97,1); margin-top: 20px; } .aboutus{ color: rgba(112, 112, 151, 1); margin-left: 5px; cursor: pointer; } .footerbottom{ background:rgba(14,14,42,1); padding: 25px 0; } .friendline{ font-size:12px; font-family:PingFangSC-Light; color:rgba(82,82,97,1); } .gongguan{ width:200px; height:200px; background:rgba(199,122,46,0.8); } .gongguanname{ font-size:40px; font-family:FZDBSJW--GB1-0; color:rgba(234,234,244,1); } .gongguanen{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(234,234,244,1); margin-top: 14px; } .touhang{ width:200px; height:200px; background:rgba(17,0,0,0.6); } .touhname{ font-size:40px; font-family:FZDBSJW--GB1-0; color:rgba(234,234,244,1); } .touhen{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(234,234,244,1); margin-top: 14px; } .servicelogo{ width: 207px; height: 43px; background-image: url(../images/servicelogo.png); } .servicefriend{ width: 204px; height: 25px; background-image: url(../images/servicefriend.png); margin-top: 24px; } .logofriend{ width: 380px; height: 318px; } .logofriendmenu{ height: 318px; width: 436px; } .menufriend{ width: 20px; height: 109px; margin-right: 56px; cursor: pointer; } .menufriendname{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(98,56,22,1); text-align: center; } .rightleft{ -webkit-box-pack:center; box-pack:center; } .activemenu{ background-image: url(../images/activemenu.png); } .guafontsize{ font-size: 41px !important; } .guafont{ color: rgba(244,75,37,1); } .camerleft{ width: 600px; padding-top: 40px; } .camerleftbg{ width:200px; height:200px; background:rgba(37,62,101,0.5); } .camerlefttitle{ font-size:40px; font-family:FZDBSJW--GB1-0; color:rgba(234,234,244,1); } .camerleften{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(234,234,244,1); margin-top: 19px; } .cameright{ margin: 95px 30px 20px 50px; width: 520px; } .camerighttop{ font-size:14px; font-family:PingFangSC-Light; color:rgba(49,56,69,1); line-height:24px; } .camerightconstact{ margin-top: 53px; } .rightline{ border-bottom: 1px solid rgba(49,56,69,1); width: 198px; } .rightlinetel{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(49,56,69,1); margin: 0 30px; } .telemail{ margin-top: 52px; } .telcamer{ width: 275px; } .telcolor{ font-size: 22px !important; color: rgba(49,56,69,1); } .telfont{ font-size:16px; font-family:PingFangSC-Light; color:rgba(51,51,51,1); margin-left: 19px; } .rightwin{ position: fixed; bottom: 20px; right: 10px; width: 84px; z-index: 999; } .rightwinmenu{ background:rgba(255,255,255,1); border:1px solid rgba(230, 230, 230, 1); } .winmenu{ width: 84px; height: 74px; font-size:12px; font-family:PingFangSC-Light; color:rgba(102,102,102,1); cursor: pointer; } .winmenuborder{ border-bottom:1px solid rgba(230, 230, 230, 1); } .winicon{ font-size: 20px !important; } .sticktop{ width: 84px; height: 85px; margin-top: 11px; background:rgba(240,240,240,1); display: none; } .jiantou{ font-size: 10px; color: rgba(102,102,102,1); text-align: center; padding-top: 20px; } .dingbu{ font-size:12px; font-family:PingFangSC-Light; color:rgba(102,102,102,1); margin-top: 10px; text-align: center; } .winactive{ background:rgba(191,54,40,1); color: rgba(255,255,255,1) !important; width: 82px; } .iconactive{ color: rgba(255,255,255,1) !important; } /**********详情页***********/ .detailsbg{ background:rgba(255,255,255,1) !important; } .detailsbanner{ height: 156px; background-color: rgba(12, 11, 41, 0.44); background-image: url(../images/pic.png); background-repeat: no-repeat; background-size: 100% 100%; } .tabs{ height: 64px; border-bottom: 1px solid rgba(207,200,208,1); border-radius: 1px ; } .hometabs{ font-size: 20px !important; color: rgba(27,26,53,1); font-weight: bolder; } .tabstitle{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(76,76,76,1); line-height:22px; margin-left: 20px; } .tabslast{ color:rgba(235, 76, 18, 1); cursor: pointer; margin-left: 0; } .backcolor{ font-size: 20px !important; color: rgba(0,0,0,1) } .tabslastfont{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:22px; margin-left: 10px; cursor: pointer; } .tabslastfont .backcolor{ float: left; margin-right: 5px; } .tabslastfont:hover a, .tabslastfont:hover .backcolor { color: rgb(235, 76, 18); } .detailstitle{ font-size:32px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:45px; margin-top: 40px; } .sharecon{ width:340px; height:42px; background:rgba(245,245,245,1); border-radius: 4px ; margin-top: 32px; } .sharetitle{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:20px } .jiathis_txt{ margin-right: 12px !important; } .detailscome{ margin-top: 32px; padding-bottom: 40px; border-bottom: 1px solid rgba(244,242,245,1); border-radius: 1px ; } .comefont{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:22px } .comecolor{ color: rgba(27, 26, 53, 1) } .comeml{ margin-left: 40px; } .detailsdes{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:32px; margin-top: 40px; } .updownpage{ margin-top: 120px; border-bottom: 1px solid rgba(207,200,208,1); border-radius: 1px; padding-bottom: 40px; } .detailsup{ width:452px; height:42px; background-image: url(../images/upbg.png); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor: pointer; } .detailsdown{ width:452px; height:42px; background-image: url(../images/downbg.png); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor: pointer; } .uptitle{ margin-left: 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width: 320px; } .upname{ color: rgba(128, 128, 128, 1); padding-left: 40px; } .recommend{ margin-top: 40px; font-size:16px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:22px; margin-bottom: 32px; } .nor{ width:24px; height:24px; background-color:rgba(255,255,255,1); border-radius: 2px ; } .norimg{ background-image: url(../images/nor.png); } .nortitle{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:20px; margin-left: 20px; } .nortime{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:20px; margin-left: 20px; } .recommendnor{ margin-bottom: 24px; cursor: pointer; } .recommendlist{ margin-bottom: 80px; } /**********本所介绍**********/ .modeleft{ width: 240px; } .modelefttop{ width: 240px; height: 120px; margin-top: -60px; background:rgba(184,55,32,1); } .lefttutitle{ font-size:24px; font-family:PingFangSC-Medium; color:rgba(255,255,255,1); line-height:33px; } .leften{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(255,255,255,1); line-height:20px; margin-top: 5px; } .modeleftmenu{ width:240px; height:680px; background: linear-gradient(180deg, rgba(244,242,245,1) 20%, rgba(244,242,245,0.5) 50%, rgba(244,242,245,0) 80%); background:-webkit-gradient(180deg, rgba(244,242,245,1) 20%, rgba(244,242,245,0.5) 50%, rgba(244,242,245,0) 80%); } .leftmenu{ height: 67px; border-bottom: 1px dashed rgba(207, 200, 208, 1); font-size:16px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:22px; cursor: pointer; } .modekuai{ font-size: 21px !important; margin-left: 19px; margin-right: 40px; } .jiesh{ text-align: right; } .modeleftmenuactive{ color:rgba(235,76,18,1); } .moderight{ margin-left: 36px; } .moderighttag{ height: 60px; border-bottom: 1px solid rgba(244,242,245,1); border-radius: 1px ; } .tagtitle{ font-size:20px; font-family:PingFangSC-Regular; color:rgba(235,76,18,1); line-height:28px; } .tagline{ margin: 0 10px; font-size:14px; font-family:PingFangSC-Regular; color:rgba(235,76,18,1); line-height:20px; } .moderightnameactive .moderightcheck{ border: 1px solid rgba(235, 76, 18, 1); } .moderightnameactive .linkorange{ background-image: url(../images/orange.png); } .moderightnameactive .jianf{ content: "\e668"; color: rgba(235,76,18,1); background-image: url(../images/arrowdown.png); } .tagtitleen{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(235,76,18,1); line-height:20px; } .righttagdes{ margin-top: 20px; font-size:12px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:17px; margin-bottom: 40px; } .arrowup{ width: 15px; height: 15px; background-image: url(../images/arrowup.png); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .moderightcheck{ width:24px; height:24px; background:rgba(255,255,255,1); border-radius: 2px ; border:1px solid rgba(244, 242, 245, 1); } .jianf{ font-size: 12px !important; color: rgba(207,200,208,1); } .jianfactive{ color: rgba(235,76,18,1); } .moderighttitle{ height: 38px; border-bottom: 1px solid rgba(244,242,245,1); border-top: 1px solid rgba(244,242,245,1); margin-left: 20px; cursor: pointer; } .moderightname{ font-size:16px; font-family:PingFangSC-Medium; line-height:22px; margin-left: 21px; } .moderightnamecolor{ color:rgba(27,26,53,1); } .modeintrduce{ margin-top: 40px; } .moderightcheckactive{ border:1px solid rgba(235, 76, 18, 1); } .moderightnameactive{ color:rgba(235,76,18,1); } .modeintrducedes{ background:rgba(250,250,250,1); border-radius: 2px ; padding: 20px; border:1px solid rgba(244, 242, 245, 1); z-index: 9; margin-top: -1px; } .arrow_box { position: relative; background: rgba(250,250,250,1); border: 1px solid rgba(244, 242, 245, 1); width: 100%; height: 100%; margin: 30px 0 0 0 ; } .arrow_box::after, .arrow_box::before { position:absolute; content:""; height:0; width: 0; pointer-events: none; border: solid transparent; } /*top*/ .arrow_box.top::after, .arrow_box.top::before { bottom: 100%; } .arrow_box.top::after { border-color: rgba(136, 183, 213, 0); border-bottom-color: rgba(250,250,250,1); border-width: 10px; left: 50px; margin-left: -10px; } .arrow_box.top::before { border-color: rgba(194, 225, 245, 0); border-bottom-color:rgba(244, 242, 245, 1); border-width: 11px; left: 50px; margin-left: -11px; } .miaoshu{ padding: 20px; font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:22px; } .bodymb{ margin-bottom: 100px; } .menuline li{ cursor: pointer; } .adverleft{ width: 214px; cursor: pointer; } .adverleftmr{ margin-right: 16px; } .adverleftimg{ height: 140px; background-image: url(../images/rubbish/business01.png); } .advercon{ margin: 21px 0 0 0; } .adverleftmb{ margin-bottom: 40px; } .advertitle{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:20px; margin-top: 10px; } .pagecon{ margin-top: 40px; } .policybody{ padding: 20px 51px 20px 0; cursor: pointer; } .policyimg{ width: 172px; height: 140px; } .policycenter{ margin-left: 20px; } .centername{ padding:0 18px; height:28px; background:rgba(193,160,80,1); border-radius: 2px; font-size:16px; font-family:PingFangSC-Regular; color:rgba(245,245,245,1); line-height:22px; } .centettitle{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:22px; margin-left: 10px; } .centerdes{ font-size:14px; font-family:PingFangSC-Light; color:rgba(27,26,53,1); line-height:20px; margin-top: 16px; } .policyright{ margin-left: 46px; } .policyyear{ width:100px; height:32px; border-radius: 4px ; border:1px solid rgba(244, 242, 245, 1); font-size:18px; font-family:PingFangSC-Light; color:rgba(193,160,80,1); line-height:25px; } .policymd{ font-size:32px; font-family:PingFangSC-Thin; color:rgba(144,129,95,1); line-height:45px; margin-top: 10px; } .policycontent{ padding-bottom: 20px; border-bottom: 1px solid rgba(244,242,245,1); border-radius: 1px ; margin-bottom: 40px; } .roadlist{ margin-top: 40px; margin-bottom: 120px; } .listleft{ width: 360px; cursor: pointer; } .listmr{ margin-right: 32px; } .listmb{ margin-bottom: 40px; } .leftlistimg{ height: 240px; background-image: url(../images/rubbish/newsimg.png); } .leftlisttitle{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:22px; text-align: center; margin-top: 10px; } .leftlisttime{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:20px; margin-top: 10px; text-align: center; } .listicon{ font-size: 60px !important; color: rgba(255,255,255,0.8); } .culturedestop{ margin-top: 40px; } .culturetitle{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; text-align: center; } .descon{ font-size:16px; font-family:PingFangSC-Light; color:rgba(27,26,53,1); line-height:32px; } .recruitlist{ margin-top: 32px; } .recruitlisttitle{ font-size:18px; font-family:PingFangSC-Medium; line-height:25px; margin-left: 16px; } .recruitlisttime{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:20px; } .recruitcon{ padding-bottom: 20px; border-bottom: 1px solid rgba(244,242,245,1); margin-bottom: 20px; cursor: pointer; color:rgba(27,26,53,1); } .menulistmt{ margin-top: 8px; } .policieslist{ margin-top: 32px; } .policieslisttext{ padding-bottom: 18px; border-bottom: 1px solid rgba(244,242,245,1); font-size:16px; font-family:PingFangSC-Regular; line-height:22px; } .textml{ margin-left: 60px; } .textmr{ margin-right: 30px; } .testwh{ width: 120px; text-align: center; } .policiescon{ margin-top: 22px; padding-bottom: 24px; border-bottom: 1px solid rgba(244,242,245,1); cursor: pointer; } .policiescontitle{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:22px; } .policiescontime{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:22px; } .icondown{ width:32px; height:32px; background-image: url(../images/icondown.png); cursor: pointer; } .linkorangewh{ width: 6px; height: 14px; } .linkorange{ background-image: url(../images/link.png); } .orangelink{ background-image: url(../images/orange.png); } .servicetableborder table{ border-bottom: 1px solid rgba(245,245,245,1); border-top: 1px solid rgba(245,245,245,1); } .basictop{ margin-top: 20px; background:rgba(255,255,255,1); box-shadow: rgba(0, 0, 0, 0.08) 10px 10px 30px 5px ;//边框阴影 border-radius: 4px ; border:1px solid rgba(244, 242, 245, 1); } .basictitle{ font-size:20px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:28px; } .linecolor{ width:4px; height:30px; background:rgba(235,76,18,1); margin-right: 36px; } .basiccon{ padding:40px; } .basicconicon{ width:120px; height:120px; background:rgba(245,165,136,1); -webkit-border-radius: 120px; border-radius: 120px; } .basiclogo{ width:56px; height:70px; background-image: url(../images/basiclogo.png); } .basicname{ width:152px; height:32px; background:rgba(235,76,18,1); border-radius: 2px ; border:1px solid rgba(184, 55, 32, 1); font-size:16px; font-family:PingFangSC-Medium; color:rgba(255,255,255,1); line-height:22px; cursor: pointer; } .logintime{ margin-top: 24px; font-size:14px; font-family:PingFangSC-Light; color:rgba(128,128,128,1); line-height:20px; } .basicborder{ padding-bottom: 40px; border-bottom: 1px solid rgba(244,242,245,1); border-radius: 2px ; } .nickleft{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:22px; } .nicktitle{ color: rgba(27, 26, 53, 1); } .nicktop{ margin-top: 20px; } .listborder{ border-bottom: 1px solid rgba(244,242,245,1); padding-bottom: 20px; font-size:16px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:22px; margin-bottom: 20px; } .listleftright{ padding-left: 12px; padding-right: 12px; padding-top: 12px; padding-bottom: 12px; cursor: pointer; } .listedtitle{ color:rgba(27,26,53,1); } .listedstatus{ color:rgba(235,76,18,1); } .listnumber{ width:32px; } .liststyle{ width:104px; } .liststu{ width: 282px; } .listbutton{ width: 161px; } .modifytag{ padding: 40px; } .modifyleft{ font-size:14px; height:30px; background:rgba(245,245,245,1); border-radius: 2px ; line-height:30px; padding: 5px 13px; color:rgba(128,128,128,1); cursor: pointer; } .modifyleftactive{ background:rgba(235,76,18,1); color:rgba(255,255,255,1); } .modifymr{ margin-right: 25px; } .modifyheader{ margin-top: 40px; } .headertitle{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:22px; margin-right: 27px; width: 43px; } .headeright{ margin-left: 40px; } .headerightdes{ width:210px; height:44px; font-size:16px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:22px; } .headerightbun{ width:108px; height:32px; background:rgba(235,76,18,1); border-radius: 2px ; border:1px solid rgba(184, 55, 32, 1); font-size:16px; font-family:PingFangSC-Medium; color:rgba(255,255,255,1); line-height:22px; margin-top: 24px; cursor: pointer; } .headerightinput{ width: 440px; height: 64px; } .inputleft{ width: 24px; height: 52px; background-image: url(../images/gold_small_left.png); background-size: 24px 52px; } .inputright{ width: 24px; height: 52px; background-image: url(../images/gold_small_right.png); background-size: 24px 52px; } .inputcenter{ height: 52px; background-image: url(../images/gold_small_middle.png); background-size: 24px 52px; } .centerinput{ width: 400px; height: 45px; border: none; } .selectbg{ background-image: url(../images/cuthead.png); background-size: 12px 8px; background-repeat: no-repeat; background-position: right 12px; width: 400px; } .selectbg select { background: transparent; -webkit-appearance: none; /*for chrome*/ height: 46px; border:none; width: 400px; } .shititle{ text-align: right; } .informstop{ margin-top: 32px; } .informslist{ margin-bottom: 24px; padding-bottom: 20px; border-bottom:1px solid rgba(244,242,245,1); cursor: pointer; } .emailicon{ width: 24px; height: 24px; background-image: url(../images/unread.png); } .emailiconactive{ background-image: url(../images/read.png); } .informslisttitle{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; margin-left: 16px; margin-right: 40px; } .informslistime{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:20px; } .butg{ color: rgba(207,200,208,1); font-size: 12px !important; width: 24px; } .statustop{ margin-top: 10px; } .iconstatus{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(235,76,18,1); line-height:22px; margin-left: 22px; } .textarealeft{ width: 24px; height: 184px; background-image: url(../images/gold_big_left.png); background-size: 24px 184px; } .textarearight{ width: 24px; height: 184px; background-image: url(../images/gold_big_right.png); background-size: 24px 184px; } .textareacenter{ height: 184px; background-image: url(../images/gold_big_middle.png); background-size: auto 184px; } .textareacenter textarea{ width: 706px; border: none; height: 175px; line-height: 30px; } .headertextarea{ width:760px; height:184px; } .buttontip{ margin-top: 60px; margin-bottom: 60px; } .buttonleft{ width: 72px; height: 32px; cursor: pointer; } .leftbutton{ width: 9px; height: 32px; background-image: url(../images/ink_small_left.png); background-size: 9px 32px; } .rightbutton{ width: 9px; height: 32px; background-image: url(../images/ink_small_right.png); background-size: 9px 32px; } .centerbutton{ background-image: url(../images/ink_small_middle.png); background-size: auto 32px; font-size:16px; font-family:PingFangSC-Medium; color:rgba(144,129,95,1); line-height:22px } .buttonright{ width: 72px; height: 32px; margin-left: 40px; cursor: pointer; } .leftbutton2{ width: 9px; height: 32px; background-image: url(../images/red_small_left.png); background-size: 9px 32px; } .rightbutton2{ width: 9px; height: 32px; background-image: url(../images/red_small_right.png); background-size: 9px 32px; } .centerbutton2{ height: 32px; background-image: url(../images/red_small_middle.png); background-size: auto 32px; font-size:14px; font-family:PingFangSC-Medium; color:rgba(245,245,245,1); line-height:22px; } .numbercon{ margin-bottom: 40px; } .numberlogoleft{ width:80px; height:22px; font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:22px; } .numbericon{ width:120px; height:120px; background:rgba(245,245,245,1); border:1px solid rgba(224, 224, 224, 1); -webkit-border-radius: 120px; border-radius: 120px; margin-left: 20px; } .numberno{ width:26px; font-size:24px; font-family:PingFangSC-Medium; color:rgba(207,200,208,1); line-height:33px; } .radio{ display: inline-block; position: relative; line-height: 18px; margin-right: 10px; cursor: pointer; } .radio input{ display: none; } .radio .radio-bg{ display: inline-block; height: 20px; width: 20px; margin-right: 5px; padding: 0; background-image: url(../images/unchecked.png); vertical-align: top; cursor: pointer; transition: all 0.2s ease; } .radio .radio-on{ display: none; } .radio input:checked + span.radio-on{ width: 20px; height: 20px; position: absolute; border-radius: 100%; background-image: url(../images/checked.png); top: 0px; left: 0px; transform: scale(0, 0); transition: all 0.2s ease; transform: scale(1, 1); display: inline-block; } .checkenumber{ color:rgba(207,200,208,1); } .numberleft{ margin-left: 20px; } .numberbody{ width: 386px; height: 52px; } .numberlefticon{ width: 24px; height: 52px; background-image: url(../images/link_small_left.png); background-size: 24px 52px; } .numberrighticon{ width: 24px; height: 52px; background-image: url(../images/link_small_right.png); background-size: 24px 52px; } .numbercentericon{ height: 52px; background-image: url(../images/link_small_middle.png); background-size: auto 52px; } .selectbg2 { background-image: url(../images/cuthead2.png); } .numberinputwh{ width: 890px; height: 45px; border: none; } .butbgwh{ height: 152px; } .emaildes{ margin-top: 40px; border-bottom: 1px solid rgba(244,242,245,1); padding-bottom: 40px; } .emailedestitle{ font-size:24px; font-family:PingFangSC-Semibold; color:rgba(184,55,32,1); line-height:33px; } .filenumber{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:20px; margin-top: 20px; } .opinion{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; margin-top: 40px; } .opiniondes{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:32px; margin-top: 40px; } .updataopinion{ margin-top: 65px; } .updatatitle{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:22px; margin-right: 10px; } .opiniontz{ margin-top: 60px; } .opinionbtright{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:32px; } .qscode2{ width: 210px; height: 210px; background-image: url(../images/rubbish/qscode2.png); margin-top: 30px; } .opinionaddress{ margin-top: 30px; width: 220px; } .numberlogoleft2{ width: 150px; text-align: right; } .numberinputwh2{ width: 850px; } .numberinputwh3{ width: 400px; } .linesize{ color: rgba(128, 128, 128, 1); font-size: 12px; } .textarealeft2{ background-image: url(../images/gold_big_left2.png); } .textarearight2{ background-image: url(../images/gold_big_right2.png); } .textareacenter2{ background-image: url(../images/gold_big_middle2.png); } .basiccon2{ padding: 20px 20px 0 20px; } .basiccon3{ padding: 0 20px 0 20px; border-top: 20px solid rgba(245,245,245,1); } .modept{ padding-top: 40px; padding-bottom: 40px; } .filename{ font-size:20px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:28px; margin-right: 21px; margin-left:21px; } .sicon{ width: 16px; height: 8px; background-image: url(../images/Sicon.png); } .buttonright2{ width: 122px; } .xuzhi{ margin-left: 20px; } .updataopinion2{ margin-top: 40px; } /*************弹出层样式***********/ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background: rgba(00, 00, 00, 0.8) } .reveal-modal { visibility: hidden; top: 5% !important; left: 50%; margin-left: -300px; width: 645px; position:fixed; z-index: 9999; padding: 60px 100px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-image: url(../images/loginbg.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .cheless{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:22px; } .reveal-modal.small { width: 200px; margin-left: -140px; } .reveal-modal.medium { width: 400px; margin-left: -240px; } .reveal-modal.large { width: 600px; margin-left: -340px; } .reveal-modal.xlarge { width: 800px; margin-left: -440px; } .reveal-modal .close-reveal-modal { font-size: 55px; line-height: 0.5; position: absolute; top: -28px !important; right: 11px; color: rgba(76,76,76,1); text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } .logintop{ margin-top: 22px; margin-bottom: 63px; } .logintitle{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:33px } .registerpage{ font-size:18px; font-family:PingFangSC-Regular; color:rgba(188,142,30,1); line-height:25px; } .loginname{ font-size: 26px !important; color: rgba(193,160,80,1); margin-right: 20px; } .logininput input{ background: none; } .numberinputwh4{ width: 350px; } .loginpagemb{ margin-bottom: 24px; } .authcode{ width: 250px; height: 42px; background-color: #dedede; } .loginpagemt{ margin-top: 40px; } .rememberpassword{ font-size: 16px; font-family: PingFangSC-Regular; color: rgba(76,76,76,1); line-height: 22px } .forgetpassword{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(235,76,18,1); line-height:22px; } .loginbutton{ height:56px; background:rgba(235,76,18,1); border-radius: 8px ; font-size:24px; font-family:PingFangSC-Medium; color:rgba(255,255,255,1); line-height:33px; margin: 32px 0; } .registered{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(235,76,18,1); line-height:33px; margin: 0 11px; } .cardregisterpage{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:33px; } .fillecode{ font-size:18px; font-family:PingFangSC-Regular; color:rgba(184,55,32,1); line-height:25px width: 120px; } .havename{ font-size:18px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:25px; } .havelogin{ color: rgba(235, 76, 18, 1); } .perfect{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:33px; margin: 0 41px; } .perfectname{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:22px } .resitop{ margin-top: 80px; } .resiover{ background:rgba(207,200,208,1); border:1px solid rgba(128, 128, 128, 1); } .uploadcard{ font-size:20px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:28px; } .siconleft{ margin-left: 30px; } .siconeight{ margin-right: 30px; } .cardtitle{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:33px; } .findtitle{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:33px; } .aginresi{ font-size:18px; font-family:PingFangSC-Regular; color:rgba(235,76,18,1); line-height:25px; } .mianzhuc{ font-size:18px; font-family:PingFangSC-Regular; color:rgba(188,142,30,1); line-height:25px; } .miantop{ margin-top: 60px; } .notetitle{ font-size:24px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:33px; } .notedes{ font-size:20px; font-family:PingFangSC-Regular; color:rgba(184,55,32,1); line-height:40px; width: 312px; } .alertbg{ background:rgba(255,255,255,1); box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.13) border-radius: 8px ; } .cooperationbg{ width:1000px; height:600px; background:rgba(255,255,255,1); box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.13) border-radius: 8px; left: 33%; padding: 0 20px; } .cooperationtitle{ height: 68px; } .cooperationname{ font-size:22px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:68px; } .part1{ width: 100%; height: 358px; overflow: hidden; border:1px solid rgba(224, 224, 224, 1); border-radius: 4px ; } .item{ position: relative; height: 358px; overflow-y: scroll; outline: none; line-height:20px; } .itemtitle{ font-size:24px; font-family:PingFangSC-Semibold; color:rgba(184,55,32,1); line-height:33px; margin-top: 60px; text-align: center; } .itemtitledes{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:20px; text-align: center; margin-top: 20px; } .itemsamilltitle{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; margin-top: 40px; text-align: center; } .itembody{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:32px; margin-top: 60px; padding: 0 20px 60px 20px; } .yiyue{ height:62px; background:rgba(244,242,245,1); font-size:16px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:22px; padding-left: 26px; margin-top: -63px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius: 4px; margin-left: 1px; } .guaipailess{ margin-top: 17px; padding: 0 20px; margin-bottom: 20px; } .lessleft{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; } .lessleftml{ margin-left: 20px; } .cancel{ font-size:14px !important; font-family:PingFangSC-Medium; color:rgba(144,129,95,1) !important; font-weight: lighter !important; top: 0 !important; right: 0 !important; position: relative !important; } .navContent{ display: none; } .samlltitve{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:22px; } .zhidutitle{ line-height: 50px; text-align: center; padding-left: 50px; border-bottom: 1px solid rgba(230,226,231,1); height: 50px; cursor: pointer; } .codebg{ visibility: hidden; top: 40px !important; left: 67%; margin-left: -300px; width: 300px; position: fixed; z-index: 101; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; -box-shadow: none; background-image: none; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .arrow_box2 { position: relative; background: rgba(255,255,255,1); border: 1px solid rgba(244, 242, 245, 1); width: 100%; height: 100%; } .arrow_box2::after, .arrow_box2::before { position:absolute; content:""; height:0; width: 0; pointer-events: none; border: solid transparent; } /*top*/ .arrow_box2.top::after, .arrow_box2.top::before { bottom: 100%; } .arrow_box2.top::after { border-color: rgba(136, 183, 213, 0); border-bottom-color: rgba(250,250,250,1); border-width: 10px; left: 150px; margin-left: -10px; } .arrow_box2.top::before { border-color: rgba(194, 225, 245, 0); border-bottom-color:rgba(244, 242, 245, 1); border-width: 11px; left: 150px; margin-left: -11px; } .qrcodebody{ padding: 24px 20px; padding-bottom:0px; } .qrcodeimages{ width: 120px; height: 120px; } .qricon{ background-image: url(../images/qrcode/qrcode1.png); } .gongguantitle{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(76,76,76,1); line-height:20px; margin-top: 10px; text-align: center; } .ggmarginleft{ margin-right: 20px; } .doubtwin{ position: fixed; width: 460px; left: 10px; bottom: 20px; z-index: 9999; } .doubtleft{ width: 154px; height: 230px; background-image: url(../images/red-pic.png); padding: 38px 34px } .doubtleftname{ font-size:20px; font-family:PingFangSC-Semibold; line-height:28px; background-image: -webkit-gradient(linear, 0 60%, 0 bottom, from(rgba(253, 218, 132, 1)), to(rgba(235, 76, 18, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bolder; } .doubtleftcon{ margin-top: 23px; } .qqfontcolor{ font-size:14px; font-family:PingFangSC-Medium; color:rgba(253,218,132,1); line-height:20px; } .qqnumberfont{ margin-left: 11px; } .doubtleftconmt{ margin-top: 12px; } .doubtleftnamemt{ margin-top: 20px } .doubtright{ width: 174px; background-image: url(../images/gold-pic.png); padding: 28px 32px; } .doubtrighttitle{ font-size:20px; font-family:PingFangSC-Semibold; color:rgba(235,76,18,1); line-height:28px; font-weight: bolder; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(235, 76, 18, 1)), to(rgba(235, 76, 18, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .gtitle{ font-size:18px; font-family:PingFangSC-Semibold; color:rgba(184,55,32,1); line-height:25px; } .rightqqfontcolor2{ color: rgba(184,55,32,1) !important; } .rightqqfontcolor{ color:rgba(27,26,53,1) !important; } .doubcolose{ position: absolute; top: 25px; right: 25px; z-index: 99999; } .doubcolosefont{ font-size: 24px !important; color: rgba(76,76,76,1); } .doubtop{ top: -20px; } /********有疑问请点我新的样式************/ .clickme{ position: fixed; width: 706px; background-image: url(../images/bg_gold.png); top: 100px; left: 20%; padding: 15px; z-index: 999; background-repeat: no-repeat; background-size: 100% 100%; } .clickmeborder{ border-right: 1px solid rgba(184,55,32,0.2); border-radius: 2px ; } .clickmeborderbt{ border-bottom: 1px solid rgba(235,76,18,1); border-radius: 2px } .jinfumr{ margin-right: 20px; } .jinfuml{ margin-left: 20px; } .clickmeborderbtb{ border-bottom: 1px solid rgba(184,55,32,0.2); border-radius: 2px ; padding-bottom: 15px; } .alertwin{ width: 240px; height: 80px; position: fixed; top: 50%; left: 45%; background-image: url(../images/bg_alert.png); background-repeat: no-repeat; background-size: 100% 100%; z-index: 9999; } .alertheight{ height: 100%; } .alertfont{ background-image: -webkit-gradient(linear, 0 60%, 0 bottom, from(rgba(253, 218, 132, 1)), to(rgba(235, 76, 18, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lesstbmt{ position: absolute; z-index: 100; top: 532px; width: 100%; } .lastedmenu{ margin-top: 22px; margin-bottom: 20px; } .lastedtitle{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(27,26,53,1); line-height:20px; margin-right: 10px; } .lastedtitlemenu{ font-size:14px; font-family:PingFangSC-Regular; color:rgba(76,76,76,1); line-height:20px; margin-right: 30px; cursor: pointer; } .lastedmenuactive{ background:rgba(184,55,32,1); color:rgba(245,245,245,1); border-radius: 2px ; padding: 2px 3px; } .lastedsearch{ height: 32px; background:rgba(245,245,245,1); border-radius: 2px ; } .lastedsearchinput{ width: 100%; height: 29px; border: none; background: none; padding-left: 10px; } .lastedbutton{ width:72px; height:32px; background:rgba(184,55,32,1); border-radius: 2px ; font-size:12px; font-family:PingFangSC-Medium; color:rgba(245,245,245,1); line-height:17px; cursor: pointer; } .liastedimg{ width: 276px; margin-right: 50px; } .liastedimgwh{ height: 158px; } .liastedimgimg{ background-image: url(../images/rubbish/lasted1.png); } .lastedlist{ } .xiangxi{ color: #8d8d8d } .expertsmr{ margin-right: 50px; } .experts{ width: 220px; height: 220px; } .expertsimg{ background-image: url(../images/rubbish/experts.png); } .expertsname{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; margin-right: 46px; margin-left: 46px; } .expertsmt{ margin-top: 20px; } .otherexperts{ margin-top: 60px; } .otherexpertstitle{ font-size:20px; font-family:PingFangSC-Medium; color:rgba(144,129,95,1); line-height:28px; } .wenli{ color: rgba(244,242,245,1); font-size: 12px !important; } .otherlist{ margin-top: 66px; } #swiper-experts { width: 100%; height: 120px; } .jiancolor{ color: rgba(245,245,245,1); font-size: 12px !important; } .otherimg{ width: 120px; height: 120px; border-radius: 3px; cursor: pointer; } .bankimg{ width: 380px; height: 240px; } .banckimgimg{ background-image: url(../images/rubbish/bankimg.png); } .bankdelete{ width: 200px; height: 48px; background-image: url(../images/btn_delete.png); font-size:16px; font-family:PingFangSC-Medium; color:rgba(244,242,245,1); line-height:22px; background-size: 100% 100%; } .imgcamer{ background-image: url(../images/imgcamer.png); } .jiahao{ color: rgba(207,200,208,1); border-radius: 2px ; font-size: 64px !important; } .uoimg{ font-size:16px; font-family:PingFangSC-Regular; color:rgba(128,128,128,1); line-height:22px; margin-top: 34px; } .upfileter{ position: absolute; width: 122px; height: 32px; left: 100px; background: transparent; font-size: 0; border: none; resize: none; z-index: 0; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; top: 0px; } .detelefileter{ width: 200px; height: 48px; position: absolute; top: 96px; right: 90px; background: transparent; font-size: 0; border: none; resize: none; z-index: 0; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .imgfileter{ width: 380px; height: 240px; position: absolute; top: 0px; background: transparent; font-size: 0; border: none; resize: none; z-index: 0; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .loginbuttonupimg{ height: 38px; background: rgba(235,76,18,1); border-radius: 8px; font-size: 16px; font-family: PingFangSC-Medium; color: rgba(255,255,255,1); line-height: 38px; margin: 10px 0; } .loginfile{ width: 100%; height: 38px; position: absolute; top: 10px; right: 0px; background: transparent; font-size: 0; border: none; resize: none; z-index: 0; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .gghaoimg{ background-image: url(../images/gghao.png); } .shenzhen{ background-image: url(../images/shenzhen.png); background-position: right bottom; background-repeat: no-repeat; } .beijing{ background-image: url(../images/beijing.png); background-position: right bottom; background-repeat: no-repeat; } @media screen and (max-width: 1366px) { .service{ width: 231px; } .serviceIcon{ margin-left: 14px; } } .phoneleftbutton{ width: 9px; height: 32px; background-image: url(../images/ink_small_left2.png); background-size: 9px 32px; } .phonerightbutton{ width: 9px; height: 32px; background-image: url(../images/ink_small_right2.png); background-size: 9px 32px; } .phonecenterbutton{ background-image: url(../images/ink_small_middle2.png); background-size: auto 32px; font-size:16px; font-family:PingFangSC-Medium; color:rgba(144,129,95,1); line-height:22px } .phonedeimg{ background-image: url(../images/rubbish/newsimg.png); } .phonesicon{ background-image: url(../images/Sicon2.png); } .phonemap{ margin-top: 2em; padding: 1em; } .container{ height: 630px; width: 576px; background-image: url(../images/map.png); } .amap-logo { right: 0 !important; left: auto !important; display: none; } .amap-copyright { right: 70px !important; left: auto !important; } .bitian{ font-size: 16px; color: rgba(128, 128, 128, 1); } .youname{ height: auto; } .faliuy{ margin-bottom: 20px } .mapbg{ width: 490px; height: 185px; background-image: url(../images/bg.png); padding: 3px 20px; } .phonemapbg{ background-image: url(../images/phonebg.png); } .dingwei{ font-size: 20px !important; color: rgba(245,165,136,1); } .dingweiadress{ font-size:16px; font-family:PingFangSC-Medium; color:rgba(235,76,18,1); line-height:32px; margin: 0 5px; } .dingname{ color: rgba(27, 26, 53, 1) } .dingline{ color: rgba(207, 200, 208, 1) } .tabledes tr{ cursor: pointer; } .pinginput{ width: 122px; height: 32px; position: absolute; top: 3px; right: 0px; background: transparent; font-size: 0; border: none; resize: none; z-index: 0; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .detailesname{ font-size:18px; font-family:PingFangSC-Medium; color:rgba(27,26,53,1); line-height:25px; width: 276px; } .companyheader{ width: 110px; height: 110px; -webkit-border-radius: 110px; border-radius: 110px; } .companyinput{ width: 108px; height: 32px; position: absolute; top: 69px; right: 101px; background: transparent; font-size: 0; border: none; resize: none; z-index: 0; cursor: pointer; outline: medium none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; } .productpadding{ padding-bottom: 50px; } .nav1{ perspective:100%; } .nav1 .datawidth:hover{ transform:rotateY(360deg) scale(1.1); } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: -5px; right: -5px; bottom: 0; background: rgba(204,204,204,0.5); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active { } .hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .fistcardtitle{ top: 36px; } .winmenu .fistcard{ display: inline-block; width: 82px; height: 74px; text-align: center; position: relative; text-decoration: none; overflow: hidden; } .winmenu .fistcard .iconfont{ position: absolute; top: 12px; left: 0; display: inline-block; width: 100%; text-align: center; filter:alpha(opacity=100); opacity: 1; } .partialBorder { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .partialBorder > div { position: absolute; height: 10%; width: 10%; border: .15vw solid #fff; } .partialBorder .leftTop { left: 0; top: 0; border-right: none; border-bottom: none; } .partialBorder .rightTop { right: 0; top: 0; border-left: none; border-bottom: none; } .partialBorder .leftBot { left: 0; bottom: 0; border-right: none; border-top: none; } .partialBorder .rightBot { right: 0; bottom: 0; border-left: none; border-top: none; } .adleftsizing div, .adleftsizing div:before, .adleftsizing div:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .elem { display: inline-block; color: white; position: relative; overflow: hidden; will-change: transform; } .elem:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-size: 100% 100%; background-repeat: no-repeat; will-change: transform, opacity; } .elem:after { content: ""; position: absolute; will-change: transform; } .elem:hover:before { opacity: 1; } /* SECOND ELEMENT */ .second:before { background-blend-mode: darken; } .second:hover .partialBorder { opacity: 1; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .modenavcon, .modenavcon:before, .modenavcon:after { box-sizing: border-box; margin: 0; padding: 0; } /* MAIN VARIABLES FOR CUSTOMIZATION */ /* -------------------------------- */ .modenav { overflow: hidden; position: fixed; left: 28px; top: 50%; width: auto; height: 57px; background-color: rgba(251,118,88,0.8); border-radius: 5px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2); -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; border-bottom-right-radius: 50px; z-index: 99999; } .modenav__cb { z-index: -1000; position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; } .modenav__content { position: relative; width: 57px; height: 100%; -webkit-transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23); transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23); } .modenav__cb:checked ~ .modenav__content { -webkit-transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); width: 380px; left: 200px; } .modenav__items { position: relative; width: 380px; height: 100%; list-style-type: none; font-size: 0; } .modenav__item { display: inline-block; vertical-align: top; text-align: center; color: #ffffff; font-size: 14px; line-height: 57px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: color 0.3s; transition: color 0.3s; cursor: pointer; } .modenav__item:hover { } .modenav__item-text { display: block; height: 100%; -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s; transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); } .modenav__cb:checked ~ .modenav__content .modenav__item-text { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1; -webkit-transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s; transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5); -webkit-border-top-right-radius: 50px; border-top-right-radius: 50px; -webkit-border-bottom-right-radius: 50px; border-bottom-right-radius: 50px; } .modenav__item:nth-child(1) .modenav__item-text { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .modenav__cb:checked ~ .modenav__content .modenav__item:nth-child(1) .modenav__item-text { -webkit-transition-delay: 0s; transition-delay: 0s; } .modenav__btn { position: absolute; right: 0; top: 0; width: 57px; height: 57px; cursor: pointer; } .modenav__btn:before, .modenav__btn:after { content: ""; display: block; border-radius: 2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s; transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3); } .modenav__btn:before { } .modenav__btn:hover:before, .modenav__btn:hover:after { } .modenav__cb:checked ~ .modenav__btn:before { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } .modenav__cb:checked ~ .modenav__btn:after { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } .wapper .fivediv, .businessleft, .cultureleft,.residencebodyleft,.banksbodyleft,.artfilmleft { /* .wapper .fivediv, .businessleft, .cultureleft,.threemodeleft, .modethreeleft,.residencebodyleft,.banksbodyleft,.artfilmleft { */ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{ /* .wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.threemodeleft:hover,.modethreeleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{ */ transform:translate(0,-3px); -webkit-transform:translate(0,-3px); -moz-transform:translate(0,-3px); -o-transform:translate(0,-3px); -ms-transform:translate(0,-3px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .residencemenubox:hover, .residencemenubox:focus { box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover); } .close { --color: #ff0000; --hover: rgba(213, 221, 235, 1); } .residencemenuboxtitle:hover, .residencemenuboxtitle:focus { border-color: var(--hover); } .button { cursor: pointer; background: rgba(244,242,245,1); text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Bubble Right */ .bubble-right { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; transition-property: right; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent rgba(244,242,245,1); } .bubble-right:hover:before, .bubble-right:focus:before, .bubble-right:active:before { right: -10px; } .modeleftmenuactive.bubble-right:before { right: -10px; } .ub-ver { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-box-orient:vertical; -o-box-orient:vertical; box-orient:vertical; } .ub { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position:relative; }