| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493 | 
							- body,
 
- html {
 
-   width: 100%;
 
-   height: 100%;
 
-   margin: 0 auto;
 
-   font-family: PingFangSC-Regular, sans-serif;
 
- }
 
- body {
 
-   font-size: 16px;
 
- }
 
- a {
 
-   color: #fff;
 
- }
 
- .container {
 
-   width: 100%;
 
-   background-color: #f2f2f2;
 
-   overflow: hidden;
 
- }
 
- .pc-class{
 
-   display: none;
 
- }
 
- .background-image-all {
 
-   position: relative;
 
-   display: flex;
 
-   justify-content: center;
 
-   height: 80%;
 
- }
 
- .banner-box {
 
-   width: 100%;
 
-   min-height: 2rem;
 
-   background-color: white;
 
-   position: relative;
 
- }
 
- .banner-title {
 
-   position: absolute;
 
-   top: 28%;
 
-   font-size: 0.6rem;
 
-   color: white;
 
- }
 
- .banner-title-content {
 
-   position: absolute;
 
-   top: 48%;
 
-   font-size: 0.35rem;
 
-   color: white;
 
- }
 
- .banner-img {
 
-   width: 100%;
 
-   height: auto;
 
-   max-height: 100%;
 
- }
 
- .header .icon {
 
-   width: 0.7rem;
 
-   width: 70px\9;
 
-   height: 1rem;
 
-   height: 100px\9;
 
-   float: left;
 
- }
 
- .icon img {
 
-   display: block;
 
-   height: 36%;
 
-   width: auto;
 
-   margin-top: 0.3rem;
 
-   margin-top: 5px\9;
 
- }
 
- .main-content {
 
-   position: relative;
 
-   top: -0.8rem;
 
-   z-index: 5;
 
- }
 
- .main-content-title {
 
-   width: 100%;
 
-   font-size: 0.35rem;
 
-   text-align: center;
 
-   border-bottom: 1px solid black;
 
-   display: flex;
 
-   justify-content: center;
 
-   position: absolute;
 
-   top: 0.2rem;
 
- }
 
- .main-content-title-border {
 
-   border-bottom: 2px solid black;
 
-   padding-bottom: 0.145rem;
 
- }
 
- .main-content-core {
 
-   width: 100%;
 
-   display: flex;
 
-   justify-content: space-around;
 
-   flex-wrap: wrap;
 
- }
 
- .core-box {
 
-   margin: 0.5rem;
 
-   width: 35%;
 
-   display: flex;
 
-   flex-direction: column;
 
-   justify-content: center;
 
-   align-items: center;
 
- }
 
- .core-box h5 {
 
-   font-size: 0.24rem;
 
- }
 
- .core-box p {
 
-   font-size: 0.16rem;
 
- }
 
- .core-ball {
 
-   width: 1.6rem;
 
-   height: 1.6rem;
 
-   border-radius: 50%;
 
-   background-color: #e8e8e8;
 
-   margin-bottom: 0.235rem;
 
-   position: relative;
 
- }
 
- .excellent-cases {
 
- }
 
- .case-title {
 
-   margin-top: 0.375rem;
 
-   text-align: left;
 
-   font-size: 0.186rem;
 
-   color: #ffffff;
 
-   padding-left: 0.105rem;
 
-   border-left: 2px solid #ffffff;
 
- }
 
- .case-box {
 
-   display: flex;
 
-   justify-content: space-between;
 
-   height: 100%;
 
- }
 
- .case-box .case-one-box {
 
-   height: 75%;
 
-   width: 55%;
 
-   display: flex;
 
-   flex-direction: column;
 
-   justify-content: space-around;
 
-   color: #ffffff;
 
-   font-weight: bold;
 
-   cursor: pointer;
 
- }
 
- .case-bg-img {
 
-   width: 100%;
 
-   height: 4rem;
 
- }
 
- .case-box .case-one-box-right {
 
-   height: 85%;
 
-   width: 45%;
 
-   display: flex;
 
-   justify-content: center;
 
-   align-items: center;
 
-   color: #ffffff;
 
-   font-weight: bold;
 
-   cursor: pointer;
 
- }
 
- .left-box-title {
 
-   text-align: left;
 
- }
 
- .left-box-title-active {
 
-   color: #00aeff;
 
-   margin-left: 0.65rem;
 
-   transition: all 0.5s;
 
- }
 
- .active-hide {
 
-   opacity: 0.5;
 
-   transition: all 0.5s;
 
- }
 
- .left-box-title-big {
 
-   font-size: 0.36rem;
 
-   margin-bottom: 0.11rem;
 
- }
 
- .phone-none {
 
-   display: none;
 
- }
 
- .left-box-title-small {
 
-   font-size: 0.01rem;
 
-   display: none;
 
- }
 
- .left-box-title-small-show {
 
-   font-size: 0.001rem;
 
-   /* display: none; */
 
- }
 
- .main-content-core ul {
 
-   display: flex;
 
-   justify-content: space-around;
 
-   height: 2rem;
 
- }
 
- .time-horizontal-content {
 
-   padding: 0.6rem 0;
 
- }
 
- .time-horizontal {
 
-   list-style-type: none;
 
-   border-top: 2px solid #1b1f25;
 
-   padding: 0px;
 
-   margin: 0px;
 
-   position: relative;
 
-   top: 1rem;
 
-   font-size: 0.1453rem;
 
-   width: 90%;
 
-   font-weight: 400;
 
- }
 
- .time-horizontal li {
 
-   float: left;
 
-   position: absolute;
 
-   text-align: center;
 
-   width: 25%;
 
-   padding-top: 10px;
 
-   top: -1.6rem;
 
- }
 
- .time-horizontal li b:before {
 
-   content: "";
 
-   position: absolute;
 
-   top: 1.46rem;
 
-   left: 47%;
 
-   width: 0.21rem;
 
-   height: 0.21rem;
 
-   border: 2px solid #1b1f25;
 
-   border-radius: 50%;
 
-   background-color: white;
 
-   /* margin: 20px; */
 
- }
 
- .one:before {
 
-   content: "2019年";
 
-   position: absolute;
 
-   top: 1.9rem;
 
-   left: 36%;
 
-   font-size: 0.1453rem;
 
-   font-weight: 400;
 
- }
 
- .two:before {
 
-   content: "2020年";
 
-   position: absolute;
 
-   top: 1.9rem;
 
-   left: 36%;
 
-   font-size: 0.1453rem;
 
-   font-weight: 400;
 
- }
 
- .three:before {
 
-   content: "2021年";
 
-   position: absolute;
 
-   top: 1.9rem;
 
-   left: 36%;
 
-   font-size: 0.1453rem;
 
-   font-weight: 400;
 
- }
 
- .partner-bg-img {
 
-   height: 6rem !important;
 
- }
 
- .partner1-main,.partner2-main,.partner3-main {
 
-   width: 100%;
 
-   display: flex;
 
-   justify-content: space-around;
 
-   /* flex-wrap: wrap; */
 
-   /* margin-top: 0.5rem; */
 
- }
 
- .partner1-main .img-yuan,.partner2-main .img-yuan,.partner3-main .img-yuan {
 
-   border-radius: 50%;
 
-   overflow: hidden;
 
-   background: white;
 
-   /* position: absolute; */
 
-   display: flex;
 
-   align-items: center;
 
-   width: 1.2rem;
 
-   height: 1.2rem;
 
-   margin: 0.1rem 0;
 
-   flex-shrink: 0;
 
- }
 
- .partner1-main .img-yuan:hover {
 
-   transform: scale(1.3);
 
- }
 
- .partner1-main .img-yuan img,.partner2-main .img-yuan img,.partner3-main .img-yuan img {
 
-   width: 100%;
 
- }
 
- @media screen and (min-width: 414px) {
 
-   .time-horizontal li {
 
-     float: left;
 
-     position: absolute;
 
-     text-align: center;
 
-     width: 25%;
 
-     padding-top: 10px;
 
-     top: -1.2rem;
 
-   }
 
-   .time-horizontal li b:before {
 
-     content: "";
 
-     position: absolute;
 
-     top: 1.06rem;
 
-     left: 47%;
 
-     width: 0.21rem;
 
-     height: 0.21rem;
 
-     border: 2px solid #1b1f25;
 
-     border-radius: 50%;
 
-     background-color: white;
 
-     /* margin: 20px; */
 
-   }
 
-   .one:before {
 
-     content: "2019年";
 
-     position: absolute;
 
-     top: 1.5rem;
 
-     left: 36%;
 
-     font-size: 0.1453rem;
 
-     font-weight: 400;
 
-   }
 
-   .two:before {
 
-     content: "2020年";
 
-     position: absolute;
 
-     top: 1.5rem;
 
-     left: 36%;
 
-     font-size: 0.1453rem;
 
-     font-weight: 400;
 
-   }
 
-   .three:before {
 
-     content: "2021年";
 
-     position: absolute;
 
-     top: 1.5rem;
 
-     left: 36%;
 
-     font-size: 0.1453rem;
 
-     font-weight: 400;
 
-   }
 
- }
 
- @media screen and (min-width: 1025px) {
 
-   .main {
 
-     width: 62.5%;
 
-     margin: 0 auto;
 
-   }
 
-   .header .icon {
 
-     width: 0.7rem;
 
-     width: 70px\9;
 
-     height: 1rem;
 
-     height: 100px\9;
 
-     float: left;
 
-   }
 
-   .icon img {
 
-     display: block;
 
-     height: 50%;
 
-     width: auto;
 
-     margin-top: 0.3rem;
 
-     margin-top: 5px\9;
 
-   }
 
-   .wenan::before {
 
-     width: 25%;
 
-     top: 0.15rem;
 
-     left: 6%;
 
-   }
 
-   .wenan::after {
 
-     width: 25%;
 
-     top: 0.15rem;
 
-     top: 15px\9;
 
-     right: 6%;
 
-   }
 
-   .footer {
 
-     padding: 0.2rem 20%;
 
-     padding: 20px 20% \9;
 
-   }
 
-   .footer .infobox {
 
-     float: left;
 
-   }
 
-   .chuli {
 
-     position: relative;
 
-     top: 0;
 
-     left: 0.12rem;
 
-     left: 12px\9;
 
-   }
 
-   .email {
 
-     margin-left: 0.4rem;
 
-   }
 
-   .team .iconbox p {
 
-     font-size: 0.18rem;
 
-     font-size: 18px\9;
 
-   }
 
-   .team .iconbox {
 
-     width: 20%;
 
-     float: left;
 
-     overflow: hidden;
 
-     text-align: center;
 
-     color: #b6885d;
 
-     font-size: 0.18rem;
 
-     font-size: 18px\9;
 
-   }
 
-   .team .iconbox img {
 
-     width: 70%;
 
-   }
 
-   .team-bottm .KStip {
 
-     right: 6%;
 
-     top: 35%;
 
-   }
 
-   .team-bottm .DYtip {
 
-     left: 10%;
 
-     bottom: 20%;
 
-   }
 
- }
 
- @media screen and (min-width: 768px) and (max-width: 1024px) {
 
-   .main {
 
-     width: 96%;
 
-     margin: 0 auto;
 
-   }
 
-   .header .icon {
 
-     width: 0.7rem;
 
-     width: 70px\9;
 
-     height: 1rem;
 
-     height: 100px\9;
 
-     float: left;
 
-   }
 
-   .icon img {
 
-     display: block;
 
-     height: 36%;
 
-     width: auto;
 
-     margin-top: 0.3rem;
 
-     margin-top: 5px\9;
 
-   }
 
-   .wenan::before {
 
-     width: 25%;
 
-     top: 0.15rem;
 
-     top: 15px\9;
 
-     left: 0.6rem;
 
-     left: 60px\9;
 
-   }
 
-   .wenan::after {
 
-     width: 25%;
 
-     top: 0.15rem;
 
-     top: 15px\9;
 
-     right: 0.6rem;
 
-     left: 60px\9;
 
-   }
 
-   .footer {
 
-     padding: 0.2rem 2%;
 
-   }
 
-   .footer .infobox {
 
-     float: none;
 
-   }
 
-   .team .iconbox p {
 
-     font-size: 0.12rem;
 
-   }
 
-   .team .iconbox {
 
-     width: 20%;
 
-     float: left;
 
-     overflow: hidden;
 
-     text-align: center;
 
-     color: #b6885d;
 
-     font-size: 0.18rem;
 
-   }
 
-   .team .iconbox img {
 
-     width: 70%;
 
-   }
 
-   .team-bottm .KStip {
 
-     right: 6%;
 
-     top: 40%;
 
-   }
 
-   .team-bottm .DYtip {
 
-     left: 10%;
 
-     bottom: 15%;
 
-   }
 
-   .time-horizontal li {
 
-     float: left;
 
-     position: absolute;
 
-     text-align: center;
 
-     width: 25%;
 
-     padding-top: 10px;
 
-     top: -0.8rem;
 
-   }
 
-   .time-horizontal li b:before {
 
-     content: "";
 
-     position: absolute;
 
-     top: 0.65rem;
 
-     left: 47%;
 
-     width: 0.21rem;
 
-     height: 0.21rem;
 
-     border: 2px solid #1b1f25;
 
-     border-radius: 50%;
 
-     background-color: white;
 
-     /* margin: 20px; */
 
-   }
 
-   .one:before {
 
-     content: "2019年";
 
-     position: absolute;
 
-     top: 1.1rem;
 
-     left: 36%;
 
-     font-size: 0.1453rem;
 
-     font-weight: 400;
 
-   }
 
-   .two:before {
 
-     content: "2020年";
 
-     position: absolute;
 
-     top: 1.1rem;
 
-     left: 36%;
 
-     font-size: 0.1453rem;
 
-     font-weight: 400;
 
-   }
 
-   .three:before {
 
-     content: "2021年";
 
-     position: absolute;
 
-     top: 1.1rem;
 
-     left: 36%;
 
-     font-size: 0.1453rem;
 
-     font-weight: 400;
 
-   }
 
- }
 
- @media screen and (max-width: 767px) {
 
-   .main {
 
-     width: 96%;
 
-     margin: 0 auto;
 
-   }
 
-   .wenan::before {
 
-     width: 1.8rem;
 
-     top: 0.15rem;
 
-     left: 0.3rem;
 
-   }
 
-   .wenan::after {
 
-     width: 1.8rem;
 
-     top: 0.15rem;
 
-     right: 0.3rem;
 
-   }
 
-   .footer {
 
-     padding: 0.2rem 2%;
 
-   }
 
-   .footer .infobox {
 
-     float: none;
 
-   }
 
-   .team .iconbox p {
 
-     font-size: 0.12rem;
 
-     font-size: 12px\9;
 
-     /* white-space:nowrap */
 
-   }
 
-   .team .iconbox {
 
-     width: 33.3%;
 
-     float: left;
 
-     overflow: hidden;
 
-     text-align: center;
 
-     color: #b6885d;
 
-     font-size: 0.18rem;
 
-     font-size: 18px\9;
 
-     margin-bottom: 0.3rem;
 
-   }
 
-   .team .iconbox img {
 
-     width: 70%;
 
-   }
 
-   .team .iconbox:last-child,
 
-   .team .iconbox.four {
 
-     width: 50%;
 
-     float: left;
 
-     overflow: hidden;
 
-     text-align: center;
 
-     color: #b6885d;
 
-     font-size: 0.18rem;
 
-     font-size: 18px\9;
 
-     margin-bottom: 0;
 
-   }
 
-   .team .iconbox.four img {
 
-     width: 48%;
 
-     margin-left: 30%;
 
-   }
 
-   .team .iconbox.four p {
 
-     margin-left: 30%;
 
-   }
 
-   .team .iconbox.last img {
 
-     width: 48.1%;
 
-     margin-right: 20%;
 
-     /* margin-bottom: 1.5px; */
 
-   }
 
-   .team .iconbox.last p {
 
-     margin-right: 10%;
 
-   }
 
-   .team-bottm .KStip {
 
-     right: 7%;
 
-     top: 40%;
 
-   }
 
-   .team-bottm .DYtip {
 
-     left: 11%;
 
-     bottom: 15%;
 
-   }
 
-   .video {
 
-     height: 3.55rem;
 
-   }
 
- }
 
- .header {
 
-   width: 100%;
 
-   height: 1rem;
 
-   height: 100px\9;
 
-   overflow: hidden;
 
- }
 
- .nav {
 
-   height: 100%;
 
-   float: right;
 
- }
 
- .nav ul {
 
-   margin: 0;
 
-   padding: 0;
 
-   height: 100%;
 
-   overflow: hidden;
 
-   line-height: 1rem;
 
-   line-height: 100px\9;
 
- }
 
- .nav ul li {
 
-   float: left;
 
-   height: 100%;
 
-   padding: 0 5px;
 
-   line-height: 1rem;
 
-   line-height: 100px\9;
 
-   font-size: 0.36rem;
 
-   font-size: 36px\9;
 
-   color: #fff;
 
- }
 
- .nav a {
 
-   display: inline-block;
 
-   /* width: 1.08rem;
 
-     width: 108px\9; */
 
-   height: 0.98rem;
 
-   height: 98px\9;
 
-   line-height: 0.98rem;
 
-   line-height: 98px\9;
 
-   font-size: 0.18rem;
 
-   font-size: 18px\9;
 
-   font-family: PingFangSC-Regular, sans-serif;
 
- }
 
- .nav ul li.active {
 
-   background-color: #b6885d;
 
- }
 
- /* bannner样式 */
 
- .banner {
 
-   width: 100%;
 
-   /* height: 6.64rem; */
 
- }
 
- #myvideo {
 
-   width: 100%;
 
-   height: 100%;
 
- }
 
- /* 作品展示 */
 
- .section {
 
-   margin-top: 0.6rem;
 
-   margin-top: 60px\9;
 
- }
 
- .showWork {
 
-   position: relative;
 
- }
 
- .showWork .title {
 
-   font-size: 0.36rem;
 
-   color: #b6885d;
 
-   margin-bottom: 0.22rem;
 
- }
 
- .showWork .title .yuandian {
 
-   font-size: 0.4rem;
 
- }
 
- .showWork .desc {
 
-   font-size: 0.24rem;
 
-   color: #b6885d;
 
-   margin-bottom: 0.55rem;
 
-   position: relative;
 
- }
 
- .wenan::before {
 
-   content: "";
 
-   display: inline-block;
 
-   height: 3px;
 
-   background-image: url(../images/line.png);
 
-   background-size: contain;
 
-   position: absolute;
 
- }
 
- .wenan::after {
 
-   content: "";
 
-   display: inline-block;
 
-   height: 3px;
 
-   background-image: url(../images/line.png);
 
-   background-size: contain;
 
-   position: absolute;
 
- }
 
- .videoshow {
 
-   overflow: hidden;
 
-   width: 78%;
 
-   /* height: 4.3rem; */
 
-   margin: 0 auto;
 
- }
 
- .videoshow .leftArrow {
 
-   width: 0.31rem;
 
-   height: 0.648rem;
 
-   position: absolute;
 
-   left: 0;
 
-   top: 50%;
 
-   cursor: pointer;
 
- }
 
- .videoshow .leftArrow img {
 
-   position: absolute;
 
-   top: 0;
 
-   right: 0;
 
- }
 
- .videoshow .video {
 
-   width: 100%;
 
- }
 
- .videoshow .video-item .video-title {
 
-   margin-top: 14px;
 
-   font-size: 0.24rem;
 
-   color: #fff;
 
-   text-align: center;
 
-   margin: 0;
 
-   padding: 0;
 
-   white-space: nowrap;
 
- }
 
- .videoshow .video-item {
 
-   float: left;
 
-   width: 30%;
 
-   margin-right: 3%;
 
-   font-size: 0.24rem;
 
-   position: relative;
 
- }
 
- .box {
 
-   font-size: 0.24rem;
 
- }
 
- .videoshow .video-item:nth-child(4) {
 
-   margin-right: 0;
 
- }
 
- /* .videoshow .video-item:hover{
 
-     transform: translateY(-10px); 
 
- } */
 
- .hide {
 
-   display: none;
 
- }
 
- .videoshow .video-item .play {
 
-   width: 30%;
 
-   position: absolute;
 
-   top: 50%;
 
-   margin-top: -15%;
 
-   left: 50%;
 
-   margin-left: -15%;
 
-   cursor: pointer;
 
-   z-index: 3;
 
- }
 
- .showWork .gomore {
 
-   display: block;
 
-   width: 1.42rem;
 
-   height: 0.46rem;
 
-   margin: 0 auto;
 
-   font-size: 0.24rem;
 
-   margin-top: 0.4rem;
 
-   color: #b6885d;
 
-   border: 1px solid #b6885d;
 
-   border-radius: 0.1rem;
 
-   line-height: 0.46rem;
 
- }
 
- .company {
 
-   margin-top: 0.6rem;
 
- }
 
- .companyImg {
 
-   width: 100%;
 
-   margin-top: 0.38px;
 
-   margin-bottom: 0.82rem;
 
- }
 
- .companyImg img {
 
-   width: 100%;
 
-   margin-top: 0.4rem;
 
- }
 
- .team {
 
-   overflow: hidden;
 
- }
 
- .showicon {
 
-   display: flex;
 
-   justify-content: space-around;
 
-   flex-wrap: wrap;
 
- }
 
- .team .iconbox p {
 
-   margin-top: 0.1rem;
 
-   /* white-space:nowrap */
 
- }
 
- .teamImg {
 
-   width: 100%;
 
- }
 
- .teamImg img {
 
-   width: 100%;
 
-   margin-top: 0.38rem;
 
- }
 
- .team-bottm {
 
-   text-align: center;
 
-   position: relative;
 
-   /* overflow: hidden; */
 
- }
 
- .team-bottm .yrzh1 {
 
-   width: 25%;
 
-   position: relative;
 
-   top: 0.6rem;
 
-   left: 0%;
 
-   margin-left: -5%;
 
- }
 
- .team-bottm .kuaishou {
 
-   width: 15%;
 
-   position: absolute;
 
-   top: 1rem;
 
-   right: 22%;
 
-   display: none;
 
- }
 
- .kuaishou.show {
 
-   display: inline-block;
 
-   animation: bounceInRight 1.5s linear;
 
-   -ms-animation: bounceInRight 1.5s linear;
 
- }
 
- .team-bottm .douyin {
 
-   width: 17%;
 
-   position: absolute;
 
-   top: 0.6rem;
 
-   left: 23.5%;
 
-   display: none;
 
- }
 
- .douyin.show {
 
-   display: inline-block;
 
-   animation: bounceInLeft 1.5s linear;
 
-   -ms-animation: bounceInLeft 1.5s linear;
 
- }
 
- .team-bottm .KStip {
 
-   width: 20%;
 
-   position: absolute;
 
-   display: inline-block;
 
-   display: none;
 
- }
 
- .KStip.show {
 
-   display: inline-block;
 
-   animation: bounceInDown 1s linear;
 
-   -ms-animation: bounceInDown 1s linear;
 
- }
 
- .team-bottm .DYtip {
 
-   width: 20%;
 
-   position: absolute;
 
-   display: inline-block;
 
-   display: none;
 
- }
 
- .DYtip.show {
 
-   display: inline-block;
 
-   animation: bounceInUp 1s linear;
 
-   -ms-animation: bounceInUp 1s linear;
 
- }
 
- /* hezuokehu */
 
- .customers {
 
-   margin-bottom: 0.42rem;
 
- }
 
- .show-customers {
 
-   display: flex;
 
-   justify-content: space-around;
 
- }
 
- .show-customers .itembox {
 
-   width: 11%;
 
- }
 
- .itembox img {
 
-   width: 100%;
 
- }
 
- /* 页脚 */
 
- .footer {
 
-   box-sizing: border-box;
 
-   width: 100%;
 
-   background: rgb(27, 31, 37);
 
- }
 
- .footer .title {
 
-   font-size: 0.2rem;
 
-   margin-bottom: 0.2rem;
 
- }
 
- .footer ul {
 
-   display: flex;
 
-   justify-content: space-between;
 
- }
 
- .footer ul li {
 
-   float: left;
 
-   color: #fff;
 
- }
 
- .footer ul li span {
 
-   font-size: 0.2rem;
 
- }
 
- .footer .info {
 
-   font-size: 0.16rem;
 
-   color: #fff;
 
- }
 
- .footer .infobox {
 
-   text-align: left;
 
-   margin-right: 0.3rem;
 
-   font-size: 0.16rem;
 
-   margin-bottom: 0.1rem;
 
- }
 
- .footer .box {
 
-   overflow: hidden;
 
-   font-size: 0.18rem;
 
-   margin-right: 0.11rem;
 
- }
 
- .footer .infobox img {
 
-   width: 0.2rem;
 
- }
 
- .clearfix::after {
 
-   content: "";
 
-   display: block;
 
-   height: 0;
 
-   clear: both;
 
- }
 
- .beian {
 
-   text-align: left;
 
- }
 
- .beianinfo {
 
-   display: inline-block;
 
-   margin-left: 0.45rem;
 
- }
 
- .footer .clear-right {
 
-   margin-right: 0;
 
- }
 
- /* 返回顶部按钮 */
 
- .aside {
 
-   display: block;
 
-   width: 0.3rem;
 
-   height: 0.3rem;
 
-   position: fixed;
 
-   bottom: 0.4rem;
 
-   right: 0.4rem;
 
-   cursor: pointer;
 
-   display: none;
 
- }
 
- .aside img {
 
-   width: 100%;
 
-   position: absolute;
 
-   top: 0;
 
-   left: 0;
 
- }
 
- .aside.show {
 
-   display: block;
 
- }
 
- @keyframes bounceInDown {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(0, -3000px, 0);
 
-     transform: translate3d(0, -3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(0, 25px, 0);
 
-     transform: translate3d(0, 25px, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(0, -10px, 0);
 
-     transform: translate3d(0, -10px, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(0, 5px, 0);
 
-     transform: translate3d(0, 5px, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @-webkit-keyframes bounceInDown {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(0, -3000px, 0);
 
-     transform: translate3d(0, -3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(0, 25px, 0);
 
-     transform: translate3d(0, 25px, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(0, -10px, 0);
 
-     transform: translate3d(0, -10px, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(0, 5px, 0);
 
-     transform: translate3d(0, 5px, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @-webkit-keyframes bounceInDown {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(0, -3000px, 0);
 
-     transform: translate3d(0, -3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(0, 25px, 0);
 
-     transform: translate3d(0, 25px, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(0, -10px, 0);
 
-     transform: translate3d(0, -10px, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(0, 5px, 0);
 
-     transform: translate3d(0, 5px, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @-ms-keyframes bounceInDown {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -ms-transform: translate3d(0, -3000px, 0);
 
-     transform: translate3d(0, -3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -ms-transform: translate3d(0, 25px, 0);
 
-     transform: translate3d(0, 25px, 0);
 
-   }
 
-   75% {
 
-     -ms-transform: translate3d(0, -10px, 0);
 
-     transform: translate3d(0, -10px, 0);
 
-   }
 
-   90% {
 
-     -ms-transform: translate3d(0, 5px, 0);
 
-     transform: translate3d(0, 5px, 0);
 
-   }
 
-   100% {
 
-     -ms-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- .bounceInDown {
 
-   -webkit-animation-name: bounceInDown;
 
-   -ms-animation-name: bounceInDown;
 
-   animation-name: bounceInDown;
 
- }
 
- @-webkit-keyframes bounceInLeft {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(-3000px, 0, 0);
 
-     transform: translate3d(-3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(25px, 0, 0);
 
-     transform: translate3d(25px, 0, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(-10px, 0, 0);
 
-     transform: translate3d(-10px, 0, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(5px, 0, 0);
 
-     transform: translate3d(5px, 0, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @-webkit-keyframes bounceInLeft {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(-3000px, 0, 0);
 
-     transform: translate3d(-3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(25px, 0, 0);
 
-     transform: translate3d(25px, 0, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(-10px, 0, 0);
 
-     transform: translate3d(-10px, 0, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(5px, 0, 0);
 
-     transform: translate3d(5px, 0, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @keyframes bounceInLeft {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(-3000px, 0, 0);
 
-     transform: translate3d(-3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(25px, 0, 0);
 
-     transform: translate3d(25px, 0, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(-10px, 0, 0);
 
-     transform: translate3d(-10px, 0, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(5px, 0, 0);
 
-     transform: translate3d(5px, 0, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @-ms-keyframes bounceInLeft {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -ms-transform: translate3d(-3000px, 0, 0);
 
-     transform: translate3d(-3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -ms-transform: translate3d(25px, 0, 0);
 
-     transform: translate3d(25px, 0, 0);
 
-   }
 
-   75% {
 
-     -ms-transform: translate3d(-10px, 0, 0);
 
-     transform: translate3d(-10px, 0, 0);
 
-   }
 
-   90% {
 
-     -ms-transform: translate3d(5px, 0, 0);
 
-     transform: translate3d(5px, 0, 0);
 
-   }
 
-   100% {
 
-     -ms-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- .bounceInLeft {
 
-   -webkit-animation-name: bounceInLeft;
 
-   -ms-animation-name: bounceInLeft;
 
-   animation-name: bounceInLeft;
 
- }
 
- @-webkit-keyframes bounceInRight {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(3000px, 0, 0);
 
-     transform: translate3d(3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(-25px, 0, 0);
 
-     transform: translate3d(-25px, 0, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(10px, 0, 0);
 
-     transform: translate3d(10px, 0, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(-5px, 0, 0);
 
-     transform: translate3d(-5px, 0, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @keyframes bounceInRight {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(3000px, 0, 0);
 
-     transform: translate3d(3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(-25px, 0, 0);
 
-     transform: translate3d(-25px, 0, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(10px, 0, 0);
 
-     transform: translate3d(10px, 0, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(-5px, 0, 0);
 
-     transform: translate3d(-5px, 0, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- @-ms-keyframes bounceInRight {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -ms-transform: translate3d(3000px, 0, 0);
 
-     transform: translate3d(3000px, 0, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -ms-transform: translate3d(-25px, 0, 0);
 
-     transform: translate3d(-25px, 0, 0);
 
-   }
 
-   75% {
 
-     -ms-transform: translate3d(10px, 0, 0);
 
-     transform: translate3d(10px, 0, 0);
 
-   }
 
-   90% {
 
-     -ms-transform: translate3d(-5px, 0, 0);
 
-     transform: translate3d(-5px, 0, 0);
 
-   }
 
-   100% {
 
-     -ms-transform: none;
 
-     transform: none;
 
-   }
 
- }
 
- .bounceInRight {
 
-   -webkit-animation-name: bounceInRight;
 
-   -ms-animation-name: bounceInRight;
 
-   animation-name: bounceInRight;
 
- }
 
- @-webkit-keyframes bounceInUp {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(0, 3000px, 0);
 
-     transform: translate3d(0, 3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(0, -20px, 0);
 
-     transform: translate3d(0, -20px, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(0, 10px, 0);
 
-     transform: translate3d(0, 10px, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(0, -5px, 0);
 
-     transform: translate3d(0, -5px, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: translate3d(0, 0, 0);
 
-     transform: translate3d(0, 0, 0);
 
-   }
 
- }
 
- @keyframes bounceInUp {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -webkit-transform: translate3d(0, 3000px, 0);
 
-     transform: translate3d(0, 3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -webkit-transform: translate3d(0, -20px, 0);
 
-     transform: translate3d(0, -20px, 0);
 
-   }
 
-   75% {
 
-     -webkit-transform: translate3d(0, 10px, 0);
 
-     transform: translate3d(0, 10px, 0);
 
-   }
 
-   90% {
 
-     -webkit-transform: translate3d(0, -5px, 0);
 
-     transform: translate3d(0, -5px, 0);
 
-   }
 
-   100% {
 
-     -webkit-transform: translate3d(0, 0, 0);
 
-     transform: translate3d(0, 0, 0);
 
-   }
 
- }
 
- .bounceInUp {
 
-   -webkit-animation-name: bounceInUp;
 
-   -ms-animation-name: bounceInUp;
 
-   animation-name: bounceInUp;
 
- }
 
- @-ms-keyframes bounceInUp {
 
-   0%,
 
-   60%,
 
-   75%,
 
-   90%,
 
-   100% {
 
-     -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 
-   }
 
-   0% {
 
-     opacity: 0;
 
-     -ms-transform: translate3d(0, 3000px, 0);
 
-     transform: translate3d(0, 3000px, 0);
 
-   }
 
-   60% {
 
-     opacity: 1;
 
-     -ms-transform: translate3d(0, -20px, 0);
 
-     transform: translate3d(0, -20px, 0);
 
-   }
 
-   75% {
 
-     -ms-transform: translate3d(0, 10px, 0);
 
-     transform: translate3d(0, 10px, 0);
 
-   }
 
-   90% {
 
-     -ms-transform: translate3d(0, -5px, 0);
 
-     transform: translate3d(0, -5px, 0);
 
-   }
 
-   100% {
 
-     -ms-transform: translate3d(0, 0, 0);
 
-     transform: translate3d(0, 0, 0);
 
-   }
 
- }
 
 
  |