@charset "utf-8";
.no-data {display: flex;align-items: center;justify-content: center;width: 100% !important;box-sizing: border-box;}

#container {padding: 0;}
.msec {margin-bottom: 70px;position: relative;}
.mtit {margin-bottom: 4px;color: #202020;font-size: 1.556em;font-weight: 600;}
.msec [class*='-swiper-ctrls'] {display: none;}
.msec [class*='-swiper-ctrls'].abled {display: flex;}
@media all and (max-width: 1399px){
	section > .cinner {max-width: 100%;}
}
@media all and (max-width: 1024px){
    .msec {margin-bottom: 40px;}
}
@media all and (max-width: 768px){
    .msec {margin-bottom: 30px;}
}

/* ******************* *
* msec1
* ******************* */
.msec1 {width: 100%;height: 657px;margin-bottom: 0;background: url(../images/main/mvis.jpg) no-repeat 0 0/cover;}
.msec1 .cinner {display: flex;justify-content: space-between;padding: 70px 0;box-sizing: border-box;}
/* mboard */
.mboard {flex: 0 0 54.46%;display: flex;flex-direction: column;min-width: 54.46%;width: 100%;position: relative;}
.mboard-cont {width: 100%;}
.mboard .tabs {margin-bottom: 18px;}
.mboard .tabs ul {display: flex;}
.mboard .tabs a {position: relative;box-sizing: border-box;margin-bottom: 4px;color: #202020;font-size: 1.556em;font-weight: 600;}
.mboard .tabs li:not(:last-child) a {padding-right: 22px;margin-right: 22px;}
.mboard .tabs li:not(:last-child) a:before {content: '';display: block;width: 4px;height: 4px;background: #aaa;border-radius: 50%;position: absolute;top:0;bottom: 0;right: 0;margin: auto;}
.mboard .tabs a:hover,
.mboard .tabs a:focus,
.mboard .tabs a.active {color: #404040;text-decoration: underline;text-underline-offset: 6px;}
.mboard .more-btn {display: block;width: 32px;height: 32px;box-sizing: border-box;border-radius: 10px;border: 1px solid #707070;color: #404040;font-size: .833em;position: absolute;top: 0;right: 0;/* margin: 45px 0; */transition: .35s;}
.mboard .more-btn:before,
.mboard .more-btn:after {content: '';display: block;width: 14px;height: 2px;background: #404040;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mboard .more-btn:after {transform: rotate(90deg);}
.mboard .more-btn:hover,
.mboard .more-btn:focus {background: #404040;color: #fff;}
.mboard .more-btn:hover:before,
.mboard .more-btn:focus:before,
.mboard .more-btn:hover:after,
.mboard .more-btn:focus:after {background: #fff;}
.mboard-swiper-slide .swiper-wrapper {height: 100%;flex-wrap: wrap;}
.mboard-swiper-slide .swiper-slide a {display: block;height: 100%;padding: 13px 22px;border-radius: 10px;border: 1px solid #b6e4f0;box-sizing: border-box;background: #fff;}
.mboard-swiper-slide .swiper-slide span {display: block;}
.mboard-swiper-slide .swiper-slide .cate {display: inline-block;margin-bottom: 8px;padding: 3px 14px;box-sizing: border-box;border-radius: 14px;background: #d0f1fc;color: #005d7c;font-size: .833em;}
.mboard-swiper-slide .swiper-slide .tit {min-height: 27px;margin-bottom: 6px;color: #202020;font-size: 1.056em;font-weight: 600;transition: .35s;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.mboard-swiper-slide .swiper-slide .txt {margin-bottom: 20px;color: #555;font-size: .833em;line-height: 1.4;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.mboard-swiper-slide .swiper-slide .date {color: #909090;font-size: .778em;}
.mboard-swiper-slide .swiper-slide a:hover .tit,
.mboard-swiper-slide .swiper-slide a:focus .tit {color: #005d7c;}
.mboard-swiper-ctrls {display: none;position: absolute;top: 0;right: 0;margin: 0 40px;}
.mboard-swiper-ctrls.abled {display: flex;}
.mboard-swiper-ctrls .data-nav {display: flex;}
.mboard-swiper-ctrls .data-nav button {width: 32px;height: 32px;border-radius: 50%;border: 1px solid #707070;box-sizing: border-box;background: transparent;position: relative;margin: 0 6px;}
.mboard-swiper-ctrls .data-nav button:before {content: '';display: block;border: 2px solid #404040;box-sizing: border-box;width: 9px;height: 9px;transform: rotate(45deg);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mboard-swiper-ctrls .data-nav .btn-prev:before {border-top-width: 0;border-right-width: 0;}
.mboard-swiper-ctrls .data-nav .btn-next:before {border-bottom-width: 0;border-left-width: 0;}
.mboard-swiper-slide .swiper-slide.no-data {display: flex;align-items: center;justify-content: center;width: 100% !important;text-align: center;min-height: 344px;}
/* mmap */
.mmap {flex: 0 0 43.15%;width: 100%;height: 404px;padding: 12px 30px;box-sizing: border-box;border-radius: 10px;background: #fff;position: relative;box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);}
.mmap .mcont {width: 100%;height: 325px;position: relative;}
.mmap .map {width: 364px;height: 325px;background: url(../images/main/mmap.png) no-repeat 50% 50%/cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mmap .map a {display: flex;justify-content: center;align-items: center;width: 52px;height: 22px;border-radius: 11px;box-sizing: border-box;background: rgba(255,255,255,.8);color: #8a8a8a;font-size: .778em;font-weight: 500;transition: .35s;position: absolute;}
.mmap .map a:hover,
.mmap .map a:focus {background: #038bb0;color: #fff;}
.mmap .map a.map_lo_01 {top: 26px;left: 46px;}
.mmap .map a.map_lo_02 {top: 85px;left: 0;}
.mmap .map a.map_lo_03 {top: 134px;left: 46px;}
.mmap .map a.map_lo_04 {top: 84px;left: 101px;}
.mmap .map a.map_lo_05 {top: 124px;left: 133px;}
.mmap .map a.map_lo_06 {top: 90px;left: 177px;}
.mmap .map a.map_lo_07 {top: 102px;left: 242px;}
.mmap .map a.map_lo_08 {top: 120px;left: 301px;}
.mmap .map a.map_lo_09 {top: 152px;left: 171px;}
.mmap .map a.map_lo_10 {top: 182px;left: 207px;}
.mmap .map a.map_lo_11 {top: 154px;left: 261px;}
.mmap .map a.map_lo_12 {top: 198px;left: 16px;}
.mmap .map a.map_lo_13 {top: 174px;left: 103px;}
.mmap .map a.map_lo_14 {top: 214px;left: 80px;}
.mmap .map a.map_lo_15 {top: 221px;left: 144px;}
.mmap .map a.map_lo_16 {top: 263px;left: 161px;}
.mmap .map a.map_lo_17 {top: 252px;left: 220px;}
.mmap .map a.map_lo_18 {top: 280px;left: 63px;}
.mmap .warning {padding-left: 20px;color: #9b9b9b;font-size: .778em;font-weight: 500;position: absolute;right: 0;bottom: 0;}
.mmap .warning:before {content: '';display: block;width: 17px;height: 17px;background: url(../images/main/main_spr.png) no-repeat -108px -80px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.mmap .call-btn {padding: 12px 20px 12px 43px;box-sizing: border-box;border: 0;border-radius: 21px 0 0 21px;background: #d9f8f5;color: #038bb0;font-size: .889em;font-weight: 500;position: absolute;top: 13px;right: 0;}
.mmap .call-btn:before {content: '';display: block;width: 18px;height: 18px;background: url(../images/main/main_spr.png) no-repeat -70px -80px;position: absolute;top: 0;bottom: 0;left: 14px;margin: auto;}
.mmap #call-popup {display: none;}
@media all and (max-width: 1399px) {
	.mmap .call-btn {padding: 12px 10px 12px 43px;}
}
@media all and (max-width: 1199px){
	.msec1 {height: 520px;}
	.msec1 .cinner {padding: 50px 0;}
	.mboard {flex: 0 0 48%;min-width: 48%;}
	.mboard-swiper-slide .swiper-slide .tit {-webkit-line-clamp: 1;}
	.mboard-swiper-ctrls {margin: 5px 40px;}
	.mmap {flex: 0 0 50%;height: 388px;}
}
@media (max-width: 1024px){
	.msec1 {height: auto;}
	.msec1 .cinner {flex-wrap: wrap;}
	.mboard {flex: 0 0 100%;min-width: 100%;margin-bottom: 20px;}
	.mboard .tabs {margin-bottom: 14px;}
	.mboard .more-btn {margin: 5px 0;}
	.mboard-swiper-slide .swiper-wrapper {flex-wrap: nowrap;}
	.mboard-swiper-slide .swiper-slide a {padding: 26px 20px;}
	.mboard-swiper-slide .swiper-slide .txt {min-height: 60px;}
	.mmap {flex: 0 0 100%;}
}
@media all and (max-width: 640px){
	.mboard .more-btn {width: 25px;height: 25px;border-radius: 4px;margin: 5px 0;}
	.mboard-swiper-slide .swiper-slide .txt {min-height: 75px;}
	.mboard-swiper-ctrls {margin: 5px 30px;}
	.mboard-swiper-ctrls .data-nav button {width: 25px;height: 25px;margin: 0 3px;}
	.mboard-swiper-ctrls .data-nav button:before {width: 7px;height: 7px;}
}
@media all and (max-width: 480px){
	.mboard .more-btn {margin: 0 0 5px;position: relative;margin-left: auto;}
	.mboard .more-btn:before,
	.mboard .more-btn:after {width: 10px;}
	.mboard .tabs {margin-bottom: 5px;}
	.mboard .tabs ul {flex-wrap: wrap;}
	.mboard .tabs li:not(:last-child) a {padding-right: 10px;margin-right: 10px;}
	.mboard .tab-content {position: relative;}
	.mboard-swiper-ctrls {margin: 0 30px;}
	.mmap {padding: 12px 10px;}
	.mmap .mcont {height: 315px;}
	.mmap .map {max-width: 272px;height: auto;background-size: contain;}
	.mmap .map a {width: 42px;}
	.mmap .map a.map_lo_01 {top: 60px;left: 32px;}
	.mmap .map a.map_lo_02 {top: 96px;left: 0;}
	.mmap .map a.map_lo_03 {top: 128px;left: 35px;}
	.mmap .map a.map_lo_04 {top: 94px;left: 71px;}
	.mmap .map a.map_lo_05 {top: 124px;left: 98px;}
	.mmap .map a.map_lo_06 {top: 100px;left: 127px;}
	.mmap .map a.map_lo_07 {top: 109px;left: 175px;}
	.mmap .map a.map_lo_08 {top: 125px;left: 225px;}
	.mmap .map a.map_lo_09 {top: 145px;left: 127px;}
	.mmap .map a.map_lo_10 {top: 172px;left: 147px;}
	.mmap .map a.map_lo_11 {top: 148px;left: 191px;}
	.mmap .map a.map_lo_12 {top: 178px;left: 4px;}
	.mmap .map a.map_lo_13 {top: 168px;left: 70px;}
	.mmap .map a.map_lo_14 {top: 195px;left: 60px;}
	.mmap .map a.map_lo_15 {top: 201px;left: 104px;}
	.mmap .map a.map_lo_16 {top: 228px;left: 112px;}
	.mmap .map a.map_lo_17 {top: 222px;left: 170px;}
	.mmap .map a.map_lo_18 {top: 240px;left: 42px;}
	.mmap .call-btn {top: 47px;}
}

/* ******************* *
* msec2
* ******************* */
.msec2 {margin-top: -90px;}
.mquick {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 180px;padding: 0 35px;border-radius: 10px;box-sizing: border-box;background: #fff;box-shadow: 0 10px 20px 0px rgba(0,0,0,.05);}
.mquick li {max-width: 138px;width: 12.5%;}
.mquick a {display: flex;flex-direction: column;justify-content: center;align-items: center;color: #333;font-weight: 500;text-align: center;line-height: 1.25;transition: .35s;position: relative;}
.mquick a:before {content: '';display: block;width: 73px;height: 70px;margin-bottom: 8px;background: url(../images/main/main_spr.png) no-repeat 0 0;}
.mquick li a.ico2:before {background-position-x: -83px;}
.mquick li a.ico3:before {background-position-x: -166px;}
.mquick li a.ico4:before {background-position-x: -249px;}
.mquick li a.ico5:before {background-position-x: -332px;}
.mquick li a.ico6:before {background-position-x: -415px;}
.mquick li a.ico7:before {background-position-x: -498px;}
.mquick li a.ico8:before {background-position-x: -581px;}
.mquick li a:hover,
.mquick li a:focus {color: #129ecd;text-decoration: underline;text-underline-offset: 4px;}
@media all and (max-width: 1399px){
}
@media all and (max-width: 1199px){
	.msec2 {margin-top: -50px;}
	.mquick li {max-width: 110px;}
}
@media all and (max-width: 1024px){
	.msec2 {margin-top: 40px;}
	.mquick {flex-wrap: wrap;height: auto;padding: 0;margin: -8px 0;box-shadow: none;}
	.mquick li {max-width: 200px;width: 25%;margin: 8px 0;padding: 0;}
}
@media all and (max-width: 768px){
	.msec2 {margin-top: 30px;}
	.mquick li {max-width: 150px;}
}
@media all and (max-width: 640px){
	.mquick a:before {width: 60px;height: 51px;background-size: 533px;}
	.mquick li {max-width: 124px;}
	.mquick li a.ico2:before {background-position-x: -67px;}
	.mquick li a.ico3:before {background-position-x: -135px;}
	.mquick li a.ico4:before {background-position-x: -201px;}
	.mquick li a.ico5:before {background-position-x: -270px;}
	.mquick li a.ico6:before {background-position-x: -337px;}
	.mquick li a.ico7:before {background-position-x: -406px;}
	.mquick li a.ico8:before {background-position-x: -473px;}
}
@media all and (max-width: 480px){
	.mquick li {width: 50%;max-width: 50%;}
}

/* ******************* *
* msec3
* ******************* */
.msec3 .cinner {display: flex;justify-content: space-between;}
.msec3 .title {margin-bottom: 12px;color: #202020;font-size: 1.778em;font-weight: 600;}
/* mvideo */
.mvideo {flex: /*0 0 34.85%*/ 1;position: relative;}
.mvideo .mtit {width: 250px;position: relative;margin: 65px 102px 0 0;color: #191919;}
/*.mvideo .more-btn {padding: 3px 30px 3px 12px;border-radius: 10px;border: 1px solid #cd1212;box-sizing: border-box;color: #cd1212;font-size: .889em;font-weight: 500;position: absolute;top: 10px;right: 0;transition: .35s;}
.mvideo .more-btn:after {content: '';display: block;width: 11px;height: 11px;background: url(../images/main/main_spr.png) no-repeat -134px -80px;position: absolute;top: -1px;bottom: 0;right: 11px;margin: auto;transition: .35s;}
.mvideo .more-btn:hover,
.mvideo .more-btn:focus {background: #cd1212;color: #fff;}
.mvideo .more-btn:hover:after,
.mvideo .more-btn:focus:after {background-position-y: -101px;}
.mvideo .mcont {max-width: 951px;width: 100%;}*/
.mvideo .mcont a {display: block;}
.mvideo .mcont .img {display: block;padding-top: 77.93%;border-radius: 10px;overflow: hidden;background: #eee url(/resources/openworks4/image/common/logo_g.png) no-repeat center;position: relative;}
.mvideo .mcont .img:before,
.mvideo .mcont .img:after {content: '';display: block;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;}
.mvideo .mcont .img:before {width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.mvideo .mcont .img:after {width: 70px;height: 70px;background: url(../images/main/main_spr.png) no-repeat 0 -80px;}
.mvideo .mcont .img:hover:before,
.mvideo .mcont .img:hover:after,
.mvideo .mcont .img:focus:before,
.mvideo .mcont .img:focus:after {display: none;}
.mvideo .mcont .img img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.mvideo .no-data {width: 100%;height: 100%;padding: 153px 0;box-sizing: border-box;border-radius: 10px;background: #eee url(/resources/openworks4/image/common/logo_g.png) no-repeat center;}
/* mnews */
.mnews {/*flex: 0 0 62.85%;width: 62.85%;*/flex:0 1;width:66.65%;position: relative;}
.mnews .more-btn {display: block;width: 32px;height: 32px;border-radius: 10px;border: 1px solid #707070;box-sizing: border-box;position: absolute;top: 0;right: 0;margin: 10px 0;transition: .35s;}
.mnews .more-btn:before,
.mnews .more-btn:after {content: '';display: block;width: 14px;height: 2px;background: #404040;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mnews .more-btn:after {transform: rotate(90deg);}
.mnews .more-btn:hover,
.mnews .more-btn:focus {background: #707070;}
.mnews .more-btn:hover:before,
.mnews .more-btn:focus:before,
.mnews .more-btn:hover:after,
.mnews .more-btn:focus:after {background: #fff;}
.mnews-swiper-slide a {display: block;padding: 19px 17px;border-radius: 10px;border: 1px solid #dadada;box-sizing: border-box;}
.mnews-swiper-slide .img {display: block;padding-top: 77.93%;position: relative;background: #eee url(/resources/openworks4/image/common/logo_g.png) no-repeat center center;}
.mnews-swiper-slide .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mnews-swiper-slide span {display: block;}
.mnews-swiper-slide .cont {margin-top: 18px;}
.mnews-swiper-slide .cont .tit {color: #333;font-size: 1.056em;font-weight: 500;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.mnews-swiper-slide .cont .date {margin-top: 27px;color: #9b9b9b;font-size: .778em;}
.mnews-swiper-ctrls {display: block;position: absolute;top: 0;right: 0;margin: 14px 37px;}
.mnews-swiper-ctrls .data-nav, .mvideo-swiper-ctrls .data-auto {display: flex;}
.mnews-swiper-ctrls .data-nav button {background: #fff;border: 1px solid #404040;border-radius: 50%;box-sizing: border-box;width: 32px;height: 32px;position: relative;margin: -3px 6px;}
.mnews-swiper-ctrls .data-nav button:before {content: '';display: block;border: 2px solid #404040;box-sizing: border-box;width: 6px;height: 6px;transform: rotate(45deg);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mnews-swiper-ctrls .data-nav .btn-prev:before {border-top-width: 0;border-right-width: 0;}
.mnews-swiper-ctrls .data-nav .btn-next:before {border-bottom-width: 0;border-left-width: 0;}
.mnews-swiper-slide .swiper-slide.no-data {display: flex;align-items: center;justify-content: center;width: 100% !important;text-align: center;min-height: 335px;}
@media all and (max-width: 1024px){
	.msec3 .cinner {flex-wrap: wrap;}
	.mvideo {order: 2;flex: 0 0 100%;}
	.mnews {order: 1;flex: 0 0 100%;margin-bottom: 40px;}
}
@media all and (max-width: 768px){
	.mnews {margin-bottom: 30px;}
	.mnews .more-btn {width: 25px;height: 25px;border-radius: 5px;}
	.mnews .more-btn:before, 
	.mnews .more-btn:after {width: 10px;}
	.mnews-swiper-ctrls {margin: 10px 30px;}
}
@media all and (max-width: 480px){
	.mvideo .mcont .img:after {width: 54px;height: 54px;background-size: 446px;background-position-y: -49px;}
}

/*2025*/
.mquick li a.ico1:before {background: url(../images/main/icon_01.png) no-repeat 0 0;background-position-x:unset;}
.mquick li a.ico2:before {background: url(../images/main/icon_02.png) no-repeat 0 0;background-position-x:unset;}
.mquick li a.ico3:before {background: url(../images/main/icon_03.png) no-repeat 0 0;background-position-x:unset;}
.mquick li a.ico4:before {background: url(../images/main/icon_04.png) no-repeat 0 0;background-position-x:unset;}
.mquick li a.ico5:before {background: url(../images/main/icon_05.png) no-repeat 0 0;background-position-x:unset;}
.mquick li a.ico6:before {background: url(../images/main/icon_06.png) no-repeat 0 0;background-position-x:unset;}

.helpschool-banner {width: 708px;height: 404px;box-shadow: 0 20px 15px rgba(0, 0, 0, 0.15);}
.helpschool-banner img {width: 100%;height: 100%;border-radius: 10px;display: block;}

.digital-classroom{position:fixed;top:216px;right:calc((100vw - 1200px)/ 2 - 345px);background:#fff;border-radius:10px;border:1px solid #d1d5db;max-width:160px;width:100%;overflow:hidden;z-index:1}
.class-header{background:#fff;color:#000;padding:10px 20px;text-align:center}
.class-header .tit{font-size:18px;font-weight:400;line-height:24px;margin:0}
.elementary-digital-teacher {color: #000;font-size: 16px;font-weight: 500;text-align: center;padding: 13px 0;}
.secondary-digital-teacher {color: #000;font-size: 16px;font-weight: 500;text-align: center;padding: 13px 0;}
.elementary-digital-teacher a, .secondary-digital-teacher a {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.elementary-digital-teacher a:hover, .secondary-digital-teacher a:hover {font-weight: 800;}

.mnews-swiper-slide .cont .tit {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mnews-swiper-ctrls .data-auto button {background: #fff;border: 1px solid #404040;border-radius: 50%;box-sizing: border-box;width: 32px;height: 32px;position: relative;margin: -3px 6px;}
.mnews-swiper-ctrls .data-auto button:before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mnews-swiper-ctrls .data-auto button:before {border-style: solid;border-color: transparent #575757;}
.mnews-swiper-ctrls .data-auto .btn-stop:before {border-width: 0 2px;box-sizing: border-box;width: 6px;height: 8px}
.mnews-swiper-ctrls .data-auto .btn-play {display: none;}
.mnews-swiper-ctrls .data-auto .btn-play:before {border-width: 4px 0 4px 7px;width: 0;height: 0;}

.mvideo {margin-right:21px;}
.mvideo .more-btn {display: block;width: 32px;height: 32px;border-radius: 10px;border: 1px solid #707070;box-sizing: border-box;position: absolute;top: 0;right: 0;margin: 10px 0;transition: .35s;}
.mvideo .more-btn:before,
.mvideo .more-btn:after {content: '';display: block;width: 14px;height: 2px;background: #404040;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mvideo .more-btn:after {transform: rotate(90deg);}
.mvideo .more-btn:hover,
.mvideo .more-btn:focus {background: #707070;}
.mvideo .more-btn:hover:before,
.mvideo .more-btn:focus:before,
.mvideo .more-btn:hover:after,
.mvideo .more-btn:focus:after {background: #fff;}
.mvideo .mcont {max-width: 423px;width: 100%;}
.mvideo-swiper-ctrls {display: block;position: absolute;top: 0;right: 0;margin: 14px 37px;}
.mvideo-swiper-ctrls .data-nav, .mvideo-swiper-ctrls .data-auto {display: flex;}
.mvideo-swiper-ctrls .data-nav button {background: #fff;border: 1px solid #404040;border-radius: 50%;box-sizing: border-box;width: 32px;height: 32px;position: relative;margin: -3px 6px;}
.mvideo-swiper-ctrls .data-nav button:before {content: '';display: block;border: 2px solid #404040;box-sizing: border-box;width: 6px;height: 6px;transform: rotate(45deg);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mvideo-swiper-ctrls .data-nav .btn-prev:before {border-top-width: 0;border-right-width: 0;}
.mvideo-swiper-ctrls .data-nav .btn-next:before {border-bottom-width: 0;border-left-width: 0;}
.mvideo-swiper-ctrls .data-auto button {background: #fff;border: 1px solid #404040;border-radius: 50%;box-sizing: border-box;width: 32px;height: 32px;position: relative;margin: -3px 6px;}
.mvideo-swiper-ctrls .data-auto button:before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.mvideo-swiper-ctrls .data-auto button:before {border-style: solid;border-color: transparent #575757;}
.mvideo-swiper-ctrls .data-auto .btn-stop:before {border-width: 0 2px;box-sizing: border-box;width: 6px;height: 8px}
.mvideo-swiper-ctrls .data-auto .btn-play {display: none;}
.mvideo-swiper-ctrls .data-auto .btn-play:before {border-width: 4px 0 4px 7px;width: 0;height: 0;}
.mvideo-swiper-slide .swiper-slide.no-data {display: flex;align-items: center;justify-content: center;width: 100% !important;text-align: center;min-height: 335px;}
.mvideo-swiper-slide a {display: block;padding: 19px 17px;border-radius: 10px;border: 1px solid #dadada;box-sizing: border-box;}
.mvideo-swiper-slide a iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.mvideo-swiper-slide .img {display: block;padding-top: 77.93%;position: relative;background: #eee url(/resources/openworks4/image/common/logo_g.png) no-repeat center center;}
.mvideo-swiper-slide .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mvideo-swiper-slide span {display: block;}
.mvideo-swiper-slide .cont {margin-top: 18px;}
.mvideo-swiper-slide .cont .tit {color: #333;font-size: 1.056em;font-weight: 500;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.mvideo-swiper-slide .cont .tit {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mvideo-swiper-slide .cont .date {margin-top: 27px;color: #9b9b9b;font-size: .778em;}

@media all and (max-width: 768px){
    .mnews-swiper-ctrls .data-nav button, .mnews-swiper-ctrls .data-auto button{width: 25px;height: 25px;margin: 0px 4px;}
    /*2025*/
    .mvideo {margin-bottom: 30px; width: 100%;}
    .mvideo .more-btn {width: 25px;height: 25px;border-radius: 5px;}
    .mvideo .more-btn:before, 
    .mvideo .more-btn:after {width: 10px;}
    .mvideo-swiper-ctrls {margin: 10px 30px;}
    .mvideo-swiper-ctrls .data-nav button, .mvideo-swiper-ctrls .data-auto button{width: 25px;height: 25px;margin: 0px 4px;}
}
/*end 2025*/