@charset "UTF-8";
@import url("iconfont.css");
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background:#fff;}
body{min-width:1200px;font-family:Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;color:#585858;-webkit-font-smoothing:antialiased;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
textarea {background:none repeat scroll 0 0 #ffffff;resize:none;}
a{color:#333;text-decoration:none;font-size: 14px;}
a:hover{color:#f36300;}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.warp {margin:auto;width:1200px;clear:both;overflow:hidden}

.ac_head {width:100%;height:20px; padding:9px 0; font-size:14px;color:#333;border-bottom:#ddd 1px solid;background:#fff;}
.ac_head_content{margin:auto;width:1200px;position:relative}
.ac_head_content span{padding:0px 10px;border-left:1px solid #999; display:inline-block;cursor:pointer;}
.ac_head_l { float:left;}
.ac_head_r {float:right;}
.ac_head_r span:nth-child(1) { border-left:none;}

.ac_title{height:100px;padding:10px 0;}
.ac_title_content{margin:auto;width:1200px;clear:both; position:relative}
.ac_title_logo{width:400px; position:relative;height:90px;overflow:hidden;padding:0px;}
.ac_title_logo img{float:left;width: 350px;height:90px;}
.ac_title_search {float:left;height:40px;margin-top:27px;position:relative; }
.search_i {width:340px;font-size:14px;height:38px;line-height:38px;padding:0px 0 0 10px;color:#666666;background:url('http://jiaoyu.dz31hao.com/static_pc/images/sp.gif');border:#3592e2 2px solid;border-right:none}
.search_i:focus{outline:none;}
.search_m {width:80px;cursor:default;font-size:14px;height:38px;line-height:38px;color:#333;border:#3592e2 2px solid;float:left; border-right:none; text-indent:12px;}
.search_s {width:80px;height:42px; font-size:14px;line-height:42px; border:none; text-align:center;margin:0;cursor:pointer;color:white;background:#3592e2;float:right;}

.ac_zixun {height:40px;float:right;font-size:14px;margin-top:25px;margin-left:20px;color:#666;}
.ac_zixun:before { content: "\e609";font-family: "iconfont"; width:40px; height:40px; line-height:35px; text-align:center; color:#3592e2; font-size:36px; float:left; margin:3px 5px 0 0;}
.ac_zixun span { overflow:hidden; display:block;}
.ac_zixun p { font-size:24px; color:#3592e2;}

.ac_class{height:40px; background:#fff;position:relative;*position:static;width:100%;}
.ac_class_wd{margin:auto;width:1200px;clear:both;}

.ac_class_type { margin-right:20px;float:left;width: 160px; background:#3592e2; padding:0 20px; color:#fff;height:40px;line-height:33px;font-size:14px; position:relative}
.ac_class_type b { font-weight:normal;}
.ac_class_type i { font-size:18px; margin-right:5px;}
.ac_class_type:hover .im0l{display:block;} 
.im0l {width:200px;float:left;background:rgba(0,0,0,.6);z-index:100;position: absolute;left:0px; top:40px;box-sizing: border-box;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);}
.im0l i {font-style:normal;font-weight:bold;float:right;font-family:simsun;margin-right:20px;}
.im0l li {height:36px;line-height:36px;padding:0 10px 0 17px;font-size:14px;overflow:hidden;cursor:pointer;width: 190px;}
.im0l div {display:none; position:absolute; left:200px; top:0px; background:#ffffff; z-index:1000; width:970px;height:340px;padding:10px 15px; text-align:left;	-webkit-transition:all 0.5s ease;border:#eee 1px solid;-moz-transition:all 0.5s ease; overflow-y:scroll}
.im0l li a{color:#fff}
.im0l dl {margin:0 1% 10px 1%;display:block; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:10px;}
.im0l dl a:hover{color:#3592e2}
.im0l dt {height:25px;font-size:16px;line-height:25px; overflow:hidden;text-align:left;padding:0;margin:0; float:left; width:20%;}
.im0l li div dt a { color:#333;}
.im0l dd {margin:0;padding:0px 0;line-height:25px;font-size:14px; text-align:left;float:left;width:75%;}
.im0l li dd a{margin-right:20px;float:left; color:#666;}
.im0l li>a {margin-left:0px;-webkit-transition: all .25s; -moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; position:relative;padding-left:28px}
.im0l li>i {color:#fff;}
.im0l li:hover i {color:#fff;}
.im0l li:hover>a span {color:#fff;}
.im0l li>a:before { color:#fff;margin-right:10px; font-size:20px;float:left; position:absolute; top:-15px; left:0px}
.im0l li:hover>a:before { color:#fff;}
.im0l li:hover div {display:block;-webkit-transform:translate(0px, 0);-moz-transform:translate(30px, 0);}
.im0l li:hover {background:#3592e2}
.im0l .cate-0>a:before{ content:"\e671"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-1>a:before{ content:"\e617"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-2>a:before{ content:"\e62d"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-3>a:before{ content:"\e8af"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-4>a:before{ content:"\e8b0"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-5>a:before{ content:"\e608"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-6>a:before{ content:"\e6ef"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-7>a:before{ content:"\e7b5"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-8>a:before{ content:"\e65a"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-9>a:before{ content:"\e8b2"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-10>a:before{ content:"\e607"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-11>a:before{ content:"\e8b3"; font-family: "iconfont";margin-top:5px;}
.im0l .cate-12>a:before{ content:"\e8d4"; font-family: "iconfont";margin-top:5px;}

.ac_class_menu  {height:40px;line-height:36px;font-size:16px;overflow:hidden;}
.ac_class_menu li {float:left;}
.ac_class_menu li a{padding:0px 15px;display:block; font-size:18px; margin:0 15px;color:#000}
.ac_class_menu li a:hover{color:#3592e2} 
.ac_class_menu .ac_class_shouye a{color:#3592e2; font-weight:700; } 

.ac_ad{width:100%; position:relative; overflow:hidden;height:360px;}
.ac_ad_slider{z-index:0;overflow:hidden;width:100%;position:absolute;top:0;height:360px;background:#999}
.ac_ad_slider_stage li{height:360px}
.ac_ad_slider_stage a{ display:block; width:100%;height:360px; }
.ac_ad_slider_stage { width:100%; height:360px; overflow: hidden;}
.ac_ad_slider_stage img{ width:100%; object-fit:cover;}
.ac_ad_slider-menu { position: absolute;left: 50%;bottom: 0px;width: 750px;height: 24px;margin-left: -375px;text-align: center;z-index: 50; }
.ac_ad_slider-menu-box { width:750px; margin:0 auto;}
.ac_ad_slider-menu ul { padding-left:0px; text-align:center;}
.ac_ad_slider-menu ul li { position:relative; display:inline-block; *display:inline; *zoom:1;}
.ac_ad_slider-menu ul li a { display:block; width:10px; height:10px;margin:0px 5px; border-radius:6px;background:rgba(255,255,255,.6);
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s; 
          pointer-events:none;}
.ac_ad_slider-menu ul li.current a { background:#fff; width:10px; height:10px;}

/* 首页学习资料 */
.floor-A { font-size:20px; font-weight:bold; color:#333; height:50px; line-height:50px; text-align:center;}
.floor-A strong { display:inline-block;}
.floor-A strong:before,.floor-A strong:after { content:""; width:30px; height:3px; display:inline-block; margin:25px 20px 0 0; background:#3592e2;}
.floor-A strong:after { float:right; margin:25px 0 0 20px;}

.top_space {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.ac_first_floor {margin:auto;width:1200px;clear:both; position:relative}
.ac_first_floor_gd ul li { float:left; width:283px; margin-right: 20px; border:1px solid #eee;}
.ac_first_floor_gd ul li:hover{border:1px solid #3592e2}
.ac_first_floor_gd ul li:hover span{border:1px solid #3592e2;background:#3592e2;color:white;}
.ac_first_floor_gd ul li .image { width:100%; height:120px; overflow:hidden;}
.ac_first_floor_gd ul li .image img { width:100%;}
.ac_first_floor_gd ul li strong { font-size:18px; color:#333; height:60px; line-height:60px; display:block; padding:0 15px; text-align:center;}
.slick-btn-left,.slick-btn-right { width:24px;height:60px;position:absolute;cursor:pointer;filter:alpha(opacity=90);opacity:0; text-align:center; line-height:54px; background:#999; border-radius:5px;
-webkit-transform: translate(0, -50%); 
             -moz-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
               -o-transform: translate(0, -50%);
                  transform: translate(0, -50%);}
.ac_first_floor_gd:hover .slick-btn-left {opacity:.9;}
.ac_first_floor_gd:hover .slick-btn-right {opacity:.9;}
.slick-btn-left i,.slick-btn-right i { font-size:26px; color:#fff;}
.slick-btn-left{ top:65%;z-index:99;left:-4px; }
.slick-btn-right{ top:65%;  z-index:99;right:-5px;}

/* 一楼 */
.ac_floor_one { overflow:hidden; padding:0px;}
.b_color-2,.b_color-4,.b_color-6,.b_color-8,.b_color-10,.b_color-12,.b_color-14 { background:#f7f9fb;}
.ac_floor_one_content ul li { width:285px; float:left; border:1px solid #eee;margin: 15px 20px 0 0;box-sizing:border-box; background:#fff;}
.ac_floor_one_content ul li:nth-child(4n+4) { margin-right: 0px;}
.ac_floor_one_content ul li .image { width:100%; height:178px; overflow:hidden;}
.ac_floor_one_content ul li .image img { width:100%;transition:all .5s;}
.ac_floor_one_content ul li .image:hover img { transform: scale(1.08);}
.ac_floor_one_content ul li strong { font-size:16px; color:#333; height:50px; line-height:50px; display:block; padding:0 15px; overflow:hidden;}
.ac_floor_one_content ul li strong:hover { color:#3592e2;}
/* 底部-学习资料 */
.ac_kc_list ul{width:1230px;}
.ac_kc_list ul li { float:left; height:38px; line-height:38px; font-size:15px; color:#333;width:580px;margin-right:20px;}
.ac_kc_list ul li p { float:left; width:75%;}
.ac_kc_list ul li:before { content:""; width:5px; height:5px; float:left; margin:16px 10px 0 0; background:#999;}
.ac_kc_list ul li em { float:right;color:#999;}
/* 友情链接 */
.link span { height:46px; line-height:46px; font-size:18px; color:#222; border-bottom:1px solid #eee; display:block; margin-bottom:10px;}
.link span:before { content:""; width:4px; height:18px;  float:left; margin:13px 8px 0 0; background:#3592e2;}
.link a { font-size:14px;  float:left; margin:0 15px 10px 0; color:#999;}

/*底部CSS*/
.footer {width:100%;padding:15px 0 0;background:#F7F9FB;overflow:hidden;}
.footer .footer-A1 { overflow:hidden;text-align:center;}
.footer .footer-A1 a {padding-right: 10px;}
.footer .footer-A2 { overflow:hidden; height:50px; line-height:50px; border-top:1px solid #dedede; width:100%; margin-top:10px; text-align:center;}
.footer .footer-A2 p{font-size:14px;}

/* 左侧导航栏 */
/*左侧导航*/
.industry-bar {position:fixed;top:200px;left:50%;margin-left:-690px;width:80px;display:none;box-shadow: 0px 0px 8px rgba(0,0,0,0.15);z-index:1000;background:#fff;}
.industry-bar h5{height:26px;line-height:26px;padding:5px 0;background:#3592e2;text-align:center;color:#fff}
.industry-bar.hover {display:block;}
.industry-bar ul {background:#fff;}
.industry-bar li {padding:8px 8px;line-height:16px; text-align:center;border-bottom:#e9e9e9 1px solid;}
.industry-bar li a {display:block;line-height:16px;font-size:12px;}
.industry-bar li.current {background: linear-gradient(125deg, #003399, #3592e2);}
.industry-bar li.current a{color:white;}

.f_l{float:left}
.f_r{float:right}
/* 培训课程-导航栏目 */
.ac_nav {padding:10px 10px 10px 22px;height:24px;line-height:24px;background:#f5f5f5;font-size:16px;}
.ac_nav .ac_title_content {background:url('http://jiaoyu.dz31hao.com/static_pc/images/ico-nav.png') no-repeat 0px 4px;padding-left:20px;}
.ac_nav i {font-style:normal;color:#777;padding:0 0px;font-family:simsun;}
.ac_nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.ac_nav a{color:#777}
.ac_nav a:hover{color:#3592e2}

/*培训课程-分类列表*/
.ac_type { background: #fff;  margin-bottom: 20px; overflow:hidden}
.ac_type dl { position: relative; padding: 10px 0px 10px 100px; line-height: 30px; border-bottom: 1px solid #eee; overflow: hidden; }
.ac_type dl:last-child { border-bottom: #fff 0px solid; }
.ac_type dl dt { position: absolute; width: 100px; left: 6px; top: 12px; text-align: left; margin: 0; font-size: 14px; }
.ac_type dl dd a { color:#000; line-height: 30px; margin-left: 15px; display: inline-block; }
.ac_type dl dd a:hover{ text-decoration:underline}
.ac_type dl dd { overflow: hidden; font-size:14px;}
.ac_type dl dd a.on{background:#3592e2;color:white;padding:0px 15px;border-radius:15px}

/*标题*/
.ac_content{margin:auto;width:1200px;clear:both; position:relative}
.ac_content_title { height:50px; line-height:50px; border-bottom:3px solid #eee;}
.ac_content_title span { padding:0px 5px;font-size:26px; color:#ee2e2c;border-bottom:3px solid #ee2e2c; display:inline-block;}

/*左右结构*/
.ac_l { float:left; width:920px;padding-top:15px;}
.ac_r { float:right; width:260px; padding-top:15px;}
/*课程列表*/
.course-list {padding:10px 10px 0 10px; border:1px solid #eee; overflow:hidden;}
.course-list li {padding: 15px 5px 15px 0;border-bottom: 1px solid #ddd; overflow:hidden;transition:all .3s;}
.course-list li:hover {background:#F7F9FB;}
.course-list li .image { float:left; width:165px; height:105px; overflow:hidden;}
.course-list li .image img { width:165px; height:105px;transition:all .5s;}
.course-list li .image img:hover { transform: scale(1.08);}
.course-list li .text { float:left; width:70%; padding:0px 20px;}
.course-list li .text strong { font-size: 20px;color: #000; width: 100%;display: block;height: 45px;font-weight:bold;}
.course-list li .text strong:hover { color:#ee2e2c;}
.course-list li .text p { font-size:14px; color:#333;line-height:20px;}
.course-list li .text .c_p1 { height:20px;}
.course-list li .text .c_p1:before {display:inline-block; width:20px; height:20px; line-height:15px; text-align:center;  margin:0px 5px 0 0; float:left; color:#128ff0; font-size:16px;font-weight: 700;}
.course-list li .text .c_p1 a{  color:#128ff0 !important}
.course-list li .text .c_p1 em { color: #ee2e2c; margin-left:15px;}
.course-list li .text .c_p2 { color:#666;padding:10px 0;}
.course-list li .choose-btns { float:left; text-align:center;padding:35px 0 0 10px;}
.course-list li .choose-btns .c_zx { font-size:16px; color:#ee2e2c;}
.course-list li .choose-btns .c_bm { width:100px; height:34px; line-height:34px;font-size:16px; background:#ee2e2c; color:#fff; display:block; border-radius:20px;margin-top:15px;}
.course-list li .choose-btns .c_bm:hover { opacity:.8;}

/* 右侧分栏 */
.c_right_A1 { padding:10px; border:1px solid #eee; overflow:hidden;}
.c_right_A1 strong { font-size:16px; display:block; height:20px;line-height:20px; color:#000;}
.c_right_A1 strong:before { content:""; display:inline-block; width:5px; height:20px; background:#ee2e2c; margin:0px 10px 0 0; float:left;}
.c_right_A1 p { color:#666; padding:10px 0;text-indent: 28px; line-height:26px;}
.c_right_A1 span { display:block; width:180px; height:40px; line-height:40px; text-align:center; margin:10px auto; background:#ee2e2c; border-radius:3px; color:#fff; font-size:16px;}

/* 培训学校list */
.xuexiao-list {padding:10px 10px 0 10px; border:1px solid #eee; overflow:hidden;}
.xuexiao-list ul li { padding:15px 5px 0px 0px; overflow:hidden; border-bottom:1px solid #eee;}
.xuexiao-list ul li:hover {background:#F7F9FB;}
.xuexiao-list ul li .x-left { width: 160px; margin-right:20px;float:left; }
.xuexiao-list ul li .x-left .image { width: 160px;height: 80px; overflow:hidden; margin-bottom:15px;}
.xuexiao-list ul li .x-left .image img { width: 160px;height: 80px;transition:all .5s;}
.xuexiao-list ul li .x-left .image img:hover { transform: scale(1.08);}
.xuexiao-list ul li .text { float:left; width:70%;}
.xuexiao-list ul li .text strong a{ font-size: 20px;color: #000; width: 100%;display: block;}
.xuexiao-list ul li .text strong a:hover { color:#ee2e2c;}
.xuexiao-list ul li .text p { font-size:14px; line-height:26px;overflow:hidden;}

/* 教育咨询list */
.news-list {padding:10px 10px 0 10px; border:1px solid #eee; overflow:hidden;}
.news-list ul li { padding:15px 5px 0px 0px; overflow:hidden; border-bottom:1px solid #eee;}
.news-list ul li:hover {background:#F7F9FB;}
.news-list ul li .content { width: 100%; float: left; margin-bottom: 10px;}
.news-list ul li .content .title {width: 85%;float: left;}
.news-list ul li .content .title h2 a{ font-size: 20px;color: #000; width: 100%;display: block; font-weight: bold;}
.news-list ul li .content .title h2 a:hover { color:#ee2e2c;}
.news-list ul li .content .time { float:left; width: 15%;font-size:14px; color:#999;overflow:hidden;line-height:25px;}
.news-list ul li .text{margin-bottom: 10px;}
.news-list ul li .text p { font-size:14px; line-height:25px;}

/*热门机构*/
.rmjg{width: 1200px;margin: 0 auto;}
.rmjg h3{float:left;width: 1200px;margin: 0 auto;font-size:20px;color:#1C1F21;font-weight:bold;}
.rmjg ul{overflow: hidden;float: left;margin-top: 15px;}
.rmjg li {width: 180px;float: left;margin-right: 20px;margin-bottom:14px;}
.rmjg li a.logo {border:1px solid #eeeeee;width: 180px;height: 60px;overflow: hidden;display: block; padding:4px}
.rmjg li a.logo img{height: 60px; width: 100%;}
.rmjg li p a{ height:19px;margin-top: 10px;text-align: center;font-size: 14px;display: block;overflow: hidden;}

/*这一部分是主体内容*/
.clearfix::after {display: block;clear: both;content: "";}
.home_course {width: 1200px;margin: 0 auto;}
.course-cate{width: 1200px;margin: 0 auto;}
.course-cate h3 {line-height:32px;}
.course-cate h3 a {text-decoration:none;}
.course-cate h3 em {float:right;font-size:12px;}
.course-cate h3 a.cata-title {float:left;font-size:20px;color:#1C1F21;font-weight:bold;}
.course-cate h3 ul {margin-left:36px;float:left;}
.course-cate h3 ul li {margin:0 14px;float:left;font-size:14px;line-height:30px;cursor:pointer;color:#545C63;}
.course-cate h3 ul li.active {color:#F20D0D;border-bottom:2px solid #F20D0D;}
.course-cate .sub {margin-top:15px;margin-left:-20px;}
.course-cate .sub li {float:left;margin-left:20px;border-radius:4px;margin-bottom:5px;width:280px;position:relative;transition:.3s all linear;}
.course-cate .sub li a {text-decoration:none;}
.course-cate .sub li .course-img {height:148px;}
.course-cate .sub li .course-img:hover {box-shadow:0 8px 16px 0 rgba(7,17,27,0.1);}
.course-cate .sub li .course-img img {width:100%;height:100%;background-color:#f3f5f7;border-radius:8px;}
.course-cate .sub li .course-content {padding:8px;}
/*课程培训右侧相关资料样式*/
.a-new-class div.fr .h_title:hover{color:#f66221}
.a-new-class div.fr{width: 100%;text-align: left;}
.a-new-class div.fr .h_title{padding-top: 10px;position: relative; font-size: 14px;color: #757b83;padding-left: 8px;-webkit-line-clamp: 1;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;}
.a-new-class div.fr .h_title::before{content: '';position: absolute;width: 3px;height: 3px;border-radius: 3px;background: #757b83;top: 50%;left: 0px;}
.a-new-class div.fr .h_title:nth-child(1)::before{top: 58%;}
.a-new-class div.fr .h_title:hover{color: #f36300}
.a-new-class div.fr span{display: inline-block;font-size: 14px;color: #9C9C9C;padding-left: 5px;padding-top:10px;display:none;}
/*类别选择样式*/
.filter-options {margin:0 auto;width:1200px;position: relative;background: #fff;margin-top:10px;margin-bottom: 10px;border: 1px solid #ddd;}
.filter-options ul{padding: 10px 0px 0px 15px;}
.filter-options ul li {padding: 10px 0px 10px 75px;position: relative;}
.filter-options ul li:last-child {border-bottom: none;}
.filter-options ul li span {display: block;font-size: 14px;line-height: 25px;position: absolute;left: 0;}
.filter-options ul li .li_con {margin-right: -2px;}
.filter-options ul li .li_con a {display: block;float: left;padding: 0 8px 0 6px;margin-right: 2px;text-decoration: none;font-size: 14px;line-height: 26px;margin-bottom: 8px;}
.filter-options ul li .li_con a:hover {color: #cf3340;}
.filter-options ul li .li_con a.cur {background: #cf3340;color: #fff;}
.filter-options ul li .li_con2 {margin-right: -30px;}
.filter-options ul li .li_con2 a {display: block;float: left;margin-right: 30px;padding-left: 22px;font-size: 14px;line-height: 26px;text-decoration: none;color: #333;background: url(http://jiaoyu.dz31hao.com/static_pc/images/check-box.jpg) left center no-repeat;}
.filter-options ul li .li_con2 a:hover {color: #cf3340;}
.filter-options ul li .li_con2 a.cur {background-image: url(http://jiaoyu.dz31hao.com/static_pc/images/check-box-choose.jpg);}
.page{margin:0 auto;}