/* 全局样式 */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background-color:transparent;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
::-webkit-scrollbar-thumb{background-color:#9c9da0;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
html{scroll-behavior: smooth;}
body{background:#F5F5F5;color:#333;font-size:12px; margin-top:5px;font-family:"微软雅黑","Microsoft YaHei","Arial Narrow";}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{text-decoration:none;color: #333333}
a:after {color: black}
a:visited {color: black }
input[type="buttom"]:focus {outline:none}
.icon{width: 24px;height: 24px;margin-left: 10px;margin-right: 10px}
.fullimg{height: 100%;width: 100%}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{clear: both}
.blod{font-weight: bold}

.top_box{height:126px;width: 100%;min-width: 1200px;box-shadow: 2px 2px 2px #cccccc;}
.top_back{height:36px;width: 100%;min-width: 1200px;background-color:black}
.top_bar{height: 36px;width: 1200px;margin: 0px auto 0px auto}
.top_bar a{color: #FFFFFF}
.top_bar a:hover{color:#FFFFFF}
.top_bar a:after{color:#FFFFFF}
.bar_box{display: flex;justify-content: space-between;color: #ffffff;line-height: 36px}

.nav_box{width: 1200px;height:90px;margin:0 auto;display: flex;justify-content: space-between;align-items: center}
.nav_box .logo{width: 200px;height:60px}
.nav_box .nav{width: 900px;height: 60px}
.nav_box .nav .nav_list li{float: left;width: 100px;height:60px;font-size: 18px;display: flex;align-items: flex-end;justify-content: flex-end}
.nav_box .nav .nav_list li a{transition: color .2s linear,text-shadow .2s linear;-moz-animation:color .2s linear,text-shadow .2s linear;-webkit-animation:color .2s linear,text-shadow .2s linear;-o-animation:color .2s linear,text-shadow .2s linear}
.nav_box .nav .nav_list li a:hover {color: #333333;font-weight:bold;text-shadow:1px 1px 3px #333333;}

/***************************首页滚动图样式属性*******************************/
.flash{ width:1200px; height:400px;margin: 0 auto; overflow:hidden; position:relative; border:1px solid #ddd;  }
.flash .hd{ height:22px;width: 100%; overflow:hidden; position:absolute; bottom:10px; z-index:1; display: flex;justify-content: center}
.flash .hd ul{ overflow:hidden; zoom:1; float:left;padding: 5px 15px;background: rgba(255,255,255,0.6);border-radius: 15px}
.flash .hd ul li{ float:left; margin-right:5px;width:12px; height:12px; border-radius: 12px; text-align:center; background:#fff; cursor:pointer; }
.flash .hd ul li:last-child{margin-right:0}
.flash .hd ul li.on{ background:#f00; color:#fff; }
.flash .bd{ position:relative; height:100%; z-index:0;   }
.flash .bd li{ zoom:1; vertical-align:middle;}
.flash .bd img{ width:1200px; height:400px}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.flash .prev, .flash .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.flash .next{ left:auto; right:3%; background-position:8px 5px; }
.flash .prev:hover,.flash .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.flash .prevStop{ display:none;  }
.flash .nextStop{ display:none;  }

.container{width: 1200px;height: auto;margin: 0px auto;background: #FFFFFF;}
.breadcrumb{width: 1200px;font-size: 14px;height:40px;margin: 10px auto;line-height: 40px}

/***************************公开课列表样式属性*******************************/
.course_filter_box{width: 1200px;height: auto;margin: 0 auto 20px auto;background: #ffffff}
.course_filter_list{width: 1140px;height: auto;padding: 30px;}
.course_filter{width: 100%;height: 36px;font-size: 16px;margin: 5px auto;display: flex;justify-content: flex-start}
.course_filter_name{width: 100px;font-size: 18px;font-weight: bold;line-height: 36px}
.course_filter_item_box{display: flex;justify-content: flex-start;align-items: center}
.course_filter_item_box .active{background: #0e2e79;border-radius: 5px;color: #ffffff}
.course_filter_item_box .active:hover{background: #0e2e79 !important;border-radius: 5px;color: #ffffff}
.course_filter_item{padding: 1px 15px;margin: 0 5px;height: 30px;line-height: 30px;cursor: pointer;transition: all 0.5s ease}
.course_filter_item:hover{background: #2898ff;border-radius: 5px;color: #ffffff}

.course_lists_empty{width: 1200px;height: auto;margin: 0 auto 20px auto;background: #ffffff}
.course_lists_empty_text{padding: 100px 0 120px 0;text-align: center;font-size: 40px;color: #999999}

.course_lists_box{width: 1200px;height: 240px;margin: 10px auto 15px auto;background: #ffffff;display: flex;justify-content: space-between;cursor: pointer;transition: all 0.2s linear}
.course_lists_box:hover{background: #fafafa;box-shadow: 3px 3px 10px #c5c5c5}
.course_lists_box:hover img{transform: scale(1.2);}
.course_lists_left{width: 360px;height: 200px;margin: 20px;overflow: hidden}
.course_lists_left img{width: 100%;height: 100%;transition: all 0.5s ease}
.course_lists_right{width: 780px;height: 200px;margin: 20px;overflow: hidden}
.course_lists_title{font-size: 26px;color: #000000;font-weight: bold;height: 50px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.course_lists_ext{font-size: 16px;line-height: 25px;color: #333333}
.course_lists_btn{margin-top: 12px}
.course_lists_btn a:visited{color: #ffffff}
.course_expired{margin-left: 20px;color: #ff0000}

/***************************公开课详情样式属性*******************************/
.course_box{width: 1140px;height: auto;margin: 30px auto 10px auto;padding: 30px;background-color: #ffffff}
.course_title{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.course_title .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.classify li{width: 100px;float: left;display: flex;align-items: flex-end;justify-content: flex-end}

.course_list{width: 100%}
.course_top{width: 444px;height: 340px;padding-top:11px;float: left;margin-right: 20px}
.course_cover{width: 100%;height: 100%}
.course_cover img{width: 100%;height: 100%}
.course_list_box{width: 676px}
.course_info{width: 180px;height: 310px;float: left;padding:15px;margin: 10px 20px 10px 0px;border: 1px solid #eeeeee;cursor: pointer;transition: margin-top .2s linear;-moz-animation:margin-top .2s linear;-webkit-animation:margin-top .2s linear;-o-animation:margin-top .2s linear}
.course_info:nth-child(4),.course_info:nth-child(9),.course_info:last-child{margin-right: 0}
.course_info:hover{background-color:#F9F9F9;box-shadow: 2px 5px 5px #cccccc}
.course_info .cover{width: 180px;height: 100px}
.course_info .cover img{width: 100%;height: 100%}
.course_info .title{width: 100%;height: 48px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;-webkit-box-orient: vertical;text-overflow: ellipsis;font-size: 16px;font-weight: bold;color: #444444;line-height: 24px;margin: 10px auto}
.course_info .cloumn{width: 100%;font-size: 14px;margin: 5px auto;color: #444444;display: flex;justify-content: space-between}
.course_info .cloumn .label{font-weight: bold}
.course_info .btn{margin: 15px auto}

.course_detail_box{height:auto;width:1180px;margin: 0 auto;min-height:300px;padding: 10px;border: 1px solid #F0F0F0}
.course_detail_title_box{height:50px;width:1100px;padding-top: 15px;margin: 0 auto;text-align: left;border-bottom: 1px dashed #F0F0F0}
.course_detail_title{color: #353535;margin: 0;font-size: 24px;}
.course_content{height: auto;width:1100px;margin:20px auto;}
.course_content p{font-size: 16px;width:95%;line-height: 30px;text-indent: 2em;margin:10px auto;color: #353535;}
.course_content p img{min-width:640px;min-height:320px;max-width:900px;margin: 10px auto;text-indent: 0px}

.course_baseinfo_box{width: 1200px;height: 290px;margin: 0 auto;background: #ffffff;display: flex;justify-content: space-between}
.course_baseinfo_box:hover img{transform: scale(1.2);}
.course_baseinfo_left{width: 650px;height: 250px;margin: 20px 20px}
.course_baseinfo_title{font-size: 26px;color: #000000;font-weight: bold;height: 50px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.course_baseinfo_ext{font-size: 16px;line-height: 34px;color: #333333}
.course_baseinfo_btn{margin-top: 20px}
.course_baseinfo_btn a:visited{color: #ffffff}

.course_baseinfo_right{width: 450px;height: 250px;margin: 20px;overflow: hidden}
.course_baseinfo_right img{width: 100%;height: 100%;transition: all 0.5s ease}

.course_nav_box{width: 1200px;margin: 20px auto 20px auto;display: flex;justify-content: flex-start}
.course_nav{width: 120px;padding: 20px;background: #ffffff;margin: 0 20px 0 0;text-align: center;font-size: 16px}
.course_nav a:hover{color: #333333}
.course_nav:hover{background: #cccccc}

.course_outline_box{display: flex;justify-content: space-between;width: 1200px;margin: 20px auto 40px auto}
.course_outline{padding:30px;width: 820px;background: #ffffff;}
.course_outline_title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.outline{margin: 20px auto;width: 100%;font-size: 16px;line-height: 32px}
.course_class{width: 100%;margin-bottom: 30px;border-bottom: 1px dashed #eeeeee}
.course_teaher{margin: 20px auto;font-size: 16px;line-height: 32px}
.course_teacher_cover{width: 180px;height: 270px;margin: 0 auto}
.course_teacher_cover img{width: 100%;height: 100%}
.course_teacher_name{font-size: 20px;font-weight: bold;margin: 10px auto;text-align: center}
.course_teacher_info{text-indent: 2em}

.course_recommend{width: 290px;}
.course_recommend_box{padding:20px;width: 250px;background: #ffffff;}
.course_recommend_title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.course_recommend_list{width: 250px;background: #ffffff;padding: 20px;margin: 20px auto;}
.course_recommend_list:hover{box-shadow: 3px 3px 10px #cacaca;background: #f0f0f0}
.course_recommend_list:hover img{transform: scale(1.2);}
.course_recommend_cover{width: 250px;height: 140px;overflow: hidden}
.course_recommend_cover img{width: 100%;height: 100%;transition: all 0.5s ease}
.course_recommend_list .title{width: 100%;font-size: 16px;font-weight: bold;color: #444444;line-height: 24px;margin: 10px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.course_recommend_list .cloumn{width: 100%;font-size: 14px;margin: 5px auto;color: #444444;display: flex;justify-content: space-between}
.course_recommend_list .cloumn .label{font-weight: bold}
.course_recommend_list .btn{margin: 15px auto}

.certificate_box{width: 1200px;height: auto;margin:30px auto 10px auto;display: flex;justify-content: space-between}
.certificate{width: 530px;padding: 30px;background-color: #ffffff}
.certificate:hover{box-shadow: 3px 3px 10px #cccccc}
.title_box{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.title_box .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #0F70FE;border-left: 4px solid #0F70FE;padding-left: 10px}
.certificate .content{font-size: 16px;width:100%;line-height: 30px;color: #353535;}
.certificate .table{text-align: center}

.teach_box{width: 1140px;height: auto;margin: 30px auto 10px auto;padding: 30px;background-color: #ffffff}
.teach_title{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.teach_title .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.teach_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.teach_list .teach{width: 180px;height: 300px;padding:15px;margin: 10px 0;border: 1px solid #eeeeee;cursor: pointer;transition: margin-top .2s linear;-moz-animation:margin-top .2s linear;-webkit-animation:margin-top .2s linear;-o-animation:margin-top .2s linear}
.teach_list .teach:hover{background-color:#F6F6F6;margin-top: 5px;box-shadow: 2px 5px 5px #cccccc}
.teach_list .teach_cover{width: 100%;height: 270px}
.teach_list .teach_cover img{width: 100%;height: 100%;border-radius: 5px}
.teach_list .teach_info{width: 100%;margin:10px auto 10px auto;font-size: 18px;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.teach_list .teach_info .teacher_title{width: 50%;font-weight: bold;text-align: left}
.teach_list .teach_info .teacher_name{width:50%;font-weight: bold;text-align: right}

.teach_list_box{width: 1200px;margin: 10px auto 15px auto;}
.teach_list_box .teach{width: 180px;height: 320px;padding:15px;margin: 10px 0;border: 1px solid #eeeeee;cursor: pointer;background: #ffffff;float: left;margin-right: 35px}
.teach_list_box .teach:nth-child(5n){margin-right: 0}
.teach_list_box .teach:hover{background-color:#F6F6F6;box-shadow: 2px 5px 10px #cccccc}
.teach_list_box .teach:hover img{transform: scale(1.2);}
.teach_list_box .teach .teach_cover{width: 100%;height: 270px;overflow: hidden}
.teach_list_box .teach .teach_cover img{width: 100%;height: 100%;border-radius: 5px;transition: all 0.5s ease}
.teach_list_box .teach .teach_info{width: 100%;margin:20px auto 10px auto;font-size: 18px;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.teach_list_box .teach .teach_info .teacher_name{width:100%;font-weight: bold;text-align: center}

.teach_detail_box{width: 1200px;height: auto;margin: 10px auto 15px auto;background: #ffffff;}
.teach_detail{padding: 20px}
.teach_detail_cover{height: 270px;width: 180px;margin: 20px auto 0 auto;}
.teach_detail_cover img{height: 100%;width: 100%;border-radius: 5px}
.teach_detail_name{width: 500px;height: 30px;font-size: 24px;margin: 20px auto;text-align: center}
.teach_detail_introduce{margin: 10px 30px}
.teach_detail_introduce p{font-size: 16px;text-indent: 2em;line-height: 32px;margin: 15px auto}


.teach_course_box{width: 1200px;height: auto;margin: 10px auto 15px auto;}
.teach_course_list{width: 180px;background: #ffffff;padding: 20px;float: left;margin-right: 25px;margin-bottom: 10px}
.teach_course_list:nth-child(5n){margin-right: 0}
.teach_course_list:hover{box-shadow: 3px 3px 10px #cacaca;background: #f0f0f0}
.teach_course_list:hover img{transform: scale(1.2);}
.teach_course_cover{width: 180px;height: 100px;overflow: hidden}
.teach_course_cover img{width: 100%;height: 100%;transition: all 0.5s ease}
.teach_course_list .title{width: 100%;font-size: 16px;font-weight: bold;color: #444444;line-height: 24px;margin: 10px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.teach_course_list .cloumn{width: 100%;font-size: 14px;margin: 5px auto;color: #444444;display: flex;justify-content: space-between}
.teach_course_list .cloumn .label{font-weight: bold}
.teach_course_list .btn{margin: 15px auto}
/***************************新闻样式*******************************/
.news_lists_box{width: 1200px;height: 240px;margin: 10px auto 15px auto;background: #ffffff;display: flex;justify-content: space-between;cursor: pointer;transition: all 0.2s linear}
.news_lists_box:hover{background: #fafafa;box-shadow: 3px 3px 10px #c5c5c5}
.news_lists_box:hover img{transform: scale(1.2);}
.news_lists_left{width: 360px;height: 200px;margin: 20px;overflow: hidden}
.news_lists_left img{width: 100%;height: 100%;transition: all 0.5s ease}
.news_lists_right{width: 780px;height: 200px;margin: 20px;overflow: hidden}
.news_lists_title{font-size: 26px;color: #000000;font-weight: bold;height: 50px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.news_abstract{font-size: 16px;line-height: 25px;height: 100px;color: #333333;text-align: justify;display: -webkit-box;-webkit-line-clamp:4;overflow: hidden;-webkit-box-orient: vertical}
.news_lists_btn{margin-top: 12px}
.news_lists_btn a:visited{color: #ffffff}


.news_box{width: 1140px;height: auto;margin: 40px auto 10px auto;padding: 30px;background-color: #ffffff}
.news_title{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.news_title .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.news_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news_list .news_list_box{width: 48%}
.news_list ul li{width: 100%;font-size: 16px;height: 35px;line-height: 35px;border-bottom: #F0F0F0 dashed 1px;margin-top: 8px}
.news_list .news{display: flex;justify-content: space-between;flex-wrap: wrap;color: #444444;cursor: pointer;transition: font-size 0.2s linear}
.news_list .news:hover{color: #000000;background: #F6F6F6}

.news_detail_box{height:auto;width:1180px;margin: 0 auto;min-height:300px;padding: 10px;border: 1px solid #F0F0F0}
.news_detail_title_box{height:80px;width:1100px;padding-top: 15px;margin: 0 auto;text-align: left;border-bottom: 1px dashed #F0F0F0}
.news_info{height:40px;width:100%;line-height: 40px}
.news_detail_title{color: #353535;margin: 0;font-size: 24px;}
.news_content{height: auto;width:95%;margin:20px auto 40px auto;}
.news_content p{font-size: 16px;text-indent: 2em;line-height: 32px;margin: 15px auto}
.news_content p img{display: block;min-width:640px;min-height:320px;max-width:1120px;margin: 10px auto;text-indent: 0px}

.page_box{height:auto;width:1200px;margin: 0 auto;display: flex;justify-content: space-between}
.page_box .page{height: 60px;width: 160px;line-height: 60px;font-size: 18px;text-align: center;background: #ffffff;cursor: pointer}
.page_box .disable{color: #cccccc !important;cursor: not-allowed !important;}

.custom_box{width: 1140px;height: auto;margin: 40px auto 10px auto;padding: 30px;background-color: #ffffff}
.custom_title{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.custom_title .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.custom_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.custom{border: 1px solid #cccccc;margin-top: 20px;border-radius: 5px;overflow: hidden;cursor: pointer}
.custom img{transition: all 0.3s ease 0.1s}
.custom img:hover{transform: scale(1.1);background: #F6F6F6}

/***************************认证页样式属性*******************************/
.cert_baseinfo_box{width: 1140px;height: auto;margin: 0px auto 10px auto;padding: 30px;background-color: #ffffff}
.cert_title{font-size: 26px;text-align: center;color: #000000;font-weight: bold;height: 50px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.cert_abstract p{font-size: 16px;text-indent: 2em;line-height: 32px;}

/***************************内训样式*******************************/
.train_box{width: 1140px;height: auto;margin: 20px auto 10px auto;padding: 30px;background-color: #ffffff}
.train_title .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.train_list{display: flex;justify-content: space-between;flex-wrap: wrap}
.train_flow{display: flex;justify-content: space-between;flex-wrap: wrap}
.train_flow_step{width: 180px;height: 260px;padding:15px;margin: 10px 0;border: 1px solid #eeeeee;cursor: pointer;transition: margin-top .2s linear;-moz-animation:margin-top .2s linear;-webkit-animation:margin-top .2s linear;-o-animation:margin-top .2s linear}
.train_flow_step:hover{background-color:#F9F9F9;margin-top: 5px;box-shadow: 2px 5px 5px #cccccc}
.train_flow_step .cover{width: 180px;height: 100px}
.train_flow_step .cover img{width: 100%;height: 100%}
.train_flow_step .title{width: 100%;font-size: 16px;font-weight: bold;text-align: center;color: #444444;line-height: 24px;margin: 10px auto}
.train_flow_step .text{text-align: justify}

.train_item_box{width: 1200px;height: auto;margin:20px auto 10px auto;display: flex;justify-content: space-between;flex-wrap: wrap}
.train_item{width: 330px;padding: 30px;margin-bottom: 20px;background-color: #ffffff;cursor: pointer;transition: all 0.2s linear}
.train_item:hover{box-shadow: 3px 3px 10px #cccccc;background: #F6F6F6}
.title_box{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.train_title{height: 32px;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 20px;font-weight: bold;color: #0F70FE;border-left: 4px #0F70FE solid;padding-left: 10px}
.train_abstract{font-size: 16px;text-align: justify;width:100%;line-height: 28px;color: #353535;display: -webkit-box;-webkit-line-clamp:5;overflow: hidden;-webkit-box-orient: vertical}
/***************************服务咨询样式属性*******************************/
.tutor_step_box{width: 1200px;height: auto;margin:20px auto 10px auto;}
.tutor_step{width: 1140px;height: auto;margin: 0px auto 10px auto;padding: 30px;background-color: #ffffff;display: flex;justify-content: space-between;}
.tutor_left{width: 200px;height: 200px}
.tutor_aim{position: absolute;width: 200px;height: 200px;background-image: linear-gradient(to bottom right,#0F70FE, #0a4bab);border-radius: 20px;transform: rotate(45deg) scale(0.8);}
.tutor_title{position: absolute;line-height: 200px;font-size: 30px;text-align: center;width: 200px;font-weight: bold;color:#ffffff;text-shadow: 3px 3px 6px #000000}
.tutor_right{width: 880px;height: 200px}
.tutor_aim_item_box{width: 100%;display: flex;justify-content: space-between}
.tutor_aim_item{width: 200px;height:200px}
.tutor_aim_icon{width: 100px;height:100px;margin: 0 auto;padding: 20px;border-radius: 20px;}
.tutor_aim_number{width: 100%;height: 130px;text-align: center;font-size: 100px; font-style: italic;font-weight: bold;background-image: linear-gradient(to bottom, #0a4bab, #4a8fff);color: transparent;-webkit-background-clip: text;margin-bottom: 30px;border-bottom: 6px solid #0F70FE}
.tutor_aim_text{width: 100%;text-align: center;font-size: 16px;font-weight: bold}


.tutor_step_title_box{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.tutor_step_title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.tutor_point_box{width: 1140px;height: auto;margin: 20px auto 10px auto;padding: 30px;background-color: #ffffff}
.tutor_point_title{width: 100%;margin:0px auto 10px auto;display: flex;justify-content: space-between;color: #3F3F3F;align-items: center}
.tutor_point_title .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: bold;color: #ff0000;border-left: 4px solid #ff0000;padding-left: 10px}
.tutor_point_item_box{width: 100%;margin-bottom: 40px;display: flex;justify-content: space-between}
.tutor_point_text{font-size: 16px;font-weight: bold;color: #0C0A0A;margin: 20px auto 25px auto}

.tutor_point1{width: 200px;padding-top: 30px;text-align: center;border-bottom: 8px solid #0a4db0;background-image: linear-gradient(to top, #b0dcff, transparent);}
.tutor_point_icon1{color: transparent;-webkit-background-clip: text;background-image: linear-gradient(to top, #00cfff, #baf7ff);}

.tutor_point2{width: 200px;padding-top: 30px;text-align: center;border-bottom: 8px solid #0a4db0;background-image: linear-gradient(to top, #b0dcff, transparent);}
.tutor_point_icon2{color: transparent;-webkit-background-clip: text;background-image: linear-gradient(to top, #f21c00, #ffc3bc);}

.tutor_point3{width: 200px;padding-top: 30px;text-align: center;border-bottom: 8px solid #0a4db0;background-image: linear-gradient(to top, #b0dcff, transparent);}
.tutor_point_icon3{color: transparent;-webkit-background-clip: text;background-image: linear-gradient(to top, #b01bae, #f6c1ff);}

.tutor_point4{width: 200px;padding-top: 30px;text-align: center;border-bottom: 8px solid #0a4db0;background-image: linear-gradient(to top, #b0dcff, transparent);}
.tutor_point_icon4{color: transparent;-webkit-background-clip: text;background-image: linear-gradient(to top, #b01013, #ffd3cf);}

.tutor_point5{width: 200px;padding-top: 30px;text-align: center;border-bottom: 8px solid #0a4db0;background-image: linear-gradient(to top, #b0dcff, transparent);}
.tutor_point_icon5{color: transparent;-webkit-background-clip: text;background-image: linear-gradient(to top, #ffb611, #ffe8be);}

.tutor_flow_box{width: 100%;margin-bottom: 40px;display: flex;justify-content: space-between}
.tutor_flow{width: 200px;margin-top: 10px;text-align: center;border: 1px solid #dbdbdb;font-size: 16px;height: 60px;line-height: 60px;border-radius: 5px;background-image: linear-gradient(to top, #4b43b6, #767bff);font-weight: bold;color: #ffffff}
.tutor_point_box .content p{font-size: 16px;line-height: 32px;text-indent: 2em;text-align: justify}

.tutor_lists_box{width: 1200px;height: 307px;margin: 20px auto 15px auto;background: #ffffff;display: flex;justify-content: space-between;cursor: pointer;transition: all 0.2s linear}
.tutor_lists_box:hover{background: #fafafa;box-shadow: 3px 3px 10px #c5c5c5}
.tutor_lists_box:hover img{transform: scale(1.05);}
.tutor_lists_left{width: 350px;height: 267px;margin: 20px;overflow: hidden}
.tutor_lists_left img{width: 100%;height: 100%;transition: all 0.5s ease;border-radius: 5px}
.tutor_lists_right{width: 760px;height: 267px;margin: 20px;overflow: hidden}
.tutor_lists_right ul{width: 100%}
.tutor_lists_right ul li{width: 50%;height: 35px;float: left;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/***************************客服样式属性（已废弃）*******************************/
.kefu_box{width: 680px;height: 169px;margin: 10px auto;display: flex;justify-content: space-between}
.kefu_item{width: 226px;text-align: center;color:#8c8c8c;}
.kefu_pic{width: 80px;height: 80px;margin: 20px auto}
.kefu_pic img{width: 100%;height: 100%}
.kefu_tel{font-size: 28px}
.kefu_qq{font-size: 28px}
.kefu_wechat{font-size: 28px}

/***************************底部样式属性*******************************/
.footer{width: 100%;min-width: 1200px;height: 200px;background-color: #3F3F3F;margin-top: 40px;color:#FFFFFF}
.footer .body{width: 1200px;margin: 15px auto;}
.footer .copyright{ float:left; width:800px;margin-top: 20px}
.footer .copyright .footer_nav{font-size: 18px;line-height: 40px}
.footer .copyright p{line-height: 30px}
.footer .copyright a{color:#FFFFFF}
.footer .copyright a:hover{color:#cccccc}
.footer .qrcode{float: right;width: 120px;margin-top: 20px}
.footer .qrcode img{height: 120px;width: 120px}
.footer .qrcode p{margin-top: 10px;width: 100%;text-align: center}

/* laymd样式 */
.laymd-preview{font-size: 16px;line-height: 32px}
.laymd-preview>p{margin:0}
.laymd-preview img{width: 100%;}
.laymd-preview>h2{margin:10px 0}
.laymd-preview>ul{padding: 0px 20px;}
.laymd-preview>ol{padding: 0px 0px;}
.laymd-preview ul:first-child,
.laymd-preview ol:first-child {margin-top: 0;}
.laymd-preview ul:last-child,
.laymd-preview ol:last-child {margin-bottom: 0;}
.laymd-preview>ul li{list-style:disc;margin-top: 5px;}
.laymd-preview>ol li{list-style: decimal inside;margin-top: 5px;}
.laymd-preview li{list-style-type:decimal;}
.laymd-preview .layui-field-title{margin-top: 30px !important;margin-bottom: 10px !important;}
/***************************客服样式*******************************/
.service_box{right: 0px; position: fixed;bottom:100px;width: 144px;}
.service_top_border{background:url(../images/online_bg.png) no-repeat -36px 0; height:10px;}
.service_border{background:url(../images/online_bg.png) repeat-y 0 -185px; padding:0 5px;}
.service_title{ background:url(../images/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666; text-align:left; }
.service_title span{background:url(../images/online_bg.png) no-repeat -36px -102px;padding-left:14px; margin-left:6px;}
.service_info{background:url(../images/online_bg.png) no-repeat -147px -185px; padding:10px 0;text-align: center;width: 100%;height: auto;border-bottom: 1px solid #d0d0d0;}
.service_text{line-height: 25px}
.service_qq{margin: 5px auto}
.service_bottom{ background:url(../images/online_bg.png) repeat-y -36px -35px; height:29px;}
/***************************客服样式  END*************************/