/* 栏目1 */

.mobilecontent1 {
    margin: 0 auto;
    width: 1200px;
}

.mobilecontent1-item {
    width: 100%;
    padding: 35px 0 0;
    overflow: hidden;
}

.mobiletitle {
    text-align: center;
    margin: 80px 0px 20px 0px;
}

.mobiletitle .t1 {
    margin: 0 auto;
    width: 228px;
    line-height: 1;
    font-weight: bold;
    /* padding-bottom: 10px; */
    padding-left: 10px;
    border-left: 10px solid #fe0a13;
    color: #fe0a13;
    font-size: 36px;
}

.mobiletitle .t2 {
    padding: 20px 0px 20px 0px;
    font-size: 18px;
}

.mobileitem2 ul {
    display: flex;
}

.mobileitem2 li {
    /* float: left; */
    width: 250px;
    text-align: center;
    /* line-height: 100px; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobileitem2 li span {
    display: block;
    cursor: pointer;
    color: #7f7f7f;
}

.mobileitem2 li img {
    /* width: 30%; */
    margin: 25px 0px; 
}

.item2-icon {
    width: 140px;
    height: 140px;
    /* margin-left: 28px; */
    background-color: #fe0a13;
    border-radius: 100%;
    line-height: 130px;
}

.item2-name {
    color: #333;
    font-size: 28px;
    padding: 20px 0 20px 0px;
    font-weight: 600;
}

.item2-name,
.item2-intro {
    /* width: 130px; */
    padding-left: 8px;
    text-align: center;
}

.item2-intro {
    color: #484848;
    font-size: 16px;
}


/* 栏目2 */

.mobileitem3 .t1 {
    width: 370px;
}

.mobileitem4 {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
}

.mobileitem4-list {
    padding-top: 40px;
}

.mobileitem4-item {
    width: 48%;
    margin-bottom: 51px;
}

.mobileitem4 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.mobileitem4-box {
    display: inline-block;
}

.mobileitem4-icon-box {
    /* width: 70px;
    height: 70px; */
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.mobileitem4-icon {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
}

.mobileitem4-text {
    max-width: 460px;
    /* height: 70px; */
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.mobileitem4-text .mobileitem4-t {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 22px;
    color: #191c3d;
    font-weight: 700;
}

.mobileitem4-text .mobileitem4-p {
    font-size: 16px;
    color: #999;
}


/* 栏目3 */

.mobileitem5 .mobiletitle {
    margin: 40px 0px 0px 0px;
}

.mobileitem5 .t1 {
    width: 340px;
}

.mobileitem6 {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
}

.mobileitem6-item {
    /* width: 33.33%; */
    width: 30%;
    margin: 20px 20px;
    /* padding: 20px 40px; */
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgb(35 111 251 / 8%);
    box-shadow: 0 2px 8px 0 rgb(35 111 251 / 8%);
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
}

.mobileitem6 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.top-icon-box {
    width: 200px;
    margin: 0 auto;
}

.top-icon-box img {
    width: 100%;
}

.mobileitem6-item .top {
    background-color: #caecfc;
    border-radius: 10px;
}

.mobileitem6-item .title {
    line-height: 1;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding: 15px 0px 15px 0px;
}

.mobileitem6-item .text {
    margin: 0 auto;
    width: 280px;
    padding: 10px;
    font-size: 16px;
    text-align: left;
    color: #999;
    padding: 10px 0px 20px 0px;
}

.mobileitem6 .mobileitem6-item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 40px 40px 0 rgba(35, 111, 251, .1);
    box-shadow: 0 20px 30px 0 rgba(35, 111, 251, .1)
}


/* 栏目4 */

.mobileitem7 .t1 {
    width: 296px;
}

.mobileitem8 ul {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mobileitem8-item {
    width: 33.3%;
}

.mobileitem8-img-t1 {
    padding: 10px 10px 10px 100px;
}

.mobileitem8-item .title {
    font-size: 36px;
    font-weight: 600;
    padding: 40px 0px 40px 0px;
}

.mobileitem8-item .text {
    line-height: 30px;
    font-size: 16px;
    width: 360px;
    color: #999;
}

.mobileitem8-img {
    width: 360px;
    margin: 0 auto;
}

.mobileitem8-img .title {
    width: 200px;
    margin: 0 auto;
}


/* 栏目5*/

.mobileitem9 .t1 {
    width: 156px;
}

.mobileitem10 {
    width: 100%;
    height: 680px;
    background-image: url(../images/imageshome01.png);
}

.mobileitem10 ul {
    height: 680px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

.mobileitem10-item {
    width: 25%;
}

.mobileitem10-box {
    display: flex;
    justify-content: center;
}

.mobileitem10-item img {
    width: 90%;
}

.mobileitem10-item-list {
    padding: 0px 0px 0px 10px;
}

.mobileitem10-item .title {
    font-size: 38px;
    font-weight: 600;
    padding: 100px 0px 30px 0px;
    color: #fff;
}

.mobileitem10-item .text {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}


/* 栏目6*/

.mobileitem11 .t1 {
    width: 186px;
}

.mobileitem12 {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
}

.mobileitem12-list {
    padding-top: 10px;
    width: 33.33%;
}

.mobileitem12-grade1,
.mobileitem12-grade3 {
    padding: 35px 0px 0px 0px;
}

.mobileitem12-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mobileitem12-level,
.mobileitem12-leve2 {
    margin: 0px 0px 100px 0px;
}

.mobileitem12-grade2 {
    display: flex;
    justify-content: center;
}

.mobileitem12-box {
    display: inline-block;
}

.mobileitem12-icon-box {
    width: 100px;
    height: 100px;
    margin: 0px 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    /*border: 2px solid #fe0a13;*/
    text-align: center;
    line-height: 100px;
}

.mobileitem12-icon {
    width: 68px;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: inline-block;
}

.mobileitem12-box .mobileitem12-text {
    max-width: 260px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
}

.mobileitem12-level .mobileitem12-text {
    text-align: right;
}

.mobileitem12-leve2 .mobileitem12-text {
    text-align: left;
}

.mobileitem12-text .mobileitem12-t {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 22px;
    color: #191c3d;
    font-weight: 700;
}

.mobileitem12-text .mobileitem12-p {
    font-size: 16px;
    color: #999;
}


/* 栏目7*/

.mobileitem13 .t1 {
    width: 148px;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    /* width: 100%; */
    width: 130px;
    /*height: 100%;*/
    object-fit: cover;
}

.mobileitem14 {
    margin: 50px auto;
    padding: 0;
    width: 1400px;
}

.mobileitem14-container {
    padding: 40px;
    background-color: #f2f2f2;
    border-radius: 10px;
}

.mobileitem14-text {
    text-align: left;
    width: 320px;
    height: 80px;
}

.mobileitem14-text .mobileitem14-t {
    line-height: 1;
    margin: 20px 0px;
    font-size: 22px;
    color: #191c3d;
    font-weight: 700;
}

.mobileitem14-text .mobileitem14-p {
    font-size: 16px;
    color: #999;
}

.mobileitem15-item {
    display: flex;
    width: 1400px;
    margin: 30px auto;
}

.mobileitem15-list {
    width: 280px;
}

.mobileitem15-imgbox {
    width: 90%;
    margin: 0px 10px;
    line-height: 160px;
    text-align: center;
    border: 1px solid #797979;
    border-radius: 10px;
}

.mobileitem15-imgbox img {
    width: 230px;
}