* { margin:0; padding:0; box-sizing: border-box; }
body { margin:0; padding:0; font-size:14px; font-family:'Nunito Sans', sans-serif; font-size:16px; }
ul,li,form { margin:0; padding:0; list-style:none;}
img { border:0; max-width:100%; height:auto;}
a { color:#3b3b3b; text-decoration:none; font-family:'Nunito Sans', sans-serif; }

.md-img-list { overflow:hidden; margin-top:10px; }
.md-img-list ul { overflow:hidden; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
.md-img-list ul li { overflow:hidden; flex:0 0 30%; padding-bottom:20px; }
.md-img-list ul li .img { overflow:hidden; width:100%; height:188px; }
.md-img-list ul li .img img { overflow:hidden; width:100%; }
.md-img-list ul li .news-title { overflow:hidden; width:100%; height:56px; line-height:28px; }

/* md */
.md-hd { overflow:hidden; padding:10px 0; }
.md-hd h1 { line-height:60px; color:#107ead; font-size:40px; text-align:center; }
.md-hd h5 { line-height:60px; text-align:center; }
.md-hd h5 span { color:#107ead; font-size:18px; font-style:italic; font-weight:400; padding:5px 30px; border:1px solid #107ead; }
.md-hd .hd-box { position:relative; width:320px; margin:0 auto;  }
.md-hd .hd-box h2 { line-height:60px; color:#666; font-size:30px; text-align:center;  }
.md-hd .hd-box h3 { line-height:40px; color:#107ead; font-size:30px; text-align:center;  }
.md-hd .hd-box .ott { line-height:28px; color:#666; text-align:center;  }
.md-hd .hd-box::before { position:absolute; top:60px; left:-200px; z-index:9; width:180px; height:4px; background-color:#ccc; content:"  "; }
.md-hd .hd-box::after { position:absolute; top:60px; right:-200px; z-index:9; width:180px; height:4px; background-color:#ccc; content:"  "; }
.md-cn { padding:50px 0; }

.page { padding-top:100px; }

/* banner */
.page .banner { position:relative; overflow:hidden; width:1540px; height:560px; margin:0 auto; }

/* content */
.page .content { overflow:hidden; width:1200px; margin:0 auto; }

/* modules */
.page .content .modules { overflow:hidden; padding:20px 0; }
.page .content .modules .mwrap { overflow:hidden; width:1200px; padding:20px 0; margin:0 auto; }
.page .content .modules .mwrap .md-main { display:flex; justify-content:space-between; margin-top:20px; }
.page .content .modules .mwrap .md-main .modules-left { overflow:hidden; flex:0 0 48%; }
.page .content .modules .mwrap .md-main .modules-right { overflow:hidden; flex:0 0 48%; }
.page .content .modules .mwrap .md-main .modules-left .map-show { overflow:hidden; height:100%; }
.page .content .modules .mwrap .md-main .modules-left .map-show .map-01 { overflow:hidden; height:62%; background:url('/assets/addons/cms/images2025/map_01_out.png') no-repeat center top; background-size:100% 100%; cursor: pointer; }
.page .content .modules .mwrap .md-main .modules-left .map-show .map-01:hover { background-image:url('/assets/addons/cms/images2025/map_01_on.png'); }
.page .content .modules .mwrap .md-main .modules-left .map-show .map-02 { overflow:hidden; height:21%; background:url('/assets/addons/cms/images2025/map_02_out.png') no-repeat center top; background-size:100% 100%; cursor: pointer; }
.page .content .modules .mwrap .md-main .modules-left .map-show .map-02:hover { background-image:url('/assets/addons/cms/images2025/map_02_on.png'); }
.page .content .modules .mwrap .md-main .modules-left .map-show .map-03 { overflow:hidden; height:17%; background:url('/assets/addons/cms/images2025/map_03_out.png') no-repeat center top; background-size:100% 100%; cursor: pointer; }
.page .content .modules .mwrap .md-main .modules-left .map-show .map-03:hover { background-image:url('/assets/addons/cms/images2025/map_03_on.png'); }
.page .content .modules .modules-right .modules-box { overflow:hidden; width:100%; background-color:#fff; padding:30px 20px; border:1px solid #efefef; border-radius:10px; }
.page .content .modules .mwrap .md-main .modules-right h1 { line-height:34px; color:#107ead; font-size:28px; padding-left:20px; }
.page .content .modules .mwrap .md-main .modules-right h1 span { position:relative; }
.page .content .modules .mwrap .md-main .modules-right h1 span::after { position:absolute; top:0px; left:-20px; z-index:9; width:8px; height:110px; background-color:#107ead; content:"  "; }
.page .content .modules .mwrap .md-main .modules-right .ott { line-height:30px; color:#888; font-size:20px; padding-left:20px; margin-top:10px; }
.page .content .modules .mwrap .md-main .modules-right .sm { overflow:hidden; line-height:34px; color:#666; margin-top:10px; }
.page .content .modules .mwrap .md-main .modules-right .more { padding:20px 0; text-align:right; }
.page .content .modules .mwrap .md-main .modules-right .more a { color:#333; padding:8px 15px; border:1px solid #ccc; }
.page .content .modules .mwrap .md-main .modules-right .otnum { margin-top:20px; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul { overflow:hidden; width:100%; display:flex; justify-content:space-between; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul li { overflow:hidden; flex:1; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul li:last-child { width:160px; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul li p { overflow:hidden; width:100%; color:#666; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul li p.num { height:40px; line-height:40px; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul li p.num span { color:#107ead; font-size:22px; padding-right:5px; }
.page .content .modules .mwrap .md-main .modules-right .otnum ul li p.tt { line-height:28px; font-size:14px; padding-left:5px; }

.video-show { width:100%; height:680px; }
/* schools */
.page .content .schools { overflow:hidden; padding-top:10px; }
.page .content .schools .s-list { overflow:hidden; width:100%; display:flex; flex-wrap:wrap; }
.page .content .schools .s-list .s-item { overflow:hidden; flex:0 0 16%; width:16%; padding:10px; }
.page .content .schools .s-list .s-item img { width:100%; border:1px solid #ccc; }

/* footer */
.ly-footer { overflow:hidden; width:100%; min-width:1200px; border-top:3px solid #107ead; padding:50px 0 10px; }
.ly-footer .links { overflow:hidden; width:100%; padding-bottom:15px; }
.ly-footer .links .links-wrap { overflow:hidden; width:1200px; height:360px; margin:0 auto; display:flex; justify-content:space-between; padding-top:40px; border-bottom:1px solid #ccc; padding-bottom:50px; }
.ly-footer .links .links-wrap .link-item { overflow:hidden; flex:1; }
.ly-footer .links .links-wrap .link-item .hd { color:#333; font-size:20px; }
.ly-footer .links .links-wrap .link-item .cn { padding-top:15px; display:flex; flex-direction:column; }
.ly-footer .links .links-wrap .link-item .cn a + a { margin-top:5px; }

.ly-footer .copyRight { overflow:hidden; width:100%; height:30px; line-height:30px; color:#999; text-align:center; }

@media screen and (max-width: 640px){
    
  .md-img-list ul li {
    width: 100%;
    flex: 0 0 100%;
  }
  
  .md-img-list ul li .img {
    height: 200px;
  }
  
   /* md */
 .md-hd h1 { line-height:30px; font-size:20px; }
 .md-hd h5 { line-height:40px; }
 .md-hd h5 span { font-size:14px; padding:5px 20px; }
 .md-hd .hd-box { width:100%;  }
 .md-hd .hd-box h2 { line-height:30px; font-size:20px; }
 .md-hd .hd-box h3 { line-height:30px; font-size:20px; }
 .md-cn { padding:10px 0; }
/* banner */
.page .banner { width:100%; height:auto; }
.carousel-focus .item .carousel-img { height:150px; background-size:contain; background-repeat:no-repeat; }
/* content */
.page .content { width:100%; }
   .page {
     width: 100%;
     padding-top:50px;
   }
   
   .page .content .modules {
     padding: 10px 0;
   }
   
   .page .content .modules .mwrap {
     width: 100%;
     padding: 10px;
     box-sizing: border-box;
   }
   
   .page .content .modules .mwrap .md-main {
     flex-direction: column;
     margin-top: 10px;
   }
   
   .page .content .modules .mwrap .md-main .modules-left,
   .page .content .modules .mwrap .md-main .modules-right {
     flex: 0 0 100%;
     width: 100%;
   }
   
   .page .content .modules .mwrap .md-main .modules-left .map-show {
     height: 300px; 
     margin-bottom: 20px;
   }
   .page .content .modules .modules-right .modules-box {
     padding: 20px 15px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right h1 {
     font-size:16px;
     line-height: 24px;
     padding-left: 15px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right h1 span::after {
     left: -15px;
     height: 80px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .ott {
     font-size: 16px;
     line-height: 22px;
     padding-left: 15px;
     margin-top: 8px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .sm {
     font-size: 14px;
     line-height: 20px;
     margin-top: 8px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .more {
     padding: 15px 0;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .more a {
     padding: 6px 12px;
     font-size: 14px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum {
     margin-top: 15px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum ul {
     flex-wrap: wrap;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum ul li {
     flex: 0 0 50%; 
     margin-bottom: 15px;
     box-sizing: border-box;
     padding: 0 5px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum ul li:last-child {
     width: 50%;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum ul li p.num {
     height: 30px;
     line-height: 30px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum ul li p.num span {
     font-size: 18px;
   }
   
   .page .content .modules .mwrap .md-main .modules-right .otnum ul li p.tt {
     font-size: 12px;
     line-height: 18px;
   }
   .video-show {
     height: 300px;
   }
   .page .content .schools {
     padding-top: 5px;
   }
   
   .page .content .schools .s-list .s-item {
     flex: 0 0 33.33%;
     width: 33.33%;
     padding: 5px;
   }
/* footer */
.ly-footer { min-width:100%; padding:20px 10px; }
  .ly-footer .links .links-wrap {
    height: auto;
    flex-direction: column;
    padding-top:0;
  }
  
  .ly-footer .links .links-wrap .link-item {
    margin-bottom: 20px;
  }
  .ly-footer .copyRight { height:auto; }
}

/* pic size scale*/
.page .content .modules .mwrap .md-cn .img img
{
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s
}
.page .content .modules .mwrap .md-cn .img:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}