/*=== index ===*/
section { width: 100%; max-width: 1240px; margin: 0px auto; padding: 90px 0; }
.bg1 { width: 100%; max-width: 100%; background: url(../images/bg1.jpg) no-repeat center top; background-size:cover; margin: 0; padding: 0; }
.bg2 { width: 100%; background: url(../images/bg2.jpg) no-repeat center center; background-size: cover }

.ind_title { width: 100%; height: 75px; text-align: center; display: block; margin-bottom: 50px; position: relative }
.ind_title span.name { position:absolute; top:3px; left:0px; text-align:center; display:block; color:#333; font-size:32px; font-weight:bold; z-index:2; width:100%;}
.ind_title span.name2 {position:absolute; top:12px; left:0px; text-align:center; display:block; color:#fff; font-size:32px; font-weight:bold; z-index:2; width:100%;}
.ind_title span.eng { color:#e8e8e8; font-size:50px; text-transform:uppercase; display:block; font-weight:bold}
.ind_title span.eng2 { color:#3f82bd; font-size:50px; text-transform:uppercase; display:block; font-weight:bold}
.ind_title span.heng { width:60px; height:5px; background:#32a7f9; display:block; margin:0px auto; margin-top:10px}

.ind_title2 { width: 260px; height: 107px; padding: 27px 0px 0px 20px; background: url(../images/index_title_bg.png) no-repeat; position: absolute; display: block; z-index: 5; left: 0px; top: 0px; }
.ind_title2 span {display:block; line-height:30px;}
.ind_title2 span.name {font-size:30px; font-weight:bold; color:#fff;}
.ind_title2 span.eng { font-size:24px;color:#6fa3d1;}

.ind_npic{ width: 578px; height: 395px; position: relative; background: url(../images/heng.jpg) no-repeat center 389px; overflow: hidden; }
.ind_npic .swiper-container{ width:100%;height:100%;}
.ind_npic .swiper-slide{display: block; position: relative; width: 100%; padding:0; overflow: hidden;}
.ind_npic .swiper-slide .pic { height: 82%; overflow: hidden; width: 100%; position: relative }
.ind_npic .swiper-slide .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide p { width: 95%; margin: 0px auto; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: 18px }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom:-5px;}
.ind_npic .swiper-pagination{line-height: 100%; padding:5px 0px;display: flex; align-items: center; justify-content: center ; text-align:center; z-index:10;}
.ind_npic .swiper-pagination-bullet{opacity: 1; width:12px; height:12px; background: #c9c9c9; border-radius:50%;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #de1e00;width:50px; border-radius:8px;}

.ind_nlist { width:630px }
.ind_nlist ul li { width: 100%; padding-left:80px; position: relative; height: 75px; margin-bottom: 24px; }
.ind_nlist ul li span { position: absolute; top: 0px; left: 0px; width: 60px; text-align: right; display: block; }
.ind_nlist ul li span.date { font-size: 52px; color: #bfbfbf; font-weight: bold; line-height: 45px; }
.ind_nlist ul li span.year { top: 52px; color: #dadada; font-size: 14px; }
.ind_nlist ul li p.title { width: 100%; height: 24px; font-size:18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; margin-bottom: 5px; }
.ind_nlist ul li p.txt { font-size: 14px; color: #999999; line-height: 20px; height: 40px; overflow: hidden; }
.ind_nlist ul li:hover span.date { color: #32a7f9 }
.ind_nlist ul li:hover span.dian { background:#5ead00} 
.ind_nlist ul li:hover p.title { color: #32a7f9 }
.ind_nlist ul li:last-child { margin-bottom:0}

.ind_school {width:1240px; margin:0px auto;}
.ind_school .ind_title2 { left:25px; top:50px}
.ind_school .tab_UL{ width:280px; height:630px; padding-top:238px; background:url(../images/index_school_bg.png) no-repeat; float:left;}
.ind_school .tab_UL li {display:block; width:280px; height:103px; margin-bottom:3px}
.ind_school .tab_UL li a {width:280px; height:103px; padding:26px 0px 25px 10px; display:block;color:#fff;}
.ind_school .tab_UL li a img { float:left; margin-right:8px; vertical-align:top; width:60px; height:auto}
.ind_school .tab_UL li a p {line-height:18px;}
.ind_school .tab_UL li a p.title { margin-top:8px}
.ind_school .tab_UL li.curr a{ background:url(../images/index_school_tab.png) no-repeat left center;}
.ind_school .tab_UL li.curr { background:url(../images/green_on.png) no-repeat center bottom;}

.ind_schlist { width: 940px; float: right; margin-top: 78px; }
.ind_schIntro { width:418px; height:475px; overflow:hidden; position:relative;}
.ind_schIntro img {width: 100%; height: 100%; object-fit: cover;}
.ind_schIntro ul { background: url(../images/index_school_a.png) no-repeat; background-size:cover; width: 336px; height: 76px; display: block; position: absolute; right: 0px; bottom: 0px; color: #fff; }
.ind_schIntro ul li.txt {padding:10px 0px 10px 25px; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;line-height: 30px; width:80%}
.ind_schIntro ul li a { width:77px; height:76px; background:url(../images/index_quick_m.png) no-repeat center center; display:block; text-indent:-9999px;}
.ind_schIntro ul li a:hover { background:url(../images/index_quick_m.png) no-repeat center center #de1e00;}

.ind_schcolumn { width:510px;}
.ind_schnews { width: 100%; padding: 20px 15px 15px 15px; background: url(../images/index_school_n.png) no-repeat right bottom #22a4ff; max-height:385px; overflow: hidden; margin-bottom: 15px; }
.ind_schnews li.top { height:64px; margin-bottom: 10px; overflow: hidden; position: relative; padding:0px 0px 0px 85px; background:none;white-space:inherit;text-overflow:inherit}
.ind_schnews li.top span { position: absolute; top: 0px; left: 0px; width: 70px; height: 64px; border: #fff 1px solid; display: block; text-align: center; color: #fff }
.ind_schnews li.top span p.date { font-size:30px;font-weight: bold; line-height:40px;}
.ind_schnews li.top span p.year { font-size: 14px; line-height:18px}
.ind_schnews li.top p.title { width: 100%; height: 24px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; margin-bottom: 5px; color: #fff; }
.ind_schnews li.top p.txt { font-size: 12px; color: #c9e9ff; line-height: 18px; height: 36px; overflow: hidden; }
.ind_schnews li.top:hover span { background:#fff; color:#22a4ff }
.ind_schnews li.top:hover p.title { border-bottom:#fff 1px dotted}
.ind_schnews li {line-height:30px;padding:0 40px 0px 10px; white-space:nowrap;text-overflow: ellipsis; overflow:hidden; background:url(../images/index_icon.png) no-repeat left center; position:relative; display:block;}
.ind_schnews li span { position:absolute; right:0px; color:#bae1fe; font-size:14px; line-height:30px; top:1px}
.ind_schnews li a{ color:#fff; font-size:14px}
.ind_schnews li a:hover { border-bottom:#fff 1px dotted}

.ind_schicon { width:100%;}
.ind_schicon li {margin-right:3%; width:25%;}
.ind_schicon li a {width:100%; height:165px; padding:30px 0px 0px 0px; display:block; color:#fff; text-align:center;}
.ind_schicon li a img{ width:69px; height:69px; border:#fff 1px solid; border-radius:50%; padding:15px; margin:0px auto;}
.ind_schicon li:hover a img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.ind_schicon li a p { margin-top:10px; font-size:18px; width:100%}
.ind_schicon li.css1 { background:#69ca00}
.ind_schicon li.css1:hover { background:#57a700}
.ind_schicon li.css2 { background:#f1b615}
.ind_schicon li.css2:hover { background:#d19900}
.ind_schicon li.css3 { background:#245dff}
.ind_schicon li.css3:hover { background:#628bff}
.ind_schicon li.more { width:16%; margin-right:0}
.ind_schicon li.more a { width:100%; height:165px; display:block; background:#efefef; font-size:50px; color:#333; text-align:center; line-height:165px; padding:0}
.ind_schicon li.more a:hover { background:#de1e00;}
.ind_schicon li.more2 { width:100%}
.ind_schicon li.more2 a { width:100%; height:75px; display:block; background:#69ca00; font-size:18px; color:#333; text-align:center; line-height:75px; padding:0;color:#fff;}
.ind_schicon li.more2 a em { font-size:24px;}
.ind_schicon li.more2 a:hover { background:#57a700; }

.m_ind_school { width:95%;padding:50px 0px; margin:0px auto; display:none}
.m_ind_school ul { text-align:center}
.m_ind_school ul li { width:30%; height: 0px; padding:5% 0px 25% 0px; float:left; margin: 0px 1.4%; text-align:center}
.m_ind_school ul li.css1 { background:#32a7f9}
.m_ind_school ul li.css2 { background:#69ca00}
.m_ind_school ul li.css3 { background:#f1b615}
.m_ind_school ul li p.pic { width:40%; margin:0px auto;}
.m_ind_school ul li p.pic img { width:100%; height:auto; margin-bottom:10px}
.m_ind_school ul li p.title { color:#fff; font-size:18px; line-height:30px; display:block; width:80%; margin:0px auto;}
.m_ind_school ul li p.eng { color: #fff; font-size: 14px; line-height: 18px; display: block; margin: 0px auto; width: 95% }
.m_ind_school li:hover a img {transition:transform 1s ease-out; -moz-transition:-moz-transform 1s ease-out; -webkit-transition:-webkit-transform 1s ease-out; transform:rotateY(360deg); -moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}

.ind_abtxt { width:49%;}
.ind_abtit { position: relative; background: url(../images/index_title_bg2.png) no-repeat; height: 142px; padding: 24px 0px 0px 20px; width: 400px; display: block; margin:10px 0 30px 0px; }
.ind_abtit span { position:absolute; display:block;text-transform:uppercase; font-weight:bold}
.ind_abtit span.name { font-size:40px; z-index:5; color:#333; left:120px; top:52px}
.ind_abtit span.eng1 { font-size:20px; color:#e8e8e8; left:120px; top:24px;z-index:1}
.ind_abtit span.eng2 { font-size:66px; color:#e8e8e8; left:20px; top:35px;z-index:1}
.ind_abtxt p { width:100%; line-height:24px; font-size:14px; display:block}
.ind_ablist { margin:30px 0px; width:100%; position:relative; height:90px; padding:15px 0px 0px 0px}
.ind_ablist span.left { width:14px; height:90px; background:url(../images/index_abg_l.png) no-repeat; display:block; position:absolute; left:0; top:0}
.ind_ablist span.right { width:14px; height:90px; background:url(../images/index_abg_r.png) no-repeat; display:block; position:absolute; right:0; top:0}
.ind_ablist ul li { float:left; display:block; width:auto; background:url(../images/index_about_x.png) no-repeat right 15px; padding:0px 6.5%; text-align:center; position:relative;}
.ind_ablist ul li p.numb { color:#c9000a; font-size:36px; font-weight:bold; display:block; line-height:36px; width:100%}
.ind_ablist ul li p.name { font-size:12px; color:#b0b0b0; display:block; line-height:20px; width:100%}
.ind_ablist ul li p sup { color:#b0b0b0; font-size:12px; top:-16px;left:5px}
.ind_ablist ul li:last-child { background:none}

.ind_abtxt p.more a{ font-size:14px;padding:10px 40px; border:#bbbbbb 1px solid; width:160px;background:url(../images/b_r2.png) no-repeat 105px center;transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; display:block}
.ind_abtxt p.more a:hover{ width:185px;border:#32a7f9 1px solid; color:#fff; padding:10px 50px; background:url(../images/b_r.png) no-repeat 120px center #32a7f9;}

.ind_abpic {width:48%; background:url(../images/index_about_bg.jpg) no-repeat right 26px; height:auto}
.ind_abpic ul li {width:100%; display:block}
.ind_abpic ul li p img { width:100%; height:100%; overflow:hidden;}
.ind_abpic ul li p.p1 { float:left; width:54%; height:auto; margin-left:6%;}
.ind_abpic ul li p.p2 { float:right; width:33.5%; height:auto;margin-top:11%}
.ind_abpic ul li p.p3 { float:left; width:41%; height:auto; margin-top:2.5%}
.ind_abpic ul li p.p4 { float:left; width:43%; height:auto; margin-top:2.5%; margin-left:3%;}

.m_ind_abpic { display:none}

@media only screen and (min-width: 0) and (max-width: 1240px){
section { width:97%; margin:0px auto;}
.ind_nlist { width:48%;}
.ind_school {width:100%;}

.ind_schlist { width:74%; float:left; margin-left:15px}
.ind_schIntro { width:41%}
.ind_schcolumn { width:57%}

.ind_abtxt { width:48%}
.ind_ablist ul li { padding:0px 6%}
.ind_abpic {width:48%; background:url(../images/index_about_bg.jpg) no-repeat 278px 16px; height:auto}

}

@media only screen and (min-width: 0) and (max-width: 1199px){
section { width:97%; margin:0px auto;}
.ind_npic { width:50%;}
.ind_nlist { width:48%;}

.ind_schlist { width:73%; float:left; margin-left:15px}
.ind_schIntro { width:41%}
.ind_schcolumn { width:57%}
.ind_schIntro ul { width:92%;}
.ind_schIntro ul li a { width:60px;background:url(../images/index_quick_m.png) no-repeat center center #9f8939; display:block; text-indent:-9999px;}
.ind_schIntro ul li a:hover { background:url(../images/index_quick_m.png) no-repeat center center #de1e00;}

.ind_abtit { margin:0px 0px 20px 0px}
.ind_abtxt p { line-height:22px; max-height:108px; overflow:hidden;}
.ind_ablist ul li { padding:0px 6.2%}
.ind_ablist ul li p.numb { font-size:30px; font-weight:bold; display:block; line-height:36px}
.ind_ablist ul li p.name { font-size:12px; color:#b0b0b0; display:block; line-height:20px}
.ind_ablist ul li p sup { color:#b0b0b0; font-size:12px; top:-16px;left:1px}

.ind_abpic {width:48%; background:url(../images/index_about_bg.jpg) no-repeat 268px 20px; height:auto}

}

@media only screen and (min-width: 0) and (max-width: 1112px){
.ind_schlist { width:71%; float:left; margin-left:10px}
.ind_schIntro { width:41%}
.ind_schcolumn { width:57%}
.ind_schIntro ul { width:92%;}
.ind_schIntro ul li a { width:50px;background:url(../images/index_quick_m.png) no-repeat center center #9f8939; display:block; text-indent:-9999px;}
.ind_schIntro ul li a:hover { background:url(../images/index_quick_m.png) no-repeat center center #de1e00;}

.ind_abtxt p { max-height:92px;}
.ind_ablist ul li { padding:0px 5.4%}

.ind_abpic {width:48%; background:url(../images/index_about_bg.jpg) no-repeat 224px 20px; height:auto}
	
}
@media only screen and (min-width: 0) and (max-width: 1024px){
.ind_nlist ul li span.date { font-size:48px;line-height: 48px; }
.ind_nlist ul li span.year { top:50px;}

.ind_schlist { width:69%; float:left; margin-left:10px}
.ind_schIntro { width:41%}
.ind_schcolumn { width:57%}
.ind_schIntro ul { width:92%;}
.ind_schIntro ul li a { width:50px;background:url(../images/index_quick_m.png) no-repeat center center #9f8939; display:block; text-indent:-9999px;}
.ind_schIntro ul li a:hover { background:url(../images/index_quick_m.png) no-repeat center center #de1e00;}
.ind_schicon li a img{ width:59px; height:59px;padding:10px;}
.ind_schicon li a p {font-size:16px;}

.ind_ablist { margin:15px 0px}
.ind_ablist ul li { padding:0px 5.2%}
.ind_abpic {width:48%; background:url(../images/index_about_bg.jpg) no-repeat right 20px; height:auto}

.ind_abpic ul li p.p1 { float:left; width:56%; height:auto; margin-left:4%;}
.ind_abpic ul li p.p2 { float:right; width:38%; height:auto;margin-top:8%}
.ind_abpic ul li p.p3 { float:left; width:43%; height:auto; margin-top:3%}
.ind_abpic ul li p.p4 { float:left; width:48%; height:auto; margin-top:3%; margin-left:3%;}

}

@media only screen and (min-width: 0) and (max-width: 960px){
.ind_school { display:none}
.m_ind_school { display:block;}

.ind_abtxt { width:100%; float:none;}
.ind_abtit { width: 100%; height: 75px; text-align: center; display: block; margin-bottom: 50px; position: relative ; background:none; padding:60px 0px 0px 0px; }
.ind_abtit span {display:block;text-transform:uppercase; font-weight:bold;width:100%; position:absolute;}
.ind_abtit span.name { font-size:32px; z-index:5; color:#333; top:10px;left:0}
.ind_abtit span.eng2 { font-size:50px; color:#e8e8e8;top:0px;z-index:1;left:0}
.ind_abtit span.eng1 { display:none}
.ind_abtit p.heng { width:60px; height:5px; background:#32a7f9; display:block; margin:0px auto; margin-top:10px}

.m_ind_abpic {display:block; text-align:center; width:100%}
.m_ind_abpic li {display:inline-block; margin:0% 1% 15px 1%; width:22.5%;}
.m_ind_abpic li.rect-img { padding-bottom:16%; }
.m_ind_abpic li img { width:100%; height:100%; overflow:hidden}
.ind_abtxt p { width:98%; margin:0px auto;}
.ind_ablist { width:98%; margin:25px auto}
.ind_ablist ul { text-align:center}
.ind_ablist ul li { padding:0px 7.5%;min-width:150px; float:none; display:inline-block;}
.ind_ablist ul li p sup { color:#b0b0b0; font-size:12px; top:-16px;left:1px}
.ind_abtxt p.more { text-align:center}
.ind_abtxt p.more a{ display:inline-block;padding:15px 110px 15px 100px; width:auto; border:#bbbbbb 1px solid;background:url(../images/b_r2.png) no-repeat 170px center;}
.ind_abtxt p.more a:hover{ width:auto;padding:15px 150px 15px 140px; background:url(../images/b_r.png) no-repeat 220px center #32a7f9;}

.ind_abpic { display:none}
}

@media only screen and (min-width: 0) and (max-width: 768px){
section { width:90%; margin:0px auto; padding:50px 0px}
.ind_title {height:60px; text-align: center; display: block; margin-bottom:40px; position: relative }
.ind_title span.name { top:5px;font-size:28px;}
.ind_title span.name2 {top:5px;font-size:28px;}
.ind_title span.eng { font-size:45px;}
.ind_title span.eng2 { font-size:45px;}

.ind_title span.heng { width:50px;margin-top:8px}

.ind_npic { width:100%; height:350px; float:none; background:none; margin-bottom:20px}
.ind_nlist { width:100%; float:none}
.ind_npic .swiper-slide .pic {height:100%; overflow: hidden; width: 100%; position: relative }
.ind_npic .swiper-slide .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ind_npic .swiper-slide p { padding:10px 15px 20px 15px; height:70px; line-height:24px;position:absolute; background:url(../images/pic.png) repeat; left:0; bottom:0; z-index:10; width:100%; color:#fff }
.ind_npic .swiper-container .swiper-pagination,.ind_npic .swiper-container .swiper-pagination-bullet { bottom:5px;}
.ind_npic .swiper-pagination-bullet{background:#fff; border-radius:50%;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px 0 0;}
.ind_npic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child{margin: 0;}
.ind_npic .swiper-pagination-bullet-active{background: #de1e00;width:50px; border-radius:8px;}

.ind_nlist ul li { padding-left:75px; position: relative; height:85px;margin-bottom:15px; border-bottom:#eaeaea 1px solid; }
.ind_nlist ul li span { position: absolute; top: 0px; left: 0px; width: 60px; text-align: right; display: block; }
.ind_nlist ul li:last-child { margin-bottom:0; border-bottom:0px;}

.m_ind_school ul li {padding:5% 0px 26% 0px;}

.ind_abtit {height:60px;margin-bottom:40px;padding:50px 0px 0px 0px; }
.ind_abtit span.name { font-size:28px;top:10px;}
.ind_abtit span.eng2 { font-size:45px;top:0px;}
.ind_abtit p.heng { width:50px;margin-top:8px}

.ind_abtxt p { width:100%; margin:0px auto; max-height:none}
.ind_ablist { width:100%; margin:25px auto}
.ind_ablist ul li { padding:0px 7%;min-width:150px; float:none; display:inline-block;}

.m_ind_abpic {margin-left:-1.9%}
.m_ind_abpic li {display:inline-block; margin:0% 0% 15px 1.9%; width:22.5%;}
.m_ind_abpic li.rect-img { padding-bottom:16%; }

}
@media only screen and (min-width: 0) and (max-width: 736px){
.ind_npic { height:320px}
.m_ind_school ul li {padding:5% 0px 28% 0px;}

.m_ind_abpic {margin-left:-1.8%}
.m_ind_abpic li {display:inline-block; margin:0% 0% 15px 1.8%; width:22.5%;}

.ind_ablist ul li {padding:0px 6%; min-width:140px}
.ind_abtxt p.more a{ padding:10px 110px 15px 100px;}
.ind_abtxt p.more a:hover{ padding:10px 150px 15px 140px;}

}

@media only screen and (min-width: 0) and (max-width: 640px){
section {width:94%;}
.ind_npic { height:300px}

.m_ind_school ul li {padding:5% 0px 28% 0px;}
.m_ind_school ul li p.title { font-size:16px;}
.m_ind_school ul li p.eng { font-size:12px}

.ind_ablist ul li {padding:0px 5%; min-width:120px}

}
@media only screen and (min-width: 0) and (max-width: 568px){	
.ind_npic { height:280px}
.ind_nlist ul li { height:80px; margin-bottom:12px}
.ind_nlist ul li span.date { font-size:42px;line-height:42px; }
.ind_nlist ul li span.year { top:45px;}
.ind_nlist ul li p.title { margin-bottom:3px}
.ind_nlist ul li p.txt { line-height:18px; height:36px;}

.m_ind_school ul li { height:200px; padding:30px 0px 0px 0px;}
.m_ind_school ul li p.title { line-height:18px; display:block;width:100%; margin-bottom:10px}
.m_ind_school ul li p.eng { line-height:18px; width:90%;}

.m_ind_abpic {margin-left:-1.7%}
.m_ind_abpic li {display:inline-block; margin:0% 0% 15px 1.7%; width:22.5%;}
.ind_abtxt p { max-height:90px; overflow:hidden; }
.ind_ablist ul li {padding:0px 5%; min-width:110px}

}
@media only screen and (min-width: 0) and (max-width: 520px){
.ind_npic { height:260px}
.ind_title {height:60px; text-align: center; display: block; margin-bottom:25px; position: relative }
.ind_title span.name { top:5px;font-size:24px;}
.ind_title span.name2 { top:8px;font-size:24px;}
.ind_title span.eng { font-size:38px;}
.ind_title span.eng2 { font-size:38px;}
.ind_title span.heng { width:45px; height:4px;margin-top:5px}

.m_ind_school { width:90%}
.m_ind_school ul li {width:100%; padding:6% 6% 24% 6%; height:0px; margin:10px 0px; text-align:left}
.m_ind_school ul li p.pic { float:left; margin-right:20px; width:24%;}
.m_ind_school ul li p.title { line-height:18px; margin-top:15px;}

.m_ind_abpic {margin-left:-1.5%}
.m_ind_abpic li {display:inline-block; margin:0% 0% 10px 1.5%; width:22.5%;}
.ind_ablist { margin:15px auto}
.ind_ablist ul li {padding:0px 3%; min-width:90px}
.ind_ablist ul li p sup { top:-13px}
}

@media only screen and (min-width: 0) and (max-width: 414px){
section {width:95%;}
.ind_npic { height:220px}
.m_ind_school ul li {padding:6% 0% 24% 5%;}
.m_ind_school ul li p.pic { float:left; margin-right:15px;}
.m_ind_school ul li p.title { line-height:18px; margin-top:3%;}

.m_ind_abpic {margin-left:-1.5%}
.m_ind_abpic li {display:inline-block; margin:0% 0% 10px 1.5%; width:22.5%;}
.ind_abtxt p { max-height:70px; overflow:hidden; }

.ind_ablist { margin:15px auto; background:#f8f8f8; height:auto; padding:10px 0px}

.ind_ablist ul li p.numb { font-size:24px; font-weight:bold; display:block; line-height:24px}
.ind_ablist ul li p.name { font-size:12px; color:#b0b0b0; display:block; line-height:20px}

.ind_ablist span.left,.ind_ablist span.right { display:none}
.ind_ablist ul li {min-width:!important; width:49%; padding:0px;background:url(../images/index_about_x.png) no-repeat right center; margin:5px 0px }
.ind_ablist ul li:nth-child(2) { background:none}
.ind_ablist ul li p sup { top:-12px}

.ind_abtxt p.more a{padding:14px 30px 14px 0px; width:100%; display:block;background:url(../images/b_r2.png) no-repeat 220px center;}
.ind_abtxt p.more a:hover{padding:14px 30px 14px 0px;background:url(../images/b_r.png) no-repeat 220px center #32a7f9;}
	
}
@media only screen and (min-width: 0) and (max-width: 375px){
.ind_title span.name { top:5px;font-size:22px;}
.ind_title span.name2 { top:8px;font-size:22px;}
.ind_title span.eng { font-size:35px;}
.ind_title span.eng2 { font-size:32px;}
.ind_title span.heng { width:45px; height:4px;margin-top:5px}
	
.ind_npic .swiper-slide p {font-size:16px; height:65px}
.ind_npic { margin-bottom:10px}
.ind_nlist ul li { height:75px; margin-bottom:8px; padding-left:65px}
.ind_nlist ul li span { width:55px}
.ind_nlist ul li span.date { font-size:36px;line-height:36px; }
.ind_nlist ul li span.year { top:45px; font-size:12px}
.ind_nlist ul li p.title { margin-bottom:3px; font-size:16px}
.ind_nlist ul li p.txt { line-height:18px; height:36px;}

.m_ind_school ul li {padding:6% 6% 24% 8%;}
.m_ind_school ul li p.pic { float:left; margin-right:20px; width:26%}
.m_ind_school ul li p.title {margin-top:0px; margin-bottom:5px}
.m_ind_school ul li p.eng { line-height:18px;}

.m_ind_abpic {margin-left:-1.3%}
.m_ind_abpic li {display:inline-block; margin:0% 0% 10px 1.3%; width:22.5%;}

.ind_abtit { margin-bottom:30px}
.ind_abtit span.name { font-size:22px;top:8px;}
.ind_abtit span.eng2 { font-size:35px;top:0px;}
.ind_abtit p.heng { width:45px; height:4px;margin-top:0px}

.ind_ablist { padding:5px 0px; margin:10px auto 15px auto}
.ind_ablist ul li p.numb { font-size:22px; font-weight:bold; display:block; line-height:24px}
.ind_ablist ul li p.name { font-size:12px; color:#b0b0b0; display:block; line-height:20px}
.ind_ablist ul li p sup { top:-10px}

.ind_abtxt p.more a{padding:12px 30px 12px 0px; width:100%; display:block;background:url(../images/b_r2.png) no-repeat 200px center;}
.ind_abtxt p.more a:hover{padding:12px 30px 12px 0px;background:url(../images/b_r.png) no-repeat 200px center #32a7f9;}

}

@media only screen and (min-width: 0) and (max-width: 320px){
.ind_abtxt p.more a{padding:12px 30px 12px 0px; width:100%; display:block;background:url(../images/b_r2.png) no-repeat 180px center;}
.ind_abtxt p.more a:hover{padding:12px 30px 12px 0px;background:url(../images/b_r.png) no-repeat 180px center #32a7f9;}

}