.flex {display:flex;}
.flex-c {justify-content:center;}
.flex-b {justify-content:space-between;}
.flex-e {justify-content:flex-end;}
.flex-d-c {flex-direction:column;}
.flex-a-c {align-items:center;}
.flex-a-b {align-items:baseline;}
.flex-wrap {flex-wrap:wrap;}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.flex5 {flex:5;}
.flex6 {flex:6;}
.flex7 {flex:7;}
.flex8 {flex:8;}
.flex9 {flex:9;}
.flex10 {flex:10;}

.new-video-menu{ padding: 55px 0 15px;}
.new-video-menu a{ display: inline-block; background: url(../new/06.png) no-repeat center; text-align: center; line-height: 60px; margin-right: 10px; min-width: 163px; background-size: 100% auto;}
.new-video-menu a.cur{ background-image: url(../new/05.png); color: #fff;}
.new-video-list{ overflow: hidden;}
.new-video-list li{ float: left; width: 33.33%;}
.new-video-list li .img_ratio{ padding-top: 56.9%;}
.new-video-list li .img{ position: relative;}
.new-video-list li .mask{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 10; transition: 0.5s all;}
.new-video-list li .mask img{ opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s all;}
.new-video-list li .mask img:nth-child(1){ opacity: 1;}
.new-video-list li .w:hover .mask{ background-color: rgba(0,0,0,0);}
.new-video-list li .w:hover .mask img:nth-child(1){ opacity: 0;}
.new-video-list li .w:hover .mask img:nth-child(2){ opacity: 1;}
.new-video-list ul{ margin: 0 -35px;}
.new-video-list li .w{   display: block; margin: 50px 35px 0; padding-bottom: 15px; border-bottom: 1px solid #ddd; color: #531b86;}
.new-video-list li h3{ margin: 1em 0;}
.new-video-list li .w span{ color: #999;}
.demo-video video{ vertical-align: top; width: 100%; height: 100%; background: #000; }
body .demo-video{ background: #000;}


.platform1{ padding: 2em 0;}
.platform2 .list{ margin: 0 -30px;}
.platform2 .list li{ float: left; width: 33.33%; }
.platform2 .list li .w{ margin: 0 30px 50px; box-shadow: 0 0 20px rgba(0,0,0,0.05); position: relative; background-color: #fff;transition: all 0.6s;}
.platform2 .list li .bg{ position: absolute; width: 100%; height: 100%; object-fit:cover; z-index: 2; opacity: 0; transition: 0.5s all;}
.platform2 .list li dl{  position: relative; z-index: 3; min-height: 440px; }
.platform2 .list li dt{ color: #4c2480; text-align: center; padding: 2em 0 1em;}
.platform2 .list li dt p{ margin-bottom: 1em;}
.platform2 .list li dt img{ width: 100px; height: 100px;}
.platform2 .list li dt img:nth-child(2){ display: none;}
.platform2 .list li dd{ padding: 2em; text-align: center;color: #333;}
.platform2 .list li .w:hover{
	background:#531c86;
}
.platform2 .list li .w:hover dt,
.platform2 .list li .w:hover dd{ color: #fff;}
.platform2 .list li .w:hover dt img:nth-child(1){ display: none;}
.platform2 .list li .w:hover dt img:nth-child(2){ display:inline-block;}

.pla3-box{ position: relative; margin-bottom: 7em;}
.pla3-box .swiper-button-next,
.pla3-box .swiper-button-prev{ background: none;}
.pla3-box .swiper-button-next{ right: -50px; transform: rotate(180deg);}
.pla3-box .swiper-button-prev{ left: -50px; }
.pla3-box .swiper-pagination{ text-align: center; left: 0; right: 0; bottom: -40px;  margin: 1em 0 0; display:none;}
.pla3-box .swiper-pagination span{ margin: 0 5px; background: url(../new/n2.png) no-repeat ; background-size: 100% 100%; width: 16px; height: 14px; border-radius: 0; opacity: 1; border:0 !important;}
.pla3-box .swiper-pagination span.swiper-pagination-bullet-active{ background-image: url(../new/n1.png); border:0 !important;}
.pla3-swiper .img_ratio{ padding-top: 56.9%;}
.pla3-swiper .img{ position: relative;}
.pla3-swiper .mask{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 10; transition: 0.5s all;}
.pla3-swiper .mask img{ opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s all;}
.pla3-swiper .mask img:nth-child(1){ opacity: 1;}
.pla3-swiper .w:hover .mask{ background-color: rgba(0,0,0,0);}
.pla3-swiper .w:hover .mask img:nth-child(1){ opacity: 0;}
.pla3-swiper .w:hover .mask img:nth-child(2){ opacity: 1;}
.pla3-swiper .w{ display: block;  }
.pla3-swiper .txt{ background: #f5f5f5; padding: 1em;}
.pla3-swiper h3{ margin: 1em 0;}
.pla3-swiper .w p{ color: #999;}

.platform4{ padding: 20px 0 60px;}
.platform4 .box ul{ margin: 0 -20px;}
.platform4 .box li{ float: left; width: 50%; }
.platform4 .box li .w{background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.05); display: block; margin: 0 20px 40px;} 
.platform4 .box li .img_ratio{ padding-top: 50%; overflow: hidden;}
.platform4 .box li dd{ height: 4em; display: flex; justify-content: center; align-items: center; }
.platform4 .box li .img_ratio img{ transition: 0.5s all;}
.platform4 .box li:hover .img_ratio img{ transform: scale(1.05);}
.platform4 .box li:hover dd{ color: #4c2480;}


.enabling-1 .tit{ padding: 2em 0 0;}
.enabling-1 .box{ padding: 1em 0 2em;}
.enabling-1 li{ margin-top: -3em;}
.enabling-1 li:first-child{ margin-top: 0;}
.enabling-1 li .left{ flex: 1;}
.enabling-1 li .left img{ width:40px; height:auto; }
.enabling-1 li .right{ width: 45%; margin-left: 10%;}
.enabling-1 li .right img{ width: 100%; height: auto;}
.enabling-1 li:nth-child(2n) { flex-direction:row-reverse;}
.enabling-1 li:nth-child(2n) .right{ margin-left: 0; margin-right: 10%;}
.enabling-1 li h2{ margin: 1em 0;}

.enabling-2{ background-size: cover;}
.enabling-2 .tit{ padding: 2em 0 0; color: #4C2582; position: relative;}
.enabling-2 .box{ padding: 8em 0 10em;}
.enabling-2 .box .t{ margin-bottom: 2em;}
.enabling-2 .box .t em{ display: inline-block; margin: 0 0.5em;}
.enabling-2 .box .t b{ vertical-align: middle; display: inline-block; height: 4px; width: 1.5em; background: #4c2582;}
.enabling-2 .box li{ margin-left: 1em;}
.enabling-2 .box dl{ background: url(../new/images/01.png) no-repeat; background-size: 100% 100%; width: 300px; height: 260px; text-align: center; cursor: pointer;}
.enabling-2 .box dt{ text-align: center; padding: 2em 0 1em;}
.enabling-2 .box dt img{ width: 70px; height: 70px;}
.enabling-2 .box dt img:nth-child(2){ display: none;}
.enabling-2 .box li.cur dl{ background-image: url(../new/images/02.png) ; color: #fff;}
.enabling-2 .box li.cur dt img:nth-child(1){ display: none;}
.enabling-2 .box li.cur dt img:nth-child(2){ display: inline-block;}

.enabling-3{ background-size: cover; overflow: hidden;  }
.enabling-3 .bk1{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-top: 2em; }
.enabling-3 .bk1 .tit{ background: #4c2582; color: #fff; padding: 0.8em 1em;}
.enabling-3 .bk1 .box{ padding:3em 1.5em 2em;}
.enabling-3 .bk1 .box .t1{ margin-bottom: 2em;}
.enabling-3 .bk1 .box ul{ display: flex; justify-content: space-between;}
.enabling-3 .bk1 .box ul li{ width: 30%;}
.enabling-3 .bk1 .box ul li dt{ margin: 0 0 0.5em;}
.enabling-3 .bk1 .box ul li dd{ }
.enabling-3 .bk2 .enabling-swiper{ margin-bottom: 4em;}
.enabling-3 .bk2 .t{ align-items: flex-end; margin: 2.5em 0;}
.enabling-3 .bk2 .t .l2{ text-align: right; margin-bottom: 0.5em;}
.enabling-3 .bk2 .t .l2 li{ margin-left: 0.5em; align-items: center;}
.enabling-3 .bk2 .t .l2 li img{ width: 21px; height: 15px; margin-right: 5px;}
.enabling-3 .bk2 .swiper-slide{ width: 33.33%; margin-right: 50px;}
.enabling-3 .bk2 .w{ border: 2px solid #4c2582; height: 14em; border-radius: 1em; padding: 1.5em; }
.enabling-3 .bk2 .w { cursor: pointer;}
.enabling-3 .bk2 .w .t1 img:nth-child(1),
.enabling-3 .bk2 .w .t4 img:nth-child(1){ display: none;}
.enabling-3 .bk2 .w .t2{ margin: 0.5em 0; color: #000;}
.enabling-3 .bk2 .w.cur{ background:#4c2582; color: #fff;}
.enabling-3 .bk2 .w.cur .t1 img:nth-child(1),
.enabling-3 .bk2 .w.cur .t4 img:nth-child(1){ display: inline-block;}
.enabling-3 .bk2 .w.cur .t1 img:nth-child(2),
.enabling-3 .bk2 .w.cur .t4 img:nth-child(2){ display: none;}
.enabling-3 .bk2 .w.cur .t2{ color: #fff;}
.enabling-3 .swiper-scrollbar{ width: 100%; height: 8px; }
.enabling-3 .swiper-scrollbar-drag{ background: #4c2582;}
.enabling-3 .bk3{ margin-top: 8em;}
.enabling-3 .bk3 .w{ align-items: center;}
.enabling-3 .bk3 .left { width: 40%; margin-right: 10%;}
.enabling-3 .bk3 .left  article{ margin: 1em 0;}
.enabling-3 .bk3 .left .t3 p{ background: #fff; color: #4c2582; margin-right: 2em; border-radius: 100px; padding: 0.3em 0.5em;}
.enabling-3 .bk3 .left .t3 p em{ background: #4c2582; color: #fff; border-radius: 100%; width: 1.5em; text-align: center; margin-right: 0.5em;}
.enabling-3 .bk3 .right img{ width: 100%; height: auto;}
.shouqi { margin-bottom: 5em;}
.shouqi a{ margin: 0 auto; display: block; text-align: left; background: url(../new/images/sq.png) no-repeat; width: 143px; height: 50px; line-height: 50px; text-indent: 2em;}

.enaling-4{background:#F9F7FA;}
.enaling-4 .tit{ padding: 2em 0;}
.enaling-4 .box { display: flex;}
.enaling-4 .box .item{ flex: 1; position: relative; z-index: 2; }
.enaling-4 .box .item .w{ position: relative; background: #fff;}
.enaling-4 .box .item .w .bg{ overflow: hidden; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%;}
.enaling-4 .box .item .w .bg img{ position: absolute; z-index: 0; left: 0; top: 0; height: 100%; width: 100%; transition: 0.5s all;}
.enaling-4 .box .item .w .bg img:nth-child(1){ opacity: 0;}
.enaling-4 .box .item .w .txt{ position: relative; z-index: 2; min-height: 14em; line-height: 1.8; padding: 3em;}
.enaling-4 .box .item .w .t2{ position: relative; z-index: 2; font-size: 1.5em; padding: 0.5em 1em; background: #656466; color: #fff; text-align: center;}
.enaling-4 .box .item:nth-child(1) .w{ margin-right: -2em;}
.enaling-4 .box .item:nth-child(1) .w .txt{ padding-right: 7em;}
.enaling-4 .box .item:nth-child(2) .w{ margin-top: 2.5em; margin-left: -2em;}
.enaling-4 .box .item:nth-child(2) .w .txt{ padding-left: 7em;}
.enaling-4 .box .item.cur .w .t2{  background: #4C2582;}
.enaling-4 .box .item.cur{ z-index: 3; }
.enaling-4 .box .item.cur .w{box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.enaling-4 .box .item.cur .w .bg img:nth-child(1){ opacity: 1; }
.enaling-4 .box .item.cur .w .bg img:nth-child(2){ opacity: 0;}
.enaling-4 .box2 { padding: 4em 0 5em;}
.enaling-4 .box2 li{ flex: 1; text-align: center;}
.enaling-4 .box2 .p1{ color: #5c0f8b;}

.enaling-5{ padding: 3em 0; background: #fff;}
.enaling-5 .w { display: flex; padding: 25px;}
.enaling-5 .w .left{ width: 54%; }
.enaling-5 .w .left .img_ratio{ padding-top: 60%;}
.enaling-5 .w .right{ flex: 1; position: relative; z-index: 2; }
.enaling-5 .w .right .box{ background:#FFFFFF; margin-top: 3em; margin-left:-6em;  padding: 5em; box-shadow: 0 0 10px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 25px #B1A8DD;
	-webkit-box-shadow: 0px 0px 25px #e2e2e2;
	box-shadow: 0px 0px 25px #e2e2e2;
}
.enaling-5 .w .right .box dt{  color: #4c2582; margin-bottom: 1.5em; position: relative;}
.enaling-5 .w .right .box dt::after{ content: ''; width: 1.2em; height: 3px; background: #4c2480; position: absolute; left: 0;  bottom: -0.7em;}
.enaling-5 .w .right .box dd{ min-height: 10em;}
.enaling-5  .swiper-pagination{ text-align: center;  position: relative; margin: 1em 0 0;}

.enaling-5  .swiper-pagination span{ margin: 0 5px; background: url(../new/n2.png) no-repeat ; background-size: 100% 100%; width: 16px; height: 14px; border-radius: 0; opacity: 1; border:0 !important;}
.enaling-5  .swiper-pagination span.swiper-pagination-bullet-active{ background-image: url(../new/n1.png); border:0 !important;}

.enaling-6{ background: #f4f4f4; padding-bottom: 3em;}
.enaling-6 .tit{ margin: 1.5em 0; position: relative;}
.enaling-6 .tit::after{ content: ''; width: 1em; height: 3px; background: #4c2480; position: absolute; left: 0;  bottom: -0.2em;}
.enaling-6 ul{ margin: 0 -30px;}
.enaling-6 li{ float: left; width: 25%;}
.enaling-6 li dl{ margin: 0 30px 60px; background: #fff; cursor: pointer;}
.enaling-6 li dt{ position: relative;}
.enaling-6 li dt .mask{ position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); opacity: 0; transition: 0.5s all;}
.enaling-6 li dt .mask img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.enaling-6 li dd{ padding: 1em; min-height: 4em;}
.enaling-6 li dd h3{ padding: 0 0 0.5em; color: #4c2480;}
.enaling-6 li dl:hover dt .mask{ opacity: 1;}
.enaling-6 li dl:hover{ background: #4c2480; color: #fff;}
.enaling-6 li dl:hover dd h3{ color: #fff;}
.enaling-6 .img_ratio{ padding-top: 100%;}

.enaling-7{ padding: 4em 0 5em;}
.enaling-7 .box{ display: flex;}
.enaling-7 .box .img{ width: 44%; position: relative; z-index: 2;}
.enaling-7 .box .img_ratio{ padding-top: 56%;}
.enaling-7 .box .txt * { position: relative; z-index: 3;}
.enaling-7 .box .txt{ flex: 1; margin-top: 2em; padding: 3em; position: relative; z-index: 1;}
.enaling-7 .box .txt::after{ content: '';background: #f4f4f4; position: absolute; top:0; right: 0; bottom: 0; left: -20em;}
.enaling-7 .box .txt .t1{ position: relative; margin-bottom: 1em;}
.enaling-7 .box .txt .t1::after{ content: ''; width: 1em; height: 3px; background: #4c2480; position: absolute; left: 0;  bottom: -0.4em;}
.enaling-7 .box .txt .t2{ min-height: 5.5em; padding: 1em 0;}
.enaling-7 .box .txt .t3 a{ display: block; background: url(../new/images/cc1.png) no-repeat; background-size: 100% 100%; width: 163px; height: 50px; line-height: 50px; text-align: center;}

.enaling-8{ background: #f0f0f0; padding: 5em 0;}
.enaling-8 .box1{ padding: 4em 0 3em; color: #fff;}
.enaling-8 .box1 article{ margin: 1em 0 2em;}
.enaling-8 .box1 .a{ display: block; background: url(../new/images/b2.png) no-repeat; background-size: 100% 100%; width: 199px; height: 60px; color: #4c2582; line-height: 60px; text-align: center; margin: 0 auto;}
.enaling-8 .box1 ul{ text-align: center; padding: 8em 0 4em;}
.enaling-8 .box1 ul dt{ background: url(../new/images/s1.png) no-repeat; width:65px; height: 56px; background-size: 100%;  position: relative; margin: 0 auto 1em;}
.enaling-8 .box1 ul dt img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.enaling-8 .box1 ul dd span{ display: block;}
.demo-new-box{ background: #fff;}
.enaling-8 .box2 .tit{ padding: 1em 0;}
.enaling-8 .box2 .list{ justify-content: space-between;}
.enaling-8 .box2 .list .item{ width: 31%; padding: 1.5em; box-sizing: border-box; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.enaling-8 .box2 .list .head{ border-bottom: 1px solid #ccc; padding: 2px 0 1.5em; margin-bottom: 1.5em;}
.enaling-8 .box2 .list .head .left img{ margin-right: 10px;}
.enaling-8 .box2 .list .cont{ min-height: 14em;}
.enaling-8 .box2 .list .cont li{ padding: 0.5em 0;}
.enaling-8 .box2 .list .cont li a{ display: block;}

.new_item_list{ line-height: 1.5; text-align: left; position: relative; overflow: hidden;}
.new_item_list .item{ width: 20%; float: left; position: absolute; opacity: 0;}
.waterfall_overs  .item{ opacity: 1;}
.new_item_list .item dl{ margin: 20px 20px 20px;}
.new_item_list .item dt{ border-bottom:1px solid #bfbfbf; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px;}
.new_item_list .item dt a{ display: block;}
.new_item_list .item dt img{ width: 20px; height: 20px; margin-right: 3px;   position: relative; top: 1px;}
.new_item_list .item dd a{ padding: 2px 0; display: inline-block; color: #666;}
.new_item_list .item dd a:hover{ color: #531c86;}






.tuandui-1 .img{ float: left; width: 318px; }
.tuandui-1 .img img{ width: 100%; height: auto;}
.tuandui-1 .txt{ overflow: hidden; padding: 2em 5em;}
.tuandui-1 .t1{ padding:0 0 0.5em; color: #4c2480;}
.tuandui-1 .line{ height: 1px; background: #ccc; margin: 1em 0 1em;}
.tuandui-1 .bott{ justify-content: space-between; margin-top: 2em;}
.tuandui-1 .bott a{ background: #f8f8f8; width: 48%; padding: 2em 0; text-align: center;}
.tuandui-1 .bott a:hover{ background: #f3f3f3;}




@media only screen and (min-width: 1100px) {
    .layui-layer-page .layui-layer-content::-webkit-scrollbar {
        width: 10px;   height: 1px; }
    .layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb {
        border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #4c2480;
    }
    .layui-layer-page .layui-layer-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  border-radius: 10px; background: #EDEDED;
    }
    /*.demo-new-box2 .layui-layer-content{ overflow: hidden !important; height: auto !important;}*/

}

.zhuanjia-art { padding: 3em;}
.zhuanjia-art .page{ padding: 0 0;}
.zhuanjia-art .tit{ border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-bottom: 2em;}
.zhuanjia-art .list li .w{ border: 1px solid #fff; background: #f4f4f4; margin-bottom: 20px;}
.zhuanjia-art .list li .w:hover { border: 1px solid #eee; background: #fff;}
.zhuanjia-art .list li .w:hover .right .mask{ opacity: 1;}
.zhuanjia-art .list li .w .left{ flex: 1; width: 1px; padding: 2em;}
.zhuanjia-art .list li .w .right{ width: 310px; position: relative;}
.zhuanjia-art .list li .w .right .img_ratio{ padding-top: 67%;}
.zhuanjia-art .list li .w .right .mask{ position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 3; opacity: 0;}
.zhuanjia-art .list li .w .right span{ line-height: 40px; width: 135px; background: url(../new/images/more.png) no-repeat; text-align: center; color: #fff; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;} 

.zhuanjia-list-art{ padding: 3em;}
.zhuanjia-list-art .tit2{ padding: 2em 0 ; margin-bottom: 1em; border-bottom: 1px solid #ddd;}
.zhuanjia-list-art .arts{ padding-bottom: 1em;}

.zhuanjia-list-video{ padding: 2em;}
.zhuanjia-list-video .tit{ border-bottom: 1px solid #ddd; padding-bottom: 1em; margin-bottom: 1em;}
.zhuanjia-list-video .video-a{ position: relative;}
.zhuanjia-list-video .video-a .txt{ position: absolute; z-index: 10; left: 1.5em; bottom: 1em; right: 1em; color: #fff;}
.zhuanjia-list-video .video-a:hover .txt{ opacity: 0;}
.zhuanjia-list-video .video-a video{ width: 100%; height: 480px; background: #000; vertical-align: top;}
.zhuanjia-list-video .video-b{ padding: 30px 0 2em;}
.zhuanjia-list-video .video-b .left-box{ width: 1px;}
.zhuanjia-list-video .video-b .w{ position: relative; cursor: pointer;}
.zhuanjia-list-video .video-b .cur .mask{ opacity: 0;}
.zhuanjia-list-video .video-b .mask{ position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); width: 100%; height: 100%; z-index: 3; opacity: 1;}
.zhuanjia-list-video .video-b .mask img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.zhuanjia-list-video .video-b .img_ratio{ padding-top: 56%;}
.zhuanjia-list-video .video-b .bon{ padding: 0 0 0 2em;}
.zhuanjia-list-video .video-b .bon a{ display: block;}
.zhuanjia-list-video .video-b .bon a:first-child{ margin-bottom:2em;}


.new-pro-bottom{ justify-content: space-between;}
.new-pro-bottom .item{ width: 32%; padding-bottom: 5px;}
.new-pro-bottom .item dt{ padding:2em 0 1em;}
.new-pro-bottom .item li{ margin-bottom: 2px;}
.new-pro-bottom .item a{ display: block; background: #f2f2f2; padding:0.5em 1em;}
.new-pro-bottom .item a:hover{ background: #ffffff; color: #4c2480; box-shadow: 3px 3px 4px rgba(0,0,0,0.1);}




@media only screen and (max-width: 1200px) {
    .enabling-3 .bk2 .t{ display: block;}
    .enabling-3 .bk2 .t .l2{ margin-top: 1em;}

    .enabling-2 .box dl{ width: 200px; height: 178px;}
    .enabling-2 .box dt img{ width: 50px; height: 50px;}
    .enaling-6 li{ width: 33.33%;}
    .enabling-1 li{ margin-top: 0;}
}

@media only screen and (max-width: 1023px) {
    .new-video-list li{ width: 50%;}
    .new-video-menu{ padding: 2em 0 0.5em;}
    .new-video-menu a{ line-height: 30px; min-width: 81px; font-size: 1.2rem;}
    .new-video-list li .w{ margin-top: 2em;}

    .platform2 .list li{ float: none; width: auto;}
    .platform2 .list li dl{ min-height: auto;}
    .platform2 .list li dt img{ width: 50px; height: 50px;}

    .enaling-8 .box2 .list{ display: block;}
    .enaling-8 .box2 .list .item{ width: auto; margin-bottom: 2em;}
}

@media only screen and (max-width: 760px) {
    
     .new-pro-bottom{display: block;}
    .new-pro-bottom .item{ width: auto;}
    
    
    .new-video-list li{ width: 100%;}
    .platform4 .box li{ width: auto; float: none;}

    .enabling-1 li{ display: block;}
    .enabling-1 li .icon{ width: 30px; height: 30px;}
    .enabling-1 li:nth-child(2n) .right,
    .enabling-1 li .right{ margin: 0; width: auto; margin-top: 2em;}

    .enabling-3 .bk1 .box ul{ display: block;}
    .enabling-3 .bk1 .box ul li{ width: auto; margin-bottom: 1em;}
    .enabling-3 .bk3 .w{ display: block;}
    .enabling-3 .bk3 .left{ width: auto;}
    .enabling-3 .bk3 .left .t3{ display: block;}
    .enabling-3 .bk3 .left .t3 p{ display: inline-block; margin-bottom: 1em;}
    .enabling-3 .bk3 .left .t3 p em{ display: inline-block;}
    .enabling-2 .box dl{ width: 140px; height: 120px;}
    .enabling-2 .box{ padding: 4em 0 4em; display: block;}
    .enabling-2 .box dt{ padding: 20px 0 10px;}
    .enabling-2 .box .t b{ width: 1em; height: 3px;}
    .enabling-2 .box dt img{ width: 30px; height: 30px;}
    .enabling-3 .bk2 .t .l2 ul{ display: block; text-align: left;}
    .enabling-3 .bk2 .t .l2 li{ display: inline-block; margin-bottom: 1em;}
    .enabling-3 .bk3{ margin-top: 3em;}
    .shouqi{ margin-top: 2em; transform: scale(0.8);}

    .enaling-4 .box{ display: block;}
    .enaling-4 .box .item{ margin-bottom: 2em;}
    .enaling-4 .box .item:nth-child(2) .w,
    .enaling-4 .box .item:nth-child(1) .w{ margin:0 0 2em;}
    .enaling-4 .box .item:nth-child(1) .w .txt,
    .enaling-4 .box .item:nth-child(2) .w .txt{ padding: 2em; min-height: auto;}

    .enaling-4 .box2{ padding: 2em 0;}
    .enaling-4 .box2 ul{ flex-wrap: wrap;}
    .enaling-4 .box2 li{ width: 50%; flex: auto; margin-bottom: 2em;}

    .enaling-5 .w{ display: block;}
    .enaling-5 .w .left{ width: 100%;}
    .enaling-5 .w .right .box{ margin: 0; padding: 1em;}

    .enaling-6 ul{ margin: 0 -10px;}
    .enaling-6 li{ width: 50%;}
    .enaling-6 li dl{ margin: 0 10px 20px;}

    .enaling-7 .box{ display: block;}
    .enaling-7 .box .img{ width: 100%;}
    .enaling-7 .box .txt::after{ left: 0;}
    .enaling-8 .box1{ padding: 1em;}
    .enaling-8 .box1 ul{ display: block;  padding: 2em 0;}
    .enaling-8 .box1 ul dl{  display: flex; align-items: center; margin-bottom: 1em;}
    .enaling-8 .box1 ul dt{ margin: 0 1em 0 0;}
    .enaling-8 .box1 ul dd{ flex: 1; text-align: left;}

    .tuandui-1 .img{ width: auto; float: none;}
    .tuandui-1 .txt{ padding: 1em;}
    .tuandui-1 .t1{ padding-top: 1em;}
    .tuandui-1 .line{ margin: 1em 0;}
    .zhuanjia-art{ padding: 1em;}
    .zhuanjia-art .list li .w{ flex-direction: column-reverse;}
    .zhuanjia-art .list li .w .left{ width: auto;}
    .zhuanjia-art .list li .w .right{ width: auto;}
    .zhuanjia-art .page{ margin: 0 -5em; transform: scale(0.7);}
    .zhuanjia-list-art{ padding: 1em;}
    .zhuanjia-list-art .tit1 img{ width: 30px; height: auto;}
    .zhuanjia-list-video{ padding: 1em;}
    .zhuanjia-list-video .video-a video{ height: 45vh;}
    .zhuanjia-list-video .video-b .bon{ padding-left: 5px;}
    .zhuanjia-list-video .video-b .bon a:first-child{ margin-bottom: 1em;}
    .zhuanjia-list-video .video-b .bon img{ width: 35px; height: auto;}
    .new_item_list .item{ width: 50%;}
}