@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0; padding: 0;}
body, button, input, select, textarea{font: 14px/1.5 微软雅黑, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
address, cite, dfn, em, i, var{font-style: normal;}
ul, ol{list-style: none;}
legend{color: #000;}
fieldset, img{border: 0; vertical-align: bottom; transition: all 0.3s;}
section, article, aside, header, footer, nav, dialog, figure{display: block;}
figure{margin: 0;}
button, input, select, textarea{font-size: 100%; border:0; background:none; outline:none;}
table{border-collapse: collapse; border-spacing: 0;}
.clear{display: block; height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: '\20'; display: block; height: 0; clear: both;}
.clearfix{*zoom:1;}
a:link, a:visited, a:hover, a:active{text-decoration: none;}
/*a{blr:expression_r(this.onFocus=this.blur());}*/
a{text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/}
.hidden{display: none;}
.invisible{visibility: hidden;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.fn{float:none;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.hide{display:none;}
.show{display:block;}
.noBg{background: none !important;}
.noBorder{border: none !important;}
.noMg{margin: 0!important;}
.mr0{margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/
/*Body*/
body{color: #000000; background:#fff;}
a{color: #000000;}
a:hover{color: #940e03;}

@media (min-width: 768px){
    html{font-size: 28px!important;}
}
@media (min-width: 1025px){
    html{font-size: 30px!important;}
}
@media (min-width: 1440px){
    html{font-size: 34px!important;}
}
@media (min-width: 1680px){
    html{font-size: 40px!important;}
}

.g-in{width:1400px; margin:0 auto;}.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.b-in{width:1200px; margin:0 auto;}.b-in:after{content:'\20';display:block;height:0;clear:both}.b-in{*zoom:1}
.s-in{width:1200px; margin:0 auto;}.s-in:after{content:'\20';display:block;height:0;clear:both}.s-in{*zoom:1}
.wrapper{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.wrapper img{vertical-align:top;}
@media screen and (max-width: 1400px) {
  .g-in{width: 1200px;}
}

@media screen and (max-width: 1200px) {
  .g-in{width: 94%;}
}

@media screen and (max-width: 700px) {
  .wrapper img{max-width: 100%;}
}

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.topArea_bb{position: fixed;top: 0;left: 0;right: 0;z-index: 10;}
.topArea_bb.bg{background: url(bg_nav.jpg) no-repeat left top;}
.topArea_bb.bgi{background: url(bg_nav.jpg) no-repeat left top;}
.topArea_bb .cont{width: 94%; margin: 0 auto;}
.topArea_bb .logo{float: left;padding: 28px 0;}
.topArea_bb .topLink{float: right;}
.topArea_bb .topLink ul li{display: inline-block;padding: 51px 0;cursor: pointer;}
.topArea_bb .topLink ul li:nth-child(1){width: 17px;height: 17px;background: url(ico_01_bb.png) no-repeat center center;}
.topArea_bb .topLink ul li:nth-child(2){width: 24px;height: 15px;background: url(ico_02_bb.png) no-repeat center center;}
.topArea_bb .nav{float: right;margin-right: 13px;}
.topArea_bb .nav ul li{float: left;}
.topArea_bb .nav ul li > a{display: block;padding: 40px 32px;font-size: 18px;color: #ffffff;}
.topArea_bb .nav ul li:hover > a {color: #0187cc;}
.nav .subNav{display: none;}
.subNav {position: absolute;width: 100%;height: 532px;left: 0;right: 0;top: 100%;margin-top: -1px;padding-top: 52px;background: url(subnav_bg.jpg) no-repeat left top;border-top: 1px solid #3e5c83;display: block;}
.subNav .sub-cont{width: 94%;margin: 0 auto;}
.subNav .a1 {float: left;padding-left: 210px;}
.subNav .a1 .tit {margin-bottom: 25px;font-size: 24px;color: #0187cc;}
.subNav .a1 .a1-nav .item > a {position: relative;display: block;margin-bottom: 30px;padding-left: 15px;font-size: 20px;color: #ffffff;}
.subNav .a1 .a1-nav .item > a::before {position: absolute; left: 0; top: 50%; content: '\20'; width: 3px; height: 15px; transform: translateY(-50%); background: rgba(255, 255, 255, .3);}
.subNav .a1 .a1-nav .item > a:hover {color: #0187cc;}
.subNav .a1 .a1-nav .item > a:hover::before {background: #018ed0;}
.subNav .a1 .a1-nav .item .a2{display: none;}
.subNav .a1 .a1-nav .item.current .a2 {display: block;}
.subNav .a2 {position: absolute;left: 540px;top: 55px;width: 34%;}
.subNav .a2.show {display: block;}
.subNav .a2 .tit {margin-bottom: 34px;font-size: 20px;color: #ffffff;}
.subNav .a2 .tip {/* width: 78%; */margin-bottom: 50px;font-size: 16px;color: rgba(255, 255, 255, .6);line-height: 24px;}
.subNav .a2 .a2-nav a {position: relative;display: block;float: left;margin-right: 64px;margin-bottom: 36px;padding-bottom: 10px;font-size: 18px;color: #ffffff;}
.subNav .a2 .a2-nav a::before {position: absolute; left: 0; bottom: 0; content: '\20'; width: 100%; height: 1px; background: #416188;}
.subNav .a2 .a2-nav a::after {position: absolute; left: 0; bottom: 0; content: '\20'; width: 24px; height: 1px; background: #6a83a2;}
.subNav .a2 .a2-nav a:hover {color: #018ed0;}
.subNav .a2 .a2-nav a:hover:before {background: #0e558c;}
.subNav .a2 .a2-nav a:hover:after {background: #018ed0;}
.subNav .a3 {float: right;}
.subNav .a3 .picBox img {width: 100%;}
.subNav .line {position: absolute;width: 1px;height: 100%;background: rgba(255,255,255,.2);left: 490px;top: 0;z-index: 10;}
.subNav.subNav2 .a2 {width: 50%;left: calc(3% + 210px);}
.subNav.subNav2 .a2 .tit{font-size: 24px;color: #0187cc;}
.subNav.subNav2 .a2 .tip {width: 58%;}
@media screen and (max-width: 1600px) {
  .subNav .a1{padding-left: 15%;}
  .subNav .a2{left: 34%;}
  .subNav .a3{width: 30%;}
  .subNav .line{left: 32%}
}

@media screen and (max-width: 1350px) {
    .topArea_bb .nav ul li > a{padding: 40px 24px;}
}
.banner{position:relative; width:100%;}
.banner .bd{width:1920px; position:relative; left:50%; margin-left:-960px; z-index:1;}
.banner .hd{width:36px;position:absolute; bottom:300px; z-index:3; text-align:center;right:12%;padding-top: 100px;background: url(banner_hd_03.png) no-repeat top center;}
.banner .hd ul{display:inline-block;}
.banner .hd ul li{font-size: 14px;color: #fff;margin:18px 0;}
.banner .hd ul .on{font-size: 24px;}
.banner a.prev, .banner a.next{width:82px; height:128px; position:absolute; top:50%; margin-top:-64px; z-index:15; opacity:0; transition:0.8s linear 0s;}
.banner a.prev{left:4%; background:url(banner_prev_03.png) no-repeat;}
.banner a.next{right:4%; background:url(banner_next_05.png) no-repeat;}
.banner:hover a.prev, .banner:hover a.next{opacity:1;}
.sj_banner .swiper-pagination-bullet-active{background: #940e03;}
.sj_banner{display: none;}
/* 手机端的菜单导航栏 */
.header_sj{position:fixed;display:none;top: 0;left: 0;width: 100%;background: #ffffff;padding: 10px 2%;z-index: 100;box-shadow: 0 0 14px #01489e;}
.header_sj .logo01{float:left;}
.header_sj .logo01 img{height: 44px;}
.u-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:9;overflow: hidden;display:none;}
.m-nav-show .u-mask{display:block;}
/* 二级菜单 */
.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:1% 5%; background:#fff; z-index:99999; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto;margin-top: 10px;}
.m-menu dl dt {margin-bottom: 8px;padding: 0 8px 0px;border-bottom: 1px solid #ddd;line-height: 24px;background: #ccc;}
.m-menu dl dt a { color: #fff;font-size: 14px;}
.m-menu dl dt a:hover,.m-menu dl dt .current { color: #f60; }
.m-menu dl dd { padding: 0 5px 8px 24px; background:url(iFCB_sort_ico.png) no-repeat 10px 7px; line-height:20px; }
.m-menu dl dd a { color: #333; }
.m-menu dl dd a.current { color: #f60; }

.u-menu{position:absolute; right:2%; top:50%; margin-top:-21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); cursor:pointer; z-index:9;}
.u-menu div{position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
.u-menu div i{position:absolute;left:0;top:0;display:block;width:25px;height:2px;background: #01489e;}
.u-menu .u-menu-top i{transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i{transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i{transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

/* 菜单显示 */
.u-menu2 { position:absolute; right:6px; top:10px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu2 div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu2 div i {position:absolute;left:0;top:0;display:block;width:25px;height:2px;background: #01489e;}
.u-menu2 .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu2 .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu2 .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
/* body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);} */
body.z-open .u-menu2 {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu2  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu2  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu2 .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu2 .u-menu-middle { display:none; }

.app-top-nav{background: #182028;height: 100%;position: fixed;top: 0;left: 0;width: 102%;overflow-y: scroll;z-index: 99; display: none;padding-bottom: .72rem;}

.sideMenu h3{border-top: 1px solid rgba(255,255,255,0.2);padding: 12px 0;width: 86%;margin-left: 6%;display: flex;justify-content: space-between;color: #fff;font-size: 16px;font-weight: bold;}
.sideMenu h3:nth-of-type(1){border-top: none;}
.sideMenu h3 em{width: 16px;height: 16px;background: url(section-jia.png) no-repeat center;}
.smul{margin-top: 80px;}
.sideMenu h3.on em{background: url(section-cheng.png) no-repeat center;}

.sideMenu ul{display: none;padding: 0 7% 4%;}

.sideMenu ul li a{font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: 1;letter-spacing: normal;color: #ffffff;display: block;margin-top: 18px;}

.box-isd {display: none;}
.box-isd .hd {border-bottom:10px solid #f2f2f2;background:#fff;margin: 0 2.5%;position: relative;}
.box-isd .hd h2 {border-right:0;background:#fff;color:#1e1201;padding: 15px 5px;border-bottom: 1px solid #ccc;color: #132c80;font-size: 16px;line-height: 30px;vertical-align: top;/* font-weight: 100; */}
.box-isd .hd .col {float:right;height:24px;margin: 18px 5px 0 0;padding:0 20px;line-height:24px;border-radius:3px;border:1px solid #ddd;text-align:center;}
.box-isd .hd .col a { color:#333; }

@media screen and (max-width: 700px) {
  .box-isd {display: block;}
}

.serbot{display: none; position:absolute;top: 27px;right:calc(2% + 60px);width: 20px;height: 17px;background: url(ico_sea.png) no-repeat center;background-size:contain;z-index:5;}
.search{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none;z-index:9999;}
.search form{position:absolute; top:50%; left:50%;width:600px;transform: translate(-50%,-50%); background:#fff; font-size:16px; z-index:9;}
.search form .txt{float:left; height:60px; line-height:60px; padding-left:15px; width:450px;}
.search form .btn{float:right; height:60px; line-height:60px; width:150px; text-align:center; background:#284f8e; color:#fff; cursor:pointer;}
.serclose{position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer;}
.display-b{display: block;}
@media screen and (max-width: 1200px){.search form{width: 90%;}.search form .txt{width: 75%;height:40px; line-height: 40px;}.search form .btn{width: 25%;height:40px; line-height: 40px;}.serclose{width: 24px;right:0;}}
@media all and (max-width:1200px){
  .topArea{opacity: 0; visibility: hidden;}
  .topArea_bb{display: none!important;}
  .header_sj{display:block;}
}
.topArea .logo{float: left;padding: 28px 0;}
.topArea .topLink{float: right;}
.topArea .topLink ul li{display: inline-block;padding: 51px 0;cursor: pointer;}
.topArea .topLink ul li:nth-child(1){width: 17px;height: 17px;margin-right: 34px;background: url(ico_01.png) no-repeat center center;}
.topArea .topLink ul li:nth-child(2){width: 24px;height: 15px;background: url(ico_02.png) no-repeat center center;}
.topArea .nav{float: right;margin-right: 13px;}
.topArea .nav ul li{float: left;}
.topArea .nav ul li a{display: block;padding: 40px 32px;font-size: 18px;color: #000;}
.topArea .nav ul li.on a{color: #01489e;}
@media screen and (max-width: 1400px) {
  .topArea .nav ul li a{padding: 40px 28px;}
}

@media screen and (max-width: 1200px) {
  .header{padding-top: 64px;}
}

.footer,
.footer a{color: rgba(255,255,255,0.4);}
.footer a:hover{color: #ffffff;}
.footer .ft01{background: url(pic_09.jpg) center center;background-size: cover; display: none;}
.footer .ft01 .cont{padding: 45px 0;text-align: center;}
.footer .ft01 .t{margin-bottom: 40px;font-size: 30px;font-weight: bold;color: #ffffff;}
.footer .ft01 .m a{display: block;width: 128px;height: 42px;margin: 0 auto;border-radius: 30px;font-size: 16px;color: #160472;text-align: center;line-height: 42px;background: #ffffff;}
.footer .ft02{background: #161e36;}
.footer .ft02 .cont{padding: 44px 0;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .ft02 .a1{float: left;}
.footer .ft02 .a1 dl{position: relative;float: left;padding-right: 90px;}
.footer .ft02 .a1 dl::before{position: absolute;left: 0;top: 40px;content: '\20';width: 100%;height: 1px;background: rgba(255,255,255,0.1);}
.footer .ft02 .a1 dt{position: relative;padding-bottom: 16px;margin-bottom: 24px;}
.footer .ft02 .a1 dt::before{position: absolute;left: 0;top: 100%;content: '\20';width: 30px;height: 1px;background: rgba(255,255,255,0.2);}
.footer .ft02 .a1 dt a{font-size: 16px;color: rgba(255,255,255,0.8);}
.footer .ft02 .a1 dd{font-size: 14px;line-height: 34px;}
.footer .ft02 .a2{float: right;}
.footer .ft02 .a2 .b{position: relative;margin-bottom: 24px;padding-bottom: 16px;border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 16px;color: rgba(255,255,255,0.8);}
.footer .ft02 .a2 .b::before{position: absolute;left: 0;top: 100%;content: '\20';width: 30px;height: 1px;background: rgba(255,255,255,0.2);}
.footer .ft02 .a2 .c .tel{font-size: 24px;font-weight: bold;color: #ffffff;}
.footer .ft02 .a2 .c div{margin-bottom: 12px;}
.footer .ft03{padding: 23px 0;background: #161e36;}
.footer .ft03 .a1{float: left;line-height: 30px;}
.footer .ft03 .a2{float: right;}
.footer .ft03 .a2 ul li{display: inline-block;margin: 0 3px;}
.footer .ft03 .a2 ul li img{vertical-align: middle;}
.fixed-go-top {display: none;position: fixed;z-index: 99;bottom: 100px;right: 5%;cursor: pointer;}
@media screen and (max-width: 1400px) {
  .footer .ft02 .a1 dl{padding-right: 68px;}
}

@media screen and (max-width: 1200px) {
  .footer .ft02 .a1{display: none;}
  .footer .ft02 .a2{float: unset;}
  .footer .ft03{text-align: center;}
  .footer .ft03 .a2{float: unset;}
}

@media screen and (max-width: 750px) {
  .footer .ft01 .cont{padding: 32px 0;}
  .footer .ft01 .t{margin-bottom: 24px; font-size: 22px;}
}


 /*font-size*/
 .fnt_16 { font-size: 16px;}
 .fnt_18 { font-size:18px;}
 .fnt_20 { font-size:20px;}
 .fnt_24 { font-size:24px;}
 .fnt_28 { font-size:28px;}
 .fnt_30 { font-size:30px;}
 .fnt_36 { font-size:36px;}
 .fnt_48 { font-size:48px;}
 .fnt_72 { font-size:72px;}
 @media only screen and (max-width:1599px) {
   .fnt_20 { font-size:18px;}
 }
 @media only screen and (max-width:1440px) {
 .fnt_18 { font-size:16px;}
 .fnt_20 { font-size:16px;}
 .fnt_24 { font-size:20px;}
 .fnt_28 { font-size:26px;}
 .fnt_30 { font-size:24px;}
 .fnt_36 { font-size:30px;}
 .fnt_48 { font-size:40px;}
 .fnt_72 { font-size:60px;}
 }
 @media only screen and (max-width:1366px) {
 .fnt_20 { font-size:14px;}
 .fnt_28 { font-size:24px;}
 .fnt_30 { font-size:22px;}
 .fnt_36 { font-size:24px;}
 .fnt_48 { font-size:36px;}
 .fnt_72 { font-size:36px;}
 }
 @media only screen and (max-width:1260px) {
     .fnt_18 { font-size:14px;}
 }
 @media only screen and (max-width:1024px) {
 .fnt_16 { font-size: 14px;}
 .fnt_18 { font-size:16px;}
 .fnt_24 { font-size:18px;}
 .fnt_28,.fnt_30 { font-size:20px;}
 .fnt_36 { font-size:22px;}
 .fnt_48 { font-size:28px;}
 .fnt_72 { font-size:30px;}
 }
 @media only screen and (max-width:767px) {
 .fnt_16 { font-size: 14px;}
 .fnt_18 { font-size:14px;}
 .fnt_20 { font-size:14px;}
 .fnt_24 { font-size:16px;}
 .fnt_28,.fnt_30 { font-size:18px;}
 .fnt_36 { font-size:18px;}
 .fnt_48 { font-size:20px;}
 .fnt_72 { font-size:24px;}
 }

/*list*/
.nav_list{
    position: fixed;
    top:107px;
    left: 0;
    right: 0;
    /* width: 100%; */
    /* background: #fff; */
    width: 1100px;
    margin: 0 auto;
    border-top: 1px solid #01489e;
    line-height: 60px;
    height: 100vh;
    z-index: 999;
    /* -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px);-o-transform: translateY(-200px);-ms-transform: translateY(-200px);transform: translateY(-200px); */
    /* opacity: 0;visibility: hidden; */
  }
  .wrap_in{position: relative;z-index: 2;margin-top: 50px;}
  .nav_bg01{position: absolute;top:0;left: 0;width: 525px;height: 100%;/* background: #eaeaea; */}
  .nav_bg02{position: absolute;top:0;left: 525px;width: 360px;height: 100%;background: #f5f5f5;}
  .nav_list .li_01{width: 372px;padding-left: 88px;padding-right: 50px;box-sizing:border-box;}
  .nav_list .li_01>.nav_block{position: absolute;left: 10px;top:0;width: 356px;display: none;}
  .nav_list .li_02>.nav_block{position: absolute;left: 356px;top:0;width: 324px;height: 100vh;overflow-y: auto;padding-bottom: 100px;display: none;padding-left: 66px;box-sizing: border-box;}
  .nav_list .li_02:first-child>.nav_block{display: block;}
  .nav_list .li_02{padding: 0 50px;}
  .nav_list .li_02>.nav_block .img,.nav_list .li_02>.nav_block .img img{width:100%;}
  .nav_list h3{position: relative;}
  .nav_list h3 a{display: block;}
  .nav_list h3 span{position: absolute;top:0;right: 0;height: 100%;    width: 30px;}
  .nav_p {line-height: 60px;}
  .nav_p p{position: relative;padding-left: 22px;}
  .nav_p a{color: #000000;}
  .nav_p p.on::before{position: absolute; left: 0; top: 50%; content: '\20'; width: 6px; height: 6px; transform: translateY(-50%); background: #01489e;}
  .nav_p p.on a{color: #01489e;}
  .nav_p a sup{position:relative;/*top: -12px*/}
  .nav_block h4 {display: none;color: #000;font-weight: bold;margin-bottom: 4px;}
  .nav_block h4 a i{margin-left: 20px;}
  .nav_list .li_01.on>h3 a{font-weight: bold;color: #ffffff;}
  .nav_list .li_01.on .nav_block li.on h3:first-child a{color: #ffffff;}
  .nav_list .li_01.on>.nav_block{display: block;}
  
  .navbody .nav_list{visibility: visible;opacity: 1;
    -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);
  }
  
  .return_a{display: none;cursor: pointer;border-bottom: 1px solid #eee;margin-bottom: 10px;padding: 0 20px;}
  .return_a a{display: inline-block;color: #9c9c9c;}
  .li_01>.nav_block>.return_a{margin-bottom: 0;}
  .nav_list .header_login{display: none;}
  @media only screen and (max-width:1440px) {
  .nav_list .li_01{padding-left: 100px;}
  .nav_list .li_01,.nav_bg01{width:400px}
  .nav_bg02{left: 400px}
  .nav_list .li_01>.nav_block{left: 400px;}
  .nav_list .li_02>.nav_block{padding-left: 50px;}
  }
  @media only screen and (max-width:1366px) {
  .nav_list .li_01{padding-left: 50px;padding-right: 30px;}
  .nav_list .li_01,.nav_bg01{width:350px}
  .nav_bg02{left: 350px;width: 340px;}
  .nav_list .li_01>.nav_block{left: 350px;width: 340px;}
  .nav_list .li_02>.nav_block{left: 340px; padding-left: 30px;}
  .nav_list .li_02{padding: 0 30px;}
  .nav_p{font-size: 14px;line-height: 30px;}
  .nav_block h4{margin-bottom: 7px;}
  }
  @media only screen and (max-width:1024px) {
  .wrap_in{margin-top: 10px;}
  .nav_list{top:50px;}
  .nav_bg01,.nav_bg02{display: none;}
  .nav_list .li_01{width: 100%;}
  .nav_list .li_01>.nav_block{left: auto;right: -100%; width: 100%;height: 100%; background: #fff;position: fixed;display: block;    z-index: 9;}
  .nav_list .li_02>.nav_block{left: auto;right: -100%;width: 100%;height: 100%; background: #fff;position: fixed;    z-index: 91;}
  .nav_list .li_01>.nav_block,.nav_list .li_02>.nav_block{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;padding: 0; padding-top: 10px;box-sizing:border-box;}
  
  .nav_list .li_02>.nav_block{padding-top: 10px;}
  .nav_list .li_02>.nav_block h4,.nav_list .li_02>.nav_block .nav_p{padding: 0 20px;}
  
  .nav_list .li_01,.nav_list .li_02{padding: 0 20px;    padding-right: 10px;}
  .nav_list .li_01.on>.nav_block{right:0;}
  .nav_list .li_02.on>.nav_block{right:0;}
  
  .nav_block h4{line-height: 30px;margin-bottom: 0;}
  .return_a{display: block;}
  .nav_list li{    border-bottom: 1px solid #eee;}
  .nav_list .li_02>.nav_block{display: block;}
  
  .nav_list .header_login{display: block;overflow: hidden;padding: 0 20px;border-bottom: 1px solid #eee;}
  .login_div02 .person_name{max-width: calc(100% - 60px)}
  
  }
  
  

.nav_list{display: none;height: 510px;background: #ffffff;}
/* .nav_list::before{position: absolute;left: 0;top: 0;content: '\20';width: 100%;height: 100%;background: url(nav_listbg.jpg) no-repeat;background-size: 100% 100%;opacity: 0.8;z-index: -1;} */
.nav_list .li_02>.nav_block{ height:68vh; padding-bottom: 0;}
.nav_bg01{/* background: rgba(151,178,215,0.5); */}
.nav_bg02{ background: none;}
.nav_bg03{position: absolute;top:0;left: 885px;width:calc(100% - 885px);height: 100%;/* background: rgba(255,255,255,0.5); */}
.nav_pic{position: absolute; right: 77px; top: 75px; z-index: 4;}
.nav_pic .picBox{display: none;}
.nav_pic .picBox:first-child{display: block;}
.nav_close{position: absolute;right: 77px;top: 50px;width: 12px;height: 12px;cursor: pointer;z-index: 4;}
.nav_list h3 span{width:40px; font-family: "\5B8B\4F53"}
.nav_list .li_01{padding-right: 0;}
.nav_list .li_02{padding-left: 68px;padding-right: 0;}
.nav_list .li_01>h3,.nav_list .li_02>h3{/*line-height: 58px;*/}
.nav_list .li_01>h3{display: none;}
.nav_list .li_01>h3 a{padding-left: 64px;color: #000;border-bottom:3px solid transparent;}
.nav_list .li_01.on>h3 a{border-bottom: 3px solid #01489e;}
.nav_list .li_01:nth-child(1)>h3{ background: url(nav_ico02_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(1).on>h3{background: url(nav_ico01.png) 22px center no-repeat #01489e;}
.nav_list .li_01:nth-child(2)>h3{background: url(nav_ico03_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(2).on>h3{background: url(nav_ico02.png) 22px center no-repeat #01489e;}
.nav_list .li_01:nth-child(3)>h3{ background: url(nav_ico04_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(3).on>h3{background: url(nav_ico03.png) 22px center no-repeat #01489e;}
.nav_list .li_01:nth-child(4)>h3{ background: url(nav_ico05_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(4).on>h3{background: url(nav_ico04.png) 22px center no-repeat #01489e;}
.nav_list .li_01:nth-child(5)>h3{ background: url(nav_ico06_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(5).on>h3{background: url(nav_ico05.png) 22px center no-repeat #01489e;}
.nav_list .li_01:nth-child(6)>h3{ background: url(nav_ico07_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(6).on>h3{background: url(nav_ico06.png) 22px center no-repeat #01489e;}
.nav_list .li_01:nth-child(7)>h3{ background: url(../images/nav_ico08_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(7).on>h3{background: url(nav_ico07.png) 22px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_01:nth-child(8)>h3{ background: url(nav_ico01_on.png) 22px center no-repeat;}
.nav_list .li_01:nth-child(8).on>h3{background: url(../images/nav_ico08.png) 22px center no-repeat rgba(255,255,255,0.5);}
.nav_list .li_02>h3{padding-left: 21px;border-bottom:3px solid transparent;}
.nav_list .li_02.on>h3{/* border-bottom: 3px solid #01489e; */background: #01489e;}
.nav_list .nav1_box > .nav_block,
.nav_list .nav2_box > .nav_block{width: 712px;}
.nav_list .nav1_box > .nav_block > ul li,
.nav_list .nav2_box > .nav_block > ul li{float:  left; width: 50%;}

.nav_list .li_01:nth-child(n + 4) .nav_block {
  display: none!important;
}

h3 {}
.nav_list .li_02.on>h3 a{color: #ffffff;}
@media only screen and (max-width:1440px) {
  .nav_bg03{left: 760px;width:calc(100% - 760px);}
  .nav_list{height: 60vh;}
  .nav_list .li_02>.nav_block{height: 78vh;}
}
@media only screen and (max-width:1366px) {
  .nav_bg03{left: 690px;width:calc(100% - 690px);}
  .nav_list{height: 75vh;}
  .nav_list .li_02>.nav_block{height: 100vh;}
}
@media only screen and (max-width:1024px) {
.nav_bg03{ display: none;}
.nav_bg01{ display: block; width:100%;}
.nav_list .li_01>h3{ background-position: 10px center!important;}
.nav_list .li_01>h3 a{padding-left: 50px;}
.nav_list .li_02{padding-left: 20px;}
.nav_list .li_02>h3{padding-left: 0;}
}



.site_icon i{font-size:26px; color:#CCCCCC;}
.site_p span i{font-size:26px; color:#fff;}





.nav_list .search_box{ display: none;}
.head_search{margin-left:20px; cursor: pointer;}
.head_search i{font-size: 20px;}
@media only screen and (max-width:767px) {
  .head_search{ display: none;}
  .nav_list .search_box{ display: block;}
}

.sjBox{display: none;}
@media screen and (max-width: 750px) {
  .pcBox{display: none;}
  .sjBox{display: block;}
  .fixed-go-top{display: none!important; opacity: 0;}
}