@charset "utf-8";
/* CSS Document */
body,div,section,figure,strong,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,figure{margin:0;padding:0;}
body{ color:#666; font-size:.08rem; font-family:"微软雅黑";background: #f1f6fb;}
ul, ol { list-style: none;}
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{line-height:50px;}
.lineer{line-height:40px;}
.FK{color: #999;}
.F14{font-size: 14px;}
.clearfix{zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none;}
a:hover {color:#01408f; text-decoration:underline; }
.layout{padding: 0 10%;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input{-webkit-appearance:none;border-radius: 0;}
textarea{-webkit-appearance:none;border-radius: 0;}

@font-face {
	font-family: 'Conv_BebasNeue-Regular';
	src: url('../fonts/BebasNeue-Regular.eot');
	src: local('☺'), url('../fonts/BebasNeue-Regular.woff') format('woff'), url('../fonts/BebasNeue-Regular.ttf') format('truetype'), url('../fonts/BebasNeue-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

header{position: relative;background: #FFF;}
header .dingbu{height: .22rem;background: #F5F5F5;padding: 0 10%;line-height: .22rem;}
header .right{position: absolute;right: 10%;top: 0rem;z-index: 1000;}
header .right ul{float: left;margin-right: .1rem;}
header .right li{float: left;line-height: .22rem;}
header .right li i{padding: 0 .1rem;font-style:normal;color: #999;}
header .right li a{color: #999;}
header .right li a:hover{text-decoration: none;}
header .right li a.current{color:#01408f;}
header .right .search{line-height: .22rem;width: .22rem;height: .22rem;cursor: pointer;text-align: center;float: right;background: #01408f;}
header .right .search i{font-size: .1rem;display: block;color: #FFF;}
.search_box{position: absolute;left: 0px;right: 0px;top: .22rem;height: .7rem;background: #FFF;display: none;z-index:1000;}
.search_box .box{width: 50%;position: absolute;left: 50%;top: .2rem;margin-left: -25%;}
.search_box .input_btn{float: left;width: 10%;height: .3rem;border: none;outline: magenta;background: #FFF url(../images/pic2.png) no-repeat center;background-size: .16rem;cursor: pointer;}
.search_box .input_txt{float: left;width: 90%;height: .3rem;border: none;outline: magenta;box-sizing: border-box;border-bottom: 1px solid #999;background: #FFF;font-size: .1rem;}

header .top{height: .7rem;padding: 0 10%;display: flex;align-items: center;justify-content: space-between;}
header .logo{font-size: 0;}
header .logo h1{width: .37rem;display: inline-table;vertical-align: middle;}
header .logo h1 img{width: 100%;}
header .logo .txt{border-left: 1px solid #CCC;margin-left: .1rem;padding-left: .1rem;color: #333;display: inline-table;vertical-align: middle;}
header .logo .txt p:nth-of-type(1){font-size: .16rem;}
header .logo .txt p:nth-of-type(2){font-size: .1rem;}
header .logo .txt p span{color: #01408f;}
header .center ul{font-size: 0;}
header .center li{text-align: center;padding: 0 .14rem;border-right: 1px solid #DDD;display: inline-block;font-size: .08rem;}
header .center li i{font-size: .18rem;}
header .center li:last-child{border-right: none;}
header .dianhua{font-size: 0;}
header .dianhua i{font-size: .2rem;display: inline-table;vertical-align: middle;border: 1px solid #CCC;border-radius: 100%;width: .28rem;height: .28rem;line-height: .28rem; text-align: center;color: #01408f;}
header .dianhua .txt{display: inline-table;vertical-align: middle;font-size: .1rem;margin-left: .1rem;}
header .dianhua .txt p:nth-of-type(2){font-size: .12rem;color: #01408f;font-weight: bold;}
header .dianhua .txt p:nth-of-type(3){font-size: .12rem;color: #01408f;font-weight: bold;}
header .top:after{display: none;}

.nav{font-size: 0px;background: #01408f;padding: 0 10%;}
.nav li{display: inline-block;position: relative;margin-right: .4rem;}
.nav li p{line-height: .36rem;font-size: .1rem;position: relative;padding:0 .02rem;text-transform: uppercase;font-weight: bold;}
.nav li p:after{content: "";display: block;position: absolute;left: 50%;bottom: 0;width: 0;z-index: 100;height: 3px;background: #FFF;opacity: 0;transform: translateX(-50%);}
.nav li:hover p:after{width: 100%;opacity: 1;}
.nav li.current p:after{width: 100%;opacity: 1;}
.nav li p a{display: block;color: #FFF;}
.nav li:hover p a{text-decoration: none;}
.nav li p a i{display: none;}
.nav li.current p a{color: #FFF;}
.nav li dl{position: absolute;left: 0%;top: .36rem;background: #FFF;transition: all .3s;text-align: left;font-size: 0px;width: 1rem;box-shadow: 0 3px 3px rgba(0,0,0,0.2);z-index: 100;display: none;}
.nav li dd{font-size: .08rem;position: relative;}
.nav li dd a{display: block;transition: all 0.3s;padding: .05rem .1rem;}
.nav li dd:hover a{display: block;text-decoration: none;background: #01408f;color: #FFF;}
.nav li dd:last-child{border-bottom: none;}
.nav li dd .san{position: absolute;left: 100%;top: 0px;visibility: hidden;opacity: 0;transition: all 0.3s;box-shadow: 0 3px 3px rgba(0,0,0,0.2);width: 1.4rem;}
.nav li dd:hover .san{visibility: visible;opacity: 1;}
.nav li dd:hover .san .list a{padding: 0.05rem 0.1rem;background: #FFF;color: #333;}
.nav li dd:hover .san .list a:hover{padding: 0.05rem 0.1rem;background: #01408f;color: #FFF;}

.navm{display: none;width: 1.2rem;height: 1.2rem;line-height: 1.2rem;text-align: center;color: #01408f;cursor: pointer;}
.navm span{font-size:.6rem;display: block;}


.waveser {position:relative;width: 100%;height:15vh;margin-bottom:-4px;min-height:100px;max-height:150px;}
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 980px) {
    .waveser {
      height:40px;
      min-height:40px;
    }
    .content {
      height:30vh;
    }
  }

.foot{background: #003373;}
.foot .foot_t{padding:.4rem 10% .2rem 10%;display: flex;justify-content: space-between;}
.foot .foot_t .left{display: flex;justify-content: space-between;width: 40%;flex-flow: wrap;}
.foot .foot_t .left dt{font-size: .1rem;font-weight: bold;margin-bottom: .1rem;color: #FFF;}
.foot .foot_t .left dd{line-height: 2;font-size: .1rem;}
.foot .foot_t .left dd a{transition: all 0.3s;color: #FFF;opacity: 0.5;}
.foot .foot_t .left dd a:hover{text-decoration: none;color: #FFF;opacity: 1;}
.foot .foot_t .left:after{display: none;}

.foot .foot_t .center ul{color: #FFF;}
.foot .foot_t .center li{padding-bottom: .1rem;display: flex;font-size: .1rem;}
.foot .foot_t .center li h2{font-weight: bold;opacity: 0.5;}
.foot .foot_t .center li i,.foot .foot_t .center li em{font-size: .14rem;margin-right: .05rem;opacity: 0.5;}
.foot .foot_t .center li .box{text-align: left;}

.foot .foot_t .right .pic{width: .6rem;}
.foot .foot_t .right .pic img{width: 100%;}
.foot .foot_t .right .txt{font-size: .1rem;line-height: 1.6;text-align: center;margin-top: .05rem;color: #FFF;opacity: .5;}
.foot .foot_t:after{display: none;}

.foot .foot_b{padding: .2rem 10%;color:#FFF;opacity: 0.5;border-top: 1px solid rgba(255, 255, 255, .1);font-size: .1rem;}
.foot .foot_b a{color:#FFF !important;font-size:.1rem !important;}