.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner img {
    width: 100%;
    float: left;
}
.notice {
    width: 100%;
    height: 90px;
    background-color: #fff;
    margin-top: -45px;
    z-index: 100;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 0px 16px 0px rgba(142, 142, 142, 0.32);
    border-radius: 6px;
    overflow: hidden;
}

.notice .modelName {
    width: 60px;
    height: 32px;
    border-radius: 3px;
    background-color: #00999A;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    margin-left: 30px;
}

.notice>img {
    margin-left: 28px;
}

.notice ul {
    overflow: hidden;
    width: 100%;
    height: 90px;
    line-height: 90px
}

.notice ul li {
    height: 90px;
    overflow: hidden;
}

.notice p.title {
    color: #00999A;
    font-size: 14px;
    margin-left: 10px;
    float: left;
}

.notice p.time {
    color: #737373;
    font-size: 14px;
    float: right;
    margin-right: 120px;
}

.notice p.more {
    position: absolute;
    right: 20px;
    color: #737373;
    font-size: 14px;
    top: 0;
    line-height: 90px;
}

#app {
    width: 100%;
    height: 920px;
    margin-top: -45px;
    padding-top: 110px;
    background-color: #fff;
}

#app .left {
    width: 720px;
    height: 720px;
    position: relative;
}
#app .left .phone{
    width:100%;
}
#app .left .phoneImg {
    position: absolute;
    width: 308px;
    bottom: 0;
    top: 92px;
    height: 590px;
    left: calc(50% - 147px);
    padding-bottom: 50px;
    
}
.bgImg{
    position: absolute;
    width: 308px;
    bottom: 0;
    top: 10px;
    height: 490px;
    left: calc(50% - 147px);
    box-shadow:0px 0px 16px 0px rgba(0,22,22,0.25);
}
#app .left iframe {
    position: absolute;
    left: 258px;
    width: 205px;
    top: 70px;
    height: 370px;
}

#app .right {
    width: 480px;
    height: 510px;
    padding: 20px 40px;
    position: relative;
}

#app .right h1 {
    color: #00999A;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 26px;
}

#app .right div {
    line-height: 1;
    width: 100%;
    float: right;
}

#app .right div span.title {
    width: 70px;
    float: left;
    line-height: 25px;
    font-size: 14px;
}

#app .right div span.content {
    width: 185;
    float: left;
    line-height: 25px;
    font-size: 14px;
}

#app .right div span.pay {
    display: inline-block;
    width: 70px;
    line-height: 22px;
    height: 22px;
    background-color: #FF7300;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

#app .right div.downNumber {
    font-size: 14px;
    color: #000;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E5E5E5;
}

#app .right div.downNumber span {
    color: #FF7300;
}
#app .right div.downNumber span:first-child{
    margin-right: 20px;
}
#app .right div.video {
    margin: 70px 0 35px;
}

#app .right div.video .btn {
    width: 130px;
    height: 36px;
    background-color: #00999A;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
    margin-right: 150px;
    margin-top: -10px;
}

#app .right div.video img {
    margin: 0 8px 0 24px;
}

#app .right div.video .btn span {
    color: #fff;
    font-size: 14px;
}

#app .right div.QRCode {
    position: absolute;
    top: 275px;
    /*left: 300px;*/
    width: 93px;
}

#app .right div.QRCode img {
    float: left;
    width: 93px;
    height: 93px;
}

#app .right div.QRCode span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #737373;
    line-height: 1;
    margin-top: 6px;
}

#app .right div.aboutUs {
    font-size: 12px;
    color: #737373;
    line-height: 25px;
    padding-top: 10px;
}

#app .right div.aboutUs a {
    color: #00999A;
    font-size: 12px;
}

#app .right div.aboutUs a img {
    margin-left: 10px;
}

#pc {
    width: 100%;
    height: 666px;
    padding-top: 66px;
    background-color: #F5F5F5;
}

#pc .left {
    width: 480px;
    height: 510px;
    padding: 20px 40px;
    position: relative;
}

#pc .left h2 {
    color: #00999A;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 26px;
}

#pc .left div {
    line-height: 1;
    width: 100%;
    float: left;
}

#pc .left div span.title {
    width: 70px;
    float: left;
    line-height: 25px;
    font-size: 14px;
}

#pc .left div span.content {
    width: 185;
    float: left;
    line-height: 25px;
    font-size: 14px;
}

#pc .left div span.pay {
    display: inline-block;
    width: 70px;
    line-height: 22px;
    height: 22px;
    background-color: #FF7300;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

#pc .left div.downNumber {
    font-size: 14px;
    color: #000;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 18px;
    border-bottom: 1px dashed #E5E5E5;
}

#pc .left div.downNumber span {
    color: #FF7300;
}
#pc .left div.downNumber span:first-child{
    margin-right: 20px;
}
#pc .left div.video {
    margin: 20px 0 26px;
}

#pc .left div.video .btn:nth-child(1) {
    width: 130px;
    height: 36px;
    background-color: #00999A;
    border-radius: 5px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    margin-right: 12px;
    cursor: pointer;
}

#pc .left div.video .btn:nth-child(2) {
    width: 130px;
    height: 36px;
    border: 1px solid #00999A;
    border-radius: 5px;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

#pc .left div.video img {
    margin: 0 8px 0 24px;
}

#pc .left div.video .btn span {
    color: #00999A;
    font-size: 14px;
}

#pc .left div.QRCode {
    position: absolute;
    top: 220px;
    left: 300px;
    width: 93px;
}

#pc .left div.QRCode img {
    float: left;
}

#pc .left div.QRCode span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #737373;
    line-height: 1;
    margin-top: 6px;
}

#pc .left div.aboutUs {
    font-size: 12px;
    color: #737373;
    line-height: 25px;
    padding-top: 10px;
}

#pc .left div.aboutUs a {
    color: #00999A;
    font-size: 12px;
}

#pc .left div.aboutUs a img {
    margin-left: 10px;
}

#video,
#message,
#partner,
#Official_link {
    width: 100%;
   /* height: 574px;*/
    padding-top: 75px;
    background-color: #fff;
    padding-bottom: 75px;
}

#partner {
    height: 492px;
}

#message,
#partner {
    background-color: #f5f5f5;
}

#video h2,
#message h2,
#partner h2 {
    color: #00999A;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    line-height: 1;
}

#video p.secTitle,
#message p.secTitle,
#partner p.secTitle {
    line-height: 1;
    font-size: 16px;
    color: #737373;
    text-align: center;
    margin: 14px auto 50px;
}

#video .models,
#message .models {
    display: flex;
    justify-content: space-between;
}

#video .models .oneModel,
#message .models .oneModel {
    /*height: 304px;*/
    width: 380px;
    border: 1px solid rgba(242, 242, 242, 1);
    border-radius: 6px;
}

#video .models .oneModel .head,
#message .models .oneModel .head {
    height: 54px;
    border-radius: 6px 6px 0px 0px;
    padding: 0 20px;
}
#video .models .oneModel .body,
#message .models .oneModel .body {
    /*height: calc(100% - 54px);*/
    height: 441px;
    background-color: #fff;
    position: relative;
}

#video .models .oneModel .body img,
#message .models .oneModel .body img {
    width: 130px;
}
#video .models .oneModel .body .noData,
#message .models .oneModel .body .noData {
    width: 100%;
    text-align: center;
    padding: 60px 0;
    font-size: 14px;
    color: #CACACA;
    line-height: 25px;
}

#video .models .oneModel:nth-child(1) .head {
    background: linear-gradient(90deg, rgba(255, 183, 87, 1), rgba(255, 210, 150, 1));
}

#video .models .oneModel:nth-child(2) .head {
    background: linear-gradient(90deg, rgba(130, 202, 141, 1), rgba(213, 235, 202, 1));
}

#video .models .oneModel:nth-child(3) .head {
    background: linear-gradient(90deg, rgba(254, 120, 91, 1), rgba(255, 205, 158, 1));
}

#message .models .oneModel:nth-child(1) .head {
    background: linear-gradient(90deg, rgba(139, 127, 251, 1), rgba(215, 187, 225, 1));
}

#message .models .oneModel:nth-child(2) .head {
    background: linear-gradient(90deg, rgba(254, 120, 91, 1), rgba(255, 205, 158, 1));
}

#message .models .oneModel:nth-child(3) .head {
    background: linear-gradient(90deg, rgba(223, 154, 107, 1), rgba(245, 217, 182, 1));
}

#video .models .oneModel .head p.mdName,
#message .models .oneModel .head p.mdName {
    color: #fff;
    line-height: 54px;
    font-size: 16px;
    font-weight: bold;
    float: left;
}

#video .models .oneModel .head span,
#message .models .oneModel .head span {
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    height: 100%;
}

#video .models .oneModel .body li:nth-child(odd),
#message .models .oneModel .body li:nth-child(odd),
#video .models .oneModel .body li:last-child,
#message .models .oneModel .body li:last-child {
    background-color: #FBFBFB!important;
}

#video .models .oneModel .body li:nth-child(even),
#message .models .oneModel .body li:nth-child(even) {
    background-color: #fff;
}
#video .models .oneModel .body li:last-child,
#message .models .oneModel .body li:last-child{
    position: absolute;
    bottom:0;
}
#video .models .oneModel .body li,
#message .models .oneModel .body li {
    height: 49px;
    list-style: none;
    cursor: pointer;
    padding: 0 20px;
    float: left;
    width: 100%;
}

#video .models .oneModel .body li a,
#message .models .oneModel .body li a{
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #8F8F8F;
    text-align: center;
    display: inline-block;
}

#video .models .oneModel .body li i,
#message .models .oneModel .body li i {
    width: 18px;
    height: 18px;
    margin: 16px 20px 16px 0;
    float: left;
    background-image: url('../../img/index/videoGray.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

#video .models .oneModel .body p,
#message .models .oneModel .body p {
    line-height: 50px;
    font-size: 14px;
    color: #8F8F8F;
}


#video .models .oneModel .body p.title,
#message .models .oneModel .body p.title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

#video .models .oneModel .body li:hover p,
#message .models .oneModel .body li:hover p {
    color: #00999A;
}

#video .models .oneModel .body li:hover i,
#message .models .oneModel .body li:hover i {
    background-image: url('../../img/index/videoG.png');
}

#partner .partnerLogo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#partner .partnerLogo div {
    border: 1px solid rgba(238, 238, 238, 1);
    border-radius: 6px;
    cursor: pointer;
}
.partnerLogo img{
    width: 230px;
    height: 98px;
}
.swiper-container {
    width: 720px;
    height: 512px;
}

.swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-container-horizontal>.swiper-pagination {
    top: 0;
}

.swiper-container .diyBtn {
    display: inline-block;
    width: 60px;
    height: 25px;
    position: absolute;
    top: 20px;
    margin: 0!important;
    border-radius: unset;
    background-color: unset;
}

.swiper-container .diyBtn.diyBtn0 {
    left: 150px;
}

.swiper-container .diyBtn.diyBtn1 {
    left: 210px;
}

.swiper-container .diyBtn.diyBtn2 {
    left: 270px;
}

.swiper-container .diyBtn.diyBtn3 {
    left: 330px;
}

.swiper-container .diyBtn.diyBtn4 {
    left: 390px;
}

.swiper-container .diyBtn.diyBtn5 {
    left: 450px;
}

.swiper-container .diyBtn.diyBtn6 {
    left: 510px;
}

.swiper-container .diyBtn.diyBtn7 {
    left: 570px;
}

.swiper-container .diyBtn.diyBtn8 {
    left: 630px;
}

.rMenu {
    position: fixed;
    left: calc(92.5vw);
    top: 50%;
    z-index: 100;
}

.rMenu>div {
    width: 58px;
    height: 58px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
    border: 1px solid #E5E5E5;
    border-bottom: none;
    position: relative;
}

.rMenu>div:nth-child(1) {
    border-radius: 3px 3px 0px 0px;
}

.rMenu>div:nth-child(4) {
    border-radius: 0px 0px 3px 3px;
    border-bottom: 1px solid #e5e5e5;
}

.rMenu>div p.title {
    font-size: 12px;
    color: #999;
    line-height: 1;
    margin-top: -2px;
}

.rMenu>div i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rMenu>div i.kefu {
    background-image: url('../../img/index/kefuG.png');
}

.rMenu>div i.weixin {
    background-image: url('../../img/index/weixinG.png');
}

.rMenu>div i.diannao {
    background-image: url('../../img/index/diannaoG.png');
}

.rMenu>div i.shouji {
    background-image: url('../../img/index/shoujiG.png');
}

.rMenu>div:not(.top):hover {
    background-color: #00999A;
}

.rMenu>div:not(.top):hover p.title {
    color: #fff;
}

.rMenu>div:not(.top):hover i.kefu {
    background-image: url('../../img/index/kefuW.png');
}

.rMenu>div:not(.top):hover i.weixin {
    background-image: url('../../img/index/weixinW.png');
}

.rMenu>div:not(.top):hover i.diannao {
    background-image: url('../../img/index/diannaoW.png');
}

.rMenu>div:not(.top):hover i.shouji {
    background-image: url('../../img/index/shoujiW.png');
}

.rMenu>div.top {
    margin-top: 10px;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 3px;
}

.rMenu .QRCode {
    width: 250px;
    height: 130px;
    background-color: #fff;
    box-shadow: 0px 0px 6px 0px rgba(127, 127, 127, 0.39);
    position: absolute;
    right: 12px;
    top: calc(50% - 65px);
    padding: 15px;
}

.rMenu>div.shouji>div,
.rMenu>div.weixin>div {
    width: 270px;
    height: 130px;
    position: absolute;
    right: 58px;
    top: calc(50% - 65px);
    padding: 15px;
    display: none;
}

.rMenu .QRCode img {
    float: left;
    width: 100px;
    height: 100px;
}

.rMenu .QRCode p:nth-of-type(1) {
    font-size: 14px;
    color: #000;
    padding-left: 110px;
    text-align: left;
}

.rMenu .QRCode p:nth-of-type(2) {
    font-size: 14px;
    color: #00999A;
    padding-left: 110px;
    text-align: left;
    margin-top: 55px;
}

.prev2{
    background-image:url('../../img/prev2.png') !important;
    display: none;
}

.prev3{
    background-image:url('../../img/zuo@2x.png') !important;
    display: none;
}
.next2{
    background-image: url('../../img/next2.png') !important;
    display: none;
}

.next3{
    background-image: url('../../img/you@2x.png') !important;
    display: none;
}

#app .left:hover .prev2,
#app .left:hover .next2{
    display: block;
}
#pc .right{
    position: relative;
}
.next3{
    right: -30px!important;
}
.prev3{
    left: -30px!important;
}
#pc:hover .prev3,
#pc:hover .next3{
    display: block;
}
.pcImg{
    height: 552px;
    padding-bottom: 40px;
}
.swiper-pagination2,
.swiper-pagination3 {
	bottom: 10px!important;
	top: initial!important;
}
.swiper-pagination2 .swiper-pagination-bullet-active,
.swiper-pagination3 .swiper-pagination-bullet-active{
	background-color:#00999A;
}

#Official_link {
    display: inline-block;
}
#Official_link h3{
    border-left: 5px solid #00999A;
    color: #00999A;
    padding-left: 9px;
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 30px;
}

#Official_link a{
    color: #000000;
    font-size: 18px;    
    margin-bottom: 25px;
    width: 14%;
    float: left;
}
#Official_link a:hover{
    color: #00999A;
}
#Official_link .top{
    display: inline-block;
}
#Official_link .bottom{
    border-top: 1px dashed #8F8F8F;
    padding-top: 40px;
}

#Official_link a.more{
    width: 92px;
    height: 32px;
    border: 1px solid #00999A;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    color: #00999A;
}