/*#region 閫氱敤*/ body { color: #333333; font-size: 14px; font-family: 寰蒋闆呴粦;} a{color: #333333;} a:hover{color: #0e926b;} body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; } img { aspect-ratio: attr(width) / attr(height); } ul, ol, li, dl, dd, dt {list-style-type: none; } .img-width{width: 100%;height: auto;} .main-container { margin-bottom: 40px; margin-top: 40px; } .bghui{background: #f2f2f2;} .card-thumb img{transition: all 0.5s ease;} .card-thumb:hover img{transform: scale(1.05);} .container-xl.long{max-width: 1780px;} @media(max-width:768px) { .main-container { margin: 20px 0; } } /*#endregion*/ .header {z-index: 999;width: 100%;} .header-nav{background: #fff;} .header-nav .nav{display: flex;align-items: center;justify-content: flex-end;} .header-nav .nav .tkbtn{background: #ff7633;font-size: 18px;color: #fff;font-weight: bold; cursor: pointer;padding: 8px 20px;margin-left: 30px;font-family: 寰蒋闆呴粦;} .header .toptext{margin-left: 30px;padding-left: 30px;border-left: 1px solid #dddddd;color: #666666;} .header .toptext .t1{font-size: 18px;line-height: 28px;font-weight: bold;} .header .toptext .t2{font-size: 18px;line-height: 28px;} .header.ny .toptext{border-left: 1px solid #fff;color: #fff;} .header.ny .header-nav{background: transparent;position: fixed;top: 0;right: 0;left: 0;height: 130px;z-index: 999;} .header.ny .navbar-custom .navbar-nav .nav-link{color: #fff;} .header.ny .navbar-custom .navbar-nav .nav-link:before{background: #fff;} .header.ny .off{display: block;} .header.ny .on{display: none;} .header.fadeInDown{position: fixed;top: 0;right: 0;left: 0;height: 66px;background: #fff;} .header.fadeInDown .header-top{display: none;} .header.fadeInDown .navbar-custom .navbar-nav .nav-link{line-height: 66px;} .header.fadeInDown .logo img{max-width: 70%;} .header.ny.fadeInDown .on{display: block;} .header.ny.fadeInDown .off{display: none;} .header.ny.fadeInDown .navbar-custom .navbar-nav .nav-link{color: #333;} .header.ny.fadeInDown .navbar-custom .navbar-nav .nav-link:before{background: #0e926b;} .header.ny.fadeInDown .navbar-custom .navbar-nav .nav-link:hover{color: #0e926b;} .header.ny.fadeInDown .navbar-custom .navbar-nav .nav-link.active{color: #0e926b;} .header.fadeInDown .toptext{border-left: 1px solid #ddd;color: #666;margin-left: -30px;} .header.fadeInDown .t1{font-size: 15px;line-height: 23px;} .header.fadeInDown .t2{font-size: 15px;line-height: 23px;} .navbar { padding: 0px;position: relative; z-index: 9999;} .navbar-custom { top: 0; z-index: 2; justify-content: end;} .navbar-custom .navbar-nav > .nav-item { font-size: 18px;margin: 0 24px; } .navbar-custom .navbar-nav .nav-link {text-align: center;position: relative; padding: 0; line-height: 130px; display: flex;align-items: center;justify-content: center; font-size: 20px;font-family: 寰蒋闆呴粦; } .navbar-custom .navbar-nav .nav-link:before,.navbar-custom .navbar-nav .nav-link:before{content: "";width: 0px;height: 6px;background: #0e926b;position: absolute; top: 0;} .navbar-custom .navbar-nav .nav-link:hover:before,.navbar-custom .navbar-nav .nav-link.active:before{width: 100%; transition: all 0.3s;} .navbar-custom .navbar-nav .nav-link:hover{color: #0e926b;} .navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-custom .navbar-nav .show > .nav-link, .navbar-custom .navbar-nav .active > .nav-link, .navbar-custom .navbar-nav .nav-link.show, .navbar-custom .navbar-nav .nav-link.active{color: #0e926b;} .navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } @media(max-width:1200px) { .navbar-custom .navbar-nav .nav-item { margin: 0 5px;} } /*#region 鎵嬫満绔?/ .header-mb{background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;} .header-mb .container-xl{height: 50px;} .header-mb .top-logo{width: 50%;} .header-mb .top-logo img{height: 30px;width: auto;} .header-mb .top-mb{display: flex; align-items: center;width: 50%;justify-content: flex-end; } .header-mb .top-mb .dropdown.lang .dropdown-toggle{background: transparent; padding: 0;} .header-mb .top-mb .dropdown-menu{min-width: 80px;margin-top: 8px;} .header-mb .top-mb .top-mb-search{padding: .5rem .4rem; margin-left: 10px; width: 30px; text-align: center; } .header-mb .top-mb .top-mb-search i{font-size: 16px;color: #333} .header-mb .top-mb .icon-bars{color: #333;} .header-mb .top-mb .dropdown.lang .dropdown-toggle{color: #333;} .top-mb-search-box{display: none; position: fixed;background: #fff; top: 50px; padding: 6px 15px 10px;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);z-index: 998;width: 100%; } .top-mb-search-box .search-group{width: 100%;height: 38px;} .top-mb-feed i{font-size: 16px;color: #333} .mobile-head-item .main-content-wrap { background: #FFF; top: 0; display: block; z-index: 99999; } .mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; height: 100%; padding: 15px 10px; background-color: #fff; } .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y: hidden; } .mobile-head-item .side-content-wrap { position: fixed; display: block; right: -80%; width: 80%; height: 100%; } .mobile-head-item .middle-content-wrap { position: absolute; right: 0; width: 100%; height: auto; padding: 20px 0; opacity: 0; visibility: hidden; } .mobile-head-item .middle-show-content-wrap { top: 30px; visibility: visible; opacity: 1; } /* header */.head_top .top_left { display: none; } /*nav */.head_nav { width: 100%; padding: 0 5px; } .head_nav li { padding-left: 28px; padding-top: 4px; padding-bottom: 4px; } .head_nav li, .head_nav li a { color: #111; } .head_nav li.has-child { padding-left: 28px; margin-top: 0; margin-bottom: 0; } .head_nav li.has-child>a { margin-top: 3px; margin-bottom: 3px; margin-right: 35px; } .head_nav li.has-child>ul { display: none; } .head_nav li.siblings-no-menu { position: relative; padding-left: 15px; } .head_nav li a { display: block; height: auto; line-height: 1.4em; position: relative; } .head_nav li a:hover { color: inherit; } .head_nav li em { display: block; height: 1.4em; overflow: hidden; } .head_nav li li { font-size: 14px; } .head_nav li li li { font-size: 12px; } .head_nav li li a { color: #666; } .head_nav li.has-child a b { display: inline-block; width: 15px; height: 15px; border: 1px solid #111; border-radius: 2px; overflow: hidden; line-height: 15px; position: absolute; right: -35px; top: 1px; -webkit-box-sizing: content-box; box-sizing: content-box; } .head_nav li.has-child a b:before, .head_nav li.has-child a b:after { content: ''; display: block; width: 9px; height: 1px; background-color: #111; position: absolute; left: 3px; top: 50%; margin-top: -.5px; } .head_nav li.has-child a b:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .head_nav li.has-child a:hover b { border-color: #111; } .head_nav>li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .head_nav>li>a { font-size: 16px; text-transform: uppercase; margin-bottom: -1px; position: relative; text-transform: uppercase; position: relative; } .head_nav li, .head_nav li.has-child { padding-left: 0; } .head_nav li li, .head_nav li li.has-child { padding-left: 15px; } .head_nav li.active>a>b:after { display: none; } .head_nav li.active>a>b { background-color: #111; } .head_nav li.active>a>b:before, .head_nav li.active>a>b:after { background-color: #fff; } .mobile-ico-close { width: 30px; height: 30px; background: #fff url(../../images/mobile_close.png) center center no-repeat; background-size: 50% auto; position: absolute; left: -35px; top: 0; cursor: pointer; } /*#endregion*/ @media(max-width:768px) { body{padding-top: 50px;} } /*#endregion*/ @media(max-width:768px) { } /*#endregion*/ /*#region 浣嶇疆瀵艰埅*/ .banner.home .banner-text{text-align: center;} .banner.home .banner-text .box h2{font-size: 80px;color: #fff;font-weight: bold;margin-bottom: 35px;} .banner.home .banner-text .box p{font-size: 24px;color: #fff;line-height: 36px;max-width: 100%;} .banner.home .banner-text .box .more{cursor: pointer;width: 320px;height: 80px;line-height: 80px;font-size: 24px;color: #0e926b;background: #fff;border-radius: 50px;overflow: hidden;margin: 100px auto 0;display: block;} .banner.home .banner-text .box .more:hover{text-decoration: underline;} .banner.content .banner-text{text-align: left;padding-top: 60px;} .banner.content .banner-text .sub-title{text-transform: uppercase;color: rgba(255, 255, 255, 0.6);font-family: 'Jost', sans-serif;font-size: 49px;line-height: 49px;margin-bottom: 15px;} .banner.content .banner-text .title{color: #fff;font-size: 36px;font-weight: bold;line-height: 46px;} .banner.ny .banner-text{text-align: left;padding-top: 60px;} .banner.ny .banner-text .sub-title{text-transform: uppercase;color: rgba(255, 255, 255, 0.6);font-family: 'Jost', sans-serif;font-size: 80px;line-height: 80px;margin-bottom: 25px;} .banner.ny .banner-text .title{color: #fff;font-size: 60px;font-weight: bold;line-height: 75px;} .banner.ny .banner-text .title:after{content: "";width: 50px;height: 12px;background: rgba(255, 255, 255, 0.8);display: block;margin: 50px 0 50px;} .banner.ny .banner-text p{font-size: 18px;color: rgba(255, 255, 255, 0.6);line-height: 36px;} .banner.ny .banner-text .jt2{margin-top: 80px;} .banner.ny .banner-text .jt{cursor: pointer;position: relative; display: block;margin-top: 80px;border: 1px solid rgba(255, 255, 255, 0.8);background: url(../../images/banner-jt.png) no-repeat top;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;} .banner.ny .banner-text .jt a{position: absolute;z-index: 10;left: 0;top: 0;right: 0;bottom: 0;display: block;} .banner.ny .banner-text .jt:hover{animation: jtmove 1s linear infinite;} @keyframes jtmove{ 0%{ transform: translate(0,0); } 50%{ transform: translate(0,-8px); } 100%{ transform: translate(0,0); } } .banner.ny .container-xl{position: relative;} .banner.ny .container-xl .contact-box{background: url(../../images/contact-bg.png) no-repeat center;width: 663px;height: 381px;position: absolute;right: 15px;top: 20px;z-index: 20;display: flex;justify-content: space-between;padding: 65px 25px 0 80px;} .banner.ny .container-xl .contact-box .adds h3{font-size: 24px;color: #5a5b5d;margin-bottom: 20px;font-weight: bold;} .banner.ny .container-xl .contact-box .adds .addr{font-size: 18px;line-height: 34px;color: #666;max-width: 100%;margin-bottom: 5px;} .banner.ny .container-xl .contact-box .ewm h3{font-size: 18px;line-height: 36px;margin-bottom: 15px;color: #666666;} .page-title { display: block; margin-top: 20px; } .page-title .breadcrumb { justify-content: flex-start;font-size: 16px;color: #fff; } .breadcrumb-item + .breadcrumb-item::before { color: #fff;font-family: cmsfont; content: "\f054";font-size: 10px; margin-left: 10px;margin-right: 10px; } .page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 10px; color: #fff;} .page-title a:hover{text-decoration: underline;color: #fff;} @media(max-width:768px) { .banner.home .banner-text .box h2{font-size: 20px;margin-bottom: 15px;} .banner.home .banner-text .box p{font-size: 14px;line-height: 20px;} .banner.content .banner-text .sub-title{display: none;} .banner.content .banner-text{padding-top: 0;} .page-title{margin-top: 10px;} .banner.content .banner-text .title{font-size: 26px;} .banner.ny .banner-text .sub-title{display: none;} .banner.ny .banner-text .title{font-size: 26px;line-height: 42px; } .banner.ny .banner-text .jt{display: none;} .banner.ny .banner-text .title:after{width: 40px;height: 4px;margin: 10px 0;} .banner.ny .banner-text p{font-size: 14px;line-height: 20px;} .banner.ny .banner-text{padding-top: 0;} .banner.ny .banner-text .jt2{display: none;} } /*#endregion*/ /*#region 搴曢儴*/ footer {} body.bghui .footer-top{background: url(../../images/footer-topbg.png) transparent no-repeat center top;padding: 280px 0 90px;} footer .footer-top{background: url(../../images/footer-topbg.png) #fff no-repeat center top;padding: 280px 0 90px;} footer .footer-top .logo{margin-bottom: 35px;} footer .footer-top .footer-nav{border-bottom: 1px solid rgba(255, 255, 255, 0.6);padding-bottom: 25px;margin-bottom: 25px;margin-top: 25px;} footer .footer-top .footer-nav a{color: rgba(255, 255, 255, 0.6);font-size: 18px;line-height: 36px;} footer .footer-top .footer-nav a:after{content: "|";display: inline-block;margin-left: 20px;margin-right: 20px;} footer .footer-top .footer-nav a:last-child:after{display: none;} footer .footer-top .footer-nav a:hover{text-decoration: underline;} footer .footer-top .addr{font-size: 18px;line-height: 34px;color: rgba(255, 255, 255, 0.6);display: flex;align-items: center;margin-bottom: 5px;} footer .footer-top .addr span{min-width: 32px;} footer .footer-top .footer-ewm{display: flex;justify-content: flex-end;} footer .footer-top .ewm-box{margin-top: 25px;} footer .footer-top .ewm-box h3{font-size: 18px;line-height: 36px;color: rgba(255, 255, 255, 0.6);text-align: left;margin-bottom: 15px;} footer .footer-bottom{background: #202020;padding: 30px 0;} footer .footer-bottom p{text-align: center;color: rgba(255, 255, 255, 0.4);font-size: 16px;line-height: 26px;} footer .footer-bottom p a{color: rgba(255, 255, 255, 0.4);} footer .footer-bottom p a:hover{text-decoration: underline;} @media(max-width:1440px) { footer .footer-top .footer-nav a:after{margin-left: 15px;margin-right: 15px;} footer .footer-top .addr{font-size: 16px;} } @media(max-width:768px) { footer .footer-top{background-size: cover;padding: 140px 0 50px;} footer .footer-top .footer-ewm{justify-content: flex-start;} footer .footer-top .footer-nav{display: none;} body.bghui .footer-top{background-size: cover;padding: 140px 0 50px;} } /*#endregion*/ /*#region 棣栭〉*/ .home-title-box{position: relative;} .home-title-box h3{font-size: 56px;font-family: Arial;font-weight: bold; text-align: center;color: rgba(139, 139, 139, 0.3);z-index: 1;text-transform: uppercase;margin-bottom: -40px;} .home-title-box .home-title{display: flex;align-items: center;justify-content: center;z-index: 2;} .home-title-box .home-title:before{content: "";width: 359px;height: 26px;background: url(../../images/home-title-l.png) no-repeat;display: block;} .home-title-box .home-title:after{content: "";width: 359px;height: 26px;background: url(../../images/home-title-r.png) no-repeat;display: block;} .home-title-box .home-title h2{font-size: 64px;text-align: center;font-weight: bold;margin-left: 30px;margin-right: 30px;text-shadow: 10px 1px 30px rgba(255, 255, 255, 1);} .home-title-box .home-title h2 span{color: #4ebb6e;} .home-title-box p{font-size: 16px;line-height: 28px;color: #666666;margin-top: 35px;text-align: center;} .home-more{width: 320px;height: 88px;background: url(../../images/home-hzmore.png) no-repeat center; font-size: 24px;color: #0e926b;text-align: center;line-height: 88px;display: block;border-radius: 30px; overflow: hidden;display: block;margin: 40px auto 0;} .home-more:hover{text-decoration: underline;} @media(max-width:768px) { .home-title-box .home-title:before{display: none;} .home-title-box .home-title:after{display: none;} .home-title-box .home-title h2{font-size: 24px;} .home-title-box h3{font-size: 26px;margin-bottom: -20px;} .home-more{width: 160px;height: 44px;background-size: cover;font-size: 18px;line-height: 44px;} } .home-hz{background: #fff;padding: 100px 0 90px;} .home-hz .desc{font-size: 16px;line-height: 30px;text-align: center;margin: 50px auto 60px;width: 85%;display: block;} .home-hz .desc span{font-size: 22px;font-weight:bold;color:#4ebb6e} .home-hz .hz-box{box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);border-radius: 25px 0 25px 0;overflow: hidden;margin-bottom: 20px; text-align: center;padding-bottom: 70px;position: relative;} .home-hz .hz-box .bg{background: url(../../images/home-hzbg.png) no-repeat center;z-index: 0; background-size: cover;opacity: 0;position: absolute;left: 0;right: 0;bottom: 0;top: 0;transition: all 0.3s;} .home-hz .hz-box .text{z-index: 10;position: relative;} .home-hz .hz-box .img{padding: 100px 0 60px;display: flex;justify-content: center;align-items: center;} .home-hz .hz-box p{font-size: 16px;line-height: 26px;} .home-hz .hz-box .off{display: block;} .home-hz .hz-box .on{display: none;} .home-hz .hz-box:hover .bg{opacity: 1;} .home-hz .hz-box:hover p{color: #fff;} .home-hz .hz-box:hover .off{display: none;} .home-hz .hz-box:hover .on{display: block;} .home-hz .row{margin-left: -10px;margin-right: -10px;} .home-hz .row .col-md-3{padding-left: 10px;padding-right: 10px;} .home-hz .t1{font-size: 22px;line-height: 26px;margin-bottom: 25px;} .home-hz .hz-box:hover .t1{color: #fff;} @media(max-width:768px) { .home-hz{padding: 50px 0 50px;} .home-hz .hz-box{padding-bottom: 20px;} .home-hz .hz-box .img{padding: 20px 0 20px;} } .home-fwnr{background: #fff;padding: 97px 0 90px;position: relative;} .home-fwnr .bg{background: #f2f2f2;height: 590px;z-index: 1;position: absolute;top: 0;left: 0;right: 0;} .home-fwnr .container-xl{z-index: 2;position: relative;} .home-fwnr .fwnr-box{border-radius: 25px;overflow: hidden;background: #fff;box-shadow: 0px 0px 46px rgba(0, 0, 0, 0.1);position: relative;margin-top: 70px;} .home-fwnr .fwnr-box .item{text-align: center;padding: 40px 80px 40px;} .home-fwnr .fwnr-box .col-md-6:first-child{border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;} .home-fwnr .fwnr-box .col-md-6:nth-child(2){border-bottom: 1px solid #f2f2f2;} .home-fwnr .fwnr-box .col-md-6:nth-child(3){border-right: 1px solid #f2f2f2;} .home-fwnr .fwnr-box .item .img{margin-bottom: 15px;} .home-fwnr .fwnr-box .item h4{font-size: 19px;line-height: 34px;font-weight: bold;} .home-fwnr .fwnr-box .item h4:after{content: "";width: 31px;height: 5px;background: #000;display: block;margin: 20px auto 30px;} .home-fwnr .fwnr-box .item p{font-size: 16px;color: #666666;line-height: 33px;} .home-fwnr .fwnr-box .item:hover .img{animation: jtmove 1s linear infinite;} @media(max-width:768px) { .home-fwnr{padding: 50px 0 50px;} .home-fwnr .fwnr-box .item{padding: 40px 20px 40px;} .home-fwnr .fwnr-box{margin-top: 50px;} .home-fwnr .fwnr-box .col-md-6:first-child{border-right: 0;} .home-fwnr .fwnr-box .col-md-6:nth-child(2){border-bottom: 1px solid #f2f2f2;} .home-fwnr .fwnr-box .col-md-6:nth-child(3){border-bottom: 1px solid #f2f2f2;border-right: 0;} } .home-ys{background: #fff;padding-top: 40px;} .home-ys .ys-bg{background: url(../../images/home-ys-bg.jpg) no-repeat center;padding: 100px 0 70px;margin-top: 75px;} .home-ys .ys-box.left{text-align: right;padding-right: 30px;position: relative;} .home-ys .ys-box.left .ys-text{background: #fff;border-radius: 25px 0 0 25px;overflow: hidden;padding: 70px 40px;} .home-ys .ys-box.left .title{display: flex;justify-content: flex-end;width: 100%;z-index: 2;margin-bottom: -28px;} .home-ys .ys-box.left h4{background: url(../../images/home-ys-titlebg1.png) no-repeat right;width: 309px;height: 73px;line-height: 73px;font-size: 36px;display: block; padding-right: 40px;color: #fff;font-weight: bold;} .home-ys .ys-box.left h5{font-size: 24px;line-height: 36px;margin-bottom: 10px;font-weight: bold;margin-top: 10px;display: flex;align-items: center;justify-content: flex-end;} .home-ys .ys-box.left h5:after{content: "";width: 23px;height: 23px;display: inline-block;background: url(../../images/home-ys-tb1.png) no-repeat;margin-left: 10px;} .home-ys .ys-box.left p{font-size: 20px;line-height: 33px;color: #999999;padding-right: 33px;} .home-ys .ys-box.right{text-align: left;padding-left: 30px;position: relative;} .home-ys .ys-box.right .ys-text{background: #fff;border-radius:0 25px 25px 0 ;overflow: hidden;padding: 70px 40px;} .home-ys .ys-box.right .title{display: flex;justify-content: flex-start;width: 100%;z-index: 2;margin-bottom: -28px;} .home-ys .ys-box.right h4{background: url(../../images/home-ys-titlebg2.png) no-repeat left; width: 309px;height: 73px;line-height: 73px;font-size: 36px;display: block; padding-left: 40px;color: #fff;font-weight: bold;} .home-ys .ys-box.right h5{font-size: 24px;line-height: 36px;margin-bottom: 10px;font-weight: bold;margin-top: 10px;display: flex;align-items: center;justify-content: flex-start;color: #4e952f;} .home-ys .ys-box.right h5:before{content: "";width: 23px;height: 23px;display: inline-block;background: url(../../images/home-ys-tb2.png) no-repeat;margin-right: 10px;} .home-ys .ys-box.right p{font-size: 20px;line-height: 33px;color: #999999;padding-left: 33px;} @media(max-width:768px) { .home-ys .ys-bg{margin-top: 50px;background-size: cover;padding: 50px 0 50px;} .home-ys .ys-box.left{padding-right: 0px;margin-bottom: 40px;} .home-ys .ys-box.left .ys-text{padding: 50px 20px 40px;} .home-ys .ys-box.left h4{font-size: 22px;width: 179px;height: 42px;line-height: 42px;background-size: cover;padding-right: 30px;} .home-ys .ys-box.left .title{margin-bottom: -18px;} .home-ys .ys-box.left h5{font-size: 18px;} .home-ys .ys-box.left p{font-size: 16px;line-height: 24px;} .home-ys .ys-box.right{padding-left: 0;} .home-ys .ys-box.right .ys-text{padding: 50px 20px 40px;} .home-ys .ys-box.right h4{font-size: 22px;width: 179px;height: 42px;line-height: 42px;background-size: cover;padding-right: 30px;} .home-ys .ys-box.right .title{margin-bottom: -18px;} .home-ys .ys-box.right h5{font-size: 18px;} .home-ys .ys-box.right p{font-size: 16px;line-height: 24px;} } .home-al{background: #fff;padding: 110px 0 80px;} .home-al .al-list{margin-top: 80px;} .home-al .al-box{background: #fff;position: relative;margin-bottom: 40px; border-radius: 25px 0 25px 0;overflow: hidden;box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;height: 260px;} .home-al .row{margin-left: -22px;margin-right: -22px;} .home-al .col-md-4{padding-left: 22px;padding-right: 22px;} .home-al .al-box .on{position: absolute;opacity: 0; text-align: center; top: 0;left: 0;right: 0;bottom: 0;background: url(../../images/home-ys-bg.jpg) no-repeat center;display: flex;align-items: center;justify-content: center;} .home-al .al-box .on h4{font-size: 24px;color: #fff;} .home-al .al-box .on p{font-size: 24px;color: #fff;} .home-al .al-box:hover .on{opacity: 1;transition: all 0.4s;} @media(max-width:1620px) { .home-al .row{margin-left: -15px;margin-right: -15px;} .home-al .col-md-6{padding-left: 15px;padding-right: 15px;} } @media(max-width:768px) { .home-al{padding: 50px 0 50px;} .home-al .al-list{margin-top: 50px;} .home-al .row{margin-left: -8px;margin-right: -8px;} .home-al .col-md-4{padding-left: 8px;padding-right: 8px;} .home-al .al-box{height: 160px;margin-bottom: 16px;} .home-al .al-box .on h4{font-size: 18px;} .home-al .al-box .on p{font-size: 14px;} } .home-news{background: #f2f2f2;padding: 95px 0 90px;} .home-news .news-list{margin-top: 80px;margin-bottom: 80px;} .home-news .col-md-3{border-right: 1px solid #f2f2f2;} .home-news .col-md-3:last-child{border-right: 0;} .home-news .news-box{background: #fff;padding: 40px;transition: all 0.4s;} .home-news .news-box:hover{transform: scale(1.1);box-shadow: 10px 2px 20px rgba(0, 0, 0, 0.1);z-index: 10;position: relative;} .home-news .news-box .num{font-size: 24px;color: #0e926b;} .home-news .news-box h4{font-size: 16px;line-height: 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .home-news .news-box time{font-size: 16px;color: #999999;line-height: 36px;display: block;} .home-news .news-box p{font-size: 16px;line-height: 22px;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .home-news .news-box .img{margin-top: 35px;} @media(max-width:768px) { .home-news{padding: 50px 0;} .home-news .news-list{margin-top: 50px;margin-bottom: 50px;} .home-news .news-box{padding: 20px;border-bottom: 1px solid #f2f2f2;} .home-news .col-md-3{border-right: 0;} .home-news .news-box:hover{transform: scale(1);} } /*#endregion*/ /*#region 鏂囩珷鍗曢〉*/ /*#region about wrapper*/ .about-wrapper{padding: 160px 0 170px;background: #fff;} .about-wrapper .container-xl{display: flex; justify-content: space-between;flex-wrap: wrap;} .about-wrapper .left{width: 38%;} .about-wrapper .left h2{font-size: 100px;font-weight: bold;line-height: 100px; color: #f2f2f2;font-family: 'Jost', sans-serif;text-transform: uppercase;margin-bottom: 25px;} .about-wrapper .left h3{font-size: 70px;line-height: 75px;color: #5a5b5d;font-weight: bold;} .about-wrapper .right{width: 62%;} .about-wrapper .right .t1{font-size: 32px;line-height: 32px;margin-bottom: 30px;font-weight: bold;color: #666;} .about-wrapper .right .desc{font-size: 16px;line-height: 32px;color: #666666;margin-bottom: 60px;} .about-wrapper .right .desc p{margin-bottom: 30px;} .about-wrapper .right .num-box{display: flex;align-items: center;} .about-wrapper .right .num-box .item{margin-right: 60px;} .about-wrapper .right .num-box .item h4{font-size: 35px;color: #36be6a;line-height: 42px; margin-bottom: 5px;display: flex;align-items: flex-start;} .about-wrapper .right .num-box .item p{font-size: 16px;line-height: 32px;color: #666666;} .about-wrapper .right .num-box .item h4#target2:after{content: "+";font-size: 26px;line-height: 26px;color: #36be6a;display: inline-block;} .about-wrapper .right .num-box .item h4#target3:after{content: "+";font-size: 26px;line-height: 26px;color: #36be6a;display: inline-block;} .about-wrapper .right .num-box .item h4#target4:after{content: "%";font-size: 35px;line-height: 42px;color: #36be6a;display: inline-block;} .about-wrapper2{background: #f7f8fa;padding: 125px 0 100px;position: relative;} .about-wrapper2{z-index: 2;position: relative;} .about-wrapper2 .list{width: 58%;position: relative;margin-bottom: 60px;z-index: 10;} .about-wrapper2 .row{margin-left: -12px;margin-right: -12px;} .about-wrapper2 .row .col-md-4{padding-left: 12px;padding-right: 12px;} .about-wrapper2 .list .item{background: #fff;padding: 57px 0 40px;text-align: center;margin-bottom: 24px;} .about-wrapper2 .list .item .img{margin-bottom: 25px;} .about-wrapper2 .list .item:hover .img{animation: jtmove 1s linear infinite;} .about-wrapper2 .list .item p{font-size: 16px;line-height: 26px;color: #666666;} .about-wrapper2 .more{width: 210px;height: 70px;font-size: 20px;color: #fff;line-height: 70px;text-align: center;background: #6ec58a;border-radius: 50px;overflow: hidden;display: block;box-shadow: 20px 0px 30px rgba(47, 128, 73, 0.2);} .about-wrapper2 .more:hover{text-decoration: underline;} .about-wrapper2 .bg{position: absolute;right: 0;bottom: 0;z-index: 1;width: auto;text-align: right;} @media(max-width:1620px) { .about-wrapper2 .bg{bottom: 30px;} .about-wrapper2 .bg .img-fluid{max-width: 90%;} } @media(max-width:1430px) { .about-wrapper2 .bg{bottom: 60px;} .about-wrapper2 .bg .img-fluid{max-width: 80%;} } .about-wrapper3{background: #fff;padding: 300px 0 230px;} .about-wrapper3 .about3-box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .about-wrapper3 .about3-box .img{width: 51%;border-radius: 25px;overflow: hidden;} .about-wrapper3 .about3-box .text{width: 43%;padding-left: 50px;} .about-wrapper3 .about3-box .text h4{font-size: 50px;font-weight: bold;color: #5a5b5d;line-height: 72px;} .about-wrapper3 .about3-box .text p{font-size: 20px;color: #666666;margin-bottom: 40px;line-height: 72px;} .about-wrapper3 .more{width: 260px;height: 70px;font-size: 20px;color: #fff;line-height: 70px;text-align: center;background: #6ec58a;border-radius: 50px;overflow: hidden;display: block;box-shadow: 20px 0px 30px rgba(47, 128, 73, 0.2);} .about-wrapper3 .more:hover{text-decoration: underline;} @media(max-width:768px) { .about-wrapper{padding: 50px 0 50px;} .about-wrapper .left{width: 100%;} .about-wrapper .right{width: 100%;margin-top: 30px;} .about-wrapper .left h2{font-size: 60px;line-height: 60px;margin-bottom: 10px;} .about-wrapper .left h3{font-size: 40px;line-height: 45px;} .about-wrapper .right .num-box{flex-wrap: wrap;} .about-wrapper .right .num-box .item{width: 50%;margin-right: 0;text-align: center;} .about-wrapper .right .num-box .item h4{justify-content: center;} .about-wrapper2{padding: 50px 0;} .about-wrapper2 .list{width: auto;margin-bottom: 30px;} .about-wrapper2 .bg{display: none;} .about-wrapper2 .list .item{padding: 20px 0;} .about-wrapper2 .list .item .img{margin-bottom: 15px;} .about-wrapper2 .more{width: 160px;height: 42px;font-size: 18px;line-height: 42px;margin: 0 auto;} .about-wrapper3{padding: 50px 0;} .about-wrapper3 .about3-box .img{width: 100%;} .about-wrapper3 .about3-box .text{width: 100%;padding-left: 0;padding-top: 20px;} .about-wrapper3 .about3-box .text h4{font-size: 28px;line-height: 36px;margin-bottom: 20px;} .about-wrapper3 .about3-box .text p{font-size: 16px;line-height: 24px;} .about-wrapper3 .more{width: 160px;height: 42px;font-size: 18px;line-height: 42px;margin: 0 auto;} } .contact-wrapper {padding: 50px 0;background: #f7f8fa;} .contact-wrapper .contact-box .adds h3{font-size: 24px;color: #5a5b5d;margin-bottom: 20px;font-weight: bold;} .contact-wrapper .contact-box .adds .addr{font-size: 18px;line-height: 34px;color: #666;max-width: 100%;margin-bottom: 5px;} .contact-wrapper .contact-box .ewm h3{font-size: 18px;line-height: 36px;margin-bottom: 15px;color: #666666;} .about-wrapper3.contact{padding: 40px 0 100px;} .contact-boxnr{background: #fff;padding: 100px 0 80px;} .contact-boxnr .t1{font-size: 48px;font-weight: bold;line-height: 64px;text-align: center;margin-bottom: 125px;} .contact-boxnr .box{display: flex;} .contact-boxnr .box .left{width: 30%;padding: 0 70px;} .contact-boxnr .box .left .item{background: #f7f8fa;border: 4px solid #f3f4f8;font-size: 20px; margin-bottom: 25px;border-radius: 25px;overflow: hidden;display: block;padding: 45px 0;text-align: center;} .contact-boxnr .box .right{width: 70%;box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);border: 1px solid #dddddd;padding: 75px;border-radius: 50px;overflow: hidden;} .contact-boxnr .box .right .t2{font-size: 24px;line-height: 50px;font-weight: bold;} .contact-boxnr .box .right .addrs{border-bottom:1px solid #ddd;padding-bottom:35px;margin-bottom:35px;} .contact-boxnr .box .right .title{font-size:32px;font-weight:bold;color:#6ec58a;margin-bottom:25px;} .contact-boxnr .box .right .d-flex{flex-wrap:wrap;justify-content:space-between;} .contact-boxnr .box .right .d-flex p{width:50%;font-size:18px;line-height:36px;} .contact-boxnr .box .right .d-flex p img{filter: invert(100%) sepia(13%) saturate(7447%) hue-rotate(279deg) brightness(118%) contrast(113%);} .form-feedback .form-control{ background: #f7f8fa; color: #333;font-size: 20px; border-radius: 50px;overflow: hidden; border: 1px solid #f7f8fa; padding-top: 11px;padding-bottom: 11px; } .form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;} .form-feedback .btn { color: #fff; background: #6ec58a;border-radius: 50px; font-size: 26px;line-height: 50px;padding-top: 0px;padding-bottom: 0px;} .form-feedback .btn:hover{background:#f0214b;color: #fff; } @media(max-width:768px) { .contact-boxnr{padding: 40px 0;} .contact-boxnr .t1{font-size: 32px;margin-bottom: 35px;line-height: 40px;} .contact-boxnr .box{flex-wrap: wrap;} .contact-boxnr .box .left{width: 100%;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;} .contact-boxnr .box .left .item{width: 48%;padding: 15px 0;font-size: 18px;} .contact-boxnr .box .right{width: 100%;padding: 25px 15px;} .contact-boxnr .box .right .t2{font-size: 20px;padding-left: 15px;} .form-feedback .btn{font-size: 20px;line-height: 54px;} .contact-boxnr .mt-5{margin-top: 30px!important;} .about-wrapper3.contact{padding: 40px 0;} .contact-boxnr .box .right .title{font-size:26px;} .contact-boxnr .box .right .d-flex p{width:100%;} } /*#region service-wrapper*/ .service-wrapper{padding: 140px 0 160px;background: #fff;} .service-wrapper h2{font-size: 100px;font-weight: bold;line-height: 100px; color: #f2f2f2;font-family: 'Jost', sans-serif;text-transform: uppercase;margin-bottom: 25px;} .service-wrapper h3{font-size: 52px;line-height: 75px;color: #5a5b5d;font-weight: bold;margin-bottom: 130px;} .service-wrapper .list{display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 20px;} .service-wrapper .list .item{background: #6ec58a;display: block;margin-right: 20px;font-size: 18px;color: #fff;text-align: center;width: 300px;height: 72px;line-height: 72px;border-radius: 20px;overflow: hidden;} .service-wrapper2{position: relative;display: flex;align-items: center;justify-content: center;height: 730px;} .service-wrapper2 .text{display: flex;justify-content: center;align-items: center;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 3;text-align: center;} .service-wrapper2 .text h2{font-size: 110px;margin-bottom: 10px; font-weight: bold;line-height: 110px; color: rgba(255, 255, 255, 0.2);font-family: 'Jost', sans-serif;text-transform: uppercase;} .service-wrapper2 .text h4{font-size: 70px;line-height: 75px;color: #fff;font-weight: bold;} .service-wrapper2 .bg{z-index: -1;position: fixed;left: 0;right: 0;bottom: 0;} .service-wrapper3{background: #fff;padding: 200px 0 180px;} .service-wrapper3 .ser3-box{position: relative;display: flex;margin-bottom: 250px;} .service-wrapper3 .ser3-box .text{margin-top: 255px;z-index: 5;position: relative; background: #fff;width: 60%;box-shadow: 20px 0px 60px rgba(0, 47, 112, 0.1);padding: 90px;border-radius: 0 35px 0 35px;overflow: hidden;} .service-wrapper3 .ser3-box .text h3{font-size: 32px;line-height: 36px;color: #5a5b5d;margin-bottom: 20px;font-weight: bold;} .service-wrapper3 .ser3-box .text h6{font-size: 16px;line-height: 32px;color: #999999;height: 64px;} .service-wrapper3 .ser3-box .text .list{margin-top: 20px;} .service-wrapper3 .ser3-box .text p{font-size: 16px;line-height: 40px;color: #666666;} .service-wrapper3 .ser3-box .text p:before{ content: "鈼?; font-size: 14px; margin-right: 20px; color: #c5c5c5 } .service-wrapper3 .ser3-box .img-box{position: absolute;right: 0;top: 0;z-index: 2;display: flex;justify-content: flex-end;} .service-wrapper3 .ser3-box .img-box .img{border-radius: 35px 0 35px 0 ;overflow: hidden;} .service-wrapper3 .ser3-box .img-box .num{width: 210px;height: 210px;margin-right: 50px;display: flex;align-items: center;justify-content: center;} .service-wrapper3 .ser3-box .img-box .num h5{font-size: 134px;font-weight: bold;color: #fff;font-family: Arial;} .service-wrapper3 .ser3-box:nth-child(2n) .text{border-radius: 35px 0 35px 0;} .service-wrapper3 .ser3-box:nth-child(2n) .img-box{justify-content: flex-start;left: 0;right: initial;} .service-wrapper3 .ser3-box:nth-child(2n) .img-box .img{border-radius: 0 35px 0 35px;} .service-wrapper3 .ser3-box:nth-child(2n){justify-content: flex-end;} .service-wrapper3 .ser3-box:nth-child(2n) .num{margin-left: 50px;margin-right: 0;} .service-wrapper3 .ser3-box:last-child{margin-bottom: 0;} @media(max-width:768px) { .service-wrapper{padding: 50px 0 50px;} .service-wrapper h2{font-size: 50px;line-height: 50px;margin-bottom: 10px;} .service-wrapper h3{font-size: 40px;line-height: 45px;margin-bottom: 30px;} .service-wrapper .list{justify-content: space-between;margin-bottom: 0;} .service-wrapper .list .item{margin-right: 0;width: 48%;font-size: 14px;line-height: 42px;height: 42px;margin-bottom: 15px;} .service-wrapper2 .text h2{font-size: 36px;line-height: 28px;} .service-wrapper2 .text h4{font-size: 20px;line-height: 24px;} .service-wrapper3{padding: 80px 0 0;} .service-wrapper3 .ser3-box{margin-bottom: 80px;} .service-wrapper3 .ser3-box .img-box .num{margin-right: 30px;} .service-wrapper3 .ser3-box:nth-child(2n) .num{margin-left: 30px;margin-right: 0;} .service-wrapper3 .ser3-box .text{width: 100%;padding: 20px;} .service-wrapper3 .ser3-box .text h3{font-size: 24px;} .service-wrapper3 .ser3-box .text h6{font-size: 16px;line-height: 24px;height: auto;} .service-wrapper3 .ser3-box .text p{line-height: 24px;} .service-wrapper3 .ser3-box .text p:before{margin-right: 10px;} } /*#region al-container*/ .al-wrapper{padding: 200px 0 100px;background: #fff;} .al-wrapper .row{margin-left: -5px;margin-right: -5px;} .al-wrapper .col-md-6{padding-left: 5px;padding-right: 5px;} .al-wrapper .al-col{margin-bottom: 40px;} .al-wrapper .al-col .img{position: relative;border-radius: 25px;overflow: hidden;height: 440px;transition: all 0.5s;} .al-wrapper .al-col .img a{position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;} .al-wrapper .al-col .img .zz{position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;z-index: 9;background: rgba(0, 0, 0, 0.4);transition: all 0.5s;} .al-wrapper .al-col .img:hover .zz{background: rgba(0, 0, 0, 0);} .al-wrapper .al-col .imgxx{display: block;width: 100%;height: 440px;background-position: top;} .al-wrapper .al-col .img:hover .imgxx{background-position: bottom;transition: all 12s;} .al-wrapper .al-col .text{padding: 45px 35px;} .al-wrapper .al-col .text h4{font-size: 24px;margin-bottom: 15px;} .al-wrapper .al-col .text p{font-size: 14px;line-height: 24px;color: #a9a9a9;} @media(max-width:768px) { .al-wrapper{padding: 50px 0 30px;} .al-wrapper .al-col .img{height: 210px;} .al-wrapper .al-col .text{padding: 20px;} .al-wrapper .al-col{margin-bottom: 30px;} } .friend-wrapper{background: #fff;padding-bottom: 80px;} .friend-wrapper h2{font-size: 77px;color: #5a5b5d;font-weight: bold;text-align: center;margin-bottom: 120px;} .friend-wrapper .row{margin-left: -9px;margin-right: -9px;} .friend-wrapper .row .col{padding-left: 9px;padding-right: 9px;margin-bottom: 18px;} .zx-wrapper{background: #fff;padding: 60px 0 120px;} .zx-wrapper .zx-box{background: #fff;box-shadow: 20px 0px 60px rgba(0, 47, 112, 0.15);padding: 105px;border-radius: 25px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;} .zx-wrapper .zx-box .right{min-width: 248px;} .zx-wrapper .zx-box .right .more{display: block;width: 248px;height: 68px;font-size: 24px;color: #666666;line-height: 68px;text-align: center;background: url(../../images/home-hzmore.png) no-repeat center;background-size: cover; cursor: pointer;} .zx-wrapper .zx-box .right .more:hover{color: #0e926b;text-decoration: underline;} .zx-wrapper .zx-box .left{font-size: 48px;line-height: 75px;color: #5a5b5d;font-weight: bold;} @media(max-width:1430px) { .zx-wrapper .zx-box .left{font-size: 42px;} .friend-wrapper h2{font-size: 56px;} } @media(max-width:768px) { .zx-wrapper{padding: 0 0 50px;} .friend-wrapper h2{font-size: 32px;margin-bottom: 40px;} .zx-wrapper .zx-box .left{font-size: 26px;line-height: 40px;margin-bottom: 20px;} .zx-wrapper .zx-box{padding: 20px;display: block;} .zx-wrapper .zx-box .right .more{width: 160px;height: 44px;font-size: 18px;line-height: 44px;margin: 0 auto;} } /*#endregion*/ /*#region 鏂囩珷鍒楄〃*/ /*#region news list*/ .news-wrapper {padding: 140px 0 100px;} .news-col{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #f4f4f4;position: relative;margin-bottom: 40px;} .news-col .img{width: 27%;} .news-col .text{width: 58%;padding-left: 60px;padding-right: 70px;} .news-col .text h4{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 20px;font-weight: bold;} .news-col .text p{font-size: 16px;color: #999999;line-height: 32px;margin-bottom: 20px;} .news-col .text .more{font-size: 16px;color: #999999;line-height: 32px;} .news-col .text .more:hover{text-decoration: underline;} .news-col a:hover{color: #6ec58a!important;} .news-col .time{width: 15%;border-left: 1px solid #dddddd;padding: 32px 0 32px 65px;} .news-col .time time{font-size: 34px;color: #666666;line-height: 34px;} .news-col .time h6{font-size: 16px;line-height: 32px;color: #dddddd;margin-top: 5px;} .news-col:after{content: "";width: 0;height: 1px;background: #6ec58a;position: absolute;z-index: 10;left: 0;bottom: 0;right: 0;transition: all 0.5s;} .news-col:hover:after{width: 100%;} .news-col:hover .text .more{color: #6ec58a;} @media(max-width:768px) { .news-wrapper {padding: 50px 0 50px;} .news-col .img{width: 100%;margin-bottom: 10px;} .news-col{padding-bottom: 8px;} .news-col .text{width: 70%; padding-left: 0;padding-right: 0;} .news-col .text h4{margin-bottom: 10px;} .news-col .text p{font-size: 14px;line-height: 20px;} .news-col .time{width: 22%;padding: 32px 0;padding-left: 5px;} .news-col .time time{font-size: 20px;font-weight: bold;} } /*#endregion*/ /*#region 璇︽儏椤?/ /*榛樿璁剧疆*/ /*#region 鏂伴椈璇︽儏*/ .newsnr-container{ padding: 60px 0; } .newsnr-container .col-md-8{padding-right: 60px;} .newsnr-container .title { font-size: 28px; line-height: 40px; color: #5a5b5d; font-weight: bold;} .newsnr-container .content { color: #595959; line-height: 1.8rem; padding: 0;font-size: 16px;} .newsnr-container .content h4{font-size: 18px;color: #666666;font-weight: bold;line-height: 32px; margin: 20px 0;} .newsnr-container .content p { margin-bottom: 25px;font-size: 18px;color: #666666;line-height: 32px; } .newsnr-container .content img{max-width: 100%;height: auto;} .newsnr-container .content ul,.newsnr-container .content li{list-style: initial;} .newsnr-container .content table p{margin-bottom: 0;} .newsnr-container .summary { font-size: 14px; line-height: 32px; color: #999999;margin: 15px 0 35px;padding-bottom: 10px; } .newsnr-container .summary span { margin-right: 15px; } .content-other{padding: 40px 15px;border-top: 1px dashed #999999; font-size: 18px;color: #999999;line-height: 36px;margin-top: 60px;} .content-other a{color: #999999;} .content-other a:hover{ color: #0e926b;transition: all 0.3s; } .hot-news-box{margin-bottom: 40px;} .hot-news-box .title{font-size: 18px;font-weight: bold;color: #5a5b5d;margin-bottom: 25px;} .hot-news-box .item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;} .hot-news-box .item .img{width: 36%;} .hot-news-box .item .text{width: 64%;padding-left: 30px;} .hot-news-box .item .text h4{font-size: 18px;line-height: 32px;color: #5a5b5d;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .hot-news-box .item .text .time{font-size: 14px;line-height: 32px;color: #999999;margin-top: 10px;} @media(max-width:768px) { .newsnr-container{ padding: 50px 0; } .newsnr-container .col-md-8{padding-right: 15px;} .newsnr-container .title{font-size: 24px;} .newsnr-container .content p{font-size: 16px;line-height: 24px;} .content-other{font-size: 16px;line-height: 24px;padding: 30px 0;} .hot-news-box .item .text{padding-left: 20px;} .hot-news-box .item .text h4{font-size: 16px;line-height: 24px;} .hot-news-box .item .text .time{margin-top: 0;} .newsnr-container .summary{margin-bottom: 15px;} } /*鍏朵粬鍐呭*/ /*#endregion*/ /*#region 鍏朵粬*/ /*鍒嗛〉*/ .page-link { padding: .5rem 0.875rem;} .page-item.active .page-link { color: #fff; background-color: #e39447; border-color: #e39447; } /*#寮瑰嚭鐣欒█琛ㄥ崟*/ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 1000; display: none; top: 0; left: 0; background: rgba(00, 00, 00, 0.8); } .reveal-modal { visibility: hidden; top: 250px; left: 50%; margin-left: -25%; width: 50%; position: absolute; z-index: 1001; padding: 35px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -box-shadow: 0 0 10px rgba(0, 0, 0, .4); background-color: #FFF; } .reveal-modal .title { font-size: 30px; text-align: center; margin-bottom: 25px; font-weight: bold; } .reveal-modal .t2{font-size: 20px;line-height: 45px;font-weight: bold; padding-left: 10px;} .reveal-modal .close-reveal-modal { font-size: 30px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; } @media(max-width:768px) { .reveal-modal { visibility: hidden; top: 50px; left: 50%; margin-left: -45%; width: 90%; position: absolute; z-index: 1001; padding: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -box-shadow: 0 0 10px rgba(0, 0, 0, .4); background-color: #FFF; } .reveal-modal .title { font-size: 20px; text-align: center; margin-bottom: 10px; } }