:root{--theme-color:#222;--theme-color-transparency_5:#fff;--theme-color-transparency_7:#fff}body{font-family:MicrosoftYaHei-Bold}body .pickerBox{position:absolute;left:50px;top:100px;max-width:1200px}body .pickerBox .picker{position:absolute;width:30px;height:30px;cursor:pointer;left:0;opacity:.4}body .pickerBox .picker:hover{opacity:1;transition:all .2s ease}body a{text-decoration:none !important}@media (max-width: 767px){.hidden-xs{display:none !important}.show-xs{display:block !important}.pc_banner{display:none !important}.m_banner{display:block !important}}@media (max-width: 992px){.hiddex-lg{display:none}}@media (max-width: 1140px){.hiddex-xl{display:none}}body,html{font-family:Microsoft YaHei;overflow-x:hidden}header .header{background-color:#fff;border-bottom:1px solid #000;position:relative;z-index:5;width:100%;top:0;left:0}header .header .topNav{transition:all ease .3s;-webkit-transition:all ease .3s;height:120px}header .header .topNav .container{display:flex;justify-content:space-between;align-items:center;height:100%}header .header .topNav .container .logo img{max-width:80%;height:auto}header .header .topNav .container .number>div{display:flex;align-items:flex-start}header .header .topNav .container .number>div .iconfont{font-size:60px;line-height:60px;color:#bf0101;margin-right:5px}header .header .topNav .container .number>div p{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#231815}header .header .topNav .container .number>div span{font-size:32px;font-family:Microsoft YaHei;font-weight:700;color:#181b22;letter-spacing:-1px;line-height:40px}header .header .pc-head-nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--theme-color);position:initial;top:120px;left:0;width:100%}header .header .pc-head-nav .head-logo{width:30%;font-size:30px;font-family:Microsoft YaHei;font-weight:700;color:#fff}header .header .pc-head-nav .head-logo img{max-width:100%;height:auto}header .header .pc-head-nav .nav-list{width:100%;display:flex;justify-content:flex-end}header .header .pc-head-nav .nav-list>ul{display:flex;width:100%;justify-content:space-between}header .header .pc-head-nav .nav-list>ul>li{flex:1;text-align:center;position:relative;line-height:90px}header .header .pc-head-nav .nav-list>ul>li::after{content:"·";color:#fff;display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:40px}header .header .pc-head-nav .nav-list>ul>li:last-child::after{content:""}header .header .pc-head-nav .nav-list>ul>li>a{display:inline-block;line-height:90px;font-size:21px;color:#fff;font-weight:300}header .header .pc-head-nav .nav-list>ul>li:hover>a{font-weight:700}header .header .pc-head-nav .nav-list>ul>li:hover>ul{transform:scaleY(1);-webkit-transform:scaleY(1);visibility:visible}header .header .pc-head-nav .nav-list>ul>li>ul{position:absolute;left:0;top:92px;width:100%;text-align:center;-webkit-transform:scaleY(0);transform:scaleY(0);transition:all ease .3s;-webkit-transition:all ease .3s;-webkit-transform-origin:0 0 0;transform-origin:0 0 0;visibility:hidden}header .header .pc-head-nav .nav-list>ul>li>ul>li{line-height:40px;margin-bottom:1px;background-color:var(--theme-color)}header .header .pc-head-nav .nav-list>ul>li>ul>li:hover a{font-weight:700}header .header .pc-head-nav .nav-list>ul>li>ul>li a{font-size:18px;color:#fff}header .header .mobile-nav{display:none;padding:8px 0;position:fixed;width:100%;left:0;top:0;background:#fff}header .header .mobile-nav .m-head{display:flex;justify-content:space-between}header .header .mobile-nav .m-head .m-logo{padding-left:15px;font-size:28px;font-weight:700}header .header .mobile-nav .m-head .m-logo img{max-width:70%}header .header .mobile-nav .m-head .m-button{background-color:var(--theme-color);position:absolute;right:15px;top:50%;transform:translateY(-50%);padding:5px 10px;line-height:30px;text-align:center}header .header .mobile-nav .m-head .m-button.active{padding:15px 10px;background-color:inherit}header .header .mobile-nav .m-head .m-button.active>span{position:absolute;right:15px;background-color:#000;margin:0}header .header .mobile-nav .m-head .m-button.active>span:first-child{transform:rotate(45deg);background-color:var(--theme-color)}header .header .mobile-nav .m-head .m-button.active>span:nth-child(2){display:none}header .header .mobile-nav .m-head .m-button.active>span:last-child{transform:rotate(-45deg);background-color:var(--theme-color)}header .header .mobile-nav .m-head .m-button span{display:block;background:#fff;border-radius:3px;width:30px;height:2px;margin:5px 0;transition:all ease .3s;-webkit-transition:all ease .3s}header .header .mobile-nav .m-nav-list{position:fixed;z-index:5;width:0;right:0;top:75px;background-color:#fff;padding:20px 0;transition:all ease .3s;-webkit-transition:all ease .3s}header .header .mobile-nav .m-nav-list p{line-height:50px;white-space:nowrap;padding:0 25px;border-bottom:1px solid var(--theme-color)}header .header .mobile-nav .m-nav-list p a{color:var(--theme-color);font-weight:700}header .header .mobile-nav .m-nav-list.active{width:60%;height:auto}@media (min-width: 1400px){header .header .container{max-width:1200px}}@media (max-width: 998px){header .header .topNav .container .number>div .iconfont{font-size:26px}header .header .topNav .container .number>div span{font-size:26px}header .header .pc-head-nav .head-logo{font-size:24px}header .header .pc-head-nav .nav-list>ul>li a{font-size:17px}}header .banner{display:none;width:100%;height:auto}header .banner img{width:100%}header .banner .swiper-slide img{width:100%}header .banner .swiper-button-next .iconfont,header .banner .swiper-button-prev .iconfont{font-size:60px;color:var(--theme-color)}header .banner .swiper-button-prev{left:61px;width:96px;height:96px;border-radius:50%;background-color:rgba(255,255,255,0.4);transform:rotate(180deg);text-align:center}header .banner .swiper-button-next{right:61px;width:96px;height:96px;border-radius:50%;background-color:rgba(255,255,255,0.4);text-align:center}header .banner .swiper-button-next:after,header .banner .swiper-button-prev:after{content:""}header .banner .swiper-button-next:hover,header .banner .swiper-button-prev:hover{background-color:var(--theme-color)}header .banner .swiper-button-next:hover .iconfont,header .banner .swiper-button-prev:hover .iconfont{color:#fff}header .banner .swiper-pagination{display:flex;justify-content:center;align-items:center}header .banner .swiper-pagination-bullet{border-radius:50%;opacity:1;width:14px;height:14px;border:1px solid var(--theme-color)}header .banner .swiper-pagination-bullet-active{background:initial;background-color:var(--theme-color);width:14px;height:14px}header .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:72px}header .pc_banner{display:block;padding-top:0}header .m_banner{display:none;padding-top:55px}.banner .swiper-slide{position:relative}.banner .swiper-slide .banner-title{position:absolute;bottom:0;width:100%;height:100%}.banner .swiper-slide .banner-title .container{width:100%;height:100%;position:relative}.banner .swiper-slide .banner-title .container .title-t{position:absolute;color:#fff;top:50%;transform:translateY(-50%);left:0;margin-left:15px;padding-left:20px;border-left:4px solid var(--theme-color)}.banner .swiper-slide .banner-title .container .title-t div{font-size:30px;margin:0;color:#fff;font-weight:700;line-height:32px}.banner .swiper-slide .banner-title .container .title-t p{margin:0;color:#8d9aa6;font-size:16px;font-weight:400}.services{position:relative;top:-80px;z-index:1;display:flex}.services .list{flex:1;padding:57px 34px;background:linear-gradient(90deg, #efefef 0, #fff 100%)}.services .list .iconfont{color:var(--theme-color);font-size:50px}.services .list .title{font-size:28px;font-family:Microsoft YaHei;font-weight:700;color:#231815;line-height:48px}.services .list .desc{font-size:22px;font-family:Microsoft YaHei;color:#231815}.services .list .line{display:inline-block;width:60px;height:4px;background:var(--theme-color);border-radius:1px;margin-top:33px}@media (max-width: 768px){header .header .topNav{display:none}header .yunu-nav ul.nav{display:block}header .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px}header .header .mobile-nav{display:block}.services{display:none}}