a,article,body,canvas,div,em,figcaption,figure,footer,h1,h2,html,input,li,p,section,small,span,ul{margin:0;padding:0}
html{font-size:10px}
body{font-family: 'microsoft yahei', Arial, '宋体', serif;margin:0 auto;position:relative;color:#333;}
blockquote,code,dd,div,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,td,ul{list-style:none;margin:0;padding:0}
input,textarea{padding:0;margin:0;resize:none;outline:0;-webkit-user-select:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
select{appearance:none;-webkit-appearance:none;border-radius:0}
img{vertical-align:middle}
a img{border:0}
img{transform:scale(1) rotate(0) translate3d(0,0,0);-webkit-transform:scale(1) rotate(0) translate3d(0,0,0)}
a{color:#535353;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}
a:hover{text-decoration:none}
table{border-collapse: collapse;border-spacing: 0;}
table td{word-break: break-all;}
:root{--color-primary:#337eff;--color-primary-1:#49a0f5;--width: 1200px}
.clear:after{content:"";display:block;clear:both}
.container{width:var(--width);margin:0 auto}
.img{background-position:center;background-repeat:no-repeat;background-size:cover}
.btn{display:block;width: 160px;height: 44px;line-height: 44px;font-size: 1.4rem;border-radius:50px;color: #fff;text-align: center;cursor: pointer;background-color:var(--color-primary);transition: all 0.5s;}
.img-hover-zoom{transition: all 5s;}
.img-hover-zoom:hover{transform: scale(1.3);}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.dropdown{width: 10px;height: 50px;position: absolute;right:-20px;top: 50%;margin-top: -25px;}
.dropdown::before{content:"";width:7px;height:7px;position:absolute;right:50%;top:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:initial;-webkit-transform:rotate(-135deg) translate(0,-50%);transform:rotate(-135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.raw-html img{max-width: 100% !important;}
.close{width: 40px;height: 40px;cursor: pointer}
.close::before,
.close::after {position: absolute;content:' ';background-color: #000;left: 20px;width: 1px;height: 20px;top: 10px;}
.close::before {transform: rotate(45deg);}
.close::after {transform: rotate(-45deg);}
[v-cloak] {display: none !important;}
/**/
#header {width: 100%;position: fixed;left: 0;top: 0;z-index: 9999;box-sizing: border-box;}
#header .top{line-height: 36px;font-size: 1.2rem;color: #fff;background-color: rgba(0, 0, 0, 0.3);}
#header .top .container{display: flex;justify-content: space-between;line-height: 28px;}
#header .top .container .l{cursor: context-menu;font-size: 1.2rem;}
#header .top .container .l,#header .top .container a{color: #fff;opacity: 0.4;font-size: 1.2rem;}
#header .top .container a:nth-of-type(2){margin-left: 60px;}
#header .top .container .l:hover,#header .top .container a:hover{opacity: 1;}
#header .head{display: flex;align-items: center;justify-content: space-between;}
#header .head .r{display: flex;align-items: center;}
#header .menu-wrap{width: 100%;height: 100%;flex: 1;margin-right: 48px;}
#header .menu-wrap .menu{margin:0 0 0 60px;}
#header .menu-wrap .menu .menu-btn{display:none}
#header .menu-wrap .menu ul:after{content:"";display:block;clear:both}
#header .menu-wrap .menu ul li{display:block;position: relative}
#header .menu-wrap .menu ul li a{color:#383838;font-size:1.6rem;position:relative;display:block;font-weight:400;white-space: normal;}
#header .menu-wrap .menu ul li a .dropdown{transition: 0.5s;}
#header .menu-wrap .menu li a.on,
#header .menu-wrap .menu li a:hover{color: var(--color-primary)}
#header .menu-wrap .menu .first > li{padding:0 20px;}
#header .menu-wrap .menu .first > li > a{height: 60px;line-height: 60px;}
#header .menu-wrap .menu .sub-box{position:fixed;width: 100%;left:0;background:#fff;z-index: 999;}
#header .menu-wrap .menu .sub-box .dropdown{display: none;}
#header .menu-wrap .menu .sub-box ul{display: block;position: relative;}
#header .menu-wrap .menu .search{display: none}
#header .menu-wrap .menu .first{display: flex;}
#header .menu-wrap .menu .second{width:940px;margin: 0 auto;display: flex !important;justify-content: space-between;flex-direction: column;padding-bottom: 20px;}
#header .menu-wrap .menu .second li a.on::before, #header .menu-wrap .menu .second li a:hover::before{display: none;}
#header .menu-wrap .menu .second > li > a{margin: 40px 0 8px 0;line-height: 1 !important;height: auto !important;color: #373d40;font-size: 1.4rem;border-left: 2px solid var(--color-primary);padding-left: 10px;}
#header .menu-wrap .menu .second > li:nth-of-type(2) > a{border-color: #4ed300}
#header .menu-wrap .menu .second .sub-box{left: 0;right: 0;top:0;width: initial;display: block !important;position: relative;}
#header .menu-wrap .menu .third{display: flex !important;flex-wrap: wrap;gap:0 20px;}
#header .menu-wrap .menu .third li{width: 220px;height: 72px;text-align: left;display: flex;flex-direction: column;justify-content: center;}
#header .menu-wrap .menu .third a{font-size: 1.8rem;margin-bottom: 4px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:0 12px;box-sizing: border-box;}
#header .menu-wrap .menu .third a.on{color: var(--color-primary)}
#header .menu-wrap .menu .third span{position: relative;}
#header .menu-wrap .menu .third span:nth-of-type(2){font-size: 1.2rem;color: #9b9ba3;line-height: 17px;white-space: nowrap;}
#header .menu-wrap .menu .third .icon{position: absolute;right: -30px;top: 4px;width: 24px;height: 10px;}
#header .menu-wrap .menu .third li:hover{background: #f5f6f7;border-radius: 4px;}

#header .menu-wrap .menu .first > li:nth-of-type(5) .second{width: 1120px;padding-top: 40px;}
#header .menu-wrap .menu .first > li:nth-of-type(5) .second > li > a{display: none}
#header .menu-wrap .menu .first > li:nth-of-type(5) .second .third li{width: 170px}
#header .head .btn-message{background-color:var(--color-primary-1);color: #fff;padding: 7px 15px;font-size: 1.4rem;border-radius: 2px;cursor: pointer}
#header.on{background: #fff;}
/**/
#footer{position: relative;color: #fff;}
#footer .con{background:#30343e;}
#footer .con .container{display: flex;padding: 60px 10px 50px;box-sizing: border-box;}
#footer .foot-top{display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 24px 0;border-bottom: 1px solid #3d3e40;}
#footer .foot-top .item{display: flex;align-items: center;font-size: 1.8rem;}
#footer .foot-top .item img{height:27px;}
#footer .foot-top .item span{padding-left: 10px;}
#footer .menu-wrap{width: 100%;flex: 1;}
#footer .menu-wrap .dropdown{display: none;}
#footer .menu-wrap a{color:#939599;}
#footer .menu-wrap .first{display: flex;}
#footer .menu-wrap .first > li{margin-right: 120px;}
#footer .menu-wrap .first > li > a{font-size: 1.6rem;color: #fff;margin-bottom: 40px;cursor: initial;display: block;}
#footer .menu-wrap .sub-box li{margin-bottom: 15px;}
#footer .menu-wrap .sub-box a{display: block;font-size: 1.4rem;}
#footer .menu-wrap .sub-box a:hover{color: #ccc}
#footer .menu-wrap .first > li:nth-of-type(3){margin-right: 0}
#footer .menu-wrap .first > li:nth-of-type(3) .second > li{display: flex;flex-direction: row-reverse;justify-content: flex-end;}
#footer .menu-wrap .first > li:nth-of-type(3) .second > li a{display: flex;flex-direction: column;justify-content: center;padding-left: 12px;box-sizing: border-box;}
#footer .menu-wrap .first > li:nth-of-type(3) .second > li img{width: 48px;}
#footer .contact{width: 290px;}
#footer .contact .title,#footer .wechat_qr .title{font-size: 1.6rem;color: #fff;margin-bottom: 40px;}
#footer .contact p{font-size: 1.4rem;text-align: left;margin-bottom: 15px;color: #939599}
#footer .wechat_qr{text-align: center;width: 80px}
#footer .wechat_qr img{width: 100%;}
#footer .wechat_qr p{font-size: 1.2rem;color: #939599;padding-top: 5px;}
#footer .foot{padding:25px 0;background: #292c33;font-size: 1.2rem;color: #64676c}
#footer .foot a{color: #64676c;padding-left: 5px;}
#footer .foot a img{width: 17px;margin-top: -3px;}
#footer .friend_link .container{padding: 0 0 15px;text-align: center}
#footer .copyright{text-align: center}
/**/
#global-message{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;display: none;}
#global-message .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;z-index: 9;}
#global-message .wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-animation: global-message-dialog 0.3s;animation: global-message-dialog 0.3s;z-index: 99}
#global-message .content{position: absolute;width: 900px;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);background-color: #fff;border-radius: 20px;overflow: hidden;}
#global-message .content .close{position: absolute;right: 5px;top: 5px;opacity: 0.9}
#global-message .content .con{display: flex;}
#global-message .content .l{padding: 70px 60px 45px 60px;width: 52%;background: url('../img/global-message/bg.png') no-repeat center;background-size: cover;color: #fff;}
#global-message .content .l .title{font-size: 6rem;font-weight: bold;line-height: 1;margin-bottom: 20px;}
#global-message .content .l .desc{font-size: 1.4rem;font-weight: lighter;line-height: 25px;}
#global-message .content .l ul{margin: 45px 0 30px 0;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
#global-message .content .l ul li {width: 30%;margin-bottom: 30px;text-align: center;}
#global-message .content .l ul li img {width: 49px;height: 40px;object-fit: none;}
#global-message .content .l ul li p {text-align: center;color: #fff;font-size: 1.4rem;font-weight: lighter;margin-top: 15px;}
#global-message .content .l .tip{font-size: 1.2rem;line-height: 1.5}
#global-message .content .r{padding: 70px 40px 45px 35px;width: 48%;background-color: #fff;box-sizing: border-box}
#global-message .content .form{margin-top: 27px;}
#global-message .content .form li{margin-bottom: 16px;border-radius: 2px;height: 44px;display: flex;box-sizing: border-box;    border-bottom: 1px solid #ddd;}
#global-message .content .form .title{position: relative}
#global-message .content .form .title span{display: none}
#global-message .content .form .title i{color: #ff0000;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}
#global-message .content .form .input-wrap{width: 100%;flex: 1;}
#global-message .content .form .input{height: 100%;width: 100%;border: none;font-size: 1.5rem;color: #a6abbe;box-sizing: border-box;padding-left: 15px;}
#global-message .content .form .btn{width: 150px;height: 46px;line-height: 46px;background-color: #3c7dff;font-size: 1.7rem;color: #fff;text-align: center;border-radius: 5px;margin: 85px 0}
#global-message .content .form .btn:hover{box-shadow: 0 10px 30px rgba(30, 89, 238, 0.32);}
#global-message .content .r .tip{font-size: 1.2rem;color: #a6abbe;line-height: 22px;}
#global-message .content .r .tip i{color: #ff0000}
@-webkit-keyframes global-message-dialog{ 0%{transform:scale(.7);-webkit-transform:scale(.7)} 45%{transform:scale(1.05);-webkit-transform:scale(1.05)} 80%{transform:scale(.95);-webkit-transform:scale(.95)} 100%{transform:scale(1);-webkit-transform:scale(1)} }
@keyframes global-message-dialog{0%{transform:scale(.7);-webkit-transform:scale(.7)} 45%{transform:scale(1.05);-webkit-transform:scale(1.05)} 80%{transform:scale(.95);-webkit-transform:scale(.95)} 100%{transform:scale(1);-webkit-transform:scale(1)}}
/**/
#sidebar{position: fixed;right: 0;top: 50%;z-index: 9999;transform: translateY(-50%);width: 70px;background-color: #337eff}
#sidebar .item{display: block;box-sizing: border-box;padding: 15px 0;font-size: 12px;color: #fff;text-align: center;background-color: #337eff;position: relative;cursor: pointer;}
#sidebar .item img{width: 28px;}
#sidebar .item p{margin-top: 5px;}
#sidebar .item:after{content: "";position: absolute;width: 55px;left: 5px;top: 0;height: 1px;background-color: #fff;background-color: rgba(255, 255, 255, 0.3);}
#sidebar .item .con{position: absolute;left: -252px;top: 0;width: 252px;height: auto;background-color: #fff;box-shadow: 0 0 30px 0 rgba(14, 33, 97, .10);border-radius: 10px;display: none;}
#sidebar .item .con p{margin-top:0!important;font-size:2rem;font-weight:700;color:#1f4eee;padding:20px 0;text-align:center}
#sidebar .item:hover .con{display: block}
/**/
.pagination{display:flex;align-items:center;justify-content:center}
.pagination svg{height:10px;width:10px}
.pagination span{display:flex;align-items:center;justify-content:center;width:60px;height:40px;color:#7E7E7E;font-size: 1.3rem;background: #fff;border-radius: 50px;}
.pagination span:hover{color:#409eff}
.pagination span.disabled{color:#a8abb2!important;cursor:not-allowed}
.pagination .pager{overflow:hidden;padding: 0 6px;}
.pagination .pager li{width:35px;height:35px;float:left;display:flex;justify-content:center;align-items:center;background-color:#fff;font-size:1.5rem;margin:0 3px;color:#303133;border-radius:50px;transition: all 0.5s}
.pagination .pager li:hover{background:rgb(115 115 255 / 80%);}
.pagination .pager li:hover a{color: #fff}
.pagination .pager li.active{background: #337eff;color:#fff}
.pagination a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;;transition: all 0.5s}
/**/
#main .x-title{font-size: 3.4rem;color: #383838;line-height: 1;text-align: center}
#main .x-title-sub{margin-top: 25px;font-size: 2rem;font-weight: 400;color: #666666;line-height: 1;text-align: center}
#main .top-banner{margin-top: 60px;height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;}
#main .top-banner .container{height: 100%;display: flex;flex-direction: column;justify-content: center;}
#main .top-banner .title{font-size: 4rem;color: #fff;margin-bottom: 8px;line-height: 60px;}
#main .top-banner .desc{font-size: 1.8rem;color: #fff;line-height: 28px;margin-bottom: 40px;}
#main .top-banner .input-wrap{display: flex;width: 360px;height: 44px;line-height: 44px;cursor: pointer;}
#main .top-banner .input-wrap .input{width: 100%;flex: 1;background: #fff;font-size: 1.6rem;padding-left: 10px;box-sizing: border-box;color: #8e8e8e}
#main .top-banner .input-wrap .btn{background-color: #337eff;border-radius: 0 4px 4px 0;font-size: 1.4rem;color: #fff;line-height:44px;height: 44px;box-sizing: border-box;width: 115px;margin: 0}

.foot-free{padding: 60px 0;background: #337eff url('../img/home/6.png') no-repeat center bottom;}
.foot-free .x-title{color: #fff !important;font-weight: initial !important;padding-bottom: 0 !important}
.foot-free .x-title:after{display: none}
.foot-free .input-wrap{display: flex;width: 480px;border: 1px solid #fff;margin: 30px auto 0;cursor: pointer;}
.foot-free .input-wrap .input{width: 100%;flex: 1;background: #fff;font-size: 1.6rem;line-height: 48px;padding-left: 10px;box-sizing: border-box;color: #8e8e8e}
.foot-free .input-wrap .btn{background-color: #337eff !important;border-radius: 0 4px 4px 0 !important;font-size: 1.4rem !important;color: #fff !important;line-height:48px !important;height: 48px !important;box-sizing: border-box;margin: 0 !important}

/**/
#index.index .banner{width: 100%;position: relative;overflow: hidden}
#index.index .banner img{width: 100%;}
#index.index .banner .container{position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);padding-top: 160px;}
#index.index .banner .container .title{font-size: 5.5rem;color: #171a1f;font-weight: bold;line-height: 1.5;position: relative}
#index.index .banner .container .title::after{content: '';display: block;width: 65px;height: 5px;background-color: #171a1f;margin: 20px 0;}
#index.index .banner .container .desc{font-size: 2.3rem;color: #57585c;line-height: 1.8;}
#index.index .banner .container .btn{margin-top: 35px;width: 189px;line-height: 57px;height: 57px;font-size: 2rem;border-radius: 5px;}
#index.index .product{margin-top:calc(-0.4637 * 100vw + 650px);position: relative;z-index: 9;padding-bottom: 90px;}
#index.index .product .content{overflow: hidden;padding-top: 60px;}
#index.index .product .content .swiper-tab{border-bottom: 1px solid #e5eaf1;}
#index.index .product .content .swiper-tab .swiper-slide{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 140px;}
#index.index .product .content .swiper-tab .swiper-slide:after{content: '';display: block;width: 0;height: 3px;background-color: #488bff;transition: .5s;position: absolute;bottom: -1px;left: 0;}
#index.index .product .content .swiper-tab .swiper-slide p{margin-top: 40px;font-size: 20px;color: #333;}
#index.index .product .content .swiper-tab .swiper-slide.swiper-slide-thumb-active p{color: var(--color-primary)}
#index.index .product .content .swiper-tab .swiper-slide.swiper-slide-thumb-active:after{width: 100%;}
#index.index .product .content .swiper-con{margin-top: 70px;padding-bottom: 50px;}
#index.index .product .content .swiper-con .swiper-slide{display: flex;justify-content: space-between;}
#index.index .product .content .swiper-con .swiper-slide .l{width: 50%;}
#index.index .product .content .swiper-con .swiper-slide .r{width: 47%;}
#index.index .product .content .swiper-con .swiper-slide .r .title{font-size: 3rem;color: #333;}
#index.index .product .content .swiper-con .swiper-slide .r .txt{font-size: 1.8rem;line-height: 30px;color: #666;margin: 25px 0;}
#index.index .product .content .swiper-con .swiper-slide .r .btn{width: 155px;line-height: 40px;height: 40px;color: #a6a7b4;border: 1px solid #cbccd3;border-radius: 5px;background: none;}
#index.index .product .content .swiper-con .swiper-slide .r .tag{padding-top: 30px;}
#index.index .product .content .swiper-con .swiper-slide .r .tag ul{display: flex;flex-direction: row;align-items: center;}
#index.index .product .content .swiper-con .swiper-slide .r .tag ul li{background-color: #ecf3ff;width: 140px;line-height: 42px;display: flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 5px;margin-right: 10px;}
#index.index .product .content .swiper-con .swiper-slide .r .tag ul li span{font-size: 1.4rem;color: #488bff;padding-left: 8px;}
#index.index .product .content .swiper-con .swiper-pagination{position: relative;margin-top: 50px;}
#index.index .product .content .swiper-con .swiper-pagination-bullet{width: 23px;height: 4px;background-color: #ecf3ff;opacity: 1;outline: none;margin: 0 7px;border-radius: 5px;}
#index.index .product .content .swiper-con .swiper-pagination-bullet-active{background-color: #488bff;}
#index.index .product .btn-message{font-size: 1.6rem;background: none;color: #337dfe;border: 2px solid #49a0f5;border-radius: 6px;margin: 0 auto;}
#index.index .efficiency{background: url("../img/home/1.png") no-repeat bottom center;background-size: contain;height: 632px;margin-top: -80px}
#index.index .efficiency .container{padding: 170px 0 130px 0;}
#index.index .efficiency .x-title{color: #fff}
#index.index .efficiency .box{display: flex;justify-content: space-between;padding: 50px 0 60px;}
#index.index .efficiency .box .item{width: 250px;text-align: center;}
#index.index .efficiency .box .item img{height: 78px;}
#index.index .efficiency .box .item p{font-size: 2rem;line-height: 1.5;color: #fff;margin-top: 25px;text-align: center;}
#index.index .efficiency .btn-message{font-size: 1.6rem;background: none;color:#fff;border: 2px solid #bdd5ff;border-radius: 6px;margin: 0 auto;}
#index.index .expert{width: 1000px;}
#index.index .expert .tip{margin-top: 20px;text-align: center;font-size: 16px;line-height: 22px;color: #9b9ba3;}
#index.index .expert a{font-size: 1.6rem;color: #488bff;}
#index.index .expert a:hover{color: #005cfa}
#index.index .expert .content{position:relative;margin:145px auto 50px;height:486px;background:url("../img/home/expert/bg.png") no-repeat center;background-size:auto 486px;}
#index.index .expert .content .item{ position:absolute;left:0;top:0;width:5px;height:5px;transition:0.5s;}
#index.index .expert .content .item img:nth-of-type(1){position: absolute;top: 0;width: 150px;transition: 0.5s;z-index: 1;}
#index.index .expert .content .item img:nth-of-type(2){    position: absolute;width: 150px;left: 0;top: 76px;opacity: 1;transition: 0.5s;z-index: 0;}
#index.index .expert .content .item:nth-of-type(1) {left:18px;top:80px;}
#index.index .expert .content .item:nth-of-type(2) {left:262px;top:-80px;}
#index.index .expert .content .item:nth-of-type(3) {left:590px;top:-80px;}
#index.index .expert .content .item:nth-of-type(4) {left:262px;top:230px;}
#index.index .expert .content .item:nth-of-type(5) {left:590px;top:230px;}
#index.index .expert .content .item:nth-of-type(6) {left:840px;top:80px;}
#index.index .expert .content .item.active img:nth-of-type(1) {top:-20px;transition:0.65s;}
#index.index .expert .content .item.active img:nth-of-type(2) {opacity:1;transition:0.65s;transform:scale(0.8, 0.8);}
#index.index .expert .tab{margin-top: 60px;display: flex;justify-content: space-between;position: relative;}
#index.index .expert .tab .pane{height: 150px;}
#index.index .expert .tab .pane .name{font-size: 2rem;line-height: 28px;color: #373d40;cursor: pointer;padding-bottom: 27px;position: relative}
#index.index .expert .tab .pane .list{display: none;position: absolute;width: 100%;left: 0;right: 0;padding: 30px 0;text-align: center;border-top: 1px solid #ececec;justify-content: center;gap: 0 66px;}
#index.index .expert .tab .pane .list .item{display: flex}
#index.index .expert .tab .pane .list .con{padding-left: 10px;}
#index.index .expert .tab .pane .list .con p:nth-of-type(1){font-size: 1.6rem;color: #373d40;line-height: 1.5;}
#index.index .expert .tab .pane .list .con p:nth-of-type(2){font-size: 1.2rem;color: #a6a8ae;line-height: 1.5;}
#index.index .expert .tab .pane .list img{height: 32px;}
#index.index .expert .tab .pane.active .name{color: #488bff}
#index.index .expert .tab .pane.active .name:after{content: '';display: block;width: 80px;height: 4px;background-color: #488bff;position: absolute;left: 50%;bottom: 0;margin-left: -40px;}
#index.index .expert .tab .pane.active .list{display: flex;}
#index.index .expert .btn-message{font-size: 1.6rem;background: none;color: #337dfe;border: 2px solid #49a0f5;border-radius: 6px;margin:60px auto 90px;}
#index.index .case{background: url('../img/home/casebg.jpg') no-repeat center;background-size: cover;padding: 170px 0;}
#index.index .case .title{text-align: center;font-size: 6rem;color: #fff;line-height: 1;}
#index.index .case .desc{text-align: center;font-size: 3rem;color: #fff;line-height: 1;margin: 50px 0;}
#index.index .case .btn{width: 192px;margin: 0 auto;line-height: 62px;height: 62px;font-size: 2rem;border-radius: 0}
#index.index .why{padding: 90px 0 10px 0}
#index.index .why .desc{padding-top: 10px;font-size: 1.6rem;line-height: 22px;color: #9b9ba3;text-align: center}
#index.index .why .desc span{color: #488bff;}
#index.index .why .content{display: flex;flex-wrap: wrap;padding-top: 60px;}
#index.index .why .content .item{width: 25%;margin-bottom: 80px;border-right: 1px solid #eaebf1;padding: 0 35px;text-align: center;box-sizing: border-box}
#index.index .why .content .item p:nth-of-type(1){font-size: 2.4rem;color: #333;line-height: 1;margin:25px 0 15px;}
#index.index .why .content .item p:nth-of-type(2){font-size: 1.6rem;color: #666;line-height: 25px;}
#index.index .news{padding: 100px 0;}
#index.index .news .nav{width: 50%;margin:0 auto;display: flex;justify-content: space-around;padding: 40px 0 30px;}
#index.index .news .nav .item{font-size:1.8rem;color: #676C73;cursor: pointer;position: relative;line-height: 39px;text-align: center;padding: 0 30px;border-radius: 50px;}
#index.index .news .nav .item:hover,#index.index .news .nav .item.active{color: #fff;background-color: #357dfd;}
#index.index .news .content .box{flex-wrap: wrap;display: none;gap: 40px 8%}
#index.index .news .content a{width: 46%;display: flex;align-items: center;}
#index.index .news .content a .time{width:15%;text-align: center;position: relative;border-right: 1px solid var(--color-primary);font-size: 1.4rem;color: #484848;line-height: 24px;}
#index.index .news .content a .con{width: 85%;display: flex;flex-direction: column;padding-left: 30px;}
#index.index .news .content a .con .title{font-size: 1.4rem;color: #232424;}
#index.index .news .content a .con .desc{font-size: 1.4rem;color: #8F8F90;line-height: 24px;margin-top: 5px;-webkit-line-clamp: 2;}
/**/
#product .tab{width: 520px;height: 80px;line-height: 80px;background: #fff;border: 1px solid #fafafa;box-shadow: 0 2px 8px 0 rgba(61, 65, 71, 0.1);border-radius: 100px;display: flex;justify-content: center;margin: -40px auto 0;gap: 0 50px;}
#product .tab a{position: relative;display: inline-block;height: 100%;box-sizing: border-box;border-bottom: 3px solid transparent;font-size: 24px;color: #373d40;}
#product .tab a.active{color: #488bff;border-bottom-color: #488bff;}
#product .tab a img{position: absolute;right: -29px;top: 22px;width: 25px;height: 10px;}
#product .top{padding: 80px 0;}
#product .top .list{display: flex;justify-content: space-between;gap: 50px;margin: 40px 0 70px;}
#product .top .list .item{width: 25%;text-align: center;}
#product .top .list .item img{width: 120px;}
#product .top .list .item .t{font-size: 2rem;color: #373d40;margin: 16px 0 10px;}
#product .top .list .item .desc{font-size: 1.4rem;color: #9b9ba3;}
#product .top .list .item .desc span{color: #488bff}
#product .top .btn{margin: 0 auto;border: 1px solid #488bff;font-size: 1.6rem;color: #337dfe;border-radius: 6px;background: none;height: 45px;line-height: 45px}

#product .btn{margin: 50px auto 0;border: 1px solid #488bff;font-size: 1.6rem;color: #337dfe;border-radius: 6px;background: none;height: 45px;line-height: 45px}
#product .content-wrap{background: #f7f9fa;padding: 80px 0;}
#product .content-wrap .content{margin-top: 40px;}
#product .content-wrap .item{display: flex;align-items: center;gap: 0 60px;margin-bottom: 80px;}
#product .content-wrap .item .con{width: 400px;}
#product .content-wrap .item .con .title{font-size: 2.4rem;color: #373d40;position: relative;padding-bottom: 16px;margin-bottom: 24px}
#product .content-wrap .item .con .title:after{content: '';position: absolute;left: 0;bottom: 0;width: 12px;height: 2px;background: #488bff;}
#product .content-wrap .item .con .txt{font-size: 1.4rem;color: #9b9ba3;}
#product .content-wrap .item .btn{margin: 30px 0 0;}
#product .content-wrap .item:nth-child(2n) {flex-direction: row-reverse;}
#product .content-wrap .item:last-of-type{margin-bottom: 0}
#product .case{text-align: center;padding: 80px 0}
#product .case .x-title{margin-bottom: 40px;}
#product .function{padding: 80px 0;background:#2b2f46;}
#product .function .x-title{color: #fff;margin-bottom: 43px;}
#product .function .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
#product .function .list .item{width: 31.5%;height: 180px;background: #fff;display: flex;box-sizing: border-box;padding:40px 50px 0 36px;justify-content: space-between;align-items: flex-start;border-radius: 4px;margin-top: 32px;}
#product .function .list .item img{width: 50px;}
#product .function .list .item .con{padding-left: 20px;}
#product .function .list .item .title{font-size: 2rem;color: #373d40;line-height: 1.4;margin-bottom: 12px;}
#product .function .list .item .desc{font-size: 1.4rem;color: #9b9ba3;line-height: 1.4;}
#product .function .btn{margin: 70px auto 0;}
#product .permission{background-color: #5d6b87;padding: 80px 0;}
#product .permission .container{width: 980px;}
#product .permission .x-title{font-size: 3.8rem;color: #fff;}
#product .permission .tip{font-size: 1.8rem;color: #fff;line-height: 32px;text-align: center;margin-top: 31px;}
#product .permission .box{display: flex;justify-content: space-between;}
#product .permission .box .item{width: 300px;height: 385px;background-color: #fff;border-radius: 4px;text-align: center;transition: all 0.3s;padding-top: 57px;box-sizing: border-box}
#product .permission .box .item img{width: 120px;}
#product .permission .box .item .title{font-size: 2rem;color: #373d40;line-height: 26px;margin-top: 28px;}
#product .permission .box .item .desc{font-size: 1.4rem;color: #9b9ba3;line-height: 26px;margin-top: 18px;}
#product .permission .btn{color: #fff;margin:60px auto 0;width: 140px;}
#product .archive{width: 980px;padding: 80px 0;}
#product .archive .tip{font-size: 1.8rem;padding: 30px 0 35px;color: #a2a9ba;}
#product .archive img{width: 100%;}
#product .archive .btn{margin: 55px auto 0;}

#product.datamonitor .content-wrap{background: #1c1f39;}
#product.datamonitor .content-wrap .x-title,
#product.datamonitor .content-wrap .item .con .title,
#product.datamonitor .content-wrap .item .con .txt,
#product.datamonitor .content-wrap .item .btn{color: #fff}
#product.datamonitor .swiper-wrap{padding: 130px 0 80px;background: #2b2f46}
#product.datamonitor .swiper{width: 1180px;margin: 0 auto;}
#product.datamonitor .swiper .swiper-wrapper{width: 1000px;margin: 0 auto;}
#product.datamonitor .swiper .swiper-slide{display: flex;}
#product.datamonitor .swiper .swiper-slide .txt{line-height: 1.5;width: 360px;color: #fff;}
#product.datamonitor .swiper .swiper-slide .txt .title{font-size: 3.4rem}
#product.datamonitor .swiper .swiper-slide .txt .title-sub{font-size: 2rem}
#product.datamonitor .swiper .swiper-slide .txt .desc{font-size: 1.2rem}
#product.datamonitor .swiper .swiper-slide .txt .txt-list{margin-top: 20px;font-size: 1.6rem}
#product.datamonitor .swiper .swiper-slide .txt .txt-list div{margin-top: 9px;}
#product.datamonitor .swiper .swiper-slide .txt .txt-list .dot{font-size: 1.2rem;position: relative;display: flex;align-items: center}
#product.datamonitor .swiper .swiper-slide .txt .txt-list .dot:before {display: block;content: "";width: 4px;height: 4px;background: #2aeced;margin-right: 8px;}
#product.datamonitor .swiper .swiper-slide .img{width: 600px;}
#product.datamonitor .swiper .swiper-slide .img img{width: 100%;}
#product.datamonitor .swiper .swiper-button-next,
#product.datamonitor .swiper .swiper-button-prev{width: 50px;height: 50px;background: rgba(0, 0, 0, 0.2);color: #fff;border-radius: 50%;}
#product.datamonitor .swiper .swiper-button-next:after,
#product.datamonitor .swiper .swiper-button-prev:after{font-size: 2rem;font-weight: bold;}
#product.datamonitor .swiper-wrap .btn{margin: 55px auto 0;color: #fff;}

#product.excallrobot .robot{padding: 100px 0;background: #f7f9fa}
#product.excallrobot .robot .desc{font-size: 1.6rem;color: #9b9ba3;text-align: center;padding:15px 0 30px;}
#product.excallrobot .swiper .swiper-slide img{width: 100%;}
#product.excallrobot .swiper .swiper-slide p{font-size: 1.4rem;color: #9b9ba3;text-align: center;}
#product.excallrobot .swiper .swiper-pagination{position: initial;}
#product.excallrobot .swiper .swiper-pagination span {display:inline-block;width:56px;text-align:center;font-size:1.4rem;color:#9b9ba3;margin:0 15px;cursor:pointer;background: none !important;border: none !important;opacity: 1;}
#product.excallrobot .swiper .swiper-pagination span img {width:44px;}
#product.excallrobot .swiper .swiper-pagination .swiper-pagination-customs-active {color:#488bff;border-bottom:2px solid #488bff;padding-bottom:7px;}
#product.excallrobot .box{padding: 100px 0 50px}
#product.excallrobot .box img{width: 100%;}

#product.pre-sale-info-robot .plan{padding: 80px 0}
#product.pre-sale-info-robot .plan img{width: 100%;}
#product.pre-sale-info-robot .content-wrap .item{gap: 0;justify-content: center;}
#product.pre-sale-info-robot .content-wrap .item .img{width: 620px}
#product.pre-sale-info-robot .content-wrap .item .img img{width: 100%;}
#product.pre-sale-info-robot .content-wrap .item .con{width: 400px;}

#product.video-chat .plan{padding: 80px 0}
#product.video-chat .plan .x-title-sub{margin-bottom: 40px;font-size: 1.8rem;color: #9b9ba3;}
#product.video-chat .plan .x-title-sub img{width: 24px;height: 24px;margin: 0 8px;}
#product.video-chat .plan img{width: 100%;}

#product.video-chat .scene ul.icon{display:flex;justify-content:center;width:1000px;margin:0 auto;margin-bottom:120px}
#product.video-chat .scene ul.icon li{width:200px;text-align:center}
#product.video-chat .scene ul.icon p{font-size:20px;color:#373d40;line-height:30px}
#product.video-chat .scene ul.icon img{width:64px;height:64px;margin-bottom:16px}
#product.video-chat .scene ul.intro{display:flex;justify-content:center;width:1180px;margin:0 auto}
#product.video-chat .scene ul.intro li{width:320px}
#product.video-chat .scene ul.intro li:nth-child(2){margin:0 110px}
#product.video-chat .scene ul.intro img{width:320px;margin-bottom:24px}
#product.video-chat .scene ul.intro .title{font-size:2rem;line-height:30px;text-align:left;margin-bottom:12px}
#product.video-chat .scene ul.intro .desc{font-size:1.6rem;color:#9b9ba3;line-height:24px;text-align:left;letter-spacing:1px}
#product.video-chat .content-wrap .item{gap: 0;justify-content: center;}
#product.video-chat .content-wrap .item .img{width: 620px}
#product.video-chat .content-wrap .item .img img{width: 100%;}
#product.video-chat .content-wrap .item .con{width: 400px;}

#product.pre-platform .help{padding: 80px 0 40px}
#product.pre-platform .help .x-title-sub{margin-bottom: 40px;font-size: 1.8rem;color: #9b9ba3;}
#product.pre-platform .help .x-title-sub{margin-bottom: 40px;font-size: 1.8rem;color: #9b9ba3;}
#product.pre-platform .help img{width: 100%;}
#product.pre-platform .content-wrap .item{gap: 0;justify-content: center;}
#product.pre-platform .content-wrap .item .img{width: 620px}
#product.pre-platform .content-wrap .item .img img{width: 100%;}
#product.pre-platform .content-wrap .item .con{width: 400px;}

#product.wechat-service .top-banner .container{align-items: center;justify-content:flex-start;padding-top: 178px}
#product.wechat-service .top-banner .title{margin-bottom: 0;}
#product.wechat-service .top-banner .desc{margin-bottom: 16px;}
#product.wechat-service .top-banner .input-wrap{box-shadow: 0 7px 7px 0 rgba(0, 0, 0, 0.08);border-radius: 4px;overflow: hidden;}
#product.wechat-service .top-banner .input-wrap .btn{background-color: #00dba3;border: none}
#product.wechat-service .top .list{margin-bottom: 0}

#product.wherever .x-title{font-weight: bold;position: relative;padding-bottom: 40px}
#product.wherever .x-title:after{content: '';position: absolute;left: 50%;bottom: 0;margin-left: -25px;height: 5px;width: 50px;background-color: #3b54ec;}
#product.wherever .top-banner .input-wrap .btn{border-radius: 0;margin-right: 20px;width: 140px;}
#product.wherever .top-banner .input-wrap a img{height: 44px;}
#product.wherever .top{width: 980px;}
#product.wherever .top .list{margin-bottom: 0}
#product.wherever .top .list .item img{width: 72px;}
#product.wherever .top .list .item .t{font-size: 2.6rem;line-height: 40px;font-weight: bold;}
#product.wherever .top .list .item .desc{font-size: 1.6rem;line-height: 26px;}
#product.wherever .work .con{width: 980px;display: flex;gap:0 80px;margin: 40px 0 70px;}
#product.wherever .work .con .wrap .title{font-size: 2.6rem;line-height: 40px;font-weight: bold;}
#product.wherever .work .con .wrap .desc{font-size: 1.6rem;line-height: 26px;}
#product.wherever .work .con .wrap ul li{padding-top: 35px;display: flex;align-items: flex-start;}
#product.wherever .work .con .wrap ul li img{width: 32px;margin-right: 18px;}
#product.wherever .work .con .wrap ul li .txt p:nth-of-type(1){font-size: 1.2rem;color: #383838;}
#product.wherever .work .con .wrap ul li .txt p:nth-of-type(2){font-size: 1.6rem;line-height: 26px;}
#product.wherever .work-space{padding: 80px 0 0;background: #242830;margin-top: 70px;}
#product.wherever .work-space .container{width: 980px;text-align: center;}
#product.wherever .work-space .container .x-title,
#product.wherever .work-space .container .x-title-sub{color: #fff;}
#product.wherever .work-space .container .x-title-sub{font-size: 1.8rem;line-height: 28px;margin-bottom: 20px;}
#product.wherever .work-space img{width: 676px;}
#product.wherever .box{color: #383838;padding-top: 80px;}
#product.wherever .box .container{width: 980px;display: flex;}
#product.wherever .box .container img{width: 464px;}
#product.wherever .box .container .txt{padding:65px 0 0 80px;}
#product.wherever .box .container .txt .title{font-size: 2.6rem;line-height: 40px;font-weight: bold;}
#product.wherever .box .container .txt .desc{margin: 30px 0;font-size: 1.6rem;line-height: 26px;}
#product.wherever .box .container .txt .btn-message{font-size: 1.6rem;color: #3ea0ff;cursor: pointer}
#product.wherever .box:nth-of-type(2n) .txt{padding:65px 80px 0 0;}
#product.wherever .box:nth-of-type(2n+1){background-color: #f7f7f7;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
#product.wherever .download{background-color: #3b54ec;}
#product.wherever .download .x-title{padding: 80px 0 40px 0;color: #fff;}
#product.wherever .download .container{width: 980px;}

#product.wherever .download .g-platforms{padding:50px 100px 70px;overflow:hidden}
#product.wherever .download .g-platforms li{float:left;width:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 30px}
#product.wherever .download .m-platform{padding:40px 30px;background-color:#fff;border-radius:4px;text-align:center}
#product.wherever .download .m-platform h3{color:#383838;font-size:20px;line-height:28px;font-weight:700;margin:40px 0 10px}
#product.wherever .download .m-platform .version{font-size:14px;color:#808286;line-height:28px;margin-bottom:30px}
#product.wherever .download .m-platform .u-btn{width:175px;font-size:18px}
#product.wherever .download .m-platform .qr{font-size:14px;color:#808286;line-height:28px;margin-top:10px;position:relative;display:inline-block}
#product.wherever .download .m-platform .qr:hover{color:#5c99e0}
#product.wherever .download .m-platform .qr:hover .icon-qrcode{background:url(../img/product/128.png) no-repeat}
#product.wherever .download .m-platform .qr:hover .u-qrtip{display:block}
#product.wherever .download .m-platform .qr .icon-qrcode{display:inline-block;height:15px;width:15px;vertical-align:-2px;background:url(../img/product/127.png) no-repeat}
#product.wherever .download .m-platform .u-qrtip{display:none;position:absolute;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;left:50%;bottom:100%;margin-left:-95px;margin-bottom:5px;height:190px;width:190px;padding:4px;background-color:#fff;border-radius:6px;border:1px solid #999}
#product.wherever .download .m-platform .u-qrtip:after,.m-platform .u-qrtip:before{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-top:10px solid #999;border-left:10px solid transparent;border-right:10px solid transparent}
#product.wherever .download .m-platform .u-qrtip:after{margin-top:-1px;border-top:10px solid #fff}
#product.wherever .download .m-platform .u-qrtip img{height:100%;width:100%}
/**/
#solution .tab{width: 520px;height: 80px;line-height: 80px;background: #fff;border: 1px solid #fafafa;box-shadow: 0 2px 8px 0 rgba(61, 65, 71, 0.1);border-radius: 100px;display: flex;justify-content: center;margin: -40px auto 0;gap: 0 50px;}
#solution .tab a{position: relative;display: inline-block;height: 100%;box-sizing: border-box;border-bottom: 3px solid transparent;font-size: 24px;color: #373d40;}
#solution .tab a.active{color: #488bff;border-bottom-color: #488bff;}
#solution .tab a img{position: absolute;right: -29px;top: 22px;width: 25px;height: 10px;}

#solution .top{padding: 80px 0;}
#solution .top .list{display: flex;justify-content:center;gap: 120px;margin: 40px 0 70px;}
#solution .top .list .item{width: 240px;text-align: center;}
#solution .top .list .item img{width: 120px;}
#solution .top .list .item .t{font-size: 2rem;color: #373d40;margin: 16px 0 10px;}
#solution .top .list .item .desc{font-size: 1.4rem;color: #9b9ba3;}
#solution .top .btn{margin: 0 auto;border: 1px solid #488bff;font-size: 1.6rem;color: #337dfe;border-radius: 6px;background: none;height: 45px;line-height: 45px}

#solution .btn{margin: 50px auto 0;border: 1px solid #488bff;font-size: 1.6rem;color: #337dfe;border-radius: 6px;background: none;height: 45px;line-height: 45px}
#solution .content-wrap{background: #f7f9fa;padding:100px 0 120px;}
#solution .content-wrap .container{width: 1180px;padding: 0 70px 0 40px;box-sizing: border-box;}
#solution .content-wrap .content{margin-top: 40px;}
#solution .content-wrap .item{display: flex;align-items: center;gap: 0 60px;margin-bottom: 80px;}
#solution .content-wrap .item .img img{width: 600px;}
#solution .content-wrap .item .con{width: 400px;}
#solution .content-wrap .item .con .title{font-size: 2.4rem;color: #373d40;position: relative;padding-bottom: 16px;margin-bottom: 24px}
#solution .content-wrap .item .con .title:after{content: '';position: absolute;left: 0;bottom: 0;width: 12px;height: 2px;background: #488bff;}
#solution .content-wrap .item .con .title p:nth-of-type(1){font-size: 2.4rem;color: #337eff;}
#solution .content-wrap .item .con .txt{font-size: 1.4rem;color: #9b9ba3;}
#solution .content-wrap .item:last-of-type{margin-bottom: 0}
#solution .case{padding:100px 0 120px;box-sizing:border-box;background:#fff}
#solution .case .x-title{font-size:34px;color:#373d40;text-align:center;margin-bottom:40px}
#solution .case .items{position:relative;margin:0 auto;height:240px;z-index:1}
#solution .case .items li{cursor:pointer}
#solution .case .items li.item{width:720px;height:240px;position:absolute;transition:all .3s ease-in-out;border:1px solid #ecf0f0;background-color:#fff;box-shadow:0 2px 10px 0 rgba(53,55,75,.13);border-radius:4px}
#solution .case .items li.item .content{opacity: 0}
#solution .case .items li[data-index='0']{left:260px;z-index:50;transform:scale(.7,.7)}
#solution .case .items li[data-index='1']{z-index:105;left:50%;transform:translateX(-50%)}
#solution .case .items li[data-index='1'] .content{margin:30px auto 50px;width:540px;text-align:center;opacity: 1}
#solution .case .items li[data-index='1'] .content img{width:140px;height:100px}
#solution .case .items li[data-index='1'] .content p{margin-top:10px;width:540px;font-size:14px;color:#70727d;text-align:center;line-height:20px}
#solution .case .items li[data-index='1']::before{content:"";display:block;background-image:url(../img/solution/9.png);background-size:100% 100%;width:28px;height:24px;position:absolute;left:60px;top:80px}
#solution .case .items li[data-index='1']::after{content:"";display:block;background-image:url(../img/solution/10.png);background-size:100% 100%;width:28px;height:24px;position:absolute;right:60px;bottom:30px}
#solution .case .items li[data-index='2']{right:260px;z-index:50;transform:scale(.7,.7)}
#solution .case .items li.after,#solution .case .items li.before{width:50px;height:50px;background-size:cover;position:absolute;top:50%;transform:translateY(-50%)}
#solution .case .items li.before{left:180px;background-image:url(../img/solution/7.png)}
#solution .case .items li.after{right:180px;background-image:url(../img/solution/8.png)}
#solution .case .logo{width: 100%;margin-top: 60px;}
#solution .img-box{background: #f7f9fa;padding: 100px 0 120px;}
#solution .img-box .x-title-sub{font-size: 2.4rem;color: #373d40;margin: 40px 0 20px;}
#solution .img-box img{width: 100%;}
#solution .list-box{background: #2b2f46;padding: 100px 0 30px;}
#solution .list-box .x-title{color: #fff;padding-bottom: 50px;}
#solution .list-box .list{display: flex;flex-wrap: wrap;gap: 32px;}
#solution .list-box .list .item{flex: 1 1 calc(50% - 16px);background: #fff;padding: 28px 30px;box-sizing: border-box;display: flex;}
#solution .list-box .list .item img{width: 50px;height: 50px;object-fit: contain}
#solution .list-box .list .item .con{padding-left: 16px;}
#solution .list-box .list .item .con p:nth-of-type(1){font-size: 2rem;color: #373d40;margin-bottom: 12px;}
#solution .list-box .list .item .con p:nth-of-type(2){font-size: 1.4rem;color: #9b9ba3;}
#solution .program .content{display:flex;justify-content:center;padding-top: 40px;}
#solution .program .left{text-align:right}
#solution .program .item h3{font-size:20px;color:#373d40;margin-bottom:11px}
#solution .program .item p{width:240px;font-size:14px;color:#9b9ba3}
#solution .program .item:nth-child(2){margin-top:213px}
#solution .program img{display:block;position:relative;top:-10px;width:540px;height:392px}

#solution.government .list-box .list .item{flex: 1 1 calc(33.33% - 22px);}
#solution.hr .img-box .x-title-sub{font-size: 1.6rem;color: #9b9ba3;}
#solution.hr .icon-list .content{display: flex;flex-wrap: wrap;justify-content: space-between;gap:85px 170px;width: 1060px;padding: 60px 0 155px;margin: 0 auto;}
#solution.hr .icon-list .content .item{display: inline-block;font-size: 1.6rem;color: #373d40;position: relative;flex: 1 1 calc(20% - 136px);text-align: center;}
#solution.hr .icon-list .content .item img{width: 72px;}
#solution.hr .icon-list .content .item p{position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);width: 110px;}
#solution.work-wx .x-title{margin-bottom: 20px;}
#solution.work-wx .content-wrap .item .con .title p:nth-of-type(1){margin-bottom: 16px;line-height: 36px;font-size: 2.4rem;color: #373d40;}
#solution.work-wx .content-wrap .item .con .title p:nth-of-type(2){margin-bottom: 16px;line-height: 22.4px;font-size: 1.6rem;color: #373d40;}
/**/
#case.index{margin-top: 60px;}
#case.index .banner{background-color: #081238;}
#case.index .banner .swiper{height:400px;}
#case.index .banner .swiper .swiper-slide{padding-top: 55px;display: flex;justify-content: space-between;box-sizing: border-box;}
#case.index .banner .swiper .swiper-slide .con{width: 800px;color: #fff;}
#case.index .banner .swiper .swiper-slide .con .title{margin-top: 23px;line-height: 60px;font-size: 4rem;font-weight: 500;}
#case.index .banner .swiper .swiper-slide .con .desc{margin-top: 8px;font-size: 1.6rem;line-height: 28px;}
#case.index .banner .swiper .swiper-slide .logo{width: 280px;height: 280px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #fff;}
#case.index .banner .swiper .swiper-slide .logo img{width: 90%;}
#case.index .banner .swiper .swiper-slide a{display: block;font-size: 1.4rem;background-color: #337eff;color: #fff;margin-top: 40px;width: 144px;line-height: 44px;text-align: center;}
#case.index .banner .swiper .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff}
#case.index .banner .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;border-radius: 10px;opacity: 0.5}
#case.index .content .x-title{margin: 80px 0 60px;}
#case.index .content .list{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}
#case.index .content .list .item{width: calc(33% - 26px);height: 337px;position: relative;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;padding: 10px 40px 40px;box-shadow: 0 20px 60px -10px rgba(26, 34, 51, 0.15);border-radius: 8px;border: 1px solid #f0f0f2;color: #222;background-color: #fff;}
#case.index .content .list .item img{height:140px;margin-bottom:10px;object-fit: contain}
#case.index .content .list .item .title{margin:10px 0 30px;text-align: center;line-height: 36px;font-weight: bold;font-size: 2.4rem;}
#case.index .content .list .item .desc{line-height: 27px;font-size: 1.8rem;}
#case.index .content .list .item .mask{position: absolute;top: 0;display: flex;align-items: center;justify-content: center;width:100%;height: 100%;background-color: rgba(26, 34, 51, 0.9);opacity: 0;}
#case.index .content .list .item .mask a{display: block;width: 220px;line-height:44px;text-align: center;font-size: 1.4rem;color: #fff;background-color: #337eff;}
#case.index .content .list .item .mask:hover {opacity: 1;transition: all 0.5s;}
#case.index .content .list .item.empty{opacity: 0;height: 0;padding: 0;box-shadow:none;border: none}
#case.index .select{margin: 160px auto 80px;}
#case.index .select .x-title{margin-bottom: 40px;}
#case.index .select img{width: 100%;}
#case.detail .top-banner{background-color: #081238;position: relative;display: flex;align-items: center;overflow: hidden}
#case.detail .top-banner .con{position: absolute;left: calc((100vw - 1200px) / 2);color: #fff;width: 720px;}
#case.detail .top-banner .con h2{line-height: 60px;font-weight: 500;font-size: 40px;}
#case.detail .top-banner .con p{margin-top: 8px;line-height: 32px;font-size: 18px;}
#case.detail .top-banner .con .btn-message{margin-top: 40px;line-height: 44px;width: 116px;text-align: center;font-size: 1.4rem;background-color: #337eff;color: #fff;cursor: pointer;}
#case.detail .top-banner .img{left: calc((100vw - 1200px) / 2 + 800px);position: absolute;top: 0;height: 400px;width: 1080px;background-size: 1080px 400px;opacity: 0.6;}
#case.detail .content{display: flex;justify-content: space-between;padding: 30px 0 33px;}
#case.detail .content .main{width: 800px;color: #1a2233;}
#case.detail .content .main .info{padding-bottom: 30px;box-shadow: inset 0 -1px 0 #d9d9db;}
#case.detail .content .main .title{margin: 30px 0 20px;line-height: 32px;font-size: 2.4rem;font-weight: 500;color: #337eff;}
#case.detail .content .main .title-sub {display: flex;align-items: center;margin-top: 24px;line-height: 48px;font-size: 2rem;font-weight: 600;color: #337eff;}
#case.detail .content .main .title-sub i {display: inline-block;margin-right: 12px;width: 16px;height: 20px;background-color: #337eff;}
#case.detail .content .main .con{line-height: 28px;font-size: 1.4rem;}
#case.detail .content .main .con img{max-width: 100%;}
#case.detail .content .main .con.pain p{margin-top: 16px;}
#case.detail .content .main .con.pain p span{margin-right: 11px;line-height: 28px;font-size: 1.6rem;font-weight: bold;}
#case.detail .content .main .con.plan{padding-left: 28px;}
#case.detail .content .main .con.plan p{margin-top: 10px;}
#case.detail .content .main .con.plan h3,
#case.detail .content .main .con.plan h4{margin: 16px 0;line-height: 28px;font-size: 2rem;font-weight: bold;color: #222;}
#case.detail .content .main .con.plan ul li{margin-left: 10px;list-style-type: disc;}
#case.detail .content .side{width: 280px;}
#case.detail .content .side .logo{width: 100%;border: 1px solid #e6e7eb;}
#case.detail .content .side .corp-info{padding:30px 0;line-height:32px;font-size:14px;color:#222}
#case.detail .content .side .product{display:flex;flex-direction:column}
#case.detail .content .side .product h4{line-height:32px;font-size:18px;font-weight:700}
#case.detail .content .side .product p{margin-top:10px;margin-right:auto}
#case.detail .content .side .product p a{display:block;padding:5px 16px;line-height:22px;border-radius:2px;font-size:14px;background-color:rgba(51,126,255,.1);color:#666}
#case.detail .content .side .product p a:hover{color:#337eff;cursor:pointer}
#case.detail .content .side .btn-message{width: 100%;line-height: 44px;text-align: center;font-size: 1.4rem;background-color: #337eff;color: #fff;margin-top: 40px;cursor: pointer;}
#case.detail .more .x-title{margin: 80px auto 20px;line-height: 51px;}
#case.detail .more .swiper {margin: 0 auto 80px;}
#case.detail .more .swiper .swiper-slide {display: flex;flex-direction: column;align-items: center;height: 337px;padding: 10px 40px 40px 40px;border-radius: 8px;border: 1px solid #e6e7eb;box-sizing: border-box;background-color: #fff;margin: 60px 0;}
#case.detail .more .swiper .swiper-slide img{height:140px;margin-bottom:10px;object-fit: contain}
#case.detail .more .swiper .swiper-slide .title{margin:10px 0 30px;text-align: center;line-height: 36px;font-weight: bold;font-size: 2.4rem;}
#case.detail .more .swiper .swiper-slide .desc{line-height: 27px;font-size: 1.8rem;}
#case.detail .more .swiper .swiper-slide .mask{position: absolute;top: 0;display: flex;align-items: center;justify-content: center;width:100%;height: 100%;background-color: rgba(26, 34, 51, 0.9);opacity: 0;}
#case.detail .more .swiper .swiper-slide .mask a{display: block;width: 220px;line-height:44px;text-align: center;font-size: 1.4rem;color: #fff;background-color: #337eff;}
#case.detail .more .swiper .swiper-slide .mask:hover {opacity: 1;transition: all 0.5s;}
/**/
#price .top-banner{height: 300px;}
#price .top-banner .desc{text-align: center;font-size: 4.2rem;line-height: 1.5;margin-bottom: 0;font-weight: 400}
#price .tab .container{background: #fff;display: flex;justify-content: center;gap:0 93px}
#price .tab a{display: inline-block;height: 60px;line-height: 60px;font-size: 1.4rem;color: #383838;}
#price .tab a.active{color: #3b8fea;border-bottom: 2px solid #3b8fea;}
#price .content{padding: 80px 0;background: #f4f6f8}
#price .content .x-title-sub{line-height: 1.5;font-size: 1.6rem;color: #9b9ba3;margin-bottom: 60px;}
#price .content .box-wrap{display: flex;justify-content: center;gap: 20px;}
#price .content .box-wrap .box{width: 273px;position: relative;padding-bottom: 125px;border: 2px solid #f2f3f6;background-color: #fff;border-radius: 6px;}
#price .content .box-wrap .box .title{position: relative;height: 120px;line-height: 120px;font-size: 2.6rem;color: #fff;text-align: center;background-size: contain;border-radius: 4px 4px 0 0;}
#price .content .box-wrap .box .title img{width: 61px;position: absolute;right: 0;top: 0;line-height: 0;font-size: 0;}
#price .content .box-wrap .box .summary{height: 120px;font-size: 1.4rem;color: #70727d;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#price .content .box-wrap .box .summary:after{content: '';width: 70%;height: 1px;background: #f0f1f2;position: absolute;left: 15%;bottom: 0;}
#price .content .box-wrap .box .con{padding-top: 35px;}
#price .content .box-wrap .box .top{font-size: 1.4rem;color: #70727d;line-height: 1.5;padding: 0 0 26px 30px;}
#price .content .box-wrap .box .top .u-btn{padding: 7px 10px;color: #fff;border: 0;border-radius: 2px;font-size: 14px;cursor: default;}
#price .content .box-wrap .box ul li{margin-bottom: 26px;font-size: 1.4rem;color: #383838;line-height: 1.5;text-align: center;position: relative;}
#price .content .box-wrap .box ul .hover{cursor: pointer;}
#price .content .box-wrap .box ul .hover-con{display: none}
#price .content .box-wrap .box ul .hover-con img {width: 600px;vertical-align: middle;margin-top: 13px;}
#price .content .box-wrap .box ul .hover:hover .hover-con{display: block;position: absolute;z-index: 1000;width: 640px;height: 160px;background: url('../img/price/5.png') no-repeat;background-size: 640px 160px;left: 0;top: -160px;text-align: center;transform: translateX(10px);}
#price .content .box-wrap .box ul li.hot span{position: relative;}
#price .content .box-wrap .box ul li.hot span:after {display: block;content: "";width: 20px;height: 8px;background: url(../img/price/6.png) no-repeat;background-size: contain;position: absolute;right:-25px;top: 0;}
#price .content .box-wrap .box ul.left li{text-align: left;padding: 0 30px}
#price .content .box-wrap .box ul.left li:before{content: "";position: absolute;top: 9px;left: 20px;width: 4px;height: 4px;border-radius: 50%;background-color: #9b9ba3;}
#price .content .box-wrap .box .foot{height: 125px;width: 100%;position: absolute;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;border-top: 1px solid #f0f1f2;}
#price .content .box-wrap .box .foot .btn-message{padding: 12px 33px;font-size: 1.6rem;color: #fff;border-radius: 4px;cursor: pointer;}
#price .content .box-wrap .box.standard .title{background-image: url("../img/price/1.png")}
#price .content .box-wrap .box.standard .foot .btn-message{background: #499ffe;}
#price .content .box-wrap .box.standard .foot .btn-message:hover{background-color: #3092fe;}
#price .content .box-wrap .box.professional .title{background-image: url("../img/price/2.png")}
#price .content .box-wrap .box.professional .top .u-btn{background: #499ffe;}
#price .content .box-wrap .box.professional .foot .btn-message{background: #09cba4;}
#price .content .box-wrap .box.professional .foot .btn-message:hover{background-color: #08b390;}
#price .content .box-wrap .box.ultimate .title{background-image: url("../img/price/3.png")}
#price .content .box-wrap .box.ultimate .top .u-btn{background: #09cba4;}
#price .content .box-wrap .box.ultimate .foot .btn-message{background: #eb9f42;}
#price .content .box-wrap .box.ultimate .foot .btn-message:hover{background-color: #e9932b;}
#price .content .bottom{padding:90px 0 0;display: flex;flex-direction: column;align-items: center;}
#price .content .bottom .tip{font-size: 1.4rem;color: #a2a9ba;line-height: 1.5;position: relative;}
#price .content .bottom .tip:before{content: "";position: absolute;top: 9px;left: -12px;width: 5px;height: 5px;border-radius: 50%;background-color: #a2a9ba;}
#price .content .bottom .btn{width: 246px;line-height: 47px;height: 47px;border-radius: 4px;margin-top: 40px;background: #499ffe;font-size: 1.6rem}
#price.robot .box-wrap{padding-bottom: 80px;}
#price.robot .x-title-2{font-size: 24px;color: #70727d;margin-bottom: 40px;text-align: center;}
#price.robot .content .bottom{padding: 0}
#price.robot .content .con .item{font-size: 14px;line-height: 20px;margin: 40px 31px 0;text-align: center;position: relative;padding-bottom: 40px}
#price.robot .content .con .item p:nth-of-type(1){margin-bottom: 7px;}
#price.robot .content .con .item:after{content: '';width: 100%;height: 1px;background: #f0f1f2;position: absolute;left: 0;bottom: 0;}
#price.robot .content .box.standard .con .item p:nth-of-type(1){color: #488bff}
#price.robot .content .box.professional .con .item p:nth-of-type(1){color: #09cba4}
#price.robot .content .box.ultimate .con .item p:nth-of-type(1){color: #eb9f42}
#price.worksheet .content .box-wrap .box{width: 880px;}
#price.worksheet .content .box-wrap .box ul li{padding:0 0 40px 0;display: inline-block;width: 33%;text-align: center;font-size: 1.4rem;color: #373d40;line-height: 1.5;vertical-align: top;box-sizing: border-box;margin-bottom: 0}
#price.worksheet .content .box-wrap .box ul li dl{padding-left: 73px;}
#price.worksheet .content .box-wrap .box ul li dd{position: relative;text-align: left;font-size: 14px;color: #373d40;line-height: 20px;margin-bottom: 26px;}
#price.worksheet .content .box-wrap .box ul li dd:before {content: "";position: absolute;top: 7px;left: -10px;width: 4px;height: 4px;border-radius: 50%;background-color: #9b9ba3;}
#price.worksheet .content .bottom{padding: 0}
#price.datamonitor .content .box-wrap .box .summary{height: 100px;}
/**/
#service{background: #f4f6f8;}
#service .x-title{font-size: 3.4rem;color: #373d40;line-height: 48px;font-weight: normal;padding: 0 0 16px 0;}
#service .x-title-sub{font-size: 1.6rem;color: #9b9ba3;line-height: 22px;margin: 0;}
#service .top-banner{height: 490px;}
#service .content{width: 1000px;margin: 100px auto 60px;}
#service .content .box-wrap{padding-top: 60px;display: flex;justify-content: space-between;}
#service .content .box{width: 314px;background: #fff;border: 2px solid #f2f3f6;box-sizing: border-box;border-radius: 6px;overflow: hidden}
#service .content .box .top{width: 100%;height: 120px;text-align: center;background-size: cover;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#service .content .box .top p:first-of-type{font-size: 2.6rem;line-height: 37px;color: #fff;padding: 0 0 5px;}
#service .content .box .top p:last-of-type{font-size: 1.4rem;line-height: 20px;color: #fff;}
#service .content .box:nth-of-type(1) .top {background-image: url("../img/service/1.png")}
#service .content .box:nth-of-type(2) .top {background-image: url("../img/service/2.png")}
#service .content .box:nth-of-type(3) .top {background-image: url("../img/service/3.png")}
#service .content .box .con{padding: 10px 30px 30px;box-sizing: border-box;height: 1680px;}
#service .content .box .con .item{border-bottom: 1px solid #f0f1f2;padding-top: 30px;box-sizing: border-box;}
#service .content .box .con .item h4{font-size: 2rem;line-height: 28px;padding-bottom: 16px;}
#service .content .box .con .item ul {padding-bottom:30px;}
#service .content .box .con .item ul li {position:relative;padding-bottom:20px;}
#service .content .box .con .item ul li span {display:inline-block;line-height:20px;font-size:1.4rem;color:#70727d;white-space:pre-wrap;padding-left:14px;}
#service .content .box .con .item ul li:last-child {padding-bottom:0;}
#service .content .box .con .item ul li:before {content:"\2022 ";display:inline-block;position:absolute;top:0;left:0;font-size:2rem;line-height:20px;height:20px;}
#service .content .box .con .item:nth-of-type(1){height: 310px;}
#service .content .box .con .item:nth-of-type(2){height: 126px;}
#service .content .box .con .item:nth-of-type(3){height: 144px;}
#service .content .box .con .item:nth-of-type(4){height: 404px;}
#service .content .box .con .item:nth-of-type(5){height: 274px;}
#service .content .box .con .item:nth-of-type(6){height: 382px;;}
#service .content .box .con .item:last-of-type{border-bottom: none;}
#service .content .box .con .item .tip{line-height: 20px;font-size: 1.4rem;color: #70727d;margin-bottom: 16px;}
#service .content .box .foot{width:100%;height: 140px;border-top: 1px solid #f0f1f2;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#service .content .box .foot p{font-size: 1.4rem;line-height: 20px;color: #373d40;}
#service .content .box .foot .btn{font-size: 1.6rem;line-height: 46px;height: 46px;width:144px;border-radius: 5px;}
#service .content .box:nth-of-type(1) .con .item ul li:before{color: #666}
#service .content .box:nth-of-type(2) .con .item ul li:before{color: #488bff}
#service .content .box:nth-of-type(2) .foot .btn{background: #488bff}
#service .content .box:nth-of-type(3) .con .item ul li:before{color: #634edd}
#service .content .box:nth-of-type(3) .foot .btn{background: #634edd}
#service .content .more{display: block;margin: 60px auto 100px;text-align: center;cursor: pointer;font-size: 18px;color: #2e7bff;line-height: 25px;}
#service .evaluate .x-title{color: #fff;}
#service .evaluate{width: 100%;height: 800px;background: url('../img/service/5.png') #30343e no-repeat center 140px;background-size: 1200px 588px;}
#service .evaluate .container{position: relative;width: 1000px;padding: 82px 0;height: 635px;margin: 0 auto;text-align: center;}

#service .evaluate .imgpoint{width:310px;text-align:center;position:absolute;text-align:left}
#service .evaluate .imgpoint .imgpoint_title{font-size:14px;line-height:20px;padding:5px 0 12px 18px;color:#fff}
#service .evaluate .imgpoint .imgpoint_title_right{font-size:14px;line-height:20px;padding:5px 0 12px 215px;color:#fff}
#service .evaluate .imgpoint .bigV_title{text-align:center;padding:5px 0 12px 206px}
#service .evaluate .imgpoint .duodian_title{text-align:center;padding:5px 0 12px 250px}
#service .evaluate .imgpoint .imgpoint_point{width:8px;height:8px;margin-left:46px;position:relative}
#service .evaluate .imgpoint .imgpoint_point .point-main{position:absolute;width:8px;height:8px;top:-4px;left:-4px;position:absolute;background:#42e8ff;border-radius:4px}
#service .evaluate .imgpoint .imgpoint_point .point-double{position:absolute;width:24px;height:24px;top:-12px;left:-12px;position:absolute;background:rgba(66,232,255,.2);border-radius:50%}
#service .evaluate .imgpoint .imgpoint_point .point-small-delay0:after{content:"";display:block;position:absolute;top:-34px;left:-34px;width:68px;height:68px;background:#42e8ff;border-radius:50%;transform:scale(.16,.16);transform-origin:50% 50%;animation:ripple 3s ease-out 225ms infinite}
#service .evaluate .imgpoint .imgpoint_point .point-small-delay1:before{content:"";display:block;position:absolute;top:-34px;left:-34px;width:68px;height:68px;background:#42e8ff;border-radius:50%;transform:scale(.16,.16);transform-origin:50% 50%;animation:ripple 2s ease-out 225ms infinite;animation-delay:.5s}
#service .evaluate .imgpoint .imgpoint_point_right{width:8px;height:8px;position:relative;margin-left:258px}
#service .evaluate .imgpoint .imgpoint_point_right .point-main{position:absolute;width:8px;height:8px;top:-4px;left:-4px;position:absolute;background:#42e8ff;border-radius:4px}
#service .evaluate .imgpoint .imgpoint_point_right .point-double{position:absolute;width:24px;height:24px;top:-12px;left:-12px;position:absolute;background:rgba(66,232,255,.2);border-radius:50%}
#service .evaluate .imgpoint .imgpoint_point_right .point-small-delay2:before{content:"";display:block;position:absolute;top:-34px;left:-34px;width:68px;height:68px;background:#42e8ff;border-radius:50%;transform:scale(.16,.16);transform-origin:50% 50%;animation:ripple 3s ease-out 225ms infinite;animation-delay:1s}
#service .evaluate .imgpoint .imgpoint_point_right .point-small-delay3:before{content:"";display:block;position:absolute;top:-34px;left:-34px;width:68px;height:68px;background:#42e8ff;border-radius:50%;transform:scale(.16,.16);transform-origin:50% 50%;animation:ripple 2s ease-out 225ms infinite;animation-delay:1.5s}
#service .evaluate .imgpoint .imgpoint_point_right .point-small-delay4:before{content:"";display:block;position:absolute;top:-34px;left:-34px;width:68px;height:68px;background:#42e8ff;border-radius:50%;transform:scale(.16,.16);transform-origin:50% 50%;animation:ripple 2s ease-out 225ms infinite;animation-delay:2.5s}
#service .evaluate .imgpoint .duodian_point{margin-left:280px}
#service .evaluate .img-kaola{top:170px;left:0}
#service .evaluate .img-mama{top:480px;left:129px}
#service .evaluate .img-yunji{top:320px;left:300px}
#service .evaluate .img-yunji .img{position:relative;left:-40px}
#service .evaluate .img-duodian{top:170px;left:666px}
#service .evaluate .img-bigV {top:452px;left:654px;}
@keyframes ripple { 0% {transform:scale(0.16, 0.16);opacity:0.5;} 20% {transform:scale(0.33, 0.33);opacity:0.3;} 100% {opacity:0;transform:scale(1, 1);}}

#service .modal-dialog{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999999;display: none}
#service .modal-dialog .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8)}
#service .modal-dialog .dialog{background: #fff;border-radius: 6px;margin: 50px auto;padding-bottom: 80px;width: 60%;height: 67%;position: relative;}
#service .modal-dialog .dialog .con{height: 100%;overflow-y: scroll}
#service .modal-dialog .dialog .con img{width: 100%;}
#service .modal-dialog .dialog .ft{position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;display: flex;justify-content: center;align-items: center;}
#service .modal-dialog .dialog .ft .cancel{background-color: #3880ff;font-size: 1.6rem;border-radius: 5px;width: 185px;height: 45px;text-align: center;line-height: 45px;display: inline-block;color: #fff;cursor: pointer;}

/**/
#news.index .nav{padding:60px 0}
#news.index .nav ul{display:flex;justify-content:center;align-items:center}
#news.index .nav ul li{margin:0 7px}
#news.index .nav ul li a{display:block;line-height:39px;text-align:center;font-size:18px;color:#676c73;padding:0 30px;border-radius:25px;transition:.5s}
#news.index .nav ul li a:hover{color:#fff;background-color:#357dfd}
#news.index .nav ul li a.on{color:#fff;background-color:#357dfd}
#news.index .list{display:flex;flex-wrap:wrap;justify-content:space-between}
#news.index .list a{display:flex;align-items:center;width:46%;margin-bottom:40px}
#news.index .list a .time{width:20%;text-align:center;position:relative;border-right:1px solid var(--color-primary);font-size:1.4rem;color:#484848;line-height:24px}
#news.index .list a .con{width:80%;display:flex;flex-direction:column;padding-left:30px}
#news.index .list a .con .title{font-size:1.4rem;color:#232424}
#news.index .list a .con .desc{font-size:1.4rem;color:#8f8f90;line-height:24px;margin-top:10px;-webkit-line-clamp:2}
#news.index .list a:hover .con .title{color:#357dfd}
#news.index .pagination{margin-bottom: 30px;}
/**/
#news.detail .content{margin: 40px auto 50px auto;}
#news.detail .content .title{font-size: 2rem;text-align: center;color: #337eff;padding-bottom: 20px;}
#news.detail .content .info{display: flex;justify-content: center;align-items: center;color: #949494;font-size: 1.4rem;padding-bottom: 25px;border-bottom: 1px dashed #bfbfbf;}
#news.detail .content .info span{margin:0 10px;display: flex;align-items: center;}
#news.detail .content .info span img{height: 10px;margin-right: 3px;}
#news.detail .content .con{line-height: 28px;color: #4b4b4b;padding: 25px 0;border-bottom: 1px dashed #bfbfbf;font-size: 1.5rem;}
#news.detail .content .fot{padding-top: 20px;line-height: 25px;color: #4d4d4d;font-size: 1.5rem;display: flex;justify-content: space-between;align-items: center;}
#news.detail .content .fot .more{display: flex;flex-direction: column;}
#news.detail .content .fot .more a{margin-bottom: 2px;}
#news.detail .content .fot .more a span:nth-of-type(2){color: #868686;}
#news.detail .content .fot .back{width: 180px;display: block;line-height: 46px;color: #fff;font-size: 15px;background: #337eff url('../img/news/return.png') no-repeat 20px center;padding-right: 25px;text-align: right;}
#news.detail .content .related{margin-top: 50px;}
#news.detail .content .related .title{padding-bottom: 15px;border-bottom: 1px solid #d7d7d7;overflow: hidden;line-height: 24px;text-align: left;}
#news.detail .content .related .title span{font-size: 2rem;color: #000;position: relative;padding-left: 15px;}
#news.detail .content .related .title span:before {content: '';display: block;width: 3px;height: 24px;background-color: #337eff;position: absolute;left: 0;top: 0;}
#news.detail .content .related .list{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top: 25px}
#news.detail .content .related .list a{width: 47%;margin-bottom: 25px;display: flex;align-items: center;justify-content: space-between;}
#news.detail .content .related .list a span:nth-of-type(1){width: 70%;color: #666;font-size: 1.5rem;position: relative;padding-left: 15px;}
#news.detail .content .related .list a span:nth-of-type(1):before{content: '';display: block;width: 3px;height: 3px;background-color: #cdcdcd;position: absolute;left: 0;top: 10px;}
#news.detail .content .related .list a span:nth-of-type(2){color: #a4a4a4;font-size: 1.2rem}
#news.detail .content .related .list a:hover span{color: #337eff}
/**/
#securitydetail .top-banner{height: 490px;position: relative}
#securitydetail .top-banner .btn{position: absolute;top: 62%;left: 50%;margin-left: -67px;width: 134px;height: 44px;line-height: 44px;border-radius: 4px;}
#securitydetail .content{margin: 75px auto;}
#securitydetail .content p{opacity: 0.8;font-size: 1.6rem;color: #000;letter-spacing: 0;line-height: 28px;text-align: justify;margin-bottom: 35px;display: flex;justify-content: space-between;flex-wrap: wrap;}
#securitydetail .content img{border: 1px solid #f4f4f4;box-shadow: 0 0 5px #d6d4d4;border-radius: 8px;width: 48%;height: 700px;object-fit: contain;margin-bottom: 20px;}