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

.BannerWrap{width: 100%;overflow: hidden;background: #ff6a2e;position: relative;}
.slogan{position: absolute;left: 7%;top: 10px;max-width: 86%;}
.Banner{padding:86px 7% 6%;overflow: hidden;position:relative;}
.slide_title{color:#fff;font-size: 24px;font-weight: bold;display: block;position: absolute;bottom: -90px;left: 200px;}

.content{ overflow:hidden;}

/*新闻中心*/
.mode01{ max-width:1200px; margin:50px auto; overflow:hidden;}
.listTitle01{ width:14%; float:left; background:url(../../images/rxy20190903/t01.png) no-repeat left top; padding-top:20px; overflow: hidden;}
.listTitle01 h2{ font-size:3.5em;display: block;}
.listTitle01 span{ display:block; font-size:1.8em; padding:10px 0; color:#333;}
.listTitle01 a{ font-size:1.2em;color:#333; background:url(../../images/rxy20190903/moreLine.png) no-repeat center bottom; display:inline-block; padding-bottom:5px;}

.articleNews{ width:80%; float:right;}
.articleFirst{ width:42%; float:left;}
.articleFirst a span{ display:block; height:0; padding-bottom:60%; overflow:hidden; position:relative; z-index:1;}
.articleFirst a span strong{ position:absolute; top:-10px; right:0; z-index:99; width:60px; height:60px; background:#ffc53a; text-align:center; font-size:14px; line-height:60px; color:#fff;}
.articleFirst a img,.articleNews .newsImg img{ width:100%; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease; transition:all 0.5s ease; }
.articleFirst a:hover img,.articleNews .newsImg a:hover img{opacity: 1; -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.articleFirst font{ display:block; padding-top:8px; font-size:14px; color:#999;}
.articleFirst p{ font-size:18px; padding:10px 0;}
.articleFirst b{ font-size:14px; font-weight:normal; background:url(../../images/rxy20190903/moreLine.png) no-repeat left center; padding-left:20px;}
.articleFirst a:hover p{ color:#ff6a2e;}

.articleNews ul { width:53.5%; float:right;}
.articleNews ul li{ border-bottom:#e5e5e5 1px solid; padding:14px 0;overflow: hidden;}
.articleNews ul li > a{ display:inline-block; width:65%;}
.articleNews .newsImg{ width:29%; float:right; overflow:hidden; }
.articleNews ul li font{ display:block; padding-top:8px; font-size:14px; color:#999;}
.articleNews p{ font-size:18px; padding:10px 0;}
.articleNews b{ font-size:14px; font-weight:normal; background:url(../../images/rxy20190903/moreLine.png) no-repeat left center; padding-left:20px; color:#666;}
.articleNews a:hover p{ color:#ff6a2e;}



/*研究活动*/

.mode02{ /* max-width:1200px; */background:url(../../images/rxy20190903/modebg.png) repeat; overflow:hidden;}
.articleList02{ max-width:1200px; margin:0 auto; padding:40px 0;}
.listTitle02{ text-align:center;}
.listTitle02 font{ display:block; width:160px; height:2px; background:#3a56ff; margin:0 auto; margin-bottom:7px;}
.listTitle02 h2{ font-size:3.5em;}
.listTitle02 span{ display:block; font-size:1.8em; padding:10px 0; color:#333;}
.listTitle02 a{ font-size:1.2em;color:#333;}

.articleList02 ul li:nth-child(odd) .articleImg{ float:left; display:block; width:79.5%; height:0; padding-bottom:33.3%; overflow:hidden;}
.articleList02 ul li:nth-child(even) .articleImg{ float:right; display:block; width:79.5%; height:0; padding-bottom:33.3%; overflow:hidden;}
.articleList02 ul li .articleImg img{-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease; transition:all 0.5s ease; }
.articleList02 ul li .articleImg a:hover img{opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.articleList02 ul li{ position:relative; margin:40px 0; overflow:hidden;}
.articleList02 ul li .articleTxt{ width:30%; padding:20px; background:#fff; overflow:hidden; } 
.articleList02 ul li:nth-child(odd) .articleTxt{position:absolute; right:0; top:60px;}
.articleList02 ul li:nth-child(even) .articleTxt{position:absolute; left:0; top:60px;}
.articleTxt h2{ font-size:1.8em;}
.articleTxt font{ color:#e1cda7; font-size:1.8em; font-weight:bold; display:block; padding:10px 0;}
.articleTxt p{ font-size:1.6em; line-height:28px;}
.articleTxt a{ display:inline-block; font-size:1.2em; float:right; background:url(../../images/rxy20190903/moreLine.png) no-repeat center bottom; padding:5px 0;}

.articleList02 .readMore a{ display:block; width:300px; height:50px; text-align:center; line-height:50px; background:#ffc53a; font-size:1.8em; color:#fff; border-radius:25px; margin:0 auto;}
.articleList02 .readMore a:hover{}



/*通知公告*/
.mode03{ max-width:1200px; margin:50px auto; overflow:hidden;}
.mode03 .lf{ width:100%; float:left;}
/* .mode03 .rt{ width:47%; float:right;} */
.mode03 .listTitle01{width: 7%;}
.t02{background:url(../../images/rxy20190903/t02.png) no-repeat left top; padding-top:40px; }
.t03{background:url(../../images/rxy20190903/t03.png) no-repeat left top; padding-top:40px; }
.t02 h2,.t03 h2{/* writing-mode:tb-rl; */padding-right: 40px; line-height: 1;}
.articleList03 ul{ width:90%; float:right;}
.articleList03 ul li{ border-bottom:#ccc 1px solid; padding:15px 0;width: 47%;float: left;}
.articleList03 ul li:nth-child(2n){float: right;}
.articleList03 ul li a{ font-size:1.8em;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.articleList03 ul li span{ display:block; font-size:1.4em; color:#666666; background:url(../../images/rxy20190903/moreLine.png) no-repeat left top; padding:10px 0; margin-top:10px;}
.articleList03 ul li:hover{ background:#e9eff3; padding-left:15px; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease; transition:all 0.5s ease;}




/*合作交流*/
.mode04{ width:100%; background:url(../../images/rxy20190903/modebg02.png) no-repeat center #6887bb; overflow:hidden;}
.articleList04{ max-width:1200px; margin:50px auto; overflow:hidden;}

.t04{ width:9%;background:url(../../images/rxy20190903/t04.png) no-repeat left top; padding-top:40px;}
.t04 h2{/* writing-mode:tb-rl; */color:#fff;padding-right: 40px; line-height: 1;}
.t04 span{ color:#fff;}
.t04 a{ color:#fff;}

.articleList04 ul{ width:90%; float:right; margin:40px 0;}
.articleList04 ul li{width: 28.2%;float: left;margin: 2.5%;}
.articleList04 ul li a span{ display:block; height:0; padding-bottom:57%; overflow:hidden;}
.articleList04 ul li a img{ width:100%;-webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease; transition:all 0.5s ease;}
.articleList04 ul li a:hover img{opacity: 1;-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.articleList04 ul li a font{ display:inline-block; font-size:16px; color:#fff; padding:7px 0;}



@media screen  and (max-width:1386px) {
	.mode01,.mode02,.mode03,.mode04,.WrapFooter{ padding:0 3%;width: 94%;}
 }

@media screen  and (max-width:1200px) {
	/* .mode01,.mode03,.articleList04{ padding:0 50px;} */
	.articleList02{ padding:40px 50px;}
 }

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

@media screen  and (max-width:800px) {
	.Banner{ padding:86px 7% 3%;}
	.banner-number{ font-size:30px; padding-top:15px;}
	.slide_title{ bottom:-45px;}
	.slide_title{ font-size:18px;}
	
	.listTitle01 h2,.listTitle02 h2{ font-size:2.5em;}
	.articleTxt p{ display:none;}
	.articleList02 .readMore a{ width:245px; font-size:16px;}
	.articleNews p,.articleList03 ul li a{ font-size:16px;}
	.articleList03 ul li{ padding:5px 0;}
	.articleList03 ul li span{ padding:5px 0;}
	
	.articleNews .newsImg{ width:27%;}
	.mode01,.mode03,.articleList04{ margin:20px auto;}
	/* .mode01,.mode03,.articleList04{ padding:0 20px;} */
	.articleList02{ padding:40px 0;}
	.articleFirst,.articleNews ul{ width:100%;border-bottom: #e5e5e5 1px solid;} 
	.mode03 .lf,.mode03 .rt{ width:100%; margin-bottom:20px;}
	.articleList03 ul li{width: 100%;}
}
@media screen  and (max-width:770px) {
	}

@media screen and (max-width:640px) {
	
	.banner-number{ font-size:18px;}
	.slide_title{ font-size:14px; left:110px;}
	.listTitle01{ width:95%;float:none; background:url(../../images/rxy20190903/t01.png) no-repeat left center; padding-left:27px; margin-bottom:3%; padding-top:0;}
	.t02{ background:url(../../images/rxy20190903/t02.png) no-repeat left center; padding-left:27px;}
	.t03{background:url(../../images/rxy20190903/t03.png) no-repeat left center; padding-left:27px;}
	.t04{background:url(../../images/rxy20190903/t04.png) no-repeat left center; padding-left:27px; width:85%;}
	
	.articleNews{ width:100%; float:none;}
	
	    .listTitle01 h2{ font-size:2.0em; display:inline-block; float:left;} 
		.listTitle02 h2{ font-size:2.0em; } 
		.listTitle02 span{ padding:2px 0; font-size:1.6em;}
		
		.articleList02{ padding:20px 0;}
		.articleList02 ul li{ margin:20px 0;}
		.articleTxt h2{ font-size:1.4em;}
		.articleTxt font{ font-size:1.4em; padding:5px 0;}
		.articleList02 .readMore a{ font-size:14px !important; width:175px !important;} 
		.articleList02 ul li .articleTxt{ padding:7px 20px;}

		.listTitle01 span{ display:inline-block; padding:2px 10px; font-size:1.6em;}
		.listTitle01 a{ float:right;}
	.articleNews p{ font-size:14px;}
	.articleList03 ul li{ padding:5px 0;}
    .articleList03 ul li a{ font-size:14px;}
	.articleList02 ul li .articleTxt{ width:45%;}
	.articleList02 ul li .articleTxt p{ display:none;}
	.articleList02 .readMore a{ width:200px; height:40px; line-height:40px; font-size:16px;}
	
	.articleList04 ul{ margin:20px 0;}
	.articleList04 ul li{ width:100%; margin:0; margin-bottom:4%; float:none;}
	
	.articleNews ul li{ padding:7px 0;}
	.articleNews .newsImg{ width:25%;}
	.articleNews b{ font-size:12px;}
	
	.t02 h2, .t03 h2,.t04 h2{writing-mode:lr-tb;}
	.articleList03 ul{ width:100%;}
	.articleList04{ padding:0;}
	.articleList04 ul{ float:none;}
	.articleList04 ul li a font{ font-size:14px;}
	

	
 }

@media screen and (max-width:550px) {
	.articleList02 ul li .articleImg{ width:100% !important;}
	.articleList02 ul li .articleTxt{ position:static !important; width:92%;}
	
	}

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

}

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


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