body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img,cite{margin:0;padding:0;color:#333;border:none;font-family:"MicroSoft YaHei","Hiragino Sans GB",Arial,sans-serif}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);min-width:1000px;font-size:16px}
article,iframe{display:block;border:0}
b,strong,i,em{font-weight:normal}
img{display:block;border:none}
ul,ol,li{list-style:none}
table{border-collapse:collapse;border-spacing:0;max-width:100%}
input::focus-inner{outline:0;padding:0;border:0}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance:none;-moz-appearance:none;outline:0}
:focus{outline:none}
.por{position:relative}
.poa{position:absolute}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}
a,area{blr:expression(this.onFocus=this.blur())}
a{color:#333;text-decoration:none}
.wrap{width:90%;max-width:1500px;min-width:1000px;margin:0 auto}
.clearfix:after{content:" ";display:block;visibility:hidden;height:0;font-size:0;clear:both}
.hide{display:none}
.fl{float:left}
.fr{float:right}
::selection{background:#D03333;color:white;text-shadow:none}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:hover{background:#707070}
.headers{height:109px;border-bottom:1px solid #dcdcdc;margin-bottom:40px}
.all{float:left;width:180px;height:52px;margin-left:30px;margin-right:30px;line-height:52px;text-align:center;color:#fff;border-radius:40px;background-color:#00c07d;font-size:20px;cursor:pointer;transition:opacity .5s ease}
.address{float:left;margin-top:15px}
.headers_r img{width:92px;height:92px;margin-top:8px}
.hot{margin-bottom:40px}
.hot h3{float:left;font-size:28px}
.hot a{float:right;margin-top:7px;font-size:17px;color:#959595}
.hot a:hover{color:#ff5246}
.main_l.active .news.active{margin-top:30px}
.main_l.active li{margin-bottom:23px}
.mainBanner.active .bd{height:396px}
.mainBanner.active .hd{position:static;margin-top:10px}
.mainBanner.active .hd ul{margin:0}
.mainBanner.active .hd li{width:31.45%;height:112px;margin-right:0}
.mainBanner.active .hd li:nth-child(2){margin:0 1%}
.shade{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.region_box{height:76px;padding-top:14px;background-color:#fff;box-shadow:0 0 2px #ddd}
.regionList{float:left;margin-bottom:7px}
.regionTips{float:left;width:62px;height:27px;border-radius:3px;line-height:27px;text-align:center;font-size:14px;color:#02CE7F}
.regionList a{float:left;margin-right:28px;line-height:27px;color:#262626;font-size:16px}
.regionList a:hover{color:#ff6258}
.w01{width:27.8%}
.w02{width:36.1%}
.header{margin-bottom:20px}
.header_l,.headers_l{float:left;margin-top:20px}
.logo{float:left;width:187px;height:43px;margin-right:24px;background-image:url(/images/logo.png);background-repeat:no-repeat}
.logo a{display:block;text-indent:-999em}
.region{float:left;padding-left:24px;border-left:1px solid #e5e5e5;font-size:30px}
.header_r,.headers_r{float:right}
.search_dfz{position:relative;float:left;margin-top:20px;margin-left:28px}
.inp{float:left;width:296px;height:42px;border:1px solid #dbdbdb;border-right:none;padding-left:98px;border-radius:4px 0 0 4px}
.submit{float:left;width:77px;height:44px;border-radius:0 4px 4px 0;background-color:#2ee292;background:linear-gradient(to right,#2ee292,#0dc676);cursor:pointer}
.search_icon{position:absolute;top:9px;right:25px;width:26px;height:26px;background:url(/dfz/images/sprites.png) -116px -137px no-repeat;cursor:pointer}
.select{width:88px}
.inpS{position:absolute;top:0;left:0;cursor:pointer}
.inpS i {position: absolute;top: 18px;right: 12px;width: 12px;height: 7px;margin-left: 7px;background-image: url('http://upload.hteacher.net/webupload/common/arrow.png');background-repeat: no-repeat;transition: transform .5s ease;}
.inpS:hover i {transform: rotate(180deg);}
.select cite{display:block;width:100%;height:43px;border-right:1px solid #dbdbdb;font-style:normal;line-height:43px;font-size:14px;text-align:center}
.select ul{display:none;position:absolute;left:-1px;top:43px;width:100%;border:1px solid #dbdbdb;padding-bottom:3px;overflow-y:auto;overflow-x:hidden;z-index:3;background:#fff;border-radius:0 0 3px 3px;border-top:none}
.select li{font-size:14px;line-height:34px;cursor:pointer;text-align:center}
.select li a{display:block;width:100%;margin-left:-1px;overflow:hidden;white-space:nowrap}
.nav{width:100%;height:58px;background-color:#00ce7f}
.nav_list{float:left;width:27.6%}
.n02{margin:0 8.6%}
.navhref{position:relative;float:left;width:25%;height:40px;margin-top:9px;line-height:40px;color:#fff;cursor:pointer;text-align:center;transition:background-color .5s ease;font-size:18px !important}
.navhref.active{margin-top:8px}
.navhref:hover{font-weight:bold}
.navClassify{float:left;width:58px;height:47px;padding-top:5px;margin-top:3px;margin-right:4%;border-radius:4px;background-color:#01c379;text-align:center;font-size:16px;font-weight:bold;color:#fff}
.navHover:hover{border-radius:4px 4px 0 0;color:#00c77b;background-color:#fff;box-shadow:0 0 2px #ddd}
.navHover:hover .slideNav,.navHover:hover .shadowLine{display:block}
.shadowLine{display:none;position:absolute;bottom:-15px;left:0;height:16px;width:100%;background:#fff;z-index:3}
.slideNav{display:none;position:absolute;top:40px;left:0;width:280px;padding:18px 0 6px 20px;background-color:#fff;box-shadow:0 0 5px #ddd;text-align:left;line-height:18px;z-index:1;font-weight:normal}
.slideNav.active{left:auto;right:0;width:335px;padding-left:24px}
.spe_slideNav{width:250px}
.slideTitle{margin-bottom:15px;font-weight:bold}
.slideHref.active a:nth-child(3n),.slideHref.on a:nth-child(4n){margin-right:0}
.slideHref a{display:inline-block;margin-right:25px;margin-bottom:12px;font-size:16px !important}
.slideHref a:hover{color:#00c77b}
.slideHref_new a{margin-right:14px;margin-left:10px}
.slideHref_new span{font-size:14px;color:#b2b2b2}
.slideHref_new a.mryl{margin-left:0}
.main{padding-top:36px}
.bgfff,.exam_list{background:#fff}
.main_l{float:left;width:49%;padding:20px;box-sizing:border-box}
.news .news_title{margin-bottom:17px;display: flex; }
.news_title a{font-size:21px !important;font-weight:bold;color:#ff5246;flex: 1;text-align: center; margin-right: 0 !important;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 10px;}
.news a{margin-right:3.07%}
.news .news_type{margin-right:9px}
.main_l li{max-width:100%;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.main_l li:last-child{margin-bottom:0}
.main_r{float:right;width:49.2%}
.mainBanner{position:relative;width:100%}
.mainBanner .hd{position:absolute;bottom:0;width:100%;z-index:1}
.mainBanner .hd ul{margin:0 7.21%}
.mainBanner .hd li{position:relative;float:left;width:22.2%;height:80px;border:4px solid #ddd;margin-right:1.36%;cursor:pointer}
.mainBanner .hd li:last-child{margin-right:0}
.mainBanner .hd li.on{border-color:#00c07d}
.mainBanner .hd li.on .tab_border{display:block}
.tab_border{display:none;position:absolute;top:-22px;left:50%;margin-left:-9px;border:9px solid rgba(255,255,255,0.01);border-bottom:9px solid #00c07d}
.mainBanner .bd{width:100%;height:415px;overflow:hidden}
.mainBanner .bd ul{width:100% !important;height:100% !important}
.mainBanner .bd li{width:100% !important;height:100% !important}
.mainBanner .bd a{display:block;width:100%;height:100%}
.mainBanner .sNext,.mainBanner .sPrev{position:absolute;top:50%;left:0;width:40px;height:72px;margin-top:-36px;background-color:#fff;cursor:pointer;opacity:.4;transition:opacity .5s ease}
.mainBanner .sNext:hover,.mainBanner .sPrev:hover{opacity:.7}
.mainBanner .sNext{left:auto;right:0}
.mainBanner .sNext i,.mainBanner .sPrev i{display:block;width:20px;height:36px;margin:17px auto;background-image:url('/dfz/images/tab_arr.png');background-repeat:no-repeat;z-index:2}
.mainBanner .sNext i{transform:rotate(180deg)}
.fdkc{margin-top:50px;margin-bottom:40px}
.title{border-left:5px solid #00c07d;padding-left:19px;margin-bottom:32px;font-size:30px}
.fdkc_l{float:left;width:45.6%}
.courseList{margin-left:6.87%}
.course{position:relative;display:block;width:46%;height:150px;margin-bottom:22px;font-size:24px;text-align:center;transition:transform .5s ease}
.course:hover{transform:translateY(-5px)}
.course img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%)}
.course01,.course03{float:left}
.course02,.course04{float:right}
.course01 p{color:#552a95}
.course02 p{color:#b06000}
.course03 p{color:#f36665}
.course04 p{color:#022f74}
.course .txt01{position:absolute;top:26px;left:0;width:100%;font-size:22px}
.course .txt02{position:absolute;top:58px;left:0;width:100%;font-size:36px;font-weight:bold;letter-spacing:4px}
.fdkc_r{float:right;width:50%}
.fdkc_r .title{margin-bottom:28px}
.datum_l{float:left;width:54%;height:344px;overflow:hidden}
.datum_title{float:left;padding-bottom:10px;margin-right:4%;font-size:20px;cursor:pointer}
.datum_title.active{margin-right:0}
.datum_title.on{color:#00c07d;border-bottom:2px solid #00c07d}
.datum_list{display:none;margin-top:14px}
.datum_list li{max-width:100%;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.datum_list li span{margin-right:10px;color:#e5e5e5;font-size:22px}
.datum_list li:last-child{margin-bottom:0}
.datum_list li a:hover{color:#ff5246}
.datum_r{position:relative;float:right;width:36.66%;height:325px;text-align:center}
.datum_r_ad img{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%)}
.datum_r .txt01{position:absolute;top:70px;width:100%;color:#fff;font-size:22px}
.datum_r .txt02{position:absolute;top:125px;width:100%;color:#fff;font-size:42px;font-weight:bold}
.look{position:absolute;bottom:65px;left:50%;width:50.9%;height:44px;transform:translateX(-50%);line-height:44px;border-radius:40px;background-color:#fff;color:#8859ed;font-size:20px}
.ad{display:block}
.ad img{width:100%;height:auto}
.mt35{margin-top:35px}
.exam_change{float:left;padding-bottom:10px;margin-right:46px;font-size:24px;cursor:pointer}
.exam_change.on{border-bottom:3px solid #00c77a}
.exam_list{float:left;width:31.33%;height:370px;margin-right:3%;padding:26px 30px;box-sizing:border-box;margin-bottom:36px}
.exam_list:nth-child(3n){margin-right:0}
.exam_list ul a:hover{color:#ff5246}
.exam_title{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}
.exam_title h3{display:inline-block;padding-bottom:12px;font-size:20px;border-left:3px solid #02CE7F;height:10px;line-height:20px;padding-left:8px}
.exam_title p{float:right;margin-top:4px;color:#a9a9a9;font-size:14px}
.teaToggle{float:right;margin-top:4px;color:#c6c6c6}
.teaToggle a{color:#666;font-size:14px}
.teaToggle a.on{padding-bottom:1px;color:#02CE7F}
.exam_list li{max-width:100%;margin-bottom:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.exam_list li span{margin-right:8px;color:#666;font-size:22px}
.teaMore{display:block;width:208px;height:38px;margin:30px auto 0 auto;line-height:38px;text-align:center;border-radius:40px;background-color:#eee;color:#a6a6a6}
.teaMore:hover{color:#02CE7F}
.teaMore i{display:inline-block;width:13px;height:13px;margin-left:8px;background:url(http://upload.hteacher.net/webupload/img/dfz/icon-more.png) no-repeat center top}
.teaMore:hover i{background-position:center bottom}
.team{margin-top:50px;text-align:center}
.team .title{margin-bottom:38px;text-align:left}
.team h3{margin-bottom:18px;font-size:28px}
.team .txt{margin-bottom:25px;line-height:26px;color:#949494}
.team .teaSlide{position:relative;width:100%;max-width:2100px;height:715px;margin:0 auto;overflow:hidden}
.team .teaSlide .bd{position:relative;height:100%}
.team .teaSlide ul{float:left;width:246% !important}
.team .teaSlide li{position:relative;float:left;width:9.7% !important;height:715px;overflow:hidden;-webkit-transition:width 0.5s ease-out;transition:width 0.5s ease-out}
.team .teaSlide .pic{position:absolute;left:50%;top:0;margin-left:-330px}
.team .teaSlide .pic a,.team .teaSlide .pic img{display:block;width:660px;height:715px}
.team .teaSlide .con{position:absolute;left:50%;top:720px;width:660px;height:345px;padding-top:370px;margin-left:-330px;background:url(http://www.huatu.com/images/2018css/images/bg_02b.png) repeat-x bottom;text-align:center;-webkit-transition:top 0.8s ease-out;transition:top 0.8s ease-out}
.team .teaSlide .h4{color:#fff;font-size:46px;line-height:66px}
.team .teaSlide .h4 a{color:#fff}
.team .teaSlide .h4 a:hover{color:#fff;text-decoration:none}
.team .teaSlide .h5{margin-top:20px;margin-bottom:10px;color:#d1a94d;font-size:18px}
.team .teaSlide .h6{width:320px;height:50px;margin:0 auto;color:#fff;font-size:18px;line-height:50px;text-align:center}
.team .teaSlide .h6 span{margin-right:8px}
.team .teaSlide .h6 em{margin-right:15px;font-style:normal}
.team .teaSlide .con i{display:block;height:19px;margin:0 auto 20px auto;background-repeat:no-repeat}
.team .teaSlide .icon05{width:119px;background:url('/dfz/images/sprites.png') -98px -10px}
.team .teaSlide .icon04{width:92px;background:url('/dfz/images/sprites.png') -98px -49px}
.team .teaSlide .icon03{width:68px;background:url('/dfz/images/sprites.png') -10px -98px}
.team .teaSlide .icon02{width:44px;background:url('/dfz/images/sprites.png') -98px -98px}
.team .teaSlide .icon01{width:20px;background:url('/dfz/images/sprites.png') -162px -98px}
.team .teaSlide p{width:310px;height:33px;margin:0 auto;color:#fff;line-height:26px;font-size:14px;text-align:left}
.team .teaSlide li.on,.team .teaSlide li:hover{width:12.7% !important}
.team .teaSlide li.on .con,.team .teaSlide li:hover .con{top:0}
.team .teaSlide .teaprev,.team .teaSlide .teanext{position:absolute;left:5%;top:50%;display:block;width:50px;height:50px;margin-top:-25px;background-image:url(http://www.huatu.com/images/2018css/images/icon.png);background-position:0 0;background-repeat:no-repeat;filter:alpha(opacity=0);opacity:0;z-index:1;transition:opacity 0.5s}
.team .teaSlide .teanext{left:auto;right:5%;background-position:-50px 0}
.team .teaSlide:hover .teaprev,.team .teaSlide:hover .teanext{filter:alpha(opacity=100);opacity:1}
.more{display:block;width:170px;height:55px;margin:50px auto;line-height:55px;text-align:center;font-size:24px;border-radius:40px;background-color:#e4e4e4;transition:background-color .5s ease}
.more:hover{background-color:#00c07d;color:#fff}
.tips{margin-top:18px;margin-bottom:56px;text-align:center;font-size:24px}
.code_wrap{margin:0 11.33%}
.code_wrap li{float:left;width:33.33%;text-align:center}
.code_wrap li img{width:214px;height:214px;margin:0 auto}
.code_wrap li p{margin-top:32px;margin-bottom:20px;font-size:18px}
.btn{display:block;width:150px;height:50px;line-height:50px;color:#fff;margin:0 auto;background-color:#00c07d;text-align:center;border-radius:40px;font-size:18px;transition:opacity .5s ease}
.btn:hover,.all:hover{opacity:.9}
.teaHide{position:relative}
.list_nav{position:absolute;right:0;top:-25px}
.list_nav a{font-size:14px;color:#f35c5c}
.interaction{padding-bottom:35px}
.new_list a{margin-right:1.07%;box-sizing: border-box;}
.new_list a.first{margin-right:0;width:66px;}
.list_box{margin-top:34px}
.sc_search_btn{position:relative}
.search_icon{position:absolute;top:9px;right:30%;width:26px;height:26px;background:url(/dfz/images/sprites.png) -116px -137px no-repeat;cursor:pointer}
.news_box{margin-bottom:20px}
.fx_ul li{display:inline;margin-right:20px;color:#666;line-height:40px;white-space:nowrap}
.fx_ul li a{color:#666}
.fx_ul li a:hover{color:#ff5246}
.channel_box{background:rgba(246,246,246,1);margin-bottom:30px}
.days_wrap{display:flex;justify-content:space-between}
.days_box{width:36%}
.js_cal_list_box{background:#fff;padding-left:22px;padding-right:10px}
.js_cal_list{width:100%;display:block;background:url('../images/icon_line_zp.png') 20% 50% no-repeat;height:448px}
.js_cal_list dl{width:100%;height:88px;float:left}
.js_cal_list dt{margin-top:34px;margin-bottom:35px;float:left;height:22px;width:16%;border:#e5e5e5 1px solid;border-radius:4px;font:normal 16px/22px 'Microsoft Yahei';color:#444;text-align:center;letter-spacing:1px}
.js_cal_list dd{height:60px;padding:15px 0px 16px;width:74%;float:right;font:normal 16px/30px 'Microsoft Yahei';color:#666;letter-spacing:1px}
.js_cal_list dd p{display:block;width:100%;color:#ff5246;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.js_cal_list dd span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.js_cal_list dd b{margin-right:10%;font-weight:normal}
.js_cal_list dd a:hover{color:#ff5246;text-decoration:underline}
.js_cal_list_first dt{border-color:#f35739;background:#f35739;color:#fff;background-image:-webkit-linear-gradient(to bottom left,#f14623,#f76d51);background-image:-moz-linear-gradient(to bottom left,#f14623,#f76d51);background-image:-o-linear-gradient(to bottom left,#f14623,#f76d51);background-image:linear-gradient(to bottom left,#f14623,#f76d51)}
.js_cal_list_first dd span a{color:#ff5246}
.js_cal_list .js_cal_list_first p{color:#333}
.temp_title_icon{font-size:24px;color:#000;display:flex;align-items:center;margin-bottom:12px;justify-content:space-between}
.temp_title_icon img{margin-right:5px}
.temp_title_icon .more_channel{color:#000;font-size:14px}
.temp_title_icon .more_channel:hover{color:#ff5246}
.temp_title_icon span{display:flex}
.class_box_days{width:26%;margin-top:44px}
.class_box_days img{width:100%;height:214px}
.class_box_days ul li:first-child{margin-bottom:20px}
.mianshou_box{width:34%}
.mianshou_list{background:#fff;height:448px;box-sizing:border-box;padding:36px 0 0 20px}
.mianshou_box .tab-menu{display:flex;margin-bottom:40px}
.mianshou_box .tab-menu span{width:131px;height:33px;line-height:33px;border:1px solid rgba(0,206,127,1);border-radius:17px;font-size:18px;text-align:center;color:#00CE7F;display:inline-block;cursor:pointer;margin-right:30px}
.mianshou_box .tab-menu span.on{color:#fff;background:linear-gradient(90deg,rgba(0,206,127,1) 0%,rgba(0,175,108,1) 100%)}
.tab-list-cont span{color:#B3B3B3;font-size:18px;display:inline-block;width:50px}
.tab-list-cont a{color:#2E2E2E;font-size:18px;margin-right:12px}
.tab-list-cont a:hover{color:#ff5246}
.tab-list-cont li{margin-bottom:30px}
.hf_box{display:block}
.hf_box img{width:100%;height:auto}
.select_province_box{display:flex}
.select_province ul{display:none}
.interaction_box{padding:30px 0 36px}
.tab_box{padding:25px 20px}
.interaction_tab{display:flex}
.interaction_tab div{margin-right:20px;cursor:pointer}
.interaction_tab div.on{color:#02CE7F}
.channel_nav{display:flex;justify-content:space-between;align-items:center}
#select{position:relative}
#select span{display:block;width:65px;height:22px;padding:0 15px 0 0;margin:0;border:1px solid #e2e2e2;background:url(/images/iconn.png) 56px -122px no-repeat;font-size:14px;line-height:22px;font-weight:normal;text-align:center;cursor:pointer}
#select ul{position:absolute;left:0;top:22px;width:80px;max-height:150px;background:#fff;border:1px solid #e2e2e2;overflow:auto;display:none}
#select ul.active{display:block}
#select ul li{font-size:14px;line-height:22px;font-weight:normal;text-align:center;border-bottom:1px solid #e2e2e2;cursor:pointer}
.interaction .title div{float:left;margin-right:20px;cursor:pointer}
.interaction .title div.on{color:#00c77a}
.interaction .tab_box ul{display:none}
.interaction .tab_box ul.on{display:block}
.link_box li a{margin-right:10px;margin-bottom:15px;display:inline-block}
.link_box li a:hover{color:#00c77a}

@media screen and (max-width: 1700px) {
    .regionList a {
        margin-right: 28px;
    }
    .tab-list-cont a {
        margin-right: 16px;
    }
}

.new_city_bg{background-color: #fff;}
.new_city{display:flex;align-items:center;}
.new_city div{padding-left:40px;}
.new_city img{width: 12.5%;}
.new_city p:first-child{margin-bottom:20px;}
.new_city a{font-size:18px;font-weight:400;color:#333333;line-height:18px;transition:.2s;white-space:nowrap;float:left;margin-right:40px;}
.new_city p a:last-child{margin-right:0;}
.new_city a:hover{color:#FF5246;}


@media screen and (max-width: 1610px) {
	.new_city a {
		margin-right: 34px;
	}
  }
  
  @media screen and (max-width: 1480px) {
	.new_city a {
		font-size: 17px;
		margin-right: 30px;
	}
	.new_city p:first-child {
		margin-bottom: 15px;
	}
  }
  
  @media screen and (max-width: 1360px) {
	.new_city a {
		font-size: 16px;
		margin-right: 25px;
	}
  }
  
  @media screen and (max-width: 1240px) {
	.new_city a {
		font-size: 16px;
		margin-right: 20px;
	}
  
	.new_city p:first-child {
		margin-bottom: 10px;
	}
  }
  
  @media screen and (max-width: 1150px) {
	.new_city a {
		font-size: 14px;
	}
  }