@charset "UTF-8";
/* CSS Document */
html, body { width: 100%; height: 100%;}
* {margin: 0;padding: 0;}
body{ background:#f8f8f8; font-size: 14px; color: #666666;font-family: "SourceHanSansCN-Light","Lantinghei SC","Open Sans","Hiragino Sans GB","Microsoft YaHei","STHeiti-Light","WenQuanYi Micro Hei","Arial","SimSun","sans-serif";}
i {font-style: italic;}
a{ color: #0056b3}
.BannerDiv{
    height: 500px;
    width: 100%;
	background: url("../fab/images/banner.jpg") no-repeat bottom right;
    background-size: cover; padding: 20px 0px}
.HeaderBoxShadow{box-shadow: 0 1px 4px rgba(0,0,0,.1); border-bottom: solid 1px #e4eaec; background: #fff; position: fixed; width: 100%; z-index: 1001; top: 0px}
.carousel-caption{ top:0px; text-align:left; left: 0px; right: 15px}
.carousel-indicators li { background-color:#2850A7 }
    

.BannerDivText1{ font-size:40px; color: #676767; margin: 150px 0px 20px 0px}


@media (max-width: 767px) {.BannerDivText1{ font-size:30px; color: #676767; margin: 100px 0px 20px 0px}
}
@media (max-width: 640px) {.BannerDivText1{ font-size:20px; color: #676767; margin: 70px 0px 20px 0px}
}


.BannerDivText2{font-size: 22px; font-weight: normal; color: #fff; background-color: #2850A7;display: inline;text-align: center;border-radius: 2px;padding: 5px 10px;margin-top:40px}


@media (max-width: 767px) {.BannerDivText2{font-size: 18px; font-weight: normal; color: #fff; background-color: #2850A7;display: inline;text-align: center;border-radius: 2px;padding: 5px 10px;margin-top:40px}
}
@media (max-width: 640px) {.BannerDivText2{font-size: 14px; font-weight: normal; color: #fff; background-color: #2850A7;display: inline;text-align: center;border-radius: 2px;padding: 5px 10px;margin-top:40px}
}
.TitleText {
    text-align: center;
    margin: 100px 0 40px; font-size: 24px;
    color: #333;
}

.TitleText p{
    font-size: 14px; margin-top: 20px;color: #666;
}
.col-div {text-align: center;
    overflow: hidden;
    background-color: #2850A7;
    color: #ffffff;
    border-radius:6px;
    padding: 30px 40px 0px 40px; height: 370px;margin-bottom: 5px;

}
.col-div p{  font-size: 18px;margin-top: 9%;
    margin-bottom: 5%;}
.col-div ol li { font-size: 14px; margin-bottom: 5px; text-align: left;list-style-type:circle; color: rgba(255,255,255,.7)}
.col-div a{ display: block; text-align: right; margin-top: 30px; color: #FFFFFF; text-decoration: underline}
.list-box { border: solid 1px #C9C9C9;box-shadow:1px 1px 2px #C9C9C9;background: #fff;border-radius: 8px;text-align: center; margin-bottom: 15px}
.col-div_contactus {text-align: center;
    overflow: hidden;
    padding: 30px 40px 0px 40px; height: 370px;margin-bottom: 5px;

}

.BoxImg{ padding: 10%}
.BoxImg img{ max-width: 100%;}
.navbar-nav li:list-child{ margin-left: 5px}
.TrBgColor{ background-color:#F2FBFE}
.AboutBannerDiv{height:300px;
    width: 100%;
	background: url("../images/about-banner-img.png") no-repeat bottom right;
    background-size: cover; padding: 20px 0px}
.AboutBannerDivText{ font-size: 40px; color: #FFFFFF; margin: 220px 0px 20px 0px}
.ContentText{ padding: 50px 0px 0px 0px; }
.ContentText p{ margin: 0px 0px 15px 0px; color: #191818;}

.ContentText h1{ font-size: 16px; color: #2850A7; background: #E2F1FE; padding: 5px; margin: 20px 0px}
.ContentText ol li{ margin:0px 0px 0px 20px; line-height: 25px}
.TableDiscount{ width: 100%}
.TableDiscount th {background-color:#F5FAFE;border-width: 1px; padding: 8px;border-style: solid;border-color:#E2F1FE; text-align: center; color: #2850A7; font-weight: 100 }
.TableDiscount th[scope="col"] {background-color:#E2F1FE;}
.TableDiscount td {background-color:#FFFFFF;border-width: 1px; padding: 8px;border-style: solid;border-color:#E2F1FE; text-align: center;font-weight: 100 }
.TableDiscount td span{ font-size: 12px; margin-left: 5px}
.TableDiscount td strong{ font-weight:50}
.ServiceCase{ display: inline-flex; width: 100%}
.ServiceCase div{ width: 50%;padding: 0px 10px 0px 0px} 
.ServiceCase div ul li{ margin-left:25px; padding: 0px 0px 8px 0px} 


.footer {
    background:#FFFFFF;
    border-top: 1px solid #e7eaec;
    padding:50px 20px 70px 20px;
    margin: 60px 0px 0px 0px;
	height: 36px;
 text-align: center;}

.footerlogin{background: none repeat scroll 0 0 white;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    padding: 10px 20px;
    margin: 0 ;
    height: 36px; color: #666}
#page-wrapper {
	top:0px;
	position:inherit;
     padding:0px;
    margin: 0 0 0 200px;height: 100%; min-height: auto; background-color: #f3f3f4;overflow-x: hidden;
    overflow-y: auto;
	
}
.LoginHeader{ background: #2850A7;  position: fixed; width:calc(100% - 200px); padding: 0px 20px; height: 55px; z-index: 1000; text-align: right}
.LoginHeadermenu ul li{ margin-top: 20px; list-style: none}
.LoginHeadermenu ul li a.white{ color:#FFFFFF}
.dropdown-menu{font-size: 14px}
.NewNavbar{
	width:100%;
	position:absolute;
    min-height: 50px;
    z-index: 1000;
   top: 0px;
	left: 0px;

}
.whiteColor{ color: #FFFFFF;padding-right: 0.5rem;
    padding-left: 0.5rem;display: block;
    padding: 0.5rem 1rem;}

.user-image {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: -3px;
}
.LeftLogo {
    background: #2f4050;
    min-height: 50px;
    text-align: center;
    list-style: none;
}
.right0{right:0px; left:auto}
.leftbar{position: fixed;
    width: 200px;
    z-index: 2001;
    height: 100%;
    background: #2f4050;
    border-color: #2f4050;
	overflow: scroll;
	top: 0px;

}
.page-container{height: calc(100% - 127px);}
.containerDiv{background: #FFFFFF;
    position: relative;
 min-height: 940px;
	margin:80px 20px 20px 20px;
    padding: 20px;
	}

.pagename{ font-size: 20px;padding-bottom:5px;color:#2850A7;border-bottom: solid 1px #e7eaec; margin-bottom: 40px}
.pagename span{ margin: 0px 10px}
.loginname a{color: #fff}
.loginname a.dropdown-item {color: #666}
.loginname a.dropdown-item:active {
   
    text-decoration: none;
    background-color:#f8f9fa;
	color: #666
}
.leftlist{ margin:40px 0px; padding: 0px}
.leftlist li{list-style: none;}
.leftlist li a{ list-style: none; text-align: left; display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; color: #a7b1c2; text-decoration: none}
.leftlist li a:hover{color: #FFFFFF; background: #293846}
.leftlist li.active {background: #293846; border-left: solid 1px #fff;}
.leftlist li.active a{color: #FFFFFF}
.leftlist li.active li a{ color:#a7b1c2; }
.leftlist li.active li a:hover{ color: #FFFFFF}
.leftlist li.active.selected a{ color: #FFFFFF}
.leftlist li .leftlistDropdown li{display: block; padding-left:20px; background: none}
.leftlist li .leftlistDropdown li a:hover{background: none}
.leftlist li .leftlistDropdown #selected a{ color: #FFFFFF}

ol.list{ margin: 0px;padding-left:20px;}
ol.list li{list-style-position:outside; padding: 0px 0px 15px 0px; border-bottom: solid 1px #e7eaec; margin-bottom: 20px}
ol.list li:last-child{ border-bottom: none}
ol.list li{list-style-position:outside; padding: 0px 0px 15px 0px; border-bottom: solid 1px #e7eaec; margin-bottom: 15px}
ol.list li h1{ font-size: 16px; margin-bottom: 15px}
ol.list li h1 span{ margin: 0px 5px 0px 15px; display: inline-block; background: #1ab394; color: #FFFFFF; font-size: 12px; border-radius:9px; padding:2px 5px; margin-top: -2px}
ol.list li h1 a{text-decoration: none; color: #666; font-weight: normal; font-size: 14px}
ol.list li p{ margin-bottom: 5px}
ol.list li p input{margin-right: 5px}
.tishiDiv{ color: #3C6D76; padding: 15px;border-radius: 4px; background-color: #ECFBF4; border: solid 1px #E4F1DE;}
.Btn{display: inline-block;
    padding: 8px 14px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;    
    border: none;
    border-radius: 4px;
	}


.btnDefault{color: #fff; background-color: #2850A7;}
.btnDefault:hover{background-color: #183574;color: #fff; text-decoration: none}
.btnWarning{display: inline-block;color: #fff; background-color: #f0ad4e;}
.btnWarning:hover{background-color: #ec971f;}
.btnPrimary{color: #fff; background-color:#23c6c8 ;}
.btnPrimary:hover{background-color:#1FB1B2;}
.btnDanger{color: #fff; background-color: #ed5565;}
.btnDanger:hover{background-color: #C44553;}
.edit{background-color: #2850A7;
    color: #FFFFFF;padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;display: inline-block;}
.edit:hover{background-color:#183574; color: #FFFFFF; text-decoration: none; }
.new{background-color:#23c6c8 ;
    border-color: #ed5565;
    color: #FFFFFF;padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;display: inline-block;}
.new:hover{ background-color: #1FB1B2; color:#FFFFFF; text-decoration: none;}

.Del{background-color: #ed5565;
    border-color: #ed5565;
    color: #FFFFFF;padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;display: inline-block;}
.Del:hover{background-color: #C44553; color: #FFFFFF; text-decoration: none; }
.linkM{ padding: 5px 15px;}

.BtnS{display: inline-block;
    padding: 4px 14px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;    
    border: none;
    border-radius: 4px;}

.buttonDiv{ margin: 20px 0px}
.buttonDiv button{ margin-right: 10px}
.biaoti{ font-size: 16px;margin-bottom: 10px}
.biaoti a{margin-left: 10px; font-weight: 100}


.panelWarning{margin-bottom: 20px;background-color: #fff;border: 1px solid #E4F1DE;border-radius: 4px;}
.panelHeading{padding: 5px 15px;    color: #3C6D76; background-color: #ECFBF4;}
.panelHeading a{ display: inline-block; margin: 0px 10px; color: #1D3E86}
.shuju ul{ padding: 0px; margin: 0px}
.shuju ul li{ list-style: none; margin-bottom: 30px}

.panelBody {padding:10px 15px 0px 15px;}
.panelBody ol li{margin-left:15px; margin-bottom: 5px; list-style: decimal}
.Width270{ width:270px}
.Width125{ width:125px}
.TextAlignC{ text-align: center}
.jieguo{ background: #CCE6FC; padding:0px; margin-top:50px}
.jieguo h1{ font-size: 18px; padding:20px;}
.jieguo h1 span{ margin-right:10px}

.tab {text-align:left;}
.tab_list{padding:0px 10px}
.tab_list ul{ margin: 0px; padding: 0px}
.tab_list ul li {background-color: #E2F1FE;width: auto;height: 39px;line-height: 39px;padding: 0 20px; text-align: center;cursor: pointer; display:inline-block; margin-bottom: 0px}
.tab_list ul li.current {  background-color: #FFFFFF;color:#2850A7; }
.tab_con {padding: 20px 0px; background: #FFFFFF}
.item {display: none;}
.ListTable { width: 100% }
.ListTable th {background-color:#EAF4FD;border-width: 1px; padding: 8px;border-style: solid;border-color:#E2F1FE; text-align: center; color: #2850A7; font-weight: 100 }
.ListTable tr {background-color:#FFFFFF;}
.ListTable td { border-width: 1px; padding: 8px; border-style: solid;border-color: #E2F1FE;}
.ListTable tr:hover{cursor:pointer;background-color:#F5F5F6;}
.ListTableDiv{ position: relative; height: 580px; overflow-x: auto; overflow-y: auto;}
.ListTableHead{ position: absolute; width: 100%; }
.ListTableBody{overflow-x: auto; overflow-y: auto;height: 100%;width: 100%; }
.ListTable1 { width: 100% }
.ListTable1 th {background-color:#EBEBEB;border-width: 1px; padding:8px 2px;border-style: solid;border-color:#CCCCCC; text-align: center; color: #666666}
.ListTable1 th:first-child{ font-weight:bold;width: 220px}
.ListTable1 th:nth-child(2){ font-weight:bold;width:100px}
.ListTable1 tr {background-color:#FFFFFF;}
.ListTable1 td { border-width: 1px; padding:8px 2px; border-style: solid;border-color: #CCCCCC;}
.ListTable1 tr:hover{cursor:pointer;background-color:#F5F5F6;}
.ListTable2 { width: 100% }
.ListTable2 th {background-color:#EBEBEB;border-width: 1px; padding:8px 2px;border-style: solid;border-color:#CCCCCC; text-align: center; color: #666666}
.ListTable2 th:first-child{ font-weight:bold;width: 70px}
.ListTable2 th:nth-child(2){ font-weight:bold;width:180px}
.ListTable2 th:nth-child(3){ font-weight:bold;width:100px}
.trbg {background-color:#E2F1FE;}
.ListTable2 td {text-align: right;border-width: 1px; padding:8px 2px; border-style: solid;border-color: #CCCCCC;}
.ListTable2 td:first-child{text-align: center}
.ListTable2 td:nth-child(2){ text-align: center}

.ListTable2 tr:hover{cursor:pointer;background-color:#F5F5F6;}

.ListTable3 { width: 100% }
.ListTable3 th {background-color:#EBEBEB;border-width: 1px; padding:8px 2px;border-style: solid;border-color:#CCCCCC; text-align: center; color: #666666}
.ListTable3 tr {background-color:#FFFFFF;}
.ListTable3 td {text-align: right;border-width: 1px; padding:8px 2px; border-style: solid;border-color: #CCCCCC;}
.ListTable3 tr:hover{cursor:pointer;background-color:#F5F5F6;}
.nianzhonglistgongsi th:first-child{ font-weight:bold;width: 50%; text-align: center}
.nianzhonglistgongsi th:nth-child(2){ font-weight:bold;width:25%}
.nianzhonglistgongsi td:first-child{ text-align: center}
.nianzhonglistgeren th:first-child{ font-weight:bold;width: 30%}
.nianzhonglistgeren td:first-child{ text-align: center}


.search{ margin-bottom: 10px; display:flex}

.buttonDIV button{margin-right: 5px; margin-bottom: 5px}
.daoruDiv{ margin-bottom: 20px}
.loginContainer{ background: #f5f6f9;position: absolute;
    min-height: 730px;
    width: 100%;
    height: 100%;
    left: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;}
.LoginLogo{ position: absolute;
               top: 3%;
               left: 2%;
               z-index: 1;
               width: 226px;
               cursor: pointer;
          }.picture-tag {
    position: absolute;
    right: 33px;
    top: 33px;
    display: flex;
    justify-content: flex-start;
}
.picture-tag .picture-tag-name {
    position: relative;
    margin: 0;
    margin-right: 8px;
    box-sizing: content-box;
    width: 87px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    background: #d9e5ff;
    border: 1px solid #bad0ff;
    color: #3778ff;}
.picture-tag .picture-tag-name::before {
    border: 6px solid transparent;
    border-left-color: #bad0ff;
    z-index: 1;
    content: " ";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -6px;
}
.picture-tag .picture-tag-name::after {
    content: " ";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: #d6e4f7;
    transform: translateX(0.5px);
    margin-left: -2px;
    z-index: 1;
}
.picture-icon {
    position: relative;
    top: -4px;
    width: 42px;
    height: 42px;
    cursor: pointer;
}


.login-wrapper {
    width: 1000px;
    height: 550px;
    display: flex;
}
.login-wrapper .login-bg {
    position: relative;
    width: 480px;
    height: 100%;
}
.login-wrapper .login-container {
     width: 520px;
     height: 470px;
     padding: 40px 70px;
     background: white;
     position: relative;
 }
.accountDiv{
    margin:90px 0px 20px 0px;}

.inputBox {
    position: relative;
    width: 100%;
    height: 42px;  margin-top: 30px; margin-bottom: 10px;
}
.inputBox input {
    font-size: 16px;
    border: solid 1px #d4d9e2;
    outline: none;
    box-shadow: none;
    width: 100%;
    line-height: 38px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    color: #333;
    transition: all 0.2s linear;
}
.inputText {
    color: #999;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    font-size: 16px;
    margin: 0;
    line-height: 35px;
    transform: translateZ(0) scale(0.75);
    transform-origin: left top;
    position: absolute;
    bottom: 30px;

}
.login-btn {
    position: absolute;
    bottom: 125px;
    left: 50%;
    border: none;
    transform: translateX(-50%);
    margin-top: 0;
    width: 380px;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    text-align: center;
    border-radius: 28px;
    cursor: pointer;
    color: #fff;
    outline: none;
    transition: all 100ms ease;
    letter-spacing: 2px;
    background-color: #4C7DC9}
.account-des {
    position: absolute;
    bottom: 86px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    text-align: center;
    color: #666;
    font-size: 13px;
}
.account-operate {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px 0px 0px;
    width: 380px;
    height: 42px;
}
.account-operate input {
    font-size: 16px;
    border: solid 1px #d4d9e2;
    outline: none;
    box-shadow: none;
    width: 70%;
    line-height: 38px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    color: #333;
    transition: all 0.2s linear;
}

.wrp_code{text-align: center}
.qrcode {
    width: 200px;
    border: 1px solid #E2E2E2;
}
.verify-code-box {
    position: relative;
    top: 0px;
    z-index: 1;
    float: right;
}
.blueBtn {
    width: 104px;
    height: 40px;
    border: solid 1px #2a75ed;
    line-height: 38px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    background: #4C7DC9;
    cursor: pointer;
    color: #FFFFFF
}
.LoginFooter{line-height: 20px;
    text-align: center;
    position: absolute;
    bottom: 3.6%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
    min-width: 600px;}
.InputDiy{height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
border:solid 1px #999; color: #999999}
.tmp-dialog-container{
    position: fixed;
    z-index: 10001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;}
.tmp-dialog-container .tmp-dialog{
    width: 460px;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 40px;
    position: relative;
    font-size: 16px;
	text-align: center;
}
.tmp-dialog-container .tmp-dialog img{ margin-top: 10px}
.tmp-dialog-container .tmp-dialog-btn-div{
    margin: 40px 20px 0px auto; text-align: right}

.tmp-dialog-container .tmp-dialog-red{
    color: #E65C5C;
    font-weight: bold;
}
.buy {
    font-size: 18px;
    padding: 40px 0px;
    text-align: center;
    background-color:#F7F7F7;
    border: solid 1px #EDEDED;
}
.ExcellentCourses{ display: inline-flex; width: 100%}
.ExcellentCourses div{ width: 50%;padding: 0px 10px 0px 0px} 
.ExcellentCourses div span{ display: inline-block; padding-left:20px;  vertical-align:top} 
.ExcellentCourses div span dt{ margin: 0px; font-weight: 500; font-size: 18px; margin-bottom: 10px} 
.ExcellentCourses div span dt span{  margin-left: 8px; color: #2850A7; background: #E2F1FE; border-radius:5px; padding: 2px 5px; font-weight: 500;  font-size: 12px} 
.ExcellentCourses div span dd{ margin: 0px; } 
.ExcellentCourses div span dd font{ margin: 0px 5px; } 
.ExcellentCourses div span dd:last-child{ margin-top: 15px; } 


.ExcellentCourses div ul li{ margin-bottom: 10px; padding: 0px 0px 8px 0px; list-style: none;} 
.ExcellentCourses div ul li p{ margin: 0px 0px 5px 0px} 
.ExcellentCoursesImg{height: 130px; border-radius:5px;  box-shadow: 1px 1px 2px #C9C9C9; border: solid 1px #3367D6}
.ExcellentCourses div ul li a:hover img{border: solid 1px #999999} 
.ExcellentCoursesDetail{ padding-top:50px}
.ExcellentCoursesDetail .head{background: #FFFFFF; margin: 0px 0px 20px 0px; padding: 20px; display: inline-flex; width: 100%}
.ExcellentCoursesDetail .head div img{ margin-right: 20px}
.ExcellentCoursesDetail .head dt{ font-size: 18px; margin-bottom: 10px; font-weight: 600}
.ExcellentCoursesDetail .head dt span{ margin-left: 8px; color: #2850A7; background: #E2F1FE; border-radius:5px; padding: 2px 5px; font-weight: 500;  font-size: 12px}

.ExcellentCoursesDetail .head dd span{margin-left: 10px;}
.ExcellentCoursesDetail .Detail {background: #FFFFFF;margin: 10px 0px; padding: 20px}
.ExcellentCoursesDetail .Detail ul li{ margin:0px 0px 10px 0px; list-style:none; }
.ExcellentCoursesDetail .Detail ul li a{ margin:0px 0px 0px 10px;}
.ExcellentCoursesDetailImg{height: 160px; border-radius:5px;  box-shadow: 1px 1px 2px #C9C9C9; border: solid 1px #3367D6}
.TextAlignR{text-align: right; display: block; width: 100%}
.col-div_contactus img{margin-bottom: 20px}
.col-div_contactus p span{font-size: 18px;margin-top: 9%;  margin-bottom: 5%;color:#333333;}
.col-div_contactus p {  color:#848484}
.carousel-inner img {width: 100%;}
.carousel-control-prev, .carousel-control-next {width:5%;}