html,
body {
  width: 100%;
  height: 100%;
}

#top {
  position: relative;
}

#top #nav {
  position: relative;
  bottom: 0px;
  left: 0;
  z-index: 100;
  background: #060f41;
  padding: 20px 0;
}

#top #nav.bg {
  position: fixed;
  z-index: 200;
  background: #060f41;
  padding: 20px 0;
  position: fixed;
  bottom: auto;
  top: 0;
}

#top #nav .cont {
  position: relative;
  /*overflow: hidden;*/
}

#top #nav .cont .a {
  float: left;
  width: 16%;
  text-align: center;
}

#top #nav .cont .a .img {
  display: block;
  float: left;
}

#top #nav .cont .a .navImg1 {
  display: block;
}

#top #nav .cont .a .navImg2 {
  display: none;
  transform: scale(1.2);
}

#top #nav .cont .a:hover .navImg1 {
  display: none;
}

#top #nav .cont .a:hover .navImg2 {
  display: block;
}

#top #nav .cont .a:hover .text {
  text-shadow: 0px 0px 18px #fbd974;
}

#top #nav .cont .a img {
  width: 70px;
  display: block;
}

#top #nav .cont .a .text {
  float: left;
  font-size: 14px;
  margin-left: 10px;
  line-height: 70px;
}

#top #nav .cont .a a {
  color: #fbd974;
}

#top #nav .cont .a.on img {
  animation: Incircle1 3s infinite linear;
}

.BigTitle {
  text-align: center;
  padding: 0px 0 24px;
}

.BigTitle p {
  color: #152059;
  text-align: center;
  font-size: 36px;
}

.BigTitle p span {
  display: inline-block;
  width: 50px;
  height: 2px;
  background: #152059;
  vertical-align: middle;
}

#one {
  padding: 60px 0;
}

#one .top .tabs {
  overflow: hidden;
  margin-bottom: 35px;
  text-align: center;
}

#one .top .tabs .tab {
  width: 290px;
  margin-right: 13px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  background: url(/resources/ceonew/pc_ceo/images/tab-bg1.png);
  background-size: 100% 100%;
  height: 57px;
  line-height: 50px;
  cursor: pointer;
  transition: all 0.5s;
  display: inline-block;
}

#one .top .tabs .tab.on,
#one .top .tabs .tab:hover {
  transition: all 0.5s;
  background: url(/resources/ceonew/pc_ceo/images/tab-bg1-on.png);
  background-size: 100% 100%;
}

#one .top .tabChagne {
  display: none;
}

#one .tabChagne1 {
  border: 1px solid #babdcc;
  padding: 25px;
}

#one .tabChagne1 p.b {
  font-size: 16;
  line-height: 1.8;
}

#one .tabChagne1 p.b strong {
  font-size: 18px;
  color: #465bc3;
}

#one .tabChagne1 p.t {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  line-height: 1.8;
}

#one .tabChagne2 {
  text-align: center;
  padding: 50px 0;
  position: relative;
}

#one .tabChagne2 .text {
  position: absolute;
  padding-left: 16px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
}

#one .tabChagne2 .text span {
  background: #152059;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0px;
  top: 9px;
}

#one .tabChagne3 {
  padding: 50px 0;
  text-align: left;
  position: relative;
  background: url(/resources/ceonew/pc_ceo/images/hxzt-bg.png) no-repeat 198px 11%;
}

#one .tabChagne3 .text {
  position: absolute;
}

#one .tabChagne3 .text img {
  width: 50px;
  margin-right: 10px;
}

#one .tabChagne3 .text span {
  color: #152059;
  font-weight: bold;
  font-size: 18px;
}

#one .tabChagne4 {
  overflow: hidden;
}

#one .tabChagne4 .left {
  width: 720px;
}

#one .tabChagne4 .left .t {
  text-align: right;
}

#one .tabChagne4 .left .t p {
  color: #333333;
  font-size: 16px;
  line-height: 1.875;
}

#one .tabChagne4 .left .t p strong {
  color: #152059;
  font-size: 24px;
}

#one .tabChagne4 .left .bottom {
  background: #dfe2f0;
  text-align: left;
  color: #333333;
  font-size: 16px;
  line-height: 1.875;
  padding: 15px 20px;
  margin-top: 20px;
}

#one .tabChagne4 .left .bottom p {
  margin-bottom: 10px;
}

#one .tabChagne4 .right {
  width: 305px;
  margin-top: 40px;
}

#one .item1 {
  margin-top: 40px;
}

#one .item1 .left {
  width: 350px;
}

#one .item1 .left img {
  display: block;
  margin-bottom: 25px;
}

#one .item1 .left .text {
  background: #f4f4f6;
  height: 330px;
  box-sizing: border-box;
  padding: 25px;
}

#one .item1 .left .text p.t {
  font-size: 16px;
  color: #333333;
  line-height: 2.25;
  margin-bottom: 20px;
}

#one .item1 .left .text p.b {
  font-size: 14px;
  color: #666666;
  line-height: 2.143;
}

#one .item1 .right {
  width: 807px;
}

#one .item1 .right img {
  display: block;
  margin-bottom: 25px;
}

#one .item1 .right .text {
  background: #f4f4f6;
  height: 330px;
  box-sizing: border-box;
  padding: 25px;
}

#one .item1 .right .text p.t {
  background: url(/resources/ceonew/pc_ceo/images/jt.png) no-repeat left center;
  padding-left: 28px;
  font-size: 18px;
  font-weight: bold;
  color: #152059;
  margin-bottom: 5px;
}

#one .item1 .right .text p.b {
  font-size: 16px;
  line-height: 1.8;
  padding-left: 28px;
  margin-bottom: 14px;
}

#one .item2 {
  margin-top: 50px;
}

#one .item2 .tabs {
  margin-top: 25px;
  overflow: hidden;
}

#one .item2 .tabs .tab {
  background: #e5e5e5;
  width: 235px;
  height: 80px;
  text-align: center;
  font-size: 18px;
  box-sizing: border-box;
  padding: 15px 0;
  line-height: 1.4;
  margin-right: 6px;
  cursor: pointer;
}

#one .item2 .tabs .tab.on,
#one .item2 .tabs .tab:hover {
  background: #152059;
  color: #ffffff;
}

#one .item2 .tabChange {
  display: none;
  background: #f4f4f6;
  margin-top: 30px;
  box-sizing: border-box;
  min-height: 184px;
  padding: 30px 30px 20px 30px;
}

#one .item2 .tabChange p.t {
  color: #152059;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

#one .item2 .tabChange .b span {
  display: inline-block;
  width: 48%;
  font-size: 14px;
  margin-bottom: 12px;
}

/* 2021-8-16 start */
#one .item2 .tabChange:nth-child(2) .b {
  display: inline-block;
  width: 24%;
}
#one .item2 .tabChange:nth-child(2) span{
  width: 100%;
  white-space: nowrap;
}

#one .item2 .tabChange:nth-child(3) .b {
  display: inline-block;
  width: 31%;
}

#one .item2 .tabChange:nth-child(3) .b:nth-child(1),
#one .item2 .tabChange:nth-child(3) .b:nth-child(2){
  position: relative;
  top: -34px;
}
#one .item2 .tabChange:nth-child(3) span{
  width: 100%;
  white-space: nowrap;
}
#one .item2 .tabChange:nth-child(4) .b {
  display: inline-block;
  width: 48%;
}
#one .item2 .tabChange:nth-child(4) span{
  width: 100%;
  white-space: nowrap;
}

#one .item2-wrap{
  background: url(/resources/ceonew/pc_ceo/images/new-bg1.png) no-repeat center;
  background-size: cover;
  margin-top: 50px;
}
#one .item2-new-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}
#one .item2-new-list li{
  width: 580px;
  height: 146px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px 0;
}
#one .item2-new-list .l{
  width: 190px;
}
#one .item2-new-list .r{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
}
#one .item2-new-list .r p{
  color: #fff;
  line-height: 1.8;
}
#one .item2-new-list .r p span{
  color: #e6c97e;
}
#one .item2-new-list .r p.t{
  color: #e6c97e;
  font-weight: bold;
  font-size: 18px;
}
#one .item2-new-list li:nth-child(1){
  order: 1;
  background: url(/resources/ceonew/pc_ceo/images/new-card1.png) no-repeat center;
  background-size: 100% 100%;
  margin-bottom: 50px;
}
#one .item2-new-list li:nth-child(2){
  order: 3;
  background: url(/resources/ceonew/pc_ceo/images/new-card2.png) no-repeat center;
  background-size: 100% 100%;
}
#one .item2-new-list li:nth-child(3){
  order: 2;
  background: url(/resources/ceonew/pc_ceo/images/new-card3.png) no-repeat center;
  background-size: 100% 100%;
}
#one .item2-new-list li:nth-child(4){
  order: 4;
  background: url(/resources/ceonew/pc_ceo/images/new-card4.png) no-repeat center;
  background-size: 100% 100%;
}


/* 2021-8-16 end */

#one .item3 {
  margin-top: 50px;
}
#one .item3 .tabs {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 25px;
}

#one .item3 .tabs .tab {
  cursor: pointer;
  display: inline-block;
  background-color: #e5e5e5;
  width: 235px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  color: #666666;
}
#one .item3 .tabs .tab:nth-child(6),
#one .item3 .tabs .tab:nth-child(7),
#one .item3 .tabs .tab:nth-child(8),
#one .item3 .tabs .tab:nth-child(9){
  width: 235px;
  margin-top: 5px;
}

#one .item3 .tabs .tab:hover,
#one .item3 .tabs .tab.on {
  background: #152059;
  color: #ffffff;
}

#one .item3 .tabChange {
  display: none;
  background: #f4f4f6;
  padding: 30px;
}

#one .item3 .tabChange .tit {
  color: #152059;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 25px;
}

#one .item3 .tabChange .line {
  height: 100%;
  width: 1px;
  position: absolute;
  left: 50%;
  top: 0px;
  background: #cccccc;
  display: none;
}

#one .item3 .tabChange .fl,
#one .item3 .tabChange .fr {
  width: 550px;
  box-sizing: border-box;
}

#one .item3 .tabChange .fl img,
#one .item3 .tabChange .fr img {
  width: 100%;
}

#one .item3 .tabChange .fl .t,
#one .item3 .tabChange .fr .t {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.4;
  color: #152059;
  margin-bottom: 20px;
}

#one .item3 .tabChange .fl p.b,
#one .item3 .tabChange .fr p.b {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.4;
}
#one .item3 .tabChange .fr p.b2{
  text-indent: 2em;
}
#one .item3 .tabChange .fr.fr2 .b{
  display: inline-block;
}
#one .item3 .tabChange .fr.fr2 .b:nth-child(2n){
  width: 330px;
}
#one .item3 .tabChange .fr.fr2 .b:last-child{
  width: 100%;
}

#one .item4 .tabs {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 25px;
}

#one .item4 .tabs .tab {
  cursor: pointer;
  display: inline-block;
  background-color: #e5e5e5;
  width: 240px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  font-size: 18px;
  color: #666666;
}

#one .item4 .tabs .tab:hover,
#one .item4 .tabs .tab.on {
  background: #152059;
  color: #ffffff;
}

#one .item4 .tabChange {
  display: none;
  background: #f4f4f6;
  padding: 25px;
}

#one .item4 .tabChange1 .t {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #152059;
}

#one .item4 .tabChange1 img {
  width: 560px;
}

#one .item4 .tabChange1 .fr {
  /*padding-top: 20px;*/
  width: 550px;
  color: #333333;
  line-height: 2.25;
}
#one .item4 .tabChange1 .tgs-box{
  margin-top: 10px;
}

#one .item4 .tabChange1 .tgs-box .fl {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
#one .item4 .tabChange1 .tgs-box .fr {
  width: 400px;
}
#one .item4 .tabChange1 .tgs-box .fr p {
  line-height: 24px;
}
#one .item4 .tabChange1 .tgs-box .fr .name {
  font-size: 16px;
  font-weight: bold;
  color: #152059;
  margin-bottom: 10px;
}
#one .item4 .tabChange1 .tgs-box .tgs {
  line-height: 42px;
  font-size: 18px;
  color: #152059;
  font-weight: bold;
}



#one .item4 .tabChange2 .group {
  position: relative;
  padding-left: 55px;
  margin-bottom: 15px;
  line-height: 18px;
}

#one .item4 .tabChange2 .group .label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: bold;
}

#one .item4 .tabChange2 .group span {
  display: inline-block;
  width: 48%;
  margin-bottom: 5px;
}

#one .item4 .tabChange2 .t {
  font-size: 18px;
  font-weight: bold;
}

#one .item4 .tabChange2 .per {
  padding: 20px 0 0;
}

#one .item4 .tabChange2 .per img {
  float: left;
  width: 134px;
  margin-right: 25px;
}

#one .item4 .tabChange2 .per .text {
  float: left;
  padding-top: 25px;
}

#one .item4 .tabChange2 .per .text .name {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
}

#one .item4 .tabChange2 .per .text .des {
  font-size: 14px;
  line-height: 1.4;
}

#one .item4 .tabChange3 .t {
  font-size: 20px;
  font-weight: bold;
  color: #152059;
  margin-bottom: 10px;
}

#one .item4 .tabChange3 .b {
  font-size: 16px;
  color: #333333;
  line-height: 1.875;
  text-align: left;
  margin-bottom: 10px;
}

#one .item4 .tabChange3 .pers {
  margin-left: -25px;
  margin-right: -25px;
}

#one .item4 .tabChange3 .pers .per {
  text-align: center;
  display: inline-block;
  width: 19%;
  box-sizing: border-box;
  padding: 0 15px;
  margin-bottom: 20px;
  vertical-align: top;
}

#one .item4 .tabChange3 .pers .per img {
  width: 130px;
  display: inline-block;
}

#one .item4 .tabChange3 .pers .per .name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}

#one .item4 .tabChange3 .pers .per .work {
  font-size: 14px;
  line-height: 1.4;
}

#one .item4 .tabChange3 .btn {
  background-color: #152059;
  width: 240px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 28px;
  margin: 20px auto 0;
}

#two {
  background: #f2f2f2;
  padding: 60px 0;
}

/* 与大师同行 */
.master_little_desc {
  font-size: 14px;
  color: #152059;
  font-family: "微软雅黑";
  text-align: center;
}

.master_wrapper {
  margin-top: 33px;
  display: flex;
  justify-content: center;
}

.master_container {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
}

.master_item {
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #ccc;
  width: 240px;
  height: 240px;
  position: relative;
}

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

.master_name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #919191;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#two {
  background: #f2f2f2;

  padding-bottom: 60px;
}

#two .swiper-container1 {
  position: relative;

  padding-bottom: 50px;

  opacity: 0;
}

#two .arrow-right {
  position: absolute;

  right: -50px;

  top: 25%;

  width: 45px;

  opacity: 0.6;

  z-index: 10;
}

#two .arrow-left {
  position: absolute;

  z-index: 10;

  left: -50px;

  top: 25%;

  opacity: 0.6;

  width: 45px;
}

#two .swiper-container1 .swiper-slide {
  overflow: hidden;

  height: 480px;
}

#two .swiper-container1 .fl {
  width: 20%;

  position: relative;
}

#two .swiper-container1 .fl img {
  width: 100%;
}

#two .swiper-container1 .fl p {
  position: absolute;

  box-sizing: border-box;

  padding: 10px;

  color: #ffffff;

  font-size: 18px;

  width: 100%;

  z-index: 10;

  bottom: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.5);

  text-align: center;
}

#two .swiper-container1 .pagination {
  position: absolute;

  width: 100%;

  left: 0;

  bottom: 20px;

  text-align: center;
}

#two .swiper-container1 .pagination span {
  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: #a0a0a0;

  margin: 0 5px;
}

#two .swiper-container1 .pagination .swiper-active-switch {
  background: #152059;
}

#two .swiper-container2 {
  opacity: 0;
}

#two .swiper-container2 .swiper-slide .fl {
  width: 18%;

  margin-right: 2.5%;

  border-bottom: 1px solid #bbbdcc;

  padding-bottom: 15px;

  height: 215px;

  margin-bottom: 15px;

  box-sizing: border-box;
}

#two .swiper-container2 .swiper-slide .fl:nth-child(5n){
  margin-right: 0;
}

#two .swiper-container2 .swiper-slide .fl .t {
  color: #152059;

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 10px;
}

#two .swiper-container2 .swiper-slide .fl .b {
  font-size: 16px;

  color: #333333;

  line-height: 1.8;
}

#two .swiper-no-swiping {
  margin-top: 10px;
}

.teacher_desc {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  color: #152059;
  margin-top: 20px;
}

.hidePerson {
  position: absolute;

  z-index: 10;

  background: #f2f2f2;

  padding: 20px;

  box-sizing: border-box;

  top: 18%;

  left: 600px;

  width: 555px;

  display: none;
}

.hidePerson .top {
  overflow: hidden;
}

.hidePerson .top img {
  float: left;

  width: 115px;
}

.hidePerson .text {
  width: 360px;

  margin-left: 30px;

  float: left;

  padding-top: 35px;
}

.hidePerson .text p.t {
  margin-bottom: 10px;

  color: #152059;

  font-weight: bold;

  font-size: 18px;
}

.hidePerson .text p.b {
  color: #152059;

  font-size: 16px;
}

#three {
  padding-top: 54px;
}

#three .hidePerson .bottom {
  opacity: 1;

  font-size: 16px;

  margin: 0;

  color: rgb(51, 51, 51);

  line-height: 1.875;

  position: relative;

  padding-top: 35px;

  margin-top: -30px;
}

#three .hidePerson .bottom img {
  position: absolute;

  right: 30px;

  top: 0px;

  width: 30px;
}

#three .hidePerson .close {
  z-index: 10;

  position: absolute;

  right: 15px;

  top: 15px;

  width: 30px;

  cursor: pointer;

  transform: rotate(0deg);

  transition: all 0.5s;
}

#three .hidePerson .close:hover {
  transform: rotate(180deg);

  transition: all 0.5s;
}

#three {
  background: url(/resources/ceonew/pc_ceo/images/ylxtx-bg.png);

  background-size: 100% 100%;
}

#three .top {
  position: relative;
}

#three .subt {
  margin-bottom: 20px;

  display: block;
}

#three .left {
  width: 555px;

  position: relative;
}

#three .left .alert,
#three .left .alert2 {
  opacity: 0;

  position: absolute;

  width: 108px;

  cursor: pointer;

  height: 123px;
}

#three .left .alert2 img {
  width: 100%;
}

#three .left .alert2 .click {
  position: absolute;

  top: 24%;

  width: 20px;

  left: 50%;

  margin-left: -10px;

  cursor: pointer;
}

#three .stu .clickT {
  position: absolute;

  width: 100%;

  font-size: 12px;

  color: #152059;

  text-align: center;

  top: 56%;
}

#three .left .alert img {
  width: 100%;
}

#three .left .alert p {
  position: absolute;

  padding: 15px 0;

  width: 100%;

  bottom: 0;

  left: 0;

  font-size: 14px;

  color: #ffffff;

  text-align: center;
}

#three .left .stu {
  height: 420px;

  position: relative;
}

#three .right {
  width: 555px;
}

#three .subtit {
  font-size: 18px;

  color: #fffffe;

  font-weight: bold;

  text-align: center;
}

#three .subtit .line1 {
  vertical-align: middle;

  display: inline-block;

  background: #ffffff;

  background: -moz-linear-gradient(0deg,
  rgba(255, 255, 255, 0) 0%,
  rgb(255, 255, 255) 100%);

  background: -webkit-linear-gradient(0deg,
  rgba(255, 255, 255, 0) 0%,
  rgb(255, 255, 255) 100%);

  background: -ms-linear-gradient(0deg,
  rgba(255, 255, 255, 0) 0%,
  rgb(255, 255, 255) 100%);

  width: 105px;

  height: 1px;
}

#three .subtit .line2 {
  vertical-align: middle;

  display: inline-block;

  background: #ffffff;

  background: -moz-linear-gradient(0deg,
  rgb(255, 255, 255) 0%,
  rgba(255, 255, 255, 0) 100%);

  background: -webkit-linear-gradient(0deg,
  rgb(255, 255, 255) 0%,
  rgba(255, 255, 255, 0) 100%);

  background: -ms-linear-gradient(0deg,
  rgb(255, 255, 255) 0%,
  rgba(255, 255, 255, 0) 100%);

  width: 105px;

  height: 1px;
}

#three .subtit .text {
  margin: 0 20px;
}

#three .num {
  text-align: center;

  color: #ffffff;

  margin: 30px 0;
}

#three .bottom {
  opacity: 0;

  overflow: hidden;

  margin-top: 35px;
}

#three .bottom .box {
  width: 50%;

  padding: 0 25px;

  box-sizing: border-box;
}

#three .bottom .item {
  padding: 20px 0;

  border-bottom: 1px solid #4b5582;

  overflow: hidden;
}

#three .bottom .text {
  width: 330px;
}

#three .bottom .text a {
  color: #ffffff;

  line-height: 2;

  font-size: 16px;
}

#three .bottom .text a:hover {
  text-decoration: underline;
}

#three .bottom .item img {
  width: 165px;
  height: 108px;
}

#three .btn {
  border-width: 1px;

  border-color: #ffffff;

  border-style: solid;

  border-radius: 10px;

  width: 190px;

  height: 42px;

  text-align: center;

  display: block;

  line-height: 42px;

  color: #ffffff;

  margin: 40px auto 60px;

  transition: all 0.5s;
}

#three .btn:hover {
  border-color: #fffffe;

  background: #ffffff;

  color: #152059;

  transition: all 0.5s;
}

.goucheng {
  padding-left: 40px;
}

#four .foot-mark {
  background: url(/resources/ceonew/pc_ceo/images/bg-ceo.png);
  background-size: 100% 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}

#four .foot-mark .BigTitle p {
  color: #fff;
}

#four .foot-mark .BigTitle p span {
  background-color: #fff;
}

#four .foot-mark .marks {
  display: flex;
  flex-wrap: nowrap;
  width: 1250px;
  margin: 0 auto;
}

#four .foot-mark .mark {
  flex-grow: 1;
  margin: 0;
  width: 250px;
  cursor: pointer;
}

#four .foot-mark .mark2 {
  margin-top: 43px;
}

#four .foot-mark .mark .cities {
  width: 178px;
  height: 178px;
  /* opacity: .5; */
  /* transition: opacity .5s; */
}

#four .foot-mark .mark .circle-rotate:hover {
  opacity: 1;
  animation: incircle 3s infinite linear;
}

@keyframes incircle {
  0% {
    opacity: 0.7;
    transform: rotate(0deg);
  }

  25% {
    opacity: 1;
    transform: rotate(90deg);
  }

  50% {
    opacity: 0.7;
    transform: rotate(180deg);
  }

  75% {
    opacity: 1;
    transform: rotate(270deg);
  }

  100% {
    opacity: 0.7;
    transform: rotate(360deg);
  }
}

#four .foot-mark .marks .mark .city1 {
  background: url(/resources/ceonew/pc_ceo/images/shenzhen.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}

#four .foot-mark .marks .mark .city2 {
  background: url(/resources/ceonew/pc_ceo/images/suzhou.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}

#four .foot-mark .marks .mark .city3 {
  background: url(/resources/ceonew/pc_ceo/images/dalian.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}

#four .foot-mark .marks .mark .city4 {
  background: url(/resources/ceonew/pc_ceo/images/xianggang.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}

#four .foot-mark .marks .mark .city5 {
  background: url(/resources/ceonew/pc_ceo/images/meidong.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}

#four .foot-mark .marks .mark .city6 {
  background: url(/resources/ceonew/pc_ceo/images/beijing.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}
#four .foot-mark .marks .mark .city7 {
  background: url(/uploads/image/20211101/20211101161556_94652.png) no-repeat;
  background-size: 90% 90%;
  background-position: 10px 10px;
}

#four .foot-mark .mark div {
  display: block;
  width: 2px;
  background-color: #fbd974;
  margin: 0 auto;
}

#four .foot-mark .mark .line1 {
  height: 77px;
}

#four .foot-mark .mark .line2 {
  height: 34px;
}

#four .foot-mark .mark .mark-place {
  width: 250px;
  height: 44px;
  line-height: 33px;
  color: #fdb874;
  background: none;
  text-align: center;
  font-size: 18px;
  background: url(/resources/ceonew/pc_ceo/images/bg-ceo-square.png) no-repeat;
  background-size: 100%;
}

#four .mark .schedule {
  color: #fdb974;
  font-size: 18px;
  text-align: center;
}

#four .look-more {
  margin: 0 auto;
  width: 230px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 10px;
}

#four .ceo-gold {
  padding-top: 60px;
  background: url(/resources/ceonew/pc_ceo/images/qqzj-bg.png) no-repeat center;
  background-size: cover;
  margin: 0 auto;
  padding-bottom: 60px;
}

#four .ceo-gold .cont {
  margin-top: 25px;
}

#four .video-box {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 3px 4px 20px 0px rgba(0, 0, 0, 0.15);
  padding: 40px;
  width: 1200px;
  margin-top: 40px;
  margin: 0 auto;
}

#four .video-box .ceo-video {
  position: relative;
  width: 600px;
  cursor: pointer;
  /* background-color: rosybrown; */
}

#four .video-box .ceo-video video {
  position: absolute;
  top: -80px;
}

#four .video-box .ceo-video-con {
  width: 540px;
  font-size: 15px;
  line-height: 32px;
  color: #333;
  text-align: justify;
}

#four .btn {
  border-width: 1px;

  border-color: #152059;

  border-style: solid;

  border-radius: 10px;

  width: 230px;

  height: 42px;

  text-align: center;

  display: block;

  line-height: 42px;

  color: #152059;

  margin: 30px auto 0;

  transition: all 0.5s;
}

#four .btn:hover {
  background: #152059;

  color: #ffffff;

  transition: all 0.5s;
}

#four .arrow-left {
  position: absolute;

  left: 0;

  top: 50%;

  z-index: 10;

  margin-top: -20px;
}

#four .arrow-right {
  position: absolute;

  right: 0;

  top: 50%;

  z-index: 10;

  margin-top: -20px;
}

#four .swiper-container3 {
  padding-bottom: 50px;

  opacity: 0;
}

#four .swiper-container3 .swiper-slide {
  box-sizing: border-box;

  padding: 0 20px;

  float: left;

  width: 33%;
}

#four .swiper-container3 .swiper-slide .item {
  box-shadow: 2.5px 4.33px 19.6px 0.4px rgba(0, 0, 0, 0.15);
  height: 426px;
  background-color: #fff;
}

#four .swiper-container3 .swiper-slide .item .img {
  overflow: hidden;
}

#four .swiper-container3 .swiper-slide .item .img img {
  width: 100%;
  height: 230px;
}

#four .swiper-container3 .swiper-slide .item .text {
  background: #ffffff;

  padding: 0 15px;
}

#four .swiper-container3 .swiper-slide .item .text .t {
  color: #333333;

  font-weight: bold;

  border-bottom: 1px solid #cccccc;

  padding: 15px 0;

  margin-bottom: 15px;
  min-height: 43px;
}

#four .swiper-container3 .swiper-slide .item .text .b {
  height: 100px;

  font-size: 14px;

  color: #666666;

  line-height: 1.588;
}

#five {
  background: url(/resources/ceonew/pc_ceo/images/topBG.png);

  background-size: 100% 100%;

  padding-bottom: 120px;

  position: relative;

  overflow: hidden;
  padding-top: 56px;
}

#five .img {
  position: absolute;

  bottom: -520px;

  left: 50%;

  margin-left: -350px;
}

#five .box {
  width: 640px;

  margin: 0 auto;
}

#five .box p {
  font-size: 16px;

  color: #ffffff;

  margin-bottom: 15px;

  opacity: 0;
}

#five .box .tel {
  padding-left: 30px;

  background: url(/resources/ceonew/pc_ceo/images/icon-tel.png) no-repeat left center;

  background-size: 14px;
}

#five .box .email {
  padding-left: 30px;

  background: url(/resources/ceonew/pc_ceo/images/icon-email.png) no-repeat left center;

  background-size: 14px;
}

#five .box .loc {
  padding-left: 30px;

  background: url(/resources/ceonew/pc_ceo/images/icon-loc.png) no-repeat left center;

  background-size: 11px;
}

#five .form {
  width: 390px;

  margin: 30px auto 0;
}

#five .form input {
  opacity: 0;

  display: block;

  margin-bottom: 20px;

  width: 100%;

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.2);

  height: 51px;

  line-height: 50px;

  box-sizing: border-box;

  padding: 0 15px;

  border: none;

  outline: none;

  font-size: 16px;

  color: #ffffff;
}

#five .form .btn {
  position: relative;

  z-index: 10;

  font-size: 16px;

  color: #152059;

  background: -moz-linear-gradient(90deg, #afb7e2 0%, #ffffff 100%);

  background: -webkit-linear-gradient(90deg, #afb7e2 0%, #ffffff 100%);

  background: -ms-linear-gradient(90deg, #afb7e2 0%, #ffffff 100%);

  font-weight: bold;

  cursor: pointer;
}

::-webkit-input-placeholder {
  /* WebKit browsers */

  color: rgba(255, 255, 255, 0.6);
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */

  color: rgba(255, 255, 255, 0.6);
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */

  color: rgba(255, 255, 255, 0.6);
}

@keyframes Incircle1 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(-90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(-180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(-270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(-360deg);
  }
}

@-moz-keyframes Incircle1 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(-90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(-180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(-270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(-360deg);
  }
}

@-ms-keyframes Incircle1 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(-90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(-180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(-270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(-360deg);
  }
}

@-webkit-keyframes Incircle1 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(-90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(-180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(-270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(-360deg);
  }
}

@keyframes Incircle2 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(360deg);
  }
}

@-moz-keyframes Incircle2 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(360deg);
  }
}

@-ms-keyframes Incircle2 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(360deg);
  }
}

@-webkit-keyframes Incircle2 {
  0% {
    opacity: 0.7;

    transform: rotate(0deg);
  }

  25% {
    opacity: 1;

    transform: rotate(90deg);
  }

  50% {
    opacity: 0.7;

    transform: rotate(180deg);
  }

  75% {
    opacity: 1;

    transform: rotate(270deg);
  }

  100% {
    opacity: 0.7;

    transform: rotate(360deg);
  }
}

#fixRight {
  position: fixed;

  top: 50%;

  height: auto;

  right: -200px;

  margin-top: -190px;

  z-index: 200;

  transition: all 0.5s;
}

#fixRight.on {
  right: 20px;

  transition: all 0.5s;
}

#fixRight a {
  display: block;

  border-radius: 5px;

  box-shadow: 1px 1.732px 14.7px 0.3px rgba(0, 0, 0, 0.16);

  width: 66px;

  height: 66px;

  color: #465bc3;

  font-size: 14px;

  text-align: center;

  box-sizing: border-box;

  padding-top: 40px;

  margin-bottom: 10px;
}

#fixRight .bg1 {
  background: #ffffff url(/resources/ceonew/pc_ceo/images/icon-wx.png) no-repeat center 13px;
  transition: all 0.5s;
}

#fixRight .bg1.on,
#fixRight .bg1:hover {
  background: #465bc3 url(/resources/ceonew/pc_ceo/images/icon-wx-on.png) no-repeat center 13px;

  color: #fffffe;

  transition: all 0.5s;
}

#fixRight .bg2 {
  background: #ffffff url(/resources/ceonew/pc_ceo/images/icon-btel.png) no-repeat center 11px;

  transition: all 0.5s;
}

#fixRight .bg2.on,
#fixRight .bg2:hover {
  background: #465bc3 url(/resources/ges/pc_ges/images/right-icon2-on.png) no-repeat center 11px;

  color: #fffffe;

  transition: all 0.5s;
}

#fixRight .bg3 {
  background: #ffffff url(/resources/ceonew/pc_ceo/images/icon-down.png) no-repeat center 9px;

  transition: all 0.5s;
}

#fixRight .bg3.on,
#fixRight .bg3:hover {
  background: #465bc3 url(/resources/emba/images/right4-on.png) no-repeat center 9px;

  color: #fffffe;

  transition: all 0.5s;
}

#fixRight .bg4 {
  background: #ffffff url(/resources/ceonew/pc_ceo/images/icon-toTop.png) no-repeat center 13px;

  transition: all 0.5s;
}

#fixRight .bg4.on,
#fixRight .bg4:hover {
  background: #465bc3 url(/resources/ges/pc_ges/images/right-icon5-on.png) no-repeat center 13px;

  color: #fffffe;

  transition: all 0.5s;
}

#fixRight .bg5 {
  background: #ffffff url(/resources/ceo/pc_ceo/images/icon-saif.png) no-repeat center 13px;

  transition: all 0.5s;
}

#fixRight .bg5.on,
#fixRight .bg5:hover {
  background: #465bc3 url(/resources/ceo/pc_ceo/images/icon-saif-on.png) no-repeat center 13px;

  color: #fffffe;

  transition: all 0.5s;
}

.shadow {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url(/resources/ges/pc_ges/images/shadow.png);

  z-index: 200;

  display: none;
}

.xyfcAlert,
.qqzjAlert {
  position: fixed;

  width: 1200px;

  left: 50%;

  margin-left: -600px;

  background: #ffffff;

  top: 40%;

  height: 600px;

  margin-top: -300px;

  box-sizing: border-box;

  padding: 0 30px 30px 30px;

  opacity: 0;

  display: none;

  z-index: 210;

  transition: all 0.5s;
}

.xyfcAlert.on,
.qqzjAlert.on,
.imageAlert.on,
.videoAlert.on {
  top: 50%;

  opacity: 1;

  transition: all 0.5s;
}

.xyfcAlert .close,
.qqzjAlert .close,
.videoAlert .close,
.imageAlert .close {
  position: absolute;

  top: 30px;

  right: 30px;

  z-index: 100;

  cursor: pointer;

  transform: rotate(0deg);

  transition: all 0.5s;
}

.xyfcAlert .close:hover,
.qqzjAlert .close:hover,
.imageAlert .close:hover,
.videoAlert .close:hover {
  transform: rotate(90deg);

  transition: all 0.5s;
}

.xyfcAlert .box,
.qqzjAlert .box {
  width: 50%;

  box-sizing: border-box;

  padding-right: 30px;
}

.xyfcAlert .items,
.qqzjAlert .items {
  height: 450px;

  overflow-y: scroll;
}

.xyfcAlert .item,
.qqzjAlert .item {
  border-bottom: 1px solid #cccccc;

  padding: 20px 0;
}

.xyfcAlert .text,
.qqzjAlert .text {
  width: 335px;

  line-height: 1.8;
}

.xyfcAlert .text a,
.qqzjAlert .text a {
  color: #333333;
}

.xyfcAlert .text:hover a,
.qqzjAlert .text:hover a {
  color: #152059;
}

.xyfcAlert .img,
.qqzjAlert .img {
  width: 160px;
  height: 91px;
}

.videoAlert,
.imageAlert {
  box-sizing: border-box;
  position: fixed;
  width: 1200px;
  height: 600px;
  left: 50%;
  margin-left: -600px;
  top: 50%;
  margin-top: -300px;
  padding: 0 30px 30px 30px;
  z-index: 220;
  background-color: #fff;
}

.videoAlert {
  background: #333;
}

.videoAlert .close,
.imageAlert .close {
  top: 5px;
}

.videoAlert .active,
.imageAlert .active {
  display: block;
}

.videoAlert .videoPlayer {
  padding-top: 10px;
}

.videoAlert .videoPlayer .videoPlayer-title {
  margin: 0 auto;
  width: 760px;
  background-color: #333;
  font-size: 18px;
  color: #fff;
  /* background-color: sienna; */
}

.videoAlert .videoPlayer .videoPlayer-con {
  margin: 0 auto;
  width: 800px;
  height: 100%;
  line-height: 30px;
  background-color: #333;
  font-size: 16px;
  color: #fff;
  /* background-color: sienna; */
}

/* .imageAlert {
  width: 1100px;
  padding: 50px;
  margin-top: 50px;
} */
.imageAlert .imagebox {
  margin: 0 auto;
  margin-top: 60px;
  width: 1100px;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: scroll;
}

.imageAlert .imagebox .image {
  margin: 30px;
  width: 300px;
  height: 200px;
  overflow: hidden;
  cursor: pointer;
}

.imageAlert .imagebox .image img {
  width: 100%;
}

.imageAlert .image-con {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  z-index: 222;
}

.imageAlert .image-con .close-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 100;
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.5s;
  width: 42px;
  height: 42px;
}

.imageAlert .image-con .close-btn:hover {
  transform: rotate(90deg);
  transition: all 0.5s;
}

.imageAlert .image-con #magnifyimg {
  width: 900px;
  height: 500px;
  margin: 20px auto;
  overflow: hidden;
}

.imageAlert .image-con img {
  display: block;
  margin: 0 auto;
  height: 560px;
}

.imageAlert .image-con #magnifydesc {
  color: #fff;
  width: 900px;
  text-align: center;
  margin: 0 auto;
}

.scale {
  animation: scale 3s infinite linear;
}

@keyframes scale {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1.2);
  }
}

@-moz-keyframes scale {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1.2);
  }
}

@-ms-keyframes scale {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1.2);
  }
}

@-webkit-keyframes scale {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1.2);
  }
}

.hidePerson {
  position: absolute;

  z-index: 10;

  background: #f2f2f2;

  padding: 20px;

  box-sizing: border-box;

  top: 18%;

  left: 600px;

  width: 555px;

  display: none;
}

.hidePerson .top {
  overflow: hidden;
}

.hidePerson .top img {
  float: left;

  width: 115px;
}

.hidePerson .text {
  width: 360px;

  margin-left: 30px;

  float: left;

  padding-top: 35px;
}

.hidePerson .text p.t {
  margin-bottom: 10px;

  color: #152059;

  font-weight: bold;

  font-size: 18px;
}

.hidePerson .text p.b {
  color: #152059;

  font-size: 16px;
}

#three .hidePerson .bottom {
  opacity: 1;

  font-size: 16px;

  margin: 0;

  color: rgb(51, 51, 51);

  line-height: 1.875;

  position: relative;

  padding-top: 35px;

  margin-top: -30px;
}

#three .hidePerson .bottom img {
  position: absolute;

  right: 30px;

  top: 0px;

  width: 30px;
}

#three .hidePerson .close {
  z-index: 10;

  position: absolute;

  right: 15px;

  top: 15px;

  width: 30px;

  cursor: pointer;

  transform: rotate(0deg);

  transition: all 0.5s;
}

#three .hidePerson .close:hover {
  transform: rotate(180deg);

  transition: all 0.5s;
}

#sd {
  line-height: 15px;

  width: 460px;

  height: 435px;

  position: fixed;

  background-color: white;

  left: 0px;

  right: 0px;

  top: -50px;

  bottom: 0px;

  margin: auto;

  border-radius: 6px;

  text-align: center;

  z-index: 2001;

  opacity: 0;

  transition: all 0.5s;

  display: none;
}

#sd.on {
  top: 0;

  opacity: 1;

  transition: all 0.5s;
}

#sd #back {
  width: 30px;

  height: 30px;

  float: right;

  margin-top: 3px;

  margin-right: 3px;

  z-index: 2002;

  transform: rotate(0deg);

  cursor: pointer;

  transition: all 0.5s;
}

#sd #back:hover {
  transform: rotate(180deg);

  transition: all 0.5s;
}

#sd .box_main {
  padding: 0 50px;
}

#sd .h1 {
  font-size: 18px;

  color: #152059;

  text-align: center;

  font-weight: bold;

  margin-top: 20px;

  padding-bottom: 15px;

  border-bottom: 1px solid #ccc;

  margin-bottom: 20px;
}

#sd .box_main .input_box {
  margin-bottom: 10px;
}

#sd .box_main .input_box span {
  color: red;
}

#sd .box_main .input_box span em {
  font-size: 14px;

  color: #333333;

  display: inline-block;

  margin-left: 5px;
}

#sd .box_main .input_box input {
  height: 30px;

  width: 250px;

  border-radius: 3px;

  padding: 0px 10px;

  border: 1px solid #cccccc;

  outline: none;
}

#sd .box_main .bottom_input span {
  float: left;

  margin-left: 4px;

  margin-top: 7px;
}

#sd .box_main .bottom_input textarea {
  float: left;

  height: 60px;

  width: 250px;

  border-radius: 3px;

  border: 1px solid #ccc;

  resize: none;

  padding: 8px 10px;

  margin-left: 4px;

  outline: none;
}

#sd .box_main .bottom_input textarea::placeholder {
  font-size: 12px;

  color: #666666;
}

#sd .box_main .shuoming {
  font-size: 14px;

  color: #152059;

  line-height: 1.6;

  margin-top: 15px;
}

#sd .box_main .input_btn input {
  width: 136px;

  cursor: pointer;

  height: 34px;

  background: #152059;

  font-size: 14px;

  color: #ffffff;

  border-radius: 3px;

  border: none;

  margin-top: 15px;
}

#getPhone_one {
  line-height: 20px;

  display: none;

  width: 210px;

  height: 198px;

  border-radius: 4px;

  box-shadow: 1px 1px 6px #ddd;

  background-color: #ffffff;

  position: fixed;

  top: 50%;

  margin-top: -99px;

  right: 200px;

  font-size: 15px;

  z-index: 0;

  right: 150px;

  opacity: 0;

  transition: all 0.5s;
}

#getPhone_one.on {
  right: 110px;

  opacity: 1;

  transition: all 0.5s;

  z-index: 2000;
}

#getPhone_one .tit {
  height: 40px;

  line-height: 40px;

  background-color: #f1f1f1;

  font-size: 14px;

  color: #333333;

  border-radius: 4px 4px 0px 0px;

  padding-left: 15px;
}

#getPhone_one #p1 {
  padding: 10px 15px;

  font-size: 14px;

  color: #333333;
}

#getPhone_one #getPhone_two {
  padding: 0 15px;
}

#getPhone_one #alone_phone {
  width: 180px;

  height: 30px;

  font-size: 14px;

  border-radius: 6px;

  border: 1px solid #ccc;

  text-align: left;

  padding-left: 10px;

  outline: none;
}

#getPhone_one #alone_phone::placeholder {
  font-size: 14px;
}

#getPhone_one #getPhone_two #contact {
  cursor: pointer;

  width: 130px;

  height: 25px;

  font-size: 13px;

  background-color: #152059;

  border: 0;

  color: white;

  border-radius: 6px;

  margin: 0 auto;

  line-height: 25px;

  text-align: center;

  margin-top: 15px;
}

.loading {
  width: 200px;

  /* height: 100px; */

  padding: 20px 0 10px;

  background: rgba(0, 0, 0, 0.5);

  border-radius: 10px;

  position: fixed;

  top: 50%;

  left: 50%;

  margin-left: -100px;

  margin-top: -55px;
}

#alone_name,
#alone_phone {
  width: 180px;
  height: 25px !important;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  text-align: left;
  padding-left: 10px;
  outline: none;
  color: #999;
}

#alone_phone {
  margin-top: 10px;
}

#alone_name::placeholder {
  font-size: 13px;
  color: #999;
}

#alone_phone::placeholder {
  font-size: 13px;
  color: #999;
}

.xyfcAlert .items {
  display: flex;
  flex-wrap: wrap;
}

.person_logo {
  width: 108px;
  height: 123px;
  position: absolute;
}

.tabChagne.tabChagne4 {
  display: flex;
}

.tabChagne.tabChagne4 .right {
  margin-left: 50px;
}

.cont .item1 .right .text .fl {
  margin-right: 0px !important;
  padding-right: 60px !important;
}

.tabChange.tabChange2 .group:nth-of-type(3) span {
  line-height: 30px;
}

.tabChange.tabChange2 .group:nth-of-type(3) .label {
  padding-top: 5px;
}

.tabChange.tabChange2 .label {
  color: rgb(21, 32, 89);
}

.tabChange.tabChange2 .t {
  color: rgb(21, 32, 89);
}

.map_container {
  position: relative;
}

.hongkong {
  position: absolute;
  left: 785px;
  top: 206px;
}

.grey {
  color: #333;
}

.agrey {
  color: #666;
}

.tabChange span {
  color: #333;
}

.tabChange .f1 .b {
  color: #333;
}

.tabChange .b span {
  color: #333;
}

.work {
  color: #333;
}

#top {
  overflow: hidden;
}

#two .swiper-container2 .swiper-slide .fl .b {
  font-size: 15px !important;
  height: 200px;
}

@keyframes scaLe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.5);
  }
}

.scale {
  animation: scale 3s infinite linear;
}

.dongtai {
  display: flex;
}

.dongtai .item {
  display: flex;
  width: 230px;
  align-items: center;
  padding-left: 40px;
  margin-bottom: 15px;
}

.dongtai .item>.item_left {
  margin-right: 30px;
}

.dongtai .item>.item_left img {
  display: inline-block;
  width: 7px;
  height: 70px;
}

.dongtai .item .right .top {
  font-size: 44px;
  color: #fff;
}

.dongtai .item .right>.bottom {
  font-size: 16px;
  color: #fff;
  opacity: 1 !important;
  margin: 0 !important;
}

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

.wrap.banner {
  height: calc(100% - 116px);
}
.wrap .banner_wrapper .img_banner {
  width: 100%;
}
#four .swiper-container3 .swiper-slide .item .text .t {
  line-height: 25px;
}

.BigTitle p:nth-of-type(1) {
  margin-bottom: 15px;
}

#one .item4 .tabChange2 .group span {
  margin-bottom: 12px;
}

/* 课表弹层 start */

#course-alert-btn {
  text-align: center;
  color: #465bc3;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
}

#course-alert-btn .hand {
  display: inline-block;
  width: 21px;
  height: 19px;
  margin-right: 10px;
  position: relative;
  animation: shakeshake 1s infinite ease-in-out;
}

#course-alert-btn .hand img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
}
#course-alert-btn .text {
  display: inline-block;
  padding-bottom: 5px;
  background: #465bc3;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px;
}

@keyframes shakeshake {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0px);
  }
}

#courseAlert {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

#courseAlert .inner {
  width: 1200px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#courseAlert .inner::after{
  content: '';
  display: block;
  width: 30px;
  height: 600px;
  background: url(/resources/ceonew/pc_ceo/images/course_shadow.png) no-repeat center right;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

#courseAlert .inner .course-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  transition: all 0.5s;
}

#courseAlert .inner .course-close img {
  width: 100%;
  height: 100%;
}

#courseAlert .inner .title {
  font-family: '宋体';
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  color: #fff;
}

#courseAlert .inner .course-close:hover {
  transform: rotate(90deg);
  transition: all 0.5s;
  cursor: pointer;
}

#courseAlert .inner .inner-content {
  margin-top: 20px;
  color: #fff;
  height: auto;
  overflow-x: auto;
  width: 1200px;
}



#courseAlert .inner .inner-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/*正常情况下滑块的样式*/
#courseAlert .inner .inner-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在该类指向的控件上时滑块的样式*/
#courseAlert .inner .inner-content:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, .5);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*鼠标悬浮在滑块上时滑块的样式*/
#courseAlert .inner .inner-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, .5);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

/*正常时候的主干部分*/
#courseAlert .inner .inner-content::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, .2);
}

/*鼠标悬浮在滚动条上的主干部分*/
#courseAlert .inner .inner-content::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
  background-color: rgba(255, 255, 255, .2);
}

#courseAlert .inner .inner-content .content-c {
  width: 2550px;
  height: 20px;
  margin: 30px 0;
  position: relative;
}

#courseAlert .inner .inner-content .content-c .course-line {
  width: 100%;
  height: 1px;
  background: #465bc3;
  position: absolute;
  top: 9px;
  z-index: 999;
}

#courseAlert .inner .inner-content .content-c .circle_ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 4px solid #465bc3;
  background: #fff;
  position: absolute;
  z-index: 1000;
  top: 0;
}

#courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_3,
#courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_4{
  border: 4px solid #c59f54;
}

#courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_1::after {
  content: '';
  background: url(/resources/ceonew/pc_ceo/images/course_j1.png) no-repeat center;
  display: inline-block;
  width: 12px;
  height: 14px;
  position: absolute;
  top: -22px;
}

#courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_2::after {
  content: '';
  background: url(/resources/ceonew/pc_ceo/images/course_j2.png) no-repeat center;
  display: inline-block;
  width: 12px;
  height: 14px;
  position: absolute;
  bottom: -22px;
}

#courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_3::after {
  content: '';
  background: url(/resources/ceonew/pc_ceo/images/course_j3.png) no-repeat center;
  display: inline-block;
  width: 12px;
  height: 14px;
  position: absolute;
  top: -22px;
}

#courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_4::after {
  content: '';
  background: url(/resources/ceonew/pc_ceo/images/course_j4.png) no-repeat center;
  display: inline-block;
  width: 12px;
  height: 14px;
  position: absolute;
  bottom: -22px;
}

#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(1) {
  left: 80px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(2) {
  left: 252px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(3) {
  left: 457px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(4) {
  left: 631px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(5) {
  left: 825px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(6) {
  left: 1000px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(7) {
  left: 1200px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(8) {
  left: 1380px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(9) {
  left: 1570px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(10) {
  left: 1740px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(11) {
  left: 1950px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(12) {
  left: 2130px;
}
#courseAlert .inner .inner-content .content-c .circle_ico:nth-child(13) {
  left: 2350px;
}

#courseAlert .inner .inner-content .content-t {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
}

#courseAlert .inner .inner-content .info {
  border-radius: 30px 0px 30px 0px;
  border: solid 1px #4d65dd;
  box-sizing: border-box;
  padding: 8px 9px;
  margin-right: 60px;
}

#courseAlert .inner .inner-content .info.info2 {
  border: solid 1px #e2b65e;
}

#courseAlert .inner .inner-content .info.info2 .info-inner {
  box-shadow: 0 170px 100px -60px rgba(226, 182, 94, 0.35) inset;
}

#courseAlert .inner .inner-content .info .info-inner {
  min-width: 293px;
  min-height: 194px;
  box-sizing: border-box;
  padding: 20px;
  box-shadow: 0 170px 100px -60px rgba(77, 101, 221, 0.35) inset;
  border-radius: 30px 0px 30px 0px;
}

#courseAlert .inner .inner-content .info .info-inner p {
  font-size: 14px;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.9);
}

#courseAlert .inner .inner-content .info .info-inner p.address {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

#courseAlert .inner .inner-content .info .info-inner .tit {
  display: inline-block;
  border-bottom: 1px solid #fff;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 4px;
  margin-bottom: 10px;
  color: #fff;
}

#courseAlert .inner .inner-content .info .info-inner a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

#courseAlert .inner .inner-content .content-b {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding-left: 120px;
}
/* 课表弹层 end */

@media only screen and (max-width: 1400px) {
  #two .cont {
    width: 1050px;
  }

  #two .swiper-container1 {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1334px) {
  .swiper-container2 .f1 .b {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1400px) {
  #top #nav .cont .a .navImg1 {
    width: 55px;
  }

  #top #nav .cont .a .navImg2 {
    width: 55px;
  }

  #top #nav {
    padding-top: 0px;
    padding-bottom: 10px;
  }

  #top #nav .cont .a .text {
    height: 40px;
    display: flex;
    align-items: center;
  }

  #top #nav .cont .a a {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 1366px) {
  #courseAlert .inner {
    width: 1000px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #courseAlert .inner .inner-content {
    margin-top: 20px;
    color: #fff;
    height: auto;
    overflow-x: auto;
    width: 1000px;
  }
  #courseAlert .inner .inner-content .info {
    border-radius: 30px 0px 30px 0px;
    border: solid 1px #4d65dd;
    box-sizing: border-box;
    padding: 4px 5px;
    margin-right: 60px;
  }
  #courseAlert .inner .inner-content .info .info-inner {
    min-width: 293px;
    min-height: 194px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 170px 100px -60px rgb(77 101 221 / 35%) inset;
    border-radius: 30px 0px 30px 0px;
  }
  #courseAlert .inner .inner-content .content-c .circle_ico {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid #465bc3;
    background: #fff;
    position: absolute;
    z-index: 1000;
    top: 0;
  }
  #courseAlert .inner .title{
    width: 200px;
    margin: auto;
  }
  #courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_1::after {
    content: '';
    background: url(/resources/ceonew/pc_ceo/images/course_j1.png) no-repeat center;
    display: inline-block;
    width: 10px;
    height: 12px;
    position: absolute;
    top: -21px;
  }
  #courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_2::after {
    content: '';
    background: url(/resources/ceonew/pc_ceo/images/course_j2.png) no-repeat center;
    display: inline-block;
    width: 10px;
    height: 12px;
    position: absolute;
    bottom: -21px;
  }

  #courseAlert .inner .inner-content .info .info-inner p {
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.9);
  }
  #courseAlert .inner .inner-content .info .info-inner p.address {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
  }
  #courseAlert .inner .inner-content .info .info-inner .tit {
    display: inline-block;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    color: #fff;
  }
  #courseAlert .inner .title {
    font-family: '宋体';
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #fff;
  }
  #courseAlert .inner .inner-content .info .info-inner {
    min-width: 293px;
    min-height: 163px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 170px 100px -60px rgb(77 101 221 / 35%) inset;
    border-radius: 30px 0px 30px 0px;
  }
  #courseAlert .inner .course-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    transition: all 0.5s;
    z-index: 99999;
  }
  #courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_4::after {
    content: '';
    background: url(/resources/ceonew/pc_ceo/images/course_j4.png) no-repeat center;
    display: inline-block;
    width: 10px;
    height: 12px;
    position: absolute;
    bottom: -22px;
    left: -1px;
  }
  #courseAlert .inner .inner-content .content-c .circle_ico.circle_circle_3::after {
    content: '';
    background: url(/resources/ceonew/pc_ceo/images/course_j3.png) no-repeat center;
    display: inline-block;
    width: 10px;
    height: 12px;
    position: absolute;
    top: -22px;
    left: -2px;
  }
}