.lt_header{
    height: 100px;
	display:flex;
	justify-items: center;
    align-items: center;
        width: 1350px;
    margin: 0 auto;
}
.lt_header_left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #d4716f;
    padding-right: 10px;
    margin-right: 10px;
}
.lt_header_logo{
	display:flex;
	justify-items: center;
    align-items: center;
	flex:1;
	color:#eb010a;
	font-size:20px;
	padding:0 20px;
	line-height: 26px;
}

.lt_header_logo a{
	display: flex;
    /* width: max-content; */
    color: #eb010a;
    	justify-items: center;
    align-items: center;
}
.lt_header_logo img{
	height:24px;
}
.lt_header_logo span{
	color:#03A9F4;
	padding:0 5px;
	font-size:30px;
}
.lt_header_user{
	display:flex;
	justify-items: center;
    align-items: center;
	padding: 0 20px;
}


.dd_menu_icon{	
    width: 18px;
    height: 18px;
    display: inline-block;
	margin-top: -2px;
}
.dd_menu_icon_txt{	
    padding-left: 5px;
    padding-right: 10px;
    color: #000000;
}

.ld-nav {
    background-color: #fff;
}
.container {
    width: 1160px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}
.ld-nav .nav {
    padding-left: 10px;
}

.nav-pills > li {
    margin: 0 10px;
}
.nav-pills>li {
    float: left;
}
.nav>li, .nav>li>a {
    position: relative;
    display: block;
    font-size:18px;
}
.nav-pills>li.active>a {
    color: #fff;
    background: #ff6100;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.nav-pills.nav-pills-gray>li.active>a, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background: #ff7200;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #007afe;
    color: #d87000;
}
.ld-nav .nav-pills>li.active>a, .ld-nav .nav-pills>li.active>a:focus, .ld-nav .nav-pills>li.active>a:hover {
    background-color: #ddd;
    color: #36373b;
}
.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li+li {
    margin-left: 0;
}
 .curriculum {
    background: rgba(0,0,0,0.6);
    width: 230px;
    height: 410px;
    z-index: 10;
        position: absolute;
}
.classify-right {
    width: 230px;
}
.curriculum .classify-right .lis>ul>li {
    width: 200px;
    height: 50px;
    cursor: pointer;
    padding: 15px 18px;
}
.lis:last-child>ul>li {
    height: 58px;
    padding: 19px 18px;
    border-bottom: 1px #575757 solid;
}
.curriculum .classify-right .lis>ul>li>.classify-bor a {
    font-size: 14px;
    color: #fff;
}
b, strong {
    font-weight: 700;
}
.es-poster {
    position: relative;
    background: #f5f5f5;
    margin: 0 auto;
    max-height: 410px;
}
#carousel {
    width: 1200px;
    margin: 0px auto;
}
.banner {
    position: relative;
    overflow: auto;
    text-align: center;
}.banner ul li {
    float: left;
}
.banner li {
    list-style: none;
}
.homepage .es-poster .img-responsive {
    height: 410px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail>img, .thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.js-course-detail
{
	width: 130px;
    text-align: center;
}
.js-course-filter a,.js-course-detail a
{
	font-size: 16px;
	color:#36373b;
	
}

.js-course-detail a:hover
{
color:#ffffff !important;
background-color: #03A9F4 !important;
	
}

.js-course-detailactive,.js-course-detailactive a  
{
color:#ffffff !important;
background-color: #03A9F4 !important;
	
}


.block-tit {
    border-bottom: 1px solid #ddd;
    height: 40px;
    margin: 20px 0px;
}
.block-tit .tit-txt {
    font-size: 20px;
    margin-right: 20px;
    padding-bottom: 5px;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: -2px;
    color: #333;
    border-bottom: 3px solid #03A9F4;
}


.block-tit .p-ico {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 5px;
}
.p-ico {
    background: url(../img/pc/courseindex.png) no-repeat;
    display: inline-block;
}
.block-tit .more {
    color: #03A9F4;
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
    position: relative;
    top: 8px;
}
.m-news {
    width: 48%;
}
.m-news .news-bd {
    margin-top: 15px;
    height: 240px;
    overflow: hidden;
}
.m-news .news-bd li {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    position: relative;
}
.m-news .news-bd li:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #03A9F4;
    position: absolute;
    top: 18px;
    left: 2px;
}
.m-news .news-bd .first a {
    color: #03A9F4;
    font-size: 18px;
}
.m-news .news-bd li a {
    display: inline-block;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    padding-left: 15px;
}
.m-news .news-bd li .time {
    position: absolute;
    color: #999;
    line-height: 40px;
    top: 0;
    right: 0;
}
#pagelist {
  		line-height: 22px;
  		color: #666;
  		padding: 15px;
}
#pagelist a.next, #pagelist a.prev {
  		width: 60px;
}
#pagelist a {
    width: 38px;
    text-align: center;
    float: left;
    border: 1px solid #03A9F4;
    background: #fff;
    height: 38px;
    font-size: 14px;
    color: #03A9F4;
    line-height: 38px;
    margin-left: 5px;
    /* border-radius: 3px; */
}
#pagelist a:hover {
    background: #03A9F4;
    border: 1px solid #03A9F4;
    color: #fff;
    text-decoration: none;
}
#pagelist span {
  		line-height: 28px;
  		font-size: 13px;
  		height: 28px;
  		margin-left: 10px;
}
    
#pagelist a.curr {
    background: #03A9F4;
    border: 1px solid #03A9F4;
    color: #fff;
    text-decoration: none;
}
.w-bg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
.p10 {
    padding: 10px;
}
.news-list-1 li {
    border-left: 1px solid #ddd;
    border-bottom: 1px dashed #eee;
    height: 45px;
    line-height: 45px;
    margin-left: 20px;
    vertical-align: top;
        width: 98%;
    display: inline-block;
}
.news-list-1 .tit {
    display: block;
    float: left;
    width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    position: relative;
    left: -8px;
}
.news-list-1 .tit .circle {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #ddd;
    margin-right: 8px;
    vertical-align: middle;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.news-list-1 .date {
    float: right;
    display: block;
    color: #999;
}
.news-list-1 .tit:hover .circle {
    background-color: #03A9F4;
}
.news-list-1 .tit:hover {
    color: #03A9F4;
}

.m-no-data {
    padding: 40px 0;
}
.tc {
    text-align: center;
}
.m-no-data .txt {
    font-size: 16px;
    color: #888;
    margin-top: 15px;
}
.viewbutton
{
	border: 1px solid #03A9F4;padding: 5px;color: #03A9F4;cursor: pointer;
	
}
.viewbutton:hover{
	
	background-color:#03A9F4;
	color:white;
}
.login_container {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}
.login_img_view {
    width: 400px;
    height: 305px;
    margin-right: 10px;
}
.login_img_view img {
    height: 100%;
    width: 100%;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #03A9F4;
    border: 1px solid #03A9F4;
    border-radius: 4px;
}
input:focus {
        outline: 1px solid #03A9F4;
        border: 1px solid #03A9F4;
      }
.input-group-addon
{
	color:#ffffff;
}
.clear:after, .clear:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}  

.nav-pills>li>a {
    border-radius: 0px;
}    


.wd_shadow{ position:relative; top:0; right:0; bottom:0; left:0; z-index:100;    width: 100%;
    height: 100%;}

.wd_shadow2{ position:relative; top:0; right:0; bottom:0; left:0; z-index:100;    width: 100%;
    height: 100%;}
.show_certno{
	position:relative; top:0; right:0; bottom:0; left:0; z-index:100;    width: 100%;
    height: 100%;
}
.transparent{ position:fixed; top:0; right:0; bottom:0; left:0; filter:alpha(opacity=50); opacity:.5; background-color:#000; z-index:100;}
.wd_box{   position: fixed;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    
   min-width: 500px;    z-index: 101;      }
.totop10{margin-top:10px;}
.wd_main_list {
    margin-left: 0px;
    min-height: 36px;
    clear: both;
}
.wd_ml_left {
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.wd_ml_right {
    float: left;
    width: 340px;
    height: auto;
    overflow: auto;
}
*::-webkit-scrollbar-thumb {
    background: #03A9F4;
}
.wd_head{ margin-top: 0px; background-color:#03A9F4; height: 40px;  border:none; overflow: hidden;}
.wd_hd_title{display: block; float: left;padding-left: 15px;  color:#fff; font-size:16px;line-height: 35px;}
.wd_close{ float:right; margin-right: 15px; margin-top: 5px; width:26px; height: 26px; background: url(../img/pc/close.png) no-repeat; background-size: 100% 100%;
    background-position: center;}
.wd_close a{display: block; width:16px; height: 16px; cursor: pointer;}
.wd_main{  padding: 20px;  height: 360px;   background-color: #fff; }
.wd_main2{  padding: 20px;  min-height: 260px;   background-color: #fff; overflow: auto;}
.wd_operate{  padding-right: 20px; padding-top:8px; border-radius: 0px 0px 8px 8px; height:48px; border-top:1px solid #d8e6eb;  background-color: #fff; text-align: right; }
.wd_ml_left{ float:left; width:100px; text-align: right; padding-right: 10px; font-size:14px; color:#666; line-height: 30px;}
.wd_ml_right{ float:left;line-height: 30px;}
.wd_textarea_01{ padding: 5px;  height:60px; background-color: #ffffff; border:1px solid #4caf50 !important; }
.wd_input_01{ padding: 5px;  height:30px;  background-color: #ffffff; border:1px solid #4caf50 !important;}
.wd_btn_in1{ width:100px; height: 30px; border:none; background-color: #31b0d5; font-size:14px; color:#fff; cursor: pointer;}
.wd_checkbox{ margin-top:10px;}
.wd200{ width: 200px;}
.wd340{ width: 340px;}
.wd_btn_01{width:100px; height: 32px; border:none; background-color: #03A9F4; font-size:14px; color:#fff; cursor: pointer; border-radius: 5px;}
.wd_btn_02{width:100px; height: 32px; border:none; background-color: #dddddd; font-size:14px; color:#666; cursor: pointer; border-radius: 5px;}
.wd_btn_01:hover{ background-color: #03A9F4; }
.wd_btn_02:hover{ background-color: #cccccc; }