﻿.news1 .main {border-top: 1px solid #E9E9E9;width: 75vw;margin-right: 12.5vw;max-width:1600px;margin:0 auto;}
.news1 .main .ev {display: block;border-bottom: 1px solid #E9E9E9;}
.news1 .main .ev .ev-relative {height: 100%;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.news1 .main .ev .pic {width: 11.979vw;height: 11.979vw;overflow: hidden;}
.news1 .main .ev .pic img {transition: all ease 1s;}
.news1 .main .ev:hover .pic img {transform: scale(1.1);}
.news1 .main .bigGroup .left .ev .pic {width: 100%;height: 100%;}
.news1 .main .bigGroup .left .ev .pic img {height: 100%;object-fit: cover;transition: all ease 2s;}
.news1 .main .flex-column {width: 50%;}
.news1 .main .bigGroup .left .ev {height: 100%;}
.news1 .main .bigGroup .left .ev .intr {padding: 3.646vw 3.958vw;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 20%, transparent); z-index: 3;}
.news1 .main .bigGroup .left .ev .intr p {color: #ffffff;}
.news1 .main .bigGroup .right .ev {padding: 3.646vw 0 3.646vw 3.958vw;color: #000000;}
.news1 .main .bigGroup .right .ev .intr,
.news1 .main .smallGroup .ev .intr {width: calc(100% - 14.896vw);}
.news1 .main .smallGroup .flex-column .ev {padding: 3.646vw 3.958vw 3.646vw 0;border-right: 1px solid #E9E9E9;}
.news1 .main .smallGroup .flex-column:nth-child(2n) .ev {padding: 3.646vw 0 3.646vw 3.958vw;border-right:none;}
/* .news1 .main .group:nth-child(4n-1) {flex-direction: row-reverse;}
.news1 .main .group:nth-child(4n-1) .left .ev {padding-left: 0;}
.news1 .main .group:nth-child(4n-1) .right .ev {padding: 3.646vw 3.958vw 3.646vw 0;} */

.news1 .main .ev h3 {font-size: 0.938vw;font-family: Calibri_Light;font-weight: bold;color: #000000;}
.news1 .main .ev h2 {font-size: 1.042vw;margin: 0 0 0.5em;font-family: Calibri_Light;font-weight: bold;color: #000000;height: 4.2em;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news1 .main .ev p {font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;line-height: 1.25vw;color: #4B4B4B;height: 5.6em;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.news1 .main .bigGroup .left .ev h3 {font-size: 0.938vw;font-family: Calibri_Light;font-weight: bold;color: #ffffff;}
.news1 .main .bigGroup .left .ev h2 {font-size: 1.458vw;margin: 0.3em 0;font-family: Calibri_Light;font-weight: bold;color: #ffffff;}
.news1 .main .bigGroup .left .ev p {font-size: 0.833vw;font-family: Calibri_Light;font-weight: bold;color: #ffffff;}
.news1 .C-paging {margin-top: 3.125vw;}

.news2 {background: #F9F9F9;}
.news2 .news2-wrap {width: 50vw;margin: 0 auto;}
.news2 .title {border-bottom: 1px solid #DFDFDF;margin: 0 0 1.042vw;}
.news2 .title h2 {font-size: 1.042vw;font-family: Calibri_Light;font-weight: bold;color: #000000;}
.news2 .title h3 {font-size: 0.729vw;margin: 0.365vw 0 1.042vw;font-family: Calibri_Light;font-weight: 400;color: #AAAAAA;}
.news2 .empty {font-size: 0.938vw;font-family: Calibri_Light;font-weight: 400;line-height: 1.8;color: #666;}
.news2 .empty img {margin: 1.563vw 0;max-width: 100% !important;height: auto !important;}
.news2 .empty * {white-space: normal !important;}

.news2 .switch-page {margin: 2.865vw 0 0;}
.news2 .switch-page dt {font-size: 0.729vw;margin-bottom: 0.417vw;font-family: Calibri_Light;font-weight: bold;color: #000000;text-decoration: underline;transition: all ease .3s;}
.news2 .switch-page dt:hover {transform: translateX(-0.26vw);}
.news2 .switch-page dd {font-size: 0.729vw;margin-bottom: 0.417vw;font-family: Calibri_Light;font-weight: 400;color: #949494;transition: all ease .3s;}
.news2 .switch-page dd:hover {color: #000000;}

.body-sticky {width: 100%;}

.sticky-box {position: relative;align-items: flex-start;}
.sticky-box .slide {position: -webkit-sticky;position: sticky;top: 7.813vw;left: 0;}
.sticky-box .slide li {padding: 0.885vw 2.396vw 0.729vw 0.729vw;font-size: 0.833vw;margin-bottom: 0.313vw;font-family: Calibri_Light;font-weight: 400;color: #000000;transition: all ease .3s;position: relative;transition: all ease .3s;}
.sticky-box .slide li::before {content: '';position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;display: inline-block;box-shadow: 0vw 0vw 10vw rgba(0, 0, 0, 0.16);transition: all ease .3s;}
.sticky-box .slide li a {display: flex;align-items: center;}
.sticky-box .slide li span {display: block;width: 0.417vw;height: 0.417vw;margin-right: 0.417vw;border: 2px solid #000000;background: #000000;transition: all ease .3s;}
.sticky-box .slide li.on,
.sticky-box .slide li:hover {color: #FFFFFF;}
.sticky-box .slide li.on::before,
.sticky-box .slide li:hover::before {width: calc(100% + 1.042vw);background: #000000;}
.sticky-box .slide li.on span,
.sticky-box .slide li:hover span {border: 2px solid #FFFFFF;}
.sticky-box-wrap {width: 71.042vw;margin-right: 14.479vw;max-width:1600px;margin:0 auto;}

.down1 {width: 100%;}
.down1 .ev {width: 100%;height: 4.479vw;padding: 0 2.344vw 0 0.938vw;margin-bottom: 0.729vw;background: #F6F6F6;}
.down1 .ev:hover {background: #000000;}
.down1 .ev .left span {display: inline-block;width: 0.833vw;height: 0.052vw;background: #000000;margin-right: 0.625vw;}
.down1 .ev .left h2 {font-size: 1.042vw;font-family: Calibri_Light;font-weight: bold;color: #000000;}
.down1 .ev .right {font-size: 1.042vw;font-family: Calibri_Light;font-weight: bold;color: #575757;}
.down1 .ev:hover .left span {background: #ffffff;}
.down1 .ev:hover .left h2 {color: #ffffff;}
.down1 .ev:hover .right {color: #ffffff;}
.down1 .ev .right .icon {margin-left: 2.083vw;width: 0.938vw;position: relative;}
.down1 .ev .right .icon img {width: 100%;display: block;}
.down1 .ev .right .icon img:nth-child(2) {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;opacity: 0;}
.down1 .ev:hover .right .icon img:nth-child(2) {opacity: 1;}

.video1 .main {margin-top: 2.083vw;padding: 0 1.563vw;}
.video1 .main .ev {width: 31%;margin-bottom: 2.604vw;}
.video1 .main .zhanwei {width: 31%;}
.video1 .main .ev .pic {width: 100%;height: 11.71875vw;background: #000;position: relative;overflow: hidden;display: flex;align-items: center;}
.video1 .main .ev .pic .poster {width: 100%;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.video1 .main .ev.open .pic .poster {display: none;}
.video1 .main .ev .pic .poster::after {content: '';display: block;width: 3.125vw;height: 3.125vw;background: url('../image/icon-play.svg') no-repeat center/contain;opacity: 0.54;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 3;transition: all ease .3s;cursor: pointer;}
.video1 .main .ev .pic:hover .poster::after {opacity: 1;}
.video1 .main .ev .pic .poster img {width: 100%;}
.video1 .main .ev .pic video {width: 100%;}
.video1 .main .ev .pic iframe {width: 100%;height: 100%;}
.video1 .main .ev h2 {font-size: 0.833vw;margin: 1em 0 0.1em;font-family: Calibri_Light;font-weight: bold;color: #000000;}
.video1 .main .ev h3 {font-size: 0.833vw;font-family: Calibri_Light;font-weight: 400;color: #C4C4C4;}
.video1 .C-paging {margin-top: 2.865vw;}

.faq1 {padding: 0 1.563vw;}
.faq1 .ev .title {width: 100%;padding: 1.354vw 3vw 1.354vw 2.188vw;position: relative;}
.faq1 .ev .title::after {content: '';display: inline-block;position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background: #F7F6F6;z-index: 1;}
.faq1 .ev .title h2 {font-size: 1.458vw;font-family: Calibri_Light;font-weight: bold;color: #000000;position: relative;z-index: 2;cursor: pointer;}
.faq1 .ev .title .btn {width: 1.25vw;height: 1.25vw;border: 1px solid #000000;position: absolute;right: 2.188vw;top: 50%;transform: translateY(-50%);z-index: 2;cursor: pointer;}
.faq1 .ev .title .btn::before,
.faq1 .ev .title .btn::after {content: '';display: block;width: 50%;height: 0.052vw;background: #000000;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.faq1 .ev .title .btn::after {transform: translate(-50%, -50%) rotate(90deg);transition: all ease .3s;}
.faq1 .ev.open .title .btn::after {transform: translate(-50%, -50%) rotate(0deg);}
.faq1 .ev .desc {padding: 0.677vw 5.365vw 3.229vw 2.865vw;font-size: 0.938vw;font-family: arial, helvetica, sans-serif;font-weight: 400;color: #000000;background: #F7F6F6;display: none;}

/* 
*======================================================media===============================================================
*/
@media screen and (max-width:1280px) {
.news1 .main {width: 70vw;margin-right: 15vw;}
}

@media screen and (max-width:991px) {
.news1 .main {width: 100vw;margin-right: 0;}
.news1 .main .ev .pic {width: 230px;height: 230px;}
.news1 .main .flex-column {width: 100%;}
.news1 .main .bigGroup .left .ev {padding: 0 5%;}
.news1 .main .bigGroup .left .ev .intr {padding: 70px 76px;}
.news1 .main .bigGroup .right .ev {padding: 30px 8%;}
.news1 .main .bigGroup .right .ev .intr,
.news1 .main .smallGroup .ev .intr {width: calc(100% - 286px);}
.news1 .main .smallGroup .flex-column .ev {padding: 30px 8%;border-right: none;}
.news1 .main .smallGroup .flex-column:nth-child(2n) .ev {padding: 30px 8%;}
/* .news1 .main .group:nth-child(4n-1) .left .ev {padding: 0 5%;}
.news1 .main .group:nth-child(4n-1) .right .ev {padding: 40px 8%;} */
.news1 .main .ev h3 {font-size: 18px;}
.news1 .main .ev h2 {font-size: 20px;height: auto;-webkit-line-clamp: 1;}
.news1 .main .ev p {font-size: 16px;line-height: 24px;height: auto;-webkit-line-clamp: 2;}
.news1 .main .bigGroup .left .ev h3 {font-size: 18px;}
.news1 .main .bigGroup .left .ev h2 {font-size: 28px;margin: 0.3em 0;}
.news1 .main .bigGroup .left .ev p {font-size: 16px;}
.news1 .C-paging {margin-top: 60px;}

.news2 .news2-wrap {width: 90%;}
.news2 .title {border-bottom: 1px solid #DFDFDF;margin: 0 0 20px;}
.news2 .title h2 {font-size: 20px;}
.news2 .title h3 {font-size: 14px;margin: 7px 0 20px;}
.news2 .empty {font-size: 18px;}
.news2 .empty img {margin: 30px 0;}
.news2 .switch-page {margin: 55px 0 0;}
.news2 .switch-page dt {font-size: 14px;margin-bottom: 8px;}
.news2 .switch-page dt:hover {transform: translateX(-5px);}
.news2 .switch-page dd {font-size: 14px;margin-bottom: 8px;}

.sticky-box .slide {top: 150px;display: none;}
.sticky-box .slide li {padding: 17px 46px 14px 14px;font-size: 16px;margin-bottom: 6px;}
.sticky-box .slide li::before {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);}
.sticky-box .slide li span {display: block;width: 8px;height: 8px;margin-right: 8px;border: 2px solid #000000;}
.sticky-box .slide li.on::before,
.sticky-box .slide li:hover::before {width: calc(100% + 20px);}
.sticky-box .slide li.on span,
.sticky-box .slide li:hover span {border: 2px solid #FFFFFF;}
.sticky-box-wrap {width: 90%;margin: 0 5%;}

.down1 .ev {height: 66px;padding: 0 35px 0 18px;margin-bottom: 14px;}
.down1 .ev .left span {width: 16px;height: 1px;margin-right: 12px;}
.down1 .ev .left h2 {font-size: 16px;}
.down1 .ev .right {font-size: 16px;}
.down1 .ev .right .icon {margin-left: 20px;width: 16px;}

.video1 .main {margin-top: 40px;padding: 0 30px;}
.video1 .main .ev {width: 49%;margin-bottom: 50px;}
.video1 .main .zhanwei {width: 49%;}
.video1 .main .ev .pic {height: 225px;}
.video1 .main .ev .pic .poster::after {width: 60px;height: 60px;}
.video1 .main .ev h2 {font-size: 16px;margin: 1em 0 0.1em;}
.video1 .main .ev h3 {font-size: 16px;}
.video1 .C-paging {margin-top: 55px;}

.faq1 {padding: 0 30px;}
.faq1 .ev .title {padding: 26px 30px;}
.faq1 .ev .title h2 {font-size: 20px;}
.faq1 .ev .title .btn {width: 20px;height: 20px;}
.faq1 .ev .title .btn::before,
.faq1 .ev .title .btn::after {width: 50%;height: 1px;}
.faq1 .ev .title .btn::after {transform: translate(-50%, -50%) rotate(90deg);}
.faq1 .ev.open .title .btn::after {transform: translate(-50%, -50%) rotate(0deg);}
.faq1 .ev .desc {padding: 0px 10% 30px 40px;font-size: 14px;}
}

@media screen and (max-width:768px) {
.news1 .main .ev .pic {width: 100%;}
.news1 .main .flex-column {width: 100%;}
.news1 .main .bigGroup .left .ev {padding: 0 5%;}
.news1 .main .bigGroup .left .ev .intr {padding: 30px 36px;}
.news1 .main .bigGroup .right .ev {padding: 20px 5%;}
.news1 .main .bigGroup .right .ev .intr,
.news1 .main .smallGroup .ev .intr {width: 100%;margin-top: 20px;}
.news1 .main .smallGroup .flex-column .ev {padding: 20px 5%;border-right: none;}
.news1 .main .smallGroup .flex-column:nth-child(2n) .ev {padding: 20px 5%;}
/* .news1 .main .group:nth-child(4n-1) .left .ev {padding: 0 5%;}
.news1 .main .group:nth-child(4n-1) .right .ev {padding: 20px 8%;} */
.news1 .main .ev h3 {font-size: 16px;}
.news1 .main .ev h2 {font-size: 18px;}
.news1 .main .ev p {font-size: 14px;line-height: 1.5;}
.news2 .empty {font-size: 16px;}
.news2 .empty img {margin: 20px 0;}
.news1 .main .bigGroup .left .ev h3 {font-size: 16px;}
.news1 .main .bigGroup .left .ev h2 {font-size: 18px;margin: 0.3em 0;}
.news1 .main .bigGroup .left .ev p {font-size: 14px;}
.news1 .C-paging {margin-top: 50px;}

.faq1 {padding: 0;}
.faq1 .ev .title {padding: 16px 80px 16px 30px;}

.video1 .main {margin-top: 40px;padding: 0;}

.down1 .ev {height: auto;padding: 15px 20px;}
.down1 .ev .right {margin-top: 10px;width: 100%;justify-content: flex-end;}
.down1 .ev .left span {display: none;}
}

@media screen and (max-width:480px) {
.news1 .main .bigGroup .left .ev .intr {padding: 20px;}
.sticky-box-wrap {width: 95%;margin: 0 2.5%;}
.news2 .title h2 {font-size: 18px;}
.news2 .empty {font-size: 14px;}
.news2 .empty img {margin: 12px 0;}
.faq1 .ev .title {padding: 16px 40px 16px 20px;}
.faq1 .ev .title h2 {font-size: 16px;}

.video1 .main .ev {width: 100%;margin-bottom: 30px;}
.video1 .main .zhanwei {width: 100%;}
}
