.banner img { width: 100%; } .banner .swiper-pagination-bullet{background: #fff;} .banner video { width: 100%; height: 100%; object-fit: cover; position: absolute;top:0;left: 0; } .banner .swiper-wrapper{height: auto !important;} .banner .swiper-slide-active img { animation: zoom 3s; } .banner .text { font-family: 'medium'; position: absolute; bottom: 160px; width: 100%; text-align: center; color: #fff; font-weight: bold; } .module1 { text-align: center; padding-bottom:2em; } .module1 > div{ background-size: cover; padding: 1em 0; } .module1 h2 { margin-bottom: 0.5em; color: #fff; } .module1 h3{ color: #fff; } .module1 .info { margin: 0 auto; max-width: 1204px; text-align: left; line-height: 32px; } .module1 .info p { /* text-indent: 2em; */ margin-bottom: 1em; } .module1 .worm-btn { background: #FFFFFF; font-size: 20px; display: inline-block; margin: 3em 1em; width: 208px; height: 52px; line-height: 55px; padding: 0; } .module2 { overflow: hidden; position: relative; } .module4 .head>img, .module2>img { transition: all 3s; } .module4 .head>img, .module2>img { transform: scale(1.1); } .module4 .head:hover>img, .module2:hover>img { transform: scale(1); } .module2>.info { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; background: rgba(0, 0, 0, 0.5); padding: 3em 0; color: #fff; } .module2 .info h2 { text-align: center; margin-bottom: 0.5em; } .module3 { position: relative; z-index: 3; margin-top: -2em; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #cfcdcd; } .module3 .swiper-container { padding-top: 3em; } .module3 .swiper-slide { position: relative; transition: transform .5s; } .module3 .swiper-slide img { width: 100%; } .module3 .swiper-slide a { display: block; } .module3 .swiper-slide .info { position: absolute; left: 2em; top: 2em; width: calc(100% - 4em); } .module3 .swiper-slide:hover a { background: #f8f8f8; border: 1px solid #007750;margin: 0 2px; transform: translate3d(0, -2em, 0); } .module3 a { color: #000; } .module3 h3, .module3 .details { color: #007750; } .module3 .details { margin-top: 1em; } .module3 h2, .module3 h3 { text-align: center; margin: 0.5em 0; } .module3 h2{ line-height: 30px;height: 60px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .module3 h3 { height: auto;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 1.5em; } .module3 p{ /* text-indent: 2em; */ line-height: 24px;height:168px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .module3 .swiper-slide:nth-child(1) > a .info > p{ /* height:95px */ } .module4 .head>img { display: none; width: 100%; } .module4 .head { background: #FFFFFF !important; position: relative; overflow: hidden; } .module4 .head .title { margin-top: 70px; text-align: center; width: 100%; color: #000; } .module4 .wrap { /* margin-top: -2.5em; */ } .p01{line-height: 48px; width: 900px;max-width: 100%; margin: auto;} .module4 .swiper-container { padding-top: 1em; } .module4 .swiper-slide { box-sizing: border-box; background: #f9f8f8; border: 1px solid #cfcdcd; transition: transform 0.5s; } .module4 .swiper-slide:hover { transform: translate3d(0, -1em, 0); } .module4 .swiper-slide .info { height: 6em; } .module4 .swiper-slide h2 { line-height: 1.5em; max-height: 3em; margin-bottom: 1em; } .module4 .swiper-slide a { display: block; padding: 2em 1.5em; } .module4 .swiper-slide a img { width: 100%; } .module4 .swiper-slide .time { color: #999999; } .module4 .swiper-slide .details { color: #007750; margin-top: 1em; } .module4 .more { margin-top: -0.5em; padding-bottom: 0.5em; text-align: right; border-bottom: 1px solid #999999; } .module5 { padding: 2em 0; } .module5 .wrap>h2 { text-align: center; color: #007750; margin-bottom: 0.5em; } .module5 ul { font-size: 0; position: relative; padding-bottom: 20px; } .module5 ul>li { display: inline-block; width: 33.33%; position: relative; /* vertical-align: top; */ } .module5 ul>li .info { box-sizing: border-box; padding: 1em 2em; } .module5 ul>li .year.big img, .module5 ul>li:after { content: ''; display: block; position: absolute; width: 0.5em; height: 0.5em; border: 1px solid #007750; top: -0.25em; border-radius: 1em; left: 60px; margin-left: -0.25em; background: #fff; } .module5 ul>li.top:after, .module5 ul>li.top .year.big img { top: auto; bottom: -0.25em; } .module5 ul>li .year.big img { z-index: 9; width: auto; height: auto; border: 0; margin-left: 0; margin-top: 0; bottom: auto; top: 0; transform: translate3d(-50%, -50%, 0); } .module5 ul>li.top .year.big img { top: auto; bottom: 0; transform: translate3d(-50%, 50%, 0); } .module5 ul>li .year { color: #007750; margin-bottom: 0.5em; } .module5 ul>li.top .year { margin-top: 0.5em; margin-bottom: 0; } .module5 ul>li .year.big { margin-bottom: 0.25em; } .module5 ul>li.top .year.big { margin-top: 0.25em; margin-bottom: auto; } .module5 ul>li p { /* text-indent: 2em; */ } .module5 .worm-btn { display: inline-block; margin-top: 1em; padding: 0.3em 1.5em; border: 1px solid #007750; color: #007750; } .module5 ul>li.top .worm-btn { margin-bottom: 1em; margin-top: 0; } .module5 .worm-line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .module5 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .module5 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { height: 50%; margin: 0; margin: 4px 0; background-color: #007750; } .module6 { padding: 0 0 2em 0; overflow: hidden; } .module6 .wrap>h2, .module6 .wrap>h3 { text-align: center; } .module6 .wrap>h2{color: #007750;} .module6 .worm-btn { float: left; width: calc(25% - 30px); box-sizing: border-box; text-align: center; } .module6 .btns_a{overflow: hidden;margin: 0 -30px;} .module6 .btns_a p{float: left;width: 25%;} .module6 .btns_a p a{ box-sizing: border-box; width:auto;float: none;display: block;margin: 0 30px;color: #007750;border:1px solid #007750;line-height: 48px;padding: 0;} .module6 .info { text-align: center; margin: 1em 0; color: #666; } .module6 .worm-btn+.worm-btn { margin-left: 8px; } .module6 .red { color: #c11818; } .module6 .green { color: #007750; } .module6 ul { overflow: hidden; margin: 0.8em 0; } .module6 .btns { margin-top: 2em; } .module6 ul li { float: left; width: 25%; box-sizing:border-box; border-right: 1px solid #b2b2b2; padding-left: 1em } .module6 ul li:last-child{border: 0;} [class*='module'], [class*='module'] .head { background: no-repeat center center; background-size: cover; } @keyframes zoom { 0% { transform: scale3d(1.2, 1.2, 1.2); } 100% { transform: scale3d(1, 1, 1); } } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 40px; } .progressbar-wrap.swiper-pagination-bullet-active { width: 3em; border-radius: 5em; opacity: 1; position: relative; /* border: 1px solid #007750; */ background: #fff; } .progressbar-wrap.swiper-pagination-bullet-active .progressbar { display: block; } .progressbar-wrap .progressbar { display: none; border-radius: 5em; background: #007750; position: absolute; left: 0; top: 0; width: 0%; height: 100%; } @media only screen and (max-width: 1600px) { .module4 .wrap { /* margin-top: -1.5em; */ } } @media only screen and (max-width: 1440px) { .module3 h3{margin-bottom: 1em;} } @media only screen and (max-width: 1366px) { } @media only screen and (max-width: 1024px) { .banner video{display: none;} .module6 .worm-btn { width: auto; margin-left: 0 !important; margin-bottom: 1em; display: block; float: none; } .module6 ul li { width: 50%; margin-bottom: 10px; } .module5 ul { padding-bottom: 0; } .module5 ul>li .info { padding: 1em 0em; } .banner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .banner .text { bottom: 30%; box-sizing: border-box; } .module4 .title, .module5 h2, .module2 .info h2, .banner .text span, .module1 h3 { font-size: 24px; } .progressbar-wrap.swiper-pagination-bullet-active { width: 2em; } .module4 .more { margin-top: 0; } .module5 .worm-line { display: none; } .module5 ul>li { display: block; width: auto; } .module5 ul>li .year.big img, .module5 ul>li:after { display: none; } .module5 ul>li .year.big img { display: block; position: relative; left: 0; transform: none; } [class*='module']>img, [class*='module'] .head>img { display: none; } .module1 .worm-btn { width: 120px;height: 40px;line-height: 40px;margin:1em 5px; } .module6 .btns_a{margin: 0;} .module6 .btns_a p{width: 50%;margin-bottom: 10px;} .module6 .btns_a p a{line-height: 40px;width: 94%;margin:auto;} .module2>.info { position: relative; transform: none; top: 0; } .module3 .swiper-slide:hover, .module4 .swiper-slide:hover { transform: none; } .p01{line-height: 30px;} .module6 ul li:nth-child(2n){border: 0;} } @media only screen and (max-width: 767px) { .module3 p{height: 170px;} } .year h4{line-height: 50px;margin-bottom: 10px;} .module5 ul>li .year i{cursor: pointer; display: block;width: 74px;height: 43px;border: 1px solid transparent;border-radius: 20px;box-sizing:border-box; position: absolute;left: 60px;margin-left: -37px;top: -21px;} .module5 ul>li.top .year i{bottom: -21px;top:auto;} .year i img{width: 100%;height: 100%;display: none;} .year i b{position: absolute;top:50%;left: 50%;margin-top: -8px;margin-left: -8px;background: #fff; width: 16px;height: 16px;border: 1px solid #007750;border-radius: 50%;box-sizing:border-box;} .module5 ul>li:after{display: none;} .module5 ul>li.on .year h4{font-size: 40px;} .module5 ul>li.on .year i{border: 1px solid #fff;} .module5 ul>li.on .year i img{display: block;} .module5 ul>li.on .year i b{display: none;} @media only screen and (max-width: 1024px) { .module5 ul>li .year i{display: none;} .module5 ul>li.on .year h4,.module5 ul>li .year h4{font-size: 20px;line-height: 24px;} .module5 ul>li{border-bottom: 1px solid #ccc;} .module5 ul>li .year{margin-bottom: 10px;} .module5 ul>li p{text-indent: 0;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;} .banner .text{padding: 0;} } @media only screen and (max-width: 767px) { .module5{padding: 30px 0;padding-bottom: 40px;} .about_04 .margin_b50{margin-bottom: 10px;} .module6 li h4{font-size: 20px;} .module6 li p{font-size: 14px;} .module4 .title, .module5 h2, .module2 .info h2, .banner .text span, .module1 h3{font-size: 18px} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;} } .module4 .but_pub .swiper-button-prev{left: 0;} .module4 .but_pub .swiper-button-next{right: 0;} @media only screen and (max-width: 1024px) { .module3 .but_pub .swiper-button-prev{left: 0;} .module3 .but_pub .swiper-button-next{right: 0;} } .module4 .swiper-slide:hover{ border: 1px solid #007750; } /*2021-10-25*/ /*banner*/ .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .video_appbox.show{visibility: visible;opacity:1;} .video_appbox video{object-fit: cover; width: 100%;} .video_appbox .video_t{ z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; } .video_appbox.show .video_t{ visibility: visible;opacity:1; top:50%; } .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .vide0_close i{color: #fff;font-size:20px;font-weight: bold;} .banner_phone_video{display: none;width: 100%;height: 100%;position: relative;} @media only screen and (max-width: 1024px) { .index_pcimg {display: none;} .banner_phone_video{display: block;} .banner_pc_video{display: none;} .phone_video_btn{color: #fff;font-size: 100px;} }