/* font icon */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg') 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;}

.vocation-wrap{background:url("../images/vocation_bg.png") no-repeat;background-size:100% 100%;padding-top:120px !important; margin-top:0 !important;}
.degree-wrap{background:url("../images/degree_bg.jpg") no-repeat;background-size:100% 100%;padding-top:120px !important; margin-top:0 !important;}
.degree-wrap2{ margin-top:0 !important;}
.degree-wrap1{background:url("../images/123.jpg") no-repeat;background-size:100% 100%;padding-top:360px !important; margin-top:0 !important;}
@media screen and (max-width: 750px){
    .vocation-wrap{background:url("../images/vocation_bg.png") no-repeat;background-size:100% 100%;padding-top:90px !important; margin-top:0 !important;}
}
@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: rgba(1,1,1,.2);
}

/* header */
.wrap-top-header{ height:24px; background: #e60020; }
.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;}

.wrap-header{ padding: 52px 0 72px 0; overflow: hidden;}
.wrap-header .wap-nav-more{ display: none; float: left; cursor: pointer;}
.wrap-header .wap-nav-more>i{ font-size: 34px; line-height: 1.1; color: #fff;}
.wrap-header .fl img.logo{ height: 43px; }
.wrap-header .fl img.sloga{ height: 30px; margin-left:20px;}
.wrap-header .fr{ position: relative; width: 400px;}
.wrap-header .fr ul.menu li{ float: left; margin: 0 6px; color: #fff;}
.wrap-header .fr ul.menu li a{ color: #fff;}
.wrap-header .fr .search{ width:300px; top:20px; position: relative;}
.wrap-header .fr .search input{  font-size: 14px;height: 30px; border-radius: 14px; padding: 2px 36px 2px 12px;line-height: 1.42857143; background-color:#efebeb;box-sizing:border-box;border:solid 1px #efebeb;width:100%;word-break:break-all;}
.wrap-header .fr .search .submit{ width: 30px; height: 30px; background: none; cursor: pointer;border: none; position: absolute; top: 0px; right: 0;}
.wrap-header .fr .search .submit i{ font-size: 16px; color: #c5bfbf;}
.wrap-header .fr .search .submit:hover i{ color: #666;}
.wrap-header .fr .mobile{ position: absolute; right: 150px; top:-30px;}

.wrap-subnav{ position: relative; z-index: 100;}
.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("../images/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 a.action::after,*/
/*.wrap-subnav .nav ul>li a:hover::after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 26px; height: 1px; margin-left: -13px; background:#d74043; overflow: hidden;}*/
.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;}
    .wrap-header .wap-nav-more>i{ color:#d74043; }

    .wrap-header{ padding: 0;}
    .wrap-header .fl{padding-top: 0; float:right;}
    .wrap-header .fl img.logo{ height: 36px;}
    .wrap-header .fl img.sloga{ display: none}

    .wrap-header .fr{ display: none;}
    .wrap-header .wap-nav-more{ display: block;}

    /* 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: 40px;}

.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: 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;color:#333 !important;}
.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: 834px; padding-top: 0!important; margin-top: 150px; color: #fff; background: url("../images/m3.jpg") center no-repeat;}
.wrap-dreams .ttab h3{ padding-top: 40px; color: #fff}
.wrap-dreams ul.box{ margin-top: 160px;}
.wrap-dreams ul.box li{ float: left; width: 360px; height: 360px; margin-right: 60px;}
.wrap-dreams ul.box li a{ color: #fff; }
.wrap-dreams ul.box li>a{ float: left; position: relative; width: 360px; height: 310px; border-radius: 20px; overflow: hidden; text-align: center; color: #fff;}
.wrap-dreams ul.box li>a:after{ position: absolute; top:0; left: 0; width: 360px; height: 310px; background: rgba(1,1,1,.3); content: "";}
.wrap-dreams ul.box li>a>h4{ position: absolute; top: 120px; width: 100%; font-size: 42px; font-weight: 600; color: #fff;}
.wrap-dreams ul.box li:last-child{ margin-right: 0;}
.wrap-dreams ul.box li.active>a:after{ background: none;}
.wrap-dreams ul.box li img{ width: 360px; height: 310px;}
.wrap-dreams ul.box li p{ float: left; width: 100%; text-align: right; margin-top: 10px;}

/* 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-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: 150px}
.wrap-pt2{ padding-top: 50px}
.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;  right:0; 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{ position: relative; z-index: 100; height: 240px;}
.wrap-digital .area{ position: relative;}
.wrap-digital .digital{ position: absolute; top: -20px; left: 45px; width: 1110px; height: 190px; background: #e60020;  padding-top: 50px;}
.wrap-digital .digital>li{ position: relative; float: left; width: 25%; text-align: center; color: #fff; font-family:PingFang SC;}
.wrap-digital .digital>li:after{ position: absolute; top: 20px; left: 2px; content: ""; width: 2px; height: 66px; background: #fff;}
.wrap-digital .digital>li:first-child:after{ display: none;}
.wrap-digital .digital>li>div{ font-size: 12px; margin-top: 2px;}
.wrap-digital .digital>li>p{ font-size: 40px; color: #fff;}
@media screen and (max-width: 1044px) and (min-width: 769px){

}
@media screen and (max-width: 750px){
    .wrap-digital .digital{ width: 360px; height: auto; margin: 0 auto; position: inherit; left: 0;}
    .wrap-digital .digital>li{ width: 50%; margin-bottom: 20px;}
    .wrap-digital .digital>li:nth-child(3):after{ display: none;}
    .wrap-digital .digital>li>p{ font-size: 30px;}
    /*.digital>li>img{ width: 120px;}*/
}

/* 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: url("../images/m7.jpg") center no-repeat;}
.wrap-honor .ttab{ padding-top: 30px;}
.wrap-honor .j-prev{ border-radius: 0 20px 20px 0;}
.wrap-honor .j-next{border-radius: 20px 0 0 20px;}
.medal-honor{ height: 210px; margin-top: 160px; 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{}
.wrap-media .area{ position: relative;}
.wrap-media .ttab>h3{ position: relative; text-align: left; font-size: 40px; color: #555; font-weight: 600;}
.wrap-media .ttab>h3:after{ position: absolute; bottom: -15px; left: 30px; width: 90px; height: 10px; content: ""; background: #ebe6e6; border-radius: 2px;}

.wrap-media .news-switch{ position: absolute; top:40px; right: 0; width: 101px;}
.wrap-media .news-switch>div{ float: left; width: 50px; height: 44px; line-height: 44px; user-select: none; cursor: pointer; background: rgba(1,1,1,.6); text-align: center; color: #fff;}
.wrap-media .news-switch>div:hover {  background: rgba(1,1,1,.4)}
.wrap-media .news-switch .switch-left{ border-radius: 22px 0 0 22px;}
.wrap-media .news-switch .switch-right{ border-radius: 0 22px 22px 0; margin-left: 1px;}
.wrap-media .news-switch i{color: #fff; font-size: 20px;}
.wrap-media .news-dt{ margin-top: 110px; cursor: pointer; user-select: none;}
.wrap-media .news-dt li{ float: left; width: 33%; height: 230px; position: relative; transition: all .3s; border-bottom:4px solid #eae9e9; text-align: center;}
.wrap-media .news-dt li>i{ font-size: 72px; line-height: 100px; color: #fff; border-radius: 10px; padding: 10px; background: #bab6b6;}
.wrap-media .news-dt li>p{ font-size: 16px; font-weight: 600;}
.wrap-media .news-dt li:after{ content: ""; position: absolute; left: 50%; bottom: 0; height: 50px; width: 2px; background: #bab6b6;}

.wrap-media .news-dt li.active{ border-bottom-color: #cc0923;}
.wrap-media .news-dt li.active>i{ background: #cc0923; color: #fff;}
.wrap-media .news-dt li.active>p{ color: #cc0923}
.wrap-media .news-dt li.active:after{ background: #cc0923;}

.wrap-media .news-item-box{ min-height: 502px; padding:50px 0 20px 35px;}
.wrap-media .news-item{ display: none; }
.wrap-media .news-item-show{ display: block;}
.wrap-media .news-item li{width: 550px; float: left; margin: 0 25px 30px 0;}
.wrap-media .news-item li .media-type{ position: absolute; right: 10px; bottom: 10px; width: 64px; height: 54px;
background: #cc0923; border-radius: 10px 0 0 10px; text-align: center;}
.wrap-media .news-item li .media-type>i { color: #fff; font-size: 26px; display: block; margin-top: 2px;}
.wrap-media .news-item li .img-box{ float: left; width:270px; height: 196px; box-shadow: 0 0 10px #ddd; background: #cc0923; padding-right: 10px; 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 .info { width: 250px; height: 176px; border-radius: 0 10px 10px 0; padding: 10px; background: #f1f1f1; overflow: hidden;}
.wrap-media .news-item li .info h3{ height: 40px; line-height: 20px; font-weight: 600; color: #cc0923; font-size: 16px;  overflow: hidden;}
.wrap-media .news-item li .info>p{ margin-top: 2px;}
.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{ margin-top: 10px;}

.wrap-media .news-item li.active a:hover{ color: #fff;}
.wrap-media .news-item li.active .media-type{ background: #fff;}
.wrap-media .news-item li.active .media-type>i{ color: #666;}
.wrap-media .news-item li.active .img-box{ background: #fff;}
.wrap-media .news-item li.active .info{ background: #cc0923; color: #fff;}
.wrap-media .news-item li.active .info h3,
.wrap-media .news-item li.active .info i{ color: #fff;}

@media screen and (max-width: 750px){
    .wrap-media .news-item-box{ padding: 50px 0 0 0;}
    .wrap-media .news-item li{ float: inherit; width: 100%;; margin:0 auto 30px auto;}
    .wrap-media .news-item li .info{ width: 100%; height: auto; box-sizing: border-box; border-radius: 0 0 5px 5px;}
    .wrap-media .news-item li .img-box{ width: 100%; height: auto;}
}

.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; margin:0 30px 10px 0;}
.wrap-collaborate-academy ul>li img{ height: 47px;}
@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{ margin-bottom: 15px;}
    .wrap-collaborate-academy ul>li img{ height: 36px}
}

/*  战略页面 */
.wrap-bg-strategy{ height: 400px; background:url("../images/strategy-bg.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("../images/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: 400px; background:url("../images/about-bg.jpg") no-repeat center center;}

/* 董事长 */
.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-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: 200px; padding-left: 28px; box-sizing: border-box;}
.wrap-chairman .intro>h3{ font-size: 26px; letter-spacing: 10px;}
.wrap-chairman .intro .desc{ margin-top: 30px; line-height: 2;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-dignitary .mod .fl .mod-p{ padding-right: 20px;}
.carousel-dignitary{ position: relative; overflow: hidden;}
.carousel-dignitary .j-prev{ left: 25px;}
.carousel-dignitary .j-prev,.carousel-dignitary .j-next{ display: none;}
.carousel-dignitary:hover .j-prev,.carousel-dignitary:hover .j-next{ display: block;}
.dignitary-list li{ float: left; width: 275px; height: 460px; margin-left: 25px;}
.dignitary-list li .header{ background: #e9e9e9; display: flex; justify-content: center; align-items: center; height: 288px; text-align: center;}
.dignitary-list li .header>img{ max-width: 100%;}
.dignitary-list li .name{ font-size: 22px; text-align: center}
.dignitary-list li .title{ text-align: center;}
.dignitary-list li .desc{ display: none;}
@media screen and (max-width: 750px){
    .wrap-dignitary .mod .fl .mod-p{ padding:20px;}
    .carousel-dignitary .j-prev,.carousel-dignitary .j-next{ display: block;}
}
/* 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: 1000px;}
.event-inner{padding-top: 220px; position: relative;}
.event-inner dl{ float: left; position: relative;  margin-right: 64px; width: 290px; height: 140px;}
.event-inner dl:last-child{ margin-right: 0;}
.event-inner dl .evt-desc{ height: 95px; font-size: 13px; overflow: auto; text-align: justify; box-sizing: border-box; background: #fff; padding: 10px;}
.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;}
.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 */
.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;}
.event-inner .c-red{ color: #bb272d;}

/* 上面的情况 */
.event-inner dl:nth-child(2) .evt-year,
.event-inner dl:nth-child(4) .evt-year{ position: absolute; bottom:12px;}
.event-inner dl:nth-child(2) .evt-year:after,
.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 */
.event-inner dl:nth-child(2) .evt-year:before,
.event-inner dl:nth-child(4) .evt-year:before{top:76px}

/* 上面位子的处理 */
.event-inner dl:nth-child(2){ position: absolute; top: 15px; left: 173px;}
.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: 290px; 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;}
@media screen and (max-width: 1044px) and (min-width: 767px){

    /*.carousel-event{ display: none}*/

    /*.swiper-container.swiper-container-event{ display: none; }*/
    /*.swiper-container.swiper-container-event .swiper-button{ display: block;}*/
}
@media screen and (max-width: 750px){
    .carousel-event{ display: none}
    .wrap-event .swiper-button{ display: none;}

    .swiper-container.swiper-container-event{ display: block; }
    .swiper-container.swiper-container-event .event-inner dl .evt-desc{ height: auto;}
}

/* 荣誉 */
.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("../images/chairman-bg.jpg") no-repeat center center;}


/* news 页面 */
.wrap-bg-news { height: 400px; background:url("../images/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;}
}

/* 右侧模块 */
.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;}
.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: 769px){
    .wrap-news-video{ margin-bottom: 20px;}
    .wrap-news-video .video-box{ width: 100%; height:248px;}
}

/* 分校页面 */
.wrap-bg-school { height: 400px; background:url("../images/news-bg.jpg") no-repeat center center;}
.wrap-school{}
.wrap-school .hd{ padding: 50px 0;}
.wrap-school .hd a{ float: left; padding: 1px 8px; font-size: 18px; margin-right: 50px;}
.wrap-school .hd a.action{ background: #bb272d; color: #fff; margin-right: 6px;}
.wrap-school .hd a.map>i{ font-size: 22px; }
.wrap-school .hd a.map>i:hover{ color: #bb272d;}
.wrap-school .hd a.action:hover{ text-decoration:none;}
.wrap-school h3{ font-size: 16px; padding: 10px 0; font-weight: 600;}
.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 .school-name{ text-align: center; margin-top: 10px;}
.school-item .school-explain{ height: 150px; margin: 10px 0 10px 20px; overflow: auto;}
.school-item .school-explain p{}

@media screen and (max-width: 750px){
    .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 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("../images/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-teacher .teacher-swiper-box{ height: 694px; background: url("../images/teacher-bg.jpg") no-repeat center; position: relative;}
.wrap-teacher .teacher-swiper-container{ padding-top: 60px; 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 .ttab{padding-bottom: 10px; border-bottom: 10px solid #eae9e9;}
.wrap-teacher .ttab>h3{ position: relative;  text-align: left; font-size: 40px; font-weight: 600;}
.wrap-teacher .ttab>h3:after{ position: absolute; bottom: -20px; left: 0; width: 100px; height: 10px; content: ""; background: #e51321;}
.wrap-teacher .teacher-swiper-container{ overflow: hidden;}
.wrap-teacher .info{ width: 940px; margin: 0 -62px 0 auto; color: #fff; margin-bottom: 116px;}
.wrap-teacher .info p{ float: left; width: 300px; position: relative; font-size: 16px;}
.wrap-teacher .info p:after{ content: ""; position: absolute;  left: -14px; top: 11px; width: 5px; height: 5px; background: #fff; border-radius: 5px;}
.wrap-teacher .more{ position: absolute; bottom: 40px; right: 20px; font-weight: 600;  }
.wrap-teacher .more a{ color: #fff; font-size: 16px;}
.wrap-teacher .more i{ color: #fff; font-size: 24px;}

.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%;}

    .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;}

/* 学历教育 */
.educ-wrap1{ padding-bottom: 60px;}
.educ-wrap1 .ttab{ margin-bottom: 20px;}
.educ-wrap1 ul{ width: 1180px; margin: 0 auto;}
.educ-wrap1 ul li{ float: left; width: 25%; margin-top:46px; text-align: center;}
.educ-wrap1 ul li p{line-height:42px;}
.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;color:#333;}
.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;box-sizing:content-box !important;}
.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: 50%; 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:100%;display:inline-block;box-sizing:border-box !important; 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:left; margin: 0;width:50%;}

    .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;}

    .educ-wrap5 .college-item li{ float: left; width:100%; margin-right: 40px;}
    .educ-wrap5 .college-item li:last-child{ margin-right: 0}
    .educ-wrap5 .college-item li>img{width:100%; height:auto;}
    .educ-wrap5 .college-item li>h4{ font-weight: bold; margin-top: 10px;}
    .educ-wrap5 .college-item li>.desc{min-height:auto; margin: 15px 0;}
}

/* 职业教育 */
.occup-wrap1{ margin-top: 80px;}
.occup-wrap1 ul li{ float: left; width: 220px; position: relative; margin: 0 25px 25px 0; color: #fff; overflow: hidden;border:1px solid #FFF;}
.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;color:#333;}
.occup-wrap-lr .inner p{ margin-top: 10px; display: block; min-height: 78px;}
.occup-wrap-lr .inner h5{ font-weight: bold; margin-top: 5px;color:#333;}
@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% !important;}
    .occup-wrap1 ul li { width: calc(50% - 20px); float:left; margin:10px;}
    .occup-wrap2 .inner img{ width: 100%; margin-top: 30px}
    .occup-wrap-lr .inner{ width: 100%;}
    .occup-wrap-lr .inner>img{ width: 100%;}
    .occup-wrap1 ul li:nth-child(5),.occup-wrap1 ul li:last-child{ margin-right:10px;}
}

    /* 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: 60px 0;}
.wrap-download .area{ width: 1152px; height: 480px; border-radius: 16px; background: url('../images/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;}
}
/* 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;
    }
}