@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1230px) {
	.container {
		width: 1200px;
	}
}

@media screen and (max-width: 1650px) {
	.lin-content-box {
		
		background-size: 160px ,160px;
	}
}


@media screen and (max-width: 1550px) {
	.lin-content-box {
		
		background-size: 145px ,145px;
	}
}

@media screen and (min-width:1201px) and (max-width:1230px) {
	.container {
		width: 1170px;
	}
}

@media screen and (max-width: 1200px) {
	.search_kang {
		width: 165px;
	}
	.nav ul li a span {
		margin-right: 8px;
	}
	.nav ul li ul li a {
		padding: 0 8px 0 38px;
	}
	.index-title {
		margin-bottom: 8px;
	}
	.index-list ul li h3 {
		width: 75%;
		line-height: 32px;
		height: 32px;
	}
	.index-list ul li .time {
		width: 25%;
		line-height: 32px;
		height: 32px;
	}
	#full-width-slider .rsGCaption {
		padding: 10px 75px 10px 5px;
	}
	#full-width-slider .rsBullet {
		width: 10px;
		height: 10px;
	}
	#full-width-slider .rsBullet span {
		width: 10px;
		height: 10px;
	}
	#full-width-slider .rsBullets {
		bottom: 12px;
	}
	.news-box {
		margin-bottom: 30px;
	}
	.notice-box {
		margin-bottom: 30px;
	}
	.index-title .youth-img {
		width: 8%;
	}
	.index-title .title1 {
		width: 86%;
	}
	.youth-video-box {
		height: 214px;
	}
	.youth-video-box video {
		height: 214px;
	}
	.youth-video p {
		height: 40px;
		line-height: 40px;
	}
        
       A.c249872{
            height: 40px;
            line-height: 40px;
       }
        


	.lin-content-box {
		background-size: 120px ,120px;
	}

	.current{
		font-size: 30px;
	}

	.left-nav .left-nav-box h2 {
		font-size: 26px;
	}
	.youth-box ul li{
          /*height: 97px;*/
          height: 117px;
        }
	.about h2 {
		font-size: 28px;
		line-height: 40px;
		margin: 10px 0 5px;
	}
	.left-nav .left-nav-title {
		background-size: 33px;
	}

	.list ul li .time{
		width: 16%;
	}

	.list ul li p{
		width: 84%;
	}

	.list-img-box{
		height: 130px;
	}

	.list-img ul li p {
		font-size: 16px;
		height: 52px;
		line-height: 52px;
	}
}

@media screen and (max-width: 992px) {
	.header {
		padding: 22px 0;
	}

	.logo {
		width: 70%;
		margin-right: 5%;
	}
	.logo img {
		width: 100%;
	}
	.search {
		line-height: 30px;
		margin-top: 10px;
	}
	.searchbox {
		height: 30px;
		padding: 0 13px 0 0;
	}
	.search_kang {
		width: 160px;
		height: 30px;
		font-size: 14px;
		padding-left: 16px;
	}
	.nav ul li a {
		font-size: 16px;
	}
	.nav ul li ul li {
		line-height: 28px;
	}
	.nav ul li ul li a {
		font-size: 14px;
		height: 28px;
		padding: 0 8px 0 20px;
	}
	.xbanner-box {
		padding-right: 1.8%;
		margin-bottom: 20px;
	}
	#full-width-slider .rsBullets {
		bottom: 10px;
	}
	.news-box {
		padding-left: 1.8%;
		padding-right: 0;
		margin-top: 35px;
		margin-bottom: 50px;
	}
	.notice-box {
		padding-left: 0%;
		padding-right: 1.8%;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.building-box {
		padding-right: 0;
		padding-left: 1.8%;
		margin-bottom: 20px;
	}
	.research-box {
		padding-left: 0;
		padding-right: 1.8%;
		margin-bottom: 20px;
	}
	.occupation-box {
		padding-left: 1.6%;
		margin-bottom: 20px;
	}
	.index-title .title {
		font-size: 19px;
		height: 35px;
		line-height: 35px;
	}
	.index-title .more {
		font-size: 13px;
		height: 35px;
		line-height: 35px;
	}
	.index-title .more img {
		margin-bottom: 4px;
	}
	.index-title .title1 {
		font-size: 19px;
	}
	.index-title .youth-img img {
		width: 60px;
	}
	.youth-box ul li {
		width: 31.33%;
		margin-right: 2%;
		margin-bottom: 10px;

       /* height: 77px;*/
        height: 93.5px;

	}
	.youth-video-box {
		height: 165px;
	}
	.youth-video-box video {
		height: 165px;
	}
	.youth-video p {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}

       A.c249872{
                height: 32px;
		line-height: 32px;
		font-size: 14px !important;
       }

	.current {
		font-size: 24px;
		left: 20px;
        bottom: 12px;
	}
	.index-title1 .title {
		font-size: 19px;
		height: 35px;
		line-height: 35px;
		border-bottom: 2px solid #3a57a3;
	}
	.index-title1 .more {
		font-size: 13px;
		height: 35px;
		line-height: 35px;
		padding-left: 10px;
	}
	.link-box ul li {
		width: 16.6%;
		margin: 15px 2% 5px 0;
	}
	.link-box ul li a {
		font-size: 14px;
	}

	
	.column {
		font-size: 18px;
	}

	.location{
		font-size: 14px;
	}

	.location a{
		font-size: 14px;
	}

	.columnkuang{
		padding-bottom: 5px;
	}

	.left-nav {
		margin-top: 16px;
	}

	.left-nav ul li a {
		font-size: 14px;
	}

	.right-box .right-list-box{
		margin-top: 16px;
	}
	
	.list ul li p {
		width: 82%;
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}
	.list ul li .time {
		width: 18%;
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}
	.about h2 {
		font-size: 22px;
		line-height: 36px;
		margin: 5px 0 0px;
		padding-left: 10px;
	}
	.about h4 {
		font-size: 12px;
		margin: 0 0 28px;
	}
	.about p {
		font-size: 14px !important;
		line-height: 28px !important;
	}

	.list-activity ul li {
		padding: 14px 0;
	}

	.list-activity .cal-time {
		width: 65px;
		margin-right: 22px;

	}
	.list-activity .cal-time .date {
		font-size: 16px;
		height: 30px;
		line-height: 30px;
	}

	.list-activity .cal-time .year {
		font-size: 16px;
		height: 30px;
		line-height: 24px;
	}

	.list-activity .cal-Info .info-title {
		font-size: 18px;
		line-height: 30px;
		height: 30px;
	}

	.list-activity .cal-Info p {
		font-size: 14px;
		line-height: 30px;
		height: 30px;
	}

	.list-img-box {
		height: 100px;
	}
	.list-img ul li {
		margin-bottom: 12px;
	}

	.list-img ul li p {
		font-size: 14px;
		height: 42px;
		line-height: 42px;
	}

	.article h2.title{
		font-size: 16px;
		line-height: 26px;
	}

	.article .content p {
		font-size: 14px;
		line-height: 26px;
	}


	

}

@media screen and (max-width: 767px) {
	.header {
		padding: 15px 0 10px;
	}
	.container {
		padding: 0 10px;
	}
	.header .container {
		padding: 0 10px 50px;
	}
	.logo {
		width: 66%;
	}
	.search {
		position: absolute;
		right: 10px;
		top: 58px;
		left: 10px;
		text-align: left;
	}
	.searchbox {
		position: relative;
	}
	.search_kang {
		display: inline-block;
		width: 93%;
	}
	.search_image {
		display: inline-block;
		position: absolute;
		top: 3px;
		right: 17px;
	}
	.navbar-toggle {
		display: block;
	}
	.nav {
		width: 100%;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1001;
		height: 100%;
		background: url(../images/nav.png) 100% 100% repeat;
		overflow-y: auto;
	}
	.nav ul li {
		width: 100%;
		text-align: left;
	}
	.nav ul li:first-child {
		width: 100%;
	}
	.nav ul li ul {
		display: block;
		background: none;
		position: inherit;
		padding: 3px 0;
	}

	.logo img {
		width: 470px;
	}
	.xbanner-box {
		width: 50%;
	}
	.news-box {
		width: 50%;
	}
	.notice-box {
		padding-right: 0%;
	}
	.building-box {
		padding-left: 0;
	}
	.research-box {
		padding-right: 0%;
	}
	.occupation-box {
		padding-left: 0;
	}
	.youth-box ul {
		width: 50%;
	}
	.youth-box ul li {
		width: 48%;
               /* height: 92.5px;*/
                height: 103px;
	}
	.youth-video {
		width: 50%;
	}
	.youth-video-box {
		height: 298px;
	}
	.youth-video-box video {
		height: 298px;
	}

	.current {
		font-size: 20px;
	}

	
	.left-nav {
		padding-right: 0;
		margin-bottom: 10px;
	}

	.left-nav ul li {
		background-position: 5% center;
		background-repeat: no-repeat;
		padding-left: 10%;
	}

	.left-nav .left-nav-box h2 {
		padding-left: 20px;
		font-size: 22px;
	}

	.right-box{
		padding-left: 0;
	}


	.right-box .right-list-box {
		padding: 0 1%;
		margin-top: 5px;
	}

	.list-activity .cal-Info .info-title {
		font-size: 16px;
		line-height: 28px;
		height: 28px;
	}

	.list-activity .cal-Info p {
		font-size: 12px;
		line-height: 28px;
        height: 28px;
	}

	.list-img-box {
		height: 120px;
	}
}

@media screen and (max-width: 750px) {
.youth-video-box {
    height: 290px;
}

.youth-video-box video {
    height: 290px;
}

.news-box {
    margin-bottom: 35px;
}

.youth-box ul li {
  /* height: 90px;*/
  height: 100.5px;
}

}

@media screen and (max-width: 730px) {
	.youth-video-box {
		height: 280px;
	}
	
	.youth-video-box video {
		height: 280px;
	}

.youth-box ul li {
   /* height: 86.5px;*/
    height: 97.3px;
}
	}

@media screen and (max-width: 720px) {
	.link-box ul li {
		width: 22%;
	}

	.news-box {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.list-img-box {
		height: 100px;
	}

}
@media screen and (max-width: 700px) {
	.youth-video-box {
		height: 265px;
	}
	
	.youth-video-box video {
		height: 265px;
	}


	/*.search {

		top: 50px;

	}*/
.youth-box ul li {
    /*height: 81.5px;*/
     height: 92.2px;
}
	}

	@media screen and (max-width: 680px) {
		.youth-video-box {
			height: 255px;
		}
		
		.youth-video-box video {
			height: 255px;
		}
		}

		@media screen and (max-width: 670px) {
		.news-box {
			margin-bottom: 20px;
		}

		/*.search {
			top: 52px;
		}*/

.youth-box ul li {
    /* height: 81.5px; */
    height: 89px;
}
	}

	@media screen and (max-width: 650px) {
	.news-box {
		margin-bottom: 10px;
	}

}

		@media screen and (max-width: 640px) {
			.youth-video-box {
				height: 245px;
			}
			
			.youth-video-box video {
				height: 245px;
			}

			.xbanner-box {
				width: 80%;
				padding: 0;
				margin: 20px 10% 0px;
			}

			.news-box {
				width: 100%;
				margin-bottom: 20px;
				padding-left: 0;
			}

			.list-img-box {
				height: 90px;
			}

.youth-box ul li {
    height: 85.5px;
}
			}
	

@media screen and (max-width: 620px) {

	.youth-video-box {
		height: 234px;
	}
	
	.youth-video-box video {
		height: 234px;
	}

	.left-nav .left-nav-box h2 {
		font-size: 20px;
	}

.youth-box ul li {
    height: 82px;
}
	
}

@media screen and (max-width: 600px) {
.youth-video-box {
    height: 224px;
}

.youth-video-box video {
    height: 224px;
}

.youth-box ul li {
    height: 78.5px;
}
}

@media screen and (max-width: 580px) {

	.youth-video-box {
		height: 214px;
	}

	.youth-video-box video {
		height: 214px;
	}

	.logo img {
		width: 450px;
	}

	.navbar-toggle{
		top: 0px;
	}

	.list-img-box {
		height: 80px;
	}

.youth-box ul li {
   /* height: 64.5px;*/
    height: 75.5px;
}

}

@media screen and (max-width: 560px) {

	.youth-video-box {
		height: 204px;
	}

	.youth-video-box video {
		height: 204px;
	}

	.link-box ul li {
		width: 26%;
	}

.youth-box ul li {
    /* height: 61px; */
    height: 72px;
}



}

@media screen and (max-width: 550px) {
	.p_first_d, .p_last_d {
		font-size: 12px;
	}
	.p_first, .p_last {
		font-size: 12px;
	}
	.p_prev_d, .p_prev {
		font-size: 12px;
	}
	.p_no {
		font-size: 12px;
	}
	.p_no_d {
		font-size: 12px;
	}
	.p_next, .p_next_d {
		font-size: 12px;
	}
}

@media screen and (max-width: 540px) {
	.youth-video-box {
		height: 195px;
	}

	.youth-video-box video {
		height: 195px;
	}

.youth-box ul li {
    /* height: 58px; */
    height: 69px;
}

}

@media screen and (max-width: 520px) {
	#full-width-slider .rsBullets {
		bottom: 3px;
	}

	.youth-video-box {
		height: 185px;
	}

	.youth-video-box video {
		height: 185px;
	}

	.logo img {
		width: 420px;
	}

	.list ul li {
		padding: 10px 0;
	}

	.list ul li .time {
		width: 22%;
	}

	.list ul li p {
		width: 78%;
	}

	.list-img-box {
		height: 70px;
	}

	.list-img ul li p {
		font-size: 13px;
		height: 32px;
		line-height: 32px;
	}
	.article h2.title {
		font-size: 15px;
		line-height: 22px;
	}

	.article h4.information {
		font-size: 13px;
	}

	.article h3.subtitle {
		font-size: 13px;
	}

.youth-box ul li {
    /* height: 55px; */
    height: 65.5px;
}
.search {
    top: 54px;
}
}

@media screen and (max-width: 490px) {

	.youth-video-box {
		height: 175px;
	}

	.youth-video-box video {
		height: 175px;
	}

	.youth-shangc {
		padding: 6px;
		font-size: 12px;
	}

	.youth-right-p{
		font-size: 12px;
	}

	.index-title .title {
		font-size: 18px;
		height: 32px;
		line-height: 32px;
	}

	.index-title .more {
		font-size: 12px;
		height: 32px;
		line-height: 32px;
	}

	.index-title .title1 {
		font-size: 18px;
	}

	.index-title .youth-img {
		width: 8%;
		margin-bottom: 0;
	}

	.index-title .youth-img img {
		width: 50px;
	}

	.notice-box{
		margin-bottom: 15px;
	}

	.logo img {
		width: 385px;
	}

.youth-box ul li {
    /* height: 51.8px; */
    height: 62.3px;
}
.search {
    top: 50px;
}
}

@media screen and (max-width: 480px) {

	.current {
		font-size: 18px;
	}
	.list-activity .cal-time {
		width: 50px;
		margin-right: 15px;
	}
	.list-activity .cal-time .date {
		font-size: 14px;
		height: 26px;
		line-height: 26px;
	}

	.list-activity .cal-time .year {
		font-size: 14px;
		height: 26px;
		line-height: 22px;
	}
	.column {
		font-size: 16px;
		padding-left: 15px;
	}

	.left-nav ul li {
		height: 35px;
		line-height: 35px;
	}

	.left-nav ul li a {
		font-size: 13px;
		line-height: 35px;
	}
	.location {
		font-size: 12px;
	}
	.location a {
		font-size: 12px;
	}

	.list ul li .time {
		width: 25%;
	}

	.list ul li p {
		width: 75%;
	}

.link-box ul li {
    width: 30%;
}

.search_image {
    right: 13px;
    width: 20px;
}

.list-img ul li{
	width: 47%;
}

.list-img-box {
    height: 110px;
}
}

@media screen and (max-width: 470px) {
	.youth-video-box {
		height: 165px;
	}

	.youth-video-box video {
		height: 165px;
	}

.youth-box ul li {
    /* height: 48px; */
    height: 59px;
}


	
}

@media screen and (max-width: 467px) {}

@media screen and (max-width: 460px) {}

@media screen and (max-width: 450px) {
	.youth-box ul {
		width: 100%;
	}

	.youth-video {
		width: 100%;
		margin-bottom: 10px;
	}
.youth-box ul li {
    height: 80px;
}

	
		.youth-video-box {
    /* height: 220px; */
    height: auto;

	}

	.youth-video-box video {
    /* height: 220px; */
    height: auto;
}

	.logo img {
		width: 360px;
	}

	.navbar-toggle {
		top: 0px;
		background-size: 85%;
	}

	.search {
               top: 43px;
         }

	.header .container {
		padding: 0 10px 42px;
	}

	.list-img-box {
		height: 100px;
	}
}

@media screen and (max-width: 440px) {}

@media screen and (max-width: 435px) {}

@media screen and (max-width: 420px) {
	.logo img {
		width: 340px;
	}
	.search_kang {
		width: 90%;
	}
	.navbar-toggle {
		margin-top: 7px;
	}

	.current {
		font-size: 16px;
		bottom: 7px;
	}

	.location {
		position: inherit;
		top: 0;
	}
	.right-box {
		margin-bottom: 30px;
	}
	.right-box .right-list-box {
		padding: 0;
		margin-bottom: 0px;
	}

	.list-activity ul li {
		padding: 10px 0;
	}

	.list-activity .cal-Info .info-title {
		font-size: 15px;
		line-height: 25px;
		height: 25px;
	}
	
	.list ul li p {
		width: 72%;
		font-size: 13px;
	}
	.list ul li .time {
		width: 28%;
		font-size: 13px;
	}
	

	.index-title .youth-img {
		width: 16%;
	}

	.youth-right-p p{
		display: none;
	}

	.index-title .title1 {
		width: 70%;
	}

	.list-img-box {
		height: 90px;
	}

	.link-box ul li {
		width: 36%;
	}

	.footer p {
		font-size: 12px;
	}

.search {
    top: 40px;
}
}

@media screen and (max-width: 400px) {

	.logo img {
		width: 315px;
	}
}

@media screen and (max-width: 380px) {

	.logo img {
		width: 305px;
	}
	.navbar-toggle {
		width: 20px;
		height: 18px;
		background-size: 100%;
	}
	

	.xbanner-box {
		width: 100%;
		padding: 0;
		margin: 20px 0 0;
	}

	.search {
		top: 35px;
	}

	.list-img-box {
		height: 80px;
	}
}
@media screen and (max-width: 370px) {
	.logo img {
		width: 285px;
	}
.link-box ul li {
    width: 45%;
}

.youth-box ul li {
    height: 65px;
}
}

@media screen and (max-width: 360px) {
	.index-list ul li h3 {
		width: 72%;
	}
	.index-list ul li .time {
		width: 28%;
	}
}

@media screen and (max-width: 350px) {
	.logo img {
		width: 270px;
	}
	

	.youth-video-box {
    /* height: 200px; */
   /* height: 230px;*/
}

.youth-box ul li {
    height: 55px;
}
}

@media screen and (max-width: 340px) {}

@media screen and (max-width: 320px) {}