@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; list-style:none; text-decoration:none; box-sizing:border-box;}
body{font-family: 'Microsoft YaHei';background-color:#f8f8f8; font-size:12px; }
img{ max-width:100%;}
input[type="submit"]{-webkit-appearance : none ;  /*解决iphone safari上的圆角问题*/}
input[disabled="true"]{ background-color:#666 !important; border:1px solid #666 !important;}
input{ border-radius:0;-webkit-appearance: none;}
a:hover{}
html {
    font-size: 58.33%;
}
@media screen and (max-width: 321px){
html {
    font-size: 62.5%;
}
}
@media screen and (max-width: 414px){
html {
    font-size: 66.67%;
}
}
@media (max-width: 460px) {
html {
    font-size: 100%;
}
}
.clr{ clear:both;}
.wrap{max-width:640px; margin-left:auto; margin-right:auto;}
.txl{ text-align:left;}
.txc{ text-align:center;}
.txr{ text-align:right;}
.head{ background-color:#fff;font-size:18px;}
.head a{color:#8f8c8c; font-size:18px;}
.head .txc{color:#8f8c8c; padding-top:2rem;}
.tel{ color:#cc1719;  padding-left:45px; font-size:14px; background-image:url(../../image/home/index/tel.jpg);     background-size: contain;background-repeat:no-repeat; background-position: 10% bottom; margin-top:1rem;}
.tel span{ color:#cc1719; font-weight:bold; font-size:16px;}
.nav{ margin-top:1rem; margin-bottom:0.5rem;}
.nav ul{ text-align:justify;}
.nav ul:after{ width:100%; content:''; display:inline-block;}
.nav ul li{ display:inline-block;}
.nav ul li a{ font-size:16px;}
.banner{}
.banner img{ float:left;}
.title{ padding:1rem; text-align:center; background-image:url(../../image/home/index/mline.jpg); background-position:center; background-repeat:repeat-x;}
.title span{ display:inline-block; padding:0 1rem; color:#595959; font-size:20px; background-color:#f8f8f8;}
.title1{ padding:1rem; text-align:center; background-image:url(../../image/home/index/mline.jpg); background-position:center; background-repeat:repeat-x;}
.title1 span{ display:inline-block; padding:0 1rem; color:#595959; font-size:20px; background-color:#fdf4df;}
.ys .yslist{ width:46%; background-color:#fff; padding:1rem; background-image:url(../../image/home/index/tline.jpg); background-repeat:no-repeat; background-position:top;}
.ysimg{ text-align:center; margin-top:0.3rem;}
.ystit1{ text-align:center; color:#212121; font-size:18px; font-weight:bold; margin-top:0.5rem;}
.ystit2{ text-align:center; color:#212121; font-size:14px;margin-top:0.5rem;}
.ysdesc{ color:#595959;font-size:14px;margin-top:0.5rem; line-height:25px; padding-bottom:1rem;}
.mh250{ min-height:250px;}
.fl{ float:left !important; }
.fr{ float:right !important;}
.bgfff{ background-color:#fff;}
.ys .col12{ background-color:#fff; padding:1rem;  margin-top:1rem;}
.ys .col13{ margin-bottom:1rem;}
.tcbg{ padding:1rem 0; background-color:#fdf4df; margin-top:1rem;}
.tealist{  background-color:#fff;}
.ourteac{ padding-top:1rem; }
.teal{ width:30%; float:left; padding:0.5rem; background-color:#e5e5e5;}
.tear{ width:70%; float:left; padding:0 1rem 1rem 1rem; position:relative; }
.teatit{ color:#000000;}
.kcbot{ margin-bottom:1rem;}
.teatit a{color:#000000; font-size:16px;}
.teadesc{ font-size:14px; color:#595959;}
.tealink{ padding:0 1rem; background-color:#fff; border:1px solid #abaaaa; margin-top:0.5rem; display:inline-block;}
.teabot a{ padding:0 1rem; background-color:#fff; border:1px solid #abaaaa; }
.stulist{ background-color:#fff;}
.stulist .stu{ padding:1rem;}
.stutit{ font-size:16px; color:#202020; margin-bottom:0.5rem;}
.studesc{ color:#676767; font-size:14px; line-height:20px;}
.footer{ background-color:#323232; background-image:url(../../image/home/index/footbg.jpg); background-repeat:repeat-x; background-position:top; margin-top:2rem; padding:1rem 0;}
.fnav{ padding-top:1rem; text-align:center; color:#fff;line-height:25px;}
.fnav2{ font-size:16px; color:#fff; text-align:center; padding:1rem 0;}
.fnav2 a{font-size:16px; color:#fff;}
.bgwrit{ background-color:#fff; padding:1rem 0;}
.ktitle{ background-image:url(../images/line01.jpg); background-repeat:repeat-x; background-position:center; text-align:center;}
span.kt01{ margin:1rem; padding:0.5rem; background-color:#fff; border-radius:20px; display:inline-block; border:1px solid #f3f3f3;}
.kt02{ background-color:#ffbb10; padding:0.5rem 2rem; color:#fff; font-size:16px; display:inline-block;border-radius:20px;}
.kcbox{ padding:1rem; font-size:14px; color:#8d8c8c; line-height:25px;}
.kclist{ background-color:#fff; margin-bottom:1rem;}
.kclist .col-lg-5{ padding:1rem; text-align:center;}
.kcltit{ font-size:20px; margin:1rem 0;}
.kcldesc{ font-size:16px;}
.kclbot{ text-align:center;}
.kclbot a{ display:inline-block; padding:0.5rem 1.5rem; border:1px solid #ffc022; border-radius:20px; color:#ffc022; font-size:14px; margin-top:1rem;}
.title3{ padding:0 1rem; margin-top:1rem; text-align:center; background-image:url(../../image/home/index/mline.jpg); background-position:center; background-repeat:repeat-x;}
.title3 span{ display:inline-block; padding:0 1rem; color:#595959; font-size:20px; background-color:#fff;}
.titlebot{ text-align:center;color:#595959; padding-bottom:1rem;}
.tjlist{ margin-bottom:1rem;}
.title4{  padding:0 1rem; margin-top:1rem; text-align:center; background-image:url(../../image/home/index/mline.jpg); background-position:center; background-repeat:repeat-x;}
.title4 span{ display:inline-block; padding:0 1rem; color:#595959; font-size:20px; background-color:#f8f8f8;}
.szpro{}
.szpro ul{ text-align:justify}
.szpro ul li{ display:inline-block; width:20%; margin:0 1rem; box-sizing:border-box; float:left; background-color:#fff; background-image:url(../images/szbot.jpg); background-size:contain; background-repeat:no-repeat; background-position:bottom; padding-bottom:88px; min-height:450px;}
.szimg{}
.sztit{ padding:1rem; font-size:16px; color:#595959;}
.szdesc{ padding:0 1rem; color:#999999; font-size:14px;}
.dtitle{ font-size:22px; color:#000000; font-weight:normal; margin:1rem 0;}
.dcontent{ font-size:18px; color:#000000; line-height:25px; margin-bottom:1rem;}
.dlist{ margin-bottom:1rem; border-bottom:1px dotted #e2e0e0; padding-bottom:1rem;}
.dlistl{ width:40%; float:left;}
.dlistl a{ display:block; border:1px solid #e0dfdf; padding:5px; text-align:center;}
.dlistr{ width:55%; float:right;}
.dlistr p{ color:#000000; font-size:16px;}
.dlistr p span{ font-size:16px; color:#000000; font-weight:bold;}
.dlistr p strong{ color:#000; font-size:14px; font-weight:bold;}
.teabot{ margin-top:0.5rem;}
.szlist{ margin-bottom:1rem; background-color:#fff;}
@media (max-width: 600px) {
.szpro ul li{ margin:0 0.7rem;}
}
@media (min-width: 768px) {
}

@media screen and (min-width: 0px) and (max-width: 460px) {
}
.photomain{width:1079px; margin-left:auto; margin-right:auto; overflow:hidden; }
.pbgtop{ background-image:url(../images/pbgtop.png); background-repeat:no-repeat;width:1079px; float:left;height:38px;}
.pbgbot{background-image:url(../images/pbgbot.png); background-repeat:repeat-y;width:1079px; float:left; margin-bottom:20px;}
#container{ width:100%; margin-left:auto; margin-right:auto;}
#main {
  overflow: hidden;
}

/**
 * Grid items animation
 */
 .titem{ position:relative;}
 .minphto{ position:absolute; bottom:-25px; right:5px; width:50px; height:50px;  overflow:hidden;}
 .minbox{ width:50px; height:50px; position:relative;}
 .minimg{ width:46px; height:46px; top:2px; left:2px; z-index:9; overflow:hidden; position:absolute; border-radius:50%;}
 .minimg{ max-width:100%;}
 .minbg{ position:absolute; top:0; left:0; z-index:99; height:50px; width:50px; background-image:url(../images/minphoto.png);}
 
#tiles li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/**
 * Filters
 */
#filters {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 0 5%;
}

#filters li {
  font-size: 12px;
  float: left;
  padding: 6px 0 4px 0;
  cursor: pointer;
  margin: 0 1% 0 1%;
  width: 8%;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:hover {
  background: #dedede;
}

#filters li.active {
  background: #333333;
  color: #ffffff;
}


/*瀑布流开始*/
.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.article {
  display: block;
  
  margin: 5%;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 100;
  overflow: hidden;
  position: relative;
  border:1px solid #e4e3e3;
  border-radius:5px;
}
.article:hover{ transform: scale(1.01);}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;
}
.article a{ color: #666;}

.article small{ font-size: 1em; color: #ff0000; line-height: 1.5;}
.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}
.wrapper{ max-width:640px;}
/*瀑布流结束*/
 .titem{ position:relative;}
 .minphto{ position:absolute; bottom:-25px; right:5px; width:50px; height:50px;  overflow:hidden;}
 .minbox{ width:50px; height:50px; position:relative;}
 .minimg{ width:46px; height:46px; top:2px; left:2px; z-index:9; overflow:hidden; position:absolute; border-radius:50%;}
 .minimg{ max-width:100%;}
 .minbg{ position:absolute; top:0; left:0; z-index:99; height:50px; width:50px; background-image:url(../images/minphoto.png);}
.bitem p.name {
	width:90%; margin-left:auto; margin-right:auto;
  color: #f00;
  font-size: 18px;
  margin: 7px 0 0 7px;
}
.bitem p.desc {
	width:90%; margin-left:auto; margin-right:auto;
  color: #666;
  font-size: 12px;
  margin: 7px 0 0 7px;
  line-height:25px;
}