@import url(./Major/a-css.css);
@import url(./Major/animate.css);
@import url(./bootstrap/css/bootstrap.min.css);
@import url(./iconfont/iconfont.css);

html, body { margin: 0; padding: 0; overflow-x: hidden;-ms-overflow-style: scrollbar;background-color: #ffffff }
* { box-sizing: border-box; margin: 0; padding: 0; list-style: none; font-family: "Microsoft YaHei"!important; }
a, a:hover, a:focus { text-decoration: none!important; }
/* - 滚动条 */
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb{
    background: #6f9fc7;
    border-radius: 5px;
}
::-webkit-scrollbar-track{ border-radius: 5px }
::-webkit-scrollbar-track:hover{ background: rgba(0, 0, 0, .05) }

body::-webkit-scrollbar-track{ border-radius: 0 }


.w80{width: 80%;}
.w90{width: 90%;}
.w94{width: 94%;}
.juzhong{margin-left: auto;margin-right: auto;}
.m0{margin: 0!important;}
.con{position: relative;}
.Nav-back{width: 100%;height: 100%; z-index: 9; display: none;position: absolute;top: 0;}

.To-English>.qdtopbutton{
    width: 90px;
    height:35px;
    border: 1px solid black;
    color: black;
    text-align: center;
    margin-right: 25px;
}
.To-English>.qdtopbutton:after,.To-English>.qdtopbutton:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: none;
    z-index: -2;
}
.To-English>.qdtopbutton:hover{
    z-index: 1;
    background:transparent;
    cursor: pointer;
    border: 1px solid #00af9a;
    transition:0.5s;
}
.To-English>.qdtopbutton:before {
    transition: .5s;
    background: #00af9a;
    z-index: -1;
}
.To-English>.qdtopbutton:hover:after,.To-English>.qdtopbutton:hover:before {
    width: 78%;
}
/*-------------前往济南展按钮样式------------*/
.bgd>.qdbutton:after,.bgd>.qdbutton:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: none;
    z-index: -2;
}
.bgd>.qdbutton:hover{
    z-index: 1;
    background:transparent;
    cursor: pointer;
    border: 1px solid #00af9a;
    transition:0.5s;
}
.bgd>.qdbutton:before {
    transition: .5s;
    background: #00af9a;
    z-index: -1;
}
.bgd>.qdbutton:hover:after,.bgd>.qdbutton:hover:before {
    width: 100%;
}
/* header 开始*/
/**************************************************************************************************************************************************************/
@media screen and (max-width: 1920px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 770px;
        margin-left: 63%;
        background: none;
    }
    .bgd{
        width: 92%;
        height: 988px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1920px 988px;
        margin-bottom: 20px;
        margin:auto;
        border-radius: 40px;
    }
    .wycztxt{color: #ffffff;font-size: 27px;letter-spacing:5px;margin-left:45px;line-height:75px;}
    .banner2{
        height: 780px;
        background-repeat:repeat;
        background-position: center center;
        border:0px solid red;
        width: 92%;
        margin:auto;
        background-size: cover;
        margin-top: 55px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 15px #9a9a9c;
        border-radius: 30px;
    }
    .kgsj{margin-top: 300px;margin-left: 35px;letter-spacing:2px;}
    .logo{margin-left: 0.3em;}
    .toplogo{width: 20.8%;height: 20.8%; margin-top: -23px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogo01{width: 89.5%;height: 89.5%; margin-top: -22px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left:-390px;display: inline-block;}
    .toplogo02{width: 90%;height: 90%; margin-top: -22px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left:-390px;display: inline-block;}
    .toplogoShow{display: inline-block; width: 5.8%;height: 5.8%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogoShow03{display: inline-block; width: 33%;height: 5.8%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -50px;display: inline-block;}
    .toplogoShow01{display: inline-block;width: 5.8%;height: 5.8%; margin-top: -8px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left: 20px;display: inline-block;}
    .toplogoShow02{display: inline-block;width: 5.8%;height: 5.8%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: 20px;display: inline-block;}
    .leftlogo{width: 120%;position: absolute;margin-top: 230px;}
    .midlogo{width: 34%;position: absolute;margin-top: -190px;margin-left:45px;}
    .rightlogo{border: 0px solid yellow; cursor:pointer;width: 50%;height: 12%;background-size: 100%; margin-top: 80px;margin-left: 30px;background-repeat: no-repeat;}
    .rightlogo:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:30em; width: 65%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -80px;margin-left: 235px;position: relative;z-index: 99 }
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1.5em;font-size: 17px;color: #2f2c2c;font-weight:700;letter-spacing: 1px;}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute; top: 42px;right: 0px;color: #ffffff;line-height: 2;font-size: 16px;}
    .To-English:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .To-English i{font-size: 24px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap;  display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey; color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 15px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media screen and (max-width: 1680px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 680px;
        margin-left: 63%;
        background: none;
    }
    .bgd{
        width: 92%;
        height: 864px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1680px 864px;
        margin-bottom: 20px;
        margin:auto;
    }
    .wycztxt{color: #ffffff;font-size: 26px;font-weight: 400;letter-spacing:3px;margin-left:35px;line-height:73px;}
    .banner2{
        height: 750px;
        background-repeat:repeat;
        background-position: center center;
        border:0px solid red;
        width: 92%;
        margin:auto;
        background-size: cover;
        margin-top: 55px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 15px #535354;
        border-radius: 30px;
    }
    .kgsj{margin-top: 320px;margin-left: 35px;letter-spacing:2px;}
    .logo{margin-left: 0.3em;}
    .toplogo{width: 20.8%;height: 20.8%; margin-top: -23px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogo01{width: 89.5%;height: 89.5%; margin-top: -22px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left:-390px;display: inline-block;}
    .toplogo02{width: 90%;height: 90%; margin-top: -22px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left:-390px;display: inline-block;}
    .toplogoShow{display: inline-block; width: 6.5%;height: 6.5%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogoShow01{display: inline-block;width: 6.5%;height: 6.5%; margin-top: -8px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left: 20px;display: inline-block;}
    .toplogoShow02{display: inline-block;width: 6.5%;height: 6.5%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: 20px;display: inline-block;}
    .leftlogo{width: 120%;position: absolute;margin-top: 250px;}
    .midlogo{width: 34%;position: absolute;margin-top: -130px;margin-left:40px;}
    .rightlogo{border: 0px solid yellow; cursor:pointer;width: 50%;height: 12%;background-size: 100%; margin-top: 80px;margin-left: 30px;background-repeat: no-repeat;}
    .rightlogo:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:29em; width: 60%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -80px;margin-left: 170px;position: relative;z-index: 99 }
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1em;font-size: 17px;color: #2f2c2c;font-weight:700;letter-spacing: 1px;}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute; top: 42px;right: 0px;color: #ffffff;line-height: 2;font-size: 16px;}
    .To-English:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .To-English i{font-size: 24px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap; display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey;color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 14px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media screen and (max-width: 1600px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 640px;
        margin-left: 63%;
        background: none;
    }
    .bgd{
        width: 92%;
        height: 823px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1600px 823px;
        margin-bottom: 20px;
        margin:auto;
    }
    .wycztxt{color: #ffffff;font-size: 25px;font-weight: 400;letter-spacing:5px;margin-left:35px;line-height:70px;letter-spacing:2px;}
    .banner2{
        height: 800px;
        background-repeat:repeat;
        background-position: center center;
        border:0px solid red;
        width: 92%;
        margin:auto;
        background-size: cover;
        margin-top: 55px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 15px #535354;
        border-radius: 30px;
    }
    .kgsj{margin-top: 250px;margin-left: 35px;letter-spacing:2px;}
    .logo{margin-left: 0.3em;}
    .toplogo{width: 20%;}
    .leftlogo{width: 120%;position: absolute;margin-top: 200px;}
    .midlogo{width: 35%;position: absolute;margin-top: -165px;margin-left:30px;}
    .rightlogo{border: 0px solid yellow; cursor:pointer;width: 50%;height: 12%;background-size: 100%; margin-top: 80px;margin-left: 30px;background-repeat: no-repeat;}
    .rightlogo:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:30em; width: 60%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -80px;margin-left: 120px;position: relative;z-index: 99 }
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1em;font-size: 17px;color: #2f2c2c;font-weight:bold;}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute; top: 43px;right: 0px;color: #ffffff;line-height: 2;font-size: 16px;}
    .To-English:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .To-English i{font-size: 24px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap;  display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey;color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 14px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media screen and (max-width: 1440px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 580px;
        margin-left: 64%;
        background: none;
    }
    .bgd{
        width: 94%;
        height: 741px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1440px 741px;
        margin-bottom: 20px;
        border-radius: 40px;
        margin:auto;
    }
    .wycztxt{color: #ffffff;font-size: 25px;font-weight: 400;letter-spacing:4px;margin-left:40px;line-height:75px;}
    .logo{margin-left: -20px;}
    .toplogo{width: 18%;height: 18%; margin-top: -23px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogo01{width: 72%;height: 72%; margin-top: -22px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left:-380px;display: inline-block;}
    .toplogo02{width: 68.3%;height: 68.3%; margin-top: -23px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left:-375px;display: inline-block;}
    .toplogoShow{display: inline-block; width: 7%;height: 7%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogoShow01{display: inline-block;width: 7%;height: 7%; margin-top: -8px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left: 20px;display: inline-block;}
    .toplogoShow02{display: inline-block;width: 7%;height: 7%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: 20px;display: inline-block;}
    .kgsj{margin-top: 230px;margin-left: 35px;letter-spacing:2px;}
    .leftlogo{width: 130%;position: absolute;margin-top: 185px;margin-left:-10px;}
    .midlogo{width: 40%;position: absolute;margin-top: -180px;margin-left:-10px;}
    .rightlogo{
        border: 0px solid yellow;
        cursor:pointer;
        width: 60%;
        height: 12%;
        background-size: 100%;
        margin-top: 80px;
        margin-left: 30px;
        background-repeat: no-repeat;
        -webkit-transition:width 0.8s, height 0.8s, -webkit-transform 0.8s;
        opacity: 1;
    }
    .rightlogo:hover {
        opacity: 1;
        filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:27em; width: 48%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -70px;margin-left: 120px;position: relative;z-index: 99;border:0px solid white;}
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1.2em;font-size: 15px;color: #2f2c2c;font-weight:bold;letter-spacing: 1px;}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute;top: 32px;right: 0; color: #ffffff;line-height: 2;font-size: 16px;
        transition:width 0.8s, height 0.8s, transform 0.8s;}
    .To-English:hover {
        opacity: 1;
        filter: brightness(1.1);
    }
    .To-English i{font-size: 24px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap;  display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey;color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 13px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media screen and (max-width: 1366px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 540px;
        margin-left: 64%;
        background: none;
    }
    .bgd{
        width: 94%;
        height: 703px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1366px 703px;
        margin-bottom: 20px;
        margin:auto;
        border-radius: 40px;
    }
    .wycztxt{color: #ffffff;font-size: 25px;font-weight: 550;letter-spacing:3px;margin-left:40px;line-height:70px;}
    .logo{margin-left: 0.3em;}
    .toplogo{width: 15%;height: 18%; margin-top: -27px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -20px;display: inline-block;}
    .toplogo01{width: 83%;height: 82%; margin-top: -27px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left:-410px;display: inline-block;}
    .toplogo02{width: 80.8%;height: 79.8%; margin-top: -27px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left:-410px;display: inline-block;}
    .kgsj{margin-top: 230px;margin-left: 35px;}
    .leftlogo{width: 130%;position: absolute;margin-top: 185px;margin-left:-10px;}
    .midlogo{width: 40%;position: absolute;margin-top: -180px;margin-left:0px;}
    .rightlogo{
        border: 0px solid yellow;
        cursor:pointer;
        width: 60%;
        height: 12%;
        background-size: 100%;
        margin-top: 80px;
        margin-left: 30px;
        background-repeat: no-repeat;
        -webkit-transition:width 0.8s, height 0.8s, -webkit-transform 0.8s;
        opacity: 1;
    }
    .rightlogo:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:25em; width: 57%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -70px;margin-left: 120px;position: relative;z-index: 99 }
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1em;font-size: 15px;color: #2f2c2c;font-weight: 700}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute;top: 32px;right: 0;color: #ffffff;line-height: 2;font-size: 16px;}
    .To-English i{font-size: 20px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap; display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey;color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 12px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media screen and (max-width: 1366px) {
    .wycztxt{color: #ffffff;font-size: 24px;font-weight: 500;letter-spacing:3px;margin-left:40px;line-height:70px;}
}
@media screen and (max-width: 1360px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 540px;
        margin-left: 64%;
        background: none;
    }
    .bgd{
        width: 94%;
        height: 699px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1360px 699px;
        margin-bottom: 20px;
        margin:auto;
        border-radius: 40px;
    }
}
@media screen and (max-width: 1280px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 510px;
        margin-left: 64%;
        background: none;
    }
    .bgd{
        width: 94%;
        height: 658px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1280px 658px;
        margin-bottom: 20px;
        margin:auto;
    }
    .wycztxt{color: #ffffff;font-size: 22px;font-weight: 450;letter-spacing:3px;margin-left:40px;line-height:68px;}
    .logo{margin-left: 0.3em;}
    .toplogo{width: 15%;height: 18%; margin-top: -27px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -30px;display: inline-block;}
    .toplogo01{width: 86%;height: 82%; margin-top: -27px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left:-420px;display: inline-block;}
    .toplogo02{width: 83.8%;height: 79.8%; margin-top: -27px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left:-420px;display: inline-block;}
    .kgsj{margin-top: 230px;margin-left: 35px;}
    .leftlogo{width: 130%;position: absolute;margin-top: 185px;margin-left:-10px;}
    .midlogo{width: 40%;position: absolute;margin-top: -150px;margin-left:0px;}
    .rightlogo{
        border: 0px solid yellow;
        cursor:pointer;
        width: 60%;
        height: 12%;
        background-size: 100%;
        margin-top: 80px;
        margin-left: 30px;
        background-repeat: no-repeat;
        -webkit-transition:width 0.8s, height 0.8s, -webkit-transform 0.8s;
        opacity: 1;
    }
    .rightlogo:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:22em; width: 60%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -70px;margin-left: 120px;position: relative;z-index: 99 }
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1em;font-size: 15px;color: #2f2c2c;font-weight:700}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute;top:33px;right: 0;color: #ffffff;line-height: 2;font-size: 16px;}
    .To-English i{font-size: 24px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap;  display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey;color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 12px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media screen and (max-width: 1024px) {
    .qdbutton{
        border: 1px solid white;
        width: 13%;
        height: 53px;
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        vertical-align:middle;
        line-height: 50px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: 510px;
        margin-left: 64%;
        background: none;
    }
    .bgd{
        width: 94%;
        height: 658px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: 1280px 658px;
        margin-bottom: 20px;
        margin:auto;
    }
    .wycztxt{color: #ffffff;font-size: 22px;font-weight: 450;letter-spacing:3px;margin-left:40px;line-height:68px;}
    .logo{margin-left: 0.3em;}
    .toplogo{width: 10.5%;height: 14.3%; margin-top: -18px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -60px;display: inline-block;}
    .toplogo01{width:95.5%;height: 78.5%; margin-top: -18px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left:-450px;display: inline-block;}
    .toplogo02{width: 94%;height: 82%; margin-top: -18px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left:-450px;display: inline-block;}
    .toplogoShow{display: inline-block; width:6%;height: 6%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: -40px;display: inline-block;}
    .toplogoShow01{display: inline-block;width: 6%;height: 6%; margin-top: -8px; z-index: 9999999;filter: drop-shadow(0 4px 4px #9a9a9c);margin-left: 10px;display: inline-block;}
    .toplogoShow02{display: inline-block;width: 6%;height:6%; margin-top: -8px; z-index: 9999999;box-shadow: 2px 4px 4px #9a9a9c;margin-left: 10px;display: inline-block;}
    .kgsj{margin-top: 230px;margin-left: 35px;}
    .leftlogo{width: 130%;position: absolute;margin-top: 185px;margin-left:-10px;}
    .midlogo{width: 40%;position: absolute;margin-top: -150px;margin-left:0px;}
    .rightlogo{
        border: 0px solid yellow;
        cursor:pointer;
        width: 60%;
        height: 12%;
        background-size: 100%;
        margin-top: 80px;
        margin-left: 30px;
        background-repeat: no-repeat;
        -webkit-transition:width 0.8s, height 0.8s, -webkit-transform 0.8s;
        opacity: 1;
    }
    .rightlogo:hover {
        opacity: 1;
        -webkit-filter: brightness(1.1);
    }
    .midone{border: 0px solid black;width: 100%;height: 590px;display: inline-block;position: relative;}
    .midst{border: 0px solid red;display: inline-block;height: 590px;width: 30%;position: relative;}
    .midrd{border: 0px solid white;display: inline-block;height: 590px;width: 40%;}
    .midtd{border: 0px solid yellow;display: inline-block;height: 590px;width: 29.3%;position: absolute;}
    #nav-bar {position: absolute; margin: 2em 0; margin-left:12.5em; width: 60%;background: #ffffff;    text-align: center;    line-height: 44px;    display: block;
        background: -webkit-linear-gradient(left, #ffffff, #ffffff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #ffffff, #ffffff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #ffffff, #ffffff); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #ffffff, #ffffff); /* 标准的语法（必须放在最后） */
    }
    #nav {  margin-top: -70px;margin-left: 150px;position: relative;z-index: 99 }
    #nav ul {width: 100%;margin: 0 auto;position:  relative; }
    #nav li {display: table-cell;position:  relative;}
    #nav li a {display: block;padding: 0 1.3em;font-size: 11px;color: #2f2c2c;font-weight:700}
    #nav li a:hover, #nav li a.active{color: #00a18f;cursor:pointer;}
    .To-English{position: absolute;top:33px;right: 0;color: #ffffff;line-height: 2;font-size: 16px;}
    .To-English i{font-size: 24px; color: #ffffff;}
    .To-English:hover, .To-English:hover i{color: #00a18f;}
    .M-Nav { display: none; }
    .index-Nav {display: none; }
    .nav-down-list{ position:  absolute;z-index:  99999;width: auto;white-space: nowrap; display: none;}
    .nav-down-list ul{width: 100%!important;overflow: hidden;}
    .nav-down-list li{width: 100%!important;float: left;}
    .nav-down-list li a{border:0.1px solid grey;color:#ffffff; display: block;background: rgba(255,255,255,.8);width:  100%; line-height: 40px;font-size: 10px!important;    padding: 0!important;}
    .nav-down-list li a:hover{color: #5CACEE;}
    .icon-nav{position: absolute; right: 0; top: -22px; transition: .5s}
    .icon-nav:hover{ right: 10px;}
    .daojishi{margin: 45px 0 0 20%;}
    .daojishi p{margin-bottom: 0;}
}
@media (max-width: 767px) {
    .ban01{
        width:100%;
        height:600px;
        background-position:center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: -30px;
        margin-top: 15px;
        border: 0px solid yellow;
    }
    .ban02{
        width:96%;
        height:212px;
        margin:auto;
        background-position:center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 40px;
        margin-top: 15px;
        border: 0px solid yellow;
        border-radius: 10px;box-shadow: 5px 5px 15px #999;border:6px solid white;
    }
    .ba01{
        height: 200px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
        width: 100%!important;
    }
    .ba{
        height:600px;
        background-position:center center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%!important;
        border: 0px solid red;
    }
    .qdbutton{
        border: 1px solid white;
        width: 37%;
        height: 35px;
        color: #ffffff;
        text-align: center;
        font-size: 14px;
        vertical-align:middle;
        line-height: 35px;
        letter-spacing: 2px;
        position: absolute;
        margin-top: -70px;
        margin-left: 106px;
        padding-left: 2px;
        background: none;
    }
    .ban01>.qdbutton:after,.ban01>.qdbutton:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: none;
        z-index: -2;
    }
    .ban01>.qdbutton:hover{
        z-index: 1;
        background:transparent;
        cursor: pointer;
        border: 1px solid #00af9a;
        transition: 0.5s;
    }
    .ban01>.qdbutton:before {
        transition: .5s;
        background: #00af9a;
        z-index: -1;
    }
    .ban01>.qdbutton:hover:after,.ban01>.qdbutton:hover:before {
        width: 100%;
    }
    .qdbutton:after,.qdbutton:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background: none;
        z-index: -2;
    }
    .qdbutton:hover{
        z-index: 1;
        background:transparent;
        cursor: pointer;
        border: 1px solid #00af9a;
        transition: 0.5s;
    }
    .qdbutton:before {
        transition: .5s;
        background: #00af9a;
        z-index: -1;
    }
    .qdbutton:hover:after,.qdbutton:hover:before {
        width: 100%;
    }
    #nav {  margin-top: 0px;margin-left: 0px;background: #ffffff;}
    #nav-bar a {color: #ffffff;}
    #nav li a {padding: 0 2em;font-size: 14px!important;color: #ffffff;}
    #nav-bar {margin: 0em 0; width: 100%;height: auto;background: none;text-align: center;line-height: 35px;/* overflow: hidden; */z-index: 999999999999999;position:  fixed;}
    #nav {display: none;/*background: background:rgba(239,127,100);*/background:rgba(1,174,154,.8);}
    #nav ul { width: 100%;background:rgba(1,174,154,.8);opacity: 0.85; }
    #nav li {width: 100%;display: block;/* background: #ffffff; */border-bottom: 1px solid rgba(255,255,255,.1);}
    #nav li img{display: none;}
    .index-Nav {overflow: hidden;display: block;border-bottom: 1px solid #ccc;background:  #fff;}
    #nav li a:hover, #nav li a.active{color: #ffffff;opacity: 1;background:rgba(1,174,154,.8);}
    .M-Nav {padding: 0 0px;height: 40px;overflow: hidden;display: block;border-bottom: 1px solid #ccc;background:  #fff;}
    .index-Nav {overflow: hidden;display: block;border-bottom: 1px solid #ccc;background:  #fff;}
    .Logo {float: left;margin: 0;}
    .Logo img {width:100%;height:100%;}
    .nav-bar-height{height: 50px;}
    .nav-down-list{width: 100%;left: 40%;/* background: background:rgba(239,127,100); *//* border-radius: 10px; *//* overflow:  hidden; */position:  static;}
    .nav-down-list ul li{border-bottom: 0!important;}
    .nav-down-list ul li a{border:0px solid grey;background: rgba(255,255,255,.8);font-size: 14px;line-height: 30px;/* border-radius: 10px; */color: #01ae9a!important;}
    .nav-down-list ul li a:hover{background:rgba(206,56,83,.9);color: #fff!important;}
    .M-Nav-btn-link{background: url(./images/wscz.png) left top no-repeat;padding: 0 .5em;margin: 8px 8px 8px 0;min-height:35px; z-index:9999;min-width:35px;float: right;}
}

@media (max-width: 1260px) {

    .daojishi{margin: 45px 0 0 20px;}
}

/*向上*/
.triangle_border_up{
    width:0;
    height:0;
    border-width: 0 10px 10px;
    border-style:solid;
    border-color: transparent transparent rgba(0,0,0,.6);/*透明 透明  灰*/

    position:relative;
    margin-left: 20px;
}



/*header 结束*/

/**************************************************************************************************************************************************************/



/* Banner 开始*/
/**************************************************************************************************************************************************************/
@media screen and (max-width: 1440px) {
    .banner{width:100%;height:680px;overflow:hidden;position:relative;font-size:0}
    .DingBu{max-width:100%;height:200px;margin:0px;padding:0px; position:relative;background-position:center;  -webkit-background-size: auto 100%; background-size: auto 100%; background-repeat: repeat;}
    .banner2{
        border:0px solid red;
        width: 94%;
        height: 630px;
        margin:auto;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
        margin-top: 55px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 15px #535354;
        border-radius: 30px;
    }
    .b-img{height:680px;position:absolute;left:0;top:0; background: #bbb;}
    .b-img a{display:block;height:680px;float:left;-webkit-background-size: auto 100%;background-size: auto 100%; background-repeat: no-repeat; background-position: 50% 50%;}
    .b-list{height:50px;padding-top:600px;position:relative;margin:0 auto;z-index:1}
    .b-list span{display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #fff;float:left;margin:0 5px;_margin:0 3px}
    .b-list .spcss{border:3px solid #00a18f}
    .bar-left{position:absolute;z-index:1;display:block;width:50px;height:100px;left:30px;background:0 0;top:50%;margin-top: -50px;}
    .bar-right{position:absolute;z-index:1;display:block;width:50px;height:100px;right:30px;background:0 0;top:50%;margin-top: -50px;}
    .bar-left em{display:block;width:50px;height:100px;background:url(./images/arrow.png) 0 0 no-repeat;margin:0 auto; }
    .bar-right em{display:block;width:50px;height:100px;background:url(./images/arrow.png) -50px 0 no-repeat;margin:0 auto; }
    .bar-left .emcss{background-position:0 -100px}
    .bar-right .emcss{background-position:-50px -100px}
}
@media screen and (max-width: 1366px) {
    .banner2{
        border:0px solid red;
        width: 94%;
        height: 700px;
        margin:auto;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
        margin-top: 65px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 15px #535354;
        border-radius: 30px;
    }
}
@media screen and (max-width: 1280px) {
    .banner{width:100%;height:680px;overflow:hidden;position:relative;font-size:0}
    .DingBu{max-width:100%;height:200px;margin:0px;padding:0px; position:relative;background-position:center;  -webkit-background-size: auto 100%; background-size: auto 100%; background-repeat: repeat;}
    .banner2{
        border:0px solid red;
        width: 94%;
        height: 600px;
        margin:auto;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
        margin-top: 65px;
        margin-bottom: 50px;
        box-shadow: 5px 5px 15px #535354;
        border-radius: 30px;
    }
    .b-img{height:680px;position:absolute;left:0;top:0; background: #bbb;}
    .b-img a{display:block;height:680px;float:left;-webkit-background-size: auto 100%;background-size: auto 100%; background-repeat: no-repeat; background-position: 50% 50%;}
    .b-list{height:50px;padding-top:600px;position:relative;margin:0 auto;z-index:1}
    .b-list span{display:block;cursor:pointer;width:14px;height:14px;border-radius:50%;border:3px solid #fff;float:left;margin:0 5px;_margin:0 3px}
    .b-list .spcss{border:3px solid #00a18f}
    .bar-left{position:absolute;z-index:1;display:block;width:50px;height:100px;left:30px;background:0 0;top:50%;margin-top: -50px;}
    .bar-right{position:absolute;z-index:1;display:block;width:50px;height:100px;right:30px;background:0 0;top:50%;margin-top: -50px;}
    .bar-left em{display:block;width:50px;height:100px;background:url(./images/arrow.png) 0 0 no-repeat;margin:0 auto; }
    .bar-right em{display:block;width:50px;height:100px;background:url(./images/arrow.png) -50px 0 no-repeat;margin:0 auto; }
    .bar-left .emcss{background-position:0 -100px}
    .bar-right .emcss{background-position:-50px -100px}
}
@media screen and (max-width: 767px) {
    .swiper-slide{
        border-radius: 0px;
    }
    .banner{height:525px;width:100%;margin: auto;}
    .b-img{height:525px;width:100%;margin:auto;}
    .b-img a{height:525px;width:100%;margin: auto;}
    .b-list{padding-top:425px;text-align:  center;}
    .bar-left em, .bar-right em{transform: scale(.5,.5);}
    .bar-left{left: 10px;}
    .bar-right{right: 10px;}
    .b-list span{display:block;cursor:pointer;width: 7px;height: 7px;border-radius:50%;border:1px solid #fff;float: none;margin: 0 8px;_margin:0 5px;display:  inline-block;}
    .b-list .spcss{border:1px solid #00a18f}
    .b-img{height:680px;position:absolute;left:0;top:0;background:rgba(213,213,213,.5)}
}
@media screen and (max-width: 480px) {
    .banner1{
        width:100%;
        height:950px;
        position:relative;
        background-position:center;
        -webkit-background-size: auto 100%;
        background-repeat: no-repeat;
        background-size:cover;
        top:0%;
        border: 0px solid red;
    }
}
@media screen and (max-width: 414px) {
    .banner1{
        width:100%;
        height:810px;
        position:relative;
        background-position:center;
        -webkit-background-size: auto 100%;
        background-repeat: no-repeat;
        background-size:cover;
        top:0%;
        border: 0px solid red;
    }
}
@media screen and (max-width: 395px) {
    .banner1{
        width:100%;
        height:680px;
        position:relative;
        background-position:center;
        -webkit-background-size: auto 100%;
        background-repeat: no-repeat;
        background-size:cover;
        top:0%;
        border: 0px solid red;
    }
}
@media screen and (max-width: 375px) {
    .banner1{
        width:100%;
        height:730px;
        position:relative;
        background-position:center;
        -webkit-background-size: auto 100%;
        background-repeat: no-repeat;
        background-size:cover;
        top:0%;
        border: 0px solid red;
    }
}
@media screen and (max-width: 320px) {
    .banner1{
        width:100%;
        height:650px;
        position:relative;
        background-position:center;
        -webkit-background-size: auto 100%;
        background-repeat: no-repeat;
        background-size:cover;
        top:0%;
        border: 0px solid red;
    }
}
/*Banner 结束*/

/**************************************************************************************************************************************************************/

/*首页数据*/
@media (max-width: 1920px) {
    .Home-shuju{border:0px solid red;width: 92%;border-radius: 150px;margin-bottom: 30px; color: #9f9f9f;background:  #fff;margin-top: 20px;padding: 3em;box-shadow: 5px 5px 15px #535354;position:  relative;text-align:  center;}
    .Home-shuju img{border-radius: 100%;border:0px solid #9f9f9f; margin-top: -4px;margin-left: -171px;}
    .Home-shuju .icon-shuju-2{display: none;}
    .Home-shuju .home-shuju-list{
        border:0px  solid red;
        height: 81px;
        margin-left:60px;
        border-radius: 70px;
        background-color: #c4cbd7;
        width: 250px;
    }
    .Home-shuju .home-shuju-list>div{font-size: 21px;font-weight: bold; display: inline-block;margin-top:-50px;color: #092b6b;}
    .Home-shuju span{font-size: 18px;}
    .Home-shuju p{font-size: 18px;font-weight: normal;color: #092b6b;font-weight: bold;}
    .Home-shuju .home-shuju-list:hover{color: #00a18f;}
    .Home-shuju .home-shuju-list .value{
        margin-left: 70px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value2{
        margin-left: 43px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value3{
        margin-left: 80px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value4{
        margin-left: 27px;
        margin-top: -85px;
        color: #092b6b;
    }
    .valuetext{
        margin-left: 30px;
        margin-top: -70px;
    }
    .valuetext2{
        margin-left: 10px;
        margin-top: -70px;
    }
    .valuetext3{
        margin-left: 20px;
        margin-top: -70px;
    }
    .valuetext4{
        margin-left: 40px;
        margin-top: -70px;
    }
}
@media (max-width: 1440px) {
    .Home-shuju{border:0px solid red;width: 94%;border-radius: 150px;margin-bottom: 30px; color: #9f9f9f;background:  #fff;margin-top: 20px;padding: 3em;box-shadow: 5px 5px 15px #535354;position:  relative;text-align:  center;}
    .Home-shuju img{border-radius: 100%;border:0px solid #9f9f9f; margin-top: -4px;margin-left: -171px;}
    .Home-shuju .icon-shuju-2{display: none;}
    .Home-shuju .home-shuju-list{
        border:0px  solid red;
        height: 81px;
        margin-left:18px;
        border-radius: 70px;
        background-color: #c4cbd7;
    }
    .Home-shuju .home-shuju-list>div{font-size: 17px;font-weight: bold; display: inline-block;margin-top:-50px;color: #092b6b;}
    .Home-shuju span{font-size: 17px;}
    .Home-shuju p{font-size: 17px;font-weight: normal;color: #092b6b;font-weight: bold;}
    .Home-shuju .home-shuju-list:hover{color: #00a18f;}
    .Home-shuju .home-shuju-list .value{
        margin-left: 58px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value2{
        margin-left: 35px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value3{
        margin-left: 64px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value4{
        margin-left: 26px;
        margin-top: -85px;
        color: #092b6b;
    }
    .valuetext{
        margin-left: 30px;
        margin-top: -70px;
    }
    .valuetext2{
        margin-left: 10px;
        margin-top: -70px;
    }
    .valuetext3{
        margin-left: 20px;
        margin-top: -70px;
    }
    .valuetext4{
        margin-left: 40px;
        margin-top: -70px;
    }
}

@media (max-width: 1024px) {
    .Home-shuju{border:0px solid red;width: 94%;border-radius: 150px;margin-bottom: 30px; color: #9f9f9f;background:  #fff;margin-top: 20px;padding: 3em;box-shadow: 5px 5px 15px #535354;position:  relative;text-align:  center;}
    .Home-shuju img{width: 48%; border-radius: 100%;border:0px solid #9f9f9f; margin-top: -4px;margin-left: -101px;}
    .Home-shuju .icon-shuju-2{display: none;}
    .Home-shuju .home-shuju-list{
        border:0px  solid red;
        width:85%;
        height: 70px;
        margin-left:18px;
        border-radius: 70px;
        background-color: #c4cbd7;
    }
    .Home-shuju .home-shuju-list>div{font-size: 14px;font-weight: bold; display: inline-block;margin-top:-50px;color: #092b6b;}
    .Home-shuju span{font-size: 14px;}
    .Home-shuju p{font-size: 14px;font-weight: normal;color: #092b6b;font-weight: bold;}
    .Home-shuju .home-shuju-list:hover{color: #00a18f;}
    .Home-shuju .home-shuju-list .value{
        margin-left: 55px;
        margin-top: -105px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value2{
        margin-left: 50px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value3{
        margin-left: 65px;
        margin-top: -85px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value4{
        margin-left: 26px;
        margin-top: -85px;
        color: #092b6b;
    }
    .valuetext{
        margin-left: 30px;
        margin-top: -60px;
    }
    .valuetext2{
        margin-left: 30px;
        margin-top: -60px;
    }
    .valuetext3{
        margin-left: 30px;
        margin-top: -60px;
    }
    .valuetext4{
        margin-left: 30px;
        margin-top: -60px;
    }
}

@media (max-width: 767px) {
    .Home-shuju{border:0px solid red;width: 94%;height: 200px; border-radius: 20px;margin-bottom: 30px; color: #9f9f9f;background:  #fff;margin-top: 20px;padding: 3em;box-shadow: 5px 5px 15px #535354;position:  relative;text-align:  center;}
    .Home-shuju img{border-radius: 100%;border:0px solid #9f9f9f; margin-top: -3px;margin-left: -65px;width: 51%;}
    .Home-shuju .icon-shuju-2{display: none;}
    .Home-shuju .home-shuju-list{
        border:0px  solid red;
        height: 56px;
        border-radius: 40px;
        background-color: #c4cbd7;
        width: 120px;
    }
    .Home-shuju .indexdata{
        margin-top: -5px;
        margin-left: -22px;
    }
    .Home-shuju .indexdata01{
        margin-top: -5px;
        margin-left: -5px;
    }
    .Home-shuju .indexdata02{
        margin-top: 20px;
        margin-left: -22px;
    }
    .Home-shuju .indexdata03{
        margin-top: 20px;
        margin-left: -5px;

    }
    .Home-shuju .home-shuju-list>div{font-size: 12px;font-weight: bold; display: inline-block;color: #092b6b;}
    .Home-shuju span{font-size: 12px;}
    .Home-shuju p{font-size: 12px;font-weight: normal;color: #092b6b;font-weight: bold;}
    .Home-shuju .home-shuju-list .value{
        margin-left: 48px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value2{
        margin-left: 48px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value3{
        margin-left: 49px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value4{
        margin-left: 38px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .valuetext{
        margin-left: 30px;
        margin-top: 6px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .valuetext2{
        margin-left: 35px;
        margin-top: 6px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .valuetext3{
        margin-left: 30px;
        margin-top: 6px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .valuetext4{
        margin-left: 35px;
        margin-top: 6px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 480px) {
    .Home-shuju .home-shuju-list .valuetext{
        margin-left: 30px;
        margin-top: 3px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .valuetext2{
        margin-left: 35px;
        margin-top: 3px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .valuetext3{
        margin-left: 30px;
        margin-top: 3px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .valuetext4{
        margin-left: 35px;
        margin-top: 3px;
        margin-bottom: 0px;
    }
    .Home-shuju .home-shuju-list .value{
        margin-left: 48px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value2{
        margin-left: 48px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value3{
        margin-left: 49px;
        margin-top: -18px;
        color: #092b6b;
    }
    .Home-shuju .home-shuju-list .value4{
        margin-left: 38px;
        margin-top: -18px;
        color: #092b6b;
    }
}


/*首页标题样式*/
.H-title{text-align: center; margin: 50px auto 30px;}
.H-title i{width: 100px;height: 1px;background: #ddd;margin: 10px auto;display: block;}
.H-title span{font-size: 18px;color: #999;}
/*首页图片列表*/
@media (min-width: 767px) {
    .pic-list-img{width: 100%;transition: .5s;border-radius: 30px;}
    .pic-list-imgBox:hover .pic-list-img{
        transform: scale(1.1);
        transition: all 0.2s linear;
    }
    .pic-list-img01{width: 100%;transition: .5s;border-radius: 30px;}
    .pic-list-imgBox{border:0px solid white; overflow: hidden; margin-top: 30px;display: block;border-radius: 30px;box-shadow: 5px 5px 15px #535354;background-size:contain;}
}
@media (max-width: 767px) {
    .pic-list-img{width: 100%;min-width: 100%;  transition: .5s;border-radius: 30px;}
    .pic-list-img01{width: 100%;min-width: 100%;  transition: .5s;border-radius: 10px;}
    .pic-list-imgBox{border:0px solid white; overflow: hidden;display: block;border-radius: 30px;box-shadow: 5px 5px 15px #535354;background-size:contain;}
    .pic-list-imgBox01{width: 100%; border:1px solid white; overflow: hidden;display: block;border-radius: 10px;box-shadow: 5px 5px 10px #535354;background-size:contain;}
    .tesezhanguan{width: 100%;}
    .threefair{width: 100%;height:auto!important;}
    .tesezhanguan>ul>li:first-child{display: block;margin-top:0px;}
    .tesezhanguan>ul>li{display: block;margin-top:20px;}
    .threefair>ul>li:first-child{display: block;margin-top:0px;}
    .threefair>ul>li{display: block;margin-top:20px;}
    .threeimage{width: 100%;height: auto!important;}
    .titphone{margin-bottom: 10px;font-size: 14px;}
}


/*首页新闻列表*/
@media (max-width: 1920px) {
    .H-title p{font-size: 50px;font-weight: bold; color: #00a18f;}
    .txt-list-title{font-size: 22px;font-weight: bold;border-left: 5px solid #00a18f;line-height:  1em;padding-left: .3em;margin: 30px 55px 30px;}
    .txt-list-title a{
        font-size: 15px;
        color:#999;
        font-weight:normal;
        transition:.3s;
    }
    .txt-list-title a:hover{
        margin-right:5px;
        color: #00a18f;
    }
}
@media (max-width: 1440px) {
    .H-title p{font-size: 40px;font-weight: bold; color: #00a18f;}
    .txt-list-title{font-size: 19px;font-weight: bold;border-left: 5px solid #00a18f;line-height:  1em;padding-left: .3em;margin: 30px 0 30px;}
    .txt-list-title a{
        font-size: 15px;
        color:#999;
        font-weight:normal;
        transition:.3s;
    }
    .txt-list-title a:hover{
        margin-right:5px;
        color: #00a18f;
    }
}
@media (max-width: 1024px) {
    .H-title p{font-size: 35px;font-weight: bold; color: #00a18f;}
    .txt-list-title{font-size: 18px;font-weight: bold;border-left: 5px solid #00a18f;line-height:  1em;padding-left: .3em;margin: 30px 0 30px;}
    .txt-list-title a{
        font-size: 15px;
        color:#999;
        font-weight:normal;
        transition:.3s;
    }
    .txt-list-title a:hover{
        margin-right:5px;
        color: #00a18f;
    }
}
@media (max-width: 1920px) {
    .txt-list ul{
        border: 0px solid yellow;
        margin-top: 0px;
    }
    .txt-list li{
        font-size: 17px;
        height:  1.3em;
        margin: 1.2em 3.2em;
        width: 950px;
        border: 0px solid red;
    }
    .d01{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 75px;
        height: 350px;
    }
    .d03{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 115px;
        height: 350px;
    }
}
@media (max-width: 1680px) {
    .txt-list li{
        font-size: 18px;
        height:  1.3em;
        margin: 1em 3em;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 65px;
        height: 340px;
    }
    .d03{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 100px;
        height: 340px;
    }
}
@media (max-width: 1600px) {
    .txt-list li{
        font-size: 18px;
        height:  1.3em;
        margin: 1em 3.1em;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 60px;
        height: 340px;
    }
    .d03{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 98px;
        height: 340px;
    }
}
@media (max-width: 1440px) {
    .txt-list li{
        font-size: 16px;
        height:  1.5em;
        margin: 1em 0;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 44%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 45px;
        height: 340px;
    }
    .d03{
        width: 44%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 82px;
        height: 340px;
    }
}
@media (max-width: 1400px) {
    .txt-list li{
        font-size: 18px;
        height:  1.3em;
        margin: 1em 0;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 40px;
    }
    .d03{
        width: 43%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 112px;
    }
}
@media (max-width: 1366px) {
    .txt-list li{
        font-size: 16px;
        height:  1.4em;
        margin: 1em 0;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 45%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 40px;
    }
    .d03{
        width: 45%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 53px;
    }
}
@media (max-width: 1280px) {
    .txt-list li{
        font-size: 16px;
        height:  1.5em;
        margin: 1em 0;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 45%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 40px;
    }
    .d03{
        width: 45%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 50px;
    }
}
@media (max-width: 1024px) {
    .txt-list li{
        font-size: 15px;
        height:  1.7em;
        margin: 1em 0;
        width: 700px;
        border: 0px solid red;
    }
    .d01{
        width: 45%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 40px;
    }
    .d03{
        width: 45%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 50px;
    }
}
@media (max-width: 767px) {
    .txt-list li{
        font-size: 18px;
        height:  1em;
        margin: 1em 0;
        width: 800px;
        border: 0px solid red;
    }
    .d01{
        width: 94%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 0px;
        height: 300px;
        margin-top:20px;
        padding-top: 10px;
        margin:auto;
    }
    .d03{
        width: 94%;
        border:0px solid red;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        margin-left: 0px;
        height: 300px;
        margin-top:20px;
        padding-top: 10px;
        margin-left: 10px;
    }
}
.txt-list li a{
    color: #666;
    /* font-size: 16px; */
    /* line-height: 2; */
    background: url(./images/txt-list-bg1.jpg) left center no-repeat;
    text-indent: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 60%;
    float: left;
}
.txt-list span{display:none;color: #999;font-size: 12px;float: right;margin-top: 0.2em}
.txt-list li a:hover{color: #00a18f;background: url(./images/txt-list-bg2.jpg) left center no-repeat; }
@media (max-width: 767px) {
    .txt-list-title{font-size: 16px;margin-top: 20px;margin-bottom: 30px;}
    .txt-list li{width:100%}
    .txt-list li a{font-size: 12px;line-height:  1;margin: 1em 0;/* padding: 1em 0; */height:  1em;overflow:  hidden;width: 100%;float: none;}
    .txt-list span{display: none;}
}

/*首页视频*/
@media (max-width: 1920px) {
    .Home-shipin{margin-top: 30px;width: 92%}
    .Home-shipin .m-video{position: relative;background:  #000;border-radius: 40px;}
    .Home-shipin .m-video img{border-radius: 40px;}
    .Home-shipin>.m-video>.H-img-video{opacity:.8;width: 100%;}
    .Home-shipin .m-video .icon-bofang{position: absolute;left:  50%;top: 50%;transform: translate(-50%, -50%);max-height: 30%;}
}
@media (max-width: 1440px) {
    .Home-shipin{margin-top: 30px;width: 94%}
    .Home-shipin .m-video{position: relative;background:  #000;border-radius: 40px;}
    .Home-shipin .m-video img{border-radius: 40px;}
    .Home-shipin>.m-video>.H-img-video{opacity:.8;width: 100%;}
    .Home-shipin .m-video .icon-bofang{position: absolute;left:  50%;top: 50%;transform: translate(-50%, -50%);max-height: 30%;}
}
@media (max-width: 767px) {
    .Home-shipin .m-video{height: 180px;border-radius: 20px;}
    .Home-shipin>.m-video>.H-img-video{border-radius: 20px;opacity:.8;height: 100%;width: 100%!important;overflow: hidden; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width:100%;}
    .Home-shipin .m-video .icon-bofang{position: absolute;left:  50%;top: 50%;transform: translate(-50%, -50%);max-height: 30%;}
}






@media screen and (max-width: 1920px) {
    .cbjg{margin-left: -634px;margin-top:195px;}
    .cbjg1{margin-left: -340px;margin-top:193px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 100%;margin-left: 23px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer{height: 45em;width: 100%;}
    .footer .row li .ccc{width: 47%;margin-left: -88px;margin-top: 10px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 75%;margin-left:10px;}
    .footer .row li .zbjg2{width: 51%;margin-top: -140.5px;margin-left: 465px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1680px) {
    .footer{height: 40em;width: 100%;}
    .cbjg{margin-left: -552px;margin-top:195px;}
    .cbjg1{margin-left: -305px;margin-top:193px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 100%;margin-left: 19px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 48%;margin-left: -75px;margin-top: 8px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 75%;margin-left:10px;}
    .footer .row li .zbjg2{width: 51%;margin-top: -126px;margin-left: 405px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1600px) {
    .cbjg{margin-left: -525px;margin-top:195px;}
    .cbjg1{margin-left: -275px;margin-top:193px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 17px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 55%;margin-left: -30px;margin-top: 5px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 82%;margin-left:5px;}
    .footer .row li .zbjg2{width: 55%;margin-top: -129.5px;margin-left: 422px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1560px) {
    .cbjg{margin-left: -515px;margin-top:195px;}
    .cbjg1{margin-left: -285px;margin-top:193px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 17px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 55%;margin-left: -30px;margin-top: -2px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 82%;margin-left:5px;}
    .footer .row li .zbjg2{width: 55%;margin-top: -125.5px;margin-left: 412px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
/*底部*/
@media screen and (max-width: 1440px) {
    .footer{height: 35em;width: 100%;}
    .cbjg{margin-left: -475px;margin-top:180px;}
    .cbjg1{margin-left: -255px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 17px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 60%;margin-left: -30px;margin-top: -2px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;}
    .footer .row li .zbjg2{width: 60%;margin-top: -127px;margin-left: 405px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;z-index: 99999999}
}
@media screen and (max-width: 1400px) {
    .cbjg{margin-left: -460px;margin-top:180px;}
    .cbjg1{margin-left: -235px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 17px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 60%;margin-left: -30px;margin-top: -2px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;}
    .footer .row li .zbjg2{width: 60%;margin-top: -123px;margin-left: 400px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1366px) {
    .footer{height: 33em;width: 100%;}
    .cbjg{margin-left: -450px;margin-top:180px;}
    .cbjg1{margin-left: -235px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 17px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 60%;margin-left: -30px;margin-top: -2px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;margin-left:5px;}
    .footer .row li .zbjg2{width: 60%;margin-top: -121.5px;margin-left: 390px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}

@media screen and (max-width: 1360px) {
    .cbjg{margin-left: -446px;margin-top:180px;}
    .cbjg1{margin-left: -235px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 16px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 60%;margin-left: -30px;margin-top: -2px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;margin-left:5px;}
    .footer .row li .zbjg2{width: 60%;margin-top: -120.5px;margin-left: 383px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1326px) {
    .cbjg{margin-left: -435px;margin-top:180px;}
    .cbjg1{margin-left: -235px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 110%;margin-left: 16px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 60%;margin-left: -30px;margin-top: -2px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;margin-left:5px;}
    .footer .row li .zbjg2{width: 60%;margin-top: -118.5px;margin-left: 380px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1280px) {
    .footer{height: 31em;width: 100%;}
    .cbjg{margin-left: -420px;margin-top:180px;}
    .cbjg1{margin-left: -205px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 115%;margin-left: 17px;margin-top: -1px;}
    .eee{margin-left:-50px;margin-top: -30px;}
    .footer .row li .ccc{width: 60%;margin-left: -20px;margin-top: 1px;}
    .footer{background: #383735;color: #fff; margin-top: 0px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;margin-left:5px;}
    .footer .row li .zbjg2{width: 60%;margin-top: -115.5px;margin-left: 365px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 1240px) {
    .cbjg{margin-left: -405px;margin-top:180px;}
    .cbjg1{margin-left: -245px;margin-top:178px;}
    .www{margin-left: 250px;}
    .ww1{margin-top:50px;}
    .zbjg5{width: 100%;}
    .eee{margin-left:460px;margin-top: -320px;}
    .footer .row li .ccc{width: 60%;margin-left: -20px;margin-top: -5.25px;}
    .footer{background: #383735;color: #fff; margin-top: 50px;}
    .footer-title{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer-title1{font-size: 18px;font-weight: bold;margin:  30px 0 20px;}
    .footer .row li{display: inline-block;padding-right: 10px;margin-left:-30px; }
    .footer .row li .zbjg1{width: 90%;margin-left:5px;}
    .footer .row li .zbjg2{width: 60%;margin-top: -111.5px;margin-left: 355px;}
    .footer-tel{font-size: 24px;color: #00a18f;font-weight: bold;margin-top: -2em;margin-bottom: 20px;padding-left: 30px;}
    .footer-btn{background: #00a18f;color: #fff;padding: .5em;/* margin-top: 5px; */display: inline-block;}
    .footer-copytxt{font-size: 16px;line-height: 1.8;padding:50px 0 30px 0;  margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
    .footer .row li .zbjg5{height: 100px; width: 130px;margin-left:14px;opacity: 1;margin-top: -5.1px}
    .w80{width: 100%;height: }
    .footer .row li .ccc{opacity: 1;max-width: 37%;margin-left: 24px;margin-top:-5px;}
    .xs-text-left{text-align: left!important;}
    .xs-p15{padding-left: 15px;padding-right: 15px;}
    .xs-p5{padding: 5px;}
    .xs-p5>div, .xs-p5>li{padding: 5px;margin: 0;}
    .footer .row li .zbjg2{opacity: 1;margin-left: 20px;margin-top: 30px;max-width: 100%;max-height: 85px;}
    .footer .row li .zbjg1{opacity: 1;margin-left: 22px;max-width: 100%;max-height: 85px;}
    .cbjg{margin-left: 4px;margin-top:0px; border: 0px solid yellow;width: 40%;position: absolute;}
    .cbjg1{margin-left: 130px;margin-top:0px;border: 0px solid red;position: absolute;}
    .www{margin-left: 210px;margin-top: 68px;margin-bottom: -30px;width: 50%;position: absolute;z-index: 999999;}
    .eee{display: none;}
    .abc{margin-left: 92px; margin-top: 100px;margin-bottom:85px;width:40.5%; }
    .footer-title{font-size: 15px;font-weight: normal; color: #ddd;}
    .footer-title1{font-size: 15px;font-weight: normal; color: #ddd;margin-left:3px;}
    .footer-title2{font-size: 15px;font-weight: normal; color: #ddd;margin-bottom: 52px;}
    .footer{height: 58em;width: 100%;}
    .footer .row li img{max-height: 68px; opacity: .6;margin-left:20px; }
    .footer-copytxt{font-size: 12px;padding: 1em;line-height: 1.6; text-align: center; color: #ddd;margin-top: -30px; margin-bottom: -20px;}
    .footer-tel{font-size:16px; display: block !important;padding-left: 28px;margin-bottom:-20px;}
    .footer-btn{padding: .2em .5em;margin-left: 190px;}
    .sjbtn{border: 1px solid yellow; margin-top: -200px;margin-bottom: 200px;width: 30%;height: 20px;}
    /* M-Foot */
    .M-foot{background: #00a18f;}
    .M-foot>div { padding: 0; }
    .M-foot>div a{line-height: 40px;color: #fff;}
    .M-foot-height { height: 40px; }
    .vac {height: 350px;}
    video {height: 250px;}
    .wybf{
        display:none !important;
    }
}

@media screen and (min-width: 767px) {
    .sjbf{
        display:none !important;
    }
}
.por{position: relative;}

/*二级页面*/
.er-banner{background-size: auto 100%; height: 200px;background-position: 50% 50%;background-repeat: repeat-x;}
@media (max-width: 767px) {.er-banner{height: 70px;}}
.er-title{margin-top: 50px;margin-bottom: 20px;}
.er-title p{ font-size: 24px ;color: #00a18f;}
.er-title span{font-size: 18px;color: #999;}
.con-show{ clear: both; font-size: 15px;line-height: 1.8;}
.con-show  img{max-width:90%;height: auto!important; margin-left:0px;}



/*往届回顾*/
.slt {width:auto;height:600px;position: absolute;right: 207px;left: 0;}
.slt .b-img{height:600px;}
.slt .b-img a{height:600px;}
.slt .b-list{padding-top:550px;}

/*往届回顾 - 二级页面*/
.wjhg-list-img{width: 100%;min-width: 100%;  transition: .5s}
.wjhg-title{    font-size: 22px;    font-weight: bold;    border-left: 5px solid #00a18f;    line-height: 1em;    padding-left: .3em;    margin: 50px 0 0px;}

@media (max-width: 767px) {
    .slt{height: 230px;position:  static;margin-bottom: 20px;overflow:  hidden;}
    .slt .b-img{height: 230px;}
    .slt .b-img a{height: 230px;}
    .slt .b-list{padding-top:130px;}
    .slt .bar-left em, .bar-right em{transform: scale(.5,.5);}
    .slt .bar-left{left: 10px;}
    .slt .bar-right{right: 10px;}
    .slt-height{height: 230px;margin-bottom: 20px;overflow:  hidden;}
    .wjhg-title{    font-size: 16px; }

}



/*二级视频列表*/
.video-list{width: 192px;padding-left: 15px;float: right;}
.video-list a{/* font-size: 24px; */color: #333;display: block;margin-bottom: 16px;}
.video-list a:hover{color: #00a18f; }
.video-list a p{margin-bottom: 0;margin-top: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.video-list a span{font-size: 15px;display: block;color: #888;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.video-list-img{width: 100%;min-width: 100%;  transition: .5s}
.video-list a:hover .video-list-img{transform: scale(1.2,1.2); }
.video-list-imgBox{position: relative; overflow: hidden;}
.video-list a:hover .video-list-imgBox{box-shadow: 5px 5px 15px #999; }
@media (max-width: 767px) {
    .video-list a{font-size: 15px; }
    .video-list a span{font-size: 14px;}
    .vac{}
}


/*酒店列表*/
.jiudian-list{background: #f9f9f9;border-radius: 5px;color: #333;/* padding-top: 15px; */padding-bottom: 15px;font-size:  15px;line-height: 1.8;margin-bottom: 15px!important;box-shadow: 0 0 5px #eee;overflow:  hidden;}
.jiudian-list-title{padding: 10px 15px;/* padding-right: 15px; */font-size: 18px;font-weight: bold;margin-bottom: 10px;color: #fff;background: #00a18f;}
.jiudian-list>div>div{float: left;}
.jiudian-list .jiudian-list-l{width: 7em;float: left;font-weight:  bold;color: #00a18f;}
.jiudian-list a{color: #fff;border: 1px solid #fff;border-radius: 5px;font-weight: normal;padding:3px 10px;font-size: 15px;}
.jiudian-list a:hover{color: #00a18f;border: 1px solid #00a18f;background: #fff;}

/* Tab切换 */
.slideTxtBox{ overflow:hidden;  }
.slideTxtBox .hd ul{overflow:hidden;zoom:1;text-align:  center;}
.slideTxtBox .hd ul li{display:  inline-block;}
.slideTxtBox .hd ul li a{display:block;padding: 0 25px;line-height: 50px;font-size: 16px;color:  #333;}
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{color: #00a18f;border-bottom: 2px solid #00a18f;}
.slideTxtBox .bd{ margin-top: 50px;}

/*新闻二级页面*/
.er-new li{border-bottom: 1px solid #dedede; padding-bottom: 20px;margin-bottom: 20px!important;}
.er-new img{width: 200px; border: 1px solid #eee; float: left; margin-right: 15px;}
.pager{border: 1px solid #efefef; padding: 10px;}
.pager .next>a, .pager .next>span, .pager .previous>a, .pager .previous>span { float: none; border: none;color: #333;}
.pager li>a, .pager li>span { display: block; }
.pager .next>a:hover, .pager .previous>a:hover{background: none;}


/*下载列表*/
.Download-list a .pic-list-zhezhao p{font-size: 20px;color: #fff;border: 1px solid #00a18f;border-radius: 5px;font-weight: normal;padding: 5px 15px;font-size: 15px;background: #00a18f;position:  absolute;transform: translate(-50%, -50%);left:  50%;top: 50%;margin: 0;}
.Download-list .pic-list-zhezhao{left: 0;top: 0;background: none;}
.Download-list a:hover .pic-list-zhezhao{background: rgba(0,0,0,.3)}
.Download-list a:hover .pic-list-zhezhao p{padding: 6px 20px;font-size: 16px;font-weight: bold; text-indent:0;}



/*参观导览图*/
.viewer{width: 71.6%;width:1024px; height: 690px;border: 1px solid black;position: relative; }
.wrapper { overflow: hidden; }
.canguandaolantu-list .biaozhu{font-size: 18px; line-height: 2;}
.canguandaolantu-list .biaozhu a{/* font-size: 15px; *//* background: #00a18f; *//* border-radius: 5px; *//* color: #fff; */padding: 3px 10px;margin-left: 3em;color: #00a18f;border: 1px solid #00a18f;width: 40px;line-height: 1.5;text-align: center;margin: 20px auto 0 1em;transition: .3s;/* display:  inline-block; */}
.canguandaolantu-list .biaozhu a:hover{    color: #fff;    background: #00a18f;}
/*参观导览图 - 展示*/
.canguandaolantu-show-title{    font-size: 22px;    font-weight: bold;    border-left: 5px solid #00a18f;    line-height: 1em;    padding-left: .3em;    margin: 50px 0 10px;}
.canguandaolantu-list-show{background: #f9f9f9;border-radius: 5px;color: #333;padding-bottom: 15px;font-size:  15px;line-height: 1.8;margin-top: 25px!important;box-shadow: 0 0 5px #eee;overflow:  hidden;}
.canguandaolantu-list-title{padding: 3px 15px;font-size: 18px;/* font-weight: bold; */margin-bottom: 10px;color: #fff;background: #00a18f;}
.canguandaolantu-list-show>div{position: relative;}
.canguandaolantu-list-show>div>div{float: left;}
.canguandaolantu-list-show .canguandaolantu-list-l{width: 4em;float: left;font-weight:  bold;color: #00a18f;}
.canguandaolantu-list-show .canguandaolantu-list-r{overflow: hidden;    width: calc(100% - 4em);    float: left;    word-wrap: break-word;}

/*展商名录*/
.nav-lines{line-height: 35px;position:  absolute;right:  0;bottom: 0;}
.nav-lines label{float: left; margin-right: 5px;line-height: 35px; height:  35px;font-weight: normal;font-size: 16px;}
.nav-lines input, .nav-lines button{padding: 0 10px;border-radius:  5px;box-shadow:  none;border: 1px solid #ddd; outline: none; height:35px;}
.nav-lines button{color: #fff;background: #00a18f;border: none;}

.zhanshangminglu-select{    width:  6em;    height:  35px;    padding: 0 10px;}
.zhanshangminglu-nav{line-height: 1.5;position:  relative;}
.zhanshangminglu-nav>div{clear: both;}
.zhanshangminglu-nav-l{float: left;font-size: 16px;font-weight: bold;width: 2.5em;padding: 2px 0;}
.zhanshangminglu-nav-r{/* position: absolute; *//* left: 3em; *//* right: 0; */float: right;width: calc(100% - 3em );}
.zhanshangminglu-nav-r li{float: left;margin-right: 5px;margin-bottom: 10px;}
.zhanshangminglu-nav-r a{color: #666;/* line-height: 1.5; */padding: 2px 8px;display: block;}
.zhanshangminglu-nav-r a.active, .zhanshangminglu-nav-r a:hover{color: #fff;background: #00a18f;border-radius: 5px;}


.position{margin-left:auto;margin-right:auto;text-align:center;margin-top:15%}
#workarea{position:absolute;width:100%;height:100%;background-color:#1e1a3e;font-family:Raleway}

#personal{color:white;text-decoration:none;position:absolute;bottom:15px;right:2%}
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
.svg-wrapper{color: #fff;margin-top:0;position:relative;width:150px;height:40px;display:inline-block;border-radius:3px;transform: translate(-50%, -50%);left: 50%;top: 50%;position:  absolute;background: rgba(0,0,0,.3);box-shadow:  0 0 15px;}
#shape{stroke-width:6px;fill:transparent;stroke:#009FFD;stroke-dasharray:85 400;stroke-dashoffset:-220;transition:1s all ease}
#text{margin-top:-35px;text-align:center;color: #fff;}
#text a{color:white;text-decoration:none;font-weight:100;font-size:1.1em}
.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#06D6A0}



#a1{margin-left:136px;}
#a2{margin-left:131px;}
#a3{margin-left:131px;}
#a4{margin-left:131px;}
#a5{margin-left:87px;}
#a6{margin-left:131px;}
#a7{margin-left:77px;}
#a8{margin-left:41px;}
#a9{margin-left:120px;}
#a10{margin-left:130px;}
#a11{margin-left:130px;}
#a12{margin-left:130px;}
#a13{margin-left:40px;}
@media (max-width: 767px) {
    .H-title{    margin: 30px auto 10px;}
    .H-title p{font-size: 20px;}
    .H-title span{font-size: 13px;}
    .er-title{margin-top: 30px;margin-bottom: 10px;}
    .er-title p { font-size: 18px;}
    .er-new img{width: 100%;margin-bottom: 15px;}
    .pager{padding: 0;}
    .pager>li{padding: 5px;}
    .pager>li a{padding: 0; font-size: 12px;}
    .Download-list .pic-list-zhezhao{display: block;}
    .triangle_border_up{border-color:transparent transparent #fff;}
    .jiudian-list-title{font-size: 15px;font-weight: normal;}
    .jiudian-list a{padding: 1px 5px;font-size: 13px;}
    .jiudian-list>div{display: table;width: 100%;}
    .slideTxtBox .hd ul li a{padding: 0 5px;line-height: 30px;}
    .slideTxtBox .bd ul img{display: table;width: 100%;}
    .canguandaolantu .poa{overflow: hidden; position: static;left: 0; top: 0; transform: none;}
    .canguandaolantu-img{width: 100%;height: auto;}
    .canguandaolantu-list .biaozhu{font-size: 15px;}
    .viewer{width: 100%;border: 0px solid black;position: relative; }
    .viewer{height: 315px;}
    #viewer2{margin-top: -50px; }
    #a1{margin-left: 110px;}
    #a2{margin-left: 106.5px;}
    #a3{margin-left: 106.5px;}
    #a4{margin-left: 106.5px;}
    #a5{margin-left: 70.5px;}
    #a6{margin-left: 106.5px;}
    #a7{margin-left: 61.5px;}
    #a8{margin-left: 31.5px;}
    #a9{margin-left: 98px;}
    #a10{margin-left:106px;}
    #a11{margin-left:106px;}
    #a12{margin-left:106px;}
    #a13{margin-left:31px;}
    .nav-lines{position: static; margin-top: 10px;}

    figure.effect-bubba{margin: 20px 0 0!important;}
    figure.effect-bubba h2{ position:  absolute; padding-top: 0!important; left: 50%; top: 50%; transform: translate(-50%,-50%)!important;}
    .pic-list-img{height: auto!important;}
    .pic-list-img01{height: auto!important;}
}

/*二级页面锚点*/
@media screen and (min-width: 767px) {
    #ToIndex {
        display: none;
    }
    #ToIndex02 {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    #ToIndex {
        width: 55px;
        height: 55px;
        background: url(./images/abc.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-left: 280px;
        top:420px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
    #ToIndex02 {
        width: 50px;
        height: 50px;
        background: url(./images/cde.png);
        background-repeat: no-repeat;
        background-size:86% 86%;
        margin-left: 287px;
        top:380px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex02:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
}
@media screen and (max-width: 480px) {
    #ToIndex {
        width: 55px;
        height: 55px;
        background: url(./images/abc.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-left: 400px;
        top:550px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
    #ToIndex02 {
        width: 50px;
        height: 50px;
        background: url(./images/cde.png);
        background-repeat: no-repeat;
        background-size:86% 86%;
        margin-left: 407px;
        top:510px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex02:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
}
@media screen and (max-width: 414px) {
    #ToIndex {
        width: 55px;
        height: 55px;
        background: url(./images/abc.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-left: 350px;
        top:520px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
    #ToIndex02 {
        width: 50px;
        height: 50px;
        background: url(./images/cde.png);
        background-repeat: no-repeat;
        background-size:86% 86%;
        margin-left: 357px;
        top:480px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex02:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
}
@media screen and (max-width: 375px) {
    #ToIndex {
        width: 55px;
        height: 55px;
        background: url(./images/abc.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-left: 310px;
        top:420px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
    #ToIndex02 {
        width: 50px;
        height: 50px;
        background: url(./images/cde.png);
        background-repeat: no-repeat;
        background-size:86% 86%;
        margin-left: 317px;
        top:380px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex02:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
}
@media screen and (max-width: 359px) {
    #ToIndex {
        width: 55px;
        height: 55px;
        background: url(./images/abc.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-left: 280px;
        top:420px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
    #ToIndex02 {
        width: 50px;
        height: 50px;
        background: url(./images/cde.png);
        background-repeat: no-repeat;
        background-size:86% 86%;
        margin-left: 287px;
        top:380px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex02:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
}
@media screen and (max-width: 320px) {
    #ToIndex {
        width: 55px;
        height: 55px;
        background: url(./images/abc.png);
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin-left: 250px;
        top:420px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
    #ToIndex02 {
        width: 50px;
        height: 50px;
        background: url(./images/cde.png);
        background-repeat: no-repeat;
        background-size:86% 86%;
        margin-left: 257px;
        top:380px;
        z-index: 99999999999999;
        position: fixed;
    }
    #ToIndex02:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
    }
}
/* 定义动画movebo */
@keyframes movebo{
    from {

    }
    to {
        opacity: 1;

    }
}

/*-webkit-transform:translateX(20px);*/
/* 鼠标在li1上方悬浮时二维码的动画效果 */
.li1:hover+.flex{
    -webkit-animation:movebo 0.85s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:0s;
    -webkit-animation-fill-mode:forwards;
    animation:movebo 0.85s;
    animation-timing-function:linear;
    animation-delay:0s;
    animation-fill-mode:forwards;
    opacity:0;
    right: 4%;
}
.li3:hover+.flex1{
    animation:movebo 0.85s;
    animation-timing-function:linear;
    animation-delay:0s;
    animation-fill-mode:forwards;
    opacity:0;
    right: 4%;
}
.li4:hover+.flex2{
    animation:movebo 0.85s;
    animation-timing-function:linear;
    animation-delay:0s;
    animation-fill-mode:forwards;
    opacity:0;
    right: 4%;
}


/* 二维码图片样式 */
@media screen and (max-width: 1920px) {
    .flex{
        position: fixed;
        width: 160px;
        height: 500px;
        top:30.5%;
        right: 110%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: -10px;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 160px;
        height: 500px;
        top:36%;
        right: 110%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: -10px;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex2{
        position: fixed;
        width: 160px;
        height: 500px;
        top:41%;
        right: 110%;
        bottom: 100px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: -10px;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
@media screen and (max-width: 1600px) {
    .flex{
        position: fixed;
        width: 160px;
        height: 500px;
        top:28%;
        right: 105%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 160px;
        height: 500px;
        top:34%;
        right: 105%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/shipinhao.png%3FSystem.DateTime.Now.png);
    }
    .flex2{
        position: fixed;
        width: 160px;
        height: 500px;
        top:38%;
        right: 105%;
        bottom: 100px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
@media screen and (max-width: 1440px) {
    .flex{
        position: fixed;
        width: 160px;
        height: 500px;
        top:28%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 160px;
        height: 500px;
        top:34%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-image: url(./images/shipinhao.png%3FSystem.DateTime.Now.png);
    }
    .flex2{
        position: fixed;
        width: 160px;
        height: 500px;
        top:37%;
        right: 100%;
        bottom: 100px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: 10px;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
@media screen and (max-width: 1400px) {
    .flex{
        position: fixed;
        width: 160px;
        height: 500px;
        top:30%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 160px;
        height: 500px;
        top:36%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/shipinhao.png%3FSystem.DateTime.Now.png);
    }
    .flex2{
        position: fixed;
        width: 160px;
        height: 500px;
        top:41%;
        right: 100%;
        bottom: 100px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
@media screen and (max-width: 1366px) {
    .flex{
        position: fixed;
        width: 130px;
        height: 390px;
        top:29%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 130px;
        height: 390px;
        top:37%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/shipinhao.png%3FSystem.DateTime.Now.png);
    }
    .flex2{
        position: fixed;
        width: 130px;
        height: 390px;
        top:37%;
        right: 100%;
        bottom: 100px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
@media screen and (max-width: 1280px) {
    .flex{
        position: fixed;
        width: 130px;
        height: 390px;
        top:29%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 130px;
        height: 390px;
        top:34%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/shipinhao.png%3FSystem.DateTime.Now.png);
    }
    .flex2{
        position: fixed;
        width: 130px;
        height: 390px;
        top:34%;
        right: 100%;
        bottom: 100px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
@media screen and (max-width: 1024px) {
    .flex{
        position: fixed;
        width: 130px;
        height: 390px;
        top:29%;
        right: 100%;
        bottom: 120px;
        border: 0px solid red;
        background-size: 100%;
        margin-right: 20px;
        background-repeat: no-repeat;
        background-image: url(./images/gongzhonghao.png);
    }
    .flex1{
        position: fixed;
        width: 130px;
        height: 390px;
        top:37%;
        right: 100%;
        bottom: 120px;
        margin-right: 20px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/shipinhao.png%3FSystem.DateTime.Now.png);
    }
    .flex2{
        position: fixed;
        width: 130px;
        height: 390px;
        top:37%;
        right: 100%;
        bottom: 100px;
        margin-right: 20px;
        border: 0px solid red;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url(./images/douyinhao.png);
    }
}
.rightline{
    position: fixed;
    width: 45px;
    top:48%;
    right: 0%;
    bottom: 95px;
    z-index: 999999;
    border:0px solid red;
}
.rightline li{
    position: relative;
    height: 45px;
    margin-top:0px;
    cursor: pointer;
    overflow: hidden;
}
.li1{
    width: 45px;
    background: url(./images/a.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-background-color: rgba(51,51,51,0.6);
    background-color: rgba(51,51,51,0.6);
}
.li2{
    width: 168px;
    background: url(./images/b.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-background-color: rgba(51,51,51,0.6);
    background-color: rgba(51,51,51,0.6);
}
.li3{
    width: 45px;
    background: url(./images/c.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-background-color: rgba(51,51,51,0.6);
    background-color: rgba(51,51,51,0.6);
}
.li4{
    width: 45px;
    background: url(./images/d.png);
    background-size: 100%;
    margin: auto;
    background-repeat: no-repeat;
    -ms-background-color: rgba(51,51,51,0.6);
    background-color: rgba(51,51,51,0.6);
}
.li5{
    width: 45px;
    background: url(./images/e.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -ms-background-color: rgba(51,51,51,0.6);
    background-color: rgba(51,51,51,0.6);
}

/* li悬浮样式 */
.rightline .li1:hover {
    width: 45px;
    height: 45px;
    position: relative;
    background-size: 100%;
    overflow: hidden;
    transition-duration:0.4s;
    background-color: #46af9a;
}
.rightline .li2:hover {
    width: 168px;
    height: 45px;
    position: relative;
    background-size: 100%;
    transform: translateX(-123px);
    overflow: hidden;
    transition-duration:0.6s;
    background-color: #46af9a;
}
.rightline .li3:hover {
    width: 45px;
    height: 45px;
    position: relative;
    background-size: 100%;
    overflow: hidden;
    transition-duration:0.4s;
    background-color: #46af9a;
}
.rightline .li4:hover {
    width: 45px;
    height: 45px;
    position: relative;
    background-size: 100%;
    overflow: hidden;
    transition-duration:0.4s;
    background-color: #46af9a;
}
.rightline .li5:hover {
    width: 45px;
    height: 45px;
    position: relative;
    background-size: 100%;
    overflow: hidden;
    transition-duration:0.4s;
    background-color: #46af9a;
}
/*顶部导航栏样式*/
@media screen and (max-width: 1920px) {
    .tesezhanguan{
        width: 93.5%;
        height: 550px;
        border: 0px solid red;
    }
    .threefair{
        width: 93.5%;
        height: 970px;
    }
    .threeleft{
        width: 31%;height: 834px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 834px; border:0px solid red;margin-left: 62px;
    }
    .threeimage{
        width: 100%;height: 834px;background-size:contain;
    }
    .indextop{
        width: 92%;
        height: 110px;
        margin:auto;
        border: 0px solid yellow;
        background-color: #ced3d6;
        border-radius: 70px;
        margin-top: 30px;
        margin-bottom:-30px;
        box-shadow: 5px 5px 10px #9a9a9c;
    }
    .indextopShow{
        width: 92%;
        height: 100px;
        margin:auto;
        border: 0px solid yellow;
        background-color: #ced3d6;
        border-radius: 70px;
        margin-top: 10px;
        margin-bottom:-25px;
        box-shadow: 5px 5px 10px #9a9a9c;
    }
}
@media screen and (max-width: 1880px) {
    .threefair{
        width: 93.5%;
        height: 870px;
    }
    .threeleft{
        width: 31%;height: 734px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 734px; border:0px solid red;margin-left: 60px;
    }
    .threeimage{
        width: 100%;height: 734px;background-size:contain;
    }
}
@media screen and (max-width: 1680px) {
    .tesezhanguan{
        width: 93.5%;
        height: 500px;
        border: 0px solid red;
    }
    .threefair{
        width: 93.5%;
        height: 870px;
    }
    .threeleft{
        width: 31%;height: 734px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 734px; border:0px solid red;margin-left: 54px;
    }
    .threeimage{
        width: 100%;height: 734px;background-size:contain;
    }
}
@media screen and (max-width: 1640px) {
    .threefair{
        width: 93.5%;
        height: 870px;
    }
    .threeleft{
        width: 31%;height: 734px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 734px; border:0px solid red;margin-left: 52px;
    }
    .threeimage{
        width: 100%;height: 734px;background-size:contain;
    }
}
@media screen and (max-width: 1600px) {
    .tesezhanguan{
        width: 93.5%;
        height: 480px;
        border: 0px solid red;
    }
    .threefair{
        width: 93.5%;
        height: 850px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 700px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 700px; border:0px solid red;margin-left: 51px;
    }
    .threeimage{
        width: 100%;height: 700px;background-size:contain;
    }
}
@media screen and (max-width: 1560px) {
    .threefair{
        width: 93.5%;
        height: 850px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 700px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 700px; border:0px solid red;margin-left: 50px;
    }
    .threeimage{
        width: 100%;height: 700px;background-size:contain;
    }
}
@media screen and (max-width: 1440px) {
    .threefair{
        width: 96%;
        height: 750px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 634px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 634px; border:0px solid red;margin-left: 47px;
    }
    .threeimage{
        width: 100%;height: 634px;background-size:contain;
    }
}
@media screen and (max-width: 1440px) {
    .tesezhanguan{
        width: 96%;
        height: 440px;
        border: 0px solid red;
    }
    .indextop{
        width: 94%;
        height: 90px;
        margin:auto;
        border: 0px solid yellow;
        background-color: #ced3d6;
        border-radius: 70px;
        margin-top: 30px;
        margin-bottom:-30px;
        box-shadow: 5px 5px 10px #9a9a9c;
    }
    .indextopShow{
        width: 92%;
        height: 90px;
        margin:auto;
        border: 0px solid yellow;
        background-color: #ced3d6;
        border-radius: 70px;
        margin-top: 10px;
        margin-bottom:-35px;
        box-shadow: 5px 5px 10px #9a9a9c;
    }
}
@media screen and (max-width: 1400px) {
    .threefair{
        width: 96%;
        height: 750px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 600px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 600px; border:0px solid red;margin-left: 46px;
    }
    .threeimage{
        width: 100%;height: 600px;background-size:contain;
    }
}
@media screen and (max-width: 1366px) {
    .tesezhanguan{
        width: 96%;
        height: 400px;
        border: 0px solid red;
    }
    .threefair{
        width: 96%;
        height: 750px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 600px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 600px; border:0px solid red;margin-left: 44px;
    }
    .threeimage{
        width: 100%;height: 600px;background-size:contain;
    }
}
@media screen and (max-width: 1360px) {
    .threefair{
        width: 96%;
        height: 750px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 600px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 600px; border:0px solid red;margin-left: 44px;
    }
    .threeimage{
        width: 100%;height: 600px;background-size:contain;
    }
}
@media screen and (max-width: 1326px) {
    .threefair{
        width: 96%;
        height: 750px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 600px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 600px; border:0px solid red;margin-left: 43px;
    }
    .threeimage{
        width: 100%;height: 600px;background-size:contain;
    }
}
@media screen and (max-width: 1280px) {
    .threefair{
        width: 96%;
        height: 730px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 600px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 600px; border:0px solid red;margin-left: 42px;
    }
    .threeimage{
        width: 100%;height: 600px;background-size:contain;
    }
}
@media screen and (max-width: 1240px) {
    .threefair{
        width: 96%;
        height: 730px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 600px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 600px; border:0px solid red;margin-left: 41px;
    }
    .threeimage{
        width: 100%;height: 600px;background-size:contain;
    }
}
@media screen and (max-width: 1024px) {
    .threefair{
        width: 96%;
        height: 530px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 434px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 434px; border:0px solid red;margin-left: 33px;
    }
    .threeimage{
        width: 100%;height: 434px;background-size:contain;
    }
}
@media screen and (max-width: 984px) {
    .threefair{
        width: 96%;
        height: 530px;
        border:0px solid red;
    }
    .threeleft{
        width: 31%;height: 434px; border:0px solid red;
    }
    .threeright{
        width: 31%;height: 434px; border:0px solid red;margin-left: 32px;
    }
    .threeimage{
        width: 100%;height: 434px;background-size:contain;
    }
}
/*设计广场*/
@media screen and (max-width: 1920px) {
    .sjgcPC{
        width:92%;
        background-repeat:no-repeat;
        background-position: center 60%;
        background-size: cover;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        margin-top: 200px;
        margin-bottom: 20px;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 720px;
        cursor: pointer;
    }
}
@media screen and (max-width: 1440px) {
    .sjgcPC{
        width:94%;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        margin-top: 200px;
        margin-bottom: 20px;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 580px;
        cursor: pointer;
    }
}
@media screen and (max-width: 767px) {
    .sjgcPC{
        width:94%;
        height: 147.9px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
@media screen and (max-width: 480px) {
    .sjgcPC{
        width:94%;
        height: 208px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
@media screen and (max-width: 414px) {
    .sjgcPC{
        width:94%;
        height: 181px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
@media screen and (max-width: 375px) {
    .sjgcPC{
        width:94%;
        height: 164px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
@media screen and (max-width: 360px) {
    .sjgcPC{
        width:94%;
        height: 157px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
@media screen and (max-width: 359px) {
    .sjgcPC{
        width:94%;
        height: 147.9px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
@media screen and (max-width: 320px) {
    .sjgcPC{
        width:94%;
        height: 139px;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: contain;
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/%E9%A6%96%E9%A1%B5%E5%B9%BB%E7%81%AF/DesignSquare.jpg);
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        cursor: pointer;
    }
}
/*图片云播*/
@media screen and (max-width: 1920px) {
    .ysy{
        width: 92%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/xianchangshengkuangPC.jpg);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 550px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: 30% 30%;
        background-size: cover;
    }
}
@media screen and (max-width: 1680px) {
    .ysy{
        width: 92%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/xianchangshengkuangPC.jpg);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 480px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: 30% 30%;
        background-size: cover;
    }
}
@media screen and (max-width: 1600px) {
    .ysy{
        width: 92%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/xianchangshengkuangPC.jpg);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 460px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: 30% 30%;
        background-size: cover;
    }
}
@media screen and (max-width: 1440px) {
    .ysy{
        width: 94%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/xianchangshengkuangPC.jpg);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 424px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
    }
}
@media screen and (max-width: 1366px) {
    .ysy{
        width: 94%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/xianchangshengkuangPC.jpg);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 404px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
    }
}
@media screen and (max-width: 1280px) {
    .ysy{
        width: 94%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/xianchangshengkuangPC.jpg);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 40px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 375px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
    }
}
@media screen and (max-width: 767px) {
    .ysy{
        width: 94%;
    }
    .tpyb{
        background-image:url(https://qiff.oss-cn-beijing.aliyuncs.com/Media/2022QIFF/shengkuang2022.jpg?System.DateTime.Now);
        margin-bottom: 120px;
        width:100%;
        margin:auto;
        border-radius: 20px;
        box-shadow: 5px 5px 15px #999;
        border:0px solid white;
        height: 215px;
        cursor: pointer;
        background-repeat:no-repeat;
        background-position: center center;
        background-size: cover;
    }
}
/*首页形象图三个按钮*/
.exbtime img:hover{
    -webkit-filter:brightness(1.1);
}
.distime img:hover{
    -webkit-filter:brightness(1.1);
}
.join img:hover{
    -webkit-filter:brightness(1.1);
}
@media screen and (max-width: 1920px) {
    .threebutton{
        width: 28%;
        height: 156px;
        border:0px solid red;
        margin-left: 63%;
        top: 820px;
        z-index: 9;
        position: absolute;
    }
    .exbtime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .distime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .join{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height:120px;
        margin:auto;
        cursor:pointer;
    }
    .exbt{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .dist{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .jost{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .exbtime img{
        width: 45%;
        height:auto;
        margin-top: 30px;
        margin-left: 45px;
    }
    .distime img{
        width: 45%;
        height:auto;
        margin-top: 30px;
        margin-left: 45px;
    }
    .join img{
        width: 45%;
        height:auto;
        margin-top: 30px;
        margin-left: 45px;
        cursor:pointer;
    }
}
@media screen and (max-width: 1680px) {
    .threebutton{
        width: 28%;
        height: 156px;
        border:0px solid red;
        margin-left: 63%;
        top: 750px;
        z-index: 9;
        position: absolute;
    }
    .exbtime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .distime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .join{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height:120px;
        margin:auto;
        cursor:pointer;
    }
    .exbt{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .dist{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .jost{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .exbtime img{
        width: 45%;
        height:auto;
        margin-top: 35px;
        margin-left: 40px;
    }
    .distime img{
        width: 45%;
        height:auto;
        margin-top: 35px;
        margin-left: 40px;
    }
    .join img{
        width: 45%;
        height:auto;
        margin-top: 35px;
        margin-left: 40px;
        cursor:pointer;
    }
}
@media screen and (max-width: 1600px) {
    .threebutton{
        width: 28%;
        height: 156px;
        border:0px solid red;
        margin-left: 63%;
        top: 700px;
        z-index: 9;
        position: absolute;
    }
    .exbtime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .distime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .join{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height:120px;
        margin:auto;
        cursor:pointer;
    }
    .exbt{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .dist{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .jost{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .exbtime img{
        width: 45%;
        height:auto;
        margin-top: 45px;
        margin-left: 38px;
    }
    .distime img{
        width: 45%;
        height:auto;
        margin-top: 45px;
        margin-left: 38px;
    }
    .join img{
        width: 45%;
        height:auto;
        margin-top: 45px;
        margin-left: 38px;
        cursor:pointer;
    }
}
@media screen and (max-width: 1440px) {
    .threebutton{
        width: 28%;
        height: 156px;
        border:0px solid red;
        margin-left: 65%;
        top: 630px;
        z-index: 9;
        position: absolute;
    }
    .exbtime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .distime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .join{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height:120px;
        margin:auto;
        cursor:pointer;
    }
    .exbt{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .dist{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .jost{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .exbtime img{
        width: 60%;
        height:auto;
        margin-top: 35px;
        margin-left: 25px;
    }
    .distime img{
        width: 60%;
        height:auto;
        margin-top: 35px;
        margin-left: 25px;
    }
    .join img{
        width: 60%;
        height:auto;
        margin-top: 35px;
        margin-left: 25px;
        cursor:pointer;
    }
}
@media screen and (max-width: 1366px) {
    .threebutton{
        width: 28%;
        height: 156px;
        border:0px solid red;
        margin-left: 65%;
        top: 610px;
        z-index: 9;
        position: absolute;
    }
    .exbtime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .distime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .join{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height:120px;
        margin:auto;
        cursor:pointer;
    }
    .exbt{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .dist{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .jost{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .exbtime img{
        width: 55%;
        height:auto;
        margin-top: 45px;
        margin-left: 25px;
    }
    .distime img{
        width: 55%;
        height:auto;
        margin-top: 45px;
        margin-left: 25px;
    }
    .join img{
        width: 55%;
        height:auto;
        margin-top: 45px;
        margin-left: 25px;
        cursor:pointer;
    }
}
@media screen and (max-width: 1280px) {
    .threebutton{
        width: 28%;
        height: 156px;
        border:0px solid red;
        margin-left: 65%;
        top: 540px;
        z-index: 9;
        position: absolute;
    }
    .exbtime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .distime{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height: 120px;
        margin:auto;
    }
    .join{
        border:0px solid white;
        display: inline-block;
        width: 32%;
        height:120px;
        margin:auto;
        cursor:pointer;
    }
    .exbt{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .dist{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .jost{
        height:30px;
        width: 32%;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: white;
        font-weight: bold;
        text-align: center;
    }
    .exbtime img{
        width: 55%;
        height:auto;
        margin-top: 50px;
        margin-left: 25px;
    }
    .distime img{
        width: 55%;
        height:auto;
        margin-top: 50px;
        margin-left: 25px;
    }
    .join img{
        width: 55%;
        height:auto;
        margin-top: 50px;
        margin-left: 25px;
        cursor:pointer;
    }
}
/*隐藏导航栏*/
.disbar{
    margin:auto;
    width: 100%;
    position:fixed;
    height: 90px;
    top:0%;
    background: white;
    z-index: 0;
    opacity: 0;
}
@media screen and (max-width: 1920px) {
    .Indexfugai{
        width:92%;
        height: 780px;
        margin-left:4%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        border-radius: 30px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 23%;
        height: 80%;
        z-index: 10;
        position: absolute;
        left: 75%;
        margin-top: 7%;
    }
}
@media screen and (max-width: 1680px) {
    .Indexfugai{
        width:92%;
        height: 750px;
        margin-left:4%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        border-radius: 30px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 25%;
        height: 72%;
        z-index: 10;
        position: absolute;
        left: 75%;
        margin-top: 10%;
    }
}
@media screen and (max-width: 1600px) {
    .Indexfugai{
        width:92%;
        height: 935px;
        margin-left:4%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        border-radius: 30px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 25%;
        height: 65%;
        z-index: 10;
        position: absolute;
        left: 75%;
        margin-top: 10%;
    }
}
@media screen and (max-width: 1440px) {
    .Indexfugai{
        width:94%;
        height: 630px;
        margin-left:3%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        border-radius: 30px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 24%;
        height: 74%;
        z-index: 10;
        position: absolute;
        left: 75%;
        margin-top: 10%;
    }
}
@media screen and (max-width: 1280px) {
    .Indexfugai{
        width:94%;
        height: 720px;
        margin-left:3%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        border-radius: 30px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 25%;
        height: 68%;
        z-index: 10;
        position: absolute;
        left: 75%;
        margin-top: 8%;
    }
}
@media screen and (max-width: 1024px) {
    .Indexfugai{
        width:94%;
        height: 620px;
        margin-left:3%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        border-radius: 30px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 25%;
        height: 65%;
        z-index: 10;
        position: absolute;
        left: 77%;
        margin-top: 12%;
    }
}
@media screen and (max-width: 767px) {
    .Indexfugai{
        width:94%;
        height: 720px;
        margin-left:3%;
        clear: both;
        margin-top: 55px;
        margin-bottom: 50px;
        position: absolute;
        z-index: 9;
        border:0px solid red
    }
    .Indexfugai>img{
        width: 25%;
        height: 68%;
        z-index: 10;
        position: absolute;
        left: 75%;
        margin-top: 8%;
    }
}
@media screen and (max-width: 1920px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 70.5%;
        margin-top:28%;
        font-size:22px;
    }
}
@media screen and (max-width: 1680px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 71.5%;
        margin-top:30.5%;
        font-size:21px;
    }
}
@media screen and (max-width: 1600px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 71.5%;
        margin-top:34.5%;
        font-size:21px;
    }
}
@media screen and (max-width: 1440px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 71%;
        margin-top:30.5%;
        font-size:17px;
    }
}
@media screen and (max-width: 1366px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 71%;
        margin-top:31.5%;
        font-size:17px;
    }
}
@media screen and (max-width: 1280px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 71.5%;
        margin-top:32%;
        font-size:17px;
    }
}
@media screen and (max-width: 1024px) {
    .daojishi-shijian{
        width: 32%;
        height:30px;
        border:0px solid yellow;
        display: inline-block;
        margin:auto;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-left: 73.5%;
        margin-top:37%;
        font-size:15px;
    }
}
@media screen and (max-width: 1920px) {
    .TPZB{
        border:0px solid red;
        width:5%;
        height:11%;
        z-index: 999999;
        left: 84%;
        margin-top:386px;
        position: absolute;
        cursor:pointer;
    }
    .ExJoin{
        border:0px solid red;
        width:5%;
        height:12%;
        z-index: 999999;
        left: 84%;
        margin-top:566px;
        position: absolute;
        cursor:pointer;
    }
}
@media screen and (max-width: 1680px) {
    .TPZB{
        border:0px solid red;
        width:5%;
        height:11%;
        z-index: 999999;
        left: 85%;
        margin-top:376px;
        position: absolute;
        cursor:pointer;
    }
    .ExJoin{
        border:0px solid red;
        width:5%;
        height:11%;
        z-index: 999999;
        left: 85%;
        margin-top:536px;
        position: absolute;
        cursor:pointer;
    }
}
@media screen and (max-width: 1600px) {
    .TPZB{
        border:0px solid red;
        width:5%;
        height:8.5%;
        z-index: 999999;
        left: 85%;
        margin-top:396px;
        position: absolute;
        cursor:pointer;
    }
    .ExJoin{
        border:0px solid red;
        width:5%;
        height:8%;
        z-index: 999999;
        left: 85%;
        margin-top:576px;
        position: absolute;
        cursor:pointer;
    }
}
@media screen and (max-width: 1440px) {
    .TPZB{
        border:0px solid red;
        width:5%;
        height:9%;
        z-index: 999999;
        left: 84%;
        margin-top:326px;
        position: absolute;
        cursor:pointer;
    }
    .ExJoin{
        border:0px solid red;
        width:5%;
        height:9%;
        z-index: 999999;
        left: 84%;
        margin-top:466px;
        position: absolute;
        cursor:pointer;
    }
    @media screen and (max-width: 1366px) {
        .ExJoin{
            border:0px solid red;
            width:5%;
            height:9%;
            z-index: 999999;
            left: 84%;
            margin-top:456px;
            position: absolute;
            cursor:pointer;
        }
        .TPZB{
            border:0px solid red;
            width:5%;
            height:9%;
            z-index: 999999;
            left: 84%;
            margin-top:326px;
            position: absolute;
            cursor:pointer;
        }
    }
    @media screen and (max-width: 1280px) {
        .ExJoin{
            border:0px solid red;
            width:5%;
            height:9%;
            z-index: 999999;
            left: 84.5%;
            margin-top:436px;
            position: absolute;
            cursor:pointer;
        }
        .TPZB{
            border:0px solid red;
            width:5%;
            height:9%;
            z-index: 999999;
            left: 84.5%;
            margin-top:296px;
            position: absolute;
            cursor:pointer;
        }
    }
    @media screen and (max-width: 1024px) {
        .ExJoin{
            border:0px solid red;
            width:5%;
            height:9%;
            z-index: 999999;
            left: 86.5%;
            margin-top:20px;
            position: absolute;
            cursor:pointer;
        }

    }