/*字体共用样式*/
@font-face {
    font-family: hkhb; /* 华康海报体W12 */
    src: url("../../outsourceFont/HKHB.eot"); /* IE9 */
    src: url("../../outsourceFont/HKHB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../outsourceFont/HKHB.TTF") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../outsourceFont/HKHB.svg#hkhb") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: syst; /* 思源宋体 */
    src: url("../../outsourceFont/SYST.eot"); /* IE9 */
    src: url("../../outsourceFont/SYST.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../outsourceFont/SYST.TTF") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../outsourceFont/SYST.svg#syst") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: syht; /* 思源黑体 */
    src: url("../../outsourceFont/SYHT.eot"); /* IE9 */
    src: url("../../outsourceFont/SYHT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../outsourceFont/SYHT.TTF") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../outsourceFont/SYHT.svg#syht") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: bmzy; /* 本墨字语 */
    src: url("../../outsourceFont/BMZY.eot"); /* IE9 */
    src: url("../../outsourceFont/BMZY.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../outsourceFont/BMZY.TTF") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("../../outsourceFont/BMZY.svg#bmzy") format("svg"); /* iOS 4.1- */
}

.clearfix::after {
    display: block;
    content: '';
    clear: both;
}

.MoblieIndex_main > div {
    margin: auto;
	width: 7.5rem;
}

.secondTitle {
    line-height: 1rem;
    color: #333;
    font-family: bmzy;
    font-size: 0.6rem;
    text-align: center;
}

.moreItemWorkBtn {
    display: block;
    margin: auto;
    width: 2.6rem;
    line-height: 0.5rem;
    border-radius: 25px;
    background: #e26b80;
    color: #f7f7f7;
    font-family: syst;
    font-size: 0.24rem;
    text-align: center;
}

body {
    background: #fff;
}

/* part1 */
.MoblieIndex_main > .part1 {
    box-sizing: border-box;
    margin-top: 0.88rem;
    padding-top: 1.57rem;
    width: 7.5rem;
    height: 7.12rem;
    background: url(../../Image/outsource/MobileIndex/part1/bg.jpg) no-repeat center center / cover;
}

.part1 > h2 {
    margin-bottom: 0.17rem;
    line-height: 0.74rem;
    color: #fff;
    font-family: hkhb;
    font-size: 0.6rem;
    text-align: center;
}

.part1 > p {
    margin-bottom: 1.08rem;
    line-height: 0.48rem;
    color: #fff;
    font-family: syst;
    font-size: 0.24rem;
    text-align: center;
}

.part1 > a {
    display: block;
    margin: auto;
    width: 2.33rem;
    line-height: 0.52rem;
    border-radius: 25px;
    background: #e26b80;
    color: #f7f7f7;
    font-family: syst;
    font-size: 0.24rem;
    text-align: center;
}

/* part2 */
.part2 {
    box-sizing: border-box;
    padding-top: 0.6rem;
    width: 7.5rem;
    height: 9.87rem;
    background: #fff;
}

.part2 > h2 {
    margin-bottom: 0.26rem;
}

#part2_swiper .swiper-slide {
    padding: 0.54rem 0;
}

#part2_swiper .swiper-slide > div {
    box-sizing: border-box;
    margin: auto;
    padding-top: 0.56rem;
    width: 4.2rem;
    height: 5.38rem;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 16px rgba(226, 107, 128, 0.4);
}

#part2_swiper .swiper-slide > div > img {
    display: block;
    margin: 0 auto 0.54rem;
    width: 1.4rem;
    height: 1.4rem;
}

#part2_swiper .swiper-slide > div > h3 {
    margin-bottom: 0.17rem;
    line-height: 0.33rem;
    color: #181818;
    font-family: syht;
    font-size: 0.33rem;
    text-align: center;
}

#part2_swiper .swiper-slide > div > p {
    line-height: 0.51rem;
    color: #181818;
    font-family: syht;
    font-size: 0.25rem;
    text-align: center;
}

#part2_swiper .swiper-button-next, #part2_swiper .swiper-button-prev {
    margin-top: -0.28rem;
    width: 0.32rem;
    height: 0.56rem;
    background-size: cover;
}

#part2_swiper .swiper-button-prev {
    left: 0.86rem;
    background-image: url(../../Image/outsource/MobileIndex/part2/prev.png);
}

#part2_swiper .swiper-button-next {
    right: 0.86rem;
    background-image: url(../../Image/outsource/MobileIndex/part2/next.png);
}

#part2_swiper .swiper-pagination {
    bottom: 0;
    line-height: 0.24rem;
}

#part2_swiper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.1rem;
    width: 0.24rem;
    height: 0.24rem;
}

#part2_swiper .swiper-pagination-bullet-active {
    background: #e26b80;
}

/* part3 */
.part3 {
    box-sizing: border-box;
    padding-top: 0.4rem;
    width: 7.5rem;
    height: 12.99rem;
    background: url(../../Image/outsource/MobileIndex/part3/bg.jpg) no-repeat center center / cover;
}

.part3 > h2 {
    margin-bottom: 0.8rem;
}

.studentWorksBox {
    margin-bottom: 0.8rem;
}

.studentWorksBox > li {
    box-sizing: border-box;
    margin: 0 auto 0.4rem;
    padding: 0.2rem;
    width: 5.85rem;
    height: 2.36rem;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 16px rgba(226, 107, 128, 0.4);
}

.studentWorksBox > li:last-child {
    margin-bottom: 0;
}

.studentWorksBox > li .student {
    margin-bottom: 0.2rem;
}

.studentWorksBox > li .student .headImgBox {
    float: left;
    margin-right: 0.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    overflow: hidden;
}

.studentWorksBox > li .student > span {
    float: left;
    line-height: 0.5rem;
    color: #333;
    font-family: syht;
    font-size: 0.24rem;
}

.studentWorksBox > li .worksBox > img {
    float: left;
    display: block;
    margin-right: 0.12rem;
    width: 1.26rem;
    height: 1.26rem;
    border-radius: 5px;
}
.studentWorksBox > li .worksBox > img:nth-child(4n) {
    margin-right: 0;
}

/* part4 */
.part4 {
    box-sizing: border-box;
    padding-top: 0.4rem;
    width: 7.5rem;
    height: 9.75rem;
    background: url(../../Image/outsource/MobileIndex/part4/bg.jpg) no-repeat center center / cover;
}

.part4 > h2 {
    margin-bottom: 0.8rem;
}

/* part5 */
.part5 {
    box-sizing: border-box;
    padding-top: 0.4rem;
    width: 7.5rem;
    height: 9.13rem;
    background: url(../../Image/outsource/MobileIndex/part5/bg.jpg) no-repeat center center / cover;
}

#part5_swiper .swiper-slide {
    padding: 2.1rem 0 0.3rem;
}

#part5_swiper .swiper-slide > div {
    box-sizing: border-box;
    margin: auto;
    padding-top: 0.02rem;
    width: 4.2rem;
    height: 4.07rem;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 16px rgba(226, 107, 128, 0.4);
}

#part5_swiper .swiper-slide > div > img {
    display: block;
    margin: -1.34rem auto 0.42rem;
    width: 4.2rem;
    height: 2.64rem;
}

#part5_swiper .swiper-slide > div > h3 {
    margin-bottom: 0.33rem;
    line-height: 0.44rem;
    color: #181818;
    font-family: syht;
    font-size: 0.44rem;
    text-align: center;
}

#part5_swiper .swiper-slide > div > p {
    line-height: 0.48rem;
    color: #181818;
    font-family: syht;
    font-size: 0.26rem;
    text-align: center;
}

#part5_swiper .swiper-button-next, #part5_swiper .swiper-button-prev {
    margin-top: 0.7rem;
    width: 0.32rem;
    height: 0.56rem;
    background-size: cover;
}

#part5_swiper .swiper-button-prev {
    left: 0.86rem;
    background-image: url(../../Image/outsource/MobileIndex/part5/prev.png);
}

#part5_swiper .swiper-button-next {
    right: 0.86rem;
    background-image: url(../../Image/outsource/MobileIndex/part5/next.png);
}

/* part6 */
.part6 {
    position: relative;
    box-sizing: border-box;
    padding-top: 0.4rem;
    width: 7.5rem;
    height: 12.24rem;
    background: url(../../Image/outsource/MobileIndex/part6/bg.jpg) no-repeat center center / cover;
}

.part6 > h2 {
    margin-bottom: 0.8rem;
}

.worksBox > .tabsBox {
    margin-bottom: 1rem;
	line-height: 0.5rem;
    text-align: center;
}

.worksBox > .tabsBox > span {
    margin-left: -0.07rem;
    padding: 0 0.44rem;
    line-height: 0.3rem;
    border-right: 0.02rem solid #666;
    color: #666666;
    font-family: syht;
    font-size: 0.24rem;
    text-align: center;
}
.worksBox > .tabsBox > span:nth-child(5n) {
	border-right: 0;
}
.worksBox > .tabsBox > span:first-child {
    margin-left: 0;
}
.worksBox > .tabsBox > span:last-child {
    border-right: 0;
}
.worksBox > .tabsBox > span.cur {
    color: #e26b80;
}

.part6 .swiper-container {
    display: none;
}

.part6 .swiper-container.cur {
    display: block;
}

.part6 .swiper-container {
    height: 5rem;
}

.part6 .swiper-container .swiper-slide {
    position: relative;
    transition: 0.8s;
}

.part6 .swiper-container .swiper-slide > .imgBox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.3rem;
    margin-left: -1.3rem;
    width: 2.6rem;
    height: 2.6rem;
    overflow: hidden;
    transition: 0.8s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.part6 .swiper-container .swiper-slide > .imgBox.widthImg > img {
    height: 2.6rem;
}

.part6 .swiper-container .swiper-slide > .imgBox.heightImg > img {
    width: 2.6rem;
}

.part6 .swiper-container .swiper-slide.cur {
	z-index: 10;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox {
    margin-top: -2.5rem;
    margin-left: -3rem;
    width: 6rem;
    height: 5rem;
    z-index: 1;
    overflow: unset;
	background-size: contain;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox > a {
	position: relative;
	width: 100%;
	height: 100%;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox > a.inline:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.4rem;
	margin-left: -0.4rem;
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	background: url(../../../../Content/img/share/play_whiteBig80.png) no-repeat center / cover;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox > img {
    max-width: 100%;
    max-height: 100%;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox.widthImg {
    margin-left: -3rem;
    width: 6rem;
    z-index: 1;
    overflow: unset;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox.heightImg {
    margin-top: -2.5rem;
    height: 5rem;
    z-index: 1;
    overflow: unset;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox.widthImg > img {
    max-width: 100%;
    height: auto !important;
}

.part6 .swiper-container .swiper-slide.cur > .imgBox.heightImg > img {
    max-height: 100%;
    width: auto !important;
}

.part6 > .moreItemWorkBtn {
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    margin-left: -1.3rem;
    background: #fff;
    color: #e26b80;
}

/* part7 */
.part7 {
    box-sizing: border-box;
    padding-top: 0.4rem;
    width: 7.5rem;
    height: 5.73rem;
    background: url(../../Image/outsource/MobileIndex/part7/bg.jpg) no-repeat center center / cover;
}

.part7 > h2 {
    margin-bottom: 1rem;
    color: #fff;
}

/* part8 */
.part8 {
    width: 7.5rem;
    height: 4.95rem;
    background: #f7f7f7;
}

#part8_swiper {
    padding: 0.8rem 0 1.14rem;
}

#part8_swiper .swiper-wrapper {
    width: 4.5rem;
}

#part8_swiper .swiper-slide {
    margin: 0 0.3rem;
    width: 4.5rem !important;
    height: 3rem;
}
#part8_swiper .swiper-slide > div {
    position: relative;
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 20px 2px rgba(226, 107, 128, 0.3);
    overflow: hidden;
}
#part8_swiper .swiper-slide > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
#part8_swiper .swiper-slide > div > h3 {
    position: absolute;
    top: 0.26rem;
    left: 0.3rem;
    line-height: 0.32rem;
    font-size: 0.24rem;
    color: #fff;
}
#part8_swiper .swiper-slide > div > a {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-top: -0.4rem;
    margin-left: -0.4rem;
    width: 0.8rem;
    height: 0.8rem;
    background: url(../../Image/outsource/MobileIndex/part8/play.png) no-repeat center center / cover;
}
#part8_swiper.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0.6rem;
    line-height: 0.24rem;
}
#part8_swiper .swiper-pagination-bullet {
    width: 0.24rem;
    height: 0.24rem;
    background: #7b7b7b;
}
#part8_swiper .swiper-pagination-bullet-active {
    background: #e26b80;
}
#part8_swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

/* part9 */
.part9 {
    padding: 0.2rem 0;
}
.part9 > ul {
    display: flex;
    justify-content: space-between;
}
.part9 > ul > li {
    width: 2.44rem;
    height: 0.98rem;
    line-height: 0.98rem;
    border-radius: 5px;
    background: #e26b80;
    text-align: center;
}
.part9 > ul > li > a {
    font-size: 0.24rem;
    color: #fff;
}

.QRcodeBox {
    margin: auto;
    width: 4.9rem;
}

.QRcodeBox > div {
    float: left;
    margin-right: 0.54rem;
    width: 2.18rem;
}

.QRcodeBox > div:last-child {
    margin-right: 0;
}

.QRcodeBox > div > img {
    margin-bottom: 0.2rem;
}

.QRcodeBox > div .downLoadBtn {
    display: block;
    width: 2.18rem;
    line-height: 0.6rem;
    border-radius: 10px;
    background: #fff;
    color: #e26b80;
    font-family: syht;
    font-size: 0.23rem;
}

.QRcodeBox > div .downLoadBtn > img {
    display: inline-block;
    margin-top: -0.1rem;
    margin-left: 0.26rem;
    width: 0.32rem;
    height: 0.32rem;
}

/*弹窗视频start*/
#cboxOverlay {
    z-index: 21000;
}
#colorbox {
    z-index: 21000;
}
/*弹窗视频end*/
/*弹窗图片start*/

/*弹窗图片end*/
#cboxContent {
    background: transparent !important;
}
#cboxLoadedContent img {
    position: absolute;
}
#cboxClose {
    position: fixed;
    top: auto;
    bottom: 1.2rem;
    left: 50%;
    /*right: 0;*/
    margin: auto;
    margin-left: -0.31rem;
    padding: 0;
    width: 0.6rem;
    height: 0.6rem;
    box-sizing: border-box;
    border-radius: 50%;
    /*border: 2px solid #fff;*/
    /*border-right: 1px solid #fff;*/
    /*background: transparent;*/
    background: url("../../Image/StudentWorkCourse/MobileIndex/closeBtn.png") no-repeat center center/cover;
}
#cboxClose>p {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.6rem;
    height: 0.6rem;

    text-align: center;
    color: #fff;
    font-size: 0.7rem;
    line-height: 0.5rem;
}
#cboxPrevious {
	display: none!important;
    position: absolute;
    top: -0.45rem;
    left: 0px;
    padding: 0;
    width: 0.69rem;
    height: 0.91rem;
    border: 0;
    background: url(../../Image/StudentWorkCourse/MobileIndex/part1/prevBtn.png) no-repeat center center/cover;
}
#cboxPrevious:hover {
    background-position: 0 !important;
}
#cboxNext {
	display: none!important;
    position: absolute;
    top: -0.45rem;
    left: auto;
    right: 0px;
    padding: 0;
    width: 0.69rem;
    height: 0.91rem;
    border: 0;
    background: url(../../Image/StudentWorkCourse/MobileIndex/part1/nextBtn.png) no-repeat center center/cover;
}
#cboxNext:hover {
    background-position: 0 !important;
}