/*reset*/
body{line-height:1.4;color:#333;font-family:'microsoft yahei';background: #fff;zoom: .81;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{margin:0; }
h4,h5,h6{ }
ul,ol{padding-left:0; list-style-type:none; }
/*image with no-border*/
a img{border:0;}
img{border:0;}
/* 
 * buttons
*/
.btn { display: inline-block; padding: .3em 1em; border: 0 none; border: 1px solid rgba(0,0,0,.25); border-radius: 0.3em; background-image: none; box-shadow: 0 1px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.15); color: #fff; text-align: center; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,.1); font-size: 100%; font-family: inherit; font-weight: inherit; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: visible; cursor: pointer; }
.btn:hover, .btn:focus { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1)); }
.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:active { box-shadow: 0 1px rgba(0,0,0,.2), inset 0 1px rgba(0,0,0,.05); outline: none; }

.btn-navy { background-color: #001f3f; }
.btn-blue { background-color: #0074d9; }
.btn-aqua { background-color: #7fdbff; }
.btn-teal { background-color: #39cccc; }
.btn-olive { background-color: #3d9970; }
.btn-green { background-color: #2ecc40; }
.btn-lime { background-color: #01ff70; }
.btn-yellow { background-color: #ffdc00; }
.btn-orange {background-color: #ff851b;color: #fff;}
.btn-red { background-color: #ff4136; }
.btn-fuchsia { background-color: #f012be; }
.btn-purple { background-color: #b10dc9; }
.btn-maroon { background-color: #85144b; }
.btn-white { background-color: #ffffff; }
.btn-gray { background-color: #aaaaaa; }
.btn-silver { background-color: #dddddd; }
.btn-black { background-color: #111111; }

.btn-white, .btn-silver { color: #111111;  text-shadow: none; }

/*!**
   colors.css v1.0
   http://clrs.cc
   @mrmrs
   MIT License
***/
/*
   SKINS
   • Backgrounds
   • Colors
*/
/* Backgrounds */
.bg-navy { background-color: #001f3f; }
.bg-blue { background-color: #0074d9; }
.bg-aqua { background-color: #7fdbff; }
.bg-teal { background-color: #39cccc; }
.bg-olive { background-color: #3d9970; }
.bg-green { background-color: #2ecc40; }
.bg-lime { background-color: #01ff70; }
.bg-yellow { background-color: #ffdc00; }
.bg-orange { background-color: #ff851b; }
.bg-red { background-color: #ff4136; }
.bg-fuchsia { background-color: #f012be; }
.bg-purple { background-color: #b10dc9; }
.bg-maroon { background-color: #85144b; }
.bg-white { background-color: #ffffff; }
.bg-gray { background-color: #aaaaaa; }
.bg-silver { background-color: #dddddd; }
.bg-black { background-color: #111111; }
/* Colors */
.navy { color: #001f3f; }
.blue { color: #0074d9; }
.aqua { color: #7fdbff; }
.teal { color: #39cccc; }
.olive { color: #3d9970; }
.green { color: #2ecc40; }
.lime { color: #01ff70; }
.yellow { color: #ffdc00; }
.orange { color: #ff851b; }
.red { color: #C30D23; }
.fuchsia { color: #f012be; }
.purple { color: #b10dc9; }
.maroon { color: #85144b; }
.white { color: #ffffff; }
.silver { color: #dddddd; }
.gray { color: #aaaaaa; }
.black { color: #111111; }
/* Prettier Links */
a {color: #333;text-decoration: none;}
a:hover { text-decoration: underline; }


/*!
* by zhangxinxu(.com) 2010-?
* base on [https://github.com/zhangxinxu/zxx.lib.css]
*/

/* ---------------------single CSS----------------------- */
/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */
/* height */
.h14 { height: 14px; }
.h16 { height: 16px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h22 { height: 22px; }
.h24 { height: 24px; }
/* width */
/* fixed width value */
.w20 { width: 20px; }
.w50 { width: 50px; }
.w70 { width: 70px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w700 { width: 700px; }


.mw640 { max-width: 640px; }
.mw1080 { max-width: 1080px; }
.mw1280 { max-width: 1280px; }
.mw1250 { max-width: 1250px; }

/* percent width value */
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct30 { width: 30%; }
.pct33 { width: 33.3%; }
.pct40 { width: 40%; }
.pct50 { width: 50%; }
.pct60 { width: 60%; }
.pct66 { width: 66.6%; }
.pct70 { width: 70%; }
.pct75 { width: 75%; }
.pct80 { width: 80%; }
.pct90 { width: 90%; }
.pct100 { width: 100%; }
/* line-height */
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
/* margin */
.m0 { margin: 0; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
/* margin negative */
.ml-1 { margin-left: -1px; }
.mr-1 { margin-right: -1px; }
.mt-1 { margin-top: -1px; }
.mb-1 { margin-bottom: -1px; }
.ml-3 { margin-left: -3px; }
.mr-3 { margin-right: -3px; }
.mt-3 { margin-top: -3px; }
.mb-3 { margin-bottom: -3px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-right: -20px; }
.mt-20 { margin-top: -20px; }
.mb-20 { margin-bottom: -20px; }
/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; }
.pl1 { padding-left: 1px; }
.pt1 { padding-top: 1px; }
.pr1 { padding-right: 1px; }
.pb1 { padding-bottom: 1px; }
.p2 { padding: 2px; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }
.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }
.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }
/* border-color name rule:  border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc { border: 1px solid #ccc; }
.blc { border-left: 1px solid #ccc; }
.brc { border-right: 1px solid #ccc; }
.btc { border-top: 1px solid #ccc; }
.bbc { border-bottom: 1px solid #ccc; }
.bdd { border: 1px solid #ddd; }
.bld { border-left: 1px solid #ddd; }
.brd { border-right: 1px solid #ddd; }
.btd { border-top: 1px solid #ddd; }
.bbd { border-bottom: 1px solid #ddd; }
.bde { border: 1px solid #eee; }
.ble { border-left: 1px solid #eee; }
.bre { border-right: 1px solid #eee; }
.bte { border-top: 1px solid #eee; }
.bbe { border-bottom: 1px solid #eee; }
/* background-color name rule:  bg - (key word/Hex color) |-> All colors are safe color */
.bgfb { background-color: #fbfbfb; }
.bgf5 {/* background-color: #f5f5f5; */}
.bgf0 { background-color: #f0f0f0; }
.bgeb { background-color: #ebebeb; }
.bge0 { background-color: #e0e0e0; }
/* safe color */
.g0 { color: #000; }
.g3 { color: #333; }
.g6 { color: #666; }
.g9 { color: #999; }
.gc { color: #ccc; }
/* font-size */
.f0 { font-size: 0; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }



/*m fonts, add extra .inf class to parent to enlarge without limits*/

.f050{font-size:50%}
.f055{font-size:55%}
.f060{font-size:60%;}
.f065{font-size:65%}
.f070{font-size:70%}
.f075{font-size:75%}
.f080{font-size:80%}
.f085{font-size:85%}
.f090{font-size:90%}
.f100{font-size:100% !important}
.f110{font-size:110%}
.f120{font-size:120%}
.f130{font-size:130%}
.f140{font-size:140%}
.f150{font-size:150%}
.f175{font-size:175%}
.f200{font-size:200%}
/* font-family */
.fa { font-family: Arial; }
.ft { font-family: Tahoma; }
.fv { font-family: Verdana; }
.fs { font-family: Simsun; }
.fl { font-family: 'Lucida Console'; }
.fw { font-family: 'Microsoft Yahei'; }
/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }
/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }
/* text-decoration */
.tdl { text-decoration: underline; }
.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover { text-decoration: none; }
/* letter-spacing */
.lt-1 { letter-spacing: -1px; }
.lt0 { letter-spacing: 0; }
.lt1 { letter-spacing: 1px; }
/* white-space */
.nowrap { white-space: nowrap; }
/* word-wrap */
.bk { word-wrap: break-word; }
/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }
/* float */
.l { float: left; }
.r { float: right; }
/* clear */
.cl { clear: both; }
/* position */
.rel { position: relative; }
.abs { position: absolute; }
/*z-index*/
.zx1 { z-index: 1; }
.zx2 { z-index: 2; }
/* cursor */
.poi { cursor: pointer; }
.def { cursor: default; }
/* overflow */
.ovh { overflow: hidden; }
.ova { overflow: auto; }
/* visibility */
.vh { visibility: hidden; }
.vv { visibility: visible; }
/* zoom */
.z { *zoom: 1; }


/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
/* 清除浮 动*/
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
/* 基于display: table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }
/* 双栏自适应cell部分连续英文字符换行 */
.cell-bk { display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }
/* 单行文字溢出虚点显 示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* css3过渡动画效果 */
.trans { 
    -webkit-transition: all 0.3s;   
            transition: all 0.3s; 
}
/* 大小不定元素垂直居中 */
.dib-vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading { background: url(http: //www.zhangxinxu.com/study/image/loading.gif) no-repeat center; }
/* 无框文本框文本域 */
.bd-none { border: 0; outline: none; }
/* 绝对定位隐藏 */
.abs-out { position: absolute; left: -999em; top: -999em; }
.abs-clip { position: absolute; clip: rect(0 0 0 0); }
/*inline-block与float等宽列表*/
.inline-box { font-size: 1em; letter-spacing: -.25em; font-family: Arial; }
.inline-two, .inline-three, .inline-four, .inline-five, .inline-six, .inline-any { display: inline-block; *display: inline; letter-spacing: 0; vertical-align: top; *zoom: 1; }
.float-two, .float-three, .float-four, .float-five, .float-six { float: left; }
.inline-two, .float-two { width: 49.9%; }
.inline-three, .float-three { width: 33.3%; }
.inline-four, .float-four { width: 24.9%; }
.inline-five, .float-five { width: 19.9%; }
.inline-six, .float-six { width: 16.6%; }
.inline-fix { display: inline-block; width: 100%; height: 0; overflow: hidden; }

.teacher-tx{
    width: 305px;
    position: absolute;
}
.teacher-tx img{display: block}
.kshow-thumb img{width: 100%}
.teacher-name{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,0.8);
    height: 65px;
    line-height: 65px;
    color: #FE9F00;
    text-align: center;
    font-weight: bold;
    letter-spacing: 5px;
}
.teacher-text{
    margin: 0 0 0 310px;
    height: 459px;
    background: url(bg.jpg) 0 0 repeat;
    display: table;vertical-align: middle
}
.teacher-text p{margin: 30px 30px  30px 30px;color: #eee;}
.teacher-text-inner{display: table-cell;vertical-align: middle}



.footer{background: #362E20;position: fixed;width: 100%;bottom: 0;}

.ksline{display: block;font-size:0;}
.ksline img{width:100%;}

.campbtn {display: inline-block;margin: 0 20px;padding: 2px 35px;line-height: 55px;background: #ccc;border-radius: 15px;}
.campbtn1:link,.campbtn1:visited{width: 190px;text-decoration:none;color: #fff;background: #32BFC8;text-align: center;box-shadow: 1px 2px 0px 1px #60636A;}
.campbtn1:hover,.campbtn1:active{text-decoration:none;background: #53CAF2;}
.campbtn2:link,.campbtn2:visited{text-decoration:none;color: #fff;background: #F39801;}
.campbtn2:hover,.campbtn2:active{text-decoration:none;background: #ffa34b;}

.fake-control-box{width: 75%;border: 1px solid #555555;background: #F4F4F4;margin: 15px auto;}
#form1 select,#form1 input{
    width: 100%;
    display: block;
    padding: 3% 0 3% 2%;
    border: none;
    background: transparent;
}
#form1 .formbtns{width: 75%;margin: 15px auto;overflow: hidden}
#form1 select{}
#form1 input{}


.kshow {width: 1250px;height: 459px;/* float: left; */overflow: hidden;/* background: #aaa; */}
.kshow-slide {/* margin: 20px 30px 20px 30px; */width: 100%;height: 459px;}
#show1Thumbs {margin: 5px 0 0 0;/* width: 690px; *//* height: 360px; *//* float: left; */position: relative;z-index: 99;}
#show1Thumbs .kshow-thumb {float: left;font-size: 0;width: 174px;height: 174px;margin: 5px 0px 0 5px;opacity:.4;filter:alpha(opacity=40);}
#show1Thumbs .hl {opacity: 1;filter:alpha(opacity=100)}


.mw img{max-width:100%}
.fourbtns{
    width: 1250px;
    /* border: 2px solid #f60; */
    height: 200px;
    margin-left: -625px;
    left: 50%;
    top: 80px;
}

.fourbtns div{
  width: 300px;
  float:left;
  text-align: center;
  /* background: rgba(0,0,0,.5); */
  margin: 0px 0 0 15px;
}

.xqlist{
    width: 1250px;
    /* border: 2px solid #f60; */
    height: 200px;
    margin-left: -625px;
    left: 50%;
    /* top: 80px; */
    color: #fff;
    text-align: left;
}

.xqlist div:hover{background: #FFB500;color:#333}
.xqlist div:hover .xqname{color:#333}

.xqname{color: #F8BB15;}

.xqlist a{
display:block;
  width: 30%;
  float:left;
  /* text-align: center; */
  /* background: rgba(177, 39, 39, 0.5); */
  margin: 0px 1% 15px 0;
  padding: 20px 1%;
  /* cursor: default; */
  height: 116px;
}

.onebtn{
    width: 860px;
    /* border: 2px solid #f60; */
    height: 200px;
    margin-left: -430px;
    left: 50%;
    top: 80px;
    font-size: 140%;
    text-align: right;
}


/*.headimg{width:100%}*/
@media (max-width:767px){
  .centerbg{zoom:.35}
    .headimg{width:100%;}
    .forminner{padding: 0 20px 20px 20px;}
}





.clear{clear:both;}

.sidebar{background: #323232;border:1px solid #e6ebf1;width: 160px;/* padding:5px; */margin: 0 0 0 -881px;position: fixed;left: 50%;top: 20px;z-index: 9998;}
.sidebar h2{color:#fff;font-size: 15px;line-height: 33px;text-align:center;padding:2px 0 7px;margin: 6px 0 0 0;}

.fullmenu-con{/* width:190px; */background: #323232;padding: 0px 0;}
.fullmenu-con li{/* float:left; *//* width: 100%; */display:block;/* padding-left:24px; *//* background: #e6ebf1; */position:relative;line-height:21px;border:none;color: #fff;}
.fullmenu-con li:hover{/* background: #ffb400; */}
.fullmenu-con li a{font-size:14px;color: #fff;/* display:block; */outline:0;text-decoration:none;padding:5px 0;}
.fullmenu-con li:hover a{color:#fff;}


.dropdown_4columns{margin:6px auto;float:left;position:absolute;left:-999em;text-align:left;border-left: 1px solid #666;/* border-top:1px solid #3B4053; *//* border-bottom:1px solid #3B4053; *//* border-right:1px solid #3B4053; */width: 190px;background: rgba(0,0,0,.8);padding:5px 0 10px;}
.sep{padding:0 10px}
.fullmenu-con li:hover .dropdown_4columns{left: 160px;top:-6px;}
.col_1{/* width:120px; */display:inline;float: left;position: relative;margin:0;}
.col_4{width:510px;display:inline;float: left;position: relative;margin:0;}
.fullmenu-con h3{font-size:14px;font-weight:bold;color:#3B4053;margin:4px 0;padding-left:20px;line-height:21px;font-size:12px;text-align:center;}


.darkmenu {background: #323232;}
.darkmenu-inner {width: 1245px;margin: 0 auto;text-align: left;color: #fff;font-size: 18px;}
.darkmenu-input {height: 20px;vertical-align: text-bottom;}

.darkmenu a:link{
    color: #fff;
    /* font-size: 18px; */
    padding: 0 25px;
    text-decoration: none;
    line-height: 50px;
    display: inline-block;
},.darkmenu a:visited{text-decoration:none}
.darkmenu a:hover{
    background: #ffb500;
},.darkmenu a:active{text-decoration:none}

.zxbook{
    margin: 39px 0 0 0;
    position: relative;
    width: 100%;
}
.zxbookmarks{width: 100%;height:38px;position: absolute;top:-38px;}
.zxbookmark{width: 50%;height: 38px;/* padding:0 40px; */margin-right:0px;float:left;/* border:1px solid #98BA30; *//* border-right: 1px solid #FFE0BC; *//* border-top: 4px solid #fff; */background: #989898;color: #fff;line-height: 38px;font-size: 18px;cursor:pointer;position:relative;top:1px;font-family: 'microsoft yahei';text-align: center;}
.zxbookmark-on{
    background: #FFB500;
}
.fullmenu-con li:hover div a{font-size: 14px;color: #fff;}
.fullmenu-con li:hover div a:hover{color: #ffb400;}
.fullmenu-con li ul{list-style:none;padding:0;margin:0;}
.fullmenu-con li ul li{font-size: 15px;line-height: 31px;position:relative;padding: 0 0 0 20px;margin:0;text-align:left;/* width:120px; *//* border-left:#ccc 1px solid; */}
.fullmenu-con li ul li a{padding: 0 0 0 1px;margin:0;}
.fullmenu-con li ul li:hover{/* background:none; *//* padding:0 0 0 6px; *//* margin:0; */}

.fullmenu:hover{background: #4a4a4a;}

.menuitem {font-size: 15px;padding: 10px 0 10px 15px;position: relative;border-top: 1px solid #666;}
.menuitem-grade {color: #ffc949;position: relative;}
.menuitem-arrow {color: #ccc;position: absolute;right: 27px;}
.menuitem-kemu { }
.menuitem-kemu span{padding: 0 10px 0 0;}