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


.content{ overflow:hidden; clear: both;}

.mode01{ width: 100%; overflow: hidden; background:url(../../images/20190708xsw/modebg.png) no-repeat bottom center; }
.mode01 .Banner{ max-width: 1200px; margin: 0 auto; }

/*图片轮播*/
/*FlexSlider默认样式*/
.Banner .flexslider { position: relative;z-index: 99; overflow:hidden;}
.Banner .flexslider ul.slides li{ position:relative; list-style:none; }
.Banner .flexslider ul li img{ display:block;width:100%;}
.Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.Banner .loading .flex-viewport { max-height: 300px; }
.Banner .flexslider .slides { zoom: 1; padding:0;}
.Banner .carousel li { margin-right: 5px; }
.Banner .flexslider ul li .slideImg{ float: left; width: 74%; overflow: hidden; }
.Banner .flexslider ul li .slideImg a{ display: block; height: 0; padding-bottom:56.4%; overflow: hidden; }
.Banner .flexslider ul li .slideImg a img{ display: block;  width: 100%;transition: all 0.3s ease; }
.Banner .flexslider ul li .slideImg a:hover img{transform: scale(1.1);}




.Banner .flexslider ul li .slideText{ float: right; width: 24.5%; margin:70px 0 0 0; overflow: hidden; }
.Banner .flexslider ul li .slideText h2{ font-size: 2.4em; color: #333333; line-height: 38px; margin:0 48px 33px 0; height: 114px; overflow: hidden; }
.Banner .flexslider ul li .slideText p{ font-size: 1.4em; height: 168px; line-height: 24px; color: #84817a; display: block; padding-right: 48px; }




/*icon小点*/

.Banner .flex-control-nav {width:24.5%; overflow: hidden; position: absolute; right: 0; bottom: 17px;}
.Banner .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.Banner .flex-control-paging li a {  float:left; width: 6px; height: 6px; display: block; background:#f0ebdd; 
 border-radius: 50%;  cursor: pointer;text-indent: -9999px;  transition: all 0.5s ease; }
.Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active { border-radius: 15px; width: 20px; background:#fff;}



.Banner .flex-direction-nav{ display:block; margin-bottom: -16px; }
.Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; }
.Banner .flex-direction-nav a{ width:40px;height:80px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;
  -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.Banner .flex-direction-nav a.flex-prev{ background:url(../../images/20190708xsw/lf-arr.png) no-repeat center; left:0; top: 50%; margin-top: -40px;}
.Banner .flex-direction-nav a.flex-next{  background:url(../../images/20190708xsw/rt-arr.png) no-repeat center; right:0; top: 50%; margin-top: -40px;}






.Wrapmode02{ overflow:hidden; max-width: 1920px; margin: 0 auto;
background: -webkit-linear-gradient(left, #be3030 , #992c23); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #be3030, #992c23); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #be3030, #992c23); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #be3030 , #992c23); /* 标准的语法 */ 
 position: relative;
}
.Wrapmode02:before{content: ""; display: block; width:17%; height: 100%; background:#be2c27;  position: absolute; left: 0; top: 0; opacity: 0.7;z-index: 99}
.Wrapmode02:after{content: ""; display: block; width:17%; height: 100%; background:#9e2c23;  position: absolute; right: 0; top: 0; opacity: 0.7;z-index: 99}
.mode02{ max-width: 1200px; margin: 35px auto 15px auto; }



/*tab start*/
.tabArticleList{ }

.tabArticleList .tabListTitle{ overflow:hidden; border-bottom: #808080 1px solid; text-align: center;}
.tabArticleList .tab_menu{ display: inline-block; }
.tabArticleList .tab_menu h3{ float:left; margin:0 31px; padding-bottom: 12px;}
.tabArticleList .tab_menu h3 a{ display:block; text-align:center;float:left;font-size:2.0em; color:#e1d7bb;}
.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block;float:left; border-bottom: #fff 4px solid;}
.tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block;color:#fff;}
.tabArticleList .more_tab{ display: none;}
.tabArticleList .tabListTitle .more{ float:right; padding-top:10px;}

.tabArticleList .tabList{position:relative; padding: 20px 0 0 0; }
.tabArticleList .tabListBox .more{ position:absolute; right:0; top:-52px; font-size:18px;}
.tabArticleList .tabListBox{ display:none;}
/*tab end*/


/*科研成果*/
/*FlexSlider默认样式*/
.kycg { border-bottom: #808080 1px solid; padding-bottom: 20px;}
.kycg .flexslider {  }
.kycg .flexslider ul.slides li{ position:relative; list-style:none; }
.kycg .flexslider ul li img{ display:block;width:100%;}
.kycg .flex-viewport { max-height: 2000px; overflow: visible !important;position:relative; z-index: 9;}
.kycg .loading .flex-viewport { max-height: 300px; }
.kycg .flexslider .slides { zoom: 1; padding:0;}
.kycg .carousel li { }
/*icon小点*/

.kycg .flex-control-nav{ display:none;}

.kycg .flex-direction-nav{ display:block;  }
.kycg .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.kycg .flex-direction-nav a{ width: 40px;height:80px;display: inline-block;*display: inline;*zoom:1;
  text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.kycg .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.kycg .flex-direction-nav a.flex-prev{ background:url(../../images/20190708xsw/lf-arr.png) no-repeat center; position: absolute; left: -103px; top: 50%; margin-top:-40px; z-index: 999;}
.kycg .flex-direction-nav a.flex-next{ background:url(../../images/20190708xsw/rt-arr.png) no-repeat center;position: absolute; right: -103px; top: 50%; margin-top:-40px; z-index: 999;}

.kycg ul.slides{}
.kycg ul.slides li{ width:25%; float:left;margin-right:64px; position: relative;}
.kycg ul.slides li > div{ display: block;transition: all 0.5s ease; }

.kycg ul.slides li > div:hover{ cursor: pointer; margin-top: -5px; }
.kycg ul.slides li:after{ content: ""; display: block; width: 1px; height: 100%; background: #808080;  position: absolute; right:-32px; top: 0;}
.kycg ul.slides li img{ width: 100%; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.3s ease;}
.kycg ul.slides li i:hover img{opacity: 1;transform: scale(1.1);}
.kycg ul.slides li i:hover{}

.kycg ul.slides li div i a { display:block; height:0; padding-bottom:63%; overflow:hidden;}
.kycg ul.slides li div p{ font-size:1.6em; color:#666666; padding:15px 0; line-height:24px;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.kycg ul.slides li div p a{ display:block; height:45px; line-height: 24px; font-style:normal; font-size: 15px; font-weight: bold; color: #fff; overflow:hidden;}
.kycg ul.slides li div p span{ display: block;font-size: 12px; line-height: 18px; height: 55px; color: #cccccc; margin: 15px 0 0 0; overflow: hidden; }


/*学子双创*/
/*FlexSlider默认样式*/
.xzsc { border-bottom: #808080 1px solid; padding-bottom: 20px;}
.xzsc .flexslider {  }
.xzsc .flexslider ul.slides li{ position:relative; list-style:none; }
.xzsc .flexslider ul li img{ display:block;width:100%;}
.xzsc .flex-viewport { max-height: 2000px; overflow: visible !important;position:relative; z-index: 9;}
.xzsc .loading .flex-viewport { max-height: 300px; }
.xzsc .flexslider .slides { zoom: 1; padding:0;}
.xzsc .carousel li { }
/*icon小点*/

.xzsc .flex-control-nav{ display:none;}

.xzsc .flex-direction-nav{ display:block;  }
.xzsc .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.xzsc .flex-direction-nav a{ width: 40px;height:80px;display: inline-block;*display: inline;*zoom:1;
  text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.xzsc .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.xzsc .flex-direction-nav a.flex-prev{ background:url(../../images/20190708xsw/lf-arr.png) no-repeat center; position: absolute; left: -103px; top: 44%; margin-top:-40px; z-index: 999;}
.xzsc .flex-direction-nav a.flex-next{ background:url(../../images/20190708xsw/rt-arr.png) no-repeat center;position: absolute; right: -103px; top: 44%; margin-top:-40px; z-index: 999;}

.xzsc ul.slides{}
.xzsc ul.slides li{ width:25%; float:left;margin-right:64px; position: relative;}
.xzsc ul.slides li > div{ display: block;transition: all 0.5s ease; }

.xzsc ul.slides li > div:hover{ cursor: pointer; margin-top: -5px; }
.xzsc ul.slides li:after{ content: ""; display: block; width: 1px; height: 100%; background: #808080;  position: absolute; right:-32px; top: 0;}
.xzsc ul.slides li img{ width: 100%; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.3s ease;}
.xzsc ul.slides li i:hover img{opacity: 1;transform: scale(1.1);}

.xzsc ul.slides li div i a { display:block; height:0; padding-bottom:63%; overflow:hidden;}
.xzsc ul.slides li div p{ font-size:1.6em; color:#666666; padding:15px 0; line-height:24px;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.xzsc ul.slides li div p a{ display:block; height:45px; line-height: 24px; font-style:normal; font-size: 15px; font-weight: bold; color: #fff; overflow:hidden;}
.xzsc ul.slides li div p span{ display: block;font-size: 12px; line-height: 18px; height: 55px; color: #cccccc; margin: 15px 0 0 0; overflow: hidden; }






.readMore{  width:110px; height: 30px; line-height: 30px;  text-align: left; margin: 15px auto auto auto; }
.readMore a{ display: block;font-size: 12px; color: #fff; border-radius: 15px; padding: 0 14px;  background:url(../../images/20190708xsw/more.png) no-repeat right 14px center #92231c;
 transition: all 0.2s ease;}
.readMore a:hover{ background:  url(../images/more.png) no-repeat right 10px center #92231c; }

.readMore.m2 a{ background:url(../../images/20190708xsw/more2.png) no-repeat right 14px center #ebebeb; color: #666666; }
.readMore.m2 a:hover{ background:  url(../images/more2.png) no-repeat right 10px center #ebebeb; }

.readMore.m3 a{ background:url(../../images/20190708xsw/more2.png) no-repeat right 14px center #cac1a8; color: #666666; }
.readMore.m3 a:hover{ background:  url(../images/more2.png) no-repeat right 10px center #cac1a8; }



/*科技人物*/

.mode03{max-width:1200px;overflow:hidden; margin:30px auto; }

.articleTitle01{ overflow: hidden; border-bottom: #d9d9d9 1px solid; text-align: center; padding-bottom:12px; }
.articleTitle01 .title{font-size: 2.0em; font-weight: bold; color: #333;}



.articleList03{}
.articleList03 ul { overflow: hidden; margin: 20px 0; }
.articleList03 ul li{ width: 50%; float: left; overflow: hidden; }

.articleList03 ul li:hover .artTxt a{ color: #fff; }
.articleList03 ul li:hover .artTxt p{ color: #cccccc; }

.articleList03 ul li.artLf .artImg{ display: block; max-width: 300px;  float: left; }
.articleList03 ul li .artImg a{ display: block; height: 0; padding-bottom: 62.3%; overflow: hidden; }

.articleList03 ul li .artImg a img{width: 100%; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.3s ease;}
.articleList03 ul li:hover .artImg a img{opacity: 1;transform: scale(1.1);}

.articleList03 ul li.artLf .artTxt { display: block; margin-left: 300px; padding: 19px; position: relative; background: #f2f2f2;}
.articleList03 ul li .artTxt a{ display:inline-block; height: 48px; overflow: hidden; font-size: 1.5em; line-height: 24px; font-weight: bold; color: #333; }
.articleList03 ul li .artTxt p{ display: inline-block; margin-top: 20px; height: 75px; overflow: hidden; font-size: 1.2em; line-height: 18px; color: #999;  }

.articleList03 ul li.artRt .artImg{ display: block; float: right;max-width: 300px; }
.articleList03 ul li.artRt .artTxt { display: block;margin-right: 300px; padding: 19px; position: relative; background: #f2f2f2;transition: all 0.5s ease;}

.articleList03 ul li.artLf .artTxt  strong{width:0;height:0;border-top:18px solid transparent; border-bottom:18px solid transparent; border-right:18px solid #f2f2f2;
 position: absolute; left: -18px; top: 50%; margin-top:-18px;}
.articleList03 ul li.artRt .artTxt  strong{width:0;height:0;border-top:18px solid transparent; border-bottom:18px solid transparent; border-left:18px solid #f2f2f2;
 position: absolute; right: -18px; top: 50%; margin-top:-18px;}


.articleList03 ul li.artLf:hover .artTxt  strong{ border-right:18px solid #9a2c23; }
.articleList03 ul li.artRt:hover .artTxt  strong{ border-left:18px solid #9a2c23; }

.articleList03 ul li.artRt:hover .artTxt{ 
  background: -webkit-linear-gradient(left, #be2d2e , #9a2c23); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #be2d2e, #9a2c23); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #be2d2e, #9a2c23); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #be2d2e , #9a2c23); /* 标准的语法 */ 
 }


.articleList03 ul li.artLf:hover .artTxt{ 
  background: -webkit-linear-gradient(left, #9a2c23 , #be2d2e); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #9a2c23, #be2d2e); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #9a2c23, #be2d2e); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #9a2c23 , #be2d2e); /* 标准的语法 */ 
 }


/*学院动态、讲座报告*/

.Wrapmode04{ max-width: 1920px; margin: 0 auto; overflow: hidden; background:url(../../images/20190708xsw/modebg02.png) no-repeat center #e1d7bb; }
.mode04{ max-width: 1200px; overflow: hidden;  margin:20px auto; }
.mode04 .lf{float: left; width: 40%;}
.mode04 .rt{float: right; width: 54.6%;}


.articleTitle01.t02{ border-bottom: #ffffff 1px solid; padding-bottom: 10px;}
.articleTitle01.t02 .title{ float: left; padding-top: 3px; }
.articleTitle01.t02 .readMore{ float: right; margin: 0;}

.articleList04{ overflow: hidden; }
.articleList04 ul{}
.articleList04 ul li{  padding: 20px 0; background:url(../../images/20190708xsw/li.png) no-repeat left center;  overflow: hidden; position: relative; }
.articleList04 ul li:before{ content: ""; display: block; width: 100%; height: 1px; background:url(../../images/20190708xsw/border-x.png) repeat-x; position: absolute;left: 0; bottom: 0;}
.articleList04 ul li a{ display: block; font-size: 1.5em; height: 21px; line-height: 21px; padding-left: 35px; overflow: hidden; transition: all 0.5s ease;}
.articleList04 ul li a:hover{ padding-left: 40px; }

.articleList05{ overflow: hidden; }
.articleList05 ul{ overflow: hidden; }
.articleList05 ul li{ width: auto; background:url(../../images/20190708xsw/border-x.png) repeat-x bottom; padding: 14px 0;}



.articleList05 ul li > div{ transition: all 0.5s ease; }
.articleList05 ul li:hover > div{ padding-left: 5px;}
.articleList05 ul li a{ font-size: 1.5em; color: #4d4d4d; font-weight: bold; display: block; height: 22px; overflow: hidden; } 
.articleList05 ul li a:hover{ color: #992c23; }
.articleList05 ul li i{ display: block; height: 16px; line-height: 16px; overflow: hidden; color: #666666; font-style: normal; font-size: 1.2em; 
  background:url(../../images/20190708xsw/time.png) no-repeat left top 2px; padding-left: 20px; margin:0 0 10px 0;}
.articleList05 ul li strong{ display: block;height: 16px;line-height: 16px; overflow: hidden; color: #666666; font-style: normal; font-size: 1.2em; background:url(../../images/20190708xsw/local.png) no-repeat left  top 2px; padding-left: 20px;}



@media screen  and (max-width:1600px) {
         .Wrapmode02:before,.Wrapmode02:after{ width: 11%; }

       }

@media screen  and (max-width:1440px) {
         .Wrapmode02:before,.Wrapmode02:after{ width: 7%; }

       }       

@media screen  and (max-width:1386px) {
         .mode01 .Banner,.mode02,.mode03,.mode04{ max-width: 1000px; }
         .Wrapmode02:before,.Wrapmode02:after{ width: 12%; }

       }



@media screen  and (max-width:1200px) {
         .Wrapmode02:before,.Wrapmode02:after{ display: none; }
         .kycg .flex-direction-nav a,.xzsc .flex-direction-nav a{ height: 40px; }
         .kycg .flex-direction-nav a.flex-prev,.xzsc .flex-direction-nav a.flex-prev{ left: 0; }
         .kycg .flex-direction-nav a.flex-next,.xzsc .flex-direction-nav a.flex-next{ right: 0; }
         .Banner .flexslider ul li .slideText{ margin: 30px 0 0 0; }
         .kycg ul.slides li,.xzsc ul.slides li{ margin-right: 30px; }
         .kycg ul.slides li:after,.xzsc ul.slides li:after{ right:-15px;}
         .kycg .flex-viewport,.xzsc .flex-viewport{ overflow: hidden; }

         
 }

@media screen  and (max-width:1024px) { 
         .Banner{ margin: 0 20px !important; }
         .mode02,.mode03,.mode04{ margin:20px !important; }



}



@media screen  and (max-width:992px) { 
   
   .mode01 { background:url(../../images/20190708xsw/modebg.png) no-repeat top 22px center;}
  .Banner .flexslider ul li .slideImg{ width: 65%; }
  .Banner .flexslider ul li .slideText{ width: 32.5%; }
  .Banner .flexslider ul li .slideText h2{ font-size: 2.0em; height: 85px; line-height: 28px;}
  .Banner .flexslider ul li .slideText p{ height: 95px; }
  .Banner .flex-control-nav{width: auto; bottom: 6px;}

  .articleList03 ul li.artLf .artImg,.articleList03 ul li.artRt .artImg{ max-width: 235px; }
  .articleList03 ul li.artLf .artTxt{ margin-left: 235px; }
  .articleList03 ul li .artTxt p{ margin-top: 0; height: 55px; }
  .articleList03 ul li.artRt .artTxt{ margin-right: 235px; }

         



}


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

  .mode01 { background:url(../../images/20190708xsw/modebg.png) no-repeat bottom center;}
    .Banner .flex-direction-nav a{ height: 40px; }
    .Banner .flex-direction-nav a.flex-prev,.Banner .flex-direction-nav a.flex-next{ top: 35%; }  
    .Banner .flexslider ul li .slideImg{ width: 100%; float: none;}
    .Banner .flexslider ul li .slideText{ width: 100%; margin: 15px 0;}
    .Banner .flexslider ul li .slideText h2{ height: auto; line-height: 25px; margin:0 0 15px 0; font-size: 1.8em; }
    .Banner .flexslider ul li .slideText p{ height: auto; padding-right: 0; }
    .Banner .flex-control-nav{ width: auto; }

    .tabArticleList .tab_menu h3 a,.articleTitle01 .title{ font-size: 1.8em; }
    .kycg ul.slides li div p a,.xzsc ul.slides li div p a{ font-size: 14px; }
    .articleList03 ul li{ width: 100%; margin-bottom: 2px; }
    .articleList03 ul li .artTxt a{ font-size: 1.4em; }
    .mode04 .lf,.mode04 .rt{ width: 100%; float: none;}
    .mode04 .rt{ margin-top: 25px; }

    .articleList04 ul li{ padding: 13px 0; }
    .articleList04 ul li a{ font-size: 1.4em; }
    .articleList05 ul li a{ font-size: 1.4em; }



 }


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

@media screen and (max-width:480px) {
      .Banner .flexslider ul li .slideText h2{ font-size: 1.6em; }
      .Banner .flexslider ul li .slideText p{ font-size: 1.2em; line-height: 22px; } 
      .articleList03 ul li.artLf .artImg, .articleList03 ul li.artRt .artImg{ max-width: 100%; float: none; }
      .articleList03 ul li.artLf .artTxt,.articleList03 ul li.artRt .artTxt{ margin: 0; }
      .articleList03 ul li.artLf .artTxt strong,.articleList03 ul li.artRt .artTxt strong{ display: none; } 
      .articleList03 ul li .artTxt a,.articleList03 ul li .artTxt p{ height: auto; }

      .articleList05 ul li{ width: 100%; float: none; }
      .articleList05 ul li a{ height: auto; }
      .articleList05 ul li i{ height: auto; }
      .articleList05 ul li strong{ height: auto; }
      .articleList05 ul li:before,.articleList05 ul li:after{ display: none; }





}

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


}

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

}