@charset "utf-8";
header{position: sticky;top: 0;background-color: rgba(255,255,255,1);box-shadow: 0 4px 10px rgba(0,0,0,.1);}
header .logo .logo1{opacity: 1;}
header .logo .logo2{opacity: 0;}
header .nav-box .nav-1st > li > a{color: #333;}
header .search-btn{filter: none;}
header .login-btn{color: #CF2020;}
/******内页******/
.inpage-container{min-height: 500px;box-sizing: border-box;padding: 80px 0;overflow: hidden;}
.inpage-container.bg-gray{background-color: #F1F2F4;}
.inpage-container .brief{line-height: 1.75;color: #666;}
/*面包屑*/
.bread{display: flex;align-items: center;line-height: 20px;white-space: nowrap;color: #999;}
.bread .icon{width: 1em;height: 1em;margin-right: .5em;}
.bread a{margin: 0 .3em;color: #999;transition: .3s;}
.bread a:nth-of-type(1){margin-left: 0;}
.bread a.on,.bread a:hover{font-weight: bold;}
/*分页*/
.page{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-top: 40px;}
.page > *{height: 40px;display: inline-block;box-sizing: border-box;padding: 0 1.2em;margin: 0 .3em;background-color: #fff;border: 1px solid #e6e6e6;border-radius: 20px;font-size: 14px;line-height: 40px;color: #333;transition: .3s;}
.page input{width: 30px;text-align: center;}
.page .no-border{padding: 0 .5em;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: #CF2020;border-color: #CF2020;color: #fff;}

/*内页banner*/
.inpage-banner{position: relative;overflow: hidden;}
.inpage-banner .bg{padding-top: 25%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.inpage-banner > .w1400{position: absolute;left: 0;right: 0;top: 0;}
.inpage-banner .title{position: absolute;left: 0;top: 50%;transform: translateY(-80%);line-height: 1.2;text-transform: uppercase;font-weight: normal;color: #fff;}
.inpage-banner .title .cn{font-size: 40px;font-weight: bold;}
.inpage-banner .title .en{margin-top: .6em;text-transform: uppercase;}
/*内页头部栏*/
.inpage-top-wrap{margin-top: -35px;}
.inpage-top-wrap .w1400{display: flex;justify-content: space-between;align-items: center;height: 70px;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.inpage-top-wrap .top-nav-swiper{position: relative;overflow: hidden;flex: 100%;margin-right: 60px;}
.inpage-top-wrap .top-nav-swiper .swiper-slide{width: auto;}
.inpage-top-wrap .top-nav-swiper .swiper-slide a{position: relative;display: block;padding: 0 1em;line-height: 70px;transition: .3s;}
.inpage-top-wrap .top-nav-swiper .swiper-slide a.on{color: #CF2020;}
.inpage-top-wrap .top-nav-swiper .swiper-scrollbar{bottom: 1px;height: 3px;}
.inpage-top-wrap .top-nav-swiper .swiper-scrollbar-drag{background-color: #CF2020;opacity: .2;}
.inpage-top-wrap .bread{margin-right: 1em;}
/*标题*/
.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.index-title .name{display: inline-flex;align-items: center;}
.index-title .name .icon{width: .9em;height: .9em;margin-right: .25em;}
.index-title .name .cn{font-weight: bold;}
.index-title .name .en{margin-left: .25em;font-family: 'DINPro-Regular';text-transform: uppercase;opacity: .2;}
.index-title.center{justify-content: center;}
/*更多按钮*/
.index-more-btn{display: inline-flex;justify-content: center;align-items: center;padding: 0 1.5em;border: 1px solid #ccc;border-radius: 1.5em;line-height: 3;white-space: nowrap;transition: .3s;}
.index-more-btn .arrow{width: .5em;height: .5em;margin-left: 2.5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
/*内页副标题*/
.inpage-subtitle{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.inpage-subtitle .name{padding-bottom: 1em;margin-bottom: -1px;border-bottom: 1px solid #CF2020;font-weight: bold;}
/*产品三级导航*/
.product-third-nav{display: flex;flex-wrap: wrap;}
.product-third-nav .item{display: block;margin-left: 40px;font-weight: bold;transition: .3s;}
.product-third-nav .item:first-child{margin-left: 0;}
.product-third-nav .item:hover{transform: translateY(-.3em);}
.product-third-nav .item.on{color: #CF2020;}
/*内页三级导航*/
.inpage-third-nav{display: flex;justify-content: center;align-items: center;margin-bottom: 60px;}
.inpage-third-nav .item{display: block;min-width: 8em;box-sizing: border-box;padding: 0 1.5em;margin: 0 .6em;border: 1px solid #CF2020;border-radius: 1.5em;line-height: 3;text-align: center;color: #CF2020;transition: .3s;}
.inpage-third-nav .item:hover{background-color: #eee;}
.inpage-third-nav .item.on{background-color: #CF2020;color: #fff;}
/*纵向导航栏*/
.vertical-nav-box{padding: 20px;background-color: #F5F5F5;}
.vertical-nav-box > .title{display: flex;align-items: center;padding-bottom: .8em;margin-bottom: .8em;border-bottom: 1px solid #ccc;font-weight: bold;}
.vertical-nav-box > .title .icon{width: 1em;height: 1em;margin-right: .4em;opacity: .4;}
/*一级*/
.vertical-nav-box .nav-1st{line-height: 1.75;}
.vertical-nav-box .nav-1st > li+li{margin-top: 1em;}
.vertical-nav-box .nav-1st > li > .tit{position: relative;cursor: pointer;}
.vertical-nav-box .nav-1st > li > .tit .name{display: flex;align-items: center;font-weight: bold;transition: .3s;}
.vertical-nav-box .nav-1st > li > .tit .fold-btn{position: absolute;right: 0;top: 50%;width: 10px;height: 10px;margin-top: -5px;color: #999;cursor: pointer;}
.vertical-nav-box .nav-1st > li > .tit .fold-btn::before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;}
.vertical-nav-box .nav-1st > li > .tit .fold-btn::after{content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;margin-left: -1px;background-color: currentColor;}
.vertical-nav-box .nav-1st > li.open{padding-bottom: 1em;border-bottom: 1px solid #ddd;}
.vertical-nav-box .nav-1st > li.open > .tit .fold-btn::after{display: none;}
.vertical-nav-box .nav-1st > li.open .nav-2nd{display: block;}
/*二级*/
.vertical-nav-box .nav-2nd{display: none;margin-top: 1em;}
.vertical-nav-box .nav-2nd > li+li{margin-top: .75em;}
.vertical-nav-box .nav-2nd > li > a{position: relative;display: block;padding-right: 2em;transition: .3s;}
.vertical-nav-box .nav-2nd > li > a:hover{color: #CE000C;}
.vertical-nav-box .nav-2nd > li.on > a{color: #CE000C;}

/*新闻详情*/
.news-details-box{min-height: 500px;}
.news-details-box .title{margin-bottom: 1em;line-height: 1.2;font-weight: bold;}
.news-details-box .func-wrap{display: flex;justify-content: space-between;align-items: center;padding: 15px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.news-details-box .record{line-height: 20px;color: #666;}
.news-details-box .record span{display: inline-block;vertical-align: top;margin-left: 35px;}
.news-details-box .record span:first-child{margin-left: 0;}
.news-details-box .record span .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;opacity: .6;}
.news-details-box .share-wrap .item{filter: grayscale(1);opacity: .5;}
.news-details-box .share-wrap .item .icon{filter: none;}
.news-details-box .share-wrap .weixin-btn{border-color: #00C800;}
.news-details-box .share-wrap .weibo-btn{border-color: #F5AA16;}
.news-details-box .share-wrap .qq-btn{border-color: #FF3D00;}
.news-details-box .share-wrap .item:hover{filter: none;opacity: 1;}
.news-details-box .content{padding: 1.5em 0;line-height: 2;}
.news-details-box .content p{margin-bottom: 1em;}
.news-details-box .content em{font-style: italic;}
.news-details-box .jump-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 20px;border-top: 1px solid #ddd;}
.news-details-box .jump-wrap .btn{width: 100%;margin-top: 10px;font-size: 16px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.news-details-box .jump-wrap .btn span{margin-right: 1em;color: #999;}
.news-details-box .jump-wrap .btn:hover{color: #CF2020;}

/*关于我们页*/
.about-page{padding: 0;}
.about-page .part1{padding: 80px 0 100px;background: url(../images/about_page_bg1.jpg) right bottom no-repeat;background-size: cover;}
.about-page .part2{padding: 100px 0;background: url(../images/about_page_bg2.jpg) center no-repeat;background-size: cover;}
.about-page .part3{padding: 100px 0;background-color: #fff;}
.about-page .part4{padding: 100px 0;background: url(../images/about_page_bg3.jpg) center no-repeat;background-size: cover;}
/*公司简介*/
.company-brief-box{position: relative;}
.company-brief-box .brief-wrap{position: absolute;right: 0;top: 0;width: 70%;box-sizing: border-box;padding: 40px 40px 100px;background-color: #fff;box-shadow: 0 2px 20px rgba(0,0,0,.2);}
.company-brief-box .brief-wrap::after{content: '';position: absolute;left: 40px;bottom: 30px;width: 5em;height: 4em;background-image: url(../images/icon_quotation_mark.svg);background-size: 100% 100%;opacity: .08;}
.company-brief-box .brief-wrap .tit{margin-bottom: 1em;font-weight: bold;color: #CF2020;}
.company-brief-box .brief-wrap .txt{line-height: 1.75;}
.company-brief-box .brief-wrap .txt p{margin-bottom: 1em;}
/*数据展示*/
.company-brief-box .data-show-wrap{width: 50%;box-sizing: border-box;padding: 40px;background-color: #CF2020;color: #fff;overflow: hidden;}
.company-brief-box .data-show-wrap::after{content: '';position: absolute;left: 0;top: 28%;width: 40%;padding-top: 40%;background-image: url(../images/icon_logo_red.svg);background-size: 100% 100%;filter: brightness(0) invert(1);opacity: .08;}
.company-brief-box .data-show-wrap .item{margin-bottom: 30px;}
.company-brief-box .data-show-wrap .item .num{height: 60px;font-weight: bold;}
.company-brief-box .data-show-wrap .item .num span{display: inline-block;vertical-align: top;font-family: 'DINPro-Regular';font-size: 60px;line-height: 1;}
.company-brief-box .data-show-wrap .item .num sup{display: inline-block;font-size: 16px;transform: translateY(-.3em);}
.company-brief-box .data-show-wrap .item .num em{display: inline-block;vertical-align: bottom;}
.company-brief-box .data-show-wrap .item .txt{margin-top: 1em;line-height: 1;}
/*荣誉展示区*/
.honor-show-box{}
.honor-show-box .section+.section{margin-top: 50px;}
.honor-show-box .section .title{margin-bottom: .5em;font-weight: bold;}
.honor-show-box .section .brief{margin-bottom: 1em;}
.honor-show-box .section .tips{margin-top: 1em;font-size: 12px;color: #999;}
.honor-show-box .certificate-pic-list{display: flex;}
.honor-show-box .certificate-pic-list li{max-width: 18%;margin: 0 4px;}
.honor-show-box .honor-info-list{display: flex;flex-wrap: wrap;}
.honor-show-box .honor-info-list li{display: flex;justify-content: center;align-items: center;position: relative;width: 19%;box-sizing: border-box;padding: 0 2.2em;margin: 0 .5%;}
.honor-show-box .honor-info-list li::before{content: '';position: absolute;left: 0;top: 50%;width: 2em;height: 4em;margin-top: -2em;background-image: url(../images/icon_leaf_golden.svg);background-size: 100% 100%;}
.honor-show-box .honor-info-list li::after{content: '';position: absolute;right: 0;top: 50%;width: 2em;height: 4em;margin-top: -2em;background-image: url(../images/icon_leaf_golden.svg);background-size: 100% 100%;transform: rotateY(180deg);}
.honor-show-box .honor-info-list li .name{line-height: 1.75;text-align: center;color: #666;}
/*联系信息区*/
.contact-info-box{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.contact-info-box > .con-l{width: 40%;}
.contact-info-box > .con-r{width: 50%;}
.contact-info-box .index-more-btn{margin-top: 60px;}
.contact-info-box .map-wrap{display: block;}
.contact-info-box .map-wrap .pic{overflow: hidden;}
.contact-info-box .map-wrap .pic em{display: block;padding-top: 54.6%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .3s;}
.contact-info-box .map-wrap:hover .pic em{transform: scale(1.05);}
/*联系信息列表*/
.contact-info-list{}
.contact-info-list li{display: flex;align-items: center;margin-bottom: 1em;}
.contact-info-list li .icon{width: 1em;height: 1em;margin-right: .5em;}
/*联系二维码区*/
.contact-qrcode-box{display: flex;margin-top: 30px;}
.contact-qrcode-box .item{position: relative;margin-right: 20px;cursor: pointer;}
.contact-qrcode-box .item .icon{position: relative;width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #ddd;border-radius: 50%;transition: .3s;}
.contact-qrcode-box .item .icon img{position: absolute;inset: 0;width: 60%;height: 60%;margin: auto;filter: brightness(0) invert(.8);transition: .3s;}
.contact-qrcode-box .item .hidden-wrap{position: absolute;left: 50%;bottom: 100%;padding-bottom: .2em;transform: translateX(-50%) scale(0);transform-origin: bottom;transition: .3s;}
.contact-qrcode-box .item .hidden-wrap img{max-width: none;width: 100px;height: 100px;}
.contact-qrcode-box .item:hover .icon{background-color: #CF2020;border-color: #CF2020;}
.contact-qrcode-box .item:hover .icon img{filter: brightness(0) invert(1);}
.contact-qrcode-box .item:hover .hidden-wrap{transform: translateX(-50%) scale(1);}
/*加入我们区*/
.join-us-wrap{width: 50%;}
.join-us-wrap .index-title{margin-bottom: 1em;}
.join-us-wrap .index-more-btn{margin-top: 40px;background-color: #CF2020;border-color: #CF2020;color: #fff;}

/*留言页*/
.message-page .index-title{display: block;}
.message-page .index-title .brief{margin-top: 1em;}
/*联系表单*/
.contact-form .row .item{align-items: center;padding: 0 1em;background-color: #F5F5F5;border: 1px solid transparent;border-radius: 24px;transition: .3s;}
.contact-form .row .name{display: flex;align-items: center;padding: 0 1em 0 0;margin-right: 1em;border-right: 1px solid #ddd;}
.contact-form .row .name .icon{width: 1em;height: 1em;filter: brightness(0) invert(.4);}
.contact-form input{height: 48px;padding: 0;background-color: transparent;border: 0;font-size: 16px;}
.contact-form input:focus{border-color: transparent;}
.contact-form textarea{height: 120px;padding: 1em 0;background-color: transparent;resize: none;border: 0;font-size: 16px;}
.contact-form textarea:focus{border-color: transparent;}
.contact-form .row .item:focus-within{background-color: #fff;border-color: #CF2020;}
.contact-form .yzm-area .pic{flex: 0 0 120px;height: 48px;}
.contact-form .btns-area{justify-content: flex-start;width: 100%;margin-left: 1em;}
.contact-form .btns-area .btn{height: 48px;padding: 0 3em;margin: 0 10px 0 0;border-radius: 24px;}
.contact-form .btns-area .btn[type='submit']{background-color: #CF2020;border-color: #CF2020;color: #fff;}
.contact-form .btns-area .btn[type='button']{background-color: #CF2020;border-color: #CF2020;color: #fff;}

/*新闻信息列表*/
.news-info-list{display: flex;flex-wrap: wrap;}
.news-info-list li{width: 31.33%;margin: 0 0 2% 2%;}
.news-info-list li:nth-child(3n+1){margin-left: 0;}
.news-info-list li a{display: block;background-color: #fff;transition: .5s;}
.news-info-list li .pic{overflow: hidden;}
.news-info-list li .pic em{display: block;padding-top: 58.61%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.news-info-list li .info{padding: 1.25em;}
.news-info-list li .info .tit{height: 3.2em;margin-bottom: .5em;line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.news-info-list li .info .txt{height: 3.2em;line-height: 1.6;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-info-list li .info .date{display: flex;align-items: center;margin-top: 1.5em;color: #999;}
.news-info-list li .info .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05IDE3QTggOCAwIDEgMCA5IDFhOCA4IDAgMCAwIDAgMTZ6Ii8+PHBhdGggZD0iTTkuMDAzIDQuMnY0LjgwNGwzLjM5MiAzLjM5MSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.news-info-list li a:hover{box-shadow: 0 2px 20px rgba(0,0,0,.2);}
.news-info-list li a:hover .pic em{transform: scale(1.05);}
.news-info-list li a:hover .info .tit{color: #CF2020;}

/*产品频道页*/
.product-channel-page{padding: 0;}
.product-channel-page .part1{padding: 70px 0 100px;}
.product-channel-page .part2{padding: 100px 0;background: #F1F2F4 url(../images/product_channel_page_bg1.jpg) center no-repeat;background-size: cover;}
/*产品工具列表*/
.product-tool-list{}
.product-tool-list li{position: relative;margin-bottom: 20px;}
.product-tool-list li .pic{overflow: hidden;}
.product-tool-list li .pic em{display: block;padding-top: 22.86%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.product-tool-list li:first-child .pic em{padding-top: 28.57%;}
.product-tool-list li .info{position: absolute;left: 30px;top: 36px;color: #fff;}
.product-tool-list li .info .tit{font-weight: bold;}
.product-tool-list li .info .txt{margin: .5em 0 3em;font-size: 14px;opacity: .6;}
.product-tool-list li .info .more{display: flex;align-items: center;margin-top: 1em;color: #fff;transition: .3s;}
.product-tool-list li .info .more::after{content: '';width: .5em;height: .5em;margin-left: .5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
.product-tool-list li .info .more:hover{transform: translateX(.3em);}
/*解决方案信息列表*/
.solution-info-list{display: flex;flex-wrap: wrap;}
.solution-info-list li{width: 31.33%;margin: 0 0 2% 2%;overflow: hidden;}
.solution-info-list li:nth-child(3n+1){margin-left: 0;}
.solution-info-list li a{position: relative;display: block;}
.solution-info-list li .pic{position: relative;overflow: hidden;}
.solution-info-list li .pic::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 70%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9));pointer-events: none;}
.solution-info-list li .pic em{display: block;padding-top: 70%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.solution-info-list li .info{position: absolute;left: 0;right: 0;bottom: 0;padding: 1.25em;color: #fff;transform: translateY(calc(100% - 4em));transition: .5s;}
.solution-info-list li .info .tit{margin-bottom: .6em;font-weight: bold;}
.solution-info-list li .info .txt{line-height: 1.6;opacity: .8;}
.solution-info-list li .info .more{display: flex;align-items: center;margin-top: 1em;transition: .3s;}
.solution-info-list li .info .more::after{content: '';width: .5em;height: .5em;margin-left: .5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
.solution-info-list li a:hover .info{transform: translateY(0);}

/*行业应用页*/
.industry-page{padding: 0;}
/*行业信息列表*/
.industry-info-list{}
.industry-info-list li{padding: 100px 0;background-color: #F1F2F4;}
.industry-info-list li .w1400{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.industry-info-list li:nth-child(2n){background-color: #fff;}
.industry-info-list li:nth-child(2n) .w1400{flex-direction: row-reverse;background-color: #fff;}
.industry-info-list li .w1400 > .con-l{width: 54%;}
.industry-info-list li .w1400 > .con-r{width: 43%;}
.industry-info-list li .info{}
.industry-info-list li .info .tit{position: relative;padding-bottom: .6em;margin-bottom: .8em;border-bottom: 1px solid #ddd;font-weight: bold;transition: .3s;}
.industry-info-list li .info .tit::after{content: '';position: absolute;left: 0;bottom: -1px;width: 3em;height: 1px;background-color: #CF2020;}
.industry-info-list li .info .txt{line-height: 1.75;color: #666;}
.industry-info-list li .info .more{display: flex;align-items: center;margin-top: 1.25em;color: #999;transition: .3s;}
.industry-info-list li .info .more::after{content: '';width: .5em;height: .5em;margin-left: .5em;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(20%,-10%) rotate(45deg);}
.industry-info-list li .info .related-wrap{padding: 1.25em;margin-top: 3em;background-color: #fff;border: 1px solid #ddd;border-radius: .75em;}
.industry-info-list li .info .related-wrap .subtitle{margin-bottom: .5em;font-weight: bold;}
.industry-info-list li .info .related-wrap .list{display: flex;flex-wrap: wrap;}
.industry-info-list li .info .related-wrap .list dd{margin-right: 1.5em;}
.industry-info-list li .info .related-wrap .list dd a{display: block;color: #666;transition: .3s;}
.industry-info-list li .pic{overflow: hidden;}
.industry-info-list li .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.industry-info-list li:hover .info .tit{color: #CF2020;}
.industry-info-list li .info .more:hover{color: #CF2020;transform: translateX(.3em);}
.industry-info-list li .info .related-wrap .list dd a:hover{text-decoration: underline;text-underline-offset: .3em;color: #CF2020;}
.industry-info-list li:hover .pic em{transform: scale(1.05);}

/*服务页*/
.service-page{padding: 0;}
.service-page .part1{padding: 100px 0;}
.service-page .part2{padding: 100px 0;background-color: #F1F2F4;}
.service-page .part2 .video-swiper{margin-top: -80px;}
/*服务支持展示区*/
.service-show-box{font-size: 0;}
.service-show-box .item{display: inline-block;vertical-align: top;width: 33.33%;height: 240px;font-size: 16px;transition: background-color .1s, color .3s;}
.service-show-box .item .tit{display: flex;align-items: center;padding: 30px 30px 0;margin-bottom: .5em;font-weight: bold;}
.service-show-box .item .tit .icon{width: 1em;height: 1em;margin-right: .5em;transition: .3s;}
.service-show-box .item .list{padding: 0 30px;opacity: .7;}
.service-show-box .item .list li{margin-bottom: .3em;}
.service-show-box .item .pic{height: 100%;overflow: hidden;}
.service-show-box .item .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.service-show-box .item:nth-child(6){float: right;height: 480px;}
.service-show-box .item:nth-child(8){background-color: #F5F5F5;}
.service-show-box .item:hover{background-color: #CF2020;color: #fff;}
.service-show-box .item:hover .tit .icon{filter: brightness(0) invert(1);}
.service-show-box .item:hover .pic em{transform: scale(1.05);}
/*视频轮播*/
.video-swiper{position: relative;padding: 80px 0 20px;overflow: hidden;}
.video-swiper .video-box{cursor: pointer;transition: .5s;}
.video-swiper .video-box .pic{position: relative;overflow: hidden;}
.video-swiper .video-box .pic::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 3em;height: 3em;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA2NyA2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzMuNjMyLjc5QzE1LjQ5My43OS43ODkgMTUuNDkyLjc4OSAzMy42MzFjMCAxOC4xMzggMTQuNzA0IDMyLjg0MiAzMi44NDMgMzIuODQyIDE4LjEzOCAwIDMyLjg0Mi0xNC43MDQgMzIuODQyLTMyLjg0MkM2Ni40NzQgMTUuNDkzIDUxLjc3Ljc4OSAzMy42MzIuNzg5em0xMy43NTMgMzUuMDIybC0xOC42NiAxMi4zMTZhMi42MTIgMi42MTIgMCAwIDEtNC4wNS0yLjE4di0yNC42M2EyLjYxMiAyLjYxMiAwIDAgMSA0LjA1LTIuMThsMTguNjYxIDEyLjMxNWEyLjYxMiAyLjYxMiAwIDAgMSAwIDQuMzYxdi0uMDAyeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;transition: .3s;}
.video-swiper .video-box .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.1);}
.video-swiper .video-box .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.video-swiper .video-box .info{padding: 1.25em;background-color: #fff;}
.video-swiper .video-box .info .tit{height: 3.2em;line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.video-swiper .video-box .info .date{display: flex;align-items: center;margin-top: 1em;color: #999;}
.video-swiper .video-box .info .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik05IDE3QTggOCAwIDEgMCA5IDFhOCA4IDAgMCAwIDAgMTZ6Ii8+PHBhdGggZD0iTTkuMDAzIDQuMnY0LjgwNGwzLjM5MiAzLjM5MSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.video-swiper .video-box:hover{box-shadow: 0 2px 20px rgba(0,0,0,.2);}
.video-swiper .video-box:hover .pic::before{transform: scale(1.2);}
.video-swiper .video-box:hover .info .tit{color: #CF2020;}
.video-swiper .btn{z-index: 1;position: absolute;top: 0;width: 40px;height: 40px;border: 1px solid currentColor;border-radius: 50%;color: #ccc;cursor: pointer;transition: .3s;}
.video-swiper .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;}
.video-swiper .prev-btn{right: 60px;}
.video-swiper .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.video-swiper .next-btn{right: 0;}
.video-swiper .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.video-swiper .btn:hover{background-color: #CF2020;border-color: #CF2020;color: #fff;}
.video-swiper .swiper-button-disabled{cursor: not-allowed;opacity: .5;}

/*带纵向菜单栏的内页*/
.vertical-nav-page .w1400{display: flex;justify-content: space-between;flex-wrap: wrap;}
.vertical-nav-page .w1400 > .con-l{flex: 0 0 320px;margin-right: 40px;}
.vertical-nav-page .w1400 > .con-r{flex: 1;overflow: hidden;}
/*顶部搜索栏*/
.top-search-box{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 48px;margin-bottom: 36px;}
.top-search-box .text-input{flex: 1;height: 100%;box-sizing: border-box;padding: 0 1em;border: 1px solid #ddd;border-radius: 24px 0 0 24px;background-color: #fff;font-size: 16px;}
.top-search-box .sub-btn{width: 120px;height: 100%;border-radius: 0 24px 24px 0;background: #CF2020 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNzc3IDEzLjYxOGEuNzkuNzkgMCAwIDEgLjExOS4xbDQuNzIgNC43MmEuODM3LjgzNyAwIDAgMS0uNTkgMS40Mi44My44MyAwIDAgMS0uNTg5LS4yNDJsLTQuNzItNC43MmEuODEuODEgMCAwIDEtLjA5OC0uMTIgOC4zIDguMyAwIDAgMS01LjI4NiAxLjg5QTguMzMzIDguMzMzIDAgMSAxIDguMzMzIDBhOC4zMzMgOC4zMzMgMCAwIDEgNi40NDQgMTMuNjE4ek04LjMzMyAxNWE2LjY2NyA2LjY2NyAwIDEgMCAwLTEzLjMzMyA2LjY2NyA2LjY2NyAwIDAgMCAwIDEzLjMzM3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==') left 1.5em center no-repeat;background-size: .8em .8em;font-size: 16px;text-indent: .5em;color: #fff;}
/*搜索结果栏*/
.search-result-wrap{margin-bottom: 1.25em;}
.search-result-wrap i{margin: 0 .5em;color: #CF2020;}
/*下载列表*/
.download-list{}
.download-list li{display: flex;justify-content: space-between;align-items: center;padding: 1.4em 0;border-top: 1px solid #ddd;}
.download-list li .name{flex: 0 0 40%;position: relative;box-sizing: border-box;padding-left: 1.5em;font-weight: bold;transition: .3s;}
.download-list li .name::before{content: '';position: absolute;left: 0;top: 50%;width: .5em;height: .5em;margin-top: -.25em;background-color: #ddd;transition: .3s;}
.download-list li .record{display: flex;color: #999;}
.download-list li .record span{margin: 0 1em;}
.download-list li .btn{display: flex;align-items: center;color: #999;transition: .3s;}
.download-list li .btn::before{content: '';width: 1em;height: 1em;margin-right: .3em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMyAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNDRjIwMjAiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik02LjUxNyAxMi42NTdWMU0xMS41MjcgNy42ODVsLTUuMDEzIDUuMDE0TDEuNSA3LjY4NU0xMS41MjcgMTYuMDQxSDEuNSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.7);}
.download-list li:hover .name{color: #CF2020;transform: translate(.3em);}
.download-list li:hover .name::before{background-color: #CF2020;}
.download-list li .btn:hover{color: #CF2020;}
.download-list li .btn:hover::before{filter: none;}

/*常见问题列表*/
.qa-list{}
.qa-list li{padding: 1.25em 0;border-top: 1px solid #ddd;}
.qa-list li .que{display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.qa-list li .que .tit{flex: 1;margin-right: 1em;font-weight: bold;transition: .3s;}
.qa-list li .que .fold-btn{position: relative;display: inline-block;vertical-align: top;width: 2em;height: 2em;border: 1px solid currentColor;border-radius: 50%;color: #999;cursor: pointer;transition: .3s;}
.qa-list li .que .fold-btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 25%;height: 25%;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: translate(-50%,-70%) rotate(45deg);}
.qa-list li .que .fold-btn:hover{background-color: #CF2020;color: #fff;}
.qa-list li .ans{display: none;padding: .5em 0 0 1.5em;line-height: 1.75;color: #666;}
.qa-list li.open .que .tit{color: #CF2020;}
.qa-list li.open .que .fold-btn{transform: rotate(180deg);}
.qa-list li.open .ans{display: block;}

/*学习列表*/
.study-list{display: flex;flex-wrap: wrap;}
.study-list li{width: 31.33%;margin: 0 0 2% 2%;}
.study-list li:nth-child(3n+1){margin-left: 0;}
.study-list li a{display: block;background-color: #fff;transition: .5s;}
.study-list li .pic{overflow: hidden;}
.study-list li .pic em{display: block;padding-top: 58.61%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.study-list li .info{position: relative;padding: 1.25em;}
.study-list li .info::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #CF2020;transform-origin: 0 50%;transform: scaleX(0);transition: 1s;}
.study-list li .info .tit{height: 3.2em;line-height: 1.6;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.study-list li .info .record{display: flex;align-items: center;margin-top: 1em;color: #999;}
.study-list li .info .record::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNDcgLjk0MSkiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNy41MjkiIGN5PSIzLjA4IiByPSIzLjA4Ii8+PHBhdGggZD0iTTEuMDI3IDEzLjY5YzAtMi44ODggMi4xMTMtNS41ODMgMy45MDEtNi4xNiAwIDAgMS42MjYgMS43MzIgMi42MDEgMi44ODdMMTAuMTMgNy41M2MxLjQ2NC4xOTMgMy45MDIgMy4yNzMgMy45MDIgNi4xNk0wIDEzLjY5aDE1LjA1OSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.study-list li a:hover{box-shadow: 0 2px 20px rgba(0,0,0,.2);}
.study-list li a:hover .pic em{transform: scale(1.05);}
.study-list li a:hover .info::after{transform: scaleX(1);}
.study-list li a:hover .info .tit{color: #CF2020;}

/*视频介绍区*/
.video-intro-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 60px;}
.video-intro-box > .con-l{width: 37%;}
.video-intro-box > .con-r{width: 60%;}
.video-intro-box .video-box{cursor: pointer;}
.video-intro-box .video-box .pic{position: relative;overflow: hidden;}
.video-intro-box .video-box .pic::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 3em;height: 3em;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA2NyA2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzMuNjMyLjc5QzE1LjQ5My43OS43ODkgMTUuNDkyLjc4OSAzMy42MzFjMCAxOC4xMzggMTQuNzA0IDMyLjg0MiAzMi44NDMgMzIuODQyIDE4LjEzOCAwIDMyLjg0Mi0xNC43MDQgMzIuODQyLTMyLjg0MkM2Ni40NzQgMTUuNDkzIDUxLjc3Ljc4OSAzMy42MzIuNzg5em0xMy43NTMgMzUuMDIybC0xOC42NiAxMi4zMTZhMi42MTIgMi42MTIgMCAwIDEtNC4wNS0yLjE4di0yNC42M2EyLjYxMiAyLjYxMiAwIDAgMSA0LjA1LTIuMThsMTguNjYxIDEyLjMxNWEyLjYxMiAyLjYxMiAwIDAgMSAwIDQuMzYxdi0uMDAyeiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+');background-size: 100% 100%;transition: .3s;}
.video-intro-box .video-box .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.1);}
.video-intro-box .video-box .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.video-intro-box .video-box:hover .pic::before{transform: scale(1.2)}
.video-intro-box .info{}
.video-intro-box .info .tit{font-weight: bold;}
.video-intro-box .info .record{display: flex;margin: 1em 0 1.25em;color: #999;}
.video-intro-box .info .record span{display: flex;align-items: center;margin-right: 1.875em;}
.video-intro-box .info .record span .icon{width: 1em;height: 1em;margin-right: .3em;filter: brightness(0) invert(.6);}
.video-intro-box .info .txt{min-height: 8em;box-sizing: border-box;padding: 1.25em;background-color: #F1F2F4;border-radius: .5em;line-height: 1.75;color: #666;}
.video-intro-box .info .btn{display: inline-flex;padding: 0 2.5em;margin-top: 2em;background-color: #CF2020;border-radius: 1.5em;line-height: 3;color: #fff;}

/*课程列表*/
.course-list{}
.course-list > li > .title{display: flex;justify-content: space-between;align-items: center;height: 60px;padding: 0 1.25em;background-color: #F1F2F4;cursor: pointer;}
.course-list > li > .title .name{font-weight: bold;}
.course-list > li > .title .fold-btn{display: flex;align-items: center;color: #999;transition: .3s;}
.course-list > li > .title .fold-btn span{margin-right: .4em;}
.course-list > li > .title .fold-btn .arrow{position: relative;width: 1em;height: 1em;transition: .3s;}
.course-list > li > .title .fold-btn .arrow:after{content: '';position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: translate(-50%,-70%) rotate(45deg);}
.course-list > li > .content{display: none;padding: 1.25em 0;}
.course-list > li.open > .title .fold-btn .arrow{transform: rotate(180deg);}
.course-list > li.open > .content{display: block;}

/*视频列表*/
.video-list{}
.video-list li+li{margin-top: 1.25em;}
.video-list li a{display: flex;justify-content: space-between;align-items: center;}
.video-list li a .tit{flex: 1;margin-right: 1em;transition: .3s;}
.video-list li a .time{display: flex;align-items: center;min-width: 6em;color: #999;transition: .3s;}
.video-list li a .time::before{content: '';width: 1em;height: 1em;margin-right: .4em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNDRjIwMjAiIHN0cm9rZS13aWR0aD0iMS4yNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTUuNjY3IDFIMi4zMzNDMS41OTcgMSAxIDEuNTk3IDEgMi4zMzN2MTMuMzM0QzEgMTYuNDAzIDEuNTk3IDE3IDIuMzMzIDE3aDEzLjMzNGMuNzM2IDAgMS4zMzMtLjU5NyAxLjMzMy0xLjMzM1YyLjMzM0MxNyAxLjU5NyAxNi40MDMgMSAxNS42NjcgMXoiLz48cGF0aCBkPSJNNy40NDQgMTAuNzc4VjguMDgzbDIuMzM0IDEuMzQ4IDIuMzMzIDEuMzQ3LTIuMzMzIDEuMzQ3LTIuMzM0IDEuMzQ3ek0xIDVoMTZNMTMgMWwtMi42NjcgNE03LjY2NyAxTDUgNSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.6);}
.video-list li a:hover .tit{color: #CF2020;transform: translateX(.3em);}
.video-list li a:hover .time{color: #CF2020;}
.video-list li a:hover .time::before{filter: none;}

/*登录页*/
.login-page{position: relative;height: 100dvh;}
.login-page .home-btn{position: fixed;left: 20px;top: 20px;display: flex;align-items: center;padding: 0 1em;background-color: rgba(0,0,0,.3);border: 1px solid rgba(255,255,255,.4);border-radius: 1.2em;line-height: 2.4;color: #fff;transition: .3s;}
.login-page .home-btn:hover{background-color: #CF2020;border-color: #CF2020;}
.login-page .home-btn .icon{width: 1em;height: 1em;margin-right: .5em;filter: brightness(0) invert(1);}
.login-page .bg{z-index: -1;position: absolute;left: 0;top: 0;bottom: 0;width: calc(100% - 600px);background-position: center;background-size: cover;background-repeat: no-repeat;}
.login-page .login-box{position: relative;width: 700px;height: 100%;box-sizing: border-box;padding: 30px 50px;margin-left: auto;background-color: #fff;line-height: 1.75;}
.login-page .login-box .logo{display: inline-block;vertical-align: top;margin-bottom: 1em;}
.login-page .login-box .logo img{display: block;max-width: 220px;max-height: 60px;}
.login-page .login-box .title{font-weight: bold;}
.login-page .login-box .brief{margin: .2em 0 1em;font-size: 14px;color: #999;}
.login-page .login-box .remember{color: #666;user-select: none;}
.login-page .login-box .remember a{color: #CF2020;}
.login-page .login-box .btns-area{margin: 1.5em 0 0;}
.login-page .login-box .btns-area .btn{width: 100%;margin: 0;}
.login-page .login-box .tips{display: flex;justify-content: center;align-items: center;margin-top: 1em;}
.login-page .login-box .tips a{color: #CF2020;}
.login-page .login-box .cr{position: fixed;left: 20px;bottom: 20px;font-size: 12px;color: #fff;}
.login-page .login-box .cr a{display: flex;align-items: center;color: #fff;transition: .3s;}
.login-page .login-box .cr a .icon{width: 1em;height: 1em;margin-right: .2em;}
.login-page .login-box .cr a:hover{text-decoration: underline;color: #CF2020;}

/*产品详情页*/
.product-details-page{position: relative;padding: 0;}
.product-details-page .part1{padding: 100px 0;}
.product-details-page .part2{padding: 100px 0;background-color: #F1F2F4;}
.product-details-page .part3{padding: 100px 0;}
.product-details-page .part4{padding: 100px 0;background-color: #F1F2F4;}
.product-details-page .part5{padding: 100px 0;}
/*纵向锚链接导航栏*/
.vertical-anchor-nav{z-index: 2;position: absolute;left: 2vw;top: 100px;}
.vertical-anchor-nav li{margin: 1.25em 0;}
.vertical-anchor-nav li a{position: relative;display: inline-block;vertical-align: top;padding-left: 1em;line-height: 1.75;font-weight: bold;color: #999;transition: .3s;}
.vertical-anchor-nav li a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .5em;height: .5em;box-sizing: border-box;border: 1px solid #ccc;border-radius: 50%;transition: .3s;}
.vertical-anchor-nav li.on a{color: #333;}
.vertical-anchor-nav li.on a::before{background-color: #CF2020;border-color: #CF2020;}
.vertical-anchor-nav.fixed{position: fixed;top: 50%;transform: translateY(-50%);}
/*产品优势*/
.product-advantage-list{line-height: 1.75;color: #666;}
.product-advantage-list li{margin-bottom: .8em;}
.product-advantage-list li::before{content: '⊙';margin-right: .5em;}
/*产品介绍列表*/
.product-intro-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.product-intro-list li{width: 48.6%;margin-bottom: 2em;}
.product-intro-list li .pic{overflow: hidden;}
.product-intro-list li .pic em{display: block;padding-top: 47%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.product-intro-list li .info{margin-top: 1em;}
.product-intro-list li .info .tit{font-weight: bold;}
.product-intro-list li .info .txt{margin-top: 1em;line-height: 1.75;color: #666;}
/*版本对比折叠按钮*/
.btns-area .version-contrast-fold-btn{padding: 0 1.5em;background-color: #CF2020;border: 0;border-radius: 1.5em;line-height: 3;color: #fff;}
.btns-area .version-contrast-fold-btn::before{content: '';width: 1em;height: 1em;margin-right: .5em;background-image: url(../images/icon_contrast.svg);background-size: 100% 100%;filter: brightness(0) invert(1);}
.btns-area .version-contrast-fold-btn.open{background-color: #999;}
.btns-area .version-contrast-fold-btn.open::before{background-image: url(../images/icon_close.svg);}
/*版本对比列表*/
.version-contrast-list{display: none;margin-top: 40px;background-color: #fff;}
.version-contrast-list li{padding: 0 40px;border-bottom: 1px solid #ddd;line-height: 1.75;}
.version-contrast-list li .title{display: flex;position: relative;padding: .5em 0;cursor: pointer;}
.version-contrast-list li:first-child .title{padding: 1em 0;}
.version-contrast-list li .title .name{flex: 33%;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding: 0 .5em;font-weight: bold;}
.version-contrast-list li .title .name:nth-child(1){justify-content: flex-start;}
.version-contrast-list li .title .name .icon{width: 1em;height: 1em;}
.version-contrast-list li .title .fold-btn{position: absolute;left: -15px;top: 50%;width: 10px;height: 10px;margin-top: -5px;color: #999;cursor: pointer;transition: .3s;}
.version-contrast-list li .title .fold-btn::before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;}
.version-contrast-list li .title .fold-btn::after{content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;margin-left: -1px;background-color: currentColor;}
.version-contrast-list li .title .fold-btn:hover{color: #CF2020;}
.version-contrast-list li .content{display: none;padding: .3em 0 1em;}
.version-contrast-list li .content .txt{color: #999;}
.version-contrast-list li.open{padding-bottom: 1em;border-bottom: 1px solid #ddd;}
.version-contrast-list li.open > .title .fold-btn::after{display: none;}
.version-contrast-list li.open .content{display: block;}
/*图片轮播*/
.pic-swiper{overflow: hidden;}
.pic-swiper .swiper-slide a{display: block;}
.pic-swiper .swiper-slide .pic{overflow: hidden;}
.pic-swiper .swiper-slide .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.pic-swiper .swiper-slide .tit{padding: 0 1em;margin-top: 1em;text-align: center;font-weight: bold;transition: .3s;}
.pic-swiper .swiper-slide a:hover .pic em{transform: scale(1.05);}
.pic-swiper .swiper-slide a:hover .tit{color: #CF2020;}

/*网站地图*/
.sitemap-box{}
.sitemap-box .item{margin-bottom: 1.5em;}
.sitemap-box .item .tit{padding-bottom: .8em;border-bottom: 1px dashed #ddd;font-weight: bold;}
.sitemap-box .item .tit a{display: inline-block;vertical-align: top;color: #CF2020;}
.sitemap-box .item .txt{display: flex;flex-wrap: wrap;margin-top: .8em;}
.sitemap-box .item .txt a{position: relative;display: inline-block;vertical-align: top;padding-left: 1.2em;margin: 0 1em .8em;transition: 0.3s;font-size: 16px;}
.sitemap-box .item .txt a:before{content: "";position: absolute;left: 0;top: 50%;width: .8em;height: .8em;margin-top: -.4em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuNjM4IDIyLjIzbDIuMDk2LTIuMTIxYy0xLjkwNy0uMTYtMy4xOS0uNzQ2LTQuMTYtMS43MTItMi41ODUtMi41ODMtMi41ODUtNi4yNTYgMC04LjgyM2w0LjkyMi00LjkxMmMyLjYwMi0yLjU4MiA2LjI1My0yLjU5OCA4LjgzOC0uMDE2IDIuNjAyIDIuNjE1IDIuNTg2IDYuMjYuMDE2IDguODI2bC0yLjgxIDIuODAzYTUuODU1IDUuODU1IDAgMCAxIC4zNjYgMy4yNDhsNC4zNjQtNC4zNThjMy42MzYtMy42MSAzLjY0OC04Ljc1OS0uMDE2LTEyLjQxNi0zLjY4LTMuNjgtOC44MjItMy42NDgtMTIuNDQxLS4wMmwtNS4xNzUgNS4xNjVjLTMuNjE2IDMuNjEzLTMuNjQ4IDguNzYyLjAxNiAxMi40Mi45MzguOTIxIDIuMTI4IDEuNTg0IDMuOTg0IDEuOTJ2LS4wMDR6bS0uNDQ0IDcuMDVsNS4xNTgtNS4xNjJjMy42MzUtMy42MjggMy42NDgtOC43NjEtLjAxNi0xMi40MzgtLjkyMi0uOTE4LTIuMTEyLTEuNTg0LTMuOTY4LTEuOWwtMi4xMTIgMi4xMDhjMS45Mi4xNzMgMy4yMDYuNzU4IDQuMTYgMS43MDkgMi42MDIgMi41ODIgMi41ODYgNi4yNTkuMDE2IDguODI1bC00LjkzOCA0LjkwNmMtMi41ODUgMi41ODItNi4yMzYgMi41OTgtOC44MjIuMDE2LTIuNjE4LTIuNTk1LTIuNTg2LTYuMjU2LS4wMTYtOC44MjJsMi44MS0yLjgwNGE1LjgxNCA1LjgxNCAwIDAgMS0uMzY1LTMuMjMyTDIuNzM2IDE2LjgzYy0zLjYzNSAzLjYyOS0zLjY2NyA4Ljc2MS4wMTYgMTIuNDM1IDMuNjY0IDMuNjYgOC44MDYgMy42MjkgMTIuNDQyLjAxNnoiIGZpbGw9IiNDRjIwMjAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');background-size: 100% 100%;filter: brightness(0) invert(.5);}
.sitemap-box .item .txt a:hover{text-decoration: underline wavy;text-underline-offset: .3em;color: #CF2020;}
.sitemap-box .item .txt a:hover:before{filter: none;}


/*笔记本1920*1080显示放大比例为125%，实际分辨率为1920/1.25=1536*/
@media screen and (max-width: 1550px){
	/*纵向锚链接导航栏*/
    .vertical-anchor-nav{display: none;}
}

/*中屏PC，分辨率1366*/
@media screen and (max-width: 1440px){
	
}

/*小屏PC，分辨率1280*/
@media screen and (max-width: 1300px){
	
}

/*pad横屏，分辨率1024*/
@media screen and (max-width: 1024px){
	header .search-btn{filter: brightness(0);}
    /******内页******/
    .inpage-container{min-height: 300px;padding: 30px 0;}
    /*面包屑*/
    .bread .icon{top: 2px;width: 16px;height: 16px;}
    /*分页*/
    .page{padding-top: 30px;}
    .page > *{padding: 0 .8em;margin: 0 3px;height: 26px;font-size: 12px;line-height: 24px;}
    
    /*内页banner*/
    .inpage-banner{padding-top: 0;}
    .inpage-banner .bg{padding-top: 30%;}
    .inpage-banner .title{transform: translateY(-50%);}
    .inpage-banner .title .cn{font-size: 18px;}
    .inpage-banner .title .en{margin-top: .3em;font-size: 12px;}
    .inpage-banner .title .bread{margin-top: 1em;}
    /*内页头部栏*/
    .inpage-top-wrap{display: none;}
	/*标题*/
	.index-title{margin-bottom: 30px;}
	.index-title .name .en{font-size: 12px;}
	/*更多按钮*/
	.index-more-btn{line-height: 2;}
	.index-more-btn .arrow{display: none;}
    /*产品三级导航*/
    .product-third-nav{justify-content: center;}
    .product-third-nav .item{margin: 0 .6em .6em;}
    .product-third-nav .item:first-child{margin-left: .6em;}
    /*内页三级导航*/
    .inpage-third-nav{margin-bottom: 30px;}
    .inpage-third-nav .item{min-width: 6em;padding: 0 1em;margin: 0 .3em;line-height: 2.2;}
    
    /*新闻详情*/
    .news-details-box .title{margin-bottom: 1em;font-size: 18px;text-align: center;}
    .news-details-box .func-wrap{padding: 10px 0;flex-wrap: wrap;}
    .news-details-box .func-wrap .share-wrap{display: none;}
    .news-details-box .record{width: 100%;font-size: 13px;text-align: center;}
    .news-details-box .record span{margin-left: 10px;}
    .news-details-box .content{padding: 15px 0;font-size: 15px;}
    .news-details-box .content p{margin-bottom: 10px;}
    .news-details-box .jump-wrap{padding-top: 10px;margin-top: 0;}
    .news-details-box .jump-wrap .btn{width: 100%;max-width: none;margin: .2em 0;font-size: 14px;}

    /*关于我们页*/
    .about-page{padding: 0;}
    .about-page .part1{padding: 40px 0;}
    .about-page .part2{padding: 40px 0;}
    .about-page .part3{padding: 40px 0;}
    .about-page .part4{padding: 40px 0;}
    /*公司简介*/
    .company-brief-box .brief-wrap{position: static;width: 100%;padding: 1.5em 1.5em 5em;}
    .company-brief-box .brief-wrap::after{left: 1.5em;bottom: 1.5em;width: 4em;height: 3em;}
    .company-brief-box .brief-wrap .tit{margin-bottom: 1em;font-weight: bold;color: #CF2020;}
    .company-brief-box .brief-wrap .txt{line-height: 1.75;}
    .company-brief-box .brief-wrap .txt p{margin-bottom: 1em;}
    /*数据展示*/
    .company-brief-box .data-show-wrap{display: flex;justify-content: space-between;width: 100%;padding: 1em;}
	.company-brief-box .data-show-wrap .item{flex: 0 0 30%;margin-bottom: 0;}
	.company-brief-box .data-show-wrap .item .num{height: 40px;}
	.company-brief-box .data-show-wrap .item .num span{font-size: 40px;}
	.company-brief-box .data-show-wrap .item .num sup{font-size: 14px;}
	.company-brief-box .data-show-wrap .item .txt{margin-top: .6em;}
    /*荣誉展示区*/
    .honor-show-box .section+.section{margin-top: 30px;}
    .honor-show-box .certificate-pic-list{flex-wrap: wrap;}
    .honor-show-box .certificate-pic-list li{max-width: 30%;margin: 0 1%;}
    .honor-show-box .honor-info-list li{width: 88%;margin: 15px 6%;}
    /*联系信息区*/
    .contact-info-box > .con-l{width: 100%;}
    .contact-info-box > .con-r{width: 100%;margin-top: 30px;}
    .contact-info-box .index-more-btn{display: flex;width: 6em;margin: 20px auto 0;}
    /*联系二维码区*/
    .contact-qrcode-box{justify-content: center;margin-top: 20px;}
    .contact-qrcode-box .item{margin: 0 6px;}
    /*加入我们区*/
    .join-us-wrap{width: 100%;}
    .join-us-wrap .index-more-btn{margin-top: 30px;}

    /*联系表单*/
    .contact-form .row{flex-wrap: wrap;margin-bottom: 0;}
    .contact-form .row .item{flex: 0 0 100% !important;margin-bottom: 15px;}
    .contact-form input{height: 40px;}
    .contact-form .btns-area{margin-left: 0;}

    /*新闻信息列表*/
    .news-info-list li{width: 48%;margin: 0 0 4% 4%;}
    .news-info-list li:nth-child(3n+1){margin-left: 4%;}
    .news-info-list li:nth-child(2n+1){margin-left: 0;}
    .news-info-list li .info{padding: .6em;}
    .news-info-list li .info .txt{display: none;}
    .news-info-list li .info .date{margin-top: .8em;}

    /*产品频道页*/
    .product-channel-page{padding: 0;}
    .product-channel-page .part1{padding: 40px 0;}
    .product-channel-page .part1 .index-title{flex-wrap: wrap;}
    .product-channel-page .part1 .product-third-nav{margin-top: 2em;}
    .product-channel-page .part2{padding: 40px 0;}
    /*产品工具列表*/
    .product-tool-list li{margin-bottom: 15px;}
    .product-tool-list li .pic em{padding-top: 60%;}
    .product-tool-list li:first-child .pic em{padding-top: 60%;}
    .product-tool-list li .info{left: 1em;top: 1.25em;}
    .product-tool-list li .info .txt{margin: .5em 0 2em;}
    .product-tool-list li .info .more{margin-top: .8em;}
    /*解决方案信息列表*/
    .solution-info-list li{width: 100%;margin: 0 0 2%;}
    .solution-info-list li .info{padding: 1.25em 1em;transform: translateY(0);}

    /*行业应用页*/
    .industry-page{padding: 0;}
    /*行业信息列表*/
    .industry-info-list li{padding: 40px 0;}
    .industry-info-list li .w1400 > .con-l{width: 100%;}
    .industry-info-list li .w1400 > .con-r{width: 100%;margin-top: 20px;}
    .industry-info-list li .info .more{margin-top: 1em;}
    .industry-info-list li .info .related-wrap{padding: 1em;margin-top: 1.5em;}

    /*服务页*/
    .service-page{padding: 0;}
    .service-page .part1{padding: 40px 0;}
    .service-page .part2{padding: 40px 0;}
    .service-page .part2 .video-swiper{margin-top: 0;}
    /*服务支持展示区*/
    .service-show-box .item{width: 100%;height: auto;margin-bottom: 20px;font-size: 14px;}
    .service-show-box .item .tit{padding: 0;}
    .service-show-box .item .list{padding: 0;}
    .service-show-box .item .list li{margin-bottom: .3em;}
    .service-show-box .item .pic em{height: auto;padding-top: 60%;}
    .service-show-box .item:nth-child(6){float: none;height: auto;}
    .service-show-box .item:nth-child(8){background-color: transparent;}
    /*视频轮播*/
    .video-swiper{padding: 0;}
    .video-swiper .video-box .info{padding: 1em;}
    .video-swiper .video-box .info .tit{height: auto;}
    .video-swiper .video-box .info .date{margin-top: .5em;}
    .video-swiper .btn{display: none;}

    /*带纵向菜单栏的内页*/
    .vertical-nav-page .w1400 > .con-l{flex: 0 0 100%;margin-right: 0;}
    .vertical-nav-page .w1400 > .con-r{flex: 100%;margin-top: 30px;}
    /*顶部搜索栏*/
    .top-search-box{height: 36px;margin-bottom: 20px;}
    .top-search-box .text-input{font-size: 14px;}
    .top-search-box .sub-btn{width: 80px;background-position: left 1em center;font-size: 14px;text-indent: .5em;}
    /*下载列表*/
    .download-list li{padding: 1.2em 0;}
    .download-list li .name{padding: 0 .5em 0 0;}
    .download-list li .name::before{display: none;}
    .download-list li .record span{margin: 0;}
    .download-list li .btn{display: flex;align-items: center;color: #999;transition: .3s;}
    .download-list li .btn::before{content: '';width: 1em;height: 1em;margin-right: .3em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMyAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNDRjIwMjAiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik02LjUxNyAxMi42NTdWMU0xMS41MjcgNy42ODVsLTUuMDEzIDUuMDE0TDEuNSA3LjY4NU0xMS41MjcgMTYuMDQxSDEuNSIvPjwvZz48L3N2Zz4=');background-size: 100% 100%;filter: brightness(0) invert(.7);}
    .download-list li:hover .name{color: #CF2020;transform: translate(.3em);}
    .download-list li:hover .name::before{background-color: #CF2020;}
    .download-list li .btn:hover{color: #CF2020;}
    .download-list li .btn:hover::before{filter: none;}
    /*常见问题列表*/
    .qa-list li{padding: 1em 0;}
    .qa-list li .que .fold-btn{width: 1.5em;height: 1.5em;}

    /*学习列表*/
    .study-list li{width: 48%;margin: 0 0 4% 4%;}
    .study-list li:nth-child(3n+1){margin-left: 4%;}
    .study-list li:nth-child(2n+1){margin-left: 0;}
    .study-list li .info{padding: .6em;}
    .study-list li .info .record{margin-top: .8em;}

    /*视频介绍区*/
    .video-intro-box{margin-bottom: 30px;}
    .video-intro-box > .con-l{width: 100%;}
    .video-intro-box > .con-r{width: 100%;margin-top: 20px;}

    /*课程列表*/
    .course-list > li > .title{height: 50px;padding: 0 .8em;}

    /*登录页*/
    .login-page{display: flex;justify-content: center;align-items: center;min-height: 100dvh;}
    .login-page .bg{width: 100%;}
    .login-page .login-box{width: 94%;height: auto;margin: 0;padding: 1.2em 1em;line-height: 1.5;}
    .login-page .login-box .logo img{max-width: 160px;max-height: 40px;}
    .login-page .login-box .brief{margin: .2em 0 .5em;}
    .login-page .login-box .row .item{margin-bottom: 1em;}
    .login-page .login-box .btns-area{margin: 1em 0 0;}
    .login-page .login-box .cr{position: static;margin-top: 3em;}

    /*产品详情页*/
    .product-details-page{padding: 0;}
    .product-details-page .part1{padding: 40px 0;}
    .product-details-page .part2{padding: 40px 0;}
    .product-details-page .part3{padding: 40px 0;}
    .product-details-page .part4{padding: 40px 0;}
    .product-details-page .part5{padding: 40px 0;}
    /*纵向锚链接导航栏*/
    .vertical-anchor-nav{display: none;}
    /*产品介绍列表*/
    .product-intro-list{margin-bottom: 0;}
    .product-intro-list li{width: 100%;margin-bottom: 30px;}
    /*版本对比列表*/
    .version-contrast-list{padding-bottom: 6px;overflow-x: auto;}
    .version-contrast-list li{min-width: 150vw;padding: 0 2em;line-height: 1.5;}
    .version-contrast-list li .title .fold-btn{left: -1em;}
}

/*phone和pad竖屏，分辨率820*/
@media screen and (max-width: 820px){
    
}