* {
   margin: 0;
   padding: 0;
}

li {
   list-style: none;
   margin-top: 15px;
}

a {
   text-decoration: none;
}

html,
body {
   position: relative;
   height: 100%;
}

body {
   background: #180621;
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
   font-size: 14px;
   /* color: #000; */
   margin: 0;
   padding: 0;
}

.logoimg {
   width: 100%;
   height: 100%;
   margin: 0;
}

.ddiiframe {
   width: 100%;
   height: calc(100%);
}

#footernav a {
   color: #fff;
}

.footernav {
   width: 100%;
   background-color: #000;
   padding: 60px 0 60px 80px;
}

.footerpart {
   width: 34%;
   height: 100%;
   border-right: 1px solid #333333;
   padding: 0 0 10px 120px;
}

.mfooterpart {
   margin-top: 20px;
}

.footerpart:last-child {
   border: none;
}

.dot {
   width: 300px;
   border: 1px solid #FAFAFA;
   opacity: .5;
}

.mfooterlip {
   font-size: 28px;
   font-family: AlibabaPuHuiTiR;
   color: #FAFAFA;
   line-height: 42px;
   /* margin-left: 20px; */
   display: flex;
}

.mdot {
   width: 680px;
   height: 1px;
   border: 1px solid #FAFAFA;
   opacity: .5;
}

.mlogofo {
   height: 120px;
   width: 220px;
   padding-left: 20px;
   padding-top: 50px;
}

.littleimg {
   width: 21px;
   height: 19px;
}

.mlittleimg {
   width: 29px;
   height: 27px;
   margin-right: 5px;
   margin-top: 10px;
}

.footerp {
   height: 35px;
   font-size: 26px;
   font-family: AlibabaPuHuiTiB;
   color: #FAFAFA;
   line-height: 35px;
   margin-bottom: 5px;
}

.mfooternav a {
   color: #fff;
}

.zshiying {
   height: auto;
   margin-top: 40px;
   font-size: 26px;
}

.mfooterp {
   height: 44px;
   font-size: 32px;
   font-family: AlibabaPuHuiTiB;
   color: #FAFAFA;
   line-height: 44px;
   margin-bottom: 10px;
}

.footerlip {
   width: 270px;
   height: 74px;
   font-size: 16px;
   font-family: AlibabaPuHuiTiR;
   color: #FAFAFA;
   line-height: 24px;
   padding-left: 20px;
}

.logofo {
   height: 25px;
   width: 185px;
   padding-left: 100px;
}

.twoli {
   width: 180px;
   height: 180px;
   background: #FEFFFF;
   border: 1px solid #979797;
   background-image: url(../images/adb76870c46d642da912dfab708f700.png);
   background-size: contain;
   background-repeat: no-repeat;
}

.swiper {
   width: 100%;
   height: 100%;
}

.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;
}

.swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.page {
   margin: auto;
}

#mheadnav {
   position: fixed;
   z-index: 10000;
   background-color: #000;
}

.logoname {
   margin-left: 10px;
}

.listnavs,
.ycnavs,
.dcnavs {
   height: auto;
   width: 200px;
   text-align: center;
   position: absolute;
   top: 64px;
   background-color: #252525;
   font-size: 16px;
   color: #fff;
   display: none;
}

.listnavs {
   left: 814px;
}

.ycnavs li:first-child,
.listnavs li:first-child,
.dcnavs li:first-child {
   margin-top: 0;
}

.ycnavs {
   left: 940px;
}

.dcnavs {
   left: 1063px;
}

.branch {
   padding-top: 19px;
}

li:hover .linav {
   color: rgba(249, 163, 26, 1);
   background: #eee;
}

.linav {
   color: #fff;
   padding: 20px 4px;
   display: block;
   cursor: pointer;
}

.menubtn {
   position: absolute;
   top: 18px;
   right: 22px;
   width: 35px;
   height: 35px;
   z-index: 3;
   cursor: pointer;
   background-image: url(../images/threegang.png);
   background-size: contain;
}

.ma {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 50px;
}

.ma a {
   font-size: 32px;
   margin-right: 22px;
   margin-bottom: 50px
}

.inactive {
   color: #fff;
}

.orangeCircle {
   border-radius: 100%;
   box-shadow: 0px 0px 12px 0px #f9a31a;
   border: 8px solid #F9A31A;
}

.pinkCircle {
   border-radius: 100%;
   box-shadow: 0px 0px 12px 0px rgba(226, 189, 233, 1);
   border: 8px solid rgba(226, 189, 233, 1);
}

.greenCircle {
   border-radius: 100%;
   box-shadow: 0px 0px 12px 0px rgba(175, 220, 156, 1);
   border: 8px solid rgba(175, 220, 156, 1);
}

.menu {
   /* background: #fff; */
   background: #000;
   width: 50%;
   height: auto;
   position: absolute;
   top: 64px;
   right: 0;
   transition: all 0.5s;
   display: none;
   z-index: 9999;
}

.yicheng {
   cursor: pointer;
}

.menulogo img {
   width: 215px;
   padding: 16px 0 16px 0;
   margin: auto;
}

.menubtn .spa1 {
   transform: rotate(45deg);
   transition: all 0.5s;
   position: absolute;
   top: 10px;
}

.menubtn .spa2 {
   display: none;
   transition: all 0.5s;
}

.menubtn .spa3 {
   transform: rotate(-45deg);
   transition: all 0.5s;
   position: absolute;
   top: 11px;
}

.footernavimg {
   width: 100%;
   height: 100%;
}

#meeting,
#agenda,
#report,
.logo_nav {
   cursor: pointer;
}

#meeting:hover,
#agenda:hover,
#report:hover,
#zhibodating:hover {
   color: rgba(249, 163, 26, 1);
}

.logo_nav {
   display: flex;
}

.active {
   color: rgba(249, 163, 26, 1);
}

#video {
   color: gray;
   cursor: pointer;
   position: relative;
}

.mvideo::after{
   content: '';
   background: url(../images/132fcdsg.png);
   background-size: auto;
   position: absolute;
   width: 66px;
   height: 30px;
   top: -27px;
   background-size: contain;
   left: 58px;
}
.toggle {
   position: absolute;
   top: 16px;
   right: 28px;
   width: 28px;
   height: 30px;
   display: none;
   /* z-index: 9; */
   cursor: pointer;
}

.box_41,
.box_42 {
   left: 91px;
}

.image_1 {
   margin-left: 10px;
}

.paragraph_12 {
   width: 100%;
}

.head_common {
   background-size: 100%;
}

.text_2 {
   z-index: 1;
}

.contentAll {
   position: absolute;
   top: 334px;
   left: 325px;
   /* height: 3250px; */
   width: 1000px;
   /* overflow: hidden; */
   backdrop-filter: blur(8px);
}

#enroll,.enroll {
   cursor: pointer;
}

.zhubanflink {
   color: #fff;
   text-decoration: revert;

}

.group_15 {
   box-shadow: 0px 0px 12px 0px rgb(249 163 26);
   border-radius: 50%;
   /* background-image: url(../images/111.png); */
   width: 90px;
   height: 90px;
   border: 2px solid rgba(249, 163, 26, 1);
   margin-left: -90px;
}

.Swiper_left {
   width: 745px;
   margin-right: 49px;
   height: 500px;
   /* background-color: aqua; */
   display: flex;
   overflow: hidden;
}

.Swiper_right {
   width: 420px;
   height: 500px;
   display: flex;
   /* background-color: antiquewhite; */
}

.person_img {
   width: 430px;
   /* height: 100%; */
   /* border: 3px solid; */
   /* margin: -40px 0 0 0; */
}

.person_img img {
   width: 100%;
}

.video::after{
   content: '';
   background: url(../images/132fcdsg.png);
   background-size: auto;
   position: absolute;
   width: 35px;
   height: 16px;
   top: -12px;
   background-size: contain;
   left: 30px;
}

.swiper-container-vertical>.swiper-pagination-bullets {
   display: flex;
   width: 510px;
   flex-wrap: wrap;
   height: 350px;
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   width: 110px;
   height: 110px;
   margin-right: 20px !important;
}

.swiper-container-vertical>.swiper-pagination-bullets {
   top: 40% !important;
   left: 70% !important;
}

.Swiper_left .swiper-pagination-bullet {
   opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
   background-size: cover;
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(1) {
   background-image: url(../images/2024/guest/touxiang1-01.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
   background-image: url(../images/2024/guest/touxiang1-02.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(3) {
   background-image: url(../images/2024/guest/touxiang1-03.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(4) {
   background-image: url(../images/2024/guest/touxiang1-04.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(5) {
   background-image: url(../images/2024/guest/touxiang1-08.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(6) {
   background-image: url(../images/2024/guest/touxiang1-05.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(7) {
   background-image: url(../images/2024/guest/touxiang1-06.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(8) {
   background-image: url(../images/2024/guest/touxiang1-07.png);
}

.Swiper_left .swiper-pagination .swiper-pagination-bullet:nth-child(9) {
   background-image: url(../images/2024/guest/touxiang1-09.png);
}

.Swiper_left .swiper-pagination-bullet-active {
   transition: background-image 0.5s ease;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(1) {

   background-image: url(../images/2024/guest/touxiang2-01.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(2) {

   background-image: url(../images/2024/guest/touxiang2-02.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(3) {

   background-image: url(../images/2024/guest/touxiang2-03.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(4) {

   background-image: url(../images/2024/guest/touxiang2-04.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(5) {

   background-image: url(../images/2024/guest/touxiang2-08.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(6) {

   background-image: url(../images/2024/guest/touxiang2-05.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(7) {

   background-image: url(../images/2024/guest/touxiang2-06.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(8) {
   background-image: url(../images/2024/guest/touxiang2-07.png) !important;
}

.Swiper_left .swiper-pagination-bullet-active:nth-child(9) {
   background-image: url(../images/2024/guest/touxiang2-09.png) !important;
}

.fonsz16 {
   font-size: 16px;
}

.menu-tip {
   position: absolute;
   top: 0;
   left: 0;
   /* background: rgba(211,211,211, .5); */
   z-index: 2;
   display: none;
}

.content {
   width: 1600px;
   margin: auto;
   background-image: url(https://ddileaf-prod-manage-img.oss-cn-shanghai.aliyuncs.com/officialsite/images/chuangbiandahui2023/pcdot.png);
}

.underlinetop {
   height: 25px;
   font-size: 32px;
   font-family: AlibabaPuHuiTiB;
   color: #FAFAFA;
   line-height: 40px;
   position: relative;
   top: 0;
}

.underline {
   display: inline-block;
   width: 259px;
   height: 14px;
   background-image: url(../images/2024/Color\ stripe-02.png);
   background-size: contain;
   /* background: linear-gradient(90deg, rgba(249,163,26,0) 0%, #F9A31A 51%, rgba(249,163,26,0) 100%); */
}

.underlinebottom {
   height: 65px;
   font-size: 48px;
   font-family: AlibabaPuHuiTiB;
   color: #FAFAFA;
   line-height: 65px;
   /* text-shadow: 0px 0px 8px #ECB56E; */
}

.mcontent {
   background-image: url(https://ddileaf-prod-manage-img.oss-cn-shanghai.aliyuncs.com/officialsite/images/chuangbiandahui2023/mbdot.png)
}

.munderlinetop {
   overflow-wrap: break-word;
   color: rgba(250, 250, 250, 1);
   font-size: 32px;
   font-family: AlibabaPuHuiTiB;
   font-weight: NaN;
   text-align: center;
   white-space: nowrap;
   line-height: 10px;
   position: relative;
   top: 0;
}

.munderline {
   display: inline-block;
   width: 262px;
   height: 14px;
   background-image: url(../images/2024/Color\ stripe-02.png);
   background-size: cover;
}

.munderlinebottom {
   text-shadow: 0px 0px 8px rgb(236 181 110);
   overflow-wrap: break-word;
   color: rgba(250, 250, 250, 1);
   font-size: 48px;
   font-family: AlibabaPuHuiTiB;
   font-weight: NaN;
   text-align: center;
   /* white-space: nowrap; */
   line-height: 65px;
   align-self: center;
}

.downloadfile {
   width: 140px;
   height: 40px;
   background: linear-gradient(122deg, #FFA400 0%, #FE2B17 100%);
   font-size: 18px;
   font-family: AlibabaPuHuiTiB;
   color: #FFFFFF;
   text-align: center;
   line-height: 40px;
}

@media (min-width: 350px) and (max-width: 950px){
   .video::after {
      left: 0;
   }
}