*{ margin: 0;padding: 0; list-style: none;font-family: -apple-system,blinkmacsystemfont,helvetica neue,helvetica,segoe ui,arial,roboto,pingfang sc,miui,hiragino sans gb,microsoft yahei,sans-serif; } .package{ width: 100%; height: auto } /*页头*/ #header{ width: 100%;height: auto; } .official-wb{ position: absolute; top: 5px;right: 20%; padding: 0 10px; } .official-wb p img{ float: left;padding-right: 5px;width: 30px } .official-wb p{ line-height: 2;font-size: 1rem } #official-wb-code{ width: 100px;display: none } .official-wx{ position: absolute; top: 5px;right: 11%; padding: 0 10px; } .official-wx p img{ float: left;padding-right: 5px;width: 30px } .official-wx p{ line-height: 2;font-size: 1rem } #official-wx-code{ width: 100px;display: none } .official-map{ position: absolute; top: 11px;right: 6%; padding: 0 10px; } .official-map a{ font-size: .9rem; color: #2780e3; text-decoration: none; } .nav{ max-width: 1200px;margin: auto; padding: 20px 0; overflow: auto } .nav img{ width: 10%;float: left } .nav ul{ width: 100%;float: left;margin-top: 15px } .nav ul li{ float: left;padding: .2% 2.2%; font-size: 1.1rem;cursor: pointer; } .nav ul li a{ color: #000; text-decoration: none;font-weight: 700 } .nav marquee{ width:55%;height: 30px;float: left;margin:2% 0 0 4%;font-size:13px } .nav-on{ color: #fff;background:#ff6267;border-radius: 25px;font-weight: 700 } .nav ul li:hover{ background:#ff6267;border-radius: 25px } .nav ul li:hover a{ color: #fff !important; } .banner{ width: 100%; } .banner-tags{ width: 100%;overflow: auto } .banner-tags li{ width: 25%;text-align: center;color: #fff;float: left; font-size: 1rem;padding: 5px 0; } .banner-tags li:nth-child(1){background: #e50039;} .banner-tags li:nth-child(2){background: #541b86;} .banner-tags li:nth-child(3){background: #e50039;} .banner-tags li:nth-child(4){background: #541b86;} .banner-lb{ width: 100% } .banner-lb div div img{ width: 100% } .pagination-bannerlb { position: absolute; left: 0; right: 0; margin: auto; display: inline-block; text-align: center; z-index: 110; } .swiper-pagination-bullet-active { opacity: 1; background: #333 !important; } .swiper-pagination-bullet { width: 10px !important;height: 10px !important; } .ar-describe{ max-width: 1200px;margin: 3rem auto;position: relative;cursor: pointer; } .ar-describe img{ width: 100% } .ar-describe ul{ width: 98%;margin: auto; position: absolute; bottom: 20%;left: 0;right: 0; } .ar-describe ul li{ width: 25%;float: left;text-align: center; } .ar-describe ul li h3{ color:#494949;font-size: 1.2rem; } .ar-describe ul li p{ color:#000;font-size: 1rem;padding: 10px 6% 0; } /*主体*/ #main{ width: 100%;height: auto } .marriage-crisis{ width: 100%;position: relative;cursor: pointer; } .marriage-crisis img{ width: 100% } .marriage-crisis h2{ font-size: 2rem;text-align: center } .marriage-crisis h5{ font-size: 1.2rem;text-align: center;font-weight: 100; color: #333;padding: .5rem 0 2rem 0; } .marriage-crisis ul{ width: 77%;position: absolute; left: 0;right: 0; bottom: 7%;margin: auto; } .marriage-crisis ul li{ width: 33%;float: left;text-align: center } .marriage-crisis ul li h4{ font-size: 1.8rem } .marriage-crisis ul li p{ font-size: 1.2rem;color: #333; padding: 10%; } /*多数婚姻问题都可以解决*/ .solve-issue{ width: 100%;position: relative;cursor: pointer; height: 40rem; background-image :url(/uploads/image/tspainew1.0.0/solve-issue.jpg); background-size: 100% 100%; padding-top: 2rem } .solve-issue img{ width: 100% } .solve-issue h2{ font-size: 2rem;text-align: center } .solve-issue h5{ font-size: 1.2rem;text-align: center; color: #333;padding: .5rem 0 2rem 0;font-weight: 100; } .solve-issue-way{ width: 18%;height: 328px; position: absolute; left: 14%;bottom: 26%; } .solve-issue-way h4{ font-size: 1.3rem;padding-left: 5.5%;padding-bottom:1rem; } .solve-issue-way div{ height: 80%;width: 100%;padding: 0 5% 5% 0 } .solve-issue-way div p{ font-size: 1rem;background: #fff; margin-top: 4%;padding: 4.1%; } .solve-issue-way div p:nth-child(1){ margin-top: 0; } .solve-issue-send{ width: 17%;position: absolute;height: 328px; left: 32%;bottom: 26%; } .solve-issue-send h4{ font-size: 1.3rem; color:#e50039;padding-left: 1rem;padding-bottom: 1rem; } .solve-issue-send div{ background: #e60039;height: 80%;width: 100%;padding: 5% 5% 0 5% } .solve-issue-send div p{ font-size: 1rem;color: #fff; text-align: justify;line-height: 1.3; } .solve-issue-adviser{ width: 34%;position: absolute; right: 6%;bottom: 28.5%; } .solve-issue-adviser li{ width: 100%;padding-top: 7%; } .solve-issue-adviser li h4{ font-size: 1.8rem; color:#e50039;padding-bottom: 3%; } .solve-issue-adviser li p{ font-size: 1.3rem;color: #333; text-align: justify;line-height: 1.3; width: 80%;float: left } .solve-issue-adviser li div{ width: 0; height: 0; border-top: .5rem solid transparent; border-right: .5rem solid transparent; border-bottom: .5rem solid transparent; border-left: .5rem solid #541c86; float: left;margin-top: 5px } .solve-method{ max-width: 1200px;margin: auto;padding: 1rem 0 0 0; } .solve-method-banner{ width: 100%;position: relative } .solve-method-banner img{ width: 100% } .solve-method-banner span{ color: #fff;font-size: 2rem;font-weight: 900; position: absolute; } .solve-method-banner span:nth-child(2){ top: 27%;left: 19%; } .solve-method-banner span:nth-child(3){ top: 37%;right: 16%; } .solve-method p{ font-size: 1.4rem;color: #333; border-bottom:2px dashed #dedede; width: 68%;margin: auto;padding-bottom: 1rem;margin-bottom: 1rem } .solve-method h5{ font-size: 1.4rem;color: #333;font-weight: 100; width: 68%;margin: auto; } /*爱燃擅长解决的婚姻问题*/ .airan-resolve{ width: 100%;position: relative } .airan-resolve img{ width: 100% } .airan-resolve h2{ font-size: 2rem;text-align: center; position: absolute; top: 10%;left: 0;right: 0; } .airan-resolve h2 span{ font-size: 1.2rem;text-align: center;font-weight: 100; color: #333; } .airan-resolve ul{ position: absolute; bottom: 20%;left: 0;right: 0;margin: auto; width: 76% } .airan-resolve ul li{ float: left;width: 15%;padding: 0 5%; font-weight: 900;font-size: 1.6rem;text-align: center } /*婚姻指导服务团队*/ .airan-team{ max-width: 1200px;position: relative; margin: auto;padding-bottom: 4rem } .airan-team h2{ font-size: 2rem;text-align: center } .airan-team h5{ font-size: 1.2rem;text-align: center;font-weight: 100; color: #333;padding: .5rem 0 2rem 0; } .airan-team-lb{ width: 100%; } .swiper-container-team{ background: #fff; box-shadow: 0 0 12px #ccc;border-radius: 18px;overflow: hidden } .airan-team-lb div{ width: 60%;height: 100%;float: right; padding-top: 5% } .airan-team-lb div h4{ font-size: 2.1rem;padding-bottom: 2% } .airan-team-lb div h4 b{ font-size: 1.5rem;color: #fff;font-weight: 100;margin-left: 7%;background: #145b7d; padding: 5px 10px; border-radius: 12px; } .airan-team-lb div span{ display: block;color:#e14741;padding-top: 2%; font-size: 1.4rem;font-weight: 900 } .airan-team-lb div p{ font-size: 1.4rem;color: #000; padding-top: 1%;font-weight: 900 } .airan-team-lb div h6{ font-size: 1.2rem;color: #000;width: 95%; font-weight: 900 } .airan-team-lb-school{ border-top: 2px dashed #f7f7f7;margin: 3% 0 1% 0;width: 95%; } .pagination-airan-team-lb { position: absolute; left: 0; right: 0;bottom: auto !important; margin: auto; display: inline-block; text-align: center; z-index: 110; } .pagination-airan-team-lb span{ margin: 0 3px !important; } .airan-ubolt-white{ width: 6px !important;opacity: .5 !important; height: 6px !important;background:#848484 } .airan-ubolt-active{ opacity: 1; background: #df342d !important; width: 25px !important; height: 6px !important; border-radius: 8px !important; opacity: 1 !important; } .airan-team-next{ background-image :url(/uploads/image/tspainew1.0.0/airan-team-right.png) !important; width: 60px !important;height: 168px !important;background-size: 100% 100% !important; top: 44% !important;right: -80px !important; } .airan-team-prev{ background-image :url(/uploads/image/tspainew1.0.0/airan-team-left.png) !important; width: 60px !important;height: 168px !important;background-size: 100% 100% !important; top: 44% !important;left: -80px !important; } /*专注婚姻危机干预*/ .crisis-meddle{ width: 100%;position: relative } #crisis-meddle-banner{ width: 100%; } .crisis-meddle h2{ font-size: 2rem;text-align: center; } .crisis-meddle h2 span{ font-size: 1.2rem;text-align: center;font-weight: 100; color: #333; } .crisis-meddle ul{ position: absolute; bottom: 0;left: 0;right: 0;margin: auto; width: 76%;height: 40% } .crisis-meddle ul li{ float: left;width: 21%;padding: 0 2%;height: 100% } .crisis-meddle ul li h3{ font-size: 1.5rem;text-align: center;padding: 2rem 0 ; } .crisis-meddle ul li p{ font-size: 1.2rem;text-align: justify } /*走进爱燃*/ .approach-airan{ width: 100%; } .approach-airan h2{ font-size: 2rem;text-align: center;padding-bottom: 2rem; } .approach-airan img{ width: 100% } .approach-airan p{ font-size: 1.2rem;width: 76%;margin: auto; line-height: 1.6;padding-bottom: 10px } .approach-airan p:nth-child(2){ text-indent: 42px; } /*新闻报道*/ .airan-report{ max-width: 1250px;margin: auto;position: relative; padding: 40px 0 20px 0 } .airan-report h2{ font-size: 2rem;text-align: center;padding-bottom: 2rem; } .airan-report div{ width: 100%; } .airan-report div video{ width: 75%;border-top-left-radius: 18px;border-bottom-left-radius: 18px; } .airan-report div div{ width: 25%;height: 79.5%; position: absolute;right: 0;top: 16.7%; border: 1px solid#eeeeee;border-left: 0;border-top-right-radius: 20px;border-bottom-right-radius: 20px } .airan-report div div h5{ font-size: 1.3rem;color: #e60c41;width: 94%;float: right; padding-top: 7%; } .airan-report div div ul{ width: 94%;position: absolute; right: 0;top: 9%; } .airan-report div div ul li{ width: 100%;overflow: auto;margin-top:10px;padding-right: 10px; cursor: pointer; } .airan-report div div ul li img{ width: 48%;float: left; } .airan-report div div ul li p{ width: 48%;font-size: 1rem;float: left;padding: 1% 0 0 2%; } .airan-report-on img{ border: 2px solid#ee557b;border-radius: 4px } #video-play{ width:9%; position: absolute;top:15%;bottom:0;left:0;right:25%;margin:auto; z-index:99 } /*爱燃荣誉*/ .airan-honor{ max-width: 100%;margin: auto; padding: 40px 0 } .airan-honor h2{ font-size: 2rem;text-align: center; } .airan-honor img{ width: 100% } .airan-honor ul{ width: 73%;margin: auto;overflow: auto } .airan-honor ul li{ width: 21%;float: left;padding: 0 2%;cursor: pointer; } .airan-honor ul li div{ width: 30px;height:30px;background:#ffbc01;border-radius: 60%;float: left } .airan-honor ul li h4{ font-size: 1.8rem;width: 80%;float: right } .airan-honor ul li p{ font-size: 1rem;width: 80%;float: right;text-align: justify } /*底部*/ .footer{ width: 100%;background: #f8f8f8; } .footer-con{ width: 80%;margin: auto;overflow: auto;padding: 30px 0 20px 0; } .footer-con-nav{ width: 24%;float: left } .footer-con-nav h5,.footer-con-work h5,.footer-con-statement h5{ font-size: 1.2rem; } .footer-con-nav ul{ width: 100%;overflow: auto } .footer-con-nav ul li{ width: 25%;float: left;padding-top: 10px } .footer-con-nav ul li a{ font-size: .9rem;color:#333; text-decoration:none;width: 25% } .footer-con-work{ width: 20%;float: left;padding-left: 2%; } .footer-con-work p{ font-size: .9rem;color:#333;margin-top: 10px } .footer-con-work p img{ width: 14px;padding-right: 4px; } .footer-con-statement{ width: 22%;float: left;padding-left: 2%; } .footer-con-statement p{ font-size: .9rem;color:#333;margin-top: 10px } .footer-con-code{ width: 25%;float: left; } .footer-con-code ul{ width: 100%;overflow: auto } .footer-con-code ul li{ width: 30%;float: left;margin-left: 3% } .footer-con-code ul li img{ padding:4%;margin: auto;background:#ff99b6;width: 92%; } .footer-con-code ul li p{ background:#ff99b6;color: #fff;font-size: .9rem;text-align: center; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding: 3px 0; } #copyright{ background:#541b86;color: #fff; font-size: .9rem; padding: 5px 0;text-align: center;font-weight: 100 } #copyright a{ color: #fff; } /*侧悬浮*/ .right-suspension{ width: 90px;height: 300px; position: fixed; top: 30%;right: 0; background-image :url(/uploads/image/tspainew1.0.0/right-suspension.png); background-size: 100%;cursor: pointer; } .right-suspension ul{ width: 100%;height: 100% } .right-suspension ul li{ width: 100%;height: 25% } /*情感攻略*/ .airan-strategy{ max-width: 1200px;position: relative; margin: auto;padding-bottom: 4rem;overflow: auto } .airan-strategy h2{ font-size: 2rem;text-align: center } .airan-strategy h5{ font-size: 1.2rem;text-align: center;font-weight: 100; color: #333;padding: .5rem 0 2rem 0; } .airan-strategy-left{ width: 70%;float: left } .airan-strategy-left-nav{ width: 100% } .airan-strategy-left-nav img{ width: 34px } .airan-strategy-left-nav span{ font-size: 1.1rem;color:#4e4e4e;cursor: pointer; } .airan-strategy-left-nav ul{ width: 80%;float: right; border-bottom: 1px solid#eeeeee; } .airan-strategy-left-nav ul li{ float: left;width: 20%;text-align: center;cursor: pointer; font-size: 1.1rem;padding: 0 0 8px 0;color:#333 } .airan-strategy-left-nav ul li:nth-child(1){ margin-left: 20% } .airan-strategy-nav-no{ color:#fba5ae !important; } .airan-article{ width: 100%;overflow: auto;display: none } .airan-article-left{ width: 50%;float: left } .airan-article-left li{ width: 96%;border-bottom: 1px dashed #dedede; padding: 4% 2%; } .airan-article-left li img{ width: 14%;float: left;margin-right: 5%; height: 55px; } .airan-article-left li h4{ width: 80%;float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size: 1.2rem; padding: 10px 0 2px 0;font-weight: 100; } .airan-article-left li h4 a{ text-decoration:none;color: #000 } .airan-article-left li h6{ width: 80%;font-size: .8rem;color: #fe4338;font-weight: 100 } .airan-article-left li h6 a{ color: #d2d0d0;text-decoration:none } .airan-article-left li p{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 14px; font-size: .9rem; text-indent: 1.5rem; font-family: "幼圆"; line-height: 1.4; } .airan-article-left li p a{ text-decoration:none;color: #999; } .airan-article-left li:nth-child(2),.airan-article-left li:nth-child(3){ padding: 4% 2% 7% 2%; } .airan-article-right{ width: 48%;float: left;padding-left: 2%; } .airan-article-right h4{ font-size: 1.2rem;padding-top: 2% } .airan-article-right ul{ width: 100%; border-bottom: 1px dashed #dedede; } .airan-article-right ul li{ width: 100%;padding: 1.94% 0; } .airan-article-right ul li p{ font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; width: 80%;float: left;color: #9f9f9f; font-family: "幼圆"; } .airan-article-right ul li p a{ text-decoration:none;color: #333; } .airan-article-right ul li i{ background: #fe4338;width: 4px;height:4px;border-radius: 25px; float: left; margin: 7px; } .airan-article-right ul li span{ color: #fe4338; font-size: 1rem;padding-left: 5%; } .airan-strategy-right{ width: 25%;float: right } .airan-strategy-right-nav{ width: 100%;border-bottom: 1px solid#eeeeee; padding-bottom: 3px } .airan-strategy-right-nav img{ width: 34px } .airan-strategy-right-nav span{ font-size: 1.1rem;color:#4e4e4e;cursor: pointer; } .airan-strategy-right ul{ width: 94%;margin-top: 10px; } .airan-strategy-right ul li{ padding: 6px 24px;background:#bbf2af;border-radius: 25px; display: inline-block;margin: 8px 0 0 5px; } .airan-strategy-right ul li a{ text-decoration:none;color: #000 } .airan-article-on{ display: block } @media(max-width: 1470px){ .solve-issue { height: 35rem; } .solve-issue-way { bottom: 16%; } .solve-issue-send { width: 19%; bottom: 16%; } .solve-method-banner span { font-size: 1.8rem; } .solve-method-banner span:nth-child(2) { top: 29%; } .solve-method-banner span:nth-child(3) { top: 40%; } .airan-team,.airan-strategy,.airan-report { width: 80%; } .crisis-meddle ul li h3 { font-size: 1.3rem; } .crisis-meddle ul li p { font-size: 1.1rem; } .airan-report div div { height: 78.5%; top: 17.7%; } .right-suspension { z-index: 99 } .ar-describe{ width: 90% } .airan-article-right ul li span { font-size: .9rem; padding-left: 3%; } .airan-article-right ul li p { font-size: .9rem; } .airan-team-lb div { width: 58%; } } @media(max-width: 1340px){ .ar-describe ul { bottom: 5%; } .ar-describe ul li p { padding: 5px 6% 0; } .marriage-crisis h2,.solve-issue h2,.airan-resolve h2,.airan-team h2,.crisis-meddle h2,.airan-strategy h2,.airan-report h2,.airan-honor h2{ font-size: 1.8rem; } .marriage-crisis h5,.solve-issue h5,.airan-resolve h2 span,.airan-team h5,.crisis-meddle h2 span,.airan-strategy h5{ font-size: 1.1rem; } .marriage-crisis ul li h4 { font-size: 1.6rem; } .marriage-crisis ul { bottom: 6%; } .airan-resolve ul li { font-size: 1.3rem; } .airan-resolve ul { bottom: 21%; } .airan-team-lb div { width: 54%; } .crisis-meddle ul li h3 { font-size: 1.2rem; } .crisis-meddle ul li p { font-size: 1rem; } .approach-airan h2 { font-size: 1.8rem; padding-bottom: 1rem; } .airan-report div div ul li p { font-size: 1rem; } .airan-honor ul li div { width: 22px; height: 22px; } .airan-honor ul li h4 { font-size: 1.5rem; } .footer-con { width: 86%; } .footer-con-nav { width: 27%; } .footer-con-work { width: 22%; padding-left: 1%; } .footer-con-statement { width: 22%; padding-left: 1%; } } .banner-tags{ display: none; }