/* 头部 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  height: 0.8rem;
  z-index: 3;
  line-height: 0.8rem;
  padding: 0 8.75%;
  background: #fff;
  box-shadow: 0 0 0.1rem 0 rgba(204, 204, 204, 0.77);
  transition:all .3s ease-in;
}
.header.first{
   background:rgba(0,0,0,0.5);
   box-shadow:none;
   transition:all .3s ease-in;
}
.pc .header {
  min-width: 1280px;
}

.header .logo {
  display: block;
  height: 0.8rem;
}

.header .logo>img {
  width: auto;
  height: 0.4rem;
  margin-top:.2rem;
  display:block;
}

.header-nav {
  float: right;
  font-size:0
}

.header-nav>li {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.18rem;
  min-width: 1.28rem;
  text-align: center;
}
.header-nav>li.nav-active {
  /* border-bottom: 0.02rem solid #bd671e;
  background-color: #f4892d; */
}
.header-nav>li.nav-active>a {
  /* color: #fff; */
  color:#2C60B5
}
.header-nav>li.nav-active>a>span {
  width: 0.4rem;
  display:none;/*去掉导航文字前横线  */
}
.header-nav>li:hover {
  /* border-bottom: 0.02rem solid #bd6f55;
  background-color: #f48f55; */
}

.header-nav>li>a {
  display: block;
  width: 100%;
  height: 100%;
  color:#1A2A45;
  transition:color .3s linear
}
.header.first .header-nav>li>a{color:#fff;transition:color .3s linear}

.header-nav>li:hover>a {
  color: #4171ba;
}
.header.first .header-nav>li:hover>a,.header.first .header-nav>li.nav-active>a{color:#1184db;transition:all .3s linear}
.header-nav>li>a>span {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 0;
  transition: width 0.5s ease;
  /* cubic-bezier(0.35, 0.45, 0.55, 1) */
  color: #fff;
  margin-top:-.04rem;
}

.header-nav>li:hover>a>span {
  width: 0.4rem;
  display:none;/*去掉导航文字前横线  */
}

.down-menu,.search>div {
  display: none;
  background-color: #fff;
  height: 0;
  overflow: hidden;
  width: 82.5%;
  height:2.6rem;
  transition: all 0.5s;
  position: absolute;
  top: 0.8rem;
  left: 0;
  right:0;
  margin:0 auto;
  background: url(../image/index/header/bg.png) top center no-repeat;
  background-size: cover;
  box-shadow: 0 .05rem 0.1rem 0 rgba(204, 204, 204, 0.77);
}

.menu-item-box {
  position: relative;
  z-index: 3;
  font-size: 0.16rem;
  max-width: 50%;
  margin: .2rem auto
}
.virtual-down-memu .menu-item-box{
  max-width: 55%;
  /* margin-left:1.68rem; */
  display: flex;
  flex-wrap: wrap;
}
.menu-item-box > li{
  max-width:4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  padding-left: 1rem;
  line-height:3
}
.virtual-down-memu .menu-item-box > li{
	width:20%;
	padding-left: 0;
	margin-left:.2rem;
	line-height:2.6
}
/* .down-menu .down-menu-item a {
  display: block;
  width: 100%;
  height: 100%;
} */
.down-menu .down-menu-item a{
  color:#1A2A45
}
.down-menu .down-menu-item:hover a {
  color: #2b60b5;
  cursor: pointer;
}

.down-menu .down-menu-item span {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  color: #2b60b5;
  transition: width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1);
   margin-top:-.05rem;
}

.down-menu .down-menu-item:hover span {
  width: 0.3rem;
  transition: width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1);
}

/* .down-menu-img {
  position: absolute;
  right: 2.58rem;
  bottom: 0.5rem;
  width: 4.46rem;
  height: 2.17rem;
  z-index: 1;
}

.down-menu-img>img {
  width: 100%;
  height: 100%;
} */

/* .down-menu .down-menu-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  max-height: 1rem;
}

.down-menu .down-menu-footer .waves {
  min-height: 0.5rem;
  max-height: 1rem;
  width:100%;
} */

.header-nav li:hover>.down-menu {
  /* border-top: 0.01rem solid #ccc; */
  /* min-height: 3rem; */
  z-index:34;
  display:block;
}

.header .log-in{
  display: block; 
  font-size: 0.14rem;
  width: .74rem;
  height: 0.28rem;
  line-height: 0.28rem;
  color: #1A2A45;
  border:1px solid #1A2A45;
  border-radius:0.28rem;
  text-align: center;
  margin-left: 0.2rem;
  margin-top: 0.26rem;
  cursor: pointer;
  /* margin-right:.6rem */
}
.header .log-ins {
   display: block;
   width:.8rem;
   height: 0.8rem;
   /* color: #1A2A45;
   border:1px solid #1A2A45; */
   /* border-radius:50%; */
   text-align: center;
   /* margin-left: 0.2rem;
   margin-top: 0.2rem; */
   padding:.25rem;
   /* padding:.05rem; */
   cursor: pointer;
   position:relative;
}
.header.first .log-in{color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.7)}
.header .log-in:hover{
  color: #4171ba;
  border:1px solid #4171ba;
}
.header.first .log-in:hover{color: #fff;border:1px solid #fff;}

/* .header .log-ins .log-people{
  text-align: right;
  background:url(../image/manager.png) .05rem center no-repeat;
  padding-right: .05rem;
  background-size:.14rem .2rem;
  white-space:nowrap;
  text-indent:.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom:.1rem
} */
.header .log-ins .log-people{
	height:100%;
	border-radius:50%;
	white-space:nowrap;
	/* padding-bottom:.15rem; */
	box-sizing:content-box
}
.header .log-ins .log-people>img{
 display:block;
 width:100%;
 height:100%;
 border-radius:50%
}
.header .log-ins:hover .log-down{
  display:block;
}
.header .log-down{
  position:absolute;
  top:.8rem;
  width:1.4rem;
  height:auto;
 /*  background:url(../image/login_down.png) center center no-repeat;
  background-size: 1.4rem 1.25rem; */
  background-color:#fff;
  left:-.3rem;
  display:none;
 box-shadow: 0px 0px 4px 2px #5583ba;
 border:1px solid #5583ba;
 font-size:.14rem
}
.header .log-down::before{
	content: ' ';
	top:-.05rem;
	left:.63rem;
    display:block;
    height: 0px;
    width: 0;
    position: absolute;
    border-style: solid;
    border-width: .06rem;
    border-color: #e6f1fa #e6f1fa transparent transparent;
    transform: rotate(-45deg);
    box-shadow: 2px -2px 2px #5583ba;
    z-index:1;
}
.header .log-down>p{
  display:block;
  color:#5583ba;
  line-height:.22rem;
  background-color:rgba(203,219,239,.3);
 font-size:.16rem;
 cursor: default;
 max-height: 0.54rem;
 overflow: hidden;
 padding: .1rem;
}
.header .log-down>a{
  /* padding-top:.2rem; */
  height:.425rem;
  line-height:.425rem;
  display:block;
  color:#1A2A45;
  text-indent: 0.4rem;
  text-align:left;
  border-bottom:1px dashed #5583ba;
}
.header .log-down>div{
  display:block;
  color:#1A2A45;
  line-height:.425rem;
  text-indent: 0.4rem;
  text-align:left;
}
.header .log-down>a:hover{color:#007cd8;}
.header .log-down>div:hover{color:#e56161;}
/*  下拉登录后*/
/* .header .log-down>a:before,.header .log-down>div:before{    
  content:'';
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height:1px;
  background-color: #2b60b5;
  margin-right:.04rem;
  transition: width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1);
}
.header .log-down>a:hover:before,.header .log-down>div:hover:before{
    width: 0.3rem;
    transition: width 0.3s cubic-bezier(0.35, 0.45, 0.55, 1);
  } */
/* .down-manager{
  background: url(../image/manager_sub.png) .15rem no-repeat;
  background-size:auto .16rem;
}
.down-exit{
  background: url(../image/exit.png) .15rem no-repeat;
  background-size:auto .16rem;
} */
/* .header .log-down .down-manager:hover{
color:#4171ba;
background: url(../image/manager_sub_h.png) .15rem no-repeat;
background-size:auto .16rem;
}
.header .log-down .down-exit:hover{
  color:#4171ba;
  background: url(../image/exit_h.png) .15rem no-repeat;
  background-size:auto .16rem;
  } */
.search {
  display: block;
  height:100%;
  width: 0.8rem;
  font-size: 0;
}
.search>a{font-size:0;line-height:0;display:block;height: 0.8rem;
  width: 0.8rem; padding: 0.2rem;}
.search>a>img {width:50%;height:50%;margin:25%;cursor:pointer}
.search:hover>div{display:block}
.search:hover>div>div{width:60%;height:.5rem;line-height:0;border: 1px solid #4171ba;border-radius:4px;margin:1.05rem 20%}
.search:hover>div>div>input{display:inline-block;width:90%;line-height:.5rem;border:0;background-color: transparent;font-size:.16rem;text-indent: 2em;}
.search:hover>div>div>a{display:inline-block;width:10%;background-color:#4171ba;color:#fff;font-size:.16rem;text-align:center;line-height:.5rem;cursor: pointer;}
/* .search>input {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  border: 0;
  height: 100%;
  font-size: 0.18rem;
  text-indent:0.05rem;
  width: calc(100% - 0.3rem);
  outline: 0;
} */

/* .search:hover {
  width: 2.8rem;
  border: 1px solid #4171ba;
  border-radius:4px
} */

/* .search:hover>input {
  display: block;
} */

@media screen and (max-width: 1460px) {
  .pc .header {
    padding: 0 1rem 0 1rem;
  }
  .pc .search{
  right:1rem;
  }
}
/*移动端*/
.phone .header{padding:0 .4rem;height:1.12rem;z-index:11}
.phone .header.first{background: transparent;}
.phone .header .logo>img{height:.5rem;margin-top:.31rem}
.phone .header .log-in{display:none!important;height:.5rem;line-height:.5rem;margin-top:.31rem;margin-right:0.4rem;font-size:.26rem}
.phone .header .log-ins{display:none!important;width:.5rem;height:.5rem;margin-top:.31rem;margin-right:0.65rem}
.phone .header .log-down{width:1.6rem;top:.63rem}
.phone .search{display:none!important;right:2.1rem;margin-top:.26rem;margin-right:.4rem;height: 0.6rem;width:.6rem}
.phone .search:hover{width:.4rem;border:none;}
.phone .search:hover>input{display:none}
.phone .search>input{font-size:.28rem}
.phone .search>a>img{width:.4rem;line-height:.6rem;right:.1rem}
.phone .nav-box{display:none}
.phone .nav-hidden{display:block;z-index:200}
.phone .phone-box{height: 0.4rem;width: 0.52rem;margin:.36rem .1rem 0;border-top:2px solid #1A2A45}
.phone .first .phone-box{border-top:2px solid #fff;}
/* .phone .search:hover{width:1rem} */
.phone .phone-box::before,.phone .phone-box::after{display:block;content:'';width:100%;border-top:2px solid #1A2A45;margin:.15rem 0 0 auto;}
.phone .first .phone-box::before,.phone .first .phone-box::after{border-top:2px solid #fff;}
.phone .header .search-close,.pc .header .search-close{display:none}
/*搜索效果  */
.phone .header.search-loading{z-index:201}
.phone .header.search-loading>a{display:none}
.phone .header.search-loading .log-ins,.phone .header.search-loading .phone-box{display:none}
.phone .header.search-loading .search{width:calc(100% - 1.2rem);margin-right:0;right:1rem;border: 1px solid #4171ba;
    border-radius: 4px;}
.phone .header.search-loading .search>input{display:block;font-size:.32rem}
.phone .header.search-loading .search-close {display:block;position:absolute;font-size:.32rem;line-height:1.12rem;right:.2rem;top:0}
/* 手机端菜单 */
.mask {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 200;
}
.mask-header{width:89.33%;height:.47rem;margin:.34rem auto;}
.mask-header:after{content:'';display:block;height:0;clear:both}
.mask-header-logo{height:100%;width:2.04rem}
.mask-header-logo>img{width:100%;height:100%}
.mask-header .exit-nav{position:relative;width:.3rem;height:.3rem}
.mask-header .exit-nav>div{width:.3rem;height:0;border-top:2px solid #081432;position: absolute;;left:0;top:0.13rem;transform: rotate(45deg);}
.mask-header .exit-nav>div:last-child{transform: rotate(-45deg);}
.mask-search{width:89.33%;margin:0 auto;position:relative}
.mask-search>input{width:100%;line-height:.8rem;border:1px solid #AFB2B6;border-radius:8px;padding-right:.7rem;font-size:.24rem;padding-right:11.94%;padding-left:5.22%}
.mask-search>a{width:11.94%;height:100%;position:absolute;top:0;right:0;font-size:0;line-height:0}
.mask-search>a>img{width:100%;height:100%;}
.swiper-pagination-mask {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-top: .49rem;
  background-color: transparent;
  position: relative;
  top: 0;
  left:0;
  overflow-y: auto;
}

.swiper-pagination-mask>.swiper-pagination-bullet {
  display: block;
  font-size: 0.28rem;
  color: #1A2A45;
  line-height: 0.96rem;
  width:auto;
  height: 0.96rem;
  border-radius: 0;
  position: relative;
  border:0;
  border-bottom:1px solid #E8EAF2;
  text-align: left;
  text-indent: 5.335%;
  opacity:1;
  background:transparent ;
  overflow: hidden;
  position:relative
}
.swiper-pagination-mask>.swiper-pagination-bullet>a{color:#1A2A45}
.swiper-pagination-mask>.swiper-pagination-bullet-active.down{height:auto}
.mask-down-menu{width:100%;padding:0 5.335%}
.mask-down-menu>li{text-indent: 2em;text-align:left}
.mask-down-menu>li>a{text-indent: 2em;font-size:.28rem;line-height:.96rem;color: #1A2A45;}
.swiper-pagination-mask .swiper-pagination-bullet.down:after{content:'';position:absolute;right:5.335%;top:0.4rem;width:.15rem;height:.15rem;border-right:1px solid #7C8292;border-bottom:1px solid #7C8292;transform: rotate(45deg);transition: transform .3s ease-in-out;}

.swiper-pagination-mask .swiper-pagination-bullet-active,.swiper-pagination-mask .swiper-pagination-bullet:hover{
  width: 100%;
  outline: none;
  color:#007CD8;
}
.swiper-pagination-mask .swiper-pagination-bullet-active>a,.swiper-pagination-mask .swiper-pagination-bullet:hover>a{color:#007CD8;}
.swiper-pagination-mask .swiper-pagination-bullet-active.down:after{
  border-right:1px solid #007CD8;border-bottom:1px solid #007CD8;
  transform: rotate(-135deg);
  transition: transform .3s ease-in-out;
}
.swiper-pagination-mask>.swiper-pagination-bullet.down:hover:after{
   border-right:1px solid #007CD8;border-bottom:1px solid #007CD8;}
.mask .log-box{
  box-shadow:1px 2px 18px 0px rgba(62,71,86,0.19);
  height:.96rem;
  font-size:.32rem;
  width:100%;
  position: fixed;
  bottom:0;
  left:0;
  background-color:#fff;
  z-index:13
}
.mask .log-in{
  text-align:center;
  line-height:.96rem;
}
.mask .log-ins{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding:0 5.335%
}
.mask .log-ins .log-info{flex-grow:1}
.mask .log-ins .log-info img{width:.6rem;height:.6rem;border-radius:50%;}
.mask .log-ins .log-people>span{color:#1A2A45;padding-left: .1rem;vertical-align: middle;}
/* .mask .log-ins .log-info .log-people{margin-left:.34rem} */
.mask .log-ins .down-exit{background:none;width:1.5rem;height:.56rem;border-radius:.28rem;color:#e56161;border:1px solid #e56161;font-size:.28rem;text-align:center;line-height:.56rem;margin-left:.2rem}
.mask .log-ins .down-manager{display:block;background:none;width:1.5rem;height:.56rem;border-radius:.28rem;color:#007cd8;border:1px solid #007cd8;font-size:.28rem;text-align:center;line-height:.56rem}
.rightOut {
  animation: rightOut 0.2s linear both;
}
@media screen and (max-width:980px) {
  html{font-size:13.33vw;}
  html.pc{font-size:85px}
}
@keyframes rightOut {
  0% {
    left: 0;
    opacity: 1;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}