/* pc头部 */
header{width: 100%;position: fixed;top:0;left:0;z-index: 99999;transition: all .3s;background:#fff;border-bottom: 1px solid #F0F0F0;}
header .logo{width:260px;}
header .nav{display: flex;align-items: center;justify-content: space-between;}
header .nav ul{margin-right:15px;}
header .nav ul li{margin-right:75px;height:100px;line-height:100px;position: relative;}
header .nav ul li a{display: block;font-size: 16px;color: #999;}
header .nav ul li::before{content:"";width:0;height:4px;background:#0D59BF;position: absolute;bottom:20px;left:50%;transform: translateX(-50%);transition:all ease .3s;border-radius:2px;}
header .nav ul li:hover::before,header .nav ul li.on::before{width:35px;}
header .nav ul li:hover a,header .nav ul li.on a{color:#0D59BF!important}
header .nav ul li .down{position: absolute;width: 168px;left:50%;transform: translateX(-50%);top:80px; display: none;text-align: center;background:url('../img/bg_nav.png') no-repeat top center;padding-top:30px;background-size:100% 100%;padding-bottom:15px;}
header .nav ul li .down a{display: block;font-size: 14px;padding: 0 9px;color:#95A3B8!important;position: relative;line-height:33px;transition: background-color .4s, color .4s;}
header .nav ul li .down a:hover {color:#0D59BF!important;font-weight: bold;}
header .m_nav,header .m_nav.show{display: none!important;}

header .link .a1,header .link .a2{width: 136px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #0D59BF;
  color:#0D59BF;
  font-size:16px;
  border-radius: 20px;align-items: center;justify-content: center;}
header .link a i{width:21px;height:21px;display:inline-block;background-position: center;background-size:100% 100%;margin-right:10px;}
header .link a.a1 i{background-image:url('../img/icon_user.png');}
header .link a.a2 i{background-image:url('../img/icon_fabu.png');}
header .link a.a2{background:#0D59BF;color:#fff;margin-left:25px;}
header .link .a2:hover{opacity:.88;}
header .lg1{display:none;}
header.header1{background:none;}
header .notlogin{margin-right:10px;color:#999}
header .notlogin a{color:#999}
header .notlogin a:hover{color:#0D59BF}
header.fix{box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.08);background:#fff;}
/* footer */
.footer{width:100%;position:relative;z-index:1;padding:60px 0;background:#1F1F26;color:#7F7F7F;}
.footer .footer_nav{position: relative;}
.footer .footer_nav .nav_tit{color:#fff;margin-bottom:20px;position:relative;padding-bottom:17px;font-weight: bold;}
.footer .footer_nav .nav_tit::before{content:"";width: 30px;
  height: 3px;background: #0D59BF;border-radius: 2px;position: absolute;bottom:0;left:0;}
.footer .footer_nav a{color:#7F7F7F}
.footer .footer_nav a:hover{color:rgba(255,255,255,.8)}
.footer .footer_nav ul{padding:8px 0;text-align: center;}
.footer .footer_nav .nav_dd p{height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:block;}
.footer .footer_nav .nav_dd a{color:rgba(255,255,255,.6)}
.footer .footer_nav .nav_dd p:hover a{color:rgba(255,255,255,.9)}
.footer .qrcode{width:134px;float:right;text-align:center;margin-top:25px;}
.footer .qrcode img{width:120px;margin-bottom:10px;}
.copyright{background:#0D0D0F;color:#7F7F7F;padding:20px 0;overflow: hidden;text-align: center;}
.copyright .fl{width:100%}
.copyright a{color:#7F7F7F;}
.copyright a:hover{color:rgba(255,255,255,.9)}
@media (max-width:1420px){
  header .nav ul li{margin-right:45px;}
  header .logo{max-width:200px;}
}
@media (max-width:1150px){
  header .nav ul li{margin-right:30px;}
  header .link a{width:110px;font-size:14px;}
  header .link a i{margin-right:2px;}
  header .logo{max-width:170px;}
}
@media (max-width:990px) {
header{padding:8px 0;}
header .link1{display:none;}
header.fix{box-shadow: 0px 1px 15px 1px rgba(0,0,0,0.08);}
header .nav ul,header .nav .lang,header .nav .user,header .nav .ser{display: none;}
header .logo{width:auto;}
header .logo img{height:30px;margin-top:4px;}
header .btn{display: block;position: absolute;right:15px;top:62%;transform: translateY(-50%);margin-right: 0;cursor: pointer;height:30px;}
header .search{position: absolute;right:45px;}
header .btn span{display: block;width: 24px;height: 1px;background-color: #000;border-radius: 1px;transition: all 0.3s;}
header .btn span:nth-child(1){transform: translate(0,0);}
header .btn span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn span:nth-child(3){transform: translate(0,16px);}
header .btn:hover span:nth-child(1){transform: translate(0,0px);}
header .btn:hover span:nth-child(2){transform: translate(0,8px);width: 24px;}
header .btn:hover span:nth-child(3){transform: translate(0,16px);}
header .m_nav{display: block!important;position: absolute;left: 110%;top: 0; width:80vw;background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.08);height: 100vh;transition: all 0.5s ease-out;}
header .m_nav.show{left:20vw;display: block!important;}
header .m_nav .close{position: absolute;top: 16px;right:18px; width:25px;height:25px;background: url(../img/h_out.png)no-repeat center;background-size: 100% 100%;z-index: 10;}
header .link{padding:25px 15px;}
/* menu */
.m_center{padding:65px  0 ;text-align: left;}
.m_center .li{border-bottom:1px solid #eee}
.m_center .li>a{font-size: 16px;line-height:45px;padding-left: 16px;position: relative;color: #333;display: block;}
.m_center .li>a.on{color:#0D59BF;}
.m_center .li.on>a{color: #0D59BF;}
.m_center .li.on>a:after{background-color: #0D59BF;}
.m_center .li ul{text-indent: 2em;display: none;padding:0 0 10px 0;}
.m_center .li ul a{line-height: 30px;font-size: 14px;}
.m_center .li ul a:hover{color: #0D59BF;}
.m_center .li{position: relative;}
.m_center .li.v2:after{content: "";position: absolute;top:0;right:10px;width:25px;height:45px;background: url(../img/pr_jt.png)no-repeat center;transition: all 0.3s;}
.m_center .li.on:after{transform: rotate(90deg);}
.m_center .li:nth-child(1):after{display:none;}
header.on{height: auto;}
.m_center .right{display: flex;align-items: center;}
.m_center .right .solid{width: 1px;height: 8px;background-color: #333333;margin-right: 10px;}
.m_center .right a{display: flex;justify-content: center;align-items: center; margin-right: 10px;}
.m_center .right a img{width: 13px;}
.footer{padding:15px 0;}
.footer .footer_nav li{border-bottom:1px solid rgba(255,255,255,.1);}
.footer .footer_nav .nav_tit{margin-bottom:0;position: relative;font-weight: normal;padding:15px 0;font-size:15px;}
.footer .footer_nav .nav_tit::before{display:none;}
.footer .footer_nav .nav_tit::after{content:"\e612";font-family:'iconfont';position: absolute;right:0;top:50%;transform: translateY(-50%);font-size:12px;color:#fff;}
.footer .footer_nav .nav_tit.on::after{transform: rotate(90deg);right:2px;}
.footer .footer_nav li .nav_dd{display:none;padding-bottom:15px;}
.footer .qrcode{width:100%;text-align:center;}
.footer .qrcode img{width:135px;margin-bottom:3px;display:inline-block}
.copyright{text-align:center;font-size:13px;padding:15px 0;}
.copyright .fl,.copyright .fr{width:100%;}
.copyright .fr{margin-top:3px;}
}
