/*头部*/
.header .header-t{position:relative;z-index: 666; height: 107px;}
.header .header-t .logo{float:left;margin-top:20px;line-height:0;padding-right:26px;border-right:1px solid #E5E5E5;margin-right:24px;text-align:center;}
.header .header-t .logo img{display:block;width:231px;height:55px;}
.header .header-t .logo a em{display: inline-block;font-size: 19px;padding-top: 11px;}
.header .header-t .slogan{float:left;}
.header .header-t .slogan b{font-size:21px;font-weight:bold;line-height:26px;color:#333333;margin-top:24px;display:block;}
.header .header-t .slogan span{display:block;font-size:20px;font-weight:lighter;line-height:20px;color:#666666;margin-top:14px;letter-spacing:7px;}
.header .header-t .sslogan{float:left; margin: 20px 0 0 40px; font-size: 12px; width: 120px;}
.header .header-t .sslogan a{float:left; text-align: center; }
.header .header-t .sslogan a img{ height:40px; margin: 0 20px;}
.header .header-t .sslogan a i {display:none;}
.header .header-t .sslogan a:hover i {display:block;}
.header .header-t .sslogan a i img{height: 300px;position: fixed;margin-left: -100px;
   }

.header .header-t .sslogan .as{display:block;}
/*.header .header-t .sslogan .ssloganimg{margin-top:10px;}*/
.header .header-t .h-tel{float:right;text-align:left;margin-top:20px;}
.header .header-t .h-tel span{display:block;background-image:url('../images/tel.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:35px;font-size:18px;font-weight:lighter;line-height:32px;color:#666666;height:32px;}
.header .header-t .h-tel b{display:block;font-size:26px;font-weight:bold;line-height:26px;color:#0f3c8b;margin-top:6px;}
/*导航*/
.nav{
    width: 100%;
    height: 45px;
    min-width: 1400px;
    background: #0f3c8b;


}
.menu {

}
.navigation-up {
    height: 45px;

}
.navigation-up .navigation-v3 {
    float: left;
}
.navigation-up .navigation-v3 ul {
    float: left
}
.navigation-up .navigation-v3 li {
    float: left;
    color: #fff;
    position: relative;

}
.navigation-up .navigation-v3 li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 30%; /* 控制起始位置 */
    height: 40%; /* 控制高度百分比 */
    width: 1px;
    background-color: #1e88e5;
}
.hov {
   display: block;
    background: #0A71E4;
}
.navigation-up .navigation-v3 .nav-up-selected {
    display: block;

}
.navigation-up .navigation-v3 li h2 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: 18px;
}
.navigation-up .navigation-v3 li h2 a {
    padding: 0 46px;
    color: #fff;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-family: "microsoft yahei"
}
.navigation-up .navigation-v3 li:first-child h2 a {


}
.navigation-up .navigation-v3 li:last-child h2 a {
    padding-right: 0px;

}
.navigation-up .navigation-v3 li h2 a:hover {

    color: #fff;

}
.navigation-down {
    position: absolute;

    left: 0px;
    width: 100%;
    z-index: 999;
}
.navigation-down .nav-down-menu {
    width: 100%;
    margin: 0;
    background: url(../images/nav_xiabg.png);
    position: absolute;
    top: 0px
}
.navigation-down .nav-down-menu .navigation-down-inner {
    margin: auto;
    width: 1400px;
    position: relative
}
.navigation-down .nav-down-menu dl {
    float: left;
}
.navigation-down .menu-1 dl {
    margin: 40px 0px
}
.navigation-down .menu-1 dl.zst {
    width: 300px;
    padding: 0 20px;
}
.navigation-down .menu-1 dl.nav_2 {
    width: 300px;
}
.navigation-down .menu-1 dl.nav_3 {
    width: 350px;
}
.navigation-down .menu-1 dl.nav_4 {
    width: 500px;
}
.navigation-down .menu-1 dl.zhaiyao {
    width: 500px;
    border-left: 1px solid #bebebe;
    padding-left: 50px;
    color: #0e419c;
    min-height: 140px;
    overflow: hidden;
    text-indent: 2em;
    line-height: 180%;
}
.navigation-down .menu-1 dt {
    font: normal 16px "microsoft yahei";
    color: #0e419c;
    padding-bottom: 10px;
    border-bottom: 1px solid #0e419c;
    margin-bottom: 10px
}
.navigation-down .menu-1 dd {
    float: left;
    width: 50%;
}
.navigation-down .menu-1 .nav_3 dd, .navigation-down .menu-1 .nav_4 dd {
    float: left;
    width: 33.3%;
}
.navigation-down .menu-1 dd a {
    color: #0e419c;
    font: normal 14px/30px "microsoft yahei"
}
.navigation-down .menu-1 dd a:hover {
    color: #555555;
    font-weight: bold;
}
.navigation-down .menu-2 dd a, .navigation-down .menu-3 dd a {
    color: #fff;
    font: normal 16px "microsoft yahei"
}

/*栏目面广告*/
#px_banner{width:100%;padding-bottom:350px;position:relative;z-index:9;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.px_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.px_txt .container{position:relative;height:100%;}
.px_txt .px_pp{text-align:left;margin-top:50px;}
.px_txt .px_pp .p_p{margin:0;line-height:52px;height:52px;font-size:42px;font-weight:normal;color:#0f3c8b;position:relative;}
.px_txt .px_pp span{display:block;text-transform:uppercase;font-size:18px;height:18px;line-height:18px;font-weight:bold;color:#495057;margin-top:4px;font-weight: normal;}
.px_txt .px_pp i{display:block;float:left;width:85px;height:2px;background:#0070ca;margin-top:17px;}
.px_txt .px_pp p{margin:0;line-height:30px;font-size:14px;color:#495057;margin-top:15px;display:block; float:left; width: 600px;}

/*底部*/

.f_bg{ background:url(../images/f_bg.jpg) no-repeat center 0; height:306px;overflow: hidden;}
.footer{width: 1400px; margin:0 auto;}
.f_logo{width: 235px;height: 240px;overflow: hidden;background: #1651b8;padding: 34px 0 0;}
.f_logo h5{width: 185px;margin: 0 auto;line-height: 0;}
.f_logo h5 img{width: 185px;height: 52px;}
.f_logo p{width: 102px;text-align: center;line-height: 0;padding: 20px 0 0;margin: 0 auto;}
.f_logo p img{ width:100px; height:100px;border: #fff 1px solid;line-height: 0;display: block;}
.f_logo span{display: block;font-size: 14px;color: #fff;line-height: 30px;}
.f02{width: 520px;padding: 66px 0 0 65px;height: 240px;overflow: hidden;}
.f_nav{height: 115px;overflow: hidden;width: 402px; background:url(../images/f_line.png) no-repeat;padding: 10px 0 0;}
.f_nav ul li{height: 32px;line-height: 32px; background:url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 20px;width: 110px;float: left;}
.f_nav ul li a{font-size: 14px;color: rgba(255,255,255,0.8);}
.f_nav ul li a:hover{font-weight: bold;color: #fff;}
.f02 p{font-size: 14px;color: rgba(255,255,255,0.9);height: 88px;line-height: 25px;overflow: hidden; background:url(../images/f_line.png) no-repeat;width: 430px;padding: 15px 0 0;}
.f02 p a{color: rgba(255,255,255,0.9);}
.f02 p i{padding: 0 10px;}
.f02 p span{display: block;}
.f_ban{width: 426px;padding: 56px 0 0;height: 250px;overflow: hidden;}
.f_ban p{padding:0 0 0 35px;font-size: 14px;color: #fff;line-height: 24px;height: 75px;}
.f_ban p b{display: block;}
.f_ban p i{font-size: 18px;padding: 0 20px 0 0;font-weight: bold;}
.f_ban p em{font-size: 16px;}
.f_p01{ background:url(../images/f_ico02.png) no-repeat 0 22px;}
.f_p02{ background:url(../images/f_ico03.png) no-repeat 0 16px;}
.f_p03{ background:url(../images/f_ico04.png) no-repeat 0 16px;}
.f_link{background: url(../images/link_bg.jpg) no-repeat center 0;overflow: hidden;height: 68px;line-height: 68px;border-top: rgba(51,51,51,0.8) 1px solid;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 110px;}
.f_link p{font-size: 14px;color: rgba(255,255,255,0.5);float: left;width: 1090px;}
.f_link p a{font-size: 14px;color: rgba(255,255,255,0.5); padding:0 10px 0 0;}
.f_link p a:hover{color: #fff;}
/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%;
}

#toolbar li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    background: #386af2;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}

#toolbar li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #386af2;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #386af2;
    border-right: none;
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar li.backtop {
    cursor: pointer;
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #386af2;
}

#toolbar li:hover a {
    width: 200px;
}

#toolbar li:hover .icon-font {
    background-color: #386af2;
}

#toolbar li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
    background-position: -30px -60px;
}
.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}
#toolbar .backtop {
    cursor: pointer;
    transition: all 0.3s ease;
    display: none; /* 初始隐藏 */
}

#toolbar .backtop:hover {
    background-color: #f5f5f5;
    transform: translateY(-2px);
}