/* 手机版*/



body {

    position: relative;

    overflow-x: hidden;

    background: #333;

}



.m-top {

    position: absolute;

    z-index: 99;

    left: 0;

    top: 0;

    width: 100%;

    height: 60px;

    background: #fff;

}



.m-logo {

    display: block;

    position: absolute;

    left: 10px;

    top: 15px;

}



.m-logo img {

    height: 30px;

}



.m-top .btn {

    position: absolute;

    z-index: 100;

    top: 19px;

    right: 10px;

    text-align: center;

}



.m-top .btn span {

    display: block;

    width: 30px;

    height: 4px;

    background: #10893e;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.m-top .btn span:nth-child(2) {

    margin: 5px 0;

    background: #ed7500;

}



.cross span:nth-of-type(1) {

    transform: translateY(9px) rotate(-45deg);

}



.cross span:nth-of-type(2) {

    opacity: 0;

}



.cross span:nth-of-type(3) {

    transform: translateY(-9px) rotate(45deg);

}



.m-nav {

    position: absolute;

    z-index: 99;

    right: -150px;

    top: 0;

    width: 0;

    height: 100%;

    overflow: hidden;

    padding-top: 86px;

    background: #333;

}



.m-nav li a {

    display: block;

    font: 400 16px/36px "微软雅黑";

    color: #fff;

    text-align: center;

}



.m-menu {

    margin: 0 auto;

}



.m-menu li {

    float: left;

    width: 33.3%;

    padding: 5px;

}



.m-menu li a {

    display: block;

    font: 400 14px/36px "Microsft yahei";

    color: #1a1a1a;

    text-align: center;

    background: rgba(255, 255, 255, 0.6);

}



.wrapper {

    position: relative;

    z-index: 1;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow-x: hidden;

    background: #fff;

}



header {

    display: none;

}



.index-slide {

    display: none;

}



.nav-menu {

    display: none;

}



.open-nav {

    display: none;

}



@media (min-width: 1200px) {

    header {

        display: block;

        position: absolute;

        z-index: 99;

        left: 0;

        top: 0;

        width: 100%;

        background: #fff;

        border-bottom: 2px solid #10893e;

    }

    header .container {

        position: relative;

        height: 90px;

    }

    .logo {

        position: absolute;

        left: 0;

        top: 22px;

    }

    .nav {

        position: absolute;

        right: 0;

        top: 30px;

    }

    .nav ul {

        display: flex;

    }

    .nav li {

        padding: 0 0 0 35px;

    }

    .nav li a {

        display: block;

        font: 400 16px/30px "微软雅黑";

        color: #000;

    }

    .nav li a:hover {

        color: #10893e;

    }

    .nav li.active a {

        color: #10893e;

    }

}


iframe {
    /* width: 100% !important; */
    height: 300px !important;
}

@media (min-width:1200px) {
    p iframe {
        width: 640px !important;
        height: 480px !important;
    }
}