.Banner{position: relative;} .Banner .flex-control-nav{bottom: 30px;right: 11%;} .slide_img{display: block;height: 0;padding-bottom: 42.708%;overflow: hidden;position: relative;z-index: 5;} .banner_lf{width: 160px;height: 100%;background-color: #f0f0f0;position: absolute;left: 0;top: 0;z-index: 10;} .Banner .flexslider{position: relative;z-index: 5;} .Banner .flex-control-nav li{width: 75px;height: 47px;background:url(../../images/2020/chi.png) no-repeat bottom center;margin: 0;} .Banner .flex-control-nav li:first-child{width:37.5px;background-position: -36px bottom ;} .Banner .flex-control-nav li:last-child{width:37.5px;background-position: 0 bottom ;} .Banner .flex-control-paging li a{width: 28px;height: 28px;background-color: rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.3);font-family: 'Arial';font-size: 16px;text-align: center;line-height: 27px;color: #fff;font-weight: normal;margin:0 auto;cursor: pointer;position: relative;transition: all 0.3s ease-in-out;top: 0;} .Banner .flex-control-nav li:first-child a{margin-left: -13.5px;} .Banner .flex-control-nav li:last-child a{margin-left: 21.9px;} .Banner .flex-control-nav li a.flex-active{background-color: #94070a;border:1px solid #fff;top: -20px;} .Banner .flex-control-nav li a:hover{background-color: #94070a;border:1px solid #ff} .Banner .flex-control-nav li a:before{content: '';width: 1px;height: 0;background-color: #fff;opacity: 0.5;filter: alpha(opacity=50);position: absolute;left: 45%;top: 36.5px;transition: all 0.35s ease-in-out;} .Banner .flex-control-nav li a.flex-active:before{height: 20px;} .Banner .flex-direction-nav .flex-prev {left: 175px;} .sideBar{position: absolute;left: 25px;top: 50%;transform: translateY(-50%);z-index: 800;width: 108px;border: 1px solid #d6d6d6;border-bottom:none;text-align: center;margin-top: 80px;background-color: #f0f0f0;transition: all 0.5s ease-in-out;} .sideBar li{border-bottom: 1px solid #d6d6d6;height: 108px;padding:0 10px} .sideBar li:last-child{height: 128px;} .sideBar li i,.sideBar li span{display: block;} .sideBar li i {padding:23px 0 5px;color: #999;} .sideBar li{position: relative;} .sideBar li:before{position: absolute;left: 50%;top: 50%;width: 0;height: 0;background-color:#94070a;content: '';z-index: 0;transition: all 0.3s ease-in-out;} .sideBar li a{position: relative;z-index: 5;} .sideBar.fixTop{position: fixed;margin-top: 0;} /* .sideBar.fixBottom{position: absolute;bottom: 15px;top: auto;transform: none;} .content.fixBottom{position: relative;} .content.fixBottom .Banner{position: static;} .content.fixBottom .banner_lf{display: none;} */ .content{overflow: hidden;} /*mode01*/ .wrap_mode01{background:url(../../images/2020/mode_bg02.jpg) repeat-x bottom ; background: -webkit-linear-gradient(top, #fffffe , #f5eddf),url(../../images/2020/bg4.png) repeat; /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom, #fffffe, #f5eddf),url(../../images/2020/bg4.png) repeat; /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom, #fffffe, #f5eddf),url(../../images/2020/bg4.png) repeat; /* Firefox 3.6 - 15 */ background: url(../../images/2020/bg44.png) repeat,linear-gradient(to bottom, #fff , #f5eddf); /* ���у�������√�鐃� */padding-bottom: 40px;position: relative;overflow: hidden;mix-blend-mode: multiply;} .wrap_mode01:before,.wrap_mode01:after{content: '';width: 500px;height: 557px;position: absolute;bottom: 0;} .wrap_mode01:before{left: 0;background-image: url(../../images/2020/bg2.png);background-position: center;background-repeat: no-repeat;z-index: 0;} .wrap_mode01:after{right: 0;background-image: url(../../images/2020/bg1.png);background-position: center;background-repeat: no-repeat;} .bg3{width: 100%;height: 50%;background:rgba(255,255,254,0);background:-webkit-gradient(top,bottom,color-stop(0%,rgba(255,255,254,0)),color-stop(70%,rgba(255,255,254,1)),color-stop(100%,rgba(255,255,254,0.4))); background:-webkit-linear-gradient(top,rgba(255,255,254,0) 0%,rgba(255,255,254,0.4) 70%,rgba(255,255,254,0.4) 100%); background:linear-gradient(to top,rgba(255,255,254,0) 0%,rgba(255,255,254,1) 100%);position: absolute;left: 0;top: 0;} .mode01{position: relative;z-index: 5;} .listTitle01{padding:38px 0 28px;} .listTitle01 h2{padding:10px 0 10px 60px;background-image:url(../../images/2020/title01.png) ;background-position: left center;background-repeat: no-repeat;} .listTitle01 h2 a{font-weight: normal;display: inline-block;*display: inline;*zoom: 1;} .newsHref{margin-left: 25px;font-size: 16px;color: #90080c;} .listTitle01 h2 span{color:#999;font-weight: normal;} .readMore01{float: right;width: 22px;height: 22px;border:1px solid #ccc;line-height: 18px;text-align: center;font-size: 24px;margin-top: 20px;transition: all 0.3s ease-in-out;position: relative;z-index: 1;} .readMore01 a{color:#ccc;transition: all 0.3s ease-in-out;} .readMore0100{float: right;width:62px !important;height: 22px;line-height: 18px;text-align: right;font-size: 24px;margin-right: 20px;transition: all 0.3s ease-in-out;border-radius:0;background-color:none;} .readMore0100 a{color:#666 !important;transition: all 0.3s ease-in-out;background:none !important;border-radius:0 !important;font-size: 12px;padding: 0 !important; } .readMore0100 a:hover{color:#94070a !important;} .SWUPL-list01{margin:0 -11px;} .SWUPL-list01 li{margin-bottom: 15px;} .SWUPL-list01 li.li{margin-bottom: 30px;width: 50%;} .SWUPL-list01 li > div{margin:0 12px;background-color: #fff;overflow: hidden;position: relative;box-shadow: 5px 0px 10px rgba(0,0,0,0.15);transition: all 0.35s ease-in-out;} .SWUPL-list01 li.li1 > div{margin-right: 20px;} .SWUPL-list01 li.li2 > div{margin-left: 20px;;} .item-img01{width: 384px;} .item-img01 .gp-img-responsive{padding-bottom: 62.5%;position: relative;} .item-txt01{margin-left: 400px;padding:20px 25px 20px 0;position: relative;z-index: 5;} .item-txt01 h3{line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 15px;font-weight: normal;} .item-txt01 p{line-height: 20px;height: 80px;margin-bottom: 15px;overflow: hidden;color: #999;} .item-date01{display: block;font-family: 'Arial';color: #ccc;white-space: nowrap;} .item-date01 i{margin-right: 5px;} .SWUPL-list01 li.li > div:before{content: '';width: 86px;height: 68px;background:url(../../images/2020/icon1.png) no-repeat center;position: absolute;right: 0;bottom: 0;transition: all 0.3s ease-in-out;z-index: 0;} /* .SWUPL-list02 {margin:0 -11px} .SWUPL-list02 li{margin-bottom: 15px;} .SWUPL-list02 li > div{background-color: #fff;overflow: hidden;margin:0 11px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);} */ .item-img02{width: 290px;} .item-txt02{margin-left: 290px;padding:15px 18px;} .item-txt02 h3{height:120px;margin-bottom: 10px;} .item-txt02 p{margin-bottom: 40px;} .SWUPL-list01 li.noImg .item-txt02{padding:28px 15px 30px;} .SWUPL-list01 li.noImg .item-txt02 h3{margin-bottom: 25px;} .mode01 .flexslider .slides > li{display: inline-block;} .mode01 .flex-control-nav{display: none;} .row2 .listTitle01{} .SWUPL-list81{margin:0 -12px;} .SWUPL-list81 li{margin-bottom: 15px;} .SWUPL-list81 li > a{display: block;margin:0 12px;background-color: #fffcf2;padding:20px;box-shadow: 0 0 15px rgba(0,0,0,0.12);transition: all 0.35s ease-in-out;position: relative;overflow: hidden;} .SWUPL-list81 li > a h3{color: #666;line-height: 24px;height: 48px;margin-bottom: 15px;font-weight: normal;position: relative;z-index: 5;overflow: hidden;} .SWUPL-list81 li > a:before{content: '';width: 86px;height: 68px;background:url(../../images/2020/li-icon2.png) no-repeat center;position: absolute;right: 0;bottom: 0;transition: all 0.3s ease-in-out;z-index: 0;} /*mode02*/ .wrap_mode02{position: relative;} .bg4{width: 50%;height: 100%;position: absolute;left: 50%;top: 0;z-index: -1;background:url(../../images/2020/mode_rt.jpg) no-repeat left center #f7f7f7;height: 100%;} .SWUPL-column1{width:46.429%} .listTitle02{padding-bottom: 24px;} .tab01{} .tabMenu01{width: 110%;margin-bottom: 20px;} .tabMenu01 li{display: inline-block;height: 36px;line-height: 36px;padding:0 15px;box-shadow: 0 0 10px rgba(0,0,0,0.2);border-radius: 20px;margin-right: 30px;margin-bottom: 20px;*display: inline;*zoom:1} .tabMenu01 li a{color: #94070a;} .tabMenu01 li.on,.tabMenu01 li:hover {background-color:#94070a;} .tabMenu01 li.on > a,.tabMenu01 li:hover > a{color: #fff;} .listTitle03{overflow: hidden;margin-bottom: 10px;} .listTitle03 a{height: 40px;line-height: 40px;background-color: #94070a;border-radius: 0 25px 25px 0;color:#fff;padding:0 20px;;} .item-info03{border-top: 20px solid #94070a;padding-bottom: 50px;overflow: hidden;} .item-img03{width: 100%;} .item-img03 .gp-img-responsive{padding-bottom:62.127% ;} .item-txt03{margin-left: 0px;overflow: hidden;background-color: #94070a;padding:15px;} .item-txt03 h3{font-weight: normal;height: auto;margin-bottom: 10px;color: #fff;} .item-txt03 h3 a{color: #fff;} .item-date03{color:#ca8385;font-family: 'Arial';margin-bottom: 0px;display: block;} .item-list03{overflow: hidden;} .item-list03 > div{width: 50%;;} .activityTitle{line-height: 24px;height: 48px;overflow: hidden;font-weight: normal;margin:20px 0;transition: all 0.3s ease-in-out;} .activity{overflow: hidden;position: relative;padding: 0px 15px;} .activity .inner{overflow: hidden;} .activity a{ display:block;float: left;margin-right: 30px;} .activity li {margin-bottom: 15px;} .activity li i{font-style: normal;width: 50px;background-color: #8f0d13;line-height: 24px;height: 24px;float: left;color: #fff;text-align: center;} .activity li i.a1{width: 60px;} .activity li span{display: block;margin-left: 70px;color: #999;line-height: 20px;max-height: 60px;overflow: hidden;} .SWUPL-list02{padding-left: 25px;min-height: 300px;} .SWUPL-list02 li{border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-bottom: 20px;} .SWUPL-list02 li:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;} .SWUPL-list02 li h3{font-weight: normal;line-height: 24px;margin:20px 0 10px;transition: all 0.35s ease-in-out} .SWUPL-list02 li p{line-height: 24px;height: 24px;overflow: hidden;color: #999;margin-bottom: 10px;} .SWUPL-list05{padding-left: 25px;border-left: 1px solid #e6e6e6;min-height: 300px;} .SWUPL-list05 li{border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;} .SWUPL-list05 li:last-child{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px;} .SWUPL-list05 li h3{font-weight: normal;line-height: 24px;margin:20px 0 10px;transition: all 0.35s ease-in-out} .SWUPL-list05 li p{line-height: 24px;height: 24px;overflow: hidden;color: #999;margin-bottom: 10px;} .tabListBox{display: none;} /* .mode02 .tabListBox.show *{opacity: 1;transform: none;} */ .SWUPL-column2{width: 46.429%;} .tab01 .tabListBox{display: block;} .SWUPL-column2 .zhjy-box{background-color: #ccb289;text-align: center;margin-top: 10px;} /*��葦�♂������*/ .listTitle04{padding-bottom: 18px;} .listTitle04 .readMore01{margin-top: 8px;} .SWUPL-list03{margin:0 -28px;border-top: 1px solid #e6e6e6;border-top: 20px;} .SWUPL-list03 li > a{margin:0 28px;display: block;} .list-date03{width: 54px;height: 54px;background-color: #ccb289;text-align: center;margin:10px 0 0 10px;position: relative;float: left;transition: all 0.35s ease-in-out;} .list-date03:before{content: '';width: 50px;height: 50px;background-color: #fff;border:2px solid #ccb289;position: absolute;left: -10px;top: -10px;z-index: -1;transition: all 0.35s ease-in-out;} .list-date03 span,.list-date03 strong{display: block;color:#fff;font-family: 'Arial';position: relative;z-index: 15} .list-date03 strong{font-size:18px;padding:10px 0 1px;} .SWUPL-list03 li h3{font-weight: normal;line-height: 24px;height: 72px;margin-left: 80px;transition: all 0.3s ease-in-out;} .SWUPL-list03 li{margin-bottom: 38px;} .SWUPL-column2-bx{ width: 100%;overflow: hidden;} .SWUPL-edu01{transition: all 0.3s ease-in-out;position: relative;width: 48%;float: left;} .SWUPL-edu01:first-child{margin-right: 1%;} .SWUPL-edu01:last-child{margin-left: 1%;} /* .edu-img01{width: 490px;} */ .SWUPL-edu01 .gp-img-responsive{padding-bottom: 93%;} /* .edu-txt01{margin-left: 490px;} */ .listTitle05{overflow: hidden;position: absolute;left: 0;top: 20px;z-index: 500;} .listTitle05 a{display: inline-block;*display: inline-block;*zoom:1;position: relative;height: 50px;line-height: 48px;padding:0 15px 0 10px;background-color: #94070a;color: #fff;} .listTitle05 a:before,.listTitle05 a:after{content: '';width: 0;height: 0;position: absolute;right: -8px;;} .listTitle05 a:before{border-top: 25px solid #94070a; border-right: 9px solid transparent;top: 0;} .listTitle05 a:after{border-bottom: 25px solid #94070a; border-right: 9px solid transparent;bottom: 0;} .edu-con1{display: block;padding:18px 20px;border: 1px solid #f9e7ca;background-color: #fff;margin-top: 27px;border-left: none;min-height: 252px;transition: all 0.35s ease-in-out;} .edu-con1 h3{font-weight: normal;line-height: 24px;height: 192px;overflow: hidden;margin-bottom: 20px;} .edu-con1 p{color: #999;line-height: 20px;overflow: hidden;height: 40px;margin-bottom: 18px;} .SWUPL-link1{width: 46.15%;background-color: #fff;border: 1px solid #f9e7ca;transition: all 0.35s ease-in-out;} .linkLeft{width: 192px;height: 144px;background-size: cover !important;float: left;border-right: 1px solid #f9e7ca;} .linkRight{margin-left: 193px;height: 100%;text-align: center;} .linkRight i{display: block;color: #ccb289;padding:33px 0 16px } /*mode03*/ .wrap_mode03{background-image: url(../../images/2020/mode_bg02.png);background-repeat: repeat;padding-bottom: 60px;} .mode03 .listTitle01{padding-bottom: 20px;} .SWUPL-list04{margin:0 -4px;position: relative;} .SWUPL-list04 > li{margin-bottom: 6px;} .SWUPL-list04 > li > a{display: block;margin:0 4px;position: relative;transition: all 0.3s ease-in-out;} .item-img04 .gp-img-responsive{/*padding-bottom: 75%;*/} .item-bg04{background:rgba(0,0,0,0.5);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.75)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);height: 100px;position: absolute;left: 0;bottom: 0;width: 100%;display: block;} .item-title04{position: absolute;left: 0;bottom: 15px;line-height: 24px;height: 48px;font-weight: normal;padding:0 15px;overflow: hidden;color: #fff;} .SWUPL-list04 > li.li2{width: 50%;} .SWUPL-list04 > li.li2 h3{font-size: 20px;} .SWUPL-list04 > li.li4{position: absolute;left: 0;bottom: 0;} .mode03 .slides > li{display: inline-block;float: left;} .mode03 .flex-control-nav{display: none;} .sideBar{border-bottom: 1px solid #d6d6d6;overflow: hidden;transition: all 0.65s ease-in-out;} .sideBar ul{transition: all 0.3s ease-in-out;overflow: hidden;} .asideNavClose{} .asideRound{width: 30px;height: 30px;border: 1px solid #d6d6d6;border-radius: 50%;color: #666;cursor: pointer;line-height: 30px;margin:5px auto;display: none;transition: all 0.3s ease-in-out;} .asideRound:hover {background-color: #94070a;color: #fff;border-color: #94070a;} .sideBarTitle{width: 40px;margin:0 auto;position: fixed;top: 50%;left: 25px;transform: translate(-180%,-50%);border: 1px solid #da4e51;overflow: hidden;text-align: center;padding:10px 0;background-color: #94070a;z-index: 880;transition: all 0.65s ease-in-out;color: #fff;} .sideBarTitle i{display: block;width: 26px;height: 26px;line-height: 26px;font-size: 14px;color: #fff;} .sideBarTitle.on{transform: translate(0,-50%);} .sideBar.on{transform: translate(-150%,-50%);} @media screen and (min-width:1020px) { .readMore01:hover{border-color: #90080c;background-color: #90080c;} .readMore01:hover a{color:#fff} .SWUPL-list01 li > div:hover:before, .SWUPL-list81 li > a:hover:before{transform: translateX(100%);} .SWUPL-list03 li > a:hover .list-date03{margin:0} .SWUPL-list03 li > a:hover .list-date03:before{left: 0;top: 0;} .SWUPL-edu01:hover,.SWUPL-link1:hover{transform: translateY(-15px);} .SWUPL-edu01:hover .edu-con1,.SWUPL-link1:hover{box-shadow: 0 0 13px rgba(249,231,201,0.85);} .SWUPL-list04 li > a:hover{box-shadow: 0 0 13px rgba(0,0,0,0.2);color: #fff;} .SWUPL-list04 li > a:hover img{transform: scale(1.05);} .activityTitle:hover,.SWUPL-list02 li h3:hover,.SWUPL-list05 li h3:hover{margin-left: 15px;} .SWUPL-list03 li:hover h3{transform: translateX(-15px);} .sideBar li:hover i,.SWUPL-link1:hover i{ -webkit-animation: wrench 2s linear infinite; animation: wrench 2s linear infinite } .sideBar li:hover:before{background-color: #94070a;width: 100%;height: 100%;left: 0;top: 0;} .sideBar li:hover *{color: #fff;} /* .item-img01 .gp-img-responsive::before{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #90080c;content: '';transition: transform .75s cubic-bezier(0.190, 1.000, 0.220, 1.000) .6s;display: block;transform-origin: right center;} .isView .item-img01 .gp-img-responsive::before{transform: scaleX(0);} */ .effect2{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;;} .SWUPL-list01 > li{opacity: 0;transition: all 1s ease-out 0s;} .SWUPL-list01 > .li1{transform: translateX(-40px);opacity: 0;} .SWUPL-list01 > .li2{transform: translateX(40px);opacity: 0;} .SWUPL-list01 > .li3{transition-delay: 0s;transform: translateX(-100px);} .SWUPL-list01 > .li4{transition-delay: 0.3s;transform: translateX(-100px);} .SWUPL-list01 > .li5{transition-delay: 0.6s;transform: translateX(-100px);} .SWUPL-list01 > .li6{transition-delay: 0.9s;transform: translateX(-100px);} .SWUPL-list01 > .li7{transition-delay: 1.2s;transform: translateX(-100px);} .listTitle02,.effect2 .tabMenu01,.effect2 .listTitle03,.effect2 .item-info03,.effect2 .item-list03{transform: translateY(50px);opacity: 0;transition: all 1s ease-out 0s;} .tabMenu01,.listTitle04{transition-delay: 0.3s;} .listTitle03.effect2 ,.SWUPL-list03 li:nth-child(1),.SWUPL-list03 li:nth-child(2){transition-delay: 0.6s;} .item-info03 ,.SWUPL-list03 li:nth-child(3),.SWUPL-list03 li:nth-child(4){transition-delay: 0.9s;} .item-list03 {transition-delay: 0.9s;} .SWUPL-edu01,.listTitle04.effect2,.SWUPL-list03 li{transform: translateY(50px);opacity: 0;transition: all .8s ease-out 0s;} .effect2.isView,.SWUPL-list01.isView > li,.effect2.isView.SWUPL-list03 li,.effect2 .tabMenu01,.effect2 .listTitle03,.effect2 .item-info03,.effect2 .item-list03{transform: none;opacity: 1 !important;} .SWUPL-list81 li > a{} .SWUPL-list81 li > a:hover{transform: translateY(-15px);background-color: #fff;} .SWUPL-list81 li > a:hover h3{color: #90080c;} .SWUPL-list01 li > div:hover{transform: translateY(-15px);} } .fixTeacherInvest{ position: fixed; bottom: 200px; right: 0; z-index: 111111111111111111111; width: 120px; padding: 10px; } .fixTeacherInvest img{ width: 100%; } .fixTeacherInvest p{ text-align: center; color: #666; font-size: 12px; } .fixTeacherInvest .close_btn{ text-align: center; display: block; font-size: 12px; } @media screen and (max-width:1780px) { .sideBar li i{padding-top: 12px;} .sideBar li{height: 90px;} .sideBar li:last-child{height: 110px;} } @media screen and (max-width:1680px) { .sideBar.fixTop,.sideBar.fixBottom{width: 85px;left: 0;} .sideBar.fixTop li,.sideBar.fixBottom li{height: 90px;} .sideBar.fixTop li:last-child,.sideBar.fixBottom li:last-child{height: 110px;} .sideBar.fixTop li i,.sideBar.fixBottom li i{padding-top: 10px;} } @media screen and (max-width:1640px) { .listTitle05 a{font-size: 20px;} .edu-img01{width: 460px;} .edu-txt01{margin-left: 460px;} .edu-con1 h3{height: 168px;} .edu-con1{min-height: 230px;} .item-date02{font-size: 1.4rem;} .SWUPL-list01 li.noImg .item-txt02{padding-bottom: 19px;} } @media screen and (max-width:1520px) { .sideBar{width:80px;margin-top: 50px;} .sideBar li{height: 79px;} .sideBar li i{font-size: 26px;padding:10px 0 4px;} .banner_lf{width: 130px;} .Banner .flex-direction-nav .flex-prev{left: 140px;} .sideBar li:last-child{height: 92px;} } @media screen and (max-width:1460px) { .listTitle05 a{font-size: 20px;} .edu-img01{width: 420px;} .edu-txt01{margin-left: 420px;} .edu-con1{min-height: 200px;} .edu-con1 h3{height:144px ;} .item-img01{width: 350px;} .item-txt01{margin-left: 365px;padding:15px 15px 10px 0} .item-img02{width: 200px;} .item-txt02{margin:0 0 0 200px;padding:10px 15px 0;} .item-txt02 p{margin-bottom: 32px;} .item-txt02 h3{height: 72px;margin-bottom: 10px;} .linkLeft{width: 170px;} .linkRight{margin-left: 170px;} .item-img03{width: 100%;} .item-txt03{margin-left: 0px;} .tabMenu01 li{margin-right: 12px;} .sideBar.fixTop li, .sideBar.fixBottom li{height: 79px;} .sideBar li:last-child,.sideBar.fixTop li:last-child, .sideBar.fixBottom li:last-child{height: 90px;} } @media screen and (max-width:1386px) { .edu-img01{width: 370px;} .edu-txt01{margin-left: 370px;} .edu-con1{min-height: auto;} .edu-con1 h3{height: 120px;margin-bottom: 24px;} .linkLeft{width: 160px;} .linkRight{margin-left: 160px;} .SWUPL-list04 > li.li2 h3{font-size: 18px;} .SWUPL-list01 li.noImg .item-txt02 h3{margin-bottom: 10px;} .item-txt02 p{margin-bottom: 45px} } @media screen and (max-width:1300px) { .listTitle01{padding:30px 0} .item-img01{width: 280px;} .item-txt01{margin-left: 295px;} .item-txt01 h3{margin-bottom: 10px;} .item-txt01 p{height: 40px;} .item-img02{width: 150px;} .item-txt02{margin-left: 150px;} .item-txt02 h3{height: 48px;} .linkLeft{width: 130px;} .linkRight{margin-left: 130px;} .edu-img01{width: 320px;} .edu-txt01{margin-left: 320px;} .edu-con1 h3{height: 96px;margin-bottom: 10px;} .edu-con1{padding:18px 15px} .listTitle05 a{font-size: 18px;} .item-img03{width: 100%;} .item-txt03{margin-left: 0px;} .item-txt03 h3{height: auto;} .item-date03{margin-bottom: 15px;} .tabMenu01 li{margin-right: 2px;padding:0 12px} .SWUPL-list01 li.noImg .item-txt01 p {height: 60px;margin-bottom: 36px;} } @media screen and (max-width:1220px){ .sideBar{margin-top: 0;top: 115px;transform: none;} .sideBar li{height: 65px;} .sideBar li i{padding-top: 5px;} .sideBar.fixTop, .sideBar.fixBottom{top: 50%;transform: translateY(-50%);} } @media screen and (max-width:998px){ .listTitle01{padding:20px 0 15px} .item-img01{width: 100%;float: none;} .item-txt01{margin:0;padding:10px} .item-txt01 p{display: none;} .item-txt01 h3{height: 24px;} .SWUPL-column1,.SWUPL-column2{float: none;width: auto;} .sideBar{display: none;} .banner_lf{display: none;} .Banner .flex-control-nav{right: 0;text-align: center;width: 100%;bottom: 10px;} .Banner .flex-direction-nav .flex-prev{left: 0;} .SWUPL-list01 li.noImg{width: 50%;} .bg4{display: none;} .SWUPL-column2{background: url(../../images/2020/mode_rt.jpg) no-repeat left center #f7f7f7;margin:0 -30px;padding:0 30px 30px;width: auto;clear: both;background-size: cover;} .linkLeft{width: 190px;} .linkRight{margin-left: 190px;} .tabMenu01{margin-bottom: 10px;} .item-info03{padding-bottom: 20px;} .SWUPL-list03 li{margin-bottom: 20px;} .list-date03:before{z-index: 0;} .list-date03:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;background-color: #ccb289;} .tabMenu01{width: 100%;} .readMore01{margin-top: 13px;} .SWUPL-list01 li.li1 > div{margin-right: 12px;} .SWUPL-list01 li.li2 > div{margin-left: 12px;} } @media screen and (max-width: 767px) { .SWUPL-list01,.SWUPL-list81{margin:0 -7px;} .SWUPL-list01 li > div,.SWUPL-list81 li > a{margin:0 7px} .SWUPL-list01 li.li{margin-bottom: 15px;} .Banner .flex-direction-nav{display: none;} .flex-direction-nav .flex-prev{left: 8px;;} .flex-direction-nav .flex-next{right: 8px;} .SWUPL-link1{width: 48%;} .SWUPL-list04 > li.li2 h3{font-size: 1.4rem;;} .SWUPL-list04 > li > a{margin:0} .mode03 .slides > li{margin-right: 10px;} .SWUPL-list04 > li.li4{position: static;} .SWUPL-list04{margin:0} .SWUPL-list01 li.li1 > div{margin-right: 7px;} .SWUPL-list01 li.li2 > div{margin-left: 7px;} .SWUPL-edu01{transition: all 0.3s ease-in-out;position: relative;width: 100%;float: left;} .SWUPL-edu01:first-child{margin-right: 0%;} .SWUPL-edu01:last-child{margin-left: 0%;} .SWUPL-edu01 .gp-img-responsive{padding-bottom: 63%;} } @media screen and (max-width:640px) { .linkLeft{width: 130px;;} .linkRight{margin-left: 130px;} } @media screen and (max-width:480px) { .mode01 .flexslider .slides > li{display: none;margin-right: 15px;} .SWUPL-list01 li > div,.SWUPL-list81 li > a{margin:0;} .SWUPL-list01 li.noImg{position: relative;top: 50%;transform: translateY(50%);} .content .flex-control-nav{display: none;} .item-img03{width: 100%;} .item-txt03,.edu-txt01{margin:0} .edu-img01{display: none;} .edu-con1{margin-top: 15px;} .edu-con1 h3{height: auto;} .item-txt03 h3{height: auto;} .linkLeft{width: 100%;height: 100px;float: none;} .linkRight{margin:0} .linkRight i{padding: 0} .linkRight i, .linkRight span{display: inline-block;vertical-align: middle;height: 50px;} .flex-direction-nav li a{font-size: 20px;width: 30px;height: 30px;line-height: 30px;} .SWUPL-list01 li.li1 > div,.SWUPL-list01 li.li2 > div{margin: 0;} } @media screen and (max-width:400px) { .item-list03 > div{width: 100%;float: none;} .item-list03 > .gp-fl{padding-bottom: 20px;} .SWUPL-list02 li h3{height: auto;} .SWUPL-list02{min-height: auto;} .SWUPL-list05 li h3{height: auto;} .SWUPL-list05{min-height: auto;border:none;} .activityTitle{margin:15px 0} }