*,*::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}
em,i{font-style: normal;}
a{text-decoration:none;color:#000;}
a:hover{color:#2b7de1;text-decoration:none;}
a:focus{outline:0px dotted;}
a:focus, input:focus{-moz-outline-style: none;}
::selection{background:#2b7de1;color:#fff;}
::-moz-selection{background:#2b7de1;color:#fff;}
::-webkit-selection{background:#2b7de1;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-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:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:#d61518;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:#d61518;}
::-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)}
.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%; margin: 0 auto;}
@media screen and (max-width: 1300px) {
    .g-in{width: 90%;}
}
@media screen and (max-width: 1200px){.g-in{width: 92%;}}
.wrapper{position: relative; max-width: 1920px; margin: 0 auto;}
@media screen and (max-width: 1200px) {
    body{background: #f9f9f9;}
    .wrapper{max-width: 750px; margin: 0 auto; background: #ffffff;}
}
.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;}
.fontSize45{font-size: 0.45rem;}
.fontSize50{font-size: 0.5rem;}
.alignCenter{text-align: center;}
.display-flex{display: flex;}
/* 返回头部*/
.go-top{position: fixed;right: 1vw;bottom: -10vh;width: 40px;height: 40px;border-radius: 40px;border: 1px solid #333;background-color: #333;text-align: center;line-height: 40px;color: #fff;cursor: pointer;z-index: 999;display: flex;align-items: center;justify-content: center;transition: all .3s;}
.go-top svg{display: block;}
/* 清除分享错位*/
#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;}
.header{position: relative;}
.topArea{position: absolute; width: 100%; left: 0; right: 0; top: 0; z-index: 4;}
.topArea .cont{display: flex; justify-content: space-between; align-items: center; height: 91px; border-bottom: 1px solid rgba(255,255,255,.27);}
.topArea .logo .sjBox{height: 1.1rem;}
.topArea .link{display: flex; align-items: center;}
.topArea .nav ul{display: flex;}
.topArea .nav ul li{position: relative; margin-right: 0.5rem;}
.topArea .nav ul li:last-child{margin-right: 0;}
.topArea .nav .m1{font-size: 16px;color: #fff;transition: all 0.3s;display: block;position: relative;height: 90px;line-height: 90px;padding: 0 0.2rem;}
.topArea .nav .m1::before{content: '\20';position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;transform: translateY(-50%) rotate(45deg);transition: all 0.3s;}
.topArea .nav li:nth-child(1) .m1::before{display: none;}
.topArea .nav li:hover .m1::before{transform: rotate(225deg);}
.topArea .nav .subNav{position: absolute;left: 50%;top: 100%;width: 132px;padding: 30px 0;background: #fff;transform: translateX(-50%);opacity: 0;visibility: hidden;box-shadow: 0px 40px 48.3px 3.7px rgb(156 154 154 / 30%);transition: all 0.3s;}
.topArea .nav li:hover .subNav{opacity: 1;visibility: visible;}
.topArea .nav .subNav .m2{display: block;margin-bottom: 16px;font-size: 16px;color: #666;text-align: center;transition: all 0.3s;}
.topArea .nav .subNav .m2:last-child{margin-bottom: 0;}
.topArea .nav .subNav .m2:hover{color: #005eac;}
.topArea .r-link{display: flex; align-items: center;}
.topArea .r-link .tel{display: flex; align-items: center; padding-right: 0.3rem; position: relative; margin-right: 0.3rem;}
.topArea .r-link .tel::before{content: '\20'; position: absolute; right: 0; top: 50%; width: 1px;  height: 25px; background: #d1d1d1; transform: translateY(-50%);}
.topArea .r-link .tel .tip svg{display: inline-block; vertical-align: middle;-webkit-animation: bounce-up-data 1.5s linear infinite; animation: bounce-up-data 1.5s linear infinite;}
.topArea .r-link .tel .phone-number{margin-left: 18px; font-family: Arial; font-size: 24px; color: #ffffff;}
.topArea .r-link .sea{ cursor: pointer;}
@media screen and (max-width: 1680px) {
    .topArea .nav ul li{margin-right: 0.3rem;}
}



@media screen and (max-width: 1480px) {
    .topArea .nav ul li{margin-right: 0.2rem;}
    .topArea .nav .m1{font-size: 14px;}
}



.search form{display: flex;}
.search input{display: block;}
.search input[type="search"]{width: 2.46rem; background: #fff; height: 36px; line-height: 36px; padding: 0 18px;}
.search input[type="submit"]{width: 38px; height: 36px; line-height: 36px; cursor: pointer;  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='%230a9e6b' p-id='5328'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 26px; background-color: #ffffff;}

.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%; font-size: 14px;}
.search form .btn{float:right;height:60px;line-height:60px;width:25%;text-align:center;background: #237ae4;color:#fff;cursor:pointer;-webkit-appearance:none;border-radius: 0; font-size: 14px;}
.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: #237ae4;}
.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: #237ae4; 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 .nav{display: none;}
    .topArea .link{display: none;}
}


.m-title{display: flex; justify-content: space-between;align-items: flex-end;}
.m-title .tit{font-size: 0.42rem; color: #000000;}
.m-title .tip a{display: flex; align-items: center;}
.m-title .tip .txt{font-size: 14px; color: #666666; transition: all 0.3s; margin-right: 15px;}
.m-title .tip .arr{width: 8px;height: 8px;border-right: 2px solid #2b7de0;border-bottom: 2px solid #2b7de0;transform: rotate(-45deg);transition: all 0.3s;}
.m-title .tip a:hover .txt{color: #2b7de0;}

.more{display: flex; justify-content: center; align-items: center; width: 160px; height: 48px; background: linear-gradient(90deg, #237ae4 0%, #fff 100%);  border-radius: 5px; font-size: 14px; color: #ffffff; transition: all 0.5s;}
.more .txt{line-height: 1; margin-right: 12px;}
.more .arr{width: 8px; height: 8px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: rotate(-45deg); transition: all 0.3s;}
.more:hover{color: #fff; background: linear-gradient(90deg, #fff 0%, #237ae4 100%);}



@media screen and (max-width: 1200px) {
    .m-title{display: block;}
    .m-title .tip{margin-top: 0.2rem;}
    .m-title .tip a{font-size: 14px;}
}

.section-sites{padding: 0.7rem 0 0.7rem 0; background: #fff;}
.section-sites .cont{border: 1px solid #e6e6e6;}
.section-sites .hd{background: #fbfbfb; display: flex; justify-content: space-between;  padding: 17px 0.5rem;}
.section-sites .slide-hd{display: flex; width: 80%;flex-wrap: wrap;}
.section-sites .hd .item{font-size: 16px; color: #000; cursor: pointer; margin-right: 1rem; line-height: 2;}
.section-sites .hd .more-website .item{margin-right: 0;}
.section-sites .hd .item a{font-size: 16px; color: #000;}
.section-sites .hd .item.on{font-weight: bold;}
.section-sites .hd .item:hover{font-weight: bold; color: #000;}
.section-sites .hd .item a:hover{font-weight: bold;}
.section-sites .slide-bd{padding: 17px 0.5rem;}
.section-sites .slide-bd .item a{font-size: 14px; color: #666666; display: inline-block; margin-right: 0.5rem; margin-bottom: 0.1rem;}
.section-sites .slide-bd .item a:hover{color: #0078db; font-weight: bold;}
@media screen and (max-width: 1200px) {
    .section-sites .hd{background: #eee;    padding: 0.32rem 0.5rem 0.16rem 0.5rem;}
    .section-sites .slide-hd{flex-wrap: wrap;}
    .section-sites .slide-hd .item{font-size: 0.32rem; margin-right: 0.16rem; margin-bottom: 0.16rem;}
    .section-sites .slide-bd .item a{font-size: 0.28rem;}
}

.section-links{padding: 30px 0 18px 0;}
.section-links .cont{display: flex; justify-content: space-between; align-items: flex-start;}
.section-links .a1{display: flex; align-items: center;}
.section-links .a1 .pic{width: 38px; height: 38px; border-radius: 8px; margin-right: 10px; background: #f8f8f8; display: flex; justify-content: center; align-items: center;}
.section-links .a1 .tit{font-size: 14px; font-weight: bold; color: #242527;}
.section-links .a2{width: calc(100% - 140px); display: flex; flex-wrap: wrap; padding-top: 11px;}
.section-links .a2 a{font-size: 14px; color: #666666; line-height: 18px; padding-right: 15px; margin-right: 15px; margin-bottom: 15px; border-right: 1px solid #e6e6e6; display: block; transition: all 0.3s;}
.section-links .a2 a:last-child{padding-right: 0; margin-right: 0; border-right: none;}
.section-links .a2 a:hover{color: #237ae4;}

.footer{background: #262626;}
.footer .cont{padding: 0.8rem 0 1.08rem 0; display: flex; justify-content: space-between; background: url(../image/pic18.jpg) no-repeat center bottom; background-size: 100% auto;}
.footer .ft01 .b2{display: flex; align-items: center; margin-top: 18px;}
.footer .ft01 .b2 .txt{font-size: 16px; color: #ffffff; margin-left: 10px;}
.footer .ft01 .b3{font-size: 28px; font-weight: bold; color: #ffffff; margin-top: 14px;}
.footer .ft01 .b4{font-size: 14px; color: rgba(255,255,255,.37); margin-top: 10px;}
.footer .ft02{display: flex; border-right: 1px solid #3c3c3c; border-left: 1px solid #3c3c3c; padding: 0 0.6rem;}
.footer .ft02 dl{margin-right: 0.8rem;}
.footer .ft02 dl:last-child{margin-right: 0;}
.footer .ft02 dl dt{margin-bottom: 24px;}
.footer .ft02 dl dt a{font-size: 16px; color: #ffffff;}
.footer .ft02 dl dd a{font-size: 14px; color: rgba(255,255,255,.43); line-height: 24px;}
.footer .ft02 dl dd a:hover{color: #fff;}
.footer .ft03{color: #b4b4b4;}
.footer .ft03 .b1 a{color: #b4b4b4;}
.footer .ft03 .b1 a:hover{color: #fff;}
.footer .ft03 .b1 img{display: inline-block; vertical-align: middle; margin-right: 12px;}
.footer .ft03 .b2{line-height: 24px; margin-top: 38px;}
.footer .ft03 .b3{color: rgba(255,255,255,.21); margin-top: 20px;}
.footer .ft03 .b3 a{color: rgba(255,255,255,.21);}
.footer .ft03 .b3 a:hover{color: #fff;}

@media screen and (max-width: 1200px) {
    .footer .cont{display: block; padding: 0.8rem 0; text-align: center;}
    .footer .ft01 .b2{justify-content: center;}
    .footer .ft02{display: none;}
}

.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%;}}


.col-company-info{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.3);transition: all 0.5s;}
.col-company-info.on{display: block;}
.col-company-info .company-info-box{position: absolute;left: 50%;top: 50%;width: 500px;transform: translate(-50%, -50%);}
.col-company-info .company-info-box .company-info-box-wrap{background: #fff; padding: 20px 0; box-shadow: 0 0 18px rgba(0, 0, 0, 0.3);}
.col-company-info .company-info-box .infoBox .tit{padding: 0 30px; font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 10px; position: relative;}
.col-company-info .company-info-box .infoBox .tit::before{content: '\20'; position: absolute; left: 30px; bottom: -1px; width: 98px; height: 2px; background: red;}
.col-company-info .company-info-box .infoBox .tip{font-size: 16px; line-height: 30px; padding: 30px 30px 20px 30px; color: #555;}
.col-company-info .company-info-box .close{width: 30px; height: 30px; background: #666; border-radius: 50%; border: 3px solid #fff; position: absolute; right: 0; top: 0; transform: translate(50%,-50%); cursor: pointer; transition: all 0.8s;}
.col-company-info .company-info-box .close:hover{transform: translate(50%,-50%) rotate(270deg);}
.col-company-info .company-info-box .close::before{content: '\20'; position: absolute; width: 15px; height: 2px; background: #fff; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 50%;}
.col-company-info .company-info-box .close::after{content: '\20'; position: absolute; width: 2px; height: 15px; background: #fff; transform: translate(-50%,-50%) rotate(45deg); top: 50%; left: 50%;}
.col-company-info.on .company-info-box .company-info-box-wrap{-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-company-info .company-info-box{width: 90%;}
}


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