/* pc头部 */
header{width: 100%;position: fixed;top:0;left:0;z-index: 99999;transition: all .3s;background:#fff;border-bottom: 1px solid #F0F0F0;}
header .wp{ display: flex;justify-content: space-between;align-items: center;}
header .logo{width:243px;}
header .logo img{max-width:100%;}
header .nav{display: flex;align-items: center;justify-content: space-between;}
header .nav ul{margin-right:4vw;display: flex;}
header .nav ul li{margin-right:45px;height:100px;line-height:100px;position: relative;}
header .nav ul li:last-child{margin-right: 0;}
header .nav ul li a{display: block;font-size: 16px;color: #333;}
header .nav ul li::before{content:"";width:0;height:4px;background: linear-gradient(90deg, #0256AC, #024A94);position: absolute;bottom:25px;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:100%;}
header .nav ul li:hover a,header .nav ul li.on a{color:#0256AC!important}
header .nav ul li .v2{position: absolute;width: 160px;left:50%;transform: translateX(-50%);top:100px; display: none;text-align: center;}
header .nav ul li .v2 .dd2{position: relative;}
header .nav ul li:nth-child(3)  .v2_link{border-bottom:1px solid #eee;font-weight:bold;margin-bottom:15px;}
header .nav ul li:nth-child(2) .v3{display:none;}
header .nav ul li:nth-child(3) .v2{position:fixed!important;top:100px;z-index:2;width:100vw;justify-content:center;left:50%;
transform: translateX(-50%);display:none;
background:#fff;
}
header .nav ul li:nth-child(3):hover .v2{display:flex!important;}
header .nav ul li:nth-child(3) .v3{box-shadow:none!important;padding-bottom:25px;
}
header .nav ul li:nth-child(3) .down.v3{box-shadow:none!important;}
header .nav ul li:nth-child(3) .v2 .dd{margin:0 35px;}
header .nav ul li .down a{display: block;font-size: 14px;padding: 0 14px;color: #333!important;background:rgba(255,255,255,.5);position: relative;line-height:36px;transition: background-color .4s, color .4s;}
header .nav ul li .down a:hover {color: #023693!important;}
header.ny{border-bottom: 1px solid #E2E2E2;}
header .m_nav,header .m_nav.show{display: none!important;}
header .search{width:20px;height:46px;margin:2px 15px 0 35px ;position:relative}
header .search::before{content:"";width:2px;height:17px;background:rgba(0,0,0,.27);position: absolute;left:-50px;top:50%;transform: translateY(-50%);}
header .search .btn{font-size:18px;opacity:.75;position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;line-height:46px}
header .search .btn input{width:100%;height:46px;cursor:pointer;position:absolute;z-index:1;left:0;right:auto;top:0;bottom:auto;background:rgba(255,255,255,0);border:0}
header .search .btn i{color:#666;font-size:23px}
header .search .btn:hover{opacity:1}
header .search .input{position:absolute;z-index:1;left:auto;right:-12px;top:5px;bottom:auto;height:36px;width:20px;opacity:0;transition:.3s;border-radius:22px}
header .search .input input{width:100%;line-height:36px;padding:0 4px 0 12px;border:0;background:none;color:#333;outline:0;display:block}
header .search:hover .input{width:220px;border:1px solid #999;opacity:1;visibility:visible;background:#fff}
header .search:hover  i{color:#999}
header .search  button{background:none;margin-right:6px;}
header.fix .nav ul li .down a{background:#fff;}
header.fix .nav ul li .down{box-shadow: 0 1px 5px rgba(0,0,0,.115)!important;}
/* footer */
.footer_wrap{background:#28292A;clear:both;color:#fff;background-size:cover;z-index:1;position: relative;}
.footer{width:100%;position:relative;z-index:1;padding:20px 0 0 0}
.footer .logo{margin-top:2rem;}
.footer .fbox1{padding:0 0 25px 0;clear:both;position:relative;z-index:1;}
.footer .fbox2{font-size:14px;padding:3.8vw 0;clear:both;border-top:1px solid rgba(255,255,255,.2);margin-top:5px;position:relative;z-index:0}
/* share start */
.footer .share{padding:0;margin-top:45px;}
.footer .share a{width: 34px; height: 34px;line-height:30px; text-align:center; border: 1px solid rgba(248, 248, 248, .8); border-radius: 6px;margin-left:15px;display:inline-block;}
.footer .share a i{font-size:22px;color:rgba(248, 248, 248, .8);}
.footer .share a:hover{border: 1px solid #fff;}
.footer .share a:hover i{color:#fff}

.footer .qrcode2 li{margin-right:15px;}
/* share end */
.footer .footer_nav{position: relative;padding-right:12%;}
.footer .footer_nav .title{color:#fff;padding-bottom:13px;}
.footer .footer_nav a{color:#fff}
.footer .footer_nav a:hover{color:rgba(255,255,255,.8)}
.footer .footer_nav ul{padding:8px 0}
.footer .footer_nav li:nth-child(4),.footer .footer_nav li:nth-child(n+7){display:none}
.footer .footer_nav .dd p{height:32px;line-height:32px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;}
.footer .footer_nav .dd a{color:#C9C9C9}
.footer .footer_nav .dd p:hover a{color:rgba(255,255,255,.9)}
.footer .qrcode{text-align:center;max-width:150px;margin:0 auto}
.footer .qrcode .ewm{margin-bottom:10px}
.footer .lxfs{color:#fff;padding-left:3vw;margin-left:2vw;position: relative;}
.footer .lxfs::after{content:"";width:1px;height:212px;background:rgba(255,255,255,.2);position: absolute;left:0;top:0;}
.footer .lxfs li{margin-bottom:30px;overflow:hidden;width:100%}
.footer .lxfs li .icon{width: 37px; height: 37px;flex-shrink:0; border: 1px solid #fff;text-align:center;line-height:37px; border-radius: 50%;margin-right:15px;}
.footer .lxfs li .icon i{font-size:20px}
.footer .lxfs li .cont{margin-top:5px;}
.footer .lxfs li:last-child{margin-bottom:0;}
.copyright{color:#fff;border-top:1px solid rgba(255,255,255,.2);clear:both;padding:24px 0;position: relative;z-index:2;}
.copyright a{color:#fff;}
.copyright a:hover{color:rgba(255,255,255,.8)}
.copyright .links{float:right;position: relative;}
.copyright .links i{font-size:18px;margin-right:6px;}
.copyright .links ul{position: absolute;right:0;bottom:19px;z-index:1;background:rgba(255,255,255,.1);width:90px;text-align:center;border-radius:2px;z-index:2;display:none;}
.copyright .links ul li{height:35px;line-height:35px;border-bottom:1px solid rgba(255,255,255,.1)}
.copyright .links ul li:last-child{border-bottom:0;}
.copyright .links:hover ul{display:block;}
.lightbox{background:rgba(0,0,0,.5);position: fixed;left:0;top:0;width:100%;height:100%;z-index:1;display:none;}
.bgf9{background:#f9f9f9!important;}
/*底部固定工具条*/
.toolbar{background: #0256ac; position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; display:none;height:48px;}
.toolbar li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;}
.toolbar li a {line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;color:#fff;}
.toolbar li a img{width:24px;height:24px;}
.toolbar li a p{margin: -2px 0 1px 0;font-size: 12px;display: block !important;line-height: 18px;text-align: center;}
@media (max-width:1460px) {
    header .nav ul li{margin-right:30px;}
}
@media (max-width:1340px) {
header .nav ul li{margin-right:20px;}
header .logo{width:180px;}
}
@media (max-width:1200px) {
header .nav ul li{margin-right:15px;}
header .logo{width:160px;}
header .search{margin-left:25px;}
header .search::before{display:none;}
header .nav ul{margin-right:0;}
}
@media (max-width:1200px) {
header .nav ul li a{font-size:14px}   
}
@media (max-width:980px) {
body{padding-bottom:48px;}
header{padding:5px 0;}
header .nav ul,header .nav .lang,header .nav .user,header .nav .ser{display: none;}
header .logo img{height:35px;margin-top:5px;}
header .btn{display: block;position: absolute;right:15px;top:62%;transform: translateY(-50%);margin-right: 0;cursor: pointer;height:30px;}
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: 72vw;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:28vw;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 .search{width:100%;position: relative;}
header .search .btn{font-size:18px;opacity:.75;position:absolute;left:initial;top:43%;right:10px;width:30px;transform: translateY(-50%);bottom:initial;padding-top:0;height:40px}
header .search .btn i{color:#666;font-size:17px}
header .search .input{position:absolute;right:-7px;top:5px;bottom:auto;height:36px;width:8px;opacity:0;transition:.3s;border-radius:22px}
header .search .input{width:100%!important;border:1px solid #ddd;opacity:1;visibility:visible;background:#fff;right:10px;}
.mlang{display:block;margin-right:40px;font-size:19px;margin-top:0;}
header .search{margin-left:15px;}
header .search::before{display:none;}
header .search button{height:36px;line-height:36px;background:none;margin-right:10px;}
/* menu */
.m_center{padding:65px 16px 30px 16px;text-align: left;}
.m_center .li{margin-bottom:12px;}

.m_center .li>a{font-size: 16px;line-height:30px;padding-left: 16px;position: relative;color: #333;display:block;z-index:1;display:block}
.m_center .li>a.on{color:#023693;}
.m_center .li.on>a{color: #023693;}
.m_center .li.on>a:after{background-color: #023693;}
.m_center .li ul{text-indent: 2em;display: none;}
.m_center .li ul a{line-height: 32px;font-size: 14px;}
.m_center .li ul a:hover{color: #023693;}
.m_center .li .v3{padding:10px 0;padding-left:15px;display:none}
.m_center .li .v3 a{display:block}
.m_center .v2{position: relative;}
.m_center .v2:after{content: "";position: absolute;top:0;right:-5px;width:25px;height: 30px;background: url(../img/pr_jt.png)no-repeat center;transition: all 0.3s;z-index:0;}
.m_center .li.on:after,.m_center .li2.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-top:20px;}
.footer .fbox1{padding-bottom:15px;}
.footer .wp2{padding-top:15px!important;}
.footer .fbox1 .logo{margin-bottom:25px;}
.footer .qrcode2 li{margin-right:5px;}
.footer .fbox1 .logo img{width:120px;margin-top:10px;}
.footer .logo{margin-top:0;}
.footer .share{margin-top:35px;}
.footer .share a{width:23px;height:23px;line-height:23px;margin-left:2px;}
.footer .share a i{font-size:18px;}
.footer .fbox2{padding-bottom:10px}
.footer .lxfs{padding-left:0;margin-left:0;margin:15px 0;}
.footer .lxfs::after{display:none;}
.footer .lxfs li{margin-bottom:18px;}
.footer .lxfs li .icon{width:30px;height:30px;line-height:30px;margin-right:10px;}
.footer .lxfs li .icon i{font-size:16px;}
.copyright{text-align:center;padding:15px 0;}
.copyright .bn{clear:both;display:block;margin:10px 0 0 0;}
.copyright .links{display:inline-block;width:100%;text-align:center;display:none;}
}
@media (max-width:750px) {
.toolbar{display: block;}
}