/* 主体 */
.col-space-80>* {padding: 0 60px 42px 60px;}
.section-a1,.section-a3{background-color: #fff;}
.section-a2{background-color: #f6f7fb;padding-bottom: 0px;}
.section-a4{background-color: #f6f7fb;}
.section-a3{padding-bottom: 52px;}
.section-a3 .section-header { margin-bottom: 79px; }
.section-a3 .section-body span { text-align: center; }
.section-a2 .section-header { margin-bottom: 38px; }
.section-a2 ul {width: 97%;max-width: 1180px;}
.section-a2 li>div {background-color: transparent;padding: 20px 15px 46px;}
.section-a2 li>div .info-l {margin: 0;}
.section-a2 li>div .info-l img {width: 100%;height: 100%;}
.section-a2 li>div .info-r {margin-left: 15px;width: 80%;}
.section-a2 li>div .info-r p {line-height: 38px;}
.section-body ul li .icon-box { margin-bottom: 8px; }

.section-a1 .table01 th, .section-a1 .table01 td,.table01 { text-align: center; }
.section-a1 .table01 th{ white-space: nowrap; padding: 18px 15px; line-height: 1; color: #1c1d1f; font-weight: normal;background-color: #f4f6f9;}
.section-a1 .table01 td{ padding: 10px 15px; color: #626266; }
.section-a1 .w1380{max-width: 1370px;}
.btn-box{font-size: 0;}
.table01 td .btn:hover { background: none; background-color: #2981ff; color: #fff; border: 1px solid #fff; }
.table01 td .btn { width: 86px; line-height: 32px; cursor: pointer; margin: 0 8px 0 0; border-radius: 4px; font-size: 14px; color: #626266; }
.table01 td .btn:last-child{margin-right: 0;}
/* .section-a1 .table-box{ border: 1px solid #eaebef; } */
/* .section-a1 .table01 tr th:not(:last-child){border-right: 1px solid #fff;} */
/* .section-a1 .table01 tr th,.section-a1 .table01 tbody tr:not(:last-child){border-bottom: 1px solid #eaebef;} */

/* .framework { position: absolute; left: -45px; } */
.application { width: 38%; height: 100%; margin-left: 20px;}
.application .subtitle{ font-size: 16px; font-weight: bold; color: #323235;position: relative;margin-left: 26px; }
.application .subtitle::before{ position: absolute; left: -22px; top: 7px; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #2981ff; }
.application .subtitle::after{ position: absolute; left: -26px; top: 3px; content: ''; width: 14px; height: 14px; border-radius: 50%; background-color: #2981ff; opacity: .2; }
.application .detail-box p{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; color: #626266; margin-top: 14px;display: inline-block;}
.application .detail-box span{ color: #323235; display: inline-block; }

.section-a3 li img { width: 80px; height: 80px; }
.section-a3 li { text-align: center; cursor: pointer; }
.mobile-data{display: none;}
.section-a4 object {max-width: 100%}
.section-a4 .animate-div .animate-fixed{background-image: none;}
.section-a4 .section-header h3 { color: #1c1d1f; }
.section-nav { width: 100%;margin: 60px 0 60px 0; text-align: center; font-size: 16px;line-height: 1;color: #323235;border-bottom: 1px solid #eaebef;padding-bottom: 18px;}
.section-nav span { position: relative;padding: 0 37px;padding-bottom: 19px;cursor: pointer;margin: 0 88px; }
.section-nav .active {color: #2982ff;}
.section-nav span::after {position: absolute;bottom: 0;left: 0;content: '';width: 0;height: 3px;background-color: #2981ff;transition: all .3s;}
.section-nav span.active::after {width: 100%;}
.application .text-one{margin-bottom: 39px;}
.section-a4 .section-header {margin-bottom: 30px;}
.section-a4 .nav-list .framework{position: relative;left: 53px;}
.pc-show-more { position: relative; color: #2981ff !important;display: block;width: 100% !important; margin-top: 14px; text-align: center;  -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* Khtml内核私有属性 */ -o-user-select:none; /* Opera私有属性 */ user-select:none; /* CSS3属性 */}
.pc-show-more::after{ position: absolute; content: ""; width: 0; height: 0; top: 8px; margin-left: 7px; border-top: solid 5px #2981ff; border-right: solid 5px transparent; border-left: solid 5px transparent; }
.section-a1 .pc-cpu-table tbody tr:nth-child(n + 11) { display: none; }
.show-more{display: none;}
@media screen and (max-width: 1290px){
    .animate-div { transform: scale(0.95); }
}
@media screen and (max-width: 1250px){
    .animate-div { transform: scale(0.9); }
    .application { margin-left: 0px; }
}
@media screen and (max-width: 1250px){
    .animate-div { transform: scale(0.85); }
}
@media screen and (max-width: 1190px){
    .animate-div { transform: scale(0.8); }
    .application { width: 34%; }
}
@media screen and (max-width: 1130px){
    .application { width: 31%; }
}
@media screen and (max-width: 1051px){
    .application { width: 29%; }
}
@media screen and (max-width: 1024px){
    /* 补充样式 - 适配普通电脑 768 - 1024  */
    .sm-bgGray {background-color: #ffffff;}

    /* 按钮移动端效果 */
    .n-btn-default {padding: 9px 16.5px;}

    .header {background-color: transparent ;border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .banner {margin-top: 0;}
    .banner-single .banner-info {margin: 20px 15px;}
    .banner-single .banner-info h2,.banner-info>p {text-align: left;}
    .banner-info>p {margin: 20px 0;}

    .section {padding: 40px 0;}
    .section-body li {width: 100%;border: solid 1px #eaebef;display: -webkit-box;display: -ms-flexbox;display: flex;text-align: left;}
    .section-body li:not(:last-child) {margin-bottom: 8px;}
    .section-a3 li>div {padding: 0;padding-left: 15px;height: auto;}
    .section-body p {line-height: normal;margin-bottom: 4px;font-size: 15px;font-weight: normal;}
    .col-space-80 {margin: 0;}
    .col-space-80>* {padding: 20px 15px;}
    .section-header {margin-bottom:18px;}
    .section-header h1, .section-header h3 {font-size: 18px;line-height: 1;}
    .section-header p {width: 100%; color: #93939a;font-size: 13px;margin: 7px auto 0;text-align: left;}

    /* 展开收缩效果 */
    .mobile-data,.show-more {display: block;width: 100% !important;}
    .pc-data {display: none;}
    .mobile-data li>div {padding: 17px 15px;}
    .product-feature li {background-color: #ffffff;display: block;}
    .product-feature li p {font-size: 13px;line-height: 22px;margin-bottom: 0;color: #626266;}
    .product-feature .box-top {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; padding: 0 15px; height: 53px; align-items: center; width: 100%;}
    .product-feature .box-top div:first-child {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
    .product-feature .box-top div:first-child img {width: 27px;margin-right: 10px;}
    .product-feature .box-top .show-icon {width: 16px;color: #bababc;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
    .product-feature .box-top .show-icon.drop {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
    .product-feature .slide-detail {display: none; background: url(../image/slide_bg.png) 100% 100%;background-size: cover; background-position: center; border-top: 1px solid #eaebef;border-radius: 0;}

    .section-a1,.section-a3{background-color: #f6f7fb;}
    .section-a2,.section-a4{background-color: #fff;}
    .section-a3 .section-body ul li{background-color: #fff;}
    .section-body ul li .icon-box { width: auto; height: auto; margin: 0; max-height: 80px;}
    .section-body ul li .icon-box object { width: 1.4rem; position: initial; max-width: 1.5rem; height: 1.4rem; max-height: 100%;}
    .section-a3 .section-header { margin-bottom: 24px; }
    .section-a3 .section-body span { text-align: left; }
    .section-a3 .col-space-80>* { padding: 17px 15px; }
    .application .subtitle { font-size: 15px; font-weight: normal;}
    .section-a3 .img-box { max-width: 41px; width: 100%; height: 100%; position: relative; padding: 0px; }
    .section-a3 li object { max-width: 100%; }
    .section-a2 .section-header { margin-bottom: 24px; }
    .section-a4 .animate-div { left: auto; transform: none; margin: 0 auto; padding: 0 14px 20px !important; overflow: hidden; float: none; }
    .application { width: auto; margin: 0; float: none; }
    .application .detail-box p { padding-left: 21px; margin-top: 0; }
    .application .subtitle { margin-left: 21px; }
    .application .subtitle::before{ left: -16px; }
    .application .subtitle::after{ left: -20px; }
    .section-a4 .nav-list .items .s-content {width: 100%;height: auto;line-height: 24px; vertical-align: initial; padding: 0;margin: 0;margin-top: 5px; background-image: none;}
    .section-a4 .section-body { height: auto; margin-top: 0; }
    .section-a4 .detail-box:not(:first-child){margin-top: 10px;}
    .section-a4 .detail-box p {color: #626266;}
    .section-nav {width: 100%;font-size: 0;margin: auto; padding-bottom: 16px;margin-bottom: 16px;border-bottom:none}
    .section-nav span {padding: 0px;background-color: #f6f7fb; border-radius: 2px;font-size: 14px; display: inline-block;
    width: calc(33% - 5.5px);height: 37px;line-height: 37px;margin: 0 10px;}
    .section-a3 .nav-list .items .s-content {width: 100%;height: auto;line-height: 24px; vertical-align: initial; padding: 0;margin: 0;margin-top: 5px; background-image: none;}
    .section-nav .active { color: #fff;background-color: #2981ff; }
    .section-nav span::after{content: none;}
    .application .text-one { margin: 15px 0; }
    .list-a1 .application .text-one { margin-bottom: 15px; }
    .list-a2 .application .text-one { margin-bottom: 15px; }
    .section-a4 .nav-list .framework { position: relative; left: auto; float: none;width: 100%;text-align: center; }
    .section-a1 .sm-show ul li:nth-child(n + 11) { display: none; }
    .pc-show-more{display: none !important;}
}


@media screen and (min-width: 621px) and (max-width: 1200px) {
    .section-a2 .nav-list .items div:first-child {width: 100%;text-align: center;}
}

@media screen and (max-width:768px) {
    .mobile-process {display: block;}
    .pc-process {display: none;}
    .w1380{width: calc(100% - 15px);}
    .proInfo li { border: none; overflow: hidden; }
    .section-a1 .table-box { border: none; }
    .section-a1 .sm-show li>div { height: auto; padding: 0 10px; }
    .section-a1 .sm-show .info-head { padding: 15px 10px 10px; }
    .section-a1 .info-head .btn { width: 44px; line-height: 22px; border-radius: 15px; font-size: 12px; font-weight: normal; border-color: #e2e8f7; }
    .section-a1 .info-body dd { float: left; font-size: 14px; padding-right: 10px; box-sizing: border-box; text-align: left; }
    .section-a1 .info-body dd:nth-child(2n-1){ min-width: 57%; }
    .section-a1 .info-body dd:nth-child(2n){ min-width: 43%; }
    .section-a1 .sm-show .info-foot { position: relative; text-align: left; border-top: none; background-color: #eef3fe; margin: 22px 12px 12px; line-height: 16px; padding: 10px 110px 10px 12px; }
}

@media screen and (max-width:350px) {
    .section-nav span {font-size: 12px;}
}