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

/*Part1 工作动态*/
.Part1{height:565px;padding-top:31px;margin-bottom: 23px;}
.gzdtBox{width:978px;height:534px;}
.gzdtBox .title{width:100%;height:75px;border-bottom:1px solid #d01126;margin-bottom:37px;}
.gzdtBox .title h1{width:auto;height:75px;float:left;}
.gzdtBox .title h1 a{width:auto;line-height:50px;font-size:28px;color:#d01126;}
.gzdtBox .title h1 img{margin-right:20px;}
.gzdtBox .title .more{width:80px;height:50px;float:right;}
.gzdtBox .title .more a{display:block;width:100%;line-height:50px;text-align:right;}
.Focus {width:549px;height:422px;position: relative;overflow: hidden;}
.Focus .pic{box-shadow:0px 6px 0px #ffffff;position:relative;z-index:1;}
.Focus .pic,.Focus .pic li {width: 100%!important;height:348px!important;overflow: hidden;border-radius:20px;}
.Focus .pic li a {display: block;width: 100%;height: 100%;}
.Focus .pic img {width: 100%;height:348px;overflow: hidden;}
.Focus .txt_bg {position: absolute;left: 0px;bottom: 0px;width: 100%;height:112px;background:#e5e5e5;}
.Focus .txt{position: absolute;left: 0px;bottom:0px;width:430px;height:68px;z-index: 2;}
.Focus .txt ul li {width: 100%;height:68px;padding-top: 10px;}
.Focus .txt ul li a {display: block;width:100%;height:48px;overflow:hidden;line-height:24px;font-size:18px;color: #333333;padding-left:22px;}
.Focus .txt ul li a:hover {color: #950b1a;}
.Focus .num {width:89px;height:19px;position: absolute;bottom:21px;right:18px;z-index: 2;display: flex;justify-content: right;}
.Focus .num li {width:13px;height:13px;cursor:pointer;margin:3px 3px;background:#cacaca;font-size:0px;border-radius:7px;}
.Focus .num li.on {background:#950b1a;}
.Focus .prev,.Focus .next {display: block;width:39px;height:102px;position: absolute;top:50%;transform:translateY(-50%);cursor: pointer;transition: all .5s;z-index: 3;}
.Focus .prev{left:-10px;}
.Focus .next{right:-10px;}
.Focus:hover .prev {left: 0px;background:url("../images/stcmx_img04.png")no-repeat center;}
.Focus:hover .next {right: 0px;background:url("../images/stcmx_img05.png")no-repeat center;}
.gzdtList{width:387px;height:425px;margin-top:-3px; }
.gzdtList ul li{width:100%;height:132px;border-bottom:1px dashed #f2f2f2;margin-bottom:18px;}
.gzdtList ul li:last-child{margin-bottom:0px;border:none;}
.gzdtList ul li h1{width:100%;height:27px;margin-bottom:6px;}
.gzdtList ul li h1 a{display:block;width:100%;line-height:27px;font-size:18px;color:#333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left:20px; }
.gzdtList ul li h1 a::after{content:"";width:5px;height:5px;background:#333333;position: absolute;left:3px;top:11px;border-radius:50%; }
.gzdtList ul li:hover h1 a{color: #d01126;}
.gzdtList ul li p{width:100%;height:48px;line-height:24px;overflow: hidden;font-size:16px;color:#b2b2b2;margin-bottom:9px;}
.gzdtList ul li .date{width:100%;line-height:27px;font-size:16px;color:#b2b2b2;}

.tzggBox {width:402px;height:565px;background:#ffffff;box-shadow:0px 0px 73px rgba(147,147,147,0.42);margin-top:-31px;padding:31px 27px 0px;}
.tzggBox .title{width:100%;height:75px;border-bottom:1px solid #d01126;margin-bottom:33px;}
.tzggBox .title h1{width:auto;height:75px;float:left;}
.tzggBox .title h1 a{width:auto;line-height:50px;font-size:28px;color:#d01126;}
.tzggBox .title h1 img{margin-right:20px;}
.tzggBox .title .more{width:80px;height:50px;float:right;}
.tzggBox .title .more a{display:block;width:100%;line-height:50px;text-align:right;}
.tzggBox ul li{width:100%;height:74px;margin-bottom:35px;}
.tzggBox ul li:last-child{margin-bottom:0px;}
.tzggBox ul li .date{width:74px;height:74px;float:left;background:url("../images/mkszy_img04.png")no-repeat center;padding-top:19px;box-sizing: border-box;}
.tzggBox ul li:hover .date{background:url("../images/mkszy_img04_on.png")no-repeat center;}
.tzggBox ul li .date span{display:block;width:100%;text-align:center;font-size:26px;color:#222222;line-height:23px;}
.tzggBox ul li:hover .date span{color:#d01126;}
.tzggBox ul li .date p{width:100%;text-align:center;font-size:14px;color:#222222;line-height:15px;}
.tzggBox ul li .txt{width:266px;height:74px;overflow: hidden;float:right;display: flex;align-items: center;}
.tzggBox ul li .txt a{display:block;width:100%;height:64px;overflow: hidden;line-height:32px;font-size:18px;color:#222222;}
.tzggBox ul li:hover .txt a{color:#d01126;}

/*Part2 教学科研*/
.jxkyBox{height:auto;margin-bottom:36px;}
.jxkyBox .hd{width:100%;height:85px;border-bottom:1px solid #950b1a;margin-bottom:27px;}
.jxkyBox .hd ul{float:left;}
.jxkyBox .hd ul li{width:auto;height:85px;float:left;position:relative;margin-right:47px;}
.jxkyBox .hd ul li a{display:block;width:100%;height:100%;position:relative;}
.jxkyBox .hd ul li a i{display:block;width:41px;height:42px;float: left;margin:21px 15px 0px 0px;transform:none;}
.jxkyBox .hd ul .li-1 a i{background:url("../images/mkszy_img05.png")no-repeat center;}
.jxkyBox .hd ul .li-2 a i{background:url("../images/mkszy_img06.png")no-repeat center;}
.jxkyBox .hd ul .li-1.on a i,
.jxkyBox .hd ul .li-1:hover a i{background:url("../images/mkszy_img05_on.png")no-repeat center;}
.jxkyBox .hd ul .li-2.on a i,
.jxkyBox .hd ul .li-2:hover a i{background:url("../images/mkszy_img06_on.png")no-repeat center;}
.jxkyBox .hd ul li a span{display:inline-block;float:left;font-size:28px;color:#222222;line-height:85px;}
.jxkyBox .hd ul li.on a span,
.jxkyBox .hd ul li:hover a span{color:#d01126;}
.jxkyBox .hd .more{width:46px;height:85px;float:right;position:relative;}
.jxkyBox .hd .more a{display:block;width:100%;height:100%;background:url("../images/mkszy_img02.png")no-repeat right center;position:absolute;top:0px;left:0px;}
.jxkyBox .bd{height:465px;}
.jxkyBox .bd ul{width:110%;}
.jxkyBox .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;}
.jxkyBox .bd ul li:hover{box-shadow:0px 6px 18px rgba(0,0,0,0.3);}
.jxkyBox .bd ul li a.pic{display:block;width:100%;height:292px;overflow: hidden;margin-bottom:16px;}
.jxkyBox .bd ul li a.pic img{width:100%;height:100%;transition:all ease-in-out 1s;}
.jxkyBox .bd ul li a.pic:hover img{transform:scale(1.1);}
.jxkyBox .bd ul li .txt{width:100%;height:87px;padding:0px 18px;}
.jxkyBox .bd ul li .txt h1{width:100%;height:28px;margin-bottom:11px;}
.jxkyBox .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;}
.jxkyBox .bd ul li .txt h1:hover a{color:#d01126;}
.jxkyBox .bd ul li .txt p{height:48px;overflow: hidden;line-height:24px;font-size:16px;color:#b2b2b2;text-indent:2em;}
.jxkyBox .bd ul li .date{width:151px;height:35px;background:url("../images/mkszy_img07.png")no-repeat center;position:absolute;right:0px;bottom:0px;text-indent:39px;line-height:35px;font-size:16px;color:#ffffff;}


/*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:#d01126;}
.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:#d01126;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:#b10013;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:#d01126;padding:31px 35px 0px 60px;box-sizing: border-box;}
.Part3 .box_l .bgfw .channel{width:113px;height:123px;overflow: hidden;margin-bottom:32px;}
.Part3 .box_l .bgfw .channel a{display:block;width:113px;height:123px;overflow: hidden;}
.Part3 .box_l .bgfw .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 .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 .szdw{width:440px;height:397px;background:#353535;padding:31px 28px 0px 53px;box-sizing: border-box;position:relative;}
.Part3 .box_l .bgfw .szdw .channel{margin-bottom: 18px;}
.Part3 .box_l .bgfw .szdw .channel a i{background:url("../images/whysx_img11.png")no-repeat center;}
.Part3 .box_l .bgfw .szdw .more{display:flex;width:32px;height:32px;border-radius:50%;background:#87222d;overflow: hidden;position: absolute;right:40px;top:86px;justify-content: center;align-items: center;}
.Part3 .box_l .bgfw .szdw .more img{position: relative;z-index:2;}
.Part3 .box_l .bgfw .szdw .more::after{content:"";width:32px;height:32px;border-radius:50%;background:#b10013;position: absolute;top:0px;left:-100%;transition:all ease-in-out 0.4s;}
.Part3 .box_l .bgfw .szdw .more:hover::after{left:0px;}
.Part3 .box_l .bgfw .szdw ul{width:100%;height:auto;overflow: hidden;padding-left:15px;box-sizing: border-box;}
.Part3 .box_l .bgfw .szdw ul li{width:100%;height:41px;overflow: hidden;}
.Part3 .box_l .bgfw .szdw ul li a{display:inline-block;width:auto;line-height:41px;float:left;font-size:18px;color:#ffffff;margin-right:12px;}
.Part3 .box_l .bgfw .szdw ul li a:hover{text-decoration:underline;}
.Part3 .box_l .bgfw .szdw ul li span{display:inline-block;width:auto;max-width:252px;line-height:41px;float:left;font-size:16px;color:#ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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:#d01126;}
.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:#d01126;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:#b10013;position: absolute;top:0px;left:-100%;transition:all ease-in-out 0.4s;}
.Part3 .box_r .more:hover::after{left:0px;}