/* 清除 */
html, body{ margin: 0; padding: 0; font-size: 14px; color: #333;}
*{ margin: 0; padding: 0; list-style: none; font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; cursor: pointer;}
b{ font-weight: normal;}
i{ font-style: normal;}
em{ font-style: normal;}
button, textarea, input{ outline: none; display: block;}
/* @font-face{
font-family: 'DIN';
src: url('../font/DIN Alternate Bold.ttf');
} */
/*PUBLIC*/
.noPadding{padding: 0;}
.noMargin{margin: 0;}
.p-bottom-0{padding-bottom: 0!important;}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.popUp{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; opacity: 0.5; transition: all 0.5s; z-index: 51;}
.w1146{ width: 1146px; margin: auto;}
.w1280{ width: 1280px; margin: auto;}
.bodyBack{ background: #F5F7FA;}
/* */
.buttonOne{ width: 100px; height: 36px; border-radius: 2px; line-height: 36px; text-align: center; background: #3464e1; font-size: 14px; color: #fff;}
.buttonOne:hover{ background: #4f67f1;}
.buttonTwo{ width: 78px; height: 30px; border-radius: 16px; line-height: 30px; text-align: center; background: #fff; font-size: 12px; color: #3464e1; border: 1px solid #3464e1;}
.buttonTwo:hover{ color: #4f67f1; border-color: #4f67f1;}
.buttonMini{width: 90px;height: 32px;line-height: 32px}
.buttonLignt{background: #fff;border: 1px solid #3464e1;color: #3464e1;}
.buttonLignt:hover{background: #3464e1;color: #fff;}
.buttonThree{ background: #fff; color: #3464e1;}
.buttonThree:hover{ background: #DBE5FA;}
.buttonFour{ background: hsla(0,0%,100%,0.00); border-color: #fff; color: #fff;}
.buttonFour:hover{ background: hsla(0,0%,100%,0.10); color: #fff; border-color: #fff;}
.buttonMax{ width: 130px; height: 42px; line-height: 42px; border-radius: 3px; font-size: 16px;}
.swiper-container .nextBox, .nextBox,
.swiper-container .prevBox, .prevBox{ width: 40px; height: 40px; border-radius: 100%; background: hsla(0,0%,0%,0.20) url(/static/images/home_part4_arrow_left.png) no-repeat center; background-size: 20px auto; outline: none; transition: all 0.5s; margin-top: -20px;}
.swiper-container .nextBox:hover, .nextBox:hover,
.swiper-container .prevBox:hover, .prevBox:hover{ background: hsla(0,0%,0%,0.50) url(/static/images/home_part4_arrow_left.png) no-repeat center; background-size: 20px auto;}
.moreBox{ display: flex; justify-content: center;}
.moreBox a{ font-size: 16px; color: #3464e1; line-height: 16px; position: relative;}
.moreBox a i{ display: block; width: 16px; height: 16px; background: url(/static/images/ICon.png) no-repeat center; background-size: 16px auto; position: absolute; top: 0; right: -20px; transition: all 0.5s;}
.moreBox a:hover i{ right: -34px;}
.botButton{ display: flex; justify-content: center; margin-top: 56px;}
.indexMinker .botButton a{ margin: 0 8px;}
/* */
.header{ position: fixed; top: 0; left: 0; right: 0; background: #ffffff; width: 100%; height: 72px; z-index: 30;}
.header-fixed {box-shadow: 0 2px 20px rgb(52 100 224 / 10%);}
.header2{ background: #fff;}
.headerOne{ background: #fff;}
.header .cont{ position: relative;}
.header .logo{ float: left; padding: 20px 0; margin-right: 40px;}
.header .logo a{ display: flex; justify-content: flex-start; align-items: center;}
.header .logo img{ height: 28px; margin-right: 8px;}
.header .logo .p{ font-size: 14px; color: #b7b6b6; line-height: 28px; padding-left: 10px; }
.header .nav{ float: left;}
.header .nav .li{ float: left; margin: 0 25px;font-size:16px}
.header .nav .li .mk{ position: relative; display: flex; justify-content: flex-start; align-items: center;}
.header .nav .li .mk a{ line-height: 72px; color: #303659; position: relative;}
/* .header .nav .li .mk a::after{ content: ''; width: 0; height: 3px; background: #4173F6; position: absolute; left: 0; bottom: 0; transition: all 0.5s;} */
/* .header .nav .li.on .mk a::after, .header .nav .li:hover .mk a::after{ width: 100%;} */
.header .nav .li .mk i{ width: 20px; height: 56px; background: url(/static/images/arrow-down.png) no-repeat right center; background-size: 9px auto;}
.header .nav .li:hover .mk i{ background: url(/static/images/arrow-down2.png) no-repeat right center; background-size: 9px auto;}
.header .nav .li .list{ display: none; position: absolute; top: 72px; right: 0; border-radius: 8px;box-shadow: 0 10px 20px rgb(52 100 224 / 10%);background-color: #fff;border: 1px solid #dce3f2;;}
.header .nav .li:hover .list{ display: block;}
.header .nav .li .listOne{ right: 530px;}
.header .nav .li .list .mLi{ margin-left: 30px; float: left; width: 300px;}
.header .nav .li .list .mLi:first-child{ margin-left: 0;}
.header .nav .li .list .mLi .h1{ line-height: 14px; padding: 0 0 10px 16px; border-bottom: 1px solid #f5f5f5; color: #222;}
.header .nav .li .list .mLi a{ padding:25px 40px; position: relative; transition: all 0.5s;font-size: 14px;}
.header .nav .li .list .mLi a:hover{ background: #f2f5fa;}
.header .nav .li .list .mLi .em{ width: 50px; position: absolute; top: 15px; left: 10px;}
.header .nav .li .list .mLi .em img{ width: 100%;}
.header .nav .li .list .mLi .h2{ line-height: 12px; color: #303659;font-size: 15px;margin-left: 30px;}
.header .nav .li .list .mLi .p{ font-size: 12px; line-height: 12px; color: #9ea6d2; margin-top: 10px;margin-left: 30px;}
.header .nav .li .listTwo .mLi a{ padding: 17px 0 17px 34px;}
.header .nav .li .listTwo .mLi .em{ top: 17px;}
.header .nav .li .listThree .mLi{ width: 558px;}
.header .nav .li .listThree .mLi a{ width: 230px; float: left; padding: 17px 0 17px 34px;}
.header .nav .li .listThree .mLi a:nth-child(2n){ float: right;}
.header .nav .li .listThree .mLi .em{ top: 17px;}
.triangle{background-color: #f2f5fa;border: 1px solid #dce3f2;}
.triangle,.triangle-after{position: absolute;left: 50%;width: 18px;height: 18px;display: block;top:-10px;-webkit-transform: translateX(-50%) rotate(45deg);transform: translateX(-50%) rotate(45deg);}
.triangle-after{background-color: #ffffff;top: -7px;width: 22px;height: 22px;}
.header .right{ float: right;}
.header .right .tel{ padding-left: 28px; background: url(/static/images/home_nav_hotline.png) no-repeat left center; background-size: 20px auto; color: #000; line-height: 64px; float: left;}
.header .right a{ float: left; margin: 20px 0 0 24px;}
/* */
.banner{ margin-top: 64px; /*background: linear-gradient(180deg,#fff,#f7f9ff);*/background: url(/static/images/banner_bg.svg); background-size:cover;padding: 120px 0 80px 0;}
.banner .swiper-container{ padding-bottom: 18px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 0;}
.banner .swiper-pagination-bullet{ width: 48px; height: 4px; border-radius: 2px; background: #DCDFE6; outline: none; opacity: 1; overflow: hidden; position: relative;}
.banner .swiper-pagination-bullet::after{ content: ''; width: 0; height: 4px; background: #3464e1; border-radius: 4px; position: absolute; top: 0; left: 0;}
.banner .swiper-pagination-bullet-active::after{ width: 100%; transition: all 3s;}
.banner .textBox{ float: left; width: 558px; padding-top: 62px;}
.banner .textBox .h1{ font-size: 46px; font-weight: bold; line-height: 48px;}
.banner .textBox .p{ font-size: 20px; line-height: 38px; color: #666; margin: 24px 0 32px 0;}
.banner .textBox a{ float: left; margin-right: 16px;}
.banner .imgBox{ float: right; width: 620px; height: 372px;}
.banner .imgBox img{ width: 100%;}
/* .innerBanner{ margin-top: 30px; background: linear-gradient(180deg,#fff,#f7f9ff); padding: 100px 0 0 0;} */
.innerBanner{ margin-top: 30px; background: #3464e1 url(/static/images/innerBannerBg.png); background-size:cover; padding: 100px 0 0 0;}
.innerBanner .swiper-container{ padding-bottom: 18px;}
.innerBanner .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 0;}
.innerBanner .swiper-pagination-bullet{ width: 48px; height: 4px; border-radius: 2px; background: #DCDFE6; outline: none; opacity: 1; overflow: hidden; position: relative;}
.innerBanner .swiper-pagination-bullet::after{ content: ''; width: 0; height: 4px; background: #3464e1; border-radius: 4px; position: absolute; top: 0; left: 0;}
.innerBanner .swiper-pagination-bullet-active::after{ width: 100%; transition: all 3s;}
.innerBanner .textBox{ float: left; width: 558px; padding-top: 66px;}
.innerBanner .textBox .h1{ font-size: 40px; font-weight: bold; line-height: 48px;color: #ffffff;}
.innerBanner .textBox .p{ font-size: 16px; line-height: 24px; color: rgba(255,255,255,.8); margin: 24px 0 32px 0;}
.innerBanner .textBox a{ float: left; margin-right: 16px;}
.innerBanner .textBox .buttonOne {border:1px solid #fff}
.innerBanner .textBox .buttonOne:hover {background:#fff;color: #222;}
.innerBanner .imgBox{ float: right; width: 520px; height: 372px;}
.innerBanner .imgBox img{ width: 100%;}
.iconIndex .swiper-container{ /*padding: 24px 0;*/ height: 104px;}
.iconIndex .cont{ display: flex; justify-content: center;}
.iconIndex .cont .li{ margin-left: 30px;}
.iconIndex .cont .li:first-child{ margin-left: 0;}
.iconIndex .cont .li a{ width: 166px; height: 56px; background: #fff; transition: all 0.5s; margin: 24px 0;}
.iconIndex .cont .li:hover a{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.iconIndex .cont .li a img{ width: 100%;}
.indexMinkerOne{ background: #fafafa ;}
.indexMinker{ padding: 88px 0; overflow: hidden;}
.indexMinkerThree{ padding: 88px 0 0 0;}
.indexMinker .h1{ font-size: 34px; line-height: 40px; text-align: center;}
.indexMinker .mk{ font-size: 18px; color: #666; text-align: center; line-height: 26px; margin-top: 16px;}
.indexMinker .tit .h3{ font-size: 24px; color: #666; text-align: center; line-height: 24px; margin-top: 16px;}
.indexMinker .mNav{ display: flex; justify-content: center; margin-top: 56px;}
.indexMinker .mNav .li{ margin: 0 20px;}
.indexMinker .mNav .li a{ width: 188px;font-size:16px; height: 40px; border-radius: 20px; background: #fff; box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; transition: all 0.5s;color: #333; text-align: center; line-height: 40px;}
.indexMinker .mNav .li.on a{ background: #3464e1; color: #fff;}
.indexMinker .listOne{ margin-top: 56px;}
.indexMinker .listOne .li{ display: none; justify-content: center;}
.indexMinker .listOne .li.on{ display: flex;justify-content: center;flex-wrap: wrap;}
.indexMinker .listOne .li .mLi{ width: 362px; background: #fff; border-radius: 8px; box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; margin: 30px 0 0 30px; transition: all 0.5s; flex-grow: 1;}
.indexMinker .listOne .li .mLi:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
/* .indexMinker .listOne .li .mLi:first-child{ margin-left: 0;} */
.indexMinker .listOne .li .mLi a{ padding: 40px 24px; text-align: center;}
.indexMinker .listOne .li .mLi .img{ width: 100px; height: 100px; margin: auto;}
.indexMinker .listOne .li .mLi .img img{ width: 100%; transition: all 0.5s;}
/* .indexMinker .listOne .li .mLi:hover .img img{ transform: rotateY(360deg);} */
.indexMinker .listOne .li .mLi .h2{ font-size: 20px; line-height: 28px; margin: 24px 0 8px 0; color: #333;font-weight: bold;}
.indexMinker .listOne .li .mLi .p{ font-size: 14px; line-height: 24px; color: #666;}
.indexMinker .mNavTwo .li a{ width: 144px;}
.indexMinker .listTwo{ margin-top: 26px;}
.indexMinker .listTwo .li{ display: none;}
.indexMinker .listTwo .li.on{ display: flex;}
.indexMinker .listTwo .li .mLi{ width: 360px; margin-right: 30px; margin-top: 30px; border: 1px solid #DCDFE6; border-radius: 8px; transition: all 0.5s; background: #fff; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); position: relative;}
.indexMinker .listTwo .li .mLi:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.indexMinker .listTwo .li .mLi:last-child, .indexMinker .listTwo .li .mLi:nth-child(4n){ margin-right: 0;}
.indexMinker .listTwo .li .kmin{ padding: 24px;}
.indexMinker .listTwo .li .kmin a{ margin-top: 16px;}
.indexMinker .listTwo .mLi:hover, .indexMinker .listThree .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.indexMinker .listTwo .li .top .img{ float: left; width: 80px; height: 80px; margin-right: 16px;}
.indexMinker .listTwoJink .li .top .img{ width: 60px; height: 60px;}
.indexMinker .listTwo .li .top .img img{ width: 100%;}
.indexMinker .listTwo .li .top .p{ font-size: 18px; line-height: 80px;}
.indexMinker .listTwo .li .text{ padding: 16px 0; color: #666; line-height: 24px; height: 50px; border-bottom: 1px solid #DCDFE6;/* margin-bottom: 16px;*/}
.indexMinker .listThree{ padding-top: 26px; /*padding-bottom: 26px;*/ display: flex; justify-content: center; flex-wrap: wrap;}
.indexMinker .listThree .li{ float: left; width: 402px; margin-right: 30px; margin-top: 30px; background:#fff; border-radius: 8px; box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; transition: all 0.5s;}
.indexMinker .listThree .li:nth-child(3n){ margin-right: 0;}
.indexMinker .listThree .li a{ padding: 40px 24px; text-align: center; transition: all 0.5s; position: relative;}
.indexMinker .listThree .li .img{ width: 80px; height: 80px; margin: auto;}
.indexMinker .listThree .li .img img{ width: 100%;}
.indexMinker .listThree .li .h1{ font-size: 20px; line-height: 36px; color: #222; font-weight:bold; margin: 24px 0 8px 0;}
.indexMinker .listThree .li .p{ font-size: 16px; color: #666; line-height: 30px;}
.indexMinker .buttonOne{ margin: 56px auto 0;}
.indexMinker .mker{ margin-top: 56px;}
.indexMinker .mker .swiper-container, .centerImgThree .swiper-container{ padding-bottom: 44px;}
.indexMinker .mker .imger{ border: 1px solid #DCDFE6; border-radius: 8px; background: #fff; height: 374px; padding: 0 196px; text-align: center;}
.indexMinker .mker .imger .img{ width: 320px; height: 120px; margin: auto; padding: 40px 0 32px 0;}
.indexMinker .mker .imger .img img{ width: 100%;}
.indexMinker .mker .imger .p{ font-size: 16px; line-height: 24px; color: #666; height: 96px; margin-bottom: 32px; position: relative;}
.indexMinker .mker .imger .p::after{ content: ''; width: 20px; height: 20px; background: url(/static/images/home_part4_yh_left.png) no-repeat center; background-size: 100% auto; position: absolute; left: -55px; top: 0;}
.indexMinker .mker .imger .p::before{ content: ''; width: 20px; height: 20px; background: url(/static/images/home_part4_yh_right.png) no-repeat center; background-size: 100% auto; position: absolute; right: -55px; top: 0;}
.indexMinker .mker .swiper-container-horizontal>.swiper-pagination-bullets,
.centerImgThree .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: center; bottom: 0;}
.indexMinker .mker .swiper-pagination-bullet,
.centerImgThree .swiper-pagination-bullet{ width: 12px; height: 12px; background: #DCDFE6; opacity: 1; border-radius: 100%; outline: none;}
.indexMinker .mker .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.centerImgThree .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;}
.indexMinker .mker .swiper-pagination-bullet-active, .centerImgThree .swiper-pagination-bullet-active{ background: #3464e1;}
.indexMinker .mker .swiper-button-prev{ left: 30px;}
.indexMinker .mker .swiper-button-next, .centerImgThree .swiper-button-next{ right: 30px; transform: rotate(180deg);}
.indexMinker .open{ padding: 26px 0 0 0;}
.indexMinker .open a{ float: left; width: 166px; height: 56px; margin-right: 55px; margin-top: 30px; transition: all 0.5s;}
.indexMinker .open a:nth-child(6n){ margin-right: 0;}
.indexMinker .open a img{ width: 100%; filter: grayscale(100%);opacity: .5;}
.indexMinker .open a:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.indexNews{ width: 1176px; margin-left: -15px; position: relative;}
.indexNews .swiper-container{ padding: 56px 0;}
.indexNews a{ width: 362px; height: 394px; margin: auto; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); background: #fff; transition: all 0.5s;}
.indexNews a:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.indexNews .img{ width: 100%; height: 202px; overflow: hidden; border-radius: 8px 8px 0 0; background: #D8D8D8;}
.indexNews .img img{ width: 100%;}
.indexNews .text{ padding: 24px;}
.indexNews .text .h2{ font-size: 18px; line-height: 22px; color: #333; margin: 16px 0;}
.indexNews .text .p{ line-height: 24px; color: #666;}
.indexNews .text .icon{ display: flex; justify-content: flex-start;}
.indexNews .text .icon i{ font-size: 12px; line-height: 20px; padding: 0 4px; border-radius: 4px; column-rule-color: #fff; background: #FFAB68; color: #fff;}
.indexNews .text .iconOne i{ background: #FFAB68;}
.indexNews .text .iconTwo i{ background: #00CAB8;}
.indexNews .text .iconThree i{ background: #3464e1;}
.indexNews .swiper-button-next, .indexNews .swiper-button-prev{ display: none;}
.indexNews .nextBox, .videoBoxOne .nextBox{ position: absolute; left: -55px; top: 50%;}
.indexNews .prevBox, .videoBoxOne .prevBox{ position: absolute; right: -55px; top: 50%; transform: rotate(180deg);}
.indexMinkerTwo{ background: url(/static/images/page_bottom_bg.png); background-size: cover;}
.indexMinkerTwo .h1, .indexMinkerTwo .mk{ color: #fff;}
.indexMinker .green{ display: flex; justify-content: center; margin-top: 40px;}
.indexMinker .green .buttonOne{ margin: 0 16px;}
/* */
.footer{ background: #ffffff;color: #303659;}
.footer .top{ padding: 40px 0 32px 0;}
.footer .top .left{ float: left;}
.footer .top .left .logo img{ height: 28px; float: left; margin-right: 8px;}
.footer .top .left .logo .h1{ line-height: 14px; font-weight: bold;}
.footer .top .left .logo .p{ font-size: 11px; line-height: 12px; margin-top: 6px; color: #adadad; white-space: nowrap;}
.footer .top .left .tel{ margin-top: 21px;}
.footer .top .left .tel .p{ font-size: 14px; line-height: 30px; color: #555;}
.footer .top .left .tel .p i{ padding-left: 10px;}
.footer .top .right{ float: right;}
.footer .top .right .li{ float: left; margin-left: 100px;}
.footer .top .right .li:first-child{ margin-left: 0;}
.footer .top .right .li .h1{ font-size: 16px; line-height: 16px;}
.footer .top .right .li em{ display: block; width: 18px; height: 1px; background: #DCDFE6; margin: 14px 0 16px 0;}
.footer .top .right .li a{ font-size: 14px; line-height: 30px; color: #555555; transition: all 0.5s; min-width: 72px;}
.footer .top .right .li a:hover{ color: #333;}
/* .footer .top .right .li:first-child, .footer .top .right .li:nth-child(2){ width: 168px;}
.footer .top .right .li:first-child a, .footer .top .right .li:nth-child(2) a{ float: left;}
.footer .top .right .li:first-child a:nth-child(2n), .footer .top .right .li:nth-child(2) a:nth-child(2n){ float: right;} */
.footer .opener{ padding-bottom: 16px;}
.footer .opener .lift{ float: left;}
.footer .opener .lift .h1{ font-size: 16px; line-height: 16px;}
.footer .opener .lift em{ display: block; width: 18px; height: 1px; background: #DCDFE6; margin: 16px 0;}
.footer .opener .lift a{ font-size: 12px; line-height: 30px;display: inline-block;margin-right: 10px;color: #495a7c;}
.footer .opener .right{ float: right; padding-top: 54px;}
.footer .opener .right .li{ float: left; margin-left: 16px; position: relative;}
.footer .opener .right .li a{ width: 18px; height: 18px;}
.footer .opener .right .li a img{ width: 100%;}
.footer .opener .right .li .img{ display: none; box-shadow: 0px 0px 10px 0px rgba(76, 126, 233, 0.2); border-radius: 8px; background: #fff; padding: 8px; width: 80px; position: absolute; left: 50%; margin-left: -48px; bottom: 25px;}
.footer .opener .right .li .img img{ width: 100%;}
.footer .opener .right .li:hover .img{ display: block;}
.footer .bot{ font-size: 14px; line-height: 12px; padding: 24px 0; border-top: 1px solid rgba(255,255,255,.1);}
.footer .bot .left, .footer .bot .left .p{ float: left; margin-right: 8px;display: flex;align-items: center;}
.footer .bot .left a{ display: inline-block;color: #495a7c;padding:0 8px}
.footer .bot .right{ float: right;}
.footer .bot .right a{ color: #3464e1;}
.felx-center{display: flex;align-items: center;}
/* */
.freeBox{ padding: 120px 0 30px 0; width: 560px; margin: auto;}
.freeBox .h1{ font-size: 40px; font-weight: bold; text-align: center; line-height: 48px;}
.freeBox .mk{ font-size: 20px; color: #666; line-height: 28px; margin-top: 16px; text-align: center;}
.freeBox .form{ margin-top: 32px;}
.freeBox .form .li{ margin-top: 24px;}
.freeBox .form .li:first-child{ margin-top: 0;}
.freeBox .form .li .mLi{ position: relative; width: 360px; height: 38px; background: #fff; border: 1px solid #DCDFE6; border-radius: 4px; margin: auto;}
.freeBox .form .li .mLi2{ border-color: #3464e1;}
.freeBox .form .li .mLi3{ border-color: #FF6555;}
.freeBox .form .li .em{ color: #FF6555; line-height: 40px; position: absolute; top: 0; left: -20px;}
.freeBox .form .li .input{ padding: 0 10px;}
.freeBox .form .li .input input{ display: block; width: 100%; height: 38px; border: none;}
.freeBox .form .li .input input::placeholder{ color: #C0C4CC;}
.freeBox .form .li .mli-name .input{
padding-left: 70px;
position: relative;
}
.freeBox .form .li .mli-name .input label{
position: absolute;
left: 0px;
height: 38px;
line-height: 38px;
top: 0px;
font-size: 14px;
color: #333333;
padding-left: 10px;
}
.freeBox .form .li .m{ position: absolute; top: 0; right: 10px; line-height: 38px;}
.freeBox .form .li .yz{ border: none; height: 38px; background: hsla(0,0%,100%,0.00); position: absolute; top: 0; right: 10px; color: #3464e1;}
.freeBox .form .li .icon{ position: absolute; top: 0; right: 10px;}
.freeBox .form .li .icon input{ display: none;}
.freeBox .form .li .icon label{ display: block; height: 38px; width: 20px; background: url(/static/images/password_bukejian.png) no-repeat center right; background-size: 16px auto;}
.freeBox .form .li .icon input:checked + label{ background: url(/static/images/password_kejian.png) no-repeat center right; background-size: 16px auto;}
.freeBox .form .li .kw input{ display: none;}
.freeBox .form .li .kw{ width: 362px; margin: auto; line-height: 14px; color: #666;}
.freeBox .form .li .kw a{ display: inline-block; color: #3464e1;}
.freeBox .form .li .kw label{ padding-left: 22px; background: url(/static/images/checkbox.png) no-repeat left center; background-size: 14px 14px;}
.freeBox .form .li .kw input:checked + label{ background: url(/static/images/checkbox_checked2.png) no-repeat left center; background-size: 14px 14px;}
.freeBox .form .li .sub{ width: 362px; height: 40px; border-radius: 20px; border: none; background: #C0C4CC; margin: auto; font-size: 16px; color: #fff; transition: all 0.5s;}
.freeBox .form .li .sub:hover{ background: #3464e1;}
.yman{width: 362px;height: 40px;border-radius: 20px;border: none;margin: auto;font-size: 16px;color: #fff;transition: all 0.5s;background: #3464e1;}
.freeBox .form .li .p{ color: #999; text-align: center;}
.freeBox .form .li .p a{ display: inline-block; color: #3464e1;}
.freeBox .form .hint{ line-height: 40px; font-size: 12px; padding: 0 26px 0 15px; background: #fff; border-radius: 4px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: -50px; display: none;}
.freeBox .form .hint em{ display: block; width: 8px; height: 8px; position: absolute; top: 36px; right: 15px; transform: rotate(45deg); background: #fff;}
.freeBoxTwo{ padding-top: 250px; text-align: center;}
.freeBoxTwo .img{ width: 48px; margin: auto;}
.freeBoxTwo .h1{ font-size: 40px; line-height: 48px; margin-top: 16px;}
.freeBoxTwo .p{ font-size: 20px; line-height: 28px; width: 558px; margin: 12px auto 0; color: #666;}
.freeBoxTwo .more{ width: 362px; height: 40px; background: #3464e1; border-radius: 20px; text-align: center; line-height: 40px; color: #fff; font-size: 16px; margin: 24px auto;}
.freeBoxTwo .br{ color: #999;}
.freeBoxTwo .br a{ color: #3464e1; display: inline-block;}
.freeBoxTwo .input{ width: 300px; padding: 0 30px; border: 1px solid #DCDFE6; background: #fff; height: 54px; border-radius: 4px; margin: 32px auto 0;}
.freeBoxTwo .input input{ display: block; width: 100%; height: 54px; font-size: 18px; border: none;}
/* */
.centerMer .cont{ padding: 29px 72px; display: flex; justify-content: space-between; align-items: center;}
.centerMer .cont .li{ display: flex; justify-content: flex-start; align-items: center;}
.centerMer .cont .li .img{ width: 48px; height: 48px; margin-right: 16px;}
.centerMer .cont .li .img img{ width: 100%;}
.centerMer .cont .p{ line-height: 24px;}
.centerImgOne img{ width: 950px; margin: 56px auto 0;}
.centerImgOne2 img{ width: 100%; margin: 56px auto 0;}
.centerImgTwo{ padding: 130px 0;}
.centerImgTwo .cont{ position: relative;}
.centerImgTwo .cont .img{ width: 560px; float: right;}
.centerImgTwo .cont .img img{ width: 100%;}
.centerImgTwoColor .cont .img{ float: left;}
.centerImgTwoColor,.commonGrayBg{ background: linear-gradient(270deg, rgba(176, 192, 216, 0) 0%, rgba(176, 192, 216, 0.14) 50%, rgba(176, 192, 216, 0) 100%);}
.centerImgTwo .text{ width: 460px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.centerImgTwoColor .text{ left: auto; right: 0;}
.centerImgTwo .text .info-title{
font-size: 32px;
color: #161616;
margin-top: 10px;
font-weight: bold;
line-height: 46px;
}
.centerImgTwo .text .info-title-desc{
font-size: 16px;
margin-top: 15px;
color: #999;
}
.centerImgTwo .text .info-content {
margin-top: 40px;
}
.centerImgTwo .text .info-content .info-item {
font-size: 14px;
margin-bottom: 25px;
}
.centerImgTwo .text .info-content .info-item .sub-title {
color: #161616;
line-height: 28px;
font-size: 18px;
font-weight: bold;
}
.centerImgTwo .text .info-content .info-item .desc {
line-height: 24px;
color: #979797;
word-break: break-all;
margin-top: 3px;
}
.centerImgTwo .text .info-content .info-item .desc2 {
line-height: 24px;
color: #666;
word-break: break-all;
font-size: 18px;
}
.centerImgTwo .text .info-content .btn-wrap .btn {
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
background: linear-gradient(
269deg
,#00acff,#046cff);
box-shadow: 0 5px 10px 0 rgb(15 65 146 / 24%);
border-radius: 5px;
font-weight: 500;
color: #fff;
margin-top: 24px;
cursor: pointer;
}
.centerImgTwo .text .h1{ font-size: 34px; line-height: 40px;text-align: left;}
.centerImgTwo .text .p{ font-size: 18px; line-height: 26px; color: #666; margin: 16px 0 0 0;}
.centerImgTwo .text a{ margin-top: 32px;}
.centerMerTwo{ padding-top: 26px; display: flex; justify-content: center; flex-wrap: wrap;}
.centerMerTwo .li{ float: left; margin-top: 30px; margin-right: 30px; width: 262px; /*height: 238px;*/ background: #fff; border: 1px solid #DCDFE6; border-radius: 8px;}
.centerMerTwo .li:nth-child(4n), .centerMerThree .li:nth-child(4n){ margin-right: 0;}
.centerMerTwo .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.centerMerTwo .li a{ padding: 24px;}
.centerMerTwo .li .top .img{ float: left; width: 80px; height: 80px; margin-right: 16px;}
.centerMerTwo .li .top .img img{ width: 100%;}
.centerMerTwo .li .top .p{ float: left; font-size: 20px; line-height: 80px; color: #333;}
.centerMerTwo .li .text{ margin-top: 16px; line-height: 24px; color: #666;}
.centerMerThree{ padding-top: 56px; display: flex; justify-content: center; flex-wrap: wrap;}
.centerMerThree .li{ float: left; margin-right: 30px; width: 262px; margin-bottom:30px; background: #fff; box-shadow: 1px 10px 43px 0px rgb(71 71 71 / 10%); border-radius: 8px;}
.w1280 .centerMerThree .li{width: 292px;box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2;}
.centerMerThree .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.centerMerThree .li:nth-child(5),.centerMerThree .li:nth-child(6),.centerMerThree .li:nth-child(7),.centerMerThree .li:nth-child(8){margin-bottom: 0;}
.centerMerThree .li a{ padding: 40px 24px; text-align: center;}
.centerMerThree .li .img{ width: 80px; height: 80px; margin: auto;}
.centerMerThree .li .img img{ width: 100%;}
.centerMerThree .li .p{ font-size: 20px; margin: 24px 0 0 0; line-height: 28px; color: #333; font-weight: bold;}
.centerMerThree .li .text{ line-height: 24px; color: #666; margin-top: 8px;}
.clientText{ border-bottom: 1px solid #DCDFE6;}
.clientText2{ border-bottom: none;}
/*.clientText .listTwo{ padding-bottom: 26px;}*/
.clientText .listTwo .li .mLi{ margin-top: 30px;}
.clientText .listTwo .li .text{ height: auto; border: 0; padding: 16px 0 0 0;}
.centerImgMik1{ background: #fff;}
.centerImgMik2{ background: #F5F7FA;}
.numberCell{ margin-top: 56px; display: flex; justify-content: space-between;}
.numberCell .li{ width: 264px; text-align: center; color: #fff; margin-right: 30px;}
.numberCell .li:last-child{ margin-right: 0;}
.numberCell .li .p{ font-size: 20px; line-height: 28px; margin-top: 8px;}
.numberCell .li .h2{ display: flex; justify-content: center;}
.numberCell .li .h2 .m{ position: relative; font-size: 80px; line-height: 80px; font-family: 'DIN';}
.numberCell .li .h2 .m em{ font-family: 'DIN';}
.numberCell .li .h2 .m .x{ font-size: 20px; line-height: 20px; position: absolute; right: -25px; top: 50px;}
.numberCell .li .h2 .m i{ width: 20px; height: 20px; position: absolute; right: -25px; top: 15px; background: url(/static/images/icon_date_plus.png) no-repeat center; background-size: 100% 100%;}
.numberCell .li .h2 img{ height: 80px; margin: auto;}
.numberCell .li .mp{ width: 205px; margin: 8px auto 0; font-size: 16px; line-height: 24px;}
.centerImgOne .more{ margin: 56px auto 0;}
.sixNavMink{ margin-top: 56px; display: flex; justify-content: center; flex-wrap: wrap;}
.sixNavMink .li{ width: 160px; cursor: pointer;}
.sixNavMink .li .img{ margin: auto; width: 80px; height: 80px;}
.sixNavMink .li .img img{ width: 100%;}
.sixNavMink .li .img img.img1, .sixNavMink .li.on .img img.img2{ display: none;}
.sixNavMink .li .img img.img2, .sixNavMink .li.on .img img.img1{ display: block;}
.sixNavMink .li .p{ text-align: center; font-size: 20px; line-height: 28px; margin-top: 8px;}
.centerImgchilder .li{ display: none;}
.centerImgchilder .li:first-child{ display: block;}
.sixNavMink2 .li{ width: 196px; margin-top: 40px;}
.sixNavMink2 .li .p{ margin-top: 16px;}
.sixNavMink2{ margin-top: 16px;}
.sixNavMink3 .li{ width: 191px;}
.sixNavMink4{ justify-content: space-between;}
.sixNavMink4 .li{ width: auto;}
.merchandise{ margin-top: 56px; display: flex; justify-content: center;}
.merchandise .li{ width: 362px; border: 1px solid #DCDFE6; border-radius: 8px; background: #fff; margin-left: 30px;}
.merchandise .li:first-child{ margin-left: 0;}
.merchandise .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.merchandise .li .top{ background: #3464e1; border-radius: 8px 8px 0 0; color: #fff; padding: 24px 0; text-align: center;}
.merchandise .li .top .h2{ font-size: 20px; line-height: 28px;}
.merchandise .li .top .icon{ display: flex; justify-content: center; margin: 5px 0 16px 0;}
.merchandise .li .top .icon em{ background: hsla(0,0%,100%,0.20); padding: 0 7px; border-radius: 2px; font-size: 12px; line-height: 20px; }
.merchandise .li .top .icon.icon1 em{ background: hsla(0,0%,100%,0.20);}
.merchandise .li .top .icon.icon2 em{ background: #FF6555;}
.merchandise .li .top .p{ font-size: 12px; line-height: 12px;}
.merchandise .li .text{ padding: 16px 0; margin: 0 24px; border-bottom: 1px solid #DCDFE6; font-size: 12px; line-height: 18px; color: #999;}
.merchandise .li .text .p{ margin-top: 8px; height: 54px; color: #666;}
.merchandise .li a{ margin: 16px auto;}
.centerImgTwo .text .p .k{ margin-top: 16px;}
.centerImgTwo .text .p .k:first-child{ margin-top: 0;}
.centerImgTwo .text .p .k p:first-child{ color: #333;}
.indexMinker .more2, .automatonSix{ margin: 56px auto 0;}
.centerMerTwo4 .li .text{ margin-top: 8px;}
.centerMerTwo4 .li .mHr{ font-size: 20px; line-height: 20px; color: #333; margin-top: 32px;}
/*.centerMerTwo4 .li{ height: 268px;}*/
.numberCell2 .li{ width: auto; margin-right: 0;}
.minkGreen{ padding-top: 26px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.minkGreen .li{ margin-top: 30px; margin-right: 30px; width: 362px;}
.minkGreen .li:nth-child(3n){ margin-right: 0;}
.minkGreen .li .img{ width: 100%; height: 240px;}
.minkGreen .li .img img{ width: 100%;}
.minkGreen .li .text{ margin-top: 24px;}
.minkGreen .li .text .h2{ font-size: 20px; line-height: 28px; color: #333;}
.minkGreen .li .text .p{ margin-top: 8px; line-height: 24px; color: #666;}
.automatonSix .img{ float: left; width: 656px;}
.automatonSix .img img, .automatonSix .text .li .mer img{ width: 100%;}
.automatonSix .text, .automatonSix .soundText{ float: right; width: 460px;}
.automatonSix .text .li{ margin-top: 32px; padding-left: 96px; position: relative;}
.automatonSix .text .li:first-child{ margin-top: 0;}
.automatonSix2 .text .li{ padding-left: 0; margin-top: 0; margin-bottom: 22px;}
.automatonSix2 .text .moreBox{ justify-content: flex-start;}
.automatonSix .text .li .mer{ width: 80px; position: absolute; top: 0; left: 0;}
.automatonSix .text .li .h2{ font-size: 20px; line-height: 28px;}
.automatonSix .text .li .p{ margin-top: 8px; line-height: 24px; color: #666;}
.soundBox{ display: flex; justify-content: center; flex-wrap: wrap; padding-top: 26px;}
.soundBox .li{ margin-right: 30px; margin-top: 30px; width: 166px; background: #fff; box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; transition: all 0.5s; border-radius: 8px;}
.w1280 .soundBox .li{width: 181px;}
.soundBox .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.soundBox .li a{ padding: 40px 16px;}
.soundBox .li .img{ width: 80px; height: 80px; margin: auto;}
.soundBox .li .img img{ width: 100%;}
.soundBox .li .text{ margin-top: 24px; color: #333; text-align: center;}
.soundBox .li .text .h2{ font-size: 20px; line-height: 28px;}
.soundBox .li .text .p{ margin-top: 8px; line-height: 24px; color: #666;}
.automatonSix .soundText{ padding-top: 24px;}
.automatonSix .soundText .li{ margin-top: 16px; cursor: pointer;}
.automatonSix .soundText .li:first-child{ margin-top: 0;}
.automatonSix .soundText .li .m{ font-size: 18px; display: flex; justify-content: flex-start; align-items: center; line-height: 18px; color: #C0C4CC;}
.automatonSix .soundText .li .m em{ display: block; width: 10px; height: 10px; margin-right: 8px; border-radius: 100%; background: #DCDFE6;}
.automatonSix .soundText .li.on .m{ color: #333;}
.automatonSix .soundText .li.on .m em{ background: #3464e1;}
.automatonSix .soundText .li .p{ color: #666; line-height: 24px; margin-top: 8px; display: none; padding-left: 18px;}
.automatonSix .soundText .li:first-child .p{ display: block;}
.automatonSix .img2 .li{ display: none;}
.automatonSix .img2 .li:first-child{ display: block;}
.automatonSix .soundText .li .imgs{ display: none; width: 100%; margin-top: 32px;}
.caseBoxOne{ padding-top: 26px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.caseBoxOne .li{ width: 264px; margin-right: 30px; margin-top: 30px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.caseBoxOne .li:nth-child(4n){ margin-right: 0;}
.caseBoxOne .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.caseBoxOne .li a, .videoBoxOne .li{ background: #fff; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1);}
.caseBoxOne .li .img, .videoBoxOne .img{ width: 100%; height: 126px; border-radius: 8px 8px 0 0; overflow: hidden; background: #D8D8D8;}
.caseBoxOne .li .img img, .videoBoxOne .img img{ width: 100%;}
.caseBoxOne .li .text{ padding: 24px 24px 32px 24px; color: #333;}
.caseBoxOne .li .text .h2, .videoBoxOne .h2{ font-size: 18px; line-height: 22px;}
.caseBoxOne .li .text .p, .videoBoxOne .p{ margin-top: 8px; color: #666; line-height: 24px;}
.videoBoxOne .li{ width: 264px; margin: auto;}
.videoBoxOne .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.videoBoxOne{ width: 1176px; margin-left: -15px; position: relative;}
.videoBoxOne{ margin-top: 56px;}
.videoBoxOne .text{ padding: 24px; color: #333;}
.videoBoxOne .text .p{ height: 72px;}
.videoBoxOne .bot{ margin-top: 24px;}
.videoBoxOne .bot button{ display: block; margin: auto;}
.videoBoxOne .bot button.one{ line-height: normal;}
.videoBoxOne .bot button.two{ width: 30px; height: 30px; border: none; background: url(/static/images/yy_st_pause.png) no-repeat center; background-size: 100% auto;}
.videoBoxOne .bot button.three{ width: 30px; height: 30px; border: none; background: url(/static/images/yy_st_play.png) no-repeat center; background-size: 100% auto;}
.videoBoxOne .bot button.four{ width: 30px; height: 30px; border: none; background: url(/static/images/yy_st_stop.png) no-repeat center; background-size: 100% auto;}
.videoBoxOne .bot .mun{ width: 0; height: 0; overflow: hidden; opacity: 0;}
.videoBoxOne .swiper-button-prev, .videoBoxOne .swiper-button-next{ display: none;}
.indexMinker .listTwo .mLi2 .text{ height: auto; border-bottom: none; margin: 24px 0 0 0; padding: 0;}
.indexMinker .listTwo .mLi2 .h3{ font-size: 20px; color: #333; line-height: 28px;}
.indexMinker .listTwo .mLi2 p{ margin-top: 8px;}
.indexMinker .listTwo .mLi2 .bot{ margin-top: 24px;}
.indexMinker .listTwo .mLi2 .bot a{ float: left; line-height: 14px; color: #3464e1; margin-left: 33px; margin-top: 0; position: relative;}
.indexMinker .listTwo .mLi2 .bot a:first-child{ margin-left: 0;}
.indexMinker .listTwo .mLi2 .bot a::after{ content: ''; width: 1px; height: 14px; background: #DCDFE6; position: absolute; top: 0; left: -16px;}
.indexMinker .listTwo .mLi2 .bot a:first-child::after{ display: none;}
.indexMinker .moreBox{ margin: 56px auto 0;}
.planBoxImg .img{ float: right; width: 656px;}
.planBoxImg .img img{ width: 100%;}
.planBoxImg .text{ width: 362px; float: left; padding-top: 75px;}
.planBoxImg .text .h2{ font-size: 34px; line-height: 40px;}
.planBoxImg .text .mik{ font-size: 18px; line-height: 26px; color: #666; margin-top: 16px;}
.planBoxImg .text .mores{ margin-top: 24px;}
.planBoxImg .text .mores a{ float: left; font-size: 18px; line-height: 18px; color: #3464e1; margin-left: 33px; position: relative;}
.planBoxImg .text .mores a:first-child{ margin-left: 0;}
.planBoxImg .text .mores a::after{ content: ''; width: 1px; height: 14px; background: #DCDFE6; position: absolute; top: 2px; left: -16px;}
.planBoxImg .text .mores a:first-child::after{ display: none;}
.planBoxImg .text .p{ font-size: 16px; line-height: 32px; margin-top: 24px;}
.planBoxImg .text .buttonOne{ margin: 32px 0 0 0;}
.planBoxImg2 .img{ float: left;}
.planBoxImg2 .text{ float: right;}
.planBoxImg .text2{ padding-top: 0;}
.planBoxImg .img2{ width: 754px;}
.indexMinkerFour{ background: #2B333F;}
.indexMinkerFour .tit .h1, .indexMinkerFour .tit .mk{ color: #fff; text-align: left;}
.realityMin{ margin-top: 40px;}
.realityMin .li{ float: left; margin-right: 30px; color: #fff;}
.realityMin .li:nth-child(3n){ margin-right: 0;}
.realityMin .li:first-child{ width: 264px;}
.realityMin .li:nth-child(2){ width: 362px;}
.realityMin .li:nth-child(3){ width: 460px;}
.realityMin .li .num{ display: flex; justify-content: flex-start; align-items: flex-end; position: relative;}
.realityMin .li .num .m{ font-size: 80px; line-height: 80px; font-weight: bold; font-family: 'DIN';}
.realityMin .li .num .em{ font-size: 80px; font-weight: bold; line-height: 80px; font-family: 'DIN';}
.realityMin .li .num .er{ position: absolute; top: 10px; left: -22px; width: 14px;}
.realityMin .li .num .er img{ width: 100%;}
.realityMin .li .list{ margin-top: 16px;}
.realityMin .li .list .mLi{ margin-top: 40px;}
.realityMin .li .list .mLi:first-child{ margin-top: 0;}
.realityMin .li .list .h2{ font-size: 22px; line-height: 22px; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.realityMin .li .list .h2 img{ height: 22px; margin-left: 8px;}
.realityMin .li .list .p{ font-size: 16px; line-height: 24px; margin-top: 8px; opacity: 0.8;}
.caseBoxFer{ margin-top: 56px; position: relative;}
.caseBoxFer .img{ float: right; width: 460px;}
.caseBoxFer .img img{ width: 100%;}
.caseBoxFer .textBone{ float: left; width: 558px;}
.caseBoxFer .md{ height: 64px;}
.caseBoxFer .md img{ height: 100%;}
.caseBoxFer .text{ font-size: 16px; margin-top: 16px; color: #666; line-height: 26px;}
.caseBoxFer .icon{ padding-top: 4px; margin-right: 105px;}
.caseBoxFer .icon em{ float: left; width: 78px; height: 22px; text-align: center; line-height: 22px; color: #3464e1; background: hsla(221,78%,61%,0.20); margin: 12px 12px 0 0;}
.caseBoxFer .bot{ margin-top: 40px;}
.caseBoxFer .bot .h3{ font-size: 18px; line-height: 18px;}
.caseBoxFer .bot .list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: 40px;}
.caseBoxFer .bot .list .li{ margin-top: 16px; min-width: 150px; padding: 0 10px; position: relative; line-height: 21px;}
.caseBoxFer .bot .list .li i{ color: #3464e1;}
.caseBoxFer .bot .list .li::after{ content: ''; width: 2px; height: 36px; background: #DCDFE6; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.caseBoxFer .nextBox{ position: absolute; top: 50%; left: -70px;}
.caseBoxFer .prevBox{ position: absolute; top: 50%; right: -70px; transform: rotate(180deg);}
.caseBoxFer .swiper-button-prev, .caseBoxFer .swiper-button-next{ display: none;}
.bankone{ padding: 27px 0;}
.bankone .cont{ display: flex; justify-content: center;}
.bankone .cont .li{ margin-left: 96px; display: flex; justify-content: flex-start; position: relative;}
.bankone .cont .li::after{ content: ''; width: 1px; height: 40px; background: #DCDFE6; position: absolute; left: -48px; top: 50%; margin-top: -20px;}
.bankone .cont .li:first-child{ margin-left: 0;}
.bankone .cont .li:first-child::after{ display: none;}
.bankone .cont .li .img{ width: 50px; height: 50px; margin-right: 16px;}
.bankone .cont .li .img img{ width: 100%;}
.bankone .cont .li .p{ font-size: 18px; line-height: 50px;}
.bankone2 .cont .li{ margin-left: 62px;}
.bankone2 .cont .li::after{ left: -31px;}
.backMink{ margin-top: 56px;}
.backMink .texter{ padding: 21px 20px; background: #EBEEF5; text-align: center; font-size: 18px; line-height: 26px; color: #666;}
.backMink .texter i{ color: #3464e1;}
.backMink .img{ width: 754px; margin: 40px auto 0;}
.backMink .img img, .backMink .lister .li .br img{ width: 100%;}
.backMink .lister{ padding-top: 10px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.backMink .lister .li{ width: 362px; margin-top: 30px; position: relative;}
.backMink .lister .li .br{ width: 80px; position: absolute; left: 0; top: 0;}
.backMink .lister .li .text{ margin-left: 98px;}
.backMink .lister .li .h2{ font-size: 20px; line-height: 28px;}
.backMink .lister .li .p{ margin-top: 4px; line-height: 24px; color: #666;}
.bankBoxSix .list{ float: left; width: 362px;}
.bankBoxSix .list .li{ padding: 30px 0; border-bottom: 1px solid #DCDFE6; display: flex; justify-content: flex-start; align-items: center; cursor: pointer;}
.bankBoxSix .list .li:first-child{ padding: 0 0 30px 0;}
.bankBoxSix .list .li .mer{ width: 48px; height: 48px; margin-right: 50px;}
.bankBoxSix .list .li .mer img{ width: 100%; display: none;}
.bankBoxSix .list .li .mer .img1{ display: block;}
.bankBoxSix .list .li .p{ font-size: 16px; line-height: 22px;}
.bankBoxSix .list .li.on .mer .img1{ display: none;}
.bankBoxSix .list .li.on .mer .img2{ display: block;}
.bankBoxSix .img{ float: right; width: 656px;}
.bankBoxSix .img img{ width: 100%;}
.bankBoxSix .img .li{ display: none;}
.bankBoxSix .img .li:first-child{ display: block;}
.indexMinkerSixs{ background: #282D33 url(/static/images/cs_date_bg.png) no-repeat center; background-size: auto 100%;}
.indexMinkerSixs .tit .h1, .indexMinkerSixs .tit .p{ color: #fff;}
.bankHers{ padding-top: 16px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.bankHers .li{ margin-top: 40px; width: 264px; text-align: center; color: #fff;}
.bankHers .li .h2{ font-size: 20px; line-height: 22px;}
.bankHers .li .min{ display: flex; justify-content: center; align-items: flex-end; font-size: 20px; line-height: 44px; margin-top: 4px;}
.bankHers .li .min i{ margin: 0 4px; font-size: 80px; font-weight: bold; line-height: 80px; color: #3464e1; font-family: 'DIN';}
.bankHers .li .p{ font-size: 16px; line-height: 16px; margin-top: 4px;}
.bankHers .li .icon{ display: flex; justify-content: center; margin-top: 8px;}
.bankHers .li .icon i{ background: #3464e1; padding: 0 9px; line-height: 20px; font-size: 16px;}
.playOne{ margin: 56px auto 0; position: relative; width: 500px; padding-bottom: 24px;}
.playOne::after{ content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background: linear-gradient(270deg, rgba(76, 126, 233, 0) 0%, #3464e1 50%, rgba(76, 126, 233, 0) 100%);}
.playOne .audio{ position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: none;}
.playOne .pay{ display: flex; justify-content: center; cursor: pointer;}
.playOne .pay i{ font-size: 16px; line-height: 16px; padding-right: 24px; background: url(/static/images/cs_btn_play.png) no-repeat right center; background-size: auto 100%; color: #fff;}
.bankSminker{ margin-top: 56px; display: flex; justify-content: center;}
.bankSminker .li{ width: 362px; border-radius: 4px; border: 1px solid #E3E3E3; background: #fff; margin-left: 30px;}
.bankSminker .li:first-child{ margin-left: 0;}
.bankSminker .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.bankSminker .li .top{ background: hsla(221,78%,61%,0.10); border-radius: 4px 4px 0 0; padding: 32px 0 24px 0; text-align: center; position: relative;}
.bankSminker .li .top.top2{ background: #3464e1; color: #fff;}
.bankSminker .li .top.top3{ background: #2B333F; color: #fff;}
.bankSminker .li .top.top2 .p, .bankSminker .li .top.top3 .p{ color: #fff;}
.bankSminker .li .top.top2 a, .bankSminker .li .top.top3 a{ border-color: #fff; color: #fff;}
.bankSminker .li .top img{ width: 52px; position: absolute; top: 0; right: 0;}
.bankSminker .li .top .h2{ font-size: 18px; line-height: 18px;}
.bankSminker .li .top .p{ color: #666; line-height: 24px; margin-top: 8px;}
.bankSminker .li .top a{ margin: 16px auto 0; background: hsla(221,78%,61%,0.00);}
.bankSminker .li .text{ padding: 24px; line-height: 30px;}
.bankSminker .li .text .mLi{ margin-top: 24px;}
.bankSminker .li .text .mLi:first-child{ margin-top: 0;}
.bankSminker .li .text .h3{ color: #999;}
.bankSminker .li .text .p{ margin-top: 4px;}
.listBackSminr .li{ margin-top: 40px; position: relative;}
.listBackSminr .li:first-child{ margin-top: 0;}
.listBackSminr .li .img{ float: left; width: 558px;}
.listBackSminr .li:nth-child(2n) .img{ float: right;}
.listBackSminr .li .img img{ width: 100%;}
.listBackSminr .li .text{ width: 460px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.listBackSminr .li:nth-child(2n) .text{ right: auto; left: 0;}
.listBackSminr .li .h2{ font-size: 20px; line-height: 28px;}
.listBackSminr .li .p{ margin-top: 16px; line-height: 24px; color: #666;}
.listBackSminr .li a{ margin: 32px 0 0 0;}
.againBox{ margin-top: 56px;}
.againBox .navs{ float: left; width: 264px;}
.againBox .navs .li{ padding-bottom: 30px; padding-left: 22px; margin-top: 30px; border-bottom: 1px solid #E3E3E3; position: relative; cursor: pointer;}
.againBox .navs .li:first-child{ margin-top: 0;}
.againBox .navs .li::after{ content: ''; width: 6px; height: 48px; background: #DCDFE6; position: absolute; top: 0; left: 0;}
.againBox .navs .li.on::after{ background: #3464e1;}
.againBox .navs .li .h2{ font-size: 24px; line-height: 24px;}
.againBox .navs .li.on .h2{ color: #3464e1;}
.againBox .navs .li .p{ font-size: 16px; line-height: 16px; margin-top: 8px; color: #999;}
.againBox .textBox{ float: right; width: 852px;}
.againBox .textBox .text{ padding: 24px 24px 20px 20px; background: #F5F7FA; border: 1px solid #DCDFE6;}
.againBox .textBox .text .h2{ font-size: 18px; line-height: 20px;}
.againBox .textBox .text .list{ margin-top: 24px;}
.againBox .textBox .text .list .ms{ float: left; width: 520px;}
.againBox .textBox .text .list .ms img{ width: 100%;}
.againBox .textBox .text .list .right{ width: 264px; float: right;}
.againBox .textBox .text .list .right .m{ margin-top: 30px;}
.againBox .textBox .text .list .right .m:first-child{ margin-top: 0;}
.againBox .textBox .text .list .right .h3{ font-size: 16px; line-height: 16px;}
.againBox .textBox .text .list .right .p{ margin-top: 8px; line-height: 21px; color: #666;}
.againBox .textBox .text .list .right img{ width: 200px; margin-top: 16px;}
.againBox .textBox .li{ display: none;}
.againBox .textBox .li:first-child{ display: block;}
.administrateOne{ margin-top: 56px; border-bottom: 1px solid #DCDFE6;}
.administrateOne .li{ font-size: 18px; line-height: 18px; padding-bottom: 24px; margin-right: 80px; position: relative; float: left; cursor: pointer;}
.administrateOne .li.on::after{ content: ''; width: 100%; height: 4px; background: #3464e1; position: absolute; bottom: 0; left: 0;}
.administrateOne .li.on{ color: #3464e1;}
.administrateTwo{ margin-top: 40px;}
.administrateTwo .text{ float: left; width: 362px;}
.administrateTwo .text .h2{ font-size: 24px; line-height: 24px;}
.administrateTwo .text .list{ margin-top: 48px;}
.administrateTwo .text .list .m{ margin-top: 30px;}
.administrateTwo .text .list .m:first-child{ margin-top: 0;}
.administrateTwo .text .h3{ font-size: 20px; line-height: 22px;}
.administrateTwo .text .p{ margin-top: 8px; line-height: 24px; color: #666;}
.administrateTwo .img{ float: right; width: 754px;}
.administrateTwo .img img{ width: 100%;}
.administrateTwo .li{ display: none;}
.administrateTwo .li:first-child{ display: block;}
/* */
.caseBanner{ position: relative; background: #F5F7FA;}
.caseBanner .img{ width: 100%; height: 520px; position: relative; overflow: hidden;}
.caseBanner .img2{ height: 376px;}
.caseBanner .img img{ width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.caseBanner .text{ width: 100%; position: absolute; left: 0; top: 55%; transform: translateY(-50%); color: #fff; text-align: center;}
.caseBanner .text .h1, .caseBanner .text .h2{ font-size: 40px; line-height: 48px;}
.caseBanner .text .h2{ margin-top: 8px;}
.caseBanner .text2 .h1, .caseBanner .text2 .h2{ color: #333;}
.caseBanner .text2 .h1{ font-weight: bold;}
.caseBanner .text .p{ font-size: 16px; line-height: 24px; margin: 24px 98px 0 98px;}
.caseBanner .text a{ margin: 32px auto 0;}
.caseBome{ padding-top: 26px;}
.caseBome .li{ float: left; width: 264px; margin-top: 30px; margin-right: 30px; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); background: #fff;}
.caseBome .li:nth-child(4n){ margin-right: 0;}
.caseBome .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.caseBome .li .img{ width: 100%; height: 126px; border-radius: 8px 8px 0 0; overflow: hidden; position: relative; background: #D8D8D8;}
.caseBome .li .img img{ width: 100%;}
.caseBome .li .img .icon, .videoBoxOne .img .icon{ position: absolute; top: 8px; left: 8px; padding: 0 8px; background: #3464e1; line-height: 20px; color: #fff; border-radius: 4px;}
.caseBome .li .text{ padding: 24px; color: #333;}
.caseBome .li .text .h2{ font-size: 18px; line-height: 22px;}
.caseBome .li .text .p{ color: #666; line-height: 24px; margin-top: 8px;}
.padding{ display: flex; justify-content: center; margin-top: 56px;}
.padding .li{ margin: 0 5px;}
.padding .li a{ width: 30px; height: 30px; background: #F0F2F5; border-radius: 2px; text-align: center; line-height: 30px; color: #606266;}
.padding .li a.cur{ background: #3464e1; color: #fff;}
.padding .li a.next,
.padding .li a.prev{ background: #F0F2F5 url(/static/images/icon6d.png) no-repeat center; background-size: 6px auto;}
.padding .li:hover a.next,
.padding .li:hover a.prev{ background: #F0F2F5 url(/static/images/icon6d2.png) no-repeat center; background-size: 6px auto;}
.padding .li a.next{ transform: rotate(180deg);}
.topNavIndex{ padding: 88px 0 0 0;}
.topNavIndex .cont{ display: flex; justify-content: flex-start;}
.topNavIndex .cont a{ margin-right: 17px; line-height: 14px; position: relative; color: #333;}
.topNavIndex .cont a::after{ content: ''; width: 1px; height: 12px; background: #DCDFE6; position: absolute; top: 1px; right: -9px;}
.topNavIndex .cont a:last-child::after{ display: none;}
.topNavIndex .cont a.on{ color: #999;}
.caseDateBox{ padding: 24px 0 24px 0;}
.caseDateBox2{ padding: 32px 0 88px 0;}
.caseDateBox .left{ width: 940px; float: left;}
.caseDateBox .left .textCintr{ padding: 32px 32px 24px 32px; background: #fff;box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; transition: all 0.5s;}
.caseDateBox .left .textCintr .h2{ font-size: 32px; font-weight: bold; line-height: 48px;}
.caseDateBox .left .textCintr .tit{ display: flex; justify-content: flex-start; color: #999; line-height: 14px; margin-top: 8px; padding-bottom: 16px; border-bottom: 1px solid #f5f5f5; position: relative;}
.caseDateBox .left .textCintr .tit p{ margin-right: 16px;}
.caseDateBox .left .textCintr .tit a{ position: absolute; top: 0; right: 0; color: #3464e1; padding-left: 18px; background: url(/static/images/fer.png) no-repeat left center; background-size: auto 100%;}
.caseDateBox .left .textCintr .text{ padding: 16px 0 24px 0; line-height: 32px; color: #666;font-size: 15px; }
.caseDateBox .left .textCintr .text a{display: inline;}
.caseDateBox .left .textCintr .href{ margin-top: 16px;}
.caseDateBox .left .textCintr .common_img{text-align: center;margin-bottom: 10px;}
.caseDateBox .left .textCintr .text_tips{ margin-bottom: 30px;padding: 10px 16px;color: #8f959e;font-weight: 400;font-size: 13px;line-height: 18px;background: #f5f6f7;border: 1px solid #eee;border-radius: 4px;}
.caseDateBox .left .href a{ color: #999; line-height: 14px; float: left; max-width: calc(50% - 60px);position: relative;padding-left: 60px}
.caseDateBox .left .href a:nth-child(2){ float: right;}
.caseDateBox .left .href a span{position: absolute;left: 0px;top: 0px;}
.caseDateBox .left .href a i{color: #666; transition: all 0.5s; display: inline-block; padding-right: 10px;}
.caseDateBox .left .href a:hover i{ color: #3464e1;}
.caseDateBox .right{ float: right; width: 320px;}
.caseDateBox .right .h1{ font-size: 16px; line-height: 16px;padding: 15px;
border-bottom: 1px solid #f5f5f5;}
.caseDateBox .right .sider_bar{background: #fff;border-radius: 8px;margin-bottom: 20px;box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; transition: all 0.5s;}
.caseDateBox .caseBome{ padding-top: 0;}
.caseDateBox .caseBome .li{ margin: 16px 0 0 0;}
.communityTop{ padding-top: 88px;}
.communityTop .cBnner{ float: left; width: 852px;}
.communityTop .cBnner .img{ position: relative;}
.communityTop .cBnner .img a{ width: 100%; height: 376px; overflow: hidden; background: #D8D8D8;}
.communityTop .cBnner .img a img{ width: 100%;}
.communityTop .cBnner .img .p{ position: absolute; bottom: 0; left: 0; right: 0; background: hsla(0,0%,0%,0.80); padding: 0 16px; line-height: 40px; color: #fff; font-size: 16px;}
.communityTop .cBnner .swiper-container-horizontal>.swiper-pagination-bullets{ display: flex; justify-content: flex-end; align-items: center; height: 40px; width: auto; position: absolute; bottom: 0; right: 16px;}
.communityTop .cBnner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 100%; background: #fff;}
.communityTop .cBnner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 0 0 16px;}
.communityTop .list{ float: right; width: 264px;}
.communityTop .list .li{ margin-top: 16px; position: relative;}
.communityTop .list .li:first-child{ margin-top: 0;}
.communityTop .list .li a{ width: 100%; height: 148px; background: #D8D8D8; overflow: hidden;}
.communityTop .list .li a img{ width: 100%;}
.communityTop .list .li .p{ line-height: 32px; color: #fff; background: hsla(0,0%,0%,0.80); position: absolute; left: 0; bottom: 0; right: 0; padding: 0 8px;}
.commTier{ font-size: 16px; line-height: 16px;}
.commTier .li{ margin-right: 32px; float: left; cursor: pointer;}
.commTier .li.on{ color: #3464e1;}
.commContent{ margin-top: 0;}
.commContent .li{ padding: 15px; background: #fff; border-radius: 5px;box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2; transition: all 0.5s;margin-bottom: 15px;}
.commContent .li:first-child{ border-top: none;}
.commContent .li:hover{background-color:#3464e1 ;}
.commContent .li:hover .text,.commContent .li:hover .text .p,.commContent .li:hover .text .time{color: #ffffff;}
.commContent .li:hover .img img{filter: contrast(160%);}
.commContent .li .img{ float: left; width: 250px; height: 145px; overflow: hidden; background: #D8D8D8;border-radius: 5px;}
.commContent .li .img img{ width: 100%;}
.commContent .li .text{ float: right; width: 635px; color: #222;}
.commContent .li .text .h1{ font-size: 20px; line-height: 32px;margin-bottom: 10px;}
.commContent .li .text .p{ line-height: 24px; color: #999; margin-top: 4px;height: 72px;}
.commContent .li .text .time{ margin-top: 10px; line-height: 14px; color: #999;}
.caseDateBox .right .listText{ margin-top: 0; padding: 8px 16px;}
.caseDateBox .right .listText a{ color: #333;padding: 10px 0;}
.indexMinker .listThree2{ padding: 0; margin-top: -30px;}
.indexMinker .listThree .buttonTwo{ margin: 24px auto 0;}
.indexMinker .listThree .mr{ line-height: 14px; color: #999; position: absolute; top: 16px; right: 16px;}
.indexMinker .listThree2 .li{ width: 402px; border: none; box-shadow: 0 10px 20px rgb(52 100 224 / 10%); border: 1px solid #dce3f2;}
.indexMinker .listThree2 .li:hover{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.caseBerOne{ padding: 56px 0 0 0;}
.caseBerOne .h1{ font-size: 24px; line-height: 24px; text-align: left;}
.caseBerOne .list{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.caseBerOne .list .li{ margin-top: 30px; margin-right: 30px; width: 362px;}
.caseBerOne .list .li:nth-child(3n){ margin-right: 0;}
.caseBerOne .list .li .href{ background: #fff; border-radius: 8px; box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.1); padding: 8px 24px 24px 24px;}
.caseBerOne .list .li:hover .href{ box-shadow: 0px 0px 30px 0px rgba(76, 126, 233, 0.3);}
.caseBerOne .list .li .img{ height: 64px; padding-bottom: 8px; border-bottom: 1px solid #DCDFE6;}
.caseBerOne .list .li .img img{ height: 100%;}
.caseBerOne .list .li .p{ font-size: 16px; line-height: 16px; margin-top: 16px;}
.caseBerOne .list .li .moreBox{ margin: 16px 0 0 0; justify-content: flex-start;}
/* */
.aboutNav{ display: flex; justify-content: center; font-size: 16px; line-height: 16px;}
.aboutNav a{ margin: 0 24px; color: #333;}
.aboutNav a.on{ color: #3464e1;}
.aboutOne{ margin-top: 56px;}
.aboutOne .h2{ font-size: 32px; line-height: 48px; font-weight: bold;}
.aboutOne .minb{ margin-top: 16px;}
.aboutOne .img{ float: right; width: 460px;}
.aboutOne .img img{ width: 100%;}
.aboutOne .text{ width: 656px; float: left; line-height: 28px; color: #666;}
.aboutOne .text p{ margin-top: 25px;}
.aboutOne .text p:first-child{ margin-top: 0;}
.aboutIcon{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutIcon .li{ width: 362px; display: flex; justify-content: flex-start; align-items: center; margin-right: 30px;}
.aboutIcon .li:nth-child(3n){ margin-right: 0;}
.aboutIcon .li .img{ width: 58px; height: 58px; margin-right: 16px;}
.aboutIcon .li .img img{ width: 100%;}
.aboutIcon .li .h2{ font-size: 24px; line-height: 24px;}
.aboutIcon .li .p{ font-size: 18px; color: #666; line-height: 18px; margin-top: 16px;}
.aboutList{ margin-top: 56px; position: relative;}
.aboutList .swiper-button-prev, .aboutList .swiper-button-next{ display: none;}
.aboutList .timeBox{ width: 264px; margin: auto;}
.aboutList .timeBox .time{ font-size: 48px; font-weight: bold; line-height: 48px; font-family: 'DIN';}
.aboutList .timeBox .text{ margin-top: 56px; color: #666; line-height: 24px;}
.aboutList .swiper-container-horizontal>.swiper-scrollbar{ bottom: auto; top: 64px; opacity: 1; width: auto; left: 15px; right: 15px;}
.aboutList .mb{ position: absolute; top: 64px; width: auto; left: 15px; right: 15px; height: 4px; background: #F5F7FA;}
.videoBoxOne .mLi{ position: relative;}
.videoBoxOne .mLi .img{ height: 356px; border-radius: 8px;}
.videoBoxOne .mLi .round{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 8px; overflow: hidden; transition: all 0.5s;}
.videoBoxOne .mLi:hover .round{ background: hsla(0,0%,0%,0.70);}
.videoBoxOne .mLi .round .mink{ padding: 16px; line-height: 24px; position: absolute; top: 100%; left: 0; right: 0; color: #fff; transition: all 0.5s; height: 324px; overflow-y: auto;}
.videoBoxOne .mLi .round .mink::-webkit-scrollbar{ width: 0;}
.videoBoxOne .mLi:hover .round .mink{ top: 0;}
.videoBoxOne .mLi .round .mink p{ margin-top: 10px}
.videoBoxOne .mLi .round .mink p:first-child{ margin-top: 0;}
.videoBoxOne .rLi{ width: 264px; margin: 16px auto 0;}
.videoBoxOne .rLi .h2{ font-size: 18px; line-height: 18px;}
.videoBoxOne .rLi .p{ column-rule-color: #666; margin-top: 8px;}
.videoBoxOne .sLi .img{ height: 172px; border-radius: 8px;}
.videoBoxOne .rLi .h3{ font-size: 16px; line-height: 16px;}
.aboutTeach{ margin-top: 56px;}
.aboutTeach .list{ margin-top: 56px;}
.aboutTeach .list .text{ float: left; width: 558px;}
.aboutTeach .list .text .li{ margin-top: 8px; background: #F5F7FA; padding: 16px 0; cursor: pointer;}
.aboutTeach .list .text .li:first-child{ margin-top: 0;}
.aboutTeach .list .text .li .mn{ padding: 0 16px; position: relative; line-height: 22px;}
.aboutTeach .list .text .li.on .mn::after{ content: ''; width: 4px; height: 48px; background: #3464e1; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.aboutTeach .list .text .li .mn .h2{ font-size: 18px;}
.aboutTeach .list .text .li.on .mn .h2{ color: #3464e1;}
.aboutTeach .list .text .li .mn .p{ font-size: 16px; margin-top: 8px;}
.aboutTeach .list .img{ float: right; width: 558px;}
.aboutTeach .list .img .li{ width: 100%; height: 452px; overflow: hidden; position: relative; display: none;}
.aboutTeach .list .img .li:first-child{ display: block;}
.aboutTeach .list .img .li img{ width: 100%;}
.aboutTeach .list .img .li .p{ background: hsla(0,0%,0%,0.80); position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 16px; line-height: 24px;}
.honorBox{ padding-top: 40px;}
.honorBox .li{ float: left; margin-top: 16px; margin-right: 30px; width: 166px;}
.honorBox .li .p{ line-height: 14px; color: #666; text-align: center; margin-top: 8px;}
.honorBox .li img{ width: 100%;}
.honorBox .li:first-child, .honorBox .li:nth-child(2){ width: 264px;}
.honorBox .li:nth-child(5), .honorBox .li:nth-child(8){ margin-right: 0;}
.honorBox .li a{ width: 100%; height: 116px; overflow: hidden;}
.honorBox .li:first-child a, .honorBox .li:nth-child(2) a{ height: 388px;}
.honorBox .li:nth-child(3) a, .honorBox .li:nth-child(4) a, .honorBox .li:nth-child(5) a{ height: 244px;}
.openBox{ padding-top: 56px;}
.contact{ padding-top: 26px; display: flex; justify-content: center; flex-wrap: wrap;}
.contact .li{ width: 264px; margin-right: 30px; margin-top: 30px;}
.contact .li:nth-child(4n){ margin-right: 0;}
.contact .li .img{ width: 100%; height: 178px; overflow: hidden;}
.contact .li .img img{ width: 100%; transition: all 0.5s;}
.contact .li:hover .img img{ transform: scale(1.03);}
.contact .li .text{ margin-top: 16px;}
.contact .li .text .h2{ font-size: 18px; line-height: 18px; color: #333;}
.contact .li .text .p{ line-height: 24px; margin-top: 8px; color: #666;}
.companyBot{ display: flex; justify-content: flex-start;}
.companyBot .li{ width: 25%;}
.companyBot .li a{ width: 100%; height: 244px; overflow: hidden;}
.companyBot .li a img{ width: 100%; transition: all 0.5s;}
.companyBot .li:hover a img{ transform: scale(1.03);}
.lawBox{ padding: 104px 0 88px 0;}
.lawBox .h1{ font-size: 40px; font-weight: bold; line-height: 48px;}
.lawBox .text{ margin-top: 16px;}
.lawBox .text .li{ margin-top: 24px;}
.lawBox .text .li:first-child{ margin-top: 0;}
.lawBox .text .h2{ font-size: 20px; line-height: 28px;}
.lawBox .text .p{ margin-top: 16px; font-size: 16px; line-height: 24px; color: #666;}
.lawBox .text .p p{ margin-top: 20px;}
.lawBox .text .p p:first-child{ margin-top: 0;}
.lawBox .text .p p i{ font-weight: bold; color: #333; text-decoration: underline;}
.indexMinker .listTwo2 .li .mLi{ border: none; width: 362px;}
.indexMinker .listTwo2 .li .mLi:nth-child(5), .indexMinker .listTwo2 .li .mLi:nth-child(4){ width: 558px;}
.indexMinker .listTwo2 .li .mLi:nth-child(5){ margin-right: 0;}
.indexMinker .listTwo2 .li .mLi .numb{ font-size: 24px; font-weight: bold; color: #DCDFE6; line-height: 30px; border-top: 3px solid #DCDFE6; position: absolute; right: 20px; top: 20px; font-family: 'DIN';}
.indexMinker .listTwo .li a .top .p {color: #333;}
.listTwoCellYew .mLi .kmin a .top .p {color: #333;}
.indexMinker .listTwo .li.on{justify-content: center;flex-wrap: wrap;}
/* */
.contactSmink{ padding: 98px 0 32px 0;}
.contactSmink .text{ float: left; width: 558px; padding-top: 72px;}
.contactSmink .text .h1{ font-size: 24px; line-height: 24px;}
.contactSmink .text .p{ margin-top: 24px; line-height: 32px; font-size: 16px; color: #666;}
.contactSmink .right{ width: 558px; float: right; background: #fff;}
.contactSmink .right .form{ padding: 56px 98px;}
.contactSmink .right .form .h1{ font-size: 40px; font-weight: bold; line-height: 58px;}
.contactSmink .right .form .p{ font-size: 18px; color: #666; line-height: 28px;}
.contactSmink .right .form .p p{ margin-top: 16px;}
.contactSmink .right .form .li{ margin-top: 24px; position: relative;}
.contactSmink .right .form .li .input{ padding: 0 10px; border: 1px solid #DCDFE6; border-radius: 4px; background: #fff;}
.contactSmink .right .form .li .input .active{border-color: #FF0000;}
.contactSmink .right .form .li .input input{ display: block; width: 100%; height: 40px; border: none;}
.contactSmink .right .form .li .input input::placeholder{ color: #C0C4CC;}
.contactSmink .right .form .li i{ color: #FF6555; display: block; line-height: 42px; position: absolute; top: 0; left: -20px;}
.contactSmink .right .form .li .yan{ height: 40px; border: none; background: #fff; color: #3464e1; position: absolute; top: 1px; right: 10px;}
.contactSmink .right .form .li .sub{ width: 100%; height: 40px; border-radius: 20px; background: #C0C4CC; border: none; color: #fff; font-size: 16px; transition: all 0.5s;}
.contactSmink .right .form .li .sub:hover{ background: #3464e1;}
.contactSmink .right .form .li .href{ display: flex; justify-content: flex-start; line-height: 14px;}
.contactSmink .right .form .li .href input{ display: none;}
.contactSmink .right .form .li .href label{ padding-left: 22px; background: url(/static/images/checkbox.png) no-repeat left center; background-size: auto 14px;}
.contactSmink .right .form .li .href input:checked + label{ background: url(/static/images/checkbox_checked2.png) no-repeat left center; background-size: auto 14px;}
.contactSmink .right .form .li .href a{ color: #3464e1;}
.contactSmink .right .cess{ padding: 199px 98px 263px 98px;}
.contactSmink .right .cess img{ width: 48px; margin: auto;}
.contactSmink .right .cess .h1{ font-size: 40px; font-weight: bold; line-height: 48px; text-align: center; margin-top: 16px;}
.contactSmink .right .cess .p{ font-size: 20px; line-height: 28px; color: #666; margin-top: 16px;}
/* */
.woogs{ padding: 205px 0 100px 0; margin: auto; width: 316px;}
.woogs .img{ width: 316px; margin: auto;}
.woogs .h1{ font-size: 20px; line-height: 28px; text-align: center; margin-top: 16px;}
.woogs .h2{ margin-top: 16px; line-height: 24px; padding: 0 16px;}
.woogs p{ line-height: 24px; color: #666; padding: 0 16px;}
.woogs a{ margin-top: 24px; width: 100%; height: 40px; border-radius: 20px; background: #3464e1; color: #fff; font-size: 16px; text-align: center; line-height: 40px;}
.woogs2{ width: 100%;}
/* */
.minkNaver{ width: 100px; background: #fff; box-shadow: 0px 10px 20px 0px rgba(76, 126, 233, 0.4); border-radius: 8px; position: fixed; top: 0; right: 20px; z-index: 20;}
.minkNaver .li{ position: relative;}
.minkNaver .li a{ padding: 13px 0;}
.minkNaver .li:first-child a{ border-radius: 8px 8px 0 0;}
.minkNaver .li:last-child a{ border-radius: 0 0 8px 8px;}
.minkNaver .li:hover a{ background: #3464e1;}
.minkNaver .li .img{ width: 20px; height: 20px; margin: auto;}
.minkNaver .li .img.info{ background: url(/static/images/ce_icon_01.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.tel{ background: url(/static/images/ce_icon_02.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.weah{ background: url(/static/images/ce_icon_03.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.free{ background: url(/static/images/ce_icon_04.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li .img.top{ background: url(/static/images/ce_icon_05.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.info{ background: url(/static/images/ce_icon_01_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.tel{ background: url(/static/images/ce_icon_02_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.weah{ background: url(/static/images/ce_icon_03_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.free{ background: url(/static/images/ce_icon_04_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li:hover .img.top{ background: url(/static/images/ce_icon_05_act.png) no-repeat center; background-size: 100% auto;}
.minkNaver .li a .p{ color: #666; text-align: center; margin-top: 4px; line-height: 14px;}
.minkNaver .li:hover a .p{ color: #fff;}
.minkNaver .li .mik{ display: none; position: absolute; right: 108px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(76, 126, 233, 0.2); padding: 10px;}
.minkNaver .li:hover .mik{ display: block;}
.minkNaver .li .mik .Qr{ width: 150px; margin: 8px auto 0;}
.minkNaver .li .mik .h2{ font-size: 13px; text-align: center; line-height: 12px; font-weight: bold; margin-top:10px; white-space: nowrap;}
.minkNaver .li .mik .h1{ font-size: 12px; line-height: 12px;}
.minkNaver .li .mik .p{ font-size: 20px; font-weight: bold; line-height: 20px; margin-top: 4px; font-family: 'DIN'; white-space: nowrap;}
.cellFooter{ display: none; padding: 24px 20px;}
.cellFooter .h1{ font-size: 16px; line-height: 56px; border-bottom: 1px solid #DCDFE6;color: #999; position: relative;}
.cellFooter .h1 a{ color: #999;}
.cellFooter .h1 i{ display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; margin-top: -8px; background: url(/static/images/arrow-down.png) no-repeat center; background-size: 100% auto; transform: rotate(-90deg); transition: all 0.5s;}
.cellFooter .h1 .i{ transform: rotate(0);}
.cellFooter .list{ margin-left: 20px; display: none;}
.cellFooter .list a{ font-size: 16px; color: #333; line-height: 48px; border-bottom: 1px solid #DCDFE6;}
/* cell - nav */
.cellNacTop{ display: none;}
.cellTopHear{ position: fixed; top: 0; left: 0; right: 0; background: #fff; height: 56px; z-index: 50; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;}
.cellTopHear .logo a{ display: flex; justify-content: flex-start; align-items: center;}
.cellTopHear .logo img{ height: 23px; margin-right: 9px;}
.cellTopHear .logo .p{ font-size: 14px; color: #999; line-height: 18px; white-space: nowrap;}
.cellTopHear .sole{ width: 16px; height: 16px; position: relative; transition: all 0.5s;}
.cellTopHear .sole .em{ position: absolute; width: 16px; height: 2px; background: #3464e1; border-radius: 1.5px; left: 0;}
.cellTopHear .sole .em.em1{ top: 0;}
.cellTopHear .sole .em.em2{ top: 50%; transform: translateY(-50%);}
.cellTopHear .sole .em.em3{ bottom: 0;}
.cellTopHear .sole.sole2{ transform: rotate(90deg);}
.cellTopList{ display: none; position: fixed; top: 56px; left: 0; bottom: 0; right: 0; z-index: 50; overflow-y: auto; background: #fff; padding: 0 20px 20px 20px;}
.cellTopList .li .tit{ border-bottom: 1px solid #f5f5f5; position: relative;}
.cellTopList .li .tit a{ font-size: 16px; line-height: 56px; color: #333;}
.cellTopList .li .tit em{ display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); background: url(/static/images/arrow-down.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.cellTopList .li.on .tit em{ transform: translateY(-50%) rotate(0);}
.cellTopList .li .mLi .h1{ color: #999; line-height: 48px;}
.cellTopList .li .mLi a{ display: flex; justify-content: flex-start; align-items: center; color: #333; line-height: 48px; font-size: 16px; border-bottom: 1px solid #f5f5f5;}
.cellTopList .li .mLi a .img{ width: 30px; height: 30px; margin-right: 6px;}
.cellTopList .li .mLi a .img img{ width: 100%;}
.cellTopList .li .list{ display: none;}
.cellTopList .loginGrid{margin-top: 10px;}
.cellTopList .loginGrid .buttonOne{width: 100%;margin-bottom: 10px;}
.botCellNav{ display: none; background: #fff; border-top: 1px solid #DCDFE6; padding: 6px 0 7px 0; justify-content: space-around; position: fixed; left: 0; bottom: 0; right: 0; z-index: 20;}
.botCellNav .img{ width: 28px; height: 28px; margin: auto;}
.botCellNav .img img{ width: 100%;}
.botCellNav .p{ text-align: center; font-size: 12px; line-height: 12px; margin-top: 8px; color: #333;}
/* */
.aboutListCell, .videoBoxOneCell, .automatonSixCell{ display: none; margin-top: 32px;}
.aboutListCell .li{ padding-bottom: 24px; padding-left: 24px; position: relative;}
.aboutListCell .li:last-child{ padding-bottom: 0;}
.aboutListCell .li .time{ font-size: 24px; font-weight: bold; line-height: 24px;}
.aboutListCell .li .p{ font-size: 14px; line-height: 24px; color: #666; margin-top: 8px;}
.aboutListCell .li .em{ width: 16px; height: 16px; border-radius: 100%; background-color: #DCDFE6; position: absolute; left: 0; top: 4px; z-index: 2;}
.aboutListCell .li .em i{ display: block; width: 8px; height: 8px; border-radius: 100%; background: #3464e1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.aboutListCell .li .m{ width: 1px; height: 100%; position: absolute; left: 7.5px; top: 15px; z-index: 1; background: #DCDFE6;}
.aboutListCell .li:last-child .m{ display: none;}
.videoBoxOneCell .li .img{ position: relative; margin-left: 2px;}
.videoBoxOneCell .li .img .mr{ width: 178px; height: 240px; border-radius: 5px; overflow: hidden;}
.videoBoxOneCell .li .img .mr img{ width: 100%;}
.videoBoxOneCell .li .img .name{ position: absolute; right: 0; left: 194px; top: 50%; transform: translateY(-50%);}
.videoBoxOneCell .li .img .name .h2{ font-size: 18px; line-height: 18px;}
.videoBoxOneCell .li .img .name .p{ font-size: 14px; line-height: 24px; color: #666; margin-top: 4px;}
.videoBoxOneCell .li .text{ padding: 24px 0; font-size: 14px; line-height: 24px; color: #666;}
.videoBoxOneCell .swiper-container, .listBackSminrCells .swiper-container{ padding-bottom: 35px;}
.videoBoxOneCell .swiper-container-horizontal>.swiper-scrollbar{ background: #DCDFE6; bottom: 20px;}
.listBackSminrCells .swiper-container-horizontal>.swiper-scrollbar{ background: #DCDFE6; bottom: 10px;}
.videoBoxOneCell .swiper-scrollbar-drag, .listBackSminrCells .swiper-scrollbar-drag{ background: #3464e1;}
.videoBoxOneCell .swiper-pagination-fraction{ bottom: 0; display: flex; justify-content: center; font-size: 14px; line-height: 14px; color: #666;}
.aboutTeachCell{ display: none; padding: 5.6vh 2vh 0 0;}
.aboutTeachCell .list .li{ margin-top: 32px;}
.aboutTeachCell .list .h2{ font-size: 20px; line-height: 28px; color: #3464e1;}
.aboutTeachCell .list .h3{ font-size: 16px; line-height: 26px; margin-top: 8px;}
.aboutTeachCell .list .p{ line-height: 24px; color: #666; margin-top: 16px;}
.automatonSixCell .m{ font-size: 16px; line-height: 16px; text-align: center;}
.automatonSixCell .p{ line-height: 24px; color: #999; margin-top: 8px;}
.automatonSixCell img{ margin-top: 24px; width: 100%;}
.automatonSixCell .swiper-container{ padding-bottom: 30px;}
.automatonSixCell .swiper-scrollbar-drag{ background: #3464e1;}
.boxPc, .bankBoxSixMinks, .listBackSminrCells, .numberCellBannr{ display: none;}
.bankBoxSixMinks .img1{ margin: auto; width: 48px;}
.bankBoxSixMinks .p{ font-size: 14px; text-align: center; line-height: 24px; color: #999; margin-top: 16px;}
.bankBoxSixMinks .img2{ margin-top: 32px; width: 100%;}
.bankBoxSixMinks .swiper-container{ padding-bottom: 30px;}
.bankBoxSixMinks .swiper-scrollbar-drag{ background: #3464e1;}
.cellButtonMink{ display: none; justify-content: center; align-items: center; margin-top: 32px; border: 1px solid #3464e1; background: #fff; overflow: hidden; border-radius: 23px;}
.cellButtonMink .li{ width: 33.33%; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #3464e1; position: relative;}
.cellButtonMink .li::after{ content: ''; width: 1px; height: 100%; background: #3464e1; position: absolute; top: 0; left: 0;}
.cellButtonMink .li:first-child::after{ display: none;}
.cellButtonMink .li.on{ background: #3464e1; color: #fff;}
.listBackSminrCells{ margin-top: 32px;}
.listBackSminrCells .img img{ width: 100%;}
.listBackSminrCells .text{ margin-top: 25px;}
.listBackSminrCells .text .h2{ font-size: 20px; line-height: 28px;}
.listBackSminrCells .text .p{ margin-top: 16px; line-height: 24px; color: #666;}
.numberCellBannr .li{ width: 100%;}
.centerMerBmin{ display: none; padding: 32px 0 0 0;}
.centerMerBmin .swiper-container, .centerImgOneCells .swiper-container, .listTwoCellYew .swiper-container, .containerCellKm .swiper-container{ padding: 0 0 28px 0;}
.centerMerBmin .li{ background: #fff; border: 1px solid #DCDFE6; border-radius: 8px; padding: 20px;}
.centerMerBmin .li a{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.centerMerBmin .li .img{ width: 40px; height: 40px; margin: 0 8px 0 0;}
.centerMerBmin .li .img img{ width: 100%;}
.centerMerBmin .li .p{ font-size: 20px; line-height: 40px; color: #333;}
.centerMerBmin .li .text{ margin-top: 16px; line-height: 24px; color: #666;}
body .swiper-container-horizontal>.swiper-scrollbar{ background: #DCDFE6;}
body .swiper-scrollbar-drag{ background: #3464e1;}
.centerImgOneCells{ display: none; margin-top: 30px;}
.centerImgOneCells .img1{ width: 80px; height: 80px; margin: auto;}
.centerImgOneCells .img1 img{ width: 100%;}
.centerImgOneCells .p{ text-align: center; font-size: 16px; line-height: 16px; margin-top: 8px;}
.centerImgOneCells .imge{ width: 100%; margin: 30px 0 0 0;}
.listTwoCellYew{ display: none; padding-top: 28px; overflow: hidden; position: relative;}
.listTwoCellYew .ws{ position: absolute; z-index: -100; left: 100%; top: 100%; opacity: 0; width: 100%;}
.listTwoCellYew .wsOn{ position: relative; z-index: 5; top: auto; left: auto; opacity: 1;}
.listTwoCellYew .mLi{ border: 1px solid #DCDFE6; border-radius: 8px; transition: all 0.5s; background: #fff; box-shadow: 0px 0px 30px 0px rgb(76 126 233 / 10%); height: 100%; width: 99%;}
.listTwoCellYew .mLi .kmin{ padding: 20px;}
.listTwoCellYew .mLi .kmin .top .img{ width: 40px; height: 40px; margin-right: 8px; float: left;}
.listTwoCellYew .mLi .kmin .top .img img{ width: 100%;}
.listTwoCellYew .mLi .kmin .top .p{ font-size: 20px; line-height: 40px;}
.listTwoCellYew .mLi .kmin .text{ margin-top: 16px; color: #666; line-height: 24px;}
.listTwoCellYew .mLi .kmin a{ margin-top: 16px;}
.containerCellKm{ display: none; padding-top: 30px;}
.containerCellKm .li{ background: #fff; border: 1px solid #DCDFE6; border-radius: 8px; padding: 40px 20px; text-align: center;}
.containerCellKm .li .img{ margin: auto; width: 80px; height: 80px;}
.containerCellKm .li .img img{ width: 100%;}
.containerCellKm .li .p{ line-height: 28px; margin-top: 24px; font-size: 20px; color: #333;}
.containerCellKm .li .text{ margin-top: 16px; line-height: 24px; color: #666;}
.qrCell{ display: none; width: 295px; background: #fff; border-radius: 8px; position: fixed; left: 50%; top: 0; margin-left: -147.5px; z-index: 52;}
.qrCell .text{ padding: 40px 0; text-align: center;}
.qrCell .text .h1{ font-size: 24px; line-height: 24px;}
.qrCell .text img{ width: 240px; margin: 24px auto 0;}
.qrCell .text .p{ margin-top: 16px;}
.qrCell .text .p p{ font-size: 16px; line-height: 16px; color: #666;}
.qrCell .text .p .m{ margin: 8px 0 0 0; font-size: 24px; color: #3464e1; line-height: 24px;}
.qrCell .sole{ width: 40px; height: 40px; background: url(/static/images/sole.png) no-repeat center; background-size: 100% auto; position: absolute; bottom: -60px; left: 50%; margin-left: -20px;}
.indexNewsCell{ display: none; margin: 32px 0 0 0; background: #fff; border-radius: 8px; padding: 0 16px;}
.indexNewsCell a{ padding: 16px 0; border-top: 1px solid #EBEEF5; position: relative; min-height: 56px;}
.indexNewsCell a:first-child{ border-top: none;}
.indexNewsCell a .img{ width: 56px; height: 56px; border-radius: 8px; position: absolute; top: 16px; left: 0; background: #D8D8D8;}
.indexNewsCell a .p{ font-size: 14px; line-height: 24px; padding-top: 4px; margin-left: 64px; color: #333;}
#audio{ width: 0; height: 0; overflow: hidden; opacity: 0;}
.listBackSminr{ margin-top: 56px;}
.commContent .wLi{ display: none;}
.commContent .wLi:first-child{ display: block;}
.indexMinkerYu{ padding: 176px 0;}
.sdk{position: relative;z-index: 99;}
.sdk-action{display: none !important;}
/**/
.caseDateBox .left .textCintr .text ol li {
list-style: decimal;
margin-left: 1.2em;
}
.caseDateBox .left .textCintr .text ul li{
list-style: initial;
margin-left: 1.2em;
}
.caseDateBox .left .textCintr .text blockquote{
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
.banner .textBox a.video-none{
display:none;
}
.caseDateBox .left .textCintr .text img{
max-width:100%;
}
/**/
.index-news{
display: inline-block;
margin-top: 56px;
width: 100%;
}
.index-news .fl{
float: left;
width: calc((100% - 30px) / 2);
display: inline-block;
}
.index-news .swiper-img .swiper-slide{
width: 100%;
height: 296px;
position: relative;
}
.index-news .swiper-img .swiper-slide img{
object-fit: cover;
width: 100%;
height: 296px;
display: block;
border-radius: 5px;
}
.index-news .swiper-img .swiper-slide p{
height: 64px;
line-height: 64px;
background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
font-size: 18px;
color: #FFFFFF;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 15px;
box-sizing: border-box;
}
.index-news .fr{
float: right;
width: calc((100% - 30px) / 2);
display: inline-block;
background: url(/static/images/step_bg.png);
padding: 13px 25px;
border-radius: 5px;
box-sizing: border-box;
min-height: 296px;
}
.index-news-list .name{
padding: 0px 20px 0 32px;
height: 24px;
line-height: 24px;
text-align: left;
position: relative;
font-size: 24px;
color: #ffffff;
letter-spacing: 0;
font-weight: 400;
background: url(/static/images/icon_02.png) no-repeat left center / 24px;
}
.index-news-list .name a{
position: absolute;
right: 0px;
height: 24px;
width: 24px;
right: 0;
top: 0;
background: url(/static/images/icon_01.png) no-repeat left center / 20px 20px;
}
.index-news .fr .scroll {
height:270px;
overflow:hidden;
/* margin-top: 23px; */
}
.index-news-list ul{
display: block;
}
.index-news-list ul li {
height: 40px;
line-height: 45px;
box-sizing: border-box;
}
.index-news-list ul li a{
width: 100%;
font-size: 16px;
color: rgba(255,255,255,.8);
letter-spacing: 0;
height: 40px;
line-height: 40px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index-news-list ul li a:hover{
color: #ffffff;
}
.index-news-more{
display: none;
}
.dialog-wxrcode-box{display: none; position: fixed; width: 100%; height: 100%; top: 0;left: 0;z-index: 29; }
.dialog-wxrcode-box .shade{position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.9); opacity: 0.5; z-index: 29;}
.dialog-wxrcode-box .experienceBody{width: 300px;margin: 30vh auto; background: #fff; border-radius: 3px; padding: 30px 15px;z-index: 30;position: relative;text-align: center;}
.dialog-wxrcode-box .experienceBody h3{color: #222;font-size: 16px;font-weight: bold;}
.dialog-wxrcode-box .experienceBody .wxqrcode{margin: 10px 0;}
.dialog-wxrcode-box .experienceBody h5{color: #222;font-size: 14px;margin-bottom: 5px;}
.dialog-wxrcode-box .experienceBody p{color: #999;font-size: 12px;}
.closebox{position: absolute;top: 15px;right: 15px;cursor: pointer;}
/* add index*/
.indexMinker .listOne .li .mLi {
width: 45% !important;
}
.indexMinker .listOne .li.on {
display: block;
}
.indexTextImg {
position: relative;
padding: 10px 30px;
}
.indexTextImg .text {
width: 460px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.indexTextImg .img {
width: 700px;
float: right;
}
.indexTextImg .img img {
width: 100%;
}
.indexTextImg .text .info-title {
font-size: 28px;
color: #161616;
margin-top: 10px;
font-weight: bold;
line-height: 42px;
}
.indexTextImg .text .info-title-desc {
font-size: 16px;
margin-top: 15px;
color: #999;
}
.indexTextImg .text .info-content {
/* margin-top: 40px; */
}
.indexMinker .listOne{
margin-top: 35px;
}
.indexTextImg .text .info-content .info-item {
font-size: 14px;
margin-bottom: 40px;
}
.indexTextImg .text .info-content .info-item .sub-title {
color: #161616;
line-height: 28px;
font-size: 18px;
font-weight: bold;
}
.indexTextImg .text .info-content .info-item .sub-title i{
display: inline-block;
transform: translateX(-50%) rotate( 45deg);
background: #3464e1;
width: 13px;
height: 13px;
margin-right: 4px;
}
.indexTextImg .text .info-content .info-item .desc {
line-height: 24px;
color: #979797;
word-break: break-all;
margin-top: 3px;
padding-left: 18px;
}
.indexTextImg .text .info-content .info-item .desc2 {
line-height: 24px;
color: #666;
word-break: break-all;
font-size: 18px;
}
.indexTextImg .text .info-content .btn-wrap .btn {
width: 140px;
height: 46px;
text-align: center;
line-height: 46px;
background: #3464e1;
border-radius: 5px;
font-weight: 500;
color: #fff;
margin-top: 24px;
cursor: pointer;
}
.odd .indexTextImg .text {
right: 0;
left: auto;
}
.odd .indexTextImg .img {
float: left;
}
.hasLogin, .noLogin, .isContinue, .noContinue {
display: none;
}
.login-choose-dialog {
width: 395px;
display: none;
}
.login-choose-dialog .inner {
position: relative;
z-index: 1;
}
.login-choose-dialog .dialog-content {
max-height: 500px;
overflow-y: auto;
margin-top: 70px;
}
.login-choose-dialog .dialog-title {
width: 100%;
line-height: 24px;
color: #fff;
font-size: 17px;
text-align: center;
margin-top: 2px;
font-weight: 600;
letter-spacing: 1px;
margin-top: 25px;
position: relative;
z-index: 1;
}
.login-choose-dialog .modal-mask {
height: 100%;
background-color: rgba(0, 0, 0, 0.45);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
}
.login-choose-dialog .modal-close {
width: 56px;
height: 56px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.login-choose-dialog .modal-content {
width: 395px;
background: #fff;
border-radius: 5px;
box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
position: fixed;
left: 50%;
top: 50%;
z-index: 9;
transform: translate(-50%, -50%);
}
.login-choose-dialog .modal-body {
padding: 32px 32px 40px;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.login-choose-dialog .dialog-bg {
width: 420px;
height: 150px;
background: #5a79ff url(/static/images/banner_bg.svg) no-repeat;
position: absolute;
background-size: cover;
background-position: top right;
top: -20px;
left: -10px;
z-index: 0;
border-radius: 5px;
/* transform: rotate(3.5deg); */
}
.login-choose-dialog .inner .desc {
color: #333;
line-height: 26px;
margin-top: 32px;
}
.login-choose-dialog .inner .complate-box {
padding: 0 7%;
}
.login-choose-dialog .inner .btn {
width: 100%;
height: 44px;
color: #3f51b5;
background: #f3faff;
font-size: 15px;
margin-top: 32px;
font-weight: 700;
border-radius: 3px;
position: relative;
}
.login-choose-dialog .inner .btn::after {
content: " ";
position: absolute;
pointer-events: none;
box-sizing: border-box;
transform-origin: 0 0;
left: 0;
top: 0;
width: 199.8%;
height: 199.7%;
-webkit-transform: scale(.5);
transform: scale(.5);
border: 1px solid currentColor;
border-radius: 5px;
z-index: 1;
}
.login-choose-dialog .inner .btn .icon {
margin-right: 5px;
}
.login-choose-dialog .inner .btn-continue {
width: 100%;
height: 44px;
color: #fff;
background: #3464e1;
font-size: 15px;
margin: 32px 0 0;
border-radius: 3px;
}
.login-choose-dialog .inner .isSuccess {
margin-top: 15px;
}
.login-choose-dialog .inner .tips {
color: rgba(0,0,0,.45);
margin-top: 32px;
}
.wholeMask {
display: none;
background: rgba(0,0,0,.5);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.wholeMask img {
width: 300px;
margin: 20px 0 0 170px;
}