.ind_body {
  padding-top: 1.5rem;
}
#fix{
  z-index: 998;
}
#fix .closefly{
 width: 100%;
  height: .16rem;
  background: url(../images/fix_close.png) no-repeat center right;
  margin-bottom: .1rem;
  background-size: .16rem;
}
#fix .imgfly{
	width: 3.6rem;
}
#header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.5rem;
  background: #fff;
  padding: 0 0.3rem;
  z-index: 999;
}
.ind_body #header {
  position: fixed;
}
#header .logo {
  float: left;
  width: 4.2rem;
  height: 0.6rem;
  background: url(../images/index/logo.png) no-repeat center/100%;
  margin-top: 0.45rem;
}
.header .menu {
  position: relative;
  width: 0.4rem;
  height: 0.37rem;
  float: right;
  margin-top: 0.55rem;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999;
  margin-right: 0.2rem;
}
.header .menu .bor {
  width: 0.4rem;
  height: 0.37rem;
  position: relative;
}
.header .menu .bor span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 0.05rem;
  background: #7a7a7a;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.header .menu .bor span:nth-child(1) {
  top: 0;
}
.header .menu .bor span:nth-child(2) {
  top: 0.14rem;
}
.header .menu .bor span:nth-child(3) {
  top: 0.3rem;
}
.header .menu.open .bor span:nth-child(1) {
  top: 0.13rem;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.header .menu.open .bor span:nth-child(2) {
  opacity: 0;
}
.header .menu.open .bor span:nth-child(3) {
  top: 0.13rem;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.menu-nav {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translate(100%);
  transform: translate(100%);
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 998;
}
.menu-nav.open {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.menu-nav var {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.menu-nav .nav {
  padding: 0 0.3rem 0 1.25rem;
  position: absolute;
  top: 1.3rem;
  left: 0;
  bottom: 2.4rem;
  right: 0;
  overflow: hidden;
  transition: opacity 0s 0s;
  opacity: 0;
  height: 100%;
}
.menu-nav.open .nav {
  opacity: 1;
  transition: opacity 0.6s 0.5s;
}
/* .menu-nav .nav .listNav {
  padding-top: 0.8rem;
  border-top: 1px solid #beb7b0;
} */
.menu-nav .nav .listNav dl {
  margin-bottom: 0.05rem;
  text-align: left;
}
.menu-nav .nav .listNav dt {
  color: #333;
  font-size: 0.4rem;
  line-height: 0.8rem;
  font-weight: 400;
  transition: all 0.3s;
  background: no-repeat center right/0.2rem;
  border-bottom: 0.02rem solid #fff;
}
.menu-nav .nav .listNav dl.open dt {
  color: #0068b7;
  border-bottom: 0.02rem solid #0068b7;
  background-image: url(../images/index/nav_btn.png);
}
.menu-nav .nav .listNav dl.first dt {
  background-image: none;
  border-bottom: 0.02rem solid #fff;
}
.menu-nav .nav .listNav dd {
  display: none;
  padding-top: 0.35rem;
}
.menu-nav .nav .listNav dd a {
  color: #646464;
  font-size: 0.26rem;
  line-height: 1;
  margin-bottom: 0.35rem;
}
/* .menu-nav .nav .listNav a.ion {
  color: #0068b7 !important;
} */
.menu-nav .info {
  position: absolute;
  bottom: 0.5rem;
  text-align: center;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.menu-nav .info a {
  margin: 0 auto;
  color: #0068b7;
  font-size: 0.26rem;
  margin-bottom: 0.15rem;
  width: 1.6rem;
  height: 0.7rem;
  border: 0.01rem solid #999;
    color: #999;
    text-align: center;
    line-height: 0.68rem;
    border-radius: 0.5rem;
}
.menu-nav .info .head_ewm {
  display: none;
  display: inline-block;
  width: 2.37rem;
  height: 2.4rem;
  padding-top: 0.095rem;
  background: url(../images/index/ewm_bg.png) no-repeat center/100%;
}
.menu-nav .info .head_ewm img {
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
}
#swiper-container2 .swiper-slide {
  height: auto !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding-bottom: 0.7rem;
}
.swiper-scrollbar {
  opacity: 0;
}

#footer {
  width: 100%;
  height: 2.1rem;
  padding-top: 0.5rem;
  text-align: center;
  background: #005ab7;
}
.ind_body #footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer .top {
  height: 0.38rem;
  margin-bottom: 0.1rem;
}
.footer .item {
  display: inline-block;
}
.footer .item a {
  width: 0.38rem;
  height: 0.38rem;
  background: url(../images/index/wx_icon.png) no-repeat center/100%;
}
.footer .bom {
  line-height: 0.36rem;
}
.footer .bom a {
  display: inline-block;
  font-size: 0.24rem;
  color: #fff;
  margin: 0 0.1rem;
  line-height: 1;
}
.footer .bom p {
  display: inline-block;
  font-size: 0.24rem;
  color: #fff;
  margin: 0 0.1rem;
  line-height: 1;
}
.index {
  width: 100%;
  height: 100%;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.index .swiper-slide .bg {
  width: 100%;
  height: 100%;
  background: no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
.index .swiper-slide .txt {
  position: absolute;
}
.index .swiper-slide .txt2 {
  position: absolute;
  font-family: "qgjt";
  font-size: 0.52rem;
  color: #fff;
  line-height: 1.2;
}
.index .s1 .txt {
  top: 2.75rem;
  left: 0.3rem;
  width: 1.96rem;
  height: 1.27rem;
  background: url(../images/index/ban1_ic1.png) no-repeat center/100%;
}
.index .s1 .txt2 {
  top: 4.45rem;
  left: 0.3rem;
}
.index .s2 .txt2 {
  top: 3.35rem;
  right: 0.3rem;
}
.index .s2 .txt2 p {
  font-family: "qgjt";
  font-size: 0.52rem;
  color: #fff;
  line-height: 1.2;
}
.index .s3 .txt2 {
  top: 1.3rem;
  left: 0.3rem;
}
.index .txt2 h6 {
  margin-bottom: 0.1rem;
}
.pub_ban {
  width: 100%;
  height: 3.34rem;
  line-height: 3.34rem;
  text-align: center;
  background: no-repeat center/100%;
}
.pub_ban h6 {
  font-size: 0.56rem;
  color: #fff;
  font-family: "qgjt";
}
.pub_tab {
  position: relative;
  width: 100%;
  height: 1rem;
  z-index: 2;
  border-bottom: 1px solid #e4e4e4;
}
.pub_nav {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 0.98rem;
  padding-left: 0.3rem;
  background: #fff;
  transition: all 0.5s;
}
.pub_nav.on {
  position: fixed;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.pub_nav li {
  position: relative;
  float: left;
  line-height: 1rem;
  font-size: 0.26rem;
  color: #666;
  margin-right: 0.5rem;
}
.pub_nav li.on {
  color: #005ab7;
}
.pub_nav li.on::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #73a4d7;
}
.news .ipg1 {
  padding: 0.6rem 0.3rem 0.5rem;
  background: #fff;
}
.contact.news {
  padding-bottom: 0.5rem;
}
.tit {
  font-family: "qgjt";
  color: #035cb9;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 1;
}
.news .ipg1 .tit {
  margin-bottom: 0.5rem;
}
.news .ipg1 li {
  margin-bottom: 0.3rem;
}
.news .ipg1 li .font {
  width: 100%;
  height: 2.2rem;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  padding: 0.4rem;
}
.news .ipg1 li .font h6 {
  font-size: 0.36rem;
  color: #666;
  line-height: 1;
  font-family: "Rubik";
  margin-bottom: 0.1rem;
}
.news .ipg1 li .font p {
  font-size: 0.24rem;
  color: #666;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news .ipg1 li .img {
  width: 100%;
  /*height: 4.36rem;*/
}
.news .ipg1 .more {
  width: 2rem;
  height: 0.88rem;
  line-height: 0.88rem;
  border: 1px solid #035cb9;
  border-radius: 0.5rem;
  font-size: 0.24rem;
  color: #035cb9;
  margin: 0 auto;
  text-align: center;
  margin-top: 0.6rem;
}
.c_til em {
  display: inline-block;
  vertical-align: top;
}
.news_data .ipg1 {
  padding: 0.6rem 0.3rem 0.6rem;
}
.open_data .ipg1 {
  padding-top: 0.8rem;
}
.news_data .ipg1 .Top h2 {
  font-size: 0.32rem;
  color: #035cb9;
  line-height: 1.5;
  margin-bottom: 0.1rem;
  font-weight: bold;
}
.news_data .ipg1 .Top h3 {
  font-size: 0.42rem;
  color: #035cb9;
  line-height: 1;
}
.news_data .ipg1 .Cont {
  padding-top: 0.5rem;
}
.open_data .ipg1 .Cont {
  padding-top: 0.3rem;
}
.news_data .ipg1 .Cont p {
  font-size: 0.24rem;
  color: #666;
  margin-bottom: 0.2rem;
}
.news_data .ipg1 .Cont p img {
  display: inline-block;
}
.news_data .ipg1 .bom {
  padding-top: 0.35rem;
  border-top: 1px solid #e0e0e0;
}
.news_data .ipg1 .bom li {
  font-size: 0.24rem;
  color: #666;
  margin-bottom: 0.3rem;
}
.news_data .ipg1 .bom li span {
  margin-left: 0.35rem;
}
.news_data .ipg1 .gs-btn a {
  width: 100%;
  height: 0.88rem;
  background: #ececec;
  text-align: center;
  font-size: 0.24rem;
  color: #666;
  line-height: 0.88rem;
  margin-bottom: 0.4rem;
  border-radius: 0.1rem;
}
.open .ipg1 {
  padding: 0.6rem 0.3rem 3.4rem;
  background: url(../images/open/ipg1_ic1.png) no-repeat left bottom/5.76rem;
}
.open .ipg1 .tit {
  margin-bottom: 0.7rem;
}
.open .ipg1 .le {
  float: left;
}
.open .ipg1 .le h3 {
  font-size: 0.24rem;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
.open .ipg1 .ri {
  float: right;
  width: 5rem;
}
.open .ipg1 .ri p {
  font-size: 0.24rem;
  line-height: 1.5;
}
.open .ipg1 .ri h4 {
  font-size: 0.26rem;
  color: #666;
  line-height: 1;
  margin-bottom: 0.1rem;
}
.open .ipg1 .ri h4 em {
  font-size: 0.42rem;
  color: #035cb9;
  line-height: 1.5;
}
.open .ipg1 .lf2 {
  margin-bottom: 0.6rem;
}
.open .ipg1 .lf3 p {
  margin-bottom: 0.3rem;
}
.open .ipg1 .lf3 .more {
  width: 0.26rem;
  height: 0.06rem;
  background: url(../images/open/dot.png) no-repeat center/100%;
  margin: 0.5rem 0;
}
.open .ipg2 {
  width: 100%;
  height: 8.72rem;
  background: url(../images/open/ipg2.jpg) no-repeat center/100%;
  padding: 0.75rem 0.3rem 0;
}
.open .ipg2 .tit {
  margin-bottom: 0.6rem;
  color: #fff;
}
.open .ipg2 .map_box {
  width: 100%;
  height: 3.5rem;
}
#map {
  width: 100%;
  height: 100%;
}
.open .ipg2 .ad {
  width: 100%;
  height: 2.9rem;
  background: #fff;
  padding: 0.5rem 0 0 1rem;
}
.open .ipg2 .ad h3 {
  font-size: 0.36rem;
  color: #0068b7;
  line-height: 0.42rem;
  font-family: "Rubik";
  padding-left: 0.6rem;
  margin-left: -0.62rem;
  background: url(../images/open/ipg1_ic2.png) no-repeat center left/0.42rem;
}
.open .ipg2 .ad p {
  font-size: 0.24rem;
  color: #333;
}
.show .ipg1 {
  padding: 0.6rem 0 1rem;
  background: #fff;
}
.show .ipg1 .tit {
  margin-bottom: 1.5rem;
  padding-left: 0.3rem;
}
.show .ipg1_box {
  position: relative;
  padding-left: 1.35rem;
}
.show .ipg1_box::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.32rem;
  height: 5.27rem;
  background: url(../images/show/show1_ic.png) no-repeat center/100%;
}
.show .ipg1_box .bd {
  width: 6.14rem !important;
  height: 3.38rem;
}
.show .ipg1_box .bd li {
  width: 6.14rem !important;
  height: 3.38rem;
  overflow: hidden;
  border-radius: 0.1rem 0 0 0.1rem;
}
.show .ipg1_box .hd {
  position: relative;
  z-index: 5;
}
.show .ipg1_box .hd li {
  display: inline-block;
  vertical-align: top;
  width: 0.81rem;
  height: 0.81rem;
  border: 1px solid #0058d5;
  font-size: 0.28rem;
  color: #0058d5;
  line-height: 0.81rem;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  margin-right: 0.1rem;
  transition: all 0.5s;
}
.show .ipg1_box .hd li.on {
  background: #0058d5;
  color: #ccd8ec;
}
.show .ipg1 .number {
  position: absolute;
  top: -1rem;
  left: 0.3rem;
}
.show .ipg1 .number .it {
  width: 4rem;
  animation-delay: 0.2s;
  animation-duration: 2s;
  opacity: 1 !important;
}
.show .ipg1 .font {
  padding-right: 0.3rem;
}
.show .ipg1 .font h6 {
  font-size: 0.28rem;
  color: #0058d5;
  line-height: 1;
  margin-bottom: 0.1rem;
}
.show .ipg1 .font p {
  font-size: 0.24rem;
}
.show .ipg2 {
  width: 100%;
  height: 6rem;
  background: url(../images/show/ipg2_bg.jpg) no-repeat center/100%;
  padding-top: 2.4rem;
}
.show .ipg2 .btn {
  width: 2.17rem;
  height: 1.21rem;
  background: url(../images/show/ball.png) no-repeat center/100%;
  padding-top: 0.7rem;
  margin: 0 auto;
}
.show .ipg2 .btn h6 {
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
}
.show .ipg3 {
  padding: 0.6rem 0.3rem 0;
  background: #fff;
}
.show .ipg3 .tit {
  margin-bottom: 0.5rem;
}
.show .ipg3 li {
  width: 100%;
  height: 3.9rem;
  background: no-repeat center/100%;
  margin-bottom: 0.3rem;
}
.show .ipg3 li h6 {
  color: #fff;
  line-height: 3.9rem;
  padding-left: 4.5rem;
  font-size: 0.42rem;
}
.show .ipg3 li.li1 h6 {
  color: #0058d5;
}
.show_data .ipg1 {
  overflow: hidden;
  padding: 0.8rem 0.3rem 0.5rem;
}
.show_data .ipg1 ul {
  width: 7.5rem;
}
.show_data .ipg1 li {
  float: left;
  margin-right: 0.28rem;
  margin-bottom: 0.28rem;
}
.show_data .ipg1 li .img {
  width: 3.31rem;
  height: 3.31rem;
  overflow: hidden;
}
.show_data .ipg1 li .font {
  width: 3.31rem;
  height: 1.6rem;
  background: #f9f9f9;
  line-height: 1.6rem;
  padding: 0 0.25rem;
  overflow: hidden;
}
.show_data .ipg1 li .font .txt {
  display: inline-block;
  vertical-align: middle;
}
.show_data .ipg1 li .font p {
  font-size: 0.24rem;
  line-height: 1.5;
}
.show_data .ipg1 .btn {
  width: 0.78rem;
  height: 0.78rem;
  background: url(../images/show/data_btn.png) no-repeat center/100%;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.show_ins .ipg1 {
  width: 100%;
  height: 5.69rem;
  background: url(../images/show/ins_bg.jpg) no-repeat center;
  padding: 0.3rem;
}
.show_ins .ipg1 .swiper-container {
  width: 100%;
  height: 5.05rem;
}
.show_ins .ipg1 .swiper-container .bg {
  width: 100%;
  height: 100%;
  background: no-repeat center top;
  background-size: cover;
  overflow: hidden;
}
.show_ins .ipg1 .btn {
  position: absolute;
  width: 0.78rem;
  height: 0.78rem;
  left: 0.2rem;
  background: no-repeat center/100%;
  z-index: 9;
}
.show_ins .ipg1 .prev {
  top: 3.2rem;
  background-image: url(../images/show/ins_le.png);
}
.show_ins .ipg1 .next {
  top: 4.05rem;
  background-image: url(../images/show/ins_ri.png);
}
.show_ins .ipg2 {
  position: relative;
  padding: 0.3rem 0.3rem 0.5rem;
}
.show_ins .ipg2 .back {
  position: absolute;
  top: -0.4rem;
  right: 0.1rem;
  z-index: 8;
  width: 0.99rem;
  height: 0.99rem;
  background: rgba(3, 92, 185, 0.33);
  border-radius: 50%;
  line-height: 0.99rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.68);
}
.show_ins .ipg2 .top {
  position: relative;
  padding: 0.96rem 0;
}
.show_ins .ipg2 .top::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.92rem;
  height: 0.83rem;
  background: url(../images/show/d1.png) no-repeat center/100%;
}
.show_ins .ipg2 .top::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.92rem;
  height: 0.82rem;
  background: url(../images/show/d2.png) no-repeat center/100%;
}
.show_ins .ipg2 .top .font h6 {
  font-size: 0.36rem;
  color: #0078d3;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.15rem;
}
.show_ins .ipg2 .top .font p {
  font-size: 0.26rem;
  line-height: 1.5;
  text-align: center;
}
.show_ins .ipg2 .bom h6 {
  font-size: 0.32rem;
  color: #666;
  line-height: 1;
  margin-bottom: 0.35rem;
}
.show_ins .ipg2 .bom p {
  font-size: 0.24rem;
  margin-bottom: 0.3rem;
}
.learn .ipg1 {
  padding: 0.6rem 0.3rem 0;
}
.learn .ipg1 .more{
  width: 2rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border: 1px solid #035cb9;
    border-radius: 0.5rem;
    font-size: 0.24rem;
    color: #035cb9;
    margin: 0 auto;
    text-align: center;
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}
.learn .ipg1 .tit {
  margin-bottom: 0.5rem;
}
.learn .ipg1 li .img {
  float: left;
  width: 1.4rem;
  margin-right: 0.15rem;
}
.learn .ipg1 li .name {
  float: left;
  width: 0.3rem;
  margin-right: 0.4rem;
}
.learn .ipg1 li .name h6 {
  font-size: 0.32rem;
  color: #005ab7;
  line-height: 1.2;
}
.learn .ipg1 li .font {
  float: right;
  width: 3.75rem;
}
.learn .ipg1 li .btn {
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0.78rem;
  height: 0.78rem;
  background: url(../images/learn/btn.png) no-repeat center/100%;
}
.learn .ipg1 li a {
  position: relative;
  width: 100%;
  border: 1px solid #e5eef8;
  margin-bottom: 0.3rem;
  padding: 0.4rem 0.4rem 3rem 0.25rem;
  background: no-repeat center/100%;
}
.learn .ipg2 {
  width: 100%;
  height: 8.72rem;
  background: url(../images/learn/ipg2_bg.jpg) no-repeat center/100%;
  padding: 1.05rem 0.3rem 0;
}
.learn .ipg2 .video .img {
  position: relative;
  width: 100%;
  height: 3.75rem;
  background: no-repeat center/100%;
}
.learn .ipg2 .video .img .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.32rem;
  margin-left: -0.32rem;
  width: 0.64rem;
  height: 0.64rem;
  background: url(../images/learn/video_btn.png) no-repeat center/100%;
}
.learn .ipg2 .video .font {
  width: 100%;
  height: 2.75rem;
  background: #fff;
  padding: 0.4rem;
}
.learn .ipg2 .video .font h6 {
  font-size: 0.42rem;
  color: #333;
  line-height: 1;
  font-family: "qgjt";
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.learn .ipg2 .video .font h5 {
  font-size: 0.32rem;
  color: #666;
  line-height: 1;
  margin-bottom: 0.15rem;
}
.learn .ipg2 .video .font p {
  font-size: 0.24rem;
  line-height: 1.5;
}
.video_box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none;
}
.video_box .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}
.video_box video {
  position: absolute;
  top: 50%;
  left: 0.25rem;
  width: 7rem;
  margin-top: -1.7rem;
  background: #000;
}
strong {
  font-weight: 600;
}
.about .ipg1 {
  padding: 0.9rem 0.3rem 0.5rem;
  width: 100%;
  height: 7.5rem;
  background: #fff url(../images/about/ipg1_bg.jpg) no-repeat center bottom/100%;
}
.about .pub_nav li {
  margin-right: 0.37rem;
}
.pub_nav li:last-child {
  margin-right: 0;
}
.about .ipg1 .le {
  float: left;
  width: 3.55rem;
  margin-right: 0.5rem;
}
.about .ipg1 .le h4 {
  font-size: 0.24rem;
  color: #666;
  line-height: 1.5;
}
.about .ipg1 .ri {
  float: left;
}
.about .ipg1 .ri .tit {
  margin-bottom: 0.3rem;
}
.about .ipg1 .ri p {
  font-size: 0.24rem;
  color: #666;
  line-height: 1.1;
  margin-bottom: 0.3rem;
}
.about .ipg1 .ri p em {
  font-size: 0.52rem;
  color: #005ab7;
  font-family: "Rubik";
}
.about .ipg2 {
  width: 100%;
  background: url(../images/about/ipg2.jpg) no-repeat center/100%;
  padding: 0.9rem 0.3rem 0.5rem;
  background-color: #e9edf4;
}
.about .ipg2 .le {
  float: left;
  width: 3.55rem;
  margin-right: 0.5rem;
}
.about .ipg2 .le p {
  font-size: 0.24rem;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}
.about .ipg2 .le .bt {
  position: relative;
  margin-top: 0.6rem;
}
.about .ipg2 .le .bt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -0.7rem;
  width: 0.65rem;
  height: 0.74rem;
  background: url(../images/about/name.png) no-repeat center/100%;
}
.about .ipg2 .ri {
  float: left;
}
.about .ipg2 .ri .tit {
  margin-bottom: 0.3rem;
}
.about .ipg3 {
  width: 100%;
  height: 10.01rem;
  background: url(../images/about/ipg3.jpg) no-repeat center/100%;
  padding: 6rem 0.3rem 0 2.15rem;
}
.about .ipg3 h6 {
  color: #fff;
  margin-bottom: 0.3rem;
}
.about .ipg3 .txt {
  margin-bottom: 0.25rem;
}
.about .ipg3 p {
  font-size: 0.24rem;
  color: #fff;
  line-height: 1.5;
}
.about .ipg3 .more {
  width: 4rem;
  height: 0.33rem;
  /*background: url(../images/about/dot3.png) no-repeat center/0.33rem;*/
  color:#fff;
}
.add_box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.add_box::-webkit-scrollbar {
  display: none;
}
.add_box .mask {
  width: 100%;
  height: 220%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.add_box .add_con {
  position: relative;
  width: 7rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 2rem auto;
  z-index: 2;
  background: #fff;
  padding: 0.7rem 0.3rem;
}
.add_box .add_con h6 {
  font-family: "qgjt";
  color: #035cb9;
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.3rem;
}
.add_box .add_con p {
  font-size: 0.24rem;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
.about .ipg4 {
  position: relative;
  width: 100%;
  min-height: 13.27rem;
  background: #fff url(../images/about/ipg4.jpg) no-repeat center top/100%;
  padding: 0.7rem 0.3rem;
}
.about .ipg4 .tit {
  padding-bottom: 5.65rem;
}
.about .ipg4 .swiper-slide {
  width: 100%;
}
.about .ipg4 .swiper-slide h3 {
  float: left;
  font-size: 0.52rem;
  color: #035cb9;
}
.about .ipg4 .swiper-slide .txt {
  width: 4.85rem;
  float: right;
}
.about .ipg4 .swiper-slide .txt p {
  font-size: 0.24rem;
  color: #666;
  margin-bottom: 0.25rem;
  line-height: 1.5;
}
.about .ipg4 .time {
  font-size: 0.52rem;
  color: #035cb9;
  position: absolute;
  font-family: "Rubik";
}
.about .ipg4 .time1 {
  left: 3.15rem;
  top: 2.73rem;
}
.about .ipg4 .time2 {
  left: 5.57rem;
  top: 4.3rem;
}
.about .ipg4 .next {
  position: absolute;
  left: 3.9rem;
  top: 5.15rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/about/ipg4_btn.png) no-repeat center/100%;
}
.about .ipg4 .prev {
  position: absolute;
  left: 2rem;
  top: 5.15rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/about/ipg4_btn2.png) no-repeat center/100%;
}
.about .ipg5 {
  width: 100%;
  height: 13.22rem;
  background: url(../images/about/ipg5.jpg) no-repeat center/100%;
  padding: 1.45rem 0.3rem 0;
  overflow: hidden;
}
.about .ipg5 .tit {
  color: #fff;
  margin-bottom: 1.3rem;
}
.about .ipg5 .font {
  width: 3.67rem;
  height: 1.33rem;
  background: #e9f1ff;
  border-radius: 0.15rem;
  padding-left: 0.35rem;
  padding-right: 0.3rem;
  margin-bottom: 0.4rem;
  line-height: 1.33rem;
}
.about .ipg5 .font:nth-child(2n) {
  margin-left: 1rem;
}
.about .ipg5 .text {
  display: inline-block;
  vertical-align: middle;
}
.about .ipg5 .text p {
  position: relative;
  font-size: 0.24rem;
  color: #035cb9;
  line-height: 1.5;
  padding-left: 0.2rem;
}
.about .ipg5 .text p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.12rem;
  left: 0;
  width: 0.12rem;
  height: 0.12rem;
  background: url(../images/about/ipg5_dot.png) no-repeat center/100%;
}
.about .ipg5 .swiper-container {
  height: 10rem !important;
}
.about .ipg5 .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  opacity: 1;
  background: #fff;
}
.about .ipg5 .swiper-pagination-bullet-active {
  background-color: #035cb9;
}
.sjwc .ipg1 {
  width: 100%;
  height: 8.5rem;
  background: url(../images/sjwc/ipg1.jpg) no-repeat center/100%;
  padding: 0.6rem 0.3rem 0;
}
.sjwc .ipg1 .tit {
  margin-bottom: 0.5rem;
}
.sjwc .ipg1 .img {
  width: 100%;
  height: 3.5rem;
  background: no-repeat center/100%;
}
.sjwc .ipg1 .font {
  width: 100%;
  height: 3.2rem;
  background: #e7eff5;
  line-height: 3.2rem;
}
.sjwc .ipg1 .font a {
  position: relative;
  padding: 0 1.5rem;
  display: inline-block;
  vertical-align: middle;
}
.sjwc .ipg1 .font a p {
  font-size: 0.32rem;
  color: #035cb9;
  line-height: 1.3;
}
.sjwc .ipg1 .font a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.45rem;
  right: 0.4rem;
  width: 0.92rem;
  height: 0.82rem;
  background: url(../images/show/d2.png) no-repeat center/100%;
}
.sjwc .ipg1 .font a::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.45rem;
  left: 0.4rem;
  width: 0.92rem;
  height: 0.83rem;
  background: url(../images/show/d1.png) no-repeat center/100%;
}
.sjwc .ipg1 .next {
  position: absolute;
  z-index: 5;
  top: 2.72rem;
  left: 0;
  width: 0.78rem;
  height: 0.78rem;
  background: url(../images/sjwc/ipg1_btn.png) no-repeat center/100%;
}
.sjwc .ipg2 {
  width: 100%;
  height: 10rem;
  background: url(../images/sjwc/ipg2.jpg) no-repeat center/100%;
  padding: 0.5rem 0.3rem 0;
}
.sjwc .ipg2 .tit {
  margin-bottom: 0.5rem;
  color: #fff;
}
.sjwc .ipg2_box {
  position: relative;
  width: 100%;
  height: 7.77rem;
  padding: 0.45rem 0.35rem;
  background: #fff;
}
.sjwc .ipg2_box .book .img {
  width: 1.71rem;
  margin: 0 auto;
  margin-bottom: 1.65rem;
}
.sjwc .ipg2_box .book h4 {
  font-size: 0.26rem;
  color: #035cb9;
  line-height: 1.3;
  margin-bottom: 0.35rem;
}
.sjwc .ipg2_box .book a {
  width: 1.62rem;
  height: 0.72rem;
  background: #fff;
  border: 1px solid #666;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 0.72rem;
  font-size: 0.26rem;
  color: #666;
}
.sjwc .ipg2_box .sjw_nav {
  position: absolute;
  top: 3.6rem;
  left: 0.35rem;
  width: 6.2rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-bottom: 0.04rem solid #f3f3f3;
}
.sjwc .ipg2_box .sjw_nav li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 0.32rem;
  color: #666;
  margin-right: 0.6rem;
}
.sjwc .ipg2_box .sjw_nav li:last-child {
  margin-right: 0;
}
.sjwc .ipg2_box .sjw_nav li::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0.7rem;
  height: 0.04rem;
  background-color: #85b8e3;
  opacity: 0;
  transition: all 0.5s;
}
.sjwc .ipg2_box .sjw_nav li.on::after {
  opacity: 1;
}
.sjwc .ipg3 {
  width: 100%;
  background: #fff;
  padding: 0.6rem 0.3rem 0.3rem;
}
.sjwc .ipg3 .tit {
  margin-bottom: 0.5rem;
}
.sjwc .ipg3 .tit em {
  letter-spacing: 0.08rem;
  margin-right: -0.08rem;
}
.sjwc .ipg3 li {
  width: 100%;
  margin-bottom: 0.75rem;
}
.sjwc .ipg3 li .img {
  width: 100%;
  height: 3.11rem;
  background: no-repeat center/100%;
}
.sjwc .ipg3 li .font {
  width: 6.7rem;
  min-height: 2.8rem;
  margin: 0 auto;
  background: #fff;
  padding: 0.35rem;
  box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.12);
  margin-top: -0.3rem;
}
.sjwc .ipg3 li .font h3 {
  font-size: 0.32rem;
  color: #333;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.sjwc .ipg3 li .font h4 {
  font-size: 0.24rem;
  color: #333;
  line-height: 1.5;
}
.sjwc_ins .ipg1 {
  position: relative;
  width: 100%;
  padding: 0.6rem 0.3rem 0.9rem;
  background: #fff url(../images/sjwc/ins_bg.jpg) no-repeat center top/100%;
}
.sjwc_ins .ipg1 .book {
  width: 1.7rem;
  margin: 0 auto;
  margin-bottom: 0.55rem;
}
.sjwc_ins .ipg1_box {
  position: relative;
  padding: 0.4rem;
  background: #fff;
  box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.12);
  margin-bottom: 0.8rem;
}
.sjwc_ins .ipg1_box .back {
  position: absolute;
  top: 2.8rem;
  right: -0.1rem;
  z-index: 8;
  width: 0.99rem;
  height: 0.99rem;
  background: rgba(3, 92, 185, 0.33);
  border-radius: 50%;
  line-height: 0.99rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.68);
}
.sjwc_ins .ipg1_box .tit {
  margin-bottom: 0.4rem;
  line-height: 1.3;
}
.sjwc_ins .ipg1_box li {
  margin-bottom: 0.4rem;
}
.sjwc_ins .ipg1_box li .txt {
  margin-bottom: 0.4rem;
  margin-bottom: 0.12rem;
}
.sjwc_ins .ipg1_box li h6 {
  font-size: 0.3rem;
  color: #666;
  margin-bottom: 0.2rem;
  font-weight: bold;
}
.sjwc_ins .ipg1_box li p {
  font-size: 0.24rem;
  color: #666;
}
.sjwc_ins .ipg1_box li p {
  margin-left: -0.09rem;
}
.sjwc_ins .ipg1_box li .txt p {
  margin-left: 0;
}
.sjwc_ins .ipg1_box .dot {
  width: 0.32rem;
  height: 0.06rem;
  background: url(../images/sjwc/dot.png) no-repeat center/100%;
  margin: 0.4rem 0;
}
.sjwc_ins .ipg1 .call .icon {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 auto;
  background: url(../images/sjwc/call.png) no-repeat center/100%;
  margin-bottom: 0.2rem;
}
.sjwc_ins .ipg1 .call h6 {
  font-size: 0.4rem;
  color: #ff9c00;
  text-align: center;
  font-family: "Rubik";
  line-height: 1;
  margin-bottom: 0.15rem;
}
.sjwc_ins .ipg1 .call p {
  font-size: 0.26rem;
  color: #666;
  line-height: 1;
  text-align: center;
}
.ewm {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.ewm .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.ewm .ewm_box {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2rem;
  margin-top: -2rem;
  width: 4rem;
  height: 4rem;
  z-index: 9;
}
.href_box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: none;
}
.href_box .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.href_box .href_con {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3.5rem;
  margin-top: -2rem;
  width: 7rem;
  height: 4rem;
  z-index: 9;
  background: #fff;
  padding: 0.6rem;
}
.pub_close{
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  background: #fff url(../images/close.png) no-repeat center/0.26rem;
  top: -0.7rem;
  right: 0;
}
.href_box .href_con a {
  font-size: 0.26rem;
  color: #666;
  margin-bottom: 0.25rem;
}
.copy_box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.copy_box .mask {
  width: 100%;
  height: 175%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.copy_box .copy_con {
  position: relative;
  width: 6.9rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 2rem auto;
  z-index: 2;
  background: #fff;
  padding: 0.6rem 0.3rem;
}
.copy_box .copy_con h6 {
  font-size: 0.4rem;
  line-height: 1;
  margin-bottom: 0.4rem;
}
.copy_box .copy_con .txt {
  margin-bottom: 0.4rem;
}
.copy_box .copy_con .txt p {
  font-size: 0.24rem;
  color: #666;
  line-height: 0.45rem;
  text-indent: 2em;
  word-break: break-all;
}
.copy_box::-webkit-scrollbar {
  display: none;
}
.cantact .ipg1 {
  width: 100%;
  padding: 0.6rem 0.3rem 0.4rem;
}
.cantact .ipg1 .tit {
  margin-bottom: 0.3rem;
}
.cantact .ipg1 .font p {
  font-size: 0.24rem;
  color: #666;
}
.cantact .ipg1 .font .call {
  font-size: 0.32rem;
  line-height: 0.42rem;
  color: #ff9c00;
 padding-left: 0.5rem;
  font-family: "Rubik";
  background: url(../images/sjwc/call.png) no-repeat center left/0.42rem;
  margin: 0.2rem 0;
}
.cantact .map{
  width: 100%;
  height: 8rem;
}
.cantact #map{
  width: 100%;
  height: 100%;
}
.make .c_til{
  color: #0058d5;
}
.make .ipg1{
  width: 100%;
  height: 10.29rem;
  background: url(../images/make/make_bg.jpg) no-repeat center/100%;
  padding: 0.9rem 1.3rem;
}
.make .ipg1 .table .item {
  position: relative;
  margin-bottom: 0.1rem;
  width: 100%;
  height: 0.8rem;
  border-bottom: 2px solid #f7f7f7;
}
.make .ipg1 .item input{
  width: 100%;
    height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.26rem;
    color: #999;
}
.make .item .drop-txt {
  height: 0.78rem;
    line-height: 0.78rem;
    font-size: 0.26rem;
  padding-right: 0.6rem;
  color: #999;
  position: relative;
}
.make .drop-down ul {
  display: none;
  width: 100%;
  border-top: none;
  max-height: 2.4rem;
  background-color: #f7f7f7;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 220;
  overflow-y: auto;
  padding: 0.15rem 0;
}
.make .drop-down ul li {
  display: block;
  background-color: #f7f7f7;
  height: 0.5rem;
  line-height: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.2rem;
  font-size: 0.26rem;
  color: #999;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.5s all;
}
.make .item.drop-down::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.3rem;
  width: 0.09rem;
  height: 0.05rem;
  margin-top: -0.025rem;
  background: url(../images/make/make_ic.png) no-repeat center/100%;
}
.make .ipg1 .table .item .date {
    position: relative;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.26rem;
    color: #999;
    /* text-indent: -9999px; */
}
.make .ipg1 .table .item .date::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0.3rem;
  width: 0.09rem;
  height: 0.05rem;
  margin-top: -0.025rem;
  background: url(../images/make/make_ic.png) no-repeat center/100%;
}
/*.make .ipg1 .table .item .date::before{
  content: "日期";
  display: block;
  line-height: 0.8rem;
  font-size: 0.26rem;
  color: #999;
  text-indent: 0;
}*/
.make .ipg1 .item input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
}

.make .ipg1 .item input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

.make .ipg1 .item input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
}

.make .ipg1 .item input:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
.make .ipg1 .btn{
  width: 1.02rem;
  height: 0.54rem;
  background-color: #005ab7;
  border-radius: 0.5rem;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.54rem;
  margin: 0 auto;
  margin-top: 0.8rem;
}
.layui-laydate-hint {
  display: none !important;
}
.notice {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
  /* display: none; */
  background: rgba(0, 0, 0, 0.5);
}
.notice .mask {
  width: 100%;
  height: 245%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.notice .notice_con {
  position: relative;
  width: 6.9rem;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 2rem auto;
  z-index: 2;
  background: #fff;
  padding: 0.6rem 0.3rem;
}
.notice .notice_con .tit{
  text-align: center;
  margin-bottom: 0.3rem;
}
.notice .notice_con .txt{
  margin-bottom: 0.5rem;
}
.notice .notice_con .txt p{
  font-size: 0.26rem;
  color: #666;
  position: relative;
  padding-left: 0.4rem;
  margin-bottom: 0.1rem;
  line-height: 1.5;
}
.notice .notice_con .txt p em{
  position: absolute;
  left: 0;
  top: 0;
}
.notice .notice_con .txt h6{
  font-size: 0.3rem;
  color: #333;
  line-height: 1;
  margin-bottom: 0.2rem;
}
.notice .notice_con .txt h5{
  font-size: 0.26rem;
  color: #666;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.notice .notice_con .txt .call{
  font-size: 0.32rem;
    line-height: 0.42rem;
    color: #ff9c00;
    padding-left: 0.5rem;
    font-family: "Rubik";
    background: url(../images/sjwc/call.png) no-repeat center left/0.42rem;
    margin: 0.2rem 0;
}
.notice .notice_con .btn{
  width: 1.02rem;
  height: 0.54rem;
  background-color: #005ab7;
  border-radius: 0.5rem;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.54rem;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.notice::-webkit-scrollbar {
  display: none;
}
.learn .ipg2_1{
  width: 100%;
  height: 7.01rem;
  padding-top: 0.8rem;
  background: #bed5ea;
  padding-left: 0.3rem;
  overflow: hidden;
} 
.learn .ipg2_1 .tit{
  padding-bottom: 1rem;
}
.learn .ipg2_1 ul li{
  float: left;
  width: 2.8rem !important;
  margin-right: 0.3rem;
}
.learn .ipg2_1 .img{
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
}
.learn .ipg2_1 .font{
  width: 2.8rem;
  font-size: 0.32rem;
  color: #333;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.2rem;
}

.order {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}
.order::-webkit-scrollbar {
  display: none;
}
.order .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.order .orBody {
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 2rem auto;
  z-index: 2;
  background: #fff url(../images/learn/le_bg.jpg) no-repeat center top/100%;
  padding: 0.7rem 0.3rem 0.6rem;
}
.order .orBody .close{
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 0.25rem;
  height: 0.22rem;
  background: url(../images/learn/close.png) no-repeat center/100%;
}
.order .orBody .img{
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #0058d5;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.order .orBody .font p{
  font-size: 0.24rem;
  color: #666;
  margin-bottom: 0.3rem;
}

.ewm-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  
}
.ewm-box .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.ewm-box .ewm-cont {
  position: relative;
  width: 5rem;
  height: 5rem;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  margin-top: -3rem;
  z-index: 2;
  background: #fff;
}