@charset "utf-8";
/* CSS Document */


.flexslider{width:100%; height:600px; position: relative;  overflow:hidden; z-index: 1;}
/*ͼƬ*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:600px; }

/*°´Å¥µã*/
.flex-control-nav{width:100%;position:absolute;bottom:98px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ width: 6px; height:6px; background-color: #fff ; overflow: hidden; font-size: 0; cursor: pointer; opacity: 0.7; margin: 0 6px; display: inline-block ; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.flex-control-paging li a.flex-active{ width: 24px; opacity: 1; background-color: #f3651a ; border-radius:6px  ; -webkit-border-radius:6px  ; -moz-border-radius:6px  ; -ms-border-radius:6px  ; -o-border-radius:6px  ; }
.flex-prev{font-size: 0}
.flex-next{font-size: 0}
/* .flex-direction-nav{ width:100%;  position: absolute;left:0; top: 304px ;}
.flex-prev{ width: 58px; height: 58px; background: url(/Template/Pc/xsc/images/lt.png) no-repeat ;display: block ;position: absolute; left: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-next{ width: 58px; height: 58px; background: url(/Template/Pc/xsc/images/rt.png) no-repeat ;display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-prev:hover{ background: url(/Template/Pc/xsc/images/lt1.png) no-repeat ;}
.flex-next:hover{ background: url(/Template/Pc/xsc/images/rt1.png) no-repeat ;} */


.Sectiona-bj{ width: 100%;background-color: #fff ;position: relative; }
.Sectiona-c{ width: 1200px; margin: 0 auto;}
.notice-bj{ width: 100%; height: 130px; position: relative; top: -64px;z-index: 5;}
.notice-bj .ntl{ width: 631px; height: 130px; background-color: #fff; padding: 0 29px 0 20px;float: left; box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 2px; overflow: hidden;}
.tit{ width: 100% ; height: 30px;position: relative;}
.tit a{font-size: 14px; color: #999 ;line-height: 14px;  position: absolute; right: 0 ;top: 7px}
.tit2{ border-bottom: 1px solid #d2d2d2 ;padding: 19px 0}
.tit2 a{top: 27px}
.tit h3{ height: 30px;line-height: 26px; font-size: 20px; font-weight: bold;color: #222 ; }
.tit h3 span{font-size: 14px; color: #999 ;font-weight: normal}
.tit h3 img{position: relative;top: 3px;}
.tit a:hover{color: #b31011}
.gd-xw{ width: 100%; height: 59px; overflow: hidden;}
.hot{ width: 100%; line-height: 59px; overflow: hidden;}
.hot ul{ width: 100%}
.hot ul li{ display: inline-block ;}
.hot ul li a{font-size: 16px; color: #999 ; }
.hot ul li span{font-size: 16px; color: #999 ; padding: 0 5px}
.hot ul li a:hover{color: #333333}
.hot ul li a:hover i{color: #b31011}

.notice-bj .ntr{ width: 520px; height: 130px;float: left;}
.ntr ul{ width: 100%}
.ntr ul li{ width: 129px; height: 130px; background-color: #f1f1f1;float: left;border-right: 1px solid #fff; position: relative;}
.ntr ul li a{ width: 100%; height: 130px ;text-align: center; display: block ;overflow: hidden;}
.ntr ul li a .ico{ position: absolute; left: 50%; margin-left: -16px;top: 37px}
.ntr ul li a .ico2{display: none}
.ntr ul li a h3{ width: 100%; height: 14px;line-height: 14px;font-size: 14px; color: #777; position: absolute; left: 0;bottom: 35px;}
.ntr ul li:last-child{border: none}
.ntr ul li:hover{background-color: #b31011}
.ntr ul li:hover .ico1{display: none}
.ntr ul li:hover .ico2{display: block}
.ntr ul li:hover h3{color: #fff}


.student-news{ width: 100% ;padding: 0 0 65px 0}
.student-l{ width: 600px; height: 544px ; float: left;}
.student-r{ width: 570px; height: 544px ;float: right ;}


.picScroll-left{ width: 600px; height: 544px ; overflow:hidden; position:relative; }
.picScroll-left .hd{  width: 100%; position: absolute; right: 0; top: 177px; z-index: 1;  }
.picScroll-left .hd ul{ width: 97%; position: absolute; left: 0px; top: 244px;text-align: right}
.picScroll-left .hd ul li{ display: inline-block ; font-size: 0 ; width: 6px; height: 6px; background-color: #fff ; border-radius:6px; margin: 0 4px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; }
.picScroll-left .hd ul li.on{ width: 22px ;background-color: #b31011}

.picScroll-left .hd .next{ width:36px; height:50px; background: rgba(0, 0, 0, 0.5); background-image: url(/Template/Pc/xsc/images/jt2.png); background-repeat: no-repeat; background-position: center center; position:absolute;right:0;top:0; cursor:pointer; z-index:9 ;display: block ;}
.picScroll-left .hd .prev{width:36px; height:50px;  background: rgba(0, 0, 0, 0.5); background-image: url(/Template/Pc/xsc/images/jt1.png); background-repeat: no-repeat; background-position: center center; position:absolute;left:0;top:0; cursor:pointer; z-index:9 ;display: block;}
.picScroll-left .hd .next img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .prev img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .next:hover{ background: rgba(179, 16, 17, 0.5);background-image: url(/Template/Pc/xsc/images/jt2.png);background-repeat: no-repeat; background-position: center center; }
.picScroll-left .hd .prev:hover{background: rgba(179, 16, 17, 0.5);background-image: url(/Template/Pc/xsc/images/jt1.png);background-repeat: no-repeat; background-position: center center;}

.picScroll-left .bd{  width: 100%  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline;width: 100%; height: 544px ; background-color: #f8f8f8; overflow:hidden; text-align:center;  position: relative; }
.picScroll-left .bd ul li img{width: 100%; height: 450px ;  }
.picScroll-left .bd ul li h4{ width: 558px;margin: 0 auto; height: 20px;line-height: 20px; font-size: 18px; color: #333 ; text-align: left;white-space: nowrap;text-overflow: ellipsis; margin-top: 26px;margin-bottom: 16px; overflow: hidden;}
.picScroll-left .bd ul li h4 span{ padding-right: 2px;}
.picScroll-left .bd ul li h5{width: 558px;margin: 0 auto; height: 16px;line-height: 16px;text-align: right;}
.picScroll-left .bd ul li h5 span{ background: url(/Template/Pc/xsc/images/tim.png) no-repeat left center; padding-left: 22px; font-size: 14px; color: #999 ;}
.picScroll-left .bd ul li h4:hover{color: #b31011}

.borx{border-left: 3px solid #b31011 ;}
.borx h3{padding-left: 16px;}
.borx a{right: 3px}
.mgt{margin-bottom: 25px}
.xwk{width: 100%;  padding: 5px 0 0 0;}
.xwk ul{ width: 100% ;}
.xwk ul li{ width: 568px;  height: 166px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 2px; position: relative; overflow: hidden; margin-bottom: 17px; padding: 1px }
.xwk ul li a{ width: 100%;display: block ;}
.xwk ul li a .tub{width: 222px; height: 166px;float: left;}
.xwk ul li a img{width: 100%; height: 168px;position: relative; left: -1px;top: -1px ;object-fit: cover }
.xwk ul li a .new-r{ width: 306px; float: left;margin-left: 19px}
.xwk ul li a h3{ width: 100%; height: 52px; line-height: 26px; font-size: 16px;color: #333 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 9px 0 11px 0; overflow: hidden;}
.xwk ul li a p{ width: 100%; height:44px; line-height: 22px; font-size: 14px; color: #999 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.xwk ul li a .tim{ width: 100%; height: 18px;line-height: 18px;text-align: left; margin: 16px 0 0 0}
.xwk ul li a .tim span{  background: url(/Template/Pc/xsc/images/tim.png) no-repeat left center; padding-left: 22px; font-size: 14px; color: #999 ;}
.xwk ul li:hover a h3{color: #b31011}
.xwk ul li a h3 span{color: #b31011}
.xwk ul li:hover{ border: solid 1px #b31011; padding: 0 }

.xwk ul li.noa .new-r{ width:540px}
.xwk ul li.noa .tub{display: none}
.xwk ul li.noa .new-r h3{margin: 14px 0 6px 0}



.Sectionb-bj{ width: 100%; height: 575px ; background: url(/Template/Pc/xsc/images/bj2.jpg) no-repeat center center; overflow: hidden;}
.Sectionb-c{ width: 1200px; margin: 0 auto; padding: 55px 0 0 0;}
.sect-left{ width: 753px; float: left;}
.sect-right{ width: 417px; float: right; overflow: hidden;}


.picScroll-left2{ width: 753px; height: 414px ; overflow:hidden; position:relative;}
.picScroll-left2 .hd{  width: 100%; position: absolute; right: 0; bottom: 0px; z-index: 1;  }
.picScroll-left2 .hd ul{ width: 100%;text-align: center}
.picScroll-left2 .hd ul li{ display: inline-block ; font-size: 0 ; width: 5px; height: 5px; background-color: #fff ; border-radius:5px; margin: 0 4px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; cursor: pointer; }
.picScroll-left2 .hd ul li.on{ width: 22px ;background-color: #b31011}
.picScroll-left2 .bd{  width: 100%  }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{float:left; _display:inline;width: 361px; height: 371px ; background: rgba(255, 255, 255, 0.5); overflow:hidden; text-align:center;  position: relative; padding: 1px;margin-right: 27px }
.picScroll-left2 .bd ul li img{width: 100%; height: 271px ;  }
.picScroll-left2 .bd ul li h4{ width: 316px;margin: 0 auto;text-align: left; height: 20px;line-height: 20px; font-size: 18px; color: #555 ; white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;margin-bottom: 10px; overflow: hidden;}
.picScroll-left2 .bd ul li h5{ width: 316px;margin: 0 auto;text-align: left; height:44px; line-height: 22px; font-size: 14px; color: #999 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.picScroll-left2 .bd ul li:hover{ padding: 0 ;background: rgba(255, 255, 255,1);border: solid 1px #b31011 ; box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 2px;}
.picScroll-left2 .bd ul li:hover h4{color: #b31011}


.picScroll-left3{width: 100%; height: 371px; background-color: #fff ; overflow: hidden;}
.notice{width: 380px; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden;}
.notice ul{  overflow: hidden;}
.notice ul li{ width: 100%; border-bottom: 1px solid #e5e5e5 ; }
.notice ul li a{ width: 100%; height: 83px ; display: block ;position: relative;}
.notice ul li a .ntl{ width: 70px; height: 83px ;border-right: 1px solid #e5e5e5 ;text-align: center;float: left; overflow: hidden; }
.notice ul li a .ntl h5{ line-height: 32px; font-size: 32px; font-weight: bold ;color: #555; margin: 15px 0 5px 0}
.notice ul li a .ntl h6{ line-height: 14px; font-size:14px;color: #999;}
.notice ul li a i{ width: 8px; height: 8px; border: solid 1px #b31011 ;background-color: #fff; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; display: block ;position: absolute; left: 65.5px;top: 34px}
.notice ul li a .ntr{ width: 288px; height: 83px;float: left; padding: 0 4px 0 17px; display: flex; align-items: center; overflow: hidden;}
.notice ul li a .ntr h3{width: 100%; max-height:52px; line-height: 26px; font-size: 16px; color: #555 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.notice ul li:last-child{border: none}
.notice ul li:hover a .ntl{background-color: #fbf3f3}
.notice ul li:hover a .ntr{background-color: #fbf3f3}
.notice ul li:hover a i{background-color: #b31011}
.notice ul li:hover a h3{color: #b31011}



.Sectionc-bj{ width: 100%; background-color: #fff ; overflow: hidden;}
.Sectionc-c{ width: 1200px; margin: 0 auto; padding: 65px 0;}
.guide-l{ width: 492px; height: 400px; background-color: #fff ;box-shadow: rgba(0, 0, 0, 0.1) 0 0 6px 2px; float: left;}
.imgtu{ width: 100%; position: relative;}
.imgtu img{width: 100%; height: 110px;}
.imgtu a{font-size: 14px; color: #999; line-height: 14px; position: absolute; right: 41px; top: 81px;}
.imgtu a:hover{color: #b31011}

.news-list4{ width: 452px;margin: 0 auto;overflow: hidden;}
.news-list4 ul{ padding-top: 5px;}
.news-list4 ul li{ width: 100%; height: 55px; border-bottom: 1px dashed #d2d2d2; position: relative;}
.news-list4 ul li a{ width:390px;height: 55px; line-height: 55px; float: left;font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis ;position: relative; overflow: hidden;}
.news-list4 ul li a i{color: #a7162d;}
.news-list4 ul li span{ width: 50px;height: 55px; line-height: 50px; float: right;text-align: right;font-size: 14px; color: #959595; }
.news-list4 ul li:hover a{color: #b31011;  }
.news-list4 ul li:hover a i{color: #b31011;  }
.news-list4 ul li:hover span{color: #b31011; }
.news-list4 ul li:last-child{border: none}

.guide-r{ width: 678px; height: 400px ;float: right ; overflow: hidden;}

.guide-r .tub{  width: 100%;  height: 132px; border-bottom: 1px solid #d2d2d2 ;margin: 34px 0 0 0}
.guide-r .tub a{  width: 100%;  }
.guide-r .tub img{ width: 150px; height: 112px; float: left;}
.guide-r .tub .wb-r{ width: 486px; height: 112px;float: left;margin-left: 21px;}
.guide-r .tub  h3{ width: 100% ; height: 20px; line-height: 20px; font-size: 16px ; color: #555; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; margin: 3px 0 12px 0; overflow: hidden;}
.guide-r .tub p{ width: 100% ; height: 48px; line-height: 24px; font-size: 14px; color: #777 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0 0 12px 0; overflow: hidden;}
.guide-r .tub h5{font-size: 14px; color: #959595;}
.guide-r .tub h5 span{background: url(/Template/Pc/xsc/images/tim.png) no-repeat left center;padding-left: 22px;font-size: 14px;color: #999;}
.guide-r .tub:hover h3{color: #b31011}

.news-list5{ width: 100%;height: 200px; overflow: hidden;}
.news-list5 ul{ padding-top: 13px;}
.news-list5 ul li{ width: 100%; height:40px;  position: relative;margin-bottom: 7px}
.news-list5 ul li a{ width:560px;height: 40px; line-height: 40px; float: left;font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis ;position: relative; overflow: hidden;}
.news-list5 ul li a i{color: #a7162d;}
.news-list5 ul li span{ width: 50px;height: 40px; line-height: 40px; float: right;text-align: right;font-size: 14px; color: #959595; }
.news-list5 ul li:hover a{color: #b31011;  }
.news-list5 ul li:hover a i{color: #b31011;  }
.news-list5 ul li:hover span{color: #b31011; }
.news-list5 ul li:last-child{border: none}