/* top */

.top1 {
  width: 100%;
  height: 66px;
  background: #5679A7;
  left: 0;top: 0;z-index: 2;
}

.top1 .topwrap {

  width: 1600px;height:100%;margin: 0 auto;

  justify-content: space-between;

}

.top1 .sousuo {

  width: 18px;height: 18px;top: 31px;cursor: pointer;

}

.top1 .sousuo .sousuoinput {

  width: 260px;

  height: 40px;

  top: 55px;

  border: 1px solid #d0d0d0;

  right: -21px;background: #fff;

  padding: 0 16px 0 10px;

  display: none;animation: FadeInT 1s ease 0s 1 forwards;

  border-radius: 4px;

}

.top1 .sousuo .sousuoinput div {

  width: 100%;height: 100%;

  justify-content: space-between;

}

.top1 .sousuo .sousuoinput input {

  width: 218px;

  height: 100%;

  font-size: 16px;

}

.top1 .sousuo .sousuoinput input::placeholder {

  color: #bbb;

}

.top1 .sousuo .sousuoinput span {

  display: inline-block;width: 1px;height: 56%;background: #4b4b4b;

}



.top1 .nav {
  height: 66px;margin-right: 40px;
}
.top1 .nav a {
  padding: 0;
  font-size: 18px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FEFEFE;
  padding-top: 10px;
  line-height: 24px;
}
.top1 .nav a .glyphicon {
  font-size: 11px;
  margin-left: 5px;
}

.top1 .nav a .yingwen {
  font-size: 14px;
  font-family: SourceHanSansCN;
  font-weight: 400;
}
.top1 .nav > li {
  height: 66px;
  width: 120px;
  text-align: center;
  /* padding: 0 15px; */
  /* margin: 0 18px; */
  line-height: 66px;
  box-sizing: border-box;
  color: #FEFEFE;
}
.top1 .nav > li.show {
  /* border-bottom: 4px solid #07458e; */
  color: #708FBA;
  background: #FFFFFF;
}
.top1 .nav > li:hover {
  /* border-bottom: 4px solid #07458e; */
  color: #708FBA;
  background: #FFFFFF;
}
.top1 .nav>li.show,
.top1 .nav>li.show>a {
  color: #708FBA;
  background: #FFFFFF;
}

.top1 .nav>li:hover,
.top1 .nav>li:hover>a {
  color: #708FBA;
  background: #FFFFFF;
}
.top1 .nav > li ul {
/*  left: 0;*/
  top: 66px;
  /* transform: translateX(-50%); */
  /* justify-content: center; */
  /* background: rgba(0, 0, 0, 0.5); */
  visibility: hidden;
  width: max-content;
  padding: 8px 0;
}
.top1 .nav > li:hover ul {
  visibility: visible;
  background: rgba(0, 0, 0, 0.5);
}
.top1 .nav > li ul li {
  width: 120px; 
  height: 53px;
/* display: inline-block;*/ 
  text-align:center !important;
  background: url(../images/index/line.png) no-repeat center bottom;
  /* float:left!important;  */
  line-height:53px;/* white-space:nowrap;*/
  display: flex;
  align-items: center;

}
.top1 .nav>li ul li:last-child{
  background: none;
}
/*.top1 .nav > li ul i {
display: inline-block;
  width: 7px;height: 15px;

  float:left;
}*/
.top1 .nav > li ul li a { 
  width:100%;
  color: #fff;
  display: block;
  padding-top: 0;
  font-size: 15px;
  line-height: 18px;
}
.top1 .nav>li:hover ul li a {
  background: transparent;
  /* color: #708FBA; */
}


.top1 .topright {

  height: 66px;

}


/* 下拉框 */

.sewv{width: 105px;

  height: 30px;display: inline-block;vertical-align: middle;line-height: 30px;text-align: center;border-radius: 2px;top: 25px;}

  .sewvtop{width:100%;height: 30px;cursor:pointer;  

    /* overflow: hidden; */

  }

/* .sewvtop:hover{border:1px #c2d6df solid;} */

.sewvtop>span{float:left;width:80px;height: 30px;white-space:pre;text-overflow:ellipsis;font-size: 14px;color: #333333;}

.sewvtop>em{float:right;width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;}

.sewv .sewvbm{width: 100%;position: absolute;right: 0;top: 30px;display: none;border: 1px #eeeeee solid;border-radius: 2px;background: #fff;margin: 0;}

.sewv .sewvbm>li{cursor:pointer;width:100%;height:38px;line-height:38px;font-size: 14px;color: #333333;text-align: center;}

.sewv .sewvbm>li:hover{background: #b2b2b2;}

.sewv .sewvbm>li:hover a {

  color: #fff;

}

.sewv .sewvbm>li a {

  color: #333333;

}



/* 移动端css */

.phone {

  display: none;

}

.phone .nav {

  width: 100%;

  height: 50px;

  /* background: rgba(255, 255, 255, 0.85); */
  background: rgba(0, 0, 0, 0.35);

  /* box-shadow: 0 5px 5px #999; */

  justify-content: space-between;

  padding: 0 15px;

  box-sizing: border-box;

  left: 0;

  top: 0;

  z-index: 16;

  position: fixed;



}

.phone .nav .logo {

  height: 26px;

}

.phone .nav .right {

  flex: 1;

  justify-content: flex-end;

}

.phone .nav .icon {

  width: 8.6%;

  padding: 5% 0;

}

.phone .nav .sousuo {

  width: 16px;

  margin-right: 6.5%;

}

.phone .search {

  width: 100%;

  height: 40px;

  background: #fff;

  position: fixed;

  left: 0;

  top: 50px;

  z-index: 10;

  padding: 0 3%;

  box-sizing: border-box;

  border-top: 1px solid #708FBA;

  border-bottom: 1px solid #708FBA;

  display: none;

}

.phone .search div {

  width: 100%;height: 100%;

}

.phone .search img {

  width:20px;

  padding: 0 10px;

}

.phone .search input {

  flex: 1;

  height: 100%;

}

.phone .search .input::placeholder {

  color: #818181;

}

/* 展开的导航 */

.phone .navwrap {

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  background: #708FBA;

  z-index: 15;

  padding: 60px 5.3% 0;

  box-sizing: border-box;

  display: none;

}

.phone .navwrap .item {

  width: 100%;

  border-bottom: 1px solid #138b8f;

}

.phone .navwrap .item .yiji {

  width: 100%;

  height: 45px;

  justify-content: space-between;

  font-size: 18px;

  color: #fff;

}

.phone .navwrap .item .yiji img {

  width: 6%;

  transition: all 0.6s ease 0s;

}

.phone .navwrap .item .erji {

  padding-bottom: 3%;

  display: none;

}

.phone .navwrap .item .erji .name {

  height: 35px;

  font-size: 15px;

}

.phone .navwrap .item .erji > a {

  display: block;

  width: 100%;

  height: 100%;

  color: #fff;

}

.phone .navwrap .item .erji .name img {

  width: 4%;

  padding-left: 8px;

}

.phone .navwrap .item .erji ul {

  flex-wrap: wrap;

  font-size: 15px;

}

.phone .navwrap .item .erji ul a {

  display: block;

  line-height: 22px;

  color: #fff;

}

.phone .navwrap .item .erji ul img {

  width: 6px;

  padding-left: 16px;

}

.phone .navwrap .item .erji ul li {

  margin-right: 16px;

}

.phone .navwrap .item .erji ul a:last-child img {

  display: none;

}

.phone .navwrap .show .erji {

  display: block;

}

.phone .navwrap .show .yiji img {

  transform: rotate(180deg);

}



/* footer */

.footer {

  width: 100%;
  height: 100%;

  /* padding-bottom: 20px; */

  background: #000000;
  display: flex;
  align-items: center;

}

.footer .footerwrap {
  width: 80%;
  margin: 0 auto;
}

.footer .footerwrap .row1 {
  justify-content: space-between;
}
.footer .footerwrap .row1>ul li{
  font-size: 15px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 52px;
}
.footer .footerwrap .row1>ul li a{
  color: #fff;
}
.footer .footerwrap .row1>ul li a:hover{
  color: #5679A7;
}
.gzwm {
  border-bottom: 2px solid #FFFFFF;
}
.gongzhonghao{
  padding-top: 53px;
  justify-content: space-between;
}
.gongzhonghao>div{
  text-align: center;
  margin: 0 30px;
  position: relative;
  cursor: pointer;
}
.gongzhonghao>div:first-child{
  margin-left: 0;
}
.gongzhonghao>div:last-child{
  margin-right: 0;
}
.gongzhonghao>div img{
  display: block;
}
.gongzhonghao>div img.code {
  position: absolute;
  top: -120px;
  left: -25px;
  opacity: 0;
}
.gongzhonghao>div:hover img.code{
  opacity: 1;
}
.row2>div.banquan{
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 3%;
}


.footer .footerwrap .row2 {
  width: 60%;color: #fff;
  padding-top: 3%;
  box-sizing: border-box;
  margin: 3% auto 0;
  border-top: 2px solid #fff;
  text-align: center;
}
.row2>div{
  text-align: center;
  margin-bottom: 6%;
}
.row2>div a{
  font-size: 15px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 51px;
}
.row2>div a:hover{
  color: #5679A7;
}


.rightnav {

  position: fixed;

  width: 120px;

  height: 100%;

  right: -100%;

  z-index: 100;

  background: rgba(51, 157, 161, 0.98);

  font-size: 16px;

  top: 0px;

  flex-direction: column;

  justify-content: space-between;

}

.rightnav ul.yiji > li {

  line-height: 62px;

  text-align: center;

  border-bottom: 1px solid #4aa7aa;

}

.rightnav ul.yiji > li .arrow1 {

  width: 12px;

  left: 6px;

  top: 20px;

  display: none;

}

.rightnav ul.yiji > li a {

  color: #fff;

  display: block;

  width: 100%;

  height: 100%;

}

.rightnav ul.yiji > li:not(:last-child):hover .arrow1 {

  display: block;

}

.rightnav ul.yiji li ul.erji {

  width: 100%;

  top: -100%;

  right: 100%;

  text-align: center;

  display: none;

}

.rightnav ul.yiji li:not(:last-child).show ul {

  display: block;

}

.rightnav ul.yiji li ul li {

  border-bottom: 1px solid #4aa7aa;

  box-sizing: border-box;

}

.rightnav a {

  color: #fff;

}

.rightnav .aside1 {

  flex: 0.5;

  flex-direction: column;

  padding-bottom: 20px;

}

.rightnav .aside1 p {

  flex: 1;

  width: 1px;

  background: url(../images/line.png) repeat-y;

}

.rightnav .aside2 {

  flex: 0.5;

  flex-direction: column;

  padding-top: 20px;

}

.rightnav .aside2 p {

  flex: 1;

  width: 1px;

  background: url(../images/line.png) repeat-y;

}

.rightnav .erjishadow {

  width: 100%;

  height: 100%;

  background: rgba(51, 157, 161, 0.98);

  top: 0;

  right: 100%;

  display: none;

}

.caidan {

  position: fixed;

  width: 51px;

  top: 132px;

  right: 0px;

  z-index: 100;

  display: none;

}

.caidan .icon {

  cursor: pointer;

  position: relative;

  z-index: 100;

}



/* footer phone */

.footer1 {

  width: 100%;

  background: #3c3c3c;

  margin-top: 1%;

  display: none;

}

.footer1 .row1 {

  width: 100%;

  padding: 4.4% 2.5%;

  box-sizing: border-box;

  border-bottom: 1px solid #272727;

}

.footer1 .row1 ul {

  width:100%;

  justify-content: space-between;

}

.footer1 .row1 li {

  width: 23.08%;

  background: #fff;

  font-size: 12px;

  padding-bottom: 2%;

  text-align: center;

  color: #606061;
  
  margin-left:2%;

}

.footer1 .row1 li img {

  width: 92%;

  display: block;

  padding: 4% 0;

  margin: 0 auto;

}

.footer1 .row1 li p {

  transform: scale(0.95);

}

.footer1 .row2 {

  width: 100%;

  color: #fff;

  border-top: 1px solid #525252;

  text-align: center;

  font-size: 13px;

  line-height: 20px;

  padding: 5.1% 0 4%;

  box-sizing: border-box;

}







@media screen and (max-width: 1600px) {

  .top1 .topwrap {

    width: 100%;

  }

}

@media screen and (max-width: 1366px) {

  .top1 .nav > li ul li {

    width: 100px;

  }

  .nav > li ul li {

    width: 100px;

  }

  .footer .footerwrap {

    width: 100%;

    padding-right: 25px;

    padding-left: 25px;

    padding-top: 24px;

    box-sizing: border-box;

  }

  .footer .footerwrap .row2 {

    padding: 22px 12px 18px;

  }

  .footer .footerwrap .row3 .row3left .text1 a {

    padding: 0 12px;

  }

  .footer .footerwrap .row3 .row3left > div {

    padding: 5px 0 5px 0px;

  }

  .footer .footerwrap .row3 .row3left > div p {

    line-height: 22px;

  }

  .footer .footerwrap .row3 .row3left {

    width: 58%;

    padding-left: 12px;

  }

  .footer .footerwrap .row3 .row3left > div .icon_code {

    padding-left: 13px;

  }

  .footer .footerwrap .row3 {

    padding-top: 36px;

  }

  .top1 .nav > li {

    padding: 0 6px;

    margin: 0 10px;

  }

  .caidan {

    top: 40px;

  }

  .rightnav ul.yiji > li {

    line-height: 40px;

  }

  .rightnav ul.yiji > li .arrow1 {

    top: 8px;

  }

}

@media screen and (max-width: 1000px) {

  .main1 .top1 .topwrap {

    width: 1000px;

  }

  .footer .footerwrap {

    width: 1000px;

  }

  .top1 {

    display: none;

  }

  .phone {

    display: block;

  }

  .nav > li {

    padding: 0 6px;

    margin: 0 10px;

  }

  .footer {

    display: none;

  }

  .footer1 {

    display: block;

  }

}