@charset "utf-8";
/* CSS Document */
/* Browser Resets
*********************************/ 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides > li a{display: block;height: 0;padding-bottom:41.67%;overflow:hidden;}
.banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */ 

 
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



/*banner滚动图*/ 
.banner{position: relative;overflow: hidden;text-align: center;} 
.banner .dots{position:absolute;left:0;right:0;bottom:100px;z-index:3;}
.banner .dots li{display:inline-block;width:9px;height:9px;margin:0 6px;text-indent:-999em; border:2px solid rgba(255,255,255,0.5);
   border: #fff 2px solid \9; *border: #fff 2px solid; border-radius:50%;cursor:pointer;}
.banner .dots li:before{ content: ""; display: block; width: 0; height: 1px; background: rgba(255,255,255,0.5); position: absolute; 
left: -55px; top: 5px; transition: all 0.3s ease-in-out;}

.banner .dots li.active{ width: 17px; height: 17px; background:#a4242a; border:7px solid rgba(89,0,4,0.5); margin-left: 70px; 
  position: relative;}
.banner .dots li.active:before{ width: 30px;}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 100%;overflow: hidden;}
.banner ul .slider-item {float: left; height:auto; position: relative; overflow: hidden;} 
.banner ul .slider-img{ display: block; height:100%; overflow: hidden; background-size: cover !important;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px; width: 98%; height: 70px;padding: 20px 1%;text-align:left;/*! line-height: 70px; */background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}
.banner ul .slider-item .slider-title h3{color: #fff;font-size:30px; font-size: 3.0rem; font-weight: normal; display: block; max-width: 1200px; margin: 0 auto;height: 40px;line-height: 40px;overflow: hidden;}
 
.banner .progress{width:15%;height:4px;overflow:hidden;background:#a4242a;}
.banner .progressBg{position:absolute;left:0;bottom:0; z-index: 2; width: 100%; height: 4px; background: rgba(255,255,255,0.5); }
.banner .mouse{ width: 22px; height: 35px; position: absolute; left: 50%; bottom: 28px;z-index: 2;transition: all 0.3s ease-in-out;
animation:myfirst 5s linear 3s infinite alternate;/* Firefox: */
-moz-animation:myfirst 5s linear 3s infinite alternate;/* Safari and Chrome: */
-webkit-animation:myfirst 5s linear 3s infinite alternate;/* Opera: */
-o-animation:myfirst 5s linear 3s infinite alternate; }
.banner .mouse a{ display: block; transition: all 0.3s ease-in-out;}
@keyframes myfirst{
0%   {bottom:28px;}
50% {bottom:15px;}
100% {bottom:28px;}
}
 
@-moz-keyframes myfirst{
0%   {bottom:28px;}
50% {bottom:15px;}
100% {bottom:28px;}
}
 
@-webkit-keyframes myfirst{
0%   {bottom:28px;}
50% {bottom:15px;}
100% {bottom:28px;}
}
 
@-o-keyframes myfirst{
0%   {bottom:28px;}
50% {bottom:15px;}
100% {bottom:28px;}
}



  

.content{overflow:hidden;}
/*学院新闻*/
.wrap_mode01{ overflow: hidden; background:url(../images/cloud2.png) no-repeat right top;}
.mode01{  margin:75px auto 75px auto;}
.mode01 .lf{ width: 48%; }
.mode01 .rt{ width: 48%; }
.articleList01{ position: relative; }
.articleTitle01{ height: 65px; line-height: 65px; text-align: center; overflow: hidden;margin-bottom: 45px;}
.articleTitle01 .title{ color: #a4242a; font-size: 60px; font-size: 6.0rem; font-weight: lighter; }
.NactaList01 li{ padding: 7px 0; overflow: hidden; }
.NactaList01 li a{ display: block; height: 22px; line-height: 22px; font-size: 16px; font-size: 1.6rem; color: #666; padding-left: 20px; overflow: hidden;
 position: relative; transition: all 0.3s ease-in-out;}
.NactaList01 li a:before{ content: ""; display: block; width: 6px;height: 6px; background: #a4242a; position: absolute; left: 0; top: 7px; transition: all 0.3s ease-in-out;}

 
/*图片轮播*/
.articleList01 .flexslider{ max-width: 500px; float: right; overflow: hidden; position: relative;}
.articleList01 .flexslider ul li{ list-style:none;}
.articleList01 .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:60%; overflow:hidden;}
.articleList01 .flexslider ul li img{ border:none; width:100%;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList01 .flexslider ul li a:hover img{opacity: 1;transform: scale(1.1);}
.articleList01 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleList01 .loading .flex-viewport {  }
.articleList01 .flexslider .slides { zoom: 1; width:100%;  padding:0;}
.articleList01 .carousel li { margin-right: 5px; }
/*icon小点*/ 
.articleList01 .flex-control-nav {width:auto; position: absolute; bottom:4px; right:10px;text-align:center;z-index:9;}
.articleList01 .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.articleList01 .flex-control-paging li a {  float:left; width: 10px; height: 10px; display: block; background:none; border:#f0f0f0 1px solid; border-radius:50%; cursor: pointer;text-indent: -9999px; }
.articleList01 .flex-control-paging li a:hover,.articleList01 .flex-control-paging li a.flex-active {background:#a4242a; border:none;border:#a4242a 1px solid; }
.articleList01 .slides h4 a{color:#fff;opacity: 1.0;font-size:14px; text-decoration:none;}
.articleList01 .slides h4 a:hover{color:#fff;font-size:14px;}
.flex-direction-nav{ display:none;}
.articleList01 .slideTxt{position:absolute; bottom:0px; left:0; height: 60px; width: 100%; cursor: pointer;
background-color:rgba( 0,0,0,0.6);
background: -webkit-linear-gradient(bottom, rgba( 0,0,0,0.6), rgba( 0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba( 0,0,0,0.6), rgba( 0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba( 0,0,0,0.6), rgba( 0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba( 0,0,0,0.6) , rgba( 0,0,0,0)); /* 标准的语法 */
}
.articleList01 .slideTxt span{ display: block; font-size: 16px; font-size: 1.6rem; color: #fff;margin: 19px;height: 22px;line-height: 22px;overflow: hidden;}



/*通知公告*/
.wrap_mode02{ background: url(../images/cloud3.png) no-repeat left bottom; overflow: hidden;}
.articleList02{ position: relative; padding-bottom: 70px; }
.NactaList02{}
.NactaList02 li{ padding: 7px 0;height: 22px; line-height: 24px; color: #dddddd; overflow: hidden; overflow: hidden; }
.NactaList02 li .rightDate{ font-size: 16px; font-size: 1.6rem; color: #999; padding-right: 14px; float: left; position: relative;}
.NactaList02 li .rightDate:after{ content: ""; display: block;width: 1px; height: 14px;background: #ddd; position: absolute; right: 0; top: 7px;}
.NactaList02 li a{ font-size: 16px; font-size: 1.6rem; color: #666; padding-left: 14px; transition: all 0.3s ease-in-out; }
.more1{ display: block; width: 59px; height: 59px; position: absolute;right: -100px;top: 60%;}
.more1 img{transition: all 0.5s ease-in-out;}
.more1:hover img{transform: scale(1.1)}

/*视频*/ 
.articleTitle02{width: 200px;height: 170px;line-height: 200px;float: left;background: url(../images/cloud5.png) no-repeat left top 10px #9f2228;
*background: #9f2228;background: #9f2228 \9;text-align: center;background-size: contain;}
.articleTitle02 a{ font-size: 48px; font-size: 4.8rem; color: #fff; letter-spacing:15px;}
.articleList03 .flexslider { position: relative; margin-left: 200px;}
.articleList03 .flexslider ul li{ list-style:none; position: relative; }
.articleList03 .flexslider ul li img{ display:block;width:100%;}
.articleList03 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleList03 .loading .flex-viewport { max-height: 300px; }
.articleList03 .flexslider .slides { zoom: 1; padding:0;}
.articleList03 .carousel li { margin-right: 5px; }
/*icon小点*/
.articleList03 .flex-control-nav{ display:none;}
.articleList03 .flex-direction-nav{ display:block;}
.articleList03 .flex-direction-nav li{*display: inline;*zoom:1;}
.articleList03 .flex-direction-nav a{display: block; width:71px;height:143px;text-align: center; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.articleList03 .flex-direction-nav a:hover{opacity:0.8;}
/* .articleList08 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center #21719e; left: 0; top: 5px;display: none;} */
.articleList03 .flex-direction-nav a.flex-next{  background:url(../images/zt-next.png) no-repeat right center; right: 0; bottom: 12px;z-index: 99;}

.articleList03 .artPlay{ position: absolute; left: 0; top: 0;width: 100%; height: 100%; display:block; background: rgba(0,0,0,0.4); transition: all 0.3s ease-in-out;z-index: 1;} 
.artPlay .play{ display: block; width: 41px; height: 41px; position: absolute; left: 50%; margin-left: -20px; bottom: 50%; margin-bottom: -20px;transition: all 0.3s ease-in-out;}
.artPlay .artText{ display: none; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 24px;  text-align: center; margin: 66px; position: relative; transition: all 0.3s ease-in-out;} 
.artPlay .artText:before{ content: ""; display: block; width: 40px; height: 2px;background: #dcdcdc; position: absolute; left: 50%; bottom: -10px;margin-left: -20px;}
.artPlay .time{ font-size: 12px; color: #fff; display: inline-block; background: rgba(164,36,42,0.8); *background: #9f2228; background: #9f2228\9; height: 20px; line-height: 20px;
 padding: 0 10px; border-radius: 20px; position: absolute; right: 10px; bottom: 10px;transition: all 0.3s ease-in-out;}
.articleList03 li > div:hover .artPlay{ background: rgba(164,36,42,0.8); *background: #ab2c32; background: #ab2c32\9;}
.articleList03 li > div:hover .play{ left: -41px; bottom: -41px; }
.articleList03 li > div:hover .artText{ display: block; }
.articleList03 li > div:hover .time{ background: rgba(255,255,255,0.8);*background: #fff; background: #fff\9; color: #9f2228; }



/*十二大系别*/
.articleList04{ margin: 70px auto;  }
.NactaList04{ margin: -20px 0; font-size: 0; }
.NactaList04 li{width: 20%;margin: 20px 0;display: inline-block;*display: inline;*zoom: 1;}
.NactaList04 li a{ display: block;  -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.NactaList04 .artImg{ display: block;text-align: center; width:80px; height: 68px; margin: 0 auto;}
.NactaList04 .artImg img{ width: auto; } 
.NactaList04 .artText{ display: block; height: 22px; line-height: 22px; font-size: 16px; text-align: center; margin: 10px 0;overflow: hidden;} 
.NactaList04 li a:hover {-webkit-transform:  translateY(-10px);
    -moz-transform: translateY(-10px);
    transform:  translateY(-10px);
   }


/*微门户*/
.articleList05 .flex-control-nav{ display:none;}
.articleList05 .flex-direction-nav{ display: block; }
.articleList05 .flex-direction-nav li{width:100%;}
.articleList05 .flex-direction-nav a{ width:14px;height:25px;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.articleList05 .flex-direction-nav a:hover{opacity:0.8;}
.articleList05 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev2.png) no-repeat center; left: 10px; top: 100px;} 
.articleList05 .flex-direction-nav a.flex-next{  background:url(../images/next2.png) no-repeat center; right:10px; top: 100px;}

.more2{ width: 44px; height: 15px; margin: 0 auto; overflow: hidden; }
.more2 img{transition: all 0.6s ease-in-out;}
.more2:hover img{transform:scale(1.1);}
.NactaList05{ margin: 0 -15px;}
.NactaList05 li{ width: 33.2%; float: left;overflow: hidden; }
.NactaList05 li > div{ margin: 0 15px 28px 15px;  box-shadow: 0 0 10px 0 #dbdbdb;} 
.NactaList05 li a{ display: block; position: relative;overflow: hidden;}
.NactaList05 .imgResponsive{ padding-bottom: 56.8%; }
.NactaList05 span.imgResponsive{padding-bottom:0;height: 248px;}
.NactaList05 span.imgResponsive img{object-fit:cover;height:100%}
.NactaList05 .date{ display: block; width: 40px; height: 50px; background: rgba(158,33,36,0.9); padding: 15px 10px;text-align: center;position: absolute;top: 20px;right: 20px;z-index: 1;}
.NactaList05 .month{ font-size: 14px; color: #fff; display: block; height: 25px;border-bottom: #fff 1px solid;}
.NactaList05 .day{ font-size: 24px; color: #fff; display: block;}
.NactaList05 .artCode{ display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.8); position: absolute; left: 0;bottom: -100%;transition: all 0.4s ease-in-out;z-index: 1;}
.NactaList05 .artCode i{ display: block; width: 132px; height: 132px; margin: 42px auto; }
.NactaList05 .artCon{ display: block;background: #fff; padding: 16px; overflow: hidden; }
.NactaList05 .artTitle{ display: block; height: 48px; line-height: 24px; font-size: 18px; font-size: 1.8rem; font-weight: bold; margin-bottom: 12px; overflow: hidden;}
.NactaList05 .artText{ display: block; height: 48px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #aaa; overflow: hidden; }
.NactaList05 li:hover .artCode{ bottom: 0; }



/*媒体国戏*/
.wrap_mode06{ margin: 70px auto; overflow: hidden; }
.NactaList06{ margin: 0 -20px 30px -20px; overflow: hidden; }
.NactaList06 li{ width: 49.8%; float: left; transition: all 0.3s ease-in-out;}
.NactaList06 li a{ display: block; margin: 0 20px;  position: relative;padding: 18px; border-bottom: #dddddd 1px solid; } 
.NactaList06 li a:before{ content: ""; display: block; width: 4px; height: 18px;background: #9f2228; position: absolute; left: 0; top: 18px;transition: all 0.3s ease-in-out;}
.NactaList06 li a:after{content: ""; display: block; width: 1px; height:73px; background: #9f2228;position: absolute; left: 0; top: 18px; }
.NactaList06 .artTitle{ display: block; font-size: 18px; font-size: 1.8rem; font-weight: bold; transition: all 0.3s ease-in-out; height: 20px; line-height: 20px; overflow: hidden;}
.NactaList06 .from{ margin: 8px 0; }
.NactaList06 .date,.NactaList06 .from{ color: #999; display: block;font-size: 16px; }
.NactaList06 .readMore{ display: block; width: 26px; height: 17px; background: url(../images/jt.png) no-repeat; position:absolute; right: 0; bottom:20px;transition: all 0.3s ease-in-out;}
.NactaList06 li:hover a{ background:url(../images/cloud4.png) no-repeat right center #f3f3f3; }
.NactaList06 li:hover .readMore{ background: url(../images/jt-hover.png) no-repeat; right: 10px; }
.NactaList06 li:hover a:before{ height: 76px; }



/*演出活动*/
.wrap_mode07{ background: #f3f3f3; padding: 60px 0; overflow: hidden; }
.NactaList07{ margin: 0 -14px; overflow: hidden; }
.NactaList07 li{ width: 25%; float: left; }
.NactaList07 li a{ display: block; margin: 0 14px; background: #fff; overflow: hidden; transition: all 0.3s ease-in-out; position: relative;}
.NactaList07 li div{ margin: 15px; overflow: hidden; display: inline-block;} 
.Ychd .imgResponsive{/*! padding-bottom: 70%; */}
.Ychd .artTitle{ display: block; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 28px; height: 56px; overflow: hidden; } 
.Ychd .date{ font-size: 16px; color: #999; position: relative;display: block;margin: 10px 0 18px 0;}
.Ychd .date:before{ content: ""; display: block; width: 30px;height: 3px; background: #9f2228; position: absolute; bottom:-8px; left: 0;  }
.Ychd .abstract{ font-size: 16px; color: #999; line-height: 28px; display: block;height: 84px;overflow: hidden;}
.Ychd .readMore{ display: block; width: 26px; height: 17px; background: url(../images/jt.png) no-repeat;transition: all 0.3s ease-in-out;margin: 14px 0 0 0;}
/* .NactaList07 li a:hover{ background:url(../images/cloud4.png) no-repeat right bottom #fff;  } */
.NactaList07 li a:before{ content:""; display:block;width: 133px; height: 90px; background: url(../images/cloud4.png) no-repeat; position: absolute; bottom: 0; right: -133px;transition: all 0.3s ease-in-out;}
.NactaList07 li a:hover:before{ right: 0;}
.NactaList07 li a:hover .readMore{background: url(../images/jt-hover.png) no-repeat;}
.NactaList-icon{margin: 22px auto auto auto;overflow: hidden;position: relative;}
.NactaList-icon:before{ content: ""; display: block; width: 100%; height: 2px; background: #dddddd;position: absolute;left: 0;top: 17px;z-index: 0;}

.NactaList-icon li{ width: 20%; float: left; }
.NactaList-icon li a{ font-size: 16px; font-size: 1.6rem; color: #999; display: block;text-align: center;transition: all 0.3s ease-in-out;position: relative;z-index: 1;}
.NactaList-icon li i{ display: block; width: 10px; height: 10px; background: #c0c0c0; border:#fff 5px solid; border-radius: 50%; margin:8px auto;transition: all 0.3s ease-in-out;}
.NactaList-icon li a:hover{ color: #9f2228; }
.NactaList-icon li a:hover i{ background: #9f2228; }



/*专题*/
.wrap_mode08{ overflow: hidden; }
/*FlexSlider默认样式*/
.articleList08 .flexslider { position: relative; margin-left: 200px;}
.articleList08 .flexslider ul li{ list-style:none; position: relative; }
.articleList08 .flexslider ul li img{ display:block;width:100%;height: 170px;}
.articleList08 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleList08 .loading .flex-viewport { max-height: 300px; }
.articleList08 .flexslider .slides { zoom: 1; padding:0;}
.articleList08 .carousel li { margin-right: 5px; }
/*icon小点*/
.articleList08 .flex-control-nav{ display:none;}
.articleList08 .flex-direction-nav{ display:block;}
.articleList08 .flex-direction-nav li{*display: inline;*zoom:1;}
.articleList08 .flex-direction-nav a{ width:71px;height:143px;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.articleList08 .flex-direction-nav a:hover{opacity:0.8;}
/* .articleList08 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center #21719e; left: 0; top: 5px;display: none;} */
.articleList08 .flex-direction-nav a.flex-next{  background:url(../images/zt-next.png) no-repeat right center; right: 0; bottom: 12px;z-index: 99;}
.articleList08 .artText{ display: block; width: 100%; height: 60px; position: absolute;left: 0; bottom: 0;
background-color:rgba( 0,0,0,0.9);
background: -webkit-linear-gradient(bottom, rgba( 0,0,0,0.9), rgba( 0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba( 0,0,0,0.9), rgba( 0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba( 0,0,0,0.9), rgba( 0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba( 0,0,0,0.9) , rgba( 0,0,0,0)); /* 标准的语法 */ 
z-index: 1;*background: #333;background: #333\9;
}
.articleList08 .artText b{ font-size: 16px; color: #fff; font-weight:normal; display: block;text-align: center;margin: 28px 20px 10px 20px; *margin: 20px; margin: 20px \9; 
  height: 22px;line-height: 22px;overflow: hidden;}



/*信息服务*/
.wrap_mode09{ margin:70px auto 80px auto; overflow: hidden; }
.articleList09 .flexslider{ max-width: 1000px; margin: 0 auto;overflow: hidden;}
.articleList09 li { width: 7.69%; float: left; }
.articleList09 li a{font-size: 16px;font-size: 1.6rem;color: #999;display: block;width: 15px;text-align: center;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;}
.articleList09 li a:before{ content: ""; display: block; width: 1px; height: 0; background: #9f2228; position: absolute; top: 0; left: 50%;transition: all 0.3s ease-in-out;}


/*FlexSlider默认样式*/
.articleList09 .flexslider { position: relative; }
.articleList09 .flexslider ul li{ list-style:none; position: relative; }
.articleList09 .flexslider ul li img{ display:block;width:100%;}
.articleList09 .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.articleList09 .loading .flex-viewport { max-height: 300px; }
.articleList09 .flexslider .slides { zoom: 1; padding:0;}
.articleList09 .carousel li { margin-right: 5px; }
/*icon小点*/
.articleList09 .flex-control-nav{ display:none;}
.articleList09 .flex-direction-nav{ display:block;}
.articleList09 .flex-direction-nav li{width:100%;}
.articleList09 .flex-direction-nav a{ width:14px;height:25px;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;transition: all 0.5s ease;}
.articleList09 .flex-direction-nav a:hover{opacity:0.8;}
.articleList09 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center; left: 0; bottom: 60px;} 
.articleList09 .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center; right: 0; bottom: 60px;}
.articleList09 .flex-direction-nav a:before{ display: none; }
.articleList09 .flex-direction-nav a:hover{ padding-top: 0;}
/*  20200907*/
.articleList03 .flexslider span.imgResponsive{padding-bottom: 56.67%;}
.articleList08 .flexslider span.imgResponsive{padding-bottom: 56.67%;}
.articleList03 .flexslider span.imgResponsive img{ height: 170px;}


@media screen  and (min-width:1024px) {
    .NactaList01 li a:hover{ color: #a4242a; padding-left: 68px;}
    .NactaList01 li a:hover:before{width: 40px;height: 2px; top: 10px;}
    .NactaList02 li a:hover{ color: #a4242a; padding-left: 24px; } 
    .articleList09 li a:hover:before{ height: 20px; }
    .articleList09 li a:hover{ padding-top: 30px; color: #9f2228;}


    .effect{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;;}
    .mode01 > .lf{transform: translateX(-40px);opacity: 0;}
    .mode01 > .rt{transform: translateX(40px);opacity: 0;}
    .SWUPL-list01 > .li3{transition-delay: 0s;transform: translateX(-100px);}
    .SWUPL-list01 > .li4{transition-delay: 0.3s;transform: translateX(-100px);}
    .SWUPL-list01 > .li5{transition-delay: 0.6s;transform: translateX(-100px);}
    .SWUPL-list01 > .li6{transition-delay: 0.9s;transform: translateX(-100px);}
    .SWUPL-list01 > .li7{transition-delay: 1.2s;transform: translateX(-100px);}
    
    .listTitle02,.effect2 .tabMenu01,.effect2 .listTitle03,.effect2 .item-info03,.effect2 .item-list03{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;}
    .tabMenu01,.listTitle04{transition-delay: 0.3s;}

 
}

@media screen  and (max-width:1200px) { 
    .banner {height:0 !important;padding-bottom:56.2%;}
    .banner ul .slider-img{ height: 0; padding-bottom:56.2%; overflow: hidden;}
}


@media screen  and (max-width:1060px) { 
    .slick-prev{left: 0;top: 25%;z-index: 600;}
    .slick-next{right: 0;top: 25%;z-index: 600;}
}


@media screen  and (max-width:1024px) { 
    .wrap_mode01,.wrap_mode02{ background-size: 180px; }
    .banner ul .slider-item .slider-title h3{ width: auto; font-size: 2.0rem; }
    .mouse{ display: none; }
    .banner .dots{ width: auto; left: auto; right: 0; bottom: 34px; }
    .container{width: auto;margin-left: 20px !important;margin-right:20px !important;}
    .mode01,.articleList04,.wrap_mode06,.wrap_mode09{ margin: 50px auto; }
    .articleTitle01{ margin-bottom: 25px; }
    .articleTitle01 .title{ font-size: 4.8rem; }
    .articleTitle02{ width: 140px; }
    .articleTitle02 a{ font-size: 3.6rem; }
    .articleList02{ padding-bottom: 50px; }
    .articleList03 .flexslider,.articleList08 .flexslider{ margin-left: 140px; }
    .more1{ position: static; clear: both;margin: 15px auto;}
    .NactaList04{ margin: -10px 0; }
    .NactaList04 li{ width: 25%; margin: 10px 0; }
    .wrap_mode07{padding: 50px 0;}

     
     
}

@media screen  and (max-width:992px) {
     .NactaList07{ max-width: 740px; margin: 0 auto; }
     .NactaList07 li{ width: 50%; margin-bottom: 20px; }
     .NactaList-icon li a{font-size: 1.4rem;}
}



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

@media screen and (max-width:767px) {
   .banner ul .slider-item .slider-title{ height: 30px; line-height: 30px; }
   .banner ul .slider-item .slider-title h3{ font-size: 1.4rem; }
   .banner .dots li.active{ width: 9px; height: 9px; margin-left: 0; border:2px solid rgba(89,0,4,0.5); }
   .banner .dots li:before{ display: none; }
   .mode01,.articleList04,.wrap_mode06,.wrap_mode09{ margin: 30px auto; }
   .articleTitle01{ height: 40px; line-height: 40px; margin-bottom: 20px; }
   .articleTitle01 .title{ font-size: 3.0rem; }
   .articleTitle02 a{ font-size: 3.0rem; }
   .mode01 .lf{ width: auto; float: none; }
   .mode01 .rt{ width: auto; float: none; margin: 20px 0 0 0;} 
   .articleList01 .flexslider{ max-width: 100%; float: none; }
   .more1{ width: 33px; height: 33px; }
   .articleList02{ padding-bottom: 20px; }
   .NactaList04 li{ width: 33.3%; }
   .NactaList06 li{ width: auto; float:none; }
   .NactaList05{ margin: 0; }
   .NactaList05 li > div{ margin: 0 5px 28px 5px; }
   .NactaList-icon li a{font-size: 1.2rem;margin:0 5px}
}


@media screen and (max-width:640px) {
   .articleTitle02{ width: auto; float: none; height: 100px;line-height: 100px;}
   .articleList03 .flexslider, .articleList08 .flexslider{ margin-left: 0; }
   .articleTitle01{ margin-bottom: 10px; }
   .articleTitle01 .title,.articleTitle02 a{ font-size: 2.8rem; }
   .NactaList01 li a,.NactaList02 li .rightDate,.NactaList02 li a,.NactaList04 .artText,.NactaList06 .date, .NactaList06 .from,.NactaList07 .date,
   .NactaList07 .abstract,.articleList08 .artText b,.NactaList05 .artText{ font-size: 1.5rem; }
   .NactaList06 .artTitle,.NactaList07 .artTitle,.NactaList05 .artTitle{ font-size: 1.6rem; }
   .articleList03 .flex-direction-nav a.flex-next,.articleList08 .flex-direction-nav a.flex-next{ background-size: 35px; }
   .NactaList04 .artImg{ width: 60px; height: 60px; }
   .NactaList01 li a,.NactaList02 li,.NactaList06 .artTitle{ height: auto; }
   .NactaList06 .artTitle{ line-height: 26px; }
   .NactaList02 li .rightDate{ float: none; }
   .NactaList02 li a{ display: block; padding-left: 0;}
   .NactaList02 li .rightDate:after{ display: none; }

}


@media screen and (max-width:480px) {
   .NactaList05 .artCode i{ width: 80px; height: 80px; }
   .NactaList07 li{ width: auto; float: none; }
   .NactaList07 li a{ margin: 0; padding: 15px; position: relative;}
   .Ychd .imgResponsive{width: 140px;height: 120px;padding: 0;display: block;margin-bottom: 10px;}
   .NactaList07 li div{ margin: 15px 0 0 0; display: block;}
   .Ychd .artTitle{position: absolute;left: 156px;top: 0px;height: 84px;margin-right: 15px;max-height: 84px;overflow: hidden;}
   .Ychd .date{position: absolute;left: 156px;top: 89px;margin: 0;}
   .Ychd{position: relative;}
}

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

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

}