@charset "utf-8";
body{margin:0;padding:0;font-size:14rem;font-family:"Source Han Sans CN";-webkit-text-size-adjust:none;min-height: 100rem;max-width: 1920px;margin: 0 auto;min-width: 320px}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14rem;}
html{font-size:10px}
img{border:0; vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none;color: #fff}
input::-webkit-input-placeholder {color:#999;font-size:16rem;}
.fs0{font-size: 0}
.middle{vertical-align: middle;}
.lineblock{display: inline-block;}
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.table{display: table;table-layout: fixed;}
.tableCell {display: table-cell;vertical-align: middle;}
.public{padding: 0 125rem;margin: 0 auto}
.pic{width: 100%}
.pc{display: block!important;}
.phone{display: none!important;}
.nono{height: 500rem;line-height: 300rem;text-align: center;font-size: 30rem;color: #666}
/*头部*/
/*.header{overflow: hidden;}*/
.headNav{background-color: #eee;height: 30rem;line-height: 30rem;box-sizing:border-box;padding: 0 30rem;font-size: 0}
.headNav span{font-size: 14rem;color: #333}
.headNav span:nth-child(2){margin-left:15rem}
.headNav a{font-size: 14rem;color: #000;display: inline-block;vertical-align: middle;margin-left: 15rem}
.headLm{padding-left: 30rem;position: relative;}
.logo,.lmList{display: inline-block;vertical-align: middle;}
.logo{width: 15%}
.logo img{width: 100%}
.lmList{font-size: 0;width: calc(79% - 180rem);margin: 0 3%;position: relative;}
.lmList ul{display: flex;justify-content:space-around;}
.lmList li{height: 110rem;line-height: 110rem;text-align: center;display: inline-block;vertical-align: middle;padding: 0 15rem;position: relative;}
.lmList li a{display: block;width: 100%;height: 100%;font-size: 18rem;color: #333333;}
.lmList li.on:before{content: "";position: absolute;width: 100%;height: 5rem;background-color: #0d50bd;left: 0;bottom: 0}
.headUrl{position: absolute;width: 180rem;right: 0;top: 0;height: 100%;background-color: #0d50bd;display: flex;justify-content:space-around;align-items:center;}
.headUrl:before{content: "";position: absolute;width: 1rem;height: 20rem;right: 50%;top: calc(50% - 10rem);background-color: #3d73ca}
/*.headUrl{position: absolute;width: 90rem;right: 0;top: 0;height: 100%;background-color: #0d50bd;display: flex;justify-content:space-around;align-items:center;}*/
.userIcon img{width: 22rem}
.seachIcon img{width: 25rem}
.seachBox{position: absolute;width: 350rem;height: 60rem;right: 0;bottom: -60rem;z-index: 99;display: none;}
.seachBox input{width: 100%;height: 100%;border:none;outline: none;box-sizing:border-box;padding: 0 50rem 0 25rem;font-size: 16rem;color: #333;}
.seachBox img{position: absolute;width: 25rem;right: 10rem;top: calc(50% - 12.5rem);cursor:pointer;}
/*底部*/
.footer{background-color: #00266d;overflow: hidden;}
.foot_t{padding: 30rem 0;border-bottom: 1rem solid #0e307a;}
.foot_t_l,.foot_t_r{width: 25%;box-sizing:border-box;}
.foot_t_l{text-align: center;}
.foot_t_l>div img{width: 34rem;display: inline-block;vertical-align: middle;margin-right: 20rem}
.foot_t_l>div span{font-size: 30rem;color: #ffffff;display: inline-block;vertical-align: middle;}
.foot_t_l>p{font-size: 16rem;color: #fff;margin-top: 15rem}
.foot_t_m{width: 50%;padding: 0%;box-sizing:border-box;text-align: center;position: relative;}
.foot_t_m:after{content: "";position: absolute;width: 1rem;height: 90%;right: 0;top: 5%;background-color: #405c92}
.foot_t_m:before{content: "";position: absolute;width: 1rem;height: 90%;left: 0;top: 5%;background-color: #405c92}
.foot_t_m p:first-child{font-size: 36rem;color: #ffffff;font-weight: bold;}
.foot_t_m p:last-child{font-size: 15rem;color: #ffffff;margin-top: 15rem}
.foot_t_r{padding-left: 3%;}
.foot_t_r p:first-child span{display: inline-block;vertical-align: bottom;color: #fff;font-size: 18rem;}
.foot_t_r p:first-child span:first-child{font-size: 22rem;margin-right: 5rem;margin-bottom: -2rem}
.foot_t_r p:last-child{margin-top: 20rem;}
.foot_t_r p:last-child a{display: inline-block;vertical-align: middle;font-size: 14rem;color: #fff;padding: 0 10rem;position: relative;}
.foot_t_r p:last-child a:before{content: "";position: absolute;width: 1rem;height: 14rem;left: 0;background-color: #fff;top:calc(50% - 7rem);}
.foot_t_r p:last-child a:first-child{padding-left: 0}
.foot_t_r p:last-child a:first-child:before{width: 0}
.foot_b{padding: 40rem 0 20rem}
.foot_b_l,.foot_b_m,.foot_b_r{vertical-align: top;box-sizing:border-box;}
.foot_b_l{width: 30%;vertical-align: top;font-size: 0}
.foot_b_l>div{display: inline-block;vertical-align: top;width: calc(100% / 3);}
.foot_b_l>div a{font-size: 18rem;color: #9ab6e9;margin-bottom: 20rem;display: block;}
.foot_b_l>div a:first-child{font-size: 21rem;color: #fefefe;margin-bottom: 40rem}
.foot_b_m{width: 47%;box-sizing:border-box;padding: 0 3%;position: relative;}
.foot_b_m:after{content: "";position: absolute;width: 1rem;height: 60%;right: 5%;top: 20%;background-color: #405c92}
.foot_b_m:before{content: "";position: absolute;width: 1rem;height: 60%;left: 0;top: 20%;background-color: #405c92}
.foot_b_m p{font-size: 18rem;color: #b6c9ed;margin-bottom: 25rem}
.foot_b_r{width: 23%;font-size: 0;padding-left: 1%}
.foot_b_r img{width: 150rem;}
.foot_b_r>div:last-child{margin-left: 30rem}
.foot_b_r p{font-size: 16rem;color: #4c638f}
.foot_b_r p:first-child{margin-bottom: 10rem}
.copyright{background-color: #002262;padding: 20rem 0;text-align: center;}
.copyright *{font-size: 16rem;color: #4c638f}
.container{overflow: hidden;}
@media only screen and (max-width: 982px) {
  .pc{display: none!important}
  .phone{display: block!important;}
  .public{padding: 0 3%;}
  .header{margin: 0 auto; width:100%;position: relative;}
  .headerCon{position:fixed;left: 0;right: 0;margin:0 auto;z-index: 9;background-color: #fff;box-sizing:border-box;padding:10px 3%}
  .logo{width: auto;max-width: 50%}
  .lanmulist{background-color: #000}
  .lanmulist li{display: inline-block;vertical-align: top;width: 25%;height: 4rem;box-sizing:border-box;border-left: 1rem solid #fff}
  .lanmulist li:nth-child(4n+1){border-left: none;}
  .lanmulist li:nth-child(-n+4){border-bottom: 1rem solid #fff}
  .lanmulist li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 4rem;color: #fff;font-size: 1.4rem}
  .mobile-inner-header{position: absolute;width: 13%;height: 100%;right: 2%;top: 0;box-sizing:border-box;display: flex;align-items:center;justify-content:flex-end;}
  .mobile-inner-header-icon{color: #ffffff;height: 60%;font-size:25rem;text-align: center;float:right;width: 70%;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
  /*.mobile-inner-header-icon:hover{cursor: pointer;}*/
  .mobile-inner-header-icon span{position: absolute;right: calc((100% - 25rem) / 2);top: calc((100% - 1rem) / 2);width: 25rem;height: 2rem;background-color: rgba(0,0,0,1);}
  .mobile-inner-header-icon span:nth-child(1){transform: translateY(4rem) rotate(0deg);}
  .mobile-inner-header-icon span:nth-child(2){transform: translateY(-4rem) rotate(0deg);}
  .mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}   
  .mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
  @keyframes clickfirst {
    0% {
      transform: translateY(4rem) rotate(0deg);
      
    }

    100% {
      transform: translateY(0) rotate(45deg);
    }
  } 
  @keyframes clicksecond {
    0% {
      transform: translateY(-4rem) rotate(0deg);
    }

    100% {
      transform: translateY(0) rotate(-45deg);
    }
  } 
  .mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}   
  .mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
  @keyframes outfirst {
    0% {
      transform: translateY(0) rotate(-45deg);
    }

    100% {
      transform: translateY(-4rem) rotate(0deg);
    }
  } 
  @keyframes outsecond {
    0% {
      transform: translateY(0) rotate(45deg);
    }

    100% {
      transform: translateY(4rem) rotate(0deg);
    }
  }
  .mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;left: 0;padding-top: 30rem;padding-bottom: 80rem;display: none;}
  .mobile-inner-nav a{display: inline-block;line-height: 70rem;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1rem rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;font-size: 24rem;}
  .mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1rem rgba(255,255,255,0.2);}
  .mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;} 
  @-webkit-keyframes returnToNormal {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes returnToNormal {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .mfoot_t{padding-top: 7%;}
  .mfoot_t_l{width: 38%}
  .mfoot_t_l img{width: 30rem;vertical-align: top;margin-right: 7rem;margin-top: 5rem}
  .mfoot_t_l>div p:first-child{font-size: 30rem;color: #fff;}
  .mfoot_t_l>div p:nth-child(2){font-size: 23rem;color: #fff;font-weight: lighter;margin-top: 10rem}
  .mfoot_t_r{width: 62%;box-sizing:border-box;padding-left: 5%}
  .mfoot_t_r p:first-child{font-size: 24rem;color: #fff;margin-bottom: 10rem}
  .mfoot_t_r p:nth-child(2) a{font-size: 21rem;color: #fff;display: inline-block;padding: 0 15rem;position: relative;}
  .mfoot_t_r p:nth-child(2) a:first-child{padding-left: 0}
  .mfoot_t_r p:nth-child(2) a:after{content: "";position: absolute;width: 1rem;height: 14rem;left: 0;top: calc(50% - 5rem);background-color: #fff}
  .mfoot_t_r p:nth-child(2) a:first-child:after{width: 0}
  .mfoot_t_m{text-align: center;color: #fff;padding: 5% 0}
  .mfoot_t_m p:first-child{font-weight: bold;font-size: 36rem;margin-bottom: 10rem}
  .mfoot_t_m p:last-child{font-size: 25rem;}
  .mfoot_m{padding: 7% 0 3%;border-top:1rem solid #0e307a;border-bottom: 1rem solid #0e307a}
  .mfoot_m img{width: 30rem;display: inline-block;vertical-align: top;margin-right: 7rem}
  .mfoot_m_info{display: inline-block;vertical-align: top;width: calc(100% - 37rem)}

  .mfoot_m_info p:first-child{font-size: 24rem;color: #fff;margin-bottom: 30rem}
  .mfoot_m_info p a{color: #fff;font-size: 24rem;color: #ffffff;margin-bottom: 30rem;margin-right: 40rem;display: inline-block;}
  .mfoot_b{padding: 7% 0}
  .foot_b_l{width: 100%;display: flex;justify-conten:space-around;align-items:flex-start;}
  .foot_b_l>div{box-sizing:border-box;padding: 0 5%}
  .foot_b_l>div a{font-size: 24rem}
  .foot_b_l>div a:first-child{font-size: 24rem}
  .foot_b_r{width: 100%;margin-top: 7%;padding-left: 5%}
  .foot_b_r img{width: 200rem}
  .foot_b_r p{font-size: 28rem}
  .copyright *{font-size: 24rem;line-height: 1.7}
  #page li input{border: none !important;outline: none !important;background-color: transparent !important}
}