.header, .header-pl, .header .logo { padding: 0 76px; height: 120px; line-height: 120px; background: #555555; position: static; z-index: 999; } .header { position: fixed; width: 100%; box-sizing: border-box; } .header .logo { background: #007750; padding: 0 10px; float: left; } .header .logo img { vertical-align: middle;width: 227px;height: 37px; } .header .nav { float: right; position: relative; } .header .nav li { display: inline-block; } .header .nav ol li{float:left; width: 130px;} .header .nav ol li:nth-child(2n+1){clear:both;} .header .nav>li a { color: #fff; display: block; position: relative; padding: 0 16px; } .header .nav>li>a:hover { color: #bbb !important; } .header .nav>li>a::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 0px; width: 100%; background: #fff; transition: all .3s; } .header .nav>li:hover>a::after, .header .nav>li>a:hover::after { height: 2px; } /* 子菜单 */ .header .sub-nav { background: rgba(0, 119, 80, 0.75); position: absolute; line-height: 3em; color: #fff; padding: 30px 50px; width: 100%; left: 0; box-sizing: border-box; display: none; } .header .sub-nav li { margin-right: 1em; } .header .sub-nav .sub-nav-left { width: calc(100% - 244px); float: left; } .header .sub-nav .sub-nav-right { width: 220px; height: 110px; float: right; } .header .sub-nav .sub-nav-right img { width: 220px; height: 110px; background: #555555; } .header .sub-nav .sub-nav-right img+img { margin-left: 24px; } .header .other { float: right; margin-left: 2em; } .header .other .search, .header .other .lang { color: #fff; margin-left: 1em; } .header .other .lang { float: right; } .header .other .search a, .header .other .lang a { color: #fff; } .header .search { position: relative; white-space: nowrap; height: 1em; line-height: 1em; vertical-align: middle; display: inline-block; cursor: pointer; } .header .search input { border: 0; padding: 0 1em; height: 100%; width: 200px; display: inline-block; vertical-align: top; background: #555555; color: #fff; } .header .search .search-wrap { position: absolute; line-height: 2em; height: 2em; right: 0; top: 50%; transform: translateY(-50%); z-index: 9; display: none; border-radius: 90px; overflow: hidden; border: 1px solid #fff; background: none; } .header .search .search-wrap button { border: none;outline: none; z-index: 99; height: 100%; top: 0; background: none; color: #fff; padding: 0 1em 0 0; cursor: pointer; display: inline-block; vertical-align: top; background: #555555; } .wrap { max-width: 1400px; padding: 0 60px; margin: auto; } a.worm-btn { border-radius: 2em; border: 1px solid #999999; color: #000; transition: all .3s; display: block; padding: 0.5em 3em; } a.worm-btn:hover { border-radius: 2em; border: 1px solid #007750; color: #fff !important; background: #007750; } .footer { background: #555555; padding-top: 1em; } .footer ul>li ol li{line-height:24px;margin-bottom:15px} .footer ul>li { color: #999999; float: left; width: 16.666%; box-sizing:border-box; margin-right: 6%; line-height: 2em; } .footer ul { overflow: hidden; } .footer ul>li .ts, .footer ul>li>h3 { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #999999; } .footer ul>li .ts { margin-top: 1em; } .footer ul>li:nth-child(1),.footer ul>li:nth-child(5){ width: 8.928%; } .footer ul>li:nth-child(2),.footer ul>li:nth-child(3),.footer ul>li:nth-child(4){ width:10.35%; } .footer ul>li:nth-child(6){ width: 14.28%; margin-right: 0; margin-left: 6%; } /* .footer ul>li:nth-child(1),.footer ul>li:nth-child(3),.footer ul>li:nth-child(5){width:160px;} .footer ul>li:nth-child(4){width:200px;} .footer ul>li:nth-child(2){width:400px;} .footer ul>li:nth-child(6){width:calc(100% - 1080px);padding-right: 0;} */ /* @media only screen and (max-width: 1520px) { .footer ul>li:nth-child(2){width:300px;} .footer ul>li:nth-child(6){width:calc(100% - 980px);} } @media only screen and (max-width: 1366px) { .footer ul>li:nth-child(2){width:200px;} .footer ul>li:nth-child(6){width:calc(100% - 880px);} } @media only screen and (max-width: 1200px) { .footer ul>li{width: 16.66% !important;} } */ .footer .bottom { height: 120px; line-height: 120px; margin-top: 3em; border-top: 1px solid #007750; color: #999999; } .footer .logo { background: #007750; padding: 0 10px; float: left; } .footer .logo img { vertical-align: middle; width: 227px;height: 37px; } .footer .br { float: left; margin-left: 2em; } .footer a { color: #999999; } .footer .br a { margin-right: 1em; margin-left: 1em; } .footer .br i { border: 1px solid #999999; width: 2em; height: 2em; display: inline-block; vertical-align: middle; line-height: 2em; text-align: center; border-radius: 2em; color: #999999; transition: all .3s; } .footer .br i:hover { color: #007750; border-color: #007750; } .footer-qrcode { max-width: 120px; } .phoneNav { display: none; } .nav-wrap .close { display: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007750'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007750'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-disabled { display: none; } /* ks字体大小 */ .fs-250 { font-size: 250px; } .fs-72 { font-size: 72px; } .fs-60 { font-size: 60px; } .fs-48 { font-size: 48px; } .fs-52 { font-size: 52px; } .fs-42 { font-size: 42px; } .fs-40 { font-size: 40px; } .fs-36 { font-size: 36px; } .fs-30 { font-size: 30px; } .fs-22 { font-size: 22px; } .fs-20 { font-size: 20px; } .fs-18 { font-size: 18px; } .fs-16 { font-size: 16px; } .fs-14 { font-size: 14px; } /*字体大小*/ @media screen and (max-width: 1440px) { .fs-250 { font-size: 200px; } .fs-72 { font-size: 48px; } .fs-60 { font-size: 40px; } .fs-52 { font-size: 40px; } .fs-48 { font-size: 38px; } .fs-42 { font-size: 34px; } .fs-40 { font-size: 36px; } .fs-36 { font-size: 32px; } .fs-30 { font-size: 28px; } .fs-22 { font-size: 20px; } .fs-20 { font-size: 19px; } .fs-18 { font-size: 17px; } } @media screen and (max-width: 1280px) { .fs-250 { font-size: 160px; } .fs-72 { font-size: 40px; } .fs-60 { font-size: 36px; } .fs-52 { font-size: 34px; } .fs-48 { font-size: 32px; } .fs-42 { font-size: 28px; } .fs-40 { font-size: 30px; } .fs-36 { font-size: 28px; } .fs-30 { font-size: 24px; } .fs-22 { font-size: 18px; } .fs-20 { font-size: 18px; } .fs-18 { font-size: 16px; } .fs-16 { font-size: 15px; } } @media only screen and (max-width: 1024px) { .consult .btn span { display: none; } .header ._b ._sr>li:nth-child(1):before { display: none; } ul.site_menu { display: none; } .wrap { padding: 0 24px; } .line28 { line-height: 24px; } .fnt_16 { font-size: 16px; } .fnt_20 { font-size: 18px; } .fnt_36 { font-size: 28px; } .fnt_50 { font-size: 35px; } .fs-250 { font-size: 125px; } .fs-72 { font-size: 36px; } .fs-60 { font-size: 30px; } .fs-52 { font-size: 26px; } .fs-42 { font-size: 22px; } .fs-48 { font-size: 24px; } .fs-40 { font-size: 20px; } .fs-36 { font-size: 24px; } .fs-30 { font-size: 20px; } .fs-22 { font-size: 16px; } .fs-20 { font-size: 17px; } .fs-18 { font-size: 15px; } .fs-16 { font-size: 14px; } .box-ratio { background-size: cover !important; } } @media only screen and (max-width: 767px) { .fnt_16 { font-size: 14px; } .fnt_20 { font-size: 16px; } .fnt_36 { font-size: 20px; } .fnt_50 { font-size: 25px; } } /* 1366 */ @media only screen and (max-width: 1366px) { .header, .header-pl, .header .logo { height: 80px; line-height: 80px; } .header .logo { width: 150px; } .header .logo img{width: 150px;height: 24.44px;} .header { padding: 0 30px; } .header .nav>li a { padding: 0 12px; } .header .other { margin-left: 1em; } } /*导航改2021-10-09*/ .header .sub-nav{padding: 30px;} .header .sub-nav .sub-nav-right{display: none;} .header .sub-nav .sub-nav-left{float: none;width: 100%;} .header .nav ol li:nth-child(2n+1){clear: inherit;} .header .nav ol li{width: 115px;margin: 0;} @media only screen and (max-width:1366px) { .header .nav ol li{width: 110px;} .header .sub-nav{padding: 30px 20px;} } @media only screen and (max-width: 1024px) { .header .nav>li>a i { float: right; transform: rotate(-90deg); display: block; width: 48px; height: 48px; line-height: 48px; text-align: center; transition: all .3s; } .header .nav>li.on>a i { transform: rotate(90deg); } .header .nav>li>a:hover { color: #fff !important; } .header .nav>li>a:active { color: #bbb !important; } .header .nav>li:hover>a::after, .header .nav>li>a:hover::after { display: none; } .nav-wrap .close { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background: darkslategrey; } .nav-wrap .close:active { background: #ff5500; color: #fff; } .phoneNav { display: block; float: right; margin-left: 1em; color: #fff; cursor: pointer; font-size: 24px; } .header .nav-wrap { padding-top: 40px; height: 100%; box-sizing: border-box; width: 60%; float: none; display: none; position: fixed; right: 0; top: 0; background: #007750; z-index: 999; } .nav { height: 100%; width: 100%; float: none; display: block; position: relative; right: 0; top: 0; overflow: auto; } .header .nav li, .header .nav>li { display: block; } .header .nav>li a { float: none; } .header .sub-nav ol li a { padding-left: 2em; } .header .sub-nav li { margin-right: 0; } .header .sub-nav { background: #333; display: block; position: relative; padding: 0em; } .header .sub-nav .sub-nav-left { display: block; width: auto; float: none; } .header .sub-nav .sub-nav-right { display: none; } .header, .header-pl, .header .logo { height: 48px; line-height: 48px; } .footer .top { display: none; } .footer .bottom { height: auto; margin-top: 0; } .footer .logo { float: none; text-align: center; } .footer .br>a { display: inline-block; } .footer .br { display: block; float: none; line-height: 2em; padding: 2em 0; } .headr_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #007750;} .nav-wrap .close,.header .nav{z-index: 3;} } @media only screen and (max-width: 767px) { .header{padding: 0 15px;} } /*2021-07-21*/ body,a{color: #333333;} .blank_15{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.15);} .blank_16{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.16);} .blank_20{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);} .blank_51{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.51);} .wrap_1200{width: 1200px;max-width:90%;margin: auto;} .wrap_1440{width: 1440px;max-width:90%;margin: auto;} .line22{line-height: 22px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line24{line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line26{line-height: 26px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line30{line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line32{line-height: 32px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .ellipsis_p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ratio-img,.ratio-img img{width: 100%;} .bold{font-weight: bold;} .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1024px) { .wrap_1440,.wrap_1200{max-width: 90%;} .line26,.line30,.line32{line-height: 24px;} } @media only screen and (max-width:767px) { .wrap_1440{max-width: 94%;} } .white .site_text,.white .site_crumbs,.white .site_crumbs a{color: #fff;} .site_banner{position: relative;} .site_banner:after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.3);} .site_text{width: 100%;color: #fff;z-index: 2;} .site_text p{line-height: 36px; font-weight: normal;} .site_text h2{line-height: 90px;} .banner_out{position: relative;} .site_crumbs{position: absolute;left: 0;bottom: 25px; width: 100%;} .site_crumbs,.site_crumbs a{color: #fff;} @media only screen and (max-width:1440px) { .site_text h2{line-height: 70px;} } @media only screen and (max-width:1280px) { .site_text h2{line-height: 60px;} } @media only screen and (max-width:1024px) { .site_crumbs{display: none;} } @media only screen and (max-width:767px) { .site_banner>img{display: none;} .site_banner{height: 130px;background-size: cover !important;} .site_text h2{line-height:24px;font-size: 20px;} .site_text p{font-size: 14px;line-height: 24px;} } .news_btn div{width: 55px;height: 82px;margin-top: -41px;background-size: 100% 100% !important;} .news_btn .swiper-button-prev{left: -75px; background: url(../images/news_le.png) no-repeat center center;} .news_btn .swiper-button-next{right: -75px; background: url(../images/news_re.png) no-repeat center center;} @media only screen and (max-width:1800px) { .news_btn .swiper-button-prev{left: -20px;} .news_btn .swiper-button-next{right: -20px;} } @media only screen and (max-width:1600px) { .news_btn div{width: 40px;height: 60px;margin-top: -30px;} .news_btn .swiper-button-prev{left:10px;} .news_btn .swiper-button-next{right: 10px;} } @media only screen and (max-width:1024px) { .news_btn div{width: 30px;height: 50px;margin-top: -25px;} .news_btn .swiper-button-prev{left:24px;} .news_btn .swiper-button-next{right: 24px;} .header .nav ol li{float: none;width: auto;} .header .search{position: static;} .header .search .search-wrap{transform: translateY(0%); top: 48px;right: 10px;display: block;visibility: hidden;opacity: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;background: #555555;} .header .search.cur .search-wrap{visibility: visible;opacity: 1;} .header .search.cur>i{opacity: 0.7;} .header .search>i{font-size: 20px;} .header .search .search-wrap{height: 32px;line-height: 30px;} .header .search input{height: 30px;line-height: 30px;} } @media only screen and (max-width:767px) { .news_btn div{width: 20px;height: 40px;margin-top: -20px;} .footer .logo{line-height: 40px;padding: 20px 10px;} .footer .logo img{width: 200px;height: 32.59px;} .footer .br{margin-left: 0;} .footer .br a{margin-right: 5px;} } .header2_heght,.header2{height: 50px;} .header2{background: #555555; position: fixed;top:0;left: 0;width: 100%;overflow: hidden;z-index: 999;} .header2 h2 img{width: 180px;height: 30px;margin-top: 10px;} .header2 h2{height: 50px;padding: 0 100px;background: #007750;float: left;} .footer2{padding: 28px 0;line-height:24px;background: #007750;text-align: center;} .footer2,.footer2 a{color: #fff;} .footer2 p{opacity: 0.5;} @media only screen and (max-width:1024px) { .header2 h2{padding: 0 20px;} } @media only screen and (max-width:767px) { .footer2{padding: 15px 0;} .footer2 a{display: block;} } @media only screen and (min-width:1025px) { .footer2 a:hover{color: #d8d1d1 !important;} }