@charset "UTF-8";
/* author:LY;*/
/* author:LY;*/
#loading { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #fff; }

#loading .con { width: 0.4rem; height: 0.4rem; position: relative; }

#loading .con span { display: block; bottom: 0px; width: 0.2rem; height: 0.2rem; background: #3c6ae6; position: absolute; }

#loading .con span:nth-child(1) { animation: preloader1 1.5s infinite ease-in-out; }

#loading .con span:nth-child(2) { left: 20px; animation: preloader2 1.5s infinite ease-in-out; }

#loading .con span:nth-child(3) { top: 0px; animation: preloader3 1.5s infinite ease-in-out; }

#loading .con span:nth-child(4) { top: 0px; left: 20px; animation: preloader4 1.5s infinite ease-in-out; }

@keyframes preloader1 { 0% { transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px; }
  50% { transform: translateX(-20px) translateY(-10px) rotate(-180deg);
    border-radius: 20px;
    background: #3498db; }
  80% { transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px; }
  100% { transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px; } }

@keyframes preloader2 { 0% { transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px; }
  50% { transform: translateX(20px) translateY(-10px) rotate(180deg);
    border-radius: 20px;
    background: #f1c40f; }
  80% { transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px; }
  100% { transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px; } }

@keyframes preloader3 { 0% { transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px; }
  50% { transform: translateX(-20px) translateY(10px) rotate(-180deg);
    border-radius: 20px;
    background: #2ecc71; }
  80% { transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px; }
  100% { transform: translateX(0px) translateY(0px) rotate(-360deg);
    border-radius: 0px; } }

@keyframes preloader4 { 0% { transform: translateX(0px) translateY(0px) rotate(0deg);
    border-radius: 0px; }
  50% { transform: translateX(20px) translateY(10px) rotate(180deg);
    border-radius: 20px;
    background: #e74c3c; }
  80% { transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px; }
  100% { transform: translateX(0px) translateY(0px) rotate(360deg);
    border-radius: 0px; } }

body { background-color: #fff; }

/*文字*/
/*颜色*/
.golden { color: #3c6ae6; }

.bggolden { background-color: #3c6ae6; }

.blcok { display: block !important; }

.elli1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.elli2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.elli3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.elli4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.in-title h3 { font-size: 0.34rem; color: #333; text-align: center; font-weight: 200; line-height: 0.48rem; }

.in-title p { font-size: 0.2rem; color: #666; line-height: 0.28rem; text-align: center; margin-top: 0.1rem; }

.inside-tit { padding-bottom: 0.15rem; border-bottom: 1px solid #efefef; }

.inside-tit h2 { font-size: 0.24rem; color: #3c6ae6; line-height: 0.4rem; }

.inside-tit .info { display: flex; }

.inside-tit .info .time, .inside-tit .info .publisher { font-size: 0.14rem; color: #999; line-height: 0.28rem; margin-right: 5px; margin-top: 5px; }

.u-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.area { max-width: 1440px; }

.tip-box { background-color: white; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; }

.tip-box .area { display: flex; align-items: center; justify-content: space-between; height: 0.82rem; }

.tip-box .area .logo-box { width: 1.4rem; height: 0.5rem; }

.tip-box .area .logo-box a, .tip-box .area .logo-box img { display: block; width: 100%; }

.tip-box .area .nav-box { width: 9rem; }

.tip-box .area .nav-box .menu { display: none; }

.tip-box .area .nav-box ul { display: flex; justify-content: flex-end; }

.tip-box .area .nav-box ul li { position: relative; height: 0.82rem; }

.tip-box .area .nav-box ul li.active a { color: #3c6ae6; }

.tip-box .area .nav-box ul li a { display: block; font-size: 0.16rem; color: #999; line-height: 0.82rem; padding: 0 0.4rem; }

.tip-box .area .nav-box ul li a:hover { color: #3c6ae6; }

.tip-box .area .nav-box ul li .nav-subnav {/*width: 150px; */position: absolute; top: 0.82rem; display: none; background-color: rgba(16, 16, 13, 0.8); }

.tip-box .area .nav-box ul li .nav-subnav a { line-height: 0.5rem; }

.tip-box .area .nav-box ul li:hover .nav-subnav { display: block; }

.tip-box .area .button-box { width: 1.2rem; height: 0.46rem; border: 0.02rem solid #3c6ae6; border-radius: 0.07rem; display: none; }

.tip-box .area .button-box a { display: block; text-align: center; line-height: 0.42rem; font-size: 0.18rem; color: #395cd8; }

.banner { padding-top: 0.82rem; }

.banner.wap { display: none; }

.banner .swiper-container { height: 8.17rem; }

.banner .swiper-slide a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.banner .swiper-slide a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.banner .swiper-pagination { width: 0.16rem; height: 1rem; left: 0.24rem; top: 50%; margin-top: -0.5rem; }

.banner .swiper-pagination .swiper-pagination-bullet { width: 0.16rem; height: 0.16rem; opacity: 1; border-radius: 50%; background: transparent; display: flex; justify-content: center; align-items: center; margin: 0.1rem 0; outline: none; }

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 0.01rem solid #fff; }

.banner .swiper-pagination .swiper-pagination-bullet::after { content: ''; display: block; width: 0.04rem; height: 0.04rem; border-radius: 50%; background-color: #fff; }

.banner .scroll-down { position: absolute; bottom: 0.45rem; left: 50%; z-index: 10; width: 1rem; margin-left: -0.5rem; }

.banner .scroll-down .mouse { width: 0.22rem; height: 0.32rem; border: 0.02rem solid #fff; border-radius: 0.1rem; margin: 0 auto 0.05rem; overflow: hidden; position: relative; }

.banner .scroll-down .mouse::before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 6px; background-color: #fff; border-radius: 2px; animation: scrollDown 2s infinite linear; }

@keyframes scrollDown { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translate(0, 0.2rem);
    opacity: 0; } }

.banner .scroll-down p { font-size: 0.16rem; color: #fff; text-align: center; font-weight: 100; line-height: 0.24rem; margin-bottom: 0.1rem; }

.banner .scroll-down i { display: block; width: 0.04rem; height: 0.04rem; border-right: 0.02rem solid #fff; border-bottom: 0.02rem solid #fff; margin: 0 auto; transform: rotate(45deg); }

.in-banner { height: 5.55rem; margin-top: 0.9rem; position: relative; }

.in-banner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.product-box { padding-top: 0.45rem; overflow: hidden; }

.product-box .product-tit { padding: 0.6rem 0 0; }

.product-box .product-tit ul { display: flex; justify-content: center; }

.product-box .product-tit ul li { font-size: 0.2rem; color: #666; line-height: 0.36rem; width: 1.6rem; text-align: center; padding-bottom: 0.25rem; border-bottom: 0.03rem solid transparent; cursor: pointer; }

.product-box .product-tit ul li.active, .product-box .product-tit ul li:hover { color: #3a60dc; border-color: #3a60dc; }

.product-box .product-con .items { display: none; padding: 0.6rem 0; position: relative; }

.product-box .product-con .items.active { display: block; }

.product-box .product-con .items .swiper-container { margin: 0 -0.15rem; padding: 0.15rem 0 0.5rem; }

.product-box .product-con .items .swiper-button-prev, .product-box .product-con .items .swiper-button-next { outline: none; background-size: 0.4rem; background-position: -0.2rem 0; width: 0.2rem; height: 0.3rem; opacity: 1; top: 50%; margin-top: -0.15rem; }

.product-box .product-con .items .swiper-button-prev.swiper-button-disabled, .product-box .product-con .items .swiper-button-next.swiper-button-disabled { background-position: 0rem 0; }

.product-box .product-con .items .swiper-button-prev { background-image: url(../images/l.png); left: -0.6rem; }

.product-box .product-con .items .swiper-button-next { right: -0.6rem; background-image: url(../images/r.png); }

.product-box .product-con .items ul { justify-content: space-between; }

.product-box .product-con .items ul li { width: 2.6rem; height: 2.57rem; margin-right: 0.3rem; border-radius: 0.08rem; position: relative; overflow: hidden; }

.product-box .product-con .items ul li:last-child { margin-right: 0; }

.product-box .product-con .items ul li a.info { display: block; width: 2.6rem; height: 2.1rem; border-radius: 0.08rem; box-shadow: 0 0 0.03rem 0.01rem rgba(123, 149, 225, 0.28); overflow: hidden; background-repeat: no-repeat; background-position: 0 1.54rem; border: 0.02rem solid transparent; background-color: #f8f9fb; border: 0.02rem solid transparent; }

.product-box .product-con .items ul li a.info .pic { margin: 0.4rem auto 0.25rem; width: 0.8rem; height: 0.6rem; overflow: hidden; text-align: center; }

.product-box .product-con .items ul li a.info .pic img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }

.product-box .product-con .items ul li a.info h3 { text-align: center; font-size: 0.2rem; color: #333; font-weight: 400; }

.product-box .product-con .items ul li a.info p { font-size: 0.16rem; color: #666; text-align: center; }

.product-box .product-con .items ul li a.consult { opacity: 0; display: block; line-height: 0.49rem; text-align: center; font-size: 0.16rem; color: #fff; background-color: #3859d5; width: 100%; }

.product-box .product-con .items ul li a.buy { background-image: url(../images/productbg.jpg); background-size: 0.33rem; display: none; width: 0.33rem; height: 0.33rem; position: absolute; left: 0.07rem; top: 1.7rem; }

.product-box .product-con .items ul li:hover { background-color: #3859d5; }

.product-box .product-con .items ul li:hover a.consult { opacity: 1; }

.product-box .product-con .items ul li:hover a.info { border: 0.02rem solid #407af5; background-color: #fff; }

.product-box .product-con .items ul li:hover a.buy { display: block; }

.product-box .product-con .items.build ul li a .pic { margin: 0.4rem auto 0.35rem; }

.product-box .product-con .items.picture .swiper-container { margin: 0; }

.product-box .product-con .items.picture .swiper-container ul li a .pic { width: 100%; height: 1.25rem; margin: 0 auto 0.2rem; overflow: hidden; border-bottom: 0.02rem solid transparent; }

.product-box .product-con .items.picture .swiper-container ul li a .pic img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.3s; }

.product-box .product-con .items.picture .swiper-container ul li a:hover .pic { border-bottom: 0.02rem solid #407af5; }

.product-box .product-con .items.picture .swiper-container ul li a:hover .pic img { transform: scale(1.1); }

.case-box { background-color: #f8f9fb; padding: 0.7rem 0 0.6rem; position: relative; }

.case-box::before { content: ''; display: block; width: 100%; height: 5.2rem; background: url(/images/case-boxbg.jpg) no-repeat center/cover; position: absolute; top: 3.6rem; left: 0; }

.case-box .case-con .swiper-slide { transition: 300ms; text-align: center; align-items: center; margin: 0.65rem 0; transform: scale(0.7); }

.case-box .case-con .swiper-slide.swiper-slide-active, .case-box .case-con .swiper-slide.swiper-slide-duplicate-active { transform: scale(1); }

.case-box .case-con .swiper-slide.swiper-slide-active a h3, .case-box .case-con .swiper-slide.swiper-slide-active a p, .case-box .case-con .swiper-slide.swiper-slide-duplicate-active a h3, .case-box .case-con .swiper-slide.swiper-slide-duplicate-active a p { display: block; }

.case-box .case-con .swiper-slide a { display: block; }

.case-box .case-con .swiper-slide a .pic { width: 100%; height: 3.25rem; overflow: hidden; margin-bottom: 0.25rem; box-shadow: 0px 0px 0.2rem 0.1rem rgba(34, 57, 162, 0.14); }

.case-box .case-con .swiper-slide a .pic img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.case-box .case-con .swiper-slide a h3 { font-size: 0.24rem; color: #fff; line-height: 0.36rem; text-align: center; font-weight: 200; display: none; }

.case-box .case-con .swiper-slide a p {height: 0.28rem; font-size: 0.18rem; color: #fff; line-height: 0.28rem; display: none; }

.case-box .case-con .swiper-button-prev, .case-box .case-con .swiper-button-next { width: 0.35rem; height: 0.35rem; overflow: hidden; background: url(../images/icon.png) no-repeat; background-size: 3rem; opacity: 0.8; border-radius: 0.02rem; overflow: hidden; left: 4.6rem; outline: none; }

.case-box .case-con .swiper-button-prev:hover, .case-box .case-con .swiper-button-next:hover { opacity: 1; }

.case-box .case-con .swiper-button-next { background-position: -0.35rem 0; right: 4.6rem; left: inherit; }

.case-box .case-con .swiper-pagination { width: 3rem; top: inherit; bottom: 0; background-color: #fff; left: 50%; margin-left: -1.5rem; height: 2px; }

.case-box .case-con .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #c00; }

.case-box .numbox { margin: 0 auto; width: 3rem; height: 0.4rem; display: flex; justify-content: space-between; }

.case-box .numbox .n1, .case-box .numbox .n2 { font-size: 0.18rem; color: #fff; line-height: 0.4rem; }

.case-box .more { display: block; width: 2.16rem; height: 0.62rem; margin: 0.25rem auto 0; line-height: 0.58rem; text-align: center; font-size: 0.22rem; border-radius: 0.07rem; border: 0.02rem solid #fff; color: #fff; transition: all 0.15s; }

.case-box .more:hover { background-color: #fff; color: #3c6ae6; }

.case-box .case-list { margin-top: 1rem; }

.case-box .case-list ul { display: flex; justify-content: space-between; align-items: center; }

.case-box .case-list ul li { width: 25%; }

.case-box .case-list ul li:nth-child(1) .icon { background-position: -0.74rem 0; }

.case-box .case-list ul li:nth-child(2) .icon { background-position: -1.32rem 0; }

.case-box .case-list ul li:nth-child(3) .icon { background-position: -1.86rem 0; }

.case-box .case-list ul li:nth-child(4) .icon { background-position: -2.45rem 0; }

.case-box .case-list ul li .icon { width: 0.56rem; height: 0.56rem; margin: 0.4rem auto 0.1rem; background: url(../images/icon.png) no-repeat; background-size: 3rem; }

.case-box .case-list ul li .data { text-align: center; color: #333; font-size: 0.42rem; font-weight: bold; display: flex; justify-content: center; line-height: 0.6rem; }

.case-box .case-list ul li .data i { font-size: 0.2rem; font-weight: normal; font-style: normal; }

.case-box .case-list ul li p { text-align: center; color: #333; font-size: 0.24rem; line-height: 0.48rem; }

.client-box { padding: 0.75rem 0; }

.client-box .client-list { padding: 0.7rem 0; }

.client-box .client-list ul { display: flex; flex-wrap: wrap; }

.client-box .client-list ul li { width: 20%; height: 1.65rem; overflow: hidden; display: flex; justify-content: center; align-items: center; border-right: 1px solid #dee7e7; }

.client-box .client-list ul li:nth-child(2n) { border-top: 1px solid #dee7e7; }

.client-box .client-list ul li:nth-last-child(1), .client-box .client-list ul li:nth-last-child(2) { border-right: none; }

.client-box .client-list ul li:hover img { filter: grayscale(0); opacity: 1; }

.client-box .client-list ul li img { max-width: 80%; max-height: 50%; filter: grayscale(100%); opacity: 0.7; }

.client-box .client-list .swiper-pagination { background-color: #f5f5f5; top: inherit; bottom: 0; }

.client-box .client-list .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #d8d8d8; }

.news-box { background-color: #f8f9fb; padding: 0.7rem 0 0.6rem 0.75rem; }

.news-box .news-tit { padding: 0.6rem 0 0; }

.news-box .news-tit ul { display: flex; justify-content: center; }

.news-box .news-tit ul li { font-size: 0.2rem; color: #666; line-height: 0.36rem; width: 1.6rem; text-align: center; padding-bottom: 0.25rem; border-bottom: 0.03rem solid transparent; cursor: pointer; }

.news-box .news-tit ul li.active, .news-box .news-tit ul li:hover { color: #3a60dc; border-color: #3a60dc; }

.news-box .news-con .items { display: none; height: 6.22rem; padding-top: 0.7rem; }

.news-box .news-con .items ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.news-box .news-con .items ul li { display: block; width: 49%; height: 1.44rem; overflow: hidden; background-color: #fff; box-shadow: 0 0 0.13rem 0 rgba(60, 106, 230, 0.05); padding: 0.27rem 0.25rem; padding-right: 0; border-radius: 0.08rem; margin-bottom: 0.4rem; transition: all 0.3s; }

.news-box .news-con .items ul li a { display: flex; }

.news-box .news-con .items ul li a .u-text { padding-right: 0.3rem; flex-grow: 1; }

.news-box .news-con .items ul li a .u-text .y-tit { font-size: 0.2rem; font-weight: bold; color: #333; line-height: 0.24rem; transition: all 0.3s; }

.news-box .news-con .items ul li a .u-text .y-text-con { font-size: 0.14rem; color: #828282; line-height: 0.24rem; margin-top: 0.18rem; transition: all 0.3s; }

.news-box .news-con .items ul li a .u-date { width: 1.15rem; flex-shrink: 0; border-left: 0.01rem solid #dee7e7; transition: all 0.3s; }

.news-box .news-con .items ul li a .u-date .day { text-align: center; font-size: 0.48rem; color: #434343; line-height: 0.5rem; font-weight: bold; transition: all 0.3s; }

.news-box .news-con .items ul li a .u-date .years { font-size: 0.16rem; color: #999; line-height: 0.4rem; text-align: center; transition: all 0.3s; }

.news-box .news-con .items ul li:hover { background-color: #0774e5; }

.news-box .news-con .items ul li:hover a .u-text .y-tit, .news-box .news-con .items ul li:hover a .u-text .y-text-con { color: #fff; }

.news-box .news-con .items ul li:hover a .u-date { border-color: #fff; }

.news-box .news-con .items ul li:hover a .u-date .day, .news-box .news-con .items ul li:hover a .u-date .years { color: #fff; }

.news-box .news-con .items.active { display: block; }

.news-box .more a { display: block; width: 2.16rem; height: 0.62rem; text-align: center; border: 0.02rem solid #dddddd; border-radius: 0.08rem; line-height: 0.58rem; font-size: 0.22rem; color: #727272; margin: 0.3rem auto 0; }

.poster { height: 2.5rem; position: relative; }

.poster img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; }

.poster .area { display: flex; align-items: center; justify-content: space-between; height: 2.5rem; }

.poster .area .text h3 { font-size: 0.36rem; color: #333; font-weight: 400; line-height: 0.48rem; }

.poster .area .text p { font-size: 0.24rem; color: #666; line-height: 0.48rem; }

.poster .area a { display: block; width: 2.9rem; height: 0.6rem; background-color: #0774e5; text-align: center; font-size: 0.22rem; color: #fff; line-height: 0.6rem; border-radius: 0.08rem; }

.poster .area a:hover { box-shadow: 0 2px 7px 0 rgba(7, 116, 229, 0.8); }

.footer-box { background-color: #333; padding: 0.35rem 0 0.35rem; }

.footer-box .area { display: flex; }

.footer-box .area .contact { width: 2.6rem; margin-right: 1.7rem; }

.footer-box .area .contact p { color: #bcbcbc; font-size: 0.2rem; margin-bottom: 0.4rem; margin-top: 0.15rem; }

.footer-box .area .contact img{width: 1.35rem;}

.footer-box .area .fast-track, .footer-box .area .Choose-us { width: 1.6rem; margin-top: 0.7rem; }

.footer-box .area .fast-track h4, .footer-box .area .Choose-us h4 { font-size: 0.2rem; color: #fff; font-weight: 200; margin-bottom: 0.3rem; }

.footer-box .area .fast-track ul li a, .footer-box .area .Choose-us ul li a { color: #bcbcbc; font-size: 0.16rem; line-height: 0.36rem; display: block; }

.footer-box .area .fast-track ul li a:hover, .footer-box .area .Choose-us ul li a:hover { color: #fff; }

.footer-box .area .contact-us { margin-top: 0.7rem; }

.footer-box .area .contact-us h4 { font-size: 0.2rem; color: #fff; font-weight: 200; margin-bottom: 0.3rem; }

.footer-box .area .contact-us .tele { font-size: 0.4rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; }

.footer-box .area .contact-us .tele i { display: inline-block; width: 0.34rem; height: 0.34rem; background-image: url(../images/icon.png); background-size: 3rem; background-position: -0.02rem -0.39rem; margin-right: 0.1rem; }

.footer-box .area .contact-us p { font-size: 0.16rem; color: #fff; line-height: 0.36rem; }

.footer-box .area-links { max-width: 1440px; /*display: flex;*/ padding: 0 0.01rem 0.2rem; margin-left: auto;margin-right: auto;margin-top: 30px;}

.footer-box .area-links h4{font-size: 16px; color: #bcbcbc; line-height: 24px;}

.footer-box .area-links ul {flist-style: none; line-height: 24px;}

.footer-box .area-links li {float: left; list-style: none; line-height: 24px; margin-top: 5px}

.footer-box .area-links ul li a {list-style: none; color: #bcbcbc; font-size: 14px; margin-right: 10px;}

.copyright-box { background-color: #333; }

.copyright-box .area {border-top: 1px solid #5e5e5e;display: flex;justify-content: space-between;align-items: center;height: 0.78rem;}

.copyright-box .area p { font-size: 0.16rem; line-height: 0.32rem; color: #fff; }

.win-link { position: fixed; right: 0.1rem; top: 20%; z-index: 10; background-color: #fff; }

.win-link .item { width: 0.56rem; padding-top: 0.12rem; padding-bottom: 0.15rem; cursor: pointer; border: 1px solid #ccc; border-top: none; }

.win-link .item:hover { background-color: #4281fb; border: 1px solid #4281fb; }

.win-link .item:hover span { color: #fff; }

.win-link .item:hover .icon { background-position: -0.28rem 0; }

.win-link .item:hover .wx { display: block; }

.win-link .item:first-child { border-top: 1px solid #ccc; }

.win-link .item:first-child:hover { border-color: #4281fb; }

.win-link .item:first-child .icon { background-image: url(../images/1v1-on.png); }

.win-link .item:last-child .icon { background-image: url(../images/form-on.png); }

.win-link .item .icon { display: block; text-align: center; width: 0.28rem; height: 0.3rem; margin: 0 auto 0.12rem; background-image: url(../images/form-in.png); background-repeat: no-repeat; background-size: 0.56rem; }

.win-link .item span { display: block; font-size: 0.14rem; color: #333; padding: 0 0.2rem; line-height: 0.18rem; }

.win-link .item .wx { position: absolute; top: 0; left: -1.45rem; width: 1.35rem; display: none; }

.backtop { position: fixed; right: 0.1rem; bottom: 8%; z-index: 10; width: 0.4rem; height: 0.4rem; background-image: url(../images/backtop.png); background-size: 0.4rem; cursor: pointer; }

.fix-footer { display: none; }

.min-box { background-color: #f9fafd; height: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 0.82rem; justify-content: center; }

.min-box p { font-size: 0.26rem; color: #666; line-height: 0.38rem; text-align: center; margin: 0.3rem 0; }

.min-box a { display: block; width: 2rem; height: 0.54rem; background-color: #0774e5; line-height: 0.54rem; font-size: 0.18rem; color: #fff; border-radius: 0.08rem; text-align: center; margin-top: 0.7rem; }

.min-box a:hover { box-shadow: 0 2px 7px 0 rgba(7, 116, 229, 0.8); }

.consult-box { display: flex; }

.consult-box .left-box { width: 5.68rem; background-image: url(../images/lbg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; }

.consult-box .left-box .bg { position: absolute; left: 0.54rem; top: 0.84rem; }

.consult-box .left-box .bg img { display: block; width: 1.85rem; }

.consult-box .left-box .bg p { width: 2.86rem; font-size: 0.2rem; text-align: left; color: #fff; letter-spacing: 0.08rem; margin-top: 0.2rem; }

.consult-box .roght-box { flex-grow: 1; background-color: #f9fafd; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.consult-box .roght-box .backhome { display: block; line-height: 0.3rem; font-size: 0; position: absolute; top: 0.8rem; right: 0.8rem; }

.consult-box .roght-box .backhome .icon { background-image: url(../images/icon.png); background-size: 3rem; background-position: -2.3rem -0.6rem; display: inline-block; vertical-align: middle; width: 0.32rem; height: 0.3rem; }

.consult-box .roght-box .backhome span { display: inline-block; vertical-align: middle; font-size: 0.16rem; color: #666; line-height: 0.3rem; margin-left: 0.05rem; }

.consult-box .roght-box .backhome:hover span { color: #0774e5; }

.consult-box .roght-box .form-box { width: 7.86rem; }

.consult-box .roght-box .form-box .in-title { border-bottom: 1px solid #ccc; padding-bottom: 0.3rem; }

.consult-box .roght-box .form-box .in-title h3 { font-size: 0.32rem; font-weight: bold; }

.consult-box .roght-box .form-box .in-title p { font-size: 0.18rem; color: #333; }

.consult-box .roght-box .form-box .form { padding-top: 0.7rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.consult-box .roght-box .form-box .form .form-item { width: 3.75rem; height: 0.52rem; border: 1px solid #dedede; border-radius: 0.08rem; background-color: #fff; display: flex; overflow: hidden; margin-bottom: 0.3rem; }

.consult-box .roght-box .form-box .form .form-item .form-label { margin: 0.1rem 0.15rem; width: 0.3rem; height: 0.32rem; background-image: url(../images/icon.png); background-size: 3rem; display: block; }

.consult-box .roght-box .form-box .form .form-item .required { position: relative; }

.consult-box .roght-box .form-box .form .form-item .required::after { content: '*'; color: #f00; font-size: 0.3rem; position: absolute; top: 0; right: -0.2rem; }

.consult-box .roght-box .form-box .form .form-item:nth-child(1) .form-label { background-position: -0.74rem -0.6rem; }

.consult-box .roght-box .form-box .form .form-item:nth-child(2) .form-label { background-position: -1.08rem -0.6rem; }

.consult-box .roght-box .form-box .form .form-item:nth-child(3) .form-label { background-position: -1.35rem -0.6rem; }

.consult-box .roght-box .form-box .form .form-item:nth-child(4) .form-label { background-position: -1.65rem -0.6rem; }

.consult-box .roght-box .form-box .form .form-item:nth-child(5) { width: 100%; background-color: transparent; border: none; border-bottom: 1px solid #dedede; border-radius: 0; }

.consult-box .roght-box .form-box .form .form-item:nth-child(5) .form-label { background-position: -2rem -0.6rem; }

.consult-box .roght-box .form-box .form .form-item:nth-child(5) .input-block .input { background-color: transparent; }

.consult-box .roght-box .form-box .form .form-item .input-block { flex-grow: 1; display: block; border: none; width: 100%; line-height: 0.5rem; height: 0.5rem; padding: 0 0.15rem; font-size: 0.16rem; }

.consult-box .roght-box .form-box .form .form-item .input-block .input {display: block; border: none; width: 100%; line-height: 0.5rem; height: 0.5rem; padding: 0 0.15rem; font-size: 0.16rem; }

.consult-box .roght-box .form-box .form .form-item .btn { width: 1.35rem; background-color: #f3f3f3; color: #808080; border: none; border-left: 1px solid #dedede; cursor: pointer; line-height: 0.5rem; }

.consult-box .roght-box .form-box .form .form-item .btn img { display: inline-block; max-width: 100%; height: 100%; vertical-align: middle; }

.consult-box .roght-box .form-box .form .btn-outlined { width: 2rem; height: 0.54rem; text-align: center; line-height: 0.54rem; border-radius: 0.08rem; overflow: hidden; color: #fff; font-size: 0.18rem; background-color: #0774e5; border: none; padding: 0; margin: 0.4rem auto 0; cursor: pointer; }

.consult-box .roght-box .form-box .form .btn-outlined:hover { box-shadow: 0 2px 7px 0 rgba(7, 116, 229, 0.8); }

.consult-box .roght-box .form-box .form .cancel { display: none; }

.seo-banner .u-text { position: absolute; left: 0; bottom: 0; z-index: 10; height: 100%; width: 100%; }

.seo-banner .u-text h3 { font-size: 0.48rem; font-weight: bold; color: #FFFFFF; line-height: 0.6rem; text-transform: Uppercase; margin-top: 1.4rem; }

.seo-banner .u-text p { width: 6.3rem; font-size: 0.16rem; font-weight: 300; color: #FFFFFF; line-height: 0.3rem; margin-top: 0.4rem; }

.seo-banner .u-text a { display: block; margin-top: 0.72rem; width: 1.6rem; height: 0.5rem; border: 1px solid #fff; color: #fff; border-radius: 0.08rem; font-size: 0.18rem; font-weight: 400; line-height: 0.5rem; text-align: center; position: relative; }

.seo-banner .u-text a:hover { background-color: #0774e5; border-color: #0774E5;}

.seo-introduce-box .in-title { padding: 0.45rem 0; }

.seo-introduce-box .seo-introduce-con { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-bottom: 0.5rem; }

.seo-introduce-box .seo-introduce-con .item { width: 49%; height: 1.38rem; background: #F8F9FB; border-radius: 0.08rem; margin-bottom: 0.3rem; }

.seo-introduce-box .seo-introduce-con .item a { display: flex; align-items: center; padding: 0.33rem 0.38rem; cursor: initial;}

.seo-introduce-box .seo-introduce-con .item a .u-img { width: 0.72rem; height: 0.72rem; border-radius: 0.03rem; overflow: hidden; flex-shrink: 0; }

.seo-introduce-box .seo-introduce-con .item a .u-text { flex-grow: 1; margin-left: 0.2rem; }

.seo-introduce-box .seo-introduce-con .item a .u-text h4 { font-size: 0.18rem; font-weight: 400; color: #333333; line-height: 0.24rem; }

.seo-introduce-box .seo-introduce-con .item a .u-text p { font-size: 0.14rem; font-weight: 400; color: #666666; line-height: 0.22rem; margin-top: 0.04rem; }

.seo-effect-box { height: 6.45rem; background: url(../images/effect-bg.jpg) no-repeat center/cover; }

.seo-effect-box .in-title { padding: 0.65rem 0; }

.seo-effect-box .seo-effect-con { display: flex; align-items: center; justify-content: space-between; }

.seo-effect-box .seo-effect-con .item { width: 4.5rem; }

.seo-effect-box .seo-effect-con .item a { display: block; background: #FFFFFF; border: 0.01rem solid #DADCDF; cursor: initial;}

.seo-effect-box .seo-effect-con .item a .u-img { height: 1.6rem; width: 100%; }

.seo-effect-box .seo-effect-con .item a .u-text { padding: 0.3rem 0.5rem; }

.seo-effect-box .seo-effect-con .item a .u-text h4 { height: 0.24rem; font-size: 0.18rem; color: #333333; line-height: 0.24rem; font-weight: normal; }

.seo-effect-box .seo-effect-con .item a .u-text p { height: 0.44rem; font-size: 0.14rem; color: #666666; line-height: 0.22rem; margin-top: 0.25rem; }

.seo-superiority-box .in-title { padding: 0.65rem 0 0.45rem; }

.seo-superiority-box .seo-superiority-con { display: flex; justify-content: space-between; align-items: center; }

.seo-superiority-box .seo-superiority-con .item { border: 1px solid #DADCDF; padding: 0.4rem 0.3rem 0.15rem; width: 3.35rem; }

.seo-superiority-box .seo-superiority-con .item .u-text{cursor: initial;}

.seo-superiority-box .seo-superiority-con .item .u-text h4 { font-size: 0.18rem; color: #333333; line-height: 0.24rem; font-weight: 400; }

.seo-superiority-box .seo-superiority-con .item .u-text p { font-size: 0.14rem; color: #666666; line-height: 0.22rem; height: 1.1rem; margin-top: 0.25rem; }

.seo-superiority-box .seo-superiority-con .item .consult {  font-size: 0.14rem; color: #0774E5; line-height: 0.22rem; display: none;}

.seo-superiority-box .seo-superiority-con .item:hover { background-color: #0774E5; }

.seo-superiority-box .seo-superiority-con .item:hover .u-text h4, .seo-superiority-box .seo-superiority-con .item:hover .u-text p { color: #fff; }

.seo-superiority-box .seo-superiority-con .item:hover .consult { color: #fff; }

.seo-procedure-box { padding-bottom: 0.8rem; }

.seo-procedure-box .in-title { padding: 0.65rem 0 0.45rem; }

.seo-procedure-box .seo-procedure-con ul { display: flex; align-items: center; }

.seo-procedure-box .seo-procedure-con ul li { width: 2.88rem; }

.seo-procedure-box .seo-procedure-con ul li .u-img { width: 1rem; height: 1rem; border-radius: 50%; overflow: hidden; margin: 0 auto; }

.seo-procedure-box .seo-procedure-con ul li .u-text { padding-top: 0.2rem; margin-top: 0.3rem; border-top: 0.01rem solid #DADCDF; position: relative; }

.seo-procedure-box .seo-procedure-con ul li .u-text h4 { font-size: 0.18rem; font-weight: 400; color: #333333; line-height: 0.24rem; text-align: center; }

.seo-procedure-box .seo-procedure-con ul li .u-text p { font-size: 0.14rem; color: #666666; line-height: 0.22rem; text-align: center; margin-top: 0.1rem; height: 0.44rem; padding: 0 0.4rem; }

.seo-procedure-box .seo-procedure-con ul li .u-text i { display: block; width: 0.1rem; height: 0.1rem; background: #DADCDF; border-radius: 50%; position: absolute; top: -0.05rem; left: 50%; transform: translate(-50%, 0); }

.seo-optimiz-box { background: #F8F9FB; padding: 0.7rem 0 0.8rem; }

.seo-optimiz-box .seo-optimiz-con { display: flex; margin-top: 0.5rem; }

.seo-optimiz-box .seo-optimiz-con .item { box-shadow: 0 0 0.12rem 0.02rem rgba(34, 57, 162, 0.05); border-radius: 0.08rem; padding: 0.3rem; position: relative; display: flex; flex-direction: column; justify-content: space-between; }

.seo-optimiz-box .seo-optimiz-con .item .u-text { font-size: 0.18rem; line-height: 0.24rem; z-index: 1; }

.seo-optimiz-box .seo-optimiz-con .item .consult { font-size: 0.14rem; line-height: 0.22rem; z-index: 1; display: none;}

.seo-optimiz-box .seo-optimiz-con .item::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; top: 0; left: 0; background-image: url(../images/optimiz-icon.png); background-repeat: no-repeat; background-size: 1.23rem; background-position: right bottom; opacity: 0.05; }

.seo-optimiz-box .seo-optimiz-con .l-column .item { width: 3.33rem; height: 2.6rem; background-color: #0774E5; }

.seo-optimiz-box .seo-optimiz-con .l-column .item .u-text { color: #FFFFFF; }

.seo-optimiz-box .seo-optimiz-con .l-column .item .consult { color: #FFFFFF; }

.seo-optimiz-box .seo-optimiz-con .l-column .item::before { content: ""; opacity: 0.3; }

.seo-optimiz-box .seo-optimiz-con .r-column { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: 0.2rem; }

.seo-optimiz-box .seo-optimiz-con .r-column .item { width: 5.35rem; height: 1.25rem; margin-bottom: 0.1rem; background-color: #fff; transition: all 0.3s; }

.seo-optimiz-box .seo-optimiz-con .r-column .item .u-text { color: #333; }

.seo-optimiz-box .seo-optimiz-con .r-column .item .consult { color: #0774E5; display: none;}

.seo-optimiz-box .seo-optimiz-con .r-column .item::before { content: ""; opacity: 0.05; background-position: right -0.05rem bottom -0.4rem; }

.seo-optimiz-box .seo-optimiz-con .r-column .item:hover { background-color: #0774E5; }

.seo-optimiz-box .seo-optimiz-con .r-column .item:hover .u-text { color: #FFFFFF; }

.seo-optimiz-box .seo-optimiz-con .r-column .item:hover .consult { color: #FFFFFF; }

.seo-optimiz-box .seo-optimiz-con .r-column .item:hover::before { content: ""; opacity: 0.3; }

.seo-case-box { padding-bottom: 0.65rem; }

.seo-case-box .in-title { padding: 0.6rem 0; }

.seo-case-box .seo-case-con ul li { margin: 0 0.1rem; }

.seo-case-box .seo-case-con ul li a { display: block; cursor: initial;}

.seo-case-box .seo-case-con ul li a .u-img {overflow: hidden;width: 100%;height: 1.95rem;}

.seo-case-box .seo-case-con ul li a .u-img img { transition: all 0.3s; }

.seo-case-box .seo-case-con ul li a .u-text { font-size: 0.18rem; font-weight: 400; color: #333333; line-height: 0.24rem; text-align: center; margin: 0.25rem 0; }

.seo-case-box .seo-case-con ul li a:hover .u-img img { transform: scale(1.1); }

.seo-case-box .seo-case-con ul li a:hover .u-text { color: #3c6ae6; }

.seo-news-box { background-color: #f8f9fb; padding: 0.7rem 0 0.6rem 0.75rem; }

.seo-news-box .in-title { padding: 0.65rem 0 0.45rem; }

.seo-news-box .sec-nes-con { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.seo-news-box .sec-nes-con .items { width: 49%; height: 1.44rem; background-color: #fff; box-shadow: 0 0 0.13rem 0 rgba(60, 106, 230, 0.05); padding: 0.27rem 0.25rem; padding-right: 0; border-radius: 0.08rem; margin-bottom: 0.4rem; transition: all 0.3s; }

.seo-news-box .sec-nes-con .items a { display: flex; }

.seo-news-box .sec-nes-con .items a .u-text {padding-right: 0.3rem;flex-grow: 1;max-width: 5.35rem;}

.seo-news-box .sec-nes-con .items a .u-text .y-tit {font-size: 0.2rem;font-weight: bold;color: #333;line-height: 0.24rem;transition: all 0.3s;width: 100%;}

.seo-news-box .sec-nes-con .items a .u-text .y-text-con {font-size: 0.14rem;color: #828282;line-height: 0.24rem;margin-top: 0.18rem;transition: all 0.3s;width: 100%;}

.seo-news-box .sec-nes-con .items a .u-date { width: 1.15rem; flex-shrink: 0; border-left: 0.01rem solid #dee7e7; transition: all 0.3s; }

.seo-news-box .sec-nes-con .items a .u-date .day { text-align: center; font-size: 0.48rem; color: #434343; line-height: 0.5rem; font-weight: bold; transition: all 0.3s; }

.seo-news-box .sec-nes-con .items a .u-date .years { font-size: 0.16rem; color: #999; line-height: 0.4rem; text-align: center; transition: all 0.3s; }

.seo-news-box .sec-nes-con .items:hover { background-color: #0774e5; }

.seo-news-box .sec-nes-con .items:hover a .u-text .y-tit, .seo-news-box .sec-nes-con .items:hover a .u-text .y-text-con { color: #fff; }

.seo-news-box .sec-nes-con .items:hover a .u-date { border-color: #fff; }

.seo-news-box .sec-nes-con .items:hover a .u-date .day, .seo-news-box .sec-nes-con .items:hover a .u-date .years { color: #fff; }

.about-banner { height: 5.15rem; }

.about-banner .u-data { position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 3.38rem; }

.about-banner .u-data ul { display: flex; height: 3.38rem; justify-content: space-between; align-items: center; }

.about-banner .u-data ul li { width: 25%; }

.about-banner .u-data ul li .data { text-align: center; color: #fff; font-size: 0.42rem; font-weight: bold; display: flex; justify-content: center; line-height: 0.4rem; }

.about-banner .u-data ul li .data i { font-size: 0.2rem; font-style: normal; font-weight: normal; margin-left: 0.05rem; }

.about-banner .u-data ul li p { text-align: center; color: #fff; font-size: 0.22rem; line-height: 0.36rem; margin-top: 0.1rem; font-weight: 200; }

.about-us-box { margin: -1.77rem 0 0.8rem; }

.about-us-box .area { background-color: #f8f9fb; padding-bottom: 0.75rem; }

.about-us-box .area .in-title { padding: 0.5rem 0; }

.about-us-box .area .in-title h3 { font-weight: 400; }

.about-us-box .area .in-title p {color: #aaa;font-size: 0.16rem;font-weight: 400;margin-top: 0;}

.about-us-box .area .about-us-con { padding: 0 0.4rem; overflow: hidden; }

.about-us-box .area .about-us-con p { font-size: 0.16rem; font-weight: 400; color: #666666; line-height: 0.3rem; padding-bottom: 0.3rem; }

.about-us-box .area .more { display: block; width: 1.93rem; height: 0.55rem; border: 0.01rem solid #DDDDDD; border-radius: 0.3rem; font-size: 0.2rem; font-weight: 400; line-height: 0.53rem; text-align: center; color: #727272; margin: 0.7rem auto 0; }

.about-us-box .area .more:hover { color: #3c6ae6; border-color: #3c6ae6; }

.about-culture-box ul { display: flex; flex-wrap: wrap; align-items: center; }

.about-culture-box ul li { width: 50%; height: 4.04rem; overflow: hidden; background-color: #f0f0f0; }

.about-culture-box ul li .u-img { width: 100%; height: 100%; transition: all 0.3s; }

.about-culture-box ul li .u-img:hover { transform: scale(1.1); }

.about-culture-box ul li:first-child, .about-culture-box ul li:last-child { padding: 0.8rem 1rem; }

.about-culture-box ul li:first-child { background: url(../images/vision-bg.jpg) center/cover; }

.about-culture-box ul li:last-child { background: url(../images/corporate_bg.jpg) center/cover; }

.about-culture-box ul li .in-title h3 { text-align: left; }

.about-culture-box ul li .in-title p { text-transform: uppercase; font-size: 0.16rem; text-align: left; margin-top: 0; color: #aaa; }

.about-culture-box ul li .y-text-con { position: relative; font-size: 0.18rem; font-weight: 400; color: #666666; line-height: 0.32rem; margin-top: 0.5rem; }

.about-culture-box ul li .y-text-con::before { content: ''; display: block; width: 0.36rem; height: 0.04rem; background: #0774E5; margin-bottom: 0.5rem; transition: all 0.3s; }

.about-culture-box ul li:hover .y-text-con::before { content: ''; width: 0.5rem; }

.about-course-box { background: url(../images/course-box-bg.jpg) center/cover; height: 7.35rem; margin-top: 0.8rem; }

.about-course-box .area .in-title { padding: 0.7rem 0 0.5rem; }

.about-course-box .area .in-title h3 { font-weight: 400; }

.about-course-box .area .in-title p {text-transform: uppercase;color: #aaa;font-size: 0.16rem;font-weight: 400;}

.about-course-box .area .about-course-con { position: relative; }

.about-course-box .area .about-course-con .swiper-container { margin: 0 0.8rem; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide { width: 4.16rem; height: 3.38rem; margin-right: 0.15rem; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide:last-child { margin-right: 0; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a { display: block; width: 4.16rem; height: 3.38rem; background: #FFFFFF; padding: 0.4rem; transition: all 0.3s; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a h3 { font-size: 0.24rem; color: #333333; line-height: 0.38rem; font-weight: normal; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a .u-text { height: 2rem; overflow: hidden; margin-top: 0.2rem; font-size: 0.16rem; color: #666666; line-height: 0.28rem; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a:hover { background-color: #3c6ae6; }

.about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a:hover h3, .about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a:hover .u-text { color: #fff; }

.about-course-box .area .about-course-con .swiper-button-prev { background-image: url(../images/l.png); }

.about-course-box .area .about-course-con .swiper-button-next { background-image: url(../images/r.png); }

.about-course-box .area .about-course-con .swiper-button-black { outline: none; background-size: 0.4rem; background-position: -0.2rem 0; width: 0.2rem; height: 0.3rem; opacity: 1; top: 1.55rem; }

.about-course-box .area .about-course-con .swiper-button-black.swiper-button-disabled { background-position: 0 0; }

.about-course-box .area .about-course-con .pagination { margin: 0.75rem 0.8rem 0; }

.about-course-box .area .about-course-con .pagination .swiper-pagination { position: initial; width: 100%; height: 0.05rem; background: #C7C7C7; }

.about-course-box .area .about-course-con .pagination .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #c00; }

.about-course-box .area .about-course-con .pagination .axis { margin-bottom: 0.03rem; width: 100%; height: 0.12rem; background: url(../images/axis.png) no-repeat top left; }

.about-course-box .area .about-course-con .pagination .time { display: flex; justify-content: space-between; align-items: center; }

.about-course-box .area .about-course-con .pagination .time span { font-size: 0.18rem; color: #666666; line-height: 0.24rem; margin-top: 0.15rem; padding: 0 0.15rem; }

.about-team-box .area .in-title { padding: 0.7rem 0 0.5rem; }

.about-team-box .area .in-title h3 { font-weight: 400; }

.about-team-box .area .in-title p {text-transform: uppercase;color: #aaa;font-size: 0.16rem;font-weight: 400;}

.about-team-box .area .about-team-text { padding: 0 0.8rem; font-size: 0.16rem; color: #666666; line-height: 0.28rem; }

.about-team-box .area .about-team-logo { padding: 0.5rem 0 0.8rem; }

.about-team-box .area .about-team-logo ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.about-team-box .area .about-team-logo ul a { display: block; width: 2.15rem; height: 0.76rem; border: 0.01rem solid #E1E1E1; padding: 0.05rem; overflow: hidden; }

.about-team-box .area .about-team-logo ul a img {transition: all 0.3s;filter: grayscale(100%);}

.about-team-box .area .about-team-logo ul a img:hover {transform: scale(1.3);filter: grayscale(0);}

.about-Certificates-box { background: #F8F9FB; padding-bottom: 0.65rem; }

.about-Certificates-box .area .in-title { padding: 0.7rem 0 0.5rem; }

.about-Certificates-box .area .in-title h3 { font-weight: 400; }

.about-Certificates-box .area .in-title p {text-transform: uppercase;color: #aaa;font-size: 0.16rem;font-weight: 400;}

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide { width: 5.38rem; transform-origin: 50% 100%; }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide a { display: block; }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide a .u-img { width: 5.38rem; height: 3.98rem; overflow: hidden; background-color: #fff; }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide a .u-img img { transition: all 0.3s; opacity: 0.3; }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide a .u-img:hover img { transform: scale(1.02); }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide a p { font-size: 0.18rem; text-align: center; color: #333333; line-height: 0.3rem; margin: 0.2rem 0 0; display: none; }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active a .u-img img { opacity: 1; }

.about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active a p { display: block; }

.about-Certificates-box .area .about-Certificates-con .swiper-button-prev { background-image: url(../images/l.png); }

.about-Certificates-box .area .about-Certificates-con .swiper-button-next { background-image: url(../images/r.png); }

.about-Certificates-box .area .about-Certificates-con .swiper-button-black { outline: none; background-size: 0.4rem; background-position: 0 0; width: 0.2rem; height: 0.3rem; opacity: 1; top: 65%; margin-top: -0.15rem; }

.about-Certificates-box .area .about-Certificates-con .swiper-button-black:hover { background-position: -0.2rem 0; }

.about-contact-box .area .in-title { padding: 0.7rem 0 0.5rem; }

.about-contact-box .area .in-title h3 { font-weight: 400; }

.about-contact-box .area .in-title p {text-transform: uppercase;color: #aaa;font-size: 0.16rem;font-weight: 400;}
.about-contact-box .area .about-contact-con {min-height: 5.55rem; margin-bottom: 1.05rem; position: relative;}
.about-contact-box .area .about-contact-con .about-contact_bg{position: absolute; top: 0;left: 0; z-index: 1; width: 100%;height: 100%;}
.about-contact-box .area .about-contact-con  .m-text{position: relative;z-index: 2;padding: 0.62rem 0 0.62rem 0.52rem;}
.about-contact-box .area .about-contact-con  .m-text .u-img{width: 5.68rem;height: 2.5rem;}
.about-contact-box .area .about-contact-con  .m-text .u-text{width: 5.68rem; background-color: #0774e5;padding: 0.35rem;}
.about-contact-box .area .about-contact-con  .m-text .u-text .address ,
.about-contact-box .area .about-contact-con  .m-text .u-text .tel{display: flex;}
.about-contact-box .area .about-contact-con  .m-text .u-text .address label,
.about-contact-box .area .about-contact-con  .m-text .u-text .tel label{font-size: 0.2rem;line-height: 0.43rem;color: #fff;flex-shrink: 0;}
.about-contact-box .area .about-contact-con  .m-text .u-text .address span,.about-contact-box .area .about-contact-con  .m-text .u-text .tel span{font-size: 0.2rem;line-height: 0.43rem;color: #fff;}
@media screen and (max-width: 1080px) { .area { max-width: 750px; min-width: 260px; padding: 0; }
  .area::after { display: none; }
  .tip-box { height: 0.9rem; padding: 0 0.25rem; }
  .tip-box .area { height: 0.9rem; }
  .tip-box .area .logo-box { width: 1.95rem; height: 0.7rem; }
  .tip-box .area .nav-box { width: 0.66rem; height: 0.44rem; }
  .tip-box .area .nav-box .menu { display: block; height: 0.44rem; width: 0.66rem; background-image: url(../images/icon.png); background-size: 3rem; background-position: 0 -0.8rem; }
  .tip-box .area .nav-box .menu.spread { background-image: url(../images/close.png); background-size: 0.4rem; background-position: 0 0; background-repeat: no-repeat; }
  .tip-box .area .nav-box ul { left: 0; position: fixed; top: -200%; z-index: 10; background-color: #f9fafd; width: 100%; flex-direction: column; transition: all 0.35s; opacity: 0; justify-content: inherit; border-top: 1px solid #e9e9e9; padding: 0 0.25rem; overflow: scroll; }
  .tip-box .area .nav-box ul.open { top: 0.9rem; opacity: 1; padding-bottom: 0.9rem;}
  .tip-box .area .nav-box ul li { position: relative; height: auto; border-bottom: 0.02rem solid #ccc; }
  .tip-box .area .nav-box ul li > a { display: block; padding: 0; line-height: 1.4rem; font-size: 0.34rem; color: #000; border-left: 2px solid transparent; position: relative; }
  .tip-box .area .nav-box ul li.j-li > a::before { content: ''; display: block; width: 0.34rem; height: 0.03rem; background-color: #b9b9ba; position: absolute; top: 50%; margin-top: -0.02rem; right: 0; }
  .tip-box .area .nav-box ul li.j-li > a::after { content: ''; display: block; height: 0.34rem; width: 0.03rem; background-color: #b9b9ba; position: absolute; top: 50%; right: 0.16rem; margin-top: -0.16rem; }
  .tip-box .area .nav-box ul li.active > a::after { content: ''; display: none; }
  .tip-box .area .nav-box ul li.active .nav-subnav { display: block; }
  .tip-box .area .nav-box ul li .nav-subnav a { padding-left: 0.65rem; line-height: 0.96rem; font-size: 0.32rem; color: #666666; }
  .tip-box .area .nav-box ul li .nav-subnav { position: relative; top: 0; background-color: transparent; border-top: 0.02rem solid #ccc; padding: 0.35rem 0;display: none; }
  .tip-box .area .button-box { display: none; }
  .banner.pc { display: none; }
  .banner.wap { display: block; padding-top: 0.9rem; }
  .banner .swiper-container { height: 5.15rem; }
  .banner .swiper-pagination { width: 100%; height: 0.2rem; top: inherit; left: 0; bottom: 0.3rem; display: flex; justify-content: center; align-items: center; margin: 0; }
  .banner .swiper-pagination .swiper-pagination-bullet { margin: 0; }
  .in-banner { height: 5rem; }
  .in-banner.seo-banner .u-text h3 { margin-top: 0.8rem; padding-left: 0.25rem; }
  .in-banner.seo-banner .u-text p { width: 80%; padding: 0 0.25rem; }
  .in-banner.seo-banner .u-text a { margin-left: 0.25rem; }
  .in-title p { font-size: 0.22rem; }
  .product-box { padding: 0.45rem 0.25rem 0; }
  .product-box .product-tit ul { justify-content: space-between; }
  .product-box .product-tit ul li { font-size: 0.24rem; }
  .product-box .product-con .items { margin: 0; padding: 0.2rem 0 0.45rem; }
  .product-box .product-con .items .swiper-container { padding: 0.25rem 0.25rem 0.45rem; margin: 0 -0.25rem; }
  .product-box .product-con .items ul li a.info{height: auto;}
  .product-box .product-con .items ul li a.consult{display: none;}
  .product-box .product-con .items .swiper-container .swiper-pagination { top: inherit; bottom: 0; width: calc(100% - 0.5rem); left: 0.25rem; background-color: #f5f5f5; }
  .product-box .product-con .items .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #d8d8d8; }
  .product-box .product-con .items .swiper-button-next, .product-box .product-con .items .swiper-button-prev { display: none; }
  .product-box .product-con .items ul li a .pic { margin: 0.25rem auto 0.1rem; }
  .case-box .case-con { padding: 0 0.25rem; }
  .case-box .case-con .swiper-container { margin: 0 -0.25rem; padding: 0 0.25rem; }
  .case-box .case-con .swiper-container .swiper-button-prev, .case-box .case-con .swiper-container .swiper-button-next { display: none; }
  .case-box .case-con .swiper-container .swiper-slide { margin: 0.65rem 0 0.3rem; }
  .case-box .case-con .swiper-container a .pic { height: 3.65rem; }
  .case-box .case-con .case-list { margin-top: 0.4rem; }
  .case-box .case-con .case-list ul li .data { flex-wrap: wrap; font-size: 0.36rem; }
  .case-box .case-con .case-list ul li .data i { width: 100%; }
  .case-box .case-con .case-list ul li p { font-size: 0.2rem; }
  .news-box { padding: 0.45rem 0.25rem; }
  .news-box .news-tit ul { justify-content: space-between; }
  .news-box .news-tit ul li { font-size: 0.24rem; }
  .news-box .news-con .items { height: auto; min-height: 2rem; }
  .news-box .news-con .items ul li { width: 100%; margin-bottom: 0.2rem; }
  .news-box .news-con .items ul li a .u-text .y-tit { font-size: 0.22rem; }
  .news-box .news-con .items ul li a .u-text .y-text-con { font-size: 0.2rem; }
  .news-box .news-con .items ul li a .u-date .day { font-size: 0.36rem; }
  .news-box .news-con .items ul li a .u-date .years { font-size: 0.2rem; }
  .poster { height: 3.48rem; }
  .poster .area { height: 100%; flex-direction: column; padding: 0.65rem 0; }
  .poster .area .text { text-align: center; }
  .poster .area .text h3 { font-weight: 500; }
  .client-box { padding: 0.75rem 0.25rem; }
  .client-box .client-list ul li:nth-child(2n) { border-top: 1px solid #dee7e7; }
  .client-box .client-list .swiper-pagination { background-color: #f5f5f5; }
  .client-box .client-list .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #d8d8d8; }
  .footer-box { padding: 0.55rem 0.25rem; }
  .footer-box .area { flex-wrap: wrap; }
  .footer-box .area .contact { order: 5; width: 100%; }
  .footer-box .area .fast-track {margin-top: 0;width: 1.7rem;border-bottom: 2px solid #555555;padding-left: 0.4rem;padding-bottom: 0.5rem;}
  .footer-box .area .fast-track h4 { font-size: 0.28rem; }
  .footer-box .area .fast-track ul {display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;}
  .footer-box .area .fast-track ul li { width: 100%; }
  .footer-box .area .fast-track ul li a { font-size: 0.25rem; line-height: 0.64rem; }
  .footer-box .area .Choose-us { width: 1.8rem; margin-top: 0; border-bottom: 2px solid #555555; padding-right: 0.4rem; padding-bottom: 0.5rem; }
  .footer-box .area .Choose-us h4 { font-size: 0.3rem; text-align: right; }
  .footer-box .area .Choose-us ul li a { text-align: right; font-size: 0.26rem; line-height: 0.64rem; }
  .footer-box .area .contact-us { border-bottom: 2px solid #555555; width: 100%; margin: 0; padding: 0.5rem 0.35rem; }
  .footer-box .area .contact-us h4 { font-size: 0.3rem; }
  .footer-box .area .contact-us .tele { font-size: 0.48rem; }
  .footer-box .area .contact-us p { font-size: 0.26rem; color: #b5b5b5; line-height: 0.5rem; }
  .footer-box .area .contact { width: 100%; margin: 0; padding-top: 0.5rem; text-align: center; }
  .footer-box .area .contact p { font-size: 0.32rem; }
  .copyright-box { padding: 0.45rem 0.25rem 1rem; }
  .copyright-box .area {padding: 0.4rem 0;height: auto;flex-wrap: wrap;}
  .copyright-box .area p {font-size: 0.24rem;text-align: center;color: #afafaf;width: 100%;}
  .copyright-box .area p a{display:block}
  .copyright-box .area a {display: none;}
  .win-link { display: none; }
  .fix-footer { position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%; height: 1rem; background-color: #0774e5; display: flex; justify-content: space-between; padding: 0.13rem 0.25rem 0; }
  .fix-footer a { display: block; width: 25%; }
  .fix-footer a .icon { width: 0.45rem; height: 0.42rem; display: block; margin: 0 auto; }
  .fix-footer a .icon img { max-width: 100%; display: inline-block; }
  .fix-footer a p { margin-top: 0.05rem; font-size: 0.2rem; color: #fff; line-height: 0.36rem; text-align: center; }
  .min-box { padding-top: 0.9rem; }
  .min-box a { width: 2.75rem; height: 0.75rem; line-height: 0.75rem; font-size: 0.26rem; }
  .consult-box { position: relative; padding-top: 2.2rem; }
  .consult-box .left-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-image: url(../images/wapform.jpg); }
  .consult-box .left-box .bg { width: 100%; text-align: center; top: 0.4rem; left: 0; }
  .consult-box .left-box .bg img { display: inline-block; }
  .consult-box .left-box .bg p { width: auto; text-align: center; font-size: 0.24rem; }
  .consult-box .roght-box { background-position: top; background-size: cover; justify-content: start; position: relative; z-index: 2; background-color: transparent; }
  .consult-box .roght-box .backhome { display: none; }
  .consult-box .roght-box .form-box { width: 7rem; background-color: #fff; height: calc(100% - 0.5rem); border-radius: 0.05rem; overflow: hidden; box-shadow: 0 0 0.16rem 0.1rem rgba(10, 73, 122, 0.2); padding-top: 0.6rem; overflow: scroll; }
  .consult-box .roght-box .form-box .in-title { border-bottom: none; }
  .consult-box .roght-box .form-box .in-title h3 { font-weight: 400; }
  .consult-box .roght-box .form-box .in-title p { font-size: 0.24rem; color: #666; }
  .consult-box .roght-box .form-box .form { padding: 0.4rem 0.8rem; flex-direction: column; }
  .consult-box .roght-box .form-box .form .form-item { width: 100%; margin-bottom: 0.45rem; height: 0.75rem; align-items: center; }
  .consult-box .roght-box .form-box .form .form-item .form-label { margin-left: 0.25rem; }
  .consult-box .roght-box .form-box .form .form-item .input-block .input { font-size: 0.26rem; }
  .consult-box .roght-box .form-box .form .form-item .btn { height: 0.75rem; width: 1.8rem; }
  .consult-box .roght-box .form-box .form .btn-outlined { width: 2.65rem; line-height: 0.75rem; height: 0.75rem; font-size: 0.26rem; }
  .consult-box .roght-box .form-box .form .cancel { font-size: 0.24rem; display: block; width: 2.65rem; text-align: center; margin: 0.65rem auto 0; color: #999; }
  .seo-introduce-box .seo-introduce-con { padding: 0 0.25rem; }
  .seo-introduce-box .seo-introduce-con .item { width: 100%; margin-bottom: 0.15rem; }
  .seo-introduce-box .seo-introduce-con .item a { padding: 0.13rem 0.25rem; }
  .seo-introduce-box .seo-introduce-con .item a .u-text h4 { font-size: 0.22rem; line-height: 0.32rem; }
  .seo-introduce-box .seo-introduce-con .item a .u-text p { font-size: 0.2rem; line-height: 0.3rem; }
  .seo-effect-box { height: auto; }
  .seo-effect-box .seo-effect-con { flex-direction: column; padding: 0 0.25rem; }
  .seo-effect-box .seo-effect-con .item { width: 100%; margin-bottom: 0.2rem; }
  .seo-effect-box .seo-effect-con .item a { border: none; background-color: rgba(255, 255, 255, 0.5); }
  .seo-effect-box .seo-effect-con .item a .u-text h4 { font-size: 0.28rem; }
  .seo-effect-box .seo-effect-con .item a .u-text p { font-size: 0.22rem; line-height: 0.32rem; height: 0.64rem; }
  .seo-superiority-box .seo-superiority-con { flex-wrap: wrap; padding: 0 0.25rem; }
  .seo-superiority-box .seo-superiority-con .item { margin-bottom: 0.25rem; }
  .seo-superiority-box .seo-superiority-con .item .u-text h4 { font-size: 0.28rem; line-height: 0.4rem; height: 0.8rem; }
  .seo-superiority-box .seo-superiority-con .item .u-text p { font-size: 0.22rem; line-height: 0.32rem; height: 1.28rem; }
  .seo-superiority-box .seo-superiority-con .item .consult { font-size: 0.22rem; line-height: 0.3rem; }
  .seo-procedure-box .seo-procedure-con ul li .u-text h4 { font-size: 0.3rem; line-height: 0.42rem; }
  .seo-procedure-box .seo-procedure-con ul li .u-text p { font-size: 0.24rem; line-height: 0.32rem; height: 0.96rem; padding: 0 0.2rem; }
  .seo-optimiz-box .seo-optimiz-con { flex-direction: column; padding: 0 0.3rem; }
  .seo-optimiz-box .seo-optimiz-con .l-column .item { width: 100%; height: 2rem; }
  .seo-optimiz-box .seo-optimiz-con .l-column .item .u-text, .seo-optimiz-box .seo-optimiz-con .l-column .item .consult { font-size: 0.22rem; line-height: 0.36rem; }
  .seo-optimiz-box .seo-optimiz-con .r-column { margin-left: 0; margin-top: 0.2rem; }
  .seo-optimiz-box .seo-optimiz-con .r-column .item { width: 49%; height: 1.6rem; margin-bottom: 0.1rem; padding: 0.15rem; }
  .seo-optimiz-box .seo-optimiz-con .r-column .item .u-text, .seo-optimiz-box .seo-optimiz-con .r-column .item .consult { font-size: 0.22rem; line-height: 0.36rem; }
  .seo-case-box .seo-case-con { margin: 0 0.25rem; overflow: hidden; padding-bottom: 0.35rem;}
  .seo-case-box .seo-case-con .swiper-pagination{top: inherit; bottom: 0;  width: calc(100% - 0.5rem); left: 0.25rem;  background-color: #f5f5f5;}
  .seo-case-box .seo-case-con .swiper-pagination .swiper-pagination-progressbar-fill{background-color: rgb(216, 216, 216)}
  .seo-case-box .seo-case-con ul li { margin: 0; width: 100%; }
  .seo-case-box .seo-case-con ul li a .u-text { font-size: 0.24rem; line-height: 0.4rem; }
  .seo-news-box { padding: 0rem 0.25rem; }
  .seo-news-box .sec-nes-con .items { width: 100%; margin-bottom: 0.2rem; height: 1.75rem;}
  .seo-news-box .sec-nes-con .items a .u-text .y-tit { font-size: 0.26rem; line-height: 1.2;}
  .seo-news-box .sec-nes-con .items a .u-text .y-text-con { font-size: 0.24rem; line-height: 1.5;}
  .seo-news-box .sec-nes-con .items a .u-date .day { font-size: 0.36rem; }
  .seo-news-box .sec-nes-con .items a .u-date .years { font-size: 0.2rem; }
  .about-banner .u-data ul li p { font-size: 0.22rem; }
  .about-us-box .area .in-title p { font-size: 0.22rem; }
  .about-us-box .area .about-us-con p { font-size: 0.24rem; }
  .about-us-box .area .more { font-size: 0.24rem; }
  .about-culture-box ul li:first-child, .about-culture-box ul li:last-child { padding: 0.5rem 0.3rem; }
  .about-culture-box ul li .in-title p { font-size: 0.22rem; }
  .about-culture-box ul li .y-text-con { font-size: 0.22rem; height: 100%;}
  .about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide { width: 100%; margin: 0; }
  .about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a { width: 100%; }
  .about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a h3 { font-size: 0.28rem; }
  .about-course-box .area .about-course-con .swiper-container .swiper-wrapper .swiper-slide a .u-text { font-size: 0.24rem; line-height: 1.5; }
  .about-course-box .area .about-course-con .swiper-button-black { top: 2.15rem; }
  .about-course-box .area .about-course-con .pagination { margin: 0.45rem 0.8rem 0; }
  .about-course-box .area .about-course-con .pagination .axis { height: 0.2rem; background-size: auto; background-position: center; }
  .about-course-box .area .about-course-con .pagination .swiper-pagination { border-radius: 0.08rem; height: 0.08rem; overflow: hidden; }
  .about-team-box .area .about-team-text { font-size: 0.24rem; line-height: 1.5; }
  .about-team-box .area .about-team-logo { padding: 0.35rem; }
  .about-team-box .area .about-team-logo ul { justify-content: space-evenly; }
  .about-team-box .area .about-team-logo ul a { margin-top: 0.15rem; }
  .about-team-box .area .about-team-logo ul a img{filter: grayscale(0);}
  .about-Certificates-box .area .about-Certificates-con { padding: 0 0.25rem; }
  .about-Certificates-box .area .about-Certificates-con .swiper-container .swiper-wrapper .swiper-slide a p { font-size: 0.26rem; font-weight: bold; }
  .about-Certificates-box .area .about-Certificates-con .swiper-button-black { display: none; }
  .about-contact-box { padding: 0 0.25rem; }
  .about-contact-box .area .about-contact-con{min-height: auto;}
  .about-contact-box .area .about-contact-con .about-contact_bg{display: none;}
  .about-contact-box .area .about-contact-con .m-text{padding: 0;}
  .about-contact-box .area .about-contact-con .m-text .u-img,.about-contact-box .area .about-contact-con .m-text .u-text{width: 100%;}
  .about-contact-box .area .about-contact-con .m-text .u-img{ height: 3rem; }
  .about-contact-box .area .about-contact-con .m-text .u-text .address span, .about-contact-box .area .about-contact-con .m-text .u-text .tel span,.about-contact-box .area .about-contact-con .m-text .u-text .address label, .about-contact-box .area .about-contact-con .m-text .u-text .tel label{font-size: 0.24rem;}
  
 }

.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: none; justify-content: center; align-items: center; }

.popup .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); z-index: 1; }

.popup .con { border: 0.03rem solid rgba(60, 106, 230, 0.22); box-shadow: 0 0.03rem 0.3rem 0 rgba(60, 106, 230, 0.4); width: 5.3rem; background-image: url(../images/lbg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; z-index: 5; padding: 0.45rem 0.65rem; }

.popup .con .close { width: 0.34rem; height: 0.34rem; border-radius: 50%; display: block; position: absolute; top: 0.18rem; right: 0.15rem; cursor: pointer; background-image: url(../images/close.png); background-repeat: no-repeat; background-size: cover; }

.popup .con .popup-title h3 { text-align: center; font-size: 0.3rem; color: #fff; line-height: 0.48rem; }

.popup .con .popup-title p { color: #ccc; font-size: 0.15rem; line-height: 0.3rem; text-align: center; }

.popup .con .popup-title p span { color: red; }

.popup .con .popup-form { padding-top: 0.35rem; }

.popup .con .popup-form .itme { display: flex; align-items: flex-start; }

.popup .con .popup-form .itme label { display: block; color: #fff; font-size: 0.16rem; line-height: 0.38rem; width: 1.4rem; }

.popup .con .popup-form .itme .right-clumn { display: flex; justify-content: space-between; flex-wrap: wrap; width: 2.25rem; margin-left: 0.15rem; position: relative; }

.popup .con .popup-form .itme .right-clumn input { display: block; line-height: 0.36rem; height: 0.38rem; border: 0.01rem solid #fff; background-color: #fff; appearance: none; outline: none; width: 100%; padding: 0 0.15rem; margin-bottom: 0.15rem; color: #3c6ae6; font-size: 0.14rem; }

.popup .con .popup-form .itme .button { width: 1.4rem; height: 0.5rem; text-align: center; background-color: #fff; font-size: 0.16rem; color: #000; border: none; cursor: pointer; margin: 0.2rem auto; }

.popup .con .tips { color: rgba(255, 255, 255, 0.5); font-size: 0.14rem; text-align: center; line-height: 0.48rem; }

.inside { padding: 0.3rem 0.3rem 0.75rem; }

.inside .content { padding: 0.5rem 0; }

.inside .content p { font-size: 0.16rem; line-height: 0.3rem; color: #666; margin-bottom: 0.1rem; }

.inside .content img { display: inline-block; max-width: 100%; margin: 0.2rem 0; }

.inside .content h2 { font-size: 0.24rem; color: #333; margin: 0.3rem 0; }

.m-page{width: 100%; text-align: center; margin: .8rem 0; font-size: 0;}
.m-page a{line-height: .4rem; border: 1px solid #e0e0e0; margin-left: -1px; display: inline-block; font-size: .14rem; padding: 0 .14rem; color: #ccc;}
.m-page a:hover,.m-page a.on{background-color: #3c6ae6; color: #fff; border-color: #3c6ae6;}
@media screen and (max-width: 768px){
    body::-webkit-scrollbar{width: 0;}
    .m-page a{font-size: .2rem;} 
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #666; font-weight: normal; font-size: .24rem;}}