@charset "utf-8";
ul,li,td,div,form,img,h1,h2,h3,h4,h5,h6,dl,dt,p,dd,body{ padding:0px; margin:0px;}
ul,li,ol{ list-style-type:none; margin:0px; padding:0px }
a:link,a:visited{ text-decoration:none; color:#444 }
a:hover { color:#e1261c; text-decoration:none; transition: all .3s}
a img,img{ border:none; vertical-align:middle}
.clear { clear:both; }
.arial{ font-family:Arial, Helvetica, sans-serif}
.normal{ font-weight:normal}
html{ overflow-x:hidden; background:#fff}
body{ font-size:.875em; font-family:"微软雅黑"; color:#444;}
input,textarea{font-family:"微软雅黑"; font-size:1em}
.over-hidden,.html-body-overflow{ overflow:hidden}
.margin-left5{ margin-left: 5px}
.margin-10{ height:10px; display:block; clear:both}
.margin-20{ height:20px; display:block; clear:both}
.margin-30{ height:30px; display:block; clear:both}
.margin-50{ height:50px; display:block; clear:both}
.text-center{text-align: center}
.padding-1em{ padding:1em 0}
.padding-5em{ padding:5em 0}
.bg1{ background:#f3f3f3;}
.bg2{ background:#fcfcfc;}
.bg3{ background:#000;}
.line1{ height:50px; display:block; border-bottom:solid 1px #999; clear:both}
.line2{ height:30px; display:block; border-bottom:solid 1px #999; clear:both}
.line3{ height:10px; display:block; border-bottom:solid 1px #999; clear:both}
.hidden,.xs-show{ display:none;}
.col-6{ width:50%; float:left}
.inline-middle{display: inline-block; vertical-align: middle; margin-right: -4px}
.inline-top{display: inline-block; vertical-align: top; margin-right: -4px}
.content{max-width: 1200px; margin: 0 auto; text-align: left; display: block;}
.content img{max-width: 100%}
a:hover.btn{opacity: .8}
.overflow-hidden{overflow: hidden;}

.footer{background: #191919; padding: 2em 0; color: #ddd}
.footer a{color: #ddd}
.footer a:hover{color: #fff; text-decoration: underline;}
.footer .ha{width: 33%; display: inline-block; vertical-align: top;}
.footer .hb{width: 52%; margin-left: 13%; display: inline-block; vertical-align: top;}
.footer .f_nav a{display: inline-block; margin-right: 2em; vertical-align: top; font-size: 1.1333em}
.footer .olink{padding-top: 1em}
.footer .olink dl{width: 23%; display: inline-block; vertical-align: top; }
.footer .olink dd{padding-top: .5em}
.footer .olink i{margin-right: .25em; display: inline-block; vertical-align: middle;}

.copyright{border-top: solid 1px #555; background: #333; padding: 2em 0 0; line-height: 1.75; text-align: center; font-size: .9285em}

.footer_tool{display: none; position: fixed; width: 100%; left: 0; bottom: 0; background: #f2f2f2; box-shadow: 0 0 2px rgba(0,0,0,0.2); z-index: 9999}
.footer_tool a{width: 25%; float: left; text-align: center; padding: .5em 0; font-size: .875em}
.footer_tool a:hover{background: #e1261c; color: #fff}
.footer_tool a i{font-size: 1.75em;}
#layer_weixin{display: none}

.fy{padding:1em 0; clear:both; text-align: right;}
.fy1,.fy2,.fy3,.fy4{padding:3px 8px; text-align:center; clear:both; color:#555; background:#fff; margin:0 1px;border:solid 1px #ccc}
.fy2{color:#c20000;}
.fy4{ padding:3px 7px; background: #fff; color: #555}
.fy3,a .fy4{color:#fff; background:#555}
a:hover .fy4{color: #e1261c}
.fy1:hover{opacity: .7}
.page_jum{ margin:0 0 0 3px; color:#999}
#jumpMenu{height:19px; margin:0 2px;}
.member_header{padding: 1.5em 0}
.member_header img{max-height: 50px}
a.btn_step{ display: inline-block; margin: 0 auto; width: 35%; padding: 1em 0; text-align: center; background: #e1261c; color: #fff; font-size: 1.1333em; font-weight: bold;}
a:hover.btn_step{text-decoration: none; opacity: .9}
a.btn_back{margin-right: 1em;}
.login_ts{text-align: right; padding: 1.5em 0}
.login_box{background: url(../../member/images/bg1.jpg) top center no-repeat; background-size: 100% auto}
.div_row2 dl{width: 48%; display: inline-block; vertical-align: top;}
.div_row2 dl.r{float: right;}
#reg_form .mm1{text-indent: 1em; display: inline-block;}
#reg_form h3.red{font-size: 1.5em; margin: 2em 0}
button.disabled{color: #999; cursor: default;}
img.ok{max-width: 120px}
a.btn-default{padding: .5em 2em; font-size: 1.25em; font-weight: bold; display: inline-block; margin:0 auto; border: solid 1px #ddd;}
a:hover.btn-default{color: #fff; border-color: #191919; background: #191919; text-decoration: none;}
.power{cursor:pointer; position:absolute; top:16px; right:10px; width:24px; height:30px; line-height:1.5;overflow:hidden; z-index:556789; display: none}
.power span.line{ height:2px; margin:5px 0; display:block;background:#f33; border:none}
.menu_power a{color: #b21818}
.power.is-active .line:nth-child(2){opacity: 0;}
.power.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.power.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
.login{text-align: center;}
.login ul.b{width:360px;background: #fff;display: block; margin: 0 auto}
.login ul.b .con{padding:2em 2.5em; text-align: left;}
.login ul.b h3{font-size: 1.75em; font-weight: normal; text-align: center; margin-bottom: 1em}
.login_box dt{font-weight: bold; margin: 1em 0 .5em 0}
.login_box dd{width: 100%; display: block; border: solid 1px #ddd; padding: .5em 0}
.login_box dd i{font-size: 1.5em; margin: 0 .5em; color: #888; display: inline-block; vertical-align: middle;}
.login_box dd input{border: none; width: 70%; margin: 0 auto; display: inline-block; vertical-align: middle; border-left: solid 1px #ddd; text-indent: 1em}
.login_box .login_bt,.login_box .reg_bt{width: 100%; padding: .8em 0; font-size: 1.13333em; color: #fff; background: #000; display: block; text-align: center;}
.login_box .login_bt:hover,.login_box .reg_bt:hover{opacity: .9}
.login_box dd.row2{ position: relative;}
.login_box dd.row2 img{position: absolute; right: 2px; top: 2px; height: 90%; cursor: pointer;}
.link_reg{float: right;}
.hqyzm{position: relative;}
.hqyzm #get_code{position: absolute; top: 4px; right: 2px; color: #e1261c; border: none; background: none}
.find_tab{text-align: center;}
.find_tab li{display: inline-block; width: 10%; vertical-align: middle;}
.find_tab li.a{width: 20%}
.find_tab li.a dl.l{height: 8px; border-radius: 4px; background: #eeeeee;}
.find_tab li dt{width: 40px; height: 40px; line-height: 40px; font-size: 1.65em; border-radius: 50%; display: block; border: 4px #eee solid; margin: 0 auto}
.find_tab li.active dt{background-color: #e1261c; color: #fff}
.find_tab li.active dl.l{background-color: #e1261c;}
.find_tab li dd{padding: .5em 0}
.user_line{height: 1px; background: #f1f1f1; display: block; box-shadow: 0 1px 2px #f9f9f9}

.reg_step h3{ font-size: 2em; text-align: center; padding:.25em 0; }
.reg_step h4{text-align: center; font-weight: normal; color: #666}
a.btn_step{ display: inline-block; margin: 0 auto; width: 45%; padding: 1em 0; text-align: center; background: #e1261c; color: #fff; font-size: 1.1333em; font-weight: bold;}
a:hover.btn_step{text-decoration: none; opacity: .9}
a.btn_back{margin-right: 1em;}
.login_ts{text-align: right; padding: 1.5em 0}
.reg_step2,.reg_step3{display: none}
.reg_step2_box{width: 35%; margin: 0 auto; color: #666; }
.reg_step2_box dl{height: 46px; line-height: 46px; border: 1px #ddd solid; position: relative; font-size: 1.1333em; color: #666; margin-bottom: 1.5em}
.reg_step2_box input{border: none; background: none; position: absolute; left: 0; top: 0; width: 100%; line-height: 44px; color: #666;text-indent: 1em; }
.reg_step2_box dl.l input{text-indent: 7em; }
.reg_step2_box dt{position: absolute; top: 7px; line-height: 30px; border-right: 1px #ddd solid; padding:0 1em;}
.reg_step2_box dd{padding: 0 1em; position: absolute; right: 0; top: 7px; line-height: 30px; border-left: 1px #ddd solid}
.reg_step2_box dd button{background: none; border: none; z-index: 1; color: #e1261c; cursor: pointer;}
.reg_step2_box dl i.jt{font-size: 1.25em; position: absolute; top: 0px; right: 15px; cursor: pointer; transform: rotate(-90deg); transition: all .3s}
.reg_step2_box dl i.jt.active{transform: rotate(90deg); transition: all .3s}
.reg_step2_box dl.slideDown div{position: absolute; width: 100%; top: 46px; left: -1px; z-index: 1; background: #fff; text-indent: 1em; cursor: pointer; border: 1px #ddd solid; border-top: none; display: none}
.reg_step2_box dl.slideDown ol:hover{background: #f3f3f3}
.reg_step2_box .icon-zhengque{ color: #ccc; font-size: 1.45em; vertical-align: middle; display: inline-block; cursor: pointer; margin-right: .3em }
.reg_step2_box .icon-zhengque:hover{color: #888}
.reg_step2_box .icon-zhengque.active{color: #e1261c}


.user_header{padding: 2em 0; line-height: 2; color: #666}
.user_header ul{display: inline-block; vertical-align: middle;}
.user_header ul.a{width: 46%;}
.user_header ul.a h5{font-size: 1.3333em; color: #e1261c}
.user_header ul.a dt{width: 22%; text-align: center; display: inline-block; vertical-align: middle;}
img.face{max-width: 80px;border-radius: 50%; border: 3px #fff solid}
img.face2{max-width: 80px; max-height: 60px; border: 3px #fff solid}
.user_header ul.a dd{width: 68%; display: inline-block; vertical-align: middle;}
.user_header ul.b,.user_header ul.c{width: 20%; border-left: solid 1px #ddd; padding-left: 5%}
.user_main div.l{width: 20%; float: left; border: solid 1px #ddd;}
.user_main div.l dl{width: 82%; margin: 0 auto; text-align: center; padding-top: 1em}
.user_main div.l dt{border-top: solid 1px #eee; padding: .75em 0 .25em 0; font-weight: bold; }
.user_main div.l dd{display: none}
.user_main div.l dl.active dd{display: block;}
.user_main div.l dd a{color: #666}
.user_main div.l dd a.active,.user_main div.l dd a:hover,.user_main div.l dt a.active{color: #e1261c}
.user_main div.l dd a.active,.user_main div.l dt a.active{font-weight: bold;}
.user_main div.l dd{padding: .25em 0}
.user_main div.r{width: 76%; float: right;}
a.btn-success{padding: .5em 1.25em; display: inline-block; background: #b90101; color: #fff}
a:hover.btn-success{opacity: .8}
a.btn-back{background: #ddd; color: #333}
.u_title dt{font-size: 1.333em; font-weight: bold;}
.u_title dd{float: right; padding-top: .5em}
.u_title dd a{color: #f39900}
.table{background: #ddd;border-top: solid 1px #e1261c; }
.table th{background: #f3f3f3; padding: .8em 0; text-indent: 1em}
.table td{background: #fff; padding: .8em 0; font-size: .9285em; color: #888;text-indent: 1em}
.table td img{max-width: 70%}
.table a{color: #888}
.table a:hover{color: #333}
.u_dqwz{border-bottom: solid 1px #ddd; padding: 1em 0; color: #888}
.u_h3{text-align: center; display: block; padding: 1.5em 0; font-size: 2em}
.input_group dl{padding-bottom: 2em}
.input_group dt,.input_group dd{display: inline-block; vertical-align: middle;}
.input_group dt{width: 15%; text-align: right;}
.input_group dd{width: 81%; margin-left: 2%}
.input_group dd input.i1{width: 50%; border: 1px #ddd solid; padding: .6em 1em; color: #555}
.input_group dd input.i2{width: 15%; border: 1px #ddd solid; padding: .6em 1em; color: #555}
.input_group dd input.i3{width: 25%; border: 1px #ddd solid; padding: .6em 1em; color: #555}
.input_group dd input.i1:focus,.input_group dd input.i2:focus{border-color: #d1d6e1; box-shadow: 0 0 8px #ddd}
.input_group dd input.error,input.error{border-color: #f33; background: url(../images/error.png) no-repeat center right;}
.input_group dd select{padding:.4em; border:solid 1px #ccc; color: #555}
.input_group dd span{color: #999}
.input_group dt span{color: #f33; font-weight: bold; font-family: arial; font-size: 1.25em; vertical-align: middle; display: inline-block;}
.btn-warning{border: none; background: #111; color: #fff; font-size: .875em; padding: .35em .5em}
.textarea1{width: 90%; border: solid 1px #ccc;}
.bt_box{text-align: center; max-width: 20%}
.btn-info{ border: solid 1px #ccc; padding: .3em 1.5em; display: inline-block; background: none; border-radius: 15px; cursor: pointer;}
.btn-info:hover{border-color: #999;}
.domain-f span{font-size: 1.5em; font-family: arial}
.domain-f input{border-radius: 3px; font-size: 1.5em; font-family: arial; width: 150px; border: solid 1px #ddd; padding: .25em;text-align: right;}
.domain-f a.btn{border: none; background: #888; color: #fff; padding: .25em .5em; border-radius: 3px}
.webuploader-element-invisible{background: none; border: none !important}
.upload_box{position: relative;}
.cropperBox{position:absolute; top: 0; left: 0; width: 33%; display: none; background: #fff; padding: 3em; box-shadow: 0 0 20px #333; z-index: 123}
.cropperBox .btn-default{position: absolute; right: -60%; top: 0}
.dqj{text-indent: 2em;}
.dropup,.dropdown {position: relative; }
.dropdown-toggle:focus {outline: 0;}
.dropdown-menu {
  position: absolute;top: 100%;left: 0;z-index: 9999999;display: none;float: left; min-width: 160px;  padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box;
  border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.ajaxForm img{background: #f5f5f5}
.picker{width: 60px; padding: .4em 0; text-align: center;font-size: .875em; border-radius: 3px; background: #ccc; color: #fff }
.picker:hover{background: #f3f3f3}
.title_u1{ height: 60px; line-height: 60px; border-bottom: solid 1px #ddd; margin-top: 1em}
.title_u1 h5{font-size: 1.5em; line-height: 58px; border-bottom: 4px #b8b8b8 solid; display: inline-block;}
.g_box ul{width: 24%; display: inline-block; vertical-align: top;}
.g_box ul dl{width: 94%; padding-bottom: 2em}
.g_box ul dd{text-align: right;}
.g_box ul dd.a{border: solid 1px #ccc; margin: .5em 0; text-align: center;}
.g_box ul dd.a input{width: 92%; border: none; margin: 0 auto; padding: .3em 0; text-align: left; color: #555}
div.huifu{ border-top: dashed 1px #ddd; margin-top: .5em; padding-top: .5em; text-indent: 0; padding-left: 2em; line-height: 2; color: #ae8c52}
.swiper-container-event{ position:relative; padding:2em 0}
.swiper-container-event .swiper-pagination,.swiper-container-other .swiper-pagination{ position:relative; margin-top:25px}
.swiper-container-event .swiper-pagination-bullet,.swiper-container-other .swiper-pagination-bullet{ border:solid 1px #555; background:#555;opacity:1}
.swiper-container-event .swiper-pagination-bullet-active,.swiper-container-other .swiper-pagination-bullet-active{ background:#eb6877; border-color:#fff}
.swiper-container-banner .swiper-pagination-banner{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-banner .swiper-pagination-bullets{ bottom:20px}
.swiper-container-banner .swiper-pagination-bullet{ border:solid 3px rgba(255,255,255,0.1); background:#fff;opacity:.75;}
.swiper-container-banner .swiper-pagination-bullet-active{ background:#e1261c; border-color:#fff; opacity: 1}
.swiper-button-prev,.swiper-button-next{ opacity:.6; top: 50%}
.swiper-button-prev:hover,.swiper-button-next:hover{ opacity:1}
.swiper-container-other{ position:relative; overflow:hidden}

@media screen and (max-width:1440px) and (min-width:1024px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:1023px){
	body{ font-size:.875em;-webkit-text-size-adjust:none; padding-top:60px}
	.menu_power{text-align:left; display:block; width: 100%; height: 60px; background: #fff; position:fixed; top:0; right:0;z-index:9999999}
    .power{display:block;}
	.banner{ padding-top:60px}
    .banner a{ clear:both; height:500px;}
    .banner_small{bottom: 0px}
    .banner_small a{width: 10% !important; height: 20px !important; border-width: 2px; border-radius: 2px}
	.nav{position:fixed;left:0; top:60px; height: 100%; width:100%; z-index:9999999;background:url(../images/mask3.png); display: none; transition: none}
	.menu{margin-top: 0;}
	.menu ul{width:100%;padding:1 0 0; text-align: center;}
	.menu ul li,.fix_top .menu ul li{text-indent:0;width:49%;height:auto; line-height:auto; display:inline-block; line-height:1.5; height:auto; padding:.9em 0; border:none; font-size: 1em}
	.menu ul li.nav_home{ display:none}
	.menu ul li:first-child{display: none}
    .menu ul li a{font-size:1em;line-height:3; height:auto; text-align:center; position:relative; z-index: 99999; color: #444; border: solid 1px #ddd; width: 90%; margin: 0 auto}
	.menu ul li a p,.menu ul div.bg{display:none}
	.menu ul li dl{ position:relative; display:block; left:0; top:0; padding:0; display:none; text-align:left}
	.menu ul li dl dd{ width:100%; float:left}
	.menu ul li dd{ height:22px; line-height:22px}
	.menu ul li dd a,.menu ul li dd a.in{ color:#fff}
	.menu ul li dd a:hover{ color:#444;background:none;}
	.menu ul li i{ display:inline-block; position:absolute; right:0; top:.3em; cursor:pointer}
	.index_a .a dl{padding: 3em}
	.index_b .item dt{text-indent:1em; font-size: 1.333em}	
	.sub_content{padding-top: 60px }
	.bottom_a,.bottom_c{ display:none}
	.bottom_b{ width:100%; float:none;}
	.sub_title ul.a,.sub_title ul.b{ width:100%; float:none; margin-bottom:1em; text-align:left}
	.sub_newslist dl dt{ width:30%;}
	.sub_newslist dl dd{ width:65%;}
	.teacher_list a{ font-size:.75em}
	.bottom,.c_table{ font-size:.875em}
	.user_header ul{font-size: .875em}
	.user_header ul.a{width: 100%; padding-bottom: 1em; border-bottom: 1px #ddd solid; margin-bottom: 1em}
	.user_header ul.a dt,.user_header ul.a dd{width: 100%;text-align: center;}
	.user_header ul.b,.user_header ul.c{width: 45%; border: none; padding-left: 0; vertical-align: top;}
	.footer .ha,.footer .hb{width: 100%; margin: 0}
	.footer .hb{padding-top: 2em}
	.footer .olink dl{width: 90%}
	.footer .olink dd{width: 48%; display: inline-block;}
}
@media(max-width:768px){
	.margin_50{ height:25px}
	.fy2,.fy_total,.page_jum{ display:none}
    .case_list a{width:50%;}
	.news_content dt{width:22%}
    .news_content dd{width:74%;}
    .sub_newslist dl dt{ text-align:center} 
	.member_header{padding: 0; box-shadow: 0 0 2px #ddd}
	.member_header img{max-height: 22px; margin-top: 19px} 
}
@media(max-width:767px){
	.content{max-width: 94%}
	.login_box form{padding-top: 2em}
	.xs-show{display: block;}
	.sub_main div.l,.sub_main div.r{width:100%; float:none; margin-bottom: 1.5em; font-size: .875em}
	.sub_main div.l{font-size: .9285em;}
	.sub_main div.r .box{border: none}
	.sub_main div.r .box .dz_li{width: 25%; float: right; margin-left: 5%}
	.sub_main div.r .box .dz_li p{display: none}
	.bg_gray{background: none}
	.login ul.b .con{padding: 0;}
	.login ul.a{display: none}
	.login ul.b{width: 100%; margin-left: 0}
	#login_form,#reg_form{width: 80%; margin: 0 auto}
	#login_form .login_bt{font-size: .9285em}
	.login ul.b h3{font-size: 1.25em}
	.reg_tab{display: none}
	.reg_step h3{ font-size: 1.5em }
	.li_row2 li h5{font-size: 1.25em; font-weight: bold;}
	a.btn_step{width: 100%; font-size: 1em;}
	.reg_step2_box{width: 100%}
	.li_row2 li dl p{ padding: 0 1em}
	.reg_step2_box input{font-size: .875em}
	.user_main div.l{ background: #fff; position: fixed;left: 0; top: 60px; padding: 0; border: none; display: none}
	.user_main div.l dl{ width: 100% !important}
	.user_main div.l dt{padding-bottom: .25em 0}
	.user_main div.l dd{display: inline-block; padding: 0 .25em}
	.input_group dd input.i1{width: 70%;}
	.input_group dd input.i2{width: 35%;}
	.input_group dd input.i3{width: 45%;}
	.g_box ul{width: 49%}
	.bt_box{max-width: 60%}
	.user_message{font-size: .875em}
	.cd_dl dt,.cd_dl dd{width: 100%; margin: 0}
	.cd_dl dd h5{font-size: 1.25em; padding: .5em 0}
	.cd_dl dd div.price{top: 45%; font-size: .875em}
	.qz-item dd{width: 32%; text-align: left;}
	.qz-item dd.a{width: 100%}
	.index_g .a i{margin-right: .5em}
	.news_xg ul li{width: 100%; margin: 0}
	.fy{ font-size:0.875em}
	.footer{font-size: .875em}
	.no_user .power{display: none}
	.find_tab li{width: 20%}
	.find_tab li.a{width: 10%}
}
@media(max-width:640px){
	.news_view h3{ line-height:1.2}
	.sub_newslist a h3{ font-size:1.1333em}
	.bottom .content{width:86%; margin: 0 auto}
}
@media(max-width:639px){
	.bottom{ padding:2em 0; font-size:.875em}
	.bottom .a li{width:25%; margin: 0 -4px;}
	.copyright{ text-align:center; line-height:1.5}
    .s_td .item ul{width: 100%}
}
@media(max-width:360px){
}
@media(max-width:320px){
}