html, body {
    overflow-x: hidden;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
.contents { width: 100%; height: 570px; background: #16212B; padding-top: 68px; display: flex; justify-content: flex-start; flex-direction: column; }
.contents .section-inner .left { width: 520px; height: 450px; overflow: hidden; }
.contents .section-inner { width: 1100px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; align-items: center;}
.contents .section-inner .left img { margin-left: -102px; margin-top: -107px; }
.contents .section-inner .right .box-content { margin-top: 66px; }
.contents .section-inner .right .box-content ul { display: flex; justify-content: space-between; align-items: center; list-style: none;}
.contents .section-inner .right .title p { font-size: 18px; font-family: PingFang; font-weight: 400; color: #ffffff; margin-top: 24px; }
.contents .section-inner .right .box-content ul li img { width: 84px; height: 84px; }
.contents .section-inner .right .box-content ul li p { font-size: 16px; font-family: PingFang; font-weight: 400; color: #ffffff; margin-top: 21px; text-align: center; }
.section-two { width: 100%; height: 703px; background: #fff; padding-top: 77px; box-sizing: border-box; }
.section-two .section-inner { width: 1200px; height: 100%; margin: 0 auto; display: flex; justify-content: flex-start; flex-direction: column; }
.section-two .section-inner .title h3 { font-size: 28px; color: #333333; line-height: 36px; text-align: center; }
.section-two .section-inner .content { flex: 0.85; display: flex; justify-content: space-between; padding-top: 118px; box-sizing: border-box; position: relative; }
.section-two .section-inner .content .content-item h4 { font-size: 18px; font-family: PingFang SC; font-weight: 500; color: #444444; }
.section-two .section-inner .content .content-item p { font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #999999; width: 251px; height: 45px; line-height: 25px; margin-top: 21px; }
.section-two .section-inner .content .content-left { display: flex; justify-content: space-between; flex-direction: column; text-align: right; }
.section-two .section-inner .content .content-left .content-item:nth-of-type(1) {position: relative;left: 100px;top:0;}
.section-two .section-inner .content .content-left .content-item:nth-of-type(3) {position: relative;left: 120px;top: 0;}
.section-two .section-inner .content .content-left .content-item:nth-of-type(2){position: relative;top: 0;}
.section-two .section-inner .content .content-left .content-item:hover{top: -20px;transition: top 1s;cursor: pointer;}
.section-two .section-inner .content .content-right {display: flex;justify-content: space-between;flex-direction: column;text-align-last: left;}
.section-two .section-inner .content .content-right .content-item:nth-of-type(1) {position: relative;left: -120px;top: 0;}
.section-two .section-inner .content .content-right .content-item:nth-of-type(2) {position: relative;top: 0;}
.section-two .section-inner .content .content-right .content-item:nth-of-type(3) {position: relative;left: -100px;top: 0;}
.section-two .section-inner .content .content-right .content-item:hover{top: -20px;transition: top 1s;cursor: pointer;}
.section-two .section-inner .content .content-center {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.section-two .section-inner .content .content-center img {width: 522px;height: 475px;margin-top: 0;}
.section-three {width: 100%;height: 796px; position: relative;    margin-top: 50px;}
.section-three .title {position: absolute;left: 50%;top: 51px; transform: translateX(-50%); z-index: 3;}
.section-three .title h3 { font-size: 28px; line-height: 36px;color: #ffffff;}
.section-three .content {width: 100%;height: 100%;}
.section-three .content .swiper-containers { width: 100% height: 100%;}
.section-three .content .swiper-containers .swiper-wrappers {width: 100%;height: 100%;position: relative;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide {position: relative;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide img{ width: 1881px;height: 553px;position: relative;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .text {position: absolute;left: 54%;top: 25%;font-family: PingFang SC;color: #ffffff;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .text h3 { font-size: 30px;font-weight: 600;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .text p:nth-of-type(1) {font-size: 16px;font-weight: 400; margin-top: 18px;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .text p:nth-of-type(2) { width: 400px; height: 100px; font-size: 16px; font-weight: 400;line-height: 42px;margin-top: 66px;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download { width: 443px; height: 60px; position: absolute; left: 61%; bottom: 150px;display: flex; justify-content: space-between;}
.section-three .down_txt span{color: #c3c3c3;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .apple { width: 200px; height: 60px; background: #45a2f7; border-radius: 2px;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .apple a {display: inline-block;text-decoration: none;width: 100%;height: 100%;display: flex;justify-content: space-around;align-items: center;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .apple a .left img { display: inline-block; width: 27px; height: 33px;
 vertical-align: middle;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .apple a .right p:nth-child(1) {font-size: 14px;margin: 0;
font-family: PingFang SC;font-weight: 500;color: #ffffff;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .apple a .right p:nth-child(2) {font-size: 18px;font-family: PingFang SC; font-weight: 500; color: #ffffff;margin: 0;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .android {width: 200px;height: 60px;background: #45a2f7;border-radius: 2px;display: flex;justify-content: space-around;align-items: center;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .android img { display: inline-block; width: 26px; height: 31px;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .download .android span {font-size: 18px;font-family: PingFang SC;font-weight: 500;color: #ffffff;position: relative;top: -6px;margin-left: 22px;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .pic { position: absolute; right: 49%; top: 15%;}
.section-three .content .swiper-containers .swiper-wrappers .swiper-slide .pic img { width: 494px; height: 607px; } 
.section-three .content .swiper-containers .swiper-button-next { position: absolute; right: 236px !important; top: 350px !important; width: 80px; height: 80px; background: url(../images/app_icon_anli_right.png); } 
.section-three .content .swiper-containers .swiper-pagination-bullet { background: #45A2F7; } 
.section-three .content .swiper-containers .swiper-button-prev { position: absolute; left: 236px !important; top: 350px !important; width: 80px; height: 80px; background: url(../images/app_icon_anli_left.png); } 
.section-three .content .swiper-containers .swiper-button-prev.swiper-button-disabled { opacity: 1 !important; }
.section-four { width: 100%; height: 816px; background: url('../images/app_bg_cj.png'); background-size: cover; padding-top: 76px; padding-bottom: 106px; box-sizing: border-box; display: flex; justify-content: space-between; flex-direction: column; }
.section-four .title h3 { font-size: 28px; line-height: 36px; color: #ffffff; text-align: center; }
.section-four .content {flex: 1;margin-top: 20px;}
.section-four .content .section-inner { width: 1300px; height: 100%; margin: 0 auto; background: url(../images/app_pic_cj.png); background-size: cover; }
.section-five { width: 100%; height: 898px; padding-top: 78px; box-sizing: border-box; background: #F5F7F8; } 
.section-five .section-inner { width: 1200px; height: 100%; margin: 0 auto; }
.section-five .title { font-family: PingFang SC; font-weight: 600; text-align: center; } 
.section-five .title h3 { font-size: 28px; color: #333333; line-height: 36px; } 
.section-five .title p { font-size: 16px; color: #666666; line-height: 36px; margin-top: 10px; } 
.section-five .centent { margin-top: 64px; height: 600px; display: flex; justify-content: center; flex-direction: column; } 
.section-five .centent > ul { display: flex; justify-content: space-between; align-items: center; }
.section-five .centent > ul > li { width: 400px; height: 500px; padding: 0 20px; box-sizing: border-box; background: #fffeff; list-style: none; cursor: pointer; display: flex; justify-content: center; flex-direction: column; transition: all 0.2s 0s; } 
.section-five .centent > ul > li .tops { text-align: center; padding-bottom: 26px; border-bottom: 1px dashed #dadfea; } 
.section-five .centent > ul > li .tops img { display: inline-block; width: 56px; height: 46px; } 
.section-five .centent > ul > li .tops h3 { font-size: 22px; font-family: PingFang; font-weight: 500; color: #333333; margin-top: 45px; } 
.section-five .centent > ul > li .center { width: 250px; height: 124px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: 35px; } 
.section-five .centent > ul > li .center .center-left { height: 100%; display: flex; justify-content: space-between; flex-direction: column;padding: 0; } 
.section-five .centent > ul > li .center .center-left li { color: #666; } 
.section-five .centent > ul > li .center li{list-style: none;}
.section-five .centent > ul > li .center .center-right { height: 100%; display: flex; justify-content: flex-start; flex-direction: column;padding: 0; } 
.section-five .centent > ul > li .center .center-right li { margin-bottom: 12.5px; color: #666; } 
.section-five .centent > ul > li .bottom { width: 166px; height: 42px; background: #45a2f7; font-size: 16px; font-family: PingFang SC; font-weight: 600; color: #ffffff; line-height: 42px; text-align: center; margin: 0 auto; margin-top: 71px; } 
.section-five .centent > ul > li:hover { height: 600px; box-shadow: 0px 0px 49px 0px rgba(83, 160, 255, 0.18); z-index: 3; border-radius: 10px;}
.section-six { width: 100%; height: 833px; padding-top: 78px; box-sizing: border-box; display: flex; justify-content: space-between; flex-direction: column; } 
.section-six .title { text-align: center; } 
.section-six .title h3 { font-size: 28px; color: #333333; line-height: 36px; } 
.section-six .content { flex: 1; width: 1200px; margin: 0 auto; margin-top: 104px; }
.section-seven { width: 100%; height: 616px; padding-top: 94px; box-sizing: border-box; background: url('../images/app_bg_gn.png'); background-size: cover;    margin-top: 50px; } 
.section-seven .title h3 { font-size: 28px; color: #ffffff; text-align: center; } 
.section-seven .content { width: 1200px; margin: 0 auto; background: url('../images/app_bg_cj3.png') no-repeat; background-size: 102% 105%; background-position: -9px -9px; position: relative; top: 180px; box-shadow: 0px 0px 12px 0px rgba(150, 164, 187, 0.8); } 
.section-seven .content ul { width: 100%; height: 376px; display: flex; justify-content: space-between; align-items: flex-end; padding: 0;} 
.section-seven .content ul li { height: 376px; width: 400px; overflow: hidden; padding-top: 30px; padding-left: 30px; box-sizing: border-box; cursor: pointer; transition: all 0.5s 0s; } 
.section-seven .content ul li .item-wrapper { width: 100%; height: 100%; } 
.section-seven .content ul li .top h3 { font-size: 18px; font-family: PingFang SC; font-weight: 400; color: #333333; line-height: 36px; } 
.section-seven .content ul li .center { margin-top: 15px; } 
.section-seven .content ul .active1 .center { width: 76px; height: 56px; background: url('../images/app_icon_dsj_default.png') no-repeat; background-size: cover; } 
.section-seven .content ul .active2 .center { width: 74px; height: 68px; background: url('../images/app_icon_hdx_default.png') no-repeat; background-size: cover; } 
.section-seven .content ul .active3 .center { width: 70px; height: 69px; background: url('../images/app_icon_yhlx_default.png') no-repeat; background-size: cover; } 
.section-seven .content ul li .bottom { width: 350px; margin-top: 15px; font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #666666; line-height: 36px; } 
.section-seven .content ul li:hover { position: relative; width: 400px; height: 430px; padding-top: 30px; padding-left: 36px; box-sizing: border-box; background: #45a2f7; } 
.section-seven .content ul li:hover .item-wrapper { width: 100%; height: 100%; } 
.section-seven .content ul li:hover .item-wrapper .top h3 { color: #ffffff; line-height: 36px; } 
.section-seven .content ul li:hover .item-wrapper .bottom { font-size: 16px; width: 350px; color: #fefefe; line-height: 40px; letter-spacing: 2.5px; } 
.section-seven .content ul .active1:hover .item-wrapper .center { background: url('../images/app_icon_dsj_selected.png') no-repeat; background-size: cover; } 
.section-seven .content ul .active2:hover .item-wrapper .center { background: url('../images/app_icon_hdx_selected.png') no-repeat; background-size: cover; } 
.section-seven .content ul .active3:hover .item-wrapper .center { background: url('../images/app_icon_yhlx_selected.png') no-repeat; background-size: cover; }
.section-eight { width: 100%; padding-top: 142px; padding-bottom:50px; background: #F5F7F8; } 
.section-eight .section-inner { width: 1200px; height: 100%; margin: 0 auto; } 
.section-eight .section-inner .title { text-align: center; font-family: PingFang SC; font-weight: 600; margin-bottom:60px; } 
.section-eight .section-inner .title h3 { font-size: 28px; color: #333333; line-height: 36px; margin-bottom: 35px; } 
.section-eight .section-inner .title p { font-size: 16px; color: #666666; line-height: 36px; width: 954px; margin: 0 auto; } 
.section-eight .section-inner .content { width: 100%; margin-top: 60px;} 
.section-eight .section-inner .content ul { width: 100%; height: 1021px; display: flex; justify-content: flex-start; align-items: center; } 
.section-eight .section-inner .content ul li:hover{ position: relative; z-index: 2; background: #ffffff; box-shadow: 0px 0px 29px 0px rgba(157, 167, 194, 0.31); } 
.section-eight .section-inner .content ul li:hover .logos{ height: 158px;border-top-right-radius:  10px;border-top-left-radius:  10px; }
.section-eight .section-inner .content ul li:hover .text p:last-child { height: 57px; } 
.section-eight .section-inner .content ul li { width: 215px; background: #fff; transition: all 0.5s 0s; list-style: none;cursor: pointer;} 
.section-eight .section-inner .content ul li .logos {height: 135px;background: #45a2f7; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center; transition: all 0.5s 0s;} 
.section-eight .section-inner .content ul li .logos p { font-size: 18px; font-family: PingFang SC; font-weight: 600; color: #ffffff; margin-top: 18px; } .section-eight .section-inner .content ul li .text p { font-size: 12px; font-family: PingFang SC; font-weight: 500; color: #666666; text-align: center; border-top: 1px solid #e7edf6; padding: 0 25px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; align-items: center; } 
.section-eight .section-inner .content ul li .text p:nth-child(1) { height: 77px; } 
.section-eight .section-inner .content ul li .text p:nth-child(2) { height: 48px; } 
.section-eight .section-inner .content ul li .text p:nth-child(3) { height: 49px; } 
.section-eight .section-inner .content ul li .text p:nth-child(4) { height: 31px; } 
.section-eight .section-inner .content ul li .text p:nth-child(5) { height: 50px; } 
.section-eight .section-inner .content ul li .text p:nth-child(6) { height: 32px; } 
.section-eight .section-inner .content ul li .text p:nth-child(7) { height: 48px; } 
.section-eight .section-inner .content ul li .text p:nth-child(8) { height: 48px; } 
.section-eight .section-inner .content ul li .text p:nth-child(9) { height: 51px; } 
.section-eight .section-inner .content ul li .text p:nth-child(10) { height: 33px; } 
.section-eight .section-inner .content ul li .text p:nth-child(11) { height: 49px; } 
.section-eight .section-inner .content ul li .text p:nth-child(12) { height: 81px; } 
.section-eight .section-inner .content ul li .text p:nth-child(13) { height: 81px; } 
.section-eight .section-inner .content ul li .text p:nth-child(14) { height: 35px; } 
.section-eight .section-inner .content ul li .text p:nth-child(15) { height: 66px; } 
.section-eight .section-inner .content ul li .text p:nth-child(16) { height: 35px; } 
.section-eight .section-inner .content ul li .text p:nth-child(17) { height: 37px; } 
.section-eight .section-inner .content ul li .text p:nth-child(18) { height: 39px; transition: all 0.5s 0s; } 
.section-eight .section-inner .content ul li .text p span { display: block; } 
.section-eight .section-inner .content ul li:nth-child(1) { width: 125px; box-sizing: border-box; } 
.section-eight .section-inner .content ul li:nth-child(2) .text p { padding: 0 45px; } 
.section-eight .section-inner .content ul li:nth-child(3) .text p { padding: 0 45px; } 
.section-eight .section-inner .content ul li:nth-child(4) .text p { padding: 0 45px; } 
.section-eight .section-inner .content ul li:nth-child(5) .text p { padding: 0 51px; } 
.section-eight .section-inner .content ul li:nth-child(6) .text p { padding: 0 51px; }
.section-four .content { width: 1300px !important;}
.app_consec{    padding-bottom: 36px;}