@charset "utf-8";
@import url(animate.min.css);
@import url(reset.css);
@import url(xb_header.css);
@import url(footer.css);

/*Part1 工作动态*/
.gzdtBox{height:auto;padding-top:24px;margin-bottom:36px;}
.gzdtBox .hd{width:100%;height:75px;border-bottom:1px solid #dddddd;margin-bottom:32px;}
.gzdtBox .hd ul{float:left;}
.gzdtBox .hd ul li{width:227px;height:75px;float:left;position:relative;margin-right:22px;}
.gzdtBox .hd ul li::after{content:"";width:1px;height:31px;background:#ffaf28;position:absolute;top:50%;transform: translateY(-50%);right:0px;}
.gzdtBox .hd ul li:last-child::after{display:none;}
.gzdtBox .hd ul li a{display:block;width:198px;height:75px;position:relative;}
.gzdtBox .hd ul li a i{display:block;width:41px;height:42px;float: left;margin:17px 12px 0px 16px;transform:none;}
.gzdtBox .hd ul .li-1 a i{background:url("../images/whysx_img03.png")no-repeat center;}
.gzdtBox .hd ul .li-2 a i{background:url("../images/whysx_img04.png")no-repeat center;}
.gzdtBox .hd ul .li-3 a i{background:url("../images/whysx_img05.png")no-repeat center;}
.gzdtBox .hd ul .li-1.on a i,
.gzdtBox .hd ul .li-1:hover a i{background:url("../images/whysx_img03_on.png")no-repeat center;}
.gzdtBox .hd ul .li-2.on a i,
.gzdtBox .hd ul .li-2:hover a i{background:url("../images/whysx_img04_on.png")no-repeat center;}
.gzdtBox .hd ul .li-3.on a i,
.gzdtBox .hd ul .li-3:hover a i{background:url("../images/whysx_img05_on.png")no-repeat center;}
.gzdtBox .hd ul li a span{display:inline-block;float:left;font-size:28px;color:#222222;line-height:75px;}
.gzdtBox .hd ul li.on a span,
.gzdtBox .hd ul li:hover a span{font-weight:bold;color:#ffaf28;}
.gzdtBox .hd ul li a::after{content:"";width:0px;height:3px;background:#ffaf28;position:absolute;left:0px;bottom:-1px;transition:width ease-in-out 0.3s;}
.gzdtBox .hd ul li.on a::after,
.gzdtBox .hd ul li:hover a::after{width:100%;}
.gzdtBox .hd .more{width:46px;height:45px;float:right;position:relative;}
.gzdtBox .hd .more a{display:block;width:100%;height:100%;background:url("../images/whysx_img06.png")no-repeat right center;position:absolute;top:0px;left:0px;}
.gzdtBox .bd{height:465px;}
.gzdtBox .bd ul{width:110%;}
.gzdtBox .bd ul li{width:447px;height:465px;float:left;margin-right:30px;background:#ffffff;box-shadow:0px 6px 18px rgba(0,0,0,0.14);position:relative;}
.gzdtBox .bd ul li:hover{box-shadow:0px 6px 18px rgba(0,0,0,0.3);}
.gzdtBox .bd ul li a.pic{display:block;width:100%;height:292px;overflow: hidden;margin-bottom:16px;}
.gzdtBox .bd ul li a.pic img{width:100%;height:100%;transition:all ease-in-out 1s;}
.gzdtBox .bd ul li a.pic:hover img{transform:scale(1.1);}
.gzdtBox .bd ul li .txt{width:100%;height:87px;padding:0px 18px;}
.gzdtBox .bd ul li .txt h1{width:100%;height:28px;margin-bottom:11px;}
.gzdtBox .bd ul li .txt h1 a{display:block;width:100%;line-height:28px;font-size:18px;color:#333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gzdtBox .bd ul li .txt h1:hover a{color:#ffaf28;}
.gzdtBox .bd ul li .txt p{height:48px;overflow: hidden;line-height:24px;font-size:16px;color:#b2b2b2;text-indent:2em;}
.gzdtBox .bd ul li .date{width:151px;height:35px;background:url("../images/whysx_img07.png")no-repeat center;position:absolute;right:0px;bottom:0px;text-indent:39px;line-height:35px;font-size:16px;color:#ffffff;}

/*Part2 师资队伍*/
.szdwBox{height:auto;overflow: hidden;margin-bottom:42px;}
.szdwBox .title{height:66px;border-bottom:1px solid #ededed;margin-bottom:56px;}
.szdwBox .title h1{display:inline-block;width:auto;height:67px;float:left;}
.szdwBox .title h1 a{display:inline-block;width:auto;height:67px;border-bottom:4px solid #ffaf28;font-size:28px;font-weight:bold;color:#ffaf28;line-height:66px;}
.szdwBox .title .more{width:46px;height:66px;float:right;}
.szdwBox .title .more a{display:block;width:100%;height:100%;background:url("../images/whysx_img06.png")no-repeat right center;}
.szdwBox .prev,.szdwBox .next {display: block;width:61px;height:61px;position: absolute;bottom:132px;cursor: pointer;transition: all .5s;}
.szdwBox .prev{left:0px;background:url("../images/whysx_img08_on.png")no-repeat center;}
.szdwBox .next{right:0px;background:url("../images/whysx_img09_on.png")no-repeat center;}
.szdwBox .prevStop{background:url("../images/whysx_img08.png")no-repeat center;}
.szdwBox .nextStop{background:url("../images/whysx_img09.png")no-repeat center;}
.szdwBox .bd{width:1260px;height:200px;margin: 0 auto 24px;}
.szdwBox .bd ul li{width:383px;height:200px;margin: 0 19px 0px 18px;border-radius:10px;padding:33px 33px 0px 21px;box-sizing:border-box;background:#ffffff;float:left;box-shadow:0px 0px 10px rgba(193,193,193,0.26);}
.szdwBox .bd ul li a.pic{display:block;width:134px;height:134px;border-radius:50%;overflow: hidden;}
.szdwBox .bd ul li a.pic img{width:100%;height:100%;}
.szdwBox .bd ul li .txt{width:174px;height:100%;}
.szdwBox .bd ul li .txt h1{width:100%;height:42px;margin-bottom:10px;overflow: hidden;}
.szdwBox .bd ul li .txt h1 a{display:block;width:100%;line-height:42px;font-size:28px;color:#ffaf28;}
.szdwBox .bd ul li .txt h1:hover a{text-decoration: underline;}
.szdwBox .bd ul li .txt p{width:100%;height:72px;line-height:24px;font-size:16px;color:#050505;overflow: hidden;}
.szdwBox .bd ul li:last-child{width:383px;height:200px;margin: 0 19px 0px 18px;border-radius:10px;background:#ffffff;float:left;box-shadow:0px 0px 10px rgba(193,193,193,0.26);}
.szdwBox ul.num{width:100%;height:35px;display:flex;justify-content: center;align-items:center;}
.szdwBox ul.num li{width:15px;height:15px;background:#d9d9d9;margin:0px 3px 0px 2px;font-size:0px;border-radius:50%;}
.szdwBox ul.num li.on{background:#ffaf28;}

/*Part3 系部概况*/
.Part3{height:auto;overflow:hidden;background:#e5e5e5;padding:33px 0px;}
.Part3 .box_l{width:902px;height:815px;}
.Part3 .box_l .xbgk{width:100%;height:398px;margin-bottom:20px;}
.Part3 .box_l .xbgk .pic{display:block;width:455px;height:398px;overflow: hidden;}
.Part3 .box_l .xbgk .pic img{width:100%;height:100%;transition:all ease-in-out 2s;}
.Part3 .box_l .xbgk .pic:hover img{transform:scale(1.1);}
.Part3 .box_l .xbgk .txt{width:447px;height:100%;background:#ffffff;position:relative;padding:43px 54px 0px 51px;}
.Part3 .box_l .xbgk .txt h1{width:100%;height:47px;margin-bottom:44px;}
.Part3 .box_l .xbgk .txt h1 a{display:block;width:100%;line-height:47px;font-size:28px;font-weight:bold;color:#ffaf28;}
.Part3 .box_l .xbgk .txt h1:hover a{text-decoration: underline;}
.Part3 .box_l .xbgk .txt p{width:100%;height:120px;line-height:40px;font-size:18px;color:#222222;overflow: hidden;}
.Part3 .box_l .xbgk .more{display:flex;width:32px;height:32px;margin:72px auto 0px;border-radius:50%;background:#ffaf28;overflow: hidden;position: relative;justify-content: center;align-items: center;}
.Part3 .box_l .xbgk .more img{position: relative;z-index:2;}
.Part3 .box_l .xbgk .more::after{content:"";width:32px;height:32px;border-radius:50%;background:#ffa40b;position: absolute;top:0px;left:-100%;transition:all ease-in-out 0.4s;}
.Part3 .box_l .xbgk .more:hover::after{left:0px;}
.Part3 .box_l .bgfw{width:100%;height:398px;}
.Part3 .box_l .bgfw .list{width:452px;height:100%;background:#ffaf28;padding:31px 35px 0px 60px;box-sizing: border-box;}
.Part3 .box_l .bgfw .list .channel{width:113px;height:123px;overflow: hidden;margin-bottom:32px;}
.Part3 .box_l .bgfw .list .channel a{display:block;width:113px;height:123px;overflow: hidden;}
.Part3 .box_l .bgfw .list .channel a i{display:block;width:113px;height:72px;margin:0 auto;background:url("../images/mkszy_img09.png")no-repeat center;}
.Part3 .box_l .bgfw .list .channel a span{display:block;width:100%;height:51px;font-size:28px;font-weight:bold;color:#ffffff;}
.Part3 .box_l .bgfw .list .links{width:339px;height:152px;}
.Part3 .box_l .bgfw .list .links ul li{width:160px;height:152px;background:url("../images/whysx_img14.png")repeat;}
.Part3 .box_l .bgfw .list .links ul li a{display:block;width:100%;height:100%;overflow: hidden;}
.Part3 .box_l .bgfw .list .links ul li:hover a{background:url("../images/whysx_img14.png")repeat;}
.Part3 .box_l .bgfw .list .links ul li a i{display:block;width:65px;height:65px;margin:23px auto 0px;}
.Part3 .box_l .bgfw .list .links ul .li-1 a i{background:url("../images/whysx_img12.png")no-repeat center;}
.Part3 .box_l .bgfw .list .links ul .li-2 a i{background:url("../images/whysx_img13.png")no-repeat center;}
.Part3 .box_l .bgfw .list .links ul li a span{display:block;width:100%;height:43px;font-size:18px;color:#ffffff;text-align: center;line-height:43px;}
.Part3 .box_l .bgfw .pic{display:block;width:450px;height:100%;overflow: hidden;}
.Part3 .box_l .bgfw .pic img{width:100%;height:100%;transition:all ease-in-out 2s;}
.Part3 .box_l .bgfw .pic:hover img{transform:scale(1.1);}
.Part3 .box_r{width:480px;height:815px;}
.Part3 .box_r .pic{display:block;width:100%;height:468px;overflow: hidden;}
.Part3 .box_r .pic img{width:100%;height:100%;transition:all ease-in-out 2s;}
.Part3 .box_r .pic:hover img{transform:scale(1.1);}
.Part3 .box_r .txt{width:100%;height:347px;background:#ffffff;position:relative;padding:41px 76px 0px 63px;}
.Part3 .box_r .txt h1{width:100%;height:47px;margin-bottom:18px;}
.Part3 .box_r .txt h1 a{display:block;width:100%;line-height:47px;font-size:28px;font-weight:bold;color:#ffaf28;}
.Part3 .box_r .txt h1:hover a{text-decoration: underline;}
.Part3 .box_r .txt p{width:100%;height:120px;line-height:40px;font-size:18px;color:#222222;overflow: hidden;}
.Part3 .box_r .more{display:flex;width:32px;height:32px;margin:43px auto 0px;border-radius:50%;background:#ffaf28;overflow: hidden;position: relative;justify-content: center;align-items: center;}
.Part3 .box_r .more img{position: relative;z-index:2;}
.Part3 .box_r .more::after{content:"";width:32px;height:32px;border-radius:50%;background:#ffa40b;position: absolute;top:0px;left:-100%;transition:all ease-in-out 0.4s;}
.Part3 .box_r .more:hover::after{left:0px;}