header nav,header nav .header-right .menu span,header nav .header-right .menu span::after,header nav .header-right .menu span::before,header nav .navbar-nav,header nav .navbar-nav>li a,header .form>.iconfont{transition:all 0.3s ease-in-out}header nav .navbar-nav>li a::after{transition:all 0.5s ease-in-out}@media screen and (max-width: 768px){.main{width:100%}}body,ul,li,figure{margin:0;list-style:none;padding:0;font-family:Arial, Helvetica, sans-serif,"微软雅黑","思源黑体"}body{overflow-x:hidden;width:100%}i{font-style:normal}h1,h2,h3,h4,h5,h6,figure{font-weight:normal;margin:0;padding:0}a{text-decoration:none}.none{display:none}.line{width:.7rem;height:.03rem;background:#077296}.main{width:12rem;margin:0 auto}.text-indent-none{text-indent:0 !important}header{width:100%;display:block;font-size:0}header .h-top{display:block;border-bottom:1px solid #ddd}header .h-top .l{display:inline-block}header .h-top .l .box{display:inline-block;padding:0 .14rem;border-left:1px solid #ddd;line-height:.44rem}header .h-top .l .box:last-of-type{border-right:1px solid #ddd}header .h-top .l .box i{color:#077296;font-size:.18rem;display:inline-block;margin-right:.05rem;vertical-align:middle}header .h-top .l .box span{font-size:.12rem;color:#878790;display:inline-block;vertical-align:middle}header .h-top .r{float:right;padding:0 .1rem;border-left:1px solid #ddd;border-right:1px solid #ddd}header .h-top .r a{display:inline-block;font-size:.16rem;color:#000;line-height:.44rem;margin:0 .09rem}header .h-top .r a:hover{color:#077296}header nav{width:100%;display:block;font-size:0;position:relative}header nav .logo{display:inline-block;margin:.2rem 0 .23rem;vertical-align:top}header nav .logo img{max-width:100%;height:.6rem;display:inline-block;vertical-align:middle}header nav .logo .text{display:inline-block;vertical-align:middle;max-width:1.9rem;margin-left:.1rem}header nav .logo .text h2{display:block;font-size:.18rem;font-family:"Arial Black",Arial,"微软雅黑","思源黑体";color:#625f5f;text-transform:uppercase}header nav .logo .text span{font-size:.12rem;line-height:.14rem;color:#a7a7a7;display:block}header nav .header-right{float:right}header nav .header-right .menu{display:none}header nav .navbar-nav{display:block;margin-top:.4rem}header nav .navbar-nav .logo2{display:none;margin:.2rem 0 .23rem;vertical-align:top}header nav .navbar-nav .logo2 img{max-width:100%;height:.6rem;display:inline-block;vertical-align:middle}header nav .navbar-nav .logo2 .text{display:inline-block;vertical-align:middle;max-width:1.9rem;margin-left:.1rem}header nav .navbar-nav .logo2 .text h2{display:block;font-size:.18rem;font-family:"Arial Black",Arial,"微软雅黑","思源黑体";color:#625f5f;text-transform:uppercase}header nav .navbar-nav .logo2 .text span{font-size:.12rem;line-height:.14rem;color:#a7a7a7;display:block}header nav .navbar-nav>li{display:inline-block;position:relative}header nav .navbar-nav>li:not(:last-of-type){margin-right:.4rem}header nav .navbar-nav>li a{line-height:.24rem;color:#000;font-weight:bold;font-size:.16rem;position:relative}header nav .navbar-nav>li a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;background:#077296;width:0}@media screen and (min-width: 768px){header nav .navbar-nav>li:hover a,header nav .navbar-nav>li.active a{color:#077296}header nav .navbar-nav>li:hover a::after,header nav .navbar-nav>li.active a::after{width:100%}}header nav .navbar-nav .share{display:none}header .form{display:none;vertical-align:top}header .form>.iconfont{position:relative;top:.45rem;font-size:.2rem;color:#fff;font-family:'common';cursor:pointer}header .form>.iconfont:hover{color:#077296}header .form .form-inline{position:fixed;height:100vh;width:100%;top:-100vh;background-color:rgba(0,0,0,0.8);left:0;transition:all 0.5s ease-in-out 1s}header .form .form-inline .form-close{font-family:"common";font-size:.32rem;color:#fff;position:absolute;right:.6rem;top:.4rem;cursor:pointer;transition:all 0.5s ease-in-out .5s;opacity:0}header .form .form-inline .form-close:hover{opacity:.8;transform:rotate(270deg)}header .form .form-inline .form-group{position:absolute;top:35vh;left:50%;transform:translateX(-50%);width:90%;max-width:12.8rem}header .form .form-inline .form-control{position:absolute;background:none;width:0;border:none;border-bottom:1px solid #ccc;font-size:.3rem;padding:0;line-height:2;transition:all 0.4s ease-in-out .5s;outline:none;color:#fff;letter-spacing:2px;opacity:0}header .form .form-inline .form-control::placeholder{color:#fff;letter-spacing:2px}header .form .form-inline button{position:absolute;right:0;background:none;border:none;font-size:.24rem;padding:0;line-height:2;font-family:"common";cursor:pointer;transition:all 0.4s ease-in-out;opacity:0;color:#fff}header .form .form-inline button:hover{opacity:.8}header .form .form-inline.active{top:0;transition:all 0.5s ease-in-out}header .form .form-inline.active .form-close{opacity:1;transition:opacity 0.5s ease-in-out .4s, transform .5s ease-in-out}header .form .form-inline.active .form-control{width:100%;padding:0 .2rem;opacity:.7;transition:all 0.4s ease-in-out .5s}header .form .form-inline.active button{opacity:.7;transition:all 0.4s ease-in-out .5s}header .nav_Menu{display:none}@media screen and (max-width: 768px){.main{width:100%}header{position:fixed;top:0;left:0;z-index:99;height:.8rem;background:#fff}header .h-top{display:none}header .nav_Menu{display:none;background:#077296}header .nav_Menu li{width:33.33%;display:inline-block;box-sizing:border-box;border-top:1px solid #fff}header .nav_Menu li:not(:nth-of-type(3n)){border-right:1px solid #fff}header .nav_Menu li a{display:block;text-align:center;text-transform:uppercase;font-size:.16rem;height:.4rem;line-height:.4rem;color:#fff;font-family:'Al-R'}.navber{position:fixed;right:0;top:0;display:block}.navber .logo{height:.5rem;margin:0;width:80%;position:absolute;left:.2rem;top:.15rem;z-index:1;transition:all 0.5s ease-in-out;opacity:1}.navber .logo img{max-height:100%}.navber .logo .text h2,.navber .logo .text span{transition:all 0.5s ease-in-out}.navber .header-right{display:block;position:relative}.navber .header-right .menu{display:block;width:.25rem;height:.4rem;position:fixed;right:.25rem;top:.23rem;z-index:2}.navber .header-right .menu span{display:block;background:#333;width:100%;height:2px;position:absolute;top:50%;transform:translateY(-50%);left:0;transition:all 0.5s ease-in-out}.navber .header-right .menu span::after{content:"";background:#333;width:100%;height:2px;position:absolute;top:-.07rem;left:0;transition:all 0.5s ease-in-out}.navber .header-right .menu span::before{content:"";background:#333;width:100%;height:2px;position:absolute;bottom:-.07rem;left:0;transition:all 0.5s ease-in-out}.navber .navbar-nav{width:100%;left:0;display:flex;flex-flow:column;justify-content:center;position:fixed;top:-100vh;background:#1b1f2d;height:100vh;margin:0;padding:0 .7rem;box-sizing:border-box;transition:all 0.5s ease-in-out .5s;opacity:0}.navber .navbar-nav .logo2{display:block;height:.5rem;margin-bottom:.3rem}.navber .navbar-nav .logo2 img{max-height:100%}.navber .navbar-nav li{margin:0;opacity:0;transition:all 0.5s ease-in-out;text-align:left;padding:.16rem 0}.navber .navbar-nav li a{font-size:.18rem;font-weight:normal;display:inline-block;color:#fff;margin:0;font-family:'Al-R';position:relative}.navber .navbar-nav li a::after{content:'';position:absolute;left:0;bottom:-.05rem;height:2px;background:#fff}.navber .navbar-nav li::after{display:none}.navber .navbar-nav li.active a::after{width:100%}.navber .navbar-nav .share{font-size:.2rem;display:block;border-top:1px solid rgba(255,255,255,0.2);margin-top:.1rem;padding-top:.2rem;transition:all 0.5s ease-in-out;opacity:0}.navber .navbar-nav .share a{color:#fff}.navber .navbar-nav .share a:not(:last-of-type){margin-right:.14rem}.navber.open{pointer-events:auto;height:100vh}.navber.open .logo{opacity:0}.navber.open .logo .text h2{color:#fff}.navber.open .logo .text span{color:#fff}.navber.open .logo2{opacity:1}.navber.open .logo2 .text h2{color:#fff}.navber.open .logo2 .text span{color:#fff}.navber.open .menu span{background:transparent}.navber.open .menu span::after,.navber.open .menu span::before{transform:rotate(45deg);top:0;bottom:0;background:#fff}.navber.open .menu span::before{transform:rotate(-45deg)}.navber.open .navbar-nav{top:0;opacity:1;transition:all 0.5s ease-in-out}.navber.open .navbar-nav li,.navber.open .navbar-nav .share{opacity:1;transition:all 0.5s ease-in-out .5s}}
