/*reset*/
* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  position: relative;
}

input:focus {
  outline: none;
}

/* html,body{height:auto;overflow: hidden; } */
#myModalLabel{text-align: center;font-size: 30px;}
.modal-body p{    font-size: 18px;line-height: 2;margin-bottom: 30px;}
a {
  text-decoration: none;
  outline: none;
}

ul,
li,
dl,
dt,
dd,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button:focus {
  outline: none;
}
em,
i {
  font-style: normal;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}

img {
  display: block;
  margin: 0 auto;
}

.leftfix {
  float: left;
}

.rightfix {
  float: right;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

a:hover {
  color: #f60;
  outline: none;
  text-decoration: none;
}

.layui-btn{
  padding: 17px 60px 30px 60px;
}
/*public*/
.panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: all 0.5s ease;
  display: none;
}

.container {
  max-width: 1200px !important;
  height: auto;
  margin: 0 auto;
}

.banner {
  height: auto;
  overflow: hidden;
  position: relative;
}

.banner img {
  width: 100%;
  display: block;
}







.box_con {
  height: auto;
}

.mainbody {
  height: auto;
  overflow: hidden;
}

.floatimg {
  position: absolute;
  z-index: 10;
}

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

.swiper-slide {
  border: 3px solid #9cfbef;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;


  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}

.swiper-slide-active,
.swiper-slide-duplicate-active {
  transform: scale(1);
}

.floatPanel {
  position: fixed;
  right: 30px;
  bottom: 5%;
  z-index: 100;
}

.floatPanel a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  overflow: hidden;
  line-height: 1;
  font-size: 20px;
  color: #fff;
  background: rgba(0, 155, 255, 0.8);
  border-radius: 4rem;
  border: 4px rgba(255, 255, 255, 1) solid;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  transition: all 0.6s ease;
}

.floatPanel img {
  width: 60%;
  margin-bottom: 15px;
  transition: all 0.6s ease;
}

.floatPanel p {
  font-size: 16px;
}

.floatPanel .menuBtn {
  display: none;
}

.floatPanel a:hover {
  background: rgba(0, 155, 255, 0.3);
  border-color: rgba(50, 155, 255, 1);
}

.floatPanel a:hover img {
  transform: scale(1.1);
}

/*index*/
.index {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: url(../img/index_bg.jpg) no-repeat center center;
  background-size: 100% 100%;
}

.framePlayer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index .logo {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 140px;
}

.index .logo img {
  display: block;
  float: left;
}

.index .tt {
  width: 100%;
  margin-top: 9%;
}

.index .btn {
  width: 100%;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 80%;
  left: 0%;
  animation: myfirst 4s infinite;
}

.index .btn .img {
  width: 10%;
  display: block;
  position: absolute;
  right: 25%;
  bottom: 6%;
}

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

  50% {
    transform: scale(1.1)
  }

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

/* about */

/* honour */

/* job */
.job .layui-btn-container{text-align: center;word-spacing: 25px;}
.job .box_con button{
  border: none;
  width:500px;
  height: 170px;
  color: #111f47;
  font-weight: bolder;
}
.job .box_con button .btn_l{float: left;margin-top: 20px;}
.job .box_con button .btn_l h1{
  font-size: 35px;
  color: #000;
  text-align: left;
  margin-bottom: 20px;
}
.job .box_con button .btn_l h2{
  font-size: 18px;
  color: #999;
  text-align: left;

}
.job .box_con button img{float: right;}
.demo-tab-header .layui-btn.layui-this{

  color: #111f47;
}
.job .box_con .con ul .wt {text-align: center;color: #666;font-size: 24px;}
@media screen and (min-width:1000px) {
  .container {
    max-width: 1200px;
  }
}

@media screen and (max-width:1000px) {
  .job .box_con button{
    border: none;
    width:500px;
    height: 170px;
    color: #111f47;
    font-weight: bolder;
  }
  /* public */


  .top_bar .logo {
    width: 15%;
    height: auto;
    overflow: hidden;
    margin: 30px 0 0 0;
}


  .box_con p {
    padding: 0;
  }

  .panel-overlay.active {
    display: block;
    background: rgba(0, 0, 0, 0.5);
  }

  .topbar {
    width: 100%;
    height: 2rem;
  }

  .top_bar img {
    width: 100%;
  }

  /* .move .logo {
    width: 60%;
  } */

  .topbar .container {
    padding-top: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .topbar .tl {
    margin: 0;
  }

  .topbar .tl img {
    height: 1.3rem;
  }

  .topbar .tr {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .topbar .tr a {
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.5rem;
    font-size: 0.6rem;
    margin: 0;
  }


  .footer {
    overflow: hidden;
    text-align: center;
    margin-top: 0;
  }

  .footer p {
    font-size: 12px;
    margin-top: 0;
  }
  .box_con p {font-size: 20px;}
  /* index */
  .index {
    background: url(../img/phone_bg.jpg) no-repeat center center;
    background-size: 100% 100%;
  }

  .index .btn {
    left: 0;
    top: 45%;
  }

  .index .btn img {
    width: 40rem;
  }

  .index .tt img {
    width: 90%;
    margin: 30% auto;
    display: none;
  }

  .index .logo {
    top: 30px;
    left: 15px;
  }

  .index .logo img {
    width: 72%;
    display: none;
  }



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

    50% {
      transform: scale(0.7)
    }

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

  /* about */
  .about {
    background-size: auto 100%
  }

  .about .pagebox1 .box_con ul li {
    font-size: 20px;
    padding-left: 70px;
  }

  .about .pagebox1 .box_con ul li span,
  .about .pagebox1 .box_con span {
    font-size: 24px;
  }

  .about .pagebox1 .box_con p {
    padding-top: 15px;
    line-height: 1.5;
  }

  .about .pagebox1 .box_con img,
  .about .pagebox2 .box_con img,
  .about .pagebox3 .box_con img {
    width: 100%;
  }



  /* honour */
  .honour {
    background: none;
  }

  .honour .pagebox2 {
    margin-bottom: 0;
  }

  .honour .pagebox2 .swiper-wrapper .no5 {
    max-height: 680px;
    max-width: 500px;
  }

  /* job */
.job{background-position:center 400px;}
.job .pagebox2{height: auto; overflow: hidden; padding:20px 0px 60px 0px;}
.job .lbar{width:290px; height: auto;overflow: hidden; float: left; min-height:30rem; margin-right:1rem;}
.job .lt{height:3rem; line-height:3rem; background:#283fca; text-align: center; font-size:1rem; color: #fff; font-weight: bold;}
.job .ltab li{height:auto;overflow: hidden; margin-bottom:2px;}
.job .ltab li a{height:3rem; line-height:3rem; display: block; font-size:0.9rem; background:-webkit-linear-gradient(left,rgba(40,165,255,0.2),rgba(73,47,247,0.2)); text-align: center; color:#333; cursor:pointer; }
.job .ltab li:nth-child(1) a{border-top-left-radius:10px;border-top-right-radius:10px;}
.job .ltab li:hover a{background:-webkit-linear-gradient(left,rgba(40,165,255,0.6),rgba(73,47,247,0.6)); color:#fff;}
.job .ltab>li.active>a, .ltab>li.active>a:focus, .ltab>li.active>a:hover {background:-webkit-linear-gradient(left,rgba(40,165,255,1),rgba(73,47,247,1)); color:#fff; font-weight: bold; }
.job .lb a{height:3rem; line-height:3rem; display: block; font-size:0.9rem; background:-webkit-linear-gradient(left,rgba(40,165,255,1),rgba(73,47,247,1)); text-align: center; color:#fff; cursor:pointer; border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.job .lb a:hover{opacity:0.8;}
.job .tabCon{height: auto; overflow: hidden; min-height:30rem;}
.job .rt{height:3rem; line-height:3rem; background:#283fca; text-align: center; font-size:1rem; color: #fff; font-weight: bold;}
.job .snav{height: auto; overflow: hidden; background:-webkit-linear-gradient(left,rgba(40,165,255,0.3),rgba(73,47,247,0.3));  border-radius:10px; padding:30px 30px 10px 30px; margin-bottom:15px;}
.job .snav ul{display: flex; flex-wrap:wrap; justify-content:flex-start; align-items: center;}
.job .snav li{width:23%; height: auto; overflow: hidden; margin:0 1% 0.75rem 1%;}
.job .snav a{width:100%; height:2rem; line-height:2rem; display: block; font-size:0.8rem; border-radius:10px; background:rgba(255,255,255,0.7); text-align: center; color:#333; cursor:pointer; padding:0 30px; }
.job .snav a:hover{background:-webkit-linear-gradient(left,rgba(40,165,255,0.6),rgba(73,47,247,0.6)); color:#fff;}
.job .snav li.active a,.job .snav li.active a:link,.job .snav li.active a:visited{background:-webkit-linear-gradient(left,rgba(40,165,255,1),rgba(73,47,247,1)); color:#fff; font-weight: bold; }
.job  .list_tit{height:2.5rem; line-height:2.5rem; overflow: hidden; background:#0a5cfe; display: flex; justify-content:space-between; align-items: center; border-radius:0.5rem; margin:0.4rem 0 0 0;}
.job  .list_tit span{font-size:0.75rem; color:#fff;}
.job  .list_tit span.t1{width:35%; padding:0 0 0 2.2rem; text-align: left;}
.job  .list_tit span.t2{width:25%; padding:0 0 0 0.7rem; text-align: left;}
.job  .list_tit span.t3{width:20%; padding:0 1.5rem 0 0.5rem;text-align: left; }
.job  .list_tit span.t4{width:20%; text-align: right; padding:0 2.5rem 0 0;}
.job .job_list{height: auto;overflow: hidden;}
.job .job_list li{height:auto; overflow: hidden; background:-webkit-linear-gradient(left,rgba(40,165,255,0.1),rgba(73,47,247,0.1)); position: relative; margin-bottom:15px; border-radius:10px;}
.job .job_list li a.list_btn{width:8rem; height:3rem;line-height:3rem; background:-webkit-linear-gradient(left,rgba(40,165,255,1),rgba(73,47,247,1)); display:flex; justify-content:center; align-items: center; text-align: center; position: absolute; right:0; top:0; z-index:1;}
.job .job_list li a.list_btn img{margin-right:10px;}
.job .job_list li a.list_btn span{font-size:0.85rem; color:#fff; }
.job .job_list li a.list_btn:hover{opacity:0.5;}
.job .job_list li .list_top{ height:3rem; overflow:hidden; display: flex; justify-content:flex-start; align-items: center; text-align:left; color:#333; cursor: pointer;}
.job .job_list li .list_top strong{width:45%; font-size:0.9rem; margin-right:1rem; }
.job .job_list li .list_top span{font-size:0.85rem;}
.job .job_list li .list_top em{display: block; width:25px; height:25px; background:url(../../images/icon_close.png) no-repeat center top; margin:0rem 0.75rem 0 1rem ;}
.job .job_list li .list_con{height: auto;overflow: hidden;clear: both; margin:0px 20px 0 20px;padding:0.75rem 1rem 1.5rem 2rem; text-align: left; display: none; border-top:1px #fff solid;}
.job .job_list li .list_con h4{font-size:18px; line-height:2; color:#333;}
.job .job_list li .list_con p{font-size:16px; line-height:2; color:#333;}
.job .job_list li.active .list_top{background:-webkit-linear-gradient(left,rgba(40,165,255,1),rgba(73,47,247,1));}
.job .job_list li.active .list_top strong{color:#fff;}
.job .job_list li.active .list_top span{color:#fff;}
.job .job_list li.active .list_top em{background-image:url('../../images/icon_open.png');}
.job .job_list li.nodata{text-align:center;color:#999; padding:2rem;}
.job .noData{height: auto; overflow: hidden; background:-webkit-linear-gradient(left,rgba(40,165,255,0.1),rgba(73,47,247,0.1)); display: flex; justify-content: center; align-items: center; flex-direction:column; min-height:800px; border-radius:10px; display: none;}
.job .noData img{margin-bottom:20px;}
.job .noData p{font-size:18px; color:#666;}

  /* foot */
  footer{
    height: 152px;
  }
}