/* 移动端 */

.gp-menu-nav,
.gp-menu-header-icon-out>span {}

.gp-ser {
    height: 35px;
}

.gp-search {
    line-height: 35px;
    /* border-radius: 16px; */
    margin-top: 9px;
    background: #fff;
}

.gp-search input.notxt {
    height: 35px;
}

.gp-search .notxt1 {
    top: 17%;
    width: 22px;
    height: 22px;
}


/* 头部 */

header {
    background: url(../images/headerbg.png) repeat-x;
    padding: 19px 0;
    overflow: hidden;
}

.logo {
    display: block;
    width: 515px;
    height: 99px;
}

.frtop a {
    display: inline-block;
    line-height: 21px;
}

.frtop span {
    color: #fff;
    margin-left: 13px;
    margin-right: 13px;
}

.frtop {
    margin-bottom: 5px;
}

.gp-search2 {
    width: 80%;
    margin-left: 23px;
    margin-top: 14px;
}


/* 导航 */

.nav {
    background: #F8F8F8;
    position: relative;
    z-index: 200;
}

.nav ul li:hover .subNav {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
    display: block;
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.nav li>a {
    line-height: 24px;
    color: #333;
    font-size: 20px;
    position: relative;
}

.nav ul {
    display: flex;
    justify-content: space-between;
}

.nav li.on .subNav {
    display: block;
}

.nav li {
    display: inline-block;
    padding: 15px 7px;
    position: relative;
    z-index: 50;
}

.nav li.on {
    background: #7B5FA4;
    /* padding: 15px 0px; */
}

.nav li.on>a {
    color: #fff;
}

.nav li span.gp-f12 {
    line-height: 45px;
}

.subNav {
    background: #fff;
    left: 0px;
    width: 100%;
    top: 54px;
}

.gp-menu-nav {
    background: rgba(113, 83, 158);
    background: -webkit-linear-gradient(bottom, rgba(170, 154, 196), rgba(113, 83, 158), rgba(160, 130, 192));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, rgba(170, 154, 196), rgba(113, 83, 158), rgba(160, 130, 192));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, rgba(170, 154, 196), rgba(113, 83, 158), rgba(160, 130, 192));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(170, 154, 196), rgba(113, 83, 158), rgba(160, 130, 192));
}

footer {
    background: #7F61A7;
}

footer .gp-container {
    position: relative;
    padding: 32px 0;
}

.contant {
    line-height: 21px;
    margin-bottom: 20px;
    display: block;
}

.footerUl li a.gp-f14,
.footerUl li div.gp-f14 {
    line-height: 19px;
    margin-bottom: 20px;
    color: #fff;
    display: block;
}

.footerUl li:last-child a.gp-f14 {
    margin-bottom: 0;
}

.ewm {
    width: 280px;
    position: absolute;
    right: 0;
    z-index: 100;
    top: -60px;
    text-align: center;
}

.footerUl {
    width: 65%;
    overflow: hidden;
}

.footerUl li {
    vertical-align: middle;
}

.footerUl li span {
    vertical-align: middle;
    width: 20px;
    height: 18px;
    margin-right: 8px;
}

@media screen and (max-width:1500px) {
    .gp-container {
        width: 1400px;
    }
}

@media screen and (max-width:1400px) {
    .gp-container {
        width: 1300px;
    }
    .mode1r {
        width: 47% !important;
    }
}

@media screen and (max-width:1300px) {
    .gp-container {
        width: 1200px;
    }
    .mode1r {
        width: 50% !important;
    }
}

@media screen and (max-width:1200px) {
    .gp-container {
        width: 1000px;
    }
}

@media screen and (max-width:996px) {
    .footerUl {
        width: 100%;
    }
    .gp-container {
        width: auto;
    }
    .nav {
        display: none;
    }
    .gp-menu-nav {
        display: block !important;
    }
    .frtop {
        display: none;
    }
    .frtop1 {
        display: block;
        margin-left: 25px;
        margin-top: 20px;
    }
    .gp-search {
        display: none;
    }
    .gp-search2 {
        display: block;
    }
    .ewm {
        width: 200px;
    }
    .gp-menu-header {
        top: 49px;
    }
}

@media screen and (max-width:667px) {
    .ewm {
        position: static;
        float: left;
        width: 200px;
        margin-top: 20px;
    }
    .gp-menu-header {
        top: 36px;
    }
}

@media screen and (max-width:479px) {
    .contant {
        margin-bottom: 8px;
    }
    .footerUl li a.gp-f14 {
        margin-bottom: 10px;
    }
    .ewm {
        margin-top: 0;
    }
    .gp-menu-header {
        top: 22px;
    }
}