/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
body{ background: #000 ; padding-bottom:3em;}
a{ text-decoration: none; outline: none;}
ul,li,dl,dt,dd{ margin:0; padding: 0; list-style: none; }
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.layer{ max-width: 640px; margin: 0 auto; background: #fff url(../images/gezi.jpg) repeat left top;}
.header{ background: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.header .logo{ padding: 0.4em 1em; display: block; }
.subschoolnav{ float: right; position: relative;  line-height: 1.8em; color: #333; text-align: right; }
.subschoolnav a{ text-decoration: none; color: #fff; font-style: italic; font-size:0.8em;  margin-right: 1em; display: block;margin-top:0.7em; background: #DB2525; border-radius: 30px; padding: 0 10px;}
.subschoolnav a span{font-size:1em; color: #fff; margin-right: 5px;}


.banner{ position: relative; }
.title{ margin: 1em 1em 2em 1em;}
.title h1{ font-size:1.3em; color: #333; text-align: center; margin: 0;  vertical-align: middle;  height:1.2em; line-height:1.2em; position: relative;}
.titNew{text-align: center; margin-bottom: 1em;}
.titNew h1{position: relative; top: -0.4em; display: inline-block;background: #D12E1F;  padding:0.5em 1em;font-size:1em; color: #fff; border-radius: 0 0 15px 15px; text-align: center; margin: 0;  vertical-align: middle;  height:1.5em; line-height:1.5em;}
.titNew h1::before{content: ""; background: url(../images/dot.png) no-repeat right top; width: 9px; height: 8px; position: absolute; right: -9px; top: 0; }
.title p{ font-size:0.8em; color: #999; text-align: center; margin:0.5em 0; padding: 0;}
.title p b{ color: #DB2525; }
.title p span{ height: 6px; background: #FFDA44; display: inline-block; width: 6px; border-radius: 4px; margin:0 5px; vertical-align: middle; }
.title p span:nth-child(2){ background: #D80027; width: 10px; height: 10px; border-radius: 6px;}
.title p span:nth-child(3){ background: #FFDA44; }
.xd-data{ margin:1em auto; }
.xd-data ul li dl{ margin:0.5em 0em;border-right: 1px solid #eee;  }
.xd-data ul li:nth-child(3) dl{ border: none; }
.xd-data ul li dl dt{ font-size: 2em; color:#d12e1f; text-align: center;font-weight: bold; }
.xd-data ul li dl dt span{ font-weight: normal; font-size: 0.6em; }
.xd-data ul li dl dd{ text-align: center; font-size: 0.7em; color: #777; margin:0.3em auto;  text-shadow: 0 0 6px rgba(0,0,0,0.1);}


.footer{ background: #404040; }
.footer-but { padding: 1em 0 1.5em 0;}
.footer-but h1{ font-size: 1.2em; text-align: center; color: #fff; margin:0;}
.footer-but p{ text-align: center; font-size: 0.7em; margin: 0.5em 0; color: #fff;}
.more-a a{ display: block; height: 2.5em; line-height:2.5em; color: #fff; width: 60%;     background-image: linear-gradient(to right, #FFC400, #D12E1F); border-radius: 30px; text-align: center; font-size: 0.9em; margin: 1em auto; }

.ceyice{ padding: 0.5em 1em;background: #fff; border-radius: 10px; box-shadow: 0 0 12px rgba(0,0,0,0.1); margin:-2em 1em 1.5em 1em;  position: relative; }
.ceyice .pure-g{ margin:0em 0 1em 0; padding: 0; }
.ceyice .pure-g label{ font-size: 0.75em; color: #333;}
.ceyice .pure-g label input{vertical-align: middle; margin-right: 0.5em;}
.ceyice .pure-g .pure-input { width: 100%; border:none; background: #f6f6f6; box-shadow: none; border-radius:5px; line-height: 2.5em;  font-size: 0.85em; text-shadow: 0 0 6px rgba(0,0,0,0.1);}
.ceyice .pure-g .pure-button,  .pop-dl .pure-g .pure-button{ background-image: linear-gradient(to right, #FFC400, #D12E1F); color: #fff; width: 100%; border-radius: 5px; font-size:0.9em; line-height: 2.2em; text-shadow: 0 0 6px rgba(0,0,0,0.1);}
.ceyice h5{ font-size: 0.8em; margin:0.5em auto; font-weight: normal; text-shadow: 0 0 6px rgba(0,0,0,0.1); color: #555; }
.cc-ul li{ margin: 0.5em 0; }
.ceyice .dowebok{ margin: 0.5em -0.5em; }
.dowebok li{ margin:0.5em 0; }
.dowebok li label{ color: #000; margin: 0 0.5em; display: block; background: #F2F2F2; border:1px solid #F2F2F2; border-radius: 10px; text-align: center;  padding:10px 0px; font-size: 0.85em; text-shadow: 0 0 6px rgba(0,0,0,0.1);}
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{ margin-left: 3px; }
input.labelauty + label > span.labelauty-unchecked-image, input.labelauty + label > span.labelauty-checked-image{ display: none; }
input.labelauty:checked + label{ background: #f6c305; border: 1px solid #f6c305;}
.whyxd{ padding:0em 0.5em 1.5em 0.5em; margin:2em 1em 1em 1em; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.whyxd .whyxd-list{ margin: 0 0.5em; padding: 0.3em; list-style: none;     background-image: linear-gradient(to right, #FFC400, #d12e1f); border-radius: 10px; }
.whyxd .whyxd-list li, .whyxd .whyxd-list li dl, .whyxd .whyxd-list li dl dt, .whyxd .whyxd-list li dl dd, .whyxa-list li dl dd, .whyxa-list li dl, .whyxa-list li dl dt, .whyxa-list li{ margin: 0;padding: 0; list-style: none; }

.whyxd .whyxd-list li:nth-child(1), .whyxd .whyxd-list li:nth-child(4){ background: #fff; border-radius: 10px;}
.whyxd .whyxd-list li:nth-child(1){ border-radius: 10px 10px 0 10px; }
.whyxd .whyxd-list li:nth-child(4){ border-radius: 0 10px 10px 10px; }
.whyxd .whyxd-list li:nth-child(1) dl dt, .whyxd .whyxd-list li:nth-child(4) dl dt{ color: #d12e1f; }
.whyxd .whyxd-list li:nth-child(1) dl dd, .whyxd .whyxd-list li:nth-child(4) dl dd{ color: #d12e1f; }
.whyxd .whyxd-list li dl{ margin: 1.5em 0; }
.whyxd .whyxd-list li dl dt{ font-size: 1em; color: #fff; margin-bottom: 0em; font-weight: bold; text-align: center;}
.whyxd .whyxd-list li dl dd{ font-size: 0.75em; color: #fff; text-align:center; line-height: 180%; text-shadow: 0 0 6px rgba(0,0,0,0.1); }
.shrq{ margin:2em 1em 1em 1em; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); padding-bottom: 1em;}
.shrq-list{ margin: 0 0.7em; }
.shrq-list li{ width: 100%; }
.shrq-list li dl{ border-radius: 10px;  margin: 0.5em; margin-bottom: 1.5em;}
.shrq-list li dl dt{background-image: linear-gradient(to bottom, #FFADA6, #D12E1F);border-radius: 10px 10px 0 0; line-height: 2em; color: #fff; text-align: center;}
.shrq-list li dl dd{ background: #FFDAD6;  border-radius: 0 0 10px 10px; padding: 0.5em 1em 1em 1em; position: relative;}
.shrq-list li dl dd p{font-size: 0.8em; margin:0.5em 0;}
.shrq-list li dl dd a{ display:block;width:60%; text-align:center;font-size:0.85em;background-image: linear-gradient(to right, #FFC400, rgba(255,21,0,0.64)); height: 2.5em; line-height: 2.5em; position: absolute; border-radius: 20px; color: #fff; left: 50%; margin-left: -30%;}

.tabbar{ background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.1); padding:0.5em 0.5em 0.5em 0.5em; position: fixed; bottom: 0;left: 0; right: 0; z-index: 999;}
.tabbar dl dt{ width: 3em; float: left; height: 3em; border-radius: 50%; background: #FFF1C2; text-align: center; line-height: 2em; margin-right: 1em;}
.tabbar dl dt span{ color: #FF8000; font-size: 1.5em; padding:0.3em; display: block;}
.tabbar dl dd p{ font-size: 0.7em; margin:0.3em; color: #555; text-shadow: 0 0 6px rgba(0,0,0,0.1); }
.tabbar dl dd h2{color: #FF8000;margin:0em 0 0em 0; font-size: 0.85em; padding-top: 0.2em; }
.tabbar a p{ margin: 0.5em 1em 0 1em; padding:0.6em 0; text-align: center; font-size:0.8em;background: #FF8C00; border-radius: 5px; color: #fff;}


.zxzx-pop{ display: none;  position: fixed; left: 0; right: 0; bottom: 0; height: 170px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 1002; border-radius: 10px 10px 0 0; }
.zxzx-pop dl{ margin: 0; padding: 0; }
.zxzx-pop dt{ padding: 0 1em; background: #D0483F; border-radius: 10px 10px 0 0;}
.zxzx-pop dt p{ margin: 0; padding: 0.5em 0; color: #fff;}
.zxzx-pop dt p:last-child{ text-align: right; }
.zxzx-pop dt p span{font-size: 1.5em;}
.zxzx-pop dt p a{ color: #fff; }
.zxzx-pop dd{ padding:0.5em 1em; margin: 0; }
.zxzx-pop dd p{ font-size: 0.75em; color: #555; }
.zxzx-pop dd p span{ padding:0.5em; line-height: 180%; margin: 0 1em; border-left:2px solid #E3918C; border-bottom: 2px solid #E3918C; display: inline-block; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,0.2); border-radius: 10px;}
.poptel{ position:fixed; z-index: 9999; left: 5%; right: 5%; top: 35%; width: 90%; margin: 0 auto; border-radius: 5px;}
.poptel .close{ text-align: right; }
.poptel .close span{ font-size: 1.2em; color: #fff;width: 3em; height: 3em; border:1px solid #fff; border-radius: 20px; }
.pop-dl { background: #fff; border-radius: 10px; margin: 0; padding: 0 0 0.5em 0; height: 185px; }
.pop-dl dt{ text-align: center; margin: 10px auto; font-size:1.2em; height: 24px; overflow: hidden; padding:1em 1em 0 1em; font-weight: bold;}
.pop-dl dd{ padding: 0 2em; margin: 0;}
.pop-dl ul{ margin: 0; padding: 0; }
.pop-dl .pure-g .pure-input{ border: 1px solid #777; width: 100%; }
.pop-dl .pure-g .pure-checkbox{ font-size: 0.75em; color: #999; }
.popbg{ background: rgba(0,0,0,0.5); position:fixed;z-index: 9998; left: 0; top: 0; right: 0; bottom: 0;  }
.wx-pop{ position: fixed; z-index: 100; width: 80px; height: 100px; right: 0; bottom: 15%;  }
.wx-pop dl, .wx-pop dl dt, .wx-pop dl dd{ margin: 0; padding: 0; text-align: center; }
.wx-pop dl dt{ width: 3em; height: 3em; margin: 0 auto; position: relative; background: #fff; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.wx-pop dl dt span{ font-size: 1.5em;  display: block; margin: 0.5em; color: #FF8000; line-height: 2em;}
.wx-pop dl dt i{ position: absolute; right: 0px; top: 0px; display: inline-block; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #EF6156; color: #fff; border-radius: 10px; font-size: 0.5em;}
.wx-pop dl dd{ font-size: 0.75em; color: #D0483F; }

.teacher{ margin:2em 1em 1em 1em;  background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding-bottom: 0.5em;}

.teacher-data{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin:0.5em 1em; border-radius: 10px; padding: 1.5em 0;}
.teacher-data li dl dt{ font-size: 2em; text-align: center; font-weight: bold; }
.teacher-data li dl dt span{ font-size: 0.7em; font-weight: normal; }
.teacher-data li dl dd{ text-align: center; font-size: 0.75em;  color: #777; text-shadow: 0 0 6px rgba(0,0,0,0.1); }
.teacher-con{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);border-radius: 10px; margin:0.5em 1em; }
.teacher-list{ margin: 0.7em; }
.teacher-list li dl{ position: relative;box-shadow: 0 0 20px rgb(0 0 0 / 10%); background: #fff; border-radius: 10px; padding: 0.5em 0.2em 0 0.2em; margin: 0.3em; }
.teacher-list li dl dd{ position: absolute; left: 0; bottom: 0.5em; right: 0; padding: 2px 0;  background: linear-gradient(90deg,rgb(209 46 31) 10%,rgba(201,32,52,0) 90%); }
.teacher-list li dl dd h2{ font-size:0.85em; color: #fff; margin: 0.1em 10px; }
.teacher-list li dl dd p{ font-size: 0.55em; color: #fff;  margin:0 10px 0.3em 10px;}
.classtype{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin:2em 1em 1em 1em; padding-bottom: 1em;}
.clatype-list{ display: grid; grid-template-columns:repeat(3,33.33%); grid-template-rows:repeat(3,auto); margin:0 0.8em; }
.clatype-list li:nth-child(3){ grid-row-start: 1; grid-row-end: 3; grid-column-start: 3;grid-column-end: 5; padding-bottom:0.3em;}
.clatype-list li:nth-child(3) dl{ height: 100%;  }
.clatype-list li:nth-child(3) dl dt{ padding-top: 4em; }
.clatype-list li dl{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin:0.2em; border-radius: 10px; }
.clatype-list li dl dd{ font-size: 0.9em; color: #333; font-weight: bold; text-align: center; padding-bottom: 1em; margin-top: -0.5em; text-shadow: 0 0 6px rgba(0,0,0,0.1); }
.school{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin:2em 1em 1em 1em; }
.school ul{ margin:1em; }
.school ul li{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px; padding:1em 1em 1em 1em; margin-bottom: 0.6em; position: relative;}
.school ul li a{ color: #333; }
.school ul li dl dt{ width: 64px; float: left; padding-right: 1em; position:relative; }
.school ul li dl dt img{ width: 64px; width: 64px; border-radius: 50%; }
.school ul li dl dt span{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 64px; width: 64px; display: block; background:rgb(209 46 31 / 80%); box-shadow: 0 0 20px rgba(0,0,0,0.1); line-height: 64px; text-align: center; color: #fff; font-size: 1.05em;  border-radius: 50%; }
.school ul li dl dd h2{ font-size: 0.95em; color: 555; margin:0em 0 0.5em 0; padding-top: 0.2em; text-shadow: 0 0 6px rgba(0,0,0,0.1);}
.school ul li dl dd p{ font-size: 0.75em; color: #777; margin: 0;  text-shadow: 0 0 6px rgba(0,0,0,0.1);}
.school ul li dl dd .zixun{ height: 2em; width: 2em; position: absolute; right: 1em; top: 0.5em; }
.school ul li dl dd .zixun span{ font-size: 2em; color: #ffc30096; }

.xuzhi{ display: none; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom:0; z-index: 8888; overflow: hidden; background: rgba(0,0,0,0.8);  }
.xuzhi dl{ width: 80%; height: 60%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15); position: absolute; left: 50%; margin-left: -40%;  top:10%; }
.xuzhi dl dd{overflow: hidden; overflow-y: auto; width: 100%; height: 90%;}
.xuzhi dl dt h1{font-size: 1.2em;  text-align: center; }
.xuzhi dl dd p{ font-size: 0.75em; color: #555; padding:0.5em 1em; text-align: justify; }
.xuzhi dl dt{ text-align: left; padding: 0.5em 0.8em; }
.xuzhi dl dt span.close_xuzhi{ display: inline-block;  font-size: 1.2em; color: #000; float: right;}
.pop_xuzhi{ color: #ff6600; }
.actives{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin:2em 1em 1em 1em;}
.actives-list{ margin: 0.5em 2em 0 1em;  background:#D12E1F; border-radius: 60px 1000px 50px 60px;}
.actives-list dd{ }
.actives-list dd ul{ padding: 0.5em 0 0.5em 0.5em; }
.actives-list dd ul li a{ display: block; border-radius: 10px;  background: #eec20a; color: #fff; font-size: 0.75em; padding: 0.8em 0; margin: 0 0 0.5em 0; text-align: center; }
.actives-list dd ul li a.current{ background: #fff; color: #C92034; }
.actives-list dd ul li a:last-child{ margin: 0; }
.actives-list dd ul li:nth-child(2){position: relative;}
.actives-list dd ul li .active-con { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 10px; padding: 0 1em; margin-left: 0.5em; position: absolute; right: -1em; top: 0; bottom: 0; overflow: hidden; }
.actives-list dd ul li .active-con h2{ margin:0em 0 0.5em 0; font-size: 0.95em; width: 80px; position: relative; border-bottom: 6px solid #FFC300;}
.actives-list dd ul li .active-con h2 span{ display: block; position: relative; bottom: -5px;}
.actives-list dd ul li .active-con p{ font-size: 0.75em; color: #555; margin: 0;}
.actives-list dd ul li .active-con img{margin: 0.5em 0 0.6em 0;}
.service{ margin: 0.5em; }
.service li dl{ background:#fec401; border-radius: 10px; padding: 0.3em 0 0.5em 0; margin: 0.5em;}
.service li dl dt{ padding:0em 0em; }
.service li dl dt img{ display: block; margin: 0 auto; max-width: 60%; }
.service li dl dd{ font-size: 0.7em; color: #fff; text-align: center; }

.yhhd{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin: 1em; padding-bottom: 0.2em; }

.yhhd-list li{ width: 100%; }
.yhhd-list li dl{background-image: linear-gradient(to bottom, #FFF2F2, #FF7063); margin:0.5em 1em; padding:0.5em 1.5em 1em 1.5em; border-radius: 10px;}
.yhhd-list li dl dt{ padding: 0 0em; }
.yhhd-list li dl dt h2{ font-size: 1em; text-align: left; color: #D12E1F; margin: 0.5em;}
.yhhd-list li dl dt p{ text-align: left; margin: 0; font-size: 0.8em; color: #000;}
.yhhd-list li dl dd{ margin: 0; padding: 0;}
.kc-nav{ margin: 0.5em 1em; }
.kc-nav li a{ display: block; background: #FFC300; color: #000; margin: 0.2em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 10px; font-size: 0.75em; }
.kc-nav li.current a{ background: #d12e1f; color:#fff; }