@charset "utf-8";
@media only screen and (max-width:1800px){ 
    .top-pic {padding:0;height:550px}
    .page-framework {margin-top:550px;}
    .top-pic .text .title {font-size:40px; line-height:50px;margin-bottom:15px}
    .top-pic .text .subtitle {font-size:28px;}
    .environment-menu .swiper-container {margin:0 80px}
    .environment-menu .swiper-button-prev {left:0}
    .environment-menu .swiper-button-next{right:0}
}

@media only screen and (max-width:1460px){ 
    .wrap {margin:0 4%}
    .wrap1 {margin:0 4%;}    
    .top-pic {height:450px}
    .page-framework {margin-top:450px;}
    .fixtop .navpc li {margin:0 0 0 4%; }
    .foot dl.ct {margin:0 12%}
    .indpics .swiper-slide .text .title {font-size:60px; }
    .indpics .swiper-slide .text .content {font-size:25px;margin:30px 0 60px 0;}
    .home-more a {height:40px; line-height: 38px;border-radius:40px;font-size:16px;padding:0 35px}
    .home-course .text ul {gap:8%}
    .home-course .text li {width:calc(33.3333% - 5.3333%);width:-webket-calc(33.3333% - 5.3333%);padding:40px 4%;}
    .home-meet .row .text {padding:4% 4% 4% 5%}
    .company-billinggual .text {min-height:350px;}
    .company-high .text .cn {margin:20px 0 40px 0}
    .company-build .text .title {font-size:30px; line-height: 40px;margin:0 0 40px 0}
    .consultation {margin-top:100px;margin-bottom:100px;}
    .campus-lift .row li .text .content {margin:15px 0 30px 0}
}

@media only screen and (max-width:1390px){ 
    .company-billinggual .text {min-height:0px;}
    .foot dl.ct {max-width:350px}
    .foot dl.ct {margin:0 10%}
}

@media only screen and (max-width:1200px){	
	body {line-height:1.8;}   
	html,body,input,button,select,textarea,big,small {font-size:14px;font-weight:400}
    .list-paddingleft-1,.list-paddingleft-2{margin:0 0 0 17px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	     
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
    .swiper-pagination-bullet {width:5px;height:5px;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}	
    .swiper-button-next,.swiper-button-prev {width:25px;height:25px;margin-top:-12px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:14px;width:25px;height:25px;line-height:25px;}
    .swiper-button-prev {left:0}
    .swiper-button-next{right:0}    
    .fixtop,.fixtop.active {height:50px;}
	.fixtop .logo,.fixtop.active .logo { top:5px;}
	.fixtop .logo a,.fixtop.active .logo a {height:40px; background-position: left top; width:133px;}
	.fixtop .navpc {display:none;}
	.fixtop .en {right:35px;top:12px;}
	.fixtop .en i {display:none;}
	.fixtop .en a {display:none}
	.fixtop .en a.dis {display:block}
	.topsearch {right:90px;top:13px; z-index: 1000}
	.topsearch .btn span {font-size:18px; line-height:18px; position: relative;top:1px}
	.topsearch .search { top:-3px;}
	.topsearch .search #k {width:185px;padding:0 0 0 15px;}
	.topsearch .search #sbtn {right:0;top:-1px;font-size:18px;width:40px;height:30px}
	.topsearch span.icon-close-bold {left:-33px;top:-2px;font-size:16px;color:#392c80}
	.topsearch.active .search{width:220px}
	.fixtop.active {top:0;}	
	.fixtop.active .en,.fixtop.active .topsearch {opacity:1}    
    .top-pic {height:350px}
    .page-framework {margin-top:350px;}
    .top-pic .text .title {font-size:30px; line-height:40px;letter-spacing: 0;margin:50px 0 10px 0}
    .top-pic .text .subtitle {font-size:20px;line-height:1.6;letter-spacing: 0}
    .nav-menu li a {font-size:14px;height:40px; line-height: 38px;padding:0}
    .nav-menu-4 li {width:25%}
    .nav-menu-5 li {width:20%}
    .nav-menu-6 li {width:16.6666%}
    .foot {padding:30px 0;line-height: 1.8;font-size:13px}
    .foot .logo {width:150px;height:150px;}
    .foot dt {margin:0 0 15px 0;font-size:18px;}
    .foot dl.ct {margin:0;float:right;width:70%;max-width:100%;}
    .foot dl.link {display:none;}
    .foot dl.focus { clear: both;width:70%;margin:20px 0 0 30%}
    .foot dl.focus dd {display:inline-block; vertical-align: top; margin:0 10px 0 0}
    .foot .footer {margin:30px 0 0 0;padding:10px 0 0 0;}
    .foot .footer .copy {margin:0 160px 0 0}
    .foot .footer .beian {top:10px}    
    .about-subject {padding:40px 0 25px 0}
    .about-subject h2 {font-size:22px; line-height: 1.6;margin:0 0 3px 0}
    .about-subject h2:before {width:30px;top:19px;left:-45px;}
    .about-subject h2:after {width:30px;top:19px;right:-42px;}
    .about-subject p {font-size:13px;}
    .about-text h3 {font-size:16px;}
    .about-history .about-text {margin-bottom:50px}    
    .about-school ul {padding-top:20px}
    .about-school li {margin-top:15px}
    .about-school li .text {padding:0 3% 0 5%; }
    .about-school li .text .title {font-size:20px;margin:0 0 20px 0}
    .title.line:before {bottom:-10px;height:2px;}
    .about-school li .text .content {font-size:16px;}
    .accordionservice .link {padding:10px 100px 12px 30px;font-size:16px;line-height:26px;}
    .accordionservice .link:before {left:20px;width:2px;height:15px;top:16px; }
    .accordionservice .link i {right:20px;top:16px;font-size:16px;}
    .accordionservice .open .link i {top:14px;}
    .accordionservice .submenu {padding:4% 4%;font-size:14px}
    .accordionservice .submenu img {margin:5px 0}
    .about-history ul {padding-top:0;margin-top:-10px;margin-bottom:30px}
    .about-history li .text {padding:0 4%}
    .about-history li .text .title {margin-bottom:10px;font-size:20px;}
    .about-history li .text .content {font-size:14px}
    .indpics .swiper-slide .text .title {font-size:30px; line-height: 1.6; letter-spacing: 0}
    .indpics .swiper-slide .text .content {font-size:20px; line-height: 1.8; margin:10px 0 30px 0; letter-spacing: 0}
    .home-more a {height:30px; line-height: 28px;border-radius:30px;font-size:14px;padding:0 20px}
    .home-more a span {margin:1px 0 0 3px;font-size:10px;}
    .home-more a:hover { letter-spacing: 0}
	.indsubject {padding:40px 0 30px 0}
	.indsubject .t2 {font-size:18px; line-height:26px; letter-spacing: 0.5px}
	.indsubject .t {font-size:22px; line-height:32px;margin:0px 0 7px 0}
    .indsubject .c {font-size:14px;}
	.indnews {padding:0 0 50px 0}
	.indnews li.bigpic {height:263px; border-radius:5px}
	.indnews li.bigpic .title {left:4%;width:92%;bottom:15px;font-size:16px}
	.indnews li .cons {border-radius:5px; }
	.indnews li .cons .pic {height:129px; border-top-left-radius:5px;border-top-right-radius:5px;}
	.indnews li .cons .text {padding:11px 15px 15px 15px}
	.indnews li .cons .text .title {margin:0px 0 10px 0}
	.indnews li .cons .text .title a {font-size:16px}
	.indnews li .cons .text .content { line-height:24px; height:48px}
    .home-school .area {padding:40px 0;}
    .home-school .area .pic {border-radius:10px; }
    .home-school .area .pic img {border-radius:10px;}
    .school-subject {font-size:20px; line-height: 30px;}
    .home-school .area .text .school-subject {margin:0 50px 30px 0}
    .home-school .area .text .content {border-radius:10px;padding:20px;font-size:13px; background-size:90%}
    .home-more-2 a { letter-spacing: 0; padding:0 15px;height:27px; line-height: 25px;border-radius:27px;font-size:12px;}
    .home-school .home-more-2 {margin-left:-54px;}    
    .home-course .text {padding:40px 0 40px 0;}
    .home-course .text ul {gap:5%}
    .home-course .text li {width:calc(33.3333% - 3.3333%);width:-webket-calc(33.3333% - 3.3333%); padding:30px 3%;}
    .home-course .text li:hover {top:0;}
    .home-course .text li .pic img {width:80px;}
    .home-course .text li .title {font-size:18px;margin:15px 0 10px 0}
    .home-course .home-more-2 {margin-top:35px}
    .home-meet .row {padding:30px 0;}
    .home-meet .row .text {padding:4% 4% 4% 4%}
    .home-meet .row .text .content {margin-bottom:25px}
    .home-meet .row .text .content h3 {font-size:20px;margin:0 0 15px 0}
    .home-more-3 a { letter-spacing: 0px;padding:0 15px;height:30px; line-height: 28px;border-radius:5px;font-size:14px; }
    .home-more-3 a:hover {padding:0 15px; letter-spacing:0px;border-radius:5px}
    .company-content {font-size:14px;padding-top:40px;letter-spacing: 0}    
    .company-subject {padding:40px 0 30px 0;font-size:20px;}
    .company-subject .cn {margin:0 auto 5px auto}
    .company-subject .cn:before {left:-42px;top:13px;width:30px;}
    .company-subject .cn:after {right:-40px;top:13px;width:30px;}
    .company-subject .en {letter-spacing:0;font-size:16px}
    .company-billinggual .pic {border-top-right-radius:10px;border-bottom-left-radius:10px;}
    .company-billinggual .text {top:30px;border-top-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:30px;}
    .company-billinggual .text:before {right:-100px;margin-top:-150px; width:300px;height:300px;}
    .company-billinggual .text .content {padding:30px 20px 25px 30%;font-size:14px}
    .company-billinggual ul {margin-top:60px}
    .company-billinggual li {padding:20px;border-radius:5px}
    .company-billinggual li .icon img {width:50px;}
    .company-billinggual li .title {font-size:20px; line-height: 30px;margin:5px 0 0 0}
    .company-high {padding:1px 0 30px 0;margin-top:40px}
    .company-high .text .en {font-size:22px; line-height: 27px;}
    .company-high .text .cn {font-size:20px; line-height: 25px;margin:10px 0 25px 0}
    .company-high ul {margin-top:20px;}
    .company-high li {padding:5px 0 15px 0;border-radius:5px}
    .company-high li .title {font-size:20px; line-height: 30px;margin:5px 0 0 0}
    .company-high li .content {padding:0 20px}
    .company-build .text .title {font-size:20px; line-height:35px;margin:0 0 30px 0}
    .company-build {padding:40px 0}    
    .philosophy li .pic {width:40%;}
    .philosophy li .text .title {font-size:20px;line-height: 1.6;margin-bottom:30px;}
    .philosophy li .text .title:before {bottom:-15px;width:30px;height:2px; }
    .philosophy li:nth-child(odd) .text {margin:0 0 0 5%;width:55%}
    .philosophy li .text {width:55%;margin:0 5% 0 0;}
    .philosophy li {padding:40px 0}
	.team ul {margin-top:-30px;margin-bottom:50px}
	.team li {margin-top:30px}
	.team li .title {margin:8px 0 0px 0}
	.team li .title a {font-size:16px;}
	.team li .title2 {font-size:14px}
	.floatdiv .floatin .floatclose span {font-size:18px; line-height: 18px;right:5px;bottom:-25px;}
	.floatdiv .floatin .divin {padding:25px 25px 30px 25px;}
	.floatdiv .floatin .divin .floattitle {font-size:16px; line-height:26px;padding:0 0 15px 0}
	.floatdiv .floatin .divin img {margin:5px 0}
	.floatdiv .floatin .divin::-webkit-scrollbar {width:2px;}
	.aboutsubject3 { font-size:22px; line-height:37px;margin:40px 0 50px 0; letter-spacing:0.1px;}
	.aboutsubject3:before {bottom:-15px;width:40px;margin-left:-20px;height:2px;}    
    .news {padding-bottom:50px}
    .news .company-subject .cn:before {left:-60px;width:47px;}
    .news .company-subject .cn:after {right:-57px;width:47px;}
    .news ul {margin-top:-20px}
    .news li {padding:30px 0; min-height:140px}
    .news li.li-full {padding:25px 0}
    .news li .pic {top:30px;width:244px;height:140px;}
    .news li .text {margin:0 0 0 264px;padding-top:0}
    .news li .text .title {height:25px; line-height: 25px;}
    .news li .text .title a {font-size:18px;}
    .news li .text .content { line-height: 25px; height:50px; margin:15px 0 25px 0}
    .news li .text .date-more .date {font-size:13px}
    .news li .text .date-more .more {top:-2px}
    .news li .text .date-more .more a {height:25px;line-height: 23px;border-radius:4px;padding:0 8px;font-size:13px;}
    .news li .text .date-more .more a span {font-size:16px;margin:2px -2px 0 0}
    .news-current {padding:20px 0 8px 0;font-size:13px}
    .news-current span.icon-home {margin:0px 3px 0 0;font-size:14px;}
    .news-current span.icon-sanjiaoxing_shang {margin:2px 0px 0 2px;}
    .news-show .title {font-size:20px;margin:40px 0 10px 0;}
    .news-show .content {border-radius:5px;padding:20px;margin-top:30px}
    .news-show .content .video {margin-bottom:20px;}
    .prevnext {margin:40px 0 50px 0;font-size:13px}
    .prevnext .prev span {width:50px;height:25px; line-height: 23px;margin-top:-14px;}
    .prevnext .prev p {padding:0 0 0 60px}
    .prevnext .next p {padding:0 60px 0 0}
    .prevnext .back {top:-1px}
    .prevnext .back a {width:50px;height:25px; line-height: 23px;}    
    #container,.map iframe,.map-contact {height:400px;}
    .map-contact .text {padding:10px 3%;}
    .map-contact .text h3 {font-size:16px;}
    .map-contact .text .content {margin-bottom:20px}
    .map-contact .text ul {max-width:230px;margin-top:17px}
    .map-contact .text li {width:100px;}
    .map-contact .text li .title {font-size:12px;}
    .contact-weixin {padding:30px 0 50px 0;margin:40px 0 0 0}
    .contact-weixin .subject {font-size:18px;margin:0 0 30px 0}
    .contact-weixin li img {width:100px;}
    .contact-weixin li .title {margin-top:10px}
    .news li .pic.video-btn:before {font-size:30px;}    
    .campus-news {padding:0px 0 50px 0}
    .campus-news ul {gap:20px}
    .campus-news li {width:calc(33.3333% - 13.3333px);width:-webket-calc(33.3333% - 13.3333px);padding:10px}
    .campus-news li .text .date {margin-top:10px;}
    .campus-news li .text .title {height:25px; line-height: 25px; margin:5px 0 10px 0}
    .campus-news li .text .title a {font-size:16px;}
    .campus-news li .text .content {line-height: 25px;height:50px;margin:0 0 25px 0}
    .campus-news li .text .more a {height:25px; line-height: 23px;width:75px;font-size:13px}    
    .highlight {padding:0 0 50px 0}
    .highlight ul {gap:15px;}
    .highlight li {width:calc(50% - 7.5px);width:-webket-calc(50% - 7.5px); border-radius:5px;}
    .highlight li:nth-child(3),.highlight li:nth-child(4),.highlight li:nth-child(7),.highlight li:nth-child(8) {width:calc(25% - 11.25px);width:-webket-calc(25% - 11.25px); }
    .highlight li .title {padding:0 15px 13px 15px;font-size:18px;}
    .highlight li:before {height:50px;}
    .highlight li:nth-child(3) .title,
    .highlight li:nth-child(4) .title,
    .highlight li:nth-child(7) .title,
    .highlight li:nth-child(8) .title
    {padding:0 12px 9px 12px;font-size:14px;}
    .highlight li:nth-child(3):before,
    .highlight li:nth-child(4):before,
    .highlight li:nth-child(7):before,
    .highlight li:nth-child(8):before
    {height:30px;}    
    .news-show .highlight-show {padding:10px;}
    .highlight-show ul{gap:10px;}
    .highlight-show li {width:calc(25% - 7.5px);width:-webket-calc(25% - 7.5px);}
    .highlight-show li:hover .pic:before,.highlight-show li:hover span {font-size:30px}
    .admissions-subject h2 {font-size:20px; line-height: 1.6;margin:0 0 3px 0;padding:0 40px}
    .admissions-subject h2:before {width:30px;top:16px;}
    .admissions-subject h2:after {width:30px;top:16px;}    
    .admissions {padding:40px 0 50px 0}
    .blue-area {border-top-left-radius:20px;border-bottom-right-radius:20px;padding:25px 20px;}
    .gray-area {border-top-left-radius:20px;border-bottom-right-radius:20px;padding:25px 20px}
    .admissions .admissions-subject {margin:35px 0 30px 0}    
    .admissions ul {gap:15px;margin-top:35px}
    .admissions li {height:340px;border-radius:5px; }
    .admissions li .text {padding:5%}
    .admissions li .text .title {font-size:20px; }
    .admissions li .text .content {margin:15px 0 25px 0;min-height:180px;}
    .admissions li .text .more a {width:100px;height:28px; line-height: 26px;border-radius:28px;}
    .admissions-consultation {margin-top:40px;}
    .admissions-consultation .title {font-size:22px; line-height: 1.6}
    .admissions-consultation .content {font-size:14px;margin-top:15px}
    .admissions-consultation .content table {margin-top:20px;font-size:13px}
    .admissions-consultation .content table strong {font-size:15px}
    .admissions-consultation .content table img {margin-bottom:5px;max-width:100px;}
    .event dl {margin:40px 0 25px 0}
    .event dd {margin:5px 5px 5px 0}
    .event dd a {height:auto; line-height: 22px;font-size:14px;padding:6px 20px 7px 20px;border-radius:30px;}    
    .policy {margin-bottom:50px}
    .policy ul {margin-top:30px}
    .policy li {border-radius:5px;height:105px;margin-top:30px;}
    .policy li .title {padding:0 80px 0 130px}
    .policy li .title a {font-size:16px;line-height: 25px}
    .policy li .date {top:15px;width:100px;height:75px}
    .policy li .date span {font-size:30px; line-height: 30px; margin:3px 0 15px 0}
    .policy li .date p {font-size:14px; line-height: 14px}
    .policy li .more {right:20px;margin-top:-12px;}
    .policy li .more a {width:24px;height:24px;line-height: 24px; }
    .policy li .more a span {font-size:16px;line-height: 24px}
    .consultation {margin-top:40px;margin-bottom:50px;}
    .consultation .row {gap:20px;margin:35px 0 0 0}
    .consultation .row .text {line-height: 1.8}
    .consultation .row .text h3 {font-size:18px}
    .accordionservice .submenu h3 {margin:3px 0 35px 0;font-size:16px}
    .accordionservice .submenu h3:before {bottom:-15px;width:30px;height:2px;;}
    .admissions-faq .accordionservice {margin:0 0 50px 0}
    .course .course-more {margin-top:20px}
    .course-more a {height:24px;line-height: 23px;border-radius:3px;padding:0 8px;font-size:13px;}
    .course-more a span {font-size:14px;margin:1px -2px 0 0}
    .course-honor .swiper-horizontal>.swiper-pagination-bullets,.course-honor .swiper-pagination-bullets.swiper-pagination-horizontal,.course-honor .swiper-pagination-custom,.course-honor .swiper-pagination-fraction {bottom:5px;}
    .course-honor .swiper-pagination-bullet {width:15px;}
    .course-honor .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.course-honor .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
    .course-honor .accordionservice {margin-top:20px}    
    .course-honor .accordionservice .row .content {width:55%;margin:0 0 0 5%}
    .course-honor .accordionservice .submenu {padding:4% 0;}
    .course-honor .accordionservice .submenu0 {padding:4%;}
    .course-honor .accordionservice .submenu0 .photos {width:100%;margin:0}
    .course-honor .accordionservice .submenu0 .content {width:100%;margin:0}
    .course-honor li:nth-child(odd) .accordionservice .submenu .photos {order:2;}
    .course-honor li:nth-child(odd) .accordionservice .submenu .content {order:1;margin:0 5% 0 0}
    .course-honor li:nth-child(odd) .accordionservice .submenu0 .content {margin:0}
    .junior {margin:0 0 50px 0}
    .junior .summry {margin:20px 0}
    .junior .summry h2 {font-size:20px;}
    .junior .summry h3 {font-size:18px;}
    .junior .summry hr {width:30px;height:2px;margin:12px 0 10px 0}
    .junior .summry table {margin:0 0 15px 0}
    .junior .summry td:nth-child(1) {width:40%;}
    .junior .summry td:nth-child(2) {width:55%;padding:0 0 0 5%}    
    .junior .summry .left-text-right-pic {margin:0}
    .junior .summry .left-text-right-pic h2 {font-size:18px;}
    .junior .summry .left-text-right-pic h3 {font-size:16px;}    
    .namemj {top:-50px;}
    .campus-lift .page_wrap {padding:30px 0}    
    .campus-lift .row {margin:30px 0 50px 0}
    .campus-lift .row li .text {width:45%;margin:0 5% 0 0;}
    .campus-lift .row li .text .title {font-size:20px;}
    .campus-lift .row li .text .content {margin:10px 0 15px 0}
    .campus-lift .row li:nth-child(odd) .text {margin:0 0 0 5%}
    .environment-campus .environment-content {margin-bottom:40px;font-size:14px;}
    .environment-campus .row {margin-top:10px; }
    .environment-campus .row li .text .content {margin:15px 0 0 0}
    .teaching {margin:-10px 0 20px 0; }
    .teaching .page_wrap {margin-top:10px}
    .teaching ul {gap:20px;}
    .teaching li {width:calc(50% - 10px);-webkit-width:calc(50% - 10px);border-radius:5px; }
    .teaching li .text h2 {font-size:18px;}
    .teaching li {box-shadow:0 0 10px rgba(0,0,0,0.3);}    
    .environment-food .row {margin-top:10px}
    .environment-food .row li .pic {order:1}
    .environment-food .row li .text {order:2;margin:0 0 0 5%}
    .environment-food .row li:nth-child(odd) .pic {order:2}
    .environment-food .row li:nth-child(odd) .text {order:1;margin:0 5% 0 0}
    .environment-food .row li .text .content {margin:15px 0 0 0}
    .environment-menu {padding:40px 0;margin:0 0 50px 0}
    .environment-menu .swiper-container {margin:0 40px}
    .environment-menu-list {padding:20px 0 50px 0}    
    .support-menu .swiper-slide .pic {box-shadow:0 0 10px rgba(0,0,0,0.3);}
    .support-menu .swiper-slide .title {margin-top:15px;font-size:14px;}
    .environment-support-list {padding:0 0 50px 0}
    .support-menu .swiper-button-next,.support-menu .swiper-button-prev {margin-top:-30px}
    .support-service {margin:-20px 0 40px 0;}
    .support-service .left {margin-top:20px;}
    .support-service .right {margin-top:20px;}
    .support-service .title{font-size:20px;}
    .support-service .subtitle {font-size:16px;}
    .join {margin-bottom:50px}
    .join .admissions-subject {padding:40px 0 30px 0}
    .pic-text .pic {border-top-left-radius:20px;border-top-right-radius:20px; }
    .pic-text .text {padding:3%;margin-bottom:20px}
    .pic-text .text h3 {font-size:18px;}
    .join-subject{font-size:22px;line-height: 32px;margin:0 0 40px 0;}
    .join-subject:before {bottom:-15px;width:30px;height:2px;margin-left:-15px;}
    .searchdetail {margin:80px 0 50px 0}
    .searchdetail ul {margin-top:-30px}
    .searchdetail li {padding:20px 0;}
    .searchdetail li .t a {font-size:16px; line-height:26px;}
    .searchdetail li .t a span {margin-left:-8px}
    .searchdetail li .course-more {margin-top:5px}
    .searchdetail li .course-more a{bottom:20px}
}

@media only screen and (max-width:788px){
    .top-pic {height:300px}
    .page-framework {margin-top:300px;}
	.indnews li.bigpic {height:198px;}
	.indnews li .cons .pic {height:97px; }	
	.indnews li .cons .text {padding:8px 15px 18px 15px}
	.indnews li .cons .text .title {margin:4px 0 0 0; line-height: 23px;height:46px;}
	.indnews li .cons .text .content {display:none} 
    .floatdiv .floatin .floatclose,.floatdiv .floatin .divin {width:92%;}
    .campus-news li {width:calc(50% - 13.3333px);width:-webket-calc(50% - 13.3333px);}
    .highlight-show li {width:calc(50% - 7.5px);width:-webket-calc(50% - 7.5px);}
}

@media only screen and (max-width:640px){
    .top-pic {height:200px}
    .page-framework {margin-top:200px;}
    .nav-menu-4 ul,.nav-menu-5 ul,.nav-menu-6 ul {display:flex;flex-wrap: wrap}
    .nav-menu-4 li {width:50%;border-bottom:1px solid rgba(255,255,255,0.23)}
    .nav-menu-5 ul {justify-content: flex-start}
    .nav-menu-5 li {width:33.3333%;border-bottom:1px solid rgba(255,255,255,0.23)}
    .nav-menu-6 li {width:33.3333%;border-bottom:1px solid rgba(255,255,255,0.23)}
    .nav-menu li a {height:35px; line-height: 33px}
    .top-pic .text .title {font-size:25px; line-height:35px;margin:40px 0 3px 0}
    .top-pic .text .subtitle {font-size:16px;}  
    .foot {text-align:center}
    .foot .logo {margin:0 auto;float:none;}
    .foot dl.ct {float:none;width:100%;margin:20px 0 0 0}
    .foot dl.focus {width:100%;margin:20px 0 0 0}
    .foot dl.focus dd {margin:0 5px}
    .foot .footer .copy {margin:0}
    .foot .footer .beian {top:0; position: relative;}
    .about-school li .pic .in {padding:55% 0;}    
    .about-history li .pic {width:100%}
    .about-history li .pic .in {padding:28.5625% 0;}
    .about-history li .text {width:100%;padding:20px 20px 25px 20px; position: relative}
    .about-history li.direction .pic {margin-left:0%}
    .indpics .swiper-slide .text .title {font-size:25px;}
    .indpics .swiper-slide .text .content {font-size:14px;}
    .home-more a {height:27px; line-height: 25px;border-radius:27px;font-size:13px;padding:0 15px}
    .home-more a span {margin:1px 0 0 2px;font-size:8px;}
    .home-more a:hover { letter-spacing: 0}
    .indpics .swiper-slide {height:60vh;}
	.indnews ul {width:102%;margin:-2% 0 0 -1%}
	.indnews li {width:48%;margin:2% 1% 0 1%;}
	.indnews li.bigpic {width:98%;height:auto;padding:27.8% 0}
	.indnews li .cons .text {padding:15px 15px 20px 15px}
	.indnews li .cons .text .title {margin:10px 0 0 0; }
	.indnews li .cons .pic {height:auto;padding:28.5% 0}
    .home-school .area .pic {width:100%;}
    .home-school .area .text {width:100%; }
    .home-school .area .text .school-subject {margin:25px 0 30px 0}
    .home-school .home-more-2 {position:relative;left:0;margin:30px 0 0 0; text-align: center}
    .home-course .text {padding:40px 0 40px 0;}
    .home-course .text ul {gap:0;margin-top:-4%}
    .home-course .text li {width:100%; padding:30px 5%;margin-top:4%}    
    .home-meet .row .pic {position:relative;width:100%;height:auto;padding:33.2532% 0}
    .home-meet .row .text {left:0;width:100%;padding:20px 6% 35px 6%}    
    .company-billinggual .pic {position:relative;width:100%;border-radius:0;border-top-left-radius:10px;border-top-right-radius:10px}
    .company-billinggual .text {left:0;width:100%; top:0;margin:0;border-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
    .company-billinggual .text .content {padding:30px 20px 30px 20px;}
    .company-billinggual li {width:50%}
    .company-billinggual ul {margin-top:25px}
    .company-high .pic {width:100%;margin:40px 0 20px 0}
    .company-high .text {width:100%;}
    .company-high ul {margin-top:0}
    .company-high li {width:50%;}    
    .company-build .wrap {display:block;height:auto}
    .company-build .pic {width:100%}
    .company-build .text {width:100%;padding:0;margin-top:30px}
    .philosophy li .wrap {display:block}
    .philosophy li .pic {width:100%;order:1;}
    .philosophy li:nth-child(odd) .text {margin:30px 0 0 0;width:100%}
    .philosophy li .text {width:100%;margin:30px 0 0 0;order:2}
	.team li {width:47%}
	.team li .pic {padding:33.6% 0;}
    .news li .pic {width:130px;}
    .news li .text {margin:0 0 0 145px;}
    .prevnext {display:block; position: relative;margin-top:60px}
    .prevnext .prev {width:100%;margin:10px 0}
    .prevnext .back { position: absolute;width:100%;top:-35px;left:0; text-align: left;}
    .prevnext .back a {margin:0 auto 0 0;text-align: center}
    .prevnext .next p {padding:0 0 0 60px}
    .prevnext .next span {left:0;right:auto;}
    .prevnext .next {text-align:left;}   
    .map-contact {height:auto}
    .map-contact {display:block;}
    .map-contact .map {width:100%}
    .map-contact .text {width:100%;padding:30px 6%;display:block}
    .map-contact .text ul {max-width:260px;}
    .contact-weixin ul {margin-top:-40px;}
    .contact-weixin li {width:50%;margin-top:40px}
    .contact-weixin li:nth-child(odd):before {display:none;}
    .news li .pic.video-btn:before {font-size:25px;}    
    .campus-news ul {gap:0;display: block;margin-top:-4%}
    .campus-news li {width:100%;margin-top:4%}
    .highlight ul {gap:10px;}
    .highlight li {width:100%;}
    .highlight li:nth-child(3),.highlight li:nth-child(4),.highlight li:nth-child(7),.highlight li:nth-child(8) {width:100%;}
    .highlight li:nth-child(6) {margin-top:0}
    .highlight li .title {font-size:16px;}
    .highlight li:before {height:50px;}
    .highlight li:nth-child(3) .title,
    .highlight li:nth-child(4) .title,
    .highlight li:nth-child(7) .title,
    .highlight li:nth-child(8) .title{padding:0 15px 13px 15px;font-size:16px;}
    .admissions ul {display:block;gap:0;}
    .admissions li {flex:auto;margin-top:4%;height:280px}
    .admissions li .text .content {min-height:120px;}
    .admissions-consultation .content table {margin-top:-20px}
    .admissions-consultation .content td {width:49%;display:inline-block;margin-top:40px}
    .admissions-consultation .content td:nth-child(3):before {display:none;}
    .policy li .title {padding:0 60px 0 100px}
    .policy li .date {width:80px;}
    .policy li .more {right:15px;}    
    .consultation .row {display:block;gap:0}
    .consultation .row .pic {flex:auto}
    .consultation .row .text {flex:auto; text-align:center;margin-top:30px}    
    .course-honor .accordionservice .row {display:block;}
    .course-honor .accordionservice .row .photos {width:100%;}
    .course-honor .accordionservice .row .content {width:100%;margin:25px 0 0 0}
    .course-honor .accordionservice .submenu {padding:30px 25px}
    .course-honor .accordionservice .submenu0 {padding:30px 25px;}
    .course-honor .accordionservice .submenu0 .photos {width:100%}
    .course-honor li:nth-child(odd) .accordionservice .submenu .photos {order:1;}
    .course-honor li:nth-child(odd) .accordionservice .submenu .content {order:2;margin:30px 0 0 0}
    .course-honor li:nth-child(odd) .accordionservice .submenu0 .content {margin:0}
    .junior .summry table {margin:0 0 15px 0}
    .junior .summry td {display:block}
    .junior .summry td:nth-child(1) {width:100%;}
    .junior .summry td:nth-child(2) {width:100%;padding:25px 0 0 0}    
    .junior .summry .left-text-right-pic {margin:0}    
    .junior .summry .left-text-right-pic {margin-top:-30px}
    .junior .summry .left-text-right-pic td,.junior .summry .left-text-right-pic td:nth-child(2) {padding-top:30px;padding-bottom:0px}    
    .campus-lift .photos li  {width:calc(33.3333% - 3.3333px);width:-webket-calc(33.3333% - 3.3333px);}
    .campus-lift .row li {display:block}
    .campus-lift .row li .pic {width:100%;order:1}
    .campus-lift .row li .text,.campus-lift .row li:nth-child(odd) .text {width:100%;margin:0;order:2;padding:25px 0 30px 0}
    .campus-lift .row {margin-bottom:20px}
    .support-service .left {width:100%;}
    .support-service .right {width:100%;}
    .pic-text .text {padding:30px 20px}
}