#login .login-content,
#register .login-content {
  width: 100%;
  height: 100vh;
  background-image: url(../image/public/loginbg.png);
  background-size: 100% 100%;
  padding-top: 58px;
}
#login .login-content .company-logo,
#register .login-content .company-logo {
  margin-bottom: 20px;
}
#login .login-content .logincon,
#register .login-content .logincon {
  width: 1577px;
  height: 750px;
  margin: 0 auto;
  background-image: url(../image/public/loginbg2.png);
  padding: 155px 226px 0 0;
  display: flex;
  justify-content: flex-end;
}
#login .login-content .logincon .login-plate,
#register .login-content .logincon .login-plate {
  width: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#login .login-content .logincon .login-plate h1,
#register .login-content .logincon .login-plate h1 {
  margin-bottom: 85px;
  font-size: 42px;
  color: #3a3d40;
}
#login .login-content .logincon .login-plate form,
#register .login-content .logincon .login-plate form {
  width: 100%;
  margin-bottom: 30px;
}
#login .login-content .logincon .login-plate form > div,
#register .login-content .logincon .login-plate form > div {
  margin-bottom: 52px;
  width: 100%;
  border-bottom: 2px solid #e6ebf1;
  padding-bottom: 10px;
}
#login .login-content .logincon .login-plate form > div .logo,
#register .login-content .logincon .login-plate form > div .logo {
  margin-right: 21px;
}
#login .login-content .logincon .login-plate form > div input,
#register .login-content .logincon .login-plate form > div input {
  font-size: 18px;
  color: #000;
}
#login .login-content .logincon .login-plate form > div input::placeholder,
#register .login-content .logincon .login-plate form > div input::placeholder {
  color: #9da4ac;
}
#login .login-content .logincon .login-plate .login-submit,
#register .login-content .logincon .login-plate .login-submit {
  margin-bottom: 32px;
  width: 100%;
  height: 70px;
  background-image: linear-gradient(98deg, #0035cb 0%, #0060ff 100%), linear-gradient(#3870f6, #3870f6);
  background-blend-mode: normal,
            normal;
  border-radius: 35px;
  font-size: 24px;
  color: #ffffff;
}
#login .login-content .logincon .login-plate .to-register,
#register .login-content .logincon .login-plate .to-register {
  font-size: 18px;
  color: #0035cb;
}
#register .logincon {
  padding: 98px 226px 0 166px !important;
}
#register .logincon .login-plate form > div {
  margin-bottom: 35px !important;
}
#register .logincon .login-plate form .yzmImg {
  margin-left: auto;
  width: 93px;
  height: 46px;
}
#register .logincon .login-plate form .yzmImg img {
  max-width: 100%;
  max-height: 100%;
}
#register .logincon .login-plate form .clause {
  border-bottom: none !important;
}
#register .logincon .login-plate form .clause .confirm-btn {
  margin-right: 10px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border: solid 2px #e6ebf1;
  cursor: pointer;
}
#register .logincon .login-plate form .clause .picked {
  border: solid 9px #0035cb;
}
#register .logincon .login-plate form .clause * {
  font-size: 18px;
  font-weight: normal;
}
#register .logincon .login-plate form .clause a {
  color: #0035cb;
}
#members .pagelink {
  margin-bottom: 87px;
}
#members .cardPlate {
  padding-bottom: 89px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#members .cardPlate li {
  margin-bottom: 41px;
  width: 654px;
  height: 210px;
  background-color: #f7f7f7;
  padding: 44px 30px;
}
#members .cardPlate li .title {
  margin-bottom: 26px;
  width: 80%;
  font-size: 20px;
  color: #333333;
}
#members .cardPlate li .intro {
  margin-bottom: 47px;
  width: 85%;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
#members .cardPlate li .contact .phonenum {
  font-size: 16px;
  color: #0035cb;
}
#members .cardPlate li .contact .jumplink {
  width: 130px;
  height: 44px;
  background-color: #f7f7f7;
  border-radius: 22px;
  border: solid 1px #cdcdcd;
}
#members .cardPlate li .contact .jumplink .linkimg {
  margin-right: 8px;
}
#members .cardPlate li .contact .jumplink span {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
#video .pagelink {
  margin-bottom: 107px;
}
#video .videoplate {
  padding-bottom: 99px;
}
#video .videoplate .title {
  margin-bottom: 48px;
  text-align: center;
  font-size: 34px;
  color: #212121;
}
#video .videoplate .videolist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#video .videoplate .videolist > li {
  width: 416px;
  margin-right: 51px;
  margin-bottom: 60px;
}
#video .videoplate .videolist > li:nth-child(3n) {
  margin-right: 0;
}
#video .videoplate .videolist > li a {
  width: 100%;
  height: 100%;
}
#video .videoplate .videolist > li a .video-cover {
  height: 263px;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}
#video .videoplate .videolist > li a .video-cover img {
  width: 100%;
  height: 100%;
}
#video .videoplate .videolist > li a .video-cover .video-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 15px;
}
#video .videoplate .videolist > li a .video-cover .video-mask .video-play {
  align-self: flex-end;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}
#video .videoplate .videolist > li a .video-cover .video-mask .video-play img {
  transform: translate(1.5px, 0);
  width: 11px;
  height: 12px;
}
#video .videoplate .videolist > li a .video-cover .video-mask .time {
  margin-left: auto;
  align-self: flex-end;
  font-size: 16px;
  color: #ffffff;
}
#video .videoplate .videolist > li a .video-info {
  width: 80%;
}
#video .videoplate .videolist > li a .video-info .info-title {
  margin-bottom: 24px;
  font-size: 18px;
  color: #333333;
}
#video .videoplate .videolist > li a .video-info .time {
  font-size: 16px;
  color: #333333;
}
#association {
  padding-top: 34px;
  padding-bottom: 105px;
}
#association .article .title {
  margin-bottom: 49px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #333333;
}
#association .article p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #333333;
  text-indent: 2em;
}
#leader {
  padding-top: 34px;
  padding-bottom: 100px;
}
#leader .associationList {
  margin-bottom: 89px;
}
#leader .leaderPlate .title {
  margin-bottom: 50px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #333333;
}
#leader .leaderPlate .leaderlist {
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
}
#leader .leaderPlate .leaderlist li {
  margin-right: 30px;
  margin-bottom: 74px;
  width: 167px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#leader .leaderPlate .leaderlist li:nth-child(7n) {
  margin-right: 0;
}
#leader .leaderPlate .leaderlist li .leaderImg {
  width: 100%;
  height: 192px;
  margin-bottom: 22px;
}
#leader .leaderPlate .leaderlist li .leaderImg img {
  width: 100%;
  height: 100%;
}
#leader .leaderPlate .leaderlist li .leader-name {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 18px;
}
#leader .leaderPlate .leaderlist li .position {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
#newsdetail {
  padding-bottom: 93px;
}
#newsdetail .article {
  margin-bottom: 90px;
}
#newsdetail .article .article-title {
  text-align: center;
  font-size: 24px;
  color: #333333;
  margin-bottom: 28px;
}
#newsdetail .article .article-time {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  color: #999999;
  margin-bottom: 41px;
}
#newsdetail .article p {
  text-indent: 2em;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 34px;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 40px;
}
#expert {
  padding-bottom: 90px;
}
#expert .positionlink {
  margin-bottom: 60px;
}
#expert .expert-plate {
  width: 100%;
  padding: 45px 40px;
  background-color: #f7f7f7;
  margin-bottom: 58px;
}
#expert .expert-plate .expertImg {
  width: 253px;
  margin-right: 45px;
}
#expert .expert-plate .expertImg img {
  width: 100%;
}
#expert .expert-plate .expert-info {
  flex: 1;
  height: 100%;
}
#expert .expert-plate .expert-info .title {
  margin-bottom: 27px;
}
#expert .expert-plate .expert-info .title .name {
  font-size: 34px;
  font-weight: bold;
  color: #333333;
  margin-right: 32px;
}
#expert .expert-plate .expert-info .title .duty {
  align-self: flex-end;
  font-size: 18px;
  color: #0035cb;
}
#expert .expert-plate .expert-info .company {
  font-size: 16px;
  color: #254ace;
  margin-bottom: 33px;
}
#expert .expert-plate .expert-info .info-main p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #666666;
  text-indent: 2em;
}
#expertlist {
  padding-top: 100px;
  padding-bottom: 59px;
}
#expertlist .title {
  margin-bottom: 46px;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #333333;
}
#expertlist .expert-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
#expertlist .expert-list li {
  width: 660px;
  height: 178px;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}
#expertlist .expert-list li a {
  width: 100%;
  height: 100%;
  padding: 38px 30px;
}
#expertlist .expert-list li a .expert-title {
  margin-bottom: 26px;
}
#expertlist .expert-list li a .expert-title .name {
  margin-right: 25px;
  font-size: 22px;
  font-weight: bold;
  color: #333333;
}
#expertlist .expert-list li a .expert-title .duty {
  align-self: flex-end;
  font-size: 16px;
  color: #0035cb;
}
#expertlist .expert-list li a .expert-info {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: 0px;
  color: #333333;
}
#Information {
  padding-bottom: 60px;
}
#Information .pagelink {
  margin-bottom: 50px;
}
#Information .infoplate .title {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 50px;
}
#Information .infoplate .infolist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 30px;
}
#Information .infoplate .infolist li {
  width: 660px;
  height: 141px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
}
#Information .infoplate .infolist li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 35px 33px;
}
#Information .infoplate .infolist li .top .info-title {
  max-width: 70%;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
#Information .infoplate .infolist li .top .time {
  font-size: 16px;
  color: #0035cb;
}
#Information .infoplate .infolist li .info-main {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
}
#contact .contact-info {
  padding-top: 78px;
  height: 528px;
  display: flex;
  justify-content: space-between;
}
#contact .contact-info .left .info-title {
  font-size: 34px;
  color: #212121;
  margin-bottom: 63px;
}
#contact .contact-info .left .contactlist li {
  margin-bottom: 60px;
}
#contact .contact-info .left .contactlist li:last-child {
  margin-bottom: 0;
}
#contact .contact-info .left .contactlist li img {
  margin-right: 18px;
  width: 46px;
  height: 45px;
}
#contact .contact-info .left .contactlist li span {
  font-size: 26px;
  color: #333333;
}
#contact .contact-info .map {
  width: 690px;
  height: 380px;
}
#contact .leave-message {
  width: 100%;
  height: 599px;
  background-color: #f6fbff;
}
#contact .leave-message .content {
  padding-top: 79px;
}
#contact .leave-message .content .title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #333333;
}
#contact .leave-message .content .message-plate {
  width: 100%;
  height: 356px;
  background-color: #ffffff;
  padding: 56px 53px 0 53px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
#contact .leave-message .content .message-plate > div {
  width: 576px;
  height: auto;
  margin-bottom: 35px;
}
#contact .leave-message .content .message-plate > div .info {
  width: 118px;
  font-size: 20px;
  color: #333333;
}
#contact .leave-message .content .message-plate > div input {
  padding-left: 20px;
  width: 467px;
  font-size: 20px;
  height: 60px;
  background-color: #f8f8f8;
  border-radius: 8px;
  border: solid 1px #ebebeb;
}
#contact .leave-message .content .message-plate > div textarea {
  padding: 20px;
  font-size: 20px;
  width: 467px;
  height: 149px;
  background-color: #f8f8f8;
  border-radius: 8px;
  border: solid 1px #ebebeb;
}
#contact .leave-message .content .message-plate > div .top {
  margin-bottom: 29px;
}
#contact .leave-message .content .message-plate > div .top #captcha {
  margin-right: 18px;
  width: 197px;
  height: 60px;
  background-color: #f8f8f8;
  border-radius: 8px;
  border: solid 1px #ebebeb;
}
#contact .leave-message .content .message-plate > div .top .code-img {
  height: 46px;
  cursor: pointer;
}
#contact .leave-message .content .message-plate > div .top .code-img img {
  height: 100%;
}
#contact .leave-message .content .message-plate > div .submit {
  width: 544px;
  height: 60px;
  background-color: #0035cb;
  border-radius: 8px;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  color: #ffffff;
}