@media screen and (max-width: 1200px){
.banner{min-width:100%;}
.countdown{ display:none;}
.menus2{min-width:100%;position:relative;display: inline-block; height:0px;}
.menus2 ul.button{width:29px;height:25px;display:block;position:absolute;right:4%;top:-180px; left:inherit; background:none; color:#FFF; font-size:28px; font-weight:bold;}
.menus2 ul{width:100%; position:absolute;left:0px; top:0px; display:none;background: rgba(210,80,49,0.9);}
.menus2 ul li{width:90%; text-align:center; margin-left:5%; background:none; border-bottom:#DC775E 1px double;}
.menus2 ul li:last-child{border-bottom:none;}
.menus2 ul li a:hover,.menus2 ul li a.current{background:none;}
.menus2 ul li a{line-height:50px;}

.details{width:95%;padding:20px 0px; margin:auto; background:#FFF;}
.details .content{width:100%;padding:0px;border-radius:0; border:none; box-shadow:none;}

.details .title{text-align:left; font-size:18px;line-height:180%;}
.details .time{text-align:left; font-size:13px;color:#666;padding:10px 0px; border-bottom:#D25031 2px double;}
.details .container{padding-top:10px;word-break:break-all}

.footer{min-width:100%; height:160px;}
.footer .year{display:none;}
.footer .logo{margin-left:-100px;width:200px;}
.footer .logo img{width:200px;max-width:200px; text-align:center; margin:auto;}
.footer .copy{position:absolute;left:50%;bottom:20px; top:inherit;}

.site{ display:none;}
.phone_header{ display: block;}

/*首页菜单*/
.menus{min-width:100%;height:60px;}
.menus #x_logo{top:7px;left:5px;}
.menus #x_logo img{width:auto !important; height:50px !important;}
.menus .menu_list{width:100%; position:absolute;left:0px; top:60px; display:none;background: rgba(210,80,49,0.9);}
.menus .menu .button{display:block; font-size:36px; color:#FFF; line-height:30px; width:40px; text-align:center;position:absolute; top:15px; right:10px;}
.menus .menu:hover .menu_list{display:block;}
.menus .menu_list a{width:90%;text-align:center; margin-left:5%; background:none; border-bottom:#DC775E 1px double;}
.menus .menu_list a:last-child{border-bottom:none;}
.menus .menu_list a:hover,.menus .menu_list a.current{background:none;}
.menus .menu_list a{line-height:50px;}

.rows{width:100%;min-width:100%;padding:20px 0px 20px 0px;}
.notice_rows{}
.rows .title{width:100%; margin:auto;font-size:24px; font-weight:bold; font-family:"微软雅黑"; position:relative;}
.rows .title span.more{display:none;}
.rows div.more{display:block;border:#D25031 2px solid;height:34px;width:150px;margin:20px auto;border-radius:30px;}
.rows div.more a{color:#D25031;width:150px; float:left; text-align:center; line-height:30px; position:relative; font-size:14px; top:0px;}

.rows .notice,.rows .news,.rows .im,.rows .images,.rows .blessing,.rows .blessings{width:96%;min-width:96%;margin:auto;}

/*通知公告*/
.rows .notice li{width:100%;height:75px;margin-top:0px; margin-bottom:10px;}
.rows .notice li:nth-of-type(even){float:left;}
.rows .notice li .noticetime .ym{display:none;}
.rows .notice li .noticetime .date{display:none;}
.rows .notice li .noticetime .phone_date{display:block;text-align:center;padding:5px;color:#FFF;background:#D25031; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.rows .notice li .noticetitle .title{font-size:16px; font-weight:normal;white-space: normal;word-break:break-word;word-break:normal;height:50px; line-height:25px;text-overflow:none;}
.rows .notice li .noticetitle .excerpt{display:none;}

/*校庆活动*/
.rows .news{padding-top:0px;}
.rows .news li.big{height: auto;margin-top:0px;}
.rows .news li.big .newsdiv{width:100%;height: auto;padding-top:0px;margin-top:0px;}
.rows .news li.big .newstitlediv{width:100%;height:auto;padding-bottom:15px;}
.rows .news li.big .newstitlebg{display:none;}
.rows .news li.big .newstitlediv .newstitle{font-size:16px;line-height:35px;height:35px;text-align:left;margin:0px;overflow:hidden;padding:5px 2%;}
.rows .news li.big .newstitlediv .newsexcerpt{padding:5px 2%;margin:0px;height:85px}
.rows .news li.big .newstitlediv .newsdate{display: block;font-size:12px;text-align:left;padding-left:2%;padding-top:5px;}

.rows .news li{width:100%;float:left;height: auto;box-shadow:0px 0px 0px #FFF;margin-bottom:0px;margin-right:0;padding-top:0; margin-top:20px;}

.rows .news li:nth-of-type(even){float:right;}
.rows .news li:nth-child(4){ display:none;}
.rows .news li:nth-child(5){ display:none;}

.rows .news li .newsdiv{height:auto;margin-top:0px;box-shadow:0px 0px 10px #CCC;padding-bottom:10px;position:relative;}

.rows .news li .newsdiv .newsimage{height:auto;width:100%; float:left;}
.rows .news li .newsdiv .newcontent{width:100%; float:right;}
.rows .news li .newsdiv .newstitle{width:96%;margin:2%;height:25px;}
.rows .news li .newsdiv .newsexcerpt{display:none;}
.rows .news li .newsdiv .newsdate{width:96%;margin:5px 2%;}

/*办学历程*/
#historyReview{display:none;}
.swiper-container-phone{ display:block; width:96%; height:330px; margin:auto;}
.swiper-container-phone .swiper-slide{ display:block; width:96%; height:300px;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
.swiper-container-phone .swiper-slide .title{background:rgba(51,51,51,0.7);color:#FFF; font-size:14px;padding:10px; line-height:150%; bottom:0px; position:absolute; width:96%;}

/*我是南科人*/
.rows .im{padding-top:0px;}
.rows .im li{width:100%;float:left;margin-left:0;margin-top:20px;height:auto;box-shadow:0px 0px 10px #CCC;padding-top:0;}
.rows .im li:nth-of-type(even){float:right;}
.rows .im .imimage{height:auto;width:100%; float:left;position: relative;}
.rows .im .imcontent{width:100%;float:left;position: relative;}
.rows .im .imtitle{font-size:14px;padding:5px 2%; color:#000; text-align:justify;}
.rows .im .imdate{padding:5px 2%;}
.rows .im .imexcerpt{display:none;}
.rows .im li:nth-child(1){margin-top:0px;}
.rows .im li:nth-child(3){ display:none;}
.rows .im li:nth-child(4){ display:none;}

/*南科影像*/
.rows .images{padding-top:0px;}
.rows .images li{width:50%;height:200px;}

/*祝福寄语*/
.rows .blessing{padding-top:0px;}
.rows .blessing li{width:100%;margin-left:0;margin:5px 0px;}
.rows .blessingbutton{width:150px;border-radius:30px;}
.rows .blessingbutton a{width:150px;}

/*列表页*/
/*标识*/
.details .content .logo .title span{width:100%; padding:0px;position:relative;}
.details .content .logo .title span a{font-size:16px; float:left;width:200px;text-align:center;top:20px;left:50%; position:absolute;background:#D25031;border-radius:5px;margin-left:-100px;}
.details .content .logo .image{ margin-top:60px;}

/* 列表页及详情页的banner的menus */
.banner{background-image:url(../images/banner1.jpg);background-size:cover;background-position:center;}

/*列表页*/
.lists{min-width:100%;}
.lists .content{width:94%;}
.lists .content .left{ display:none;}

.lists .content .right{float:right;width:100%;}
.lists .content .right .title .crumb{ display:none;}
.lists .content .right .lists{min-width:100%;}
/*公告*/
.lists .content .right .lists li{width:100%;border-bottom:#CCC 1px dashed; margin-bottom:15px;padding-bottom:15px; height:auto;}
.lists .content .right .lists li span{ float:left; font-size:13px; color:#666;}

/*新闻*/
.lists .content .right .lists li .font{width:100%;}
.lists .content .right .lists li.works{height:auto;margin-bottom:30px;box-shadow:0px 0px 10px #CCC;border-bottom:none;padding-bottom:0px;}
.lists .content .right .lists li.works .image{width:100%;}
.lists .content .right .lists li.works .text{width:94%;height:auto; margin-right:3%;}
.lists .content .right .lists li.works .text .font {width:100%;height:auto;}
.lists .content .right .lists li.works .text .time{width:100%;height:auto;}
.lists .content .right .lists li.works .text .detail{width:100%;line-height:180%;color:#333;height:auto;padding-bottom:10px;}

/* 祝福寄语 */
.lists .content .right .lists li.blessing{width:94%;padding:3%;border-bottom:none;}

.blessing_submit{background-image:url(../images/blessing_submit2.jpg);}
.blessing_submit .contents{margin-top:30px}
.blessing_submit i.Hui-iconfont{font-size:32px;}
.blessing_submit .contents .input textarea{height:100px;}

.blessings_left{width:100%; float: none; height: auto; margin-left:0%; margin-top:50px;}
.blessings_left .text{width:90%;height:auto;background:#F7E8E7;background-image:none;border-radius:20px;padding:0px; margin:0;  border:#EEE 1px double; position:relative;box-shadow:0px 20px 30px #CCC;left:5%; padding-bottom:50px;}

.blessings_left .left{ display:none;}
.blessings_left .right{ display:none;}

.blessings_left .text .font{padding:20px;max-height:230px;line-height:24px; font-size:16px;}
.blessings_left .text .date{padding-right:20px;font-size:16px;}

.blessings_right{width:100%; float: none;text-align:left; margin-right:0%;}
.blessings_right .sub_title{ font-size:16px;}


.blessing_title{width:100%; margin:auto;font-size:24px; font-weight:bold; font-family:"微软雅黑"; position:relative; text-align:center}
.blessing_title span{float:left;width:100%; text-align:center; font-size:18px; font-weight: normal; color:#D25031; padding-bottom:20px;}

.rows .blessings{width:100%;padding-top:90%;background-image:url(../images/blessings4.jpg);}
.blessings .text{position:absolute; top:0; left:0%; text-align:left;padding:10% 0 0 10%;}
.blessings .image{ display: none; position:absolute; left:0px;top:0px;}
.blessings .image img{width:100%; height:auto;}
.blessings .sub_title{font-size:14px; padding-top:85px;}
.blessings .button{border:#2BB7B3 2px solid;height:34px;}
.blessings .button a{line-height:30px;}
.blessings .lists{ display:none;width:100%; position:absolute; top:300px;left:0;}
.blessings .lists li{width:100%; height:0; margin:auto; padding-top:61.5%;background-image:url(../images/blessings2.png);background-size: cover;background-position: top;position:relative;}
.blessings .lists li .img{width:40px;height:40px;border-radius:50%; position:absolute; top:10%; left:10%; overflow:hidden}
.blessings .lists li .img img{width:100%; height:100%;}
.blessings .lists li .text{padding:10% 20%;}
.blessings .lists li .text .name{color:#2BB7B3; font-size:16px; font-weight:bold;padding-bottom:5px;padding-left:30px;}
.blessings .lists li .text .font{ line-height:25px; height:100px; overflow:hidden;padding:0 10px;}
.blessings .button{border:#D25031 2px solid;height:34px;left:50%; margin-left:-75px;}
.blessings .button a{line-height:30px;}


/*办学历程弹出框*/
.history{}
.history i.Hui-iconfont{font-size:32px;top:5px;right:5px;}
.history .contents{width:95%; margin-left:3%;}
.history .contents .left{width:94%; float:left; border-left:#2EB6B2 4px solid;margin-left:0px; border-right:none;}
.history .contents .right{width:94%; float:left; border-left:#2EB6B2 4px solid;margin-right:0px;}
.history .contents .text{width:100%;}
.history .contents .text ul{padding-left:15px;}
.history .contents .text li{padding-left:0px;}
.history .contents .text li p{}
.history .contents .text li p.img{}
.history .contents .text li p img{}
.history .contents .year{width:100%; font-size:18px;margin-bottom:10px;}
.history .contents .year span{width:15px;height:15px;position:absolute; top:5px; background:#EC6C00;border-radius:50%;background-image:url(../images/huo.png);background-size: cover;background-position: center;}

.history .contents .left .text{float:left;}
.history .contents .left .text li{float:left; margin-left:15px;}
.history .contents .left .year{float:left; text-align:left;padding-left:15px;}
.history .contents .left .year span{left:-10px;}
.history .contents .right .text{float:left;}
.history .contents .right .text li{float:left; margin-left:15px;}
.history .contents .right .year{float:left;padding-left:15px;}
.history .contents .right .year span{left:-10px;}

.history .contents .bottom{margin-left:0;}
.history .contents .bottom li{left:0;margin-left:-1px;}


.videoimage .button{bottom:20px;border:#FFF 2px solid;height:34px;}
.videoimage .button a{line-height:30px;}

}


@media screen and (min-width: 1921px){
	ul, li, p, a, span, font{font-size:16px;}
	.rows .title span.more a{font-size:18px;}
	.rows .notice,.rows .news,.rows .im,.rows .images,.rows .blessing,.blessings,.lists .content,.menus2 ul{width:62.5%;}
	.blessings{width:100%;}
	.details .content{width:55%;}
	.rows .notice li .noticetime div.ym{font-size:18px;}
	.rows .notice li .noticetime div.date{font-size:32px;}
	.rows .notice li .noticetitle .title{font-size:18px;}
	.rows .notice li .noticetitle .excerpt{font-size:16px;}
	
	.rows .news li.big .newstitlediv .newstitle{font-size:24px;}
	.rows .news li.big .newstitlediv .newsexcerpt{font-size:18px;}
	.year-pagination ul li{font-size:14px;}
	
	.rows .im .imtitle{font-size:16px;height:59px; line-height:27px;}
	.rows .im .imdate{font-size:14px;}
	.rows .im .imexcerpt{font-size:16px;line-height:27px;height:81px;}
	
	.lists .content .right .title .crumb{font-size:16px;}
	.lists .content .right .lists li .font{font-size:16px;}
	.lists .content .right .lists li .font a{font-size:16px;}
	
	.details .title{font-size:22px;}
	.details .time{font-size:16px;}
	
	.cont{font-size:16px !important;}
	
	
	.lists .content .right .lists li.works .image{width:31.25%;}
	.lists .content .right .lists li.works .text{width:65%;}
}

@media screen and (max-width: 1400px){
	#sy_banner #x_logo img{width:250px !important;}
	#x_logo{top:45px !important;}
}
@media screen and (max-width: 1300px){
	#sy_banner #x_logo img{width:200px !important;}
	#x_logo{top:50px !important;}
}
@media screen and (max-width: 1250px){
	#x_logo{top:10px !important;}
}

@media screen and (min-width: 2200px){
	.rows .news li .newsdiv .newstitle{font-size:16px;line-height:28px;height: 56px;}
	.rows .news li .newsdiv .newsexcerpt{font-size:16px;line-height:24px;height:72px;}
	.rows .news li .newsdiv .newsdate{font-size:15px;}
	
	.rows .im .imtitle{font-size:16px;height:65px; line-height:30px;}
	.rows .im .imdate{font-size:14px;padding-top:5px;}
	.rows .im .imexcerpt{font-size:16px;line-height:30px;height:90px;}
	
	.blessings .sub_title{font-size:16px;}
	
	.footer .copy {font-size:16px;width:50%; margin-left:-25%;}
	
	.lists .content .right .lists li.works .text .font{font-size:18px;}
	.lists .content .right .lists li.works .text .time{font-size:14px;}
	.lists .content .right .lists li.works .text .detail{font-size:16px;}
}

@media screen and (min-width: 2400px){
	.rows .news li .newsdiv .newstitle{font-size:17px;line-height:30px;height:60px;}
	.rows .news li .newsdiv .newsexcerpt{font-size:17px;line-height:26px;height:78px;}
	.rows .news li .newsdiv .newsdate{font-size:16px;}
	.year-pagination ul li{font-size:16px;}
	
	.rows .im .imtitle{font-size:18px;height:69px; line-height:32px;}
	.rows .im .imdate{font-size:15px;padding-top:10px;}
	.rows .im .imexcerpt{font-size:16px;line-height:30px;height:90px;}
	
	.lists .content .right .lists li.works{height:180px;}
	.lists .content .right .lists li.works .text .font{font-size:20px;}
	.lists .content .right .lists li.works .text .time{font-size:16px;}
	.lists .content .right .lists li.works .text .detail{font-size:18px;}
}
@media screen and (min-width: 2560px){
	.lists .content .right .lists li.works{height:190px;}
}
@media screen and (min-width: 2760px){
	.lists .content .right .lists li.works{height:210px;}
}
@media screen and (min-width: 3000px){
	.lists .content .right .lists li.works{height:230px;}
}
@media screen and (min-width: 3200px){
	.lists .content .right .lists li.works{height:250px;}
}