@charset "utf-8";
/* CSS Document */
html,body{height: 100%;}
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.menubox{display: none;}
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.headera{position: fixed;width: 100%; left: 0; top: 0;height: 85px;transition: all .6s;z-index: 100;background: transparent;}

.headera{position:fixed;width:100%;left:0;top:0;height:4.427vw;transition:all .6s;z-index:100;background:transparent;}
.headera.on .nava h3 a{color: #fff;}
.headera.hasBg .nava h3 a{color: #fff;}
.header.on .lxwb span img{filter: brightness(0) invert(1);}
.headera.hasBg .lxwb span img{filter: brightness(0) invert(1);}
.headera.hasBg .lxtext p{color: #fff;}
.header.on .lxtext p{color: #fff;}


.headerboxa{width: 1770px;height: 85px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;max-width: 94%;}
.logoa{width: 191px;}
.logoa img{width: 100%;}
.header_righta{display: flex;gap:110px;align-items: center;}
.nava ul{display: flex;gap:70px;}
.nava h3 a{display: block; line-height: 85px; position: relative;font-size: 18px;color: #000000;}
.nava h3 a:before{position: absolute;content: "";border-bottom: 3px solid #fe0000;width: 0;left: 50%;transform: translateX(-50%);top: 0;transition: all .6s;}
.nava li.cur h3 a:before{width: 100%;}
.nava h3 a:hover:before{width: 100%;}
.lxwm{width: 252px;display: flex;justify-content: space-between;align-items: center;}
.tcbtn{display: block;background: url(../images/a_15.png);width: 23px;height: 24px;background-size: 100% 100%;cursor: pointer;}
.lxwb{display: flex;gap:20px;align-items: center;}
.lxwb span{display: block;width: 36px;}
.lxwb span img{width: 100%;}
.lxtext p{font-size: 16px;color: #333333;margin-bottom: 6px;}
.lxtext h2{font-size: 22px;color: #006aad;}

.qjbj{position: fixed;z-index: 101;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0,0,0,.8);display: none;}
.sstc{background:#fff; width: 500px;  position: fixed;z-index: 1000;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;height: 45px;display: none;}
.sstcbox{display: flex;justify-content: space-between;}
.wby1{width: calc(100% - 120px); line-height: 45px;padding: 0 20px; font-size: 16px; }
.btn1{background:#cf000e;width: 120px;height: 45px;cursor: pointer; border: none;font-size: 16px;color: #fff;}
.ggbtn{position: absolute; top: 25px; right: 25px;width: 50px;height: 50px; cursor: pointer;background:url(../images/a_20.png) no-repeat center center #00A0E9;border-radius: 50%;transition: All 0.4s ease-in-out;background-size: 30px 30px;}
.ggbtn:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.footer_mon{background: #0f0f10;width: 100%;}
.footerbox{width: 1615px; margin: 0 auto; max-width: 90%;display: flex;justify-content: space-between;padding: 85px 0 30px;}
.foot_left{width: 385px;}
.logo_bottom img{width: 192px;}
.foot_left ul{display: flex;gap:30px; padding: 260px 0 25px;}
.foot_left ul li a{display: block;width: 60px;height: 60px;border-radius: 50%;background: #3e3e3e;position: relative;transition: all .6s;}
.foot_left ul li a img{height: 23px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.foot_left ul li a:hover{background: #ff0101;}
.foot_left p{font-size: 16px;color: #fff;line-height: 1.6;}
.foot_right{ width: 900px;max-width: 100%;}
.foot_top ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 60px;}
.foot_top h2{font-weight: bold; font-size: 18px; color: #fff; margin-bottom: 25px;}
.foot_top ul li a{font-size: 16px; color: #fff; line-height: 36px; transition: all .6s;}
.foot_top ul li a:hover{color: #ff0101;}
.foot_bottom ul{display: flex;gap:40px;flex-wrap: wrap;}
.foot_bottom li{width: calc(50% - 40px/2);}
.foot_bottom p{color: #fff;font-size: 16px;margin-bottom: 10px;}
.foot_bottom h2{color: #fff;font-weight: bold;font-size: 18px;line-height: 1.6;}

@media only screen and (min-width: 950px) and (max-width: 1920px) {
.headera{position:fixed;width:100%;left:0;top:0;height:4.427vw;transition:all .6s;z-index:100;background:transparent;}
.headera.on .nava h3 a{color: #fff;}
.headera.hasBg .nava h3 a{color: #fff;}
.headera.on .lxwb span img{filter: brightness(0) invert(1);}
.headera.hasBg .lxwb span img{filter: brightness(0) invert(1);}
.headera.hasBg .lxtext p{color: #fff;}
.headera.on .lxtext p{color: #fff;}
.headera.hasBg .lxtext h2{color: #fff;}
.headera.on .lxtext h2{color: #fff;}
.headera.hasBg .tcbtn{background: url(../images/a_04a.png) no-repeat center center;background-size: 100% 100%;}
.headera.on .tcbtn{background: url(../images/a_04a.png) no-repeat center center;background-size: 100% 100%;}


.logoa{width:9.9479vw;}
.logoa img{width:100%;}
.header_righta{display:flex;gap:5.7292vw;align-items:center;}
.nava ul{display:flex;gap:3.6458vw;}




.lxwb{display:flex;gap:1.0417vw;align-items:center;}
.lxwb span{display:block;width:1.875vw;}
.lxwb span img{width:100%;}

.qjbj{position:fixed;z-index:101;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,.8);display:none;}
.sstc{background:#fff;width:26.0417vw;position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;height:2.343vw;display:none;}
.sstcbox{display:flex;justify-content:space-between;}
.wby1{width:calc(100% - 6.25vw);line-height:2.343vw;padding:0 1.0417vw;font-size:0.8333vw;}
.btn1{background:#cf000e;width:6.25vw;height:2.343vw;cursor:pointer;border:none;font-size:0.8333vw;color:#fff;}
.ggbtn{position:absolute;top:1.302vw;right:1.302vw;width:2.604vw;height:2.604vw;cursor:pointer;background:url(../images/a_20.png) no-repeat center center #00A0E9;border-radius:50%;transition:All 0.4s ease-in-out;background-size: 1.562vw 1.562vw;}
.ggbtn:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.footer_mon{background:#0f0f10;width:100%;}
.footerbox{width:84.1146vw;margin:0 auto;max-width:90%;display:flex;justify-content:space-between;padding:4.4271vw 0 1.5625vw;}
.foot_left{width:20.0521vw;}
.logo_bottom img{width:10vw;}
.foot_left ul{display:flex;gap:1.5625vw;padding:13.5417vw 0 1.3021vw;}
.foot_left ul li a{display:block;width:3.125vw;height:3.125vw;border-radius:50%;background:#3e3e3e;position:relative;transition:all .6s;}
.foot_left ul li a img{height:1.1979vw;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.foot_left ul li a:hover{background:#ff0101;}
.foot_left p{font-size:0.9333vw;color:#fff;line-height:1.6;}
.foot_right{width:46.875vw;max-width:100%;}
.foot_top ul{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:3.125vw;}
.foot_top h2{font-weight:bold;font-size:1.233vw;color:#fff;margin-bottom:1.3021vw;}
.foot_top ul li a{font-size:1.133vw;color:#fff;line-height:1.875vw;transition:all .6s;}
.foot_top ul li a:hover{color:#ff0101;}
.foot_bottom ul{display:flex;gap:2.0833vw;flex-wrap:wrap;}
.foot_bottom li{width:calc(50% - 2.0833vw/2);}
.foot_bottom p{color:#fff;font-size:1.233vw;margin-bottom:10px;}
.foot_bottom h2{color:#fff;font-weight:bold;font-size:1.133vw;line-height:1.6;}
}
@media(max-width:950px){
.headera{background: #fff;height: 60px;}
.headerboxa{display: block;}
.logoa{width: 120px; position: absolute;left: 3%;top: 50%;transform: translateY(-50%);}
.nava{position: fixed; width: 100%; height: calc(100vh - 60px);top: 60px;left: 0;background: rgba(0,0,0,.8);overflow: auto;display: none;}
.nava ul{display: block;padding: 30px 0;}
.nava h3 a{text-align: center;line-height: 4; color: #fff;font-size: 14px;}
.nava h3 a:before{display: none;}
.nava li.cur h3 a{color: #ff0101;}
.lxwm{display: none;}

.menubox{ display: block; position: absolute;right: 9%; top: .15rem; width:.5rem; height: .48rem;opacity: 1;pointer-events: auto;transition: 0.3s;}
.menubox div{position: absolute;left: 20px;width: 30px;height: 3px;background-color: #ff0101;transition: 0.6s;}
.menubox div:nth-child(1){top: 9px;}
.menubox div:nth-child(2){top: 19px;width: 50%;}
.menubox div:nth-child(3){top: 29px;}
.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);} 

.footerbox{padding: .4rem 0;display: block;}
.foot_left{width: 100%;border-bottom: 1px solid rgba(255,255,255,.15);padding-bottom: .3rem;margin-bottom: .3rem;}
.logo_bottom img{margin: 0 auto;width: 3rem;}
.foot_left ul{padding: .5rem 0;justify-content: center;gap:.5rem;}
.foot_left p{text-align: center;font-size: .24rem;}
.foot_top{display: none;}
.foot_bottom ul{gap:.3rem;}
.foot_bottom  li{width: 100%;text-align: center;}
.foot_bottom p{font-size: .24rem;margin-bottom: .15rem;}
.foot_bottom h2{font-size: .28rem;}
}