* {outline: none;box-sizing: border-box;word-break: break-all;}
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'微软雅黑'; font-size:14px; line-height:1.8; color:#333; width:100%; zoom:1; overflow-x:hidden;-webkit-text-size-adjust:none; -webkit-tap-codearea-color:rgba(0,0,0,0); -webkit-tap-codearea:rgba(0,0,0,0); -webkit-font-smoothing:antialiased;}
ul,li,form,dl,dt,dd,div,p,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
ul,li{ list-style:none; margin:0;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
input:focus{ outline:none;}
input,button,select,textarea{ outline:none;}
textarea{ resize:none;}
textarea,input,select{ background:none; border:none; margin:0; padding:0;}
audio,canvas,progress,video{ display:inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
figure,figcaption{ margin:0px; padding:0px;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#333; text-decoration:none;}
a:focus{ outline:none; -moz-outline:none; text-decoration:none;}
a:hover{ color: #FF671A;}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff;
}
.dot{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.sbar::-webkit-scrollbar{ width:8px; height:8px;}
.sbar::-webkit-scrollbar-track{ background-color:#f1f1f1;}
.sbar::-webkit-scrollbar-thumb{ background-color:#dfe5f8; border-radius:10px;}
.sbar::-webkit-scrollbar-thumb:hover{ background-color:#b0c1f7;}
.sbar::-webkit-scrollbar-thumb:active{ background-color:#004DE9;}

.topp,.w{ width: 1370px; margin: 0 auto; max-width: 100%;}
.fx{ display: flex; align-items: center; justify-content: space-between;}
.span202019 {color: #f45428; font-weight: 700; margin-left: 3px;} 
.swiper-slide{ overflow: hidden;}

.f-15{ font-size: 15px;}
.f-16{ font-size: 16px;}
.f-17{ font-size: 17px;}
.f-18{ font-size: 18px;font-family: element-icons;}
.f-20{ font-size: 18px;}
.f-22{ font-size: 22px;}
.f-24{ font-size: 24px;}
.f-26{ font-size: 26px;}
.f-28{ font-size: 28px;}
.f-30{ font-size: 30px;font-family: element-icons;}
.f-34{ font-size: 34px;}
.f-38{ font-size: 38px;}
.f-40{ font-size: 35px;}
.f-42{ font-size: 42px;}
.f-48{ font-size: 33px;font-weight: 300;}
.f-56{ font-size: 56px;}
.f-64{ font-size: 53px;font-weight: 300;}
.fw-b202057{ font-size: 24px;font-weight: 300;}
.fw-b202057 .f-56{ font-size: 35px;}
.si1655 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000!important;
}
.si1655 span {
    padding-left: 0!important;
    line-height: 36px;
}

@media screen and (max-width:1400px){
.w,.wdiv{ padding: 0 3%;}
}
@media screen and (max-width:1366px){
.f-15,
.f-16{ font-size: 14px;}
.f-18{ font-size: 17px;}
.f-20{ font-size: 18px;}
.f-22{ font-size: 19px;}
.f-24{ font-size: 20px;}
.f-26{ font-size: 22px;}
.f-28{ font-size: 24px;}
.f-30{ font-size: 26px;}
.f-34{ font-size: 28px;}
.f-38{ font-size: 30px;}
.f-40{ font-size: 32px;}
.f-42{ font-size: 34px;}
.f-48{ font-size: 38px;}
.f-56{ font-size: 48px;}
.f-64{ font-size: 54px;}
.fw-b202057 .f-56{display: block;font-size: 28px}
}
@media screen and (max-width:960px){
.f-17,
.f-18{ font-size: 16px;font-family: Roboto,sans-serif;}
.f-20{ font-size: 16px;}
.f-22{ font-size: 17px;}
.f-24{ font-size: 18px;}
.f-26{ font-size: 19px;}
.f-28{ font-size: 20px;}
.f-30{ font-size: 22px;}
.f-34{ font-size: 23px;}
.f-38{ font-size: 24px;}
.f-40{ font-size: 25px;}
.f-42{ font-size: 26px;}
.f-48{ font-size: 28px;}
.f-56{ font-size: 36px;}
.f-64{ font-size: 40px;}
}
@media screen and (max-width:768px){
.f-15,
.f-16,
.f-17{ font-size: 14px;}
.f-18,
.f-20{ font-size: 15px;}
.f-22,
.f-24,
.f-26{ font-size: 16px;}
.f-28{ font-size: 17px;}
.f-30{ font-size: 18px;}
.f-34,
.f-38{ font-size: 19px;}
.f-40{ font-size: 20px;}
.f-42{ font-size: 20px;}
.f-48{ font-size: 23px;}
.f-56{ font-size: 28px;}
.f-64{ font-size: 32px;}
}

/* .fw-b{ font-weight: bold;} */
.fw-l{ font-weight: lighter;}
.ta-c{ text-align: center;}
.ta-r{ text-align: right;}
@media screen and (max-width:1200px){
.fw-l{ font-weight: normal;}
}

.c-fff{ color: #fff;}
.c-666{ color: #808080;}
.c-999{ color: #999;}
.c-blue{ color: #004DE9;}
.c-red{ color: #ea0909;}

.foot-copyright{min-width: 100% !important;}


.nav-right .top-user-info-2{display: flex;}
.head{ position: absolute; left: 0; right: 0; top: 0; z-index: 9999; padding: 33px 0;height: auto !important;min-width: 100% !important;}
.head .logo img{ width: 165px;filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}
.head .nav{ width: 100%; margin-right: 40px;}
.head .btn{ flex: 0 0 auto;}
.head .nav li{ position: relative;}
.head-nav h1{margin: 0 !important;}
.head .head-nav{position: initial !important;top: 0 !important;min-width: 100% !important;}

.head .nav li > i{ position: absolute; width: 40px; height: 40px; right: 0; top: 0;}
.head .nav li > i::after{ content: ""; position: absolute; right: 14px; top: 10px; display: block; width: 10px; height: 10px; border-top: 2px solid #aaa; border-left: 2px solid #aaa; transform:rotate(-135deg);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.head .nav li > i.a::after{ transform:rotate(45deg); top: 16px; border-color: #666;}
    
@media screen and (min-width:961px){
    .head .head-nav{height: auto !important;}
    .head .right {width:auto !important;max-width: 100% !important;}
    .head .user,
    .head .menu,
    .head .close{ display: none !important;}
    .head .nav{ width: 100%;margin-right:60px;display: flex !important;}
    .head .nav li{padding: 0px 32px;}
    .head .nav li > i { display: block;}
    .head .btn > span{ position: relative; cursor: pointer;}
    
    .head .nav li > a{ font-size: 17px; color: rgba(255, 255, 255, 1); position: relative; display: block; line-height: 44px;cursor: pointer;white-space: nowrap;}
    .head .btn > span::after,
    .head .nav li > a::after{content: "";position: absolute;left: 0;right: 0;width: 0;height: 1px;background: #fff;top: 100%;margin: 0 auto;transition: all 0.2s ease 0s;}
    .head .nav li:hover > a,
    .head .nav .on > a{ color: #fff;}
    .head .btn:hover > span::after,
    .head .nav li:hover > a::after,
    .head .nav .on > a::after{width: 100%;}
    .head .btn{ position: relative; display: flex !important;}
    .head .btn > a{  font-size: 16px; color: rgba(255, 255, 255, 0.7); width: 68px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.7); line-height: 32px; border-radius: 3px; transition: all .3s ease 0s;}
    .head .btn > a + a{ margin-left: 10px;}
    .head .btn > a:hover{ color: #004DE9; background: #fff; border-color: #fff;}
    .head .btn > span{ color: #fff;}
    .head .btn > .userinfo{position: absolute;width: 160px;top: 100%;left: 50%;margin-left: -80px; padding-top: 20px; z-index: -300; opacity: 0; pointer-events: none; transition: all .5s ease 0s; }
    .head .btn:hover > .userinfo{ z-index: 100; opacity: 1; pointer-events: all;}
    .head .btn > .userinfo .gcont{background: #fff;padding: 10px 5px;border-radius: 5px;text-align: center; font-size: 15px}
    .head .btn > .userinfo .gcont > * + *{ margin-top: 10px;}
    .head .nav li dl{ position: absolute;width: 156px; left: 50%; margin-left: -72px; top: 100%; padding-top: 20px; z-index: -300; opacity: 0; transition: all .5s ease 0s; pointer-events: none; display: block !important;-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);}
    .head .nav li:hover dl{ z-index: 100; opacity: 1; pointer-events: all;}
    .head .nav li > i::after{width: 8px;height: 8px;right: 10px;border-color: #fff;top: 15px;border-width: 1px;}
    .head .nav li:hover > i::after{ transform:rotate(45deg); top: 20px;}
    .head .nav li dl dd{background: #fff; padding: 0 !important; text-align: center;border-radius: 0 !important;}
    .head .nav li dl dd a{ display: block; font-size: 15px}
    .head .nav li dl dd .flex{display: flex;align-items: flex-start;padding: 20px;justify-content: flex-start;text-align: left;}
    .head .nav li dl dd .flex img{width: 48px;height: 48px;}
    .head .nav li dl dd .flex .s_navr{line-height: 1;margin-left: 10px;}
    .head .nav li dl dd .flex .s_navr h3{font-size: 17px;}
    .head .nav li dl dd .flex .s_navr p{font-size: 13px;color: #525666;font-weight: 100;margin-top: 15px;}
    .head .nav li dl dd a:hover{background-color: rgb(238,244,255);color:#004DE9}
}
@media screen and (max-width:960px){
    .head-nav{min-width: 100% !important;height: auto !important;position: relative;}
    .el-menu-demo{display: none !important;}
    .head{ position: fixed !important; left: 0; right: 0; padding: 4px 15px; background: #004DE9; box-shadow: 1px 10px 10px rgba(0,0,0,.2);min-width: 100%;height: auto !important;}
    .head .logo img{ width: auto; height: 44px;}
    .head .user{display: flex; align-items: center; justify-content: center; width: 30px;}
    .head .menu{ width: 30px; height: 30px; position: relative;}
    .head .menu span{ position: absolute; width: 20px; height: 2px; left: 50%; margin-left: -10px; transition: all .2s ease 0s; background: #fff; border-radius: 5px; cursor: pointer;}
    .head .menu span:nth-child(1){ top: 50%; margin-top: -9px;}
    .head .menu span:nth-child(2){ top: 50%; margin-top: -1px;}
    .head .menu span:nth-child(3){ top: 50%; margin-top: 7px;}
    .head .menu.on span:nth-child(1){ margin-top: 0; transform: rotate(135deg);}
    .head .menu.on span:nth-child(2){ left: -60px; opacity: 0;}
    .head .menu.on span:nth-child(3){ margin-top: 0; transform: rotate(-135deg);}
    .head .nav,
    .head .btn{ display: none;}
    .head .btn,
    .head .nav{z-index: 99; position: absolute!important;left:10px; right: 10px; top: 100%; background: #fff; padding: 15px; margin: 15px 0 0 0; width:auto; border-radius: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
    .head .nav::after{ content: ""; position: absolute; top: -25px; right: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
    .head .nav li > a{ font-size: 16px; line-height: 40px; display: block;}
    .head .btn::after{ content: ""; position: absolute; top: -25px; left: 15px; border: 15px solid transparent; border-bottom-color: #fff;}
    .head .btn > span{ display: none;}
    .head .btn a{ display: block; font-size: 16px; line-height: 40px;}
    .head .close{ position: fixed;  left: 0; top: 54px; right: 0; bottom: 0; display: none;}
    /* .head .nav{ display: block;} */

    .head .nav li{ position: relative;}
    .head .nav li dl{ border-top: 1px solid #ddd; padding: 10px 0; display: none;}
    .head .nav li dl a{ display: block;padding: 15px 0 15px 15px;border-bottom: 1px solid #eee;}
    .head .nav li dl dd .flex img,.head .nav li dl dd .flex .s_navr p{display: none;}
    .head .nav li dl dd .flex .s_navr{line-height: 1;}
    .head .nav li dl dd .flex .s_navr h3{font-size: 14px;}
    .head .nav li b{position: absolute;width: 100%;height: 40px;left: 0;top: 0;z-index: 9;}
}


.bannerimg{ position: relative; padding-top: 110px;}
.bannerimg .bg,
.bannerimg .bg img{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.bannerimg .bg{ min-height: 100vh; overflow: hidden;}
.indexban .b{ width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); color: #089af3; margin-top: -20px;}
.indexban .b::after{ font-size: 18px;}
.neiban{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5% 10px;}
.neiban > * + *{ margin-top: 1%;}
.neiban .span{ display: block; max-width: 670px; margin: 0 auto;}
@media screen and (min-width:961px){
.bannerimg .bg{ min-height: 100vh;}
}
@media screen and (max-width:1200px){
.bannerimg .bg img{ max-width: none; width: 140%; left: -20%;}

}
.indexban .pic{ width: 75%; flex: 0 0 auto;}
@media screen and (max-width:960px){
.bannerimg{ margin-top: 50px; padding-top: 0;}
.indexban .down{ display: none;}
.indexban .b{ width: 28px; height: 28px; margin-top: -14px;}
.neiban .fw-l{ font-size: 14px;}
.indexban .txt a{width: 122px !important;height: auto !important;line-height: 38px !important;}
}
@media screen and (max-width:767px){
.bannerimg .bg img{ width: 200%; left: -50%;}
.indexban .pc{ padding: 20px 3%;}
.indexban .f-64{ font-size: 26px}
.indexban .f-48{ font-size: 22px}
.indexban .txt a.f-16{ font-size: 18px; width: 7em; line-height: 32px; height: 32px;}
.indexban .pic{ min-width: 30%; max-width: 40%; flex: 0 0 auto;}
.indexban .pic img{ max-width: 140%; width: 140%; left: -40%; position: relative;}
.indban-li .swiper-pagination{width: 100%;}
.indban-li .swiper-pagination-clickable .swiper-pagination-bullet{width: 25px !important;height: 3px !important;}
}
@media screen and (max-width:480px){
.indexban .f-64{ font-size: 16px}
.indexban .f-48{ font-size: 14px}
.indexban .txt a.f-16{ font-size: 12px;}
.indexban .txt a{width: 88px !important;height: auto !important;line-height: 30px !important;}
}



.alltitle{ margin: 4% 0 3% 0; padding: 0 10px;}
@media screen and (max-width:768px){
.alltitle{ margin: 30px 0 20px 0;}
}

.contactbox{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 10px;}
.contactbox .close{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3);}
.contactbox .box2{ width: 100%; max-width: 1050px; position: relative; z-index: 1; border-radius: 20px; overflow: hidden;}
.contactbox .box2 .top .ico{ width: 30%; max-width: 217px; margin-right: 10%;}
.contactbox .box2 .closebtn{ position: absolute; right: 20px; top: 20px; cursor: pointer; width: 43px; height: 43px;}
.contactbox .box2 .cont{ background: #fff; padding: 3%;}
.contactbox .box2 .cont .sbar{ overflow: auto; max-height: calc(100vh - 380px); padding: 0 3%;}
.contactbox .box2 .cont li{ padding: 3% 0;}
.contactbox .box2 .cont li+li{ border-top: 1px solid #e4e4e4;}
.contactbox .box2 .cont li.last{ border-top: none; padding-top: 0;}
.contactbox .box2 .cont li.last .line{ border-top: 1px solid #e4e4e4; margin-bottom: 3%;}
.contactbox .box2 .cont li .left{ border-right: 1px solid #e4e4e4; width: 30%; flex: 0 0 auto; justify-content: flex-start; max-width: 270px; padding-left: 3%;}
.contactbox .box2 .cont li .left img{ width: 50px; height: 50px; margin-right: 20px;}
.contactbox .box2 .cont li .right{ width: 100%; padding: 0 3%;}
.contactbox .box2 .cont li .right .flex{ justify-content: flex-start; flex-wrap: wrap; padding-bottom: 10px; margin-left: -20px;}
.contactbox .box2 .cont li .right .flex > *{ margin-left: 20px;}
.contactbox .box2 .cont li .right .btn{ background: #004DE9; color: #fff; width: 8em; text-align: center; border-radius: 5px; line-height: 40px;}
@media screen and (max-width:960px){
.contactbox .box2 .top{ padding: 15px;}
.contactbox .box2 .top .ico{ max-width: 150px; width: 20%;}
.contactbox .box2 .cont{ padding: 1%;}
.contactbox .box2 .cont li .left{ padding-left: 1%;}
.contactbox .box2 .cont li .left img{ width: 30px; height: 30px; margin-right: 10px;}
.contactbox .box2 .cont li .right{ padding: 0 1% 0 3%;}
.contactbox .box2{ border-radius: 10px;}
}
@media screen and (max-width:768px){
.contactbox .box2 .closebtn{ width: 30px; height: 30px; right: 10px; top: 10px;}
.contactbox .box2 .cont .sbar{ max-height: calc(100vh - 250px);}
.contactbox .box2 .cont{ padding: 15px 10px;}
.contactbox .box2 .cont li{ display: block;}
.contactbox .box2 .cont li .left{ border-right: none; width: 100%; padding: 0;}
.contactbox .box2 .cont li .right{ padding: 15px 0 0 0;}
.contactbox .box2 .cont li.last .right{ padding-top: 0;}
.contactbox .box2{ border-radius: 5px;}
}


.indexban{ position: relative;}
.indexban .txt{ color: #fff; white-space: nowrap; position: relative; z-index: 2;}
.indexban .txt a{ display: block; width: 140px; height: 46px; line-height: 46px; text-align: center; background: #fff; border-radius: 5px; color: #004DE9; margin-top: 5%; font-weight: normal;}
.indexban .down{ position: absolute; left: 0; right: 0; bottom: 20px; margin: 0 auto; cursor: pointer;z-index: 99;}
.indexban .down,
.indexban .down img{ width: 42px; height: 40px;}
.indexban .down img{ margin: 0 auto; height: 42px; display: block; animation:downup 1s infinite; -webkit-animation:downup 1s infinite;}
.indban-li{height: 20px;}
.indban-li .swiper-pagination-clickable .swiper-pagination-bullet{ width: 30px;height: 5px;background: rgba(255,255,255,0.7);margin:0 6px 0 3px;border-radius: 0;}
.indban-li .swiper-pagination-clickable .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}
@media screen and (min-width:1380px){
.indexban{ height: calc(100vh - 110px); display: flex; align-items: center; justify-content: center; padding-bottom: 80px;}
.indexban .pic{ /*margin-right: -270px; max-width: 810px;*/}
}
@keyframes downup{
from { transform:translate(0,0);}
60% { transform:translate(0,-5px);}
to { transform:translate(0,0);}
}
@-webkit-keyframes downup{
from { transform:translate(0,0);}
60% { transform:translate(0,-5px);}
to { transform:translate(0,0);}
}

.in ul{ display: flex; justify-content: space-between;}
.in li{ width: 32%; background: #fff; padding: 0 2% 4% 2%; margin-top: 5%; text-align: center; border-radius: 5px; box-shadow: 1px 1px 20px rgba(0,0,0,.1); transition: transform .3s ease 0s;}
.in li + li{ margin-left: 2%;}
.in a{ display: block; color: #333;}
.in .ico{ position: relative;}
.in .ico img{ display: block; margin: 0 auto;}
.in .ico .p1{ position: absolute; left: 0; right: 0; top: -15%; transition: transform .3s ease 0s; width: 130px; height: 130px;}
.in .ico .p2{ width: 205px; height: 208px;}
.in .t{ padding: 6% 0 3% 0;}
.in .p{ padding: 6% 0; line-height: 2; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.in .p span{ padding: 0 0.5em;}
.in .f span{ color: #ea0909; font-weight: bold;}
@media screen and (min-width:961px){
.in li:hover{ transform:translate(0,-15px);}
.in li:hover .p1{transform:translate(0,-15px);}
}
@media screen and (max-width:960px){
.in .ico .p1{ width: 90px; height: 90px;}
.in .ico .p2{ width: 148px; height: 150px;}
}
@media screen and (max-width:640px){
.in ul{ display: block;}
.in li{ width: 100%;  text-align: left; padding: 15px; margin-top: 10px;}
.in li + li{ margin-left: 0%;}
.in li a{ display: flex ; align-items: center;}
.in li .ico{ margin: 20px 20px 0 0; flex: 0 0 auto;}
.in li .txt{ width: 100%;}
.in .t{ padding: 0 0 10px 0;}
.in .p{ justify-content: flex-start; padding: 10px 0; margin-left: -0.5em; line-height: 1.4;}
}
@media screen and (max-width:480px){
.in .ico .p1{ width: 50px; height: 50px;}
.in .ico .p2{ width: 80px; height: 80px;}
.in .t{ padding-bottom: 5px;}
}

.indexyw{display: flex; background: #fff;box-shadow: 0 0 40px 0 rgba(0, 0, 0, .3);}
.indexyw .tab{ flex: 0 0 auto; width: 270px; background: #f6f6f6; display: flex; flex-direction: column;}
.indexyw .tab > li{display: flex;padding: 10px 30px;align-items: center;cursor: pointer;height:95px;position: relative;}
.indexyw .tab > li .ico,
.indexyw .tab > li .ico img{ width: 50px; height: 50px; position: relative; flex: 0 0 auto; transition: opacity .5s ease 0s;}
.indexyw .tab > li .ico img{ display: block; position: absolute; left: 0; right: 0;}
.indexyw .tab > li .ico img.p2,
.indexyw .tab > li.on .ico img.p1{ opacity: 0;}
.indexyw .tab > li .ico img.p1,
.indexyw .tab > li.on .ico img.p2{ opacity: 1;}
.indexyw .tab > li.on{ background: linear-gradient(90deg,#004DE9,#00a1ff); color: #fff;}
.indexyw .tab > li.on::after{ content: ""; position: absolute; right: -6px; width: 20px; height: 20px; background: #00a1ff; transform:rotate(50deg); -webkit-transform:rotate(50deg);}
.indexyw .tab > li .txt{ padding-left: 20px;}
.index_yw .list{ width: 100%; padding: 15px 5px 15px 55px; background: url(../pic/yunwei-bg.png) right bottom no-repeat;}
.index_yw .list > li{ display: none;}
.index_yw .list > li > .title{ display: none;}
.index_yw .list .content.sbar{ overflow-y: auto; height: 445px;}
@media screen and (max-width:1400px){
.index_yw .tab > li{ height: 80px;}
.index_yw .list .content.sbar{ height: 370px;}
}
@media screen and (max-width:960px){
.index_yw{ display: block;}
.index_yw .list{ padding-left: 15px;}
.index_yw .tab{ width: 100%; flex-direction: row;}
.index_yw .tab > li{padding: 5px;height: 60px;width: 25%;font-size: 12px;}
.index_yw .tab > li.on::after{ display: none;}
.index_yw .tab > li .txt{padding-left: 5px;font-size: 14px;}
.index_yw .list{ background-size: 30% auto;}
.index_yw .list .content.sbar{ height: auto;}
}
@media screen and (max-width:768px){
.index_yw .tab > li{ justify-content: center; padding: 0; height: 40px;}
.index_yw .tab > li .ico,
.index_yw .tab > li .ico img{ width: 40px; height: 40px;}
.index_yw .tab > li .txt{ display: none;}
.index_yw .list > li > .title{ display: block; color: #004DE9;}
}


.index_wyfw > .w{ position: relative;}
.index_wyfw .swiper-container{ border-radius: 10px; background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,.1);}
.index_wyfw .swiper-slide .flex{ padding: 3% 110px;}
.index_wyfw .swiper-slide .left{ width: 60%; flex: 0 0 auto;}
.index_wyfw .swiper-slide .left .t b{ color: #004DE9; font-weight: 400;}
.index_wyfw .swiper-slide .left .t{ padding-bottom: 15px;}
.index_wyfw .swiper-slide .left .t + div{ min-height: 75px;}
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ width: 60px; height: 60px;}
.index_wyfw .swiper-button-next{ right: -19px;}
.index_wyfw .swiper-button-prev{ left: -21px;}
.index_wyfw .swiper-button-next::after{ background: url(../pic/wuyoufuwu-next.png); left: -22px; top: -19px;}
.index_wyfw .swiper-button-prev::after{ background: url(../pic/wuyoufuwu-prev.png); left: -22px; top: -19px;}
.index_wyfw .swiper-button-next::after,
.index_wyfw .swiper-button-prev::after{ content: ""; display: block; width: 108px; height: 108px; position: absolute; pointer-events: none;}
.index_wyfw .swiper-slide{ opacity: 0 !important;}
.index_wyfw .swiper-slide-active{ opacity: 1 !important;}
.index_wyfw .swiper-slide-active .left{ animation-duration: 1s; animation-name: fadeInLeft;}
.index_wyfw .swiper-slide-active .right{ animation-duration: 1s; animation-name: fadeInRight;}
@media screen and (max-width:1430px){
.index_wyfw .swiper-button-next{ right: 25px;}
.index_wyfw .swiper-button-prev{ left: 20px;}
}
@media screen and (max-width:960px){
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ transform: scale(0.7)}
.index_wyfw .swiper-slide .flex{ padding: 3% 80px;}
}
@media screen and (max-width:640px){
.index_wyfw .swiper-slide .flex{ display: block; position: relative; padding: 15px;}
.index_wyfw .swiper-button-next{ right: 10px;}
.index_wyfw .swiper-button-prev{ left: 8px;}
.index_wyfw .swiper-button-next,
.index_wyfw .swiper-button-prev{ opacity: .8;}
.index_wyfw .swiper-slide .left{ width: 100%; padding-top: 170px; text-align: center;}
.index_wyfw .swiper-slide .left .t + div{ font-size: 14px;}
.index_wyfw .swiper-slide .right{ position: absolute; left: 80px; top: 15px; bottom: 0; right: 80px;}
.index_wyfw .swiper-slide .right img{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; max-width: 100%; max-height: 150px;}
}


.index_xljs > .w{ position: relative;}
.index_xljs .swiper-container{ border-radius: 10px; background: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,.1);}
.index_xljs .swiper-slide .flex{ padding: 3% 110px;}
.index_xljs .swiper-slide .left{ width: 60%; flex: 0 0 auto;}
.index_xljs .swiper-slide .left .t b{ color: #004DE9; font-weight: 400;}
.index_xljs .swiper-slide .left .t{ padding-bottom: 15px;}
.index_xljs .swiper-slide .left .t + div{ min-height: 75px;}
.index_xljs .swiper-button-next,
.index_xljs .swiper-button-prev{ width: 60px; height: 60px;}
.index_xljs .swiper-button-next{ right: -19px;}
.index_xljs .swiper-button-prev{ left: -21px;}
.index_xljs .swiper-button-next::after{ background: url(../pic/wuyoufuwu-next.png); left: -22px; top: -19px;}
.index_xljs .swiper-button-prev::after{ background: url(../pic/wuyoufuwu-prev.png); left: -22px; top: -19px;}
.index_xljs .swiper-button-next::after,
.index_xljs .swiper-button-prev::after{ content: ""; display: block; width: 108px; height: 108px; position: absolute; pointer-events: none;}
.index_xljs .swiper-slide{ opacity: 0 !important;}
.index_xljs .swiper-slide-active{ opacity: 1 !important;}
.index_xljs .swiper-slide-active .left{ animation-duration: 1s; animation-name: fadeInLeft;}
.index_xljs .swiper-slide-active .right{ animation-duration: 1s; animation-name: fadeInRight;}
@media screen and (max-width:1430px){
.index_xljs .swiper-button-next{ right: 25px;}
.index_xljs .swiper-button-prev{ left: 20px;}
}
@media screen and (max-width:960px){
.index_xljs .swiper-button-next,
.index_xljs .swiper-button-prev{ transform: scale(0.7)}
.index_xljs .swiper-slide .flex{ padding: 3% 80px;}
}
@media screen and (max-width:640px){
.index_xljs .swiper-slide .flex{ display: block; position: relative; padding: 15px;}
.index_xljs .swiper-button-next{ right: 10px;}
.index_xljs .swiper-button-prev{ left: 8px;}
.index_xljs .swiper-button-next,
.index_xljs .swiper-button-prev{ opacity: .8;}
.index_xljs .swiper-slide .left{ width: 100%; padding-top: 170px; text-align: center;}
.index_xljs .swiper-slide .left .t + div{ font-size: 14px;}
.index_xljs .swiper-slide .right{ position: absolute; left: 80px; top: 15px; bottom: 0; right: 80px;}
.index_xljs .swiper-slide .right img{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; max-width: 100%; max-height: 150px;}
}


.index_wljd .mapp{ position: relative;}
.index_wljd .mapp .bg img{ display: block; width: 100%;}
@-webkit-keyframes pulsate{
0% {-webkit-transform: scale(0);opacity: .05;}
20% {-webkit-transform: scale(0.7);opacity: .1;}
40% {-webkit-transform: scale(1.5);opacity: .2;}
60% {-webkit-transform: scale(2);opacity: .3;}
100% {-webkit-transform: scale(3);opacity: 0;}
}
@keyframes pulsate{
0% {-webkit-transform: scale(0);opacity: .05;}
20% {-webkit-transform: scale(0.7);opacity: .1;}
40% {-webkit-transform: scale(1.5);opacity: .2;}
60% {-webkit-transform: scale(2);opacity: .3;}
100% {-webkit-transform: scale(3);opacity: 0;}
}
@media screen and (min-width:961px){
.index_wljd .list li{ position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #004DE9; cursor: pointer;}
.index_wljd .list li:after{position: absolute; top: 50%; left: 50%; display: block; content: ""; height: 26px; width: 26px; margin: -13px 0 0 -13px; -webkit-animation: pulsate 2s linear; animation: pulsate 2s linear; animation-iteration-count: 1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color:#004DE9; border-radius:  100%;}
.index_wljd{ margin-bottom: 4%;}
.index_wljd .list .t{ position: absolute; overflow: hidden; background: #fff; padding: 10px 30px; box-shadow: 1px 1px 5px rgba(0,0,0,.1); border-radius: 5px; line-height: 30px; top: -60px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.index_wljd .list .t img{ width: 30px; height: 30px; border-radius: 50%;}
.index_wljd .list .t span{ white-space: nowrap; display: block;}
.index_wljd .list .t img + span{ display: block; padding-left: 15px;}
.index_wljd .list .p{ line-height: 30px; white-space: nowrap; position: absolute; background: rgba(0,0,0,0.3); padding: 8px; border-radius: 5px; color: #fff; font-size: 16px; opacity: 0; transition: all .5s ease 0s; pointer-events: none;}
.index_wljd .list li:hover{ z-index: 99;}
.index_wljd .list li:hover .p{ opacity: 1; pointer-events: visible; margin-top: 0;}
.index_wljd .list .p::after{border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; height: 0; position: absolute; left: 30px; top:  -7px; width: 0;}

.index_wljd .list .l1 .p,
.index_wljd .list .l4 .p,
.index_wljd .list .l5 .p{ margin-top: 20px;}
.index_wljd .list .l2 .p,
.index_wljd .list .l3 .p{ margin-top: -20px;}
.index_wljd .list .l1 .p::after,
.index_wljd .list .l4 .p::after,
.index_wljd .list .l5 .p::after{ border-bottom: 7px solid rgba(0,0,0,0.3);}
.index_wljd .list .l4 .p::after,
.index_wljd .list .l5 .p::after{ left: auto; right: 30px;}
.index_wljd .list .l2 .p::after,
.index_wljd .list .l3 .p::after{ border-top: 7px solid rgba(0,0,0,0.3); left: auto; right: 30px; top: auto; bottom: -7px;}

.index_wljd .list .l1{ top: 45%; left: 21%;}
.index_wljd .list .l1 .t{ left: -75px; top: 60px;}
.index_wljd .list .l1 .p{left: -75px;top: 130px;}

.index_wljd .list .l2{ top: 43%; left: 76%;}
.index_wljd .list .l2 .t{ left: auto; right: 30px; top: -60px;}
.index_wljd .list .l2 .p{right: 30px;top: -130px;}

.index_wljd .list .l3{ top: 46.5%; left: 79.5%;}
.index_wljd .list .l3 .t{ left: auto; right: -170px; top: -60px;}
.index_wljd .list .l3 .p{ right:-170px; top: -130px;}

.index_wljd .list .l4{ top: 46%; left: 74%;}
.index_wljd .list .l4 .t{ left: auto; right: 30px; top: 10px;}
.index_wljd .list .l4 .p{right: 30px; top: 80px;}

.index_wljd .list .l5{ top: 53%; left: 77%;}
.index_wljd .list .l5 .t{ left: auto; right: -170px; top: 30px;}
.index_wljd .list .l5 .p{right: -170px;top: 100px;}
}
@media screen and (max-width:960px){
.index_wljd{ position: relative;}
.index_wljd .map .bg img{ position: absolute; width: 100%; height: 100%; object-fit: contain; z-index: -1; opacity: .3;}
.index_wljd .list .t{ display: flex; color: #FF671A; align-items: center; line-height: 20px;}
.index_wljd .list .t img{ width: 20px; height: 20px; border-radius: 50%; margin-right: 10px;}
.index_wljd .list .p{ padding: 10px 0 25px 0;}
}


.index_zc{ margin-top: 4%;}
.index_zc .form{ justify-content: center; margin: 2% 0;}
.index_zc .form > * + *{ margin-left: 20px;}
.index_zc .form .line{ width: 100%; max-width: 360px; height: 60px;position: relative;}
.index_zc .form .line span{ position: absolute; right: 10px; line-height: 30px; border-radius: 5px; background: #004DE9; color: #fff; top: 50%; margin-top: -15px; padding: 0 8px; font-size: 14px; pointer-events: none;}
.index_zc .form .line input{  width: 100%; height: 100%; line-height: 58px; padding: 0 10px; border: 1px solid #e4e4e4; border-radius: 5px; background: #fff;-webkit-appearance : none ;}
.index_zc .form .sbtn{ width: 110px; height: 60px; text-align: center; background: #004DE9; font-size: 18px; color: #fff; cursor: pointer; border-radius: 5px; flex: 0 0 auto;-webkit-appearance : none ;}
@media screen and (max-width:960px){
.index_zc .form .line{ height: 40px;}
.index_zc .form .line input{ line-height: 38px;}
.index_zc .form .line span{ line-height: 24px; margin-top: -12px;}
.index_zc .form .sbtn{ height: 40px;}
}
@media screen and (max-width:640px){
.index_zc .form{ flex-wrap: wrap;}
.index_zc .form .line{ width: 50%; max-width: none;}
.index_zc .form .line:nth-child(1){ padding-right: 5px;}
.index_zc .form .line + .line{ padding-left: 5px;}
.index_zc .form .sbtn{ width: 100%; margin-top: 10px;}
.index_zc .form > * + *{ margin-left: 0;}
}

.index_news{ margin-bottom: 4%;}
.index_news dl::after{ content:''; display: block; clear: both; height: 0;}
.index_news dt{ float: left; width: 50%; padding-right: 20px;}
.index_news dt .top{ background: url(https://www.zun.com/template/Home/Cong/PC/Static//statics/images/news_top_bg.jpg) right bottom; background-size: cover; color: #fff; padding: 0 6%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 5px 5px 0 0;}
.index_news dt .top{ height: 260px;}
.index_news dt .txt{ border: 1px solid #e4e4e4; border-top: none; border-radius: 0 0 5px 5px; height: 260px; padding: 6%; display: flex; flex-direction: column; justify-content: center; color: #999; background: #fff;}
.index_news dt .txt,
.index_news dt .txt > *{ transition: all .5s ease 0s;}
.index_news dt .dot{ margin-bottom: 40px; color: #333;}
.index_news dt .dot span{  color: #999;}
.index_news dt .p{ height: 90px; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.index_news dd{ float: right; width: 50%; padding-left: 20px;}
.index_news dd a{ height: 115px; border: 1px solid #e4e4e4; border-radius: 5px; transition: all .5s ease 0s; display: flex; flex-direction: column; justify-content: center; padding: 0 25px;}
.index_news dd + dd{ margin-top: 20px;}
.index_news dd .t{ padding-bottom: 10px;}
.index_news dd .p{ color: #999;}
@media screen and (min-width:961px){
.index_news dt .txt:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2);}
.index_news dt .txt:hover > *{ transform: translate(0,-5px);}
.index_news dd a:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2); transform: translate(0,-5px);}
}
@media screen and (max-width:1200px){
.index_news dt .top,
.index_news dt .txt{ height: 200px;}
.index_news dt .dot{ margin-bottom: 20px;}
.index_news dd a{ height: 88px;}
.index_news dt{ padding-right: 8px;}
.index_news dd{ padding-left: 8px;}
.index_news dd + dd{ margin-top: 16px;}
}
@media screen and (max-width:768px){
.index_news dt,
.index_news dd{ width: 100%; float: none; padding: 0; margin-top: 10px !important;}
.index_news dt .top,
.index_news dt .txt{ height: auto;}
.index_news dt .top{ padding: 6%;}
.index_news dt .txt{ padding: 15px;}
.index_news dt .dot{ margin-bottom: 10px;}
.index_news dt .p{ height: 50px; line-height: 25px; -webkit-line-clamp: 2;}
.index_news dd a{ height: auto; padding: 15px;}
}

.pagebgright{ position: absolute; right: 0;margin-top:60px; max-width: 100%; z-index: -1;}
.page_bg_left{ position: absolute; left: 0; margin-top:-2407px; max-width: 100%; z-index: -1;}
@media screen and (max-width:960px){
.pagebgright,
.page_bg_left{ display: none;}
}

.pagecont{ background: #fff; border-radius: 20px; padding: 60px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); min-height: 50vh;}
@media screen and (max-width:960px){
.pagecont{ padding: 30px; border-radius: 10px;}
}
@media screen and (max-width:640px){
.pagecont{ padding: 20px 15px; border-radius: 5px;}
}

.newslist .list .dot{ padding-bottom: 30px;}
.newslist .list .left{ width: 150px; flex: 0 0 auto; margin-right: 30px; height: 110px; position: relative;}
.newslist .list .left a,
.newslist .list .left img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.newslist .list .left a{ border: 1px solid #ddd;}
.newslist .list .left img{ padding: 5px;}
.newslist .list .right{ width: 100%; max-width: calc(100% - 180px);}
.newslist .list .dot span{  float: right; margin-left: 30px;}
.newslist .list li + li{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4e4e4;}
.newslist .list .p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media screen and (max-width:960px){
.newslist .list .dot{ padding-bottom: 20px;}
.newslist .list li + li{ margin-top: 20px; padding-top: 20px;}
}
@media screen and (max-width:768px){
.newslist .list .dot{ padding-bottom: 5px;}
.newslist .list .dot span{ display: none;}
.newslist .list .left{ margin-right: 10px; width: 120px; height: 90px;}
.newslist .list .right{ max-width: calc(100% - 130px);}
}

.newsinfo > .p{ display: flex; justify-content: center; padding: 15px 0; margin: 0 -10px; color: #666; flex-wrap: wrap;}
.newsinfo > .p > span{ margin: 0 10px;}
.newsinfo > .cont{ padding: 40px 0; margin-top: 40px; overflow: hidden; border-top: 1px solid #e5e5e5;}
.newsinfo > .cont img{ max-width: 100%;}
.newsinfo > .pan{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.newsinfo > .pan .left{ line-height: 2;}
.newsinfo > .pan .left b{ color: #1f43a5; }
.newsinfo > .pan .right .btn{ overflow: hidden;}
.newsinfo > .pan .right .btn a{ display: block; background: url(https://www.zun.com/template/Home/Cong/PC/Static//statics/images/backlist.png); width: 141px; height: 42px; line-height: 42px; text-align: center; padding-left: 20px; color: #000; float: right;}
.newsinfo > .pan .right .bdsharebuttonbox{ margin-right: -12px; padding-top: 10px;}
.newsinfo > .tuijain .title{ padding: 20px 0;}
.newsinfo > .tuijain .list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -30px;}
.newsinfo > .tuijain .list li{ width: 50%; margin-bottom: 30px;}
.newsinfo > .tuijain .list li:nth-child(2n+1){ padding-right: 20px;}
.newsinfo > .tuijain .list li:nth-child(2n){ padding-left: 20px;}
.newsinfo > .tuijain .list a{ display: block; border: 1px solid #e4e4e4; padding: 15px 30px; border-radius: 5px; transition: all .5s ease 0s;}
.newsinfo > .tuijain .list .t{ padding-bottom: 10px;}
@media screen and (min-width:961px){
.newsinfo > .tuijain .list a:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.2); transform: translate(0,-5px);}
}
@media screen and (max-width:960px){
.newsinfo > .cont{ padding: 20px 0; margin-top: 20px;}
.newsinfo > .pan .right{ display: none;}
.newsinfo > .tuijain .list li:nth-child(2n+1){ padding-right: 10px;}
.newsinfo > .tuijain .list li:nth-child(2n){ padding-left: 10px;}
.newsinfo > .tuijain .list{ margin-bottom: -15px;}
.newsinfo > .tuijain .list li{ width: 50%; margin-bottom: 15px;}
.newsinfo > .tuijain .list a{ padding: 15px;}
}
@media screen and (max-width:768px){
.newsinfo > .tuijain .list{ margin-bottom: -10px;}
.newsinfo > .tuijain .list li{ margin: 0 0 10px 0 !important; padding: 0 !important;  width: 100%;}
.newsinfo > .tuijain .list a{ padding: 10px;}
.newsinfo > .cont{ padding: 10px 0; margin-top: 10px;}
.newsinfo > .p{ padding:5px 0 0 0;}
.newsinfo > .tuijain .list .t{ padding-bottom: 0;}
}

.turning{ margin-top: 40px;}
.turning ul{ display: flex; align-items: center; justify-content: center;}
.turning ul li + li a{ margin-left: 10px;}
.turning ul a{ display: block; border: 1px solid #e7e7e7; line-height: 38px; height: 40px; min-width: 40px; text-align: center; padding: 0 10px; transition: all .3s ease 0s;}
.turning ul a:hover,
.turning ul a.on{ background: #1988fc; color: #fff; border-color: #1988fc;}
@media screen and (max-width:960px){
.turning{ margin-top: 20px;}
.turning ul li a{ display: none;}
.turning ul li a{ line-height: 30px; height: 32px;}
.turning ul li .on,
.turning ul li:nth-child(1) a,
.turning ul li:nth-last-child(1) a{ display: block;}
}

.alltitle + .servicelist{ margin-top: -3%;}
.servicelist li:nth-child(2n+1){ background: #fff; border-radius: 25px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); flex-direction:row;}
.servicelist li:nth-child(2n+1) .left{ margin-right: 10%;}
.servicelist .flex,
.servicelist li:nth-child(2n){ flex-direction: row-reverse;}
.servicelist .box .left,
.servicelist li:nth-child(2n) .left{ margin-left: 10%;}
.servicelist li{ padding: 30px 60px;}
.servicelist li + li{ margin-top: 30px;}
.servicelist li b{  color: #004DE9;}
.servicelist .left{ width: 45%; flex: 0 0 auto;}
.servicelist .left .t b{ color: #004DE9; font-weight: 400;}
.servicelist .left .t{ padding-bottom: 15px;}
.servicelist .left .t + div{ min-height: 75px;}
@media screen and (max-width:960px){
.servicelist li{ padding: 30px;}
.servicelist li:nth-child(2n+1){ border-radius: 10px;}
}
@media screen and (max-width:768px){
.servicelist li:nth-child(2n+1){ border-radius: 5px;}
.servicelist .left .t{ padding-bottom:30px;}
}
@media screen and (max-width:640px){
.servicelist .flex,
.servicelist li{ display: block; position: relative;}
.servicelist li{ padding: 15px;}
.servicelist .left{ width: 100%; padding-top: 30px; text-align: center; margin: 0 !important;}
.servicelist .right{ position: absolute; left: 80px; top: 15px; right: 80px;}
.servicelist .right img{ position: absolute; right: 0; left: 0; margin: 0 auto; top: 0; max-width: 100%; max-height: 150px;z-index: -1;}
.servicelist .left .t + div{ font-size: 14px; min-height: 0;}
}

.iolist ul{ display: flex; justify-content: space-between; color: #666;}
.iolist li{ background: #fff; padding: 40px; border-radius: 5px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); width: 31%; transition: all .5s ease 0s;}
.iolist li .c-red{ text-align: center;}
.iolist li div.flex{ font-size: 15px; margin: 30px -3px 50px -3px; flex-wrap: wrap;}
.iolist li div.flex span{ padding: 0 3px;}
.iolist li dl{ margin: 50px -3px; flex-wrap: wrap;}
.iolist li dd{ text-align: center; padding: 0 3px;}
.iolist li dd .t{ font-weight: bold;}
.iolist li .btn a{ display: block; width: 80%; max-width: 185px; background: #004DE9; text-align: center; color: #fff; line-height: 50px; font-size: 16px; border-radius: 5px; margin: 0 auto;}
@media screen and (min-width:961px){
.iolist li:hover{ transform:translate(0,-15px);}
}
@media screen and (max-width:960px){
.iolist li{ padding: 20px;}
.iolist li div.flex,
.iolist li dl{ margin: 30px -3px;}
.iolist li .btn a{ line-height: 46px;}
}
@media screen and (max-width:640px){
.iolist ul{ display: block;}
.iolist li{ width: 100%;}
.iolist li + li{ margin-top: 15px;}
}

.iofuwuqi{ margin: 2% 0;}
.iofuwuqi .left{ width: 35%; margin-right: 5%; flex: 0  0 auto; padding-bottom: 50px; overflow: hidden;}
.iofuwuqi .right > div + div{ line-height: 2; padding-top: 30px;}
.iofuwuqi .left ul{ justify-content: space-around;}
.iofuwuqi .left li{ background: #e1e5f2; transition: all 3s ease 0s; position: relative;}
.iofuwuqi .left li:nth-child(1){ background: #004DE9;}
.iofuwuqi .left .t1,
.iofuwuqi .left .t2{ position: absolute; white-space: nowrap;}
.iofuwuqi .left ul{ width: 100%; height: 500px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; display: flex; align-items: flex-end;}
.iofuwuqi .left li{ width: 70px !important;height: 0;}
.iofuwuqi .left .t1{ left: -100px; right: -100px; margin: 0 auto; top: -30px; text-align: center; line-height: 20px;}
.iofuwuqi .left .t2{ left: -100px; right: -100px; margin: 0 auto; bottom: -30px; text-align: center; line-height: 20px;}
@media screen and (max-width:960px){
.iofuwuqi .left ul{ height: 260px;}
}
@media screen and (max-width:768px){
.iofuwuqi .cont{ display: block;}
.iofuwuqi .left{ width: 100%;}
.iofuwuqi .right > div + div{ line-height: 1.8; padding-top: 10px;}
}

.btmianbao .box{ border: 1px solid #e4e4e4; padding: 3%; background: #fff;}
.btmianbao .left,
.btmianbao .right{ width: 49%;}
.btmianbao .left .alltitle{ margin-top: 0;}
.btmianbao .tab{ display: flex; margin-top: 10%;}
.btmianbao .tab li + li{ margin-left: 4%;}
.btmianbao .tab li{ width: 48%; max-width: 185px;}
.btmianbao .tab a{ display: block; text-align: center; line-height: 48px; border-radius: 24px; border: 1px solid #004DE9; color: #004DE9;}
.btmianbao .tab a:hover,
.btmianbao .tab .on a{ background: #004DE9; color: #fff; line-height: 50px; border: none;}
.btmianbao .list a{ display: block;}
.btmianbao .list img{ width: 100%;}
@media screen and (max-width:768px){
.btmianbao .box{  display: block;}
.btmianbao .left,
.btmianbao .right{ width: 100%;}
.btmianbao .left{ padding-bottom: 15px; text-align: center;}
.btmianbao .tab{ margin-top: 10px; justify-content: center;}
.btmianbao .tab a{ line-height: 38px;}
}

.zhuyishixiang .list{ border: 1px solid #e4e4e4; background: #fff;}
.zhuyishixiang .list li{ display: flex; min-height: 140px;}
.zhuyishixiang .list li + li{ border-top: 1px solid #e4e4e4;}
.zhuyishixiang .list .left{ width: 250px; background: #f6f6f6; flex: 0 0 auto; justify-content: center; transition: all .5s ease 0s;}
.zhuyishixiang .list .left:hover{ background: #004DE9; color: #fff;}
.zhuyishixiang .list .left,
.zhuyishixiang .list .right{ padding: 15px 40px; display: flex; align-items: center;}
@media screen and (max-width:1366px){
.zhuyishixiang .list li{ min-height: 80px;}
}
@media screen and (max-width:960px){
.zhuyishixiang .list .left{ width: 170px;}
.zhuyishixiang .list .left,
.zhuyishixiang .list .right{ padding: 10px;}
.zhuyishixiang .list li{ min-height: 0;}
}
@media screen and (max-width:768px){
.zhuyishixiang .list .left{ width: 100px;}
}

.cloudbtnlist{ width: 100%;}
.cloudbtnlist ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.cloudbtnlist li{ width: 24%; max-width: 170px; text-align: center; line-height: 46px; border: 1px solid #fff; border-radius: 5px; cursor: pointer; user-select: none;font-weight: 300;}
.cloudbtnlist li.on{ background: #fff; color: #1d3e9f;}
@media screen and (min-width:861px){
.cloudbtnlist li + li{ margin-left: 30px;}
}
@media screen and (max-width:860px){
.cloudbtnlist ul{ max-width: 500px; margin: 0 auto;}
.cloudbtnlist li{ width: 48%; justify-content: space-between; margin: 1%; line-height: 38px;}
}

.cloudsflist{ width: 100%;}
.cloudsflist a{ color: #fff;}
.cloudsflist ul{ display: flex; justify-content: center;}
.cloudsflist li{ cursor: pointer; opacity: 0.7; transition: all .2s ease 0s; border-bottom: 1px solid transparent; user-select: none;font-weight: 300;font-size: 18px;}
.cloudsflist li + li{ margin-left: 30px;}
.cloudsflist li.on{ border-bottom-color: #fff; opacity: 1;}
.cloudsflist li.noclick{ cursor: no-drop;}

.cloudlist{ background: #fff; border-radius: 15px; padding: 15px; box-shadow: 1px 1px 15px rgba(0,0,0,.2);}
/*
.cloudlist table{ min-width: 100%; padding-right: 15px; border-spacing: 0;}
.cloudlist table a{ width: 140px; line-height: 48px; background: #004DE9; color: #fff; text-align: center; display: block; border-radius: 4px;}
.cloudlist table tr:nth-child(2n+1){ box-shadow: 0 0 8px rgba(0, 0, 0, .1); border-radius: 8px; height: 130px; background: #fff;}
.cloudlist table tr:nth-child(2n+1) td{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cloudlist table tr:nth-child(2n+1) td:nth-child(1){ border-radius: 8px 0 0 8px; border-left: 1px solid #ddd;}
.cloudlist table tr:nth-child(2n+1) td:last-child{ border-radius: 0 8px 8px 0; border-right: 1px solid #ddd;}
.cloudlist table tr.tr:last-child{ display: none;}
.cloudlist table td{ width: 11%; text-align: center; white-space:nowrap; padding: 10px;}
.cloudlist table .line{ padding-bottom: 15px;}
*/
.cloudlist .sbar{ max-height: 690px; overflow: auto;}
.cloudlist .sbar .list{ padding: 15px 0 15px 15px; width: auto;}
@media screen and (min-width:961px){
.cloudlist{ margin-top: -3%;}
}
@media screen and (max-width:960px){
.cloudlist{ padding: 10px; border-radius: 5px;}
.cloudlist .sbar{ max-height: 420px;}
.cloudlist .sbar .list{ padding: 5px 0 5px 5px;}
.cloudlist table{ padding-right: 5px;}
.cloudlist table tr:nth-child(2n+1){ height: 80px;}
.cloudlist table .line{ padding-bottom: 7px;}
.cloudlist table a{ width: 120px;}
}

.duibibox{ background: #fff; border: 1px solid #e4e4e4; padding: 60px 90px;}
.duibibox ul{ align-items: flex-start;}
.duibibox li{ padding: 0 10px;}
.duibibox li .ico{ position: relative; padding: 20px 20px 60px 20px; text-align: center;}
.duibibox li .ico .t1{ position: absolute;}
.duibibox li .ico .t2{ position: absolute; left: 0; right: 0; line-height: 30px; bottom: 20px;}
.duibibox li .ico .t1,
.duibibox li .ico .t2{ white-space: nowrap;}
.duibibox li:nth-child(1) .ico .t1{ top: 12%; left: 80%;}
.duibibox li:nth-child(2) .ico .t1{ top: 3%; left: 68%;}
.duibibox li:nth-child(3) .ico .t1{ top: 11%; left: 82%;}
.duibibox .p{ padding-top: 4%;}
@media screen and (max-width:1200px){
.duibibox{ padding: 15px;}
.duibibox ul{ padding-right: 50px;}
}
@media screen and (max-width:768px){
.duibibox ul{ padding-right: 0; display: block;}
.duibibox li{ max-width: 300px; margin: 0 auto;}
}

.pingtuan .alltitle{ margin-top: -4%;}
.pingtuan .list{ max-width: 1200px; margin: 0 auto;}
.pingtuan .list li{ background: #fff; border-radius: 5px; width: 48%; max-width: 560px; padding: 40px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); transition: all .3s ease 0s;}
.pingtuan .list .p{ text-align: center; margin: 30px -30px;}
.pingtuan .list .p .d{ padding: 0 5px; line-height: 1; width: 25%;}
.pingtuan .list .p .d + .d{ border-left: 1px solid #dadadf;}
.pingtuan .list .p .d > div + div{ padding-top: 10px;}
.pingtuan .list .dline{ color: #999;}
.pingtuan .list .bli .left{ flex: 0 0 auto; margin-right: 10px;}
.pingtuan .list .bli .btn{ width: 100%; text-align: center; max-width: 280px;}
.gmlj{ display: block; float: left; width: 55%; background: #004DE9; border: 1px solid #004DE9; color: #fff; border-radius: 5px; line-height: 50px; text-align: center;}
.gmlj:hover{background: #fff; color: #004DE9;border: 1px solid #004DE9;}
.yslj{ display: block; float: right; width: 35%; border: 1px solid #004DE9; color: #004DE9; border-radius: 5px; line-height: 49px; text-align: center;margin-bottom:15px}
.yslj:hover{background: #004DE9; color: #fff;border: 1px solid #004DE9;margin-bottom:15px}
.bli{border-top: 1px solid #eee;padding-top: 20px;}
.qiang-com .list{flex-direction: row;flex-wrap: wrap;}
.qiang-com .list li{padding: 30px 30px 20px;}
.qiang-com .list li .padd{padding: 10px 0 15px;}
.qiang-com .alltitle{ margin: 4% 0 3% 0;}
.qiang-com .list li:nth-child(3),.qiang-com .list li:nth-child(4){margin-top: 4%;}
.qiang-com .alltitle.alltitle1{ margin-top: -4%;}

.qiang_wyfw{margin-top: 4%;}
.qiang_xljs{margin-top: 4%;}
@media screen and (min-width:961px){
.pingtuan .list li:hover{ transform:translate(0,-15px);}
}
@media screen and (max-width:960px){
.pingtuan .list li{ padding: 20px;}
.qiang-com .list li{padding: 20px 20px 10px;}
.pingtuan .list .p{ margin: 25px -20px;}
}
@media screen and (max-width:960px) and (min-width:769px) {
.pingtuan .list .bli{ display: block; text-align: center;}
.pingtuan .list .bli .left{ margin-right: 0;}
.pingtuan .list .bli .btn{ margin: 10px auto;}
}
@media screen and (max-width:768px){
.pingtuan .list{ display: block;}
.pingtuan .list li{ width: 100%; max-width: none;}
.pingtuan .list li + li{ margin-top: 15px;}
}

.tuanjllist .ico{ width: 184px; flex: 0 0 auto; margin-right: 35px;}
.tuanjllist li + li{ margin-left: 20px;}
.tuanjllist .txt{ line-height: 1.4; width: 100%;}
.tuanjllist .txt > div + div{ padding-top: 20px;}
@media screen and (max-width:960px){
.tuanjllist .ico{ width: 110px; margin-right: 20px;}
}
@media screen and (max-width:768px){
.tuanjllist .list{ display: block;}
.tuanjllist li + li{ margin:15px 0 0 0;}
}

.ktbzbox .amallbtn{ display: block; width: 100%; background: #004DE9; color: #fff; border-radius: 5px; line-height: 50px; text-align: center; max-width: 140px; margin: 4% auto 0 auto;}
.ktbzbox{ background: #fff; border: 1px solid #e4e4e4; border-radius: 5px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); padding: 40px;}
.ktbzbox .tt{ margin-top: 4%;}
.ktbzbox .list{ text-align: center; align-items: flex-start; margin: 2% 0 0 0;}
.ktbzbox .list + .tt{ margin-top: 4%;}
/* .ktbzbox.tl .list .t{ text-align: left;} */
.ktbzbox .p p{ line-height: 1.4; margin: 1em 0;}
@media screen and (min-width:961px){
.ktbzbox .list li{ max-width: 20%;}
.ktbzbox.tl .list li{ width: 20%;}
.ktbzbox .list .t{ line-height: 1.2; padding-top: 20px;}
.ktbzbox .list .line{ width: 26px !important; border-top: 1px solid #d9d9d9; margin-top: 35px;}
.ktbzbox .list .n{ width: 70px; height: 70px; border-radius: 50%; position: relative; background: #dee1e9; margin: 0 auto; line-height: 70px; z-index: 100; color: #333; user-select: none; transition: all .5s ease 0s;}
.ktbzbox .list .n::before{ content: "0";}
.ktbzbox .list .n::after{ content: ""; position: absolute; z-index: -1; width: 60px; height: 60px; background: #edf0f8; border-radius: 50%; left: 5px; top: 5px; transition: all .5s ease 0s;}
.ktbzbox .list .n:hover{ background: #cce5fe; color: #fff; font-weight: bold;}
.ktbzbox .list .n:hover::after{ background: #004DE9;}
}
@media screen and (max-width:960px){
.ktbzbox{ padding: 15px;}
.ktbzbox .list{ display: block; text-align: left;}
.ktbzbox .list li{ overflow: hidden; color: #333; line-height: 1.4; margin: 1em 0;}
.ktbzbox .list .n{ float: left;}
.ktbzbox .list .n::after{ content: "、";}
.ktbzbox .list li .br{ display: inline-block; padding-left: .5em;}
.ktbzbox .list .line{ display: none;}
}

.loginbox{ background: url(https://www.zun.com/template/Home/Cong/PC/Static//statics/images/user-bg.jpg) center center; background-size: cover; height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; padding-bottom: 56px;}
.loginbox .copyright{ position: absolute; left: 0; right: 0; bottom: 0; background: #f7f8f9; padding: 15px 10px; line-height: 26px; text-align: center; color: #666;}
.loginbox .contbox{ max-width: 95%; width: 1200px; background: #fff;border-radius: 15px;}
.loginbox .contbox .left,
.loginbox .contbox .right{ width: 50%; padding: 40px; align-items: center; justify-content: center;display: inline-block; vertical-align:middle;}
.loginbox .contbox .right .box{ width: 100%; max-width: 390px; margin: 0 auto;}
.loginbox .contbox .right .l img{ display: block; margin: 0 auto;}
.loginbox .contbox .form ul{ margin: 70px 0;}
.loginbox .contbox .form .ul{ margin: 15px 0 40px 0;}
.loginbox .contbox .form li{ border-bottom: 1px solid #dfdfdf; display: flex; align-items: center;}
.loginbox .contbox .form li .getcode{ color: #fff; line-height: 30px; background: #0f5fda; padding: 0 15px; border-radius: 22px; flex: 0 0 auto; margin-left: 20px; user-select: none; cursor: pointer;}
.loginbox .contbox .form li+li{margin-top: 5px;}
.loginbox .contbox .form li input{ line-height: 26px; padding: 10px 0; width: 100%;}
.loginbox .contbox .form li.user input{ background: url(https://www.zun.com/template/Home/Cong/PC/Static//statics/images/user-user.png) left center no-repeat; padding-left: 30px !important; background-size: 20px;}
.loginbox .contbox .form li.pswd input{ background: url(https://www.zun.com/template/Home/Cong/PC/Static//statics/images/user-password.png) left center no-repeat; padding-left: 30px !important; background-size: 20px;}
.loginbox .contbox .form .btn{ background: #0f5fda; border-radius: 35px; line-height: 50px; text-align: center; color: #fff; width: 100%; margin-bottom: 15px; cursor: pointer;-webkit-appearance: none;  display: block;}
.loginbox .contbox .form .btn:last-child{ margin-bottom: 0;}

@media screen and (max-width:1366px){
.loginbox{ padding: 0 15px 56px 15px;}
.loginbox .contbox{ border-radius: 10px; max-width: 800px;}
.loginbox .contbox .left,
.loginbox .contbox .right{ padding: 20px;}
.loginbox .contbox .right .l img{ width: 50%;}
.loginbox .contbox .form ul{margin: 20px 0 !important;}
.loginbox .contbox .form li input{ padding: 6px 0;}
.loginbox .contbox .form .btn{ line-height: 40px;}
}
@media screen and (max-width:640px){
.loginbox .contbox .left{ display: none;}
.loginbox .contbox .right{ width: 100%; padding: 30px 15px;}
.loginbox .contbox .form ul{ margin:0 0 20px 0 !important;}
.loginbox .contbox .form li input{ padding: 8px 0;}
.loginbox .contbox{ max-width: 360px; width: 100%;}
}
.i11211621 p{ margin: .65em 0; line-height:2.6;width: 50%;float:left;}
.i11211621 span{ color: #004DE9; font-weight: bold;}

.amallbtn{ overflow: hidden; position: relative;}
.amallbtn em,
.amallbtn span{ position: relative; z-index: 2; font-style: normal;}
@media screen and (min-width:961px){
.amallbtn .sbg{ width: 0; height: 0; position: absolute; transition: width .2s ease,height .2s ease; background:radial-gradient(circle closest-side,#51b9ff,transparent); left: 0; top: 0; transform: translate(-50%,-50%);}
.amallbtn:hover .sbg{ width: 300px; height: 300px;}
}


.ktbzbox .list2{ text-align: center; align-items: inherit; margin-top: 2%;}
.ktbzbox .list2 li{ width: 30%; display: flex;}
.ktbzbox .list2 li a{ background: #f0f2f6; display: block; padding:5% 15%; border-radius: 5px; height: 100%; width: 100%; transition: all .5s ease 0s;}
.ktbzbox .list2 li a:hover{ background: #004DE9; color: #fff;}
.ktbzbox .list2 li a:hover .t{ font-weight: bold;}
@media screen and (max-width:960px){
.ktbzbox .list2 li a{ padding: 5%;}
}
@media screen and (max-width:640px){
.ktbzbox .list2{ display: block;}
.ktbzbox .list2 li{ width: 100%;}
.ktbzbox .list2 li + li{ margin-top: 15px;}
}

.countdown span{ background: #fff; border-radius: 3px; line-height: 1.6; min-width: 1.6em; display: inline-block; margin: 0 5px; color: #ea1010;}

.groupbox{ background: #fff; border-radius: 10px; box-shadow: 1px 1px 15px rgba(0,0,0,.2); padding: 3% 8%;}
.groupbox .t{ color: #234aaf;}
.groupbox .jw{ margin: 3% 0;}
.groupbox .p{ width: 50%;}
.groupbox .p{ text-align: center; margin: 20px -30px;}
.groupbox .p .d{ padding: 0 5px; line-height: 1; width: 25%;}
.groupbox .p .d + .d{ border-left: 1px solid #dadadf;}
.groupbox .p .d > div + div{ padding-top: 10px;}
.groupbox .dline{ color: #999;}
.groupbox .link{ border-top: 1px solid #e9e9e9; padding-top: 3%; margin-top: 3%;}
.groupbox .link a:hover span,
.groupbox .link a{ color: #004DE9;}
.groupbox .link span{ color: #333;}
.groupbox .group .head{ justify-content: center; text-align: center; margin: 3% 0;}
.groupbox .group .head .pic,
.groupbox .group .head .pic img{ width: 120px; height: 120px; border-radius: 50%;}
.groupbox .group .head .box{ flex-direction: column; position: relative;}
.groupbox .group .head .box .tz{ position: absolute; top: 20%; left: 50%; background: #ea0909; color: #fff; width: 3.4em; border-radius: 5px; margin-left: 40px;}
.groupbox .group .list ul{ justify-content: center; margin: -15px 0; flex-wrap: wrap; align-items: inherit;}
.groupbox .group .list li{  margin: 5px  10px; flex-direction: column; min-width: 70px; align-items: center;}
.groupbox .group .list .ico,
.groupbox .group .list .ico img{ width: 40px; height: 40px; border-radius: 50%;}
.groupbox .group .list .ico{ margin-bottom: 5px;}
.groupbox .group .list .wen{ width: 40px; height: 40px; border: 1px dashed #004DE9; border-radius: 50%; line-height: 38px; text-align: center; background: #eef2f6;}
.groupbox .group .btn{ margin-top: 3%;}
.groupbox .group .btn .amallbtn{ margin: 0 auto; display: block; max-width: 165px; line-height: 50px; border-radius: 5px; background: #004DE9; text-align: center; color: #fff;}
@media screen and (max-width:960px){
.groupbox{ padding: 30px;}
	.i11211621 p {
    line-height: 1.4;
    width: 100%;
    float: none;
}
}
@media screen and (max-width:640px){
.groupbox{ padding: 15px;}
.groupbox .jw{ display: block;}
.groupbox .p{ width: auto; margin-top: 10px;}
.groupbox .group .list ul{ margin: 0;}
}


.fenxiao_li + .fenxiao_li{ padding-top: 20px;}
.fenxiao_li_tt{ border-bottom: 1px solid #ddd;}
.fenxiao_li_tt > span{ position: relative; display: inline-block; line-height: 40px;}
.fenxiao_li_tt > span::after{ content: ""; position: absolute; width: 100%; left: 0; bottom: -1px; border-top: 2px solid #004DE9;}
.fenxiao_li .bbox{ padding: 15px 0;}
.fenxiao_li .fx_left{ flex: 0 0 auto; width: 20%; margin-right: 2%; max-width: 130px;}
.fenxiao_li .fx_right{ width: 100%;}


.aboutcontent .pic{ margin-right: 2%; width: 40%; flex: 0 0 auto; min-width: 350px;}
.aboutcontent .pic .pbx{ width: 48%; padding: 2%; border: 1px solid #ddd;}
.aboutcontent .pic .pbx img{ min-width: 100%; min-height: 100%;}

@media screen and (max-width:960px){
.aboutcontent > .flex{ display: block;}
.aboutcontent .pic{ min-width: 0; width: 100%; max-width: 600px; margin: 0 auto 3% auto;}
}


.yhqlist{ overflow: hidden; margin-top: -6%;}
.yhqlist ul{ text-align: center; font-size: 0; margin: 0 -15px;}
.yhqlist li{ display: inline-block; margin: 0 30px;}
.yhqlist li{ width: 406px; height: 154px; background: url(https://www.zun.com/template/Home/Cong/PC/Static//statics/images/i12_yhq.png); color: #fff; position: relative; margin-top: 3%; background-size: 100% 100%;}
.yhqlist li a{ color: #fff;}
.yhqlist li .flex{ width: 100%; position: relative; left: 0; top: 0; height: 100%;}
.yhqlist li .song{ position: absolute; width: 50px; height: 50px; background: #fff; color: #222; text-align: center; line-height: 50px; border-radius: 50%; box-shadow: 1px 1px 5px rgba(255, 255, 255, 0.3); left: 54%; top: 50%; margin: -25px 0 0 -25px;}
.yhqlist li .left{ width: 53.8%;}
.yhqlist li .right{ width: 46.2%;}
.yhqlist li .left,
.yhqlist li .right{text-align: center; line-height: 1.4; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.yhqlist li .br{ display: none;}
@media screen and (max-width:1400px){
.yhqlist li{ width: 30%; margin: 1.5% 1.6666666%;}
.yhqlist li .song{ width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 -15px; font-size: 14px}
}
@media screen and (max-width:960px){
.yhqlist li{ width: 48%; margin: 1.5% 1%; height: auto; padding: 3% 0;}
}
@media screen and (max-width:640px){
.yhqlist ul{ margin: 0 -8px;}
.yhqlist li{ transform:scale(0.75,0.75); width: 60%; margin: -2% -6%;}
.yhqlist li .br{ display: block;}
}

.gndbtable .table{ border-collapse: collapse; width: 100%; border: 1px solid #E5E5E5; border-collapse: separate; overflow: hidden; background: #ffffff;border-radius:6px; line-height: 1.4;}
.gndbtable .table .thead-tr,
.gndbtable .table .thead-tr th {background:#3669f0; color: #fff; font-weight: normal;}
.gndbtable .table .thead-tr th{ border-left: 1px solid #E5E5E5; text-align: center;}
.gndbtable .table .thead-tr th,
.gndbtable .table tr td{ padding: 20px 30px;}
.gndbtable .table .thead-tr th:first-child{border-left-color:#3669f0}
.gndbtable .table tr td { border: 1px solid #E5E5E5; border-right: none; border-bottom: none; vertical-align: middle;}
.gndbtable .table tr td.tname{ border-left: none; text-align:center; font-weight: bold;}
.gndbtable .table .yes{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAChElEQVQ4T52Uz0sUcRjGn2dWly0PBiZ4CaKgDlLBzgpCZLq7kJC4WliC0CEisCjUU39BdQk99OtQp4hEJWet9FCuIlSQu7pCXQqCCCrIIJdEWnfmiTF323TJzTm+3+f5PDPv+86XKPC0DcAz7ws0GZIJwS8wAECEEiBmJE1XpGdGB0/AXmvn2kL4cc0uLasfRE2hsFxNmGYp2581Tb/P1/0FbBj2nzXIXoBb/wlbPZT0g2DXeGv8blafA4Ys8xzAG8WA1mpEdcYiidtufQUYHDZ3g3xNwLcZIKBFlTrVsaOzHwjBCFrmK5Lm/8AEZCgtgix3fQKexyLxQ6wf8dd6HOPlf8GEJRh2I8HvkDGX9TpQLUNRswfitWKB7iBA+0isJfmiYSQQMRxYWa/kdDM0HBgCcTxXBB4RqgRYu6757lQ9dnC8OTntwuhgiEDJH6AGXOA8iIrffZCW0t6yFFJ2lXfLEwDhPGgKRibswoJRs40O+kEaa0I/MmgFPhOoyqUQfbFIvLt+YqfPs1AxsfqmKVuZw5OtyWQo6u+QeI/gup9CwBeGrMAYgMb8JEm3Yi2J8/WD1WUer2/Uln3RhTVEA6cp3SkEW/lCYYxBy7xC8NL6oej+eCRxCoSzuqudJG9uMLzLDFn+k4DRX1goy+tdaP+ZLu8ieLWITWij2ytjYXuSwN5CBklfSVZuCJPe2du+7V9pbNgy90mIg/RuaCycmnY8Gf9E89yb3KSCw/4u0ujdDFDChVhr/HrucshCgpZ5hkAfwLIiwSkIPQWvryygzqrZUQI9IHBwA+ikQbvjaWT2U75u3XJmD0MPD+yRUVIHsI5QSMIyyClAU3QyU+PH5t4WCvwFIhoEHsPQr38AAAAASUVORK5CYII="); background-position:center center; background-repeat:no-repeat; }
.gndbtable .table .no{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAA3NCSVQICAjb4U/gAAAAh1BMVEX/////mZn/mZn/k5P/iYn/h4f/jY3/i4v/h4f/g4P/iYn/h4f/dHT/cnL/cXH/b2//Xl7/WFj/////9/f/9fX/8/P/8fH/7+//7Oz/6+v/5+f/np7/kZH/kJD/jY3/Zmb/Y2P/YGD/Xl7/XFz/Wlr/WFj/Vlb/VFT/U1P/TEz/SEj/QkL/QUFqVWvnAAAALXRSTlMAd4iIiIiZmbu7zMzd3d3d7u7///////////////////////////////////9R2fnNAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAALJJREFUGJVtUdkSgjAMDCgeiIqhxQPkqBwW+//fJwk4HLIv6e5MNpsUgLHx/Eb73hoGrCrTo7R+2sGM4C5ovWqZGcjh3VYdK6Iq1uQLsCWWoMyNyQQmxBw4U8kDvBavEIOC2AlK9kkFPm4oUyYXaDr3TCKGefdulkQ9ar+jzPp2HqTaQaUKUXCyYxfpiWISCWpyibgxjSh83W5kz7b88KHcqbhbONP+/8iVPbq94/l6+I4v/uYuRXssRSIAAAAASUVORK5CYII="); background-position:center center; background-repeat:no-repeat; text-align:center; color:#FF0000; font-size:14px; text-indent:-999em; }
.gndbtable .table .txt{ text-align:center; white-space: nowrap;}
@media screen and (max-width:1200px){
.gndbtable .table .thead-tr th,
.gndbtable .table tr td{ padding: 12px 20px;}
}
@media screen and (max-width:768px){
.gndbtable .table .thead-tr th,
.gndbtable .table tr td{ padding: 5px 8px;}
}

.btsoft{ align-items: inherit; border: 1px solid #ddd;}
.btsoft .left{ width: 70%; flex: 0 0 auto; max-width: 812px; position: relative; z-index: 2; margin: -1px;}
.btsoft .right{ border-radius: 5px; background: #fff; display: flex; padding: 30px; flex-direction: column; justify-content: center;}
.btsoft .right > * + *{ margin-top: 10%;}
@media screen and (max-width:960px){
.btsoft{ display: block; border: none;}
.btsoft .left,
.btsoft .left img{ width: 100%; max-width: none; margin: 0;}
.btsoft .right{ border: 1px solid #ddd; margin-top: -10px; padding: 20px 15px 15px 15px;}
.btsoft .right > * + *{ margin-top: 3%;}
}


    
.bt_list .flex{ max-width: 1000px; margin: 0 auto;flex-direction: row-reverse;}
.bt_list .left{ flex: 1; max-width: 675px; margin-right: 20px;}

.bt_list .list2 li > div{ position: relative;}
.bt_list .list2 img{ box-shadow: 0 0 20px #bbb; width: 100%; flex: 0 0 auto; height: auto;}
.bt_list .list2 .dbimg{width: 62%;}
.bt_list .list2 .bt-wx-app{position: absolute;top: -4%;box-shadow: none;width: 36.2%; right: 0;}


.bt_list .right{ width: 260px;}
.bt_list .list3{ overflow: hidden; margin: -30px 0 0 -60px;}
.bt_list .list3 li{ text-align: center; float: left; margin: 30px 0 0 60px; cursor:pointer;}
.bt_list .list3 li .icon{ background-image:url("https://www.zun.com/template/Home/Cong/PC/Static//statics/images/pro-icon.png"); background-repeat:no-repeat; border:#ccc 1px solid; height:70px; width:70px; border-radius:35px; margin: 0 auto 10px auto;}
.bt_list .list3 li .ico1{background-position:0 0;}
.bt_list .list3 li .ico2{background-position:-212px 0;}
.bt_list .list3 li .ico3{background-position:-283px 0;}
.bt_list .list3 li .ico4{background-position:-142px 0;}
.bt_list .list3 li .ico5{background-position:-71px 0;}
.bt_list .list3 li .ico6{background-position:-355px 0;}

.bt_list .list3 li.on .ico1{background-position:0 -71px;}
.bt_list .list3 li.on .ico2{background-position:-212px -71px;}
.bt_list .list3 li.on .ico3{background-position:-283px -71px;}
.bt_list .list3 li.on .ico4{background-position:-142px -71px;}
.bt_list .list3 li.on .ico5{background-position:-71px -71px;}
.bt_list .list3 li.on .ico6{background-position:-355px -71px;}

.bt_list .list3 .on .icon{border:#20a53a 1px solid;background-color:#20a53a;}
.bt_list .list3 li:hover .icon{border:#20a53a 1px solid;}
@media screen and (max-width:960px){
.bt_list .flex{ display: block;}
.bt_list .left{ margin: 4% auto 0 auto;}
.bt_list .right{ width: 100%;}
.bt_list .list3{ margin: 0 auto; display: flex; align-items: center; justify-content: space-between;max-width: 675px; }
.bt_list .list3 li{ margin: 0;}
.bt_list .list3 li .icon{ width: 35px; height: 35px; background-size: 212px;}

.bt_list .list3 li .ico1{background-position:-1px -1px;}
.bt_list .list3 li .ico2{background-position:-107px -1px;}
.bt_list .list3 li .ico3{background-position:-142px -1px;}
.bt_list .list3 li .ico4{background-position:-72px -1px;}
.bt_list .list3 li .ico5{background-position:-36px -1px;}
.bt_list .list3 li .ico6{background-position:-178px -1px;}

.bt_list .list3 li.on .ico1{background-position:-1px -36px;}
.bt_list .list3 li.on .ico2{background-position:-107px -36px;}
.bt_list .list3 li.on .ico3{background-position:-142px -36px;}
.bt_list .list3 li.on .ico4{background-position:-72px -36px;}
.bt_list .list3 li.on .ico5{background-position:-36px -36px;}
.bt_list .list3 li.on .ico6{background-position:-178px -36px;}
}
@media screen and (max-width:480px){
.bt_list .list3 li .appname{ display: none;}
}

/* 子页面公共banner样式*/
.sub_bg{width: 100%;position: absolute;left: 0;top: 0;min-height: 100vh;}
.sub_bg .top-banner-img{top: 0;width: 100%;}
.sub_ban{text-align: center;padding: 150px 3% 5px;color: #fff;position: relative;z-index: 9;}
.sub_ban .sub_h1{font-size: 36px;padding-bottom: 5px;}
.sub_ban .sub_p{font-size: 18px;padding-bottom: 20px;max-width: 1000px;margin: 0 auto;}
.sub_m{font-size: 16px;display: inline-block;line-height: 30px;padding: 3px 30px;border:1px solid #fff;color: #fff;border-radius: 8px;}
.sub_m:hover{background: #f60;border-color: #f60;color: #fff;}

@media screen and (max-width:768px){
    .sub_ban{padding-top: 100px;padding-bottom: 30px;}
    .sub_bg .top-banner-img{height:65vh;object-fit: cover;}
    .sub_ban .sub_h1{font-size: 26px;}
    .sub_ban .sub_p{font-size: 16px;}
    .sub_m{font-size: 15px;}
}
@media screen and (max-width:480px){
    .sub_ban .sub_h1{font-size: 22px;padding-bottom: 16px;}
    .sub_ban .sub_p{font-size: 15px;}
    .sub_m{font-size: 13px;padding: 0 8px;}
}