b,h1,h2,h3,h4,h5,h6,i {font-weight:400}
*,li,ol,ul {list-style:none}
a,abbr,address,article,aside,audio,b,big,body,button,canvas,caption,dd,details,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,label,li,mark,menu,nav,object,ol,output,p,q,section,select,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {margin:0;padding:0;border:0;font-family:'Microsoft Yahei',simsun,arial,tahoma;font-size:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
table {border-collapse:collapse;border-spacing:0}
button,input,select,textarea {font-family:inherit}
a {text-decoration:none}
input {outline:0}
/* input 和 textarea的占位文本兼容性 */
/*WebKit和Blink（Safari,Google Chrome, Opera15+）使用伪元素 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#ccc;padding-left: 5px;}
/*Mozilla Firefox 4-18使用伪类 */
input:-moz-placeholder,textarea:-moz-placeholder {color:#ccc;padding-left: 5px;}
/*在Firefox 19+版本中 :-moz-placeholder 伪类将被 ::-moz-placeholder 伪元素所替代.*/
input:-moz-placeholder,textarea:-moz-placeholder {color:#ccc;padding-left: 5px;}
/*IE10使用伪类*/
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#ccc;padding-left: 5px;}
/*IE9和Opera12以下版本的CSS选择器均不支持占位文本*/

article,aside,figure,footer,header,nav,section {display:block}
/* Opera 不支持 word-break 属性。*/
p {word-break:break-all;word-wrap:break-word}
ol,ul{list-style:none}
blockquote,q{quotes:none} /*设置嵌套引用（embedded quotation）的引号类型。*/
del{text-decoration:line-through}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
html{font-size:14px;color:#333;overflow-x:hidden;overflow-y:auto}
img{border:0 none;display:inline-block;vertical-align:middle;}
body {color:#333;font-size:12px;font-family:-apple-system,"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;
line-height:1.5;background:#fff;}
.fl {float:left} /* 浮动 */
.fr {float:right}

.layui-container {position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}
.layui-row:after,.layui-row:before {content:'';display:block;clear:both}
.layui-row .zsjh{width: 100%; background-color: rgba(40,165,255); text-align: center;}

@media screen and (min-width:992px) {
    .layui-container {width:1200px}
    .layui-hide-md {display:none!important}
    .layui-show-md-block {display:block!important}
    .layui-show-md-inline {display:inline!important}
    .layui-show-md-inline-block {display:inline-block!important}
    .layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9 {float:left}
    .layui-col-md1 {width:8.33333333%}
    .layui-col-md2 {width:16.66666667%}
    .layui-col-md3 {width:25%}
    .layui-col-md4 {width:33.33333333%}
    .layui-col-md5 {width:41.66666667%}
    .layui-col-md6 {width:50%}
    .layui-col-md7 {width:58.33333333%}
    .layui-col-md8 {width:66.66666667%}
    .layui-col-md9 {width:75%}
    .layui-col-md10 {width:83.33333333%}
    .layui-col-md11 {width:91.66666667%}
    .layui-col-md12 {width:100%}
    .layui-col-md-offset1 {margin-left:8.33333333%}
    .layui-col-md-offset2 {margin-left:16.66666667%}
    .layui-col-md-offset3 {margin-left:25%}
    .layui-col-md-offset4 {margin-left:33.33333333%}
    .layui-col-md-offset5 {margin-left:41.66666667%}
    .layui-col-md-offset6 {margin-left:50%}
    .layui-col-md-offset7 {margin-left:58.33333333%}
    .layui-col-md-offset8 {margin-left:66.66666667%}
    .layui-col-md-offset9 {margin-left:75%}
    .layui-col-md-offset10 {margin-left:83.33333333%}
    .layui-col-md-offset11 {margin-left:91.66666667%}
    .layui-col-md-offset12 {margin-left:100%}
}

.layui-col-space1 {margin:-.5px}
.layui-col-space1>* {padding:.5px}
.layui-col-space3 {margin:-1.5px}
.layui-col-space3>* {padding:1.5px}
.layui-col-space5 {margin:-2.5px}
.layui-col-space5>* {padding:2.5px}
.layui-col-space8 {margin:-3.5px}
.layui-col-space8>* {padding:3.5px}
.layui-col-space10 {margin:-5px}
.layui-col-space10>* {padding:5px}
.layui-col-space12 {margin:-6px}
.layui-col-space12>* {padding:6px}
.layui-col-space15 {margin:-7.5px}
.layui-col-space15>* {padding:7.5px}
.layui-col-space18 {margin:-9px}
.layui-col-space18>* {padding:9px}
.layui-col-space20 {margin:-10px}
.layui-col-space20>* {padding:10px}
.layui-col-space22 {margin:-11px}
.layui-col-space22>* {padding:11px}
.layui-col-space25 {margin:-12.5px}
.layui-col-space25>* {padding:12.5px}
.layui-col-space30 {margin:-15px}
.layui-col-space30>* {padding:15px}

.mtb20{margin: 20px 0;}
.mtb40{margin: 40px 0;}
/*文字*/
.title1{text-align: center;font-size: 24px;line-height: 3;font-weight: 700;color: #333;}
.text1{padding: 5px;line-height: 1.5;font-size: 16px;color: #333;display: block;text-align: center;}
/*按钮*/
.ui-btn {font-size:18px;color:#fff;text-align:center;line-height:50px;display:block;background:#0779D9;width:360px;margin-left:auto;margin-right:auto;cursor: pointer;}

.banner{position: relative;overflow: hidden;padding-bottom: 55px;}
.banner .banner-box{background-color: #0879D9;color: white;line-height: 2;padding: 30px 20px;
    position: absolute;bottom: 0;font-size: 16px;}
.header-one>p{text-align: center;line-height: 2;font-size: 40px;font-weight: 700;color: #333;}
.header-one>p>span{width: 160px;height: 15px;display: inline-block;border-top: 5px solid #ccc;border-bottom: 5px solid #ccc;
margin: 0 10px;vertical-align: middle;}

.box{border:1px solid #ccc;margin: 0 15px 15px;height: 360px;position: relative;}
.box>a{display: block;}
.title1{text-align: center;font-size: 20px;line-height: 2;font-weight: 700;color: #333;}
.text1{padding: 5px;line-height: 1.5;font-size: 16px;color: #333;display: block;text-align: center;}

.w1200{width: 1200px;}
.ui-block-form{background:#ededed;}
.ui-block-form>*{box-sizing: content-box;}
.ui-block-form .pc-zy-yj{ font-size:24px; color:#333;  height:48px; padding:26px 0;  margin:0 auto;}
.ui-block-form .pc-zy-yj .pc-zy-bm{width:1200px; padding:0 30px; height:48px; overflow:hidden;}
.ui-block-form .pc-zy-yj .pc-zy-bm ul li{ float:left; height:48px; line-height:48px;font-size: 24px;}
.ui-block-form .pc-zy-yj .pc-zy-bm ul li.m-left{ margin-left:55px;}
.ui-block-form .pc-zy-yj .pc-zy-bm .pc-zy-bm-put{ height:48px; width:274px; padding:0 5px; font-size:20px; vertical-align:top;border-radius: 20px;}
.ui-block-form .pc-zy-yj .pc-zy-bm .pc-zy-btn{font-size:24px; cursor:pointer; width:280px; height:48px; background:#F59126; color:#fff; border-radius:5px; vertical-align:top;border-radius: 20px;}

ul.nav-box li{float: left;width: 20%;box-sizing: border-box;border: 1px solid #ccc;text-align: center;display: inline-block;
padding: 20px;font-size: 20px;background-color:#ECECEC;}


.course-box li{line-height: 2;font-size: 16px;color: #333;}
.course-box li>span{background-color: #0879D9;border-radius: 50%;width: 10px;height: 10px;display: inline-block;margin-right: 20px;vertical-align: middle;}
.course-box p{color: red;font-size: 16px;line-height: 1.5;padding: 10px;}

.credentials-box img{padding: 10px;}
.credentials-box p{text-align: center;font-size: 16px;color: #333;line-height: 3;}
.credentials-box .ui-btn{width: 150px;height: 50px;border-radius: 30px;}
.credentials-box .bg1{background-color: #F59127;color: white;float: right;margin-right: 20px;}
.credentials-box .bg2{background-color: #0779D9;color: #F59127;float: left;margin-left: 20px;}

.enterprise{background: #1967AA;}
.enterprise h4{font-size: 20px;font-weight: 700;color: white;margin-right: 20px;padding: 30px 0}
.enterprise-box{background-color: white;color: #333;font-size: 16px;border:1px solid #ccc;height: 415px;overflow: hidden;margin-bottom: 50px;}
.enterprise-box p{padding: 20px;line-height: 2;}
.enterprise-box img{height: 290px;}

.enterprise-main {position:relative;z-index:0;width:100%;}
.enterprise-main .bd {position:relative;z-index:0;overflow:hidden;width:100%;margin:0 auto}
.enterprise-main .bd ul {width:100% !important}
.enterprise-main .bd li {float:left;overflow:hidden;width:100% !important;text-align:center}
.enterprise-main .bd li a {display:block;}

.enterprise-main .hd {position:absolute;right:0;bottom:20px;z-index:3;padding:0 10px;text-align:center}
.enterprise-main .hd li {display:inline-block;margin-right:10px;width:30px;height:12px;border-radius:5px;background-color:#fff;text-align:center;font-size:0;line-height:0;cursor:pointer}
.enterprise-main .hd li.active {background-color:#FDD901}

.service-box{padding: 15px;color: #333;text-align: center;}
.service-box h4{font-size: 20px;font-weight: 700;padding: 15px;}
.service-box p{font-size: 16px;line-height: 2;}

.teacher{background: #ECECEC;padding: 40px 0;}
.teacher-box{border-radius: 20px;background-color: white;margin: 10px;margin-top: 30px;position: relative;
z-index: 1;}
.teacher-box h2{font-size: 28px;text-align: right;padding: 15px 20px;}

.teacher-box h2 p{font-size: 18px;display: inline-block;padding-left: 20px;text-align: left;}
.teacher-box>p{font-size: 16px;text-align: left;line-height: 2;padding-left: 50%;padding-bottom: 15px;}
.teacher-box>div{background-color: #0879D9;color: white;font-size: 20px;padding-left: 55%;line-height: 3;border-radius:0 0 20px 20px;}
.teacher-box>div>a{background-color: #0879D9;color: white;font-size: 20px;line-height: 3;}
.teacher-box>div>a>img{width: 20px;height: 20px;vertical-align: middle;margin-right: 30px;}
.teacher-box>img{position: absolute;bottom: 0;left: -40px;width: 360px;}

/*动画基础*/
.hover_area{position: relative;}
.hover_area_1,.hover_area_2,.hover_area_3,.hover_area_4,.hover_area_5,.hover_area_6,.hover_area_7,.hover_area_8,,.hover_area_9,.hover_area_10,.hover_area_11,.hover_area_12,.hover_img_13,.hover_img_14 {overflow:hidden;position:relative;}
.hover_img_1,.hover_img_2,.hover_img_3,.hover_img_4,.hover_img_5,.hover_img_6,.hover_img_7,.hover_img_8,.hover_img_9,.hover_img_10,.hover_img_11,.hover_img_12,.hover_img_13,.hover_img_14 {overflow:hidden;position:relative;}
.hover_img_1 img,.hover_img_2 img,.hover_img_3 img,.hover_img_4 img,.hover_img_5 img,.hover_img_6 img,.hover_img_7 img,.hover_img_8 img,.hover_img_9 img,.hover_img_10 img,.hover_img_11 img,.hover_img_12 img,.hover_img_13 img,.hover_img_14 img {width:100%;height:100%;vertical-align: middle;}
/* 动画五 */
.hover_img_5>*{box-sizing: content-box;}
.hover_img_5 img {transform:scale(1);transition:all .5s;}
.hover_area_5:hover .hover_img_5 img {transform:scale(1.3);}
.hover_area_5:hover .hover_content_5 {visibility:visible;opacity:1;}
.hover_area_5:hover .hover_overlay_5 {-webkit-transform:perspective(900px) rotateX(0deg);-ms-transform:perspective(900px) rotateX(0deg);-o-transform:perspective(900px) rotateX(0deg);transform:perspective(900px) rotateX(0deg);transform-style:preserve-3d;visibility:visible;opacity:.8;}
.hover_overlay_5 {position:absolute;width:100%;height:100%;top:0px;left:0px;opacity:0;visibility:hidden;background:#1485ef;-webkit-transform:perspective(500px) rotateX(90deg);-ms-transform:perspective(500px) rotateX(90deg);-o-transform:perspective(500px) rotateX(90deg);transform:perspective(500px) rotateX(90deg);transform-style:preserve-3d;transition:all .7s;}
.hover_content_5 {position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;visibility:hidden;transition:all .7s;}
.hover_content_5  h4 {color:#fff;font-size: 24px}
.hover_content_5  h3 {color:#fff;font-size: 20px}
.hover_content_5 ul {margin-top:20px;}
.hover_content_5 ul li {display:inline-block;margin-left:10px;margin-right:10px;}
.hover_content_5 ul li a {display:block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:#fff;color:#1485ef;font-size:14px;}
.hover_area_5>p{position:absolute;width:100%;height:35px;background:rgba(0,0,0,.62);line-height:35px;left:0;bottom:0;color:#fff;display: block;text-align: center;font-size: 16px;}
.hover_area_5:hover p{display: none;}

.student{background-color: #E5E5E5;}

.problem>a{margin: 5px;border:1px solid #ccc;height: 48px;line-height: 48px;color: #333;text-align: center;display: block;font-size: 20px;}
.problem>a:hover{border:1px solid #0879D9;}


.clearfix::after {content:"";display:block;clear:both;visibility:hidden;overflow:hidden}

.m-hd-top{height: 35px;background-color: #f5f5f5;color:#666;font-size: 14px;
    line-height: 35px;overflow: hidden;}
.m-hd-top a{display: inline-block;height: 35px;}
.m-hd-top img{height: 20px;display: inline-block;margin-top: 7px;}
.hd-body{overflow: hidden;height: 88px;}
.m-hd-top p{float: left;color: #000;font-size: 12px;}
.m-hd-top .line{margin-left: 5px;font-weight: 700}
.m-hd-top .website{margin-left: 5px;}
.m-hd-top span {display: inline-block;margin-right: 5px;width: 40px;height: 20px;
    background-color: #139bf1;color: #fff;vertical-align: middle;
    text-align: center;line-height: 20px;margin-bottom: 2px;}
.m-logo{display: inline-block;text-decoration: none;cursor: pointer;float: left;
line-height: 88px;}
.m-logo a{display: block;}
.m-hd-tel{float: right;height: 88px;}
.m-hd-tel img{vertical-align: middle;width: 100%!important;padding: 5px;}
.m-hd-tel .img{float: left;margin: 14px 15px 14px 0;width: 52px;height: 52px;
border:2px solid #139bf1;border-radius: 50%;text-align: center;line-height: 52px;display: inline-block;}
.m-hd-tel .txt{overflow: hidden;text-align: center;margin-right: 5px;display: inline-block;}
.m-hd-tel em {display: block;overflow: hidden;margin-top: 15px;color: #f01332;
    white-space: nowrap;font-size: 28px;line-height: 35px;width: 200px;}
.m-hd-tel p {overflow: hidden;color: #888;text-align: left;white-space: nowrap;
    font-size: 15px
}

.hd-foot{height: 45px;background-color: #0073c3;}
.m-nav-hot {position: relative;float: left;width: 24%;}
.m-nav-hot dt{padding-left: 20px;height: 45px;color: #fff;font-size: 18px;
    line-height: 45px;background-color: #004f9c;}
.m-nav-hot dt img{height: 25px;vertical-align:middle;padding-right: 10px;}

.m-nav-hot dd{position: absolute;top: 45px;left: 0;width: 100%;background-color: #004f9c;
    z-index: 1;visibility: hidden;opacity: 0.9}
.m-nav-hot dd.on{visibility: visible;}
/*专业列表*/
.m-nav-hot ul {overflow: hidden;height: 360px;}
.m-nav-hot li {overflow: hidden;height: 40px;line-height: 40px;
    padding-left: 20px;}
.m-nav-hot li > a {color: #fff;font-size: 14px;}
.m-nav-hot li:hover {background-color: rgba(5, 21, 66, .74)}
.m-nav-hot li > a  .txt-zn{position:absolute;right:25px;margin-top:15px;width:5px;height:10px;
    background:url(../images/jt.png) no-repeat}
.m-nav-hot li .txt2 {position: absolute;top: 0;left: 273px;z-index: 9999;
    overflow: hidden;padding: 10px 8px;width: 300px;height: 380px;
    background-color: skyblue;color: #000;line-height: 30px;
    transition: opacity .5s linear;opacity: 0;visibility: hidden;}
.m-nav-hot li.on .txt2 {
    visibility: visible;
    opacity: 1
}
.m-nav-hot li a:hover p {color: #e22a2c}
.m-nav-hot li p {line-height: 22px;}
.m-nav-hot li .txt2 img,.m-nav-hot li .txt2 p {margin: 10px 0;}
.t-title {font-size: 16px;}
/* 导航 */
.m-ho-nav {overflow: hidden;}
.m-ho-nav li {float: left;width: 10%;text-align: center;}
.m-ho-nav li a {display: block;color: #fff;font-size: 16px;line-height: 45px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -ms-transition: .3s
}
.m-ho-nav li a:hover {background-color: #003660;}

.w1200{width: 1200px;margin: 0 auto}


/* 本案例需要的css样式 */
ul,li{ list-style:none;}

.tab-hd {  overflow:hidden; zoom:1;}
.tab-hd>li{ float:left; }
.tab-hd>li.active{ background:#F59126;color: white;display: block;}
.tab-bd>li{display:none; }
.tab-bd>li.thisclass{ display:list-item;}

.slideTxtBox{width: ;}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{-webkit-display: flex;display: flex;width: 100%;margin: 20px auto;justify-content:space-around;}
.slideTxtBox .hd ul li{width: 30%;height: 40px;line-height: 40px;text-align: center;font-size: 20px;color: #F33;background: #fff; border: 1px solid #f33;}
.slideTxtBox .hd ul li.on{color: #FFF;background: #F33;cursor: pointer;}
.slideTxtBox .bd ul li{margin: 30px 0;}

.tit{text-align: center;}
.tit h2{text-align: center;font-size: 40px;font-weight: bold;}
.tit p{text-align: center;font-size: 20px;}
.xuezi{-webkit-display: flex;display: flex;width: 100%;margin: 20px auto;justify-content: space-between;}
.xuezi li{width: 388px;}
.xuezi li a{width: 100%;}
.xuezi li a img{width: 100%;}