.banner{ --swiper-theme-color: #ffffff; min-width: 1000px; position: relative; height: 600px; overflow: hidden; --swiper-pagination-color: #ffffff;/* 涓ょ閮藉彲浠 */ width: 100%; max-width: 1903px; margin: auto; } .banner .swiper-button-next,.banner .swiper-slide-prev{ color: #ffffff; } .banner .swiper-slide-prev{ color: #ffffff; } .banner .swiper-slide-active{ color: #ffffff; } .banner img{ width: 100%; } .nav-container{ height: 90px; } .nav-container .pic{ float: left; margin-top: 7px; cursor: pointer; height: 75px; } .nav-container .nav-list{ float: right; /* position: relative; */ } .nav-container .nav-list .lista{ position: relative; } .nav-container .nav-list .lista.active::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/mnico.png) no-repeat center bottom } .nav-container .nav-list li{ float: left; height: 90px; font-weight: 700; line-height: 90px; padding: 0 32px; /* position: relative; */ } .nav-container .nav-list li .active{ color: #29AA44; } .nav-container .nav-list li .content{ line-height: 3.0; } .search-box{ position: absolute; left: 0; right: 0; top: 90px; background-color: rgba(0, 0, 0, .5); padding: 20px 0; z-index: 999; display: none; } .search-box .search-container{ width: 585px; margin: 0 auto; background: #fff; height: 34px; margin-top: 8px; line-height: 34px; padding: 0 10px; border-radius: 25px; } .search-box .search-container input{ width: 528px; height: 32px; font-size: 17px; border-radius: 25px; box-shadow: none; border: none; outline:none; } .search-box .search-container button{ cursor: hand; background: none; width: 50px; height: 30px; font-size: 14px; cursor: pointer; } .new-container .content{ overflow: hidden; } .nav-container .icon-search{ float: right; padding: 8px; margin-top: 28px; cursor: pointer; height: 16px; } .new-container .content .left-content{ float: left; width: 462px; height: 415px; } .new-container .content .right-content{ float: right; width: 657px; height: 415px; position: relative; } .new-container .title-box{ height: 39px; width: 100%; color: #000000; text-align: center; background-color: #EEEEEE; } .new-container .title-box .title{ float: left; width: 50%; height: 48px; } .new-container .title-box .title a{ line-height: 39px; display: inline-block; } .new-container .title-box .title.active{ background-image: url('../img/title-tab.png'); background-repeat: no-repeat; } .new-container .title-box .title.active a{ color: #ffffff; } .new-container .news_hots{ margin-top: 30px; height: 110px; border-bottom: 1px solid #E4E4E4; margin-bottom: 10px; padding-bottom: 10px; } .new-container .news_hots .demo{ float: left; height: 58px; width: 57px; background: url('../img/line.png') no-repeat; background-size: 57px 58px; margin-top: 20px; } .new-container .news_hots .demo p:nth-of-type(1){ font-size: 32px; font-weight: bolder; line-height: 24px; } .new-container .news_hots .demo p:nth-of-type(2){ float: right; } .new-container .news_hots .demo p:nth-of-type(3){ float: right; } .new-container .news_hots .demo .number{ font-size: 14px; line-height: 14px; } .new-container .news_hots .demo p:first-child{ line-height: 13px!important; padding-bottom:12px; margin-left: -1px; } .new-container .news_hots .arti{ display: inline-block; width: 380px; float: right; } .new-container .arti h3{ font-size: 18px; color: #191919; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; line-height: 26px; } .new-container .arti p{ font-size: 14px; color: #8B8B8B; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .new-container .arti .more a{ display: block; color: #29AA44; font-size: 12px; text-align: right; } .new-container .new-li li{ line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-container .new-swiper{ width: 627px; position: relative; height: 408px; float: right; } .new-container .new-swiper .pic{ border-top-right-radius: 110px; width: 100%; height: 100%; } .new-container .new-swiper .swiper-title{ position: absolute; color: #ffffff; left: 30%; right: 0; bottom: 30px; text-align: left; } .new-container .new-swiper .swiper-title p{ background-color: rgba(0, 0, 0, .5); display: inline-block; padding: 15px; } .news-but{ position: absolute; top: 50%; transform: translate(0,-50%); width: 60px; height: 143px; /*height: 215px;*/ background: rgba(244, 244, 244, .9); display: inline-block; z-index: 99; border-radius: 4px; } .news-but li{ height: 72px; line-height: 68px; cursor: pointer; text-align: center; } .news-but li a{ /*border-bottom: 1px solid #626262;*/ } .news-but li a.active{ border-color: #29AA44; line-height: 68px; color: #29AA44; } .news-but li:last-child{ border-bottom: 0px solid #626262 } .gover-box{ margin-top: 60px; height: 110px; position: relative; } .gover-box .gover-title{ float: left; width: 197px; height: 110px; line-height: 110px; text-align: center; background-color: #E62229; font-size: 30px; color: #ffffff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .gover-box .gover-content{ width: 983px; overflow: hidden; padding: 9px 0; background: #EEEEEE; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .gover-box .gover-content .first-pic{ float: left; /*padding: 0 0 0 30px;*/ border-radius: 5px; } .gover-box .swiper-box{ width: 720px; float: left; position: relative; box-sizing: border-box; } .gover-swiper{ margin: 0 auto; width: 710px; float: left; overflow: hidden; padding: 0 13px; --swiper-theme-color: #ffffff; box-sizing: border-box; --swiper-theme-color: rgba(0,0,0,.0); --swiper-pagination-color: rgba(0,0,0,.0);/* 涓ょ閮藉彲浠 */ } .gover-swiper .img{ width: 222px; height: 90px; } .gover-swiper .pic{ width: 100%; border-radius: 5px; } .gover-swiper .swiper-slide { text-align: center; font-size: 18px; /*background: #fff;*/ /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* .gover-swiper .swiper-wrapper{ overflow: hidden; } */ .bussiness ul{ /*overflow: hidden;*/ } .bussiness li{ float: left; width: 270px; position: relative; padding-bottom: 254px; margin-right: 25px; border-radius: 10px; overflow: hidden; /*box-shadow: 0 5px 10px rgba(0,0,0,.2);*/ background-size: 100% !important; } .bussiness li:last-child{ /*margin-right: 0;*/ } .bussiness li .title{ position: absolute; height: 119px; line-height: 119px; text-align: center; left: 0; right: 0; top: 0; font-size: 22px; } .bussiness li .title-t{ height: 120px; line-height: 120px; text-align: center; font-size: 22px; } .bussiness .content{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 90px; opacity: 0.94; background-image: linear-gradient(-46deg, #69AF07 0%, #0777AF 100%); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.08); border-radius: 10px; border-radius: 10px; color: #ffffff; cursor: pointer; display: none; overflow: hidden; } @keyframes mybussuss { from {height: 90px;} to {height: 480px;} } .bussiness li:hover .content{ display: block; animation: mybussuss 2s; animation-iteration-count:1; animation-fill-mode:forwards; display: block; } /* @-webkit-keyframes mybussuss { from {height: 90px;} to {height: 1800px;} } */ .bussiness .content .text{ padding: 40px; font-size: 16px; text-align: justify; } .bussiness .content .details{ text-align: center; margin-top: 40px; margin: 0 auto; color: #ffffff; } .bussiness .content .details a{ color: #ffffff; } .product-content{ position: relative; background-color: #f4f4f4; } .tab-content{ color: #ffffff; position: absolute; left: 0; right: 0; top: 30px; display: none; height: 80px; cursor: pointer; z-index: 999; } .tab-content .content{ display: flex; text-align: center; } .tab-content .content .list{ margin-right: 20px; padding-left: 38px; background-size: 50px 50px; cursor: pointer; line-height: 33px; font-size: 26px; font-weight: 500; } .tab-content .content .list.active{ color: #24803C; } .tab-content .content .list .iconfont{ font-size: 30px; margin-right: 5px; } .tab-content .content .list:hover{ color: #24803C; } .tab-content .content .item:hover{ font-weight: 700; } .product-content .pic{ width: 100%; max-width: 1903px; margin: auto; cursor: pointer; height: 560px; background:url('../img/foot01.png') no-repeat center; transition:10s; background-size:140% 784px; } .product-content .pic:hover{ background-size:100% 560px; } .product-content .container{ position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%); } .product-content .icon-list{ padding: 0 50px; text-align: center; color: #ffffff; display: block; } .product-content .icon-list .list{ float: left; cursor: pointer; padding: 0 40px; } .product-content .icon-list .list .pro-img{ border-radius: 50%; width: 136px; height: 136px; background: rgba(255,255,255,.7); } .product-content .icon-list .active .pro-img { background: linear-gradient(158deg, rgba(72, 211, 121,.8) 0%, rgba(35, 119, 58,.8) 100%); } .product-content .icon-list .list .pro-img .content { height: 72px; margin-top: 0px; } .product-content .icon-list .list .pro-img .pro-img-div { padding: 32px; } .product-content .icon-list .list .pro-img .pro-img-xm .content { background: url("../img/xm.svg") center no-repeat; } .product-content .icon-list .active .pro-img .pro-img-xm .content{ background: url("../img/xm_a.svg") center no-repeat; } .product-content .icon-list .list .pro-img .pro-img-ym .content { background: url("../img/ym.svg") center no-repeat; } .product-content .icon-list .active .pro-img .pro-img-ym .content{ background: url("../img/ym_a.svg") center no-repeat; } .product-content .icon-list .list .pro-img .pro-img-yc .content { background: url("../img/yc.svg") center no-repeat; } .product-content .icon-list .active .pro-img .pro-img-yc .content{ background: url("../img/yc_a.svg") center no-repeat; } .product-content .icon-list .list .pro-img .pro-img-sc .content { background: url("../img/sc.svg") center no-repeat; } .product-content .icon-list .active .pro-img .pro-img-sc .content{ background: url("../img/sc_a.svg") center no-repeat; } .product-content .icon-list .list .pro-img .pro-img-yy .content { background: url("../img/yy.svg") center no-repeat; } .product-content .icon-list .active .pro-img .pro-img-yy .content{ background: url("../img/yy_a.svg") center no-repeat; } .product-content .icon-list .list .pro-img img{ margin: 32px; } .product-content .icon-list .list div{ margin-top: 24px; /*font-weight: 700;*/ font-size: 28px; } .product-content .icon-list .active div{ color: #1B7333; } .pro-list{ left: 0; right: 0; display: none; margin-top: 110px; } .pro-list li{ float: left; border-radius: 10px; width: 380px; height: 190px; overflow: hidden; margin-right: 30px; position: relative; } .pro-list li .bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,.4); } .pro-list li .bg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; padding: 20px; background: #ffffff70; } .pro-list li .bg img{ width: 120px; height: 120px; border-radius: 50%; float: left; object-fit: cover; } .swiper-pro{ height: 240px; --swiper-theme-color: rgba(0,0,0,.0); --swiper-pagination-color: rgba(0,0,0,.0); } .swiper-pro .swiper-button-next, .swiper-pro .swiper-button-prev{ top: 90%; } .text-box{ float: right; padding-left: 20px; box-sizing: border-box; width: 214px; height: 116px; text-align: justify; } .text-box .text-t{ font-weight: 600; padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .text-box .text-blank{ color: #24803C; font-size: 16px; font-weight: 600; } .pro-list .text{ font-size: 13px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .pro-list-icon { font-size: 72px !important; margin-top: 32px; position: absolute; /* padding: 32px; */ left: 200px; color: #28aa44; } .pro-list li:last-child{ margin-right: 0px; } .pro-list li .pic{ filter: blur(4px); -webkit-filter: blur(4px); } .news-slider__arrow{ background: #fff; border: none; display: inline-flex; width: 50px; height: 50px; justify-content: center; align-items: center; box-shadow: 0 6px 26px 6px rgb(0 0 0 / 25%); border-radius: 50%; position: absolute; top: 50%; z-index: 12; cursor: pointer; outline: none !important; } .main-left .fa{ line-height: 64px; position: absolute; margin-left: 30px; font-size: 20px; color: #9B9B9B; } .link-box{ background-color: #3FA048; background-image: url("../img/link-img.jpg"); background-size: auto; } .link-box .iconbox .iconfont{ font-size: 26px; margin-right: 5px; } .link-box .iconbox{ font-weight: 700; font-size: 26px; margin-right: 10px; } .link-box .container { height: 50px; display: flex; color: #ffffff; align-items: center; } .link-box .link-tab{ display: flex; align-items: center; } .link-box .link-tab .item{ padding: 0 20px; cursor: pointer; line-height: 50px; } .link-box .link-tab .item .link-title.active{ background: url('../img/link-bg.png') no-repeat center; } .link-box .link-tab .item .link-title{ letter-spacing: 3px; padding: 0 66px; } .link-box .down-box{ height: 200px; width: 1180px; margin: 0 auto 0px auto; padding: 20px; display: none; } .link-box .down-content{ display: none; background: #fff; box-sizing: border-box; padding: 15px 10px 15px 30px; position: absolute; left: 0; top: 49px; height: auto; z-index: 88; right: 0; } .link-box .down-content .list{ display: flex; flex-wrap: wrap; } .link-box .link{ padding: 0 10px; color: #000000; line-height: 40px; border-radius: 8px; width: 300px; } .pd30{ padding-bottom: 30px; } .footer-box{ height: 266px; position: relative; background: #2B2B2B; opacity: .87; background-size: cover; } .footer-box .us{ display: flex; padding: 30px 0px; align-items: center; line-height: 30px; justify-content: space-between; color: #ffffff; font-size: 14px; } .footer-box .us img{ width: 123px; } .npc{ color: #ffffff; text-align: center; line-height: 40px; width: 100%; letter-spacing:1; position: absolute; background-color: rgba(0, 0, 0, 1); left: 0; right: 0; bottom: 0; font-size: 13px; } .footer-box .code{ text-align: center; font-size: 13px; } .tab-nav{ width: 1180px; height: 230px; padding: 50px; box-sizing: border-box; background-color: rgba(255,255,255,.3); position: absolute; z-index: 999; display: flex; align-items: center; display: none; } .tab-nav.about{ left: 10px; top: 80px; } .tab-nav.new{ left: 10px; top: 80px; } .tab-nav.pro{ left: 10px; top: 80px; } .tab-nav.invite{ left: 10px; top: 80px; } @keyframes mynav { from {background-color: rgba(255,255,255,.3);} to {background-color: rgba(255,255,255,1);} } .nav-list li:hover .tab-nav{ animation: mynav 2s; animation-iteration-count:1; animation-fill-mode:forwards; display: flex!important; } .tab-nav .content{ flex: 1; padding: 0 40px; } .tab-nav .content a{ display: inline-block; width: 33%; line-height: 32px; height: 32px; } .tab-nav .pic{ width: 320px; height: 182px; } .banner-box{ position: relative; background-color: #F3F3F3; } .notice{ height: 36px; line-height: 36px; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); color: #ffffff; z-index: 9999; } .notice .content{ background: url('../img/notice.png') no-repeat left center; padding-left: 30px; } .notice .content a{ color: #ffffff; } .new-banner{ background: url(../img/banner-new.png) no-repeat center center; height: 271px; } .about-us-t{ /*background: url(../img/about-us-t.png) no-repeat center center;*/ height: 400px; } .new-tab{ height: 70px; line-height: 70px; border-bottom: 1px solid #cccccc; margin-bottom: 40px; } .new-tab ul{ display: flex; align-items: center; justify-content: center; } .new-tab ul a{ padding: 0 40px; } .new-tab ul a.active{ color: #29AA44; position: relative; } .new-tab ul a.active::before{ content: ''; left: 50px; right: 50px; position: absolute; bottom: 0; height: 3px; border-radius: 6px; background-color: #29AA44; } .new-list-content{ padding: 0 0 40px 0; } .new-list-content li{ display: flex; align-items: center; border-bottom: 1px dashed #cccccc; padding: 24px 0; } .new-list-content .day-item{ text-align: center; width: 80px; padding-right: 20px; } .new-list-content .day-item .day{ font-size: 32px; /*font-weight: 700;*/ color: #979797; } .new-list-content .day-item .month{ font-size: 18px; color: #979797; } .new-list-content .item{ flex: 1; } .new-list-content .item .content{ color: #555555; font-size: 14px; line-height: 24px !important; } .new-list-content .item .title{ margin-bottom: 8px; font-weight: 600; font-size: 18px; } .product-list { display: flex; align-items: center; } .product-list .title{ width: 100px; text-align: center; font-size: 40px; font-weight: 700; } .product-list .item{ width: 1020px; } .product-list .item ul{ display: flex; flex-wrap: wrap; } .product-list .item .content{ text-align: center; margin-bottom: 20px; width: 240px; margin-right: 20px; } .product-list .item .content:nth-child(4n-1){ margin-right: 0px; } .subpage .intro .bussiness li{ margin-right: 160px!important; } .intro p { line-height: 30px !important; margin: 10px 0px; color: #555555; } .intro div { line-height: 30px !important; color: #555555; } /* 浜岀骇椤甸潰 */ .subpage{ position: relative; display: flex; justify-content: space-between; } .subpage .main-left{ width: 200px; /*border-right: 1px solid #cccccc;*/ } .subpage .main-left .title{ position: absolute; top: -65px; left: 0; width: 200px; padding-top: 15px; /* padding: 18px 0 0 38px; */ height: 50px; line-height: 48px; /* font-weight: bold; */ color: #fff; font-size: 24px; background: #29AA44C0; text-align: center; } .subpage .main-left .text-en{ text-align: center; background: #29AA44F0; color: #fff; font-size: 18px; padding-top: 5px; padding-bottom: 15px; } .subpage .main-left .left-pic{ width: 228px; height: 143px; } .subpage .main-left ul{ width: 200px; z-index: 2; padding: 30px 0; background: #F0F0F0C0; } .subpage .main-left ul li a{ line-height: 64px; font-size: 16px; padding-left: 0px; text-align: center; position: relative; margin: 0; /*border-bottom: 1px solid #cccccc;*/ height: auto; position: relative; display: block; } .subpage .main-left ul li .sub-t{ line-height: 64px; font-size: 16px; padding-left: 0px; position: relative; text-align: center; margin: 0; /*border-bottom: 1px solid #cccccc;*/ height: auto; position: relative; display: block; cursor: pointer; } .subpage .main-left .sub-list{ padding-left: 0px; display: none; position: relative; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #cccccc; box-sizing: border-box; } .subpage .main-left .sub-list::before{ content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 60px; background-color: #29AA44; } /* @keyframes mysublist { from {height: 0;} to {height: 108px;} } .subpage .main-left ul li:hover .sub-list{ animation: mysublist 1s; animation-iteration-count:1; animation-fill-mode:forwards; display: block; border-bottom: 1px solid #cccccc; } */ /* @keyframes openlist { from {height: 0;} to {height: 176px;} } .subpage .main-left ul li:hover .open-list{ animation: openlist 1s; animation-iteration-count:1; animation-fill-mode:forwards; display: block; border-bottom: 1px solid #cccccc; } */ /* @keyframes openbussin { from {height: 0;} to {height: 126px;} } .subpage .main-left ul li:hover .open-bussin{ animation: openbussin 1s; animation-iteration-count:1; animation-fill-mode:forwards; display: block; border-bottom: 1px solid #cccccc; } */ /* @keyframes opennew { from {height: 0;} to {height: 100%;} } .subpage .main-left ul li:hover .open-new{ animation: opennew 2s; animation-iteration-count:1; display: block; animation-fill-mode:forwards; border-bottom: 1px solid #cccccc; } */ .subpage .main-left .sub-list .sub-a{ font-size: 15px; line-height:36px; padding-left: 0px; border-bottom: none; } .subpage .main-left .sub-list .sub-a:first-child{ /*padding-top: 16px;*/ } .collapse { display: none; } .collapse.in { display: block; } .subpage .main-left ul .line{ content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 60px; background-color: #29AA44; } @keyframes subpage { from {width: 60px;} to {width: 227px;} } .subpage li:hover .line{ animation: subpage 2s; animation-iteration-count:1; animation-fill-mode:forwards; } .subpage .main-left ul .active{ color: #29AA44; } /*.subpage .main-left ul .active::before{*/ /* content: '';*/ /* position: absolute;*/ /* left: 0;*/ /* bottom: -1px;*/ /* height: 1px;*/ /* width: 200px;*/ /* background-color: #29AA44;*/ /*}*/ .subpage .main-content{ width: 940px; float: right; color: #434343; padding-bottom: 200px; } .subpage .main-content .node-name{ color: #191919; font-size: 20px; padding: 20px 0px; border-bottom: 1px solid #E4E4E4; } .subpage .main-content .pro-title{ font-size: 20px; margin-top: 30px; padding: 10px 5px; margin-left: 15px; margin-right: 15px; color: #191919; /* border-radius: 5px; */ /* border: 1px solid #aaa; */ background: #F0F0F0C0; cursor: pointer; } .subpage .main-content .pro-title+.intro-pro{ margin-top: 30px; } .crumble{ height: 20px; font-size: 14px; line-height: 20px; padding-top: 30px; } .crumble .iconfont{ color: #666666; margin-right: 5px; font-size: 14px; } .subpage .main-content .crumble{ height: 20px; font-size: 14px; line-height: 20px; padding-top: 30px; } .subpage .main-content .crumble .iconfont{ color: #666666; margin-right: 5px; font-size: 14px; } .subpage .main-content .intro{ margin-top: 30px; /*display: flex;*/ justify-content: space-between; } .subpage .new-tab{ border-bottom: 1px solid #cccccc; line-height: 40px; margin-top: 62px; text-align: center; height: 40px; } .subpage .new-tab .item{ padding: 0 20px; position: relative; font-weight: 500; } .subpage .new-tab .item:last-child::before{ width: 0px; } .subpage .new-tab .item::before{ content: ''; position: absolute; top: 50%; right: 0; width: 1px; background-color: #cccccc; height: 20px; transform: translate(0,-50%); } .subpage .new-tab .item.active{ color: #29AA44; } .subpage .new-tab+.intro{ margin-top: 60px; } .subpage .main-content .intro-pro{ margin-top: 93px; } .subpage .intro-pro ul{ display: flex; flex-wrap: wrap; } .subpage .intro-pro ul li{ margin: 0 15px; box-sizing: border-box; cursor: pointer; position: relative; overflow: hidden; width: 440px; height: 323px; border-radius: 4px; margin-bottom: 30px; } .subpage .intro-pro ul li img{ width: 100%; height: 100%; transition: all .5s; object-fit: cover; } .subpage .intro-pro ul img:hover{ transform: scale(1.5) ; } .subpage .intro-pro ul li .content-t{ position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,.5); color: #ffffff; padding: 10px; border-radius: 0 0 4px 4px; } .subpage .intro-pro ul li .title{ font-size: 16px; margin-bottom: 5px; } .subpage .intro-pro ul li .text{ font-size: 14px; height: 57px; overflow: hidden; } .subpage .main-content .intro .pic-j{ width: 100%; } .subpage .intro-left{ width: 367px; } .subpage .intro-left .sub-title{ padding:40px 20px 20px 20px; } .subpage .intro-left .content{ padding: 20px; font-size: 17px; } .subpage .intro-left .about_sum3_l { width: 940px; /*background: #69AF07;*/ font-size: 28px; color: #ffffff; } .subpage .intro-right{ width: 428px; /* padding-top: 82px; */ line-height: 29px; } .subpage .intro-right p{ text-indent: 32; } .subpage video{ /*width: 367px;*/ } .page-box{ align-items: center; display: flex; justify-content: flex-end; } .page-box .item{ padding: 0 12px; height: 32px; text-align: center; line-height: 32px; margin-left: 5px; cursor: pointer; background-color: #ffffff; border-radius: 4px; border: 1px solid #D9D9D9; } .page-box .item-curr { padding: 0 12px; height: 32px; text-align: center; line-height: 32px; margin-left: 5px; cursor: pointer; color: #fff; background-color: #4785FF; border-radius: 4px; } .page-box .go{ padding: 0 10px; height: 30px; text-align: center; line-height: 24px; margin-left: 5px; line-height: 30px; } .page-box input{ height: 30px; text-align: center; outline: none; border: 1px solid #cccccc; line-height: 24px; margin-left: 5px; line-height: 30px; width: 40px; } .subpage-bg{ background: url('../img/sub-bg.png') no-repeat center bottom; } .sub-foot{ background: url('../img/foot03.png') no-repeat center center; } .details-box{ margin-top: 10px; } .details-box .title{ height: 61px; font-size: 26px; line-height: 44px; text-align: center; font-weight: normal; font-size: 26px; font-weight: bold; color: #434343; letter-spacing: 1px; } .details-box .time{ margin-bottom: 40px; line-height: 36px; text-align: center; margin-top: 17px; } .details-box .detail p{ line-height: 32px !important; font-size: 16px !important; text-indent: 32px !important; margin-bottom: 10px; font-family: "PingFang SC" !important; } .details-box .detail span{ font-size: 16px !important; font-family: "PingFang SC" !important; } .details-box .detail img{ width: auto; margin: 0 auto; margin-bottom: 10px; } .sub-banner { max-width: 1903px; margin: auto; height: 496px; } .sub-banner img{ width: 100%; height: auto; } .title-d{ font-size: 32px; font-weight: 700; line-height: 100px; border-bottom: 1px solid #cccccc; } .government-list .title-box{ height: 20px; line-height: 20px; padding-bottom: 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #d5d5d5 solid; } .government-list .title-box .title{ border-left: 4px #6AA617 solid; padding-left: 10px; font-size: 20px; font-weight: bold; } .government-list .title-box .more{ font-size: 14px; color: #8f8f8f; } .government-list ul{ padding: 20px 0; margin-bottom: 20px; } .government-list li{ padding: 0 10px; cursor: pointer; height: 45px; line-height: 45px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #dadada dashed; } .government-list li:hover{ color: #6AA617; } .pd-bottom{ padding-bottom: 200px; } .search-page{ padding-bottom: 200px; } .search-page .type-box{ margin: 30px 0; display: flex; align-items: center; flex-wrap: wrap; } .search-page .type-box .title{ color: #29AA44; margin-right: 30px; } .search-page .type-box .item{ background-color: #f5f7f5; padding: 10px 30px; margin-right: 20px; cursor: pointer; } .search-page .type-box .item:hover{ color: #29AA44; } .search-page .type-box .item.active{ background-color: #29AA44; color: #ffffff; } .search-page .search{ display: flex; align-items: center; border-radius: 8px; } .search-page .search .tips{ margin-right: 20px; } .search-page .search input{ border: 1px solid #cccccc; width: 400px; padding: 10px 20px; outline: none; border-radius: 8px; } .search-page .search .btn{ margin-left: 30px; padding: 10px 20px; cursor: pointer; color: #29AA44; border-radius: 8px; } .search-page .result{ margin: 50px 0 10px 0; } .search-page ul{ margin-bottom: 40px; } .search-page li{ display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #cccccc; padding: 15px 0; cursor: pointer; } .search-page li .lable{ width: 10%; text-align: right; } .search-page li .title{ position: relative; padding: 0 20px; box-sizing: border-box; } .search-page li:hover .title{ color: #29AA44; } .search-page li .title::before{ content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #cccccc; transform: translate(0,-50%); } .gov-nav{ width: 100%; height: 70px; line-height: 70px; font-size: 24px; font-weight: bold; background: #e00019; } .gov-nav li{ flex:auto; } .gov-nav li a { padding: 0 44px; color: #fff; } .gov-box{ margin-top: 60px; } .gov-box .toutiao { padding: 20px 50px 30px 140px; background: url(../img/toutiao-icon.png) no-repeat 3.5% 50% #f2f2f2; border-bottom: 4px solid #e00019; } .gov-box .toutiao a { font-size: 35px; font-weight: bold; color: #cd3333; display: block; text-align: center; } .gov-box .toutiao p { margin: 10px 0 0; font-size: 16px; text-indent: 35px; color: #666; } /* .new-swiper1 { overflow: hidden;} .new-swiper1 .swiper-container {margin: 60px auto; overflow: visible; } .new-swiper1 .swiper-slide { position: relative; } .new-swiper1 .swiper-slide .mask { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); } .new-swiper1 .swiper-slide-active .mask{ display: none; } .new-swiper1 .swiper-slide p, .new-swiper2 .swiper-slide p, .zyc-swiper .swiper-slide p { position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 50px; font-size: 18px; line-height: 50px; text-indent: 32px; color: #fff; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88000000',endColorstr='#88000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#88000000', endColorstr='#88000000')"; } .new-swiper1 .swiper-slide .show, .new-swiper1 .swiper-slide .show img { display: block; width: 100%; height: 450px; } .new-swiper1 .swiper-slide-left, .new-swiper1 .swiper-slide-right { position: absolute; top: 50%; z-index: 99; width: 40px; height: 70px; background: url("../images/slide-left.png") no-repeat 0% 50%; cursor: pointer; opacity: .2;margin-top:-35px;} .new-swiper1 .swiper-slide-left { left: 0; } .new-swiper1 .swiper-slide-right { right: 0; background-image: url("../images/slide-right.png"); } .new-swiper1 .swiper-container:hover .swiper-slide-left, .new-swiper1 .swiper-container:hover .swiper-slide-right { opacity: .7; } .new-swiper1 .pagination { position: absolute; bottom: 20px; right: 20px; z-index: 100; } .new-swiper1 .pagination span { float: left; width: 12px; height: 12px; margin: 0 5px; background: #999594; border-radius: 50%; cursor: pointer; } .new-swiper1 .pagination span.swiper-active-switch { background: #cb0c18; } .new-swiper1 .swiper-slide-active{ width: 900px!important; height: 503px; } .new-swiper1 .swiper-slide-active .img{ width: 900px; height: 503px; } */ .new-swiper1 { position: relative; width: 1180px; margin: 60px auto; height: 500px; } .new-swiper1 .swiper-slide .mask { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } .new-swiper1 .swiper-slide-active .mask{ display: none; } .new-swiper1 .swiper-slide p, .new-swiper2 .swiper-slide p{ position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 50px; font-size: 18px; line-height: 50px; text-indent: 32px; color: #fff; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88000000',endColorstr='#88000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#88000000', endColorstr='#88000000')"; } .new-swiper1 .swiper-container { padding-bottom: 60px; overflow: hidden; --swiper-navigation-size: 0px; --swiper-theme-color: #ffffff; --swiper-pagination-color: #ffffff;/* 涓ょ閮藉彲浠 */ } .new-swiper1 .swiper-slide { width: 900px; height: 470px; overflow: hidden; position: relative; } .new-swiper2{ height: 309px; } .new-swiper2 .swiper-slide{ position: relative; } .new-swiper1 .swiper-slide.swiper-slide-active{ width: 900px!important; height: 500px!important; } .new-swiper1 .swiper-slide img{ display:block; width: auto; } .new-swiper1 .swiper-pagination { width: 100%; bottom: 20px; } .new-swiper1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } .new-swiper1 .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid red; background-color: #fff; } .new-swiper1 .swiper-button-prev { left:140px; width: 45px; height: 71px; background: url('../img/slide-left.png') no-repeat!important; background-position: 0 0; background-size: 100%; font-size: 0; } .new-swiper1 .swiper-button-prev::after{ content: ''; } .new-swiper1 .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } .new-swiper1 .swiper-button-next { right: 135px; width: 45px; height: 71px; background: url('../img/slide-right.png') no-repeat!important; background-position: 0 -93px; background-size: 100%; font-size: 0; } .new-swiper1 .swiper-button-next::after{ content: ''; } .new-swiper1 .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .zjhm{ overflow: hidden; margin-bottom: 60px; } .zjhm .new-swiper2{ float: left; width: 585px; } .zjhm .new-list{ width: 570px; float: right; } .zjhm .new-list li:first-child{ margin-top: 0; } .zjhm .new-list li{ width: 100%; margin: 20px 0 0; padding: 12px 30px 12px 25px; font-size: 14px; color: #999; background: #f2f2f2; border-left: 4px solid #cb0c18; } .zyc{ padding: 0px 0 50px; background: #f6f6f6; overflow: hidden; } .zyc .container{ overflow: hidden; } .column { width: 100%; height: 130px; margin-bottom: 60px; } .zyc .first{ float: right; width: 680px; height: 455px; overflow: hidden; position: relative; } .zyc li{ position: relative; width: 494px; height: 225px; overflow: hidden; } .zyc li .p{ position: absolute; bottom: 0px; left: 0; width: 100%; height: 45px; padding: 45px 0 0; font-size: 16px; color: #fff; line-height: 45px; background: url(../img/tj-title-bg.png); text-align: center; overflow: hidden; } .more-btn{ display: block; width: 105px; height: 38px; margin: 0 auto; font-size: 18px; line-height: 38px; color: #fff; background: #e00019; border: 1px solid #e00019; text-align: center; margin: 60px auto 0 auto; display: block; } .more-btn a{ color: #fff; } .qwjd, .spbd{ padding: 60px 0; } .qwjd .qwjd-list1 { width: 560px; float: left; } .qwjd .container{ overflow: hidden; } .qwjd .qwjd-list2 { width: 600px; float: right; } .qwjd .qwjd-list1 .first { margin: 0 0 15px; padding: 0 0 20px; border-bottom: 1px solid #e6e6e6; } .qwjd .list li, .qwjd .list2 li { font-size: 18px; line-height: 42px; position: relative; } .qwjd .qwjd-list1 .first>a { display: block; height: 42px; padding: 0; background: none; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qwjd .qwjd-list1 .first p { font-size: 14px; line-height: 25px; color: #999; } .qwjd .list li a, .qwjd .list2 li a { display: block; padding: 0 0 0 22px; background: url(../images/libg.png) no-repeat 0% 50%; } .qwjd .list2 li a::before{ content: ''; position: absolute; top: 50%; width: 6px; height: 6px; border-radius: 10px; background-color: red; transform:translate(-20px,-50%) } .qwjd .list2 .first a::before{ background-color: #ffffff; } .qwjd .qwjd-list2 li { width: 100%; height: 130px; margin: 40px 0 0; background: #f6f6f6; } .qwjd .qwjd-list2 li .text { width: 340px; margin: 15px 10px 0 0; font-size: 18px; line-height: 26px; color: #999; float: right; } .qwjd .qwjd-list2 li .show { width: 220px; height: 100%; display: block; overflow: hidden; } .qwjd .qwjd-list2 li:first-child{ margin-top: 0; } .qwjd .qwjd-list1 .first p a { display: inline; padding: 0; color: #d2101a; background: none; } .zyc { overflow: hidden; } .zyc .zyc-swiper { width: 585px; height: 385px; float: left; } .zyc .zyc-swiper .swper-slide .show, .zyc-swiper .show img { width: 585px; height: 385px; } .zyc-swiper p { position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 50px; font-size: 18px; line-height: 50px; text-indent: 32px; color: #fff; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88000000',endColorstr='#88000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#88000000', endColorstr='#88000000')"; } .zyc .zyc-list { width: 575px; float: right; } .zyc .zyc-list .tabs { height: 45px; } .zyc .zyc-list .tabs { height: 45px; } .zyc .zyc-list .tabs a.active { color: #494949; background: transparent; border-bottom-color: transparent; } .zyc .zyc-list .tabs a { float: left; width: 33.3%; height: 45px; font-size: 20px; line-height: 40px; color: #fff; background: #de0219; border: 3px solid #de0219; text-align: center; box-sizing: border-box; } .zyc .zyc-list .list2 { margin: 26px 0 0; } .zyc .zyc-list .first { margin: 0 0 10px; padding: 0 10px 0 0; } .zyc .list li, .zyc .list2 li { font-size: 18px; line-height: 42px; } .zyc .zyc-list .scd .text { width: 385px; font-size: 14px; line-height: 25px; color: #999; float: right; } .zyc .zyc-list .scd .text>a { margin: 0 0 10px; padding: 0; font-size: 18px; display: block; background: none; } .zyc .zyc-list .scd .text p>a { display: inline; padding: 0; color: #de0219; background: none; } .zyc .zyc-list .scd { margin: 0 0 10px; padding: 0 10px 0 0; } .zyc .list li, .zyc .list2 li { font-size: 18px; line-height: 42px; } .zyc .zyc-list .scd .show { width: 160px; height: 100px; padding: 0; background: none; display: block; } .zyc .zyc-list .scd .show img{ width: 100%; height: auto; } .zyc .zyc-list .list2 .scd{ width: 564px; height: 105px; position: relative; padding-left: 0; } .zyc .zyc-list .list2 .scd::before{ background-color: #fff; } .zyc .zyc-list .list2 li{ height: 40px; position: relative; padding-left: 20px; } .zyc .zyc-list .list2 li::before{ content: ''; position: absolute; top: 50%; width: 6px; height: 6px; border-radius: 10px; background-color: red; transform:translate(-20px,-50%) } .qt{ padding: 60px 0; } .qt ul{ overflow: hidden; } .qt ul li{ padding: 0 10px; box-sizing: border-box; float: left; width: 25%; margin-bottom: 20px; } .qt ul li img{ width: 100%; } .qt ul li p{ line-height: 50px; } .qt ul li div{ width: 275px; height: 179px; overflow: hidden; } .scle-img{ width: 100%; transition: all .5s; } .scle-img:hover{ transform: scale(1.5) ; } .gov-footer{ padding: 85px 0; background: url(../img/footer-background.jpg); text-align: center; color: #ffffff; } .place { height: 60px; margin: 0 0 30px; padding: 40px 0 0 20px; font-size: 16px; line-height: 56px; color: #666; border-bottom: 4px solid #cc0b18; } .gov-list{ margin-bottom: 60px; } .gov-list li{ overflow: hidden; position: relative; line-height: 50px; } .gov-list li::before{ content: ''; position: absolute; top: 50%; width: 6px; height: 6px; border-radius: 10px; background-color: red; transform:translate(0px,-50%) } .gov-list li span { float: right; font-size: 14px; color: #999; } .gov-list li a{ display: block; float: left; font-size: 16px; padding: 0 0 0 15px; } .swiper-pagination-bullet { width: 50px; height: 4px; display: inline-block; border-radius: 0px !important; } .newpage .swiper-pagination-bullet { width: 116px; height: 6px; display: inline-block; border-radius: 0px !important; } .swiper-pagination-bullet-active{ background: #1b7333; } .swiper-pagination-bullets{ bottom: 40px !important; } .newpage { bottom: -4px !important; } .party-sub-title{ height: 26px; margin: 0 12px; font-size: 16px; line-height: 26px; color: #fff !important; background: #e00019; border: 1px solid #e00019; text-align: center; padding: 4px; } .party-sub-title.active{ } .pro_big{ text-align: center; } .pro_h1{ text-align: center; }