@charset "utf-8";
body {
    font-family: "Microsoft Yahei", "SimSun";
    font-size: 14px;
    color: #000;
}
/*CSS通用重置样式*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;list-style:none; text-decoration:none;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
a {
    color: #000;
}

a:hover {
    text-decoration: none;
  
}

img {
    display: block;
}

#all {
    position: relative;
    width: 100%;
    height: 100%;
}

#logo {
    position: fixed;
    width: 159px;
    height: 22px;
    background: url(images/scroll/logo.png);
    left: 55px;
    top: 40px;
    z-index: 999;
}

#menu-btn {
    position: fixed;
    height: 38px;
    width: 38px;
    background: url(images/scroll/top-menu.png);
    right: 55px;
    top: 32px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 999;
}

#menu-btn:hover {
    background: url(images/scroll/top-menu2.png);
}

#music-btn {
    position: fixed;
    height: 38px;
    width: 38px;
    right: 106px;
    top: 32px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 999;
}

#music-btn.on {
    background: url(images/scroll/top-music-on.png);
}

#music-btn.on:hover {
    background: url(images/scroll/top-music-on2.png);
}

#music-btn.off {
    background: url(images/scroll/top-music-off.png);
}

#music-btn.off:hover {
    background: url(images/scroll/top-music-off2.png);
}

#menu-drop {
    position: fixed;
    right: 55px;
    top: 86px;
    background: #fff2d7;
    width: 170px;
    border-radius: 5px;
    border: 1px solid #c7b37e;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #907426;
    display: none;
    z-index: 999;
}

#menu-drop a {
    color: #907426;
}

#menu-drop .row {
    line-height: 30px;
    padding: 7px 0px;
    border-top: 1px solid #c7b37e;
}

#menu-drop ul {
    background: url(images/scroll/top-menu-line.png) no-repeat center top;
    margin-top: 7px;
    padding: 7px 20px 0px 20px;
}

#menu-drop ul li {
    float: left;
    width: 50%;
}

#wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

#wrapper .img {
    float: left;
    height: 100%;
    display: inline-block;
}

#container {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}

#topic {
    position: absolute;
    width: 5.81%;
    height: 62.6%;
    left: 2.65%;
    top: 3.2%;
    text-align: center;
}

.header-a {
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
}

.header-b {
    width: 100%;
    margin: 0 auto;
    margin-top: 1%;
}

#topid {
    position: absolute;
    width: 4.85%;
    height: 35.6%;
    left: 9%;
    top: 22.2%;
    text-align: center;
}

.topida {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    height: 21%;
}

.header-c {
    margin-left: 14%;
    float: left;
    width: 62.6%;
}

.cssBox {
    width: 7%;
    height: 46%;
    position: relative;
    float: left;
    margin-top: 8%;
    margin-left: 2%;
    cursor: pointer;
}

.plane {
    width: 1.9%;
    height: 10%;
    position: absolute;
    left: 16%;
    top: 0%;
}

.planemove {
    animation: 'planemove' 4s ease-in-out 0s forwards;
    -ms-animation: planemove 4s ease-in-out 0s forwards;
    -moz-animation: planemove 4s ease-in-out 0s forwards;
    -o-animation: 'planemove' 4s ease-in-out 0s forwards;
    -webkit-animation: 'planemove' 4s ease-in-out 0s forwards;
}

.planeani {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../images/plane.png);
    animation: 'planeani' 0.5s ease-in-out 0s infinite;
    -ms-animation: planeani 0.5s ease-in-out 0s infinite;
    -moz-animation: planeani 0.5s ease-in-out 0s infinite;
    -o-animation: 'planeani' 0.5s ease-in-out 0s infinite;
    -webkit-animation: 'planeani' 0.5s ease-in-out 0s infinite;
}

@-webkit-keyframes planemove {
    from {
        width: 1.9%;
        left: 16%;
        top: 0%;
    }
    to {
        width: 0.6%;
        left: 21.7%;
        top: 53%;
    }
}

@keyframes planemove {
    from {
        width: 1.9%;
        left: 16%;
        top: 0%;
    }
    to {
        width: 0.6%;
        left: 21.7%;
        top: 53%;
    }
}

@-webkit-keyframes planeani {
    0% {
        background-image: url(../images/planeb.png);
    }
    10% {
        background-image: url(../images/plane.png);
    }
    20% {
        background-image: url(../images/planeb.png);
    }
    30% {
        background-image: url(../images/planeb.png);
    }
    40% {
        background-image: url(../images/plane.png);
    }
    50% {
        background-image: url(../images/planeb.png);
    }
    60% {
        background-image: url(../images/planeb.png);
    }
    70% {
        background-image: url(../images/plane.png);
    }
    80% {
        background-image: url(../images/planeb.png);
    }
    90% {
        background-image: url(../images/plane.png);
    }
    100% {
        background-image: url(../images/planeb.png);
    }
}

@keyframes planeani {
    0% {
        background-image: url(../images/planeb.png);
    }
    10% {
        background-image: url(../images/plane.png);
    }
    20% {
        background-image: url(../images/planeb.png);
    }
    30% {
        background-image: url(../images/planeb.png);
    }
    40% {
        background-image: url(../images/plane.png);
    }
    50% {
        background-image: url(../images/planeb.png);
    }
    60% {
        background-image: url(../images/planeb.png);
    }
    70% {
        background-image: url(../images/plane.png);
    }
    80% {
        background-image: url(../images/planeb.png);
    }
    90% {
        background-image: url(../images/plane.png);
    }
    100% {
        background-image: url(../images/planeb.png);
    }
}

@-ms-keyframes planeani {
    0% {
        background-image: url(../images/planeb.png);
    }
    10% {
        background-image: url(../images/plane.png);
    }
    20% {
        background-image: url(../images/planeb.png);
    }
    30% {
        background-image: url(../images/planeb.png);
    }
    40% {
        background-image: url(../images/plane.png);
    }
    50% {
        background-image: url(../images/planeb.png);
    }
    60% {
        background-image: url(../images/planeb.png);
    }
    70% {
        background-image: url(../images/plane.png);
    }
    80% {
        background-image: url(../images/planeb.png);
    }
    90% {
        background-image: url(../images/plane.png);
    }
    100% {
        background-image: url(../images/planeb.png);
    }
}

@-moz-keyframes planeani {
    0% {
        background-image: url(../images/planeb.png);
    }
    10% {
        background-image: url(../images/plane.png);
    }
    20% {
        background-image: url(../images/planeb.png);
    }
    30% {
        background-image: url(../images/planeb.png);
    }
    40% {
        background-image: url(../images/plane.png);
    }
    50% {
        background-image: url(../images/planeb.png);
    }
    60% {
        background-image: url(../images/planeb.png);
    }
    70% {
        background-image: url(../images/plane.png);
    }
    80% {
        background-image: url(../images/planeb.png);
    }
    90% {
        background-image: url(../images/plane.png);
    }
    100% {
        background-image: url(../images/planeb.png);
    }
}

@-o-keyframes planeani {
    0% {
        background-image: url(../images/planeb.png);
    }
    10% {
        background-image: url(../images/plane.png);
    }
    20% {
        background-image: url(../images/planeb.png);
    }
    30% {
        background-image: url(../images/planeb.png);
    }
    40% {
        background-image: url(../images/plane.png);
    }
    50% {
        background-image: url(../images/planeb.png);
    }
    60% {
        background-image: url(../images/planeb.png);
    }
    70% {
        background-image: url(../images/plane.png);
    }
    80% {
        background-image: url(../images/planeb.png);
    }
    90% {
        background-image: url(../images/plane.png);
    }
    100% {
        background-image: url(../images/planeb.png);
    }
}

@-webkit-keyframes rotating {
    0% {
        background-image: url(../images/planeb.png);
    }
    10% {
        background-image: url(../images/plane.png);
    }
    20% {
        background-image: url(../images/planeb.png);
    }
    30% {
        background-image: url(../images/planeb.png);
    }
    40% {
        background-image: url(../images/plane.png);
    }
    50% {
        background-image: url(../images/planeb.png);
    }
    60% {
        background-image: url(../images/planeb.png);
    }
    70% {
        background-image: url(../images/plane.png);
    }
    80% {
        background-image: url(../images/planeb.png);
    }
    90% {
        background-image: url(../images/plane.png);
    }
    100% {
        background-image: url(../images/planeb.png);
    }
}

.imageRadius {
    opacity: 0;
    /* margin-top: 9%; */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: imageRadius 2s ease 0s infinite;
    animation: imageRadius 2s ease 0s infinite;
}

@-webkit-keyframes imageRadius {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.waveRaidus {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: waveRaidus 2s ease-out 0s infinite;
    animation: waveRaidus 2s ease-out 0s infinite;
}

@-webkit-keyframes waveRaidus {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    65% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    66% {
        width: 100%;
        height: 100%;
        opacity: 0.8;
    }
    100% {
        width: 130%;
        height: 130%;
        opacity: 0;
    }
}

.pointRadius {
    width: 36%;
    height: 36%;
    border-radius: 360px;
    position: absolute;
    left: 50%;
    top: 50%;
    /* margin-top: 25.4%; */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pointRadius 2s ease 0s infinite;
    animation: pointRadius 2s ease 0s infinite;
}

@-webkit-keyframes pointRadius {
    0% {
        width: 36%;
        height: 36%;
    }
    100% {
        width: 56%;
        height: 56%;
    }
}

.topidb {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.topidb img {
    width: 100%;
}

.city {
    position: absolute;
}

.city .drop {
    display: none;
}

.city .abs {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.city .drop {
    display: none;
    width: 539px;
    height: 234px;
    padding: 30px 50px 0px 70px;
    border: 2px solid #f6b665;
    background: #fffcf4;
    border-radius: 10px;
    margin-top: -67px;
    z-index: 88;
}

.city .drop .close {
    position: absolute;
    top: -14px;
    right: -20px;
    width: 46px;
    height: 46px;
    background: url(../images/drop-close1.png);
    transition: background 0.2s;
}

.city .drop .close:hover {
    background: url(../images/drop-close2.png);
}

.city .drop h3 {
    font-size: 30px;
    line-height: 40px;
}

.city .drop p {
    line-height: 36px;
    font-size: 22px;
    margin-top: 15px;
}

.city .video a {
    display: block;
    width: 100%;
    height: 100%;
}

.city .video .photo {
    height: 75.5%;
    left: 0px;
    top: 0px;
    border: 1px solid #fddc8f;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}

.city .video .photo img {
    width: 100%;
    height: 100%;
}

.city .video .photo .play {
    position: absolute;
    width: 18.4%;
    height: 33%;
    left: 40.8%;
    top: 33.5%;
    background-image: url(images/scroll/play.png);
    transition: background 0.2s;
}

.city .video p {
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 13.2%;
}

.city .video:hover .photo .play {
    background-image: url(images/scroll/play2.png);
}

.city .name {
    z-index: 99;
}

@-ms-keyframes name {
    from {}
    10% {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    50% {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
}

@-moz-keyframes name {
    from {}
    10% {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    50% {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
}

@-o-keyframes name {
    from {}
    10% {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    50% {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
}

@-webkit-keyframes name {
    from {}
    10% {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    50% {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
}

@keyframes name {
    from {}
    10% {
        filter: alpha(opacity=100);
        opacity: 1;
    }
    50% {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(1.6, 1.6);
    }
}

.city .name-shadow {
    animation: 'name' 3.0s ease-in-out 0s infinite;
    -ms-animation: name 3.0s ease-in-out 0s infinite;
    -moz-animation: name 3.0s ease-in-out 0s infinite;
    -o-animation: 'name' 3.0s ease-in-out 0s infinite;
    -webkit-animation: 'name' 3.0s ease-in-out 0s infinite;
}

#city1 {
    left: 12.4%;
    top: 6%;
    width: 6.21%;
    height: 92.9%;
}

#city1 .acity-a {
    width: 21.2%;
    height: 78%;
    float: left;
    margin-left: 18%;
}

#city1 .szcity {
    width: 100%;
    height: 37%;
    position: relative;
}

#city1 img {
    width: 100%;
}

.szcity .citybuton {
    width: 40%;
    height: 14%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

#city1 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city2 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city3 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city4 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city5 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city6 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city7 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city8 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city9 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city10 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city11 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city12 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city13 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city14 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city15 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city16 .citybuton:hover .mfonts {
    transform: scale(1.05, 1.05);
}

.contentli ul li:hover .mfonts {
    transform: scale(1.05, 1.05);
}

#city1 .szcenter img {
    width: 100%;
}

#city1 .cwzt {
    margin-top: 4%;
}

#city1 .zthg {
    /* margin-left: -1%; */
}

.szcity .micon {
    float: left;
    width: 9.2%;
    height: 87%;
}

.szcity .mfonts {
    float: left;
    width: 63.5%;
    height: 65%;
    padding-top: 1.0%;
    padding-left: 2%;
}

#city1 .szcenter {
    width: 100%;
    height: 57.9%;
    position: relative;
    margin-top: 3%;
}

.szcenter .qhmian {
    width: 100%;
    height: 14%;
}

.szcenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.szcenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.szcenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.szcenter .micon {
    float: left;
    width: 8%;
    height: 87%;
}

.szcenter .mfonts {
    float: left;
    width: 55.2%;
    height: 100%;
    padding-top: 0.2%;
    padding-left: 2%;
}

.szcenter .szqh {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 3%;
    top: 53%;
}

.szcenter .szqh i.line01 {
    width: 2px;
    height: 54%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 14%;
    left: 3%;
}

.szcenter .szqh i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 30%;
    left: 3%;
}

.szcenter .szqh i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 49%;
    left: 3%;
}

.szcenter .szqh i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 67%;
    left: 3%;
}

.szcenter .ymc i.line01 {
    width: 2px;
    height: 71%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 12%;
    left: 3%;
}

.szcenter .ymc i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 11%;
    left: 3%;
}

.szcenter .ymc i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 30%;
    left: 3%;
}

.szcenter .lhs i.line01 {
    width: 2px;
    height: 57%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 13%;
    left: 3%;
}

.szcenter .lhs i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 32%;
    left: 3%;
}

.szcenter .lhs i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 51%;
    left: 3%;
}

.szcenter .lhs i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 69%;
    left: 3%;
}

.szcenter .lhs i.line05 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 80%;
    left: 3%;
}

.szcenter .ymctop {
    padding-top: 21%;
}

.szcenter .lhstop {
    padding-bottom: 3%;
}

.szcenter .citybuton {
    width: 100%;
    height: 15%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 2%;
}

.szcenter .citybuton.qhdb {
    margin-top: 4%;
}

.szcenter .ymc {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 33%;
    top: -8%;
    overflow: hidden;
}

.szcenter .lhs {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 60%;
    top: 46%;
}

#city2 {
    left: 17.8%;
    top: 9.7%;
    width: 6.2%;
    height: 80.2%;
}

#city2 img {
    width: 100%;
}

.zhcity {
    width: 100%;
    height: 31%;
    position: relative;
}

.zhcity .bcity-a {
    width: 53.2%;
    height: 78%;
    float: left;
    margin-top: 4%;
}

.zhcenter {
    width: 100%;
    height: 57.9%;
    position: relative;
}

#city2 .cwzt {
    position: absolute;
    top: 43%;
    left: 48%;
}

#city2 .tphg {
    position: absolute;
    top: 63%;
    left: 48%;
}

.zhcity .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.zhcity .mfonts {
    float: left;
    width: 63.5%;
    height: 65%;
    padding-top: 1.0%;
    padding-left: 2%;
}

.zhcity .micon {
    float: left;
    width: 9.2%;
    height: 87%;
}

.zhcenter .hq {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 37%;
    top: 3%;
}

.zhcenter .zhjd {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 66%;
    top: 54%;
}

.zhcenter .zhjd .qhmian {
    margin-bottom: 14%;
}

.zhcenter .hq .qhmian {
    margin-top: 8%;
}

.zhcenter .citybuton {
    width: 100%;
    height: 18%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 2%;
}

.zhcenter .micon {
    float: left;
    width: 8%;
    height: 87%;
}

.zhcenter .mfonts {
    float: left;
    width: 55.2%;
    height: 65%;
    padding-top: 0.5%;
    padding-left: 1.2%;
}

.zhcenter .qhmian {
    width: 100%;
    height: 14%;
}

.zhcenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.zhcenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.zhcenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.zhcenter .hq i.line01 {
    width: 2px;
    height: 53%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 14%;
    left: 3%;
}

.zhcenter .hq i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 13%;
    left: 3%;
}

.zhcenter .hq i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 36%;
    left: 3%;
}

.zhcenter .zhjd i.line01 {
    width: 2px;
    height: 43%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 13%;
    left: 3%;
}

.zhcenter .zhjd i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 55%;
    left: 3%;
}

.zhcenter .zhjd i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 71%;
    left: 3%;
}

#city3 {
    left: 23.8%;
    top: 31.7%;
    width: 5.71%;
    height: 62.2%;
}

#city3 img {
    width: 100%;
}

#city3 .cwzt {
    margin-top: 11%;
    margin-bottom: 0.5%;
}

.fscity .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.fscity .micon {
    float: left;
    width: 10%;
    height: 100%;
}

.fscity .mfonts {
    float: left;
    width: 68.9%;
    height: 65%;
    padding-top: 1.0%;
    padding-left: 2%;
}

.fscity {
    width: 100%;
    height: 42%;
    position: relative;
}

.fscity .ccity-a {
    width: 25%;
    height: 89%;
    float: left;
    margin-top: 4%;
}

.fscenter {
    width: 100%;
    height: 57.9%;
    position: relative;
}

.fscenter .hlc {
    width: 46%;
    height: 62%;
    position: absolute;
    left: 29%;
    top: 3%;
}

.fscenter .hlcm {
    width: 100%;
    height: 100%;
    position: relative;
}

.fscenter .gzgysjc {
    width: 46%;
    height: 62%;
    position: absolute;
    left: 37%;
    top: 41%;
}

.fscenter .gzgysjc .qhmian {
    margin-bottom: 10%;
}

.fscenter .hlc .qhmian {
    margin-bottom: 5%;
    position: absolute;
    left: -42%;
    top: 14%;
    z-index: 1;
}

.fscenter .hlc .aicon {
    margin-left: -41%;
}

.fscenter .hlc .mfonts {}

.fscenter .citybuton {
    width: 100%;
    height: 24%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    position: relative;
    z-index: 2;
}

.fscenter .micon {
    float: left;
    width: 8.7%;
    height: 87%;
}

.fscenter .mfonts {
    float: left;
    width: 59.8%;
    height: 65%;
    padding-top: 0.5%;
    padding-left: 2%;
}

.fscenter .qhmian {
    width: 100%;
    height: 13%;
}

.fscenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.fscenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.fscenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.fscenter .hlc i.line01 {
    width: 2px;
    height: 25.4%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 9.4%;
    left: 3%;
}

.fscenter .hlc i.line02 {
    width: 19%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 22%;
    left: -16%;
}

.fscenter .hlc i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 9%;
    left: 3%;
}

.fscenter .hlc i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 34%;
    left: 3%;
}

.fscenter .gzgysjc i.line01 {
    width: 2px;
    height: 42%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 9%;
    left: 3%;
}

.fscenter .gzgysjc i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 8%;
    left: 3%;
}

.fscenter .gzgysjc i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 33%;
    left: 3%;
}

#city4 {
    left: 27.6%;
    top: 5.7%;
    width: 5.71%;
    height: 62.2%;
    z-index: 3;
}

#city4 img {
    width: 100%;
}

.gzcity {
    width: 100%;
    height: 37%;
    position: relative
}

.gzcity .cwzt {
    margin-left: -5%;
    margin-top: 4%;
}

.gzcity .gzt {
    margin-left: -5%;
    margin-top: 1.0%;
}

.dcity-a {
    width: 46.2%;
    height: 92%;
    float: left;
}

.gzcity .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.gzcity .micon {
    float: left;
    width: 9.8%;
    height: 87%;
}

.gzcity .mfonts {
    float: left;
    width: 69%;
    height: 65%;
    padding-top: 0%;
    padding-left: 2%;
}

.gzcenter {
    width: 100%;
    height: 87.9%;
    position: relative;
}

.dhy {
    width: 46%;
    height: 38%;
    position: absolute;
    left: 59%;
    top: 5%;
}

.dkgd {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 30%;
    top: 74%;
}

.gzcenter .mfonts {
    float: left;
    width: 60%;
    height: 65%;
    padding-top: 0.5%;
    padding-left: 2%;
}

.gzcenter .qhmian {
    width: 100%;
    height: 16%;
    margin-top: 4%;
    position: relative;
}

.gzlda .mfonts{margin-left: -63%;}
.gzlda .aicon {}
.gzcenter .micon {
    float: left;
    width: 8.7%;
    height: 87%;
}

.gzcenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.gzcenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.gzcenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.gzcenter .citybuton {
    width: 100%;
    height: 24%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 2%;
}

.gzcenter .dhy i.line01 {
    width: 2px;
    height: 25%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.gzcenter .dhy i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

.gzcenter .dhy i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 43%;
    left: 3%;
}

.gzcenter .dhy i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 72%;
    left: 3%;
}

.gzcenter .dkgd i.line01 {
    width: 2px;
    height: 16%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 17%;
    left: 3%;
}

.gzcenter .dkgd i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 32%;
    left: 3%;
}

.header-d {
    width:100%;
    
}

.header-dm {
    width:100%;
    display: none;
}
.footinfor {
    width: 88%;
    margin: 0 auto;
    margin-top: 120px;
    display: none;
}
/* content02*/

#topidtwo {
    position: absolute;
    width: 5.8%;
    height: 33.6%;
    left: 34.2%;
    top: 53.2%;
    text-align: center;
    overflow: hidden;
}

.topidtwo {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    height: 21%;
}

.header-ctwo {
    float: left;
    width: 62.6%;
}

.ctwo {
    width: 80%;
    overflow: hidden;
    height: 15%;
    position: absolute;
    top: 33%;
    left: 60%;
}

.contentli ul li {
    width: 22%;
    margin-left: 0.5%;
    cursor: pointer;
    overflow: hidden;
    float: left;
}

.contentli ul li.ctwolis {
    width: 27%;
}

.contentli ul li.ctwolis i.micon {
    width: 17.5%;
}

.contentli ul li.ctwolis i.mfonts {
    width: 78%;
}

.contentli ul li i.micon {
    float: left;
    width: 21%;
    height: 87%;
}

.contentli ul li i.mfonts {
    float: left;
    width: 60%;
    height: 65%;
    padding-top: 2%;
    padding-left: 2%;
}

.contentli ul li img {
    width: 100%;
}


/* content02*/


/* content03*/

#topidthree {
    position: absolute;
    width: 6.4%;
    height: 35.6%;
    left: 38.4%;
    top: 13%;
    text-align: center;
    overflow: hidden;
}

.topidthree {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    height: 21%;
}

.header-cthree {
    margin-left: 0;
    float: left;
    width: 88.7%;
}

.conmianthree {
    width: 99.4%;
    overflow: hidden;
    position: relative;
}

.cssBoxthree {
    width: 5.3%;
    height: 43%;
    position: relative;
    float: left;
    margin-top: 6%;
    margin-left: 2%;
    cursor: pointer;
}

.cthree {
    width: 72.6%;
    overflow: hidden;
    height: 18%;
    position: absolute;
    top: 30%;
    left: 63%;
}


/* content03*/


/* content04*/

#topidfour {
    position: absolute;
    width: 6.1%;
    height: 31.6%;
    left: 43.42%;
    top: 56%;
    text-align: center;
    overflow: hidden;
}

.topidfour {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    height: 21%;
}

.header-cfour {
    margin-left: 5%;
    float: left;
    width: 47%;
}

.conmianfour {
    width: 93%;
    overflow: hidden;
    height: 100%;
    position:relative;
    top: 0px;
    left: 0px;
}

.cssBoxfour {
    width: 5.3%;
    height: 43%;
    position: relative;
    float: left;
    margin-top: 6%;
    margin-left: 2%;
    cursor: pointer;
}

.cfour {
    width: 76.1%;
    overflow: hidden;
    height: 17%;
    position: absolute;
    top: 49%;
    left: 4%;
}


/* content04*/


/* content05*/

#topidfive {
    position: absolute;
    width: 7.2%;
    height: 28.6%;
    left: 47%;
    top: 8.2%;
    text-align: center;
    overflow: hidden;
}

.topidfive {
    width: 100%;
    display: block;
    text-align: center;
    height: 36%;
}

.header-cfive {
    float: left;
    width: 88.4%;
}

.conmianfive {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.cssBoxfive {
    width: 5.1%;
    height: 27%;
    position: relative;
    float: left;
    margin-top: 14.2%;
    margin-left: 2%;
    cursor: pointer;
}

.cfive {
    width: 64.7%;
    overflow: hidden;
    height: 25%;
    position: absolute;
    top: 60.2%;
    left: 50%;
}


/* content05*/


/* content06*/

#topidsix {
    position: absolute;
    width: 6.7%;
    height: 28.6%;
    left: 68%;
    top: 12.2%;
    text-align: center;
    overflow: hidden;
}

.topidsix {
    width: 100%;
    display: block;
    text-align: center;
    height: 36%;
}

.header-csix {
    float: left;
    width: 88.4%;
}

.conmiansix {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.cssBoxsix {
    width: 5.1%;
    height: 27%;
    position: relative;
    float: left;
    margin-top: 14.2%;
    margin-left: 2%;
    cursor: pointer;
}

.csix {
    width: 64.7%;
    overflow: hidden;
    height: 25%;
    position: absolute;
    top: 60.2%;
    left: 29%;
}


/* content06*/

#city5 {
    left: 61.32%;
    top: 13.9%;
    width: 6.21%;
    height: 40.7%;
}

#city5 img {
    width: 100%;
}

.szcitytwo {
    width: 100%;
    height: 52%;
    position: relative;
}

.szcitytwo .acity-a {
    width: 21.2%;
    height: 78%;
    float: left;
}

.szcitytwo .micon {
    float: left;
    width: 9.2%;
    height: 87%;
}

.szcitytwo .mfonts {
    float: left;
    width: 63.4%;
    height: 65%;
    padding-top: 1%;
    padding-left: 2%;
}

.szcitytwo .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.szcitytwo .cwzt {
    margin-top: 3%;
}

.zthgtwo {
    margin-top: 1.1%;
}

.sztwocenter {
    width: 100%;
    height: 52.9%;
    position: relative;
}

.szqhtwo {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 26%;
    top: 53%;
}

.sztwocenter .qhmian {
    width: 100%;
    height: 14%;
}

.sztwocenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.sztwocenter .mfonts {
    float: left;
    width: 55.2%;
    height: 85%;
    padding-top: 0.5%;
    padding-left: 2%;
}

.sztwocenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.sztwocenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.sztwocenter .citybuton {
    width: 100%;
    height: 25%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
}

.sztwocenter .micon {
    float: left;
    width: 8%;
    height: 87%;
}

.sztwocenter .ggkf {
    width: 46%;
    height: 80%;
    position: absolute;
    left: 23%;
    top: 22%;
}

.sztwocenter .ggkf .ggkftop {
    margin-bottom: 5%;
}

.sztwocenter .ggkf i.line01 {
    width: 2px;
    height: 34%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 8%;
    left: 3%;
}

.sztwocenter .ggkf i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 41%;
    left: 3%;
}

.sztwocenter .ggkf i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 53%;
    left: 3%;
}

#city6 {
    left: 63%;
    top: 49.7%;
    width: 5.71%;
    height: 51.2%;
}

#city6 img {
    width: 100%;
}

.zhcitytwo {
    width: 100%;
    height: 37%;
    position: relative;
    margin-left: 9%;
}

.zhcitytwo .bcity-atwo {
    width: 53.2%;
    height: 78%;
    float: left;
}

#city6 .cwzt {
    position: absolute;
    top: 66%;
    left: 11%;
}

#city6 .zthg {
    position: absolute;
    top: 89%;
    left: 11%;
}

.zhcitytwo .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.zhcitytwo .micon {
    float: left;
    width: 9.9%;
    height: 99%;
}

.zhcitytwo .mfonts {
    float: left;
    width: 69%;
    height: 65%;
    padding-top: 1.0%;
    padding-left: 2%;
}

.zhcitytwo .citybuton {
    width: 40%;
    height: 20%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.zhcentertwo {
    width: 100%;
    height: 62.9%;
    position: relative;
}

.zhcentertwo .zyycy {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 65%;
    top: 26%;
}

.zhcentertwo .zyycym {
    width: 100%;
    height: 100%;
    position: relative;
}

.zhcentertwo .gzydq {
    width: 46%;
    height: 67%;
    position: absolute;
    left: 65%;
    top: -52%;
}

.zhcentertwo .zyycy .qhmian {
    position: absolute;
    left: -46%;
    top: 18%;
    z-index: 1;
}

.zhcentertwo .zyycy .qhmian .mfonts {
    position: absolute;
    top: -186%;
    left: 5%;
}

.zhcentertwo .zyycy .aicon {
    margin-left: -23%;
    position: absolute;
    left: 38%;
    top: -85%;
}

.zhcentertwo .gzydq .qhmian {
    position: absolute;
    left: 29%;
    top: 24%;
}

.zhcentertwo .hq .qhmian {
    margin-top: 8%;
}

.zhcentertwo .citybuton {
    width: 100%;
    height: 27%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 1%;
}

.zhcentertwo .zyycysp {}

.zhcentertwo .micon {
    float: left;
    width: 8.7%;
    height: 87%;
}

.zhcentertwo .mfonts {
    float: left;
    width: 60%;
    height: 75%;
    padding-top: 0.6%;
    padding-left: 2%;
}

.zhcentertwo .gzydqm {
      position: absolute;
    left: -54%;
    top: -46%;
    width: 100%;
}

.gzydqm .citybuton {
    overflow: hidden;
}

.gzydqm .citybuton .mfonts {
    padding-right: 1%;
}

.gzydqm .citybuton .micon {}

.zhcentertwo .qhmian {
    width: 100%;
    height: 21%;
}

.zhcentertwo .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.zhcentertwo .aicon img.libga {
    position: relative;
    z-index: 6;
}

.zhcentertwo .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.zhcentertwo .zyycy i.line01 {
    width: 2px;
    height: 33.2%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 10%;
    left: 3%;
}

.zhcentertwo .zyycy i.line02 {
    width: 29%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 13%;
    left: -26%;
}

.zhcentertwo .zyycy i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 13%;
    left: 3%;
}

.zhcentertwo .zyycy i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 42%;
    left: 3%;
}

.zhcentertwo .gzydq i.line01 {
    width: 2px;
    height: 63%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: -34.8%;
    left: 32%;
}

.zhcentertwo .gzydq i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: -57%;
    left: 26%;
}

.zhcentertwo .gzydq i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: -36%;
    left: 26%;
}

.zhcentertwo .gzydq i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: -15%;
    left: 26%;
}

#city7 {
    left: 51%;
    top: 39.7%;
    width: 5.71%;
    height: 65.2%;
}

#city7 img {
    width: 100%;
}

.qycity {
    width: 100%;
    height: 37%;
    position: relative;
}

.qycity .citybuton {
    width: 40%;
    height: 21%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.qycity .cwzt {
    position: absolute;
    top: 61%;
    left: 11%;
}

.qycity .qyzthg {
    position: absolute;
    top: 81%;
    left: 11%;
}

.qycity .micon {
    float: left;
    width: 9.8%;
    height: 87%;
}

.qycity .mfonts {
    float: left;
    width: 69%;
    height: 65%;
    padding-top: 1%;
    padding-left: 2%;
}

.qycity .bcity-atwo {
    width: 53.2%;
    height: 78%;
    float: left;
    margin-top: 1%;
}

.qucentertwo {
    width: 100%;
    height: 57.9%;
    position: relative;
}

.qucentertwo .cyy {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 68%;
    top: 52%;
}

.qucentertwo .lzc {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 27%;
    top: 33%;
}

.qucentertwo .lzc .qhmian {
    margin-top: 5%;
}

.qucentertwo .cyy .qhmian {
    margin-top: 1%;
}

.qucentertwo .citybuton {
    width: 100%;
    height: 24%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 1%;
}

.qucentertwo .micon {
    float: left;
    width: 8.7%;
    height: 97%;
}

.qucentertwo .mfonts {
    float: left;
    width: 60%;
    height: 96%;
    padding-top: 0.4%;
    padding-left: 0.1%;
}

.qucentertwo .qhmian {
    width: 100%;
    height: 21%;
}

.qucentertwo .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.qucentertwo .aicon img.libga {
    position: relative;
    z-index: 6;
}

.qucentertwo .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.qucentertwo .cyy i.line01 {
    width: 2px;
    height: 26%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.qucentertwo .cyy i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

.qucentertwo .cyy i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 39%;
    left: 3%;
}

.qucentertwo .lzc i.line01 {
    width: 2px;
    height: 56%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

.qucentertwo .lzc i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 14%;
    left: 3%;
}

.qucentertwo .lzc i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 41%;
    left: 3%;
}

.qucentertwo .lzc i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 64%;
    left: 3%;
}

#city8 {
    left: 54.5%;
    top: 12.7%;
    width: 5.71%;
    height: 65.2%;
}

#city8 img {
    width: 100%;
}

.gzcitytwo {
    width: 100%;
    height: 37%;
    position: relative
}

.gzcitytwo .cwzt {
    margin-left: -5%;
    margin-top: 4%;
}

.gzcitytwo .gzt {
    margin-left: -5%;
    margin-top: 1.5%;
}

.dcity-ab {
    width: 46.2%;
    height: 92%;
    float: left;
}

.gzcitytwo .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.gzcitytwo .micon {
    float: left;
    width: 9.9%;
    height: 87%;
}

.gzcitytwo .mfonts {
    float: left;
    width: 69%;
    height: 65%;
    padding-top: 0.5%;
    padding-left: 2%;
}

.gzcentertwo {
    width: 100%;
    height: 57.9%;
    position: relative;
}

.yqf {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 44%;
    top: 67%;
}

.gzcentertwo .mfonts {
    float: left;
    width: 60%;
    height: 65%;
    padding-top: 0.6%;
    padding-left: 2%;
}

.gzcentertwo .qhmian {
    width: 100%;
    height: 21%;
    margin-top: 4%;
}

.gzcentertwo .micon {
    float: left;
    width: 8.7%;
    height: 87%;
}

.gzcentertwo .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.gzcentertwo .aicon img.libga {
    position: relative;
    z-index: 6;
}

.gzcentertwo .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.gzcentertwo .citybuton {
    width: 100%;
    height: 20%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 2%;
}

.gzcentertwo .yqf i.line01 {
    width: 2px;
    height: 79%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.gzcentertwo .yqf i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 45%;
    left: 3%;
}

.gzcentertwo .yqf i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 69%;
    left: 3%;
}

.gzcentertwo .yqf i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 94%;
    left: 3%;
}

.jndx {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 73%;
    top: -10%;
}

.gzcentertwo .jndx i.line01 {
    width: 2px;
    height: 54%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.gzcentertwo .jndx i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 40%;
    left: 3%;
}

.gzcentertwo .jndx i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

.mlqc {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 14%;
    top: -11%;
}

.gzcentertwo .mlqc i.line01 {
    width: 2px;
    height: 85%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.gzcentertwo .mlqc i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

#city9 {
    left: 71.9%;
    top: 44.7%;
    width: 5.81%;
    height: 65.2%;
}

#city9 img {
    width: 100%;
}

.czcity {
    width: 100%;
    height: 37%;
    position: relative
}

.czcity .cwzt {
    margin-left: -5%;
    margin-top: 4%;
}

.czcity .gzt {
    margin-left: -5%;
    margin-top: 1.5%;
}

.fcity-a {
    width: 46.2%;
    height: 92%;
    float: left;
}

.czcity .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.czcity .micon {
    float: left;
    width: 9.8%;
    height: 87%;
}

.czcity .mfonts {
    float: left;
    width: 68%;
    height: 66%;
    padding-top: 1%;
    padding-left: 2%;
}

.czcenter {
    width: 100%;
    height: 57.9%;
    position: relative;
}

.gzq {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 50%;
    top: -3%;
}

.czcenter .mfonts {
    float: left;
    width: 59%;
    height: 65%;
    padding-top: 0.2%;
    padding-left: 2%;
}

.czcenter .qhmian {
    width: 100%;
    height: 21%;
    margin-top: 4%;
}

.czcenter .micon {
    float: left;
    width: 8.7%;
    height: 87%;
}

.czcenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.czcenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.czcenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.czcenter .citybuton {
    width: 100%;
    height: 22%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 2%;
}

.czcenter .gzq i.line01 {
    width: 2px;
    height: 59%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.czcenter .gzq i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 45%;
    left: 3%;
}

.czcenter .gzq i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 74%;
    left: 3%;
}

.pfj {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 83%;
    top: -81%;
}

.czcenter .pfj i.line01 {
    width: 2px;
    height: 51%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.czcenter .pfj i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

.czcenter .pfj i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 42%;
    left: 3%;
}

.shgf {
    width: 46%;
    height: 53%;
    position: absolute;
    left: 80%;
    top: 28%;
}

.czcenter .shgf i.line01 {
    width: 2px;
    height: 28%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 16%;
    left: 3%;
}

.czcenter .shgf i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

.czcenter .shgf i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 15%;
    left: 3%;
}

#city10 {
    left: 79.32%;
    top: 20.9%;
    width: 6.21%;
    height: 63.7%;
}

#city10 img {
    width: 100%;
}

.stcity {
    width: 100%;
    height: 37%;
    position: relative;
}

.stcity .gcity-a {
    width: 21.2%;
    height: 78%;
    float: left;
    margin-left: 28%;
}

.stcity .micon {
    float: left;
    width: 9.2%;
    height: 87%;
}

.stcity .mfonts {
    float: left;
    width: 63.4%;
    height: 65%;
    padding-top: 1%;
    padding-left: 2%;
}

.stcity .citybuton {
    width: 40%;
    height: 16%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.stb {
    margin-top: 3%;
}

.stc {
    margin-top: 1%;
}

.stcenter {
    width: 100%;
    height: 57.9%;
    position: relative;
    margin-top: 3%;
}

.stclg {
    width: 46%;
    height: 80%;
    position: absolute;
    left: 62%;
    top: 15%;
}

.stcenter .qhmian {
    width: 100%;
    height: 13%;
    margin-top: 2%;
}

.stcenter .qhmian .mfonts {}

.stcenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.stcenter .mfonts {
    float: left;
    width: 55.2%;
    height: 86%;
    padding-top: 0.5%;
    padding-left: 2%;
}

.stcenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 15%;
}

.stcenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.stcenter .citybuton {
    width: 100%;
    height: 16%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
}

.stcenter .micon {
    float: left;
    width: 8%;
    height: 87%;
}

.qpwwg {
    width: 46%;
    height: 80%;
    position: absolute;
    left: 37%;
    top: 80%;
    overflow: hidden;
}

.qpwwg .ymctop {}

.stcenter .qpwwg i.line01 {
    width: 2px;
    height: 15%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 6.5%;
    left: 3%;
}

.stcenter .qpwwg i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 6%;
    left: 3%;
}

.stcenter .qpwwg i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 53%;
    left: 3%;
}

.stcenter .stclg i.line01 {
    width: 2px;
    height: 15%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 6%;
    left: 3%;
}

.stcenter .stclg i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 5%;
    left: 3%;
}

.stcenter .stclg i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 53%;
    left: 3%;
}

.stcenter .stxgy {
    width: 46%;
    height: 80%;
    position: absolute;
    left: 9%;
    top: -9%;
}

.stcenter .stxgy i.line01 {
    width: 2px;
    height: 28%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 7.2%;
    left: 3%;
}

.stcenter .stxgy i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 7%;
    left: 3%;
}

.stcenter .stxgy i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 25%;
    left: 3%;
}

#city11 {
    left: 86.32%;
    top: 21.9%;
    width: 6.21%;
    height: 59.7%;
}

#city11 img {
    width: 100%;
}

.szcitythree {
    width: 100%;
    height: 37%;
    position: relative;
}

.szcitythree .acity-a {
    width: 21.2%;
    height: 93%;
    float: left;
}

.szcitythree .micon {
    float: left;
    width: 9.2%;
    height: 87%;
}

.szcitythree .mfonts {
    float: left;
    width: 64.1%;
    height: 90%;
    padding-top: 1.2%;
    padding-left: 2%;
}

.szcitythree .citybuton {
    width: 40%;
    height: 19%;
    float: left;
    cursor: pointer;
    transition: transform 0.3s;
}

.szcitythree .cwzt {
    margin-top: 3%;
}

.zthgthree {
    margin-top: 0.6%;
}

.szthreecenter {
    width: 100%;
    height: 57.9%;
    position: relative;
    margin-top: 3%;
}

.szqhthree {
    width: 46%;
    height: 47%;
    position: absolute;
    left: 26%;
    top: 53%;
}

.szthreecenter .qhmian {
    width: 100%;
    height: 14%;
}

.szthreecenter .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}

.szthreecenter .mfonts {
    float: left;
    width: 55.2%;
    height: 65%;
    padding-top: 0.6%;
    padding-left: 1%;
}

.szthreecenter .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.szthreecenter .aicon img.libga {
    position: relative;
    z-index: 6;
}

.szthreecenter .citybuton {
    width: 100%;
    height: 17.3%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
}

.szthreecenter .micon {
    float: left;
    width: 8%;
    height: 87%;
}

.szthreecenter .tqcl {
    width: 46%;
    height: 80%;
    position: absolute;
    left: 32%;
    top: 29%;
    overflow: hidden;
}

.szthreecenter .tqcl .sztqcl {
    margin-bottom: 5%;
}

.szthreecenter .tqcl .sztqcl .mfonts {
    width: 66.1%;
}

.szthreecenter .tqcl i.line01 {
    width: 2px;
    height: 56.6%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 8%;
    left: 3%;
}

.szthreecenter .tqcl i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 30%;
    left: 3%;
}

.szthreecenter .tqcl i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 48%;
    left: 3%;
}

.szthreecenter .tqcl i.line04 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 64%;
    left: 3%;
}

.szthreecenter .tqcl i.line05 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 82%;
    left: 3%;
}

.drop-photo {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 6666;
    display: none;
}

.swiper-slide {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}



.drop-audio {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 6666;
    display: none;
}

.drop-vr {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 6666;
    display: none;
}

.drop-audio {
    background: none;
}

.drop-audio .shadow {
    position: absolute;
    width: 2069px;
    height: 151px;
    background: url(../images/drop-audio-shadow.png);
    left: 50%;
    top: 50%;
    margin: 165px 0px 0px -1035px;
}

.drop-audio .show {
    position: absolute;
    width: 1139px;
    height: 506px;
    left: 50%;
    top: 50%;
    margin: -253px 0px 0px -569px;
    background: url(../images/drop-audio-bg.png);
}

.drop-audio .close {
    position: absolute;
    width: 46px;
    height: 46px;
    background: url(../images/drop-close3.png);
    right: -22px;
    top: -28px;
    transition: background 0.2s;
}

.drop-audio .close:hover {
    background: url(../images/drop-close2.png);
}

.drop-audio .decorate {
    position: absolute;
    left: 100px;
    top: 116px;
    width: 66px;
    height: 55px;
}

.drop-audio .decorate i {
    position: absolute;
    bottom: 0px;
    width: 6px;
    background: #f44326;
    height: 100%;
    -webkit-animation: is-playing .5s ease infinite alternate;
    animation: is-playing .5s ease infinite alternate;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.drop-audio .decorate .line1 {
    left: 0px;
}

.drop-audio .decorate .line2 {
    left: 20px;
}

.drop-audio .decorate .line3 {
    left: 40px;
}

.drop-audio .decorate .line4 {
    left: 60px;
}

.drop-audio .decorate .line1 {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.drop-audio .decorate .line2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.drop-audio .decorate .line3 {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.drop-audio .decorate .line4 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes is-playing {
    0% {
        -webkit-transform: scaleY(.2);
        transform: scaleY(.2)
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes is-playing {
    0% {
        -webkit-transform: scaleY(.2);
        transform: scaleY(.2)
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}


/* 
.drop-audio .text {
    position: absolute;
    left: 202px;
    top: 110px;
    font-size: 30px;
    line-height: 35px;
    color: #4a3620;
}

.drop-audio .control {
    position: absolute;
    height: 64px;
    width: 969px;
    padding-left: 170px;
    left: 0px;
    bottom: 10px;
}

.drop-audio .control .btn1 {
    float: left;
    width: 25px;
    height: 22px;
    margin-top: 21px;
    background: url(images/scroll/drop-audio-btn1.png);
    transition: background 0.2s;
}

.drop-audio .control .btn2 {
    float: left;
    width: 25px;
    height: 22px;
    margin-top: 21px;
    margin-left: 45px;
    background: url(images/scroll/drop-audio-btn2.png);
    transition: background 0.2s;
}

.drop-audio .control .btn3 {
    float: left;
    width: 33px;
    height: 38px;
    margin-top: 13px;
    margin-left: 45px;
    transition: opacity 0.2s;
}

.drop-audio .control .btn3.play {
    background: url(images/scroll/drop-audio-btn3.png);
}

.drop-audio .control .btn3.pause {
    background: url(images/scroll/drop-audio-btn4.png);
}

.drop-audio .control .btn1:hover,
.drop-audio .control .btn2:hover,
.drop-audio .control .btn3:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.drop-audio .control .line {
    float: left;
    width: 305px;
    height: 3px;
    background: #fff;
    border-radius: 1px;
    margin-top: 31px;
    margin-left: 45px;
    position: relative;
}

.drop-audio .control .line span {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-radius: 1px;
    background: #f64f60;
}

.drop-audio .control .line span i {
    position: absolute;
    cursor: pointer;
    right: -5px;
    top: -4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #f64f60;
}

.drop-audio .control .time {
    float: left;
    margin-left: 45px;
    height: 64px;
    line-height: 64px;
    color: #a9a9a9;
}

.drop-audio .control .time label {
    color: #fff;
}

.drop-logo {
    position: absolute;
    width: 234px;
    height: 32px;
    background: url(images/scroll/drop-logo.png);
    left: 4.2%;
    top: 3%;
    z-index: 99;
} */

.drop-vr .close, .drop-game .close,.drop-pic .close,
.drop-photo .close  {
    position: absolute;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 4.8%;
    background: url(../images/drop-close3.png);
    background-size: contain;
    transition: opacity 0.2s;
    z-index: 99;
    margin-left: 34%;
}
.drop-video .close {
    position: absolute;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 9%;
    background: url(../images/drop-close3.png);
    background-size: contain;
    transition: opacity 0.2s;
    z-index: 99;
    margin-left: 34%;
}
.drop-vr .close:hover,.drop-game .close:hover,.drop-pic .close:hover,
.drop-photo .close:hover,.drop-video .close:hover {
    background: url(../images/drop-close2.png);
    background-size: contain;
}

.drop-vr .close ,.drop-game .close,.drop-pic .close {
    right: 2.2%;
    top: 6%;
}

.drop-vr .vr-show {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.drop-vr .bottom {
    position: absolute;
    width: 100%;
    bottom: 3.6%;
    left: 0px;
    height: 74px;
    text-align: center;
    z-index: 99;
}

.drop-vr .bottom a {
    display: inline-block;
    vertical-align: top;
    width: 149px;
    height: 70px;
    line-height: 70px;
    padding-top: 4px;
    background: url(images/scroll/drop-vr-btn1.png);
    font-size: 20px;
    font-weight: bold;
    margin: 0px 20px;
    color: #fff;
    transition: background 0.2s;
}

.drop-vr .bottom a:hover {
    color: #fff !important;
}

.drop-vr .bottom .current,
.drop-vr .bottom a:hover {
    background: url(../images/drop-vr-btn2.png);
}
/* 
.drop-video .show {
    position: absolute;
    width: 890px;
    height: 625px;
    left: 50%;
    top: 50%;
    margin: -313px 0px 0px -445px;
    background: #191b1f;
    overflow: hidden;
    border-radius: 5px;
}

.drop-video .close {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/drop-close4.png);
    width: 46px;
    height: 46px;
    transition: background 0.2s;
}

.drop-video .close:hover {
    background: url(../images/drop-close5.png);
}

.drop-video .show .play {
    height: 540px;
    
    overflow: hidden;
}

.drop-video .show .play img {
    width: 100%;
    height: 100%;
}

.drop-video .show p {
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 28px;
    color: #7c7c7c;
} */

.topidtwom {
    width: 100%;
    height: 100%;
    position: relative;
}

.drop-photo {}

.drop-photo .show {
    position: absolute;
    width: 86%;
    height:auto;
    left: 7%;
    top: 14%;
    text-align: center;
}

.drop-photo .swipermin {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.drop-photo img {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: auto;
    margin: 0 -100%;
}

.drop-photo .shadow {
    position: absolute;
    width: 100%;
    height: 115px;
    left: 0%;
    margin-left: 0;
    bottom: 0%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.drop-photo table {
    position: absolute;
    left: 3%;
    height: 66px;
    display: block;
    bottom: 2%;
    width: 90%;
    font-size: 22px;
    line-height: 33px;
    text-align: left;
    z-index: 10;
    padding-left: 1%;
    border-left: 5px solid #d94639;
}

.drop-photo table,
.drop-photo table a {
    color: #fff;
}

.drop-photo table a:hover {
    color: #dfdfdf !important;
}

.drop-photo .num {
    position: absolute;
    left: 50%;
    margin-left: 142px;
    height: 160px;
    line-height: 160px;
    bottom: 5.8%;
    width: 170px;
    text-align: center;
    font-size: 38px;
    z-index: 10;
    color: #fff;
    display: none;
}

.drop-photo .num span {
    font-size: 68px;
    font-weight: bold;
}

.drop-photo .arrow1,
.drop-photo .arrow2 {
    position: absolute;
    width: 52px;
    height: 118px;
    top: 37.8%;
    margin-bottom: 51px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 11;
}

.drop-photo .arrow1 {
    background: url(../images/leftbut.png);
    left: 50%;
    margin-left: -50%;
    background-size:contain;
}

.drop-photo .arrow2 {
    background: url(../images/rightbut.png);
    right: 50%;
    margin-right: -50%;
    background-size:contain;
}

.drop-photo .arrow1:hover {
    background: url(../images/leftbut.png);
    background-size:contain;
}

.drop-photo .arrow2:hover {
    background: url(../images/rightbut.png);
    background-size:contain;
}



.dor-cwzt .show {
    position: absolute;
    width: 86%;
    height: auto;
    left: 7%;
    top: 14%;
    text-align: center;
}

.dor-cwzt .swipermin {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.dor-cwzt img {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: auto;
    margin: 0 -100%;
}

.dor-cwzt .arrow1,
.dor-cwzt .arrow2 {
    position: absolute;
    width: 52px;
    height: 118px;
    top: 37.8%;
    margin-bottom: 51px;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 11;
}

.dor-cwzt .arrow1 {
    background: url(../images/leftbut.png);
    left: 50%;
    margin-left: -50%;
}

.dor-cwzt .arrow2 {
    background: url(../images/rightbut.png);
    right: 50%;
    margin-right: -50%;
}

.dor-cwzt .arrow1:hover {
    background: url(../images/leftbut.png);
}

.dor-cwzt .arrow2:hover {
    background: url(../images/rightbut.png);
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 555;
}

#loading .logom {
    position: absolute;
    width: 38.8%;
    height: 37.5%;
    top: 10%;
    left: 50%;
    margin-left: -15%;
}

#loading .logomin {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading .logob {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.newloading {
    position: fixed;
    z-index: 23;
    color:#333;
    font-weight:bold;
    font-size:32px;
    top:0px; left:0px;
   
    display: flex;
    align-items: center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#fff;
}

#loading .num {
    position: absolute;
    color: #ead6a8;
    font-weight: bold;
    text-align: center;
    border: 2px solid #6d5636;
    padding: 3px;
    top: 60%;
    left: 50%;
    width: 223px;
    height: 56px;
    margin-left: -116px;
}

#loading .num table {
    width: 100%;
    height: 100%;
    font-size: 38px;
    text-align: center;
    background: #6d5636;
}

.loadm {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.loadm .ladmbg {
    width: 110%;
    height: 100%;
    position: absolute;
    left: -4%;
    top: 0px;
    background: url(../images/drawbg.png) left center no-repeat;
  background-size:cover
}

.newlogo {
    width: 40%;
    position: absolute;
    left: 30%;
    top: 10%;
    opacity: 1;
}

.newlogo img {
    width: 100%;
}

.con3 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
}

.drop-xilan {
    display: none;
}

#endmin {
    position: absolute;
    width: 6.2%;
    height: 64.6%;
    left: 93%;
    top: 15.2%;
    text-align: center;
    /* overflow: hidden; */
}

.topidsix {
    width: 100%;
    display: block;
    text-align: center;
    height: 36%;
}

.conmianend {
    width: 100%;
    overflow: hidden;
}

.audioa {
    left: 5%;
    top: 44%;
}

.audiob {
    left: 5%;
    top: 44%;
}

.audiomin {
    display: none;
    width: 70%;
    height: 15%;
    position: absolute;
    background: #d94639;
    -moz-border-radius: 50px;
    /* Firefox */
    -webkit-border-radius: 50px;
    /* Safari 和 Chrome */
    border-radius: 50px;
    /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.error-message {
    display: none;
}

.audiomin .play-pause {}

.playing .pause {
    display: none;
}

.audiomin .line {
    float: left;
    width: 79%;
    height: 3px;
    background: #fff;
    border-radius: 1px;
    margin-top: 5%;
    margin-left: 3%;
    position: relative;
    margin-left: 10%;
}

.audiomin .line .progress {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-radius: 1px;
    background: #6d1808;
}

.audiomin .line .progress i {
    position: absolute;
    cursor: pointer;
    right: -5px;
    top: -8px;
    width: 8px;
    height: 19px;
    border-radius: 30%;
    background: #fff;
}

.audiomin .loaded {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 0px;
    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
    background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%);
}

.audiomin .time {
    float: left;
    margin-left: 5%;
    height: 20px;
    line-height: 16%;
    color: #fff;
    display: none;
}

.audiomin .time em {
    padding: 0px 2px 0px 0px;
    color: #f9f9f9;
    font-style: normal;
}

.audiomin .btn3.play {
    background: #fff;
}

.audiomin .btn3.pause {
    background: url(images/scroll/drop-audio-btn4.png);
}

.audiomin .btn3 {
    float: left;
    width: 33px;
    height: 38px;
    transition: opacity 0.2s;
}

.audiomin .play {
    display: none;
}

.audiomin p {
    display: none;
    float: left;
}

.playing .play,
.playing .loading,
.playing .error {
    display: none;
}

.progress-num {
    width: 20%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 52%;
    left: 50%;
    margin-left: -10%;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #fff;
}

.enterbut {
    width: auto;
    height: 8.3%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 78.5%;
    left: 50%;
    display: none;
    cursor: pointer;
}

.enterbut img {
    height: 100%;
}

.dor-cwzt {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
 
    z-index: 6666;
    display: none;
}

.cwztbg {
    width: 70%;
    height: 74%;
    position: absolute;
    left: 15%;
    top: 10%;
    background: url(../images/cwztbg.png) bottom center no-repeat #fff;
    background-size: contain;
}

.cwztmian {
    width: 90%;
    height: 65%;
    overflow: hidden;
    overflow-y: scroll;
    margin: 0 auto;
    padding: 5% 4% 0% 4%;
    margin-top: 1%;
}

.dor-cwzt .close {
    position: absolute;
    width: 46px;
    height: 46px;
    left: 50%;
    top: 4.8%;
    background: url(../images/drop-close3.png);
    background-size: contain;
    transition: opacity 0.2s;
    z-index: 99;
    margin-left: 40%;
}

.dor-cwzt .close:hover {
    background: url(../images/drop-close2.png);
    background-size: contain;
}

.cwztmian h5 {
    width: 30%;
    height: 6.9%;
}

.cwztmian h5 img {
    height: 100%;
}

.cwztmian p {
    font-size: 20px;
    color: #000;
    line-height: 35px;
    text-indent: 2em;
    text-align: left;
    padding-bottom: 2%;
    padding-top: 1%;
}

.cwztmian::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.cwztmian::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #d94639;
}

.cwztmian::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

@media screen and (max-width: 1401px) {
    .cwztmian {
        width: 90%;
        height: 78%;
        overflow: hidden;
        overflow-y: scroll;
        margin: 0 auto;
        padding: 5% 5% 0% 5%;
    }
    .cwztmian h5 {
        width: 30%;
        height: 5.9%;
    }
    .cwztmian p {
        font-size: 18px;
        color: #000;
        line-height: 30px;
        text-indent: 2em;
        text-align: left;
        padding-bottom: 2%;
        padding-top: 1%;
    }
}

.drop-game {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 6666;
    display: none;
}
.drop-pic {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 6666;
    display: none;
    align-items: center;
}

.drop-pic .picview {
   width:100%
}
.bigh5game {
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 45;

}
.smallh5game {
    width:750px;
    height:120%;
    position: absolute;
    left:50%;
    margin-left:-375px;
    top:-10%;
    z-index: 45;
    -webkit-transform: scale(0.8);
  -moz-transform:scale(0.8);
  transform: scale(0.8);
}
.onedelay {
    animation-delay: 0.3s
}

.onedelaya {
    animation-delay: 0.6s
}

.onedelayb {
    animation-delay: 0.9s
}

.onedelayc {
    animation-delay: 1.2s
}

.onedelayd {
    animation-delay: 1.5s
}

.onedelaye {
    animation-delay: 1.8s
}

.onedelayf {
    animation-delay: 2.1s
}
.onedelayi {
    animation-delay: 3.2s
}
/* 遮罩 */
/* 深圳 */
.szinezz1 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 15.5%;
    top: 7%;
    z-index: 5;
}
.szinezz2 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 16.2%;
    top: 36%;
    z-index: 5;
}
.szinezz3 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 14.2%;
    top: 74%;
    z-index: 5;
}

/* 珠海 */

.zhzz1 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 21.7%;
    top: 18%;
    z-index: 5;
}
.zhzz2 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 21.5%;
    top: 36%;
    z-index: 5;
}
.zhzz3 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 23.1%;
    top: 63%;
    z-index: 5;
}


/* 佛山 */
.fszz1 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 26.1%;
    top: 40%;
    z-index: 5;
}
.fszz2 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 27.1%;
    top: 55%;
    z-index: 5;
}
/* 广州 */
.gzzz1 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 30.8%;
    top: 8%;
    z-index: 5;
}
.gzzz2 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 32.6%;
    top: 29%;
    z-index: 5;
}
.gzzz3 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 31.3%;
    top: 72%;
    z-index: 5;
}

/* 清远 */
.qyzz1 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 52.5%;
    top: 51%;
    z-index: 5;
}
.qyzz2 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 54.3%;
    top: 71%;
    z-index: 5;
}
.qyzz3 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 56.9%;
    top: 84%;
    z-index: 5;
}
.qyzz4 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 58.9%;
    top: 70%;
    z-index: 5;
}
.qyzz5 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 60.5%;
    top: 32%;
    z-index: 5;
}

.qyzz6 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 63.5%;
    top: 15%;
    z-index: 5;
}
.qyzz7 {
    width:2.1%;
    height: 13%;
    position: absolute;
    left: 63.9%;
    top: 38%;
    z-index: 5;
}

.qyzz8 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 67.2%;
    top: 38%;
    z-index: 5;
}
.qyzz9 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 65%;
    top: 58%;
    z-index: 5;
}
.qyzz10 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 68.2%;
    top: 72%;
    z-index: 5;
}
.qyzz11 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 57.7%;
    top: 14%;
    z-index: 5;
}

/* 潮州 */
.czzz1 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 75.2%;
    top: 46%;
    z-index: 5;  
}
.czzz2 {
    width: 0.6%;
    height: 13%;
    position: absolute;
    left: 76.2%;
    top: 72%;
    z-index: 5; 
}
.czzz3 {  
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 78%;
    top: 72%;
    z-index: 5; 
}
.czzz4 {
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 78.2%;
    top: 34%;
    z-index: 5; 
}
/* 汕头 */
.stzz1 {
 
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 81.9%;
    top: 41%;
    z-index: 5;
}
.stzz2 {
   
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 83.3%;
    top: 22%;
    z-index: 5;
}
.stzz3 {
   
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 82.8%;
    top: 72%;
    z-index: 5; 
}
.stzz4 {
    
    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 84.3%;
    top: 43%;
    z-index: 5;
}
.stzz5 {

    width: 1.2%;
    height: 13%;
    position: absolute;
    left: 88.5%;
    top: 23%;
    z-index: 5;  
}
.stzz6 {
  
    width: 1.2%;
    height: 20%;
    position: absolute;
    left: 90.1%;
    top: 62%;
    z-index: 5;
}
/* 遮罩 */


/* hide all button */

.allhidebutton {
    width: 60px;
    height: 60px;
    background-image: url(../images/hidebut.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    top: 2%;
    right: 6%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
}
.allhidebutton i {
    width:40px;
    margin:0 auto;
    display: block;
    padding-top: 6px;
    font-style: inherit;
}
.warp {
    position: relative;
 z-index: 2;
  
}



/* 20210304add */

#topic .logoa {
    position: absolute;
    left: -17%;
    top: -20%;
    width: 26%;
}



.brush {
    width: auto;
    height: 12.3%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 64.5%;
    left: 78%;
    display: block;

}

.brush img {
    height: 100%;
}


.zsjtcare {
    position: absolute;
    width: 2.6%;
    height: 25%;
    left: 35.2%;
    top: 36.2%;
}
.zsjtcare img {
    width: 100%;
}
.zsjtcare .lzc i.line01 {
    width: 2px;
    height: 39%;
    border-left: 1px solid #d94639;
    position: absolute;
    top: 10%;
    left: 3%;
}

.zsjtcare .lzc i.line02 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 9%;
    left: 3%;
}

.zsjtcare .lzc i.line03 {
    width: 6%;
    height: 1px;
    border-bottom: 1px solid #d94639;
    position: absolute;
    top: 28%;
    left: 3%;
}

.zsjtcare .citybuton {
    width: 100%;
    overflow: hidden;
    height: 24%;
    cursor: pointer;
    transition: transform 0.3s;
    margin-left: 9%;
    margin-top: 1%;
}
.zsjtcare .micon {
    float: left;
    width: 8.7%;
    height: 97%;
}
.zsjtcare .mfonts {
    float: left;
    width: 60%;
    height: 96%;
    padding-top: 0.4%;
    padding-left: 0.1%;
}


.zsjtcare .qhmian {
    margin-top: 5%;
    width: 100%;
    height: 21%;
    overflow: hidden;
}

.zsjtcare .aicon {
    float: left;
    width: 6.0%;
    height: 87%;
    padding-top: 1%;
    position: relative;
}
.zsjtcare .aicon img.libgb {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 14%;
}

.zsjtcare .aicon img.libga {
    position: relative;
    z-index: 6;
}

.zsjtcare .mfonts {
    float: left;
    width: 60%;
    height: 96%;
    padding-top: 0.4%;
    padding-left: 0.1%;
}

.bgclose {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);

}

#audio_btn {
    position: fixed;
    z-index: 200;
    top: 2%;
    right: 1%;
    display: none;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    opacity: 0;
}
.video_exist .audiojs {
     display: none;
}
.off {
    background-image: url(../images/musicbg.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.rotate {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}


.drop-video {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
    opacity: 0;
   align-items: center;
}

.videomin {
    width:80%;
    margin:0 auto;
    height:70%;
    position: relative;
    z-index: 22;
}
#video {
    width:100%;
    height:100%;
    position: relative;
    margin-top: 11%;
}


.keepscreen {
   width:100%; height:100%;
   
   background:url(../images/keepscreen.png) no-repeat 0px 0px #000;
    background-size:contain;
    position: fixed;
    z-index: 6666;
    left:0px;
    top:0px;
    display: none;
 
}



.headlistm {
    width:90%;
    overflow:hidden;
    margin:0 auto;
    display: none;
}
.headlistm ul li {
    width:30%;
    margin-left:2%;
    margin-top:1%;
    float:left;
    cursor: pointer;
}
.headlistm ul li img {
    width:100%
}

.linknum {
    position: absolute;
    right: 1%;
    top: 13%;
    color:#fff;
    border-radius: 5px;
    font-size: 16px;
    padding: 0.7% 1.6% 0.7% 4.5%;
    background: url(../images/linkbg.png) 10px center no-repeat #d94639;
    background-size: 14%;
    z-index: 55;
    display:none;
}
.specposa {
    right: 1%;
    top: 32%;
}
.specposb {
    right: 1%;
    top: 67%;  
}
.specposc {
    right: 1%;
    top: 46%; 
}
.linknum a {color:#fff;}
.linknum a:hover {color:#fff;}

.navm {
   width:100%;
   height: 100%;
   position: relative;
   z-index: 3;
   cursor: pointer;
   background: url(../images/navm.png) center no-repeat;
   background-size: contain;
}

.nav {

    width: 12.85%;
    height: 6.5%;
    position: fixed;
    right: 3%;
    z-index: 55;
    top: 2%;
    display: none;
    -webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.navbga {
    width: 4.5%;
    position: fixed;
    right: 7.2%;
    top: 1.9%;
    z-index: 2;
    animation: 'name' 3.0s ease-in-out 0s infinite;
    -ms-animation: name 3.0s ease-in-out 0s infinite;
    -moz-animation: name 3.0s ease-in-out 0s infinite;
    -o-animation: 'name' 3.0s ease-in-out 0s infinite;
    -webkit-animation: 'name' 3.0s ease-in-out 0s infinite;
}
.navbga img {
    width:100%
}
.navbgb {
    width: 4.9%;
    position: fixed;
    right: 7%;
    top: 1.6%;
    z-index: 2;
    animation: 'name' 3.0s ease-in-out 0s infinite;
    -ms-animation: name 3.0s ease-in-out 0s infinite;
    -moz-animation: name 3.0s ease-in-out 0s infinite;
    -o-animation: 'name' 3.0s ease-in-out 0s infinite;
    -webkit-animation: 'name' 3.0s ease-in-out 0s infinite;
}
.navbgb img {
    width:100%
}

.nav ul {
    margin-top:10%;
    display: none;
}
.nav ul li {
    width:100%;
    margin-top: 3%;
    opacity: 0.6;
    cursor: pointer;
}
.nav ul li:hover {opacity: 1;}
.nav ul li.curre {opacity: 1;}
.nav ul li img {  width:100%;}
@media screen and (max-width: 750px) { 
    div{
        outline:none;
        tap-highlight-color: rgba(0,0,0,0);
        focus-ring-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-focus-ring-color: rgba(0, 0, 0, 0);
        -moz-tap-highlight-color: rgba(0,0,0,0);
        -moz-focus-ring-color: rgba(0, 0, 0, 0);
    }
    #video {
      
        margin-top:0;
    }
    .linknum {   
          font-size: 12px;
        background: url(../images/linkbg.png) 5px center no-repeat #d94639;
        background-size: 10%;}
    .videomin {
        width:100%;
        height:100%;
    }
    .drop-photo table {
        font-size:16px;
        line-height: 24px;
        height: auto;
    }
    .drop-photo .shadow {
        height:66px;
    }
    .allhidebutton, #audio_btn {
        width:30px;
        height:30px;
    }
    .allhidebutton {
        right:9%
    }
    .drop-vr .close, .drop-game .close, .drop-pic .close, .drop-photo .close {
        width:30px;
        height:30px;
        z-index: 666;
        margin-left: 40%;  
    }
    .drop-video .close {
        width:30px;
        height:30px;
        z-index: 666;
        margin-left: 40%;
        
        bottom: 9%;
        top:auto
    }
    .dor-cwzt .close {
        width:30px;
        height:30px;
    }
    .header-dm {
        width:100%;
       display: block;
    }
    .footinfor {
        width:100%;
        display: block;
        margin-top:20px;
    }
    .drop-photo .arrow1, .drop-photo .arrow2 {
        width: 37px;
        height: 84px;
    }

   
/* .h5one {
     display: none;
}
.dkgd {
     display: none;
}

.zhcentertwo .gzydq i.line04{
 display: none;
} */
.smallh5game {
    width: 750px;
    height: 130%;
    position: absolute;
    left: 50%;
    margin-left: -375px;
    top: -13%;
    z-index: 45;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

}