@media screen and (max-width:768px) {
            /* ========== */
            /* = RESET = */
            /* ========== */
            * {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
             :after,
             :before {
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
            html {
                overflow-x: hidden;
                -webkit-text-size-adjust: none;
                /*cursor: url(../images/home/hand_ico.ico),auto;*/
            }
            body {
                min-width: 320px;
                font-size: 14px;
                color: #666;
                font-family: "Microsoft Yahei", -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif;
                -webkit-overflow-scrolling: touch;
            }
            body,
            div,
            span,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p,
            em,
            img,
            strong,
            b,
            small,
            u,
            i,
            center,
            dl,
            dt,
            dd,
            ol,
            ul,
            li,
            sub,
            sup,
            tt,
            var,
            del,
            dfn,
            ins,
            kbd,
            q,
            s,
            samp,
            strike,
            applet,
            object,
            iframe,
            fieldset,
            form,
            label,
            legend,
            table,
            caption,
            tbody,
            tfoot,
            thead,
            tr,
            th,
            td,
            article,
            aside,
            canvas,
            details,
            embed,
            figure,
            figcaption,
            footer,
            header,
            hgroup,
            menu,
            nav,
            output,
            ruby,
            section,
            summary,
            time,
            blockquote,
            pre,
            a,
            abbr,
            acronym,
            address,
            big,
            cite,
            code,
            mark,
            audio,
            video,
            input,
            textarea,
            select {
                margin: 0;
                padding: 0;
            }
            ul,
            ol,
            li,
            dl {
                list-style: none;
            }
            /*RESET A*/
            * {
                text-decoration: none!important;
            }
            a,
            a:visited,
            a:active,
            a:hover,
            a:focus {
                text-decoration: none!important;
                outline: none;
            }
           .js-tab-con  video{
                        width:100% !important;
                        height:200px !important;
            }
            a {
                color: #666;
            }
            /* HTML5 RESET THE OLD BROWERS*/
            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            hgroup,
            menu,
            nav,
            section {
                display: block;
            }
            blockquote,
            q {
                quotes: none;
            }
            blockquote:before,
            blockquote:after,
            q:before,
            q:after {
                content: '';
                content: none;
            }
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
            /*CLEAR the FLOAT*/
            .clear {
                clear: both
            }
            .clearfix {
                *zoom: 1;
            }
            .clearfix:after {
                clear: both;
                display: block;
                height: 0;
                visibility: hidden;
                line-height: 0;
                content: '\20';
            }
            .bgFull {
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
            }
            /*RESET the FORM*/
            fieldset {
                border: 0!important;
            }
            input,
            button,
            textarea,
            select {
                font-size: 100%;
                outline: none;
                resize: none;
                font-family: "Microsoft Yahei", -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, Tahoma, Simsun, sans-serif;
            }
            input[type="button"] {
                cursor: pointer;
                border: 0
            }
            input[type="submit"] {
                cursor: pointer;
                border: 0
            }
            input[type="reset"] {
                cursor: pointer;
                border: 0
            }
            input,
            textarea {
                -webkit-appearance: none;
            }
            input[type="reset"]::-moz-focus-inner,
            input[type="button"]::-moz-focus-inner,
            input[type="submit"]::-moz-focus-inner,
            input[type="file"]>input[type="button"]::-moz-focus-inner {
                border: none;
                padding: 0;
            }
            input::-webkit-input-placeholder,
            textarea::-webkit-input-placeholder {
                color: #555555;
            }
            input:-moz-placeholder,
            textarea:-moz-placeholder {
                color: #555555;
            }
            input::-moz-placeholder,
            textarea::-moz-placeholder {
                color: #555555;
            }
            input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                color: #555555;
            }
            /*RESET IMAGES*/
            img {
                display: block;
                max-width: 100%;
                height: auto;
                border: 0;
                margin: 0 auto;
            }
            /*IMAGE CENTER*/
            .vertical-center {
                display: block;
                max-width: 100%;
                max-height: 100%;
                position: absolute;
                margin: auto;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }
            /*RESET FONTS*/
            .t2 {
                text-indent: 2em;
            }
            em {
                font-style: normal;
            }
            .overf {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 12px;
            }
            /*LAYOUT*/
            .w1200 {
                width: 100%;
                max-width: 1340px;
                min-width: 320px;
                margin: 0 auto;
                padding: 0 70px;
            }
            .w1200 {
                width: 100%;
                max-width: 1320px;
                min-width: 320px;
                margin: 0 auto;
                padding: 0 60px;
            }
            .pc-block {
                display: block;
            }
            .mb-block {
                display: none;
            }
            .transition {
                -webkit-transition: all ease .4s;
                -moz-transition: all ease .4s;
                -ms-transition: all ease .4s;
                -o-transition: all ease .4s;
                transition: all ease .4s;
            }
            .b-shadow {
                -o-box-shadow: 0 0 25px rgba(7, 49, 107, .1);
                -ms-box-shadow: 0 0 25px rgba(7, 49, 107, .1);
                -moz-box-shadow: 0 0 25px rgba(7, 49, 107, .1);
                -webkit-box-shadow: 0 0 25px rgba(7, 49, 107, .1);
                box-shadow: 0 0 25px rgba(7, 49, 107, .1);
            }
            /* ========== */
            /* = PC-HEADER = */
            /* ========== */
            .pc-header {
                position: relative;
                z-index: 999;
                border-bottom: 1px solid #eeeeee;
            }
            .pc-header .logo {
                float: left;
            }
            .pc-header .right {
                float: right;
            }
            .pc-header .top {
                float: right;
                margin-top: 5px;
            }
            .pc-header .top .tel {
                margin-left: 20px;
                float: left;
                padding-left: 38px;
                background: url(/static/css/images/ico_tel.png) no-repeat left;
                line-height: 18px;
            }
            .pc-header .top .tel span {
                display: block;
                font-size: 12px;
            }
            .pc-header .top .tel p {
                font-weight: bold;
                color: #009b4c;
            }
            .pc-header .top .tel:nth-child(2) {
                background: url(/static/css/images/ico_400.png) no-repeat left;
            }
            .pc-header .top .tel:nth-child(2) p {
                color: #009b4c;
            }
            .pc-header .nav {
                clear: both;
                width: 100%;
            }
            .pc-header .nav li {
                margin-left: 45px;
                float: left;
                height: 59px;
            }
            .pc-header .nav li>a {
                display: block;
                height: 50px;
                line-height: 50px;
                color: #333333;
            }
            .pc-header .nav li.current>a {
                font-weight: bold;
            }
            .pc-header .nav li:hover>a {
                color: #009b4c;
            }
            .pc-header .nav li:hover .navsub {
                display: block;
            }
            .navsub {
                display: none;
                position: absolute;
                top: 101px;
                left: 0;
                width: 100%;
                background: #FFFFFF;
                padding-top: 28px;
                text-align: right;
                font-size: 0;
            }
            .navsub .item {
                display: inline-block;
                width: 20%;
                padding: 0 30px;
                text-align: center;
            }
            .navsub .item img {
                width: 100%;
                border: 1px solid #dddddd;
            }
            .navsub .item p {
                font-size: 14px;
                padding: 18px 0 25px;
                color: #333333;
            }
            .navsub .item a:hover img {
                border: 1px solid #009b4c;
            }
            .navsub .item a:hover p {
                color: #009b4c;
            }
            /* ========== */
            /* = PC-FOOTER = */
            /* ========== */
            .pc-footer {
                background: #242529;
            }
            .pc-footer .friendlink {
                padding: 45px 0 25px;
                color: rgba(255, 255, 255, .4);
                font-size: 12px;
                line-height: 24px;
                border-bottom: 1px solid rgba(255, 255, 255, .1);
            }
            .pc-footer .friendlink a {
                color: rgba(255, 255, 255, .4);
                margin: 0 12px;
            }
            .pc-footer .friendlink a:hover {
                color: rgba(255, 255, 255, .7);
            }
            .pc-footer .fanv {
                padding: 42px 0 25px;
                line-height: 52px;
                border-bottom: 1px solid rgba(255, 255, 255, .1);
            }
            .pc-footer .fanv .flogo {
                float: left;
            }
            .pc-footer .fanv .flogo img {
                display: inline-block;
                vertical-align: middle;
            }
            .pc-footer .fanv .flogo span {
                margin-left: 20px;
                display: inline-block;
                vertical-align: middle;
                font-weight: bold;
                color: #FFFFFF;
                font-size: 17px;
            }
            .pc-footer .fanv ul {
                float: right
            }
            .pc-footer .fanv li {
                float: left;
                margin-left: 40px;
            }
            .pc-footer .fanv li a {
                color: #cccccc;
                font-size: 12px;
            }
            .pc-footer .fanv li a:hover {
                color: #FFFFFF;
            }
            .pc-footer .box {
                padding: 40px 0;
            }
            .pc-footer .text {
                float: left;
            }
            .pc-footer .text div {
                padding-left: 35px;
                line-height: 24px;
                color: rgba(255, 255, 255, .6);
            }
            .pc-footer .text .add {
                background: url(/static/css/images/ico_foot_add.png) no-repeat left 5px;
            }
            .pc-footer .text .tel {
                margin-top: 20px;
                background: url(/static/css/images/ico_foot_tel.png) no-repeat left 5px;
            }
            .pc-footer .text .tel p {
                display: inline-block;
                margin-bottom: 10px;
                border-bottom: 1px solid rgb(255, 255, 255, .1);
            }
            .pc-footer .text .tel b {
                margin-left: 10px;
            }
            .pc-footer .erweima {
                float: right;
                margin-left: 20px;
                text-align: center;
            }
            .pc-footer .erweima p {
                margin-top: 8px;
                font-size: 12px;
                color: #8e8e8f;
            }
            .pc-footer .link {
                float: right;
                width: 48%;
                font-size: 12px;
                line-height: 30px;
                color: rgba(255, 255, 255, .65);
            }
            .pc-footer .link a {
                color: rgba(255, 255, 255, .65);
                margin: 0 7px;
            }
            .pc-footer .link a:hover {
                color: rgba(255, 255, 255, .9);
            }
            .pc-footer .copyright {
                padding: 15px 0;
                background: #121214;
                text-align: right;
                color: #777777;
                font-size: 12px;
            }
            .pc-footer .copyright a {
                margin-left: 10px;
                color: #c7c7c7;
            }
            .pc-footer .copyright a:hover {
                color: #FFFFFF;
            }
            /* ========== */
            /* = MOBILE HEADER = */
            /* ========== */
            .mb-header {
                position: fixed;
                top: 0;
                right: 0;
                width: 100%;
                background: #FFFFFF;
                padding: 0 0.375rem;
                z-index: 9999;
                -o-box-shadow: 0 0 15px rgba(7, 49, 107, .08);
                -ms-box-shadow: 0 0 15px rgba(7, 49, 107, .08);
                -moz-box-shadow: 0 0 15px rgba(7, 49, 107, .08);
                -webkit-box-shadow: 0 0 15px rgba(7, 49, 107, .08);
                box-shadow: 0 0 15px rgba(7, 49, 107, .08);
            }
            .mb-header .mb-logo {
                float: left;
                display: block;
            }
            .mb-header .mb-logo img {
                margin: 0;
                display: block;
                vertical-align: top;
                height: 1.5rem;
            }
            .mb-nav-ico {
                position: absolute;
                right: 0.375rem;
                top: 50%;
                margin-top: -0.25rem;
                width: 0.6875rem;
                height: 0.5rem;
                cursor: pointer;
            }
            .mb-nav-ico .line {
                position: absolute;
                left: 0;
                display: block;
                height: 2px;
                width: 100%;
                background: #999999;
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }
            .mb-nav-ico .line:nth-child(1) {
                top: 0;
            }
            .mb-nav-ico .line:nth-child(2) {
                top: 50%;
                margin-top: -1px;
            }
            .mb-nav-ico .line:nth-child(3) {
                bottom: 0;
            }
            .mb-nav-ico.active .line:nth-child(2) {
                opacity: 0;
            }
            .mb-nav-ico.active .line:nth-child(1) {
                top: 50%;
                margin-top: -1px;
                transform: rotate(-45deg);
            }
            .mb-nav-ico.active .line:nth-child(3) {
                top: 50%;
                margin-top: -1px;
                transform: rotate(45deg);
            }
            /* ========== */
            /* = MENU = */
            /* ========== */
            .shade {
                display: none;
                position: fixed;
                width: 100%;
                height: 100%;
                right: 0;
                top: 0;
                z-index: 999;
                display: none;
                background: transparent;
            }
            .menu {
                position: fixed;
                left: 100%;
                top: 0;
                width: 70%;
                height: 100%;
                text-align: left;
                z-index: 11111;
                overflow-y: scroll;
                background: #FFFFFF;
                -webkit-box-shadow: 0 0 30px rgba(26, 24, 24, .1) inset;
                box-shadow: 0 0 30px rgba(26, 24, 24, .1) inset;
            }
            .menu li {
                position: relative;
            }
            .menu li>span {
                display: block;
                position: relative;
                padding: 0 0.666666rem 0 1.493333rem;
                height: 1.36rem;
                line-height: 1.36rem;
                color: #767676;
                font-size: 0.35rem;
                border-bottom: 1px solid #e9e9e9;
            }
            .menu li:nth-child(1)>span {
                border-top: 1px solid #e9e9e9;
            }
            .menu ul li>span::before {
                content: '';
                position: absolute;
                left: 0.666666rem;
                top: 50%;
                margin-top: -0.133333rem;
                width: 0.266666rem;
                height: 0.266666rem;
                border: 2px solid #009b4c;
                border-radius: 100%;
            }
            .menu ul li a {
                color: #322e2d;
            }
            .menu ul li>span.default::after {
                content: '';
                position: absolute;
                right: 0.666666rem;
                top: 50%;
                width: 0.32rem;
                height: 0.32rem;
                margin-top: -0.16rem;
                background: url(/static/css/images/menu_bg.png) no-repeat;
                background-size: cover;
            }
            .menu ul li .menu-slide a {
                color: #7c7d7d;
            }
            .menu .menu-slide {
                display: none;
            }
            .menu .menu-slide a {
                position: relative;
                display: block;
                padding: 0 0.666666rem 0 1.493333rem;
                height: 1.333333rem;
                line-height: 1.333333rem;
                font-size: 0.32rem;
                color: #7c7d7d;
                border-bottom: 1px solid #e9e9e9;
            }
            .menu .menu-slide a::before {
                content: '';
                position: absolute;
                left: 0.666666rem;
                top: 50%;
                margin-top: -0.10625rem;
                width: 0.266666rem;
                height: 0.266666rem;
                background: url(/static/css/images/menu_bg3.png) no-repeat;
                background-size: cover;
            }
            .menu .menu-slide a:hover,
            .menu .menu-slide a.active {
                background: #009b4c;
                color: #FFFFFF;
            }
            .menu li>span.active a {
                color: #009b4c;
            }
            .menu li>span.active::before {
                color: #fff;
                background: #009b4c;
                border-color: #009b4c;
            }
            .menu li>span.active::after {
                content: '';
                position: absolute;
                right: 0.666666rem;
                top: 50%;
                width: 0.32rem;
                height: 0.32rem;
                margin-top: -0.16rem;
                background: url(/static/css/images/menu_bg2.png) no-repeat center;
            }
            /* ========== */
            /* = MB FOOTER = */
            /* ========== */
            .mb-copyright {
                padding: 0.4rem;
                background: #ececec;
                font-size: 0.26666666rem;
                color: #8e8e8e;
                line-height: 0.56rem;
            }
            .mb-footer {
                position: fixed;
                bottom: 0;
                right: 0;
                width: 100%;
                height: 1.55rem;
                background: #464646;
                z-index: 999;
            }
            .mb-footer li {
                float: left;
                width: 25%;
                border-left: 1px solid rgba(255, 255, 255, .2);
            }
            .mb-footer li:first-child {
                border-left: none;
            }
            .mb-footer li a {
                display: block;
                cursor: pointer;
                height: 1.55rem;
                padding-top: 0.133333rem;
                color: #FFFFFF;
                text-align: center;
            }
            .mb-footer li img {
                width: 0.8rem;
            }
            .mb-footer li p {
                margin-top: 0.08rem;
                font-size: 0.275rem;
                height: 0.32rem;
                line-height: 0.32rem;
            }
            /* ========== */
            /* = div404 = */
            /* ========== */
            .div404 {
                padding: 8% 0 10%;
                text-align: center;
            }
            .div404 .p1 {
                font-size: 200px;
                line-height: 200px;
                font-weight: bold;
                color: #ededed;
            }
            .div404 .p2 {
                font-size: 48px;
                color: #000918;
                font-weight: bold;
            }
            .div404 .p3 {
                margin-top: 35px;
            }
            .div404 a {
                display: inline-block;
                margin-top: 30px;
                padding: 18px 55px;
                background: #009b4c;
                color: #FFFFFF;
            }
        }
        
        @media (max-width:999px) {
            .div404 .p1 {
                font-size: 2rem;
                line-height: 2.6rem;
            }
            .div404 .p2 {
                font-size: 0.7rem;
            }
        }
        
        @media (max-width:999px) {
            .mb-block {
                display: block;
            }
            .w1200 {
                padding: 0 15px;
            }
        }
        
        @media (max-width:999px) {
            .page-wrap {
                position: relative;
                padding-top: 1.5rem;
                padding-bottom: 1.55rem;
            }
        }