@charset "utf-8"; /* CSS Document */ .sub_banner{margin:0 auto;height: 0;padding-bottom:20.8%;text-align: center;overflow: hidden;position: relative;} .sub_banner img{ display: block; margin: 0 auto;width: 100%;} .subPage{position:relative;/*! overflow: hidden; */} .sub_top{width:100%; border-bottom: #d5d5d5 1px solid; /*! margin-top: 50px; */ overflow:hidden;} .sub_title02{ background:#fafafa; padding:6% 0;} .sub_title02 h3 i{ color:#990000; font-size:26px; display:block; padding-bottom:20px;} .sub_title02 span i{ font-family:'Georgia'; font-size:22px; color:#66887e;} .sub_title02 .list_info{ background:#fafafa;} .sub_title{overflow:hidden;font-size:30px;color:#fff;text-align: center; padding:20px; position: relative;background:url(../../images/gb20200714/subleft.png) center center no-repeat;background-size: 100% 100%;} .secondTitle{font-weight: bold;padding: 4px 0 38px 8px;} .bread{width:auto;height: 40px;line-height: 40px;font-size:14px;margin: 21px 0;text-align: right;background: #f7f7f7;} .bread span{font-weight:normal;color: #a6a6a6;margin: 0 3px 0 0;} .bread span a{color: #a6a6a6;padding: 0 16px;} .bread a:hover{color:#7f0102;} .sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; } .sub_mbtn.open{ background:url(../../images/gb20200714/open.png) no-repeat right 20px center; background-color:#d9d9d9;} .sub_t01 h2:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-opacity:0.8;opacity:0.8; transition: all 1s ease 0s; } .sub_mbtn{width:100%;height:40px;background:url(../../images/gb20200714/sub-mbtn02.png) no-repeat right 20px center;background-color:#e4e4e4;cursor:pointer;display:none;} .sub_mbtn span{ font-size: 1.6em; font-weight: bold; display:inline-block; line-height: 40px; padding-left: 20px;} .sub_navm{width:100%; overflow: hidden;display: none;} .sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#7f0102;} .sub_navm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;} .sub_navm ul{ background:#e4e4e4; } .sub_navm li{position:relative;} .sub_navm li a{ font-size: 13px; color:#282828; padding-left:20px;height:40px;line-height:40px;border-bottom:1px solid #d7d5d3;display:block;} .sub_navm li a:hover{color:#333;} .sub_navm li.sub_has span{ margin-left: 10px;} .sub_navm li.on a{color: #7f0102;display:block;width:100%;} .sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;} .sub_navm dl dd{ padding-left: 30px; height:40px;line-height:40px;border-bottom:1px dotted #ccc;} .sub_navm li.on dl dd a{ font-size: 13px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;height:30px;line-height:30px;} .sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline; border:none; padding:0px;} .sub_navm li dl dd a:hover{ color:#f1a230} .sub_navm li strong.phone_arrow{width:20px;height:20px;line-height:20px;text-align:center;display:block;position:absolute;right:15px;top:15px;z-index:99; text-indent: 99em;background:url(../../images/gb20200714/arrow.png) no-repeat;cursor:pointer;} .sbu_leftWrap{width:250px;float:left; } .subPage_con{ max-width: 1200px; margin: 0 auto; min-height:470px;} .sub_left li{ position: relative;width: 100%;} .sub_left li strong.arrow{display:block;height:20px;line-height:20px;width:20px;text-align:center;background:url(../../images/gb20200714/arrow.png) center center no-repeat; position:absolute;right:18px;top:18px; text-indent: 99em; z-index:33;cursor:pointer;transition:all 0.3s ease-in-out} .sub_left li.on{background: #fff;} .sub_left li.on strong.arrow{background:url(../../images/gb20200714/arrow02.png) center center no-repeat;} .twoJ_menu{/* background-color:#eee; */display:none;} .sub_left .sub_nav .twoJ_menu dd a{display:block;font-size: 13px;border-top: 1px solid #eee;padding: 15px 0 15px 50px;} /*左侧边栏*/ .sub_left{width: 230px;background: #f5f5f5;float:left; /*! padding-bottom: 5000px; */ /*! margin-bottom: -5000px; */overflow: hidden;z-index: 99;position: relative;margin-top: -78px;} .sub_left .sub_nav{padding: 20px 0 60px 15px;overflow:hidden;min-height: 240px;} .sub_left .sub_nav li{ transition: all 0.2s ease-in-out;} .sub_left .sub_nav li a{padding: 19px 37px;line-height: 22px;display:block;font-size: 18px;position: relative;color: #666;} .sub_left .sub_nav li:hover,.sub_left li.active{} .sub_left .sub_nav li:hover a,.sub_left li.active a{background: #fff;} /*右侧*/ .sub_right{margin:0 0 0px 260px;} .marginBot{margin-bottom:40px;} .pageArticle{ } .articleTitle{width:auto;overflow:hidden;/* margin-top: -65px; */position: relative;z-index: 8;} .articleTitle h3{width:auto;overflow:hidden;font-size:2.2em; padding:0 36px; height: 60px; line-height: 60px; color:#fff; float:right; background:rgba(0,0,0,0.3); *background: #333;background: #333 \0; border-top: #e9c000 5px solid; font-weight: normal; } .article{width:auto; min-height:500px; overflow:hidden;} .article .introAbout{margin: 30px 0; min-height: 600px; overflow: hidden;} .article .introAbout p{ font-size: 1.5em; color: #666; line-height: 28px; display: block; padding-bottom: 30px; text-indent: 2em; } /*分类页*/ .xydtList{ overflow: hidden; margin: 20px 0; } .xydtList h3{ font-size: 1.8em; display: inline-block; border-top-right-radius: 20px; border-bottom-right-radius: 20px;margin-bottom: 15px;} /*列表页*/ .list01{width:100%; border-top:#eee 1px solid; overflow:hidden;} .list01 li{ padding:15px 19px 15px 22px; border-bottom: #eeeeee 1px solid; overflow:hidden; position: relative;transition: all 0.3s ease-in-out;} .list01 li:before{ content: ''; display: block; width: 4px; height: 4px; background: #dddddd; border-radius: 50%; position: absolute; left: 10px; top: 30px;} .list01 li:hover{ background:#6f2d6f; box-shadow: 0 7px 10px -2px #b9b7b9; border-bottom: none; } .list01 li:hover a,.list01 li:hover .rightDate{ color: #fff; } .list01 li a{display:block;width:83%;line-height:25px;float:left; font-size:16px; } .list01 li a:hover{} .list01 li .rightDate{float:right; font-size:14px; color: #999; font-family: "Arial"; padding: 3px 0;} /*图片页*/ .picList{ overflow: hidden; } .picList ul { margin:20px -10px; overflow:hidden; } .picList ul li{ float: left; width:25%; margin: 20px 0; overflow: hidden;} .picList ul li a{ display:block; margin:0 10px;} .picList ul li a img{ -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; } .picList 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);} .picList ul li a .imgResponsive{ display:block; height: 0; padding-bottom: 56.2%; overflow: hidden; } .picList ul li a .picText{ display: block; background: #fff; padding: 16px; overflow: hidden; } .picList ul li a .picText p{ display: block; height: 48px; line-height: 24px; font-size: 16px; overflow: hidden;} /*教师页*/ .teacherList{ overflow: hidden; } .teacherList ul { margin:20px -10px; overflow:hidden; } .teacherList ul li{ float: left; width:20%; margin: 20px 0; overflow: hidden;} .teacherList ul li a{ display:block; margin:0 10px;} .teacherList ul li a img{ -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; } .teacherList 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);} .teacherList ul li a .imgResponsive{ display:block; height: 0; padding-bottom: 140%; overflow: hidden; background: #eee;} .teacherList ul li a .picText{ display: block; background: #fff; padding: 16px; overflow: hidden; } .teacherList ul li a .picText p{ display: block; height: 24px; line-height: 24px; font-size: 16px; overflow: hidden;text-align: center;} .classTitle a{float: right;color: #888;font-size: 14px;} /*文章页*/ .noMargin{ margin-top: 0; } .articleTitle02{padding: 26px 0;overflow: hidden;line-height: 30px;} .articleTitle02 h2{text-align: center;}.articleAuthor{text-align:center; padding:0 0 20px 0; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; border-bottom: #eee 1px solid;} .articleAuthor span{font-size: 14px;color: #999;padding: 0 18px;} .article02{margin: 18px 0 94px 0;overflow: hidden;} .article02 p{line-height: 26px;font-size: 16px;/* text-indent: 2em; */} .article02 i{font-style: italic; } .article02 strong{ font-weight: bold; } /*标题*/ .listTitle{ border-bottom: #eeeeee 1px solid; line-height: 25px; margin: 10px 0 24px 0; overflow: hidden; } .listTitle a{ font-size:2.0em; color: #999; display:inline-block; margin: 0 11px; padding: 10px 0;} .listTitle a.on{ color: #7f0102; border-bottom: #7f0102 3px solid;} /*校友动态*/ .xydtListImg{overflow: hidden;margin-bottom: 20px;} .xydtListImg ul { margin: 0 -20px; overflow: hidden; } .xydtListImg ul li{ width: 33.3%; float: left; } .xydtListImg ul li a{ display: block; margin: 0 20px; } .xydtListImg ul li .imgResponsive{ padding-bottom: 56.4%; } .xydtListImg ul li .artText{ display: block; background: #fafafa; margin:-20px 13px 0 13px; padding: 19px; position: relative;z-index: 9;} .xydtListImg ul li .artText p{ display: block; font-size: 1.6em; line-height: 24px; height:48px;overflow: hidden;} a .imgResponsive img{ transition: all 0.3s ease-in-out; } a:hover .imgResponsive img{ transform: scale(1.1);} /*通知公告*/.noticeListTop{ overflow: hidden;background: #7f0102; margin-bottom:20px; } .noticeListTop ul{} .noticeListTop ul li{ width: 49.5%; float: left; } .noticeListTop ul li:first-child{ border-right: #175a3e 1px solid; } .noticeListTop ul li a{ display: block; margin:30px; } .noticeListTop ul li .date{ display: block; width: 50px; height: 50px; text-align: right; float: left;} .noticeListTop ul li .date .day{ font-size: 2.4em; color: #fff; } .noticeListTop ul li .date .year{ font-size: 1.2em; color: #a6b5ae; } .noticeListTop ul li .artText{ display: block; margin-left: 63px;border-left: #a6b5ae 1px solid;padding-left: 13px;transition: all 0.3s ease-in-out;}.noticeListTop ul li .artText strong{ display: block; height: 24px; line-height: 24px; color: #fff; font-size: 1.6em; margin-bottom: 7px; overflow: hidden; } .noticeListTop ul li .artText p{ display: block; font-size: 1.4em; color: #a6b5ae; height: 44px; line-height: 22px; color: #a6b5ae; overflow: hidden;} .noticeListTop ul li a:hover .artText{ padding-left: 18px; } .noticeListBottom{ overflow: hidden; } .noticeListBottom ul{ margin: 0 -20px; overflow: hidden; } .noticeListBottom ul li{width: 33.3%; float: left; border-bottom: #eee 1px solid;} .noticeListBottom ul li a{ display: block; margin:24px 20px; border-left: #eeeeee 5px solid; padding-left: 15px; *overflow: hidden; position: relative;} .noticeListBottom ul li .artText{ display: block; height: 48px; line-height: 24px; font-size: 1.6em; margin-bottom: 12px;transition: all 0.3s ease-in-out; overflow: hidden;} .noticeListBottom ul li .rightDate{ display: block; font-size: 1.4em; color: #999; background:url(../../images/gb20200714/datebg.png) no-repeat left center; padding-left: 24px; } .noticeListBottom ul li a:before{ content: ''; display: block; width: 10px; height: 36px; background: #dfdfdf; position: absolute; left:-5px; top:0;transition: all 0.3s ease-in-out; } .noticeListBottom ul li a:hover:before { background: #7f0102; } .noticeListBottom ul li a:hover .artText{ padding-left: 5px; } /*分页*/ .pages{text-align:center;height:30px;line-height:30px;margin: 39px auto 60px;overflow: hidden;clear: both;font-size: 0;} .pages a{ display: inline-block; * display:inline; * zoom:1; * vertical-align: middle; width:28px; height: 28px; line-height: 30px; font-size:14px; text-align:center; margin: 0 2px; background-color: #fff; border:1px solid #d7dfdc; margin: 0 5px; } .pages a.next,.pages a.prev,.pages a.start,.pages a.end{width: auto;padding: 0 8px;} .pages a.on_pages,.pages a:hover{ background: #7f0102;color:#fff;border:#7f0102 1px solid;} .pages_min{ margin: 25px 0; overflow: hidden; display: none;font-size:14px; clear: both;} .pages_min a.prev_min,.pages_min a.next_min{display: block;width:100px;height: 30px;font-size: 13px;float:left;background: #f3f3f3;border-radius: 3px;color:#666666;line-height: 30px;text-align: center;} .pages_min a.next_min{ float:right;} .pages_min a:hover{ background:#7f0102; color:#fff; transition:0.3s;} .nextArticle{color: #999;} .pageArticleTitle{overflow: hidden;} .pageArticleTitle h3{padding: 35px 0 28px;text-align: center;} .articleAuthor{padding: 12px 15px;text-align: center;margin: 0 0 27px;border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb;line-height: 26px;} .articleAuthor span{display: inline-block;*display: inline;*zoom:1;color:#999;margin: 0 0;} .articleBottom{overflow: hidden;margin-bottom: 30px;} .Annex{background:#f7f7f7;padding: 0;overflow: hidden;} .Annex h3{padding: 15px 30px 15px 20px;font-size: 16px;float: left;} .annexList{margin-left: 87px;overflow: hidden;padding-top: 12px;} .annexList li{line-height: 1.5;margin-bottom: 5px;} .annexList li a{color:#666;font-size: 16px;} .nextArticle{padding: 28px 0 0 15px;width: 60%;float: left;font-size: 13px;} .nextArticle li{color:#666} .nextArticle a{color:#999;font-size: 13px;margin-bottom: 10px;} .sublist01Title{margin: 0 0 0 10px;display: block;background: #f7f7f7;border: 1px solid #ededed;font-size: 0;} .sublist01Title a{display: inline-block;*display: inline;*zoom:1;width: 150px;height: 50px;color: #666;line-height: 50px;text-align: center;} .sublist01Title a.on,.sublist01Title a:hover{color: #fff;background: #7f0102;} .sublist01{margin: 28px 0 58px 10px;} .sublist01 ul{margin: 0 -15px 0;} .sublist01 li{width: 25%;} .sublist01 a{margin: 0 15px 42px;box-shadow: 0;} .sublist01 .title{margin: 0 0 0;height: 50px;line-height: 50px;background: #f9f9f9;color: #666;text-align: center;white-space: nowrap;} .sublist01 .img{padding-bottom: 60.95%;} .sublist01 a:hover{box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1);} .sublist02 ul{margin: 0 0 0 10px;} .sublist02 a{margin: 0 0 30px;overflow: hidden;display: block;border: 0;} .sublist02 .title{margin: 0 0 14px;height: 24px;line-height: 24px;} .sublist02 .info{margin: 0 0 26px;color: #999;height: 44px;line-height: 22px;} .sublist02 .img{padding-bottom: 63%;} .sublist02 .time{background:url(../../images/gb20200714/sublist02time.png) left center no-repeat;padding: 0 0 0 26px;color: #999;} .sublist02 .left{width: 270px;float: left;} .sublist02 .right{margin: 0 0 0 270px;padding: 22px 20px;border: 1px solid #ededed;border-left: 0;} .sublist02 a:hover{box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1);} .sublist02 a:hover .right{border-color: #fff;} .sublist03 ul{margin: 0 0 50px 10px;} .sublist03 a{margin: 0 0 20px;overflow: hidden;display: block;border: 1px solid #e6e6e6;border-left: 5px solid #e2e2e2;padding: 14px 15px 15px;box-shadow: 0;} .sublist03 .title{margin: 0;height: 24px;line-height: 24px;white-space: nowrap;} .sublist03 .time{background:url(../../images/gb20200714/sublist02time.png) left center no-repeat;padding: 0 0 0 26px;color: #999;margin: 0 0 9px;} .sublist03 a:hover{box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1); background: #7f0102; border: 1px solid #fff;border-left: 5px solid #e2e2e2;} .sublist03 a:hover .title { color: #fff; } .sublist03 a:hover .time { color: #fff; background: url(../../images/gb20200714/sublist02time_hover.png) no-repeat left center; } .sublist04 ul{margin: 0 -18px 20px -8px;} .sublist04 li{width: 50%;} .sublist04 a{margin: 0 18px 20px;overflow: hidden;display: block;box-shadow: 0;} .sublist04 .title{margin: 0;height: 48px;line-height: 24px;text-align: justify;} .sublist04 .time{background:url(../../images/gb20200714/sublist04time.png) left center no-repeat;padding: 0 0 0 26px;color: #999;margin: 0 0 15px;} .sublist04 .img{padding-bottom: 62%;} .sublist04 .bottomBox{border: 1px solid #ededed;border-top: 0;padding: 15px 29px 28px 18px;} .sublist04 a:hover{box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1);} .sublist04 a:hover .bottomBox{border-color: #fff;} .sublist042 ul{margin: 0 -15px 20px -5px;} .sublist042 li{width: 50%;} .sublist042 a{margin: 0 15px 30px;} .sublist042 .img{background: #000;position: relative;} .sublist042 .img img{opacity: 0.7;} .sublist042 .img .video{width: 54px;height: 54px;background:url(../../images/gb20200714/video.png) center center no-repeat;background-size: 100% 100%;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;} .sublist042 .title{height: 24px;white-space: nowrap;} .sublist042 .bottomBox{padding: 18px 12px 21px 18px;} .sublist042 .time{margin: 0 0 11px;} .sublist05Title{margin: 0 0 0 10px;display: block;background: #f7f7f7;border: 1px solid #ededed;font-size: 0;padding: 5px 16px;/* text-align: center; */border: 1px solid #ededed;} .sublist05Title a{display: inline-block;*display: inline;*zoom:1;width: 29px;height: 30px;color: #666;line-height: 30px;margin: 4px 2px;border-radius: 50%;text-align: center;} .sublist05Title a.on,.sublist05Title a:hover{color: #fff;background: #7f0102;} .sublist05{margin: 28px 0 30px 10px;} .sublist05 ul{margin: 0 -15px 0;} .sublist05 li{width: 20%;} .sublist05 a{margin: 0 15px 30px;padding: 0 0 11px;} .sublist05 .title{margin: 0 0 1px;padding: 8px 0 0;height: 30px;line-height: 30px;color: #666;text-align: center;white-space: nowrap;} .sublist05 .img{padding-bottom: 100%;background: #f2f2f2; border-radius: 50%;} .sublist05 .info{text-align: center;padding: 0 0 0;white-space: nowrap;color: #999;line-height: 20px;height: 20px;} .sublist05 a:hover{box-shadow: 0 5px 20px 2px rgba(182,43,43,0.1);background: #fff;} .sublist043 ul{margin: 0 -15px -32px -5px;} .sublist043 li{width: 33.3%;} .sublist043 a{margin: 0 15px 40px;} .sublist043 .title{margin: 0 0 12px;} .sublist043 .bottomBox{padding: 10px 12px 4px 20px;background: #f9f9f9;border: 0;} .sublist043 .time{margin: 0 0 11px;} .sublist05Title2{} .sublist05Title2 ul{margin: 0 0 38px 10px;border-top: 1px solid #e6e6e5;border-left: 1px solid #e6e6e5;} .sublist05Title2 li{width: 20%;} .sublist05Title2 a{padding: 0 27px 0;line-height: 68px;border-right: 1px solid #e6e6e5;border-bottom: 1px solid #e6e6e5;text-align: center;color: #666;} .sublist05Title2 .title{line-height: 20px;vertical-align: middle;display: inline-block;*display: inline;*zoom:1;max-height: 60px;} .sublist05Title2 a:hover,.sublist05Title2 a.on{color: #fff;background: #7f0102;} .leader li{width: calc(50% - 10px);float: left;} .leader li:nth-child(1){margin-right: 20px;} /* .leader{height: 120px;} */ .leader ul{overflow: hidden;} @media screen and (max-width:1440px) { .subPage_con{ max-width: 940px; } .pageArticle,.bread{padding-left: 15px; padding-right: 15px; } .sublist05Title2 a{padding: 0 12px;} } @media screen and (max-width:992px) { .sub_banner .coverBg{ display: none; } .subPage_con{ margin:25px 40px; } .subPage{margin:0 auto;} .sub_mbtn{display:block;} .sub_left{display:none;} .sub_right{width:100%;margin-left:0;} .pages{ display: none; } .pages_min{display:block;} .subPage_con{ margin: 0 auto; } .article .introAbout{ margin: 0 ; } .article.shadow{ box-shadow: none; padding:10px 0; } .picList ul li{ width: 33.3%; } .teacherList ul li{ width:25%; } .articleTitle{ margin-top: 0; } .bread span a,.bread span a:hover{} .articleTitle h3{ color: #333;background: none; border: none; } .sublist01Title a{width: 120px;} .sublist01 li,.sublist05 li{width: 33.3%;} } @media screen and (max-width:767px) { .article02 img{width:auto !important;height:auto !important;} .article02 video{width:auto !important;} .article02 table{width:100% !important; } .xydtListImg ul li .artText{ margin: 0; padding: 7px 0; } .xydtListImg ul li .artText p, .list01 li a,.noticeListTop ul li .artText strong,.noticeListBottom ul li .artText{ font-size: 1.4em; } .noticeListTop ul li .artText p,.noticeListBottom ul li .rightDate{ font-size: 1.2em; } .list01 li{ padding: 10px 19px; } .list01 li:before{ top: 22px; } .listTitle a,.personIntro .personImg strong{ font-size: 1.6em; } .noticeListTop ul li a{ margin: 20px; } .noticeListBottom ul li{ width: 50%; } .articleTitle02{ padding: 20px 0; } .articleTitle02 h2,.articleTitle h3{ font-size: 1.8em; } .articleAuthor{ padding: 0 0 10px 0; } .articleAuthor span{ font-size: 12px; } .article02 p{ font-size: 14px; } .historyList ul li .date{ font-size: 1.6em; } .historyList ul li .artImgText .imgResponsive{ width: 200px; height: 113px; } .historyList ul li .artImgText .artText{ margin-left: 220px; } .historyList ul li a:hover .artText{ margin-left: auto; } .historyList ul li .artImgText .artText{ height: 113px; } .picList ul li a .picText p,.teacherList ul li a .picText p{ font-size: 14px; } .personIntro{ margin: 30px auto; } .sublist01 li,.sublist05 li{width: 50%;} } @media screen and (max-width:640px) { .bread{ float: none; margin: 8px 0; height: auto;} .articleTitle{ margin-top: 0; } .bread span {padding-left: 0; } .bread span a{} .listTitle{ margin: 10px 0; } .listTitle a{ padding: 0; } .articleTitle h3{ float: none; height: 35px; line-height: 35px; padding: 0 15px; } .xydtListImg ul li{ width: auto; float: none; } .xydtListImg ul li .artText{ padding: 10px 0; } .xydtListImg ul li .artText p{ height: auto; } .noticeListTop ul li,.noticeListBottom ul li{ width: auto; float: none; } .noticeListBottom ul li .artText{ height: auto; } .noticeListBottom ul li a{ margin: 13px 20px; } .articleTitle02{ padding: 10px 0; } .articleTitle02 h2{ font-size: 1.0em; } .picList ul li{ width: 50%; margin: 10px 0; } .picList ul li a .picText{ padding: 8px 15px; } .teacherList ul li{ width:33.3%; } .sublist02 .left{width: 100%;float: none;} .sublist02 .right{margin: 0;border-left: 1px solid #ededed;} .sublist03 .title{white-space: normal;height: auto;} .sublist04 li{width: 100%;} .sublist04 .title{height: auto;white-space: normal;} .sublist05Title2 li{width: 33.3%;} } @media screen and (max-width:480px) { .list01 li a{ width: auto; } .historyList ul li .artImgText .imgResponsive{ width: 100%; height:auto; float: none; } .historyList ul li .artImgText .artText{ margin: 10px 0; height: auto;} .picList ul li{ width:100%; float: none;} .picList ul li a .picText p{ height: auto; } .teacherList ul li{ width:50%; } .sublist01 li,.sublist05 li{width: 100%;} } @media screen and (max-width:414px) { .sublist05Title2 li{width: 50%;} .leader li{width: 100%;} }