@charset "UTF-8";
/* ========== 主体框架 start ========== */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;}
.indexBanner::before{content: '';display: block;padding-top: 50%;}
.indexBanner::after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: absolute;left: 0;top: 0;z-index: 1;}
.indexBanner .bd{height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0;}
.indexBanner .swiper-slide{height: 100%;position: relative;}
.indexBanner .swiper-slide.swiper-slide-active{z-index: 10;}
.indexBanner .swiper-slide video{height: 100%;position: absolute;width: 100%;left: 0;top:0; overflow: hidden;object-fit: cover;object-position: center center;}
.indexBanner .swiper-slide .bg{height: 100%;position: absolute;width: 100%;left: 0;top:0; overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all 4.5s 0s ease-in-out;transform: scale(1.15);}
.indexBanner .swiper-slide a{display: block;height: 100%;width: 100%;}
.indexBanner .swiper-slide a img{display: block;height: 100%;width: 100%;}
.indexBanner .indexDot{position: absolute;bottom: 1.25rem;left: 0;width: 100%;text-align: center;font-size: 0;z-index: 3;}
.indexBanner .indexDot .swiper-pagination-bullet{display: inline-block;width: 50px;height: 4px;margin: 0 .175rem;vertical-align: middle;cursor: pointer;position: relative;border-radius: .1rem;background-color: rgba(255, 255, 255, 0.3);overflow: hidden;opacity: 1;}
.indexBanner .indexDot .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgba(255, 255, 255, 0.3);opacity: 1;}
.indexBanner .indexDot .swiper-pagination-bullet i{display: none;background-color: #d91320;position: absolute;left: 0;top: 0;height: 4px;width: 0;}
.indexBanner .indexDot .swiper-pagination-bullet.swiper-pagination-bullet-active i{display: block;}
.indexBanner .swiper-slide.on .bg{transform: scale(1);}
.indexBannerText{position: absolute;width: 100%;text-align: center;top: 25%;left: 0;z-index: 2;}
.indexBannerText .text1{line-height: 1rem;margin-bottom: .5rem;font-size: .6rem;color: #ffffff;font-family: 'MiSansLg';}
.indexBannerText .text2{line-height: 2rem;margin-bottom: 5rem;font-size: 1.2rem;color: #ffffff;font-family: 'MiSansMe';}
.indexBannerTextBtn a{display: inline-block;padding: 0 1rem;line-height: 1rem;height: 1rem;background-color: #f5f5f5;font-size: .4rem;font-family: 'MiSans';color: #333333;border-radius: 1rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.indexBannerTextBtn a:hover{background-color: #d8281c;color: #fff;}
/* ————— indexBanner end ————— */
/* ========== 主体框架 end ========== */
/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */

/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.indexColumn1{background-position: center bottom;background-repeat: no-repeat;background-size: 100% 100%;}
.indexColumn1C{padding: 2.25rem 0 2.75rem;}
.indexColumn1CUp{margin-bottom: 1.25rem;}
.indexColumn1CUpL{float: left;display: inline;line-height: 1.75rem;font-size: 1.2rem;color: #333333;margin-right: 4.25rem;font-family: 'MiSansBd';}
.indexColumn1CUpR{line-height: .75rem;padding-top: .125rem;font-size: .4rem;color: #555555;overflow: hidden;font-family: 'MiSansLg';}
.indexColumn1CVideo .pic{overflow: hidden;border-radius: .375rem;cursor: pointer;}
.indexColumn1CVideo .pic::before{padding-top: 50%;}
.indexColumn1CVideo .pic video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;}
.indexColumn1CVideo .pic .play{display: block;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2) url("../images/videoPlayIcon.png") no-repeat center center / 1.375rem;position: absolute;left: 0;top: 0;}
.indexColumn1CVideo .pic .play.active{display: none;}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.indexColumn2{background-position: center top;background-repeat: no-repeat;background-size: 100% 100%;padding: 2rem 0;}
.indexColumn2Up{margin-bottom: 2rem;}
.indexColumn2Up .title{float: left;display: inline;margin-right: 4.25rem;font-size: 1.2rem;color: #333333;line-height: 1.75rem;font-weight: bold;font-family: 'MiSansBd';}
.indexC2TextScroll{overflow: hidden;}
.indexC2TextScroll .bd{overflow: hidden;margin-right: -.75rem;}
.indexC2TextScroll .bd .swiper-wrapper .swiper-slide{width: 100%;}
.indexColumn2Up .info{overflow: hidden;padding-top: .5rem;font-family: 'MiSansLg';display: block;margin-right: .75rem;}
.indexColumn2Up .info .infoText{line-height: 1.25rem;font-size: .9rem;color: #333333;margin-bottom: .5rem;}
.indexColumn2Up .info .infoC{line-height: .9rem;font-size: .5rem;color: #333333;}
.indexC2Scroll{overflow: hidden;}
.indexC2Scroll .bd{overflow: hidden;margin-right: -30px;}
.indexC2Scroll .bd .swiper-wrapper .swiper-slide{width: 100%;}
.indexC2Scroll .bd .con{display: block;margin-right: .5rem;}
.indexC2Scroll .bd .con .pic{overflow: hidden;}
.indexC2Scroll .bd .con .pic::before{padding-top: 50%;}
.indexC2Dot{float: left;display: inline;line-height: 1rem;height: 1rem;width: unset !important;}
.indexC2Dot span{background-color: #cbc7c2;opacity: 1;width: 16px;height: 2px;border-radius: 0;}
.indexC2Dot span.swiper-pagination-bullet-active{background-color: #555555;}
.indexC2Arrow{float: right;display: inline;}
.indexC2Prev{float: left;display: inline;width: 1rem;height: 1rem;background: url("../images/indexC2PrevIcon.png") no-repeat center center / 1rem;cursor: pointer;margin-right: .25rem;}
.indexC2Next{float: left;display: inline;width: 1rem;height: 1rem;background: url("../images/indexC2NextIcon.png") no-repeat center center / 1rem;cursor: pointer;}
.indexColumn2C{padding-top: 1rem;}
.indexC2Operate{margin-bottom: 1.5rem;}
.indexC2TextScrollC{overflow: hidden;text-align: center;}
.indexC2TextScrollC .bd .con{display: block;}
.indexC2TextScrollC .bd .con .text1{line-height: 1rem;margin-bottom: .25rem;font-size: .5rem;color: #444444;font-family: 'MiSansRa';}
.indexC2TextScrollC .bd .con .text2{line-height: 1.75rem;margin-bottom: .5rem;font-size: 1.2rem;color: #333333;font-family: 'MiSansRa';}
.indexC2TextScrollC .bd .con .info{line-height: .9rem;font-size: .4rem;color: #555555; font-family: 'MiSansLg';}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.indexColumn3{position: relative;height: 27rem;overflow: hidden;}
.indexColumn3::before{display: block;content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);left: 0;top: 0;position: absolute;z-index: 2;}
.indexC3Scroll{overflow: hidden;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.indexC3Scroll .bd{overflow: hidden;width: 100%;height: 100%;}
.indexC3Scroll .bd .swiper-slide img,.indexC3Scroll .bd .swiper-slide video{width: 100%;height: 100%; position: absolute;top: 0;left: 0;opacity: 0; filter: alpha(opacity=0);z-index: 1;transform: scale(1.3); transition: 3s ease-in-out;object-fit: cover;}
.indexC3Scroll .bd .swiper-slide.swiper-slide-active img,.indexC3Scroll .bd .swiper-slide.swiper-slide-active video{opacity: 1;filter: alpha(opacity=100);z-index: 2;transform: scale(1);}
.indexColumn3 .indexC3ConBox{position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;}
.indexC3Con{padding-top: 2.25rem;}
.indexC3Con .title{line-height: 1.75rem;font-size: 1.2rem;color: #fff;font-weight: bold;margin-bottom: 3.5rem;font-family: 'MiSansBd';}
.indexC3ConText{padding: 0 20%;text-align: center}
.indexC3ConText .text1{line-height: 1.75rem;margin-bottom: 1rem;font-size: 1.2rem;color: #ffffff; font-family: 'MiSansLg';}
.indexC3ConText .text2{line-height: .875rem;font-size: .4rem;color: #ffffff; font-family: 'MiSansLg';}
.indexColumn3Btn{position: absolute;z-index: 3;width: 100%;text-align: center;left: 0;bottom: 3rem;}
.indexColumn3BtnC{display: inline-block;}
.indexC3Switch{float: right;display: inline;width: 1.375rem;height: 1.375rem;border-radius: 50%;border: .025rem solid #fff;background: url("../images/indexC3Stop.png") no-repeat center center / .75rem;margin-left: .75rem;cursor: pointer;}
.indexC3Switch.active{background-image: url("../images/indexC3Start.png");}
.indexColumn3BtnC{overflow: hidden;}
.indexColumn3BtnC .btn1{float: left;display: inline;width: .5rem;height: 1.375rem;background: url("../images/indexC3PrevIcon.png") no-repeat center center / .25rem;margin-right: .375rem;cursor: pointer;}
.indexColumn3BtnC .btn2{float: right;display: inline;width: .5rem;height: 1.375rem;background: url("../images/indexC3NextIcon.png") no-repeat center center / .25rem;margin-left: .375rem;cursor: pointer;}
.indexColumn3BtnC .btnCon{overflow: hidden;line-height: 1.375rem; font-family: 'MiSansDd';}
.indexColumn3BtnC .btnCon .num1{float: left;display: inline;font-size: .5rem;color: #ffffff;margin-right: .25rem;}
.indexColumn3BtnC .btnCon .num2{float: right;display: inline;font-size: .5rem;color: #ffffff;margin-left: .25rem;}
.indexColumn3BtnC .btnCon .line{overflow: hidden;width: 180px;position: relative;top: .675rem;height: 2px;background-color: rgba(255, 255, 255, 0.2);}
.indexColumn3BtnC .btnCon .line span{position: absolute;left: 0;top: 0;width: 0;background-color: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;height: 100%;}
.indexC3ListBtn{width: 9rem;position: absolute;right: 0;top: 0;height: 100%;z-index: 3;background-color: rgba(0, 0, 0, 0.4);}
.indexC3ListBtn dd .con{border-left: .025rem solid rgba(255, 255, 255, 0.2);border-bottom: .025rem solid rgba(255, 255, 255, 0.2);padding-left: .75rem;height: 2.975rem;cursor: pointer;position: relative;}
.indexC3ListBtn dd .con::before{display: block;content: "";width: 10.75rem;height: 100%;background: url("../images/indexC3DDBg.png") no-repeat center center / 100% 100%;visibility: hidden;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;position: absolute;right: 0;top: 0;}
.indexC3ListBtn dd .con .titleText{line-height: 1rem;font-size: .5rem;color: #ffffff;vertical-align: middle;position: relative;z-index: 2;transition: all 0.3s;-webkit-transition: all 0.3s;font-family: 'MiSansLg';}
.indexC3ListBtn dd .con .titleText span{float: left;display: block; margin-right: .25rem;position: relative;}
.indexC3ListBtn dd .con .titleText span::before{display: block;content: "";width: 100%;height: .05rem;background-color: #6d7075;position: absolute;left: 0;bottom: 0;}
.indexC3ListBtn dd.active .con::before{visibility: visible;opacity: 1;}
.indexC3ListBtn dd.active .con .titleText{transform: translateX(-1.5rem);-webkit-transform: translateX(-1.5rem);color: #333333;}
.indexC3MenuScroll{overflow: hidden;height: 0;visibility: hidden;opacity: 0; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);background-color: #fff;position: relative;}
.indexC3MenuScroll .bd{overflow: hidden;}
.indexC3MenuScroll .bd .swiper-wrapper .swiper-slide{width: auto;float: left;display: inline;}
.indexC3MenuScroll .bd .con{display: inline-block;line-height: 3.25rem;height: 3.25rem;font-size: 0.65rem;color: #333;position: relative;cursor: pointer;padding: 0 1.25rem;font-family: 'MiSansLg';}
.indexC3MenuScroll .bd .con .titleText{position: relative;z-index: 2;}
.indexC3MenuScroll .bd .con::before{display: block;content: "";visibility: hidden;opacity: 0; width: 100%;height: 100%;background:url("../images/indexC3DDBg2.png") no-repeat center center / 100% 100%;position: absolute;left: 0;bottom: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
.indexC3MenuScroll .swiper-wrapper .swiper-slide-thumb-active .con::before{visibility: visible;opacity: 1;}
.indexC3MenuScroll .swiper-wrapper .swiper-slide-thumb-active .con{color: #fff;}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.indexColumn4{background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;padding: 2.25rem 0 1.75rem;background-color: #fff;}
.indexColumn4 .title{line-height: 1.75rem;text-align: center;font-size: 1.2rem;color: #333333;font-weight: bold;margin-bottom: 1rem;font-family: 'MiSansBd';}
.indexColumn4 .pic{overflow: hidden;border-radius: .375rem .375rem 0 0;}
.indexColumn4 .pic a{display: block;}
.indexColumn4 .pic::before{padding-top: 74.5833%;}
/* ————— 第4通栏 end ————— */
/* ————— 第5通栏 start ————— */
.indexColumn5{padding: 0 0 2.625rem;background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;background-color: #fff;}
.indexColumn5 .title{text-align: center;margin-bottom: 1.125rem;}
.indexColumn5 .title .titleC{line-height: 1.75rem;font-size: 1.2rem;color: #333333;font-weight: bold;font-family: 'MiSansBd';}
.indexColumn5 .title .info{line-height: 1rem;font-size: .6rem;color: #333333;font-family: 'MiSansLg';}
.indexColumn5List{overflow: hidden;margin-right: -0.5rem;}
.indexColumn5List dd{ width: 16.6666%;margin-bottom: .5rem;float: left;display: inline;}
.indexColumn5List dd a{display: block;background-color: #fff;margin-right: .5rem;width: 4.625rem;height: 2.25rem;}
.indexColumn5List dd a .pic{overflow: hidden;}
.indexColumn5List dd a .pic::before{padding-top: 48.6487%;}
.indexColumn5List dd a .pic img{object-fit: contain;}
/* ————— 第5通栏 end ————— */
/* ========== 首页 end ========== */
/* ========== 版本更新 start ========== */
.updateLogBox{padding: 1.5rem 0 1.25rem;overflow: hidden;}
.updateLogBox .title{line-height: 1.75rem;font-size: 1.2rem;color: #333333;margin-bottom: .625rem;font-family: 'MiSansLg';}
.updateLogBoxC{overflow: hidden;}
.updateLogBoxCR{float: right;display: flex;flex-direction: column;margin-left: .5rem;width: 7.25rem;max-height: 16.125rem;overflow: hidden;padding: .625rem .5rem .875rem;background-color: #fff;border-radius: .25rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.updateLogBoxCR .infoC{line-height: .625rem;height: .625rem;font-size: .4rem;color: #333333;margin-bottom: .5rem;font-family: 'MiSansRa';}
.updateLogVersion{flex: 1;overflow: hidden; overflow-y: auto;padding-left: 10px;}
.updateLogVersion::-webkit-scrollbar{width:4px;background:#eaeff2;}
.updateLogVersion::-webkit-scrollbar-thumb {width:4px;background:#d91320;border-radius: 4px;}
.updateLogVersion dd{margin-bottom: .25rem;}
.updateLogVersion dd:last-of-type{margin-bottom: 0;}
.updateLogVersion dd a{display: block;line-height: .75rem;font-size: .4rem;color: #666666;padding-left: .375rem;position: relative;font-family: 'MiSansLg';}
.updateLogVersion dd a::before{display: block;content: "";width: .175rem;height: .175rem;position: absolute;left: 0;top: .25rem;background-color: #f2f2f6;transition: all 0.3s;-webkit-transition: all 0.3s;}
.updateLogVersion dd.hover a{color: #d8281c;}
.updateLogVersion dd.hover a::before{background-color: #d8281c;}
.updateLogVersion dd:hover a{color: #d8281c;}
.updateLogVersion dd:hover a::before{background-color: #d8281c;}
.updateLogBoxCL{overflow: hidden;padding-left: .75rem;position: relative;}
.updateLogBoxCL img{max-width: 100%;margin: 0 auto;display: block;}
.updateLogBoxCL::before{display: block;width: 1px;height: 100%;background-color: #c7c7c7;content: "";left: .25rem;top: 1.4rem;position: absolute;}
.updateLogBoxCL .item{background-color: #fff;border-radius: .25rem;padding: 1rem 1.125rem 1.25rem;margin-bottom: .5rem;position: relative;}
.updateLogBoxCL .item .title{line-height: 1rem;font-size: .75rem;color: #333333;position: relative;margin-bottom: .625rem;font-family: 'MiSansBd';}
.updateLogBoxCL .item .title::before{display: block;content: "";width: .25rem;height: .25rem;background-color: #fff;border: 1px solid #696969;position: absolute;left: -1.75rem;top: .3rem;border-radius: 50%;}
.updateLogBoxCL .item .itemCon{margin-bottom: .5rem;}
.updateLogBoxCL .item .itemCon .itemConOne{line-height: .875rem;font-size: .5rem;color: #333333;padding-left: .625rem;position: relative;font-family: 'MiSansRa';}
.updateLogBoxCL .item .itemCon .itemConOne::before{display: block;content: "";width: .25rem;height: .25rem;background-color: #333333;border-radius: 50%;position: absolute;left: 0;top: .3rem;}
.updateLogBoxCL .item .itemCon .itemConTwo{padding-left: .625rem;line-height: .75rem;font-size: .4rem;color: #555555;margin-bottom: .25rem;font-family: 'MiSansRa';}
.updateLogBoxCL .item .itemCon .itemConTwo span{display: block;padding-left: .5rem;position: relative;}
.updateLogBoxCL .item .itemCon .itemConTwo span::before{display: block;content: "";width: .2rem;height: .2rem;border-radius: 50%;background-color: #fff;border: 1px solid #c2c2c2;position: absolute;left: 0;top: .25rem;}
.updateLogBoxCL .item .itemCon .itemConTwo p{display: block;padding-left: .5rem;position: relative;}
.updateLogBoxCL .item .itemCon .itemConTwo p::before{display: block;content: "";width: .2rem;height: .2rem;border-radius: 50%;background-color: #fff;border: 1px solid #c2c2c2;position: absolute;left: 0;top: .25rem;}
.updateLogBoxCL .item .itemCon .itemConTwo span::before {display: block;width: 0;height: 0;}
.updateLogBoxCL .item .itemCon .itemConTwo p a {color: #0000FF;text-decoration: underline !important;}
.versionMenu{padding: .875rem 1.25rem;background-color: #fff;border-radius: .25rem;overflow: hidden;margin-bottom: .75rem;display: none;}
.versionMenuUp{line-height: 2rem;height: 2rem;overflow: hidden;cursor: pointer;}
.versionMenuUp .icon{float: right;display: inline;width: 1rem;height: 2rem;background: url("../images/arrowDownIcon.png") no-repeat center center / .6rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.versionMenu.active .versionMenuUp .icon{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.versionMenuUp .text{overflow: hidden;font-size: .9rem;color: #d8281c;padding-left: .5rem;position: relative;font-family: 'MiSansLg';}
.versionMenuUp .text::before{display: block;content: "";width: .25rem;height: .25rem;position: absolute;left: 0;top:50%;margin-top: -0.125rem; background-color: #d8281c;}
.versionMenuList{display: none;max-height: 8rem;overflow: hidden;overflow-y: auto;}
.versionMenuList dd:last-of-type a{margin-bottom: 0;}
.versionMenuList dd a{line-height: 1.5rem;margin-bottom: 0.5rem; font-size: .75rem;color: #666666;padding-left: .5rem;position: relative;font-family: 'MiSansLg';}
.versionMenuList dd a::before{display: block;content: "";width: .25rem;height: .25rem;position: absolute;left: 0;top:50%;margin-top: -0.125rem; background-color: #f2f2f6;}
/* ========== 版本更新 end ========== */
/* ========== 成功案例 start ========== */
.videoListBoxCon .videoListUp{padding: 1.75rem 0 1.25rem;overflow: hidden;}
.videoListUp .title{float: left;display: inline;line-height: 1.5rem;font-size: 1.2rem;color: #333333;font-family: 'MiSansLg';}
.videoListUpL{width: 10.75rem;line-height: 1.25rem;height: 1.25rem;background-color: #fff;border-radius: 1.25rem;overflow: hidden;float: right;margin-top: .125rem;}
.videoListUpL .searchBtn{float: right;display: inline;width: 3rem;line-height: 1.25rem;height: 1.25rem;border-radius: 1.25rem;background-color: #333333;text-align: center;}
.videoListUpL .searchBtn a{display: block;font-size: .45rem;color: #fff; font-family: 'MiSansRa';}
.videoListUpL .input{border: none;padding: 0 .625rem;overflow: hidden;}
.videoListUpL .input input{min-height: 1.25rem;line-height: 1.25rem;height: 1.25rem;font-size: .4rem;color: #666666;font-family: 'MiSansLg';}
.videoListUpL .input input::placeholder{font-family: 'MiSansLg';}
.videoListBox{margin-right: -0.75rem;}
.videoListBox dd{float: left;display: inline;width: 50%;margin-bottom: 1rem;}
.videoListBox dd a{display: block;background-color: #fff;border-radius: .25rem;transition: all 0.3s;-webkit-transition: all 0.3s;margin-right: .75rem;}
.videoListBox dd a .pic{overflow: hidden;border-radius: .25rem .25rem 0 0;}
.videoListBox dd a .pic::before{padding-top: 56.4102%;}
.videoListBox dd a .pic::after{display: block;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);left: 0;top: 0;position: absolute;}
.videoListBox dd a .text{padding: .75rem .75rem 1.5rem;font-family: 'MiSansRa';}
.videoListBox dd a .text .title{line-height: 1.125rem;height: 1.125rem;overflow: hidden;font-size: .5rem;color: #333333;margin-bottom: .125rem;font-family: 'MiSansRa';}
.videoListBox dd a .text .info{line-height: .75rem;height: 1.5rem;overflow: hidden;font-size: .4rem;color: #666666;font-family: 'MiSansLg';}
.videoListBox dd:hover a{ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
/* ========== 成功案例 end ========== */
/* ========== 成功案例详情 start ========== */
.videoListViewBoxC1{margin-bottom: 1.5rem;}
.videoViewBoxC1Up{padding: 1.625rem 0 1.25rem;}
.returnBtn{float: left;display: inline;}
.returnBtn a{display: block;padding: 0 .75rem;font-family: 'MiSansLg'; line-height: 1.25rem;height: 1.25rem;border-radius: 1.25rem;border: 1px solid #dedede;font-size: .45rem;color: #333333;transition: all 0.3s;-webkit-transition: all 0.3s;}
.returnBtn a:hover{background-color: #d8281c;color: #fff;}
.videoViewBoxC1C{background-color: #fff;border-radius: .25rem;padding: 1rem 1.25rem 2rem;}
.videoViewBoxC1C .title{line-height: 1.5rem;padding-bottom: .75rem;border-bottom: 1px solid #dedede;font-size: .8rem;color: #333333;margin-bottom: 1.25rem;text-align: center;font-family: 'MiSansRa';}
.videoViewBoxC1C .newsViewVideo{margin: 0 auto .5rem;}
.videoViewBoxC1C .infoCon{margin-bottom: 2.25rem;}
.videoViewBoxC1C .infoCon .infoTitle{text-align: center;line-height: 1rem;font-size: .5rem;color: #333333;margin-bottom: 1rem;font-family: 'MiSansLg';}
.videoViewBoxC1C .infoCon .ifnoText{line-height: .75rem;font-size: .45rem;color: #333333;font-family: 'MiSansLg';}
.videoViewBoxC1C .infoCon .ifnoText video{max-width: 100%;}
.videoViewBoxC1C .infoCon .ifnoText img{max-width: 100%;}
.lookViewGroup a{display: inline-block;line-height: 1.375rem;height: 1.375rem;padding: 0 .875rem;border-radius: .25rem;font-size: .45rem;color: #ffffff;background-color: #e90012;font-family: 'MiSansLg';}
.videoListViewBoxC2{border-top: 1px solid #d1d1d1;}
.videoViewList{margin-right: -0.75rem;}
.videoViewList dd{float: left;display: inline;width: 50%;}
.videoViewList dd a{display: block;padding: 1.25rem 1.5rem 1.25rem 0rem;border-right: 1px solid #d1d1d1;margin-right: .75rem;}
.videoViewList dd:nth-child(even) a{border: none;}
.videoViewList dd a .pic{float: left;display: inline;width: 5.5rem;overflow: hidden;border-radius: .25rem;margin-right: .5rem;}
.videoViewList dd a .pic::before{padding-top: 65.9091%;}
.videoViewList dd a .text{overflow: hidden;padding-top: .375rem;}
.videoViewList dd a .text .title{line-height: 1rem;height: 1rem;overflow: hidden;font-size: .5rem;color: #333333;margin-bottom: .375rem; font-family: 'MiSansRa';}
.videoViewList dd a .text .info{line-height: .75rem;height: 1.5rem;overflow: hidden;font-size: .4rem;color: #666666;font-family: 'MiSansLg';}
/* ========== 成功案例详情 end ========== */
/* ========== 教学文档 start ========== */
.teachDocBox{padding-bottom: 1.25rem;}
.teachDocBoxUp{padding: 1.5rem 0 .625rem;}
.teachDocBoxUp .title{float: left;display: inline;line-height: 1.75rem;height: 1.75rem;font-size: 1.2rem;color: #333333;font-family: 'MiSansLg';}
.teachDocBoxUp .locationBox{margin-top: .25rem;}
.teachDocMenu{float: left;display: inline;width: 7.25rem;border-radius: .25rem;overflow: hidden;padding: .5rem .5rem 1.25rem;margin-right: .75rem;background-color: #fff;font-family: 'MiSansLg';}
.teachDocMenu dd .teachDocMenuYj{line-height: 1rem;cursor: pointer;}
.teachDocMenu dd.hover .teachDocMenuYj .icon{transform: rotate(90deg);-webkit-transform:rotate(90deg);cursor: pointer;}
.teachDocMenu dd .teachDocMenuYj .icon{float: left;display: inline;width: .5rem;height: 1rem;background: url("../images/arrowLeftIcon.png") no-repeat center center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenu dd .teachDocMenuYj .iconText{overflow: hidden;font-size: .4rem;color: #333333;font-family: 'MiSansRa';}
.teachDocMenu dd .teachDocMenuEj{display: none;}
.teachDocMenu dd .teachDocMenuEj a{display: block;line-height: 1rem;padding: 0 .5rem;font-family: 'MiSansLg'; font-size: .375rem;color: #666666;margin-bottom: .125rem;border-radius: .25rem;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenu dd .teachDocMenuEj a:hover{background-color: #faf5f5;color: #d8281c;}
.teachDocMenu dd .teachDocMenuEj a.hover{background-color: #faf5f5;color: #d8281c;}
.teachDocBoxCText{overflow: hidden;background-color: #fff;border-radius: .25rem;padding: .875rem 1rem 1.25rem; font-family: 'MiSansRa';}
.teachDocBoxCText .title{line-height: 1.25rem;font-size: .75rem;color: #333333;margin-bottom: .625rem;}
.teachDocBoxCText .info1{line-height: .875rem;margin-bottom: .25rem;font-size: .45rem;color: #444444;}
.teachDocBoxCText .info2{line-height: 1rem;margin-bottom: .25rem;font-size: .5rem;color: #333333;}
.teachDocBoxCText .info3{line-height: .875rem;margin-bottom: .25rem;font-size: .4rem;color: #666666;}
.teachDocBoxCText img{max-width: 100%;margin: 0 auto;display: block;}
.teachDocMenuMbBox{background-color: #fff;border-radius: .25rem;overflow: hidden;margin-bottom: .75rem;padding: .875rem 1.25rem;display: none;}
.teachDocMenuMbUp{cursor: pointer;}
.teachDocMenuMbUp .teachDocMenuYj{line-height: 2rem;height: 2rem;overflow: hidden;cursor: pointer; font-family: 'MiSansRa';}
.teachDocMenuMbUp .teachDocMenuYj .teachDocMenuYjL{float: left;display: inline;}
.teachDocMenuMbUp .teachDocMenuYj .teachDocMenuYjL .icon{float: left;display: inline;width: 1rem;height: 2rem;background: url("../images/arrowLeftIcon.png") no-repeat center center / 0.3rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenuMbUp .teachDocMenuYj.hover .teachDocMenuYjL .icon{transform: rotate(90deg);-webkit-transform:rotate(90deg);cursor: pointer;}
.teachDocMenuMbUp .teachDocMenuYj .teachDocMenuYjL .iconText{overflow: hidden;font-size: .9rem;color: #333333;}
.teachDocMenuYjR{float: right;display: inline;width: 2rem;height: 2rem;background: url("../images/arrowDownIcon.png") no-repeat center center / .6rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenuMbUp .teachDocMenuYj.active .teachDocMenuYjR{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.teachDocMenuMbUp .teachDocMenuEj{display: none;}
.teachDocMenuMbUp .teachDocMenuEj a{display: block;line-height: 1.5rem;padding: 0 .5rem;font-family: 'MiSansLg'; font-size: .7rem;color: #666666;margin-bottom: .125rem;border-radius: .25rem;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenuMbUp .teachDocMenuEj a:hover{background-color: #faf5f5;color: #d8281c;}
.teachDocMenuMbUp .teachDocMenuEj a.hover{background-color: #faf5f5;color: #d8281c;}

.teachDocMenuMb{border-radius: .25rem;overflow: hidden;background-color: #fff;display: none;max-height: 8rem;overflow: hidden;overflow-y: auto;}
.teachDocMenuMb dd{margin-bottom: 0.25rem;}
.teachDocMenuMb dd .teachDocMenuYj{line-height: 1.5rem;cursor: pointer;}
.teachDocMenuMb dd.hover .teachDocMenuYj .icon{transform: rotate(90deg);-webkit-transform:rotate(90deg);cursor: pointer;}
.teachDocMenuMb dd .teachDocMenuYj .icon{float: left;display: inline;width: 1rem;height: 1.5rem;background: url("../images/arrowLeftIcon.png") no-repeat center center / 0.3rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenuMb dd .teachDocMenuYj .iconText{overflow: hidden;font-size: .9rem;color: #333333;font-family: 'MiSansRa';}
.teachDocMenuMb dd .teachDocMenuEj{display: none;font-family: 'MiSansLg';}
.teachDocMenuMb dd .teachDocMenuEj a{display: block;line-height: 1.5rem;padding: 0 .5rem;font-size: 0.65rem;color: #666666;margin-bottom: .125rem;border-radius: .25rem;overflow: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;}
.teachDocMenuMb dd .teachDocMenuEj a:hover{background-color: #faf5f5;color: #d8281c;}
.teachDocMenuMb dd .teachDocMenuEj a.hover{background-color: #faf5f5;color: #d8281c;}
/* ========== 教学文档 end ========== */
/* ========== 功能教学视频 statr ========== */
.videoMoreMenu{margin-bottom: 1rem;overflow: hidden;background-color: #fff;padding: .625rem .875rem;border-radius: .25rem;}
.videoMoreMenuL{float: left;display: inline;line-height: 1rem;font-size: .45rem;color: #333333;margin-right: 1rem;font-family: 'MiSansRa';}
.videoMoreMenuList{overflow: hidden;}
.videoMoreMenuList a{display: block;float: left;display: inline;line-height: 1rem;height: 1rem;font-family: 'MiSansLg'; font-size: .45rem;color: #333333;padding: 0 .625rem;border-radius: 1rem;transition: all 0.3s;-webkit-transition: all 0.3s;}
.videoMoreMenuList a:hover{background-color: #f6f7f8;}
.videoMoreMenuList a.hover{background-color: #f6f7f8;}
.videoListBox2{margin-right: -0.75rem;}
.videoListBox2 dd{float: left;display: inline;width: 50%;margin-bottom: 0.75rem;}
.videoListBox2 dd .con{display: block;border-radius: .25rem;transition: all 0.3s;-webkit-transition: all 0.3s;margin-right: .75rem;}
.videoListBox2 dd .con:hover {cursor: pointer !important;}
.videoListBox2 dd .con .play:hover {cursor: pointer;}
.videoListBox2 dd video:hover {cursor: pointer;}
.videoListBox2 dd .con .pic{overflow: hidden;border-radius: .25rem .25rem;}
.videoListBox2 dd .con .pic::before{padding-top: 56.4102%;}
/* .videoListBox2 dd a .pic::after{display: block;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3) url("../images/videoPlayIcon.png") no-repeat center center;left: 0;top: 0;position: absolute;} */
.videoListBox2 dd .con .text{padding: .375rem 0 0;}
.videoListBox2 dd .con .text .title{line-height: 1.125rem;height: 1.125rem;overflow: hidden;font-size: .5rem;color: #333333;text-align: center; font-family: 'MiSansRa';}
/* ========== 功能教学视频 end ========== */
/* ========== 联系我们 start ========== */
.contactUsBox{padding: 1.25rem 0;}
.contactUsBox .title{text-align: center;line-height: 1.75rem;height: 1.75rem;font-size: 1.2rem;color: #333333;margin-bottom: .875rem;font-family: 'MiSansLg';}
.contactUsList1{background-color: #fff;padding: 1.25rem 0;margin-bottom: .25rem;}
.contactUsList1 dd{float: left;display: inline;width: 33.3333%;text-align: center;}
.contactUsList1 dd .con .icon{width: 2.5rem;height: 2.5rem;overflow: hidden;margin: 0 auto .375rem;}
.contactUsList1 dd .con .icon img{display: block;width: 100%;height: 100%;}
.contactUsList1 dd .con .text .text1{line-height: .75rem;height: .75rem;font-size: .45rem;color: #333333;font-family: 'MiSansLg';}
.contactUsList1 dd .con .text .text2{line-height: 1rem;font-size: .45rem;color: #333333;font-family: 'MiSansLg';}
.contactUsList1 dd .con .text .text2 span{font-size: .65rem;}
.contactUsList2{background-color: #fff;padding: 1.5rem 0 1.25rem;}
.contactUsList2 dd{float: left;display: inline;width: 33.3333%;text-align: center;}
.contactUsList2 dd .con .ewmImg{width: 3.5rem;height: 3.5rem;border: 1px solid #e6e3e3;margin: 0 auto .375rem;}
.contactUsList2 dd .con .ewmImg img{display: block;width: 100%;height: 100%;}
.contactUsList2 dd .con .text{line-height: .75rem;font-size: .45rem;color: #666666;font-family: 'MiSansRa';}
/* ========== 联系我们 end ========== */
/* ========== 申请试用 start ========== */
.applyTrialBox{background-color: #fff;}
.applyTrialL{float: left;display: inline;width: 18.25rem;height: 22rem;}
.applyTrialL img{display: block;width: 100%;height: 100%;}
.applyTrialC{overflow: hidden;padding: 2rem 6.5rem 0;}
.applyTrialC .title{line-height: 1.25rem;height: 1.25rem;text-align: center;font-size: .9rem;color: #1a2233;font-family: 'MiSansMe';}
.applyTrialC .info{line-height: 0.8rem;margin-bottom: .625rem;font-size: .4rem;color: #666666;text-align: center; font-family: 'MiSansLg';}
.applyTrialCForm .item{margin-bottom: .25rem;}
.applyTrialCForm .item .con .lable{float: left;display: inline;line-height: 1.25rem;height: 1.25rem;width: 2.25rem;font-size: .4rem;color: #333333;font-family: 'MiSansLg';}
.applyTrialCForm .item .con .lable span{color: #ff3333;}
.applyTrialCForm .item .con .input{overflow: hidden;border-radius: .125rem;line-height: 1.25rem;height: 1.25rem;border: 1px solid #dde2e9;padding: 0 .25rem;font-family: 'MiSansLg';}
.applyTrialCForm .item .con .input input{min-height: 1.25rem;height: 1.25rem;line-height: 1.25rem;font-size: .4rem;color: #333;font-family: 'MiSansLg';}
.applyTrialCForm .item .con .input input::placeholder{font-size: .4rem;color: #999;font-family: 'MiSansLg';}
.applyTrialCForm .item.itemYzm .con{overflow: hidden;}
.applyTrialCForm .item.itemYzm .con .input{border-right: none;border-radius: .125rem 0 0 .125rem;}
.applyTrialCForm .item .sendYzmBtn{float: right;display: inline;}
.applyTrialCForm .item .sendYzmBtn a{display: block;width:2.8rem;font-family: 'MiSansLg'; background-color: #f7f8fa;text-align: center;font-size: .4rem;color: #999999;line-height: 1.25rem;height: 1.25rem;border: 1px solid #dde2e9;border-radius:0 .125rem .125rem 0;}
.privacyModalBoxBg {position: fixed;width: 100%;height: 100%;z-index: 99;background-color: rgba(0, 0, 0, 0.4);left: 0;top: 0;visibility: hidden; opacity: 0;}
.privacyModalBoxBg.active {visibility: visible;opacity: 1;}
.privacyModalBox {width: 18rem;background-color: #fff;font-family: 'MiSansLg'; position: fixed;transform:scale(0.5) translate(-50%,-50%);-webkit-transform:scale(0.5) translate(-50%,-50%);left: 50%;top: 50%;z-index: 100;visibility: hidden;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;transform-origin: 0 0;}
.privacyModalBox.active {transform: scale(1) translate(-50%,-50%);-webkit-transform: scale(1) translate(-50%,-50%);visibility: visible;opacity: 1;}
.privacyModalBox .close{width: 25px;height: 25px;border: 2px solid #d8000f;border-radius: 50%;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.privacyModalBox .close::before{display: block;content: "";width: 18px;height: 2px;background-color: #d8000f;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;left: 4px;top: 12px;border-radius: 2px;}
.privacyModalBox .close::after{display: block;content: "";width: 18px;height: 2px;background-color: #d8000f;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;right: 3px;top: 12px;border-radius: 2px;}
.privacyModalBox .title {line-height: 1.5rem;height: 1.5rem;text-align: center;font-size: .55rem;color: #333333;border-bottom: .025rem solid #f2f2f2;}
.privacyModalBoxC {padding: .575rem 0;border-bottom: .025rem solid #f2f2f2;}
.privacyModalBoxCon {padding: 0 .625rem;line-height: .675rem;font-size: .35rem;color: #666666;height: 9.5rem;overflow: hidden;overflow-y: auto;}
.privacyModalBoxCon::-webkit-scrollbar {width:4px;background:#eaeff2;}
.privacyModalBoxCon::-webkit-scrollbar-thumb {width:4px;background:#d8000f;border-radius: 4px;}
.readIngInfo{padding: .5rem 0 0;line-height: .625rem;font-family: 'MiSansLg';}
.readIngInfo .readIngInfoL{float: left;display: inline;width: .5rem;height: .5rem;margin-top: .025rem;border: .025rem solid #c7c7c7;position: relative;margin-right: .25rem;cursor: pointer;}
.readIngInfo .readIngInfoL::before{display: block;content: "";width: .55rem;height: .55rem;position: absolute;left: 50%;top: 50%;margin-left: -0.275rem;margin-top: -0.275rem;background: url("../images/sureIcon1.png") no-repeat center center / cover;display: none;}
.readIngInfo .readIngInfoL.active::before{display: block;}
.readIngInfoC{overflow: hidden;font-size: .4rem;color: #333333;}
.readIngInfoC a{color: #2e60ff;}
.applyTrialBtn{text-align: center;margin-bottom: 3rem;padding-top: .875rem;}
.applyTrialBtn a{display: block;line-height: 1.375rem;height: 1.375rem;border-radius: .125rem;font-family: 'MiSansBd'; background-image: -moz-linear-gradient( 0deg, rgb(235,70,41) 0%, rgb(178,8,10) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(235,70,41) 0%, rgb(178,8,10) 100%);background-image: -ms-linear-gradient( 0deg, rgb(235,70,41) 0%, rgb(178,8,10) 100%);font-size: .4rem;color: #ffffff;}
.applyTrialCallNum{line-height: .75rem;font-size: .4rem;color: #999999;text-align: center;font-family: 'MiSansLg';}
.applyTrialCallNum span{color: #2e60ff;}
/* ========== 申请试用 end ========== */
/* ========== 隐私政策 start ========== */
.privacyPolicyBox{padding: 1.25rem 0;}
.privacyPolicyBox .title{line-height: 1.25rem;height: 1.25rem;font-size: .75rem;color: #333;font-weight: bold;margin-bottom: .5rem;text-align: center;}
.privacyPolicyBox .info{line-height: .75rem;font-size: .35rem;color: #333;}
/* ========== 隐私政策 end ========== */
/* ========== 底部弹窗 start ========== */
.footerModalBg {position: fixed;width: 100%;height: 100%;z-index: 99;background-color: rgba(0, 0, 0, 0.4);left: 0;top: 0;visibility: hidden; opacity: 0;}
.footerModalBg.active {visibility: visible;opacity: 1;}
.footerModal {width: 10rem;border-radius: .25rem; padding: .5rem; background-color: #fff;position: fixed;transform:scale(0.5) translate(-50%,-50%);-webkit-transform:scale(0.5) translate(-50%,-50%);left: 50%;top: 50%;z-index: 100;visibility: hidden;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;transform-origin: 0 0;}
.footerModal.active {transform: scale(1) translate(-50%,-50%);-webkit-transform: scale(1) translate(-50%,-50%);visibility: visible;opacity: 1;}
.footerModalC{line-height: 1.25rem;text-align: center;font-size: .5rem;font-weight: bold;color: #333;margin-bottom: 0.5rem;}
.footerModalBtn{text-align: center;}
.footerModalBtn a{display: inline-block;border-radius: 1rem;line-height: 1rem;height: 1rem;padding: 0 1rem;background-color: #d8000f;font-size: .4rem;color: #fff;}
/* ========== 底部弹窗 end ========== */
.contentNull .text a {
    color: #0000FF !important;
}