/* 头部 */
        #heard-box {
            width: 100%;
        }

      

        .heard-top {
            width: 100%;
            height: 106px;
            border-bottom: 1px solid #eeeeee;
        }

        .box {
            width: 1200px;
            height: 106px;
            position: relative;
            margin: 0 auto;
        }

        .logo {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .logo .img{
            vertical-align: baseline;
        }

        .search {
            position: absolute;
            top: 50%;
            left: 617px;
            transform: translateY(-50%);
            color: #Fff;
        }

        .search input {
            width: 360px;
            height: 45px;
            border-radius: 23px;
            border: 1px solid #e5e5e5;
            text-indent: 20px;
            outline: none;
        }

        .search button {
            width: 80px;
            height: 35px;
            border-radius: 18px;
            background: #004088;
            color: #fff;
            border:none;
            position: absolute;
            right: 6px;
            top: 50%;
            transform: translateY(-50%);
            outline: none;
            line-height: 33px;
            transition: background .3s;
        }
        .search button:hover{
            background: #024b9c;
        }

        .phone {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .phone p:first-child {
            font-size: 14px;
            color: #b1b1b1;
            margin-left: 78px;
            margin-bottom: 0;
        }

        .phone p:last-child {
            font-size: 20px;
            color: #393d3f;
        }
        .phone p:last-child img{
            width: 14px;
            height: 14px;
        }

        .nav-box {
            width: 100%;
            border-bottom: 1px solid #eeeeee;
        }

        .nav {
            width: 1200px;
            height: 60px;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
        }

        .nav-left {
            width: 850px;
            height: 60px;
            position: relative;
        }

        .xian-box {
            width: 630px;
            height: 2px;
            position: relative;
        }

        .xian {
            width: 120px;
            height: 2px;
            background: #004088;
            transition: left 0.3s;
            position: absolute;
            top: 2px;
            z-index: 999;
        }

        .nav-left ul {
            width: 840px;
            height: 58px;
            display: flex;
            position: absolute;
            bottom: 0;
            z-index: 99;
            margin-bottom: 0;
        }

        .nav-left ul li {
            list-style: none;
            width: 120px;
            height: 58px;
            text-align: center;
            line-height: 58px;
            color: #4f565a;
            border-top: 2px solid #fff;
            cursor: pointer;
        }

        .nav-left ul a {
            color: #393d3f;
            text-decoration: none;
        }

        .sub-menu {
            width: 166px;
            position: absolute;
            z-index: 99999999999;
            top: 58.5px;
            display: none;
            display: flex;
            flex-direction: column;
        }

        .sub-menu li {
            width: 100%;
            height: 58px;
            list-style: none;
            background: #fff;
            color: #000;
            line-height: 58px;
            transition: background .3s;
            border-top: 1px solid #eeeeee;
        }

        #about-menu,#news-menu,#pro-menu,#service-menu,#man-menu{
            width: 166px;
        }
        #about-menu li,#news-menu li,#pro-menu li,#service-menu li,#man-menu li{
            text-align: left;
            text-indent: 27px;
            border-top: 1px solid #eeeeee;
        }
        
        .sub-menu li:hover {
            background: #004088;
            color: #fff;
        }

        .nav-right {
            width: 180px;
            position: relative;
        }
        .wx {
            display: flex;
            height: 32px;
            position: absolute;
            top: 50%;
            left: 30px;
            transform: translateY(-50%);
            cursor: pointer;
        }

        .icon {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid #b1b1b1;
            text-align: center;
            cursor: pointer;
        }

        .icon img{
            vertical-align: baseline;
        }

        .wx >span {
            color: #b1b1b1;
            margin-top: 3px;
        }

        .kf {
            display: flex;
            height: 32px;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        }

        .icon {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid #b1b1b1;
            line-height: 30px;
            cursor: pointer;
        }

        .iconfont {
            color: #4d4d4d;

        }

        .kf span {
            color: #b1b1b1;
            margin-top: 3px;
        }


/* 页脚 */
        #footer-box {
            width: 100%;
            height: 450px;
            background: #252525;
            position: relative;
        }

        .foot-box-top {
            width: 1200px;
            height: 313px;
            margin: 0 auto;
            padding-top: 67px;
            display: flex;
            justify-content: space-between;
        }

        .foot-left {
            position: relative;
        }

        .foot-left ul {
            margin-bottom: 20px;
        }

        .foot-left ul li {
            list-style: none;
            list-style: none;
            font-size: 18px;
            color: #fff;
        }

        .foot-left p {
            font-size: 14px;
            color: #989898;
            line-height: 32px;
        }

        .foot-icon-box {
            display: flex;
            margin-top: 15px;
        }

        .foot-icon {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #383838;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
        }

        .foot-icon:first-child {
            margin-right: 20px;
        }

        .foot-right {
            width: 738px;
        }

        .foot-info {
            display: flex;
            justify-content: space-between;
            margin-bottom: 48px;
            font-size:14px;
        }

        .foot-info input {
            width: 230px;
            height: 32px;
            border: none;
            border-bottom: 1px solid #666666;
            background: none;
            outline: none;
            color: #fff;
            font-size:14px;
        }

        .foot-content {
            margin-bottom: 36px;
            font-size:14px;
        }

        .foot-content textarea {
            width: 736px;
            height: 72px;
            background: none;
            border: none;
            resize: none;
            border-bottom: 1px solid #666666;
            outline: none;
            color: #fff;
        }

        .foot-btn {
            display: flex;
        }

        .foot-btn button {
            width: 360px;
            height: 50px;
            border: none;
        }

        .foot-btn button:first-child {
            background: #383838;
            color: #989898;
            margin-right: 16px;
            transition: background 0.3s;
        }

        .foot-btn button:first-child:hover {
            background: #044088;
            color: #fff;
        }

        .foot-btn button:last-child {
            background: #383838;
            color: #989898;
            transition: background 0.3s;
        }

        .foot-btn button:last-child:hover {
            background: #004088;
            color: #fff;
        }

        #footer-box span {
            display: block;
            width: 100%;
            height: 1px;
            background: #313131;
            position: absolute;
            bottom: 69px;
        }

        .foot-box-bottom {
            width: 100%;
            height: 69px;
            font-size: 14px;
            color: #989898;
            text-align: center;
            line-height: 69px;
        }