.msfc{

    background: #F4F4F4;

}

.msfc1{

    float: left;

}

.msfc2{

    width: 330px;

    height: 460px;

    padding: 0 30px;

    background: #fff;

    float: right;

}

.msfc2 h1{

    font-size: 28px;

    font-weight: 300;

    color: #ee7600;

    padding-top: 60px;

}

.msfc2 p {

    color: #3b3b3b;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    text-align: justify;

    padding-top: 40px;

    padding-bottom: 35px;

}

.msfc2 a {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 16px;

    padding: 0 20px 0 30px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    background: #ff7700;

}



.ai_card {

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-bottom: 80px;

}

.ai_card h2.t {

	padding-top: 80px;

	font-size: 36px;

	text-align: center;

	font-weight: normal;

}

.ai_card p.sub_t {

	padding-top: 15px;

	font-size: 16px;

	text-align: center;

	padding-bottom: 60px;

}

.ai_card ul {

	padding-bottom: 70px;

}

.ai_card ul li {

    float: left;

    position: relative;

    width: 390px;

    height: 410px;

    z-index: 10;

    margin-left: 15px;

    background: #FFF;

    margin-bottom: 30px;

    overflow: hidden;

}

.ai_card ul li:nth-child(3n+1){

    margin-left: 0px;

}



/* .ai_card ul li:before {

	content: "";

	width: 0px;

	height: 2px;

	background: #ff7700;

	top: 0;

	left: 0;

	position: absolute;

	z-index: 999;

	transition: 1s;

} */



.ai_card ul li img {

    width: 100%;

    height: 284px;

    text-align: center;

}

.ai_card ul li .info {

    position: relative;

    width: 100%;

    left: 0;

    transition: 0.4s;

    margin-top: 0px;

    height: 100%;

    bottom: 0;

    display: block;

    top: -285px;

    padding-top: 286px;

}

.ai_card ul li .info h3 {

    font-weight: normal;

    color: #333;

    font-size: 24px;

    text-align: left;

    background: #FFF;

    padding: 15px 40px 10px 40px;

}

.ai_card ul li .info p {

    height: 80px;

    line-height: 25px;

    margin: 0 auto;

    color: #73747b;

    font-size: 16px;

    text-align: left;

    background: #FFF;

    padding:0 40px;

}

.msfc3 a {

    display: inline-block;

    width: 110px;

    height: 35px;

    border: 1px solid #d0cfcf;

    text-align: center;

    line-height: 35px;

    margin: 0 10px;

    color: #3b3b3b;

    font-size: 16px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    font-weight: 300;

    -moz-transform: translateY(100%);

}

.msfc3 a:hover{

    border-color: #ff7700;

    background: #FF7700;

    color: #FFF;

}



.msfc4 {

    background: #FFF;

    text-align: center;

}

.info:hover{

    transform: scale(1);

    top: -285px;

    background: rgba(0,0,0,.6);

    padding-top: 208px !important;

}

.tec_info {

    display: flex;

    width: 1200px;

    background-color: #fff;

    margin: 0 auto;

    margin-top: 161px;

    position: relative;

    margin-bottom: 63px;

    height: 535px;

}

.msfc5 {

    float: left;

    width: 468px;

    height: 590px;

    margin: -115px 0px 0px 45px;

}

.msfc6 {

    float: left;

    width: 595px;

    margin-left: 40px;

    margin-top: 65px;

    height: 415px;

    overflow: hidden;

    text-align: left;

}

.msfc7{

    float:left;

    width:60px;

    height:90px;

    background:url(../images/about/ico.png) no-repeat;

    position:absolute;

    right:40px;

    background-size:100%;

}

.msfc6 i{

    background: url(../images/about/start.png);

display:inline-block;

width: 16px;

height: 15px;

}

.msfc7 i{

    background:url(../images/about/zp.png) no-repeat;

    display:inline-block;

    font-style:normal;

    color:#FFF;

    font-size:13px;

    text-align:center;

    padding-top:50px;

    width:100%;

    background-position:center 40%;

}

.msfc7 b{

    background: url(../images/about/zp.png) no-repeat;

    display: inline-block;

    font-style: normal;

    color:#FFF;

    font-size:13px;

    text-align:center;

    padding-top:50px;

    width:100%;

    background-position:center 40%;

}

.msfc6 h1 {

    font-size: 24px;

    color: #333;

}

.msfc6 p {

    font-size: 16px;

    color: rgba(0,0,0,.75);

    line-height: 30px;

}

.tec_wd{padding-bottom: 53px;}

.tec_wd li h2{

	display: flex;

	align-items: center;

	font-size: 19px;

	color: #333333;

	position: relative;

}

.tec_wd li h2::before{

	content: "";

	display: block;

	width: 21px;

	height: 21px;

	background: url(https://shxdf-file.oss-cn-hangzhou.aliyuncs.com/index/2019/image/teacher/que.png)no-repeat;

	margin-right: 20px;

}

.tec_wd li h2 span{

	display: inline-block;

	width: 70px;

	height: 21px;

	background-color: #d6a354;

	border-radius: 10px;

	text-align: center;

	line-height: 21px;

	font-size: 13px;

	color: #ffffff;

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	right: 34px;

}

.x_border{

	border-radius: 15px;

	border: solid 1px rgba(204,204,204,.4);

	margin-top: 22px;

}

.tec_wd li p {

    display: block;

    width: 448px;

    height: 88px;

    opacity: .5;

    margin: 30px 40px;

    font-size: 16px;

    color: #666666;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.x_scl {

    width: 1114px;

    background: #fff;

    margin: 0 auto;

    padding: 0 43px;

    margin-bottom: 60px;

}

.scl_tit {

    display: flex;

    align-items: center;

    padding: 42px 0;

}

.x_scl ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.scl_tit span {

    font-family: fantasy;

    font-size: 24px;

    color: #d4d4d4;

    text-indent: 9px;

    margin-top: 6px;

}







/*****/

.rxdy li {

    float: left;

    width: 280px;

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

    margin-left: 26px;


    background: #FFF;

}

.rxdy li:hover{box-shadow: 2px 2px 10px #c3c3c3;}

.rxdy li:nth-child(4n+1){

    margin-left: 0px;

}

.rxdy li div {
    width: 280px;
    height: 180px;
    position: relative;
    overflow: hidden;
}

.rxdy li div:nth-child(1){

    display: block;

}

.rxdy li div:nth-child(2){

    display: block;

}

.rxdy li div:nth-child(3){

    display: block;

}

.rxdy li div:nth-child(4){

    display: block;

}

.rxdy li div img {

    width: 100%;

    height: 100%;

    transition: all .4s;

}

.rxdy li div img:hover{

    transform: scale(1.1);

}
.rxdy li p {
    background-color: #fff;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 15px 0px 15px;
    border-top: 1px dashed#e2e2e2;
}
.rxdy li span {
    background: url(../images/index/clock.png) no-repeat;
    float: left;
    font-size: 14px;
    color: #999;
    background-size: 18px;
    padding-left: 22px;
    margin: 5px 0px 20px 15px;
}


.rxdy li i {
    background: url(../images/index/eye.png) no-repeat;
    float: left;
    color: #999;
    font-size: 14px;
    background-size: 22px;
    background-position: left center;
    padding-left: 25px;
    font-style: normal;
    margin-left: 17px;
    margin-top: 5px;
}


.daD{

    background-color: #FFF;

}

.da1{

    float: left;

    width: 300px;

    margin: 0px 15px;

}

.da1 h1 {

    font-size: 22px;

    font-weight: normal;

    text-align: center;

    color: #333;

    line-height: 80px;

}

.da1 a {

    display: block;

    font-size: 15px;

    color: #333;

    border-bottom: #f1f1f1 solid 1px;

    line-height: 32px;

    margin-bottom: 13px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.da1 a:hover{

    color: #ff7700;

}

.da2 {

    float: left;

    width: 781px;

    border-left: 1px solid #f1f1f1;

    padding: 0px 30px;

    margin-left: 20px;

    min-height: 700px;

}

.da2 h1 {

    font-size: 28px;

    font-weight: normal;

    color: #333;

    margin: 30px 0px 10px 0px;

}

.da2 h2 {

    border-bottom: #f1f1f1 1px solid;

    color: #999;

    font-size: 14px;

    font-weight: normal;

    line-height: 32px;

}

.da2 span {

    margin-right: 20px;

}

.da3 {

    color: #0e0e0e;

    font-size: 16px;

    line-height: 30px;

    min-height: 100px;

}

.da3 a{color:#ff7700}

.da3 p a{color:#ff7700}

.da4 {

    text-align: right;

    font-size: 18px;

    margin-bottom: 40px;

}

.da4 span{

    margin-right: 0px;

    font-weight: bold;

}
.slidedy{
    background: url(../images/about/dayi.jpg) no-repeat;
    height: 450px;
    background-position: center;
}