html,body,#app{
  height: 100%;
  width: 100%;
  /*font: 12px/1.5 PingFang sc,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;*/
  font: 12px/1.5 'Segoe UI',SegoeUI,Arial,sans-serif,"Helvetica Neue",Helvetica,'Microsoft YaHei';
}

*{
  margin: 0;padding: 0;
}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
header,main,footer,section,nav,artical,aside,time{display: block;}
a{
  text-decoration: none;
}
ul{
list-style:none;
margin:0;
padding:0;
}

.fl{float: left;}
.fr{float: right;}
.clear_fix:after{
  content: '';
  display: block;
  clear: both;
}


.wx_hint{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 600;
  padding: 0 20px;
  box-sizing: border-box;
}
.wx_hint img{width: 100%}





.container{
  width: 1020px;
  margin: 0 auto;
  padding-top: 40px;
  background-color: #fff;
}


.categoryNav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  line-height: 34px;
  margin: 0 auto;
  padding-top: 28px;
  border-bottom: 1px solid rgba(179,179,179,1);
}


@font-face {
  font-family: 'batFont';  /* project id 1087022 */
  src: url('https://at.alicdn.com/t/font_1087022_m3hqkcf6z3q.eot');
  src: url('https://at.alicdn.com/t/font_1087022_m3hqkcf6z3q.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1087022_m3hqkcf6z3q.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1087022_m3hqkcf6z3q.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1087022_m3hqkcf6z3q.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1087022_m3hqkcf6z3q.svg#batFont') format('svg');
}

.batFont{
  font-family: 'batFont';
  font-size: 12px;
  font-style:normal;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}



 /* top */
 .home header .top{
  background: #056ad0;
  line-height: 80px;
  height: 80px; 
  width: 100%;
  position: fixed;
  top:0;
  z-index: 200;
}
.home header .top .topMenu2{
 display: none;
}
.home header .top .topMenu2 li{
  width: 100%;
}
.home header .top .topMenu{
  display: grid; 
  grid-template-columns: minmax(100px,600px) 1fr 1fr 1fr  1fr minmax(100px, 600px) ;
}
.home header .top .topMenu li{
   line-height: 80px;
   height: 80px;
   display: flex;
   justify-self:center;
  }
.home header .top .topMenu li a{
  color: #fff;
  font-size: 16px; 
  font-family: SegoeUI-Semilight;
}

 .home header .top .topMenu li:nth-child(1) a{display: flex;}

.language{
  width: 100px;
}
.language .ch{
 margin-top: 20px;
 width: 100px;
 height:40px;
 line-height: 40px;
 display: flex;
 justify-self: center;
 /* background:#187AD5; */
 border-radius:8px;
 padding-left: 20px;
 box-sizing: border-box;
 font-size: 14px;
 cursor: pointer;
 color:#fff;
 font-family: SegoeUI;
 font-weight: 100;

 
}
.language .en{
 width: 100px;
 height:40px;
 line-height: 40px;
 display: flex;
 background:#187AD5;
 border-radius:8px;
 margin-top: 1px;
 padding-left: 20px;
 box-sizing: border-box;
 font-weight: 100;
 display: none;
}
.language a{
font-size: 14px!important;
width: 90px!important;
height:40px!important;
display:inline-block;
}
.top .topMenu .login{
  font-size: 16px;
  margin-top: 20px;
  width: 100px;
  height: 40px;
  box-sizing: border-box;
  color: #FFF;
  /* font-weight: 700; */
  /* border: 1px solid #FFF; */
  border-radius: 10px;
  line-height: 40px;
  text-align:center;
  cursor: pointer;
}
.top .topMenu .user{
  position: relative;
  display: none;
  cursor: pointer;
}


.top .topMenu .user>img {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  vertical-align: middle;
  border: 2px solid #FFF;
}
.top .topMenu .user>span {
  margin-left: 10px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
}
.top .topMenu .user>span:nth-of-type(2) {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-left: 0;
}
.top .topMenu .user .logout{
  display: none;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #FFF;
  border: 2px solid #056AD0;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}


/* footer */
.foot{
  background-image: url('../imgs/index/foot_bg.png');
  height:auto;
  background: #006AD7;
  height:246px;
 }
 .foot article{
  width: 66%;
  height: 207px;
  display: flex;
  margin: 0 auto;
}
.foot article div{
  display: flex;
  flex-direction: column;
  font-size:14px;
  width: 300px;
  height:30px;
  line-height:30px;
}
.foot article div a{
  font-family:SegoeUI;
  font-weight:normal;
  color:rgba(255,255,255,1);
}
.foot article div a:nth-of-type(1){
  height:66px;
  line-height: 66px;
  font-size:14px;
  font-family:SegoeUI;
  font-weight:normal;
  padding-top: 11px;
  color:rgba(204,204,204,1);
}
.foot .copy{
  width: 100%;
  font-size:14px;
  font-family:SegoeUI;
  font-weight:300;
  color:rgba(219,219,219,1);
  line-height: 50px;
  background-image:url('../imgs/index/bg_mini.png');
}
.foot .copy span{
  display: block;
  width: 66%;
  margin: auto;
}

@media screen and (max-width: 1600px) {
.home header .top .topMenu{
   grid-template-columns: minmax(100px,500px) 1fr 1fr 1fr 1fr 1fr minmax(100px, 250px) minmax(100px, 250px);
  }
}
@media screen and (max-width: 1400px) {
.home header .top .topMenu{
   grid-template-columns: minmax(100px,400px) 1fr 1fr 1fr 1fr 1fr minmax(100px, 200px) minmax(100px, 200px);
  }
}

@media screen and (max-width: 1024px) {
  .home header .top .topMenu{display: none!important;}
  .home header{
    height: 60px!important;
  }
  .home header .top{
    line-height: 60px!important; 
    height: 60px!important;
    position: fixed;
    top:0;
    z-index: 200;
  }
  .home header .top .topMenu2{
    display: block!important;
    position: relative;
  }

  .home header .top .topMenu2 ul{
    list-style: none;
    background: #056ad0;
    height: 59px!important;
    line-height: 60px!important;
    border-bottom: 1px solid rgba(250,250,250,0.2);
  }
  .home header .top .topMenu2 ul li:nth-child(1){
    width: 20%;
    padding: 0 20px;
    box-sizing: border-box;
    position: absolute;
    left:0;
    top:0;
    z-index: 300;
  }

  .home header .top .topMenu2 ul .menu_log{
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    top:0;
    z-index: 200;
  }
  .home header .top .topMenu2 ul li:nth-child(1) .closeMenu{
    /* position: absolute; */
    top:0;
    left:20px;
    display: none;
  }
  .home header .top .topMenu2 .menuList{
    position: fixed;
    width:100%;
    height:100%;
    background: #056ad0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 1000;
    display: none;
  }
  .home header .top .topMenu2 .menuList>a{
    font-size: 15px;
    display: block;
    color: white;
    height: 30px;
    line-height: 30px;
    margin: 8px 40px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(250,250,250,0.2);
  }
  .home header .top .topMenu2 .menuList .logout2{
    display: none;
  }

  .language{
    margin-left: 30px;
  }
  .language a{
    color:#fff;
  }
  .language span{
    line-height: 30px!important;
    height:30px!important;
  }
  .language .ch{
    background:#187AD5;
  }


  .foot{
    background-color: rgba(5,106,208,1);
    height:380px;
  }
  .foot article{
    height:380px;
    margin: 0 auto;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
  }
  .foot article div{
    display: flex;
    flex-direction: column;
    height:180px;
    line-height:30px;
    font-size:14px;
    width: 50%;
  }
  .foot article div a{
    font-family:SegoeUI;
    font-weight:normal;
    color:rgba(255,255,255,1);
  }
  .foot article div a:nth-of-type(1){
    height:50px;
    line-height: 50px;
    font-size:14px;
    font-family:SegoeUI;
    font-weight:normal;
    padding-top: 11px;
    color:rgba(204,204,204,1);
  }

  .foot .copy{
    font-size:14px;
    font-family:SegoeUI;
    font-weight:300;
    color:rgba(219,219,219,1);
    line-height: 50px;
  }
  .foot .copy span{
    display: block;
    width: 90%;
    margin: auto;
  }
}