.header{width:100%;position:fixed;top:0;left:0;border-bottom:1px solid rgba(255,255,255,1);z-index:99;padding:.24rem 0}
.header::after{content:"";width:100%;height:3.07rem;position:absolute;left:0;background:url(../images/headerBg.png) no-repeat center top -33px /cover;z-index:-1;top:0}
.header.scroll-bg{background-color:#0b56d2;border:none;}
.header.scroll-bg::after{display:none}
.header .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.header .rows .logo{width:5.07rem;height:.83rem}
.header .rows .logo img{width:100%}
.header .rows .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:15px}
.header .rows .nav .nav_item{padding:0 .21rem;position:relative}
.header .rows .nav .nav_item>a{color:#fff}
.header .rows .nav .nav_item>a span{text-align:center;font-weight:700;font-size:.2rem;margin-bottom:.07rem;display:block}
.header .rows .nav .nav_item>a p{font-size:.16rem;text-align:center;    font-family: Arial, Helvetica, sans-serif;}
.header .rows .nav .nav_item .drow_down{position:absolute;opacity:0;z-index:-1;height:0;top:100%;width:2.26rem;left:-50%;overflow:hidden;padding-top:.35rem}
.header .rows .nav .nav_item .drow_down li{height:.66rem;line-height:.66rem;position:relative;background-color:#fff;border-bottom:1px solid #dadada;padding:0 .1rem}
.header .rows .nav .nav_item .drow_down li:last-child{border-bottom:none}
.header .rows .nav .nav_item .drow_down li:hover{background-color:#044abe;border-color:transparent}
.header .rows .nav .nav_item .drow_down li:hover a{color:#fff}
.header .rows .nav .nav_item .drow_down a{font-size:.16rem;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;transition:all .3s;color:#333;text-align:center;display:block}
.header .rows .header-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .rows .serach{width:.39rem;height:.39rem}
.header .rows .serach button {border: none;background: transparent}
.header .rows .serach img{width:100%;height:100%}
.header .icon-hamburger{overflow:hidden;text-align:center;display:none;margin-left:.15rem}
.header .icon-hamburger .inner{width:24px;display:inline-block;overflow:hidden}
.header .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 .icon-hamburger .line:nth-child(2){margin:6px 0}
.header .icon-hamburger.on .line:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.header .icon-hamburger.hidden{display:none}
.header .icon-hamburger.on .line:nth-child(2){opacity:0}
.header .icon-hamburger.on .line:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
.header .icon-close{display: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}
@media screen and (max-width:1316px){
.header .rows .logo{height:auto;width:4.87rem}
.header .rows .nav .nav_item{padding:0 .1rem}
.header .rows .nav .nav_item>a span{font-size:18px;font-weight:600}
.header .rows .nav .nav_item>a p{font-size:14px}
}
@media screen and (max-width:1250px){
.header .rows .nav .nav_item>a span{font-size:16px;font-weight:600}
}
@media screen and (max-width:1210px){
.header .rows .nav .nav_item>a span{font-size:.22rem}
.header .rows .nav .nav_item>a p{font-size:.18rem}
}
@media screen and (max-width:1080px){
.header .rows .logo{width:4.68rem}
}
@media screen and (max-width:995px){
.header .rows .logo{width:37%}
.header .rows .nav{display:none}
.header .icon-hamburger{display:block}
.header .icon-close{display:none}
.header .rows .serach{margin-right:10px;width:25px;height:25px}
}
@media screen and (max-width:884px){
.header{background-color:#0b56d2}
}
.footer{width:100%;overflow:hidden;padding-top:.3rem;background:url(../images/footerBg.png) no-repeat center/cover}
.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:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footer .footer-container .left{float:left;width:35.8%;padding-right:4.8%;-webkit-box-sizing:border-box;box-sizing:border-box}
.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:0 .3rem 0 3.9%;font-size:16px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.footer .footer-container .contect h4{display:inline-block;font-size:22px;font-weight:700;line-height:22px;color:#fff;margin-bottom:17px}
.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}
.footer .footer-container .contect .contect-content{width:100%}
.footer .footer-container .contect .contect-content .bt div{line-height:32px;color:#fff}
.footer .footer-container .contect .contect-content .bt div span:first-child{margin-right:.12rem}
.footer .footer-container .links{padding-left:.31rem}
.footer .footer-container .links .links_btn{margin-top:.34rem;width:2.85rem;height:.5rem;line-height:.5rem;background:url(../images/arrow_down.png) no-repeat right .17rem center;background-size:.21rem .1rem;position:relative;z-index:99;cursor:pointer;border:.032px solid #73a3f5}
.footer .footer-container .links .links_btn>span{width:100%;background:url(../images/footer-arrow-down.png) no-repeat right 14px center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .5rem 0 .16rem;font-size:.16rem;color:#fff;display:inline-block}
.footer .footer-container .links .links_btn .links_item{display:none;width:100%;bottom:.32rem;background:#fff;position:absolute;max-height:2rem;overflow-y:auto;z-index:100}
.footer .footer-container .links .links_btn .links_item a{padding:0 .5rem 0 .16rem;width:100%;height:.5rem;display:block;color:#333;font-size:.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer .footer-container .links .links_btn .links_item a:hover{background-color:#f1f1f1}
.footer .footer_bottom{width:100%;border-top:1px solid rgba(255,255,255,.32);color:#fff;font-size:16px;padding:16px 0;text-align:center}
.footer .footer_bottom .space{padding:0 10px}
.footer .footer_bottom i{font-style:normal}
.footer .footer_bottom a{color:#fff}
.footer .footer_bottom a:hover{color:#5394e5}
@media screen and (max-width:1440px){
.footer_bottom{font-size:.2rem}
}
@media screen and (max-width:1360px){
.footer .footer-container .contect h4{font-size:.25rem}
.footer .footer-container .links .links_btn>span{font-size:.2rem}
.footer .footer-container .contect .contect-content .bt div{font-size:.2rem}
}
@media screen and (max-width:1200px){
.footer .footer-container .contect h4{font-size:16px}
.footer .footer-container .contect .contect-content .bt div{font-size:14px}
.footer .footer-container .links .links_btn>span{font-size:14px}
.footer .footer_bottom{font-size:14px}
}
@media screen and (max-width:900px){
.footer .footer-container .left{width:50%}
.footer .footer-container .contect{width:50%}
.footer .footer-container .line2 img{display:none}
.footer .footer-container .links{width:100%;margin-bottom:.2rem;margin-top:-10px;padding:0}
}
@media (max-width:800px){
.footer .footer-container .left{width:70%}
.footer .footer-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start}
.footer .footer-container .line img{display:none}
.footer .footer-container .contect{width:100%;margin-top:30px;padding:0}
.footer .footer-container .links{margin-top:20px}
}