@charset "UTF-8";

@font-face {
    font-family: 'fab';
    src: url('../fonts/汉仪行楷简.TTF');
}

.main-md {
    width: 1320px;
    margin: auto;
}

.main-mds {
    width: 1200px;
    margin: auto;
}

.head {
    background-image: url(../images/index/headbg.jpg);
    padding: ;
}

.head_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head_nav ul,
.head_rt {
    display: flex;
    align-items: center;
}

.head_nav ul li {
    height: 90px;
    line-height: 90px;
    width: 90px;
    text-align: center;
}

.head_nav li.active,
.head_nav li:hover {
    background-color: #231815;
}

.head_nav ul li a {
    padding: 5px 0;
    border-bottom: 2px solid transparent;
    font-family: 'fab';
}

.head_nav ul li.active a,
.head_nav ul li:hover a {
    border-bottom: 2px solid #fff;
}

.head_login {
    margin-left: 20px;
}

.banner img {
    width: 100%;
}

.foot {
    background-color: #363636;
}

.bot-top {
    width: 100%;
}

.bot-top ul {
    overflow: hidden;
    padding: 35px 0 20px;
}

.bot-top ul li {
    float: left;
    width: 30%;
    padding: 0 30px;
    min-height: 222px;
}

.bot-top ul li:nth-child(2) {
    border-left: 1px solid #434343;
    border-right: 1px solid #434343;
    width: 45%;
}

.bot-top ul li:nth-child(3) {
    width: 25%;
}

.bot-top ul li h1 {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 30px;
}

.bot-top ul li h1 span {
    display: block;
    font-size: 18px;
    line-height: 30px;
}

.bot-top ul li h1:after {
    display: block;
    content: '';
    width: 18px;
    height: 2px;
    background-color: #CB0009;
    margin-top: 8px;
}

.bone-t p {
    font-size: 14px;
    line-height: 24px;
    color: #c8c8c8;
    padding-bottom: 10px;
}

.bone-t p span {
    margin-right: 10px;
}

.bone-t p:first-child span {
    background: url(../images/index/f-tel.png) no-repeat;
}

.bone-t p:nth-child(2) span {
    background: url(../images/index/email.png) no-repeat;
}

.bone-t p:last-child span {
    background: url(../images/index/f-addr.png) no-repeat;
}

.btwo-t {
    width: 100%;
    overflow: hidden;
}

.btwo-t div {
    float: left;
    width: 33.3%;
    margin-bottom: 15px;
}

.btwo-t div a {
    font-size: 14px;
    line-height: 20px;
    color: #c8c8c8;
}

.btwo-t div a:hover {
    color: #d83e4c;
}

.bthr-t span {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    margin-right: 35px;
}

.bthr-t span a {
    color: #ffffff;
}

.bthr-t i {
    display: block;
    max-width: 100%;
    margin: 0 auto 5px;
}

.b-bot {
    border-top: 1px solid #434343;
    padding: 20px 0;
    text-align: center;
}

.b-bot p {
    font-size: 12px;
    color: #bdbdbd;
}

.b-bot span a {
    font-size: 12px;
    color: #bdbdbd;
}

.b-top {
    position: relative;
    width: 100%;
    z-index: 101;
}


.b-top .inner {
    overflow: hidden;
    padding-top: 8px;
}

.b-logo {
    float: left;
}

.bthr-t {
    position: relative;
}

.hide_wei {
    position: absolute;
    top: -85px;
    display: none;
    left: 0;
}

.b_bot_inner {
    padding: 0 30px;
}

.phone_show {
    display: none !important;
}

@media screen and (max-width:1320px) {
    .main-md {
        width: 1200px;
    }

    .head_nav ul li {
        width: 82px;
    }

    .bot-top ul li:nth-child(2) {
        width: 43%;
    }

    .bot-top ul li:nth-child(3) {
        width: 27%;
    }

}

@media screen and (max-width:1200px) {
    body {
        width: 1200px;
    }

    .main-mds {
        width: 100%;
    }

}

@media screen and (max-width:768px) {
    body {
        width: 100%;
    }

    .main-md {
        width: 100%;
        padding: 0 10px;
    }

    .phone_show {
        display: block !important;
    }

    .phone_hide {
        display: none !important;
    }

    .head {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .head_serch {
        width: 7rem;
        height: 1rem;
        line-height: 1rem;
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: 2px;
        padding: 0 0.267rem;
        margin-left: 0.466rem;
        color: #fff;
        font-size: 0.22rem;
    }

    .head_serch a {
        color: #fff;
        display: flex;
        align-items: center;
    }

    .head_serch i {
        font-size: 0.5rem;
        margin-right: 0.2rem;
    }

    .top_cen {
        margin-left: 0.466rem;
        position: relative;
        width: 10%;
    }

    .top_cen a.active {
        display: none;
    }

    .top_cen a.cen_x {
        font-size: 33px;
        font-weight: 500;
        color: #fff;
        position: absolute;
        top: -28px;
        left: 0;
    }

    .navlist_mo {
        display: block;
    }

    .in1 {
        width: 100%;
        transition: all linear .5s;
        -webkit-transition: all linear .5s;
        -moz-transition: all linear .5s;
    }

    .ph-logo {
        padding: 10px 0 10px 10px;
    }

    .ph-logo img {
        width: 105px;
    }

    .ph-logo span {
        font-size: 15px;
        color: #3e3e3e;
        display: inline-block;
        line-height: 35px;
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #dddddd;
    }

    body {
        position: relative;
        right: 0;
        transition: all linear .5s;
        -webkit-transition: all linear .5s;
        -moz-transition: all linear .5s;
    }

    .top_cen span {
        display: block;
        width: 23px;
        height: 2px;
        background-color: #fff;
        margin: 5px 0;
    }

    .navlist_mo {
        display: block;
        position: fixed;
        top: 0;
        right: -50%;
        bottom: 0;
        width: 50%;
        background-color: #212020;
        transition: all linear .5s;
        /*overflow: auto;*/
        z-index: 10;
    }

    .navlist_mo>li {
        background-color: #212020;
        padding-left: 20px;
    }

    .navlist_mo>li>a {
        color: #ffffff;
        display: block;
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        padding: 10px 0 20px 0;
        /*padding-left: 20px;*/
        transition: all .5s;
        position: relative;
    }

    /* .navlist_mo>li:hover>a{
        color:#ff6600;
    } */
    .navlist_mo>li.active>a {
        /*background-color: #303030;*/
    }

    .navlist_mo>li a:after {
        top: 1.4rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navlist_mo>li a:not([href]):after {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 15px;
        width: 9px;
        height: 9px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transition: all .3s ease 0s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .navlist_mo>li.active a:not([href]):after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 18px;
    }

    .navlist_mo>li .abm_nav {
        display: none;
        height: 0;
        transition: all .5s;
    }

    .navlist_mo>li.active .abm_nav {
        display: block;
        height: auto;
    }

    /* .navlist_mo>li .abm_nav>li{
        background-color: #080808;
    } */
    /* .navlist_mo>li .abm_nav>li.active>a{
        color: #ff6600;
    } */
    .navlist_mo>li .abm_nav>li>a {
        color: #ffffff;
        display: block;
        font-size: 16px;
        line-height: 20px;
        padding: 12px 0;
        padding-left: 20px;
        transition: all .5s linear;
        -moz-transition: all .5s linear;
        -webkit-transition: all .5s linear;
    }

    .navlist_mo>li .abm_nav>li h3 {
        color: #ffffff;
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 30px 10px 10px;
        position: relative;
    }

    .navlist_mo>li .abm_nav>li h3:after {
        content: '';
        background: url(../images/jia.png) no-repeat;
        font-size: 16px;
        font-weight: 600;
        display: block;
        position: absolute;
        right: 0.6rem;
        top: 10px;
        height: 15px;
        width: 15px;
        background-size: 100% 100%;
    }

    .navlist_mo>li .abm_nav>li h2 {
        color: #ffffff;
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding: 12px 30px 12px 20px;
        position: relative;
    }

    .navlist_mo>li .abm_nav>li h2 a {
        color: #fff;
    }

    .las>a {
        position: relative;
        display: block;
        width: 100%;
    }

    .navlist_mo>li .abm_nav ul .las>a:after {
        content: "";
        display: block;
        position: absolute;
        right: 43px;
        top: 7px;
        width: 9px;
        height: 9px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transition: all .3s ease 0s;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .hongbg {
        background: #CB030B;
        height: 5rem;
    }

    .ba_img {
        padding: 0 0.32rem;
    }

    .ba_img img {
        width: 100%;
    }

    .head_logo {
        width: 100px;
    }

    .head_logo img {
        width: 100%;
        height: auto;
    }

    .foot {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .foot ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 0.1rem 0;
        background-color: #fff;
    }

    .foot ul li p {
        margin-top: 0.05rem;
        font-size: 0.293rem;
        color: #414141;

    }

    .foot ul li i {
        font-size: 20px;
        color: #414141;

    }

    .foot ul li.active i {
        color: #CB0009;
    }

    .foot ul li.active p {
        color: #CB0009;
    }


}