/*整体开始*/
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: none;
}

/*为了照顾ie6 链接图片有边框*/
ul,
ol {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: 'SimSun', '宋体';
}

select,
input {
    vertical-align: middle;
}

select,
input,
textarea {
    font-size: 12px;
    margin: 0;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

body {
    font-size: 12px;
    color: #333;
    font-family: 'Microsoft YaHei', '微软雅黑', 'SimHei', '黑体', 'SimSun', '宋体';
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

video embed,
video object,
video iframe {
    width: 100%;
    height: auto;
}

* {
    margin: 0px;
    padding: 0px;
}

div {
    display: block;
}

body {
    background: #fff;
}

html {
    color: #666;
}

html,
body {
    width: 100%;
}

/* banner */
.wm_banner {
    width: 100%;
    height: 790px;
    background: url(../images/wm_banner.jpg) top center no-repeat;
}

.wm_banner .wm_banner1 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.wm_banner1 .wm_tit {
    width: 70%;
    position: absolute;
    left: 15%;
    margin-top: 120px;
}

.wm_tit img {
    width: 100%;
}

.wm_banner1 .wm_tit1 {
    width: 50%;
    position: absolute;
    left: 25%;
    margin-top: 600px;
}

/* 瀵艰埅 */
.wm_nav {
    width: 100%;
    background: url(../images/wm_nav.jpg) top center no-repeat;
}

.wm_nav .wm_nav1 {
    width: 1200px;
    margin: 0 auto;
}

.wm_nav1 ul {
    width: 100%;
    overflow: hidden;
    padding: 39px 0px;
}

.wm_nav1 ul li {
    margin: 0px 20px;
    float: left;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 22px;
    border-radius: 10px;
}

.wm_nav1 ul li a {
    color: #fff;
}

.wm_nav1 ul li:hover {
    background: #8633fc;
}

/* 鏂伴椈 */
.wm_news {
    width: 100%;
    background: url(../images/wm_news.jpg) top center no-repeat;
}

.wm_news .wm_news1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0px;
}

/* 宸︿晶 */
.hz_ql {
    width: 670px;
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
}

.swiper-container1 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container1 .swiper-slide {
    width: 100%;
    height: 410px;
    overflow: hidden;
}

.swiper-container1 .swiper-slide img {
    width: 100%;
}

.swiper-container1 .swiper-slide p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 16px;
}

.swiper-container1 .swiper-pagination1 {
    width: 20%;
    left: 80%;
    z-index: 9999;
    position: absolute;
    text-align: center;
}

.swiper-container1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.8;
}

.swiper-container1 .swiper-pagination-bullet-active {
    background: #d3b343;
}

/*鍙充晶*/
.news_r {
    width: 480px;
    float: right;
    padding-right: 50px;
    box-sizing: border-box;
}

.news_r ul {
    width: 100%;
    margin-top: 20px;
}

.news_r ul li {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    overflow: hidden;
    background: url(../images/wm_icon.png) left center no-repeat;
    padding-left: 20px;
}

.news_r ul li a {
    color: #fff;
}

.news_r ul li:hover a {
    text-decoration: underline;
}

.news_r1 {
    width: 100%;
}

.news_r1 h1 {
    font-size: 22px;
    height: 68px;
    line-height: 34px;
    overflow: hidden;
}

.news_r1 h1:hover {
    text-decoration: underline;
}

.news_r1 h1 a {
    color: #fff;
}

.news_r1 p {
    font-size: 12px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 24px;
    color: #fff;
    border-bottom: 1px dashed #5321a0;
}

.news_r1 p a {
    color: #fff;
}

.news_r1 p:hoevr {
    text-decoration: underline;
}

/* 鍏稿瀷浜嬩緥 */
.wm_sl {
    width: 100%;
    background: url(../images/wm_dxsl.jpg) top center no-repeat;
}

.wm_sl .wm_sl1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0px 50px 0px;
}

.sl_tit {
    width: 100%;
    text-align: center;
}

.sl_main {
    width: 100%;
    background: url(../images/wm_sl1.png) top left no-repeat;
    margin-top: 30px;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
}

/* 宸︿晶 */
.sl_l {
    width: 240px;
    float: left;
}

.sl_l ul {
    width: 270px;
    padding-left: 20px;
    padding-bottom: 40px;
    box-sizing: border-box;
    position: absolute;
}

.sl_l ul li {
    width: 100%;
    background: url(../images/sl_icon.png) left top no-repeat;
    font-size: 22px;
    line-height: 47px;
    margin-top: 30px;
}

.sl_l ul li a {
    color: #fff;
    padding-left: 20px;
}

.sl_l .wm_cur {
    background: url(../images/sl_icon1.png) left top no-repeat;
}

/* 鍙充晶 */
.sl_r {
    width: 960px;
    height: 504px;
    float: right;
    overflow: hidden;
}

.sl_r .sl_r1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sl_r1 .sl_rl {
    width: 700px;
    height: 100%;
    float: left;
}

.sl_rl img {
    width: 100%;
    height: 100%;
}

.sl_r1 .sl_rr {
    width: 260px;
    float: left;
    padding: 20px 10px 20px 15px;
    box-sizing: border-box;
}

.sl_rr ul {
    width: 100%;
    margin-top: 20px;
}

.sl_rr ul li {
    width: 100%;
    height: 60px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    background: url(../images/wm_icon.png) left 12px no-repeat;
    padding-left: 15px;
    margin-top: 10px;
    box-sizing: border-box;
}

.sl_rr ul li a {
    color: #333;
}

.sl_rr ul li:hover a {
    text-decoration: underline;
}

.sl_con {
    width: 100%;
}

.sl_con h1 {
    font-size: 22px;
    height: 68px;
    line-height: 34px;
    overflow: hidden;
}

.sl_con h1:hover {
    text-decoration: underline;
}

.sl_con h1 a {
    color: #333;
}

.sl_con p {
    font-size: 14px;
    height: 144px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 15px;
    padding-bottom: 24px;
    color: #333;
    border-bottom: 1px dashed #5321a0;
}

.sl_con p a {
    color: #333;
}

.sl_con p:hoevr {
    text-decoration: underline;
}

/* 涓€鍥捐鎳  */
.wm_yt {
    width: 100%;
    background: url(../images/wm_yt.jpg) top center no-repeat;
}

.wm_yt .wm_yt1 {
    width: 1050px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0px 50px 0px;
}

.swiper-container4 {
    width: 100%;
    margin-top: 58px;
    padding-bottom: 80px;
    position: relative;
}

.swiper-container4 .swiper-slide {
    position: relative;
}

.swiper-container4 .swiper-slide img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.swiper-container4 .swiper-slide p {
    width: 100%;
    height: 84px;
    line-height: 84px;
    overflow: hidden;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
}

.sf_prev {
    width: 23px;
    height: 41px;
    position: absolute;
    bottom: 0;
    left: 40%;
    background: url(../images/wm_prev.png) no-repeat;
    z-index: 99;
    cursor: pointer;
    background-size: 100% 100%;
}

.sf_next {
    width: 23px;
    height: 41px;
    position: absolute;
    bottom: 0;
    right: 40%;
    background: url(../images/wm_next.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
}

.swiper-container4 .swiper-pagination {
    bottom: 10px;
}

.swiper-container4 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: #626262;
    opacity: 1;
}

.swiper-container4 .swiper-pagination-bullet-active {
    width: 40px;
    height: 15px;
}

/* 姒滄牱椋庨噰 */
.wm_by {
    width: 100%;
    background: url(../images/wm_by.jpg) top center no-repeat;
}

.wm_by .wm_by1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0px 50px 0px;
}

.swiper-container2 {
    width: 100%;
    margin-top: 58px;
    padding-bottom: 80px;
    position: relative;
}

.swiper-container2 .swiper-slide {
    width: 100%;
}

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

.by_con li {
    width: 23%;
    float: left;
    margin-right: 2.66%;
}

.by_con li:last-child {
    margin-right: 0;
}

.by_con li a {
    width: 100%;
    display: block;
}

.swiper-container2 .by_con li img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.swiper-container2 .by_con li p {
    width: 100%;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    background: url(../images/by_icon.png) left center no-repeat;
    padding-left: 48px;
    box-sizing: border-box;
}

.swiper-container2 .swiper-pagination {
    bottom: 10px;
}

.swiper-container2 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: #626262;
    opacity: 1;
}

.swiper-container2 .swiper-pagination-bullet-active {
    background: #5440ab;
}

.wmx_jy2 {
    display: none;
}

/*点赞*/
svg.like {
    position: absolute;
    z-index: 10;
    top: calc(50vh - 160px);
    left: calc(50vw - 160px);
    border-radius: 100%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    box-shadow: 0 0 250px rgba(0, 0, 0, 0.4);
    background: #212121;
    cursor: pointer;
}

svg.fly {
    position: absolute;
    top: 39%;
    left: 47%;
    fill: #18ffff;
}

svg.h {
    position: absolute;
    z-index: 8;
    top: 40%;
    left: 50%;
    fill: #fbff00;
}

svg.h.h-5,
svg.h.h-6,
svg.h.h-7,
svg.h.h-8 {
    fill: #00ffb8;
}

div.dot {
    width: 12px;
    height: 12px;
    background: white;
    position: absolute;
    z-index: 9;
    border-radius: 100%;
    top: 40%;
    left: 50%;
}

div.dot1 {
    width: 12px;
    height: 12px;
    background: white;
    position: absolute;
    z-index: 9;
    border-radius: 100%;
    top: 40%;
    left: 50%;
}

div.dot:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    top: -20px;
    left: 2px;
    position: absolute;
    background: white;
}

div.dot:after {
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 100%;
    top: -160px;
    left: 2px;
    position: absolute;
    background: white;
    display: none;
}

body.liked svg.like {
    -webkit-animation: blink 1s forwards;
    animation: blink 1s forwards;
}

body.liked svg.fly.fly-1 {
    -webkit-animation: fly-1 1s 0.1s;
    animation: fly-1 1s 0.1s;
}

body.liked svg.fly.fly-2 {
    -webkit-animation: fly-2 1s 0.1s;
    animation: fly-2 1s 0.1s;
}

body.liked svg.h {
    transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, fill 0.2s 1s,
        opacity 0.2s 1.2s, -webkit-transform 0.2s 1s;
    transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, transform 0.2s 1s,
        fill 0.2s 1s, opacity 0.2s 1.2s;
    transition: margin cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s, transform 0.2s 1s,
        fill 0.2s 1s, opacity 0.2s 1.2s, -webkit-transform 0.2s 1s;
    opacity: 0;
}

body.liked svg.h.h-5,
body.liked svg.h.h-6,
body.liked svg.h.h-7,
body.liked svg.h.h-8 {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    fill: white;
}

body.liked svg.h.h-1 {
    margin-top: -200px;
}

body.liked svg.h.h-2 {
    margin-left: 200px;
}

body.liked svg.h.h-3 {
    margin-top: 200px;
}

body.liked svg.h.h-4 {
    margin-left: -200px;
}

body.liked svg.h.h-5 {
    margin-top: -140px;
    margin-left: 140px;
}

body.liked svg.h.h-6 {
    margin-top: 140px;
    margin-left: 140px;
}

body.liked svg.h.h-7 {
    margin-top: -140px;
    margin-left: -140px;
}

body.liked svg.h.h-8 {
    margin-top: 140px;
    margin-left: -140px;
}

body.liked div.dot {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    background: #00e5ff;
    transition: opacity 0.5s 1s, background 0.1s 0.2s, -webkit-transform 1s;
    transition: transform 1s, opacity 0.5s 1s, background 0.1s 0.2s;
    transition: transform 1s, opacity 0.5s 1s, background 0.1s 0.2s,
        -webkit-transform 1s;
}

body.liked div.dot:after {
    display: block;
}

body.liked div.dot.dot-2 {
    -webkit-transform: rotate(45deg) translateY(-100px);
    transform: rotate(45deg) translateY(-100px);
}

body.liked div.dot.dot-3 {
    -webkit-transform: rotate(90deg) translateY(-100px);
    transform: rotate(90deg) translateY(-100px);
}

body.liked div.dot.dot-4 {
    -webkit-transform: rotate(135deg) translateY(-100px);
    transform: rotate(135deg) translateY(-100px);
}

body.liked div.dot.dot-5 {
    -webkit-transform: rotate(180deg) translateY(-100px);
    transform: rotate(180deg) translateY(-100px);
}

body.liked div.dot.dot-6 {
    -webkit-transform: rotate(225deg) translateY(-100px);
    transform: rotate(225deg) translateY(-100px);
}

body.liked div.dot.dot-7 {
    -webkit-transform: rotate(270deg) translateY(-100px);
    transform: rotate(270deg) translateY(-100px);
}

body.liked div.dot.dot-8 {
    -webkit-transform: rotate(305deg) translateY(-100px);
    transform: rotate(305deg) translateY(-100px);
}

@-webkit-keyframes blink {
    10% {
        -webkit-transform: scale(0.42);
        transform: scale(0.42);
        background: #8815b7;
    }

    100% {
        background: #e01f4f;
    }
}

@keyframes blink {
    10% {
        -webkit-transform: scale(0.42);
        transform: scale(0.42);
        background: #8815b7;
    }

    100% {
        background: #e01f4f;
    }
}

@-webkit-keyframes fly-1 {
    25% {
        margin: -100px 0 0 100px;
    }

    75% {
        margin: 100px 0 0 -100px;
        z-index: 5;
    }

    100% {
        z-index: 11;
    }
}

@keyframes fly-1 {
    25% {
        margin: -100px 0 0 100px;
    }

    75% {
        margin: 100px 0 0 -100px;
        z-index: 5;
    }

    100% {
        z-index: 11;
    }
}

@-webkit-keyframes fly-2 {
    25% {
        margin: -100px 0 0 -100px;
    }

    75% {
        margin: 100px 0 0 100px;
        z-index: 5;
    }

    100% {
        z-index: 11;
    }
}

@keyframes fly-2 {
    25% {
        margin: -100px 0 0 -100px;
    }

    75% {
        margin: 100px 0 0 100px;
        z-index: 5;
    }

    100% {
        z-index: 11;
    }
}

/* 鏅硶璁插爞 */
.wm_pf {
    width: 100%;
    background: url(../images/wm_pf.jpg) bottom center no-repeat;
}

.wm_pf .wm_pf1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0px 50px 0px;
    position: relative;
}

.swiper-container3 {
    width: 1060px;
    margin: 0 auto;
    margin-top: 58px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.swiper-container3 .swiper-slide {
    width: 100%;
}

.swiper-container3 .swiper-slide ul {
    width: 100%;
    overflow: hidden;
}

.swiper-container3 .swiper-slide ul li {
    width: 23%;
    float: left;
    margin-right: 2.66%;
}

.swiper-container3 .swiper-slide ul li:last-child {
    margin-right: 0;
}

.swiper-container3 .swiper-slide ul li img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.wm_prev {
    width: 23px;
    height: 41px;
    position: absolute;
    top: 50%;
    left: 10px;
    background: url(../images/wm_prev.png) no-repeat;
    z-index: 99;
    cursor: pointer;
    background-size: 100% 100%;
}

.wm_next {
    width: 23px;
    height: 41px;
    position: absolute;
    top: 50%;
    right: 10px;
    background: url(../images/wm_next.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
}

/* 鍦ㄧ嚎杈熻埃 */
.wm_py {
    width: 100%;
    margin-top: 60px;
}

.wm_py .wm_py1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.maing {
    overflow: hidden;
    float: left;
    width: 544px;
}

.maind {
    width: 100%;
}

.maingb {
    width: 100%;
    padding-top: 20px;
}

.maingb ul {
    width: 100%;
    overflow: hidden;
}

.maingb ul li {
    float: left;
    overflow: hidden;
    width: 544px;
    margin: 10px 0px 0px;
}

.maingb ul li.first {
    width: 268px;
}

.maingb ul li.second {
    width: 268px;
    margin-left: 8px;
}

.maingb ul li img {
    display: block;
}

.mainh {
    float: right;
    width: 608px;
}

.maingc {
    width: 100%;
    padding-top: 30px;
}

.maingc h3 {
    line-height: 48px;
    font-size: 28px;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.maingc p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 44px;
    margin: 20px 0px 0px;
    text-align: justify;
}

.maingc .btn {
    display: block;
    margin: 26px auto 28px;
    padding-left: 40px;
    box-sizing: border-box;
    width: 158px;
    height: 55px;
    line-height: 53px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    border: 3px solid #3a61d2;
    float: right;
    color: #0f199e;
    background: url(../images/tb_icon.png) 10px center no-repeat;
}

/* 搴曢儴 */
.wm_bot {
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    width: 100%;
    background: #575757;
    margin-top: 60px;
    padding: 10px 0px 40px 0px;
}

.wm_bot .wm_bot1 {
    width: 1200px;
    margin: 0 auto;
}

.wm_bot1 p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
}

/* 鍏泭璁插爞 */
.wm_gy {
    width: 100%;
    background: url(./images/wm_gy.jpg) bottom center no-repeat;
}

.wm_gy .wm_gy1 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0px 30px 0px;
    position: relative;
}

.view {
    width: 980px;
    float: left;
    margin-top: 40px;
}

.view .swiper-container {
    width: 100%;
}

.view .swiper-slide img {
    width: 100%;
    height: 560px;
}

.view .swiper-slide p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    color: #fff;
    margin-top: 30px;
    font-size: 26px;
    text-align: center;
}

.view .swiper-slide p:hover {
    text-decoration: underline;
}

.view .arrow-left {
    background: url(../images/index_tab_l.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.view .arrow-right {
    background: url(../images/index_tab_r.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.preview {
    width: 170px;
    margin-top: 50px;
    position: relative;
    float: right;
    margin-right: 25px;
    padding: 110px 0px 40px 0px;
}

.preview .swiper-container {
    width: 166px;
    height: 472px;
    margin-left: 35px;
    margin: 0 auto;
    overflow: hidden;
}

.preview .swiper-slide {
    width: 100%;
    height: 98px;
    cursor: pointer;
    margin-top: 20px;
}

.preview .swiper-slide img {
    width: 100%;
    height: 100%;
}

.preview .arrow-left {
    background: url(../images/gy_prev.png) no-repeat left top;
    position: absolute;
    left: 35%;
    top: 90px;
    width: 45px;
    height: 26px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../images/gy_next.png) no-repeat left bottom;
    position: absolute;
    left: 35%;
    bottom: 0;
    margin-top: -9px;
    width: 45px;
    height: 26px;
    z-index: 10;
}

.preview img {
    padding: 1px;
}

.preview .active-nav img {
    padding: 0;
    border: 1px solid #f00;
}

/* 缃戞皯瀵勮 */

.wm_jy {
    width: 100%;
    height: 900px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

}

.wm_jy img {
    width: 100%;
    height: 100%;
    position: absolute;
    image-rendering: auto;
}

.screen {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0px auto 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.barBox {
    margin-top: 10px;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.barrage {
    padding: 0 15px 0 5px;
    width: auto;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 80px;
    box-sizing: border-box;
    line-height: 80px;
}

.barTxt {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}

.barTxt:hover {
    color: #fff;
    text-decoration: none;
}

.wm_jy .wm_jy1 {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0px 30px 0px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -600px;
}

.jy_dz {
    width: 248px;
    height: 248px;
    padding: 30px 0px 30px 0px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -124px;
    z-index: 99999;
    cursor: pointer;
}

.jy_dz img {
    width: 100%;
}

.jy_dz h1 {
    width: 100%;
    position: absolute;
    top: 47%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.jy_dz p {
    width: 100%;
    position: absolute;
    top: 65%;
    font-size: 13px;
    text-align: center;
    color: #fff;
}

.tubiao1 {
    z-index: 9999;
    position: absolute;
    z-index: 85;
    cursor: pointer;
    transition: all ease-in 0.5s;
}

.tubiao1 img {
    position: relative;
    z-index: 6;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
}

.tubiao1::before {
    content: '';
    display: block;
    position: absolute;
    background: #ffffff;
    opacity: 1;
    border-radius: 0%;
    width: 100%;
    height: 100%;
    top: 70%;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: circle-opacity1 1.5s infinite;
    z-index: 2;
}

@keyframes circle-opacity1 {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

@keyframes circle-opacity2 {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

.tubiao1::after {
    content: '';
    display: block;
    position: absolute;
    background: #ffffff;
    opacity: 1;
    border-radius: 0%;
    width: 100%;
    height: 100%;
    top: 70%;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: circle-opacity2 1.5s infinite;
    animation-delay: 1s;
    z-index: 2;
}

.jy_con {
    left: 30px;
    top: 20px;
    width: 86px;
    height: 45px;
}

.jy_con1 {
    left: 0px;
    top: 100px;
    width: 42px;
    height: 41px;
}

.jy_con2 {
    left: 10px;
    top: 180px;
    width: 80px;
    height: 49px;
}

.jy_con3 {
    left: 140px;
    top: 280px;
    width: 42px;
    height: 41px;
}

.jy_con4 {
    left: 30px;
    top: 400px;
    width: 80px;
    height: 49px;
}

.jy_con5 {
    left: 30px;
    top: 580px;
    width: 42px;
    height: 41px;
}

.jy_con6 {
    left: 280px;
    top: 520px;
    width: 80px;
    height: 49px;
}

.jy_con7 {
    left: 480px;
    top: 680px;
    width: 42px;
    height: 41px;
}

.jy_con8 {
    left: 610px;
    top: 755px;
    width: 42px;
    height: 41px;
}

.jy_con9 {
    left: 630px;
    top: 560px;
    width: 42px;
    height: 41px;
}

.jy_con10 {
    left: 650px;
    top: 630px;
    width: 80px;
    height: 49px;
}

.jy_con11 {
    left: 800px;
    top: 680px;
    width: 80px;
    height: 49px;
}

.jy_con12 {
    left: 800px;
    top: 500px;
    width: 42px;
    height: 41px;
}

.jy_con13 {
    left: 820px;
    top: 400px;
    width: 80px;
    height: 49px;
}

.jy_con14 {
    left: 1020px;
    top: 300px;
    width: 42px;
    height: 41px;
}

.jy_con15 {
    left: 1120px;
    top: 430px;
    width: 42px;
    height: 41px;
}

.jy_con16 {
    left: 1050px;
    top: 200px;
    width: 80px;
    height: 49px;
}

.jy_con17 {
    left: 1055px;
    top: 76px;
    width: 80px;
    height: 49px;
}

.jy_con18 {
    left: 1030px;
    top: 0px;
    width: 42px;
    height: 41px;
}

.wmx_banner {
    display: none;
}

@media (min-width: 640px) and (max-width: 1200px) {
    body {
        min-width: 1200px;
    }
}

@media screen and (max-width: 640px) {
    .wmx_banner {
        display: block;
        width: 100%;
    }

    .wmx_banner img {
        width: 100%;
        display: block;
    }

    .wm_banner {
        display: none;
    }

    /* 瀵艰埅	 */
    .wm_nav {
        background: #581eb3;
    }

    .wm_nav .wm_nav1 {
        width: 96%;
    }

    .wm_nav1 ul {
        padding: 10px 0px;
    }

    .wm_nav1 ul li {
        width: 25%;
        margin: 0px;
        font-size: 16px;
        text-align: center;
    }

    /* 鏂伴椈 */
    .wm_news {
        background: #886bc2;
    }

    .wm_news .wm_news1 {
        width: 96%;
        padding: 30px 0px;
    }

    .hz_ql {
        width: 100%;
        padding-left: 0px;
    }

    .swiper-container1 .swiper-slide {
        height: 220px;
    }

    .swiper-container1 .swiper-slide p {
        font-size: 14px;
    }

    .news_r {
        width: 100%;
        padding-right: 0px;
    }

    .news_r1 h1 {
        font-size: 16px;
        height: 34px;
    }

    .news_r1 p {
        margin-top: 0px;
        padding-bottom: 14px;
    }

    .news_r ul {
        margin-top: 5px;
    }

    /* 鍏稿瀷浜嬭抗 */
    .wm_sl {
        background: none;
    }

    .wm_sl .wm_sl1 {
        width: 96%;
        padding: 10px 0px 0px 0px;
    }

    .sl_tit img {
        width: 100%;
    }

    .sl_l {
        width: 100%;
    }

    .sl_l ul {
        padding-left: 0px;
        overflow: hidden;
    }

    .sl_l ul li {
        background: #f57f43;
        width: 50%;
        font-size: 16px;
        float: left;
    }

    .sl_l .wm_cur {
        background: #5345e3;
    }

    .sl_main {
        margin-top: 10px;
    }

    .sl_l ul li {
        margin-top: 10px;
    }

    .sl_r {
        width: 100%;
        height: 442px;
        margin-top: 200px;
    }

    .sl_r1 .sl_rl {
        width: 100%;
    }

    .sl_r1 .sl_rl {
        height: 200px;
    }

    .sl_main {
        background: none;
    }

    .sl_r1 .sl_rr {
        width: 100%;
        padding: 0px;
    }

    .sl_con h1 {
        font-size: 16px;
        height: 34px;
    }

    .sl_con p {
        height: 96px;
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .sl_rr ul {
        margin-top: 10px;
    }

    .sl_rr ul li {
        height: 30px;
        margin-top: 0px;
    }

    /* 缃戞皯瀵勮 */
    .wm_jy {
        display: none;
    }

    .wmx_jy {
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .wmx_jy .wmx_jy1 {
        width: 150%;
        margin-left: -25%;
        display: block;
    }

    .jyx_dz {
        width: 22%;
        position: absolute;
        top: 20%;
        left: 39%;
        cursor: pointer;
    }

    .wmx_jy .jyx_dz img {
        width: 100%;
    }

    .jyx_dz h1 {
        width: 100%;
        position: absolute;
        top: 47%;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #fff;
    }

    .jyx_dz p {
        width: 100%;
        position: absolute;
        top: 65%;
        font-size: 12px;
        text-align: center;
        color: #fff;
    }

    .jyx_dz {
        width: 30%;
        position: absolute;
        top: 18%;
        left: 35%;
        cursor: pointer;
    }

    /* 涓€鍥捐鎳  */
    .wm_yt {
        background: none;
    }

    .wm_yt .wm_yt1 {
        width: 96%;
        padding: 10px 0px 0px 0px;
    }

    .swiper-container4 {
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .swiper-container4 .swiper-slide p {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .sf_next {
        width: 11px;
        height: 20px;
    }

    .sf_prev {
        width: 11px;
        height: 20px;
    }

    .swiper-container4 .swiper-pagination {
        bottom: 2px;
    }

    .swiper-container4 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .swiper-container4 .swiper-pagination-bullet-active {
        width: 20px;
    }

    /* 鍏泭璁插爞 */
    .wm_gy .wm_gy1 {
        width: 96%;
        padding: 0px;
    }

    .view {
        width: 100%;
    }

    .view .swiper-slide img {
        height: 200px;
    }

    .preview {
        display: none;
    }

    .view .swiper-slide p {
        margin-top: 0px;
        font-size: 14px;
    }

    /* 姒滄牱椋庨噰 */
    .wm_by .wm_by1 {
        width: 96%;
        padding: 0px;
    }

    .swiper-container2 {
        margin-top: 20px;
        padding-bottom: 50px;
    }

    .swiper-container2 .by_con li p {
        background: none;
        padding-left: 0px;
    }

    .by_con li {
        width: 48%;
        margin-right: 4%;
        margin-top: 10px;
    }

    .by_con li:nth-child(2) {
        margin-right: 0;
    }

    .by_con li:nth-child(4) {
        margin-right: 0;
    }

    /* 鏅硶璁插爞 */
    .wm_pf {
        background: none;
    }

    .wm_pf .wm_pf1 {
        width: 96%;
        padding: 0px;
    }

    .swiper-container3 {
        width: 100%;
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .swiper-container3 .swiper-slide ul li {
        width: 48%;
        margin-right: 4%;
        margin-top: 20px;
    }

    .swiper-container3 .swiper-slide ul li:nth-child(2n) {
        margin-right: 0;
    }

    /* 杈熻埃 */
    .wm_py {
        margin-top: 30px;
    }

    .wm_py .wm_py1 {
        width: 96%;
    }

    .maing {
        width: 100%;
    }

    .maind img {
        width: 100%;
    }

    .maingb ul li.first {
        width: 48%;
    }

    .maingb ul li.first img {
        width: 100%;
    }

    .maingb ul li.second {
        width: 48%;
        margin-left: 4%;
    }

    .maingb ul li.second img {
        width: 100%;
    }

    .maingb ul li {
        width: 100%;
    }

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

    .mainh {
        width: 100%;
        margin-top: 20px;
    }

    .maingc {
        padding-top: 10px;
    }

    .maingc h3 {
        font-size: 16px;
    }

    .maingc p {
        font-size: 14px;
        line-height: 24px;
        margin: 0px;
    }

    .maingc .btn {
        margin: 10px 0px;
    }

    .wm_bot {
        margin-top: 20px;
        padding: 10px 0px 10px 0px;
    }

    .wm_bot .wm_bot1 {
        width: 96%;
    }

    .wm_bot1 p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 0px;
    }

    .sl_l ul {
        width: 100%;
    }

    .jy_bc {
        width: 100%;
        position: absolute;
        top: 0;
    }

    .jy_bc1 {
        width: 100%;
        position: relative;
    }

    .jy_dm {
        font-size: 18px;
        color: #fff;
        position: absolute;
        font-weight: bold;
    }

    .jy_dm1 {
        top: 10px;
        animation: move4 18s linear infinite;
    }

    .jy_dm2 {
        top: 50px;
        animation: move1 18s linear infinite;
    }

    .jy_dm3 {
        top: 90px;
        animation: move 18s linear infinite;
    }

    .jy_dm4 {
        top: 130px;
        animation: move2 18s linear infinite;
    }

    .jy_dm5 {
        top: 170px;
        animation: move3 18s linear infinite;
    }

    .jy_dm6 {
        top: 210px;
        animation: move1 18s linear infinite;
    }

    @keyframes move {
        0% {
            transform: translateX(400px);
        }

        100% {
            transform: translateX(-300px);
        }
    }

    @keyframes move4 {
        0% {
            transform: translateX(500px);
        }

        100% {
            transform: translateX(-300px);
        }
    }

    @keyframes move1 {
        0% {
            transform: translateX(800px);
        }

        100% {
            transform: translateX(-400px);
        }
    }

    @keyframes move2 {
        0% {
            -webkit-transform: translateX(700px);
            transform: translateX(700px);
        }

        100% {
            transform: translateX(-200px);
        }
    }

    @keyframes move3 {
        0% {
            -webkit-transform: translateX(600px);
            transform: translateX(600px);
        }

        100% {
            transform: translateX(-200px);
        }
    }

    .wm_jy {
        display: block;
        background: none;
        height: 240px;
    }

    .wmx_jy2 {
        width: 150%;
        display: block;
        margin-left: -25%;
    }

    .wm_jy .wm_jy1 {
        width: 96%;
        left: 0;
        top: 0;
        padding: 0px;
        margin-left: 0px;
    }

    .sl_tit {
        width: 50%;
        margin-left: 25%;
    }

    svg.h {
        top: 22%;
    }

    div.dot {
        top: 32%;
    }

    /*.no-dis{
	position: absolute;
	top:0;
}*/
    .screen {
        position: absolute;
        top: 0;
    }

    .barTxt {
        font-size: 14px;
    }

    .tubiao1 {
        display: none;
    }

    .jy_dz {
        width: 150px;
        height: 150px;
        margin-left: -75px;
        margin-top: -40px;
    }

    svg.fly {
        position: absolute;
        top: 30%;
        left: 40%;
        fill: #18ffff;
    }
}