@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
*:focus{outline: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;}
html,body{width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x:hidden;}
body{position:relative;background-color: #fff;color: #000;font-size:14px;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
ol,ul,li{list-style:none;}
img{box-sizing:border-box;vertical-align:top;border:0; object-fit: cover;}
em,i{font-style: normal;}
a{text-decoration:none;color:#000;}
a:hover{color:#124cab;text-decoration:none;}
a:focus{outline:0px dotted;}
a:focus, input:focus{-moz-outline-style: none;}
::selection{background:#1e5eac;color:#fff;}
::-moz-selection{background:#1e5eac;color:#fff;}
::-webkit-selection{background:#1e5eac;color:#fff;}
input[type="button"],
input[type="submit"],
input[type="reset"],
select{-webkit-appearance: none;}
input,textarea,select,button{background: transparent;}
input, textarea, button{border:0;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;}
textarea{resize: none;overflow: auto;}
select{-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;color: #999 !important;}
select::-ms-expand{display: none;}
input::-webkit-input-placeholder,
input::-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-ms-input-placeholder{color: #999;}
input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder{color: #999;opacity: 1;}
audio, canvas, video{display: block;}
section, article, aside, header, footer, nav, dialog, figure{display: block;}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal{background: #e6e6e6;}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:#1e5eac; border-radius: 10px; min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:#1e5eac;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:#1e5eac;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}

@font-face {
    font-family: "iconfont"; /* Project id 4139661 */
    src: url('../iconfont/iconfont.woff2?t=1687829137930') format('woff2'),
         url('../iconfont/iconfont.woff?t=1687829137930') format('woff'),
         url('../iconfont/iconfont.ttf?t=1687829137930') format('truetype');
}
  
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wangluochuanbo:before {
  content: "\e62c";
}

.icon-dianhua:before {
  content: "\e632";
}
  
  

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix{*zoom:1;}
.g-in{position: relative;width: 87.5%; max-width: 1920px; margin: 0 auto;}
@media screen and (max-width: 1200px){.g-in{width: 92%;}}
.wrapper{position: relative;}

@media screen and (max-width: 1200px) {
    body{background: #f6f6f6;}
    .wrapper{max-width: 750px; margin: 0 auto; background: #fff;}
}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.fontSize50{font-size: 0.5rem;}
.fontSize24{font-size: 0.24rem; line-height: 2;}
.alignCenter{text-align: center;}
.display-flex{display: flex;}

@media screen and (max-width: 1400px) {
    .fontSize24{font-size: 0.26rem;}
}

@media screen and (max-width: 1200px) {
    .fontSize24{font-size: 0.32rem; line-height: 1.8}
}

/* 清除分享错位*/
#bsPanelHolder,
#bsPanelHolder *,
#bsBox,
#bsBox *,
#bsWXBox,
#bsWXBox *{box-sizing: initial!important;}
/* 下载说明*/
.doc{position: fixed;right: 1vw;top: 50%;width: 50px;height: 50px;border-radius: 50px;border: 1px solid #a00;background-color: #a00;text-align: center;line-height: 50px;color: #fff;transform: translateY(-50%);z-index: 99;}
.doc:hover{color: #ff0;}

.more{display: flex; align-items: center;}
.more .more-arrow{width: 0.6rem; height: 0.6rem; margin-right: 18px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #fdcc2c; transform: rotate(-45deg); transition: all 0.4s;}
.more .more-arrow .arrow{width: 0.2rem; height: 2px; background: #333333; position: relative;}
.more .more-arrow .arrow::before{content: '\20';position: absolute;right: -1px;bottom: 0.04rem;width: 0.12rem;height: 2px;transform: rotate(45deg);background: #333333;}
.more .more-arrow .arrow::after{content: '\20';position: absolute;right: -1px;bottom: -0.04rem;width: 0.12rem;height: 2px;transform: rotate(-45deg);background: #333333;}
.more .more-txt{font-size: 16px; color: #333333;}
.more:hover .more-arrow{transform: rotate(0);}

.header{position: relative;}
.topArea{position: absolute; width: 100%; left: 0; right: 0; top: 0; z-index: 10; transition: all 0.3s;}
.topArea .cont{display: flex; justify-content: space-between; align-items: center; height: 100px;}
.topArea .logo{position: relative;}
.topArea .logo .pic1{transition: all 0.3s;}
.topArea .logo .pic2{position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s; opacity: 0; visibility: hidden;}
.topArea .logo .sjBox img{height: 1.1rem;}
.topArea .link{display: flex; align-items: center;}
.topArea .nav ul{display: flex;}
.topArea .nav ul li{ margin-right: 0.5rem;}
.topArea .nav ul li:last-child{margin-right: 0;}
.topArea .nav .subNav{position: absolute; display: none; background: #ffffff; top: 100%; z-index: 4; left: 50%; transform: translateX(-50%); width: 1220px;}
.topArea .nav .subNav .subNav-wrap{display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.5rem 0.7rem 0.85rem;}
.topArea .nav .subNav .subNav-wrap .textBox{display: flex; flex-direction: column;}
.topArea .nav .subNav .subNav-wrap .textBox dl{margin-bottom: 0.44rem;}
.topArea .nav .subNav .subNav-wrap .textBox dl:last-child{margin-bottom: 0;}
.topArea .nav .subNav .subNav-wrap .textBox dt a{font-size: 16px; color: #333333; transition: all 0.3s; display: block; padding-right: 60px; position: relative;}
.topArea .nav .subNav .subNav-wrap .textBox dt a::before{content: '\20'; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 10px; height: 10px; border-right: 1px solid #1e5eac; border-bottom: 1px solid #1e5eac; opacity: 0; transition: all 0.3s;}
.topArea .nav .subNav .subNav-wrap .textBox dl.on dt a{color: #1e5eac;}
.topArea .nav .subNav .subNav-wrap .textBox dl.on dt a::before{opacity: 1;}
.topArea .nav .m1{font-size: 16px; color: #ffffff; display: block; height: 100px; line-height: 100px; position: relative;}
.topArea .nav .m1::before{content: '\20'; position: absolute; left: 0; bottom: 30px; width: 0; height: 2px; background: #1e5eac; transition: all 0.4s;}
.topArea .r-link{margin-left: 0.56rem; display: flex; align-items: center;}
.topArea .r-link .tel{display: flex; display: none; align-items: center; background: #fff; border-radius: 30px; padding: 0 11px 0 8px; height: 40px; transition: all 0.3s;}
.topArea .r-link .tel .pic{width: 30px; height: 30px; color: #ffffff; border-radius: 50%; background: #1e5eac; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.topArea .r-link .tel .pic span{ vertical-align: middle;-webkit-animation: bounce-up-data 1.5s linear infinite;animation: bounce-up-data 1.5s linear infinite;}
.topArea .r-link .tel .txt{font-size: 22px; font-weight: bold; color: #1e5eac; margin-left: 6px; transition: all 0.3s;}
.topArea .r-link .lang{margin-left: 0.36rem;}
.topArea .r-link .lang a{display: flex; align-items: center; color: #ffffff; transition: all 0.3s;}
.topArea .r-link .lang .pic span{font-size: 26px;}
.topArea .r-link .lang .txt{font-size: 20px; margin-left: 10px;}

.topArea.on{background: #ffffff;}
.topArea.on .logo .pic1{opacity: 0;}
.topArea.on .logo .pic2{opacity: 1; visibility: visible;}
.topArea.on .nav .m1{color: #333333;}
.topArea.on .nav li:hover .m1{color: #1e5eac;}
.topArea.on .nav li:hover .m1::before{width: 100%;}
.topArea.on .r-link .tel{background: #1e5eac;}
.topArea.on .r-link .tel .txt{color: #ffffff;}
.topArea.on .r-link .tel .pic{background: #ffffff; color: #1e5eac;}
.topArea.on .r-link .lang a{color: #1e5eac;}

@media screen and (max-width: 1800px) {
    .topArea .cont{width: 94%;}
}

@media screen and (max-width: 1600px) {
    .topArea .r-link .tel .txt{font-size: 18px;}
    .topArea .nav ul li{margin-right: 0.3rem;}
}

@media screen and (max-width: 1420px) {
    .topArea .cont{width: 96%;}
    .topArea .r-link{margin-left: 0.3rem;}
    .topArea .r-link .tel .txt{font-size: 17px;}
    .topArea .r-link .lang{margin-left: 0.2rem;}
}

@media screen and (max-width: 1200px) {
    .topArea .cont{width: 92%;}
}

.search{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:9999;}
.search .searchp{position:absolute;left:50%;width:600px;background:#fff;font-size:16px;z-index:9;top: 50%;transform: translate(-50%,-50%);}
.search form .txt{float:left; height:60px; line-height:60px; padding-left:15px; width:75%;}
.search form .btn{float:right;height:60px;line-height:60px;width:25%;text-align:center;background: #1e5eac;color:#fff;cursor:pointer;-webkit-appearance:none;border-radius: 0;}
.serclose{position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer;}
.search01{display:block;}
.search .searchpb{width: 100%;background: #fff;padding: 10px 15px;box-sizing: border-box;}
.search .searchpb .searchpba{padding-bottom: 10px;color: #9a9999;font-size: 16px;line-height: 2.1;}
.search .searchpb ul li{line-height: 2.1;}
.search .searchpb ul li a{color: #333;font-size: 16px;}
@media screen and (max-width: 750px) {
    .search .searchp{width: 92vw;}
    .search form .txt{height: 40px; line-height: 40px;}
    .search form .btn{height: 40px; line-height: 40px;}
    .serclose{right: 0;}
    .serclose img{width: 30px; height: 30px;}
}


.m-nav{position: fixed; left: 0; right: 0; width: 100%; height: 0; background: #f9f9f9; z-index: 80; transition: all 0.8s; top: 1.05rem; overflow: hidden;}
.m-nav ul{padding-top: 0.24rem;}
.m-nav ul li{position: relative; border-bottom: 1px solid #dfdfdf;}
.m-nav .m1Box{display: flex; justify-content: space-between; align-items: center; padding: 0.2rem 0.4rem;}
.m-nav .m1Box .m1{display: block; font-size: 0.32rem; color: #333; width: 85%;}
.m-nav .current .m1Box .m1{color: #1e5eac;}
.m-nav .m1Box .arr{display: none; width: 0.16rem; height: 0.16rem; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); transition: all 0.3s;}
.m-nav .hasSecondMenu .m1Box .arr{display: block;}
.m-nav .showSubNav .m1Box .arr{transform: rotate(45deg);}
.m-nav .subNav{padding: 0 0.6rem; background: #f3f3f3; display: none;}
.m-nav .subNav .subNav-item{border-bottom: 1px dashed #999;}
.m-nav .subNav .subNav-item:last-child{border-bottom: none;}
.m-nav .subNav .subNav-item .m2Box{display: flex; justify-content: space-between; align-items: center; padding: 0.16rem 0;}
.m-nav .subNav .subNav-item .m2Box .m2{display: block; font-size: 0.3rem; color: #333; width: 85%;}
.m-nav .subNav .subNav-item .m2Box .arr{display: none; width: 0.16rem; height: 0.16rem; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); transition: all 0.3s;}
.m-nav .subNav .subNav-item.hasThirdMenu .m2Box .arr{display: block;} 
.m-nav .subNav .subNav-item.hasThirdMenu .thirdNav{padding-bottom: 0.3rem;}
.m-nav .subNav .subNav-item .thirdNav .m3{display: block; font-size: 0.26rem; padding: 0.1rem 0.6rem;}

body.z-open .m-nav{height: calc(100% - 1.05rem); overflow: auto;}


.search-navbar .seaBox{display: flex; align-items: center; margin-right: 0.4rem;}
.search-navbar .sea{width: 0.6rem; height: 0.6rem; border-radius: 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1683540914430' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5327' width='30' height='30'%3E%3Cpath d='M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z' fill='%23ffffff' p-id='5328'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 0.4rem; background-color: #b0b0b0;}
.navbar{height: 1.1rem; width: 0.48rem;}
.navbar .naviconBox{height: 100%; position: relative;}
.navbar .icon-bar{position: absolute;width: 0.48rem;height: 4px;background: #1e5eac;border-radius: 6px;}
.navbar .icon-bar:nth-child(1){top: 0.38rem; transition: top .3s ease .4s, transform .3s ease;}
.navbar .icon-bar:nth-child(2){top: 0.54rem; transition: background .3s ease 0.4s;}
.navbar .icon-bar:nth-child(3){top: 0.7rem; transition: top .3s ease .4s, transform .3s ease;}
body.z-open .navbar .icon-bar:nth-child(1){transition: top .3s ease, transform .3s ease .4s; top: 0.54rem; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
body.z-open .navbar .icon-bar:nth-child(2){transition: background .3s ease 0s; background: transparent;}
body.z-open .navbar .icon-bar:nth-child(3){transition: top .3s ease, transform .3s ease .4s; top: 0.54rem; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

@media screen and (max-width: 1200px) {
    .header{padding-top: 1.1rem;}
    .topArea{position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 80; box-shadow: 0 0 12px rgba(0,0,0,.2);}
    .topArea .cont{height: 1.1rem;}
    .topArea .link{display: none;}
}

.footer{background: url(new12.jpg) no-repeat center; background-size: cover;}
.footer .ft01{padding: 0.6rem 0 8px 0;}
.footer .ft01 .cont{display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer .ft01 .a1{display: flex;}
.footer .ft01 .a1 dl{margin-right: 0.7rem;}
.footer .ft01 .a1 dl:last-child{margin-right: 0;}
.footer .ft01 .a1 dt{margin-bottom: 30px;}
.footer .ft01 .a1 dt a{font-size: 18px; color: #1d1d1d;}
.footer .ft01 .a1 dd{margin-top: 12px;}
.footer .ft01 .a1 dd a{font-size: 16px; color: #414141; opacity: 0.4; transition: all 0.3s;}
.footer .ft01 .a1 dd a:hover{opacity: 1;}
.footer .ft01 .a2 .b1{font-family: Arial; font-size: 0.48rem; line-height: 1; font-weight: bold; color: #787777;}
.footer .ft01 .a2 .b1 a{color: #787777;}
.footer .ft01 .a2 .b2{display: flex; align-items: center; margin-top: 14px;}
.footer .ft01 .a2 .b2 .pic{width: 34px; height: 34px; border-radius: 50%; background: #1e5eac; display: flex; justify-content: center; align-items: center;}
.footer .ft01 .a2 .b2 .txt{font-size: 16px; color: #666666; margin-left: 8px;}
.footer .ft01 .a2 .b3{ margin-top: 24px; display: inline-block; text-align: center;}
.footer .ft01 .a2 .b3 .textBox{font-size: 14px; color: #666666; margin-top: 3px;}
.footer .ft01 .a3 .b1{display: flex; align-items: center;}
.footer .ft01 .a3 .b1 .c2{margin-left: 25px;}
.footer .ft01 .a3 .b1 .c2 .tip{font-size: 14px; color: #1d1d1d;}
.footer .ft01 .a3 .b1 .c2 .tit{font-size: 30px; color: #1d1d1d; font-family: Arial; font-weight: bold;}
.footer .ft01 .a3 .b2{font-size: 14px; color: #828282; line-height: 30px; margin-top: 16px;}

.footer .ft02{margin-top: 1.2rem;}
.footer .ft02 .cont{display: flex; flex-wrap: wrap;}
.footer .ft02 p{font-size: 14px; color: #666666; margin-right: 1rem;}
.footer .ft02 p:last-child{margin-right: 0;}
.footer .ft03 .cont{display: flex;justify-content: space-between;border-top: 1px solid #d1d1d1;padding: 16px 0;}
.footer .ft03{font-size: 14px;line-height: 2;color: rgba(156,156,156,.5);margin-top: 0.45rem;}
.footer .ft03 a{color: rgba(156,156,156,.5);transition: all 0.3s;}
.footer .ft03 a:hover{color: #1d1d1d;}

@media screen and (max-width: 1380px) {
    .footer .ft01 .a1 dl{margin-right: 0.4rem;}
}

@media screen and (max-width: 1200px) {
    .footer .ft01 .cont{justify-content: center; text-align: center;}
    .footer .ft01 .a1{display: none;}
    .footer .ft01 .a3 .b1 .c2 .tip{font-size: 0.28rem;}
    .footer .ft01 .a3 .b1 .c2 .tit{font-size: 0.6rem;}
    .footer .ft01 .a3 .b2{font-size: 0.28rem; line-height: 1.8;}
    .footer .ft02{margin-top: 0.6rem;}
    .footer .ft02 .cont{justify-content: center;}
    .footer .ft03 .b1 .sjBox{display: inline-block;}
    .footer .ft03{font-size: 0.28rem; line-height: 1.8;}
}

.col-video{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);transition: all 0.5s;}
.col-video.on{display: block;}
.col-video .videoBox{position: absolute;left: 50%;top: 50%;width: 60%;transform: translate(-50%, -50%);}
.col-video .videoBox .close{position: absolute;top: 0;right: 0;font-size: 30px;text-align: center;line-height: 30px;width: 30px;height: 30px;color: #fff;cursor: pointer;z-index: 999;}
.col-video .videoBox video{width: 100%;height: auto;max-height: 80vh;}
.col-video.on .videoBox video{-webkit-animation: zoomIn 0.4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: zoomIn 0.4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@media screen and (max-width: 1200px){.col-video .videoBox{width: 92%;}}

.fixed-right{position: fixed;left: 50%;bottom: 10%;transform: translate(-100%,0);z-index: 20;margin-left: 43.75%;}
.fixed-right .server-center a{display: block; position: relative;}
.fixed-right .server-center .picBox img{width: 70px; height: 76px; border-radius: 50%;}
.fixed-right .server-center .textBox{font-size: 14px; color: #fff; width: 76px; height: 24px; border-radius: 30px; background: #1e5eac; text-align: center; line-height: 24px; position: absolute; bottom: -6px; z-index: 2;}
.fixed-right .zixun{width: 76px; margin: 0 auto; margin-top: 20px; border: 1px solid #c8def3; border-radius: 20px; background: #f3f9ff;}
.fixed-right .zixun .item{position: relative;}
.fixed-right .zixun .item::before{content: '\20'; position: absolute; left: 50%; bottom: 0; width: 25px; height: 1px; background: #cfdbe5; transform: translateX(-50%);}
.fixed-right .zixun .item:last-child::before{display: none;}
.fixed-right .zixun .item a{display: block; text-align: center; padding: 15px 0; font-size: 14px; color: #6a8096;}
.fixed-right .zixun .item .textBox{margin-top: 5px;}
.fixed-right .go-top{width: 0.8rem; height: 0.8rem; margin: 0 auto; border-radius: 50%; background: #fdcc2c; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 1s; transform: translateY(60px);}
.fixed-right .go-top.on{opacity: 1; visibility: visible; transform: translateY(0);}
.fixed-right .go-top .line{width: 22px;height: 2px;background: #fff;}
.fixed-right .go-top .arr{width: 3px;height: 20px;background: #fff;margin-top: 6px;position: relative;}
.fixed-right .go-top .arr::before{content: '\20';position: absolute;left: 50%;top: 0;width: 16px;height: 16px;border-right: 3px solid #fff;border-bottom: 3px solid #fff;transform: translateX(-50%) rotate(-135deg);}


.fixed-box{position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); left: 0; top: 0; z-index: 999; display: none;}
.fixed-box .flxed-wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.fixed-box .flxed-wrap .close{position: absolute; right: 0; top: 0; transform: translate(120%, -120%); color: #000; text-align: center; line-height: 46px; width: 50px; height: 50px; cursor: pointer; background-color: #fff; border-radius: 100%; transition: all 0.5s;}
.fixed-box .flxed-wrap .close::before{content: '\20';width: 30px;height: 3px;background: #666666;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);border-radius: 5px;}
.fixed-box .flxed-wrap .close::after{content: '\20';height: 30px;width: 3px;background: #666666;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);border-radius: 5px;}
.fixed-box .flxed-wrap .picBox img{display: block; max-width: none; height: 70vh;}
@media screen and (max-width: 1200px) {
    .fixed-box .flxed-wrap .picBox img{width: 70vw; height: auto;}
}
@media screen and (max-width: 1000px) {
    .fixed-box .flxed-wrap .close{width: 35px; height: 35px;}
    .fixed-box .flxed-wrap .close::before{height: 2px; width: 22px;}
    .fixed-box .flxed-wrap .close::after{width: 2px; height: 22px;}
}


.sjBox{display: none;}
@media screen and (max-width: 1200px){.pcBox{display: none;} .sjBox{display: block;}}