.introductionbody { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; background: url('../../assets/image/introductionBg.png') no-repeat right top; background-size: 12.42rem 2.88rem; background-position-y: 2.72rem; padding-bottom: 40px; }

.introductionbody .introductionBg { position: absolute; left: 424px; top: 288px; width: 1242px; height: 388px; z-index: -1000; }

.introductionbody .titleName { width: 100%; height: 2.72rem; overflow: hidden; position: relative; background: url("../../assets/image/introduction.png") no-repeat center center; background-size: cover; }

.introductionbody .titleName .title {padding-left: 3.51rem; width: 50%; height: 1.92rem; position: absolute; top: 0px; left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%); display: flex; flex-direction: column; justify-content: center; padding-top: .8rem;}

.introductionbody .titleName .title .zh { font-family: Alibaba PuHuiTi 2.0; font-size: .4rem; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #FFFFFF; }

.introductionbody .titleName .title .en { margin-top: .08rem; font-family: DingTalk JinBuTi; font-size: .2rem; font-weight: normal; line-height: normal; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: rgba(255, 255, 255, 0.4); }

.introductionbody .content { width: 1200px; }

.introductionbody .content .breadcrumbs { margin: 40px 0; }

.introductionbody .content .info { display: flex; }

.introductionbody .content .info .left { width: 242px; margin-right: 64px; border-right: 1px solid #eee; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #999999; position: relative; }

.introductionbody .content .info .left a { color: #999999 !important; }

.introductionbody .content .info .left .active { border-left: 4px solid #D3192B; color: #D3192B; background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); }

.introductionbody .content .info .left .leftBox { width: 100%; height: 80px; display: flex; align-items: center; padding-left: 20px; box-sizing: border-box; cursor: pointer; }

.introductionbody .content .info .left .leftBox:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

.introductionbody .content .info .left .leftleftBox { width: 100%; height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 99; margin-bottom: 0px; cursor: pointer; }

.introductionbody .content .info .left .leftleftBox:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

.introductionbody .content .info .left .leftleftBox:hover .children { background-color: #fff; color: #999999; }

.introductionbody .content .info .left .children { z-index: 8; display: none; top: 286px; left: 0; }

.introductionbody .content .info .left .children .childBox { padding: 0 40px; width: 100%; height: 56px; box-sizing: border-box; display: flex; align-items: center; cursor: pointer; }

.introductionbody .content .info .left .children .childBox:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

.introductionbody .content .info .left .leftBox0 {width: 100%; height: 56px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 99; margin-bottom: 0px; cursor: pointer;}

.introductionbody .content .info .left .leftBox0:hover { background: linear-gradient(90deg, rgba(211, 25, 43, 0.1) 0%, rgba(211, 25, 43, 0) 100%); color: #D3192B; }

.introductionbody .content .info .right { flex: 1; }

.introductionbody .content .info .right .organizationbodys { width: 100%; }

.introductionbody .content .info .right .organizationbodys .titles { font-size: 24px; color: #333; margin-bottom: 24px; }

.introductionbody .content .info .right .organizationbodys .organization { width: 950px; height: 1152px; opacity: 1; background: #FFFFFF url('../../assets/image/organizationBg.png') no-repeat 100% 100%; box-sizing: border-box; border: 1px solid #EEEEEE; box-shadow: 0px 15px 40px 0px rgba(24, 59, 120, 0.1); overflow: hidden; padding: 40px; box-sizing: border-box; }

.introductionbody .content .info .right .organizationbodys .organization .name { display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds { position: relative; width: 100%; height: 890px; text-align: center;line-height: 18px;}

.introductionbody .content .info .right .organizationbodys .organization .rounds div { border-radius: 292px; opacity: 1; background: #FFFFFF; box-sizing: border-box; border: 1px solid #D8D8D8; color: #333333; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; z-index: 10; }

.introductionbody .content .info .right .organizationbodys .organization .rounds div:hover { background: #FFFFFF; border: 1px solid #D3192B; color: #D3192B; cursor: pointer; }

.introductionbody .content .info .right .organizationbodys .organization .rounds div:active { color: #fff; background-color: #D3192B; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div-1 { position: absolute; left: 300px; top: 0px; width: 210px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div-2 { position: absolute; left: 270px; top: 120px; width: 270px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div-3 { position: absolute; left: 597px; top: 120px; width: 217px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div1 { position: absolute; left: 0px; top: 240px; width: 217px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div2 { position: absolute; left: 257px; top: 240px; width: 300px; height: 72px; font-size: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div3 { position: absolute; left: 597px; top: 240px; width: 217px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div4 { position: absolute; left: 257px; top: 360px; width: 300px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div-5 { position: absolute; left: 597px; top: 360px; width: 217px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div5 { position: absolute; left: 597px; top: 112px; width: 217px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div6 { position: absolute; left: 597px; top: 196px; width: 217px; height: 72px; font-size: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div7 { position: absolute; left: 597px; top: 280px; width: 217px; height: 72px; font-size: 18px; padding: 12px 44px; box-sizing: border-box; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div8 { position: absolute; left: 0px; top: 480px; width: 120px; height: 56px; font-size: 16px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div9 { position: absolute; left: 0px; top: 570px; width: 110px; height: 51px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div10 { position: absolute; left: 0px; top: 625px; width: 105px; height: 51px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div11 { position: absolute; left: -6px; top: 680px; width: 118px; height: 60px; font-size: 12px; line-height: 12px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div12 { position: absolute; left: 0px; top: 748px; width: 103px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div13 { position: absolute; left: 0px; top: 800px; width: 103px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div14 { position: absolute; left: 0px; top: 852px; width: 103px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div15 { position: absolute; left: 0px; top: 908px; width: 103px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div16 { position: absolute; left: 133px; top: 480px; width: 174px; height: 56px; font-size: 16px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div17 { position: absolute; left: 133px; top: 576px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div18 { position: absolute; left: 226px; top: 576px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div19 { position: absolute; left: 133px; top: 632px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div20 { position: absolute; left: 226px; top: 632px; width: 81px; height: 46px; font-size: 12px; line-height: 11px;}

.introductionbody .content .info .right .organizationbodys .organization .rounds .div21 { position: absolute; left: 133px; top: 688px; width: 85px; height: 44px; font-size: 12px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div22 { position: absolute; left: 226px; top: 688px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div23 { position: absolute; left: 133px; top: 744px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div24 { position: absolute; left: 226px; top: 744px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div25 { position: absolute; left: 133px; top: 800px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div26 { position: absolute; left: 226px; top: 800px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div27 { position: absolute; left: 133px; top: 856px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div27-1 { position: absolute; left: 226px; top: 856px; width: 81px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div28 { position: absolute; left: 337px; top: 480px; width: 173px; height: 56px; font-size: 16px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div29 { position: absolute; left: 337px; top: 576px; width: 173px; height: 100px; font-size: 13px; padding: 5px 14px; text-align: center; box-sizing: border-box; line-height: 16px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div30 { position: absolute; left: 337px; top: 680px; width: 173px; height: 80px; font-size: 14px; padding: 12px 14px; text-align: center; box-sizing: border-box; line-height: 18px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div31 { position: absolute; left: 337px; top: 733px; width: 173px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div32 { position: absolute; left: 337px; top: 764px; width: 173px; height: 64px; font-size: 14px; padding: 12px 14px; text-align: center; box-sizing: border-box;  }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div33 { position: absolute; left: 337px; top: 820px; width: 173px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div34 { position: absolute; left: 337px; top: 876px; width: 173px; height: 44px; font-size: 14px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div35 { position: absolute; left: 540px; top: 480px; width: 154px; height: 56px; font-size: 16px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div36 { position: absolute; left: 540px; top: 576px; width: 154px; height: 50px; font-size: 12px; padding: 5px 10px; text-align: center; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div37 { position: absolute; left: 540px; top: 632px; width: 154px; height: 50px; font-size: 12px; padding: 5px 10px; text-align: center; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div38 { position: absolute; left: 540px; top: 688px; width: 160px; height: 100px; font-size: 12px; padding: 5px 10px; text-align: center; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div39 { position: absolute; left: 720px; top: 480px; width: 154px; height: 56px; font-size: 16px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div40 { position: absolute; left: 720px; top: 576px; width: 154px; height: 64px; font-size: 14px; padding: 12px 14px; text-align: center; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div41 { position: absolute; left: 720px; top: 652px; width: 154px; height: 64px; font-size: 14px; padding: 12px 14px; text-align: center; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .div42 { position: absolute; left: 720px; top: 728px; width: 154px; height: 64px; font-size: 14px; padding: 12px 14px; text-align: center; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img1 { position: absolute; left: 225px; top: 276px; width: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img-1 { position: absolute; left: 550px; top: 156px; width: 30px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img2 { position: absolute; left: 565px; top: 276px; width: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img3 { position: absolute; left: 565px; top: 395px; width: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img4 { position: absolute; left: 565px; top: 148px; width: 24px; height: 84px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img5 { position: absolute; left: 565px; top: 232px; width: 24px; height: 84px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img6 { position: absolute; left: 402px; top: 190px; height: 200px; opacity: 1; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img7 { position: absolute; left: 407px; top: 366px; width: 400px; height: 110px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img8 { position: absolute; left: 57px; top: 366px; width: 350px; height: 110px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img9 { position: absolute; left: 403px; top: 70px; width: 6px; height: 55px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img10 { position: absolute; left: 215px; top: 447px; width: 20px; height: 32px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img11 { position: absolute; left: 594px; top: 447px; width: 20px; height: 32px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img-11 { position: absolute; left: 409px; top: 446px; width: 19px; height: 32px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img12 { position: absolute; left: 419px; top: 540px; height: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img13 { position: absolute; left: 613px; top: 540px; height: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img14 { position: absolute; left: 793px; top: 540px; height: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img15 { position: absolute; left: 55px; top: 540px; height: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img16 { position: absolute; left: 164px; top: 540px; width: 46px; height: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .rounds .img17 { position: absolute; left: 210px; top: 540px; width: 46px; height: 24px; }

.introductionbody .content .info .right .organizationbodys .organization .imgg { position: absolute; left: -422px; top: 246.23px; width: 1500px; height: 1357.43px; transform: rotate(-15deg); opacity: 1; background: linear-gradient(140deg, rgba(211, 25, 43, 0) 10%, rgba(211, 25, 43, 0.08) 95%); }

.introductionbody .content .info .right .organizationbodys .organization .img { position: absolute; left: 737px; top: 892px; width: 200px; height: 200px; opacity: 0.08; z-index: 5; background: linear-gradient(153deg, #D3192B 0%, rgba(211, 25, 43, 0) 83%); }

@media (max-width: 750px) { 
  .introductionbody { transform: none; background-size: 100%; background-position-y: 2rem; padding-bottom: 0; }
  .introductionbody .introductionBg { display: none; }
  .introductionbody .titleName { box-sizing: border-box; padding-left: 20px; height: 2rem;}
  .introductionbody .titleName .title {width: 80%; height: 100%; top: 0;padding-left: 0.24rem; padding-top: 0rem;box-sizing: border-box; }
  .introductionbody .titleName .title .zh {font-size: 25px;}
  .introductionbody .titleName .title .en {font-size: 16px;}
  .introductionbody .content { width: 100%; overflow: hidden;}
  .introductionbody .content .breadcrumbs { padding-left: .24rem; box-sizing: border-box; margin: .4rem 0; }
  .introductionbody .content .info .left { display: none; }
  .introductionbody .content .info .right {padding: 0 .24rem !important;box-sizing: border-box; }
  .introductionbody .content .info .right .organizationbodys { transform: none;width: 98vw; height: 77vh;  }
  .introductionbody .content .info .right .organizationbodys .organization { transform-origin: left top;transform: scale(.415);}
  .introductionbody .content .info .right .organizationbodys .organization .name .zh { font-size: 20px !important; }
  .introductionbody .content .info .right .organizationbodys .organization .name .en { font-size: 14 !important; white-space: nowrap; }
}
@media (max-width: 405px) {
  .introductionbody .content .info .right .organizationbodys .organization { transform-origin: left top;transform: scale(.375);}
}
@media (max-width: 385px) {
  .introductionbody .content .info .right .organizationbodys .organization { transform-origin: left top;transform: scale(.36);}
}
@media (max-width: 365px) {
  .introductionbody .content .info .right .organizationbodys .organization { transform-origin: left top;transform: scale(.34);}
}
@media (max-width: 350px) {
  .introductionbody .content .info .right .organizationbodys .organization { transform-origin: left top;transform: scale(.3);}
}