/* 合肥秀站网络科技有限公司 */

/* 精品与原创网站模板提供商，一站式建站 */

/* 主营业务：织梦模板、pbootcms模板、云优模板、易优模板 */

/* 麦站网：Www.Xiuzhanwang.Com */

/* 主机/服务器：Www.xiuzhanyun.Com */

/* 域名抢注：Www.xiuzhanmi.Com */

/* QQ：2361928288  835971066 */





/*banner*/

.banner{

    width: 100%;

    height: 650px;

    overflow: hidden;

    position: relative;

	top:0;

}

.swiper-container{

    width:1920px;

    height: 650px;

    position: absolute;

    left: -960px;

    margin-left: 50%;

    overflow: hidden;

    z-index: 1;

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate(0,0);

    -ms-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.swiper-slide {

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

}

.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}

.banner .swiper-slide img {

    animation-duration: 5s;

    animation-timing-function: linear;

    animation-fill-mode: forwards;

    -webkit-animation-duration: 5s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;

}

.banjt,.flipto-prev,.flipto-next{

    position: absolute;

    top: 50%;

    width: 40px;

    height: 60px;

    z-index: 5;

    left: 50px;

    cursor: pointer;

    color:#fff;

    font-size: 20px;

    font-family: "宋体";

    background: rgba(0,0,0,0.5);

    text-align: center;

    line-height: 60px;

    border-radius: 5px;

}

.swiper-button-prev,.flipto-next{

    right: 50px;

    left: auto;

}



/*about*/

#about{

    padding: 60px 0;

    width: 100%;

    position: relative;

}

#about::after{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

    background: #c12f2f;

    height: 300px;

    width: 100%;

}

#about .about_left{

    width: 367px;

    float: left;

    position: relative;

}



.about_right{

    width: 744px;

    float: right;

}

.about_right h2{

    color: #c12f2f;

    font-size: 50px;

    line-height: 50px;

    position: relative;

    font-family: "impact";

    padding-bottom: 25px;

}

.about_right h4{

    color: #000000;

    font-size: 18px;

    line-height: 26px;

    position: relative;

}

.about_right h4 a{

    float: right;

    width: 90px;

    height: 26px;

    line-height: 26px;

    background: #c12f2f;

    text-align: center;

    color: #fff;

    font-size: 14px;

}

.about_right p{    

    color: #ffffff;

    font-size: 15px;

    line-height: 28px;

    padding-top: 60px;

}



/*job*/

.advan{

    width: 100%;

    background: url(../image/ys_bg_04.jpg) no-repeat center bottom;

    padding-bottom:20px;

}

.advan .container{

    padding: 30px 0 45px 0;

}

.advan ul{

    margin: 0 -10px;

}

.advan li{

    width: 33.33%;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width:33.33%;

    text-align: center;

    margin-top: 60px;

    margin-bottom: 20px;

}

.advan li .advan-box{

    margin: 0 10px;

    background: #f1f1f1;

    min-height:200px;

    position: relative;

}

.advan li:hover .advan-box{

    background: #ff660a;

}

.advan li .advan_til{

    position: absolute;

    left: 50%;

    width: 30%;

    height: 0;

    margin-left: -15%;

    top: -25%;

    padding-bottom: 30%;

    background: #ff8f0b;

    border-radius: 50%;

}

.advan li:hover .advan_til{

    background: #fff;

}

.advan li .advan_til::after{

    content: "";

    position: absolute;

    width:110%;

    height: 110%;

    border: 1px dotted #ff8f0b;

    left: -5%;

    top: -5%;

    border-radius: 50%;

}

.advan li .advan_til h2{

    height: 100%;

    position: absolute;

    color: #ffffff;

    font-size: 22px;

    font-weight: 700;

    padding: 0 20%;

}

.advan li:hover .advan_til h2{

    color: #ff8f0b;

}

.advan li .advan_main{

    height: 200px;

    padding: 74px 20px 0 20px;

    display: block;

}

.advan li .advan_main .flex_w{

    height: 100%;

}

.advan li .advan_main p{

    color: #444444;

    font-size: 15px;

    line-height: 30px;

}

.advan li:hover .advan_main p{

    color: #fff;

}

.advan .nr_more{

    width: 290px;

    height: 50px;

    border: 3px solid #e2e2e2;

    border-radius: 30px;

    display: block;

    margin: 10px auto 0;

    background: #ff8f0b;

    line-height: 50px;

    color: #fff;

    text-align: center;

    font-size: 15px;

    position: relative;

}

.advan .nr_more::after{    

    content: "";

    width: 46px;

    height: 55px;

    display: block;

    background: url(../image/zx_click.png) no-repeat center center;

    top: 15px;

    right: 0;

    position: absolute;

}



/*course*/

.course{

    background: url(../image/tj_bg_04.jpg) no-repeat center top;

    background-size: cover;

    padding-bottom: 50px;

}

.course .ho_til::after{

    position: absolute;

    content: "";

    width: 100%;

    height: 2px;

    left: 0;

    bottom: -100px;

    background: -moz-linear-gradient(left, transparent 0%,#fff 20%,#fff 80%,transparent 100%);

    background: -webkit-gradient(linear, left, right,transparent 0%,#fff 20%,#fff 80%,transparent 100%);

    background: -webkit-linear-gradient(left, transparent 0%,#fff 20%,#fff 80%,transparent 100%);

    background: -o-linear-gradient(left, transparent 0%,#fff 20%,#fff 80%,transparent 100%);

    background: -ms-linear-gradient(left, transparent 0%,#fff 20%,#fff 80%,transparent 100%);

    background: linear-gradient(to right, transparent 0%,#fff 20%,#fff 80%,transparent 100%);

    z-index: -1;

}

.course_tab{

    padding-top: 28px;

    margin-bottom: 35px;

}

.course_tab li{

    width: 16.66%;

    -ms-flex: 0 0 16.66%;

    flex: 0 0 16.66%;

    max-width:16.66%;

    text-align: center;

    position: relative;

}

.course_tab li.current::after{

    content: "";

    position: absolute;

    background: url(../image/tj_sj_03.png) no-repeat center top;

    width: 25px;

    height: 14px;

    left: 50%;

    bottom: -39px;

    margin-left: -12.5px;

}

.course_tab li.current h3,.course_tab li.current span,.course_tab li.current p{

    transform: scale(1.4);

}

.course_tab li h3{

    color: #ffffff;

    font-size: 36px;

    line-height: 45px;

    font-family: "impact";

}

.course_tab li span{

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #ff660a;

    border: 2px solid #e2e2e2;

    display: inline-block;

    margin: 20px 0;

}

.course_tab li p{

    color: #ffffff;

    font-size: 18px;

    font-weight: 700;

    line-height: 30px;

}



.course .j-tab-con{

    background: #ff8f0b;

    border-radius: 10px;

    border: 2px solid rgb(146, 146, 146);

    padding: 20px;

    text-align: center;

    width: 90%;

    margin: 0 auto;

}

.course .j-tab-con .course_box p{

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    line-height: 40px;

}



/*news*/

.news {

    width: 100%;

    padding-bottom: 10px;

}

.news ul{

    margin: 25px -10px 30px -10px;

}

.news ul li{

    position: relative;

    width: 33.33%;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width:33.33%;

    margin-bottom: 20px;

}

.news ul li img{

    width: 100%;

}

.news ul li a{

    margin: 0 10px;

    background: #f7f7f7;

    display: block;

}

.news ul li:hover a{

    background: #ff8f0b;

}

.news ul li .news_font{

    padding: 10px;

    position: relative;

    text-align: center;

}

.news ul li .news_font::after{

    content: "";

    position: absolute;

    left: 50%;

    width: 34px;

    height: 3px;

    display: block;

    background: #c12f2f;

    margin-left: -17px;

    bottom: 0;

}

.news ul li .news_font h3{

    color: #555555;

    font-size: 16px;

    line-height: 25px;

    height: 25px;

	word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:1;

    overflow: hidden;

}

.news ul li:hover .news_font h3{

    color: #fff;

}

.news ul li .news_font p{

    color: #666666;

    font-size: 14px;

    line-height: 20px;

    padding-top:5px;

	word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:2;

    overflow: hidden;

    margin-bottom: 10px;

}

.news ul li:hover .news_font p{

    color: #fff;

}

.news .nr_more{

    width: 200px;

    height: 50px;

    border-radius: 50px;

    display: block;

    margin: 0 auto;

    text-align: center;

    background: #fff;

    color: #ff8f0b;

    border: 2px solid #ff8f0b;

    line-height: 50px;

}

.news .nr_more:hover{

    background: #ff8f0b;

    color: #fff;

}