body {
  overflow: hidden;
  margin: 0;
  /*background: url(../images/Starry.gif);*/
  font-size: 14px;
}

/*澶撮儴*/
header{position: fixed;top: 0;width: 100%;z-index: 10; padding: 0 30px;font-size: 14px; height: 79px; line-height: 79px; background: rgba(1,28,83,.7);color: #fff;font-family: 'Microsoft YaHei','sans-serif';}
.header-in{width: 1200px;margin: 0 auto;}
.logo,.h1{ float: left;}
.logo{height: 49px; padding-top: 16px;margin-right: 20px; }
.h1{ height: 59px; font-size: 24px;font-weight: normal;margin: 0; margin-right: 5%; }
header a{ color: #fff;text-decoration: none;}
/*nav*/
nav{ font-size: 18px;transform: translateX(85px);}
nav a{ float: left; padding: 0 12px;}
nav a:hover,nav .active{ font-weight: bold;}
/*heder-r*/
.header-r a{ float: right; padding-right: 10px; height: 60px; }
.header-r a:hover{ text-decoration: underline; }
.user-portrait img{ width: 24px;height: 24px; border:1px solid #e6e6ec; border-radius: 50%;margin-right: 5px;vertical-align: middle; }
.header-r .icon-toDown3{ font-size: 12px; }
.br-line:after{ content: '|';padding-left: 10px; font-family: 'sans-serif'; }
i{font-style: normal;}
.db{display: block;}
.section1 { background: url(../images/Starry.gif) 50%;background-size: cover;}
.section2 { background: url(../images/Meet.jpg) 50%;background-size: cover;}
.section3 { background: url(../images/Meetf.jpg) 50%;background-size: cover;}
.section4 { background: url(../images/Meett.jpg) 50%;background-size: cover;}
.con{position: absolute;width: 100%;text-align: center;color: #fff;z-index: 11;top:24%;padding:0 20px;box-sizing: border-box;}
@font-face
{
font-family: myFirstFont;
/*src: url('脙漏芒鈥毬偮犆兟ッ偮⑩偓鈥澝兟ッ偮访偮ッ兟γ嬧€犆偮棵兟γ嬇撁偮犆兟ッ吢犆⑩偓潞脙漏脗禄芒鈧溍兟偮⑩偓啪脙陇脗陆芒鈧�.OTF')*/
}
.section1 h1{line-height: 64px;margin: 0;
  font-family: myFirstFont;
  font-size: 66px;
  font-weight: normal;}

/*.section1 span{display: block;}*/
.span0{font-family: MicrosoftYaHei;font-size: 30px;line-height: 120px;}
.span0 i{margin-right: 20px;}
.bblue{display: inline-block;margin: 0 0 50px; font-size: 22px; width: 522px;line-height: 57px;background-image: linear-gradient(#ffffff,#ffffff),linear-gradient(#94a5a0,#94a5a0);border-radius: 28px;color: #0532a5;}
.f-gp{width: 551px;margin: 0 auto;text-align: left;letter-spacing:2px;font-size:16px;}
.f-gp p{margin:0}
.span-l,.span-r{vertical-align: top;}
.span-l{float:left;}
.span-r{margin-left: 100px;display: block;}
.span-r p{margin:10px 0}
.section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section2 .con{top:70px;height: 100%}
.con02{width: 1200px;margin:0 auto;position: relative;}
.h1-after{position: relative;color:#fff;font-size: 46px;text-align: center;font-weight: normal;padding-top:116px;padding-bottom: 25px;}
.section-2 .video-con{text-align: center;height:calc(100% - 220px);position:relative;}
.video-in{position:relative;display:inline-block;height:100%;}
.section-2 .video-con img{height:89%;}
.section3-p{font-size: 40px;color:#fff;position: absolute;top: 64%;left: 45%;margin-left: -66px;margin-top:-23px;}
.section3-p span{display: block;text-align: center;}
.section3-p span:first-child{font-size: 20px;}
.zt{position: absolute;cursor: pointer;width: 27.743056%;height: 50%;}
/*.zt01{top:12%;left: 36%;}*/
.zt02{left: 36.3%;}
.zt03{left: 72.6%;}
/*.zt04{top: 35.3%;left: 13.5%;}
.zt05{top: 35.3%;left: 58.5%;}
.zt06{top: 72%;left: 51%;}*/
.zt a{width: 100%;height: 100%;color:#fff;display: inline-block;display: flex;justify-content:center;align-items:center;text-decoration: none;padding: 0 10px;box-sizing: border-box;}
.zt span{font-size: 20px;text-align: center;}
.zt b {font-size: 26px;}
.zt1{background: url(../images/zt1.png) no-repeat;background-size: 100% 100%;}
.zt2{background: url(../images/zt2.png) no-repeat;/* background-color: white; */background-size: 100% 100%;}
.zt3{background: url(../images/zt3.png) no-repeat;background-size: 100% 100%;}
.zt4{background: url(../images/zt4.png) no-repeat;background-size: 100% 100%;}
.zt6{background: url(../images/zt5.png) no-repeat;background-size: 100% 100%;}
.zt5{background: url(../images/zt6.png) no-repeat;background-size: 100% 100%;}
.ztt,.ztb{position: absolute;width:100%;height:100%;}
.ztb{display: none;}
.ztb .ztb1 {background: url(../images/zt11.png) no-repeat;background-size: 100% 100%;}
.ztb .ztb2 {
  background:url(../images/zt22.png) no-repeat;background-size: 100% 100%;
}
.ztb .ztb3 {
  background:url(../images/zt33.png) no-repeat;background-size: 100% 100%;
}
.zt:hover .ztb{display: block;transition: 2s}
.zt .section3-span2{font-size: 20px;color:#fff;left:38%;top:115px;padding: 2px 25px;justify-content: center;align-items: center;text-decoration: none;letter-spacing: 1px;line-height: 26px;}
.hy-posa{position: absolute;top:50%;right: -29px;display: inline-block;margin-top: -49px;}
.bor-rad{color:#437fe0;border:1px solid #fff;padding:10px 2px;display: block;width:25px;text-align:center;background:#fff;font-size: 16px;text-decoration:none;}
.con4 {
  width: 71%;
  margin:0 auto;
  color:#fff;
  padding: 100px 0;
  text-align: center;
}
.con3{width:60%;margin:0 auto;position: relative;height: 85%;
  top: 30%;
}
.con2{width:1200px;margin:0 auto;height:100%;}
.con2 .h1-after{padding-top: 116px;}
.video-in{position:relative;display:inline-block;height:100%;}
.section2 .video-con{text-align: center;height:calc(100% - 220px);position:relative;}
.section2 .video-con img{height:89%;max-width: 100%}

.section4 table {
  width: 100%;
}
.section4 table tr th {
  font-size: 32px;
  height: 100px;
}
.section4 table tr td {
  height: 80px;
  padding: 5px;
  font-size: 18px;
}
.section4 table.table_two tr td {
  font-size: 20px;
}

.table_one tbody tr:nth-child(2) td:nth-child(1) {
  background-color: #ab9d6a;
}
.table_one tbody tr:nth-child(2) td:nth-child(2) {
  background-color: #639865;
}
.table_one tbody tr:nth-child(3) td:nth-child(1) {
  background-color: #308c45;
}
.table_one tbody tr:nth-child(3) td:nth-child(2) {
  background-color: #397ab3;
}
.table_one tbody tr:nth-child(4) td:nth-child(1) {
  background-color: #947c68;
}
.table_one tbody tr:nth-child(4) td:nth-child(2) {
  background-color: #3ea7b8;
}

.table_two tbody tr:nth-child(2) td {
  background-color: #4b90e5;
}
.table_two tbody tr:nth-child(3) td {
  background-color: #963f54;
}
.table_two tbody tr:nth-child(4) td {
  background-color: #ab9548;
}

.section4 .con4 table table tr td:hover {
  background: #fff;
}
.section4 .con4 table table tr td:hover a {
  color: #003bb3;
  font-weight: bold;
}
.section4 table tr th a, .section4 table tr td a {
  color: #fff;
}
.section4-p {
  font-size: 46px;
  padding-bottom: 100px;
}

@media all and (max-width: 1916px) {
  .section3-p{width: 180px;margin-left: -50px;}
  .section4-p {
    font-size: 46px;
    padding-bottom: 50px;
  }
}
@media all and (max-width: 1600px) {
  .zt span{font-size: 22px;}
  .zt span.section3-span {font-size: 16px;}
  .zt b { font-size: 20px; }
  .section4 table tr th {
    font-size: 28px;
    height: 80px;
    font-weight: 500;
  }
  .section4 table tr td {
    height: 60px;
    padding: 5px;
    font-size: 14px;
  }
  .section4-p {
    font-size: 46px;
  }
  .section4 .table_two tr td {  font-size: 16px; }
}
@media all and (max-width: 1440px) {
  .con3{width:60%;}
  .section3-p{top:62%;left:46%;}
  .section4-p {
    font-size: 36px;
  }
  .header {
      padding: 0
  }
}
@media all and (max-width: 1400px) {
  .zt{height: 55%;width: 28%;}
  .zt span{font-size: 18px;}
}
@media all and (max-width: 1366px) {
  .zt{height: 54%;width: 32.743056%;}
  .con3{width:57%;}
  .section3-p{top:66%;font-size: 32px;width:159px;}
  .h1-after { font-size: 40px; }
  .section4 table tr td { font-size: 14px; }
  .section4 table.table_two tr td {  font-size: 16px; }
}
@media all and (max-width: 1024px) {
.con{top:18%;}
.section1 h1{font-size: 46px;margin-bottom: 15px;}
.span0{font-size: 24px;line-height: 30px;margin-bottom: 28px;padding: 0 40px;}
.con2{width:auto;position: absolute;top:10%;height:auto;padding:0 10px;box-sizing: border-box;}
.con2 .h1-after{padding-top: 50px;font-size: 44px;}
.con3{width: 91%;top: 45%;}
.bblue{margin-bottom: 76px;padding: 0;width: 318px;font-size: 18px;}
.section2 .con{top:24%;}
.section2 .video-con img{width:80%;height:30%;}
.zt{height: 16%;width: 23%;}
.section3-p{top: 55%;width:125px;}
.section4-p {
  font-size: 30px;
}
#section4 table tr th {
  font-size: 20px;
  height: 100px;
}
#section4 table tr td {
  height: 56px;
  padding: 5px;
  font-size: 12px;
}
.zt span{font-size: 16px;}
.zt span.section3-span {font-size: 12px;}
.zt b { font-size: 16px; }
.section3-p{font-size: 22px;left: 47%;}
.section3-p span:first-child{font-size: 16px;}
.hy-posa{right:5%;top:37%;}
#fp-nav.right{right:-44px;}
.f-gp{width:422px;}
}
.zt02 {
    left: 37%;
}
.zt03 {
    left: 74%;
}
@media (max-width: 375px ){
  .section4-p {
    font-size: 18px;
  }
  #section4 table tr th {
    font-size: 16px;
    height: 100px;
  }
  #section4 table tr td {
    height: 56px;
    padding: 5px;
    font-size: 12px;
  }
  header{padding: 0 10px;height: 50px;line-height: 50px;}
  .con{top:15%;}
  #fp-nav{display:  none;}
  .f-gp{width:auto;}
  .header-in{padding:0;}
  .header-in,.con3{width: auto;}
  .logo img{width: 65px;}
  .header-r{padding-right: 15px;}
  .header-r a{margin-left: 0;padding: 3px 10px;font-size:10px;line-height:normal}
  .section1 h1{font-size: 28px;line-height: 44px;margin-bottom: 10px;}
  .bblue{line-height: 30px;font-size: 12px;width: auto;}
  .bblue,.f-gp,.con3{padding: 0 9px;}
  .span0 i{margin-right:10px;}
  .span-l,.span-r{font-size: 12px;}
  .span0{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
  .span-l{margin-bottom: 10px;}
  .span-r{margin-left: 74px;}
  .h1-after{font-size: 18px;}
  .con2 .h1-after{padding-top: 97px;font-size: 18px;}
  .section-btn li{margin-bottom: 15px;}
  .section2 .video-con{margin-top: 0;transform: translateX(-15px);}
  .bor-rad{font-size: 14px;display:none;}
  .bor-rad1{display:block;}
  .hy-posa{right: 0;top: 15%;margin-top: 0}
  .triangle-box{display: none;}
  .mobile-lists{display: block;}
  .mobile-list>a{padding: 10px 10px 20px;}
  .list-con-in{padding: 10px;}
  .pm-list{margin-left: 0;}
  .pm-list li{width: 100%;padding-left: 0;margin-bottom: 20px;}
  .explain,.info1,.info1-s{font-size: 14px;}
  .pm-list img{width: 100px;height: 100px;}
  .pm-list-s img{width: 65px;height: 65px;}
  .list-cont{padding: 30px 0;}
  .list-cont i{font-size: 30px; background: url(../images/star-l.png) no-repeat,url(../images/star-r.png) no-repeat right bottom;}
  .section3-p span:first-child{display: none;}
  .section3-p{top:59%;left:46%;font-size: 16px;}
  .section3-p span:first-child{font-size: 14px;}
  .section4-p {
    font-size: 18px;
  }
  #section4 table tr th {
    font-size: 14px;
    height: 42px;
  }
  #section4 table tr td {
    padding: 5px;
    font-size: 12px;
    height: 15px;
  }
  .zt{height: 20.439254%;width: 29.743056%}
  .zt span{font-size: 12px;}
  .zt05{left:60.5%;}
  /*.zt01{top:26.5%;}*/
  /*.zt02,.zt03{top:59.5%;}*/
  .logo{padding-top: 0;}
  .zt .section3-span2{font-size:12px;line-height:normal;padding:2px;}
   nav{font-size:12px;transform:translateX(5px);line-height:normal;margin-top:5px;}
   .nav a {
    width: 80px;
    height: 80px;
   }
}
.arrow {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 9px;
    left: 50%;
    margin-left: -11px;
    border: 3px solid transparent;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    z-index: 99;
    opacity: .8;
    -webkit-transform: rotate(45deg);
    -webkit-animation: arrow 1.5s infinite ease-in-out;
    transform: rotate(45deg);
    animation: arrow 1.5s infinite ease-in-out;
}

.arrow-top{
 display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 9px;
    left: 50%;
    margin-left: -11px;
    border: 3px solid transparent;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    z-index: 99;
    opacity: .8;
    -webkit-transform: rotate(45deg);
    -webkit-animation: arrow 1.5s infinite ease-in-out;
    transform: rotate(45deg);
    animation: arrow 1.5s infinite ease-in-out;
}
@keyframes arrow {
  0% {
    opacity:0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity:1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity:0;
    -webkit-transform: translate(0, -10px) rotate(45deg);
  }
}
@-webkit-keyframes arrow {
  0% {
    opacity:0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity:1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity:0;
    -webkit-transform: translate(0, -10px) rotate(45deg);
  }
}