/* font icon */
@font-face {
    font-family: 'iconfont';
    src: url('./fonts/iconfont.eot');
    src: url('./fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('./fonts/iconfont.woff') format('woff'),
    url('./fonts/iconfont.ttf') format('truetype'),
    url('./fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color:#333;
    vertical-align:-2px;
}

.wrap{ width:100%; min-width:1200px;}
.area{ width:1200px; margin:0 auto}
.wrap-grey{  background: #e9e9e9;}

@media screen and (max-width: 1044px) and (min-width: 767px){
    /*
    .wrap{ width:100%; min-width:1024px; }
    .area{ width:auto; margin:0 auto; padding: 0 10px; box-sizing: border-box;}
    .area img.wimg{ max-width: 100%;}
    */
}
@media screen and (max-width: 750px){
    .wrap{ width:100%; min-width:100%; }
    .area{ width:auto; margin:0 auto;padding:10px; box-sizing:border-box;}
    .pad0{ padding:0}
    .area img.wimg{ max-width: 100%;}
}


/* 鍙充晶缃《 */
.gotoTop{ position:fixed; bottom:96px; right:0; z-index:999; box-shadow:0 0 15px rgba(7,17,27,.2);}
.gotoTop a{ position: relative; display:block; width:58px; height:48px; line-height:48px; font-size: 12px; background: #fff; text-align:center; text-decoration:none; border-bottom:1px solid #ddd;}
.gotoTop a.logo{ padding: 0; background: #bb272d;}
.gotoTop a.logo>img{ width: 36px; margin-top: -3px;}

.gotoTop p{ width: 35px; line-height: 1.4; padding: 8px 0 0 6px;}
.gotoTop a:hover{ color:#fff; background: #bb272d; text-decoration: none}
.gotoTop a.show-live>img{ display: none; position: absolute; top: 0; right: 58px; width: 220px; height: 220px; border: 1px solid #ddd;}
.gotoTop a.show-live:hover img{ display: block}

@media screen and (max-width: 750px){
    .gotoTop a{ width:52px; height:42px; line-height:42px; font-size: 10px;}
}

/* 缃《 */
.scrollToTop{ width:44px; height:44px; line-height:44px; text-align:center; display:block; background:#b5211a; color:#fff; position:fixed; right:20px; bottom:20px;}
.scrollToTop:hover{ background:#981812;}

/* 404 */
.code404{ padding-top:50px; text-align: center}
.code404 i.iconfont{ color: #ddd; font-size: 150px;}
.code404 p{word-wrap:break-word; padding-top: 30px; font-size: 15px; color: #666;}
.code404 a.home{ color: #b5211a;}
@media screen and (max-width: 750px){
    .code404{ padding-top: 0;}
}

/* pages */
.pages {  margin: 50px 0 50px auto;  overflow: hidden;  clear: both;  text-align: center;  font:14px/1.5 "PingFang SC",Helvetica,"Helvetica Neue","寰蒋闆呴粦";  }
.pages a {  color: #4d555d;  text-decoration: none;  -webkit-transition: border-color .2s;  -moz-transition: border-color .2s;  transition: border-color .2s;  }
.pages a:hover{ background: #eee;}
.pages a, .pages span{  padding: 0 12px; border: 1px solid #ddd;  border-radius: 3px;  margin: 0 4px; line-height: 32px;  display: inline-block;  text-align: center;  }
.pages span{ color: #c8cdd2;}
.pages a.page-num:hover { color: #4d555d;  text-decoration: none  }
.pages a.active {background: #bb272d;color: #fff; border-color: #bb272d; }
.pages a.active:hover{ text-decoration:none;}
.pages .remark{ color: #4d555d}
.pages .remark b{ margin: 0 2px;}

.pages span{ border:1px solid #ddd;}
.pages a, .pages span{ margin:0 0 0 -1px; border-radius:0}
.pages span:first-child,.pages a:first-child{ border-radius:4px 0 0 4px}
.pages span:last-child,.pages a:last-child{border-radius:0 4px 4px 0}
@media screen and (max-width: 750px){
    .pages .remark{ display: none;}
}

/* 鐧惧害鍒嗕韩 */
.share .bdsharebuttonbox a{width: 40px; height: 40px; padding: 0; margin: 0; position: absolute; top:0;left: 0; z-index: 3000; background: rgba(0,0,0,0); text-decoration: none;}
.share .bd-item{ float: left; width: 40px; height: 40px; margin-right: 8px; position: relative;}
.share .bd-item i.iconfont{ font-size: 24px; padding: 6px; display:inline-block; line-height: 1; color: #888; border: 1px solid #888; border-radius: 50%}
.share .bd-green i.iconfont{ color: #00bd17;border: 1px solid #00bd17;  color: #666; border-color: #666}
.share .bd-green:hover i.iconfont{ color: #fff; background: #00bd17;border-color: #00bd17}
.share .bd-red i.iconfont{ color: #e2513f; border: 1px solid #e2513f; color: #666; border-color: #666}
.share .bd-red:hover i.iconfont{ color: #fff; background: #e2513f;border-color: #e2513f}
.share .bd-blue i.iconfont{ color: #4cafeb; border: 1px solid #4cafeb; color: #666; border-color: #666}
.share .bd-blue:hover i.iconfont{ color: #fff; background: #4cafeb; border-color: #4cafeb}

/******************
  dropDown 涓嬫媺妗 def: right
 ******************/
.dropDown{position:relative; display:inline-block; cursor:pointer;}
.dropDown-menu{ display:none; min-width:120px;position:absolute;z-index:1000;top: 100%;right:-1px;padding:5px 0;background-color:#fff;border:1px solid #cdcdcd; box-shadow:0 1px 2px rgba(0,0,0,0.1); border-radius:3px; box-shadow:0 6px 12px rgba(0,0,0,.175); background-clip:padding-box;}
.dropDown-menu.pull-center{ left:50%;}
.dropDown-menu.pull-top{ bottom:100%; top:inherit;}
.dropDown-menu.pull-left{left:0;right:inherit;}
.dropDown.open .dropDown-menu{ display:block;}
/*------- 涓婇潰涓夎 -------*/
.dropDown-menu>li.triangle{ position:absolute; top:-10px; left:50%; margin-left: -10px; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid  #cdcdcd;width: 0; height:0; overflow:hidden;}
.dropDown-menu>li.triangle-left{ left:15px;}

.btn-red{padding: 2px 10px; background: #e60020; color: #fff; cursor: pointer;}
.btn-red:hover{ color: #fff; background: #f5203d}
.news-list li::after{content:"."; display:block; height:0; clear:both; visibility:hidden;}

.marquee {
    width: 100%;
    overflow: hidden;
    background: rgb(245 225 182);
    color: #f72717;
}

/* header */
.wrap-top-header{ height:24px; background: #e60020; overflow: hidden; }
.wrap-top-header .sloga{ height: 24px;}
.wrap-top-header .menu>li{ float: left;margin: 0 6px; color: #fff;}
.wrap-top-header .menu>li a{ color: #fff; font-size: 12px;}

.header-container{ position: relative;}
.wrap-header{ position: absolute; z-index: 100;}
.wrap-header .wrap-header-bg{ width: 100%;}
.wrap-header:hover .wrap-header-bg{ background: rgba(42,3,3,8); transition:all 0.2s ease-in}
.wrap-header img.logo{ height: 35px; margin-right: 15px;}
.wrap-header img.red-logo{ display: none;}

.wap-header{ display: none; padding: 10px;}
.wap-header .wap-nav-more{float: left; cursor: pointer;}
.wap-header .wap-nav-more>i{ font-size: 34px; line-height: 1.1; color: #d74043;}
.wap-header .logo{ float: right;}

.wrap-header .main-header{ }
.wrap-header .main-header li{ float: left;  margin: 0 16px; color: #fff;}
.wrap-header .main-header li a{ height: 92px; line-height: 92px; color: #fff; font-size: 16px; font-weight: bold; display: block;}
.wrap-header .main-header li a:hover{ text-decoration: none;}
.wrap-header .main-header li.bt-line.active a:after
/*,.wrap-header:hover .main-header li.bt-line a.action:after*/
{ content: '';  border-bottom: 4px solid #e60020; margin-top: -4px; display: block;}
.wrap-header .search{ width:150px; position: relative; top: 28px;}
.wrap-header .search input{ font-size: 14px;height: 30px; color: #fff; border-radius: 14px; padding: 2px 36px 2px 12px;line-height: 1.42857143; background:none;box-sizing:border-box;border:solid 1px #fff;width:100%;word-break:break-all;}
.wrap-header .search .submit{ width: 30px; height: 30px; background: none; cursor: pointer;border: none; position: absolute; top: 0; right: 0;}
.wrap-header .search .submit i{ font-size: 16px; color: #fff;}
.wrap-header .search .submit:hover i{ color: #fff;}
.wrap-header .mobile{ position: absolute; right: 150px; top:-30px;}

/* red theme */
.theme-red .wrap-header img.logo{ display: none;}
.theme-red .wrap-header img.logo.red-logo{ display: inline-block;}
.theme-red .wrap-header .main-header li{ color: #e60020;}
.theme-red .wrap-header .main-header li a{ color: #e60020;}
.theme-red .wrap-header .search input{color: #333; border-color: #e60020;}
.theme-red .wrap-header .search .submit i{ color: #e60020;}
.theme-red .wrap-header .search .submit:hover i{ color: #e6170c;}

.theme-red .wrap-header:hover img.logo{ display: none;}
.theme-red .wrap-header:hover img.white-logo{display: inline-block;}
.theme-red .wrap-header:hover .main-header li{ color: #fff;}
.theme-red .wrap-header:hover .main-header li a{ color: #fff;}
.theme-red .wrap-header:hover .search input{color: #fff; border-color: #fff;}
.theme-red .wrap-header:hover .search .submit i{ color: #fff;}
.theme-red .wrap-header:hover .search .submit:hover i{ color: #fff;}

.sub-header{ background: rgba(237,197,197, .95);}
.sub-header>ul{ width: 1200px; margin: 0 auto}
.sub-header>ul li{ display: none;}
.sub-header>ul dl{ padding: 40px 0;}
.sub-header .style-line{text-align: center;}
.sub-header .style-line dd{ width: 150px; display: inline-block;}
.sub-header .style-line img{ width: 42px;}
.sub-header .style-line img.hover{ display: none}
.sub-header .style-line a:hover img{ display: none;}
.sub-header .style-line a:hover img.hover{ display: inline-block;}
.sub-header .style-line h3{ font-size: 16px; margin-top: 4px;}
.sub-header .style-edu{}
.sub-header .style-edu dd{ float: left; width: 50%; text-align: left; margin-bottom: 45px;}
.sub-header .style-edu dd .img{ float: left; width: 236px; height: 146px; margin-right: 30px;}
.sub-header .style-edu dd .info{ float: left; width: 225px; }
.sub-header .style-edu dd .info p{ line-height: 1.8; margin-top: 10px;}
.sub-header>ul li.active{ display: block;}

.wrap-subnav{ position: relative; z-index: 100; display: none;}
.wrap-subnav .area{position: relative;}
.wrap-subnav .nav{ position: absolute; top: -50px; left: 45px; width: 1110px; background: #fff; box-shadow: 0 -6px 24px #ddd;}
.wrap-subnav .nav ul>li{float: left;padding: 0 30px;}
.wrap-subnav .nav ul.fr>li{padding: 0 20px;}
.wrap-subnav .nav ul.edut-center{ float: right;width: 255px; background: url("../img/2021/header-right-triangle-bg.jpg") no-repeat right #fff;}
.wrap-subnav .nav ul.edut-center>li { float: right;}
.wrap-subnav .nav ul.edut-center a{ float: none; color: #fff;}
.wrap-subnav .nav ul.edut-center a:hover { color: #fff; text-decoration: underline;}
.wrap-subnav .nav ul.edut-center i{ font-size: 36px; vertical-align: -7px; color: #fff; margin-right: 10px;}
.wrap-subnav .nav ul>li a{ float: left; font-size: 16px; font-weight: 600;  color: #565352; line-height:72px; position: relative;}
.wrap-subnav .nav ul>li a:hover{ text-decoration: none; color: #d74043;}
.wrap-subnav .nav ul>li a.action{ color: #d74043; position: relative;}
.wrap-subnav .nav ul>li.mobile-show{ display: none;}

.wrap-subnav .wap-logo{ display: none; width: 100%; padding-top:10px; text-align: center;}
.wrap-subnav .wap-logo>p{ margin-top: 10px;}
.wrap-subnav .wap-logo>img{ width: 60px;}

.wrap-subnav .area{
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}


@media screen and (max-width: 1044px) and (min-width: 767px){
}
@media screen and (max-width: 750px){
    .wrap-subnav,.wrap-top-header{ display: none;}
    .wrap-subnav.open .area { animation-name: fadeInLeft;}
    .wap-header{ display: block;}
    .wrap-header{ display: none;}

    /* subnav */
    .wrap-subnav{ position: fixed; top:0; right: 0; bottom: 0; left:0; z-index: 99920; height: auto; background: rgba(0,0,0,.4);}
    .wrap-subnav .area{ background: #fff; width: 210px; height: 100%; padding: 0; margin: 0; position: relative;}
    .wrap-subnav .fr{ margin-top: 40px; border-top: 1px solid #eee; padding-top: 10px;}
    .wrap-subnav .nav{ padding-top: 20px; overflow: auto; height: calc(100% - 110px); position: initial; box-shadow: none; width: auto;}
    .wrap-subnav .nav ul>li{ float: none;}
    .wrap-subnav .nav ul>li a{ width: 100%; line-height: 40px; font-weight: 400; text-align: center;}
    .wrap-subnav .nav ul>li a.action{ border-bottom-color: #fff;}
    .wrap-subnav .nav ul>li.mobile-show{ display: block;}
    .wrap-subnav .nav ul.edut-center{ width: 100%; margin-top: 50px;}
    .wrap-subnav .nav .fr{ float:none;}
    .wrap-subnav .nav .fl{ float:none;}

    .wrap-subnav .wap-logo{ display:block;}
}

/* footer */
.wrap-footer{ background: #282d36; padding:60px 0; color: #aaa;}
.wrap-footer a{ color: #aaa; }
.wrap-footer .dropDown .qr_code{ width:80px; float: left;}
.wrap-footer .dropDown .dropDown-menu{ width: 220px; padding: 15px; margin-top: 5px; border-radius: 6px;}
.wrap-footer .dropDown-menu>li.triangle{ border-bottom-color: #fff;}
.wrap-footer .dropDown-menu.pull-center{ left:50%; margin-left: -140px;}
.wrap-footer .share-dropDown { width: 130px; float: left; padding-left:10px; line-height: 1.3;}
.wrap-footer .share-dropDown .share_title{ padding-bottom:2px;  border-bottom: 1px solid #333; text-align: left;}
.wrap-footer .share-dropDown .share_title>i{ color: #333; font-size: 20px;}
.wrap-footer .share-dropDown .share_title>span{  margin-left: 5px; font-size: 15px; color: #333;}
.wrap-footer .share-dropDown p{ margin-top:4px; letter-spacing: 2px;}

.wrap-footer .share-list{ margin-top: 44px;}
.wrap-footer .share-list>li{ float: left;}
.wrap-footer .share-list a{ display: inline-block; width: 60px; height: 40px; line-height: 40px; text-decoration: none; text-align: center; border-radius: 4px; margin-right: 15px;}
.wrap-footer .share-list a>img{ width: 42px; height: 42px;}
.wrap-footer .share-list .grey-icon.iconfont{ color:#fff; font-size: 24px;}
.wrap-footer .fl{ width: 270px;}
.wrap-footer .fl img.logo{ width: 270px;}
.wrap-footer .fl .copy-right{ margin-top: 26px;}
.wrap-footer .fl .tel-400{ font-size: 16px; color: #d74043; font-weight: 600;}


.wrap-footer .qrcode-box { float: left; margin-left: 70px; width: 130px; text-align: center;}
.wrap-footer .qrcode-box>img { width: 130px}
.wrap-footer .qrcode-box>p { margin-top: 4px;}
.wrap-footer .qrcode-box .telephone {width: 260px; position: relative; top: 10px; text-align: left}
.wrap-footer .qrcode-box .telephone>img { width: 26px;}
.wrap-footer .qrcode-box .telephone>a { position: absolute; top:-14px; left: 30px; text-decoration: none; font-size: 34px; margin-left: 4px}
.wrap-footer .qrcode-box .telephone>a:hover {text-decoration: none}

.wrap-footer .fr{ width: 860px; padding-top: 100px;}
.wrap-footer .fr>dl{ float:left; width: 150px;}
.wrap-footer .fr>dl:first-child{ width: 180px;}
.wrap-footer .fr>dl>dt{ font-size: 18px; padding-bottom: 10px; font-weight: 600}
.wrap-footer .fr>dl>dt a{ color: #ddd;}
.wrap-footer .fr>dl>dd{ padding-bottom: 6px;}
.wrap-footer .fr>dl>dd .action{ color: #d74043;}
.wrap-footer .fr>dl.school-logo{ width:230px }
.wrap-footer .fr>dl.school-logo>dd{ padding-bottom: 10px;}
.wrap-footer .fr>dl.school-logo img{ height: 34px;}

@media screen and (max-width: 1044px) and (min-width: 769px){

}
@media screen and (max-width: 750px){
    .wrap-footer{ padding: 0 0 50px 0;}
    .wrap-footer .fl{ width: 100%;}
    .wrap-footer .fl img.logo{ display: none;}
    .wrap-footer .share-list>li{ width: 33%; text-align: center;}
    .wrap-footer .share-list a{margin-right: 0;}
    .wrap-footer .fl .copy-right{ text-align: center; margin-top: 20px;}

    .wrap-footer .qrcode-box { width: 100%; margin:20px 0 0 0;}
    .wrap-footer .qrcode-box .telephone { left: 60px}

    .wrap-footer .fr{ display: none; width: 100%; margin-top: 20px;}
    .wrap-footer .fr>dl{ width: 50%; margin-top: 10px; text-align: center}
    .wrap-footer .fr>dl.school-logo{ width: 100%;}

    .wrap-footer .dropDown-menu.pull-center{ margin-left: -125px;}
}

/* wrap-nav */
.wrap-nav{ margin-top: 20px;}
.wrap-nav h2{ padding:20px 0; font-weight: 600; border-bottom: 1px solid #ccc;}
.wrap-nav h2 p{height: 20px;line-height: 20px; font-size: 20px; border-left: 3px solid #e60021; padding-left: 20px;}
.wrap-nav ul{ padding: 15px 0; }
.wrap-nav ul li{ float: left; cursor: pointer;}
.wrap-nav ul li h3{ margin: 0 40px 20px 40px; text-align: center; font-weight: 600; font-size:18px; }
.wrap-nav ul li h3.active{ color:#e60021;}
.wrap-nav ul li:nth-child(1) h3{ margin-left: 22px;}
.wrap-nav ul li h4{ float: left; margin-right: 25px; text-align: center; font-size:15px; }
.wrap-nav ul.nav-main{ border-bottom: 1px solid #ddd;}
.wrap-nav ul.nav-main li.action h3{ color: #e60021;}
.wrap-nav ul.nav-main li:nth-child(1) h3{ margin-left: 0;}
.wrap-nav ul.nav-sub{ height: 40px;}
.wrap-nav ul.nav-sub li{ display: none;}
.wrap-nav ul.nav-sub li.action{ display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: opacity;}
.wrap-nav ul.nav-sub li a.active h4{ color: #e60021;}

.wrap-live{ background: #f2f2f2; padding: 150px 0 100px 0;}
.wrap-live .area>.fl { width: 240px; height: 500px; background: #fff; border-radius: 10px; text-align: center;}
.wrap-live .area>.fl .head{ color: #f76f6f; font-size: 16px; font-weight: 600; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #f76f6f;}
.wrap-live .area>.fl img.wx{ width: 180px; height: 180px; margin-top: 25px;}
.wrap-live .area>.fl p{ margin-top: 8px;}
.wrap-live .area>.fl .live-more{ font-size: 24px; margin-top: 50px;}
.wrap-live .area>.fr { float: left}
.wrap-live .area>.fr img{ float: left; width: 280px; margin-left: 40px}
@media screen and (max-width: 750px) {
    .wrap-live{ padding: 20px 0;}
    .wrap-live .area>.fl{ width: 100%;}
    .wrap-live .area>.fr { text-align: center;}
    .wrap-live .area>.fr img{ float: initial; margin: 50px 0 0 0;}
}

/* common tab */
.ttab{ text-align: center;}
.ttab h3{ font-size: 40px; position: relative; font-weight: 600; letter-spacing: 6px;}
.ttab h3>span{ color: #e60021;}
.ttab img.arrow{ width: 58px; margin-top: 10px;}
/*.ttab h3::after{ content: ''; position: absolute; left: 50%; bottom: -5px; width: 36px; height: 2px; margin-left: -18px; background:#555; overflow: hidden;}*/
.ttab.left{ text-align: left;}
.ttab.left h3::after{left: 0; margin: 0;}
.ttab.right{ text-align: right;}
.ttab.right h3::after{right: 0; left: inherit; margin: 0;}

@media screen and (max-width: 1044px) and (min-width: 767px){
}
@media screen and (max-width: 750px){
    .ttab h3{ font-size: 26px;}
    .ttab.left,.ttab.right{ text-align: center;}
    .ttab.left h3::after{ left:50%; margin-left: -18px;}
    .ttab.right h3::after{ left:50%; margin-left: -18px;}
}

/* mod left right ui */
.mod-0-1>.fl,.mod-1-0>.fr{ width: 300px;}
.mod-0-1>.fr,.mod-1-0>.fl{ width: 900px;}
.mod{ margin-top: 70px;}
.mod .mod-bg{ background: #e9e9e9; padding: 22px;  position: relative;}
.mod .fl .mod-bg{margin-right: 22px;}
.mod .mod-bg>h4{ font-size: 22px;}
.mod .mod-bg>p{ padding-top: 20px; line-height: 2; color: #666;text-align: justify}
.mod .mod-bg>.more{position: absolute; left: 20px; bottom: 20px; z-index: 1}
.mod .mod-p{ padding-top: 40px;}
.mod .fl .mod-p{ padding-right: 50px; text-align: justify}
.mod .fr .mod-p{ padding-left: 50px; text-align: justify}
.mod .mod-p>p{ line-height: 2.4;}
.mod .mod-p-r>p{ text-align: right}
.mod .mod-p>h5{ font-size: 16px;padding-top: 20px;}

/* mod platform */
.wrap-platform { font-weight: 600; margin-bottom: 12px;}
.wrap-platform .area{ position: relative;}
.wrap-platform .ttab{ padding-bottom: 70px;}
.wrap-platform .download-box{ width: 350px; display: block; position: absolute; left: 140px;  bottom: 124px;}
.wrap-platform .download-btn{ display: block; width: 260px; height: 60px; line-height: 64px; margin-bottom: 60px; transition:none; margin-top:60px; border-radius: 70px; font-size: 24px; background: linear-gradient(to bottom,#e5001f,#e5001f); color: #fff; text-align: center;}
.wrap-platform .download-btn:hover{ background: linear-gradient(to bottom,#D74043,#D74043); color: #fff;}

.wrap-platform .download-box>a{ float: left; width: 160px; height: 50px; line-height: 50px; box-shadow: 0 0 35px #d0d0d0; border-radius: 5px; text-align: center; font-size: 16px;}
.wrap-platform .download-box>a>i{ font-size: 24px;}
.wrap-platform .download-box>a:last-child{ margin-left: 15px;}
.wrap-platform .download-box>a:hover{ color: #333}
.wrap-platform .download-box>a:last-child i{ color: #96c038;}
.wrap-platform .download-box>a.black-btn{ color: #fff; background: #000;}
.wrap-platform .download-box>a.black-btn:hover{ color: #fff;}

.mod-platform{ padding: 20px 0 0 50px}
.mod-platform>li{ float: left; width: 50%; overflow: hidden; text-align: center; padding-top: 24px;}
.mod-platform>li>img{ height: 45px;}
.mod-platform>li>p{ margin-top: 4px;}
@media screen and (max-width: 750px){
    .wrap-platform .download-box{ position: initial; width: 100%;}
    .wrap-platform .download-btn{ width: 100%}
    /* mod platform */
    .wrap-platform .fl .logo-app{ display: none }
    .wrap-platform .left{ width: 100%;text-align:center; }
    .wrap-platform .left>h5{margin-top: 20px;}
    .wrap-platform .left>h3{ font-size: 32px;letter-spacing:2px;}
    .wrap-platform .left>.line{ margin: 20px auto;}
    .wrap-platform .left .download-btn{ display: none;}
    .wrap-platform .right{ width: 100%; margin-top: 20px;}
    .wrap-platform .fr{ margin-top: 20px;}
    .wrap-platform .fr h4.text-r{ text-align: center}
    .mod-platform{ padding: 20px 0 0 0;}
    .wrap-platform .ios-android-btn{ margin:38px auto 0 auto;}
}

/* index-鐖卞崕瀛﹀巻 */
.edu-project{ margin-top: 50px;}
.edu-project li{ float: left; position: relative; z-index: 1; width: 246px; height: 434px; background: #f2f0f0; margin-left: -10px;}
.edu-project li img{ width: 226px; height: 340px; }
.edu-project li a{ float: left; height: 100%; padding: 10px;  text-align: center; }
.edu-project li a p{ font-size: 24px; font-weight: 600; margin-top: 10px; }
.edu-project li:first-child{ margin-left: 0px;}
.edu-project li:hover { z-index: 10;   background: #e60020;}
.edu-project li:hover a,
.edu-project li a:hover{color: #fff; text-decoration: none;}
@media screen and (max-width: 750px){
    .wrap-edu-project { margin-top: 120px;}
    .edu-project li{ width: 50%; height: 315px; margin: 0 0 20px 0}
    .edu-project li img{ width: 100%; height: 240px;}
}

/* dreams */
.wrap-dreams{ height: 810px; padding-top: 0!important; margin-top: 150px; color: #fff; background: url("../img/2023/index-mod-4.jpg") top center no-repeat;}
.wrap-dreams .ttab h3{ padding-top: 40px; color: #333}
.wrap-dreams .area>.box{ width: 1200px; height: 558px; background: rgba(255,255,255, .85); margin-top: 68px;}
.wrap-dreams .box>ul{ width:892px; padding: 46px 0 0 170px;}
.wrap-dreams .box>ul li{ float: left; width: 416px; margin-right: 30px; text-align: center;}
.wrap-dreams .box>ul li img { width: 416px; height: 226px; margin-top: 4px;}
.wrap-dreams .box>ul li p{ margin-top: 4px; font-size: 14px;}

/* PC 鍙戝睍鍘嗙▼ */
.carousel-event-new{ height: 380px; margin-top: 50px; overflow: hidden; position: relative;}
.carousel-event-new .event-line{ position: absolute; top:185px; width: 100%; height: 2px; border-radius: 2px; background: #ddd;}
.carousel-event-new .carousel{ width: 1000px; margin: 0 auto; position: relative;}

.carousel-event-new .event-inner{padding-top: 220px; position: relative;}
.carousel-event-new .event-inner dl{ float: left; position: relative;  margin-right: 64px; width: 320px; height: 140px;}
.carousel-event-new .event-inner dl:hover{ color: #000;}
.carousel-event-new .event-inner dl:last-child{ margin-right: 0;}
.carousel-event-new .event-inner dl .evt-desc{ height: 140px; font-size: 13px; overflow: auto; margin-left: 40px; text-align: justify; box-sizing: border-box; background: #fff; padding: 10px;}
.carousel-event-new .event-inner dl .evt-year{ width: 62px; height: 62px; line-height: 62px; position: absolute; top: -62px; z-index: 10; cursor: pointer; border-radius: 50%; background: #e60021; text-align: center; font-size: 18px; color: #fff;}
.carousel-event-new .event-inner dl .evt-year:after{ content: '';  width:0; height:150px; font-size:0; position: absolute; top:62px; left:50%; z-index: -1; margin-left: -1px;  border-left:2px solid #ddd;}
/* dot */
/*.carousel-event-new .event-inner .c-red{ color: #bb272d;}*/

/* 涓婇潰鐨勬儏鍐 */
.carousel-event-new .event-inner dl:nth-child(2) .evt-year,
.carousel-event-new .event-inner dl:nth-child(4) .evt-year{ top:142px;}
.carousel-event-new .event-inner dl:nth-child(2) .evt-year:after,
.carousel-event-new .event-inner dl:nth-child(4) .evt-year:after{ top: -150px;}
/*    border-left:12px solid transparent;*/
/*    border-right:12px solid transparent;*/
/*    border-top:12px solid #808080;}*/
/* dot */
/*.carousel-event-new .event-inner dl:nth-child(2) .evt-year:before,*/
/*.carousel-event-new .event-inner dl:nth-child(4) .evt-year:before{top:76px}*/

/* 涓婇潰浣嶅瓙鐨勫鐞 */
.carousel-event-new .event-inner dl:nth-child(2){ position: absolute; top: 15px; left: 173px;}
.carousel-event-new .event-inner dl:nth-child(4){ position: absolute; top: 15px; left: 567px;}

/* video */
.wrap-video{ }
.wrap-video .fl{ width: 547px; position: relative;}
.wrap-video .fl>img{ width: 547px; height: 415px; border-radius: 20px; position: relative; z-index: 10;}
.wrap-video .fl:before{ position: absolute; top:46px; left: -30px; z-index: 1; width: 547px; height: 415px; content: ""; border-radius: 20px; background: #e7e3e3;}
.wrap-video .mod-bg{ height: 390px; background: none;}
.wrap-video .mod .mod-bg>p{ color: #999;}
.wrap-video .video-icon{ position: absolute;  top:50%; left: 50%; z-index: 100; cursor: pointer; color: #fff; line-height: 1; margin: -60px 0 0 -60px; font-size: 120px;}
.wrap-video .video-icon:hover{ color: #bb272d;}
.wrap-video .video-more{ position: absolute; right: 30px;bottom: 30px; }

.wrap-video .fr{ width: 600px; }
.wrap-video .fr .more{ width: 640px; height: 58px; line-height: 58px; font-size: 16px;text-align: center;}
.wrap-video .mod-bg>h4{ margin-top: 30px; font-weight: 600;}
.wrap-video .mod-bg>h4>img{ text-align: center; margin:-5px 10px 0 0;}
@media screen and (max-width: 750px){
    .wrap-dreams{ height: auto;}
    .wrap-dreams .area>.box{width: 100%; height: auto; margin-top: 30px;}
    .wrap-dreams .box>ul{ width: 100%; padding: 10px; box-sizing: border-box;}
    .wrap-dreams .box>ul li{ width: 100%; float: none; margin-right: 0;}
    .wrap-dreams .box>ul li img{ width: 100%; height: auto;}

    .wrap-video .fl{ width: 100%;}
    .wrap-video .fl>img{ width: 100%; height: auto;}
    .wrap-video .fl:before{ width:100%; height: 270px;}
    .wrap-video .fr{ width: 100%;}
    .wrap-video .mod-bg{ height: auto; margin-top: 50px}
    .wrap-video .fr .more{ width: 100%; position: initial; display: block; margin-top: 50px;}
    .wrap-video .video-icon{ font-size: 60px; margin: -30px 0 0 -30px;}
}

/* project */
.mod-project{ height: 680px;}
.mod-project .mod-bg{ height: 680px; box-sizing: border-box}

/* about */
.mod-about{ height: 675px;}
.mod-about .mod-bg{ height: 675px; box-sizing: border-box}

@media screen and (max-width: 1044px) and (min-width: 767px){
}
@media screen and (max-width: 750px){
    /* video,teacher */
    .mod-video{ height: auto;}
    .wrap-teacher .fr{ margin-top: 10px;}

    .mod-project{ height: auto;}
    .mod-project .fr{ margin-top: 10px;}

    .mod-0-1>.fl,.mod-1-0>.fr,
    .mod-0-1>.fr,.mod-1-0>.fl{ width: 100%; }
    .mod{ margin-top: 25px;}
    .mod .mod-bg>p{ padding-top: 20px;}
    .mod .fl .mod-bg{ height:auto; padding-bottom: 80px; margin-right: 0;}
    .mod .mod-bg>h4{ text-align: center;}
    .mod .mod-p{ padding-top: 20px;}
    .mod .mod-p-r>p{ text-align: center}

    .mod .fl .mod-p{ padding-right: 0; color: #666;}
    .mod .fr .mod-p{ padding-left: 0; color: #666;}

    .mod-about .fr{ margin-top: 10px;}
}

/* padding top */
.wrap-pt{ padding-top: 110px}
.wrap-pb{ padding-bottom: 80px;}
@media screen and (max-width: 1044px) and (min-width: 769px){
    .wrap-pt{ padding-top: 15px;}
}
@media screen and (max-width: 750px){
    .wrap-pt{ padding-top: 15px;}
}

/* 鍥炬枃 */
.img2desc{ position: relative;}
.img2desc .desc{ width: 100%; text-align: center; font-weight: 600; position: absolute; bottom: 0; height: 40px; line-height: 40px; padding:0 20px; box-sizing:border-box; background: rgba(236, 236, 236, .9);}

/* sub tab */
.st-type>li{ float: left;}
.st-type>li>a{ font-size: 20px; margin-right: 70px;}
.st-type>li>a:hover{ text-decoration: none;}
.st-type>li>a.action{ color: #bb272d; position: relative;}
.st-type>li>a.action:after{content: ''; position: absolute; bottom: -12px; left: 0;  width: 25px; height: 2px; overflow: hidden; background: #bb272d;}
@media screen and (max-width: 750px){
    .st-type>li{ text-align:center; margin-bottom: 10px;}
    .st-type>li>a{ margin-right: 30px;}
}

/* 瑙嗛鎾斁 */
.play-container{ display: none; position: relative; z-index: 99999;}
.play-container .mask{ position: fixed; top: 0;right: 0; bottom: 0; left: 0; background: rgba(1,1,1,.7);}
.play-container .play-box{ width: 100%; height: 100%; padding-bottom: 50px; background: #000; box-sizing: border-box; position:fixed; top:0; right: 0; bottom: 0; left: 0;}
.play-container .play-box .playVideo-dimensions{ width: 100%; height: 100%; }
.play-container .play-box .video-close{ position: absolute;  left:5px; border-radius: 100%; padding: 3px;}
.play-container .play-box .video-close i{ font-size: 40px; color:#aaa; line-height: 1; cursor: pointer;}
.play-container .play-box .video-close:hover i{ color: #fff;}
.play-container .play-box .video-name{ height: 45px; line-height: 45px; padding: 0 45px; font-size: 14px; color: #fff; text-align: center;}
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before{ top: 4px;}
@media screen and (max-width: 750px){
    .play-container .play-box{ width: 100%; height: auto;}
}

/* index-focus */
.swiper-container-focus{ width:100%;height: 640px;}
.swiper-container-focus .swiper-slide{ background-position: center;  background-size: cover;}
.swiper-container-focus .swiper-slide a{ width: 100%; height: 100%; float: left;}
@media screen and (max-width: 1044px) and (min-width: 767px){
    .swiper-container-focus{ width:1200px;}
}
@media screen and (max-width: 750px){
    .swiper-container-focus{ height: 240px;}
    .swiper-container-focus .swiper-button{ display: none;}
}

/* swiper */
.swiper-button-next:after,
.swiper-button-prev:after{background: rgba(69,69,69,.9); color: #fff;font-size: 20px;padding: 8px 14px;}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after{background: rgba(69,69,69,.6);}

.swiper-container-focus .swiper-button-next:after,
.swiper-container-focus .swiper-button-prev:after{ padding: 12px 16px; background: rgba(230,0,32, .9)}
.swiper-container-focus .swiper-button-next:hover:after,
.swiper-container-focus .swiper-button-prev:hover:after{ background: rgba(230,0,32, .7)}

.swiper-pagination-bullet { width: 10px; height: 10px;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #c00;
    border-color: #c00
}


/* index-鏁拌鐖卞崕 */
.wrap-digital{ padding: 120px 0;}
.wrap-digital .area{ position: relative;}
.wrap-digital .digital{float: left; width: 352px;  margin-right: 12px;}
.wrap-digital .digital>li{ position: relative; margin-bottom: 12px; background: #e60020; color: #fff; font-family:PingFang SC;}
.wrap-digital .digital>li:last-child{ margin-bottom: 0;}
.wrap-digital .digital-img{ float: left; width: 140px; height: 140px; font-size: 12px; text-align: center; }
.wrap-digital .digital-img img { margin-top: 30px;}
.wrap-digital .digital-img p { margin-top: 5px; font-size: 14px;}
.wrap-digital .digital-line{ position: absolute; top: 34px; left: 135px; width: 2px; height: 76px; background: #fff;}
.wrap-digital .digital-data{font-size: 40px; text-align: center; padding-top: 35px; }
.wrap-digital .digital-data .big-data{ font-size: 80px; line-height: 1;}

.wrap-digital .digital-video { float: left; width: 832px; position: relative;}
.wrap-digital .digital-video img{ width: 832px; height: 595px;}
.wrap-digital .video-icon{ position: absolute;  top:50%; left: 50%; z-index: 100; cursor: pointer; color: #fff; line-height: 1; margin: -60px 0 0 -60px; font-size: 120px;}
.wrap-digital .video-icon:hover{ color: #bb272d;}
@media screen and (max-width: 750px){
    .wrap-digital{ padding: 30px 0;}
    .wrap-digital .digital{ width: 100%; margin-right: 0;}
    .wrap-digital .digital-video{ width: 100%; margin-top: 20px;}
    .wrap-digital .digital-video img{ width: 100%; height: auto;}
}

.wrap-activity{ height: 599px; background: url("../img/2023/index-mod-2.jpg") no-repeat center center #e42e2d; }
.wrap-activity .area{ position: relative; height: 599px;}
.wrap-activity .area>a { position: absolute; left: 80px; bottom: 130px; width: 335px; height: 54px; line-height: 54px;
    border-radius: 20px; font-size: 40px; text-align: center; background: #ffcc5a; color: #da2220; text-decoration: none; box-shadow: 0 0 5px #ddd;}
.wrap-activity .area>a:hover { background: #f9d586; text-decoration: none; }
@media screen and (max-width: 750px){
    .wrap-activity{ height: 220px; background-size: 170%; background-color: initial;}
    .wrap-activity .area{ height: 220px;}
    .wrap-activity .area>a{left: 20px; bottom: 40px; width: 120px; height: 27px; line-height: 27px; font-size: 18px;}
}

/* index-鍏ㄥ浗鍒嗘牎 */
.wrap-map{ padding-bottom: 80px;}
.wrap-map .mod-bg{ height: 700px;}
.wrap-map .mod-bg>h4{ margin-bottom: 20px;}
.wrap-map h5{ font-size: 16px;font-weight: 600; margin-top: 20px;}
.wrap-map dl.school-map { line-height: 28px; padding-bottom: 10px;}
.wrap-map dl.school-map dt{ float: left;width: 73px; font-size: 16px; font-weight: 600;}
.wrap-map dl.school-map dd a{ float: left; min-width: 70px; margin-right:4px; font-size: 13px; color: #666;}
.wrap-map dl.school-map dd a:hover{ color: #bb272d;}
@media screen and (max-width: 750px){
    .wrap-map{ padding-top: 0;}
    .wrap-map .fr{ display: none;}
}

/* index-绀句細璐ｄ换  闅愯棌 */
.wrap-duty .carousel-duty{ float: left; margin-top: 50px; height: 250px;}
.wrap-duty .carousel-duty2{ margin-left: 100px;}
.carousel-duty .hd{ padding: 0 80px;}
.carousel-duty .hd>img{ float: left; width: 110px; height: 110px; border-radius: 100%; margin-right: 25px;}
.carousel-duty .hd>h3{ font-size: 24px; padding-top: 2px; letter-spacing: 5px}
.carousel-duty .hd>h4{ font-size: 24px; color: #444; padding-top: 6px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.carousel-duty .bd{ padding: 20px 80px 0 80px; color: #555;}
@media screen and (max-width: 1044px) and (min-width: 769px){
}
@media screen and (max-width: 750px){
    .wrap-duty .carousel-duty{ width: 100%;}
    .wrap-duty .carousel-duty2{ border: 1px solid #ddd; margin-left: 0; margin-top: 30px; padding-top: 25px;}
    .carousel-duty .hd{ padding: 0 10px;}
    .carousel-duty .bd{ padding: 20px 10px 0 10px;}
}

/* carousel */
.carousel-duty{ width: 500px; overflow: hidden; position: relative;}
.j-prev,.j-next{ position:absolute; top: 50%; z-index: 1000; user-select: none; width: 44px; height: 44px; line-height: 44px;  margin-top: -25px; cursor: pointer;  text-align: center; background: rgba(1,1,1,.5); color: #fff; border-radius: 35%;}
.j-prev>i,.j-next>i{ color: #fff; font-size: 24px; }
.j-prev:hover,.j-next:hover{ background: rgba(1, 1, 1, .7);}
.j-prev{ left: 0;}
.j-next{ right: 0;}

.j-prev.disabled,.j-next.disabled{display: none; }
.j-prev.disabled:hover,.j-next.disabled:hover{ background: rgba(1,1,1,.5);}

/* 鏁欏笀椋庨噰 */
.wrap-teacher .mod-bg{ height: 400px;}
.wrap-teacher .fr{ margin-top: 85px;}
.wrap-teacher .posterTvGrid .btitle{
     background: #e2e2e2; position: relative;;
    height: 38px; line-height: 38px; padding:0 20px 0 30px; overflow: hidden;
}
.wrap-teacher .posterTvGrid .btitle:after{
    content:'';position: absolute; left: 18px; top:11px;
    width: 2px; height: 16px; background: #d74043;
}
@media screen and (max-width: 750px) {
    .posterTvGrid-wrap {  margin: 0 auto}
}
.wrap-honor{ height: 569px; margin-top: 150px; padding-top: 0; background: #f5f5f5;}
.wrap-honor .ttab{ padding-top: 30px;}
.wrap-honor .j-prev{ border-radius: 0 20px 20px 0; border-radius: 0;}
.wrap-honor .j-next{ border-radius: 20px 0 0 20px; border-radius: 0;}
.medal-honor{ height: 210px; margin-top: 40px; overflow: hidden; position: relative;}
.medal-honor .carousel{ width: 1200px}
.medal-honor-list li{ width: 290px; height: 290px; margin-right:13px;}
.medal-honor-list li img{ width: 290px; height:206px;}
/*.medal-honor .j-next, .medal-honor .j-prev{ display: none}*/
/*.medal-honor:hover .j-next, .medal-honor:hover .j-prev{ display: block;}*/
@media screen and (max-width: 750px) {
    /*.medal-honor .j-next, .medal-honor .j-prev{ display: block}*/
}


/* index-鐖卞崕鎶ラ亾 */
.wrap-media{ background: #f0f0f0}
.wrap-media .area{ position: relative; padding-bottom: 50px;}
.wrap-media .news-dt{ margin-top: 110px; text-align: center; user-select: none;}
.wrap-media .news-dt li{ display: inline-block; width: 210px; height: 46px; line-height: 46px; cursor: pointer; margin-right: 40px; border-radius: 46px; transition: all .3s; border:1px solid #cc0923; background: #fff; text-align: center;}
.wrap-media .news-dt li>p{ font-size: 18px; font-weight: 600; color: #cc0923;}
.wrap-media .news-dt li.active{ background: #cc0923;}
.wrap-media .news-dt li.active>p{ color: #fff}
.wrap-media .news-item-box{  padding-top:50px; min-height: 460px;}
.wrap-media .news-item{ display: none; }
.wrap-media .news-item-show{ display: block;}
.wrap-media .news-item li{width: 565px; float: left; padding: 10px; margin: 0 30px 40px 0; background: #fff; box-shadow: 0 0 10px #ddd;}
.wrap-media .news-item li:nth-child(2),
.wrap-media .news-item li:nth-child(4){ margin-right: 0;}
.wrap-media .news-item li .img-box{ float: left; width:244px; height: 170px; padding-right: 25px; overflow:hidden; position:relative;}
.wrap-media .news-item li .img-box img{ width:100%; height:100%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.wrap-media .news-item li .img-box img:hover{-webkit-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0)}
.wrap-media .news-item li .info { width: 280px; margin-top: 15px; overflow: hidden;}
.wrap-media .news-item li .info h3{ height: 40px; line-height: 20px; font-weight: 600; font-size: 16px;  overflow: hidden;}
.wrap-media .news-item li .info>p{ margin-top: 2px; text-align: right;}
.wrap-media .news-item li .info>p>i{ color: #666;}
.wrap-media .news-item li .info>p>i:last-child{ margin-left: 20px;}
.wrap-media .news-item li .info .summary{ height: 75px; margin-top: 10px;}
.wrap-media .more{ text-align: right;}
.wrap-media .more a{ display: inline-block; padding: 1px 10px; background: #cc0923; color: #fff; font-size: 16px;}


@media screen and (max-width: 750px){
    .wrap-media .news-dt{ margin-top: 50px;}
    .wrap-media .news-dt li{ width: 115px; height: 38px; line-height: 38px; margin:0 15px 15px 0;}

    .wrap-media .news-item li{ width: 100%; box-sizing: border-box; margin: 0 15px 20px 0;}
    .wrap-media .news-item li .img-box{ width: 100%; height: auto; margin-right: 0;}
    .wrap-media .news-item li .info{ width: 100%; height: auto; margin-top: 0; padding-top:15px; }

}

.media-list{ margin-top: 50px;}
.media-list>li{ float: left; width: 380px; margin:0 30px 30px 0; position: relative;}
.media-list>li:last-child{ margin-right: 0;}
.media-list>li .cont{width: 100%; padding: 10px 30px; box-sizing: border-box; background: rgba(255, 255, 255, .9);}
.media-list>li .title:hover{ text-decoration:none;}
.media-list>li .title h3{  font-size: 20px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.media-list>li .boot{ text-align: right; font-size: 16px; padding-top: 5px;;}
.media-list>li .boot>a{ float: left; color: #bb272d; }
.media-list>li .boot>span{ color: #777;}

.media-list>li .img-box{ width:100%; height:238px; margin-right:24px; overflow:hidden; position:relative;}
.media-list>li .img-box img{ width:100%; height:100%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.media-list>li .img-box img:hover{-webkit-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0)}

/* news: top 2 big img  */
.media-list>li:nth-child(1),
.media-list>li:nth-child(2){ width: 585px; margin: 0 30px 30px 0}
.media-list>li:nth-child(2){ margin-right: 0;}
.media-list>li:nth-child(1) .img-box,
.media-list>li:nth-child(2) .img-box{ height: 360px;}
.media-list>li:nth-child(1) .cont,
.media-list>li:nth-child(2) .cont{ position: absolute; bottom: 0; }

@media screen and (max-width: 1044px) and (min-width: 769px){
}
@media screen and (max-width: 750px){
    .wrap-index-news{ background: #fff;}
    .media-list>li{ width: 100%; margin: 0 0 20px 0;}
    .media-list>li .cont{padding: 5px 15px; background: #fff;}
    .media-list>li .img-box{ height: 100%;}
    .media-list>li:nth-child(1){ width: 100%;}
    .media-list>li:nth-child(1) .img-box,
    .media-list>li:nth-child(2) .img-box{ height: 288px;}
    .media-list>li:nth-child(1) .cont,
    .media-list>li:nth-child(2) .cont{ position: absolute; bottom: 0; }
    .media-list>li:nth-child(2){ width: 100%; margin-right: 0;}
}

/* index-鍚堜綔闄㈡牎 */
.wrap-collaborate-academy{padding-bottom: 100px;}
.wrap-collaborate-academy ul{ padding-top: 50px;}
.wrap-collaborate-academy ul>li{ float: left; width: 21%; margin:0 30px 10px 0; text-align: center;}
.wrap-collaborate-academy ul>li img{ height: 47px;}
.wrap-collaborate-academy ul>li:nth-child(1),
.wrap-collaborate-academy ul>li:nth-child(3),
.wrap-collaborate-academy ul>li:nth-child(6),
.wrap-collaborate-academy ul>li:nth-child(8),
.wrap-collaborate-academy ul>li:nth-child(9),
.wrap-collaborate-academy ul>li:nth-child(11),
.wrap-collaborate-academy ul>li:nth-child(14)
{ background: #f0f0f0}

@media screen and (max-width: 1044px) and (min-width: 769px){
}
@media screen and (max-width: 750px){
    .wrap-collaborate-academy{ padding-bottom: 20px;}
    .wrap-collaborate-academy ul>li{ width: 50%; margin: 0 0 15px 0;}
    .wrap-collaborate-academy ul>li img{ height: 36px}
}

/*  鎴樼暐椤甸潰 */
.wrap-bg-strategy{ height: 545px; background:url("../img/2023/common-bg-1.jpg") no-repeat center center;}
.three-list{ padding-top: 50px;}
.three-list>li{ float: left; width: 25%; text-align: center;}
.three-list>li>p{ padding: 0 20px; color: #666;font-size: 12px;}
.three-list>li>h4{ padding: 0 20px; font-size: 18px; margin-bottom: 12px;}
@media screen and (max-width: 1044px) and (min-width: 769px){
}
@media screen and (max-width: 750px){
    .three-list{ padding-top: 25px;}
    .three-list>li{ width: 50%; margin-bottom: 20px;}
    .three-list>li>p{ font-size: 11px; padding: 0 10px;}
    .three-list>li>h4{ font-size: 16px; padding: 0 5px;}
}

/* 浜у搧椤甸潰 */
.wrap-bg-product { height: 400px; background:url("../img/product-bg.jpg") no-repeat center center;}
.product-list{ padding-top: 50px;}
.product-list>li{ float: left; width: 20%; height: 150px; text-align: center;}
.product-list>li>p{ padding: 0 20px; color: #666;}

.wrap-product{ padding-bottom: 100px;}
.wrap-product .item{ margin-top: 50px;}
.wrap-product .item .fl .inner{ padding-right: 15px;}
.wrap-product .item .fr .inner{ padding-left: 15px;}
.wrap-product  h4{ padding: 12px 0; text-align: center; color: #666; font-size: 18px; font-weight: 600;}
.wrap-product  .date,.wrap-product  .desc{ padding: 0 20px; color: #666; text-align: justify}
.wrap-product  .desc{ margin-top: 8px;}
@media screen and (max-width: 1044px) and (min-width: 769px){
}
@media screen and (max-width: 750px){
    .product-list{ padding-top: 25px;}
    .product-list>li{ width: 50%; height: 120px;}

    .wrap-product{ padding-bottom: 50px;}
    .wrap-product .item .fl .inner{ padding-right: 0;}
    .wrap-product .item .fr .inner{ padding-left: 0; padding-top: 20px;}
}


/* 鍏充簬鎴戜滑 */
.wrap-bg-about { height: 545px; background:url("../img/2023/common-bg-1.jpg") no-repeat center center;}
.wrap-bg-about2 { height: 700px; background:url("../img/2023/about-bg-2.jpg") no-repeat center center;}
.wrap-bg-about2 .container{ padding-top: 90px;}
.wrap-bg-about2 .area .inner{ width: 290px; height: 460px; padding: 40px 30px; background: rgba(255,255,255,.8);}
.wrap-bg-about2 .area .inner h3{ font-size: 18px; font-weight: 600;}
.wrap-bg-about2 .area .inner p{ text-align: justify; margin-top: 10px;}

.wrap-about-culture .culture-list{ margin-top: 50px;}
.wrap-about-culture .culture-list li{ float: left; margin:0 16px 16px 0; }
.wrap-about-culture .culture-list li:nth-child(even){ margin-right: 0;}
.wrap-about-culture .culture-list li img{ width: 592px;}

/* 钁ｄ簨闀 */
.wrap-president .mod .fl{ width: 845px; height: 635px;}
.wrap-president .mod .fr{ width: 335px; }
.wrap-president .mod .fr .mod-bg{height: 635px;  box-sizing: border-box;}
.wrap-president .mod .fr .mod-bg p{ padding-top: 5px;}
/* 棰嗗鍚堢収 */
.chairman-photo-list{ margin-top: 50px; overflow: hidden}
.chairman-photo-list li{ float: left; margin:0 10px 10px 0;}
.chairman-photo-list li>img{ width: 290px; height: 280px;}
.chairman-photo-list li.long>img{ width:590px;}
/* 浼佷笟鑽ｈ獕*/
.chairman-honor{ height: 290px;margin-top: 50px; overflow: hidden; position: relative;}
.chairman-honor .carousel{ width: 1200px}
.chairman-honor-list li{ width: 290px; height: 290px; margin-right: 20px;}
@media screen and (max-width: 750px){
    .wrap-president .mod .fl{ width: 100%; height: auto; margin-bottom: 10px;}
    .wrap-president .mod .fr{ width: 100%; }
    .wrap-president .mod .fr .mod-bg{height: auto; }

    .chairman-photo-list li{ width: 100%; margin-right: 0; text-align: center;}
    .chairman-photo-list li>img{ width: 100%; height: auto;}
    .chairman-photo-list li.long>img{ width:100%;}

    .wrap-about-culture .culture-list li{margin: 0 0 15px 0;}
    .wrap-about-culture .culture-list li img{ width: 100%}
}

/* 钁ｄ簨闀跨畝浠 */
.wrap-chairman{ position: relative; z-index: 10;}
.wrap-chairman .area{ box-shadow: 0 6px 14px #ddd;}
.wrap-chairman .area .inner{ padding: 30px 60px 60px 60px; margin-top: 40px; background: #fff;}
.wrap-chairman .chairman-hd li{ float: left; margin-right: 15px;}
.wrap-chairman .chairman-hd li:last-child{ margin-right: 0;}
.wrap-chairman .chairman-hd li img{ width:258px; }
.wrap-chairman .chairman-md{ margin-top: 20px;}

.wrap-chairman .dynamic{ float: left; width: 200px;margin-right: 10px;}
.wrap-chairman .dynamic>img{ width: 200px; margin-bottom: 10px;}
.wrap-chairman .dynamic>img:last-child{ margin-bottom: 0;}
.wrap-chairman .chairman{ float: left; width: 790px; height: 405px; position: relative; overflow: hidden;}
.wrap-chairman .chairman img{ width: 790px; height: 405px;}
.wrap-chairman .chairman .desc{ width: 100%; font-weight: 600; position: absolute; bottom: 0; height: 40px; line-height: 40px; padding:0 20px; box-sizing:border-box; background: rgba(236, 236, 236, .9);}
.wrap-chairman .intro{ float: left; width: 260px; padding-left: 28px; box-sizing: border-box; text-align: justify;}
.wrap-chairman .intro>h3{ margin-top: 40px; font-size: 24px; letter-spacing: 4px; font-weight: 600;}
.wrap-chairman .intro .desc{ margin-top: 10px; line-height: 1.6;text-align: justify}
@media screen and (max-width: 750px){
    .wrap-chairman{ margin-top: 20px;}
    .wrap-chairman .dynamic{ display: none; float: none; width: 100%; text-align:center; margin: 30px 0 10px 0;}
    .wrap-chairman .chairman{ float: none;width: 100%; height: auto;}
    .wrap-chairman .chairman img{ width: 100%; height:auto;}

    .wrap-chairman .intro{ float:none; width:100%; padding: 0 20px;}
    .wrap-chairman .intro>h3{margin-top: 5px;}
    .wrap-chairman .intro .desc{ margin-top: 15px;}

    .wrap-chairman .area .inner{ padding: 15px 30px 30px 30px; margin-top: 15px;}
    .wrap-chairman .chairman-hd li{ float: none; margin-right: 0;}
    .wrap-chairman .chairman-hd li img{ width: 100%}
}
.wrap-about-grey{ position: relative; z-index: 1}
.wrap-about-grey>div{ width: 100%; height: 590px; position: absolute; top: -480px; background: #f5f5f5;}

/* 楂樼 */
.wrap-dignitary{ padding-bottom: 80px; margin-top: 150px;}
.wrap-dignitary .dignitary-list{ margin-top: 30px;}
.wrap-dignitary .dignitary-list li{ float: left; width: 290px; height: 290px; position: relative; border: 1px solid #ddd; margin: 0 10px 10px 0;}
.wrap-dignitary .dignitary-list li:nth-child(4),
.wrap-dignitary .dignitary-list li:nth-child(8),
.wrap-dignitary .dignitary-list li:nth-child(12),
.wrap-dignitary .dignitary-list li:nth-child(16){ margin-right: 0;}
.wrap-dignitary .dignitary-list li img{ width: 290px; height: 290px;}
.wrap-dignitary .dignitary-list li p{ position: absolute; bottom: 0; width: 165px; height: 30px; line-height: 30px; padding-left: 10px; background: #ddd;}
.wrap-dignitary .dignitary-list li p>span{ margin-left: 12px;}
@media screen and (max-width: 750px) {
    .wrap-about-grey>div{ height: 500px;}
    .wrap-dignitary{ margin-top: 50px; padding-bottom: 40px;}
    .wrap-dignitary .dignitary-list{ width: 290px; margin: 30px auto;}
    .wrap-dignitary .dignitary-list li { margin: 0 0 10px 0; }
}

/* PC 鍏徃鍙戝睍鍘嗙▼ */
.carousel-event{ height: 380px; margin-top: 50px; overflow: hidden; position: relative;}
.carousel-event .event-line{ position: absolute; top:185px; width: 100%; height: 2px; border-radius: 2px; background: #666;}
.carousel-event .carousel{ width: 1000px; margin: 0 auto; position: relative;}
/* 榛樿鍦ㄤ笅闈 */
.event-list li{ width: 1100px;}
.carousel-event .event-inner{padding-top: 220px; position: relative;}
.carousel-event .event-inner dl{ float: left; position: relative;  margin-right: 64px; width: 290px; height: 140px;}
.carousel-event .event-inner dl:last-child{ margin-right: 0;}
.carousel-event .event-inner dl .evt-desc{ height: 95px; font-size: 13px; overflow: auto; text-align: justify; box-sizing: border-box; background: #fff; padding: 10px;}
.carousel-event .event-inner dl .evt-year{ width: 100%; height: 38px; line-height: 38px; position: relative; margin-top: 12px; background: #808080; text-align: center; font-size: 18px; color: #fff;}
.carousel-event .event-inner dl .evt-year:after{ content: '';  width:0; height:0; font-size:0; position: absolute; top:-12px; left:50%; margin-left: -12px;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-bottom:12px solid #808080;}
/* dot */
.carousel-event .event-inner dl .evt-year::before{content: ''; position: absolute; top:-51px; left: 50%; margin-left: -5px;; width: 10px; height: 10px; border-radius: 10px; background: #bb272d;}
.carousel-event .event-inner .c-red{ color: #bb272d;}

/* 涓婇潰鐨勬儏鍐 */
.carousel-event .event-inner dl:nth-child(2) .evt-year,
.carousel-event .event-inner dl:nth-child(4) .evt-year{ position: absolute; bottom:12px;}
.carousel-event .event-inner dl:nth-child(2) .evt-year:after,
.carousel-event .event-inner dl:nth-child(4) .evt-year:after{ top:inherit; bottom: -12px; border: 0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #808080;}
/* dot */
.carousel-event .event-inner dl:nth-child(2) .evt-year:before,
.carousel-event .event-inner dl:nth-child(4) .evt-year:before{top:76px}

/* 涓婇潰浣嶅瓙鐨勫鐞 */
.carousel-event .event-inner dl:nth-child(2){ position: absolute; top: 15px; left: 173px;}
.carousel-event .event-inner dl:nth-child(4){ position: absolute; top: 15px; left: 530px;}


/* Wap 鍏徃鍙戝睍鍘嗙▼ */
.swiper-container.swiper-container-event{ display: none; width:100%; height: 350px;}
.swiper-container.swiper-container-event .event-inner{ width: 260px; margin: 0 auto; padding-top: 80px;}
.swiper-container.swiper-container-event .event-line{ position: absolute; top:45px; width: 100%; height: 2px; border-radius: 2px; background: #666;}
.swiper-container.swiper-container-event .event-inner dl{ text-align: center;}
.swiper-container.swiper-container-event .event-inner dl .evt-desc{ height: auto; text-align: left; margin-top: 20px;}
.swiper-container.swiper-container-event .event-inner .evt-year{ width: 62px; height: 62px; line-height: 62px; display: inline-block; cursor: pointer; border-radius: 50%; background: #bb272d; text-align: center; font-size: 18px; color: #fff;}
.swiper-container.swiper-container-event .swiper-button-next:after,
.swiper-container.swiper-container-event .swiper-button-prev:after{ border-radius: 10px; padding: 8px 12px;}
@media screen and (max-width: 750px){
    .carousel-event-new{ display: none}
    .swiper-container.swiper-container-event{ display: block; }
}

/* 鑽ｈ獕 */
.swiper-container-honor{ margin-top: 50px;}
.swiper-container-honor .swiper-slide img{width: 213px; height: 163px;}
@media screen and (max-width: 750px){
    .swiper-container-honor .swiper-slide{ text-align: center; margin-right: 0;}
}

/* 钁ｄ簨闀块〉闈 */
.wrap-bg-about-chairman { height: 400px; background:url("../img/chairman-bg.jpg") no-repeat center center;}


/* news 椤甸潰 */
.wrap-bg-news { height: 400px; background:url("../img/news-bg.jpg") no-repeat center center;}
.wrap-news-show .show-hd .fl{ width: 900px; overflow: hidden;}
.search-total{background: #f3f5f7; color: #93999f; padding-left: 24px; height: 40px; margin-bottom: 20px; line-height: 40px;}

/* 鍥剧墖婊戝姩 */
.swiper-container.swiper-container-news{width:100%; height: 513px;}
.swiper-container.swiper-container-news .swiper-pagination-bullet{ width: 6px; height: 6px; border-radius: 6px}
@media screen and (max-width: 1044px) and (min-width: 767px){
    /* .swiper-container.swiper-container-news{ width:513px;} */
}
@media screen and (max-width: 750px){
    .swiper-container.swiper-container-news{ min-width:inherit; height:200px; overflow: hidden}
}

.wrap-news-show .show-hd .fr{ width: 290px;  overflow: hidden;}
.wrap-news-show .show-hd .fr .img2desc{ width: 290px; height: 250px;}
.wrap-news-show .show-hd .fr .img2desc>img{ width: 100%}
.wrap-news-show .show-hd .fr .img2desc:last-child{ margin-top: 10px;}
.wrap-news-show .show-bd{ padding-top: 10px;}
.wrap-news-show .show-bd li{ float: left; width: 292px; margin-right: 10px;}
.wrap-news-show .show-bd li:nth-child(1){ margin-right: 11px}
.wrap-news-show .show-bd li:nth-child(2){ margin-right: 11px}
.wrap-news-show .show-bd li:last-child{ margin-right: 0;}
.wrap-news-show .show-bd li .img2desc>img{ width: 100%;}
@media screen and (max-width: 750px){
    .wrap-news-show .show-hd .fl{ width: 100%;}
    .wrap-news-show .show-hd .fr{ width: 100%; margin-top: 10px;}
    .wrap-news-show .show-hd .fr .img2desc{ width: 100%; height: auto;}

    .wrap-news-show .show-bd li{ width: 100%; margin: 0 0 10px 0;}
}

/* list news */
.wrap-news .fl{ width: 860px;}
.wrap-news .fr{ width: 290px; padding-top: 80px;}
/* 涓绘柊闂诲垪琛 */
.wrap-news .news-container{ padding-top: 30px;}
.wrap-news .news-list{ margin-left: -25px;}
.wrap-news .news-list>li{ padding: 25px; color: #666;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;}
.wrap-news .news-list>li:hover{background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    -webkit-transform: translate3d(0, 0px, -2px);
    transform: translate3d(0, 1px, -2px);
}
.wrap-news .news-list>li a:hover{ text-decoration: none;}
.wrap-news .news-list>li .title{ line-height: 1; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrap-news .news-list>li .title:hover{ color: #bb272d;}.wrap-news .news-list .img-box{ float: left; width: 340px; height: 200px; overflow:hidden; position:relative; margin-right: 20px;}
.wrap-news .news-list .img-box>img{ width:100%; height:100%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.wrap-news .news-list .img-box>img:hover{-webkit-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0)}
.wrap-news .news-list .summary{ height: 75px; overflow: hidden; font-size: 15px; margin-top: 40px;text-align: justify}
.wrap-news .news-list .offer{ margin-top: 36px;}
.wrap-news .news-list .date{ float: right;}
@media screen and (max-width: 750px){
    .wrap-news .fl,
    .wrap-news .fr{ width: 100%;}
    .wrap-news .fr .news-mod:nth-child(2){ display: none;}

    .wrap-news .news-list{ margin-left: 0;}
    .wrap-news .news-list>li{ margin-bottom: 35px; padding:0 0 10px 0; border-bottom: 1px solid #ddd;}
    .wrap-news .news-list>li .title{ float: left; padding: 8px 0 15px 0; line-height: 1.6; overflow: inherit; white-space: normal;}
    .wrap-news .news-list .img-box{ float: inherit;margin-right: 0; width: 100%; height: auto;}
    .wrap-news .news-list .summary{ height: auto; margin-top: 20px; display: none;}
    .wrap-news .news-list .offer{ margin-top: 16px;}
}

.vjs_video_381-dimensions{ margin: 0 auto}

/* 鍙充晶妯″潡 */
.news-mod{ margin-bottom: 25px; box-shadow: 0 0 12px #cecece}
.news-mod>.hd{ height: 50px; line-height: 50px; text-align: center; font-size:18px; background: #bb272d; color: #fff;}
/* 杈逛晶鏈€鏂版柊闂 */
.newest-list{ padding: 20px;}
.newest-list li{ width: 100%; height: 130px; margin-bottom: 15px;}
.newest-list li .img2desc{ height: 130px; overflow: hidden;}
.newest-list li .img2desc>img{ width: 100%;}
.newest-list li .img2desc>.desc{ height: 24px; line-height: 24px; padding: 0 0 0 12px; overflow: hidden; text-align: left; font-size: 12px; color: #fff; background: rgba(1,1,1,.7);}
.newest-list li .img2desc>.desc:hover{ text-decoration: underline;}
/* 杈逛晶浼佷笟瑙嗛 */
.news-video{ position: relative;}
.news-video .video-icon{ position: absolute;  top:50%; left: 50%;  cursor: pointer; color: #fff; line-height: 1; margin: -30px 0 0 -30px; font-size: 60px;}
.news-video .video-icon:hover{ color: #bb272d;}
/* 杈逛晶鍒嗘牎 */
.school-list{ padding: 20px 0 10px 15px;}
.school-list li{ float: left; margin:0 12px 12px 0;}
.school-list li a{ float: left; padding: 2px 10px; border: 1px solid #ddd; border-radius: 15px;}
.school-list li a:hover{ text-decoration: none; color: #bb272d; border-color: #bb272d;}
@media screen and (max-width: 750px){
    .news-mod-top{ display: none}
    .newest-list li{ height: auto;}
}

/* 璧勮璇︾粏椤甸潰 */
.wrap-news-detail  h1{ font-size: 34px; text-align:center; padding: 0 50px; margin-top: 50px;}
.wrap-news-detail .detail-type{ padding:60px 0 30px 0;}
.wrap-news-detail .category{ font-size: 16px}
.wrap-news-detail .share{ float: right; padding-top: 0;}
.wrap-news-detail .pic{ max-height: 500px;}

.wrap-news-detail .content{ padding:80px 0 150px 0; color:#4a4a4a;}
.wrap-news-detail .content p{ min-height:1em; clear:both; word-wrap:break-word;}
.wrap-news-detail .content img{ max-width:100%!important; box-sizing: border-box; margin: 10px 0;}
.wrap-news-detail .editor{ padding: 30px 0 0 0; text-align: right; font-size: 16px;}

.wrap-news-detail .news_qr_code{ width: 220px; margin: 30px auto; text-align: center;}
.wrap-news-detail .news_qr_code>img{ width: 220px;}
@media screen and (max-width: 750px){
    .wrap-news-detail h1{ font-size: 26px; margin-top: 15px; padding: 0;}

    .wrap-news-detail img.pic{ width: 100%;}
    .wrap-news-detail .content{ padding: 0;}
    .wrap-news-detail .content img{ width: 100% !important; height: 100%!important;}
}

/* news video */
.wrap-news-video{ background: #242424; padding: 5px 0; margin-top: 30px;}
.wrap-news-video .video-box{ width: 1200px; height: 498px;}

@media screen and (max-width: 750px){
    .wrap-news-video{ margin-bottom: 20px;}
    .wrap-news-video .video-box{ width: 100%; height:248px;}
}

/* 闆嗗洟涓氬姟 */
.wrap-bg-business { height: 545px; background:url("../img/2023/common-bg-1.jpg") no-repeat center center;}
.wrap-business{ position: relative; height: 1032px; background:url("../img/2023/group-mod-1.jpg") no-repeat center center;}
.wrap-business .area{}
.wrap-business .bs-left{ float: left; width: 308px; padding:340px 0 0 30px; color: #fff; }
.wrap-business .bs-left>h3{ font-size: 32px; font-weight: 600;  position: relative; letter-spacing: 4px;}
.wrap-business .bs-left>h3:after{ content: ''; position: absolute; top: 64px; left: 0; width: 45px; height: 6px; border-radius: 4px; background: #fff;}
.wrap-business .bs-left>p{ width: 280px; margin-top: 24px; text-align: justify}

.wrap-business .bs-right{ float: left; width: 860px; height: 800px; background: #fff; margin-top: 120px; border-radius: 4px; box-shadow: 1px 1px 1px #ddd;}
.wrap-business .bs-right ul{ padding: 70px 100px;}
.wrap-business .bs-right ul li{ float: left; width: 270px; margin-right: 100px; text-align: center;}
.wrap-business .bs-right ul li:nth-child(even){  margin-right: 0;}
.wrap-business .bs-right ul li img{ height: 62px;}
.wrap-business .bs-right ul li img.hover{ display: none;}
.wrap-business .bs-right ul li h3{ font-size: 18px; font-weight: 600; margin-top: 10px;}
.wrap-business .bs-right ul li p{ height: 105px; line-height: 1.6; margin-top: 10px; text-align: justify}
.wrap-business .bs-right ul li a:hover{ text-decoration: none;}
.wrap-business .bs-right ul li:hover img{ display: none !important;}
.wrap-business .bs-right ul li:hover img.hover{ display: inline-block !important;}
.wrap-business .bs-right ul li:hover h3{ color: #bb272d; }
.wrap-business .bs-right ul li:hover p{ color: #bb272d;}
@media screen and (max-width: 750px){
    .wrap-business{ min-height: 1032px; height: auto; background-position: revert;}
    .wrap-business .bs-left{ width: 100%; padding: 0;}
    .wrap-business .bs-right{ width: 100%; height: auto;}

    .wrap-business .bs-right ul{ padding: 30px 50px;}
    .wrap-business .bs-right ul li{ width: 100%; margin-right: 0;}
}

/* 鍒嗘牎椤甸潰 */
.wrap-bg-school { height: 545px; background:url("../img/2023/common-bg-1.jpg") no-repeat center center;}
.wrap-group-link{ padding: 50px 0; text-align: center;}

.wrap-school-map{ padding: 20px 0; background: #f5f5f5; box-sizing: border-box;}
.wrap-school-map .area{ position: relative; height: 914px; background:url("../img/2023/school-mod-2.jpg") no-repeat center center;}
.wrap-school-map .school-info{ width: 230px; padding: 80px 20px 20px 20px;}
.wrap-school-map .school-info h3{ font-weight: bold; font-size: 20px; font-weight: 600;}

.wrap-school-map .school-info dl { line-height: 28px; margin-top: 10px;}
.wrap-school-map .school-info dl dt{ font-size: 18px; }
.wrap-school-map .school-info dl dt>img { height: 20px;}
.wrap-school-map .school-info dl dd{ padding-left: 18px;}
.wrap-school-map .school-info dl dd a{ float: left; min-width: 66px; margin-right:4px; font-size: 13px; color: #666;}
.wrap-school-map .school-info dl dd a:hover{ color: #bb272d;}

.wrap-school .location{ float: left;}
.wrap-school .location h2{ display: inline-block; font-size: 24px; padding-top: 4px; font-weight: 600;}
.wrap-school .location>img{ display: inline-block; height: 30px;}
.wrap-school .region{ float: left; padding: 10px; background:#bb272d;  margin-left: 30px;}
.wrap-school .region a{ float: left; height: 30px; line-height: 30px; color: #fff; border-right: 1px solid #fff; font-size: 24px;  padding: 0 20px; font-weight: 600;}
.wrap-school .region a:last-child{ border-right: none;}
.wrap-school .content{ margin-top: 40px;}
.school-item{ margin-left: -20px;}
.school-item>li{ float: left; width: 386px; margin:0 0 20px 20px; position: relative;;}
.school-item>li:hover{ box-shadow: 0 0 6px #bbb;}
.school-item .school-img{ width: 386px; height: 330px;}
.school-item .inner{ background: #f5f5f5; padding: 20px 0 0 20px; box-sizing: border-box;}
.school-item .school-name{ font-size: 20px; font-weight: 600;}
.school-item .school-explain{ height: 150px; margin-top: 5px; overflow: auto;}
.school-item .school-explain p{}

@media screen and (max-width: 750px){
    .wrap-group-link{ padding: 25px 0;}
    .wrap-school{ padding-bottom: 40px;}
    .wrap-school .hd a.map{ float: none; display: block;}
    .wrap-school .hd a{  margin-right: 10px; font-size: 16px;}
    .wrap-school-map .area{ background-position: -30px top;}
    .wrap-school-map .school-info{ padding: 80px 0px 10px 0px;}

    .wrap-school .region{ margin-top: 20px;}
    .wrap-school .region a{ margin-bottom: 20px;}

    .wrap-school h3{ text-align: center}
    .school-item{ margin-left: 0;}
    .school-item>li{ float:none; width: 100%; min-height: 303px; margin:0 0 10px 0;}
    .school-item>li .inner{ width: 100%; height: 100%; position:absolute; top:0; z-index: 10; color: #fff; background: rgba(1,1,1,.3);}

    .school-item .school-img{ width: 100%; height: auto;}
    .school-item .school-explain{ height: auto; position: absolute; bottom: 0;}
}


/* 鍔犲叆鎴戜滑 */
.wrap-bg-hr { height: 400px; background:url("../img/hr-bg.jpg") no-repeat center center;}
.wrap-hr{ padding-bottom: 200px;}
.wrap-hr .hr-header{ padding-top: 120px;}
.wrap-hr .hr-header>li{ float: left; width: 33%; font-size: 24px;}
.wrap-hr .hr-header>li>span{ color: #b4272d;}
.wrap-hr .hr-content{ margin-top: 120px;}
.hr-content>li:nth-child(odd){ padding-right: 40px; border-right: 2px solid #9c9c9c;}
.hr-content>li:nth-child(even){ padding-left: 40px}
.hr-content>li{ float: left; width: 50%; height: 520px; box-sizing: border-box; overflow: auto; padding-bottom: 30px; border-bottom: 2px solid #9c9c9c;}
.hr-content>li.no-border-bottom{border-bottom: 0;}
.hr-content>li>.title{ font-size: 24px; position: relative; margin-top: 50px;}
.hr-content>li>.title:after{ content: ''; position: absolute; left: 0; bottom: -6px; width: 40px; height: 2px; background: #777; border-radius: 1px;}
.hr-content>li:nth-child(1) .title,
.hr-content>li:nth-child(2) .title{ margin-top: 0;}
.hr-content>li>dl{ padding-top: 10px;}
.hr-content>li dt{ font-size: 18px; margin-top: 30px;;}
.hr-content>li dd{ font-size: 14px; color: #555;}
@media screen and (max-width: 750px){
    .wrap-hr{ padding-bottom: 100px;}
    .wrap-hr .hr-header{ padding-top: 60px;;}
    .wrap-hr .hr-header>li{ float: none; width: auto; font-size: 22px}
    .wrap-hr .hr-content{ margin-top: 60px;}
    .hr-content>li{ width: auto; height:auto; padding: 0 0 20px 0;}
    .hr-content>li:nth-child(odd){ padding-right: 0; border-right: 0;}
    .hr-content>li:nth-child(even){ padding-left: 0}
    .hr-content>li.no-border-bottom{ border-bottom: 2px solid #9c9c9c;}
    .hr-content>li.no-border-bottom:last-child{ border-bottom: 0}

    .hr-content>li:nth-child(1) .title,
    .hr-content>li:nth-child(2) .title{ margin-top: 30px;}
}

.wrap-lt .fl{ width: 860px;}
.wrap-lt .fr{ width: 290px; padding-top: 80px;}
@media screen and (max-width: 750px){
    .wrap-lt .fl,
    .wrap-lt .fr{ width: 100%;}
}


/* 闄㈡牎鍒楄〃 */
.filter-list{ font-size: 21px;}
.filter-list>li{ padding-bottom: 20px;}
.filter-list>li>dl>dt{ float: left;}
.filter-list>li>dl>dd{ float: left; margin: 0 20px;}
.filter-list>li>dl>dd>a{ padding: 4px 6px; }
.filter-list>li>dl>dd>a:hover{text-decoration: none;}
.filter-list>li>dl>dd>a.action{ color: #fff; background: #bb272d;}
.filter-list>li>dl>dd>a.action:hover{ text-decoration: none;}
@media screen and (max-width: 750px){
    .filter-list{ font-size: 16px;}
    .filter-list>li{ padding-bottom: 15px;}
    .filter-list>li>dl>dd{ margin: 0 4px;}
}

.wrap-bg-academy { height: 646px; background-repeat: no-repeat; background-position: center center;}
.wrap-academys{ margin-bottom: 100px}
.wrap-academys .fr{  margin-top: 132px;}
.wrap-academys .fl{ width: 872px;}
.academy-list{ margin-top: 44px;}
.academy-list>li{ float: left; width: 274px; height: 310px; margin: 0 16px 50px 0;}
.academy-list>li .img-box{ width: 274px; height: 234px; margin-right: 30px; overflow: hidden}
.academy-list>li .img-box>img{ width: 100%; height:100%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.academy-list>li .img-box img:hover{-webkit-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0)}
.academy-list>li>.bd{ text-align: center;}
.academy-list>li>.bd h3{ font-size: 20px; margin-top: 8px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.academy-list>li>.bd>p{ margin-top: 8px;}
@media screen and (max-width: 750px){
    .wrap-bg-academy{ height: 620px; box-sizing: border-box; padding:0 14px;}
    .wrap-academys{ margin-bottom: 10px}
    .wrap-academys .fl{width: 100%}
    .wrap-academys .fr{ width: 100%; margin-top: 0; padding-top: 20px;}
    .academy-list>li{ float: none; width: 100%; margin: 0 0 25px 0; text-align: center;}
    .academy-list>li .img-box{ margin: 0 auto;}
}

/* 闄㈡牎璇︽儏 */
.wrap-academy-detail-hd{ margin-top: 130px;}
.wrap-academy-detail-hd .academy-logo{ float: left; margin-right: 50px; width: 476px; height: 308px;}
.wrap-academy-detail-hd .academy-information>p{ margin-top: 18px;text-align: justify}
.wrap-academy-detail-hd .academy-information>p.intro{ height: 125px; overflow: hidden;}
.wrap-academy-detail-hd .academy-information>h1{ font-size: 24px}
.wrap-academy-detail-hd .academy-information>h3{ font-size: 18px}
.wrap-academy-detail{ padding-bottom:100px;}
.wrap-academy-detail .area{border-top: 2px solid #dddd; padding-top: 60px;}
.wrap-academy-detail .content{ margin-top: 42px;}
.wrap-academy-detail dl.table-td>dd{ float: left; width: 20%; min-height: 20px; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wrap-academy-detail dl.major-header>dd{font-size: 20px}
.wrap-academy-detail .major-body{ margin-top: 20px;}
.wrap-academy-detail .major-body li{ height: 45px; line-height: 45px; border:1px solid #fff;}
.wrap-academy-detail .major-body li dd a.btn{ border-radius: 15px; vertical-align: inherit; border-color: #2C2C2C; padding: 2px 15px; background: #E9E9E9;}
.wrap-academy-detail .major-body li dd a.btn:hover{ border-color:#bb272d; }
.wrap-academy-detail .major-body li:nth-child(odd){ background: #E9E9E9; border:1px solid #E9E9E9;}
.wrap-academy-detail .major-body li:hover{ border: 1px dotted #333}
@media screen and (max-width: 750px){
    .wrap-academy-detail{ padding-bottom: 30px;}
    .wrap-academy-detail-hd{ margin-top: 20px;}
    .wrap-academy-detail-hd .academy-logo{ float:none; margin-right: 0; width: 100%; height: auto;}
    .wrap-academy-detail-hd .academy-information{ margin-top: 10px;}
    .wrap-academy-detail-hd .academy-information>p.intro{ height: auto;}
    .wrap-academy-detail .st-type>li{ margin-bottom: 20px;}
    .wrap-academy-detail .st-type>li>a{ margin-right: 20px;}
    .wrap-academy-detail .content{ margin-top: 2px;}
    .wrap-academy-detail dl.major-header>dd{ font-size: 16px;}
    .wrap-academy-detail .major-body li{ height: auto; line-height: 34px; padding: 10px 20px;}
    .wrap-academy-detail .major-body li dd{ float: none; width:100%; text-align: left;}
}

/* 涓撲笟鍒楄〃 */
.wrap-bg-major { height: 646px; background-repeat: no-repeat; background-position: center center;}
.wrap-major{ margin-bottom: 100px}
.major-list{ margin-top: 72px;}
.major-list>li{ margin-bottom: 72px; height: 256px;}
.major-list>li h3{ font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.major-list>li .img-box{ float: left; width: 448px; height: 256px; margin-right: 30px;overflow: hidden}
.major-list>li .img-box>img{ width: 100%; height:100%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.major-list>li .img-box img:hover{-webkit-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0)}
.major-list>li>.md{ height: 132px; margin-top: 10px;}
.major-list>li>.md>p{ padding-top: 6px; text-align: justify}
.major-list>li>.md>p>span{ display: inline-block; width: 80px; text-align: justify}
.major-list>li>.bd{ margin-top: 36px;}

.mj-list{ padding: 20px 30px;}
.mj-list>li{ padding: 4px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mj-list>li>a{ font-size: 14px; color: #666;}

a.btn-major{ display:inline-block; width: 128px; height: 36px; line-height: 36px;  border-radius: 16px; text-align: center;margin-right: 30px; border: 1px solid #333;}
a.btn-major:hover{ background: #bb272d; color: #fff; border-color: #bb272d; text-decoration: none;}

@media screen and (max-width: 750px){
    .wrap-bg-major{ height: 620px; box-sizing: border-box; padding:0 14px;}
    .wrap-major{ margin-bottom: 10px}
    .major-list{ margin-top: 30px;}
    .wrap-major .fr{ padding-top: 20px;}
    .major-list>li{ margin-bottom: 20px;height: auto; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
    .major-list>li:last-child{ border-bottom: 0}
    .major-list>li .img-box{ float: none; width: 100%; height:auto; margin-right: 0;}
    .major-list>li h3{ margin-top: 10px;}
    .wrap-major .st-type>li{ margin-bottom: 20px;}
    .wrap-major .st-type>li>a{ margin-right: 20px;}

    .major-list>li>.md{ margin-top: 4px; height: auto;}
    .major-list>li>.md>p{ padding-top: 2px;}
    .major-list>li>.md>p>span{ color: #666;}
    .major-list>li>.bd{ margin-top: 15px;}

    a.btn-major{width: 110px; height: 30px; line-height: 30px; font-size: 14px;}
}

/* 鏈嶅姟 */
.wrap-service-data{ margin-bottom: 50px;}
.wrap-service-data .area{ background: #e60020; color: #fff; padding-top: 40px;}
.wrap-service-data ul{ padding: 0 0 40px 40px; text-align: center ;}
.wrap-service-data ul li{ float: left; width: 170px; margin-right: 70px;}
.wrap-service-data ul li:first-child{ width: 140px; height: 96px; margin-right: 55px; border-right: 1px solid #fff;}
.wrap-service-data ul li:first-child>img{ width: 106px;}
.wrap-service-data ul li>p{ font-size: 18px;}
.wrap-service-data .service-data{ width: 170px; height: 56px; line-height: 56px; background: #fff; color: #e60020; margin-top: 10px; font-size: 35px;}

@media screen and (max-width: 750px) {
    .wrap-service-data ul{padding: 0 0 20px 20px;}
    .wrap-service-data ul li{ width: 50%; margin-right: 0;}
    .wrap-service-data ul li:first-child{ width: 100%; border-right: 0;}
}

/* 鍥㈤槦 */
.wrap-service-team{}
.wrap-service-team .ttab{ margin-top: 60px; position: relative;}
.wrap-service-team img.arrow{ width: 318px; position: absolute; top: 25px; right: 0;}
.wrap-service-team .team{ background: #e60020; color: #fff; border-radius: 30px; padding: 50px; margin-top: 30px;}
.wrap-service-team .team .team-img{ float: left; width: 558px; height: 382px; margin-right: 25px;}
.wrap-service-team .team .info{ float: left;  width: 515px;}
.wrap-service-team .team .info p{ font-size: 16px; height: 120px;}
.wrap-service-team .team .info h3{ font-size: 20px; font-weight: 600; text-align: center;}
.wrap-service-team .team .info .team-mode{ position: relative; width: 343px; height: 220px; margin: 10px auto 0 auto;}
.wrap-service-team .team .info .team-mode .show-big-icon{ position: absolute; right: 15px; bottom: 10px; z-index: 10; width: 24px; height: 24px;}
.wrap-service-team .team .info .team-mode .show-big-img{ width: 343px; cursor: pointer;}
.wrap-service-team .team .certification{ padding-top: 50px; margin-top: 50px; border-top: 1px solid #fff;}
.wrap-service-team .team .certification>img{ width: 207px; float: left; margin-right: 50px;}
.wrap-service-team .team .certification>p{ font-size: 16px; margin-top: 30px; text-align: justify;}

.wrap-service-team  .occupation{ padding-bottom: 100px;}
.wrap-service-team  .occupation>p{ font-size: 20px; margin-top: 40px;}
.wrap-service-team  .occupation>ul{}

/* 鏁欏笀 */
.wrap-teacher{ margin-top: 50px; position: relative;}
.wrap-teacher .teacher-swiper-box{ position: relative; top: 90px;}
.wrap-teacher .teacher-swiper-container{ width: 1000px; margin: 0 auto;}
.wrap-teacher .teacher-swiper-container .swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-property:all;
}
.wrap-teacher .teacher-swiper-container .swiper-slide img { width: 184px}
.wrap-teacher .teacher-swiper-container .swiper-slide .intro{position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(1,1,1,.8);color: #fff; font-size: 16px; text-align: left;}
.wrap-teacher .teacher-swiper-container .swiper-slide .intro>span{ padding-left: 20px; margin-right: 15px;}

.wrap-teacher .teacher-swiper-container{ overflow: hidden;}
.wrap-teacher .more{ position: absolute; bottom: -90px; right: 20px; font-weight: 600;  }
.wrap-teacher .more a{ font-size: 16px;}
.wrap-teacher .more i{  font-size: 24px;}

.carousel-teacher-box{background: #f5f5f5; padding: 25px; margin-top: 50px;}
.carousel-teacher{ position: relative; overflow: hidden;}
.carousel-teacher .j-prev{ left: 25px;}
.carousel-teacher .j-prev,.carousel-teacher .j-next{ display: none;}
.carousel-teacher:hover .j-prev,.carousel-teacher:hover .j-next{ display: block;}
.carousel-teacher-list li{ position: relative; float: left; width: 244px; height: 312px; margin-left: 14px;}
.carousel-teacher-list li .header{ height: 312px;}
.carousel-teacher-list li .header>img{ width: 238px; height: 312px;}
.carousel-teacher-list li .intro{ position: absolute; left: 0; bottom: 0; z-index: 10; width: 140px; height: 40px;  padding: 4px 0 0 16px; background: #dadada;}
.carousel-teacher-list li .name{ font-size: 16px; font-weight: 600; line-height: 1.2; }
.carousel-teacher-list li .title{ line-height: 1.2; margin-top: 2px;}


@media screen and (max-width: 750px){
    .carousel-teacher .j-prev,.carousel-teacher .j-next{ display: block;}
    .wrap-service-team .team .team-img{ width: 100%; height: auto;}
    .wrap-service-team .team .info{ width: 100%;}
    .wrap-service-team .team .info p{ height: auto;}
    .wrap-service-team .team .info h3{ margin-top: 20px;}
    .wrap-service-team .team .info .team-mode{ width: 100%; height: auto; }
    .wrap-service-team .team .info .team-mode .show-big-img{ width: 100%;}
    .wrap-service-team img.arrow{ display: none;}
    .wrap-service-team .team .certification>img{ width: 100%; float: inherit;}
}

.teacher-list{ margin-top: 72px;}
.teacher-list>li{ margin-bottom: 72px; height: 256px;}
.teacher-list>li h3{ font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.teacher-list>li .img-box{ float: left; width: 448px; height: 256px; margin-right: 30px;overflow: hidden}
.teacher-list>li .img-box>img{ width: 100%; height:100%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.teacher-list>li .img-box img:hover{-webkit-transform: matrix(1.04,0,0,1.04,0,0); transform: matrix(1.04,0,0,1.04,0,0)}
.teacher-list>li>.md{ height: 132px; margin-top: 10px;}
.teacher-list>li>.md>p{ padding-top: 6px; text-align: justify}
.teacher-list>li>.md>p>span{ display: inline-block; width: 80px; text-align: justify}
.teacher-list>li>.bd{ margin-top: 36px;}
@media screen and (max-width: 750px){
    .wrap-bg-teacher{ height: 620px; box-sizing: border-box; padding:0 14px;}
    .wrap-teacher{ margin-top: 100px}
    .wrap-teacher .info{ width: 100%; margin: 0 -90px 70px auto; }
    .wrap-teacher .info p{ width: 100%;}
    .wrap-teacher .teacher-swiper-container{ width: 100%;}

    .carousel-teacher-box{ background: #dadada}
    .carousel-teacher-list li{ width: 100%;}
    .carousel-teacher-list li .header{ text-align: center}

    .wrap-teacher .fr{ padding-top: 20px; margin-top: 0}
    .teacher-list{ margin-top: 30px;}
    .teacher-list>li{ margin-bottom: 20px;height: auto; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
    .teacher-list>li:last-child{ border-bottom: 0}
    .teacher-list>li .img-box{ float: none; width: 100%; height:auto; margin-right: 0;}
    .teacher-list>li h3{ margin-top: 10px;}
    .teacher-list>li>.md{ margin-top: 4px; height: auto;}
    .teacher-list>li>.md>p{ padding-top: 2px;}
    .teacher-list>li>.md>p>span{ color: #666;}
    .teacher-list>li>.bd{ margin-top: 15px;}
}

/* 涓撲笟璇︽儏 */
.wrap-bg-major-detail{ height: 646px; background-repeat: no-repeat; background-position: center center;}
.major-detail-hd{ padding-bottom: 60px; border-bottom: 1px solid #ddd;}
.major-detail-hd .l-img{ float: left; width: 448px; height: 256px; margin-right: 30px;}
.major-detail-hd  h2{ font-size: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.major-detail-hd .md{ height: 132px; margin-top: 10px;}
.major-detail-hd .md>p{ padding-top: 6px;}
.major-detail-hd .md>p>span{ display: inline-block; width: 80px; text-align: justify}
.major-detail-hd .bd{ margin-top: 30px;}

.major-detail-content{ padding: 60px 0 150px 0; color: #4a4a4a; font-size: 16px;}
.major-detail-content p{ min-height:1em; clear:both; word-wrap:break-word;}
.major-detail-content img{ max-width:100%!important; box-sizing: border-box; margin: 10px 0;}
@media screen and (max-width: 750px){
    .wrap-bg-major-detail{ height: 620px; box-sizing: border-box; padding:0 14px;}
    .major-detail-content{ padding: 0;}
    .major-detail-hd .l-img{ float: none; width: 100%; height: auto;}
    .major-detail-hd .intro{ margin-top: 10px;}
}


/* 淇℃伅琛ㄥ崟 */
.msg-form{ width: 400px; height: 410px; padding: 20px; box-sizing: border-box; border-radius: 20px; box-shadow: 0 4px 24px #ddd; background: #fff;}
.msg-form.msg-form-r{ float: right;}
.msg-form.msg-form-c{ margin: 0 auto}
.msg-form>h4{ font-size: 24px; text-align: center; line-height: 2; color: #666;}
.msg-form .CCForm{ padding: 0 16px;}
.msg-form .cc_item{ margin-top: 20px;}
.msg-form .cc_item .input-text{ padding: 6px 16px; background: #ddd; border-radius: 18px;}
.msg-form .cc_item .submit-button{  width: 128px; display:block;  border-radius: 16px; margin:0 auto; border: 1px solid #333;}
.msg-form .cc_item .submit-button:hover{ background: #bb272d; color: #fff; border-color: #bb272d; text-decoration: none;}
.msg-form .cc_item .valid_message{ top:4px;}
.msg-form>.msg-form-desc{ padding-top: 20px; color: #d74043; text-align: center;}

/* 淇℃伅琛ㄥ崟浣嶅瓙 */
.wrap-bg-major .msg-form,
.wrap-bg-major-detail .msg-form{ margin: 104px 20px 0 0;}

.wrap-bg-academy .msg-form,
.wrap-bg-academy-detail .msg-form{ margin: 104px 20px 0 0;}
@media screen and (max-width: 750px){
    .wrap-bg-academy .msg-form,
    .wrap-bg-academy-detail .msg-form,
    .wrap-bg-major .msg-form,
    .wrap-bg-major-detail .msg-form{  width: 100%; margin: 104px 0 0 0;}
}

/* course */
.wrap-bg-course { height: 646px; background-repeat: no-repeat; background-position: center center;}
.wrap-course{ background: #f5f5f5; }
.wrap-course .area{ min-height: 500px;}
.course-list{ margin-top: 10px; }
.course-list>li{ float: left; width: 288px; height: 300px; background: #fff; margin:0 16px 50px 0;
    -webkit-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;}
.course-list>li:hover{-webkit-box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);}
.course-list>li:nth-child(4),
.course-list>li:nth-child(8),
.course-list>li:nth-child(12) { margin-right: 0;}
.course-list>li .img-box{ height:186px; overflow: hidden; }
.course-list>li .img-box img{ width: 100%;  -webkit-transition: all .5s ease-out; transition: all .5s ease-out}
.course-list>li>.bd{ padding: 10px;}
.course-list>li>.bd h3{ font-size: 18px; margin-top: 8px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.course-list>li>.bd>p{ margin-top: 8px; color: #888;}
.course-list>li>.bd>p>span{ float: right;}
.course-list>li>.bd>p>span>i{ margin-right: 3px;}
@media screen and (max-width: 750px){
    .wrap-bg-course{ height: 300px; box-sizing: border-box; padding:0 14px;}
    .wrap-course{ margin-bottom: 10px}
    .wrap-course .fl{width: 100%}
    .wrap-course .fr{ width: 100%; margin-top: 0; padding-top: 20px;}
    .course-list>li{ float: none; width: 100%; height: auto; margin: 0 0 25px 0; }
    .course-list>li .img-box{ height: auto; margin: 0 auto;}
}
/*detail*/

.wrap-course-detail-hd{ margin-top: 130px;}
.wrap-course-detail-hd .course-img{ float: left; margin-right: 50px; width: 476px; height: 308px;}
.wrap-course-detail-hd .information{ float: left; width: 600px;}
.wrap-course-detail-hd .information h1{ font-size: 24px}
.wrap-course-detail-hd .desc{  padding: 20px;margin: 30px 0 40px 0;background-color: #f5f5f5;}
.wrap-course-detail-hd .desc p{ padding:5px 0; text-align: justify}
.wrap-course-detail-hd .btn-video{ float: left; width:200px;height: 52px;line-height: 52px; cursor: pointer; color: #fff; text-align: center; font-size: 18px;border-radius: 2px;background-color: #f96624;border-color: #f96624;}
.wrap-course-detail-hd .btn-video:hover{ background: #f97f48; text-decoration: none;}

.wrap-course-detail-md{ margin-top: 50px;padding-bottom:100px; background: #f5f5f5;}
.wrap-course-detail-md .content{ min-height: 336px; padding: 40px; margin-top: 80px; background: #fff;}

.course-mod{ width: 290px; margin-bottom: 25px; box-shadow: 0 0 12px #cecece; background: #fff;}
.course-mod>.title{ height: 50px; line-height: 50px; text-align: center; font-size:18px; background: #bb272d; color: #fff;}
.teacher-mod .desc{ padding: 10px;}
.teacher-mod .teacher_pic{ float: left; width: 100px; height: 100px; margin-right: 10px; border-radius: 100%; background-size: 200%; background-repeat: no-repeat; background-position: top center;}
.teacher-mod .intro{ margin-top: 20px;}
.teacher-mod .intro>p{ font-size: 16px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.teacher-mod .intro>p:last-child{ color: #888; font-size: 14px;}
@media screen and (max-width: 750px){
    .wrap-course-detail-hd{ margin-top: 0;}
    .wrap-course-detail-hd .information{ width: 100%; margin-top: 10px;}
    .wrap-course-detail-hd .course-img{ width: 100%;}
    .wrap-course-detail-hd .desc{ margin: 15px 0 20px 0;}
    .wrap-course-detail-md .content{ padding: 20px; margin-top: 40px;}

    .course-mod{ width: 100%;}
}

.badge{ padding: 3px 5px; color: #fff; font-size: 12px; border-radius: 2px;}
.badge-green{ background: #8eb815;}
.badge-yellow{ background: #e3ba17;}
.badge-red{ background: #b71429;}

.wrap-pt-min{padding: 50px 0;}
.wrap-pt-min .ttab{ padding-bottom: 50px;}

.wrap-edu-xgt-bg{height: 545px;background: url(../img/2023/xgt-mod-bg.jpg) no-repeat center center;}
.wrap-edu-xgt{ padding: 80px 0;}
.wrap-edu-xgt .ttab{ padding-bottom: 50px;}
.wrap-edu-xgt .list{ width: 770px; float: left; }
.wrap-edu-xgt .list li{ float: left; margin: 0 20px 20px 0; text-align: center;}
.wrap-edu-xgt .list li img{ width: 236px; height: 170px;}
.wrap-edu-xgt .list li p{ margin-top: 10px; font-size: 16px;}
.wrap-edu-xgt .info{ float: left; width: 300px; padding: 50px 65px; line-height: 1.9; text-align: justify; font-size: 18px; background: #f5f5f5;}
.wrap-edu-xgt .info>span{ font-weight: 600;}

.wrap-edu-xgt2{ padding: 10px 0 40px 0;}
.wrap-edu-xgt2 .list{ margin-top: 40px;}
.wrap-edu-xgt2 .list li{ float: left;}
.wrap-edu-xgt2 .list img{ width: 300px; height: 340px;}

.wrap-edu-xgt3{ background: #f5f5f5; padding: 80px 0; text-align: center;}
.wrap-edu-xgt3 p{ margin-top: 20px; font-weight: 600; font-size: 16px;}
.wrap-edu-xgt3 .left{ float: left; width: 700px;}
.wrap-edu-xgt3 .right{ float: left; width: 500px;}

@media screen and (max-width: 750px) {
    .wrap-edu-xgt .list{ width: 100%;}
    .wrap-edu-xgt .list li{ width: 100%; margin-right: 0;}
    .wrap-edu-xgt .info{ width: 100%; padding: 20px; box-sizing: border-box;}
    .wrap-edu-xgt2 .list li{ width: 100%}
    .wrap-edu-xgt2 .list img{ width: 100%; height: auto;}
    .wrap-edu-xgt3 .left{ width: 100%;}
    .wrap-edu-xgt3 .left>img{ width: 100%; height: auto;}
    .wrap-edu-xgt3 .right{ width: 100%; margin-top: 30px;}
}

/* 鑷€ */
.wrap-edu-zk-bg{height: 545px;background: url(../img/2023/xgt-mod-bg.jpg) no-repeat center center;}
.wrap-edu-zk{ padding: 60px 0 40px 0;}
.wrap-edu-zk .ttab{ text-align: left; margin-bottom: 40px;}
.wrap-edu-zk .left{ width: 430px; height: 400px; float: left; position: relative; background: #f5f5f5;}
.wrap-edu-zk .left .inner{ padding: 30px; text-align: justify; font-size: 16px; line-height: 2.2;}
.wrap-edu-zk .left .link {position: absolute; bottom: 20px; left: 20px; right: 20px; }
.wrap-edu-zk .left .btn{ padding: 2px 20px; border-radius:20px; background: #fff; color: #e60021; border-color: #e60021;}
.wrap-edu-zk .left .btn.active, .wrap-edu-zk .left .btn:hover{ background: #e60021; color: #fff;}
.wrap-edu-zk .right{ width: 740px; float: right;}
.wrap-edu-zk .right img{ width: 740px; height: 400px;}

.wrap-edu-zk2{ background: #f5f5f5; padding: 40px 0 80px 0;}
.wrap-edu-zk2 .left{ float: left; width: 622px;}
.wrap-edu-zk2 .left img, .wrap-edu-zk2 .right img{ width: 100%; height: 425px;}
.wrap-edu-zk2 .right{ float: right; width: 566px;}

@media screen and (max-width: 750px) {
    .wrap-edu-zk .left{ width: 100%;}
    .wrap-edu-zk .right{ width: 100%;}
    .wrap-edu-zk .right img{ width: 100%; height: auto;}
    .wrap-edu-zk2 .left{ width: 100%;}
    .wrap-edu-zk2 .right{ width: 100%;}
    .wrap-edu-zk2 .left img, .wrap-edu-zk2 .right img{ width: 100%; height: auto;}
}

/* 鏁板瓧鍖 */
.wrap-edu-digit-bg{height: 532px;background: url(../img/2023/zj-bg-1.jpg) no-repeat center center;}
.wrap-edu-digit{padding: 60px 0 40px 0;}
.wrap-edu-digit .ttab{ text-align: left; margin-bottom: 40px;}
.wrap-edu-digit .area>img{ margin: 40px 0 60px 0;}
.wrap-edu-digit .digit-icon{ padding: 50px 0;}
.wrap-edu-digit .digit-icon li{ float: left; width: 240px; text-align: center; }
.wrap-edu-digit .digit-icon li img{ width: 70px; height: 70px;}
.wrap-edu-digit .digit-icon li img.hover{ display: none;}
.wrap-edu-digit .digit-icon li p{ font-size: 22px; line-height: 1.4; font-weight: bold; margin-top: 10px;}
.wrap-edu-digit .digit-icon li:hover img{ display: none !important;}
.wrap-edu-digit .digit-icon li:hover img.hover{ display: inline-block !important;}
.wrap-edu-digit .digit-icon li:hover p{ color: #e60021; }

.wrap-edu-digit2{ background: #f5f5f5; padding: 40px 0;}
.wrap-edu-digit2 .area{ text-align: center;}
.wrap-edu-digit2 .ttab{ margin-bottom: 50px;}

.wrap-edu-digit3{padding: 60px 0 40px 0;}
.wrap-edu-digit3 .ttab{ margin-bottom: 50px;}
.wrap-edu-digit4 .ttab{ margin: 80px 0;}
.wrap-edu-digit5{height: 838px;background: url(../img/2023/zj-bg-3.jpg) no-repeat center center #ffe8dc;}

/* 瀛﹀爞 */
.wrap-link-study-bg{height: 554px;background: url(../img/2023/link-bg-1.jpg) no-repeat center center;}
.wrap-link-study{margin-top: -328px; }
.wrap-link-study .ttab{ text-align: left; margin-bottom: 40px; color: #fff;}
.wrap-link-study .area>img{ margin-left: -1px;}
.wrap-link-study2{ background: #fff8f7; }
.wrap-link-study2 .area{ position: relative;}
.wrap-link-study2 .study-btn{ position: absolute; top: 265px; left: 165px; width: 226px; height: 56px; line-height: 56px; color: #fff; font-size: 26px; font-weight: 600;
    background: linear-gradient(to right,#fea166,#fc5e5e); text-align: center; border-radius: 28px;}
.wrap-link-study2 .study-btn:hover{background: linear-gradient(to right, #fe9365, #fc4e55); text-decoration: none;}

/* 绮捐繘 */
.wrap-link-proficient-bg{height: 554px;background: url(../img/2023/link-bg-1.jpg) no-repeat center center;}
.wrap-link-proficient{ position: relative;}
.wrap-link-proficient .ttab{ position: absolute; top: -300px; text-align: left; color: #fff;}
.wrap-link-proficient2{ background: #fff8f7; padding-bottom: 100px;}
.wrap-link-proficient2 .area>img:last-child{ margin-top: 25px;}

.wrap-link-media-bg{height: 554px;background: url(../img/2023/link-bg-1.jpg) no-repeat center center;}
.wrap-link-media{ position: relative;}
.wrap-link-media .ttab{ position: absolute; top: -300px; text-align: left; color: #fff;}
.wrap-link-media2{background: #fff8f7; }
.wrap-link-media2 .area{position: relative; width: 860px; height: 1100px; }
.wrap-link-media2 .mini-logo{ position: absolute; top: 330px; left: 366px; z-index: 10;}
.wrap-link-media2 .media-card{ position: absolute; width: 228px; height: 444px; -webkit-perspective: 500px; perspective: 500px;}
.wrap-link-media2 .media-card img{ width: 228px; height: 444px; position: absolute; top:0; left: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 0 28px #f3dad6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    transform: rotateY(0deg)
}
.wrap-link-media2 .media-card img.hover{transform: rotateY(-180deg)}
.wrap-link-media2 .media-card1{ top: -104px; left: 0;}
.wrap-link-media2 .media-card2{ top: -184px; left: 317px;}
.wrap-link-media2 .media-card3{ top: -104px; right: 0;}
.wrap-link-media2 .media-card4{ top: 374px; left: 0;}
.wrap-link-media2 .media-card5{ top: 514px; left: 317px;}
.wrap-link-media2 .media-card6{ top: 374px; right: 0;}
.wrap-link-media2 .media-card:hover img{ transform: rotateY(-180deg) }
.wrap-link-media2 .media-card:hover img.hover{transform: rotateY(0deg)}

@media screen and (max-width: 750px) {
    .wrap-link-proficient2 .area>img{ width: 100%;}

    .wrap-link-study { margin-top: -178px}
    .wrap-link-study .area{ padding: 0; width: 100%;}
    .wrap-link-study .area>img{ width: 100%; margin: 0;}
    .wrap-link-study2 .area{ padding: 0;}
    .wrap-link-study2 .area>img{ width: 100%}
    .wrap-link-study2 .study-btn{ top: 90px; left: 50px; width: 112px; height: 36px; line-height: 36px; font-size: 18px;}

    .wrap-link-media2{ padding-bottom: 50px}
    .wrap-link-media2 .area{ width: 100%; height: auto;}
    .wrap-link-media2 .media-card{ position: initial; margin: 50px auto 0 auto;}
    .wrap-link-media2 .mini-logo{ position: initial; margin: 50px auto; display: block;}

    .wrap-edu-digit .digit-icon li{ width: 50%; margin-bottom: 20px;}
    .wrap-edu-digit .digit-icon li:last-child{ width: 100%}
    .wrap-edu-digit .digit-icon li p{ font-size: 18px;}
    .wrap-edu-digit2 .area>img{ width: 100%; height: auto;}
    .wrap-edu-digit3 .area>img{ width: 100%; height: auto;}
    .wrap-edu-digit5{ background-size: 160%; height: 500px;}
}

/* 鏍″弸涓撹 */
.wrap-link-interview-bg{height: 635px;background: url(../img/2023/link-bg-2.jpg) no-repeat center center;}
.wrap-link-interview{ margin-top: -380px;}
.wrap-link-interview .ttab{ text-align: left; color: #fff;}

.wrap-link-interview .interview-focus{ margin-top: 30px; }
.interview-focus .focus-left{ position: relative; float: left; width: 965px; height: 510px;}
.interview-focus .focus-left li img{ position:absolute; left:0; top:0; width: 965px; height: 510px;}
.interview-focus .video-icon{ position: absolute;  top:50%; left: 50%; z-index: 100; cursor: pointer; color: #ea5b33; line-height: 1; margin: -60px 0 0 -60px; font-size: 120px;}
.interview-focus .video-icon:hover{ color: #bb272d;}

.interview-focus .focus-right{ float: right; width: 222px;}
.interview-focus .focus-right li{ margin-bottom: 10px;}
.interview-focus .focus-right li:last-child{ margin-bottom: 0;}
.interview-focus .focus-right li img{ width: 222px; height: 120px; box-shadow: 0 0 5px #fff;}

.wrap-link-interview2 .periods-tap{ position: relative; margin-top: 80px; }
.wrap-link-interview2 .periods-tap a{float: left; height: 38px; line-height: 38px; margin-right: 20px; padding:0 40px; border-radius: 40px; text-align: center; color: #cc0923; border: 1px solid #cc0923;}
.wrap-link-interview2 .periods-tap a.active, .wrap-link-interview2 .periods-tap a:hover{ color: #fff; background: #cc0923; text-decoration: none;}
.wrap-link-interview2 .periods-tap .line{ position: absolute; right: 0; top: 20px; width: 580px; height: 2px; background: #cc0923;}

.wrap-link-interview3{ background: #f5f5f5; margin: 50px 0 100px 0;}
.wrap-link-interview3 .area{ padding: 50px 0;}
.wrap-link-interview3 .periods-info{ display: none}
.wrap-link-interview3 .periods-info.active{ display: block}
.wrap-link-interview3 .periods-info li{ position: relative; float: left; width: 250px; margin: 0 18px 18px 0; padding: 18px 18px 10px 18px; box-shadow: 0 0 10px #ddd; background: #fff; }
.wrap-link-interview3 .periods-info li:nth-child(4),
.wrap-link-interview3 .periods-info li:nth-child(8),
.wrap-link-interview3 .periods-info li:nth-child(12),
.wrap-link-interview3 .periods-info li:nth-child(16),
.wrap-link-interview3 .periods-info li:nth-child(20),
.wrap-link-interview3 .periods-info li:nth-child(24){margin: 0 0 20px 0; }
.wrap-link-interview3 .periods-info li .video-icon{ position: absolute;  top:50%; left: 50%; z-index: 100; cursor: pointer; color: #fff; line-height: 1; margin: -40px 0 0 -25px; font-size: 50px;}
.wrap-link-interview3 .periods-info li .video-icon:hover{ color: #bb272d;}
.wrap-link-interview3 .periods-info li:hover{ box-shadow: 0 0 10px #bbb;}
.wrap-link-interview3 .periods-info li img{width: 246px; height: 186px; }
.wrap-link-interview3 .periods-info li p { margin-top: 6px; font-size: 16px;}
.wrap-link-interview3 .periods-info li p>span{ float: right; font-size: 14px;}
@media screen and (max-width: 750px) {
    .interview-focus .focus-left{ float: none; width: 100%; height: 200px}
    .interview-focus .focus-left li img{ width: 100%; height: auto;}
    .interview-focus .focus-right{ float: none; width: 222px; margin: 0 auto; padding-top: 20px;}
    .wrap-link-interview2 .periods-tap .line{ display: none;}
    .wrap-link-interview2 .periods-tap a{ margin-bottom: 20px;}
    .wrap-link-interview3 .periods-info li{ margin: 0 auto 18px auto !important; float: none;}
}

    /* 瀛﹀巻鏁欒偛 */
.educ-wrap1{ padding-bottom: 60px;}
.educ-wrap1 .ttab{ margin-bottom: 50px;}
.educ-wrap1 ul{ width: 750px; margin: 0 auto;}
.educ-wrap1 ul li{ float: left; width: 33%; margin-top: 60px; text-align: center;}
.educ-wrap1 ul:last-child li{ width: 50%;}
.educ-wrap2{ padding: 50px 0;}
.educ-wrap2 h4{ padding: 0 10px; color: #fff; background: #ff5959; display: inline-block;}
.educ-wrap2 h5{font-weight: bold; font-size: 14px; margin: 10px 0;}
.educ-wrap2 .educ-left{ width: 350px; float: left;}
.educ-wrap2 .educ-left .desc{ min-height: 165px; line-height: 2.4; font-size: 12px; margin-top: 20px; }
.educ-wrap2 .educ-left ul li{ float: left; height: 135px; margin:0 10px 6px 0; text-align: center;}
.educ-wrap2 .educ-left ul li:nth-child(3),.educ-wrap2 .educ-left ul li:last-child{ margin-right: 0}
.educ-wrap2 .educ-left ul li img{ width: 108px;}
.educ-wrap2 .educ-right{ width: 790px; float: right;}
.educ-wrap2 .educ-right .fl{ width: 510px; height: 340px}
.educ-wrap2 .educ-right .fl>img{ width: 504px;}
.educ-wrap2 .educ-right .fr{ width: 210px; height: 286px; padding: 50px 10px 0 15px; line-height: 2.4; background: #ff5959; color: #fff;}
.educ-wrap2 .educ-right .font-item { margin-top: 2px;}
.educ-wrap2 .educ-right .font-item li{ float: left; width: 160px; height: 92px; margin: 0 50px 0 0; background: #ff5959; text-align: center;}
.educ-wrap2 .educ-right .font-item li:last-child{ margin-right: 0}
.educ-wrap2 .educ-right .font-item li a{color: #fff; margin-top: 36px; display: block;}
.educ-wrap2-blue .educ-right .fr{ background: #3b8de9;}
.educ-wrap2-blue h4{ background: #3b8de9;}
.educ-wrap2-blue .educ-right .academy-item {text-align: center; margin-top: 2px;}
.educ-wrap2-blue .educ-right .academy-item li{ float: left; margin: 0 22px 0 0;}
.educ-wrap2-blue .educ-right .academy-item li:last-child{ margin-right: 0}
.educ-wrap2-blue .educ-right .academy-item li img{ width: 180px; height: 108px;}
.educ-wrap2-yellow .educ-right .fr{ background: #fca43c;}
.educ-wrap2-yellow h4{ background: #fca43c;}
.educ-wrap2-yellow .educ-right .font-item li { width: 200px; background: #fca43c;}
.educ-wrap2-yellow .educ-right .font-item li a{margin-top: 28px; }

.educ-wrap5{ padding: 50px 0;}
.educ-wrap5 .ttab{ position: relative; text-align: center;}
.educ-wrap5 .ttab:after{ content: "";position: absolute; top: 36px; left: 50%; width: 550px; margin-left: -275px; height: 1px; background: #666; overflow: hidden;}
.educ-wrap5 .ttab h3{ background: #fff; padding: 0 20px; display: inline-block; z-index: 2;}
.educ-wrap5 .project-item{ margin-top: 60px;}
.educ-wrap5 .project-item li{ float: left; width: 292px; height: 180px; overflow: hidden; position: relative; color: #fff; margin-bottom: 25px;}
.educ-wrap5 .project-item li:nth-child(4),.educ-wrap5 .project-item li:last-child{ margin-right: 0}
.educ-wrap5 .project-item img{ position: absolute; z-index: -2; width: 287px;}
.educ-wrap5 .project-item .bg{ width: 287px; height: 180px; top:0; left: 0; position: absolute; z-index: -1; background: rgba(1,1,1,.3) }
.educ-wrap5 .project-item h4{ margin-top: 66px; text-align: center; font-weight: bold; color: #fff;}
.educ-wrap5 .project-item p{text-align: center;}
.educ-wrap5 .project-item a:hover{ color: #fff;}
.educ-wrap5 .college-item{ margin-top: 60px;}
.educ-wrap5 .college-item li{ float: left; width: 372px; margin-right: 40px;}
.educ-wrap5 .college-item li:last-child{ margin-right: 0}
.educ-wrap5 .college-item li>img{width: 372px; height: 270px;}
.educ-wrap5 .college-item li>h4{ font-weight: bold; margin-top: 10px;}
.educ-wrap5 .college-item li>.desc{ min-height: 230px; margin-top: 15px;}
@media screen and (max-width: 750px){
    .educ-wrap1 ul{ width: 100%; margin-top: 20px;}
    .educ-wrap1 ul li{ width: 100%; margin-top: 20px;}

    .educ-wrap2 .educ-left,.educ-wrap2 .educ-right{ float: none; width: 100%;}
    .educ-wrap2 .educ-right .fl{ float: none; width: 100%; height: auto;}
    .educ-wrap2 .educ-right .fl>img{ width: 100%;}
    .educ-wrap2 .educ-right .fr{ float: none; width: auto; height: auto; padding: 15px 10px}
    .educ-wrap2 .educ-right .font-item li{ width: 100%; margin: 0 0 10px 0;}
    .educ-wrap2-blue .educ-right .academy-item li{ float: none; margin: 0;}

    .educ-wrap5 .project-item{ margin-top: 20px;}
    .educ-wrap5 .project-item img{ width: 100%; height: auto;}
    .educ-wrap5 .project-item .bg{ width: 100%;}
    .educ-wrap5 .project-item li{ float: none; width: 100%;}
    .educ-wrap5 .college-item li>img{ width: 100%; height: auto;}
}

/* 鑱屼笟鏁欒偛 */
.occup-wrap1{ margin-top: 80px;}
.occup-wrap1 ul li{ float: left; width: 220px; position: relative; margin: 0 25px 65px 0; color: #fff; overflow: hidden;}
.occup-wrap1 ul li:nth-child(5),.occup-wrap1 ul li:last-child{ margin-right: 0}
.occup-wrap1 ul li a{ color: #fff; font-size: 16px}
.occup-wrap1 ul li>img{ width: 220px;}
.occup-wrap1 ul li>p{ position: absolute; top: 62px; width: 100%; text-align: center;}
.occup-wrap1 ul li>.badge{ position: absolute; top: 0; right: 0;}
.occup-wrap2 .inner{ text-align: center}
.occup-wrap2 .inner img { width: 586px;}
.occup-wrap2 .inner h4{ margin-top: 20px;}
.occup-wrap-lr .inner{width: 586px; box-shadow: 0 2px 8px #ddd; margin-top: 50px;}
.occup-wrap-lr .inner>img{width: 586px;}
.occup-wrap-lr .inner>.desc{ padding: 10px 10px 20px 10px;}
.occup-wrap-lr .inner h3{ font-weight: bold; text-align: center;}
.occup-wrap-lr .inner p{ margin-top: 10px; display: block; min-height: 78px;}
.occup-wrap-lr .inner h5{ font-weight: bold; margin-top: 5px;}
@media screen and (max-width: 750px){
    .wrap-pt-min{padding: 20px 0;}
    .wrap-pt-min .ttab{ padding-bottom: 20px;}
    .wrap-pt-min img{ width: 100%;}
    .occup-wrap1 ul li { left: 50%; float: none; margin: 0 0 20px -110px}
    .occup-wrap2 .inner img{ width: 100%; margin-top: 30px}
    .occup-wrap-lr .inner{ width: 100%;}
    .occup-wrap-lr .inner>img{ width: 100%;}
}

    /* form style1 */
.wrap-form1{ padding-bottom:100px;}
.wrap-form1 h3{ font-size: 24px}
.wrap-form1 .CCForm{ padding: 22px; margin-top: 36px; box-sizing: border-box; border-radius: 16px; box-shadow: 0 0 24px #ccc; background: #fff;}
.wrap-form1 .CCForm .cc_item{ float: left; width: 244px; margin-right: 40px;}
.wrap-form1 .CCForm .cc_item .input-text{ padding: 6px 16px; background: #ddd; border-radius: 18px;}
.wrap-form1 .CCForm .cc_item .submit-button{  width: 128px; display:block;  border-radius: 12px; margin:0 auto; border: 1px solid #333;}
.wrap-form1 .CCForm .cc_item .submit-button:hover{ background: #bb272d; color: #fff; border-color: #bb272d; text-decoration: none;}
.wrap-form1 .CCForm .cc_item .valid_message{ top:4px;}
@media screen and (max-width: 750px){
    .wrap-form1 .CCForm .cc_item{ float: none; width: 100%; margin: 0 0 20px 0;}
}

/* 棰戦亾椤甸潰鑳屾櫙缁熶竴澶勭悊 */
@media screen and (max-width: 750px){
    /*.wrap-bg-about,*/
    /*.wrap-bg-about-chairman,*/
    /*.wrap-bg-product,*/
    /*.wrap-bg-news,*/
    /*.wrap-bg-school,*/
    /*.wrap-bg-strategy,*/
    /*.wrap-bg-hr{ height: 110px; background-size:cover;}*/
}

/* download */
.wrap-download{ margin: 160px 0;}
.wrap-download .area{ width: 1152px; height: 480px; border-radius: 16px; background: url('../img/app_bg.png') no-repeat center center;}
.wrap-download .area .title{ padding: 60px 0; text-align: center; font-size:18px; color:#fff; letter-spacing:1px}
.wrap-download .area .title>i{color:#fff; font-size:22px}
.wrap-download .app-list{ padding: 0 250px;}
.wrap-download .app-list>li{ width: 50%; float: left; text-align: center;}
.wrap-download .app-list>li img{ width: 180px}
.wrap-download .app-list>li p{ color:#fff; font-size: 18px;}
.wrap-download .app-list>li p>i{ color:#fff; font-size:24px}
@media screen and (max-width: 750px){
    .wrap-download .area{ width:100%; border-radius: 0}
    .wrap-download .area .title{ padding: 30px 0;}
    .wrap-download .app-list{ padding: 0 10px;}
    .wrap-download .app-list>li{ width: 100%;}
    .wrap-download .app-list>li:first-child{ margin-bottom: 16px;}
    .wrap-download .app-list>li img{ width: 120px;}
}


.primary-btn{ display: inline-block; height: 46px; line-height: 46px; padding: 0 40px; margin-right: 40px; font-size: 18px; font-weight: bold; border-radius: 15px; transition: all .3s; border:1px solid #cc0923; background: #fff; color: #cc0923; text-align: center;}
.primary-btn.active, .primary-btn:hover{ background: #cc0923;  color: #fff; text-decoration: none !important;}
@media screen and (max-width: 750px){
    .primary-btn{ height: 38px; line-height: 38px; padding: 0 20px; margin: 0 20px 20px 0;}
}


/* effeic */
.open .animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}

.open .fadeInRight {  animation-name: fadeInRight;  }
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.open .fadeInLeft {  animation-name: fadeInLeft;  }
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.open .bounceIn {  animation-name: bounceIn;  }
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    90% {
        opacity: .9;
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    90% {
        opacity: .9;
        -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
        transform: scale(1.01)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.open .fadeInDown {  animation-name: fadeInDown;  }
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@-webkit-keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}