body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, img, legend, li, ol, p, pre, td, textarea, th, ul { padding: 0; margin: 0; border: none; }
body, textarea { width: 100%; height: auto; font-size: 16px; font-family: "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;  z-index: 0; background-color: #fff; color: #333; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
li, ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
.clear { clear: both; }
img { display: block; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.tbody { width:100%; margin: 0 auto; }
.banner img {width: 100%; min-width: 1200px;}
.clear{clear: both;}
.w1200{width: 1200px;margin: 0 auto;}
.bc{background-color:#f2f2f2;padding-bottom:30px;}
/* 专业概述 */
.box1{}
.box1-l{width: 600px;margin-top: -40px;}
.box1-l h2{font-size: 50px;font-weight: bold;}
.box1-l span{color: #dadada;font-weight: bold;font-size: 40px;}
.box1-l p{color: #888888;margin-top: 20px;padding-right: 20px; line-height:25px}
.box1-r{width: 600px;float: right;margin-top: -190px;}
.box1-r img{width: 100%;}

/* 表单 */
.bd{width: 1200px;margin: 0 auto;height: 90px;overflow: hidden;font-size: 0;padding-top: 24px;text-align: center;}
.bdinput{width: 700px;padding-left: 20px;}
.bd input{display: inline-block;height: 60px;font-size: 20px;vertical-align: top;}
.bdbutton{width: 400px;margin-left: 48px;background-color:#e1ab3e;color:#ffffff;cursor: pointer;font-size: 20px;}

/* 学习内容 */
.box2{position: relative;}
.box2-img img{width: 100%;}
.box2-tit{position: absolute;top:30px ;left: 55%;}
.box2-tit h2{color: #ffffff;font-size: 50px;font-weight: bold;}
.box2-tit span{color: #ffffff;font-weight: bold;font-size: 40px;color: #dadada;}

.swp1{position:relative;height: 370px;}
.spwlist{position: absolute;top:-160px;}
.swpbox{height: 370px;}
.swppic{width:600px;float: left;}
.swppic img{width: 100%;}
.swptxt{width: 540px;padding: 60px 30px;float: left;margin-top: 130px;}
.swptxt span{color: #dca436;}
.swptxt h3{font-size: 30px;font-weight: bold;}
.swptxt p{color: #656565; line-height:30px;margin-top: 30px;font-size: 20px;}
.jiantou{width: 120px;margin: 0 auto;position: absolute;bottom: -3px;z-index: 100;left: 540px;}
.jiantou .jtl{background:none;background-color: #e7e7e7;width: 60px;height: 54px;margin-top: 0px;color: #dbdbdb;position: static!important;float: left;}
.jiantou .jtr{background:none;background-color: #dca436;width: 60px;height: 54px;margin-top: 0px;position: static!important;float: left;}
i.jtfz{font-size: 30px;width: 60px;height: 54px;display:inline-block;line-height: 54px;text-align: center;color: #dbdbdb;}

/* 咨询按钮 */
.zxbt{width:1200px;margin: 60px auto;text-align: center;}
.zxbt-l,.zxbt-r{width: 300px;display:inline-block;font-size: 20px;}
.zxbt-l i,.zxbt-r i{font-size: 20px;padding-left: 20px;}
.zxbt-l a{padding: 15px 30px;display: block;background-color: #e1ab3e;color: #ffffff;border: 1px solid #e1ab3e;margin-right: 20px;}
.zxbt-r a{padding: 15px 30px;display: block;border: 1px solid #000000;margin-left: 20px; color:#e1ab3e;}
/* .zxbt-r{width: 300px;display:inline;} */


/* 八大专业优势 */

.box3{background: url(../images/5.jpg);width: 100%;padding: 50px 0px 90px;}
.box3-tit{text-align: center;}
.box3-tit h2{font-size: 40px;color: #ffffff;font-weight: bold;}
.box3-tit span{font-size: 30px;font-weight: bold;color: #d3d3d3;}
.box3-txt{width: 1200px;margin: 0 auto;}
.box3-txt-l{width: 500px;float: left;margin-left: 60px;}
.box3-txt-l span{font-size: 18px;color: #ffffff;font-weight: bold;}
.box3-txt-l li{position: relative;height: 80px;border-bottom: 1px dashed #ffffff;margin-top: 60px;}
.box3-txt-l img{position: absolute;top:-40px;left: -80px;}
.box3-txt-l li p{color: #dedad7;font-size: 15px;line-height: 24px;}

.box3-txt-r{width: 500px;float: right;}
.box3-txt-r span{font-size: 18px;color: #ffffff;font-weight: bold;}
.box3-txt-r li{position: relative;height: 80px;border-bottom: 1px dashed #ffffff;margin-top: 60px;}
.box3-txt-r img{position: absolute;top:-40px;left: -80px;}
.box3-txt-r li p{color: #dedad7;font-size: 15px;line-height: 24px;}

/* 教学设备 */
.box4 {text-align: center;padding-top: 50px;background-color: #f2f2f2;padding-bottom: 50px;}
.box4 h2{font-size: 40px;color: #000000;font-weight: bold;}
.box4 span{font-size: 30px;font-weight: bold;color: #d3d3d3;}
.box4-img{margin-top: 50px;}
.box4-zxbt{border: 1px solid #000000;padding: 15px 30px;display: block;width: 200px;text-align: center;margin: 50px auto;font-size: 20px;}

/* 师资 */
.box5{position: relative;height: 690px;}
.box5-ls{position: relative;padding-bottom: 241px;}
.box5-ls-txt{width: 600px;background-color: #f9f9f9;padding: 20px;margin-top: 170px;height: 310px;}
.box5-ls-txt h3{font-size: 20px;font-weight: bold;}
.box5-ls-txt p{font-size: 16px;line-height: 24px;margin-top: 10px;}
.box5-ls-txt-js{margin-top: 10px;width: 400px;}
.box5-ls-txt-js p{line-height: 24px;}
.box5-ls-txt-js a{display: block;padding: 15px 10px;background-color: #e1ab3e;width:40px;text-align: center;color: #ffffff;font-size: 18px;margin-top: 10px;position: relative;}
.box5-ls-txt-js a:before{content: "+";position: absolute;top: 0px;right: 0px;}
.box5-ls-pic img{width: 300px;position: absolute;left: 460px;top:-170px;z-index: 100;}
.box5-tr-pic{position: absolute;right: 0;top: -100px;width: 235px;}
.box5-tr-pic img{width: 100%;}
.swptx{top:-270px;}
.swpls{height: 189px!important;background-image: url(https://m.hbxdf.com/pub/images/mslbbg.jpg);}
.swpls img{position: absolute;top:-90px;width: 70%;left: 15%;}
/* 学生作品 */
.box6 {text-align: center;background: url(../images/14.jpg) no-repeat;background-size: 100% 100%;padding: 60px 0;height:920px;}
.box6 h2{font-size: 40px;color: #000000;font-weight: bold;text-align: center;color: #ffffff;}
.box6 span{font-size: 30px;font-weight: bold;color: #d3d3d3;text-align: center;}
.box6-img{margin-top: 50px;}
.box6-bt a{border: 1px solid #e1ab3e;color:#e1ab3e;}

/* 证书 */
.box7-tit{text-align: center;}
.box7-tit h2{font-size: 40px;color: #000000;font-weight: bold;}
.box7-tit span{font-size: 30px;color: #d3d3d3;font-weight: bold;}
.box7-tit p{font-size: 18px;}
.box7-img ul{margin-top: 50px;}
.box7-img li{float: left;width: 335px;}
.box7-img img{width: 335px;}
.box7-img .box7-mg{margin: 0 97px;}

.box7-zxbt{border: 1px solid #e1ab3e;padding: 15px 30px;display: block;width: 200px;text-align: center;margin: 50px auto;font-size: 20px;background-color: #e1ab3e;color: #ffffff;}
.box7-zxbt i {
    font-size: 20px;
    padding-left: 20px;
}
.box7-zxbt a{color: #ffffff;}

/* 创就业支持 */
.box8{background-color: #f9f9f9;padding-bottom: 50px;}
.box8-tit{text-align: center;padding-top:50px;}
.box8-tit h2{font-size: 40px;color: #000000;font-weight: bold;}
.box8-tit span{font-size: 30px;color: #d3d3d3;font-weight: bold;}
.box8-tit p{font-size: 18px;}
.box8-img li{float: left;width: 335px;height: 210px;margin-top: 30px;background-color: #ffffff;}
.box8-img img{width: 335px;}
.box8-img .box8-mg{margin-left: 97px;margin-right: 97px;}
.box8-img span{font-size: 30px;font-weight: bold;color:#e1ab3e ;text-align: center;display: block;padding: 30px 20px;}
.box8-img p{padding:0 20px;line-height: 25px;color:#333;}
.box8-zxbt{border: 1px solid #e1ab3e;padding: 15px 30px;display: block;width: 500px;text-align: center;margin: 50px auto 0px;font-size: 20px;background-color: #e1ab3e;color: #ffffff;}
.box8-zxbt a{color: #ffffff;}
.box8-zxbt i {font-size: 20px;padding-left: 20px;}

.hslbox8{ margin:50px auto;}
.hslbox8_1{display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:80px;}
.hslbox8_1 a{width:390px; position:relative; overflow:hidden; margin-bottom:30px; background-color:#eee; padding-bottom:20px; text-align:center; position:relative; top:0;}
.hslbox8_1 a b{ display:block; color:#333; font-size:24px; font-weight:normal; padding:10px 0 5px 0;}
.hslbox8_1 a p{ display:block; color:#666; font-size:18px;}
.hslbox8_1 a strong{ display:block; margin:0 20px; border:1px solid #333; height:50px; line-height:50px; color:#333; font-weight:normal; margin-top:10px; font-size:20px;}
.hslbox8_1 a:hover{ box-shadow:0 0 10px rgba(0,0,0,.2); top:-5px;}
.hslbox8_1 a:hover strong{ background-color:#1d0805; color:#fff;}

.hslzttit{ text-align:center;}
.hslzttit1{display:block; border-bottom:2px solid #1d0805; color:#1d0805; font-size:30px; line-height:130px;position:relative;}
.hslzttit1 h2{ position:absolute; background-color:#1d0805; color:#fff; height:70px; width:300px; line-height:70px; bottom:-35px; left:50%; margin-left:-150px; font-weight:normal; font-size:40px; }

.hslbox9{ background-color:#e3dacd; padding:50px 0;}
.hslbox9 .hslzttit1 h2{width:480px; margin-left:-240px;}
.hslbox9_1{ text-align:center;display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:80px;}
.hslbox9_1 a{ width:384px; margin-bottom:22px; position:relative; overflow:hidden;}
.hslbox9_1 a:before{ content:""; width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.hslbox9_1 a:after{ content:""; width:372px; height:170px; border:1px solid #fff; position:absolute; top:5px; left:5px;}
.hslbox9_1 b{ display:block; width:100%; position:absolute; top:40px; color:#fff; font-size:30px;}
.hslbox9_1 strong{ display:block; width:270px; position:absolute; bottom:30px; color:#fff; font-size:24px;border:1px solid #fff; left:50%; margin-left:-135px; height:50px; line-height:50px; font-weight:normal;}

.hslfooter{margin-top:0 !important;}