* {
            padding: 0;
            margin: 0;
        }

        html,
        body {
            overflow:-Scroll;overflow-x:hidden;
        }

        body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, button, input, textarea, th, td, div {
            margin: 0;
            padding: 0;
        }

        body {
            font-size: 100%;
            overflow: hidden;
            /*text-align: center;*/
        }
        
        a {
            text-decoration: none;
            color: #000;
        }
        
        li {
            list-style: none;
        }
        
        .fl {
            float: left;
        }
        
        .fr {
            float: right;
        }
        
        .container {
            width: 100%;
            margin: 0 auto;
            position: relative;
            z-index: 1;
            background-color: #f9f9f9;
            /*去除移动端touch高亮效果*/
            -webkit-tap-highlight-color:rgba(0,0,0,0);
        }

        .wenli {
            width: 30%;
            height: auto;
            position: absolute;
            /*top: 138em;*/
            top: 60%;
            left: 50%;
            z-index: -1;
            margin-left: -15%;
        }

        /*引入web字体*/
        @font-face {font-family: 'ytfont';
                    src: url('../../font/yanti.ttf'); 
        }

        .my-font {
            font-family: ytfont;
        }

        @font-face {font-family: 'ykfont';
                    src: url('../../font/yunkai.TTF'); 
        }

        .des-font {
            font-family: ykfont;
        }

        /*顶部开始*/
        
        .top {
            width: 100%;
            /*height: 10em;*/
            height: 200px;
        }

        .top .tl {
            width: 100%;
            margin-top: -10px;
            position: absolute;
        }

        .top .tl img {
            width: 100%;
        }

        .logo {
            width: 15%;
            margin-top: 4%;
            margin-left: 8%;
            position: absolute;
        }
        .logo img {
            width: 100%;
        }
        
        .nav {
            font-family: ytfont;
            margin-top: 4%;
            margin-right: 8%;
            font-size: 1em;
            line-height: 2em;
            writing-mode: vertical-lr;
            -webkit-writing-mode: vertical-lr;
            writing-mode: tb-lr;
            *writing-mode: tb-lr;
            position: absolute;
            right: 0;
        }
        
        .nav nav {
            border-left: 1px solid #000;
        }
        
        .nav nav:nth-child(1) {
            height: 3em;
        }
        
        .nav nav:nth-child(2),
        .nav nav:nth-child(5) {
            height: 5em;
        }
        
        .nav nav:nth-child(3),
        .nav nav:nth-child(4) {
            height: 8em;
        }
        
        .nav nav.active {
            border-color: #c3251f;
        }
        
        .nav nav.active a {
            color: #c3251f;
        }

        /*顶部结束*/

        /*底部开始*/

        .boatline {
            width: 100%;
            margin: 5% 0 0;
        }

        .boatline img {
            width: 100%;
        }

        .foot {
            width: 100%;
            margin: 1% auto 0;
            position: relative;
        }
        .foot .foot-top {
            width: 100%;
            min-width: 850px;
            margin: 0 auto;
            text-align: center;
        }
        .foot .foot-Tit {
            font-size: 1.8em;
            font-family: ytfont;
            letter-spacing: 5px;
        }
        .foot .yun {
            display: inline-block;
            width: 2.5%;
            vertical-align: middle;
            padding-right: 5px;
        }
        .foot .yun img {
            width: 100%;
        }  
        .foot .foot-unit {
            width: 80%;
            min-width: 850px;
            margin: 40px auto 0;
        }
        .foot-unit ul {
            overflow: hidden;
        }
        .foot-unit li {
            box-sizing: border-box;
            float: left;
            width: 20%;
            padding: 0 40px;
            color: #625b31;
            text-align: center;
        }
        .foot-unit .ico {
            width: 60px;
            margin: 0 auto;
        }
        .foot-unit img {
            width: 100%;
        }
        .foot-unit p:nth-child(1) {
            margin-top: 5px;
            font-size: 20px;
        }
        .foot-unit p:nth-child(2) {
            margin-top: 5px;
            font-size: 14px;
        }
        .foot-unit .slot-line {
            position: relative;
            width: 100%;
            margin-top: 60px;
            text-align: center;
        }
        .slot-line:before,
        .slot-line:after {
            position: absolute;
            top: 10px;
            content: ' ';
            width: 40%;
            height: 0;
            border-bottom: 1px solid #b6b6b6;
        }
        .slot-line:before {
            left: 5%;
        }
        .slot-line:after {
            right: 5%;
        }
        .foot-unit .focus-box {
            width: 40%;
            min-width: 480px;
            margin: 50px auto 0;
            overflow: hidden;
        }
        .focus-box .ewm-box {
            float: left;
            width: 110px;
            margin-left: 10px;
        } 
        .focus-box .ewm {
            width: 100px;
            margin: 0 auto;
        }
        .focus-box .tip {
            font-size: 13px;
            text-align: center;
            white-space: nowrap;
        }
        .focus-box .a-ico:nth-child(2) {
            margin-top: 22px;
        }
        .a-ico a {
            display: block;
        }
        .a-ico img {
            width: 100%;
        }
        .yejiao {
            min-width: 850px;
            margin: 80px auto 5px;
            font-family: ytfont;
            text-align: center;
        }

        .bl {
            width: 100%;
            margin-bottom: -10px;
        }

        .bl img {
            width: 100%;
        }
        /*底部结束*/
        
        @media screen and (max-width: 1024px){
            body {
                font-size: 100%;
            }
        }

        @media screen and (max-width: 768px){
            .wenli {
                top: 85em;
            }

            .department .de {
                height: 8em;
            }

            
        }