/* css reset */
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
body,button,input,select,textarea{font:12px/1.5 'Microsoft YaHei',SimHei,SimSun,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:700}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:11px}
strong{font-weight:700}
a{text-decoration:none}
a:visited{outline:0}
em,i{font-style:normal}
a:active{outline:0;star:expression(this.onFocus=this.blur())}
a:focus{outline:0}
.clear{clear:both}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{zoom:1}
.text-center{text-align:center;}
body{min-width:1200px;font-size:14px;/* background:#e2e4e8 url(../img/bg.jpg) top repeat-x;*/ background-color:#fff; line-height:1.6;}
.placeholder{color:#bbb;}
:-moz-placeholder{color:#bbb}
input:-ms-input-placeholder{color:#bbb}

/* common */
label.error{color:red;padding-left:5px}
.light-btn{display:inline-block;background-color:#00a2ff;color:#fff;text-align:center;padding:4px 12px;cursor:pointer}
.light-btn.big{padding:4px 60px;font-size:40px}
.hor-list>li{display:inline-block;vertical-align:middle;margin:0;padding:0;white-space:normal;*display:inline;*zoom:1}
ul.cols2>li{width:50%}
ul.cols3>li{width:33.3%}
ul.cols3-7>li{width:30%}
ul.cols3-7>li:last-child{width:70%}
.number-list{list-style:decimal inside}
.justify>li:last-child{text-align:right}
.group-tabs>div,.tabs-list>li{-moz-transition:all .55s ease 0s;-o-transition:all .55s ease 0s;-webkit-transition:all .55s ease 0s;transition:all .55s ease 0s;background-color:#b6b6b6;color:#fff}
.tabs-list>li.on{background-color:#00a2ff;color:#fff}
.group-tabs>div{display:none;overflow:hidden}
.group-tabs>div.on{display:block;height:auto;background:#f0f0f0;color:#000}
#schoolTable.on{background:#f7ab00}
.x-checkbox{padding:2px 2px 2px 20px!important;background:url(../image/check-box.png) 0 5px no-repeat}
.x-checkbox.on{background:url(../image/check-box-on.png) 0 4px no-repeat}
.left-arrow,.right-arrow{padding-left:28px;position:relative}
.left-arrow::before,.right-arrow::after{content:"";top:50%;left:12px;position:absolute;display:inline-block;width:12px;height:12px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);background:0 0;border-top:1px solid #f83657;border-left:1px solid #f83657}
.right-arrow::after{left:auto;right:12px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.wrap{margin:0;padding:0;color:#3d3d3d}
.operate-bar{text-align:center;margin:8px 12px 0}
.operate-bar .light-btn.big{display:block}
.bottom-bar-place-holder{display:block;height:60px}
.bottom-bar{position:absolute;bottom:12px;left:0;right:0}
.light-btn a{color:#fff;width:100%;display:inline-block}
.header .cols2>li{padding:8px 0 9px;font-size:18px}
.job-title{font-size:16px}
.prop-name{padding-right:4px}
.prop-value{color:#556}
.note{color:#666;font-size:12px;padding:8px 0 9px 8px}
.radio-group{padding:0 8px}
.radio-item input{margin-right:2px}
.radio-item{margin-right:8px}
.align-side{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;-webkit-text-align-last:justify}
.tac{text-align:center}
.ht80{height:80px}
.w99p{width:99%}
.pt30{padding-top:27px}
.pt1{padding-top:15px}
.span-hover{background-color:#f39900!important;color:#fff!important}
.cclose{display:block;background:url(../img/dialog-close.png) 0 0 no-repeat;height:30px;width:30px;margin:10px 10px 0 0;position:absolute;margin-left:385px;cursor:pointer}
.container {width: 1200px;margin: 0 auto;}
.container-bg-white {background: #fff;}
.container-bg-gray {background: #f7f7f7;}
.container-sm {width: 1206px;}
.container-bg-gray {background: #f7f7f7;}
.container-border-gray {width: 1198px;border: 1px solid #c8c8c8;margin-bottom: 20px;}
.box{width: 1084px;margin: 0 auto;padding-bottom: 40px;}

/* goTop */
.goTop{bottom:20px;right:20px;color:#7f7f7f;width:260px;height:190px;line-height:65px;text-indent:-99999px;font-size:24px;display:none;}
.goTop-shows{background:url(../img/scroll-bindary-code2.jpg) center no-repeat;}
.product_scrolltop{position:fixed;bottom:50px;right:36px;z-index:50}
.micro_img .product_scrolltop{position:absolute;left:63px;bottom:-155px;z-index:50;display:none}
.index_scrobutton{width:50px;height:50px;background-color:#000;opacity:.25;border-radius:50px;text-align:center}
.index_scrobutton:hover{opacity:.4}
.index_scrobutton01{position:relative;top:15px}

/* iconfont */
@font-face{font-family:iconfont;src:url(iconfont/iconfont.eot);src:url(iconfont/iconfont.eot?#iefix) format('embedded-opentype'),url(iconfont/iconfont.woff) format('woff'),url(iconfont/iconfont.ttf) format('truetype'),url(iconfont/iconfont.svg#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-size:0;font-style:normal;
-webkit-font-smoothing:antialiased;
-webkit-text-stroke-width:.2px;
text-rendering:optimizeLegibility;
}

/* opacity */
/*.opacity{background-color:#efefef;background: url(../img/opacity_backgroundimg.png) repeat;}*/
.opacity{background-color:#efefef;}

/* header */
.header{width:100%;position:relative}
.header *,.header *:after,.header *:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.header .mainNav_wrap,.header .topNav_wrap{width:100%;background-color:#333}
    .header .mainNav_wrap {
        position: relative;
        top: 0;
        background-color: #fff;
        z-index: 10000;
    }
/*box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1)*/

.header .mainNav,.header .topNav{width:1200px;margin:0 auto}
.header .topNav{height:32px;padding:0;font-size:0;position:relative;text-align:right}
/* .header .topNav .logoTop{font-size:0;height:100%;width:170px;background-color:#0d6fef;position:absolute;top:0;left:0} */
.header .topNav a,.header .topNav span{display:inline-block;vertical-align:middle;height:100%;padding:0;line-height:30px;font-size:12px;color:#b0b0b0;
transition:color 0.2s ease; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease;}
.header .topNav .backstage{position:absolute; top:0; right:0;}
.header .topNav a.top_language{position:absolute;top:0;right:72px}
.header .topNav a:hover{color:#fff;}
.header .topNav span{margin:0 10px}
.header .topNav .download_qrcode,.header .topNav .wx_qrcode{display:block;width:152px;height:152px;position:absolute;left:-27px;top:32px;padding-top:20px;background-color:#fff;text-align:center;
box-shadow:0 5px 5px rgba(0,0,0,.3);-moz-box-shadow:0 5px 5px rgba(0,0,0,.3);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.3);
transition:opacity .3s ease,transform .3s ease;-moz-transition:opacity .3s ease,transform .3s ease;-webkit-transition:opacity .3s ease,transform .3s ease;
transform:translate3d(0,35px,0);-moz-transform:translate3d(0,35px,0);-webkit-transform:translate3d(0,35px,0);z-index:-1;opacity:0;filter:alpha(opacity=0)}
.header .topNav .download_qrcode{left:55px;padding-top:28px}
.header .topNav .show{transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);z-index:10001;opacity:1;filter:alpha(opacity=100)}
.header .topNav .download_qrcode .top_arrow,.header .topNav .wx_qrcode .top_arrow{display:block;border-bottom:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;top:-8px;left:50%;margin-left:-8px;z-index:10002;width:0;height:0;font-size:0}
.header .topNav .download_qrcode .icon_close,.header .topNav .wx_qrcode .icon_close{width:18px;height:18px;font-size:16px;line-height:16px;display:block;position:absolute;right:5px;top:3px;cursor:pointer;color:#999;text-align:center;border:1px solid #999}
.header .topNav .download_qrcode .icon_close:hover,.header .topNav .wx_qrcode .icon_close:before,.header .topNav .wx_qrcode .icon_close:hover{background-color:#999;color:#fff}
.header .mainNav{position:relative;max-width:1200px;min-width:800px;width:100%;text-align:right;background-color:#fff}
.header .shadow{box-shadow:0 1px 4px rgba(0,0,0,.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3)}
.header .mainNav .logo{height:76px;width:170px;display:block;position:absolute;left:0;top:0;background-color:#0d6fef; z-index:10;}
.header .mainNav .logo a{display:block;width:125px; height:54px; position:absolute; left:50%; top:50%; margin:-27px 0 0 -62px;}
.header .mainNav .logo a img{width:100%;height:100%}
.header .mainNav .nav{position:relative}
.header .mainNav .nav a{display:inline-block;padding:33px 3px 5px;height:76px;margin:0 10px;font-size:16px;font-weight:700;color:#363636;border-bottom:12px solid #fff;transition:border,color .2s linear;-moz-transition:border,color .2s linear;-webkit-transition:border,color .2s ease}
.header .mainNav .nav a:last-of-type{margin-right:0}
.header .mainNav .nav a:hover{color:#0d6fef}
.header .mainNav .nav .cur{border-bottom:12px solid #0d6fef;color:#0d6fef}

/* footer */
.footer{background-color:#000;width:100%;height:auto}
.footer *,.footer *:after,.footer *:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear}
.footer .content{max-width:1200px;height:auto;margin:0 auto;padding:45px 85px 0;overflow:hidden}
.footer .introduce{padding:5px 0 0;width:320px;float:left;position:relative}
.footer .contact,.footer .flink,.footer .qrcode{padding:22px 15px 0 30px;font-size:0;position:relative}
.footer .contact{padding-right:0}
.footer .contact h3,.footer .flink h3,.footer .qrcode h3{margin-bottom:15px;font-size:18px;font-weight:700;color:#fff}
.footer .introduce .logo img{display:inline-block}
.footer .introduce .text{font-size:12px;color:#b8b8b8}
.footer .flink a,.footer .flink span{font-size:12px;color:#b8b8b8;display:inline-block}
.footer .contact a:hover,.footer .flink a:hover{text-decoration:underline;color:#fff}
.footer .flink{width:325px;float:left;margin-left:15px}
.footer .flink span{margin:0 5px}
.footer .flink .not_flink{margin-top:15px}
.footer .flink .not_flink a{width:85px;font-size:14px;height:26px;line-height:26px;display:inline-block;margin:0 7px 7px 0;font-weight:700;text-align:center;background-color:#484848}
.footer .flink .not_flink a:active,.footer .flink .not_flink a:hover{text-decoration:none;background-color:#403f3f;color:#fff}
.footer .contact{width:200px;float:left}
.footer .contact div{position:relative;padding:5px 0 5px 29px}
.footer .contact div a{font-size:14px;color:#b8b8b8}
.footer .contact .phone{padding:0 0 0 29px}
.footer .contact div i.icon{display:block;background:url(../images/icons.png) no-repeat;position:absolute;left:0;top:50%}
.footer .contact .phone .icon{width:24px;height:19px;margin-top:-12px;background-position:0 0;left:-1px}
.footer .contact .email .icon{width:21px;height:16px;margin-top:-8px;background-position:0 -22px}
.footer .contact .sina .icon{width:24px;height:19px;margin-top:-10px;background-position:0 -41px}
.footer .contact .address .icon{width:21px;height:16px;margin-top:-8px;background-position:0 -64px}
.footer .qrcode{float:right;padding:22px 0 0 30px;padding-right:0;position:relative}
.footer .copyRight,.footer .copylanguage{clear:both;font-size:12px;padding:0 0 20px;color:#585858}
.footer .copyRight .recode_number{display:inline-block;text-decoration:none;height:15px;line-height:20px;color:#585858;font-size:12px;}
.footer .copylanguage:hover,.footer .copyRight .recode_number:hover{color: #fff;}
.footer .contact .thread,.footer .flink .thread,.footer .qrcode .thread{width:1px;height:95px;background-color:#4d4d4d;position:absolute;left:0;top:60px;font-size:0;margin:0}