.header{width:100%;padding-bottom:.25rem;position:absolute;left:0;top:0;right:0;z-index:5;padding-top:.3rem}
.header::after{content:"";width:100%;height:.04rem;background-color:#1d63f3;position:absolute;top:0;left:0}
.header .rows{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .76rem 0 .56rem;position:relative;z-index:3}
.header .rows .logo{width:6.24rem;height:.6rem}
.header .rows .logo img{width:100%;height:100%}
.header .rows .header-navbar{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:end}
.header .rows .header-navbar .navbar-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .rows .header-navbar .navbar-top .tel{color:#fff;font-size:.16rem;margin-right:.28rem}
.header .rows .header-navbar .navbar-top .search{width:1.85rem;height:.36rem;border:1px solid rgba(255,255,255,.38)}
.header .rows .header-navbar .navbar-top .search form{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.header .rows .header-navbar .navbar-top .search form .sch-inp{width:100%;height:100%;background-color:transparent;border:none;color:rgba(255,255,255,.47);font-size:.16rem;padding-left:.09rem;padding-right:.32rem}
.header .rows .header-navbar .navbar-top .search form .btn-sch{position:absolute;top:0;right:.09rem;height:100%;width:.2rem;text-align:center;background-color:transparent;border:none}
.header .rows .header-navbar .navbar-top .search form .btn-sch img{width:.16rem;height:.18rem}
.header .rows .header-navbar .navbar-top .search2{display:none;width:21px;height:21px;border:none}
.header .rows .header-navbar .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.14rem}
.header .rows .header-navbar .nav .item{position:relative;margin:0 .05rem;padding:.15rem .15rem;border-radius:.26rem}
.header .rows .header-navbar .nav .item>a{color:#fff;font-size:.2rem;font-weight:700}
.header .rows .header-navbar .nav .item.active{background-color:#1d63f3;-webkit-transition:var(--transition);transition:var(--transition)}
.header .rows .header-navbar .nav .drow_down{height:0;position:absolute;left:-.17rem;top:100%;opacity:0;overflow:hidden;padding:0 .12rem;width:100%;padding-top:.24rem;width:1.44rem}
.header .rows .header-navbar .nav .drow_down::after{content:"";position:absolute;width:2px;height:24px;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#1d63f3}
.header .rows .header-navbar .nav .drow_down li{width:100%;background-color:rgba(255,255,255,.96)}
.header .rows .header-navbar .nav .drow_down li a{padding:.15rem .05rem;display:block;text-align:center;font-size:.16rem;color:#333}
.header .rows .header-navbar .nav .drow_down li a:hover{color:#fff;background-color:#1d63f3}
.header::before{transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .1s linear,-webkit-transform .5s cubic-bezier(.165,.84,.44,1);width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;background:rgba(0,64,152,.68);content:"";-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.header:hover::before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.header .rows .header-navbar .navbar-top .icon-hamburger{overflow:hidden;text-align:center;display:none;margin-left:10px}
.header .rows .header-navbar .navbar-top .icon-hamburger .inner{width:24px;display:inline-block;overflow:hidden}
.header .rows .header-navbar .navbar-top .icon-hamburger .line{width:100%;height:2px;display:block;background:#fff;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.header .rows .header-navbar .navbar-top .icon-hamburger .line:nth-child(2){margin:6px 0}
.header .rows .header-navbar .navbar-top .icon-hamburger.on .line:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.header .rows .header-navbar .navbar-top .icon-hamburger.on .line:nth-child(2){opacity:0}
.header .rows .header-navbar .navbar-top .icon-hamburger.on .line:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
.header .rows .header-navbar .navbar-top .icon-close{display:none}
@media screen and (max-width:1680px){
.center_top .rows,.header .rows{padding:0 1% 0 1%}
.center_top .rows .logo,.header .rows .logo{width:36.14%}
}
@media screen and (max-width:1312px){
.center_top .rows,.header .rows{padding:0 2% 0 2%}
.header .rows .header-navbar .nav .item{padding:.1rem;margin:0 .02rem}
.header .rows .header-navbar .nav .item>a{font-size:.22rem}
}
@media screen and (min-width:1080px){
.header .rows .header-navbar .navbar-top .icon-hamburger{display:none!important}
}
@media screen and (max-width:1080px){
.center_top .rows .logo,.header .rows .logo{width:46%;height:auto}
.header{position:fixed;background-color:#14378a!important}
.header .rows .header-navbar .nav{display:none}
.header .rows .header-navbar .navbar-top .icon-hamburger{display:block}
.header .rows .header-navbar .navbar-top .icon-close{display:none}
}
@media screen and (max-width:1080px){
.body_home,.header,body,html{height:auto}
.banner .banner-bg{display:none}
.body_b{position:static}
.body_b .center_top{display:none}
.header{background:url(../images/banner-top.png) no-repeat center top}
.home{margin-top:0}
.body_home .banner .tx-banner-bottom{display:none}
.banner .swiper .btn .dots .swiper-pagination-bullet-active::after{height:.36rem}
.header .rows .header-navbar .navbar-top .tel{font-size:.18rem}
.header .rows .header-navbar .navbar-top .search1{display:none}
.header .rows .header-navbar .navbar-top .search2{display:block;margin-right:.18rem}
.header .rows .header-navbar .navbar-top .search2 img{width:100%;height:100%;vertical-align:top}
}
.header .seach-box{display:none;background-color:#f6f6f6;padding:1.35em 1.25em;position:absolute;right:0;width:100%;-webkit-box-shadow:inset 0 5px 5px -5px #ccc;box-shadow:inset 0 5px 5px -5px #ccc;padding-bottom:1.7em;top:100%}
.header .seach-box .sch{width:100%;height:2.5em;overflow:hidden;background:#fff;padding:.375em 6.5em .375em 2.25em;border-radius:15px;position:relative}
.header .seach-box .sch .sch-inp{width:100%;height:100%;border:none;color:#333;background:#fff;margin-left:-10px}
.header .seach-box .sch .btn-sch{width:5.5em;height:2.5em;font-size:1em;display:block;background:var(--background);color:#fff;background-size:1.625em auto;position:absolute;right:0;top:0;border-top-right-radius:15px;border-bottom-right-radius:15px;text-align:center;line-height:2.5em;padding-top:1px;border:none}
.header .pop-ph-nav{width:100%;display:none;overflow-y:auto!important;position:absolute;left:0;top:100%;z-index:200;background:rgba(0,0,0,.3)}
.header .pop-ph-nav .ph-nav-list{width:100%;overflow:hidden;position:relative;z-index:100;background:#fff;-webkit-box-shadow:inset 0 5px 5px -5px #ccc;box-shadow:inset 0 5px 5px -5px #ccc}
.header .pop-ph-nav .ph-nav-list a{display:block}
.header .pop-ph-nav .ph-nav-list>li{position:relative;border-bottom:solid 1px #ececec}
.header .pop-ph-nav .ph-nav-list li:last-child{border-bottom:none}
.header .pop-ph-nav .ph-nav-list>li.on .nav-level1 .arrow{background:url(../images/ph-nav-icon2.png) no-repeat center center}
.header .pop-ph-nav .ph-nav-list>li.has-subnav .nav-level1 .arrow{display:block}
.header .pop-ph-nav .ph-nav-list .nav-level1{width:100%;display:block;overflow:hidden;padding:0 4%;font-size:1.125em;line-height:3.5em;position:relative}
.header .pop-ph-nav .ph-nav-list .nav-level1 a{float:left;color:#333;font-weight:400}
.header .pop-ph-nav .ph-nav-list .nav-level1 .arrow{width:.8em;height:.8em;display:none;overflow:hidden;background:url(../images/ph-nav-icon1.png) no-repeat center center;position:absolute;right:.937em;top:1.3em}
.header .pop-ph-nav .pop-links{background-color:var(--background);display:none;overflow:hidden}
.header .pop-ph-nav .pop-links .pop-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none;margin-top:10px}
.header .pop-ph-nav .pop-links .pop-list ul .item a{color:#fff;font-size:18px}
.header .pop-ph-nav .pop-links .pop-list ul .item::after{content:'|';color:#fff;padding-left:22px;padding-right:17px;font-size:20px}
.header .pop-ph-nav .pop-links .pop-list ul .item:last-child::after{display:none}
.header .pop-ph-nav .pop-links .search{padding:20px 0}
.header .pop-ph-nav .pop-links .search form{width:352px;height:52px;border:1px solid #fff;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .pop-ph-nav .pop-links .search form input{border:none;background:0 0;width:302px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#b8d0ec;padding-left:26px}
.header .pop-ph-nav .pop-links .search form input::-webkit-input-placeholder{color:#b8d0ec;font-size:16px}
.header .pop-ph-nav .pop-links .search form button{width:50px;height:100%;border:none;padding-left:0;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .pop-ph-nav .pop-links .search form button img{width:18px;height:18px}
.header .ph-nav-level2{width:100%;display:none;background:#e6edf3;padding:.75em 4% 1.5em 4%}
.header .ph-nav-level2 .nav-level2{font-size:1em;line-height:2em;color:#333}
.footer{width:100%;padding:.23rem 0 0;background:url(../images/footer-bg.png) no-repeat right bottom/cover;position:relative}
.footer .footer-container{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:.2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer .footer-container .left{float:left;width:5.4rem;padding-right:.46rem}
.footer .footer-container .left .logo{width:100%;height:100%;font-size:0}
.footer .footer-container .left .logo img{width:100%;height:auto}
.footer .footer-container .contect{-webkit-box-sizing:border-box;box-sizing:border-box;padding:.14rem .55rem 0 .62rem;font-size:.16rem}
.footer .footer-container .contect h4{display:inline-block;font-size:.22rem;font-weight:700;line-height:.22rem;color:#fff;margin-bottom:.26rem}
.footer .footer-container .contect .contect-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer .footer-container .contect .contect-content .bt div{padding-left:.35rem;background:no-repeat left center}
.footer .footer-container .contect .contect-content .bt div.add{background-image:url(../images/address.png);background-size:.18rem .17rem}
.footer .footer-container .contect .contect-content .bt div.iphone{background-image:url(../images/iphone.png);background-size:.18rem .17rem}
.footer .footer-container .contect .contect-content .bt div.email{background-image:url(../images/email.png);background-size:.2rem .15rem}
.footer .footer-container .contect .contect-content span{font-size:.16rem;color:#fff;line-height:2}
.footer .footer-container .wechat{text-align:center}
.footer .footer-container .wechat img{width:1.14rem;height:1.14rem}
.footer .footer-container .wechat p{text-align:center;color:#fff;padding-top:.19rem;font-size:.18rem}
.footer .footer_bottom{width:100%;border-top:.01rem solid rgba(255,255,255,.32);color:#fff;font-size:.16rem;padding:.24rem 0 .24rem;text-align:center}
.footer .footer_bottom .space{padding:0 .1rem}
.footer .footer_bottom i{font-style:normal}
.footer .footer_bottom a{color:#fff}
@media screen and (max-width:800px){
.footer{padding-top:43px}
.footer .footer-container .left{width:100%;margin-bottom:20px}
.footer .footer-container .line{display:none}
.footer .footer-container .contect h4{font-size:.32rem}
.footer .footer-container .contect{width:100%;padding-left:0}
.footer .footer-container .links{padding-left:0}
.footer .footer-container .contect .contect-content .bt div{background:no-repeat left center}
.footer .footer-container .wechat{margin-top:20px}
}
@media screen and (max-width:580px){
.footer .footer-container .links{width:100%;padding-top:14px;padding-bottom:10px}
.footer .footer-container .links .links-btn{width:100%;height:48px;line-height:48px;padding:0 .15rem 0;margin-bottom:15px;margin-top:14px}
.footer .footer_bottom{line-height:1.75}
}