

.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:#2c68cf;
	padding:0 5px;
	font-size:30px;
}
.lt_header_user{
	display:flex;
	justify-items: center;
    align-items: center;
	padding: 0 20px;
}


.dd_menu_icon{	
    width: 24px;
    height: 24px;
    display: inline-block;
	margin-top: 0px;
}
.dd_menu_icon_txt{	
    padding-left: 5px;
    padding-right: 10px;
    color: #000000;
}

.ld-nav {
    background: #1457c9;
    border-top: 1px solid #2c68cf;
    border-bottom: 1px solid #2c68cf;
}
.container {
    width: 1200px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.ld-nav .nav {
}

.nav-pills > li {
/*     margin: 0 10px; */
}
.nav-pills>li {
    float: left;
}
.nav>li, .nav>li>a {
    position: relative;
    display: block;
    font-size:18px;
    color: #000;
}
.nav-tabs>li>a {
    color: #6d6973;
}
.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: #2060cc!important;
    border-color: #2c68cf!important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
   background: #2060cc!important;
    border-color: #2c68cf!important;
}
.ld-nav .nav-pills>li.active>a, .ld-nav .nav-pills>li.active>a:focus, .ld-nav .nav-pills>li.active>a:hover {
   background: #2060cc!important;
    border-color: #2c68cf!important;
}
}
.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li+li {
    margin-left: 0;
}
 .curriculum {
    
    width: 730px;
    height: 410px;
    z-index: 10;
        position: absolute;
}
.classify-right {
    width: 230px;
    background: rgba(0,0,0,0.6);
     height: 410px;
}
.categorytotal_select
{
	background:#ffffff;
}

.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;
}
.classify-bor a {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:170px;
}
.categorytotal_select>li .classify-bor a
{
	color:#2c68cf;
	font-weight:bold;
}
.categorytotal_select>li .classify-bor font
{
	color:#2c68cf;
	font-weight:bold;
	
}
b, strong {
    font-weight: 700;
}
.es-poster {

	position: relative;
    background: #f6f5db;
    margin: 0 auto;
    max-height: 510px;
}
#carousel {
}
.banner {
}.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:#0049C4;
font-weight:bold;
	
}

.js-course-detailactive,.js-course-detailactive a  
{
color:#0049C4;
font-weight:bold;
	
}


.block-tit {
        position: relative;
    height: 59px;
    border-bottom: 1px solid #e8e8e8;
}
.block-tit .tit-txt {
   border-left: 3px solid  #2c68cf;
    padding-left: 8px;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: 18px;
    left: 0;
    line-height: 24px;
    color:  #2c68cf;
    margin-left:10px;
}


.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 {
    position: absolute;
    right: 0;
    color:  #2c68cf;
    font-size: 15px;
    margin-right: 10px;
    line-height: 59px;
    font-family: Arial;
}
.m-news {
  width: 49.5%;
    background: #ffffff;
}
.m-news .news-bd {
    margin-top: 15px;
    height: 240px;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}
.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: #2c68cf;
    position: absolute;
    top: 18px;
    left: 2px;
}
.m-news .news-bd .first a {
    color: #cb1919;
    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;
  		float: right;
}
#pagelist a.next, #pagelist a.prev {
  		width: 60px;
}
#pagelist a {
    width: 28px;
    text-align: center;
    float: left;
    border: 1px solid #2c68cf;
    background: #fff;
    height: 28px;
    font-size: 14px;
    color: #2c68cf;
    line-height: 28px;
    margin-left: 5px;
    /* border-radius: 3px; */
}
#pagelist a:hover {
    background: #2c68cf;
    border: 1px solid #2c68cf;
    color: #fff;
    text-decoration: none;
}
#pagelist span {
  		line-height: 28px;
  		font-size: 13px;
  		height: 28px;
  		margin-left: 10px;
}
    
#pagelist a.curr {
    background: #2c68cf;
    border: 1px solid #2c68cf;
    color: #fff;
    text-decoration: none;
}

#child_pagelist {
  		line-height: 22px;
  		color: #666;
  		padding: 15px;
  		float: right;
}
#child_pagelist a.next, #child_pagelist a.prev {
  		width: 60px;
}
#child_pagelist a {
    width: 28px;
    text-align: center;
    float: left;
    border: 1px solid #2c68cf;
    background: #fff;
    height: 28px;
    font-size: 14px;
    color: #2c68cf;
    line-height: 28px;
    margin-left: 5px;
    /* border-radius: 3px; */
}
#child_pagelist a:hover {
    background: #2c68cf;
    border: 1px solid #2c68cf;
    color: #fff;
    text-decoration: none;
}
#child_pagelist span {
  		line-height: 28px;
  		font-size: 13px;
  		height: 28px;
  		margin-left: 10px;
}
    
#child_pagelist a.curr {
    background: #2c68cf;
    border: 1px solid #2c68cf;
    color: #fff;
    text-decoration: none;
}
.w-bg {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background: #ffffff;
}
.c_parag
{
	background: #ffffff;
	padding-top:10px;
	    min-height: 450px;
}
.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: #2c68cf;
}
.news-list-1 .tit:hover {
    color: #2c68cf;
}

.m-no-data {
    padding: 40px 0;
}
.tc {
    text-align: center;
}
.m-no-data .txt {
    font-size: 16px;
    color: #888;
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
.viewbutton
{
	border: 1px solid #2c68cf;padding: 5px;color: #2c68cf;cursor: pointer;
	
}
.viewbutton:hover{
	
	background-color:#2c68cf;
	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: #2c68cf;
    border: 1px solid #2c68cf;
    border-radius: 4px;
}
input:focus {
        outline: 1px solid #2c68cf;
        border: 1px solid #2c68cf;
      }
.input-group-addon
{
	color:#ffffff;
}
.clear:after, .clear:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}   

.mybox
{
	    height: 260px;
    width: 270px;
    background-color: #ffffff;
    border-radius: 6px;
    position: absolute;
    margin-left: 1080px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 15px;
    box-sizing: border-box;
} 
.box_head
{
	height: 50px;
    width: 100%;
    margin-top: 24px;
    display: flex;
	
} 

.box_head img {
    height: 50px;
    width: 50px;
    margin-right: 6%;
    opacity: 1;
    z-index: 1;
} 

.box_head .tip {
    flex: auto;
    font-size: 14px;
    line-height: 25px;
}
.onbg {
    width: 100%;
    height: 100%;
    position: absolute;
}
.onbg1 {
    width: 400px;
    height: auto;
    position: absolute;
    top: 30%;
    margin-left: 50px;
}

.mybox button {
    width: 100%;
    height: 36px;
    margin-top: 24px;
    border: none;
    background-color: #2c68cf;
    color: white;
    font-size: 14px;
    border-radius: 18px;
    cursor: pointer;
    outline: none;
}

.mybox .button1 {
    height: 36px;
    margin-top: 24px;
    border: 1px solid #2c68cf;
    background-color: white;
    color: white;
    font-size: 16px;
    border-radius: 18px;
    cursor: pointer;
    outline: none;
    width: 200px;
    margin-left: 20px;
    color: #2c68cf;
}
.mybox button:hover {
    background-color: #2c68cf;
}

.mybox .button1:hover {
    background-color: #1c4b9b;
    color:white;
}

.tipname
{
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

.box_foot {
    display: flex;
    margin-top: 22px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-align: center;
}
.box_foot .item {
    flex: 1;
    cursor: pointer;
}
.box_foot .item .pic {
    height: 54px;
    margin-bottom: 13px;
}
.box_foot .item .pic img {
    width: 54px;
    height: 54px;
    margin: 0 auto;
}

.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: #2c68cf;
}
.wd_head{ margin-top: 0px; background-color:#2c68cf; 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: 400px;   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: #2c68cf; 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: #2c68cf; }
.wd_btn_02:hover{ background-color: #cccccc; }

 .hover-block {
    width: 270px;
    height:0px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    margin-left:15px;
}
.hover-block .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}
 .hover-block .btn-normal {
    width: 120px;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 9;
    margin-top: 62px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #2c68cf;
    border: 0;
    cursor: pointer;
    display: inline-block;
    
}


.wx_x{ 
	position: fixed;
    top: 100px;
    padding-top: 10px;
    right: 0px;
    width: 30px;
    height: 200px;
    text-align: center;
    background-color: #2c68cf;
    border-radius: 10px 0px 0px 0px;
    color: #fff;
    font-size: 16px;
    z-index: 9999;
    line-height:20px;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
	
}
.wx_x2{ 
	border-top:1px solid #fff;
	position: fixed;
    top: 300px;
    padding-top: 10px;
    right: 0px;
    width: 30px;
    height: 220px;
    text-align: center;
    background-color: #2c68cf;
    border-radius: 0px 0px 0px 10px;
    color: #fff;
    font-size: 16px;
    z-index: 9999;
    line-height:20px;
    border-left:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
	
}
.wx_x:hover{ border:none;border-radius: 0px; cursor: pointer;}
.wx_x2:hover{ border:none;cursor: pointer;}
.wx_x img,.wx_x2 img{
	
	padding-right: 8px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 5px;
    width: 30px;
    height: 20px;
}
.wx_x .mymenu{ border: 1px solid #2c68cf;background-color: #2c68cf8c;display:none;  z-index: 9999; position:absolute; right:30px;  top:0px; width:200px; height: 200px;  box-sizing:border-box; border-radius: 10px 0px 0px 10px;}
.wx_x .mymenu ul{list-style: none;  float:left; margin-top: 10px; margin-left: 10px; }
.wx_x .mymenu ul li{list-style: none;  float:left;  }
.wx_x .mymenu ul li p{ line-height: 24px; font-size:14px; color:#fff;}
.wx_x .mymenu ul li img{width:180px; height: 180px;}
.wx_x .mymenu ul li:hover{ box-sizing:border-box;}
.wx_x:hover .mymenu{ display: block; box-sizing:border-box;}


.nav-list-con
{
	display:none;
	position: absolute;
    top: 0;
    left: 230px;
    z-index: 2;
    width: 638px;
    height: 416px;
    overflow: hidden;
    background: -webkit-linear-gradient(left, #ffffff,#ffffff);	
}
.nav-list-con .subject {
    padding: 0px 35px 0;
    height: 216px;
}
.nav-list-con h3 {
    margin-bottom: 16px;
    font-size: 18px;
    color: #2c68cf;
    font-weight: 700;
}
.nav-list-con .subject-category {
    overflow: auto;
}
.nav-list-con .subject-category .category-list {
    display: inline-block;
    margin-bottom: 16px;
    font-size:16px;
    margin-right: 30px;
    color: #2c68cf;
    cursor: pointer;
}
.category-list:hover{
	font-weight:bold;
}
.log_tips
{
	color: #2c68cf;
    position: absolute;
    top: 70px;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
    background: #fff;
    padding: 0px 20px;
    left: 300px;
    opacity: 0.8;
    font-weight: bold;
    line-height: 40px;
    width: 600px;
    float: left;
	
}

button[disabled], html input[disabled] {
    cursor: default;
    background: #eee;
    border: 1px solid #adadad !important;
}

textarea:disabled, input:disabled {
    color: #000000;
    background-color: #ffff;
     border: 1px solid #adadad !important;
}


.header {
    min-width: 1342px;
    height: 90px;
    background: #ffffff;
    font-size:16px;
    border-bottom: 2px solid #0049C4;
}
.flex {
    display: flex;
}
.between {
    justify-content: space-between;
}
.alignCenter {
    align-items: center;
}
.header>div, .nav>div {
    height: 100%;
}
.education {
    color: #fff;
}

.w1342 {
    width: 1342px;
    margin: 0 auto;
}
.diamond {
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    margin-left: 6px;
}

.concatPhone {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 50px;
}

.concatPhone span {
    font-size: 20px!important;
    font-weight: bold;
    color: #FFA200!important;
}
.msgcount
{
	
	
 font-style: normal;
 border-radius: 50%;
 background: #f44336;
 width: 20px;
 display: inline-block;
 color: white;
 font-size: 12px;
 height: 20px;
 padding-top: 2px;
padding-right: 1px;
}
.msgcount_btn
{
	font-style: normal;
    border-radius: 50%;
    background: #f44336;
    width: 20px;
    display: inline-block;
    color: white;
    font-size: 12px;
    height: 20px;
    padding-top: 2px;
   padding-left: 6.5px;
}