@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1;overflow: hidden;clear: both;}
/* 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 {display: none; -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 70px; height: 70px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; margin-top:-35px;color:#fff;font-size: 70px;transition: all 0.35s ease-in-out}
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev { left: 5%; }
.flex-direction-nav .flex-next { right:5%; }
.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-nav {width: 100%; position: absolute; /*! bottom: -2px; */ /*! left:0; */ text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.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 .flexslider .slides > li a{display: block;overflow:hidden;width: 100%;height: 100%; background-size: cover !important;}
.banner 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);
} 
  
.banner .slideText{display: block; max-width: 70%; overflow: hidden; position: absolute; left:40px; bottom: 43px;z-index: 9; background: rgba(0,0,0,0.4);padding: 10px 38px;}
.banner .slideText span{ display: block; height: 40px; line-height: 40px; font-size: 2.4rem; color: #fff;  overflow: hidden; }
.bannerBg{ width: 100%; height:100px; position: absolute; bottom: 0; left: 0;z-index: 1;
 background-color:rgba(0,0,0,0.8);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* 标准的语法 */ 
display: none;
} 
 
.banner .flex-control-paging{ position: absolute; text-align: right; bottom: 40px;right: 40px;}
.banner .flex-control-nav li{margin:0;display: inline-block; }
.banner .flex-control-nav li a{color:#fff;background:none;width: 20px;height: 45px; line-height: 45px; border:none;
    transition: all 0.3s ease-in-out;margin: 0 10px;display: inline-block;position: relative;
font-size: 20px;
} 
.banner .flex-control-nav li a:before{content: ""; display: block; width: 1px; height: 37px; background: #fff;position:absolute; 
left: 50%; bottom: -37px; }
.banner .flex-control-nav li a:after{ content: "0"; display: block; position: absolute;top: 0px;left: -3px;font-size: 19px;}
.banner .flex-control-nav li a.flex-active{ border-top: #246dd7 1px solid; border-bottom: #246dd7 1px solid; color: #246dd7;}
.banner .flex-control-nav li a.flex-active:before { background: #246dd7; color: #246dd7; }

.banner .flexslider{ position: relative;z-index: 0;}
.banner .container{}


.content{overflow:hidden;}
.articleTitle01{margin-bottom: 25px; overflow: hidden;height: 45px;line-height: 45px;}
.articleTitle01 .title { font-size: 40px;font-size: 4.0rem; font-family: "方正正中黑简体";  display: inline-block;}
.articleTitle01 .title .lf{ display:inline-block;width: 20px; height: 12px; background: url(../images/t-lf.png) no-repeat left center;  margin: 15px 15px 15px 0; padding: 0;}
.articleTitle01 .title .rt{ display:inline-block;width: 20px; height: 12px; background: url(../images/t-rt.png) no-repeat left center;  margin: 15px 0 15px 15px;}
.articleTitle01 .more {float: right; }
.articleTitle01 .more a{ font-size: 16px;font-size: 1.6rem;} 


/*news*/
.wrap_mode01{ background: url(../images/modebg.png) no-repeat center; background-color: #f3f3f8; overflow: hidden; }
.mode01{ margin: 40px auto; overflow: hidden; }
.mode01 .lf{ width: 49.2%;padding-bottom: 20px;} 
.mode01 .rt{ width: 49.2%; overflow: hidden;}
.artFirst {background: #fff; overflow: hidden;padding-bottom: 35px;box-shadow: 0px 1px 5px 0px #ccc;}
.artFirst a{ display: block; overflow: hidden; } 
.artFirst .imgResponsive{ padding-bottom: 56.3%; }
.artFirst .artText{ display: block; margin: 15px 18px 40px 18px;overflow: hidden;transition: all 0.3s ease-in-out;}
.artFirst h3{ font-weight: normal; font-size: 20px; font-size: 2.0rem; height: 24px;line-height: 24px; overflow: hidden;}
.artFirst p{ display: block; height: 44px;line-height: 22px;font-size: 14px;font-size: 1.4rem;
 color:#999; overflow: hidden;  
margin: 13px 0;
}
.articleList01 .dateTime{ font-size: 14px;font-size: 1.4rem; color: #999; }
.dateTime .icon-rili{ color: #d3aa81; font-size: 14px; margin-right: 5px; }
.artFirst .readMore{ font-size: 14px;color: #999; display: block;margin: 0 18px; position: relative;}
.artFirst .readMore:before{ content: ""; display: block; width: 100%; height: 1px; background: #eee; position: absolute;
left: 0;top: 9px;}
.artFirst .readMore span{ display: inline-block; float: right; background: #fff;height: 18px;line-height: 18px; z-index: 1;position: relative;padding-left: 20px;}

.pku-list{ margin: -10px; } 
.pku-list li{ width: 49.5%; float: left; }
.pku-list li a{ display: block; margin: 10px; background: #fff;box-shadow: 0px 1px 5px 0px #ccc;overflow: hidden;}
.pku-list .imgResponsive{ padding-bottom: 56.3%; }
.pku-list .artText{ display: block; height: 48px;line-height: 24px; font-size: 16px;font-size: 1.6rem;
overflow: hidden; margin-bottom: 13px;}
.pku-list .artCon{ display: block; margin: 13px 18px 16px 18px;overflow: hidden; transition: all 0.3s ease-in-out;}



/*重要通知、讲座信息*/ 

/*tab start*/
.tabArticleList{ position:relative;}
.tabArticleList .tabListTitle{ overflow:hidden;height: 70px; max-width: 505px;margin: 0 auto 40px auto;}

.tabArticleList .tab_menu h3{ width:auto; float:left; margin:0;}
.tabArticleList .tab_menu h3 a{ display:block; float:left; font-weight: normal; width:auto; position: relative; margin: 0 10px;}

.tabArticleList .tab_menu h3:hover,.tabArticleList .tab_menu h3.on{display:block; float:left;  width:auto;}
.tabArticleList .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; position: relative;}
.tabArticleList .tab_menu h3:hover a:before,.tabArticleList .tab_menu h3.on a:before{ content: ""; display: block; width: 91%; height: 60px; 
background: rgba(36,109,215,0.5); border:rgba(255,255,255,0.5) 1px solid; position: absolute;left: 10px; top: 0; z-index: 0;}
.tabArticleList .tab_menu h3 a:hover{}

.tabArticleList .tabList{position:relative;}
.tabArticleList .tabListBox{ display:none;}
/*tab end*/

.wrap_mode02{ background: url(../images/modebg02.jpg) no-repeat top center; overflow: hidden; background-size: cover;}
.mode02{ margin: 40px auto 25px auto; overflow: hidden; } 
.articleList02{overflow: hidden;}
.articleTitle02,.tabListTitle{margin-bottom: 25px; overflow: hidden;height: 52px;line-height: 41px;text-align: center;}
.articleTitle02 .title,.tabListTitle .title { font-size: 40px;font-size: 4rem; font-family: "方正正中黑简体"; display: inline-block;color: #fff;text-shadow: 0px 0px 2px #000;position: relative;z-index: 1;}
.tabListTitle .title{ padding:15px 0; }
.articleTitle02 .title .lf,.tabListTitle .title .lf{ display:inline-block;width: 20px; height: 12px; background: url(../images/t-lf.png) no-repeat left center;  margin: 15px 15px 15px 0;}
.articleTitle02 .title .rt,.tabListTitle .title .rt{ display:inline-block;width: 20px; height: 12px; background: url(../images/t-rt.png) no-repeat left center;  margin: 15px 0 15px 15px;}
.articleTitle02 .more {float: right; }
.articleTitle02 .more a{ font-size: 16px;font-size: 1.6rem; font-family: "Lustria-Regular";} 

.pku-list02{ margin: -10px; overflow: hidden; }
.pku-list02 li{ width: 50%; float: left; }
.pku-list02 li > div { background: #fff; border-top: #246dd7 2px solid; margin: 0 10px 20px 10px; padding: 0 50px 24px 50px;overflow: hidden;box-shadow: 0px 0px 8px 0px #000;}
.pku-list02 .title{ display: inline-block; font-size: 16px;font-size: 1.6rem; /*color: #246dd7;*/ background: #f3f3f3;padding: 6px 12px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;transition: all 0.3s ease-in-out;}
.pku-list02 .title.blue{ color: #2daae1; }
.pku-list02 .title.green{ color: #84bf41; }
.pku-list02 .title.green2{ color: #3cb362; }
.pku-list02 .title.orange{ color: #f0a92c; }
.pku-list02 .title.red{ color: #930f03; }
.pku-list02 li > div:hover .title.blue,.pku-list02 li > div.active .title.blue{background: #2daae1; color: #fff;}
.pku-list02 li > div:hover .title.green,.pku-list02 li > div.active .title.green{background: #84bf41; color: #fff;}
.pku-list02 li > div:hover .title.green2,.pku-list02 li > div.active .title.green2{background: #3cb362; color: #fff;}
.pku-list02 li > div:hover .title.orange,.pku-list02 li > div.active .title.orange{background: #f0a92c; color: #fff;}
.pku-list02 li > div:hover .title.red,.pku-list02 li > div.active .title.red{background: #930f03; color: #fff;}




.pku-list02 .iconfont.icon-timu{ display: block; float: left; width: 28px; height: 28px; border:#eee 1px solid; border-radius: 50%;
text-align: center; line-height: 28px; font-size: 18px;color: #eb8282; margin-left: 0;}
.pku-list02 p.listFirst{ margin: 18px 0 10px 0; overflow: hidden;}
.listFirst a{display: block; font-size: 16px; font-size: 1.6rem; /*! font-weight: bold; */ height: 48px; 
	line-height: 24px; margin-left: 45px; overflow: hidden;transition: all 0.3s ease-in-out;}
.pku-list02 p{ display: block; overflow: hidden;margin-bottom: 5px;}
.pku-list02 p span{ font-size: 16px; font-size: 1.6rem; color: #666; display: block;margin-left: 45px;height: 22px;line-height: 22px;overflow: hidden;}
.pku-list02 p b{ font-weight: normal; }
.pku-list02 .iconfont{ display: block; float:left; width: 20px;height: 20px;text-align: center; line-height: 20px; border:#eee 1px solid; 
 border-radius: 50%; font-size: 12px;color:#dcdcdc;margin-left: 3px;}
.pku-list02 .iconfont.icon-zhuchiren,.pku-list02 .iconfont.icon-didian{ font-size: 15px; }

.pku-list03{ margin: -10px;overflow: hidden; } 
.pku-list03 li{width: 25%; float: left;margin: 10px 0;}
.pku-list03 li a{ display: block; background: #fff; overflow: hidden; margin: 0 10px; padding: 24px 20px 20px 20px;box-shadow: 0px 0px 8px 0px #000;}
.pku-list03 .date{ font-size: 16px;font-size: 1.6rem; display: inline-block;height: 28px;line-height: 28px;background: #f2f2f2;overflow: hidden;padding-right: 20px;border-radius: 15px;} 
.pku-list03 .artText{ display: block; }
.pku-list03 .icon-shijian2{ display:block; width: 28px;height: 28px; background: #246dd7; font-size: 16px;color: #fff;
text-align: center; line-height: 28px;border-radius: 50%;float: left;margin-right: 12px;}

.pku-list03 .artText{ font-size: 16px;font-size: 1.6rem; display: block; height: 72px;line-height: 24px; overflow: hidden;margin: 10px 0 0 0;transition: all 0.3s ease-in-out;}
.pku-list03 .from{ display: block; background: #fff; border-top: #eee 1px solid; height: 51px;line-height: 51px;
	color: #c99579; font-size: 12px; padding: 0 20px; overflow: hidden;margin: 0 10px;}
.from.blue{ color: #2daae1;}
.from.green{ color: #84bf41;}
.from.green2{ color: #3cb362;}
.from.orange{ color: #f0a92c;}
.from.red{ color: #930f03;}


.articleList02 .readMore{text-align: center;overflow: hidden;margin: 50px 0 20px 0;}
.articleList02 .readMore a{ font-size: 16px;font-size: 1.6rem; color: #fff; font-family: "Lustria-Regular";transition: all 0.3s ease-in-out;} 
.articleList02 .readMore a:hover{ color: #4d91f4; }
.articleList02 .readMore02{ margin: 0 0 4px 0; }

/*Research*/
.wrap_mode03{ background: #f3f3f8; overflow: hidden;}
.mode03{ margin: 58px auto 50px auto;overflow: hidden; }
/*FlexSlider默认样式*/
.articleList03 .flexslider { position: relative; zoom: 1;overflow: hidden;padding-bottom: 50px;}
.articleList03 .flexslider ul li{ display: block; list-style:none; }
.articleList03 .flexslider ul li img{ display:block;width:100%;}
.articleList03 .flex-viewport { max-height: 2000px;  margin:0 -12px; -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:block;margin: 15px 0 0 0;overflow: hidden;text-align: center;height: 22px;}
.articleList03 .flex-control-nav li{ display: inline-block;margin: 0;}
.articleList03 .flex-control-nav a{ display: inline-block; width: 35px; height: 22px;background: url(../images/icon.png) no-repeat center; border-radius: 50%; text-indent: -999em;
 margin: 0 15px; cursor: pointer;}
.articleList03 .flex-control-nav a.flex-active{ background: url(../images/icon-active.png) no-repeat center; }
.articleList03 .flex-direction-nav{ display:none;}
.articleList03 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;}
.articleList03 .flex-direction-nav a{ width:40px;height:97%;text-align: center;display: inline-block; position: absolute; text-indent: -999em;cursor: pointer;overflow: hidden;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList03 .flex-direction-nav a:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);opacity:0.8;}
.articleList03 .flex-direction-nav a.flex-prev{ float:left;background:url(../images/prev.png) no-repeat center #21719e; left: 0; top: 5px;}
.articleList03 .flex-direction-nav a.flex-next{  background:url(../images/next.png) no-repeat center #209f9c; right: 0; top: 5px;}
.articleList03 ul li{ width:33.3%; float:left;}
.articleList03 ul li img{ -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.articleList03 ul.slides{ margin: -20px 0 0 0 ; }
.articleList03 ul.slides li a{ display: block; margin:15px 10px; -webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; /*! background: #f8f8f8; *//*! border: #eee 1px solid; */}

.articleList03 ul.slides li a:hover img{opacity: 1;transform: scale(1.1);}
.articleList03 ul li a span.slideImg02{ display:block; height:0; padding-bottom:56%; overflow:hidden; position: relative;}
.articleList03 ul li a span.slideImg02 font{ position:absolute;top: 0; left: 0; text-align: center; background:#000;filter:alpha(Opacity=68);-moz-opacity:0.68;opacity:0.68; width: 100%; height: 100%; }
.articleList03 ul li a span.slideImg02 span{ position: absolute;top: 0; left: 0; display:block; width:86%; text-align: center;line-height: 25px; margin: 21% 7%; font-size: 1.6em; color: #fff; overflow: hidden; }
.articleList03 ul li a span.slideImg02 span strong{ display: block; width: 20px; height: 2px; background: #fff; margin: 4px auto; }
.articleList03 ul li a span.slideTxt02{ display: block; height:80px; line-height: 80px; margin:-10px 5px 0 5px; overflow: hidden;
 font-size: 14px; font-size:1.4rem;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;
background: #fff;position: relative;z-index: 1;padding: 0 20px;text-align: center;box-shadow: 0px 7px 10px 0 #e8e8e8;}
.articleList03 ul.slides li a:hover .slideTxt02{ background:url(../images/cloud3.png) no-repeat right #1751a5; color: #fff; }



/*join us*/
.mode04{ margin: 42px auto;}
.mode04 > .lf{ width: 50%; }
.mode04 > .rt{ width: 50%; }

.articleList04{ margin-right: 40px; overflow: hidden;}
.pku-list04{ margin: 0 -25px; overflow: hidden; }
.pku-list04 li{ width: 50%; float: left; }
.pku-list04 li a{ display: block; border-right: #eeeeee 1px solid;padding: 0 25px;overflow: hidden;}
.pku-list04 .date{ font-size: 12px;font-size: 1.2rem; display: inline-block;height: 28px;line-height: 28px;/*! background: #f2f2f2; */overflow: hidden;padding-right: 15px;border-radius: 15px;border: #eee 1px solid;} 
.pku-list04 .artText{ display: block; }
.pku-list04 .icon-rili{ display:block; width: 28px;height: 28px;  font-size: 14px;color: #d3aa81;
text-align: center; line-height: 28px;border-radius: 50%;float: left;margin: -1px 10px -1px -1px;border: #eee 1px solid;}
.pku-list04 .artText{ font-size: 16px;font-size: 1.6rem; display: block; height: 96px;line-height: 24px; overflow: hidden;margin: 0 0 15px 0;transition: all 0.3s ease-in-out;}



/*About us*/
.articleList05{ margin: 0 120px 0 40px;  position: relative;}
.about-us{ margin: 0 60px 0 0; overflow: hidden; height: 190px;}
.about-us p{ font-size: 16px; font-size: 1.6rem; line-height: 24px; }
.cloud{ width: 288px; height: 241px; position: absolute;right: -251px;top: 18px;z-index: 0;}



/*Turing Research Program*/
.wrap_mode05{background: url(../images/modebg05.jpg) no-repeat center #e4ecf7; overflow: hidden;}  
.mode05{ margin: 35px auto; overflow: hidden;} 
.articleTitle03 .title{ color: #333333;text-shadow: none; }
.articleTitle03 .title .lf{background: url(../images/t-lf02.png) no-repeat left center; }
.articleTitle03 .title .rt{background: url(../images/t-rt02.png) no-repeat left center; }

.sublunbo .artImg{ display: block; height: 0; padding-bottom: 56.3%; position: relative;}
.sublunbo .artImg .imgResponsive{ padding-bottom: 56.3%; }

 

.prev-leader{width: 100%}
.prev-leader .slider-for{float: right;width: 78.4%;/*! margin-top: 35px; *//*! z-index: 7; *//*! margin-left: 200px; */}
.prev-leader .slider-nav{width: 178px;float: left;position: relative;/*! padding-bottom: 87px; */z-index: 8;/*! box-shadow: 0 0 15px 0px #eaeaea; *//*! margin: -60px 0; *//*! background: #fff; */}
.prev-img01{float: left;width: 140px;height: 140px;border-radius: 50%;overflow: hidden;margin-top: 20px;position: relative;z-index: 10;}
.prev-car-box{height: 84px; position: relative;z-index: 99;cursor: pointer;text-align: center;margin: 5px 0;}
.prev-car-box h3{margin-left: 160px;color:#666;position: relative;z-index: 10;}
.slick-list{} 

.slider-for .slick-arrow{display: none!important;}
.slick-vertical .slick-slide{position: relative;border: none;}
.slick-vertical .slick-slide{} 
.slick-vertical .slick-slide:focus{ outline:none; }
.prev-leader-box .slick-arrow:hover{cursor: pointer;}
.slick-vertical .slick-dots{position: absolute;left: -62%;width: auto;bottom: 38px;font-size: 0;}
.slick-vertical .slick-dots li {margin: 0 6px;}
.slick-vertical .slick-dots li button{text-indent: -9999px;background: #e6e6e6;width: 10px;height: 10px;border-radius: 50%;border:none;transition: all 0.3s ease-in-out;display: block;display: none;}
.slick-vertical .slick-dots li.slick-active button,.slick-vertical .slick-dots li button:hover{background: #8b0012;cursor: pointer;}

.sublunbo{max-width: 830px;margin: 0 auto;}
.slider-nav{ margin-top: -5px; }
.slider-nav .slick-arrow{ display: none !important; }
.slider-nav .prev-car-box span{ display: block; margin: 0 20px 0 10px;  }
.slider-nav .prev-car-box { transition: all 0.3s ease-in-out; }
.slider-nav .slick-current .prev-car-box{ background: url(../images/activebg.png) no-repeat; }
.slider-for{}
.slider-for .artText{ display: block; height: 80px; position: absolute; left: 0; bottom: 0; width: 100%; 
background-color:rgba(0,0,0,0.8);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* 标准的语法 */}
.slider-for .artText b{ font-weight: normal; font-size: 18px; display: block; height: 24px; line-height: 24px; margin: 35px 0 0 0; text-align: center; color: #fff; overflow: hidden;}




@media screen  and (min-width:1024px) { 
     .artFirst a:hover .artText,.pku-list a:hover .artCon{ margin-left: 23px; }
     .pku-list02 li > div:hover .listFirst a{ margin-left: 50px; }
     .pku-list03 li a:hover .artText,.pku-list04 li a:hover .artText{ margin-left: 6px; }

}


@media screen  and (max-width:1386px) { 
     .container{ width: 1000px; }  
     .artFirst{ padding-bottom: 35px; }
}

 
@media screen  and (max-width:1200px) {
     .container{width: auto;margin-left: 15px !important;margin-right: 15px !important;}
     .banner .flexslider .slides > li a{ height: 0; padding-bottom: 33%; background-size: contain !important; }
} 

@media screen  and (max-width:1024px) { 
    
    .banner .container{width: auto;margin-left: 15px;margin-right: 15px;left: 0;}
    .banner .slideText span{font-size: 1.8rem;}
    .mode01,.mode02,.mode03,.mode04{ margin: 25px auto; }
    
    .articleTitle01,.articleTitle02{ height: 38px !important; line-height: 38px; margin-bottom: 20px; } 
    .articleTitle01 .title,.articleTitle02 .title,.tabListTitle .title{ font-size: 3.0rem; }
    .tabArticleList .tabListTitle{ max-width: 425px; }
} 

@media screen and (max-width:992px) {
    .mode04 >.lf{ width: auto; float: none; }
    .mode04 > .rt{ width: auto; float: none; }
    .articleList04{ margin-right: 0; }
    .articleList05{ margin: 20px 0; }
    .cloud{ right: 10px; width: 160px;height: auto;top: 40px;}
    .about-us{ margin: 0 186px 0 0; height: auto;min-height: 115px;}
    .pku-list04 .artText{ height: auto; }
    .prev-leader .slider-nav{ width: 21%; }
    .prev-car-box{ height: auto; }
 } 


@media screen and (max-width:768px) {
    .banner .slideText a{ font-size: 1.6rem;}
    .mode01 .articleList01 > .lf{ float: none; width: auto; }
    .mode01 .articleList01 > .rt{ float: none; width: auto; }
    .artFirst a{ margin: 0 70px; }
    .pku-list02 li{ float: none; width: auto; }
    .pku-list03 li{ width: 50%; margin-bottom: 15px;}

    }

@media screen and (max-width:767px) {
    .banner .flex-control-paging{ display: none; }
    .banner .slideText{ left: 0; bottom: 0; max-width: none; padding: 0 15px; width: 100%;box-sizing: border-box;}
    .banner .slideText span{ font-size: 1.4rem;}
}

@media screen and (max-width:640px) {
    
    .mode01, .mode02, .mode03, .mode04{ margin: 15px auto; }
    .articleTitle01, .articleTitle02{ margin-bottom: 10px; }
    .articleTitle01 .title, .articleTitle02 .title,.tabListTitle .title{ font-size: 20px; }
    .tabArticleList .tabListTitle{ max-width: 345px; margin-bottom: 20px;}
    .tabArticleList .tab_menu h3:hover a:before,.tabArticleList .tab_menu h3.on a:before{ width: 86%; }
    .artFirst a{ margin: 0; }
    .artFirst h3,.artFirst p{ height: auto; }
    .artFirst p{ font-size: 1.2rem;  margin: 7px 0;}
    .articleList01 .dateTime,.artFirst .readMore,.pku-list02 p span,.pku-list02 .title{ font-size: 1.2rem; }
    .artFirst .artText{ margin: 15px 18px; }
    .pku-list li{ width: auto; float: none; }
    .pku-list .artText{ height: auto; }
    .pku-list02 li > div{ padding: 0 13px 20px 13px; }
    .listFirst a,.pku-list02 p span{ margin-left: 38px; }
    .pku-list02 p.listFirst{ margin: 15px 0 10px 0; }
    .pku-list03 li{ width: auto; float: none; }
    .pku-list03 .artText{ height: auto; }
    .pku-list03 .date{ font-size: 1.4rem; }
    .pku-list03 li a{ padding: 15px; }
    .articleList02 .readMore{ margin: 16px 0 0 0; }
    .pku-list04 li{ width: auto; float: none; margin: 8px 0;}
    .cloud{ width: 90px; }
    .about-us{ margin: 0 115px 0 0; }
    .slider-for .artText b{ font-size: 14px; }
    
}

@media screen and (max-width:480px) {
    .prev-leader .slider-nav{ display: none; }
    .prev-leader .slider-for{ width: 100%; float: none; }
}

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