﻿body {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
.com-font-tit{
    font-size: 0.4rem;
    text-align: center;
}
.com-font-tit span{
    font-size: 0.48rem;
    color: #dd2a2a;
}
.com-font-tit2{
    font-size: 0.4rem;
    text-align: center;
    color: #fff;
    line-height: 0.55rem;
}
.com-font-tit2 span{
    font-size: 0.48rem;
    color: #fdebb3;
}
.com-font-tit3{
    font-size: 0.4rem;
    text-align: center;
    color: #000;
    line-height: 0.55rem;
}
.com-font-tit3 span{
    font-size: 0.48rem;
    color: #dd2a2a;
}

.com-btn{
    text-align: center;
    width: 80%;
    height: 0.8rem;
    line-height: 0.8rem;
    background-color: #fdebb3;
    color: #000;
    font-size: 0.36rem;
    margin: 0 auto;
    border-radius: 0.4rem;
}
/*.n-xd-works .swiper-pagination-bullet-active {*/
    /*background: #fdebb3;*/
/*}*/
.n-xd-works .swiper-pagination-bullet {
    width: 0.15rem;
    height: 0.15rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.1;
}
.n-xd-works .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fdebb3;
}
.n-xd-works .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}
.n-xd-qj{
    padding-top: 0.3rem;
}
.xd-qj-box{
    margin: 0.53rem 0.3rem 0.4rem;
    display: flex;
    justify-content: space-around;
}
.xd-qj-box li{
    width: 21%;
    font-size: 0.24rem;
    text-align: center;
}
.xd-qj-box li img{
    width: 85%;
}
.xd-qj-box li span{
    color: #ff0000;
}
.xd-qj-box li p{
    margin-top: 0.3rem;
    line-height: 0.3rem;
}
.n-xd-gd{
    padding-top: 0.46rem;
    margin-bottom: 0.55rem;
}
.n-xd-gd .com-font-tit span{
    font-size: 0.48rem;
    color: #f62727;
}
.n-xd-gd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.6rem 0.3rem 0.55rem;
}
.n-xd-gd li{
    position: relative;
    width: 3.49rem;
    height: 1.6rem;
    background-size: 100%;
    background-repeat: no-repeat;
}
.n-xd-gd li:nth-child(n+3){
    margin-top: 0.4rem;
}
.n-xd-gd li:nth-child(2n){
    margin-left: -0.2rem;
}
.n-xd-gd li p {
    position:absolute;
    left: 50%;
    bottom: 0.1rem;
    transform: translate(-50%, 0);
    font-size: 0.24rem;
    color: #fff;
}
.n-xd-works{
    margin-top: 0.48rem;
    margin-bottom: 0.58rem;
}
.xd-works-box {
    /*margin-top: 0.5rem;*/
}
.xd-works-box ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0.5rem 0.3rem 0.6rem;
}
.xd-works-box ul li{
    width: 30%;
}
.xd-works-box ul li:nth-child(n+4){
    margin-top: 0.27rem;
}
.n-xd-teacher{
    background-color: #f88238;
    padding-bottom: 0.65rem;
}
.xd-teacher-title{
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
.n-xd-ys{
    padding: 0.7rem 0.3rem 0.5rem;
}
.n-xd-ys ul{
    display: flex;
    flex-wrap: wrap;
   justify-content: space-around;
    margin-top: 0.6rem;
}
.n-xd-ys ul li{
    display: flex;
    width: 3.1rem;
    /* height: 1.05rem; */
    font-size: 0.24rem;
}
.n-xd-ys ul li img{
    width: 1.05rem;
    height: 1.05rem;
}
.n-xd-ys ul li p{
    display: flex;
    align-items: center;
    margin-left: 0.3rem;
    line-height: 0.35rem;
}
.n-xd-ys ul li:nth-child(2n){
    display: flex;
    width: 2.8rem;
    /*height: 1.05rem;*/
    font-size: 0.24rem;
}
.n-xd-ys ul li:nth-child(n+3){
    margin-top: 0.34rem;
}
.n-xd-jy{
    padding-top: 0.21rem;
    padding-bottom: 0.73rem;
    background: url(../images/support-bg.jpg) no-repeat;
    background-size: cover;
}
.xd-ys-box1{
    margin: 0.24rem 0.3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xd-ys-box1 li{
    width: 1.24rem;
    margin-left: 0.17rem;
}
.xd-ys-box1 li:nth-child(n+6){
    margin-top: 0.16rem;
}
.xd-ys-box1 li img{
    width: 100%;
    display: block;
}
.xd-ys-box2{
    padding: 0 0.3rem;
    width: 100%;
}
.ys-box2-title{
    display: flex;
    justify-content: space-around;
    font-size: 0.3rem;
    color: #bd1f35;
    text-align: center;
    margin-top: 0.4rem;
}
.ys-box2-title li{
    width: 25%;
    font-weight: 600;
}
.ys-box2-title li:nth-child(1){
    width: 20%;
}
.ys-box2-title li:nth-child(2){
    width: 30%;
}
.ys-box3{
    margin-top: 0.13rem;
}
.ys-box3 li{
    display: flex;
    justify-content: space-between;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    height: 0.53rem;
    line-height: 0.53rem;
    border-bottom: 0.01rem solid #393939;

}
.ys-box3 li:last-child{
    border: none;
}
.ys-box3 li div{
    width: 25%;
}
.ys-box3 li div:nth-child(1){
    width: 20%;
}
.ys-box3 li div:nth-child(2){
    width: 30%;
}
.n-xd-cy{
    padding-top: 0.43rem;
    padding-bottom: 0.43rem;
}
.xd-cy-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0.2rem 0.3rem 0;

}
.xd-cy-box li{
    width: 48%;
}
.xd-cy-box li:nth-child(n+3){
    margin-top: 0.4rem;
}
.xd-cy-box li p{
    height: 0.47rem;
    line-height: 0.47rem;
    color: #000;
    font-size: 0.24rem;
    text-align: center;
    background-color: #fdebb3;
}
.n-xd-question{
    padding: 0.48rem 0.3rem 0.33rem;
    background-color: #f79151;
}
.n-xd-question ul{
    margin-top: 0.5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    color: #000;
}
.n-xd-question li{
    width: 31%;
    background-color: #fff;
    font-size: 0.24rem;
    border-radius: 0.1rem;
}
.n-xd-question li:nth-child(n+4){
    margin-top: 0.4rem;
}
.n-xd-question li p:nth-child(1){
    font-size: 0.36rem;
    margin-top: 0.18rem;
    font-weight: 600;
}
.n-xd-question li p:nth-child(2){
    margin-top: 0.15rem;
}
.n-xd-question li .xd-question-btn{
    width: 65%;
    height: 0.48rem;
    line-height: 0.48rem;
    background-color: #fdebb3;
    margin: 0.23rem auto 0.17rem;
    border-radius: 0.2rem;
}
.n-xd-zy{
    padding-top: 0.45rem;
    padding-bottom: 0.7rem;
    background: url("../images/support-bg.jpg");
    background-size: 100%;
    font-size: 0.24rem;
    color: #fff;
}
.xd-zy-box{
    margin: 0.5rem 1rem 0;
}
.zy-box-time{
    color: #fff;
    font-size: 0.3rem;
    width: 4.51rem;
    height: 0.56rem;
    background: url("../images/zy-time.png") no-repeat;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 0.56rem;
}
.zy-box-con{
    display: flex;
    justify-content: space-between;
    margin-top: 0.22rem;
}
.zy-box-con li:first-child{
    width: 3rem;
}
.zy-box-con li:last-child{
    width: 1.56rem;
}
.zy-box-con p{
    text-align: center;
    margin-top: 0.15rem;
}
.zy-box-con2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.26rem;
}
.zy-box-con2 li{
    width: 1.56rem;
}
.zy-box-con2 li p{
    margin: 0.14rem 0;
    line-height: 0.3rem;
    text-align: center;
}
/*å°±ä¸š*/
.common-jy{
    /*color: #000;*/
    padding: 0.48rem 0 0.6rem;
    text-align: center;
    background: url(../images/support-bg.jpg);
    background-size: 100%;
    color: #fff;
}
.common-jy .font-s{
    font-size: 0.26rem;
    margin: 0.2rem auto 0;

    /*width: 64%;*/
    /*line-height: 0.3rem;*/
}

.common-jy .jy-box1{
    margin: 0.24rem 0.3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.common-jy .jy-box1 li{
    width: 1.24rem;
    margin-left: 0.17rem;
    box-shadow:0px 0px 0.01rem #000;
}
.common-jy .jy-box1 li:nth-child(n+6){
    margin-top: 0.16rem;
}
.common-jy .jy-box1 li img{
    width: 100%;
    display: block;
}
.common-jy .jy-box2{
    padding: 0 0.3rem;
    width: 100%;
}
.common-jy .jy-box2-title{
    display: flex;
    justify-content: space-around;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #bd1f35;
    text-align: center;
    margin-top: 0.3rem;
}
.common-jy .jy-box2-title li{
    width: 25%;
    font-weight: 600;
}
.common-jy .jy-box2-title li:nth-child(1){
    width: 20%;
}
.common-jy .jy-box2-title li:nth-child(2){
    width: 30%;
}
.common-jy .jy-box3-con{
    height: 2.4rem;
    overflow: hidden;
    border: 0.01rem solid #DCDCDC;
    border-top: none;
}
.common-jy .jy-box3 li{
    display: flex;
    justify-content: space-between;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: 0.01rem solid #DCDCDC;
}
.common-jy .jy-box3 li:last-child{
    border: none;
}
.common-jy .jy-box3 li div{
    width: 25%;
}
.common-jy .jy-box3 li div:nth-child(1){
    width: 20%;
}
.common-jy .jy-box3 li div:nth-child(2){
    width: 30%;
}