*{margin: 0;padding: 0;list-style: none;}
body{min-width: 1200px;}
.container{margin: 0 auto;width: 1200px;background-color: none;background: transparent;}
.section1 .s1-item-h1{max-width: 620px;flex: none;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out;}
.section1 .s1-item-h1.animate{transform: translateY(0);opacity: 1;background: tran;}
.section1 .s1-item-h3{max-width: 620px;flex: none;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .5s;}
.section1 .s1-item-h3.animate{transform: translateY(0);opacity: 1;}
/* .section1 .s1-works{} */
.section1 .s1-works{width: 231px;height: 60px;background-color: #ffc500;border-radius: 10px; font-size: 18px;line-height: 24px;color: #1b1b1b;font-weight: 500;display: flex;justify-content: center;align-items: center;margin-top: 40px;transform: translateY(50%);opacity: 0;transition: transform .5s ease-in-out 1.2s,opacity .5s ease-in-out 1.2s;cursor: pointer;}
/* #s1-works:hover{background-color: #000;} */
.section1 .s1-works.animate{transform: translateY(0%);opacity: 1;}
.section1 .s1-works:hover{background-color: #fed84a;}
.section1{width: 100%;height: 719px;background: url(../../images/home/banner.png) no-repeat center center;overflow: hidden; background-size: 2564px 100%;}
/* 标题开始位置 */
/* .section1 h1{transform: translateY(50%);} */
.section1 .s1-item-h1 h2{font-size: 42px;line-height: 90px;color:#fff;margin-top: 71px;}
.section1 .s1-item-h1 h1{font-size: 60px;line-height: 90px;color: #fff;font-weight: 600;}
.section1 .s1-item-h3 h3{font-size: 18px;line-height: 32px;color: #fff;margin-top: 24px;font-weight: 200;}
.section1 .s1-item-h3 p{width: 619px;height: 60px; font-size: 16px;line-height: 32px;color: #fff;margin-top: 19px;font-weight: 200;}
/* 点击tab事件添加类名 */
.s2-firstVwPic{position: absolute;top: 0;left: 9.2%;width: 28%;}
.s2-secondVwPic{position: absolute;bottom: 0; right: 10%;width: 31.2%;}
.s2-thirdVwPic{position: absolute;top: 29%; left: 3%;width: 3%;}
.s2-fourthVwPic{position: absolute;bottom: 13%; right: 3.95%;width: 4.2%;}
.s2-fifthVwPic{position: absolute;bottom: 0; right: 0;width: 9.6%;}
.section2 .s2-current{display: none;}
.section2 .s2-content-des1 .s2-content-desPic ul{float: left;display: none;width: 205%;}
.section2 .s2-content-des1 .s2-content-desPic ul:first-child{display: block;}
.section2 .s2-content-des1 .s2-content-desPic .s2-desPic-first{ position: absolute;top: 0;left: 0px;transition: all .5s;}
/* .section2 .s2-content-des1 .s2-content-desPic .s2-desPic-second{ position: absolute;top: 0;left: 1200px;}
.section2 .s2-content-des1 .s2-content-desPic .s2-desPic-second.animate{ left: 0px; transition: all .5s;} */
.section2{background: url(../../images/home/main-2-bj.png)no-repeat center center;width: 100%;height: 1008px; overflow: hidden;background-size: 2558px 100%;position: relative;}
.section2 .s2-title{height: 137px;text-align: center;margin-top: 94px;}
.section2 .s2-title>h1{font-size: 42px;line-height: 63px;color: #1b1b1b;font-weight: 600;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out;}
.section2 .s2-title>h1.animate{transform: translateY(0%);opacity: 1;}
.section2 .s2-title>p{font-size: 18px;line-height: 32px;color: #1b1b1b;margin-top: 16px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .5s;}
.section2 .s2-title>p.animate{transform: translateY(0%);opacity: 1;}
/* 这个相对定位是用于下方的动画进度条 */
.s2-content{width: 1032px;height: 531px;margin-top: 64px;padding: 32px 84px 69px 84px; overflow: hidden;position: relative;background-color: #fff;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;}
.s2-content .s2-tab{width: 312px;height: 48px;margin-left: 358px;}
.s2-content .s2-tab p{font-size: 20px;line-height: 48px;color: #1b1b1b;text-align: center;}
.s2-content .s2-tab .s2-tab-rt>p{color: #fff;}
.s2-content .s2-tab .s2-tab-lf{background: url(../../images/home/main-2-font-lfbj.png);background-size: 156px 48px; width: 156px;height: 48px;float: left;cursor: pointer;margin-right: -5px;}
.s2-content .s2-tab .s2-tab-lf2{background: url(../../images/home/main-2-font-lfbj2.png);background-size: 156px 48px; width: 156px;height: 48px;float: left;cursor: pointer;margin-right: -5px;}
.s2-content .s2-tab .s2-tab-rt{background: url(../../images/home/main-2-font-rtbj.png);background-size: 156px 48px; width: 156px;height: 48px;float: left;cursor: pointer;margin-left: -5px;}
.s2-content .s2-tab .s2-tab-rt2{background: url(../../images/home/main-2-rtbj2.png);background-size: 156px 48px; width: 156px;height: 48px;float: left;cursor: pointer;margin-left: -5px;}
.s2-content .s2-content-title{color: #1b1b1b;font-size: 18px;height: 32px;line-height: 32px;font-weight: 600;margin-top: 13px;}
.s2-content .s2-content-des1{position: relative;display: block;}
.s2-content .s2-content-des1>p{width: 1032px;height: 64px;font-size: 16px;line-height: 32px;color: #646464;border-top: 1px solid #ededed;margin-top: 8px;padding-top: 8px;}
.s2-content .s2-content-des1 .s2-honor{width: 66px;height: 30px;background-color: #fff8df;border-radius: 16px;display: flex;align-items: center;padding-left: 34px; border: 1px solid #ffc500; font-size: 14px;color: #1b1b1b;line-height: 22px;position: relative;margin-top: 22px;}
.s2-content .s2-content-des1 .s2-honor>i{background: url(../../images/home/home_icon-1.svg) no-repeat -582px -267px;display: inline-block;width: 18px;height: 18px;position: absolute;top: 5px;left: 10px;}
.s2-content .s2-content-des1 .s2-arrow{height: 20px; position: absolute;top: 140px;right: 0;}
.s2-arrowStyle{width: 10px;height: 16px;float: left;}
.s2-arrow .s2-arrow-mid{margin: 0 29px 0 29px;width: 2px;height: 14px;float: left;}
.s2-arrow .s2-arrow-lf>i{background: url(../../images/home/home_icon-1.svg)no-repeat -199px -285px;display: inline-block;width: 10px;height: 16px;cursor: pointer;}
.s2-arrow .s2-arrow-mid>i{background: url(../../images/home/home_icon-1.svg)no-repeat -234px -252px;width: 2px;height: 14px;display:inline-block;}
.s2-arrow .s2-arrow-rt>i{background: url(../../images/home/home_icon-1.svg)no-repeat -263px -285px;display: inline-block;width: 10px;height: 16px;cursor: pointer;}
.s2-content .s2-content-des1 .s2-content-desPic{width: 1032px;height: 292px;margin-top: 29px;position: relative;overflow: hidden;}
.s2-content .s2-content-des1 .s2-content-desPic ul li{width: 180px;height: 292px;background-color: #fff;float: left;margin-right: 33px;}
.s2-content .s2-content-des1 .s2-content-desPic ul li:last-child{margin-right: 0;}
.s2-content .s2-content-des1 .s2-content-desPic ul li>img{width: 180px;height: 236px;}
.s2-content .s2-content-des1 .s2-content-desPic ul li>p{font-size: 16px;line-height: 24px;color: #1b1b1b;width: 138px;height: 48px;text-align: center;margin: 8px 21px 0 21px;}
/* 轮播动画线 */
/* .s2-content .animate-line{width: 66px;height: 5px;position: absolute;bottom: 32px;left: 567px;}
.s2-content .animate-line .s2-line-lf{width: 30px;height: 5px;background-color: #f2f2f2; margin-right: 6px;float: left; position: relative;}
.s2-content .animate-line .s2-line-lf-bj{width: 30px;height: 5px; background-color: #1b1b1b;margin-right: 6px;animation: line 3s linear;position: absolute;top: 0px;left: 0;z-index: 1;}
.s2-content .animate-line .s2-line-rt{width: 30px;height: 5px;background-color: #f2f2f2;float: left;position: relative;}
.s2-content .animate-line .s2-line-rt-bj{width: 30px;height: 5px; background-color: #1b1b1b;margin-right: 6px;animation: line 3s linear;position: absolute;top: 0px;left: 0;z-index: 1;display: none;} */
/* 关于版圈 */
.section2 .s2-content-de2 .s2-content-desPic ul{float: left;display: none;}
.section2 .s2-content-des2 .s2-content-desPic ul:first-child{display: block;}
.s2-content .s2-content-des2{position: relative;display: none;}
.s2-content .s2-content-des2>p{width: 1032px;height: 64px;font-size: 16px;line-height: 32px;color: #646464;border-top: 1px solid #ededed;margin-top: 8px;}
.s2-content .s2-content-des2 .s2-honor{width: 66px;height: 30px;background-color: #fff8df;border-radius: 16px;display: flex;align-items: center;padding-left: 34px; border: 1px solid #ffc500; font-size: 14px;color: #1b1b1b;line-height: 22px;margin-top: 22px; position: relative;}
.s2-content .s2-content-des2 .s2-honor>i{background: url(../../images/home/home_icon-1.svg) no-repeat -582px -267px;display: inline-block;width: 18px;height: 18px;position: absolute;top: 5px;left: 10px;}
.s2-content .s2-content-des2 .s2-arrow{height: 20px; position: absolute;top: 140px;right: 0;}
.s2-content .s2-content-des2 .s2-content-BQdesPic{width: 1032px;height: 330px;margin-top: 29px;position: relative;overflow: hidden;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul{width: 205%; position: absolute;top: 0;left: 0;transition: all .5s;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li{width: 180px;height: 292px;background-color: #fff;float: left;margin-right: 33px;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li:last-child{margin-right: 0;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li>img{width: 180px;height: 236px;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li>p{font-size: 16px;line-height: 24px;color: #1b1b1b;width: 179px;height: 24px;text-align: center;margin-top: 8px;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li>.s2-content-firstDes3{width: 195px;height: 34px;font-size: 14px;line-height: 22px;color: #646464;margin: 4px 15px 0 -5px;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li>.s2-content-firstDes2{width: 196px;height: 34px;font-size: 14px;line-height: 22px;color: #646464;margin: 4px 15px 0 -5px;}
.s2-content .s2-content-des2 .s2-content-BQdesPic ul li>.s2-content-firstDes1{width: 180px;height: 34px;font-size: 14px;line-height: 22px;color: #646464;margin: 4px 15px 0 -5px;}

.section3{background-color: #fff;padding: 104px 0 102px 0;height: 424px;}
.bj_color{width: 311px;height: 335px;background-color: #fffdf8;border: 2px solid #ffe99f; float: left;padding: 34px 46px 51px 24px;border-radius: 5px;}
.bj_color>img{width: 135px;height: 135px;}
.bj_color>h2{font-size: 30px;color: #333333;font-weight: 600;margin-left: 22px;}
.bj_color>p{font-size: 16px;color:#646464;margin: 16px 0 0 22px;line-height: 28px;letter-spacing:0.89px;}
.section3 .section3-major{transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out; }
.section3 .section3-major.animate{transform: translateY(0%);opacity: 1;}
.section3 .section3-trust{margin: 0 22px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .2s;}
.section3 .section3-trust.animate{transform: translateY(0%);opacity: 1;}
/* .section3 .section3-trust{} */
.section3 .section3-security{transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .4s;}
.section3 .section3-security.animate{transform: translateY(0%);opacity: 1;}

.section4{width: 100%;height: 580px; background: url(../../images/home/main-4-bj.png)no-repeat center center;background-size: 2560px 100%;overflow: hidden; padding-top: 102px;}
.section4 .container{position: relative;}
.section4 .container>.s4-imgbj{width: 10.2%;position: absolute;bottom: 3.9%;right: 3%;}
.section4 .container>.s4-imgbj>img{width: 262px;height: 392px;}
/* .section4-content{max-width: 1200px;margin: 0 auto;overflow: hidden;} */
.section4 .section4-top{overflow: hidden;width: 100%;height: 580px;}
.section4 .section4-topTitle{height: 63px;text-align: center;}
.section4 .section4-topTitle>h1{font-size: 42px;color: #1b1b1b;font-weight: bold;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out;}
.section4 .section4-topTitle>h1.animate{transform: translateY(0%);opacity: 1;}
.section4 .section4-topTitle>p{font-size: 18px;color: #1b1b1b;margin: 16px 138px 0 138px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .5s;}
.section4 .section4-topTitle>p.animate{transform: translateY(0%);opacity: 1;}
.section4-style{float: left; width: 321px;height: 316px;background-color: #fff;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);border-radius: 5px;padding: 42px 32px 0 32px;}
.section4-style>h2{font-size: 30px;color: #333;font-weight: bold;transform: translateY(50%);opacity: 0; transition: all .3s ease-in-out 1s;}
.section4-style>h2.animate{transform: translateY(0%);opacity: 1;}
.section4-style>p{font-size: 16px;color: #646464;margin-top: 16px;line-height: 28px;transform: translateY(50%);opacity: 0; transition: all .3s ease-in-out 1.3s;}
.section4-style>p.animate{transform: translateY(0%);opacity: 1;}
.section4-style>i{display: inline-block;transform: translateY(50%);opacity: 0; transition: all .3s ease-in-out 1.6s;}
.section4-style>i.animate{transform: translateY(0%);opacity: 1;}
.section4 .section4-topReason{margin-top: 64px;}
.section4 .topReason-batch{position: relative;}
.section4 .topReason-price{position: relative;}
.section4 .topReason-fast{position: relative;}
.section4 .topReason-batch>i{background: url(../../images/home/main-4-01.png) no-repeat;background-size: cover;width: 188px;height: 198px;position: absolute;bottom: -3px;right: -3px;}
.section4 .topReason-price>i{background: url(../../images/home/main-4-022.png) no-repeat;background-size: cover;width: 171px;height: 197px;position: absolute;bottom: -4px;right: -3px;}
.section4 .topReason-fast>i{background: url(../../images/home/main-4-03.png) no-repeat;background-size: cover; width: 203px;height: 229px;position: absolute;bottom: 0;right: 0;}
.section4 .topReason-price{margin: 0 22px;}
/*  */
.section5{background-color: #fff;}
.section5 .container{position: relative;}
.section5 .s5-bjimg{width: 9.1%;position: absolute;bottom: 3.9%;left:3%;}
.section5 .s5-bjimg>img{width: 233px;height: 392px;}
.section5 .section5-bot{height: 1110px;}
.section5 .section5-botTitle{height: 63px;text-align: center;margin-top: 22px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out;}
.section5 .section5-botTitle{transform: translateY(0%);opacity: 1;}
.section5 .section5-botTitle>h1{font-size: 42px;color: #1b1b1b;font-weight: bold;}
.section5-bot .botReason-top{margin-top: 103px;height: 393px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out 1s;}
.section5-bot .botReason-top.animate{transform: translateY(0%);opacity: 1;}
.section5-bot .botReason-top .top-pic{float: left;}
.section5-bot .botReason-top .top-pic>img{width: 588px;height: 390px;}
.section5-bot .botReason-top .top-des{height: 390px;width: 588px;float: left;margin-left: 24px;}
/* 下面的定位是针对icon的 */
.section5-bot .botReason-top .top-des-title{height: 42px;width: 440px;background-color: #FFC500;border-radius: 5px;margin: 29px 0 0 64px;padding: 15px 84px 15px 0;position: relative;}
.section5-bot .botReason-top .top-des-title>i{background: url(../../images/home/home_icon-1.svg) no-repeat -442px -259px;display: inline-block;width:36px ;height: 36px;position: absolute;top: 18px;right: 32px;}
.section5-bot .botReason-top .top-des-title>p{font-size: 30px;line-height: 42px;color: #1b1b1b;text-align: right;font-weight: 600;margin-right: 6px;}
.section5-bot .botReason-top .top-des>h3{font-size: 18px;line-height: 32px;text-align: right;color: #1b1b1b;margin:40px 0 0 88px;}
.section5-bot .botReason-top .top-des>p{font-size: 16px;line-height: 28px;text-align: right;color: #646464;margin: 16px 0 0 88px;}
.section5-bot .botReason-bot{margin-top: 40px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out 1.5s;}
.section5-bot .botReason-bot.animate{transform: translateY(0%);opacity: 1;}
.section5-bot .botReason-bot .bot-pic{float: left;margin-left: 24px;}
.section5-bot .botReason-bot .bot-pic>img{width: 588px;height: 390px;}
.section5-bot .botReason-bot .bot-des{height: 390px;width: 588px;float: left;}
.section5-bot .botReason-bot .bot-des-title{height: 42px;width: 440px;background-color: #FFC500;border-radius: 5px;margin: 29px 64px 0 0 ;padding: 15px 0 15px 84px;position: relative;}
.section5-bot .botReason-bot .bot-des-title>i{height: 42px;width: 440px;background: url(../../images/home/home_icon-1.svg)no-repeat -504px -262px;width: 32px;height: 29px;display: inline-block;position: absolute;top: 21px;left: 32px;}
.section5-bot .botReason-bot .bot-des-title>p{font-size: 30px;line-height: 42px;color: #1b1b1b;text-align: left;font-weight: 600;}
.section5-bot .botReason-bot .bot-des>h3{font-size: 18px;line-height: 32px;text-align: left;color: #1b1b1b;margin:40px 88px 0 0 ;}
.section5-bot .botReason-bot .bot-des>p{font-size: 16px;line-height: 28px;text-align: left;color: #646464;margin: 16px 88px 0 0 ;}

.section6{width: 100%;height: 660px;background-color: #fff;background: url(../../images/home/main-6-bj.png) no-repeat center center;background-size: cover;padding: 102px 0 102px 0;}
.section6-title{height: 122px;text-align: center;}
.section6-title>h1{font-size: 42px;font-weight: 600;color: #fff;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out;}
.section6-title>h1.animate{transform: translateY(0%);opacity: 1;}
.section6-title>p{width: 717px;font-size: 18px;color: #fff; text-align: center;height: 54px;margin:16px 0 0 243px;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .5s;}
.section6-title>p.animate{transform: translateY(0%);opacity: 1;}
.section6-tab{width: 432px;height: 48px;margin-top: 50px;margin-left: 384px;}
.section6-tab .s6-tab-lf{background: url(../../images/home/main-6-font-lfbj.png) no-repeat;background-size: 216px 48px; width: 216px;height: 48px;float: left;cursor: pointer;margin-right: -5px;}
.section6-tab .s6-tab-lf2{background: url(../../images/home/main-6-font-lfbj2.png) no-repeat;background-size: 216px 48px; width: 216px;height: 48px;float: left;cursor: pointer;margin-right: -5px;}
.section6-tab .s6-tab-rt{background: url(../../images/home/main-6-font-rtbj.png) no-repeat;background-size: 216px 48px;width: 216px;height: 48px;float: left;cursor: pointer;margin-left: -5px;}
.section6-tab .s6-tab-rt2{background: url(../../images/home/main-6-rtbj2.png) no-repeat;background-size: 216px 48px;width: 216px;height: 48px;float: left;cursor: pointer;margin-left: -5px;}
.section6-tab p{font-size: 20px;line-height: 48px; color: #1b1b1b;text-align: center;}
.section6-tab .s6-tab-rt>p{color: #fff;}
.section6 .tab-content{width: 1098px;height: 306px;overflow: hidden; background-color: #fff;margin-top: 42px;padding: 46px 56px 46px 46px;position: relative;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);border-radius: 5px;}
.section6 .tab-content ul{width: 200%;position: relative;}
.section6 .tab-content .spread{display: block;position: absolute;top: 0;left: 0px; transition: all .5s;}
.section6 .tab-content .tort{position: absolute;top: 0;left: 1154px;transition: all .5s;}
/* 网络传播 */
.section6 .tab-content .spread .s6-contetn-pic{width: 408px;height: 306px;float: left;}
.section6 .spread .s6-contetn-pic>img{width: 408px;height: 306px;}
.section6 .spread .s6-content-des{margin-left: 56px;float: left;}
.section6 .spread .s6-content-des>h2{font-size: 30px;color: #000;line-height: 42px;font-weight: 500;}
.section6 .spread .s6-content-des .line{background-color: #e5e5e5;height: 4px;width: 37px;margin-top: 16px;}
.section6 .spread .s6-content-des>p{font-size: 16px;color:#646464;line-height: 28px;width: 634px;margin-top: 24px;}
/* 侵权维护 */
.section6 .tab-content .tort .s6-contetn-pic{width: 408px;height: 306px;float: left;}
.section6 .tort .s6-contetn-pic>img{width: 408px;height: 306px;}
.section6 .tort .s6-content-des{margin-left: 56px;float: left;}
.section6 .tort .s6-content-des>h2{font-size: 30px;color: #000;line-height: 42px;font-weight: 500;}
.section6 .tort .s6-content-des .line{background-color: #e5e5e5;height: 4px;width: 37px;margin-top: 16px;}
.section6 .tort .s6-content-des>p{font-size: 16px;color:#646464;line-height: 28px;width: 634px;margin-top: 24px;}

/* s2箭头 */
.section6 .tab-content .arrow{position: absolute;bottom: 45px;right: 56px;}
.arrow-style{ width: 10px;height: 16px;float: left;}
.section6 .arrow .arrow-mid{width: 2px;height: 14px;float: left;margin: 0 29px 0 29px;}
.section6 .arrow .arrow-mid>i{background: url(../../images/home/home_icon-1.svg) no-repeat -234px -252px; width: 2px;height: 14px;float: left;}
.section6 .arrow .s6-arrow-lf>i{background: url(../../images/home/home_icon-1.svg) no-repeat -199px -285px; width: 10px;height: 16px;display: inline-block;}
.section6 .arrow .s6-arrow-rt>i{background: url(../../images/home/home_icon-1.svg) no-repeat -263px -285px; width: 10px;height: 16px;display: inline-block;}

/* 选中样式  */
.s7-firstVwPic{position: absolute;top: 0;left: 9.2%;width: 28%;}
.s7-secondVwPic{position: absolute;bottom: 0; right: 10%;width: 31.2%;}
.s7-thirdVwPic{position: absolute;top: 29%; left: 3%;width: 3%;}
.s7-fourthVwPic{position: absolute;bottom: 13%; right: 3.95%;width: 4.2%;}
.s7-fifthVwPic{position: absolute;bottom: 0; right: 0;width: 9.6%;}
.section7 .s7-tab ul .current{background-color: #ffc500;}
.section7 .s7-tab ul li.current>.tab-number{width: 51px;height: 59px; float: left;font-size: 42px;color: #1b1b1b;font-weight: 600;line-height: 59px;letter-spacing: 4px;}
.section7 .s7-tab ul li.current>.tab-name{width: 160px;height: 28px;text-align: left; float: left;font-size: 20px;color: #1b1b1b;font-weight: 500; line-height: 28px;margin: 0 16px;}
.section7 .now{display: block;}
.s7-content .s7-firstPic{margin-top: 59px;}
.s7-content .s7-secondPic{margin-top: 28px;}
/* .section6 .s6-conten .now{background: url(../../images/home/main-7-04.png)no-repeat 50px 100px;background-size: 667px 321px; width: 667px;height: 321px;} */
.s7-tab-content>div{display: none;}
.section7{width: 100%;height: 1097px;background: url(../../images/home/main-7-bj.png)no-repeat center center;background-size: 2558px 100%; overflow: hidden;position: relative;}
.section7 .s7-title{height: 205px;text-align: center;margin-top: 110px;position: relative;}
.section7 .s7-title>h1{font-size: 42px;color: #1b1b1b;font-weight: 600;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out}
.section7 .s7-title>h1.animate{transform: translateY(0%);opacity: 1;}
.section7 .s7-title>.s7-subtitle>.s7-first{font-size:18px;color: #1b1b1b;margin-top: 16px;}
/* .section7 .s7-title>.s7-subtitle>.s7-first.animate{transform: translateY(0%);opacity: 1;} */
.section7 .s7-title .s7-subtitle{transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .5s;}
.section7 .s7-title .s7-subtitle.animate{transform: translateY(0%);opacity: 1;}
.section7 .s7-title .s7-subtitle>.line{width: 102px;height: 4px;background-color: #1b1b1b; margin: 43px 0 0 530px;}
.section7 .s7-title .s7-subtitle>p{color: #646464;font-size: 18px;margin-top: 43px;}
.s7-content{width: 1073px;height: 502px;margin-top: 40px;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);background-color: #fff; border-radius: 5px;padding: 64px 55px 62px 72px;position: relative;z-index: 1;}
.s7-content .s7-tab{float: left;width: 300px;}
.s7-content .s7-tab ul>li{width: 327px;height: 80px;background-color:#fff; margin-bottom: 32px;border-radius: 5px; display: flex;justify-content: center;align-items: center;cursor: pointer;}
.s7-content .s7-tab ul>li:hover{background-color: #ffc500;}
.s7-content .s7-tab ul>li:hover .tab-number{width: 51px;height: 59px; float: left;font-size: 42px;color: #1b1b1b;font-weight: 600;line-height: 59px;letter-spacing: 4px;}
.s7-content .s7-tab ul>li:hover .tab-name{width: 160px;height: 28px;text-align: left; float: left;font-size: 20px;color: #1b1b1b;font-weight: 500; line-height: 28px;margin: 0 16px;}
.s7-content .s7-tab ul>li>.tab-number{width: 51px;height: 59px; float: left;font-size: 42px;color: #646464;font-weight: 600;line-height: 59px;letter-spacing: 4px;}
.s7-content .s7-tab ul>li>.tab-name{width: 160px;height: 28px;text-align: left; float: left;font-size: 20px;color: #646464;font-weight: 500; line-height: 28px;margin: 0 16px;}
.s7-content .s7-tab ul>li>i{width: 36px;height: 36px;background: url(../../images/home/home_icon-1.svg)no-repeat -318px -245px;}
.s7-tab-content{float: left;width: 667px;margin-left: 79px;}
.s7-tab-content>div>h2{font-size: 30px;line-height: 42px;font-weight: 500;color: #1b1b1b;}
.s7-tab-content>div>.tab-contLine{width: 31px;height: 4px;background-color: #666;margin-top: 11px;}
.s7-tab-content>div>p{font-size: 16px;line-height: 28px;color: #646464;margin-top: 12px;}
.s7-tab-content>div>.s7-firstPic{width: 0px;height: 0px;opacity: 0;transition: all .5s .7s;}
.s7-tab-content>div>.s7-secondPic{width: 0px;height: 0px;opacity: 0;transition: all .5s .2s;}
.s7-tab-content>div>.s7-thidPic{width: 0px;height: 0px;opacity: 0;transition: all .5s .2s;}
.s7-tab-content>div>.s7-fourthPic{width: 0px;height: 0px;opacity: 0;transition: all .5s .2s;}
.s7-tab-content .now>.s7-firstPic.animate{width: 667px;height: 321px;opacity: 1;}
.s7-tab-content .now>.s7-secondPic.animate{width: 667px;height: 321px;opacity: 1;}
.s7-tab-content .now>.s7-thidPic.animate{width: 667px;height: 321px;opacity: 1;}
.s7-tab-content .now>.s7-fourthPic.animate{width: 667px;height: 321px;opacity: 1;}
.section8{width: 100%;height: 780px;overflow: hidden; background-color: #fff;}
.section8 .s8-title{height: 230px;text-align: center;margin-top: 102px;position: relative;}
.section8 .s8-title>h1{font-size: 42px;line-height: 63px;color: #1b1b1b;font-weight: 600;transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out;}
.section8 .s8-title>h1.animate{transform: translateY(0%);opacity: 1;}

/* .section8 .s8-title .subtitle>p.animate{transform: translateY(0%);opacity: 1;} */
.section8 .s8-title .subtitle{transform: translateY(50%);opacity: 0;transition: all .5s ease-in-out .5s;}
.section8 .s8-title .subtitle .s8-firstP{font-size:30px;line-height: 42px;color: #1b1b1b;margin-top: 8px;}
.section8 .s8-title .subtitle.animate{transform: translateY(0%);opacity: 1;}
.section8 .s8-title .subtitle>.line{width: 102px;height: 4px;background-color: #1b1b1b; margin: 43px 0 0 530px;}
.section8 .s8-title .subtitle>p{font-size:18px;line-height: 32px;color: #646464;margin-top: 30px;}
.section8 .s8-pic{width: 1200px;margin-top: 97px;position: relative;}
.s8-picStyle{width: 181px;height: 184px;float: left;}

.s8-pic .s8-pic1{transform: translateY(50%);opacity: 0;transition: all .3s ease-in-out 1s;}
.s8-pic .s8-pic1.animate{transform: translateY(0%);opacity: 1;}
.s8-pic .s8-pic2{transform: translateY(50%);opacity: 0;transition: all .3s ease-in-out 1.3s;}
.s8-pic .s8-pic2.animate{transform: translateY(0%);opacity: 1;}
.s8-pic .s8-pic3{transform: translateY(50%);opacity: 0;transition: all .3s ease-in-out 1.6s;}
.s8-pic .s8-pic3.animate{transform: translateY(0%);opacity: 1;}
.s8-pic .s8-pic4{transform: translateY(50%);opacity: 0;transition: all .3s ease-in-out 1.9s;}
.s8-pic .s8-pic4.animate{transform: translateY(0%);opacity: 1;}
.s8-picStyle>img{width: 155px;height: 165px;margin: 0 13px;}
.s8-picStyle>p{width: 181px;height: 56px;font-size: 20px;line-height: 28px;color: #1b1b1b;letter-spacing: 1px;text-align: center;margin-top: 32px;}
.section8 .arrow-lf{background: url(../../images/home/home_icon-1.svg) no-repeat -325px -293px;position: absolute;top: 124px; left: 230px;width: 61px;height: 10px;display: inline-block;}
.section8 .arrow-mid{background: url(../../images/home/home_icon-1.svg) no-repeat -325px -293px;position: absolute;top: 124px; left: 572px;width: 61px;height: 10px;display: inline-block;}
.section8 .arrow-rt{background: url(../../images/home/home_icon-1.svg) no-repeat -325px -293px;position: absolute;top: 124px; left: 906px;width: 61px;height: 10px;display: inline-block;}
/* .section8 .s8-pic .pic-first>p{} */
.section8 .s8-pic .pic-second{margin: 0 160px 0 160px;}
.section8 .s8-pic .pic-third{margin-right: 156px;}



.section9{width: 100%;height: 339px;background: url(../../images/home/main-9-bj.png)no-repeat center center;background-size: 2560px 100%; overflow: hidden;}
.s9-title{height: 86px;text-align: center;margin-top: 50px;}
.s9-title>h1{font-size: 42px;line-height: 42px;color: #fff;font-weight: 600;}
.s9-title>p{font-size: 20px;line-height: 42px;color: #fff;margin-top:8px;}
.section9 .works{width: 231px;height: 60px;background-color: #ffc500;border-radius: 10px;margin-left: 484px;margin-top: 16px;color: #1b1b1b;font-size: 18px;line-height: 27px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.section9 .works:hover{background-color: #fed84a;color: #1b1b1b;}
.section9 .s9-banquan{width: 239px;height: 32px;margin-left: 484px;margin-top: 39px;}
.section9 .s9-banquan>img{width: 239px;height: 32px;}

/* 完成注册页面弹层 */
.realname-verified-container{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 102;text-align: center;background: rgba(0,0,0,0.4);display: none;}
.realname-verified-container::before{content: "";display: inline-block;vertical-align: middle;height: 100%;}
.realname-verified-box{max-width: 588px;width: 80%;background-color: #fff;border-radius: 8px;display: inline-flex;vertical-align: middle;flex-direction: column;align-items: center;position: relative;}
.realname-verified-box .r-close{position: absolute;font-size: 20px;color: #fff;right: -32px;top: 0;cursor: pointer;}
.realname-verified-box>h2{font-size: 36px;margin-top: 52px;color: #000;}
.verified-avator{background: url(/images/user/material/icon1.png) no-repeat;width: 130px;height: 153px;margin-top: 20px;background-size: cover;}
.verified-txt{font-size: 16px;color: #646464;line-height: 24px;margin-top: 20px;}
a.go-realname-verified{width: 48%;text-align: center;line-height: 60px;background-color: #000;color: #fff;font-size: 18px;border-radius: 8px;margin-top: 40px;cursor: pointer;}
a.go-realname-verified:hover{background-color: #313131;}
.cancel-verified{color: #646464;font-size: 16px;margin-top: 20px;margin-bottom: 57px;cursor: pointer;}
.cancel-verified:hover{color: #1b1b1b;}

@keyframes circle {
    0% {top: 0;}
    30% {top:-20px}
    70%{top: 20px;}
    100%{top:0}
}

@keyframes circle_ani {
    0% {transform: translateY(0);}
    30% {transform: translateY(-20%);}
    70%{transform: translateY(20%);}
    100%{transform: translateY(0);}
}
@keyframes line {
    0% {width: 0px;}
    30% {width: 10px;}
    60%{width: 20px;}
    100%{width: 30px;}
}
@media screen and (max-width:1230px) {
    .section1-content{padding: 0 20px;}
    .section1-content .item-info{max-width: 500px;}
    .section1-content .item-info>h2{font-size: 50px;}
    .section1-content .item-info>p{font-size: 14px;}
    .section1-content .item-img{width: 396px;}
    .section1-content .item-img .left-img1{width: 69px;}
    .section1-content .item-img .left-img2{width: 77px;}
    .section1-content .item-img .left-img3{width: 87px;}
    .section1-content .item-img .right-img1{width: 68px;}
    .section1-content .item-img .right-img2{width: 78px;}
    .section1-content .item-img .right-img3{width: 88px;}
    .section1-content .item-img .circle-img{width: 152px;}

    .section2-box{padding: 85px 0 99px;}
    .section2-content{padding: 0 20px;}
    .section2-content .item-img{width: 312px;margin-left: 0;}
    .section2-content .item-info{width: 480px;}
    .section2-content .item-info>h3{font-size: 36px;}
    .section2-content .item-info>p{font-size: 14px;}

    .section3-box{padding-top: 86px;}
    .section3-content{padding: 0 20px;}
    .section3-content>h3{font-size: 36px;}
    .section3-circle{width: 700px;}
    .section3-circle .absolute-left>p{font-size: 14px;}
    .section3-circle .absolute-right>p{font-size: 14px;}
    .section3-circle .absolute-middle>p{font-size: 14px;}
    .go-verified{font-size: 14px;width: 160px;height: 48px;line-height: 48px;}

    .section4-box>h3{font-size: 36px;}

    .section5-content{padding: 0 20px;}
    .section5-content .item-img{width: 249px;}
    .section5-content .left-img1{left: -17%;top: 34.2%;width: 68px;}
    .section5-content .left-img2{left: -28.6%;top: 34.2%;width: 68px;}
    .section5-content .left-img3{left: -40.1%;top: 35.2%;width: 67px;}
    .section5-content .right-img1{right: -4%;top: 34.2%;width: 67px;}
    .section5-content .right-img2{right: -16%;top: 34.2%;width: 67px;}
    .section5-content .right-img3{right: -27.6%;top: 35.2%;width: 67px;}
    .section5-content .line-img1{left: -24.7%;bottom: 13.8%;width: 147px;}
    .section5-content .line-img2{right: 10.2%;top: 36%;width: 53px;}
    .section5-content .line-img3{left: -40.5%;top: 64.2%;width: 96px;}
    .section5-content .line-img4{left: -6.4%;top: 16.9%;width: 122px;}
    .section5-content .line-img5{right: -10.9%;bottom: 26%;width: 104px;}
    .section5-content .item-info{width: 448px;}

    .section6-content{padding: 0 20px;}
    .section6-content .item-img{width: 297px;}
    .section6-content .top-img{width: 260px;}
    .section6-content .bottom-img{width: 189px;}
    .section6-content .line-img1{width: 144px;}
    .section6-content .line-img2{width: 87px;}
    .section6-content .line-img3{width: 114px;}
    .section6-content .line-img4{width: 130px;}
    .section6-content .item-info{width: 448px;}
    .section6-content .item-info>h3{font-size: 36px;}
    .section6-content .item-info>p{font-size: 14px;}

    .section7-content>h3{font-size: 36px;}
    .section7-content ul li>p{font-size: 14px;}
}