/*css**/

@import "https://at.alicdn.com/t/font_330953_g9ljz5lzh8xe0zfr.css";

body {background: #FFFFFF;color: #000;padding: 0;font-family: "Microsoft YaHei";margin: 0 auto;min-width: 1200px;max-width: 1920px;font-size: 15px;}

body,.row,.h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset,

legend, button, input, textarea, th, td { margin: 0; padding: 0; }

img { vertical-align: middle; border: 0 }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-weight: bold}

ul, ol, li { list-style: none; }

.lf{

    float: left;

}

.rt{

    float: right;

}

.clear { clear: both;}

@media only screen and (max-width:300px){

    body,.mytitle,.bottom_title{font-size:10px!important}

    .viewport{max-width:300px}

    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}

    .top_title{font-size:12px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:14px!important;padding: 5px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:12px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 34px!important;}



}

@media only screen and (max-width:310px) and (min-width:300px){

    body,.mytitle,.top_title,.bottom_title{font-size:10px!important}

    .viewport{max-width:300px}

    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}

    .top_title{font-size:12px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:15px!important;padding: 5px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:12px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 34px!important;}



}

@media only screen and (max-width:320px) and (min-width:310px){

    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}

    .viewport{max-width:320px}

    .ztshow2_l_bt{font-size:13px!important;font-weight: bold}

    .top_title{font-size:13px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:15px!important;padding: 6px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:12px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 34px!important;}

}

@media only screen and (max-width:360px) and (min-width:320px){

    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}

    .viewport{max-width:360px}

    .ztshow2_l_bt{font-size:15px!important}

    .top_title{font-size:14px!important;font-weight: bold;top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:16px!important;padding: 6px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:12px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 34px!important;}

}

@media only screen and (max-width:360px) and (min-width:350px){

    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}

    .viewport{max-width:360px}

    .ztshow2_l_bt{font-size:15px!important}

    .top_title{font-size:14px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:16px!important;padding: 8px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:13px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 34px!important;}

}

@media only screen and (max-width:480px) and (min-width:360px){

    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}

    .viewport{max-width:480px}

    .ztshow2_l_bt{font-size:18px!important}

    .top_title{font-size:14px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:17px!important;padding: 8px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:13px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 35px!important;}

}

@media only screen and (max-width:480px) and (min-width:470px){

    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}

    .viewport{max-width:480px }

    .ztshow2_l_bt{font-size:25px!important}

    .top_title{font-size:25px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .con_title span{font-size:17px!important;padding: 8px}

    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}

    .new_tit{font-size:14px!important;}

    .new_dei{display: none!important}

    .myclass img{width: 100%;  }

    a.current{line-height: 35px!important;}

}

@media only screen and (min-width:480px){

    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}

    .viewport{max-width:480px }

    .ztshow2_l_bt{font-size:25px!important}

    .top_title{font-size:21px!important;font-weight: bold; top:10%;}

    .bottom_title{ bottom: 2%;}

    .myclass img{width: 80%;  }

    .myline{width: 95%!important;}

}

/**/

@font-face {

    font-family:"Microsoft YaHei"!important;

    src: url("https://www.csxinhua.com/fonts/yahei.ttf");

}

body{

    font-family:"Microsoft YaHei"!important;

}

.logo{

    padding-right: 15px;

    padding-bottom: 0;

    padding-top: 0;

    display: inline-block;

    padding: 0 0 0 8px;

}

.lbtn:hover{

    background-color: #0074D7;

}

.navbg{

    margin-bottom: 0px;

    border: 0px solid transparent;

}

.ltop{



}

.topbg{

    background-color: #0074D7;

}

ul li a{

    color: #ffffff;

}

.ibar{



}

.ibar > li {

    float: left;

    color: #fff;

}



.ibar > li > a {

    padding-top: 15px;

    padding-bottom: 15px;



}

a:hover{

    text-decoration: none;

}

.cont{

    text-align: center;

}

.row{

    margin: auto;

}

/*.container img,header img{width: 100%;}*/

header{margin-top: -6px}

.bm-top{width: 1200px;height: 100px;margin: 0 auto;overflow: hidden;}

.bm-top .bm-top-wds{float: left;width: 200px;margin-left: 60px;text-align: center;background-color: #2B67AF;height: 100px;}

.bm-top .bm-top-wds h2{color: #E60012;font-size: 24px;line-height: 45px;font-weight: normal;color: #FFFF00;}

.bm-top .bm-top-wds p{font-size: 16px;color: #fff;}

.bm-top .bm-top-wds p b{color: #5AE1EE;}

.bm-top-input{float: left;margin-left: 60px;overflow: hidden;}

.input-top{width: 270px;float: left;height: 50px;line-height: 50px;margin: 25px 25px 25px 0;overflow: hidden;}

.input-top span{display: block;float: left;width: 60px;line-height: 50px;height: 50px;color: #fff;font-size: 20px;margin-right: 10px;}

.input-top input{display: block;float: left;width: 190px;height: 36px;border: none;margin: 7px 0;font-size: 20px;color: #E0E0E0;padding-left: 10px;}

.ljyy-top{width: 220px;float: left;height: 50px;line-height: 50px;margin: 25px 0 25px 25px;overflow: hidden;}

.ljyy-top input{width: 220px;border: none;margin: 0 auto;height: 36px;line-height: 36px;background-color: #FF6600;color: #fff;font-size: 20px;margin: 7px 0;border-radius: 10px;    text-align: center;}

.zx1{display: block;width: 1200px;height: 200px;margin: 0 auto;}

.zx2{display: block;text-align: center;width: 420px;height: 45px;line-height: 45px;background-color: #FF6600;color: #fff;font-size: 20px;border-radius: 5px;box-shadow: 5px 5px 5px #999;margin: 40px auto;}

/*why*/

.why{width: 1040px;margin: 40px auto;overflow: hidden;}

.why ul{overflow: hidden;width: 1040px;margin: 40px auto;}

.why h2{color: #FB8649;font-size: 36px;text-align: center;line-height: 60px;}

.why ul p{color: #666;font-size: 20px;line-height: 36px;text-indent: 2em;width: 540px;float: right;padding: 20px 0 0;}

.zx5{display: block;width: 200px;height: 45px;line-height: 45px;background-color: #4890E2;color: #fff;font-size: 20px;margin: 40px auto;text-align: center;border-radius: 20px;}

.why img{display: block;float: left;margin-top: 20px;}

/*jn*/

.jn{width: 100%;text-align: center;background: url(/images/pc2021/ysdm/img13.jpg) center no-repeat;height: 900px;padding: 40px 0;}

.jn h2{font-size: 42px;color: #fff;line-height: 60px;margin-bottom: 640px;}

.jn h2 span{font-size: 20px;color: #fff;font-weight: normal;}

/*yy*/

.yy{width: 1200px;margin: 40px auto;text-align: center;}

.yy h2{font-size: 42px;color: #333;line-height: 50px;}

.yy h2 span{font-size: 20px;color: #666;font-weight: normal;}

/*薪资*/

.xz{width: 100%;text-align: center;background-color: #18C7E7;padding:  0 0 40px;}

.xz h2{font-size: 42px;color: #fff;line-height: 140px;letter-spacing: 5px;border-bottom: 1px solid #fff;}

.xz ul{width: 1200px;margin: 40px auto;overflow: hidden;}

.xz ul li{float: left;width: 292px;height: 280px;background: url(/images/pc2021/ysdm/img2.png) center no-repeat;margin-left: 81px;margin-top: 41px;padding-top: 80px;}

.xz ul li span{display: block;width: 292px;color: #F0FF00;font-size: 56px;line-height: 60px;font-weight: bold;}

.xz ul li p{color: #fff;font-size: 20px;line-height: 40px;}

/*就业*/

.jy{width: 100%;background: url(/images/pc2021/ysdm/img15.jpg) center no-repeat;height: 810px;padding: 40px 0;text-align: center;}

.jy h2{font-size: 42px;color: #fff;line-height: 60px;margin-bottom: 600px;}

/*课程*/

.kc{width: 1200px;margin: 40px auto;}

.kc h2{font-size: 42px;color: #333;height: 50px;line-height: 50px;text-align: center;}

.kc h2 b{color: #018EDE;}

.kclist{width: 1200px;margin: 40px auto;}

.kc-name{width: 1200px;margin:0 auto;}

.kc-name ul{overflow: hidden;width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.kc-name ul li{width: 14%;height: 45px;line-height: 45px;text-align: center;color: #333;font-size: 20px;}

.kc-name ul li.on{background-color: #057CFC;color: #fff;cursor: pointer}

.kc-con{width: 1200px;margin: 20px auto;background-color: #EEEEEE;overflow: hidden;display: none;height: 350px;padding: 30px 0;}

.kc-con ul{width: 380px;margin: 0 40px;float: left;}

.kc-con ul li{font-size: 20px;color: #666;line-height: 40px;}

.kc-con img{display: block;float: left;}



/*新华*/

.xh{width: 1200px;margin: 40px auto;text-align: center;}

.xh h2{font-size: 42px;color: #333;height: 50px;line-height: 50px;}

.xh h2 b{color: #018EDE;}

.xh p{font-size: 16px;color: #333;line-height: 30px;margin: 20px 0;}

/*学籍*/

.xl{width: 1200px;margin: 40px auto;text-align: center;}

.xl h2{font-size: 42px;color: #333;height: 50px;line-height: 50px;}

.xl h2 b{color: #018EDE;}

.xl p{font-size: 16px;color: #333;line-height: 30px;margin: 20px 0;}

.xl p span{color: red;}



/*校园生活*/

.xysh{width: 1200px;margin:40px auto;}

.xysh h2{font-size: 42px;color: #333;height: 50px;line-height: 50px;text-align: center;}

.xysh h2 b{color: #018EDE;}

.xysh p{font-size: 16px;color: #333;line-height: 30px;margin: 20px 0;text-align: center;}

.xysh ul{width: 1175px;margin: 20px auto;overflow: hidden;}

.xysh ul li{float: left;width: 385px;height: 217px;margin-right: 10px;margin-bottom: 10px;position: relative;}

.xysh ul li img{width: 385px;height: 217px;}

.xysh ul li span{display: block;width: 385px;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: rgba(0,0,0,0.8);position: absolute;left: 0;bottom: 0;font-size: 16px;}

@media \0screen\,screen\9 {/* 只支持IE6�?7�?8 */

    .xysh ul li span{

        background-color:#000000;

        filter:Alpha(opacity=50);

        position:static; /* IE6�?7�?8只能设置position:static(默认属��?) ，否则会导致子元素继承Alpha�? */

        *zoom:1; /* 濢�活IE6�?7的haslayout属��，让它读懂Alpha */

    }

}

/*困惑*/

.kh{width: 1200px;margin: 40px auto;}

.kh h2{text-align: center;font-size: 42px;color: #E60012;height: 50px;line-height: 50px;}

.kh .khul1{width: 1120px;margin-left: 80px;overflow: hidden;margin-top: 40px;}
.kh ul li{float: left;width: 358px;margin-right: 20px;overflow: hidden;height: 60px;border: 1px solid #EAEAEA;border-radius: 8px;font: 20px/50px '微软雅黑';padding: 5px 0;color: #333;background-color: #fff;}

.kh ul li:hover{background-color: #018EDE;transition:all .5s ease 0s;color: #fff;}

.kh ul li img{display: block;width: 40px;height: 40px;border-radius: 50%;margin: 5px 20px 5px 10px;float: left;}

.kh .khul2{width: 1120px;overflow: hidden;margin-top: 40px;}

.zxbut{width: 680px;margin:40px auto;overflow: hidden;}

.zxbut a{display: block;width: 298px;height: 45px;text-align: center;font: 20px/45px '微软雅黑';float: left;border-radius: 10px;}

.zx3{margin-right: 80px;border: 1px solid #797979;color: #fff;background-color: #379FFF;}

.zx3:hover{color: #fff;background-color: #666;transition:all .3s ease 0s;}

.zx4{background-color: #FF6600;border: 1px solid #FF6600;color: #fff;}

.zx4:hover{color: #fff;background-color: #666;border: 1px solid #666;transition:all .3s ease 0s;}

/*邮寄箢��?*/

.yjjz_bg{width: 100%;background: url(/images/pc2021/ysdm/yjjz.jpg) center no-repeat;height: 385px}

.yjjz{width: 290px;float: right;margin-right: 65px;padding: 20px;height: 385px;background-color: #fff;}

.yjjz h2{text-align: center;font-size: 28px;color: #FF6600;height: 80px;line-height: 80px;}

.yjjz .input{margin-top: 20px;}

.yjjz .input input{width: 248px;height: 40px;line-height: 40px;padding-left: 20px;font-size: 16px;border: 1px solid #0080DB;}

.yjjz .ljyy input{border: none;width: 250px;height: 40px;line-height: 40px;font-size: 24px;background-color: #0080DB;color: #fff;text-align: center;margin: 20px 0;}

.yjjz p{color: #FF0000;font-size: 14px;}

/*专业推荐*/

.zytj{width: 1200px;margin: 40px auto;text-align: center;}

.zytj h2{text-align: center;font-size: 42px;color: #E60012;height: 50px;line-height: 50px;}

.zytj ul{width: 1200px;overflow: hidden;margin: 40px auto;}

.zytj ul li{float: left;margin-right: 12px;width: 291px;margin-bottom: 12px;background-color: #fff;}

.zytj ul li img{width: 291px;height: 156px;}

.zyxx{border: 1px solid #CCCCCC;text-align: center;overflow: hidden;padding: 0 0 20px;border-top: none;}

.zyxx h3{font-size: 24px;line-height: 40px;}

.zyxx p{font-size: 16px;color: #333;}

.zybtn{width: 260px;margin: 10px auto 0;overflow: hidden;}

.zybtn span{width: 120px;height: 40px;text-align: center;background-color: #379FFF;font-size: 16px;display: block;float: left;line-height: 40px;}

.zybtn span.ckzy{background-color: #DD514C;margin-right: 20px;}

.zybtn span a{color: #fff;}