.header{height: 120px;width: 73%;margin: 0 auto;box-sizing: border-box;background-color: #fff;}

.logo{display: inline-block;float: left;margin-top: 32px;}
.logo img{max-height: 3.5vw;}

.nav_xl_a {position:relative;cursor:pointer;z-index:999;display: none;width:50px; height:50px;float: right;margin-top: 18px;}
.nav_xl_a span {position:absolute; opacity:1; left:0; top:50%;width:100%; height:3px; background:#8b989b;}
.nav_xl_a:before, .nav_xl_a:after {position:absolute; content:''; left:0; top:50%; width:100%; height:3px; background:#8b989b; transition:.4s all ease;}
.nav_xl_a:before {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.nav_xl_a:after {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}
.a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.a1 span{display: none;}
.lag{float: right;line-height: 116px;color: #999999;font-size: 16px;letter-spacing: 2px;position: relative;padding-left: 1.66vw;}
.lag a{color: #999999;letter-spacing: 1px;}
.lag .cn{color: #19458d;}
.lag:before{display: block;content: "";width: 1px;height: 14px;position: absolute;top: 53px;left:0;background-color: #ddd;}

.MenuList_f1{float: right;z-index: 11;}
.MenuList_f1 .menu{text-align: right;font-size: 0;}
.MenuList_f1 .menu li h3{font-weight: normal;}
.MenuList_f1 .menu li{display: inline-block;line-height: 116px;border-bottom: 4px solid transparent;}
.MenuList_f1 .menu li a{display: block;color: #444444;padding: 0 1.66vw;font-size: 16px;}
.MenuList_f1 .menu li:hover a span {color: #19458d;}
.MenuList_f1 .menu li:hover {border-color: #19458d;}
.MenuList_f1 .menu .on a span{color: #19458d;}
.MenuList_f1 .menu .on {border-color: #19458d;}
.MenuList_f1 .child{display: none;}

.footer{background-color: #333333;padding-top: 80px;}
.footer .top,.footer .bottom {width: 73%;margin: 0 auto;}
.footer .top{padding-bottom: 32px;border-bottom: 1px solid #555555;}
.footer .top .fl li{float: left;}
.footer .top .fl li a{color: #fff;font-size: 14px;height: 13px;line-height: 13px;padding: 0 2vw;border-right:1px solid #555555; }
.footer .top .fl li:nth-last-child(1) a{border: none;}
.footer .top .fl li:nth-child(1) a{padding-left: 0;}
.footer .top .fl .cont_txt{margin-top: 50px;}
.footer .top .fl .cont_txt p{color: #999999;font-size: 14px;line-height: 2.0;}
.footer .top .fr img{height: 3.4vw;display: inline-block;}
.copyright{text-align: center;padding: 30px 0;line-height: 1.5;}
.copyright p{display: inline-block;color: #666666;}
.copyright a{display: inline-block;color: #666666;}
.icon_list{display: none;}
.icon_list li{float: left;display: inline-block;margin: 29px 24px 0 0;}
.icon_list li a{display: block;height: 21px; }
.icon_list li:nth-child(1) a{background: url('../images/icon.png') no-repeat 0 0;width: 24px;}
.icon_list li:nth-child(2) a{background: url('../images/icon.png') no-repeat -47px 0;width: 19px;}
.footer .copyright i{position: relative;top: 5px;margin: 0 5px;display: inline-block;width: 17px;height: 19px;background: url("../images/pblogo.png") no-repeat;}

@media screen and (max-width: 1380px){
    .header,.footer .top, .footer .bottom{width: 80%;}
}
@media screen and (max-width: 1024px){
    body{padding-top: 120px;}
    .header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;padding: 0 5%; box-shadow: 0px 7px 3px rgba(0,0,0,0.03);}
    .footer{padding: 70px 0;}
    .nav_xl_a{margin-top: 30px;display: block;}
    .lag:before{display: none;}
    .lag{margin-right: 1em;padding-left: 0;}
    .MenuList_f1{display: none;width: 100%;height:auto;padding-bottom: 3vw; position: fixed;left: 0;top: 120px;box-shadow: 0px 7px 3px rgba(0,0,0,0.03);background: rgba(255,255,255,1);color: #ccc;}
    .MenuList_f1 .menu li {width: 100%;line-height: 1.0;height: auto;text-align: center;padding: 3vw 0;}
    .MenuList_f1 .menu li a{font-size: 18px;color: #333;width: 80%;margin: 0 auto;}
    .MenuList_f1 .menu li:nth-last-child(1) span{padding: 0;border-color: transparent;}

    .footer .top .bot_list li a{padding: 0 15px;}
    .footer .top, .footer .bottom{width: 90%;}
     .footer .top .fr img{height: 55px;}
   
    .MenuList_f1 .menu .on,.MenuList_f1 .menu li:hover{border: none;}
    .MenuList_f1 .menu .on a span,.MenuList_f1 .menu .on a span, .MenuList_f1 .menu .on a span{color: #19458d;}

}
@media screen and (max-width: 768px){
    body{padding-top: 70px;}
    .header{height: 70px;}
    .MenuList_f1{top: 70px;padding-top: 4vw;}
    .logo{margin-top: 20px;}
    .logo img{height: 35px;}
    .nav_xl_a{margin-top: 9px;display: block;}
    .lag{line-height: 70px;}

    .footer {padding: 30px 0;}
    .footer .top { padding-bottom: 20px;}
    .footer .top .fr{text-align: center;}
    .footer .top .fr img{height: 35px;}
    .footer .top .bot_list{margin-top: 10px;}
    .footer .top .fr{float: none;}
    .footer .top .fl{display: none;}
}
@media screen and (max-width: 640px){
    body{padding-top: 14vw;}
    .header{height: 14vw;}
    .MenuList_f1{top: 14vw;padding-top: 4vw;}
    .logo{margin-top: 2vw;width: 50%;height: 10vw;position: relative;}
    .logo img{max-width: 100%;height: auto;max-height: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
    .nav_xl_a{margin-top: 2vw;display: block;height: 9vw;width: 9vw;}
    .lag{line-height: 14vw;}
    .header{padding: 0 3%;}
    .footer .top, .footer .bottom{width: 94%;}
    .footer {padding: 20px 0;}
    .footer .logo img{height: 25px;}
    .icon_list{display: none;}
    .copyright{text-align: center;padding: 0;}
    .footer .top{display: none;}


}