.home-ad .swiper-pagination-bullet{ width: 14px; height: 2px; border-radius: 14px; background-color: rgba(255, 255, 255, .4); opacity: 1; } .home-ad .swiper-pagination-bullet-active{ background-color: #fff; opacity: 1; } .home .cards .item{ width: 50%; padding-top: 12px; } .home .cards .item:nth-child(odd){ padding-left: 12px; padding-right: 6px; } .home .cards .item:nth-child(even){ padding-right: 12px; padding-left: 6px; } .home .service{ padding: 70px 100px; } .home .service .title{ padding: 0 0 35px; font-size: 30px; font-weight: 400; } .home .service .list .item{ width: 292px; } .home .bottom{ padding: 70px 0; background-color: #F7F9FA; } .home .bottom .container{ padding: 0 210px; } .home .bottom .item figure img{ height: 46px; } .home .bottom .item figure figcaption{ padding: 20px 0; line-height: 1; font-style: normal; } .home .bottom .icon-right{ margin-left: 4px; width: 6px; } .home .bottom .item > .flex-middle{ justify-content: center; } .product-detail .props{ padding-bottom: 30px; } .product-detail .props .left, .product-detail .props .left .pic{ width: 490px; height: 490px; } .product-detail .swiper-pagination-bullet-active{ background-color: #272829; } .product-detail .props .right{ width: 588px; } .product-detail .props .right .title{ color: #282828; } .product-detail .props .right .title h1{ font-size: 28px; margin-right: 20px; } .product-detail .props .right .title img{ height: 26px; } .product-detail .props .right .val{ padding: 50px 0; color: #242424; } .product-detail .props .right .jump-id{ background-color: #F7F9FA; padding: 20px; border-radius: 8px; } .product-detail .props .right .jump-id .icon-id{ margin-right: 20px; width: 40px; height: 40px; } .product-detail .props .right .attr .title{ padding: 40px 0 32px; line-height: 1; } .product-detail .props .right .attr .list{ padding-bottom: 60px; } .product-detail .props .right .attr .item input{ position: absolute; opacity: 0; } .product-detail .props .right .attr .item .view{ line-height: 76px; border: 2px solid; padding: 0 20px; color: #999; border-radius: 8px; } .product-detail .props .right .attr .item input:checked + .view{ border-color: #0071E4; color: #252526; } .product-detail .props .right .submit{ padding: 0 20px; height: 44px; background-color: #1D1D1F; color: #fff; } .product-detail .props .right .submit:disabled{ background-color: #B7BBBF; } .product-detail .content .right{ width: 850px; } .product-detail .content .left ul{ border: 1px solid #F2F4F5; border-top: none; } .product-detail .content .right .title{ background-color: #F7F9FA; } .product-detail .content .right .title span{ line-height: 40px; padding: 0 30px; background-color: #E4E6EB; } .product-detail .content .right .detail{ padding: 30px; } .product-detail .content .right .detail img{ max-width: 100%; } .product-detail .content .left .title{ background-color: #F7F9FA; line-height: 40px; } .product-detail .content .left .item img{ display: block; width: 260px; height: 260px; } .product-detail .content .left .item figure > section{ padding: 20px; } .product-detail .content .left .item figure > section figcaption + figcaption{ margin-top: 10px; } .talent-video > .hr-title, .single-page > .hr-title, .channel > .hr-title, .product-support > .hr-title, .patent > .hr-title{ line-height: 148px; background-color: #F7F8F9; font-size: 28px; } .patent .list{ margin: 60px auto; width: 1200px; } .patent .list .item{ width: 590px; margin-bottom: 20px; border: 1px solid #EFEFEF; } .patent .list .item .pic{ height: 330px; width: 100%; background-size: cover; background-position: center center; background-color: #EBEFF5; } .patent .list .item .data{ padding: 28px 20px; } .patent .list .item .data .title{ padding-bottom: 20px; } .patent .list .item .data .title span{ font-size: 24px; } .patent .list .item .data .labels{ height: 46px; } .patent .list .item .data .labels span{ margin-right: 12px; line-height: 26px; height: 26px; padding: 0 12px; border-radius: 2px; background-color: #EBEFF5; } .patent .list .item .data .labels span.on{ background-color: #0052D8; color: #fff; } .patent .list .item .des{ line-height: 2; height: 48px; } .patent-detail .left .pic img{ width: 492px; height: 492px; } .patent-detail .right{ width: 588px; padding-bottom: 40px; } .patent-detail .right > .title{ font-size: 28px; } .patent-detail .right .count{ padding: 40px 0; line-height: 1; } .patent-detail .right .list .item{ padding: 28px 20px; margin-bottom: 20px; border-radius: 8px; border: 1px solid #E6E6E6; } .patent-detail .right .list .item:hover, .patent-detail .right .list .item.on{ border: 2px solid #0071E4; } .patent-detail .right .list .item .h4{ display: block; padding: 20px 0; } .patent-detail .right .list .item img{ height: 40px; } .research{ background-color: #F7F9FA; } .research .top{ padding: 80px 40px; } .research .top .title{ font-size: 24px; } .research .top .sub-title{ padding: 30px 0 40px; } .research .top .label span{ margin-right: 20px; margin-top: 40px; line-height: 40px; padding: 0 16px; border-radius: 4px; border: 1px solid #c8c9cc; color: #525252; } .research .middle{ padding: 60px 40px; background-color: #fff; } .research .middle .pic{ width: 750px; } .research .middle > .flex1 > .title{ font-size: 24px; padding-bottom: 30px; } .research .middle > .flex1 > .tip{ padding-bottom: 40px; } .research .middle .list .item{ margin-top: 28px; width: 33.33%; } .research .middle .list .item .col-666{ padding-top: 10px; } .research .system{ padding: 80px 40px; } .research .system .title{ font-size: 24px; padding-bottom: 30px; } .research .team{ background-color: #fff; padding: 80px 0; } .research .team .container{ position: relative; } .research .team .title{ font-size: 24px; padding-bottom: 40px; } .research .team .list { height: 765px; } .research .team .list .item{ padding: 40px 0; border-bottom: 1px solid #E6E6E6; } .research .team .list .item .pic{ width: 312px; margin-right: 44px; } .research .team .button-next, .research .team .button-prev{ position: absolute; z-index: 999; top: 0; width: 25px; line-height: 25px; height: 25px; border: 1px solid #E6E6E6; font-family: "瀹嬩綋"; background-color: #fff; text-align: center; cursor: pointer; } .research .team .button-next{ right: 0; } .research .team .button-prev{ right: 45px; } .research .team .list .item .name{ padding: 12px 0 0; height: 48px; } .research .team .list .item .tip{ color: #BFC0C1; height: 42px; } .research .team .list .item .say{ color: #979899; height: 60px; } .research .team .list .item .flex-middle img{ margin-left: 10px; } .member-detail{ padding: 30px 0; } .member-detail .cover{ margin-right: 40px; } .member-detail .cover img{ width: 410px; } .member-detail .name{ font-size: 24px; padding: 20px 0 40px; border-bottom: 1px solid #E6E6E6; } .member-detail .say{ padding: 40px 0; line-height: 2; } .member-detail .sub-title{ padding-bottom: 20px; } .product-index{ background-color: #F7F9FA; } .product-index .pnav{ background-color: #333333; text-align: center; } .product-index .pnav .list > li{ position: relative; } .product-index .pnav .list > li > a{ display: block; width: 200px; line-height: 44px; } .product-index .pnav .list > li:hover > a{ background-color: #303233; } .product-index .pnav .list > li > ul{ visibility: hidden; opacity: 0; position: absolute; width: 100%; background-color: #303233; -webkit-transition: .3s; transition: .3s; } .product-index .pnav .list > li:hover > ul{ visibility: visible; opacity: 1; } .product-index .pnav .list > li > ul a{ display: block; line-height: 44px; } .product-index .pnav .list > li > ul a:hover{ background-color: #494B4D; } .product-index > .list { padding: 60px 0 20px; } .product-index .list .item{ margin-bottom: 40px; padding: 60px 60px 20px; background-color: #fff; } .product-index .list .item .pic{ margin-left: 150px; } .product-index .list .item .pic img{ width: 360px; } .product-index .list .item .statu img{ height: 26px; } .product-index .list .item .title{ font-size: 28px; padding: 24px 0; } .product-index .list .item .des{ line-height: 28px; height: 84px; overflow: hidden; margin-bottom: 30px; } .product-index .list .item .bottom .pay-btn{ margin-right: 28px; width: 120px; height: 44px; background: #1D1D1F; border-radius: 2px; line-height: 44px; font-size: 16px; color: #fff; text-align: center; } .product-index .list .item .bottom .pay-btn.not{ background-color: #D0D3D8; } .intellectual{ background-color: #F7F9FA; } .intellectual .top{ padding: 80px 0; background-color: #fff; } .intellectual .top .title{ font-size: 24px; } .intellectual .top .sub-title{ padding: 30px 0 40px; } .intellectual .top .list{ margin-top: 60px; } .intellectual .top .list .item{ width: 33.33%; } .intellectual .top .list .item img{ margin-right: 24px; width: 80px; } .intellectual .layout{ width: 1200px; margin: 80px auto 0; padding: 80px 40px; background-color: #fff; } .intellectual .layout .title{ font-size: 24px; } .intellectual .layout .sub-title{ padding: 40px 0; } .intellectual .layout .pic img{ height: 400px; } .intellectual .ids{ padding: 80px 0; background-image: url(../images/ids-bg.png); background-position: right top; background-repeat: no-repeat; background-size: auto 80px; } .intellectual .ids .title{ padding-bottom: 40px; line-height: 1; font-size: 24px; } .intellectual .list .item{ width: 550px; background-color: #FFFFFF; padding: 40px 24px; border: 1px solid #EFEFEF; } .intellectual .list .item .line + .line{ margin-top: 45px; } .intellectual .list .item .line .index{ margin-right: 24px; width: 22px; height: 20px; line-height: 20px; text-align: center; background-image: url(../images/index-bg.png); background-size: cover; color: #fff; } .intellectual .list .item .line .h1{ padding-bottom: 10px; line-height: 1; } .product-support .top{ padding: 80px 0 ; } .product-support .top .title{ font-size: 24px; } .product-support .top .title small{ display: block; padding-top: 25px; } .product-support .top .list{ margin-top: 60px; padding: 0 130px; } .product-support .top .list .item{ padding: 40px 0; border: 1px solid #979797; border-radius: 4px; width: 184px; color: #707473; -webkit-transition: .3s; transition: .3s; } .product-support .top .list .item.on, .product-support .top .list .item:hover{ background-color: #F7F8F9; } .product-support .top .list .item figure img{ margin: 0 0 20px; height: 60px; } .product-support .top .list2{ margin-top: 100px; } .product-support .top .list2 .item img{ margin-bottom: 38px; width: 245px; height: 245px; } .product-support .hr{ font-size: 24px; line-height: 92px; background-color: #F7F8F8; } .product-support .content{ padding: 70px 0; width: 850px; } .product-support .content .code .img{ padding: 40px 0 20px; } .product-support .content .code .img img{ width: 160px; } .product-support .content .line{ margin: 0 130px 0 200px; width: 1px; height: 176px; background-color: #E6E6E6; } .support-detail .top{ padding: 60px 0; justify-content: center; font-size: 24px; } .support-detail .top img{ width: 245px; height: 245px; margin-right: 60px; } .support-detail .qa .title{ line-height: 140px; border-top: 1px solid #E6E6E6; } .support-detail .qa .list{ margin: 0 -40px; padding: 20px 40px 60px; background-color: #F7F9FA; } .support-detail .qa .list .item{ height: 80px; border-bottom: 1px solid #E6E6E6; } .support-detail .join .title{ padding: 80px 0 60px; line-height: 1; } .support-detail .join .list{ padding-bottom: 60px; margin-bottom: 80px; border-bottom: 1px solid #e6e6e6; } .support-detail .join .list .item{ position: relative; width: 264px; margin-right: 20px; } .support-detail .join .list .item:nth-child(4n){ margin-right: 0; } .support-detail .join .list .item::after{ position: absolute; content: ''; left: 50%; top: 54px; margin-left: -20px; width: 40px; height: 40px; background-image: url(../images/pay.png); background-size: cover; } .support-detail .join .list .item img{ width: 264px; height: 148px; display: block; } .support-detail .join .list .item figcaption{ padding: 20px 0; font-style: normal; } .channel .top{ padding: 80px 0 60px; border-bottom: 1px solid #E6E6E6; } .channel .top .title small{ padding: 30px 0 60px; } .channel .top .list{ padding: 0 140px; } .channel .top .list .item img{ width: 160px; } .channel .bottom{ padding: 60px 0 80px; line-height: 2; } .channel .bottom img{ max-width: 100%; } .single-page .view{ padding: 80px 0; } .single-page .view .left{ width: 230px; } .single-page .view .left .lines li{ margin-bottom: 60px; } .single-page .view .left .lines li.on, .single-page .view .left .lines li:hover{ color: #333; } .single-page .view .left .lines li.on a, .single-page .view .left .lines li:hover a{ text-decoration: underline; } .single-page .view .right .title{ color: #0C65FF; font-weight: 400; margin-bottom: 50px; } .single-page .view .right .content{ line-height: 2; } .single-page .view .right .content img{ max-width: 100%; } .download-index{ background-color: #F7F8F9; padding-bottom: 1px; } .make > .hr-title, .download-index > .hr-title{ line-height: 148px; font-size: 28px; color: #fff; background-color: #222526; } .download-index .view{ margin: 40px auto; } .download-index .view .left{ margin-right: 20px; width: 240px; min-height: 430px; padding: 40px 10px 40px 40px; background-color: #FFFFFF; } .download-index .view .left .on a{ color: #333; text-decoration: underline; } .download-index .view .right{ background-color: #fff; padding: 0 40px; overflow: hidden; } .download-index .view .right .list .item{ padding: 40px 0; } .download-index .view .right .list .item + .item{ border-top: 1px solid #E6E6E6; } .download-index .view .right .list .item > .title{ padding: 0 0 40px; } .download-index .view .right .list .item .line{ margin-bottom: 40px; } .download-index .view .right .list .item .line .pic{ margin-right: 20px; } .download-index .view .right .list .item .line .h5{ display: block; margin-top: 16px; line-height: 20px; } .download-index .view .right .links{ align-items: flex-end; } .download-index .view .right .links > a{ margin-right: 60px; } .make{ background-color: #F7F8F9; padding-bottom: 1px; } .make .form{ margin: 40px auto; padding: 0 40px; background-color: #fff; } .make .form > .title{ height: 136px; } .make .form .list{ padding: 40px 185px; } .make .form .list .item{ margin-bottom: 20px; } .make .form .list .item .title{ line-height: 1; padding: 20px 0; } .make .form .list .item .input{ height: 48px; } .make .form .list .item .input input{ display: block; width: 100%; height: 100%; padding: 0 20px; border-radius: 4px; border: 1px solid #333333; } .make .form .submit{ text-align: center; padding-bottom: 60px; } .make .form .submit button{ width: 300px; height: 48px; background: #1D1D1F; border-radius: 4px; color: #fff; } .develop .list .item{ padding: 80px 0; } .develop .list .item:nth-child(even){ background-color: #F7F9FA; } .develop .list .item .left{ width: 350px; } .develop .list .item .left .title{ font-size: 24px; line-height: 1; padding: 55px 0 40px; } .develop .list .item:nth-child(even) .right .props .block:first-child{ background-color: #fff; } .develop .list .item .right .props .block{ width: 192px; height: 192px; position: relative; } .develop .list .item .right .props .block .pic{ font-size: 0; padding: 40px 0 0; height: 110px; } .develop .list .item .right .props .block .pic img{ height: 45px; } .develop .list .item .right .props .block > .h5{ display: block; height: 1em; width: 130px; line-height: 1; margin: 15px auto 0; } .develop .list .item .right .props .block .hover{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .8); color: #fff; justify-content: center; opacity: 0; -webkit-transition: .3s; transition: .3s; cursor: pointer; } .develop .list .item .right .props .block .hover:hover{ opacity: 1; } .develop .list .item .right .props .block .hover small{ line-height: 44px; font-size: 12px; position: relative; } .develop .list .item .right .props .block .hover:hover small::after, .develop .list .item .right .props .block .hover:hover small::before{ width: 12px; } .develop .list .item .right .props .block .hover small::after, .develop .list .item .right .props .block .hover small::before{ content: ''; width: 0; height: 1px; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 1s; transition: 1s; } .develop .list .item .right .props .block .hover small::after{ bottom: 0; } .develop-popup{ width: 800px; min-height: 420px; padding: 80px 40px 0; background-color: #fff; text-align: left; } .develop-popup .close{ position: absolute; right: 40px; top: 40px; width: 40px; cursor: pointer; } .develop-popup .left{ width: 128px; } .develop-popup .left img{ height: 75px; } .develop-popup .right .top{ line-height: 1; padding-bottom: 40px; border-bottom: 1px solid #D8D9DC; } .develop-popup .right .top .title{ font-size: 28px; padding-bottom: 24px; } .develop-popup .right .content{ margin: 40px 0; color: #5F6464; line-height: 26px; } .talent-system .top{ line-height: 1; padding: 80px 0; } .talent-system .top .title{ font-size: 24px; } .talent-system .top > .h1{ padding: 30px 0; } .talent-system .top .h4{ line-height: 26px; } .talent-system .list .item{ padding: 80px 0; } .talent-system .list .item:nth-child(odd){ background-color: #F7F9FA; } .talent-system .list .item:nth-child(odd) .pic{ margin-right: 40px; } .talent-system .list .item:nth-child(even) .pic{ float: right; margin-left: 40px; margin-right: 0; } .talent-system .list .item .title{ font-size: 24px; margin-bottom: 60px; } .talent-system .list .item .pic{ float: left; position: relative; width: 480px; } .talent-system .list .item .pic::after{ content: ''; position: absolute; z-index: 999; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; width: 60px; height: 60px; background-image: url(../images/pay.png); background-size: cover; } .talent-system .list .item .pic img{ display: block; width: 100%; } .talent-system .list .item .data{ overflow: hidden; } .talent-system .list .item .data .h1{ padding: 40px 0; line-height: 1; } .talent-system .list .item .data .h4{ line-height: 26px; } .talent-video .list .item{ position: relative; width: 264px; margin-bottom: 40px; margin-right: 20px; position: relative; } .talent-video .list .item::after{ content: ''; position: absolute; z-index: 999; left: 50%; margin-left: -24px; top: 54px; width: 48px; height: 48px; background-image: url(../images/pay.png); background-size: cover; } .talent-video .list .item:nth-child(4n){ margin-right: 0; } .talent-video .list .item img{ display: block; width: 264px; height: 148px; } .talent-video .list .item figcaption{ margin: 20px 0; width: 100%; height: 1em; line-height: 1; font-style: normal; } .payvideo-popup{ width: 800px; } .payvideo-popup video{ display: block; width: 800px; height: 450px; } .payvideo-popup .close{ position: absolute; right: 0; top: -50px; width: 28px; } .talent-system .videos .view{ position: relative; display: block; width: 360px; } .talent-system .videos .view::after{ content: ''; position: absolute; z-index: 999; left: 50%; margin-left: -24px; top: 77px; width: 48px; height: 48px; background-image: url(../images/pay.png); background-size: cover; } .talent-system .videos li{ margin-right: 20px; } .talent-system .videos li:nth-child(3n){ margin-right: 0; } .talent-system .videos .view img{ display: block; width: 100%; height: 200px; } .talent-system .videos .view figcaption{ font-style: normal; width: 100%; margin: 20px 0; } .enterprise .top{ padding: 80px 0; } .enterprise .top .left{ margin-right: 40px; } .enterprise .top .left video{ display: block; width: 460px; height: 258px; } .enterprise .top .data .title{ line-height: 1; font-size: 24px; padding: 40px 0; } .enterprise .top .data .h4{ line-height: 26px; } .enterprise .brand{ padding: 80px 0; background-color: #F7F9FA; } .enterprise .brand .container > .title{ font-size: 24px; line-height: 1; padding-bottom: 60px; } .enterprise .brand .list .item{ width: 276px; height: 220px; background-color: #F2F3F5; -webkit-transition: .3s; transition: .3s; } .enterprise .brand .list .item:hover{ background-color: #fff; } .enterprise .brand .list .item figure{ height: 90px; padding-top: 20px; } .enterprise .brand .list .item figure img{ width: 56px; } .enterprise .brand .list .item .h5{ padding: 15px 0 20px; } .enterprise .brand .list .item .button{ margin: auto; font-size: 12px; width: 100px; line-height: 30px; color: #686C6C; border: 1px solid #979797; -webkit-transition: .3s; transition: .3s; } .enterprise .brand .list .item:hover .button{ border-color: #3D3D3D; background-color: #3D3D3D; color: #fff; } .enterprise .brand .des{ margin: 80px -40px 0; background-color: #FFFFFF; padding: 80px 40px; background-image: url(../images/brand.png); background-position: left bottom; background-size: 463px; background-repeat: no-repeat; } .enterprise .brand .des .left{ font-size: 24px; width: 500px; } .enterprise .brand .des .line{ width: 1px; margin: 0 80px; height: 192px; background-color: #D8D9DC; } .enterprise .brand .des .right .h1{ line-height: 1; padding-bottom: 40px; } .enterprise .brand .des .right .h4{ line-height: 26px; } .enterprise .research{ background-color: #fff; } .enterprise .team .view{ margin-left: -40px; margin-right: -40px; padding-left: 40px; padding-right: 40px; } .enterprise .team .view .h4.col-666{ line-height: 26px; } .enterprise .team .view .list li:last-child .item{ border: none; } .enterprise .team .view:nth-child(even){ padding-top: 80px; background-color: #F7F9FA; } .enterprise-detail .info{ width: 600px; margin: 60px auto; } .enterprise-detail .info .title{ margin-bottom: 40px; padding: 20px 0 40px; border-bottom: 1px solid #E3E4E6; } .enterprise-detail .info .des{ line-height: 26px; } .enterprise-detail .info .video{ display: block; margin: 40px 0; width: 100%; height: 335px; } .enterprise-detail .info .content{ font-size: 14px; line-height: 26px; } .enterprise-detail .info .content img{ max-width: 100%; } .new-index .list{ padding-top: 80px; flex-wrap: wrap; } .new-index .list .item{ display: block; line-height: 1; width: 540px; margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid #525252; } .new-index .list .item .pic{ height: 340px; } .new-index .list .item .pic img{ width: 100%; height: 300px; display: block; } .new-index .list .item .title{ padding: 28px 0; } .new-index .list .item .des{ line-height: 2; height: 64px; overflow: hidden; margin-bottom: 28px; } .new-detail .info{ margin: 50px auto 0; width: 600px; } .new-detail .info .title{ font-size: 30px; padding: 30px 0; border-bottom: 1px solid #E3E4E6; } .new-detail .info .time{ padding: 40px 0; line-height: 1; } .new-detail .info .content{ font-size: 14px; line-height: 26px; padding-bottom: 80px; } .tactic-detail .header{ background-size: cover; background-position: center center; } .tactic-detail .header .view{ margin: auto; width: 600px; height: 162px; } .tactic-detail .header .view .pic{ margin-right: 20px; } .tactic-detail .header .view .pic img{ width: 80px; } .tactic-detail .header .view .title{ font-size: 30px; padding-bottom: 20px; } .tactic-detail .body{ width: 600px; margin: 40px auto; font-size: 14px; line-height: 26px; color: #666; } .tactic-detail .body img{ max-width: 100%; }