body{font-family:'PingFang SC','Microsoft YaHei','SimHei','Arial','SimSun'} /* 分页 */ .turn_page .paging[type="default"] .paging_btn{margin:0 5px; font-size:16px;border:none; min-width:60px; height:60px; border-radius:5px;background:#f6f7fb;color:#333;transition: .5s;} .turn_page .paging .paging_btn:nth-child(1), .turn_page .paging .paging_btn:last-child{padding:0 35px;} .turn_page .paging[type="default"] .paging_number .paging_btn{padding:0;} .turn_page .paging .paging_btn:nth-child(1) img{margin-right:18px;} .turn_page .paging .paging_btn:last-child img{margin-left:18px;} .turn_page .paging[type="default"] .paging_btn:hover, .turn_page .paging[type="default"] .paging_btn.cur{background:#0049cc;color:#fff;} .turn_page .paging[type="default"] .paging_btn:hover .i1{display:none;} .turn_page .paging[type="default"] .paging_btn:hover .i2{display:block;} @media screen and (max-width:750px) { .turn_page .paging[type="default"] .paging_btn{font-size:26px;} .turn_page .paging .paging_btn:nth-child(1) img, .turn_page .paging .paging_btn:last-child img{width:12px;} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;padding-top: 40px;} #search .form{margin-bottom:22px;margin-top: 20px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid #004ccc;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(../image/pro-search.png) no-repeat center center #004ccc;color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: #004ccc; font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;height: 144px;} #search .txt{font-size: 30px;} } body.nav-not-fixed #header{position:absolute;} /*#header{height: 100px;}*/ .header-blank{height: 100px;} #header.none{/* transform: translate(0,-100%); */} #header {padding: 0 60px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, 0.3);position: fixed;width: 100%; z-index: 49;height: 100px;} #header .logo {display: flex;align-items: center;justify-content: flex-start;} #header .logo img:nth-of-type(2) {display: none;} #header .qwlogo{width: 110px;margin-left: 10px;margin-right: auto;} #header .right {/*width: 60.4%;*/display: flex;justify-content: space-between;align-items: center;} #header .right .menu {display: flex;/*justify-content: space-between;*//*width: 65.5%;*/} #header .right .menu .box {position: relative;padding-right: 40px;} #header .right .menu .box .one_a {line-height: 100px;font-size: 16px;color: #ffffff;/*border-bottom: 3px solid transparent;*/} #header .right .menu .box.cur .one_a {font-weight: 500;} #header .right .menu .hklc{height: 2px;background: #fff;bottom: 0;pointer-events: none;} #header.cur .right .menu .hklc, #header.inner .right .menu .hklc, #header:hover .right .menu .hklc{background: #0049cc;} #header .right .menu .box:hover .product_down{height: 445px;display: block;} /* 产品中心下拉 */ #header .right .menu .box .product_down {position: fixed;width: 100%;left: 0;top: 100px;height: 0;overflow: hidden;/*display: none;*/box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);} #header .right .menu .box .product_down .content {display: flex;height: 100%;} #header .right .menu .box .product_down .content .product_l {width: 23.43%;background: #f5f6fa;padding-bottom: 60px;} #header .right .menu .box .product_down .content .product_l .list .ul {font-weight: 400;font-size: 18px;line-height: 72px;padding-left: 57.8%;color: #333333;} #header .right .menu .box .product_down .content .product_l .list .ul.cur, #header .right .menu .box .product_down .content .product_l .list .ul:hover {font-weight: 500;color: #0049cc;background: #ffffff;} #header .right .menu .box .product_down .content .product_l .product_btn {color: #0249cc;font-size: 16px;padding-left: 57.8%;margin-top: 50px;} #header .right .menu .box .product_down .content .product_l .product_btn img {margin-left: 10px;} #header .right .menu .box .product_down .content .product_r {width:calc(100% - 23.43%);background: #ffffff;padding: 50px 11.98% 60px 4.72%;} #header .right .menu .box .product_down .content .product_r .cont{width: 100%;display: flex;justify-content: space-between;height: 350px;overflow-y: auto;padding-right: 20px;} #header .right .menu .box .product_down .content .product_r .product_box {width: 25.23%;margin-bottom: 30px;} #header .right .menu .box .product_down .content .product_r .product_box .p_title {font-size: 18px;color: #0049cc;padding-bottom: 18px;border-bottom: 1px solid #e5e5e5;} /*#header .right .menu .box .product_down .content .product_r .product_box .p_ul{height: 280px;overflow-y: auto;}*/ #header .right .menu .box .product_down .content .product_r .product_box .p_ul .p_li {display: flex;margin-top: 36px;} #header .right .menu .box .product_down .content .product_r .product_box .p_ul .p_li .p_img {width: 48px;height: 48px;border-radius: 5px;background: #f5f6fa;margin-right: 20px;} #header .right .menu .box .product_down .content .product_r .product_box .p_ul .p_li .p_word {width: calc(100% - 48px);} #header .right .menu .box .product_down .content .product_r .product_box .p_ul .p_li .p_word .name {font-size: 18px;color: #333;font-weight: 600;line-height: 27px;} #header .right .menu .box .product_down .content .product_r .product_box .p_ul .p_li .p_word .brief {font-size: 16px;color: #333;font-weight: 400;line-height: 26px;} #header .right .menu .box .product_down .content .product_r .product_box .p_ul .p_li:hover .p_word .name{color: #0049cc;} @media (max-width: 1400px){ #header .right .menu .box .product_down {left:58px;} #header .right .menu .box .product_down .content .product_l {width: 16%;} #header .right .menu .box .product_down .content .product_l .list .ul {padding-left: 20%;} #header .right .menu .box .product_down .content .product_l .product_btn{padding-left: 20%;} #header .right .menu .box .product_down .content .product_r {padding: 29px 2% 31px 4.72%;} } /* 解决方案下拉 */ /*#header .right .menu .box .product_down .content .case_down {padding: 20px 26.8% 60px 3.72%;}*/ /* #header .right .menu .box .product_down {width: 880px;position: absolute;background: #fff;left: 50%;transform: translateX(-50%);top: 101px;} */ #header .right .menu .box .product_down .cont {display: flex;flex-wrap: wrap;} #header .right .menu .box .product_down .case_box {width: 33.3%;height: 110px;display: flex; /*align-items: center;*/} #header .right .menu .box .product_down .case_box .img {/*padding-bottom: 28px;*/margin-right: 17px;margin-top: 5px;} #header .right .menu .box .product_down .case_box .case_word {padding-right: 30px;} #header .right .menu .box .product_down .case_box .case_word .name {font-size: 18px;margin-bottom: 10px;font-weight: 500;} #header .right .menu .box .product_down .case_box .case_word .brief {font-size: 16px;color: #999999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #header .right .menu .box .product_down .case_box:hover .case_word .name {color: #0049cc;} /* 资源下载下拉 */ #header .right .menu .box .download {width: 730px;position: absolute;left: 50%;transform: translateX(-50%);background: #fff;height: 0;overflow: hidden;/*display: none;*/box-shadow: 0px 2px 10px rgba(224, 239, 243, 0.5);} /*#header .right .menu .box:hover .download{height: auto;display: block;}*/ #header .right .menu .box:hover .download{height: 330px;display: block;} #header .right .menu .box .download .content {width: 100%;padding: 30px 38px;display: flex;background: #fff;} #header .right .menu .box .download .content .ul {width: 20%;padding-right: 20px;} #header .right .menu .box .download .content .ul .title {font-size: 18px;padding-bottom: 30px; border-bottom: 1px solid #f1f1f1;font-weight: 500;} #header .right .menu .box .download .content .ul .title:hover{color: #0049cc;} #header .right .menu .box .download .content .ul .li {font-size: 16px;color: #666666;font-weight: 400;margin-top: 8px;} #header .right .menu .box .download .content .ul .li .son {margin-top: 20px;opacity:0.8;} #header .right .menu .box .download .content .ul .li .son:hover {color: #0049cc;opacity:1;} #header .right .menu .box .download .nav_cont{width: 100%;} #header .right .menu .box .download.about .content{width: calc(100% - 200px);} #header .right .menu .box .download.about .content .ul{width: 33.333%;} #header .right .menu .box .download .nav_cont .qrcode_box{width: 200px;border-left: 1px solid #ddd;} #header .right .menu .box .download .nav_cont .t{font-size: 16px;color: #333;margin-top: 20px;text-align: center;} #header .right .menu .box .two-nav{min-width: 150px;background: #fff;padding: 0 20px;left: calc(50% - 20px);top: 100px;transform: translateX(-50%);box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);/*display: none;*/height: 0;overflow: hidden;} #header .right .menu .box .two-nav .content .ul{margin-bottom: 10px;} #header .right .menu .box .two-nav .content .ul:first-child{margin-top: 15px;} #header .right .menu .box .two-nav .content .ul .title{font-size: 16px;white-space: nowrap;text-align: center;} #header .right .menu .box .two-nav .content .ul .title:hover{color: #0049cc;} #header .right .menu .box:hover .two-nav{display: block;height: auto;} /*原来50px*/ #header .right .menu .box .download.operate{width: 500px;} #header .right .menu .box .download.operate .content .ul{width: 33.333%;} #header .right .menu .box:hover .download.operate{height: 260px;} /*#header .right .menu .box .down {display: none;}*/ #header .right .phone {display: flex;align-items: center;justify-content: center;font-size: 18px;color: #ffffff;margin-right: 36px;} #header .right .phone .svg {fill: #ffffff;margin-right: 11px;} #header .right .btn {display: flex;align-items: center;} #header .right .btn .sousuo .svg:nth-child(1){display: inline-block;} #header .right .btn .sousuo .svg:nth-child(2){display: none;} #header .right .btn .svg {fill: #ffffff;margin-right: 25px;cursor:pointer;} #header .right .btn .btnbox {width: 130px;height: 45px;border-radius: 5px;/*background: #0049cc;*/color: #ffffff;font-size: 16px;display: flex;align-items: center;justify-content: center;background: linear-gradient(to right,#0093cc,#0033cc);} #header .right .btn .btnbox:hover{opacity: .8;} /*#header.scroll-down{transform: translate(0,-100%);} #header.scroll-up{transform: translate(0,0%); background-color:rgba(0, 0, 0, 0.6);box-shadow:0 0 10px rgba(0,0,0,0.2)}*/ #header:hover {background: #ffffff;border-bottom: 1px solid #f5f6fa;} #header:hover .logo img:nth-of-type(1) {display: none;} #header:hover .logo img:nth-of-type(2) {display: block;} #header:hover .menu .box .one_a{color: 16px;color: #333;font-weight: 400;} #header:hover .menu .box:hover .one_a, #header:hover .menu .box.tmp-cur a, #header:hover .menu .box.cur .one_a{font-weight: 500;color: #0049cc;/*border-bottom: 3px solid #0049cc;*/} #header:hover .right .phone {color: #333;} #header:hover .right .btn .svg, #header:hover .right .phone .svg {fill: #333;} #header.cur {background: #ffffff;border-bottom: 1px solid #f5f6fa;} #header.cur .logo img:nth-of-type(1) {display: none;} #header.cur .logo img:nth-of-type(2) {display: block;} #header.cur .menu .box .one_a{color: 16px;color: #333;font-weight: 400;} #header.cur .menu .box.cur .one_a, #header.cur .menu .box.tmp-cur a, #header.cur .menu .box.cur .one_a{font-weight: 500;color: #0049cc;/*border-bottom: 3px solid #0049cc;*/} #header.cur .right .phone {color: #333;} #header.cur .right .btn .svg, #header.cur .right .phone .svg {fill: #333;} #header.inner {background: #ffffff;border-bottom: 1px solid #f5f6fa;} #header.inner .logo img:nth-of-type(1) {display: none;} #header.inner .logo img:nth-of-type(2) {display: block;} #header.inner .menu .box .one_a{font-size: 16px;color: #333;font-weight: 400;} #header.inner .menu .box.tmp-cur a, #header.inner .menu .box.cur .one_a{font-weight: 500;color: #0049cc;/*border-bottom: 3px solid #0049cc;*/} #header.inner .right .phone {color: #333;} #header.inner .right .btn .svg, #header.inner .right .phone .svg {fill: #333;} /* 移动端 */ #header .shift {display: none;align-items: center;justify-content: center;} #header .shift img:nth-of-type(2) {display: none;} #header .shift.cur img:nth-of-type(1) {display: none;} #header .shift.cur img:nth-of-type(2) {display: block;} #phone {width: 100%;background: #fff;height: 100%;position: fixed;top: 100px;left: 0;z-index: 49;display: none;} #phone .menu .ul .title {margin: 0 30px; font-size: 36px;line-height: 110px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;} #phone .menu .ul .title .img {transform: rotate(-90deg);} #phone .menu .ul .box {background: #f7f7f7;display: none;} #phone .menu .ul .li {margin: 0 60px;} #phone .menu .ul .li .nav {font-size: 30px;line-height: 100px;border-bottom: 1px solid #ebebeb;} #phone .menu .ul .li .nav:last-child {border: none;} #phone .menu .ul .title.cur .img {transform: rotate(0deg);} #phone .menu .btn{margin-top: 25px;} #phone .menu .btn .sousuo{text-align: center;} #phone .menu .phone {display: flex;align-items: center;justify-content: center;font-size: 36px;line-height: 110px;} #phone .menu .btnbox {width: 200px;height: 60px;font-size: 30px;border-radius: 5px;background: #0049cc;color: #ffffff;display: flex;align-items: center;justify-content: center;margin: 30px auto 0;} #phone .menu{height: calc(100% - 100px);overflow-y: auto;overflow-x: hidden;} @media screen and (max-width:1680px) { /*#header .right {width: 65.4%;}*/ #header .right .menu .box .product_down .content .product_r .product_box {width: 28.3%;} #header .right .menu .box{padding-right: 30px;} } @media screen and (max-width:1450px) { /*#header .right {width: 76.4%;}*/ #header .right .menu .box{padding-right: 10px;} #header .right .menu .box .two-nav{left: calc(50% - 10px);} #header .right .phone{margin-right: 20px;} } @media screen and (max-width:1366px) { /*#header .right {width: 79.4%;}*/ } @media screen and (max-width:1280px) { /*#header .right {width: 83.4%;}*/ #header .right .btn .btnbox{width: 90px;} #header .right .menu .box{padding-right: 10px;} #header .right .menu .box .two-nav{left: calc(50% - 7px);} } @media screen and (max-width:1200px) { #header{padding: 0 30px;} #header .logo{width: 60px;} #header .qwlogo{width: 60px;} #header .right .btn .btnbox{width: 90px;} #header .right .menu .box{padding-right: 6px;} #header .right .menu .box{padding-right: 6px;} #header .right .phone{margin-right: 6px;} #header .right .btn .svg{margin-right: 5px;} #header.inner .menu .box .one_a{font-size:14px;} } /*@media screen and (max-width:1024px) {*/ @media screen and (max-width:980px) { .m-header-blank{display: block;height: 100px;} #header {height: 100px;background: #fff;padding: 0 30px;} #header .logo img:nth-of-type(1) {display: none;} #header .logo img:nth-of-type(2) {display: block; width:auto;} #header .right .btn .sousuo .svg:nth-child(2){display: inline-block;} #header .right .btn .sousuo .svg:nth-child(1){display: none;} #header .right .btn .svg, #header .right .phone .svg {fill: #333;} #header .right {justify-content: flex-end;} #header .right .phone, #header .right .menu {display: none;} #header .shift {display: flex;margin-left: 30px;} /*#header .right .btn .btnbox {display: none;}*/ #header .right .btn .sousuo {display: none;} /*#header .right .btn .btnbox {width: 150px;height:50px;font-size: 26px;}*/ #header.scroll-up {background: #fff;} } @media screen and (max-width:750px) { #header .qwlogo{width: 150px;} #header .qwlogo img{width: 100%;} #header .logo{width: 175px;} #header .logo img{width: 100%;} #header .right .btn .svg{margin-right: 0;margin-top: 5px;} #header .shift{width: 50px;height: 50px;} #header .shift img{width: 100%;} #header .right .btn .btnbox {width: 150px;height:50px;font-size: 26px;} } #banner {position: relative;aspect-ratio: 16 / 9;background: #f4f5f9;} #banner .content {position: relative;} #banner .slide {position: relative;height: auto;} #banner .slide .info {color: #fff;text-align: left;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #banner .slide .info .text {font-size: 55px;font-weight: 400;} #banner .slide .info .text_big {font-size: 72px;font-weight: 600;margin-bottom: 20px;} #banner .slide .info .brief {font-size: 18px;line-height: 30px;} #banner .slide .info .btn {width: 150px;height: 55px;border-radius: 5px;text-align: center;line-height: 55px;background: #004ccc;font-size: 18px;margin-top: 70px;background: linear-gradient(to right,#0093cc,#0033cc);} #banner .slide .info .btn:hover{opacity: .8;} #banner .slide .info .btn:first-child{margin-right: 20px;} #banner .page {position: absolute;top: 50%;transform: translate(0,-50%);z-index: 2;width: 100%;opacity: 0;} #banner .page .left {position: absolute;left: 3.125%;} #banner .page .right {position: absolute;right: 3.125%;} #banner:hover .page {opacity: 1;} #banner .s_text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #banner .s_text .title {text-align: center;font-size: 48px;color: #fff;font-weight: 700;} #banner .s_text .s_box {font-size: 16px;display: flex;align-items: center;justify-content: center;margin-top: 40px;} #banner .s_text .s_box .btn {width: 155px;height: 50px;border-radius: 5px;background: #fff;display: flex;align-items: center;justify-content: center;} #banner .s_text .s_box .btn:last-child {margin-left: 10px;} #banner .s_text .s_box .btn img {margin-left: 10px;} #banner .s_text .s_box .btn:hover{opacity: .8;} /*#banner .swiper-pagination-bullet{opacity: .6;background: #fff;} #banner .swiper-pagination-bullet-active{background: #004ccc;opacity: 1;}*/ #banner .swiper-pagination-bullet {width: 56px;height: 2px;background: #fff;opacity: 1;border-radius: 0;} #banner .swiper-pagination-bullet-active{width:56px; border-radius:0;height: 2px;} #banner .swiper-pagination-bullet-active .el-bar{background: linear-gradient(to right,#0093cc,#0033cc);} @media screen and (max-width:1366px) { #banner .page .left{left: 10px;} #banner .page .right{right: 10px;} } @media screen and (max-width:1280px) { #banner .slide .info .text{font-size: 45px;} #banner .slide .info .text_big{font-size: 55px;} } @media screen and (max-width:1024px) { } @media screen and (max-width:980px) { /*#banner {padding: 100px 0 0;}*/ #banner.index{padding-top: 100px;} #banner .s_text .title{font-size: 30px;} } @media screen and (max-width:750px) { /*#banner {padding: 100px 0 0;}*/ #banner .s_text .title {font-size: 56px;} #banner .s_text .s_box {flex-direction: column;} #banner .s_text .s_box .btn {width: 200px;height: 60px;font-size: 30px;} #banner .s_text .s_box .btn:last-child {margin-left: 0;margin-top: 30px;} #banner .slide .info .brief {font-size: 30px;line-height: 1.5;} #banner .slide .info .btn {width: 200px;height: 60px;line-height: 60px;font-size: 26px;} } #footer {padding: 85px 0 0;background: #171d2c;} #footer .content {display: flex;justify-content: space-between;} #footer .left {display: flex;flex-direction: column;justify-content: space-between;} #footer .left .l_text {font-size: 16px;color: #fff;opacity: 0.4;} #footer .left .phone {font-size: 24px;font-family: 'DDB';color: #fff;margin-bottom: 22px;} #footer .left .l_box {width: 215px;height: 45px;border-radius: 5px;background: rgba(255, 255, 255, 0.06);padding: 0 16px 0 14px;position: relative;} #footer .left .l_box .opt {display: flex;align-items: center;justify-content: space-between;font-size: 16px;color: rgba(255, 255, 255, 1);height: 100%;} #footer .left .l_box .opt.cur .img {transform: rotate(-180deg);} #footer .left .l_box .l_popup {font-size: 16px;background: #fff;border-radius: 5px;text-align: center;position: absolute;left: 0;width: 100%;max-height: 142px;overflow-y: scroll !important;display: none;} #footer .left .l_box .l_popup .l_url {margin: 5px 0;padding: 5px 0;transition: all 0.3s linear;} #footer .left .l_box .l_popup .l_url:hover {color: #0049cc;font-weight: 500;} #footer .right {width: 81.7%;display: flex;justify-content: space-between;padding-bottom: 75px;} #footer .right .ul {color: #fff;} #footer .right .ul .title {font-size: 18px;margin-bottom: 35px;} #footer .right .ul .li .r_box {font-size: 16px;opacity: 0.4;margin-top: 20px;} #footer .right .ul .li .code_text {font-size: 16px;margin-bottom: 15px;opacity: 0.4;min-width: 140px;} #footer .right .ul .li .code_text:hover {opacity: 1;} #footer .right .ul .li .code {width: 140px;height: 140px;border-radius: 5px;background: #fff;margin-bottom: 15px;display: none;} #footer .right .ul .li .r_box:first-child {margin-top: 0;} /*#footer .right .ul .title:hover,*/ /*#footer .right .ul .li .r_box:hover {color: #0049cc;}*/ #footer .right .ul .li .r_box:hover {color: #fff;opacity: 1;} #footer .right .list .title .img {transform: rotate(-90deg);margin-right: 10px;display: none;} #footer .right .list .title.cur .img {transform: rotate(0);} /* 友情链接 */ #footer .link {padding-top: 30px;font-size: 16px;color: rgba(255, 255, 255, 0.4);display: flex;} #footer .link .url {display: flex;} #footer .link .url .l_ink {margin-right: 15px;} #footer .link .url .l_ink:last-child {margin-right: 0;} #footer .link .url .l_ink:hover {color: #0049cc;} /* 公司信息 */ #footer .info {display: flex;justify-content: space-between;padding: 33px 0 38px;font-size: 16px;color: rgba(255, 255, 255, 0.4);border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 30px;} @media screen and (max-width:750px) { #footer{padding-bottom:150px;} #footer .content {flex-direction: column-reverse;} #footer .right {width: 100%;flex-direction: column;} #footer .right .ul {margin-bottom: 30px;} #footer .right .ul:last-child {margin-bottom: 0;} #footer .right .ul .title {font-size: 36px;} #footer .right .ul .li .r_box {font-size: 30px;} #footer .right .list .title {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #fff;padding-bottom: 30px;margin-bottom: 0;} #footer .right .list .li {margin: 30px 0;display: none;} #footer .right .list .li .r_box {border-bottom: 1px dashed rgba(255, 255, 255, 0.5);padding: 20px 20px;} #footer .right .list .title .img {display: block;} #footer .right .about .li {display: flex;/*justify-content: space-between;*/flex-wrap: wrap;} #footer .right .about .li .other {margin-left: 30px;} #footer .right .ul .li .code_box {width: 30%;margin-bottom: 30px;margin-right: 5%;} #footer .right .ul .li .code_box:nth-child(3n) {margin-right: 0;} #footer .right .ul .li .code_box:last-child {margin-bottom: 0;} #footer .right .ul .li .code_text {font-size: 30px;} #footer .right .ul .li .code {width: 200px;height: 200px;display: block;} #footer .right .ul .li .code img {width: 100%;} #footer .left {flex-direction: initial;} #footer .left .l_text {font-size: 26px;} #footer .left .phone {font-size: 36px;} #footer .link {flex-direction: column;font-size: 26px;line-height: 1.5;display: none;} #footer .link .url {flex-wrap: wrap;} #footer .info {flex-direction: column;font-size: 26px;line-height: 1.5;} #footer .left .l_box {height: 60px;} #footer .left .l_box .opt {font-size: 30px;} #footer .left .l_box .l_popup {font-size: 26px;overflow-y: scroll !important;} } /* 首页 */ /* 为什么选择科脉 */ #index-who {position: relative;width: 100%; aspect-ratio: 10/1; background-image: url(../image/who.png); background-size: cover;background-repeat: no-repeat;} #index-who .title {text-align: center;font-size: 45px;line-height: 59px;margin-bottom: 29px;font-weight: 700;} #index-who .text {text-align: center;font-size: 18px;line-height: 28px;margin-bottom: 26px;} #index-who .btn {font-size: 18px;color: #666666;line-height: 28px; display: flex;align-items: center;justify-content: center;} #index-who .btn .svg {fill: #676767;margin-left: 10px;} #index-who .btn a:hover{color: #004ccc;} #index-who .btn a:hover .svg{fill: #004ccc;} #index-who .data {margin: 32px 30px 0;padding: 0 0 60px;} #index-who .data .slide {text-align: center;} #index-who .data .slide .num {font-size: 18px; color: #004ccc;font-weight: 600;} #index-who .data .slide .num span {font-size: 80px;font-weight: 700;display: inline-block;margin-right: 9px;min-height:80px;} #index-who .data .slide .name {font-size: 16px;margin-top: 6px;} #index-who .swiper-pagination-bullet {width: 10px;height: 10px;background: #cccccc;opacity: 1;} #index-who .swiper-pagination-bullet-active {background: #004acc;} #index-who .honour {width: 80%;margin: 50px auto 0;/*display: flex;justify-content: center;*/} #index-who .honour .box {/*width: 20%;*/width: 16%;display: flex;flex-direction: column;align-items: center;} #index-who .honour .box .round {width: 115px;height: 115px;background: #fff;border-radius: 50%;} #index-who .honour .box .honour_name {/*font-size: 18px;*/font-size: 16px;color: #004ccc;margin-top: 29px;text-align: center;} #index-who .honour .container{padding-bottom: 60px;} #index-who .advert {background: #004acc;border-radius: 10px 10px 0 0;margin-top: 100px;display: flex;justify-content: space-between;align-items: center;overflow: hidden;} #index-who .advert .left {padding: 0 21px;} #index-who .advert .right {background: #004acc;position: relative; flex:1;overflow: hidden;} #index-who .advert .right:before {content: '';position: absolute;height: 100%;width: 80px;left: -1px;background: linear-gradient(to right,rgba(0, 74, 204, 1),rgba(0, 74, 204, 0.8),rgba(0, 74, 204, 0));z-index: 10;} #index-who .advert .right::after {content: '';position: absolute;height: 100%;width: 80px;right: 0;background: linear-gradient(to right,rgba(0, 74, 204, 0),rgba(0, 74, 204, 0.8),rgba(0, 74, 204, 1));z-index: 10;top: 0;} #index-who .advert .right .str_move {line-height: 70px;font-size: 16px;color: #fff;display: flex;} #index-who .advert .right .list {display: inline-block;/*align-items: center;justify-content: center;*/margin-right: 30px; font-size: 16px;color: #fff; line-height:70px;width: auto;white-space: nowrap;} #index-who .advert .right .list img {margin-right: 6px;} @media screen and (max-width:750px) { #index-who .title {font-size: 42px;} #index-who .text {font-size: 30px;line-height: 1.5;} #index-who .btn {font-size: 26px;} #index-who .data {margin: 0px;padding: 35px 0;width: 100%;height: auto;} #index-who .data .slide .num {font-size: 26px;min-height:30px;width:100%;} #index-who .data .slide .name {font-size: 30px;} #index-who .honour {width: 100%;} #index-who .honour .box {height:234px;} #index-who .data .slide{height:225px;} #index-who .honour .box .honour_name {font-size: 30px;line-height: 1.5;} #index-who .advert .right .list {font-size: 26px;line-height: 100px;} } @keyframes indalRun { 0%{opacity: 0;transform: translateY(80px);} 100%{opacity: 1;transform: translateY(0);} } /* 核心能力 */ #index-ability {padding: 100px 0;} #index-ability .title {font-size: 45px;font-weight: 700;text-align: center;} #index-ability .content {margin-top: 50px;display: flex;justify-content: space-between;} #index-ability .content .box {position: relative; width: 13%;border-radius: 10px;overflow: hidden;max-height: 485px;} #index-ability .content .box img{margin-left: -100%;} #index-ability .content .box.cur {width: 42%;} #index-ability .content .box.cur img{margin-left: 0;} #index-ability .content .box.none1 {width: 13%;display:block;} #index-ability .content .box.none1 img{margin-left: -100%;} #index-ability .content .box::after {width: 100%;height: 100%;content: '';position: absolute;top: 0;left: 0;background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));} #index-ability .content .box .word {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;z-index: 10;} #index-ability .content .box .word .num {font-size: 150px;text-stroke: 1px #fff;-webkit-text-stroke: 1px #fff;font-weight: 700;color: transparent;position: absolute;top: -55px;left: -55px;line-height: 1;animation: indalRun 1s ease both .3s;} #index-ability .content .box .word .one {color: #fff;padding: 35px 15px;width: 100%;animation: indalRun 1s ease both .5s;} #index-ability .content .box .word .one .text {font-size: 26px;margin-bottom: 4px;font-weight: 700;} #index-ability .content .box .word .one .texts {font-size: 16px;opacity: 0.5;font-weight: 400;} #index-ability .content .box .word .two {color: #fff;padding: 30px 40px;width: 100%;display: none;} #index-ability .content .box .word .two .top {display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 19px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);animation: indalRun 1s ease both .3s;} #index-ability .content .box .word .two .text {font-size: 36px;font-weight: 700;margin-bottom: 7px;animation: indalRun 1s ease both .3s;} #index-ability .content .box .word .two .texts {font-size: 20px;font-weight: 400;animation: indalRun 1s ease both .5s;} #index-ability .content .box .word .two .top_num {font-size: 48px;font-weight: 700;animation: indalRun 1s ease both .5s;} #index-ability .content .box .word .two .bottom {margin-top: 16px;font-size: 18px;line-height: 30px;font-weight: 400;animation: indalRun 1s ease both .8s;} #index-ability .content .box .word .two .bottom span {color: #00a8ff;font-weight: 700;} #index-ability .content .box.cur .word .num, #index-ability .content .box.cur .word .one {display: none;} #index-ability .content .box.cur .word .two {display: block;} #index-ability .content .page-el{display: none;} @media screen and (max-width:750px) { #index-ability .title {font-size: 42px;} #index-ability .content {flex-wrap: wrap;} /*#index-ability .content .container{width: 85%;overflow: visible;margin-left: 0;}*/ #index-ability .content .box.cur, #index-ability .content .box {width: 85%;/*margin-top: 30px;*/margin-top: 0;} #index-ability .content .box:first-child {margin-top: 0;} #index-ability .content .box img{margin-left: 0;} #index-ability .content .box .word .num, #index-ability .content .box .word .one {display: none;} #index-ability .content .box .word .two {display: block;} #index-ability .content .box .word .two .texts {font-size: 30px;} #index-ability .content .box .word .two .bottom {font-size: 26px;line-height: 1.5;} #index-ability .content .box::after {width: 100%;height: 100%;content: '';position: absolute;top: 0;left: 0;background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0));} #index-ability .content .page-el{width: 100%;text-align: center;margin-top: 30px;display: block;} #index-ability .content .page-el .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;} } /* 稳定，易用的产品与服务 */ #index-service .title {font-size: 45px;font-weight: 700;text-align: center;} /* 第一层选择 */ #index-service .top_one {border-bottom: 1px solid #edf0f2;font-size: 18px;color: #666666;display: flex;justify-content: center;margin-top: 65px;} #index-service .top_one .opt {padding: 0 40px 17px;margin-right: 10px;border-bottom: 3px solid transparent;} #index-service .top_one .opt.cur {color: #0249cc;font-weight: 600;/*border-bottom-color: #0249cc;*/box-sizing: border-box;} #index-service .top_one .opt:hover {color: #0249cc;} #index-service .top_one .btn {display: flex;align-items: center;justify-content: center;padding-bottom: 17px;margin-left: 44px;} #index-service .top_one .btn .svg {fill: #666666;margin-left: 9px;} #index-service .top_one.phone {display: none;} /* img 优化 */ #index-service .b-pic img{width:100%;height:auto;} #index-service .left .img img{width:70px;height:70px;} /* 第二层选择 */ #index-service .top_two {display: flex;justify-content: center;overflow-x: auto;} #index-service .top_two .opt_son {line-height: 70px;border-right: 1px solid #f2f4f7;display: flex;} #index-service .top_two .opt_son:last-child {border-right: none;} #index-service .top_two .opt_son.cur {background: #f7f8fa;} #index-service .top_two.phone {display: none;} #index-service .top_two .opt_son .senior {display: flex;align-items: center;justify-content: center;font-size: 18px;padding: 0 35px;position: relative; } #index-service .top_two .opt_son .senior img {margin-right: 16px;} #index-service .top_two .opt_son.cur .senior:before {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 30px;background: #e3e4e6;} /* 第二层子选择 */ #index-service .top_two .opt_son .son {width: 0;overflow: hidden;} #index-service .top_two .opt_son .son .son_hide {padding: 0 33px 0 15px;display: flex;white-space: nowrap;/*overflow-x: auto;*/} #index-service .top_two .opt_son .son .son_box {padding: 0 20px;font-size: 16px;text-align: center;white-space: nowrap;} #index-service .top_two .opt_son .son .son_box .son_text {padding: 0 2px;} #index-service .top_two .opt_son .son .son_box.cur .son_text {color: #0249cc;border-bottom: 3px solid;font-weight: 600;} #index-service .top_two .opt_son.cur .son {width:calc(100% - 142px);} /* 内容区 */ #index-service .bottom {/*padding: 40px 0 100px;*/padding: 40px 0 50px;background: #f2f4f7;} /* 首推 */ #index-service .bottom .bottom_one {display: flex;border-radius: 10px;overflow: hidden;margin-bottom: 24px;} #index-service .bottom .bottom_one .left {width: 50%;background: #fff;padding: 40px 138px 78px 40px;} #index-service .bottom .bottom_one .left .title_s {font-size: 40px;font-weight: 700;color: #0049cc;margin-top: 14px ;} #index-service .bottom .bottom_one .left .text_s {font-size: 20px;line-height: 30px;margin-top: 3px;} #index-service .bottom .bottom_one .left .box_s {margin-top: 13px;display: flex;flex-wrap: wrap;} #index-service .bottom .bottom_one .left .box_s .label {padding: 8px 10px;font-size: 14px;color: #999999;border: 1px solid #d9d9d9;border-radius: 5px;margin-right: 10px;} #index-service .bottom .bottom_one .left .box_s .label:last-child {margin-right: 0;} #index-service .bottom .bottom_one .left .brief {font-size: 16px;color: #666666;line-height: 27px;margin-top: 20px;} #index-service .bottom .bottom_one .left .btn_s {margin-top: 30px;display: flex;} #index-service .bottom .bottom_one .left .btn_s .push {width: 150px;height: 50px;border-radius: 5px;text-align: center;line-height: 50px;font-size: 16px;border: 1px solid #d9d9d9;box-sizing: border-box;} #index-service .bottom .bottom_one .left .btn_s .push:last-child {/*background: #0049cc;border-color: #0049cc;color: #fff;*/margin-left: 19px;} #index-service .bottom .bottom_one .right {width: 50%;background: #fff;} /* 其他 */ #index-service .bottom .content {display: flex;/*justify-content: space-between;*/} #index-service .bottom .content .case {width: 32.14%;border-radius: 10px;overflow: hidden;position: relative;height: 362px;margin-right: 1.79%;} #index-service .bottom .content .case:nth-child(3n){margin-right: 0;} #index-service .bottom .content .case .img{width: 100%;padding-top: 37.779%;} #index-service .bottom .content .case .img .absolute{width: 100%;height:auto; } #index-service .bottom .content .case .logo img{width:70px;height:70px;} @media screen and (max-width: 1280px) { #index-service .bottom .content .case .logo img{width:40px;height:40px;} } #index-service .bottom .content .case .word_b {padding: 28px 37px 36px 38px;/*position: absolute;*/bottom: 0;left: 0;background: #fff;width: 100%;display: flex;justify-content: space-between;align-items: stretch;/*transform: translateY(70px);*/} #index-service .bottom .content .case .word_b .title_b {font-size: 24px;font-weight: 700;color: #0049cc;margin-bottom: 15px;} #index-service .bottom .content .case .word_b .brief_b {font-size: 16px;} #index-service .bottom .content .case .word_b .box_b {margin-top: 10px;display: flex;flex-wrap: wrap;width: 100%;overflow-x: auto;padding-top: 2px;height: 40px;} #index-service .bottom .content .case .word_b .box_b .aaa{white-space: nowrap;/*padding-top: 6px;*/max-width: 319px;height: 36px;line-height: 36px;} #index-service .bottom .content .case .word_b .box_b .label_b {padding: 8px 10px;font-size: 14px;color: #999999;border: 1px solid #d9d9d9;border-radius: 5px;margin-right: 10px;} @media screen and (max-width: 1280px) { #index-service .bottom .content .case .word_b .box_b .label_b{padding: 2px 5px;} } #index-service .bottom .content .case .word_b .box_b .label_b:last-child {margin-right: 0;} #index-service .bottom .content .case .word_b .btn_b {margin-top: 30px;display: flex;opacity: 0;/*display: none;*/} #index-service .bottom .content .case .word_b .btn_b .push_b {width: 150px;height: 50px;border-radius: 5px;text-align: center;line-height: 50px;font-size: 16px;border: 1px solid #d9d9d9;box-sizing: border-box;} #index-service .bottom .content .case .word_b .btn_b .push_b:last-child {/*background: #0049cc;border-color: #0049cc;color: #fff;*/margin-left: 19px;} #index-service .bottom .content .case:hover .word_b {transform: translateY(0);} #index-service .bottom .content .case:hover .btn_b {opacity: 1;} #index-service .bottom .content .case .word_b .btn_b .push_b:hover{/*background: #0049cc;border-color: #0049cc;*/color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #index-service .bottom .content .case:hover .word_b {transform: translateY(-70px);} /*#index-service .bottom .content .case:hover .word_b .btn_b{display: flex;}*/ #index-service .top_two .opt_son .senior{white-space: nowrap;} #index-service .top_two .opt_son .son .son_box:hover{color: #0049cc;} #index-service .top_two .opt_son .senior img:nth-child(1){display: inline-block;} #index-service .top_two .opt_son .senior img:nth-child(2){display: none;} #index-service .top_two .opt_son.cur .senior img:nth-child(1){display: none;} #index-service .top_two .opt_son.cur .senior img:nth-child(2){display: inline-block;} #index-service .top_two .opt_son.cur .senior{color: #0049cc;} #index-service .bottom .bottom_one .left .box_s .label:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;/*background: linear-gradient(to right,#0093cc,#0033cc);*/} #index-service .bottom .bottom_one .left .btn_s .push:hover{/*background-color: #0049cc;border-color: #0049cc;*/color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #index-service .bottom .content .case .word_b .box_b .label_b:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;/*background: linear-gradient(to right,#0093cc,#0033cc);*/} #index-service .more_btn{font-size: 18px;color: #666;} #index-service .more_btn .svg {fill: #666666;margin-left: 9px;} #index-service .more_btn:hover{color: #0049cc;} #index-service .more_btn:hover .svg{fill: #0049cc;} @media screen and (max-width:1440px) { #index-service .bottom .bottom_one .left{padding-top: 50px;} #index-service .bottom .content .case .word_b {padding: 28px 10px 36px;} #index-service .bottom .content .case .word_b .opt {width: 80%;} } @media screen and (max-width:1366px) { #index-service .bottom .bottom_one .left{padding-right: 30px;} } @media screen and (max-width:1280px) { #index-service .top_two .opt_son .son .son_hide{overflow-x: auto;} #index-service .bottom .content .case .word_b .opt {width: 80%;} #index-service .top_one .opt{padding-left: 20px;padding-right: 20px;} } @media screen and (max-width:1024px) { #index-service .bottom .content .case{height: 300px;} #index-service .bottom .content .case .word_b .btn_b{margin-top: 20px;} } /*@media screen and (max-width:1024px) {*/ @media screen and (max-width:768px) { #index-service .bottom .bottom_one {flex-direction: column-reverse;width: 100%;} #index-service .bottom .bottom_one .right, #index-service .bottom .bottom_one .left {width: 100%;} #index-service .bottom .content .case .img{display:none;} #index-service .bottom .content .case .word_b .title_b, #index-service .bottom .bottom_one .left .title_s {font-size: 36px;} #index-service .bottom .bottom_one .left .text_s {font-size: 30px;line-height: 1.6;} #index-service .bottom .content .case .word_b .brief_b, #index-service .bottom .bottom_one .left .brief {font-size: 26px;line-height: 1.6;} #index-service .bottom .content .case .word_b .box_b .label_b, #index-service .bottom .bottom_one .left .box_s .label {font-size: 26px;} #index-service .bottom .content .case .word_b .btn_b .push_b, #index-service .bottom .bottom_one .left .btn_s .push {width: 200px;height: 60px;line-height: 60px;font-size: 26px;} #index-service .bottom .content {flex-direction: column;} #index-service .bottom .content .case {width: 100%;margin-bottom: 30px;height: auto;} #index-service .bottom .content .case:last-child {margin-bottom: 0;} #index-service .bottom .content .case .img img {width: 100%;display: block;} #index-service .bottom .content .case .word_b {transform: translateY(0);padding: 28px 30px 36px;flex-direction: column-reverse;position: relative;} #index-service .bottom .content .case .word_b .logo {margin-bottom: 15px;} #index-service .bottom .content .case .btn_b {opacity: 1 !important;} #index-service .bottom .content .case .word_b .box_b{overflow-x: visible;} #index-service .bottom .content .case .word_b .box_b .aaa{max-width: none;white-space: normal;height: auto;} } @media screen and (max-width:750px) { #index-service .title {font-size: 42px;} #index-service .top_one.PC {display: none;} #index-service .top_one.phone {display: block;width: 85%;} #index-service .top_one {font-size: 36px;} #index-service .top_one .btn{margin-left: 0;width: auto;padding-bottom: 0;} #index-service .top_one .opt {text-align: center;padding: 0;width: auto;margin-right: 60px;} #index-service .top_two.PC {display: none;} #index-service .top_two.phone {display: block;width: calc(100% - 100px);} #index-service .top_two .opt_son .senior {font-size: 30px;} #index-service .top_two .opt_son .son .son_box {font-size: 26px;} #index-service .bottom .content .case .word_b .box_b .aaa{display: flex;flex-wrap: wrap;} #index-service .bottom .content .case .word_b .opt{width: 100%;} #index-service .bottom .content .case .word_b .box_b .label_b{margin-bottom: 10px;} #index-service .bottom .content .case:hover .word_b {transform: translateY(0);} #index-service .bottom .bottom_one .left{padding: 30px;} #index-service .m_box .m-page-l{width: 18px;height: 36px;background: url(../image/icon7.png) no-repeat center;left: 15px;top: 50%;transform: translateY(-50%);} #index-service .m_box .m-page-r{width: 18px;height: 36px;background: url(../image/icon8.png) no-repeat center;right: 15px;top: 50%;transform: translateY(-50%);} #index-service .more_btn{font-size: 30px;} #index-service .top_one .btn .svg{display: none;} } /* 首页解决方案 */ #index-case {/*background: url('/images/index/case1.png') no-repeat center / cover;*/position: relative;display: flex;/*background-size: 100% 100%;*/} /*#index-case::after {position: absolute;content: '';width: 100%;height: 100%;background: rgba(19, 22, 30, 0.7);z-index: 1;top: 0;left: 0;}*/ #index-case .left {width: 28.64%;background: rgba(25, 29, 38, 0.7);padding: 95px 0;z-index: 2;position: absolute;left: 0;top: 0;height: 100%;z-index: 3;} #index-case .left .list {padding: 18px 6.9% 18px 46.9%;font-size: 18px;color: #fff;} #index-case .left .list .shift {display: flex;align-items: center;justify-content: space-between;position: relative;transform: translateX(-36px);} #index-case .left .list .shift .text {display: flex;align-items: center;} #index-case .left .list .shift .text img {margin-right: 18px;opacity: 0;} #index-case .left .list .shift .img .svg {fill: #fff;opacity: 0;} #index-case .left .list.cur, #index-case .left .list:hover {background:linear-gradient(to right, rgba(0,73,204,0) , rgba(2,74,204,0.85) , rgba(0,73,204,1));} #index-case .left .list.cur .shift, #index-case .left .list:hover .shift {transform: translateX(0);} #index-case .left .list.cur .shift .text img, #index-case .left .list:hover .shift .text img {opacity: 1;} #index-case .left .list.cur .shift .img .svg, #index-case .left .list:hover .shift .img .svg {opacity: 1;} #index-case .left .btn {padding-left:46.9%;font-size: 16px;color: rgba(255, 255, 255, 0.5);display: flex;align-items: center;margin-top: 80px;} #index-case .left .btn .svg {fill: rgba(255, 255, 255, 0.5);margin-left: 7px;} #index-case .right {width:100%;/*padding:95px 12.9% 95px 6.65%;*/z-index: 2;position: relative;color: #fff;} #index-case .right .content {width: 100%;/*display: flex;padding:95px 13.333% 95px 34.895%;*/height: 667px;} #index-case .right .content::before {position: absolute;content: '';width: 100%;height: 100%;background: rgba(19, 22, 30, 0.7);z-index: 1;top: 0;left: 0;} #index-case .right .content .cont{width: 100%;display: flex;padding:95px 13.333% 95px 34.895%;position: relative;z-index: 5;} #index-case .right .l_r {width: 100%;padding-right: 5.35%;/* border-right: 1px solid rgba(255, 255, 255, 0.3); */} #index-case .right .l_r .title {font-size: 45px;font-weight: 700;margin-bottom: 72px;} #index-case .right .l_r .title_t {font-size: 26px;margin-bottom: 15px;} #index-case .right .l_r .brief {font-size: 16px;/*line-height: 28px;*/line-height: 1.75;margin-bottom: 45px;height: 56px;overflow: hidden;} #index-case .right .l_r .box_l {display: flex;flex-wrap: wrap;} #index-case .right .l_r .box_l .case_l {margin-right: 15.8%;margin-top: 35px;} #index-case .right .l_r .box_l .case_l:nth-of-type(4n){margin-right: 0;} #index-case .right .l_r .box_l .case_l:nth-of-type(-n+4){margin-top: 0;} #index-case .right .l_r .box_l .case_l .text {font-size: 18px;margin-top: 10px;} #index-case .right .l_r .box_lt {display: flex;margin-top: 95px;} #index-case .right .l_r .box_lt .btn {width: 150px;height: 50px;border-radius: 5px;border: 1px solid #fff;box-sizing: border-box;font-size: 16px;line-height: 50px;text-align: center;} /*#index-case .right .l_r .box_lt .btn:last-child {background: #0049cc;border-color: #0049cc;margin-left: 20px;}*/ #index-case .right .l_r .box_lt .btn:last-child {margin-left: 20px;} /*#index-case .right .l_r .box_lt .btn:nth-child(1):hover{background-color: #0049cc;border-color: #0049cc;}*/ #index-case .right .l_r .box_lt .btn:hover{background-color: #0049cc;border-color: #0049cc;background: linear-gradient(to right,#0093cc,#0033cc);} /*#index-case .right .l_r .box_lt .btn:last-child:hover{background-color: transparent;border-color: #fff;}*/ #index-case .right .r_r {width:calc(100% - 73.2%);/*padding-left: 5.8%;*/padding-left: 4.8%;padding-top: 140px;} #index-case .right .r_r .title {font-size: 18px;} #index-case .right .r_r .box_r {margin-top: 25px;display: flex;/*justify-content: space-between;*/flex-wrap: wrap;} #index-case .right .r_r .box_r .case_r {width: 90px;height: 90px;border-radius: 5px;background: rgba(255, 255, 255, 0.4);/*margin-top: 20px;*/margin-right: 20px;margin-bottom: 20px;} #index-case .right .r_r .box_r .case_r:nth-child(2n){margin-right: 0;} /*#index-case .right .r_r .box_r .case_r:nth-of-type(-n+2) {margin-top: 0;}*/ @media screen and (max-width:1680px) { /*#index-case .right {padding-right: 60px;}*/ #index-case .right .content .cont{padding-left: 32%;padding-right: 10%;} } @media screen and (max-width:1536px) { #index-case .right .content .cont{padding-left: 30%;padding-right: 40px;} } @media screen and (max-width:1440px) { /*#index-case .right {padding: 95px 40px;}*/ } @media screen and (max-width:1280px) { #index-case .left{width: 24%;} #index-case .left .list{padding-left: 25%;} #index-case .right .l_r .box_l .case_l{margin-right: 12%;} #index-case .right .content .cont{padding-left: 26%;} /*#index-case .right {padding: 95px 2 0px;}*/ #index-case .right .r_r {padding-left: 2.8%;} #index-case .right .r_r .box_r .case_r{width: 75px;height: 75px;} } @media screen and (max-width:1180px) { #index-case .right .r_r .box_r .case_r{margin-right: 8px;} #index-case .right .l_r .title{font-size: 36px;} #index-case .right .content .cont{padding-right: 10px;} } @media screen and (max-width:1024px) { #index-case .right .l_r .box_l .case_l{margin-right: 8%;} } @media screen and (max-width:750px) { /*#index-case {background: url('/images/index/case5.png');background-size: 100% 100%;}*/ /*#index-case .left .list {font-size: 30px;padding-left: 30.9%;} #index-case .left .btn {padding-left: 20px;font-size: 26px;} #index-case .right .content .cont {flex-direction: column;}*/ /*#index-case .right {padding: 95px 20px;}*/ /*#index-case .right .l_r {width: 100%;padding: 0;border: none;} #index-case .right .r_r {padding: 0;width: 100%;margin-top: 30px;} #index-case .right .l_r .title {font-size: 42px;} #index-case .right .l_r .title_t {font-size: 36px;} #index-case .right .l_r .box_l {justify-content: space-between;} #index-case .right .l_r .box_l .case_l {margin: 0;width: 30%;text-align: center;margin-bottom: 30px;} #index-case .right .l_r .box_l .case_l .text {font-size: 26px;} #index-case .right .l_r .brief {font-size: 26px;line-height: 1.5;height: 78px;} #index-case .right .l_r .box_lt .btn {width: 200px;height: 60px;line-height: 60px;font-size: 26px;} #index-case .right .r_r .title {font-size: 36px;} #index-case .right .r_r .box_r .case_r {width: 150px;height: 150px;} #index-case .right .r_r .box_r .case_r:nth-of-type(-n+2) {margin-top: 20px;} #index-case .right .r_r .box_r .case_r {width: 115px;height: 115px;}*/ } @media screen and (max-width:750px) { #index-case{display: none;} #m-index-case{display: block;padding-top: 100px;} #m-index-case .title{font-size: 42px;color: #333;font-weight: 700;text-align: center;} #m-index-case .top{margin-top: 30px;} #m-index-case .top .li{padding: 5px 20px;font-size: 26px;color: #333;border: 1px solid #ddd;margin-right: 20px;margin-bottom: 20px;} #m-index-case .top .li.cur{border-color: #0049cc;color: #0049cc;} #m-index-case .box{margin-top: 20px;} #m-index-case .box .content{width: 85%;padding: 60px 20px;height: auto;} #m-index-case .box .content::before {position: absolute;content: '';width: 100%;height: 100%;background: rgba(19, 22, 30, 0.7);z-index: 1;top: 0;left: 0;} #m-index-case .box .content .cont{width: 100%;/*display: flex;padding:95px 13.333% 95px 34.895%;*/position: relative;z-index: 5;} #m-index-case .box .l_r {width: 100%;} #m-index-case .box .l_r .title_t {font-size: 42px;margin-bottom: 15px;color: #fff;} #m-index-case .box .l_r .brief {font-size: 30px;color: #fff;line-height: 1.75;margin-bottom: 45px;height: 105px;overflow: hidden;} #m-index-case .box .l_r .box_l {display: flex;flex-wrap: wrap;} #m-index-case .box .l_r .box_l .case_l {margin-right: 25px;margin-bottom: 25px;} #m-index-case .box .l_r .box_l .case_l .text {font-size: 24px;color: #fff;margin-top: 15px;} #m-index-case .box .l_r .box_lt {display: flex;margin-top: 35px;} #m-index-case .box .l_r .box_lt .btn {padding: 0 20px;height: 62px;border-radius: 5px;border: 1px solid #fff;box-sizing: border-box;font-size: 28px;line-height: 60px;text-align: center;color: #fff;} #m-index-case .box .l_r .box_lt .btn:last-child {margin-left: 20px;} #m-index-case .box .r_r {width:100%;padding-top: 40px;} #m-index-case .box .r_r .title {font-size: 30px;color: #fff;} #m-index-case .box .r_r .box_r {margin-top: 25px;display: flex;flex-wrap: wrap;} #m-index-case .box .r_r .box_r .case_r {width: 90px;height: 90px;border-radius: 5px;background: rgba(255, 255, 255, 0.4);margin-top: 20px;margin-right: 20px;} } /* 首页案例 */ #index-scheme {padding: 100px 0;} #index-scheme .title {font-size: 45px;font-weight: 700;text-align: center;margin-bottom: 40px;} #index-scheme .opt {display: flex;justify-content: center;margin-bottom: 60px;} #index-scheme .opt.phone {display: none;} #index-scheme .opt .box {position: relative; width: 160px;padding-bottom: 13px;font-size: 18px;border-bottom: 2px solid #dedede;display: flex;align-items: center;justify-content: center;margin-right: 10px;box-sizing: border-box;} #index-scheme .opt .box:last-child {margin-right: 0;} #index-scheme .opt .box::after {content: '';position: absolute;width: 0; height: 2px;left: auto;right: 0;bottom: -2px;background: #0049cc;transition: all 0.3s linear;} #index-scheme .opt .box .svg {margin-left: 12px;fill: #666666;} #index-scheme .opt .box:hover::after {left: 0;right: auto;width: 100%;} #index-scheme .opt .box:hover {color: #0049cc;} #index-scheme .opt .box:hover .svg{fill: #0049cc;} #index-scheme .opt .box.cur {color: #0049cc;font-weight: 700;} #index-scheme .opt .box.cur .svg {color: #0049cc;} #index-scheme .opt .box.cur::after {width: 100%;} /* 内容区 第一个轮播*/ #index-scheme .content .info {overflow: hidden;} #index-scheme .content .info .one .slide {display: flex;justify-content: space-between;height: auto;} /* 左边文字区 */ #index-scheme .content .info .one .slide .left {width: 44.3%;padding: 18px 0 27px;display: flex;flex-direction: column;justify-content: space-between;} #index-scheme .content .info .one .slide .left .one_title {font-size: 26px;font-weight: 700;line-height: 37px;margin-bottom: 19px;} #index-scheme .content .info .one .slide .left .one_text {font-size: 16px;line-height: 27px;margin-bottom: 32px;} #index-scheme .content .info .one .slide .left .one_box {display: flex;margin-bottom: 43px;visibility: hidden;} #index-scheme .content .info .one .slide .left .one_box .one_case {margin-right: 16.12%;} #index-scheme .content .info .one .slide .left .one_box .one_case:last-child {margin-right: 0;} #index-scheme .content .info .one .slide .left .one_box .one_case .num {font-size: 36px;font-family: 'DDB';display: flex;align-items: baseline;margin-bottom: 10px;} #index-scheme .content .info .one .slide .left .one_box .one_case .num span {font-size: 64px;} #index-scheme .content .info .one .slide .left .one_box .one_case .num .svg {margin-left: 14px;} #index-scheme .content .info .one .slide .left .one_box .one_case .num .red {fill: #ff0000;} #index-scheme .content .info .one .slide .left .one_box .one_case .num .green {fill: #00af80;transform: rotate(-180deg);} #index-scheme .content .info .one .slide .left .one_box .one_case .name {font-size: 18px;font-weight: 500;} #index-scheme .content .info .one .slide .left .bottom {display: flex;align-items: center;justify-content: space-between;} #index-scheme .content .info .one .slide .left .bottom .btn_all {display: flex;} #index-scheme .content .info .one .slide .left .bottom .btn_all .btn {width: 150px;height: 45px;border-radius: 5px;font-size: 16px;text-align: center;line-height: 45px;border: 1px solid #dedede;box-sizing: border-box;} #index-scheme .content .info .one .slide .left .bottom .btn_all .btn:hover{color: #fff;background-color: #0049cc;/*border-color: #0049cc;*/background: linear-gradient(to right,#0093cc,#0033cc);} #index-scheme .content .info .one .slide .left .bottom .btn_all .code {width: 45px;height: 45px;border-radius: 5px;background: #0049cc;margin-left: 10px;position: relative;} #index-scheme .content .info .one .slide .left .bottom .btn_all .code .eject {width: 152px;height: 189px;border-radius: 10px;background: #fff;padding: 13px 0;font-size: 16px;text-align: center;position: absolute;top: -215px;left: 50%;transform: translateX(-50%);display: none;} #index-scheme .content .info .one .slide .left .bottom .btn_all .code .eject .img {margin-bottom: 14px;} /*#index-scheme .content .info .one .slide .left .bottom .btn_all .code .eject::after {content: '';border-top: 13px solid #fff;border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 13px solid transparent;position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);}*/ #index-scheme .content .info .one .slide .left .bottom .btn_all .code:hover .eject {display: block;} #index-scheme .content .info .one .slide .left .bottom .page {display: flex;align-items: center;} #index-scheme .content .info .one .slide .left .bottom .page .p-list {font-size: 18px;color: #999999;font-weight: 700;} #index-scheme .content .info .one .slide .left .bottom .page .p-list .swiper-pagination-current {color: #333;} #index-scheme .content .info .one .slide .left .bottom .page .pn .svg {fill: #cccccc;cursor:pointer;} #index-scheme .content .info .one .slide .left .bottom .page .pn {margin-right: 40px;padding-top: 2px;} #index-scheme .content .info .one .slide .left .bottom .page .pn:last-child {margin-left: 40px;} #index-scheme .content .info .one .slide .left .bottom .page .pn .svg.next {transform: rotate(-180deg);} #index-scheme .content .info .one .slide .left .bottom .page .pn:hover .svg {fill: #666666;} /* 右边图片区 */ #index-scheme .content .info .one .slide .right {width: 50%;border-radius: 10px;overflow: hidden;} /*第二个轮播*/ #index-scheme .content .info .two {margin-top: 95px;overflow: visible;padding-bottom: 53px;} #index-scheme .content .info .two .slide {padding: 43px 35px 34px;background: linear-gradient(to bottom,#f9fbff,#fff);box-shadow: 0 5px 20px 0 rgba(225, 225, 225, 0.5);display: flex;justify-content: space-between;} #index-scheme .content .info .two .slide .left {width: 60px;height: 60px;border-radius: 10px;background: #fff;border: 1px solid #eaeaea;z-index: 1;} /*#index-scheme .content .info .two .slide:hover .left {background: #017454;} */ #index-scheme .content .info .two .slide .right {font-size: 16px;line-height: 24px;width: 77.1%;position: relative;z-index: 0;} #index-scheme .content .info .two .slide .right .top {max-height: 96px;overflow-y: scroll;} #index-scheme .content .info .two .slide .right .bottom {text-align: right;margin-top: 25px;color: #999999;} #index-scheme .content .info .two .slide .right .img {position: absolute;z-index: -1;top: -17px;left: -13.65%;} #index-scheme .content .info .two .swiper-pagination-bullet {width: 60px;height: 2px;border-radius: 0;background: #004ccc;} @media screen and (max-width:1180px) { #index-scheme .content .info .one .slide .left{width: 48%;} #index-scheme .content .info .one .slide .left .bottom .page .pn{margin-right:20px;} #index-scheme .content .info .one .slide .left .bottom .page .pn:last-child{margin-left: 20px;} } /*@media screen and (max-width:1024px) {*/ @media screen and (max-width:768px) { #index-scheme .content .info .one .slide {flex-direction: column-reverse;} #index-scheme .content .info .one .slide .right {width: 100%;} #index-scheme .content .info .one .slide .left {width: 100%;} #index-scheme .content .info .one .slide .right img{display:none;} #index-scheme .content .info .one .slide .left .one_title {font-size: 36px;line-height: 1.5;} #index-scheme .content .info .one .slide .left .one_text {font-size: 26px;line-height: 1.5;} #index-scheme .content .info .one .slide .left .one_box .one_case .name {font-size: 26px;} #index-scheme .content .info .one .slide .left .bottom .btn_all .btn {width: 200px;height: 60px;line-height: 60px;font-size: 26px;} #index-scheme .content .info .one .slide .left .bottom .btn_all .code {width: 60px;height: 60px;} #index-scheme .content .info .one .slide .left .bottom .page .p-list {font-size: 26px;} } @media screen and (max-width:750px) { #index-scheme .title {font-size: 42px;} #index-scheme .content .info .two .slide .right {width: 88.1%;font-size: 26px;line-height: 1.5;} #index-scheme .content .info .two .slide .right .top {max-height: none;} #index-scheme .opt.PC {display: none;} #index-scheme .opt.phone {display: block;width: calc(100% - 100px);} #index-scheme .opt .box {font-size: 26px;} #index-scheme .m_box{} #index-scheme .m_box .m-page-l{width: 18px;height: 36px;background: url(../image/icon7.png) no-repeat center;left: 0;top: 50%;transform: translateY(-50%);} #index-scheme .m_box .m-page-r{width: 18px;height: 36px;background: url(../image/icon8.png) no-repeat center;right: 0;top: 50%;transform: translateY(-50%);} } /* 首页 合作伙伴 */ #index-partner {width: 100%;padding: 90px 0;position: relative;overflow: hidden;background: url(../image/partner.png) no-repeat center / cover;} #index-partner::after {position: absolute;width: 13.54%;height: 100%;content: '';background: linear-gradient(to right,rgba(255, 255, 255, 1.0),rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.0));left: 0;top: 0;} #index-partner::before {position: absolute;width: 13.54%;height: 100%;content: '';background: linear-gradient(to right,rgba(255, 255, 255, 0.0),rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 1.0));right: 0;top: 0;z-index: 1;} #index-partner .title {text-align: center;font-size: 45px;font-weight: 700;z-index: 1;margin-bottom: 44px;} #index-partner .big ul {margin-top: 20px;} #index-partner .big ul:first-child {margin-top: 0px;} #index-partner .big .box {width: 260px;height: 140px;background: #fff;border-radius: 5px;box-shadow: 3px 4px 20px 0 rgba(0, 0, 0, 0.02);margin-right: 20px;display: inline-block;} #index-partner .img {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;} #index-partner .btn {font-size: 18px;color: #666666;display: flex;align-items: center;justify-content: center; margin-top: 70px;} #index-partner .btn .svg {fill: #666666;margin-left: 7px;} #index-partner .btn a:hover{color: #0049cc;} #index-partner .btn a:hover .svg{fill: #0049cc;} @media screen and (max-width:750px) { #index-partner .title {font-size: 42px;} #index-partner .btn {font-size: 26px;} } /* 首页新闻 */ #index-news {padding: 100px 0;} #index-news .title {font-size: 45px;font-weight: 700;text-align: center;margin-bottom: 40px;} #index-news .opt {display: flex;justify-content: center;margin-bottom: 60px;} #index-news .opt.phone {display: none;} #index-news .opt .box {position: relative; width: 160px;padding-bottom: 13px;font-size: 18px;border-bottom: 2px solid #dedede;display: flex;align-items: center;justify-content: center;margin-right: 10px;box-sizing: border-box;} #index-news .opt .box:last-child {margin-right: 0;} #index-news .opt .box::after {content: '';position: absolute;width: 0; height: 2px;left: auto;right: 0;bottom: -2px;background: #0049cc;transition: all 0.3s linear;} #index-news .opt .box .svg {margin-left: 12px;fill: #666666;} #index-news .opt .box:hover::after {left: 0;right: auto;width: 100%;} #index-news .opt .box:hover {color: #0049cc;} #index-news .opt .box:hover .svg{fill: #0049cc;} #index-news .opt .box.cur {color: #0049cc;font-weight: 700;} #index-news .opt .box.cur .svg {color: #0049cc;} #index-news .opt .box.cur::after {width: 100%;} #index-news .content {display: flex;justify-content: space-between;} #index-news .content .hot {border-radius: 10px;width: 44.28%;overflow: hidden;} #index-news .content .hot .word {background: #f2f4f7;padding: 60px 40px 55px;} #index-news .content .hot .word .hot_name {font-size: 26px;font-weight: 500;line-height: 34px;margin-bottom: 13px;height: 68px;} #index-news .content .hot .word .hot_brief {color: #666666;font-size: 16px;line-height: 27px;margin-bottom: 23px;} #index-news .content .hot .word .hot_time {font-size: 16px;color: #999999;} #index-news .content .hot .img{border-radius: 0 0 10px 10px;overflow: hidden;} #index-news .content .hot:hover .word .hot_name {color: #004ccc;} #index-news .content .right {width: 51.78%;} #index-news .content .right .list {display: flex;justify-content: space-between;padding-bottom: 33px;border-bottom: 1px solid #ededed;margin-bottom: 33px;} #index-news .content .right .list:last-child {border: none;padding-bottom: 0;margin-bottom: 0;} #index-news .content .right .list .l_img {width: 26.2%;border-radius: 10px;overflow: hidden;} #index-news .content .right .list .text {width: 68.96%;} #index-news .content .right .list .text .l_name {font-size: 20px;font-weight: 500;margin-bottom: 15px;} #index-news .content .right .list .text .l_brief {font-size: 16px;line-height: 28px;margin-bottom: 25px;color: #333333;height: 56px;} #index-news .content .right .list .text .l_time {font-size: 16px;color: #999999;} #index-news .content .right .list:hover .text .l_name {color: #0049cc;} #index-news .btn {font-size: 18px;color: #666666;display: flex;align-items: center;justify-content: center; margin-top: 70px;} #index-news .btn .svg {fill: #666666;margin-left: 7px;} #index-news .btn a:hover{color: #004ccc;} #index-news .btn a:hover .svg{fill: #004ccc;} @media screen and (max-width:1180px) { #index-news .content .hot .word{padding: 30px;} #index-news .content .right{width: 54%;} #index-news .content .right .list{padding-bottom: 13px;margin-bottom: 13px;} #index-news .content .right .list .text .l_name{margin-bottom: 8px;} #index-news .content .right .list .text .l_brief{margin-bottom: 10px;} } /*@media screen and (max-width:1024px) {*/ @media screen and (max-width:768px) { #index-news .content {flex-direction: column;} #index-news .content .hot {width: 100%;} #index-news .content .right {width: 100%;margin-top: 30px;} #index-news .content .right .list .text {width: 100%;} } @media screen and (max-width:750px) { #index-news .title {font-size: 42px;} #index-news .content .right .list .text .l_name, #index-news .content .hot .word .hot_name {font-size: 36px;line-height: 1.5;height: auto;white-space: normal;} #index-news .content .right .list .text .l_brief, #index-news .content .hot .word .hot_brief {font-size: 30px;line-height: 1.5;height: 90px;} #index-news .btn, #index-news .content .right .list .text .l_time, #index-news .content .hot .word .hot_time {font-size: 26px;} #index-news .content .right .list .l_img{width: 28%;display:none;} /*#index-news .content .right .list {flex-direction: column;}*/ /*#index-news .content .right .list .l_img {width: 100%;}*/ /*#index-news .content .right .list .l_img img{width: 50%;}*/ /*#index-news .content .right .list .text {width: 100%;margin-top: 30px;}*/ #index-news .opt.PC {display: none;} #index-news .opt.phone {display: block;width: calc(100% - 100px);} #index-news .opt .box {font-size: 26px;} #index-news .m_box{} #index-news .m_box .m-page-l{width: 18px;height: 36px;background: url(../image/icon7.png) no-repeat center;left: 0;top: 50%;transform: translateY(-50%);} #index-news .m_box .m-page-r{width: 18px;height: 36px;background: url(../image/icon8.png) no-repeat center;right: 0;top: 50%;transform: translateY(-50%);} } /* 联系我们 */ #index-contact {padding: 0 0 100px;} #index-contact .content {background: url(../image/index-contact.png) no-repeat center / cover;/*background-size: 100% 100%;*/padding: 38px 100px 45px 100px;color: #fff;position: relative;border-radius: 12px;} #index-contact .content .title {font-size: 32px;font-weight: 500;margin-bottom: 5px;} #index-contact .content .text {font-size: 18px;font-weight: 400;} #index-contact .content .bottom {display: flex;margin-top: 25px;} #index-contact .content .bottom .code {width: 140px;height: 140px;background: #fff;border-radius: 5px;} #index-contact .content .bottom .word {margin-left: 28px;display: flex;flex-direction: column;justify-content: space-between;} #index-contact .content .bottom .word .phone {font-size: 24px;} #index-contact .content .bottom .word .phone a {font-size: 30px;font-family: 'DDB';margin-bottom: 5px;} #index-contact .content .bottom .word .w_text {font-size: 18px;} #index-contact .content .bottom .word .btn {width: 150px;height: 50px;border-radius: 5px;background: #ffaa00;text-align: center;line-height: 50px;font-size: 18px;} #index-contact .content .bottom .word .btn:hover{opacity: .8;} #index-contact .content .img {width: 45%;position: absolute;bottom: 0;/*right: 14.28%;*/right: 35px;} #index-contact .content .img img{vertical-align: bottom;} @media screen and (max-width:1280px) { #index-contact .content .img{width: 36%;} } @media screen and (max-width:1024px) { #index-contact .content .img{display: none;} } @media screen and (max-width:750px) { #index-contact .content {padding: 63px 70px 50px;border-radius: 15px;background-image: url(../image/index-contact-m.png);} #index-contact .content .img {display: none;} /*#index-contact .content .img {position: static;text-align: center;margin-top: 50px;}*/ #index-contact .content .title {font-size: 48px;line-height: 1.25;} #index-contact .content .text {font-size: 30px;/*line-height: 1.2;*/line-height: 1.5;margin-top: 33px;} #index-contact .content .bottom{margin-top: 40px;align-items: center;} #index-contact .content .bottom .code{width: 230px;height: 230px;} #index-contact .content .bottom .code img{width: 100%;} #index-contact .content .bottom .word{margin-left: 75px;} #index-contact .content .bottom .word .phone {font-size: 30px;line-height: 1.2;} #index-contact .content .bottom .word .phone a {font-size: 36px;display: block;} #index-contact .content .bottom .word .w_text {font-size: 30px;margin-top: 15px;} #index-contact .content .bottom .word .btn {width: 180px;height: 60px;line-height: 60px;font-size: 26px;font-weight: 500;margin-top: 15px;} } /* 人才价值 */ #value-info {padding: 96px 0;overflow: hidden;} #value-info .title {font-size: 45px;text-align: center;margin-bottom: 15px;font-weight: 700;} #value-info .text {font-size: 24px;text-align: center;line-height: 36px;margin-bottom: 55px;} #value-info .text span {font-weight: 700;} #value-info .container {overflow: visible;padding-bottom: 40px;color: #fff;} #value-info .container .slide {border-radius: 10px;padding: 75px 0;background: linear-gradient(to top right,#14cfd0,#0049cc);} #value-info .container .name {text-align: center;font-size: 36px;font-weight: 700;} #value-info .container .big {display: flex;justify-content: space-evenly;flex-wrap: nowrap;margin-top: 50px;} #value-info .container .big .box {margin-right: 6.85%;display: flex; align-items: center; flex-direction: column;} #value-info .container .big .box:last-child {margin-right: 0;} #value-info .container .big .box .img {width: 70px;height: 70px;background: #fff;border-radius: 25px;} #value-info .container .big .box .word {font-size: 18px;text-align: center;font-weight: 700;margin-top: 5px;} #value-info .container .swiper-pagination-bullet {width: 10px;height: 10px;opacity: 1;background: #cccccc;} #value-info .container .swiper-pagination-bullet-active {background: #0049cc;} #value-info .container .pn{ width:18px; top:50%; transform:translateY(-50%);z-index:2;} #value-info .container .pn.prev{left:0;} #value-info .container .pn.next{right:0;} /* 社招岗位 */ #value-social {padding: 48px 0;/*background: #f6f7fb;*/background: url(../image/value-social-bg.jpg) no-repeat center / cover;} #value-social .title {font-size: 45px;text-align: center;margin-bottom: 39px;font-weight: 700;} #value-social .big {display: flex;padding: 0 12.5%;flex-wrap: wrap;justify-content: space-between;} #value-social .big .box {width: 31.5%;padding: 54px 0;border: 1px solid #dedede;border-radius: 10px;text-align: center;margin-top: 30px;background: #fff;} #value-social .big .box:nth-of-type(-n+3){margin-top: 0;} #value-social .big .box .name {font-size: 24px;font-weight: 700;margin-top: 20px;} #value-social .big .box .link {color: #004acc;font-size: 16px;margin-top: 7px;} /* 校园招聘 */ #value-campus {padding: 100px 0;} #value-campus .title {font-size: 45px;text-align: center;margin-bottom: 40px;font-weight: 700;} #value-campus .big {border-radius: 10px;/*padding: 0 12.5%;*/position: relative;} #value-campus .big .img {border-radius: 10px;overflow: hidden;width:1050px;margin:0 auto;} #value-campus .big .text {font-size: 18px;color: #fff;position: absolute;bottom: 30px;left: 0;z-index: 10;width: 100%;padding: 0 13.6%;display: flex;justify-content: space-between;align-items: center;} #value-campus .big .text .btn:hover {color: #0049cc;} #value-campus img{margin:0 auto;} /* 福利体系 */ #value-welfare .title {font-size: 45px;text-align: center;margin-bottom: 40px;font-weight: 700;} #value-welfare .content {display: flex;flex-wrap: wrap;justify-content: space-evenly;} #value-welfare .content .box {width: 23.57%;border-radius: 10px;border: 1px solid #dedede;padding: 43px 0 37px;text-align: center;margin-top: 30px;margin-right: 1.906%;} #value-welfare .content .box:nth-child(4n){margin-right: 0;} #value-welfare .content .box:nth-of-type(-n+4){margin-top: 0;} #value-welfare .content .box .img {margin-bottom: 15px;} #value-welfare .content .box .name {font-size: 24px;font-weight: 700;margin-bottom: 5px;} #value-welfare .content .box .text {font-size: 16px;color: #666666;line-height: 24px;} /* 多彩科迈 */ #value-color {padding: 100px 0;} #value-color .title {font-size: 45px;text-align: center;margin-bottom: 40px;font-weight: 700;} #value-color .content .list {display: flex;justify-content: space-between;margin-top: 30px} #value-color .content .list:nth-of-type(2n) {flex-direction: row-reverse;} #value-color .content .list:first-child {margin-top: 0;} #value-color .content .list .one {width: 32.14%;border-radius: 10px;background: linear-gradient(to top right,#14cfd0,#0049cc);color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;} #value-color .content .list .one .cn {font-size: 45px;font-weight: 700;} #value-color .content .list .one .en {font-size: 18px;} #value-color .content .list .two {width: 65.71%;border-radius: 10px;} /* 员工故事 */ #value-story {padding: 0 0 100px;} #value-story .title {font-size: 45px;text-align: center;margin-bottom: 40px;font-weight: 700;} #value-story .content {display: flex;justify-content: center;} #value-story .content .box {width: 40.71%;border-radius: 10px;position: relative;margin-right: 30px;cursor:pointer} #value-story .content .box:last-child {margin-right: 0 ;} #value-story .content .box .icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} @media screen and (max-width:1024px) { #value-campus .big, #value-social .big {padding: 0;} #value-campus .big .text {padding: 0 20px;} } @media screen and (max-width:750px) { #value-story .title, #value-color .title, #value-welfare .title, #value-campus .title, #value-social .title, #value-info .title {font-size: 42px;} #value-info .text {font-size: 30px;} #value-info .container .big {flex-wrap: wrap;} #value-info .container .big .box {margin-right: 17.85%;margin-top: 30px;} #value-info .container .big .box:nth-child(2n) {margin-right: 0;} #value-info .container .big .box .word {font-size: 30px;} #value-info .container .big .box .img {width: 150px;height: 150px;} /* 社会招聘 */ #value-social .big .box {width: 48%;} #value-social .big .box:nth-of-type(3) {margin-top: 30px;} #value-social .big .box .name {font-size: 36px;} #value-social .big .box .link {font-size: 30px;} /* 校园招聘 */ #value-campus .big .text {font-size: 30px;} /* 福利体系 */ #value-welfare .content .box {width: 48%;margin-right: 4%;} #value-welfare .content .box:nth-child(4n){margin-right: 4%;} #value-welfare .content .box:nth-child(2n){margin-right: 0;} #value-welfare .content .box:nth-of-type(3), #value-welfare .content .box:nth-of-type(4) {margin-top: 30px;} #value-welfare .content .box .name {font-size: 36px;} #value-welfare .content .box .text {font-size: 30px;line-height: 1.5;} /* 多彩科迈 */ #value-color .content .list:nth-of-type(2n), #value-color .content .list {flex-direction: column;} #value-color .content .list .one {width: 100%;height: 195px;margin-bottom: 30px;} #value-color .content .list .two{width: 100%;} /* 员工故事 */ #value-color .content .list .one .cn {font-size: 36px;} #value-color .content .list .one .en {font-size: 30px;} #value-story .content {display: block;} #value-story .content .box {width: 100%;margin-bottom: 30px;} #value-story .content .box:last-child {margin-bottom: 0;} } #crumbs{padding: 23px 0;} #crumbs a{font-size: 16px; color: #333; font-family:"APR";} #crumbs a:last-child{color: #0049cc; font-weight: 600;} #crumbs span{display: inline-block; font-size: 16px; color: #999999; margin: 0 16px;} @media (max-width: 750px) { #crumbs span, #crumbs a{font-size: 26px;} } #case_banner{background: #fff;} #case_banner .box{z-index: 5;position: unset;} #case_banner .banner_info{ margin-top: 115px;} #case_banner .banner_info .title{font-size: 48px; color: #333; line-height: 55px; font-family:"APR";} #case_banner .banner_info .brief{margin-bottom: 25px; font-size: 16px; color: #666; line-height: 24px; font-family:"APR";} #case_banner .banner_info .search{margin-bottom: 54px; /*width: fit-content;*/width: 460px; border:1px solid #dedede; background: #fff;border-radius: 5px;} #case_banner .banner_info .search .text{width: 415px;padding-left: 15px;height: 45px;line-height: 43px;font-size: 16px; font-family:"APR";} #case_banner .banner_info .search .submit{height: 43px;width: 43px; background: url(../image/icon1.png) no-repeat center center;color: rgb(119, 101, 101);} #case_banner .banner_info .cate_box{box-shadow: 0 10px 20px rgba(0,73,204,0.1); padding: 38px 2.85% 46px 3.57%; background: #fff; border-radius: 10px;} #case_banner .banner_info .cate_box .cate_list{margin-bottom: 22px;} #case_banner .banner_info .cate_box .cate_list:last-child{margin-bottom: 0;} #case_banner .banner_info .cate_box .left{width: 84.57%;} #case_banner .banner_info .cate_box .left .cate_name{width: 9.016%; /*text-align: justify;*/ /*text-align-last: justify;*/ font-weight: bold; font-size: 16px; color: #1a1a1a; font-family:"APR"; line-height: 35px;} #case_banner .banner_info .cate_box .left .list{width: 88.98%; height: 35px; overflow: hidden;} #case_banner .banner_info .cate_box .left .list .item{margin-right: 3.62%; font-size: 16px; color: #666; font-family:"APR"; line-height: 35px;} #case_banner .banner_info .cate_box .left .list .item:hover, #case_banner .banner_info .cate_box .left .list .item.cur{color: #0049cc; font-weight: 600;} #case_banner .banner_info .cate_box .more{width: 80px; height: 35px; font-size: 16px; color: #666; line-height: 35px; border: 1px solid #dedede; padding: 0 13px; background: url(../image/icon2.png) no-repeat center right 13px; border-radius: 5px;} #case_banner .banner_info .cate_box .more:hover{border-color: #0049cc;} #case_banner .banner_info .cate_box .more.cur{border-color: #0049cc; color: #0049cc; background: url(../image/icon3.png) no-repeat center right 13px; } #case_banner .banner_info .cate_form .left{width: 84.57%;} #case_banner .banner_info .cate_form .left .cate_name{width: 9.016%; /*text-align: justify; text-align-last: justify;*/ font-weight: bold; font-size: 16px; color: #1a1a1a; font-family:"APR"; line-height: 35px;} #case_banner .banner_info .cate_form .select_box{width: 88.98%;} #case_banner .banner_info .cate_form .select_box .sel{width: 29.45%; padding: 0 1.67%; height: 35px; border: 1px solid #ccc; position: relative; font-size: 16px; color: #999; font-family:"APR"; line-height: 35px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../image/icon2.png) no-repeat center right 17px; border-radius: 5px;} #case_banner .banner_info .cate_form .select_box .sel:first-child{margin-right: 10px;} #case_banner .banner_info .filter_box{margin-top: 20px;} #case_banner .banner_info .filter_box .txt{font-size: 16px; color: #1a1a1a;margin-right: 10px;} #case_banner .banner_info .filter_box .li{font-size: 16px; color: #1a1a1a;background: #eaf6ff;padding: 5px 10px;color: #0049cc;border: 1px solid #0049cc;margin-right: 20px;} #case_banner .banner_info .filter_box .li .icon{width: 16px;height: 16px;background: url(../image/close.png) no-repeat center;margin: 3px 0 0 15px;} #case_banner .banner_info .filter_box .del_all{font-size: 16px;color: #1a1a1a;} #case_banner .banner_info .filter_box .del_all:hover{color: #0049cc;} @media (max-width: 1536px) { #case_banner .banner_info .cate_box .left .cate_name{width: 11%;} } @media (max-width: 1440px) { #case_banner .banner_info{margin-top: 50px;} #case_banner .banner_info .cate_box .left .cate_name{width: 12%;} #case_banner .banner_info .cate_box .left .list{width: 85%;} } @media (max-width: 1366px) { #case_banner .banner_info .cate_box .left .cate_name{width: 13%;} } @media (max-width: 1024px) { #case_banner .banner_info .cate_box .left .cate_name{width: 16%;} } @media (max-width: 860px) { #case_banner .banner_info .cate_box .left .cate_name{width: 19%;} } @media (max-width: 750px) { #case_banner .banner_info .title{font-size: 56px; line-height: 1.6;} #case_banner .banner_info .brief{font-size: 42px; line-height: 1.6;} #case_banner .banner_info .search{width: fit-content;} #case_banner .banner_info .search .text{font-size: 26px; height: 55px; line-height: 53px;} #case_banner .banner_info .search .submit{width: 55px; height: 55px; background-size: 50%;} #case_banner .banner_info .cate_box{display: none;} #case_banner .banner_info .cate_box .cate_list{position: relative;} #case_banner .banner_info .cate_box .left .cate_name, #case_banner .banner_info .cate_box .left .list .item{font-size: 28px;} #case_banner .banner_info .cate_box .more{font-size: 26px;} #case_banner .banner_info .cate_box .left{width: 100%; flex-direction: column;margin-bottom: 20px;} #case_banner .banner_info .cate_box .left .cate_name{width: 100%; text-align-last: auto; margin-bottom: 25px;} #case_banner .banner_info .cate_box .left .list{width: 100%;height: 50px;} #case_banner .banner_info .cate_box .left .list .item{/*margin-bottom: 10px;*/ /*margin-right: 5.62%;*/margin-right: 20px;line-height: 50px;} #case_banner .banner_info .cate_box .more{width: 130px; height: 55px; line-height: 56px; background-size: 15%;position: absolute;right: 0;top: -10px;} #case_banner .banner_info .cate_box .more:hover{border-color: #dedede;} #case_banner .banner_info .cate_box .more.cur{border-color: #0049cc; background-size: 15%;} #case_banner .banner_info .cate_form .select_box{width: 100%;} #case_banner .banner_info .cate_form .select_box .sel{width: 48%; height: 55px; line-height: 53px; font-size: 26px; background-size: 9%;} /*案例手机端筛选*/ #m_filter{display: block;position: relative;z-index: 9;margin-top: -160px;} #m_filter .top{} #m_filter .top .title{font-size: 36px;color: #333;font-weight: 700;} #m_filter .top .text{font-size: 30px;color: #333;padding-right: 32px;background: url(../image/shaixuan.png) no-repeat right / 26px;} #m_filter_box{width: 100vw;height: 100vh;position: fixed;z-index: 99;background: #fff;overflow-y: auto;overflow-x: hidden;left: 0;top: 0;padding: 100px 0;display: none;} #m_filter_box .close{width: 50px;height: 36px;background: url(../image/act_icon_l.png) no-repeat center;left: 30px;top: 30px;} #m_filter_box .content{} #m_filter_box .content .row{margin-bottom: 50px;} #m_filter_box .content .row .tit_box{} #m_filter_box .content .row .tit_box .tit{font-size: 36px;color: #333;} #m_filter_box .content .row .tit_box .more{font-size: 30px;color: #333;padding-right: 30px;background: url(../image/icon2.png) no-repeat right / 20px;} #m_filter_box .content .row .tit_box .more.cur{color: #0049cc;background-image: url(../image/icon3.png);} #m_filter_box .content .row .list{margin-top: 30px;height: 160px;overflow: hidden;} #m_filter_box .content .row .list .in{} #m_filter_box .content .row .list .in .item{width: 32%;margin-right: 2%;font-size: 26px;color: #333;height: 60px;line-height: 60px;background: #eee;border-radius: 30px;display: inline-block;text-align: center;margin-bottom: 20px;} #m_filter_box .content .row .list .in .item:nth-child(3n){margin-right: 0;} #m_filter_box .content .row .list .in .item.cur{color: #0049cc;background: #eaf6ff;} #m_filter_box .content .cate_form .left{width: 100%;flex-wrap: wrap;} #m_filter_box .content .cate_form .left .cate_name{font-size: 36px; color: #333;} #m_filter_box .content .cate_form .select_box{width: 100%;margin-top: 30px;} #m_filter_box .content .cate_form .select_box .sel{width: 48%; padding: 0 1.67%; height: 55px; border: 1px solid #ccc; position: relative; font-size: 26px; color: #999; font-family:"APR"; line-height: 53px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../image/icon2.png) no-repeat center right 17px; border-radius: 5px;background-size: 20px;} #m_filter_box .content .cate_form .select_box .sel:first-child{margin-right: 10px;} #m_filter_box .content .remove{font-size: 30px;background: #eaf6ff;padding: 5px 20px;color: #0049cc;border: 1px solid #0049cc;margin-right: 20px;margin-top: 30px;display: inline-block;} #m_filter_box .content .remove .icon{width: 26px;height: 26px;background: url(../image/close.png) no-repeat center / 26px;margin: 10px 0 0 22px;} #case_tab_box{margin-top: 50px;text-align: center;border-bottom: 1px solid #dbdbdb;position: relative;z-index: 9;display: block} #case_tab_box .list{width: 25%;} #case_tab_box .list .title{font-size: 30px;color: #333;padding: 10px 0 20px;display: inline-block;border-bottom: 2px solid transparent;} #case_tab_box .list.cur .title{border-bottom-color: #0049cc;} #case_tab_box .list .icon{width: 20px;height: 20px;background: url(../image/icon2.png) no-repeat right / 20px;margin-left: 10px;margin-top: 22px;} #case_tab_box .list.cur .icon{transform: rotate(180deg);} #case_tab_box .list .cate_box{width: 100%;background: #fff;left: 0;top: 75px;padding: 30px 80px;text-align: left;border-bottom: 1px solid #dbdbdb;display: none;} #case_tab_box .list .cate_box .item{width: 50%;font-size: 26px;color: #333;line-height: 1.6;margin-bottom: 20px;padding-right: 10px;} #case_tab_box .list .cate_box .item.cur{color: #0049cc;} } #cases{background: #f6f7fb; padding: 80px 0 95px;} #cases .tag_title{font-size: 30px;margin-bottom: 25px;} #cases .cont{margin-bottom: 40px;} #cases .cont .list .item{width: 22.83%;margin-top: 30px;margin-right: 2.14%;border-radius: 10px;overflow: hidden;background: #fff;} #cases .cont .list .item:nth-child(3n){/* margin-right: 0; */} #cases .cont .list .item:nth-child(-n+3){/* margin-top: 0; */} #cases .cont .list .item .info{padding: 65px 6.71% 28px;} #cases .cont .list .item .info .logo{width: 100px;/*padding-top: 23%;*/ top: -60px; left: 6.71%; z-index: 2; border-radius: 50%; overflow: hidden; box-shadow: 0 5px 20px rgba(2,73,204,0.05); background: #fff;} #cases .cont .list .item .info .logo::before{padding:100% 0 0; content:''; display:block; width:100%;} #cases .cont .list .item .info .name{font-size: 24px; color: #333; line-height: 36px; font-family:"APR";} #cases .cont .list .item .info .brief{margin-bottom: 23px; font-size: 16px; color: #666; font-family:"APR"; line-height: 29px; height: calc(29px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;;} #cases .cont .list .item .info .tag_list .li{padding: 8px 9px; border: 1px solid #f1f1f1; border-radius: 5px; margin-right: 2.24%;} #cases .cont .list .item .info .tag_list .li:last-child{margin-right: 0;} #cases .cont .list .item .info .tag_list .li:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #cases .cont .list .item .top{opacity: 0; top: 110%; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 10% , #fff 30%,#fff 100%); z-index: -1; display: flex; flex-direction: column; align-items: center; justify-content: center;} #cases .cont .list .item .top .code{margin-bottom: 68px;} #cases .cont .list .item .top .code .pic{margin-bottom: 29px;} #cases .cont .list .item .top .code .txt{font-size: 18px; color: #333; font-family:"APR"; line-height: 27px;} #cases .cont .list .item .top .btn{margin: 0 auto;width: 114px;height: 36px;border: 1px solid #dedede;font-size: 12px;color: #333;font-family:"APR";line-height: 36px;border-radius: 5px;} #cases .cont .list .item .top .btn:hover{background: #0049cc; /*border-color: #0049cc;*/ color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #cases .cont .list .item .top .btn.apply{margin-top: 11px;} #cases .cont .list .item:hover {box-shadow: 0 10px 20px rgba(0,73,204,0.1);} /*#cases .cont .list .item:hover .top{opacity: 1; top: 0;}*/ #cases .cont .list .item .top.cur{opacity: 1; top: 0;z-index: 5;} #cases .more{margin: 0 auto; width: 210px; height: 60px; border: 1px solid #dedede; font-size: 16px; color: #333; font-family:"APR"; line-height: 58px; border-radius: 5px;} #cases .more:hover{background: #0049cc; border-color: #0049cc; color: #fff;} #cases .more.isend{display: none;} #pop-form{ width: 100%; height: 100%; overflow: hidden; background: rgba(23,29,44,0.5); position: fixed; top: 0;left: 0; z-index: 100;} /*#pop-form.cur{height: 100vh;}*/ #pop-form .back{width: 100%; height: 100%; top:0;left:0; z-index: 10;} #pop-form .in-box{z-index: 14; background: #fff; border-radius: 10px; overflow: hidden; top: 50%; transform: translateY(-50%);} #pop-form .in-box .left{width: 50%;} #pop-form .in-box .right{width: 50%; padding: 85px 0 100px;} #pop-form .in-box .right .close{top: 30px; right: 30px; z-index: 1; width: 55px; height: 55px; border-radius: 50%; background: #e5e5e5; } #pop-form .in-box .right .info{width: 72.33%; margin: 0 auto; height: 483px; overflow-y: auto; padding-right: 2%;} #pop-form .in-box .right .info .name{margin-bottom: 23px; font-size: 24px; color: #0049cc; line-height: 42px; font-weight: 500; font-family:"APR";} #pop-form .in-box .right .info .brief{margin-bottom: 28px; padding-bottom: 18px; font-size: 16px; color: #333; line-height: 24px; font-family:"APR"; min-height: calc(24px * 5); border-bottom: 1px solid #dedede;} #pop-form .in-box .right .info .ul .li{margin-bottom: 18px;} #pop-form .in-box .right .info .ul .li:last-child{margin-bottom:0;} #pop-form .in-box .right .info .ul .li .tit{margin-bottom: 3px; font-size: 18px; color:#333; line-height: 30px; font-weight: 500; font-family:"APR";} #pop-form .in-box .right .info .ul .li .desc{font-size: 14px; color: #666; line-height: 24px; font-family:"APR";} #pop-form .in-box .right .info .ul .li .pro{margin-right: 15px; font-size: 14px; color: #666; line-height: 24px; font-family:"APR"; border: 1px solid #0049cc; padding: 2px;} #pop-form .in-box .right .info .ul .li .pro:hover{color: #0049cc;} @media screen and (min-width: 960px) and (max-width:1400px){ #pop-form .in-box{width:800px;height:500px;max-width:95%;max-height:80%} #pop-form .in-box .right .info{width:90%;height:391px;} } @media (max-width: 1200px) { #cases{padding: 145px 0 95px;} } @media (max-width: 1024px) { /*#cases{padding: 220px 0 95px;}*/ /*#cases{padding: 0 0 95px;margin-top: -300px;position: relative;z-index: 6;}*/ #cases{padding-top: 300px;} } @media (max-width: 750px) { /*#cases{padding-top: 180px;}*/ #cases{padding-top: 80px;margin-top: 0;} #cases .cont .list .item{width: 100%; margin-top: 40px; margin-right: 0} #cases .cont .list .item:nth-child(-n+3){margin-top: 40px;} /*#cases .cont .list .item .info .logo{width: 110px; padding-top: 17%;}*/ #cases .cont .list .item .info .name{font-size: 36px; line-height: 1.6;} #cases .cont .list .item .info .brief{font-size: 26px; line-height: 1.6; height: calc(45px * 2);} #cases .cont .list .item .info .tag_list{flex-wrap: wrap;} #cases .cont .list .item .info .tag_list .li{padding: 10px;font-size: 26px;} #cases .cont .list .item .top .code .txt{font-size: 32px;} #cases .cont .list .item .top .btn{width: 320px; height: 80px; line-height: 78px; font-size: 26px;} #cases .more{width: 220px; font-size: 26px;} #pop-form .in-box{flex-direction: column;} #pop-form .in-box .left{display: none;} #pop-form .in-box .right{width: 100%; padding: 100px 0;} #pop-form .in-box .right .info{width: 84%;height: 800px;} #pop-form .in-box .right .info .name{font-size: 36px; line-height: 1.6;} #pop-form .in-box .right .info .brief{font-size: 30px; line-height: 1.6; min-height: auto;} #pop-form .in-box .right .info .ul .li .tit{font-size: 32px; line-height: 1.6;} #pop-form .in-box .right .info .ul .li .desc, #pop-form .in-box .right .info .ul .li .pro{font-size: 26px; line-height: 1.6;} } /* 案例详情 */ #cases_detail_banner{padding: 165px 0 120px;} #cases_detail_banner .box{height: max-content; width: 100%; } #cases_detail_banner .box .logo_info{margin-bottom: 37px;} #cases_detail_banner .box .logo_info .logo{width: 15%;} #cases_detail_banner .box .logo_info .info{width: 85%; padding: 0 2%;} #cases_detail_banner .box .logo_info .info .p1{font-size: 24px; color: #fff; line-height: 39px; font-weight: 500; font-family:"APR";} #cases_detail_banner .box .logo_info .info .p2{font-size: 18px; color: #fff; line-height: 34px; font-family:"APR";} #cases_detail_banner .box .brief{margin-bottom: 34px; width: 79%; font-size: 16px; color: #fff; line-height: 34px; font-family:"APR"; text-align: justify;} #cases_detail_banner .box .apply{margin-bottom: 43px; width: 130px; height: 45px; font-size: 16px; color: #fff; line-height: 45px; font-family:"APR"; background: #0049cc; border-radius: 5px;background: linear-gradient(to right,#0093cc,#0033cc);} #cases_detail_banner .box .apply:hover{opacity:0.8;} #cases_detail_banner .box .data_list .data{margin-right: 10%;} #cases_detail_banner .box .data_list .data .figure{margin-bottom: 5px; line-height: 66px; align-items: baseline;} #cases_detail_banner .box .data_list .data .figure .num{font-size: 64px; color: #fff; font-family:"APR";} #cases_detail_banner .box .data_list .data .figure .percent{font-size: 36px; color: #fff; font-family:"APR";} #cases_detail_banner .box .data_list .data .figure .jt{height: 20px; margin-left: 10px;} #cases_detail_banner .box .data_list .data .txt{font-size: 18px; color: #fff; line-height: 27px; font-family:"APR";} @media (max-width: 1280px) { #cases_detail_banner{padding-bottom: 100px;} } @media (max-width: 750px) { #cases_detail_banner .box .logo_info{flex-wrap: wrap;} #cases_detail_banner .box .logo_info .logo{width: 22%;} #cases_detail_banner .box .logo_info .info{width: 100%;padding:0; margin-top: 15px; } #cases_detail_banner .box .logo_info .info .p1{font-size: 36px; line-height: 1.6;} #cases_detail_banner .box .logo_info .info .p2{font-size: 30px; line-height: 1.6;} #cases_detail_banner .box .brief{width: 100%; font-size: 28px; line-height: 1.6; } #cases_detail_banner .box .apply {width: 220px; height: 60px; line-height: 58px; font-size: 26px;} #cases_detail_banner .box .data_list .data .txt{font-size: 26px;} } #cases_detail{padding-bottom: 100px;} #cases_detail .top_data{transform: translateY(-60px); background: #fff; border-radius: 5px; padding: 28px 0 32px; box-shadow: 0 10px 20px rgba(0,73,204,0.1);} #cases_detail .top_data .data_ul{width: 75%;} #cases_detail .top_data .data_ul .data{width: 33.33%;display: flex; flex-direction: column; justify-content: center; align-items: center;} #cases_detail .top_data .data_ul .data .num{font-size: 48px; color: #0049cc; line-height: 64px; font-weight: 600; font-family:"APR";} #cases_detail .top_data .data_ul .data .txt{font-size: 16px; color: #333; line-height: 24px; font-family:"APR";} #cases_detail .top_data .pro{width: 25%;} #cases_detail .top_data .pro .p1{margin-bottom: 12px; font-size: 16px; color: #333; line-height: 26px; font-family:"APR";} #cases_detail .top_data .pro .p2{font-size: 16px; color: #0049cc; font-family:"APR";} #cases_detail .detail_main .left_nav{width: 14.286%; height: max-content; position: sticky; top: 110px;} #cases_detail .detail_main .left_nav .li{margin-bottom: 16px;font-size: 18px; color: #333; font-family:"APR"; line-height: 32px;} #cases_detail .detail_main .left_nav .li .in{width: max-content; position: relative;} #cases_detail .detail_main .left_nav .li .in i{margin-left: 17px; width: 9px; height: 9px; background: #999; border-radius: 50%;} #cases_detail .detail_main .left_nav .li .in::before{content: ""; display: block; width: 1px; height: 29px; background: #dedede; position: absolute; bottom: -73%; right: 4px;} #cases_detail .detail_main .left_nav .li:last-child{margin-bottom: 0;} #cases_detail .detail_main .left_nav .li:last-child .in::before{display: none;} #cases_detail .detail_main .left_nav .li.cur{color: #0049cc; font-weight: 500;} #cases_detail .detail_main .left_nav .li.cur i{background:#0049cc;} #cases_detail .detail_main .right_cont{width: 71.437%;} #cases_detail .detail_main .right_cont .title{margin-bottom: 20px; font-size: 36px; color: #333; font-family:"APR"; line-height: 53px;} #cases_detail .detail_main .right_cont .cont .item{margin-bottom: 45px;} #cases_detail .detail_main .right_cont .cont .item:last-of-type{margin-bottom: 0;} #cases_detail .detail_main .right_cont .cont .item .name{margin-bottom: 23px; font-size: 30px; color: #0049cc; font-family:"APR"; line-height:44px;} #cases_detail .detail_main .right_cont .cont .item .info{font-size: 16px; color: #666; font-family:"APR"; line-height: 27px;} #cases_detail .detail_main .right_cont .btn{margin: 130px auto 0;width: 200px; height: 60px; border: 1px solid #dedede; font-size: 16px; color: #333; line-height: 58px; font-family:"APR"; background: transparent; border-radius: 5px;} #cases_detail .detail_main .right_cont .btn:hover{background: #0049cc; /*border-color: #0049cc;*/ color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} @media (max-width: 1024px) { #cases_detail .detail_main .left_nav{display: none;} #cases_detail .detail_main .right_cont{width: 100%;} #cases_detail .detail_main .right_cont .btn{margin-top: 80px;} } @media (max-width: 750px) { #cases_detail .top_data{flex-wrap: wrap;} #cases_detail .top_data .data_ul{width: 100%;} #cases_detail .top_data .data_ul .data .txt{font-size: 26px;} #cases_detail .top_data .pro{width: 100%; margin-top: 40px;} #cases_detail .top_data .pro .p1, #cases_detail .top_data .pro .p2{font-size: 30px; line-height: 1.6;} #cases_detail .detail_main .right_cont .title{font-size: 42px; line-height: 1.6;} #cases_detail .detail_main .right_cont .cont .item .name{font-size: 36px; line-height: 1.6;} #cases_detail .detail_main .right_cont .cont .item .info{font-size: 30px; line-height: 1.6;} #cases_detail .detail_main .right_cont .cont .item .info *{font-size: 30px !important; line-height: 1.6;} #cases_detail .detail_main .right_cont .btn{width: 220px; height: 60px; line-height: 58px; font-size: 26px;} } #recommend_products{padding: 90px 0 100px; background: #fafafa;} #recommend_products.solution{background: #fff;} #recommend_products .title{margin-bottom: 50px; font-size: 42px; color: #333; line-height: 59px;font-weight: 700;} #recommend_products .container{padding-top: 3px; padding-bottom: 40px;} #recommend_products .container .slide{padding: 55px 3.214% 35px;background: #fff; border-radius: 10px; background: #fff;} #recommend_products.solution .container .slide{background: #f6f7fb} #recommend_products .container .slide .name{margin-bottom: 10px; font-size: 24px; color: #333; line-height: 39px; font-family:"APR"; font-weight: 500;} #recommend_products .container .slide i{margin-bottom: 14px; display: block; width: 44px; height: 2px; background: #0049cc; } #recommend_products .container .slide .brief{font-size: 16px; color: #333; line-height: 23px; font-family:"APR"; height: calc(23px * 4); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; } #recommend_products .container .slide:hover{background: #004acc url(../image/cases-pic12.png) no-repeat top right 40px; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,73,204,0.1);} #recommend_products .container .slide:hover .name, #recommend_products .container .slide:hover .brief{color:#fff;} #recommend_products .container .slide:hover i{background: #fff;} #recommend_products .container .swiper-pagination{bottom: 0;} #recommend_products .container .swiper-pagination .swiper-pagination-bullet{width: 11px; height: 11px;} #recommend_products .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0049cc;} #recommend_products .btn{width: 18px; height: 36px; top: 45%; transform: translateY(-50%);} #recommend_products .prev{left: -120px;} #recommend_products .next{right: -120px;} @media (max-width: 1680px) { /*#recommend_products .prev{left: -80px;} #recommend_products .next{right: -80px;}*/ #recommend_products .prev{left: -50px;} #recommend_products .next{right: -50px;} } @media (max-width: 1440px) { #recommend_products .prev{left: -35px;} #recommend_products .next{right: -35px;} } @media (max-width: 750px) { #recommend_products{padding: 80px 0;} #recommend_products .title{font-weight: 700;} #recommend_products .container .slide .name{font-size: 36px; line-height: 1.6;} #recommend_products .container .slide .brief{font-size: 30px; line-height: 1.6; height: calc(47px * 4); } #recommend_products .btn{display: none;} } #recommend_cases{padding: 90px 0; background: #f1f1f1;} #recommend_cases .title{margin-bottom: 50px; font-size: 42px; color: #333; line-height: 59px;font-weight: 700;} #recommend_cases .cont .list{margin-bottom: 90px;} #recommend_cases .cont .list .item{width: 31.83%; /*margin-top: 30px;*/ margin-right: 2.14%; border-radius: 10px; overflow: hidden; background: #fff;height: auto;} #recommend_cases .cont .list .item:nth-child(3n){margin-right: 0;} #recommend_cases .cont .list .item:nth-child(-n+3){margin-top: 0;} #recommend_cases .cont .list .item .info{padding: 65px 6.71% 28px;} #recommend_cases .cont .list .item .info .logo{width: 100px;/*padding-top: 23%;*/ top: -60px; left: 6.71%; z-index: 3; border-radius: 50%; overflow: hidden; box-shadow: 0 5px 20px rgba(2,73,204,0.05); background: #fff;} #recommend_cases .cont .list .item .info .logo::before{content: '';padding-top: 100%;display: block;width: 100%;} #recommend_cases .cont .list .item .info .name{font-size: 24px; color: #333; line-height: 36px; font-family:"APR";} #recommend_cases .cont .list .item .info .brief{margin-bottom: 23px; font-size: 16px; color: #666; font-family:"APR"; line-height: 29px; height: calc(29px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #recommend_cases .cont .list .item .info .tag_list .li{padding: 8px 9px; border: 1px solid #f1f1f1; border-radius: 5px; margin-right: 2.24%;} #recommend_cases .cont .list .item .info .tag_list .li:last-child{margin-right: 0;} #recommend_cases .cont .list .item .info .tag_list .li:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #recommend_cases .cont .list .item .top{opacity: 0; top: 110%; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 10% , #fff 30%,#fff 100%); z-index: -1; display: flex; flex-direction: column; align-items: center; justify-content: center;} #recommend_cases .cont .list .item .top .code{margin-bottom: 68px;} #recommend_cases .cont .list .item .top .code .pic{margin-bottom: 29px;} #recommend_cases .cont .list .item .top .code .txt{font-size: 18px; color: #333; font-family:"APR"; line-height: 27px;} #recommend_cases .cont .list .item .top .btn{margin: 0 auto; width: 182px; height: 52px; border: 1px solid #dedede; font-size: 18px; color: #333; font-family:"APR"; line-height: 50px; border-radius: 5px;} #recommend_cases .cont .list .item .top .btn:hover{background: #0049cc; /*border-color: #0049cc;*/ color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #recommend_cases .cont .list .item .top .btn.apply{margin-top: 11px;} #recommend_cases .cont .list .item:hover {box-shadow: 0 10px 20px rgba(0,73,204,0.1);} /*#recommend_cases .cont .list .item:hover .top{opacity: 1; top: 0;}*/ #recommend_cases .cont .list .item .top.cur{opacity: 1; top: 0;z-index: 5;} #recommend_cases .container{padding-bottom: 40px;} #recommend_cases .container .swiper-pagination{bottom: 0;} #recommend_cases .container .swiper-pagination .swiper-pagination-bullet{width: 11px; height: 11px;} #recommend_cases .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0049cc;} #recommend_cases .btn{width: 18px; height: 36px; top: 45%; transform: translateY(-50%);} #recommend_cases .prev{left: -120px;} #recommend_cases .next{right: -120px;} @media (max-width: 1680px) { #recommend_cases .prev{left: -50px;} #recommend_cases .next{right: -50px;} } @media (max-width: 1440px) { #recommend_cases .prev{left: -35px;} #recommend_cases .next{right: -35px;} } @media (max-width: 1280px) { /*#recommend_cases .cont .list .item .info .logo{padding-top: 27%;}*/ } @media (max-width: 1024px) { /*#recommend_cases .cont .list .item .info .logo{padding-top: 34%;}*/ /*#recommend_cases .cont .list .item .info .logo{padding-top: 23%;}*/ } @media (max-width: 750px) { #recommend_cases{padding: 80px 0;} #recommend_cases .cont .list{flex-wrap: wrap;} #recommend_cases .cont .list .item{width: 100%; /*margin-top: 40px;*/ margin-right: 0} /*#recommend_cases .cont .list .item:nth-child(-n+3){margin-top: 40px;}*/ #recommend_cases .cont .list .item .info .logo{width: 110px; /*padding-top: 17%;*/} #recommend_cases .cont .list .item .info .name{font-size: 36px; line-height: 1.6;} #recommend_cases .cont .list .item .info .brief{font-size: 30px; line-height: 1.6; height: calc(48px * 2);} #recommend_cases .cont .list .item .info .tag_list{flex-wrap: wrap;} #recommend_cases .cont .list .item .info .tag_list .li{padding: 10px;font-size: 26px;} #recommend_cases .cont .list .item .top .code .txt{font-size: 32px;} #recommend_cases .cont .list .item .top .btn{width: 320px; height: 80px; line-height: 78px; font-size: 26px;} #recommend_cases .prev, #recommend_cases .next{display: none;} } /* 关于我们 */ #banner_about {} #banner_about .cont{height: max-content; top: 50%; transform: translateY(-50%);} #banner_about .cont .p1{font-size: 48px; color: #333; font-family:"APR"; line-height: 60px;} #banner_about .cont .p2{font-size: 48px; color: #333; font-family:"APR"; line-height: 60px; margin-bottom: 36px; font-weight: 600;} #banner_about .cont .p2 span:last-child{color: #0049cc; } #banner_about .cont .btn{width: 130px; height: 45px; background: #0049cc; line-height: 45px; font-size: 16px; color: #fff; font-family:"APR"; border-radius: 5px;background: linear-gradient(to right,#0093cc,#0033cc);} #banner_about .cont .btn:hover{opacity:0.8;} @media (max-width: 1024px) { #banner_about .cont .p1, #banner_about .cont .p2{font-size: 30px;} } @media (max-width: 750px) { #banner_about .cont .p1, #banner_about .cont .p2{font-size: 48px;} #banner_about .cont .btn{width: 220px; height: 60px; line-height: 58px; font-size: 26px;} } #about_introduce{padding: 140px 0 80px; background: url(../image/about-pic1.jpg) no-repeat center center/100% 100%;} #about_introduce .top_info{width: 60.71%;} #about_introduce .top_info .title{margin-bottom: 38px;} #about_introduce .top_info .title .p1{font-size: 48px; color: #000; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_introduce .top_info .title .p2{font-size: 48px; color: #0049cc; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_introduce .top_info .brief{margin-bottom: 60px; font-size: 16px; color: #666; font-family:"APR"; line-height: 27px; text-align: justify;} #about_introduce .top_info .logo_list{margin-bottom: 125px;} #about_introduce .top_info .logo_list .logo{width: 24.94%; padding-top: 10%;} #about_introduce .bot_swi .container{padding-bottom: 75px;} #about_introduce .bot_swi .container .slide{position: relative;} #about_introduce .bot_swi .container .slide::before{content:""; display: block; width: 1px; height: 115px; background: #c2c5c8; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; } #about_introduce .bot_swi .container .slide:last-child::before{display: none;} #about_introduce .bot_swi .container .slide .figure {align-items: baseline;} #about_introduce .bot_swi .container .slide .figure .num{font-size: 72px; color: #004ccc; font-weight: bold;margin-right: 3px;} #about_introduce .bot_swi .container .slide .figure .unit{font-size: 18px; color: #004ccc; font-weight: 600;} #about_introduce .bot_swi .container .slide .txt{font-size: 16px; color: #666; font-family:"APR"; line-height: 35px;} #about_introduce .bot_swi .container .swiper-pagination{bottom: 0;} #about_introduce .bot_swi .container .swiper-pagination .swiper-pagination-bullet{width: 11px; height: 11px;} #about_introduce .bot_swi .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0049cc;} @media (max-width: 1366px) { #about_introduce{padding: 100px 0 80px;} #about_introduce .top_info .logo_list{margin-bottom: 70px;} } @media (max-width: 1200px) { #about_introduce .top_info{width: 62.71%;} } @media (max-width: 750px) { #about_introduce{padding: 80px 0;background: url(../image/about-pic1-mb.jpg) no-repeat center center/100% 100%;} #about_introduce .top_info{width: 100%;} #about_introduce .top_info .title .p1, #about_introduce .top_info .title .p2{font-size:42px; } #about_introduce .top_info .brief{font-size: 30px; line-height: 1.6;} #about_introduce .top_info .logo_list .logo{ width: 33.94%; padding-top: 17%;} #about_introduce .top_info .logo_list .logo img{transform: scale(1.5);} #about_introduce .bot_swi .container .slide .figure .unit{font-size: 26px;} #about_introduce .bot_swi .container .slide .txt{font-size: 26px;} } #about_history{padding: 90px 0 85px; background: url(../image/about-pic5.jpg) no-repeat center center/100% 100%;position: relative;} #about_history::before{content:""; display: block; width: 13.54%; height: 100%; background: linear-gradient(to left, transparent 0,rgba(255,255,255,0.3) 10%, #fff 100%); position: absolute; top: 0; left: 0; z-index:5;} #about_history::after{content:""; display: block; width: 13.54%; height: 100%; background: linear-gradient(to right, transparent 0,rgba(255,255,255,0.3) 10%, #fff 100%); position: absolute; top: 0; right: 0; z-index:5;} #about_history .top{margin-bottom: 100px;} #about_history .top .title{font-size: 42px; color: #333; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_history .top .btn{width: 130px; height: 45px; line-height: 45px; border: 1px solid #c9d7eb; font-size: 16px; color: #333; font-family:"APR"; border-radius: 5px;} #about_history .top .btn:hover{background: #004ccc; /*border-color: #004ccc;*/ color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #about_history .box{position: relative; } #about_history .cont .container{margin-bottom: 20px; padding-bottom: 98px; overflow: visible !important;} #about_history .cont .container .slide .year{margin-bottom: 26px; font-size: 36px; color: #0049cc; line-height: 47px; font-family:"APR"; font-weight: bold;} #about_history .cont .container .slide .brief{font-size: 16px; color: #666; line-height: 24px; height: calc(24px * 4); overflow-y: auto;} #about_history .cont .container .swiper-scrollbar{left: 50%; bottom: 0; transform: translateX(-50%); width: 35.71%; border-radius: 0; background: #dedede; height: 4px; border-top: 1px solid transparent; border-bottom: 1px solid transparent;} #about_history .cont .container .swiper-scrollbar .swiper-scrollbar-drag{background: #004acc; height: 4px; border-radius:0; z-index: 10;} #about_history .cont .bar .txt{font-size: 16px; color: #999; font-family:"APR"; line-height: 25px;} @media (max-width: 1680px) { #about_history::before{width: 8.54%; background: linear-gradient(to left, transparent 0,rgba(255,255,255,0.3) 25%, #fff 100%);} #about_history::after{width: 8.54%; background: linear-gradient(to right, transparent 0,rgba(255,255,255,0.3) 25%, #fff 100%);} } @media (max-width: 750px) { #about_history{padding: 80px 0;} #about_history::before, #about_history::after{display: none;} #about_history .cont .container{margin-bottom: 20px; padding-bottom: 60px;} #about_history .cont .container .slide .brief{font-size: 26px; line-height: 1.6; height: calc(50px * 4);} #about_history .cont .bar .txt{font-size: 26px; line-height: 1.6} #about_history .top .btn{width: 220px; height: 60px; line-height: 58px; font-size: 26px;} } #about_team{background: #f6f7fb; padding: 90px 0 100px;} #about_team .title{margin-bottom: 60px; font-size: 42px; color: #333; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_team .cont .item{width: 31.93%; margin-right: 2.143%; background: #fff;} #about_team .cont .item:nth-child(3){margin-right:0;} #about_team .cont .item .info{padding: 27px 6.71% 16px;} #about_team .cont .item .info .name{font-size: 24px; color: #0049cc; line-height: 33px; font-family:"APR"; font-weight: 600;} #about_team .cont .item .info .job{font-size: 16px; color: #333; line-height: 24px; font-family:"APR"; font-weight: 600; height: calc(24px * 4); overflow-y: auto;} @media (max-width: 750px) { #about_team .cont{flex-wrap: wrap;} #about_team .cont .item{width: 100%; margin-right: 0; margin-top: 40px;} #about_team .cont .item:first-child{margin-top: 0;} #about_team .cont .item .info .name{font-size: 36px; line-height: 1.6;} #about_team .cont .item .info .job{font-size: 30px; line-height: 1.6; height: calc(50px * 3);} } #about_ability{padding: 80px 0 100px;} #about_ability .title{margin-bottom: 45px; font-size: 42px; color: #333; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_ability .ability{border-bottom: 1px solid #dedede;} #about_ability .ability .item{margin-right: 11.78%; padding-bottom: 11px; font-size: 18px; color: #333; line-height: 28px; font-family:"APR";font-weight: 600;} #about_ability .ability .item:last-child{margin-right: 0;} #about_ability .ability .item.cur{position: relative; color: #0049cc;} #about_ability .ability .item.cur::before{content:"";width: 100%; height: 2px; background: #0049cc; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); z-index: 2;} #about_ability .cont{padding-top: 42px;} #about_ability .cont .con .p1{margin-bottom: 46px; font-size: 24px; color: #333; line-height: 42px; font-family:"APR"; font-weight: 600;} #about_ability .cont .con .p1 span{color: #0049cc;} @media (max-width: 750px) { #about_ability .ability .item{font-size: 26px;margin-right: 3.78%;} #about_ability .cont .con .p1{font-size: 30px; line-height: 1.6;} #about_ability .ability{justify-content:space-evenly;} } #about_terrace{padding: 80px 0 100px; background: #f6f7fb;} #about_terrace .title{font-size: 42px; color: #333; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_terrace .brief{margin-bottom: 50px; font-size: 16px; color: #999; font-family:"APR"; line-height: 35px;} @media (max-width: 750px) { #about_terrace .brief{font-size: 30px; line-height: 1.6;} } #about_culture{padding: 90px 0 0;} #about_culture .title{padding-bottom: 230px;font-size: 42px; color: #333; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_culture .list{width: 100%; height: max-content; top: inherit;bottom: -80px; left: 50%; transform: translateX(-50%); z-index: 5;} #about_culture .list .li{margin-right: 1.57%; padding: 45px 2.1% 50px; width: 18.71%; background: #f5f6fa; border-radius: 5px;} #about_culture .list .li .icon{margin-bottom: 74px; width: 77px; height: 77px; border-radius: 50%; border: 3px solid #cbcbcb;} #about_culture .list .li .icon .i1{display: inline-block;} #about_culture .list .li .icon .i2{display: none} #about_culture .list .li .txt{font-size: 20px; color: #333; font-family:"APR"; font-weight: 600; background: url(../image/about-pic16.png) no-repeat bottom 5px right;} #about_culture .list .li:hover {background: #0049cc;} #about_culture .list .li:hover .icon{border-color: #fff;} #about_culture .list .li:hover .icon .i1{display: none} #about_culture .list .li:hover .icon .i2{display: inline-block;} #about_culture .list .li:hover .txt{color: #fff; background: url(../image/about-pic17.png) no-repeat bottom 5px right;} #about_culture .list .li.cur {background: #0049cc;} #about_culture .list .li.cur .icon{border-color: #fff;} #about_culture .list .li.cur .icon .i1{display: none} #about_culture .list .li.cur .icon .i2{display: inline-block;} #about_culture .list .li.cur .txt{color: #fff; background: url(../image/about-pic17.png) no-repeat bottom 5px right;} #about_culture .cont .info{height: max-content; top: 50%; transform: translateY(-50%); z-index: 4;} #about_culture .cont .info .p1{margin-bottom: 19px; font-size: 26px; color: #fff; font-family:"APR"; line-height: 54px;} #about_culture .cont .info i{margin: 0 auto 26px; display: block; width: 25px; height:5px; background: #fff;} #about_culture .cont .info .p2{font-size: 16px; color: #fff; font-family:"APR"; line-height: 25px;} @media (max-width: 750px) { #about_culture .title{padding-bottom: 60px;} #about_culture .list{display: none;} #about_culture .cont .info .p1{font-size: 36px; line-height: 1.6;} #about_culture .cont .info .p2{font-size: 30px; line-height: 1.6;} #about_culture .cont .swiper-pagination{bottom: 35px;} #about_culture .cont .swiper-pagination .swiper-pagination-bullet{width: 11px; height: 11px; background: #fff; opacity: 0.8;} #about_culture .cont .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0049cc;} } #about_honor{padding: 80px 0 95px; background: #f6f7fb;} #about_honor .title{margin-bottom: 50px; font-size: 42px; color: #333; line-height: 60px; font-family:"APR"; font-weight: 600;} #about_honor .container{margin-bottom: 52px; padding-bottom: 60px;} #about_honor .container .slide .pic{padding: 73.2% 3.35% 0; background: #fff; border-radius: 5px;} #about_honor .container .slide .pic .absolute{display: flex; justify-content: center; align-items: center;} #about_honor .container .slide .name{margin-top: 16px; font-size: 16px; color: #000; font-family:"APR"; line-height: 31px;} #about_honor .container .swiper-pagination{bottom: 0;} #about_honor .container .swiper-pagination .swiper-pagination-bullet{width: 11px; height: 11px;} #about_honor .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0049cc;} #about_honor .more{margin: 0 auto; width: 130px; height: 45px; line-height: 45px; background: #0049cc; color: #fff; border-radius: 5px; font-size: 16px; color: #fff; font-family:"APR";background: linear-gradient(to right,#0093cc,#0033cc);} #about_honor .more:hover{opacity: 0.8;} @media (max-width: 750px) { #about_honor .container .slide .name{font-size: 26px;} #about_honor .more{width: 220px; height: 60px; line-height: 58px; font-size: 26px;} } .news_part1{padding-bottom: 85px; background: #f6f7fb;} #banner_news{ border-radius: 5px;} #banner_news .info{height: max-content; top: 50%; transform: translateY(-50%); padding-left: 7.5%;} #banner_news .info .p1{font-size: 36px; color: #0049cc; line-height: 49px; font-family:"APR"; font-weight: bold; } #banner_news .info .p2{margin-bottom: 11px; font-size: 36px; color: #333; line-height: 48px; font-family:"APR"; font-weight: bold;} #banner_news .info .p3{margin-bottom: 22px; font-size: 24px; color: #666; line-height: 36px; font-family:"APR";} #banner_news .info .more{width: 130px; height: 45px; line-height: 45px; background: #0049cc; color: #fff; border-radius: 5px; font-size: 16px; color: #fff; font-family:"APR";background: linear-gradient(to right,#0093cc,#0033cc);} #banner_news .info .more:hover{opacity: 0.8; } #banner_news.banner2 .info .p1, #banner_news.banner2 .info .p2, #banner_news.banner2 .info .p3{color: #fff;} @media (max-width: 1024px) { #banner_news .info .p1, #banner_news .info .p2{font-size: 26px; line-height: 40px;} #banner_news .info .p3{margin-bottom: 15px; font-size: 20px; } } @media (max-width: 1000px) { #banner_news .info .p1,#banner_news .info .p2{font-size: 20px;} } @media (max-width: 750px) { #banner_news .info .p1, #banner_news .info .p2{font-size: 36px; line-height: 50px;} #banner_news .info .p3{font-size: 26px; } #banner_news .info .more{width: 220px; height: 60px; line-height: 58px; font-size: 26px;} } #news_cont{padding: 50px 0;} #news_cont .item{padding: 30px 2.6% 44px; width: 31.93%; background: #fff; border-radius: 5px;} #news_cont .item .title{margin-bottom: 25px; font-size: 24px; color: #0049cc; font-family:"APR"; line-height: 33px;} #news_cont .news_list{} #news_cont .news_list .list .pic{padding: 24.8%; margin-bottom: 17px;} #news_cont .news_list .list .ul .li{margin-bottom: 15px; } #news_cont .news_list .list .ul .li .name{width: 85%; font-size: 16px; color: #333; line-height: 25px; font-family:"APR";} #news_cont .news_list .list .ul .li .name .icon{opacity: 0; width: 12%; height: 13px;} #news_cont .news_list .list .ul .li:hover .name{color: #0049cc;} #news_cont .news_list .list .ul .li:last-child{margin-bottom: 0;} #news_cont .news_list .list .ul .li.hot .name .txt{max-width: 90%;} #news_cont .news_list .list .ul .li.hot .name .icon{opacity: 1;} #news_cont .news_list .list .ul .li .time{font-size: 16px; color: #666; line-height: 25px; font-family:"APR";} #news_cont .hot_list{} #news_cont .hot_list .ul .li{margin-bottom: 15px;} #news_cont .hot_list .ul .li .name{width: 85%; font-size: 16px; color: #333; line-height: 25px; font-family:"APR";} #news_cont .hot_list .ul .li .time{font-size: 16px; color: #666; line-height: 25px; font-family:"APR";} #news_cont .hot_list .ul .li:hover .name{color: #0049cc;} #news_cont .hot_list .ul .li:nth-child(1) .name{padding-left: 6%; position: relative;} #news_cont .hot_list .ul .li:nth-child(1) .name::before{content:""; display: block; width: 13px; height: 16px; background: url(../image/news-pic2.png) no-repeat center center/100% 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;} #news_cont .hot_list .ul .li:nth-child(2) .name{padding-left: 6%; position: relative;} #news_cont .hot_list .ul .li:nth-child(2) .name::before{content:""; display: block; width: 13px; height: 16px; background: url(../image/news-pic3.png) no-repeat center center/100% 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;} #news_cont .hot_list .ul .li:nth-child(3) .name{padding-left: 6%; position: relative;} #news_cont .hot_list .ul .li:nth-child(3) .name::before{content:""; display: block; width: 13px; height: 16px; background: url(../image/news-pic4.png) no-repeat center center/100% 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1;} #news_cont .tag_list{} #news_cont .tag_list .ul .li{padding: 0 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #dedede; border-radius: 5px; font-size: 16px; color: #333; line-height: 33px; font-family:"APR";} #news_cont .tag_list .ul .li:hover{background: #0049cc; border-color: #0049cc; color: #fff;} @media (max-width: 750px) { #news_cont .box{flex-wrap: wrap;} #news_cont .item{width: 100%; padding: 40px; margin-top: 40px;} #news_cont .item:first-child{margin-top:0;} #news_cont .item .title{font-size: 36px; line-height: 1.6;} #news_cont .news_list .list .ul .li .name{font-size: 30px; line-height: 1.6;} #news_cont .news_list .list .ul .li .name .icon{height: 30px; } #news_cont .news_list .list .ul .li .name .icon img{ transform: scale(1.5);} #news_cont .hot_list .ul .li .name, #news_cont .news_list .list .ul .li .time, #news_cont .hot_list .ul .li .time{font-size: 30px; line-height: 1.6;} #news_cont .hot_list .ul .li:nth-child(1) .name::before, #news_cont .hot_list .ul .li:nth-child(2) .name::before, #news_cont .hot_list .ul .li:nth-child(3) .name::before{ width: 20px; height: 25px;background-size: 100%;} #news_cont .tag_list .ul .li{font-size: 30px; line-height: 1.6;} } #industry_tag{padding: 90px 0 100px; background: #eeeff2;} #industry_tag .title{margin-bottom: 50px; font-size: 42px; color: #333; line-height: 62px; font-family:"APR"; font-weight: bold;} #industry_tag .list .item{width: 31.53%; margin-right: 2.14%; margin-top: 30px; padding: 23px 2.28%; background: #fff; border-radius: 10px;} #industry_tag .list .item:nth-child(-n+3){margin-top: 0;} #industry_tag .list .item:nth-child(3n){margin-right: 0;} #industry_tag .list .item .name{margin-bottom: 3px;font-size: 18px; color: #333; line-height: 33px; font-family:"APR";} #industry_tag .list .item .brief{margin-bottom: 18px; font-size: 16px; color: #666; line-height: 25px; font-family:"APR"; height: calc(25px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #industry_tag .list .item .bot .time{font-size: 16px; color: #999; line-height: 22px; font-family:"APR"} #industry_tag .list .item:hover{transform: translateY(-10px);} @media (max-width: 750px) { #industry_tag{padding: 80px 0;} #industry_tag .list .item{width: 100%; margin-right: 0; margin-top: 40px; padding: 30px; background: #fff; border-radius: 10px;} #industry_tag .list .item:nth-child(-n+3){margin-top: 40px;} #industry_tag .list .item:first-child{margin-top: 0;} #industry_tag .list .item .name{font-size: 36px; line-height: 1.6;} #industry_tag .list .item .brief{font-size: 30px; line-height: 1.6; height: calc(50px * 3); -webkit-line-clamp: 3;} #industry_tag .list .item .bot .time{font-size: 26px; line-height: 1.6;} } .news_part3{padding: 35px 0 80px;background: #f6f7fb;} .news_part4{padding: 90px 0 86px;background: #eeeff2;} #industry_cases{margin-bottom: 140px;} #industry_cases .title{margin-bottom: 50px; font-size: 42px; color: #333; line-height: 62px; font-family:"APR"; font-weight: bold;} #industry_cases .list .item{width: 23.43%; margin-right: 2.04%; margin-top: 30px; border-radius: 10px;} #industry_cases .list .item:nth-child(-n+4){margin-top: 0;} #industry_cases .list .item:nth-child(4n){margin-right: 0;} #industry_cases .list .item .info{height: max-content; top: inherit; bottom: 25px; left: 0; z-index: 1;} #industry_cases .list .item .info .name{padding: 0 9.14%;font-size: 18px; color: #fff; line-height: 26px; font-family:"APR";} @media (max-width: 750px) { .news_part4{padding: 80px 0 100px;} #industry_cases .list .item{width: 47.1%; margin-right: 40px; margin-top: 40px;} #industry_cases .list .item:nth-child(-n+4){margin-top: 40px;} #industry_cases .list .item:nth-child(4n){margin-right: 40px;} #industry_cases .list .item:nth-child(-n+2){margin-top: 0;} #industry_cases .list .item:nth-child(2n){margin-right: 0;} #industry_cases .list .item .info .name{font-size: 30px; line-height:1.6;} } /* 公共部分 */ .public-box{z-index:2;} .con-subnav{display:flex;margin-top:22px;align-items:center;flex-wrap: wrap;line-height: 1.6;} .con-subnav .name{font-size:16px;color:#333333;display:block;width:fit-content;} .con-subnav .name.cur, .con-subnav .name:hover{color:#0049cc;} .con-subnav span{color:#999;margin:0 8px;font-size:16px;} .con-title .tit{font-size:48px;color:#333;} .con-title .brief{font-size:16px;color:#666;line-height:24px;} .con-box{ padding:57px 4.286%; width:100%; border-radius:10px; box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } .public-box.protrends .con-subnav .name, .public-box.protrends .con-title .tit, .public-box.protrends .con-title .brief{color: #fff;} @media screen and (max-width:1024px) { .con-title .tit{font-size: 30px;} } @media screen and (max-width:750px) { /*.con-subnav{display:none;}*/ .con-subnav .name{font-size: 26px;} .con-title .tit{font-size:56px;} .con-title .brief{font-size:30px;line-height:1.6;} .con-box{padding:50px 30px;height:auto;} } /* 招聘 */ #recruit .con-title{margin-top:130px;} #sift{padding-bottom:95px;position:relative;z-index:3;margin-top:-275px;} #sift .con-box .genre{width:100%; display:flex;align-items:baseline; margin-bottom:23px;} #sift .con-box .genre:nth-child(3){margin-bottom:30px;} #sift .con-box .genre .th{margin-right:10px; font-size:16px;color:#1a1a1a;line-height:35px;} #sift .con-box .genre .td{display:flex;flex-wrap:wrap;} #sift .con-box .genre .td .txt{display:block; font-size:16px;color:#1a1a1a;line-height:35px;} #sift .con-box .genre .td .txt{margin:0 42px 0 0;cursor:pointer;} #sift .con-box .genre .td .txt:last-child{margin-right:0;} #sift .con-box .genre .td .txt.cur, #sift .con-box .genre .td .txt:hover{color:#0049cc;} #sift .con-box .search form{padding:0 23px; width:583px;height:70px;border-radius:10px;background:#fafafa;border:1px solid #dedede;line-height:68px;} #sift .con-box .search form .input{width:calc(100% - 23px);height:100%;color:#ccc;} #sift .con-box .search form .input input{display:block; width:100%;height:100%;font-size:16px;color:#333;} #sift .con-box .search form .submit{width:23px;height:22px;background:url(../image/about-search.png) no-repeat center;background-size:cover;} #sift .con-box .search .right{margin-left:3.75%;} #sift .con-box .search .right .name{display:block; font-size:16px;color:#999;margin:0 40px 10px 0;} #sift .con-box .search .right .name:last-child{margin-right:0;} #sift .con-box .search .right .name:hover{color: #0049cc;} @media screen and (max-width:1680px) { #sift{margin-top:-100px;} } @media screen and (max-width:1280px) { #sift{margin-top:-100px;} } @media screen and (max-width:1024px) { #sift{padding:95px 0;} #sift .con-box .genre .td .txt{margin-right:30px;} #sift .con-box .search{flex-direction:column;align-items:flex-start;} #sift .con-box .search .right{margin:30px 0 0 0;} #sift .con-box .search .right .name{margin-right:30px;} } @media screen and (max-width:750px) { #recruit .bg .bg1{display:none;} #recruit .bg .bg2{display:block;} #recruit .con-title{margin-top:200px;} #sift{margin-top:-100px;padding:0 0 80px 0;} #sift .con-box .genre .th{font-size:30px;line-height:1.6;} #sift .con-box .genre .td .txt{font-size:30px;line-height:1.6;} #sift .con-box .search .right .name{font-size:26px;margin-right:25px;} #sift .con-box .search form .input input{font-size:26px;} #sift .con-box .search form .submit{width:30px;height:30px;} } #LY00004{padding: 80px 0 90px 0;background:#f6f7fb;} #LY00004 .item{background:#fff; margin-top: 10px; border: 1px solid #e7e8ea;padding: 0 40px; height: 80px; cursor: pointer;} #LY00004 .item .txt{width: 19.5%; font-size: 16px; color: #999999;} #LY00004 .item .h-txt {color: #1a1a1a;} #LY00004 .item .txt:last-child{width: auto;} #LY00004 .item .tit, #LY00004 .item .date{color: #1a1a1a;} #LY00004 .item .date img{ margin-right: 9px;} #LY00004 .item .header {font-weight: bold;} #LY00004 .thead{background: #fafafa;border-top-right-radius:10px;border-top-left-radius:10px;border-top:4px solid #0049cc;} #LY00004 .tbody .btn{ width:36px; height: 36px;} #LY00004 .tbody .btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 17px; background: #999; transform: translate(-50%, -50%);} #LY00004 .tbody .btn:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 1px; background: #999; transform: translate(-50%, -50%);} #LY00004 .tbody:hover {background: #fafafa;} #LY00004 .tbody.cur .item-btn{ background: #e6eaf2;} #LY00004 .tbody.cur .txt, #LY00004 .tbody.cur .txt{ color: #1a1a1a;} #LY00004 .tbody.cur .tit{font-weight: bold;} #LY00004 .tbody.cur .btn{ transform: rotate(45deg);} #LY00004 .tbody.cur .btn:before, #LY00004 .tbody.cur .btn:after{ background: #1a1a1a;} #LY00004 .tbody.cur {background-color: #f2f2f2;} #LY00004 .con .description{ padding: 40px calc(60px + 180px) 73px 40px;border: 1px solid #e5e5e5;} #LY00004 .con .pop-btn{font-size: 16px;right: 40px; bottom: 82px;overflow:hidden;z-index: 4;;width:180px;height:60px;padding:0 20px;background:#0049cc;line-height: 60px; color:#fff;text-align: center;border-radius:10px;background: linear-gradient(to right,#0093cc,#0033cc);} #LY00004 .con .pop-btn:hover {opacity: .75;} #LY00004 .con .content .caption {margin-bottom: 10px;font-size: 18px;color:#1a1a1a;font-weight: bold;line-height: 38px;} #LY00004 .con .content .text {margin-bottom: 37px;color: #666;line-height: 30px;font-size: 16px;} #LY00004 .con .content .text:nth-child(4){margin-bottom: 0;} @media screen and (max-width: 750px){ #LY00004{padding:80px 0;} #LY00004 .item{margin-top:20px;} #LY00004 .con .content .text {font-size: 30px;line-height: 1.8;} #LY00004 .item{height: 117px;} #LY00004 .item .num, #LY00004 .item .date{ display: none;} #LY00004 .item .tit, #LY00004 .item .add{ font-size: 30px;} #LY00004 .item .txt{width: 47%;} #LY00004 .tbody .btn:before{ height: 30px; } #LY00004 .tbody .btn:after{ width: 30px;} #LY00004 .con .description{padding: 40px 40px calc(60px + 66px) 40px;} #LY00004 .con .description .subText {padding-bottom: 60px;display: block;font-weight: 400;font-size: 30px;} #LY00004 .con .description *{ line-height: 1.8; font-size: 30px;} #LY00004 .con .pop-btn{ font-size: 30px;height:80px;width:260px;bottom: 42px;} #LY00004 .con .content .caption {font-size: 36px;} #LY00004 .con .pop-btn{line-height: 80px;font-size: 30px;} } /* 市场活动 */ #market {background: #f6f7fb;padding:60px 0 100px;} #market .content {display: flex;flex-wrap: wrap;} #market .content .box {box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); width:calc((100% - 70px) / 3);margin:0 30px 30px 0;border-radius:10px;overflow:hidden;} #market .content .box:nth-child(3n) {margin-right:0;} #market .content .box .img {padding-top:64.705%;} #market .content .box .text {padding: 35px 7.838% 42px 7.838%;background-color: #ffffff;} #market .content .box .text .time{font-size:16px;color:#999;} #market .content .box .text .name {font-size: 24px;color:#333;line-height:30px;margin:15px 0 30px;} #market .content .box .text .jump {font-size: 16px;color:#333;width:150px;height:50px;line-height:48px;border:1px solid #dedede;border-radius:5px;padding:0 22px;background:url(../image/market-icon.png) no-repeat 85% center;} #market .content .box:hover .text .jump {color: #fff;background-color:#0049cc;background-image:url(../image/market-icon2.png);} #market .turn_page{margin-top:50px;} @media screen and (max-width:1024px) { } @media screen and (max-width:750px) { #market{padding:80px 0 80px;} #market .content {display: block;} #market .content .box {display:block;width:100%;margin-bottom: 30px;} #market .content .box .text{padding:30px;} #market .content .box .text .time{font-size:30px;} #market .content .box .text .name{font-size: 36px;line-height:1.6;} #market .content .box .text .jump{ font-size: 26px; width:200px; background-size:10px; background-position-y:16px; border-radius:12px;} } #activity{padding-bottom: 50px;margin-top: -220px;position: relative;z-index: 2;} #activity .con-title{margin-bottom:180px;} #activity .content .top{margin-bottom:25px;} #activity .content .top .left{font-size:24px;color:#333;} #activity .content .top .right .txt{font-size:18px;color:#666;position:relative;} #activity .content .top .right .txt.cur, #activity .content .top .right .txt:hover{font-weight:500; color:#0049cc;} #activity .content .top .right .txt:nth-child(1){margin-right:42px;} #activity .content .top .right .txt:nth-child(1)::after{content:'';position:absolute;width:1px;height:17px;background:#999;right:-21px;top:5px;z-index:2;} #activity .content .bind .con .swiper{overflow:visible;} #activity .content .bind .con .swiper{width:100%; height:505px;} #activity .content .bind .con .swiper .cont{padding:60px;width:100%;height:100%;background:#fff;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); border-radius:10px;} #activity .content .bind .con .swiper .cont .img{ padding-top:30%; width:620px; border-radius:8px;overflow:hidden;} #activity .content .bind .con .swiper .cont .right{width:calc(100% - 620px - 40px);margin-left:40px;background:#fff;} #activity .content .bind .con .swiper .cont .right .time{font-size:18px; color:#666;line-height:24px;margin-bottom:8px;} #activity .content .bind .con .swiper .cont .right .name{font-size:24px;color:#333;line-height:24px;} #activity .content .bind .con .swiper .cont .right .brief{font-size:16px;color:#666;line-height:28px;margin:35px 0 50px;} /*#activity .content .bind .con .swiper .swiper-pagination{bottom:-50px;}*/ #activity .content .bind .page_el{margin-top: 45px;text-align: center;} #activity .content .bind .page_el .swiper-pagination-bullet{margin: 0 5px;} #activity .content .bind .con {width:100%; _height:505px;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); border-radius:10px;} #activity .content .bind .con .container{width:100%; height:100%; border-radius:10px;} #activity .content .bind .con .container .slide{padding:60px;width:100%;height:100%;background:#fff;/*box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); border-radius:10px;*/} #activity .content .bind .con .container .slide .img{ padding-top:30%; /*width:620px;*/width:44.285%; border-radius:8px;overflow:hidden;} #activity .content .bind .con .container .slide .right{width:calc(100% - 44.285% - 40px);margin-left:40px;background:#fff;} #activity .content .bind .con .container .slide .right .time{font-size:18px; color:#666;line-height:24px;margin-bottom:8px;} #activity .content .bind .con .container .slide .right .name{font-size:24px;color:#333;line-height:24px;} #activity .content .bind .con .container .slide .right .brief{font-size:16px;color:#666;line-height:28px;margin:35px 0 50px;} #activity .content .bind .con .container .swiper-pagination{bottom:-50px;} #activity .content .bind .con .container .swiper .prev, #activity .content .bind .con .container .swiper .next{ width:18px; height:36px; background:no-repeat center / cover; top:50%; transform:translateY(-50%);z-index:3;} #activity .content .bind .con .container .swiper .prev{background-image:url(../image/act_icon_l.png);left:-139px;} #activity .content .bind .con .container .swiper .next{background-image:url(../image/act_icon_r.png);right:-139px;} #activity .content .bind .con .pn{ width:18px; height:36px; background:no-repeat center / cover; z-index:3;top:50%; transform:translateY(-50%);} #activity .content .bind .con .pn.prev{left:-8%; /*margin-left:-9.929%;*/background-image:url(../image/act_icon_l.png);} #activity .content .bind .con .pn.next{right:-8%;/*margin-right:-9.929%;*/background-image:url(../image/act_icon_r.png);} #activity .content .bind .con .right .btn{width:150px;height:50px;background:#0049cc url(../image/market-icon2.png) no-repeat 83% center;line-height:50px;padding:0 22px;font-size:16px;color:#fff;border-radius:5px;} #activity .content .bind .con .right .btn:hover{opacity: .8;} /* 报名弹窗 */ /*#popup .popup.cur{background:rgba(0,0,0,0.5);}*/ .popup-bg{background: rgba(0,0,0,0.5);position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 50;} #activity_alert{width:800px;height:620px;border-radius:10px;background:#fff;padding:52px 44px 89px 44px;position: fixed;z-index: 61;left: 50%;top: 50%;transform: translate(-50%,-50%);} /*#activity_alert{width:530px;height:620px;border-radius:10px;background:#fff;padding:52px 44px 89px 44px;}*/ #activity_alert.apply{height: auto;padding-bottom: 20px;} #activity_alert .feedback .form_tit{font-size:24px;color:#171d2c;font-weight:bold;} #activity_alert .feedback .form_brief{font-size:16px;color:#666;margin:5px 0 30px;} #activity_alert .feedback .check, #activity_alert .feedback .surface{box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02) inset; margin-bottom:20px; display:block;overflow:hidden; width:40%; height:45px;line-height:43px;font-size:16px;color:#999; border:1px solid #e6e6f1; background:#fff; border-radius:10px;float:left;margin-right:3%} #activity_alert .feedback .surface input{display:block;width:100%;height:100%;padding:0 15px; font-size:16px;color:#333;} #activity_alert .feedback .surface input::placeholder{color:#999 !important;} #activity_alert .feedback .region{margin-bottom:20px;} #activity_alert .feedback .region .province{appearance: none;background:url(../image/region-icon.png) no-repeat 91% center #fff ;color:#999 ;font-size:16px; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02) inset; display:block; width:calc(50% - 10px); margin-right:10px; height:45px; border-radius:10px;border:1px solid #e6e6f1;color:#999;padding:0 15px;} #activity_alert .feedback .region .city{appearance: none;background:url(../image/region-icon.png) no-repeat 91% center #fff; font-size:16px;color:#999; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02) inset; display:block; width:calc(50% - 10px); margin-left:10px; height:45px; border-radius:10px;border:1px solid #e6e6f1;color:#999;padding:0 15px;} #activity_alert .feedback .region select option{color:#333;} #activity_alert .feedback .region select option:nth-child(1){color:#999;} #activity_alert .feedback .surface:hover, #activity_alert .feedback .region .province:hover, #activity_alert .feedback .region .city:hover{border-color:#0049cc;} #activity_alert .feedback .surface.last{display:flex;justify-content:space-between;align-items:center;} #activity_alert .feedback .surface.last input{width:calc(100% - 108px);} #activity_alert .feedback .surface .code{font-size:16px;margin-right:3px; color:#fff; text-align:center; width:105px; height:37px; line-height:37px; background:#0049cc; border-radius:7px;} #activity_alert .feedback .applicants{margin-top:50px; width:100%; line-height:43px; height:45px;text-align:center;font-size:16px;color:#fff; border-radius:10px;background-color:#0049cc;background: linear-gradient(to right,#0093cc,#0033cc);clear:both;} #activity_alert .feedback .applicants .btn{display:block; width:100%;height:100%;} #activity_alert .btn_close{z-index:2;top:30px;right:30px;width:16px;} @media (max-width: 1560px){ #activity .content .bind .con .pn.prev{left: 10px;} #activity .content .bind .con .pn.next{right: 10px;} } @media (max-width: 1366px){ #activity{margin-top: -120px;} } @media screen and (max-width:750px) { #activity .content .top .left{font-size: 36px;} #activity .content .top .right .txt{font-size: 30px;} #activity .content .bind .con .container .slide{flex-wrap: wrap;} #activity .content .bind .con .container .slide .img{width: 100%;padding-top: 62.097%;} #activity .content .bind .con .container .slide .right{width: 100%;margin-left: 0;margin-top: 30px;} #activity .content .bind .con .container .slide .right .time{font-size: 26px;} #activity .content .bind .con .container .slide .right .name{font-size: 36px;line-height: 1.5;} #activity .content .bind .con .container .slide .right .brief{font-size: 30px;line-height: 1.5;} #activity .content .bind .con .right .btn{font-size: 26px;background-image: none;} #activity_alert{width:600px;height:auto; padding:30px;} #activity_alert .feedback .form_tit{font-size:42px;} #activity_alert .feedback .form_brief{font-size:30px;line-height:1.6;} #activity_alert .feedback .surface input{font-size:26px;} #activity_alert .feedback .check, #activity_alert .feedback .surface, #activity_alert .feedback .region .city, #activity_alert .feedback .region .province{height:50px;line-height:48px;} #activity_alert .feedback .region .city, #activity_alert .feedback .region .province{font-size:26px;background-size:25px;} #activity_alert .feedback .surface .code{font-size:24px;width:150px;height:40px;line-height:40px;margin-right:5px;} #activity_alert .feedback .surface.last input{width:calc(100% - 155px);} #activity_alert .feedback .applicants{height:50px;line-height:50px;font-size:24px;} #activity_alert .btn_close{width:25px;} } #info .con-title{margin-top:130px;} #way{margin-top:228px;padding-bottom:100px;} #way .con-box{padding:0 130px;height:285px;} #way .con-box .list{width:100%;height:100%; display:flex;flex-wrap:wrap;align-items:center; justify-content:space-between;} #way .con-box .list .item:nth-of-type(2){padding:0 12.72%; border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;} #way .con-box .list .item .icon{margin:0; width: 45px;height: 45px;background: #0049cc;border-radius: 50%;} #way .con-box .list .item .name{font-size:18px; color:#333;line-height:24px;margin:10px 0 5px;} #way .con-box .list .item .txt{font-size:24px;color:#333;line-height:24px;font-weight:500;} #contact{background:#f6f7fb;padding-bottom:100px;padding-top: 50px;} #contact .add-list{ border-radius:10px; padding:85px 4.286% 65px 4.286%; background:#fff;} #contact .add-list .add{width:calc(50% - 15px);} #contact .add-list .add .name{font-size:24px;font-weight:500;color:#333;line-height:30px;margin-bottom:15px;} #contact .add-list .add .txt{font-size:16px;color:#333;height: 150px;line-height:30px;} /*#contact .add-list .add .txt.address{height:60px;}*/ #contact .add-list .add .map{width:100%;height:350px;margin-top:10px;} #contact .bot{background:#fff; margin-top:30px; padding:17px 5% 50px 5%; border-radius:10px;width: 100%;overflow-x: auto;} #contact .bot .ul .li{padding:50px 0;border-bottom:1px solid #f1f1f1;} #contact .bot .ul .li:last-child{padding-bottom:0;border-bottom:none;} #contact .bot .ul .li .tit{font-size:24px;line-height:30px;color:#0049cc;margin-bottom:30px;} #contact .bot .ul .li .code{width:124px;margin-right:22px;} #contact .bot .ul .li .right .name{font-size:16px;color:#333;line-height:24px;} #contact .bot .ul .li .brief{font-size:16px;color:#333;line-height:30px;} #contact .bot .ul .li .way{margin-top:30px;width:620px;} #contact .bot .ul .li .way .ol{font-size:16px;color:#333;line-height:30px;width:275px;} #contact .bot .ul .li .account .ol .acc-txt{font-size:16px;color:#333;line-height:30px;} #contact .bot .ul .li .account .ol:nth-child(2){padding:0 7.937%;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;} @media screen and (max-width:1440px) { #way .con-box .list .item:nth-of-type(2){padding:0 10% ;} } @media screen and (max-width:1280px) { #way .con-box .list .item:nth-of-type(2){padding:0 8% ;} #way .con-box{height: auto;padding:60px 130px;} #contact .bot .ul .li .account .ol:nth-child(2){padding:0 5%;} } @media screen and (max-width:1024px) { #way{margin-top:150px;} } @media screen and (max-width:1100px) { #way .con-box{height:auto;padding:50px 30px} #way .con-box .list .item:nth-of-type(2){padding:0 6%;} #contact .bot .ul .li .account .ol{width:50%;margin-bottom:30px;} #contact .bot .ul .li .account .ol:nth-child(3){margin-bottom:0;} #contact .bot .ul .li .account .ol:nth-child(2){padding:0;border:none;} } @media screen and (max-width:970px) { #contact .add-list{flex-direction:column;} #contact .add-list .add{width:100%;} #contact .add-list .add:nth-child(2){margin-top:50px;} } @media screen and (max-width:820px) { #way .con-box .list .item:nth-of-type(2){padding:0 3%;} } @media screen and (max-width:750px) { #way{padding-bottom:80px;} #way .con-box .list{flex-direction:column;} #way .con-box .list .item{width:100%;margin-bottom: 30px;text-align:center;} #way .con-box .list .item .icon{margin:0 auto;width:80px;height:80px;} #way .con-box .list .item .icon img{width:40px;} #way .con-box .list .item:last-child{margin-bottom:0;} #way .con-box .list .item:nth-of-type(2){padding:0;border:none;} #way .con-box .list .item .name{font-size:36px;line-height:normal;} #way .con-box .list .item .txt{font-size:30px;line-height:normal;} #contact{padding-bottom:80px;padding-top: 0;} #contact .add-list{padding:30px;} #contact .add-list .add .name{font-size:36px;line-height:normal;} #contact .add-list .add .txt{font-size:30px;line-height:1.6;height: auto;} #contact .add-list .add .txt.address{height:auto;} #contact .add-list .add .map{margin-top:30px;} #contact .bot .ul .li{border-bottom:3px solid #f1f1f1;} #contact .bot .ul .li .tit{font-size:42px;line-height:normal;} #contact .bot .ul .li .code{width:150px;} #contact .bot .ul .li .right .name{font-size:30px;line-height:1.6;} #contact .bot .ul .li .brief{font-size:30px;line-height:1.6;} #contact .bot .ul .li .way{flex-direction:column;width:100%;} #contact .bot .ul .li .way .ol{width:100%;font-size:30px;line-height:1.8;} #contact .bot .ul .li .account{flex-direction:column;} #contact .bot .ul .li .account .ol{width:100%;} #contact .bot .ul .li .account .ol .acc-txt{font-size:30px;line-height:1.8;} #contact .bot *{font-size: 30px !important;line-height: 1.8 !important;} } /* 关于我们-新闻中心 */ #news-center .con-title{/*margin-top:130px;*/margin-top:110px;} #recom-news{/*margin-top:-228px;*/margin-top:-320px;position: relative;z-index:3;padding-bottom:100px;} #recom-news .recommend-tit{font-size:24px;color:#333;margin-bottom:30px;} #recom-news .rec-news-list .box {box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); width:calc((100% - 70px) / 3);margin:0 30px 0 0;border-radius:10px;overflow:hidden;} #recom-news .rec-news-list .box:nth-child(3n) {margin-right:0;} #recom-news .rec-news-list .box .img {padding-top:64.705%;} #recom-news .rec-news-list .box .text {padding: 35px 7.838% 30px 7.838%;background-color: #ffffff;} #recom-news .rec-news-list .box .text .name{font-size: 18px;color:#333;height:48px;line-height:24px;} #recom-news .rec-news-list .box .text .brief{font-size:16px;color:#666;line-height:24px;height:72px;margin:15px 0 25px;} #recom-news .rec-news-list .box .text .time{font-size:16px;color:#999;line-height:24px;} #recom-news .rec-news-list .box .category{font-size:16px;color:#fff;background:rgba(0, 0, 0, 0.5);width: 91px;height:45px;top:0;right:0;z-index:3;text-align:center;line-height:45px; border-bottom-left-radius:10px;} #recom-news .rec-news-list .box:hover .category{background-color:#0049cc;} #recom-news .rec-news-list .box:hover .text .name{color:#0049cc;} #about-news-cont{background:#f6f7fb;padding:60px 0 100px;} #about-news-cont .contents .left{ width:calc(100% - 447px - 29px); margin-right:29px; background:#fff; border-radius:10px;overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #about-news-cont .contents .left .list-tit{border-bottom:1px solid #f2f2f2;} #about-news-cont .contents .left .list-tit .pn{display:none;} #about-news-cont .contents .left .list-tit .title{padding: 20px 36px;font-size: 24px;color: #333;} #about-news-cont .contents .left .list-tit .ul{padding:0 36px;} #about-news-cont .contents .left .list-tit .ul .slide{margin-right:32px;border-bottom:2px solid transparent;width:auto; display:block;font-size:16px;color:#333; line-height:70px;} #about-news-cont .contents .left .list-tit .ul .slide:last-child{margin-right:0;} #about-news-cont .contents .left .list-tit .ul .slide.cur, #about-news-cont .contents .left .list-tit .ul .slide:hover{color:#0049cc;border-color:#0049cc;} #about-news-cont .contents .left .list-cont{padding:30px 36px 0 36px;} #about-news-cont .contents .left .list-cont .li{margin-bottom:40px;} #about-news-cont .contents .left .list-cont .li .img{width:235px; margin-right:29px; border-radius:5px;overflow: hidden;} #about-news-cont .contents .left .list-cont .li .img .category{ top:5px; left:5px; z-index:3; border-radius: 3px; font-size:14px; color:#fff; background:rgba(0,0,0,0.5); width:65px; height:25px; line-height:25px; text-align:center;} #about-news-cont .contents .left .list-cont .li .right{width:calc(100% - 235px - 29px);} #about-news-cont .contents .left .list-cont .li .right .name{font-size:18px;line-height:24px;color:#333;} #about-news-cont .contents .left .list-cont .li .right .brief{margin:20px 0 15px; font-size:16px;line-height:24px; color:#666;} #about-news-cont .contents .left .list-cont .li .right .bot .label{width:calc(100% - 83px);} #about-news-cont .contents .left .list-cont .li .right .bot .label .txt{margin-bottom:5px; border:1px solid #d9d9d9; border-radius:5px;min-width:60px;height:30px;line-height:28px;text-align:center;margin-right:10px; padding:0 10px; font-size:14px; color:#999; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } #about-news-cont .contents .left .list-cont .li .right .bot .label .txt:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #about-news-cont .contents .left .list-cont .li .right .bot .time{width:83px; font-size:16px;color:#999;line-height:30px;} #about-news-cont .contents .left .list-cont .li:hover .right .name{color:#0049cc;} #about-news-cont .contents .left .list-cont .li:hover .img .category{background-color:#0049cc;} #about-news-cont .contents .left .line{width:100%;height:1px;background:#ecf1f8;margin-bottom:40px;} #about-news-cont .contents .left .turn_page{margin-bottom:40px;} #about-news-cont .contents .right{width:447px;} #about-news-cont .contents .right .box .hot{margin-bottom:30px; padding:35px 32px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #about-news-cont .contents .right .box .hot .hot-tit{font-size:24px;color:#333;line-height:48px;margin-bottom:20px;} #about-news-cont .contents .right .box .hot .hot-list .li{margin-bottom:20px;} #about-news-cont .contents .right .box .hot .hot-list .li:last-child{margin-bottom:0;} #about-news-cont .contents .right .box .hot .hot-list .li .img{width:145px;margin-right:20px;border-radius: 3px;overflow: hidden;} #about-news-cont .contents .right .box .hot .hot-list .li .text{width:calc(100% - 165px);} #about-news-cont .contents .right .box .hot .hot-list .li .name{font-size:16px;line-height:24px;color:#666;} #about-news-cont .contents .right .box .hot .hot-list .li .label{margin-top: 5px;} #about-news-cont .contents .right .box .hot .hot-list .li .label .txt{margin-bottom:5px; border:1px solid #d9d9d9; border-radius:5px;min-width:30px;height:30px;line-height:28px;text-align:center;margin-right:10px; padding:0 4px; font-size:12px; color:#999; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;} #about-news-cont .contents .right .box .hot .hot-list .li .label .txt:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #about-news-cont .contents .right .box .hot .hot-list .li:hover .name{color:#0049cc;} #about-news-cont .contents .right .box .link-label{background:#fff; border-radius:10px;padding:35px 32px 25px 32px} #about-news-cont .contents .right .box .link-label .tit{font-size:24px;color:#333;line-height:48px;margin-bottom:20px;} #about-news-cont .contents .right .box .link-label .label-list .name{margin:0 10px 10px 0; font-size:16px; color:#333; text-align:center; border:1px solid #dedede; border-radius:5px;height:35px;line-height:33px;padding: 0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } #about-news-cont .contents .right .box .link-label .label-list .name.cur{background:#0049cc;color:#fff;border-color:#0049cc;} #about-news-cont .contents .right .box .link-label .label-list .name:hover{background:#0049cc;color:#fff;border-color:#0049cc;} @media screen and (max-width:1680px) { #recom-news{margin-top:-150px;} } @media screen and (max-width:1440px) { #recom-news{margin-top:0px;} } @media screen and (max-width:1280px) { #about-news-cont .contents{flex-direction:column;} #about-news-cont .contents .left{width:100%;margin-bottom: 30px;} #about-news-cont .contents .right{width:100%;} #about-news-cont .contents .right .box .hot .hot-list{display:flex;flex-wrap:wrap;} #about-news-cont .contents .right .box .hot .hot-list .li{width:calc((100% - 40px) / 3); margin:0 20px 20px 0 !important;} #about-news-cont .contents .right .box .hot .hot-list .li:nth-child(3n){margin-right:0 !important;} } @media screen and (max-width:1024px) { #recom-news{margin-top:30px;} #news-center .con-title{margin-top:80px;} } /*@media screen and (max-width:970px) {*/ @media screen and (max-width:1024px) { #about-news-cont .contents .right .box .hot .hot-list .li{width:calc(50% - 20px);} #about-news-cont .contents .right .box .hot .hot-list .li:nth-child(3n){margin-right:20px !important;} } @media screen and (max-width:750px) { #news-center .bg .bg1{display:none;} #news-center .bg .bg2{display:block;} #news-center .con-title{margin-top:200px;} #recom-news{margin-top:-100px;padding-bottom:50px;} #recom-news .recommend-tit{font-size:42px;} #recom-news .rec-news-list .box .text{padding:30px;} #recom-news .rec-news-list .box{width:100%;margin:0 0 30px 0;} #recom-news .rec-news-list .box .category{width:150px;height:60px;line-height:60px;font-size:26px;} #recom-news .rec-news-list .box .text .name{font-size:36px;line-height:1.6;height:auto;} #recom-news .rec-news-list .box .text .brief{margin:25px 0; font-size:30px;line-height:1.6;height:auto;} #recom-news .rec-news-list .box .text .time{font-size:30px;line-height:normal;} #about-news-cont{padding-bottom:80px;} #about-news-cont .contents .left .list-tit .title{font-size: 36px;} #about-news-cont .contents .left .list-tit .ul{padding:0 80px;} #about-news-cont .contents .left .list-tit .ul .slide{font-size:36px;} #about-news-cont .contents .left .list-tit .pn{display:block; color:#333; font-size:40px; z-index:2; top:50%; transform:translateY(-50%);} #about-news-cont .contents .left .list-tit .pn.prev{left:30px;} #about-news-cont .contents .left .list-tit .pn.next{right:30px;} #about-news-cont .contents .left .list-cont .li{flex-direction:column;margin-bottom:50px;} #about-news-cont .contents .left .list-cont .li .img{width:100%;margin:0 0 30px 0;} #about-news-cont .contents .left .list-cont .li .img .category{ left:20px; top:20px; border-radius:5px;width:150px;height:60px;font-size:26px;line-height:60px;} #about-news-cont .contents .left .list-cont .li .right{width:100%;} #about-news-cont .contents .left .list-cont .li .right .name{font-size:36px;line-height:normal;} #about-news-cont .contents .left .list-cont .li .right .brief{font-size:30px;line-height:1.6;width:calc(100% - 135px);margin-bottom:30px;} #about-news-cont .contents .left .list-cont .li .right .bot .label .txt{font-size:24px;min-width:90px;height:50px;line-height:48px;padding:0 20px;margin-right:20px;} #about-news-cont .contents .left .list-cont .li .right .bot .time{font-size:26px;line-height:48px;width:135px;} #about-news-cont .contents .right .box .hot .hot-tit{font-size:42px;line-height:normal;margin-bottom:30px;} #about-news-cont .contents .right .box .hot .hot-list .li{width:100%;margin-right:0 !important;} #about-news-cont .contents .right .box .hot .hot-list .li .img{width:180px;} #about-news-cont .contents .right .box .hot .hot-list .li .text{width:calc(100% - 180px - 20px);} #about-news-cont .contents .right .box .hot .hot-list .li .name{font-size:30px;line-height:1.6;} #about-news-cont .contents .right .box .hot .hot-list .li .label .txt{font-size:24px;min-width:90px;height:50px;line-height:48px;padding:0 20px;margin-right:20px;} #about-news-cont .contents .right .box .link-label .tit{font-size:42px;line-height:normal;margin-bottom:30px;} #about-news-cont .contents .right .box .link-label .label-list .name{margin:0 20px 20px 0;font-size:24px;padding:0 20px;height:50px;line-height:48px;} } /* 关于我们-新闻详情 */ #news-center-detail .con-title{margin-top:130px;} #about-news-detail{margin-top:228px; padding-bottom:80px;} #about-news-detail .contents .left{ width:calc(100% - 28px - 447px);margin-right:28px;} #about-news-detail .contents.noright .left{width: 100%;margin-right: 0;} #about-news-detail .contents .left .substance{background:#fff;border-radius:10px;overflow:hidden;} #about-news-detail .contents .left .substance .item{padding:36px 46px 66px 46px;} #about-news-detail .contents .left .substance .item .title{font-size:30px;line-height:48px;color:#333;font-weight:500;} #about-news-detail .contents .left .substance .item .views .txt{font-size:16px;color:#999;line-height:48px;margin-right:18px;} #about-news-detail .contents .left .substance .item .editor, #about-news-detail .contents .left .substance .item .editor *{font-size:16px;color:#666;max-width:100%;line-height:24px;padding:5px 0;} #about-news-detail .contents .left .substance .item .det-label{margin-top:60px;} #about-news-detail .contents .left .substance .item .det-label .tit{margin-right:5px; font-size:16px;color:#333;line-height:35px;white-space: nowrap;} #about-news-detail .contents .left .substance .item .det-label .list .txt{margin-right:10px; font-size:16px; color:#333; min-width:84px; height:35px; line-height:33px; border:1px solid #dedede; text-align:center; padding:0 10px; border-radius:5px;} #about-news-detail .contents .left .substance .item .det-label .list .txt:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #about-news-detail .contents .left .substance .line{width:100%;height:1px;background:#f2f2f2;} #about-news-detail .contents .left .substance .item .line{margin:22px 0 32px;} #about-news-detail .contents .left .substance .about-news-page{padding:42px 46px 52px 46px; background:#fff;} #about-news-detail .contents .left .substance .about-news-page .btn{margin-bottom:15px;width:fit-content;} #about-news-detail .contents .left .substance .about-news-page .btn .txt{font-size:16px;color:#0049cc;} #about-news-detail .contents .left .substance .about-news-page .title{font-size:16px;line-height:24px;color:#666;} #about-news-detail .contents .left .substance .about-news-page .next{width:40%;display: flex;flex-direction: column;align-items: flex-end;} #about-news-detail .contents .left .substance .about-news-page .prev{width:40%;display: flex;flex-direction: column;align-items: flex-start;} #about-news-detail .contents .left .substance .about-news-page .prev .btn .icon{margin-right:10px;width:10px;} #about-news-detail .contents .left .substance .about-news-page .next .btn .icon{margin-left:10px;width:10px;} #about-news-detail .contents .left .substance .about-news-page .prev:hover .title, #about-news-detail .contents .left .substance .about-news-page .next:hover .title{color: #0049cc;} #about-news-detail .contents .right{width:447px;} /*#about-news-detail .contents .right .box{max-height: 100vh;overflow-y: auto;}*/ #about-news-detail .contents .right .box .hot{margin-bottom:30px; padding:25px 32px 35px 32px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #about-news-detail .contents .right .box .hot .hot-tit{font-size:24px;color:#333;line-height:48px;margin-bottom:20px;} #about-news-detail .contents .right .box .hot .hot-list .li{margin-bottom:20px;} #about-news-detail .contents .right .box .hot .hot-list .li:last-child{margin-bottom:0;} #about-news-detail .contents .right .box .hot .hot-list .li .img{width:145px;margin-right:20px;border-radius: 3px;overflow: hidden;} #about-news-detail .contents .right .box .hot .hot-list .li .text{width:calc(100% - 165px);} #about-news-detail .contents .right .box .hot .hot-list .li .name{ font-size:16px;line-height:24px;color:#666;} #about-news-detail .contents .right .box .hot .hot-list .li:hover .name{color:#0049cc;} #about-news-detail .contents .right .box .hot .hot-list .li .time{font-size:16px;color: #999;margin-top: 5px;} #about-news-detail .contents .right .box .link-label{background:#fff; border-radius:10px;padding:25px 32px 25px 32px} #about-news-detail .contents .right .box .link-label .tit{font-size:24px;color:#333;line-height:48px;margin-bottom:20px;} #about-news-detail .contents .right .box .link-label .label-list .name{margin:0 10px 10px 0; font-size:16px; color:#333; text-align:center; border:1px solid #dedede; border-radius:5px;height:35px;line-height:33px;padding: 0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } #about-news-detail .contents .right .box .link-label .label-list .name.cur{background:#0049cc;color:#fff;border-color:#0049cc;} #about-news-detail .contents .right .box .link-label .label-list .name:hover{background:#0049cc;color:#fff;border-color:#0049cc;} #about-news-detail .contents .right .box .related{margin-bottom:30px; padding:25px 32px 40px 32px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #about-news-detail .contents .right .box .related .tit{font-size:24px;line-height:48px;color:#333;margin-bottom:20px;} #about-news-detail .contents .right .box .related .li{margin-bottom:10px;} #about-news-detail .contents .right .box .related .li .num{ width:31px; height:31px; border-radius:3px;font-size:16px;line-height:31px;text-align:center;color:#fff;background:rgba(0, 0, 0, 0.2);margin-right:12px;} #about-news-detail .contents .right .box .related .li .name{font-size:16px;line-height:31px;color:#666;width: calc(100% - 43px);} #about-news-detail .contents .right .box .related .li:hover .num{background-color:#0049cc;} #relat-products{background:#fff;padding:100px 0;} #relat-products .title{margin-bottom:60px; font-size:42px;color:#333;font-weight:500;text-align:center;} #relat-products .container{padding-bottom: 41px;} #relat-products .container .slide{width:calc((100% - 70px) / 3); height:250px; border-radius:10px;background:#f6f7fb no-repeat center;padding:44px 46px;} #relat-products .container .slide .name{font-size:24px;color:#333;line-height:48px;} #relat-products .container .slide .brief{font-size:16px;color:#333;line-height:24px;} #relat-products .container .slide:hover{background-image:url(../image/relat-bg.png);} #relat-products .container .slide:hover .name{color:#fff;} #relat-products .container .slide:hover .brief{color:#fff;} #relat-products .container .swiper-pagination-bullet{width:10px;height:10px;background:#ccc;opacity:1;} #relat-products .container .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0049cc;} #relat-products .container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;} #relat-products .container .swiper-pagination{bottom:0px !important;} #relat-products .pn{ width:18px; top:50%; transform:translateY(-50%);z-index:2;} #relat-products .pn.prev{left:0;margin-left:-9.929%;} #relat-products .pn.next{right:0;margin-right:-9.929%;} @media screen and (max-width:1680px) { #relat-products .pn.prev{margin-left:-6%;} #relat-products .pn.next{margin-right:-6%;} } @media screen and (max-width:1440px) { #relat-products .pn.prev{margin-left:-2%;} #relat-products .pn.next{margin-right:-2%;} } @media screen and (max-width:1280px) { #about-news-detail{margin-top:180px;} #about-news-detail .contents{flex-direction:column;} #about-news-detail .contents .left{width:100%;margin:0 0 30px 0;} #about-news-detail .contents .right{width:100%;} #about-news-detail .contents .right .box .hot .hot-list{display:flex;flex-wrap:wrap;} #about-news-detail .contents .right .box .hot .hot-list .li:last-child{margin-bottom:auto;} #about-news-detail .contents .right .box .hot .hot-list .li{width:calc((100% - 40px) / 3);margin:0 20px 20px 0;} #about-news-detail .contents .right .box .hot .hot-list .li:nth-child(3n){margin-right:0;} #about-news-detail .contents .right .box .related .rel-list{display:flex;flex-wrap:wrap;} #about-news-detail .contents .right .box .related .rel-list .li{width:calc(50% - 10px);} #about-news-detail .contents .right .box .related .rel-list .li:nth-child(2n){margin-left:20px;} } @media screen and (max-width:1024px) { #relat-products .pn{display:none;} #about-news-detail .contents .right .box .hot .hot-list .li{width:calc(50% - 20px);margin:0 20px 20px 0 !important;} #about-news-detail .contents .right .box .hot .hot-list .li:nth-child(2n){margin-right:0 !important;} } @media screen and (max-width:970px) { #about-news-detail .contents .right .box .related .rel-list .li{width:100%;margin:0 0 20px 0 !important;} } @media screen and (max-width:750px) { #about-news-detail .contents .left .substance .item{padding: 36px 26px 66px 26px;} #about-news-detail .contents .left .substance .item .editor, #about-news-detail .contents .left .substance .item .editor *{font-size:30px !important;line-height:1.6;} #about-news-detail .contents .left .substance .item .title{font-size:48px;line-height:normal;} #about-news-detail .contents .left .substance .item .views .txt{font-size:30px;margin-top:20px;} #about-news-detail .contents .left .substance .item .det-label .tit{font-size:30px;line-height:48px;} #about-news-detail .contents .left .substance .item .det-label .list .txt{font-size:30px;height:50px;line-height:48px;padding:0 20px;margin-bottom: 10px;} #about-news-detail .contents .left .substance .about-news-page .title{font-size:30px;line-height:1.4;} #about-news-detail .contents .left .substance .about-news-page .btn .txt{font-size:30px;} #about-news-detail .contents .left .substance .about-news-page .next, #about-news-detail .contents .left .substance .about-news-page .prev{width:48%;} #about-news-detail .contents .left .substance .about-news-page .prev .btn .icon, #about-news-detail .contents .left .substance .about-news-page .next .btn .icon{width:15px;} #about-news-detail .contents .right .box .hot .hot-tit{font-size:42px;line-height:normal;margin-bottom:30px;} #about-news-detail .contents .right .box .hot .hot-list .li{width:100%;margin:0 0 30px 0 !important;} #about-news-detail .contents .right .box .hot .hot-list .li:last-child{margin-bottom:0 !important;} #about-news-detail .contents .right .box .hot .hot-list .li .img{width:180px;} #about-news-detail .contents .right .box .hot .hot-list .li .text{width:calc(100% - 200px);} #about-news-detail .contents .right .box .hot .hot-list .li .name{font-size:26px;line-height:1.6;} #about-news-detail .contents .right .box .hot .hot-list .li .time{font-size:26px;} #about-news-detail .contents .right .box .related .tit{font-size:42px;line-height:normal;} #about-news-detail .contents .right .box .related .li .num{width:45px;height:45px;font-size:26px;line-height:45px;} #about-news-detail .contents .right .box .related .li .name{font-size:26px;line-height:normal;} #about-news-detail .contents .right .box .link-label .tit{font-size:42px;line-height:normal;margin-bottom:30px;} #about-news-detail .contents .right .box .link-label .label-list .name{margin: 0 20px 20px 0;font-size: 24px;padding: 0 20px;height: 50px;line-height: 48px;} #relat-products{padding:80px 0;} #relat-products .title{margin-bottom:50px;} #relat-products .container .slide{height:auto;padding:30px;background-size:cover;} #relat-products .container .slide .name{font-size:36px;line-height:normal;} #relat-products .container .slide .brief{font-size:30px;line-height:1.6;margin-top:20px;} } /* 方案下载 */ #scheme-center .con-subnav{margin-top:22px;} #scheme-center .con-title{margin:130px 0 165px;} #scheme{padding-bottom:100px;} #scheme .tit{font-size:24px;line-height:48px;color:#333;margin-bottom:20px;} #scheme .res-subnav{ width:100%; box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); border-radius:10px;background:#fff;padding:30px 35px 30px 46px;} #scheme .res-subnav .ul{width:87.188%;height:35px; overflow:hidden;} #scheme .res-subnav .ul .name{display:block; font-size:16px;color:#666;margin-right:3.653%;line-height:35px;} #scheme .res-subnav .ul .name.cur, #scheme .res-subnav .ul .name:hover{color:#0049cc;} #scheme .res-subnav .subnav-more{ width:80px; height:35px; font-size:16px; line-height:33px; border:1px solid #dedede; border-radius:5px; background:url(../image/icon2.png) no-repeat center right 12px; padding:0 12px;} #scheme .res-subnav .subnav-more:hover{border-color:#0049cc;color:#0049cc;} #scheme .res-subnav .subnav-more.cur{background-image:url(../image/icon3.png);color:#0049cc;border-color:#0049cc;} #scheme .content{margin-top:60px;display:flex;flex-wrap:wrap;} #scheme .content .box{ width:calc((100% - 70px) / 3); margin:0 30px 30px 0; border-radius:10px;overflow:hidden;} #scheme .content .box:nth-child(3n){margin-right:0;} #scheme .content .box .img{padding-top:66%;overflow:hidden;} #scheme .content .box .text{background:#fff;padding:30px 6.72% 40px 6.72%;} #scheme .content .box .text .name{font-size:18px;color:#333;line-height:24px;height:50px;} #scheme .content .box .text .dump{font-size:16px;color:#333; width:130px; height:45px; border-radius:5px;line-height:43px;border:1px solid #dedede;text-align:center;margin: 0 auto;margin-top:5px;} #scheme .content .box:hover{box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1);} #scheme .content .box:hover .text .name{color:#0049cc;} #scheme .content .box:hover .text .dump{color:#fff;/*border-color:#0049cc;*/background-color:#0049cc;background: linear-gradient(to right,#0093cc,#0033cc);} #scheme .more-scheme{font-size:16px;color:#333; width:210px; height:60px; line-height:58px; text-align:center; border:1px solid #dedede; border-radius: 5px;margin:30px auto 0;} #scheme .more-scheme:hover{/*border-color: #0049cc;*/color:#fff;background-color:#0049cc;background: linear-gradient(to right,#0093cc,#0033cc);} #scheme .more-scheme.isend{display: none;} @media screen and (max-width:750px) { #scheme{padding-bottom:80px;} #scheme .tit{font-size:42px;line-height:normal;margin-bottom:30px;} #scheme .res-subnav{padding:30px;padding-top: 100px;position: relative;} #scheme .res-subnav .ul{width: 100%;} #scheme .res-subnav .ul .name{font-size:26px;margin-bottom:20px;margin-right: 20px;} #scheme .res-subnav .ul .name:first-child{position: absolute;top: 30px;left: 30px;} #scheme .res-subnav .subnav-more:hover{border-color: #dedede;color: #333;} #scheme .res-subnav .subnav-more.cur {background-image: url(../image/icon3.png);color: #0049cc;border-color: #0049cc;} #scheme .res-subnav .subnav-more{font-size:26px;width:130px;height:50px;line-height:48px;background-size:15%;position: absolute;right: 30px;top: 20px;} #scheme .content .box{width:100%;box-shadow:0px 10px 20px 0px rgba(0, 73, 204, 0.1);margin:0 2% 30px 0;} #scheme .content .box:nth-child(3n){margin-right: 2%;} #scheme .content .box:nth-child(2n){margin-right: 0;} #scheme .content .box .text{padding:30px 20px;} #scheme .content .box .text .name{height:auto;line-height:1.6;font-size:36px;} #scheme .content .box .text .dump{margin-top:20px;font-size:30px;width:150px;height:50px;line-height:48px;} #scheme .more-scheme{font-size:26px;} } /* 方案下载详情 */ #scheme-detail{background:#f6f7fb;padding:22px 0 100px;} #scheme-detail .con-subnav{margin-top:0;} #scheme-detail .contents{margin-top:20px;} #scheme-detail .contents .left{width:calc(100% - 28px - 447px);margin-right:28px;} #scheme-detail .contents .left .substance{background:#fff;border-radius:10px;overflow:hidden;} #scheme-detail .contents .left .substance .item{padding:36px 46px 66px 46px;position:relative;} #scheme-detail .contents .left .substance .item::after{content:'';position:absolute;width:100%;height:200px;bottom:0;left:0;right:0;/*background-image:linear-gradient(to bottom,rgba(255,255,255,0.6) 5%,rgba(255,255,255,1) 80%);*/background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 20%);} #scheme-detail .contents .left .substance .item .title{font-size:30px;line-height:48px;color:#333;font-weight:500;} #scheme-detail .contents .left .substance .item .editor{width:100%;/*height:740px;*/overflow:hidden;} #scheme-detail .contents .left .substance .item .editor, #scheme-detail .contents .left .substance .item .editor *{font-size:16px;color:#666;width:100%;line-height:24px;} #scheme-detail .contents .left .substance .item .line{margin:36px 0 46px;width:100%;height:1px;background:#f2f2f2;} #scheme-detail .contents .left .substance .down{margin-bottom:73px;} #scheme-detail .contents .left .substance .down .txt{font-size:16px;color:#333;line-height:48px;margin-bottom:5px;} #scheme-detail .contents .left .substance .down .btn{width:130px; height:45px; border-radius:5px;margin:0 auto;font-size:16px;font-weight:500;line-height:45px;color:#fff;background:#0049cc;background: linear-gradient(to right,#0093cc,#0033cc);} #scheme-detail .contents .left .substance .down .btn:hover{opacity: .8;} #scheme-detail .contents .right{width:447px;} #scheme-detail .contents .right .box .related{padding:25px 32px 30px 32px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #scheme-detail .contents .right .box .related .tit{font-size:24px;line-height:48px;color:#333;margin-bottom:20px;} #scheme-detail .contents .right .box .related .li{margin-bottom:20px;} #scheme-detail .contents .right .box .related .li .img{ width:145px; margin-right:20px; border-radius:3px;overflow:hidden;} #scheme-detail .contents .right .box .related .li .name{width:calc(100% - 145px - 20px); font-size:16px;line-height:24px;color:#666;} #scheme-detail .contents .right .box .related .li:hover .name{color:#0049cc;} @media screen and (max-width:1280px) { #scheme-detail .contents{flex-direction:column;} #scheme-detail .contents .left{width:100%;margin:0 0 30px 0;} #scheme-detail .contents .right{width:100%;} #scheme-detail .contents .right .box .related .rel-list{display:flex;flex-wrap:wrap;} #scheme-detail .contents .right .box .related .rel-list .li{width:calc((100% - 40px) / 3);margin: 0 1.617% 20px 0 ;} #scheme-detail .contents .right .box .related .rel-list .li:nth-child(3n){margin-right:0;} } @media screen and (max-width:1024px) { #scheme-detail .contents .right .box .related .rel-list .li{width:calc(50% - 20px);margin: 0 1.617% 20px 0 !important;} #scheme-detail .contents .right .box .related .rel-list .li:nth-child(2n){margin-right:0 !important;} } @media screen and (max-width:750px) { #scheme-detail{padding:80px 0;} #scheme-detail .contents .left .substance .item{padding:30px;} #scheme-detail .contents .left .substance .item::after {height:500px;background-image:linear-gradient(to bottom,rgba(255,255,255,0.6) 6%,rgba(255,255,255,1) 80%);} #scheme-detail .contents .left .substance .item .title{font-size:48px;line-height:normal;} #scheme-detail .contents .left .substance .item .editor{height:1658px;} #scheme-detail .contents .left .substance .item .editor, #scheme-detail .contents .left .substance .item .editor *{font-size:30px;line-height:1.6;} #scheme-detail .contents .left .substance .down .txt{font-size:30px;margin-bottom:20px;} #scheme-detail .contents .left .substance .down .btn{width:150px;font-size:30px;height:60px;line-height:58px;} #scheme-detail .contents .left .substance .item .line{height:3px;} #scheme-detail .contents .right .box .related .tit{font-size:42px;line-height:normal;margin-bottom:30px;} #scheme-detail .contents .right .box .related .rel-list .li{width:100%;margin-right: 0 !important;} #scheme-detail .contents .right .box .related .li .img{width:180px;} #scheme-detail .contents .right .box .related .li .name{width:calc(100% - 200px);font-size:26px;line-height:1.6;} } /* 使用手册 */ #manual-center .con-subnav{margin-top:22px;} #manual-center .con-title{margin:130px 0 165px;} #manual{padding-bottom:100px; } #manual .tit{font-size:24px;line-height:48px;color:#333;margin-bottom:20px;} #manual .res-subnav{ width:100%; box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); border-radius:10px;background:#fff;padding:39px 35px 39px 46px;} #manual .res-subnav .ul{width:87.188%;height:35px; overflow:hidden;} #manual .res-subnav .ul .name{display:block; font-size:16px;color:#666;margin-right:3.653%;line-height:35px;} #manual .res-subnav .ul .name.cur, #manual .res-subnav .ul .name:hover{color:#0049cc;} #manual .res-subnav .subnav-more{width:80px; height:35px; font-size:16px; line-height:33px; border:1px solid #dedede; border-radius:5px;background:url(../image/icon2.png) no-repeat center right 12px;padding:0 12px; } #manual .res-subnav .subnav-more:hover{border-color:#0049cc;color:#0049cc;} #manual .res-subnav .subnav-more.cur{background-image:url(../image/icon3.png);color:#0049cc;border-color:#0049cc;} #manual .content{margin-top:60px;overflow:hidden; background:#fff; border-radius:10px; box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); } #manual .content .pub-li{height:71px;line-height:70px;} #manual .content .pub-li .down, #manual .content .pub-li .date{text-align:right;} #manual .content .top{border-bottom:1px solid #f6f7fb;} #manual .content .top .d{color:#333;font-size:18px;font-weight:500;} #manual .content .top .name{padding:0 25px;width:50%;} #manual .content .top .down{width:34%;padding:0 25px;} #manual .content .top .date{width:16%;padding-right:32px;} #manual .content .list .item{padding:0 25px;width:100%;height:100%;} #manual .content .list .item .info{width:100%;height:100%;border-bottom:1px solid #f6f7fb;} #manual .content .list .item:last-child .info{border:none;} #manual .content .list .item .info .left{width:66%;} #manual .content .list .item .info .txt{color:#333;font-size:16px;} #manual .content .list .item .info .name{width:calc(100% - 85px);padding-right:30px;} #manual .content .list .item .info .down{width:34%;padding-right:5px;} #manual .content .list .item .info .date{width:85px;} #manual .content .list .item .info .svg {/*width:19px;height:17px;*/width:22px;height:20px;fill:#333;} #manual .content .list .item:hover{background: #f8f8f8;} #manual .content .list .item:hover .info .svg{fill:#0049cc;} #manual .more-manual{ width:210px; height:60px; border-radius:5px;line-height:58px;text-align:center;margin:60px auto 0;border:1px solid #dedede;font-size:16px;color:#333;} #manual .more-manual:hover{/*border-color:#0049cc;*/color:#fff;background-color:#0049cc;background: linear-gradient(to right,#0093cc,#0033cc);} #manual .more-manual.isend{display: none;} @media (max-width: 1366px){ #manual .content .top .down{padding-right: 50px;} #manual .content .list .item .info .down{padding-right: 25px;} } @media (max-width: 750px){ #manual{padding-bottom:80px;} #manual .tit{font-size:42px;line-height:normal;margin-bottom:30px;} /*#manual .res-subnav{padding:30px;} #manual .res-subnav .ul .name{font-size:26px;margin-bottom:10px;} #manual .res-subnav .subnav-more{font-size:26px;width:130px;height:50px;line-height:48px;background-size:15%;}*/ #manual .res-subnav{padding:30px;padding-top: 100px;position: relative;} #manual .res-subnav .ul{width: 100%;} #manual .res-subnav .ul .name{font-size:26px;margin-bottom:20px;margin-right: 20px;} #manual .res-subnav .ul .name:first-child{position: absolute;top: 30px;left: 30px;} #manual .res-subnav .subnav-more:hover{border-color: #dedede;color: #333;} #manual .res-subnav .subnav-more.cur {background-image: url(../image/icon3.png);color: #0049cc;border-color: #0049cc;} #manual .res-subnav .subnav-more{font-size:26px;width:130px;height:50px;line-height:48px;background-size:15%;position: absolute;right: 30px;top: 20px;} #manual .more-manual{font-size:26px;} #manual .content .pub-li.list{height:auto;line-height:normal;} #manual .content .top .date{display: none;} #manual .content .top .d{font-size:30px;} #manual .content .list .item .info{padding:25px 0;} #manual .content .list .item .info .left{flex-direction:column;} #manual .content .list .item .info .left{width:calc(100% - 50px);padding-right:30px;} #manual .content .list .item .info .name{width:100%;padding-right:0;font-size:30px;} #manual .content .list .item .info .date{font-size:30px;width:fit-content;} #manual .content .list .item .info .down{width:50px;} #manual .content .list .item .info .svg{width:40px;height:35.789px;} } /* 软件分类 */ #software-center .con-subnav{margin-top:22px;} #software-center .con-title{margin:130px 0 170px;} #software{padding-bottom:100px;} #software .tit{font-size:24px;line-height:48px;color:#333;margin-bottom:20px;} #software .res-subnav{ width:100%; box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1); border-radius:10px; background:#fff; padding:30px 35px 30px 46px;} #software .res-subnav .ul{width:87.188%;height:35px; overflow:hidden;} #software .res-subnav .ul .name{display:block; font-size:16px;color:#666;margin-right:3.653%;line-height:35px;} #software .res-subnav .ul .name.cur, #software .res-subnav .ul .name:hover{color:#0049cc;} #software .res-subnav .subnav-more{width:80px; height:35px; font-size:16px; line-height:33px; border:1px solid #dedede; border-radius:5px;background:url(../image/icon2.png) no-repeat center right 12px;padding:0 12px; } #software .res-subnav .subnav-more.cur{background-image:url(../image/icon3.png);color:#0049cc;border-color:#0049cc;} #software .content{margin-top:60px;} #software .content .ul {display:grid;gap:30px;grid-template-columns: repeat(2,calc((100% - 30px) / 2));} #software .content .ul .li {padding:39px; background:#fff; border-radius:10px;} #software .content .ul .li .text{font-size:18px;color:#1a1a1a;line-height:26px;} #software .content .ul .li .subtext{font-size:16px;color:#999;margin:20px 0 46px;} #software .content .ul .li .subtext span{ display:inline-block; width:1px; height:17px; background:#999; margin:0 15px; transform:translateY(3px);} #software .content .ul .li .btn{padding:0 25px 0 33px; width:120px; height:45px;border-radius:5px;border: 1px solid #dedede;} #software .content .ul .li .btn .download{color:#333333;font-size:16px;} #software .content .ul .li .btn .icon .svg{width:19px;height:17px;fill:#333;} #software .content .ul .li .btn .qrcode_box{width: 150px;/*height: 200px;*/background: #fff;left: 50%;top: 55px;padding: 10px;font-size: 16px;color: #333;z-index: 2;filter: drop-shadow(0px 0px 5px rgba(0,0,0,.2));transform: translateX(-50%);display: none;} #software .content .ul .li .btn .qrcode_box::after{content: '';position: absolute;left: 50%;top: -20px;transform: translateX(-50%);border: 10px solid transparent;border-bottom-color: #fff;} #software .content .ul .li .btn .qrcode_box .t2{font-size: 14px;} #software .content .ul .li .btn .qrcode_box .t3{text-align: center;margin-top: 5px;font-size: 14px;} #software .content .ul .li .btn .qrcode_box .qrcode{width: 120px;height: 120px;margin: 0 auto;} #software .content .ul .li .btn:hover .qrcode_box{display: block;} #software .content .ul .li .time{font-size: 16px;color: #333;} #software .content .ul .li:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);} #software .content .ul .li:hover .btn {background-color:#0049cc;/*border-color:#0049cc;*/background: linear-gradient(to right,#0093cc,#0033cc);} #software .content .ul .li:hover .btn .icon .svg {fill:#fff;} #software .content .ul .li:hover .btn .download {color:#fff;} #software .more-software{ width:210px; height:60px; border-radius:5px;line-height:58px;text-align:center;margin:60px auto 0;border:1px solid #dedede;font-size:16px;color:#333;} #software .more-software:hover{/*border-color:#0049cc;*/color:#fff;background-color:#0049cc;background: linear-gradient(to right,#0093cc,#0033cc);} #software .more-software.isend{display: none;} @media screen and (max-width:750px) { #software{padding-bottom:80px;} #software .tit{font-size:42px;line-height:normal;} /*#software .res-subnav .ul .name{font-size:26px;margin-bottom:10px;} #software .res-subnav .subnav-more{font-size:26px;width:130px;height:50px;line-height:48px;background-size:15%;} #software .res-subnav .subnav-more:hover{border-color:#0049cc;color:#0049cc;} #scheme .res-subnav .subnav-more.cur {background-image: url(../image/icon3.png);color: #0049cc;border-color: #0049cc;}*/ #software .res-subnav{padding:30px;padding-top: 100px;position: relative;} #software .res-subnav .ul{width: 100%;} #software .res-subnav .ul .name{font-size:26px;margin-bottom:20px;margin-right: 20px;} #software .res-subnav .ul .name:first-child{position: absolute;top: 30px;left: 30px;} #software .res-subnav .subnav-more:hover{border-color: #dedede;color: #333;} #software .res-subnav .subnav-more.cur {background-image: url(../image/icon3.png);color: #0049cc;border-color: #0049cc;} #software .res-subnav .subnav-more{font-size:26px;width:130px;height:50px;line-height:48px;background-size:15%;position: absolute;right: 30px;top: 20px;} /*#software .content .ul{grid-template-columns:100%;gap:30px 0;}*/ #software .content .ul{grid-template-columns:repeat(1,100%);gap:30px 4%;} #software .content .ul .li{text-align:center;} #software .content .ul .li .text{font-size:36px;line-height:normal;} #software .content .ul .li .subtext{font-size:30px;} #software .content .ul .li .bot{display: block;} #software .content .ul .li .btn{width:150px;height:50px;padding:0 20px;margin:0 auto;} #software .content .ul .li .btn .icon .svg{width:30px;height:26.842px;} #software .content .ul .li .btn .download{font-size:30px;} #software .more-software{font-size:26px;} #software .content .ul .li .time{font-size: 26px;margin-top: 10px;text-align: center;} #software .content .ul .li .btn .qrcode_box{width: 220px;top: 65px;font-size: 26px;} #software .content .ul .li .btn .qrcode_box .t2{font-size: 26px;} #software .content .ul .li .btn .qrcode_box .t3{text-align: center;margin-top: 5px;font-size: 26px;} } /* 科脉技术 */ #technology-center .con-subnav{margin-top:22px;} #technology-center .con-title{margin-top:130px;} #technology{margin-top:-100px;position:relative;z-index:3;} #technology .top{width:100%;margin-bottom:80px;border-radius:10px;overflow:hidden; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);} #technology .top .item{padding:60px 4.286%;width:100%;background:#fff;} #technology .top .item .img{ width:48.438%; border-radius:8px; overflow:hidden;} #technology .top .item .right{width:calc(100% - 48.438% - 3.125%);margin-left:3.125%;background:#fff;} #technology .top .item .right .time{font-size:18px; color:#666;line-height:24px;margin-bottom:8px;} #technology .top .item .right .name{font-size:24px;color:#333;line-height:30px;} #technology .top .item .right .brief{font-size:16px;color:#666;line-height:28px;margin:25px 0 45px;} #technology .top .item .right .btn{font-size:16px;color:#999; width:150px; height:50px; border:1px solid #d9d9d9; border-radius:5px;line-height:48px;padding:0 22px;} #technology .top .item .right .btn .icon{width:6px;height:50px;background:url(../image/market-icon.png) no-repeat center;margin-left: 30px;} #technology .top .item .right .btn:hover{/*border-color:#0049cc;*/color:#fff;background: linear-gradient(to right,#0093cc,#0033cc);} #technology .top .item .right .btn:hover .icon{background-image:url(../image/market-icon2.png);} #technology .tech-list{padding:40px 0 100px;background:#f6f7fb;} #technology .tech-list .list-cont .li{width:100%;padding:48px 0;border-bottom:2px solid #dedede;} #technology .tech-list .list-cont .li .left{width:66%;} #technology .tech-list .list-cont .li .left .title{width:100%; line-height:58px;font-size: 24px;color:#1a1a1a;font-weight: 500;} #technology .tech-list .list-cont .li .left .date {margin-bottom:20px;line-height:24px;font-size:18px;color:#999;} #technology .tech-list .list-cont .li .left .brief{font-size: 16px;color:#666666;line-height: 32px;} #technology .tech-list .list-cont .li .left .btn {opacity:0;margin-top:30px; width:150px; height:50px; line-height:50px; padding:0 33px; border-radius:5px; font-size:16px; color:#fff;background: linear-gradient(to right,#0093cc,#0033cc);} #technology .tech-list .list-cont .li .left .btn .icon{width: 6px;height:50px;background: url(../image/tech-icon.png) no-repeat center;margin-left: 10px;} #technology .tech-list .list-cont .li .img{/*width:372px;*/ width:264px; margin-left:2.144%; border-radius:10px; overflow: hidden;} #technology .tech-list .list-cont .li:hover .left .btn{opacity:1;} #technology .tech-list .list-cont .li:hover .left .title {color:#0049cc;} #technology .tech-list .turn_page{margin-top:60px;} @media screen and (max-width:1680px){ #technology{margin-top:-50px;} } @media screen and (max-width:1440px){ #technology{margin-top:0px;} } @media screen and (max-width:1280px){ #technology .tech-list .list-cont .li .left{width:calc(100% - 372px - 2.144%);} } /*@media screen and (max-width:1024px){*/ @media screen and (max-width:768px){ #technology-center .con-title{margin-top:50px;} #technology .top .item{flex-direction:column;} #technology .top .item .img{width:100%;margin-bottom:30px;} #technology .top .item .right{width:100%;margin-left:0;} } @media screen and (max-width:750px){ /*加一个产品移动端适配banner*/ #pro-detail-banner .bg .bg1{display:none;} #pro-detail-banner .bg .bg2{display:block;} /*加一个资讯中心移动端适配banner*/ #banner_news .back .bg1{display:none;} #banner_news .back .bg2{display:block;} #technology-center .con-title{margin-top:130px;} #technology-center .bg .bg1{display:none;} #technology-center .bg .bg2{display:block;} #technology{margin-top:-100px;} #technology .tech-list{padding:20px 0 80px;} #technology .top{display: none;} #technology .top .item{padding:50px 30px;} #technology .top .item .right .time{font-size:30px;margin-bottom:10px;line-height:normal;} #technology .top .item .right .name{font-size:36px;line-height:normal;} #technology .top .item .right .brief{font-size:30px;line-height:1.6;} #technology .top .item .right .btn{font-size:26px;width:180px;background-size:12px;border-color:#0049cc;color:#fff;background:url(../image/market-icon2.png) no-repeat center right 15px #0049cc ;background-size:12px;} #technology .tech-list .list-cont .li{flex-direction:column;} #technology .tech-list .list-cont .li .img{width:100%;margin-left:0;} #technology .tech-list .list-cont .li .left{width:100%;margin-bottom:30px;} #technology .tech-list .list-cont .li .left .btn{opacity:1;font-size:26px;width:180px;padding:0 15px;background-size: 12px;background-position:top 17px right 15px;} #technology .tech-list .list-cont .li .left .title{font-size:36px;line-height:normal;} #technology .tech-list .list-cont .li .left .date{font-size:30px;margin:10px 0 20px;line-height:normal;} #technology .tech-list .list-cont .li .left .brief{font-size:30px;line-height:1.6;} } /* 科脉技术课堂详情 */ #tech-detail{background:#f6f7fb;padding:22px 0 100px;} #tech-detail .con-subnav{margin-top:0;} #tech-detail .contents{margin-top:20px;} #tech-detail .contents .left{width:calc(100% - 2% - 447px);margin-right:2%;} #tech-detail .contents .left .substance{background:#fff;border-radius:10px;overflow:hidden;} #tech-detail .contents .left .substance .item{padding:36px 4.974% 187px 4.974%;} #tech-detail .contents .left .substance .item .title{font-size:30px;line-height:48px;color:#333;font-weight:500;} #tech-detail .contents .left .substance .item .views .txt{font-size:14px;color:#999;line-height:48px;margin-right:20px;} #tech-detail .contents .left .substance .item .views .share .s .svg{fill:#999;} #tech-detail .contents .left .substance .item .views .share .wx{margin-left:10px;} #tech-detail .contents .left .substance .item .views .share .wx:hover .svg{fill:#65b955;} #tech-detail .contents .left .substance .item .views .share .wb:hover .svg{fill:#e2433a;} #tech-detail .contents .left .substance .item .editor, #tech-detail .contents .left .substance .item .editor *{font-size:16px;color:#666;width:100%;line-height:24px;} #tech-detail .contents .left .substance .line{width:100%;height:1px;background:#f2f2f2;} #tech-detail .contents .left .substance .item .line{margin:22px 0 32px;} #tech-detail .contents .left .substance .about-news-page{padding:42px 4.974% 52px 4.974%; background:#fff;} #tech-detail .contents .left .substance .about-news-page .btn{margin-bottom:15px;width:fit-content;} #tech-detail .contents .left .substance .about-news-page .btn .txt{font-size:16px;color:#0049cc;} #tech-detail .contents .left .substance .about-news-page .title{font-size:16px;line-height:24px;color:#666;} #tech-detail .contents .left .substance .about-news-page .next{width:40%;display: flex;flex-direction: column;align-items: flex-end;} #tech-detail .contents .left .substance .about-news-page .prev{width:40%;display: flex;flex-direction: column;align-items: flex-start;} #tech-detail .contents .left .substance .about-news-page .prev .btn .icon{margin-right:10px;width:10px;} #tech-detail .contents .left .substance .about-news-page .next .btn .icon{margin-left:10px;width:10px;} #tech-detail .contents .left .substance .about-news-page .btn_hover:hover .title{color: #0049cc;} #tech-detail .contents .right{width:447px;} #tech-detail .contents .right .box .classroom{background:#fff;border-radius:10px;padding:35px 32px} #tech-detail .contents .right .box .classroom .tit{margin-bottom:25px;font-size:24px;color:#333;} #tech-detail .contents .right .box .classroom .code-pic{background:#f6f7fb; width:137px; border-radius:5px;overflow:hidden;} #tech-detail .contents .right .box .classroom .txt{margin-left:22px;width:calc(100% - 22px - 137px);font-size:16px;color:#333;line-height:28px;} #tech-detail .contents .right .box .related{margin-bottom:30px; padding:25px 32px 30px 32px; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #tech-detail .contents .right .box .related .tit{font-size:24px;line-height:48px;color:#333;margin-bottom:20px;} #tech-detail .contents .right .box .related .li{margin-bottom:10px;} #tech-detail .contents .right .box .related .li .num{ width:31px; height:31px; border-radius:3px;font-size:16px;line-height:31px;text-align:center;color:#fff;background:rgba(0, 0, 0, 0.2);margin-right:12px;} #tech-detail .contents .right .box .related .li .name{font-size:16px;line-height:31px;color:#666;width: calc(100% - 43px);} #tech-detail .contents .right .box .related .li:hover .num{background-color:#0049cc;} @media screen and (max-width:1280px) { #tech-detail .contents{flex-direction:column;} #tech-detail .contents .left{width:100%;margin:0 0 30px 0;} #tech-detail .contents .right{width:100%;} #tech-detail .contents .right .box .related .rel-list{display: flex;flex-wrap:wrap;} #tech-detail .contents .right .box .related .rel-list .li{width:calc(50% - 15px);} #tech-detail .contents .right .box .related .rel-list .li:nth-child(2n){margin-left:30px;} #tech-detail .contents .right .box .classroom{width:fit-content;} #tech-detail .contents .left .substance .item{padding-bottom: 100px;} } @media screen and (max-width:750px) { #tech-detail{padding-bottom:80px;} #tech-detail .contents .left .substance .item .title{font-size:48px;line-height:normal;} #tech-detail .contents .left .substance .item .views{flex-wrap:wrap;margin-top:20px;} #tech-detail .contents .left .substance .line{height:3px;} #tech-detail .contents .left .substance .item .views .txt{font-size:30px;line-height:1.6;} #tech-detail .contents .left .substance .item .editor, #tech-detail .contents .left .substance .item .editor *{font-size:26px !important;line-height:1.6;} #tech-detail .contents .left .substance .about-news-page .prev{width:100%;margin-bottom:20px;} #tech-detail .contents .left .substance .about-news-page .next{width:100%;float:left;align-items:flex-start;} #tech-detail .contents .left .substance .about-news-page .btn .txt{font-size:30px;} #tech-detail .contents .left .substance .about-news-page .btn .icon{width:15px !important;} #tech-detail .contents .left .substance .about-news-page .title{font-size:30px;line-height:1.6;text-align:left;} #tech-detail .contents .left .substance .item .views .share .wx{margin-left:20px;} #tech-detail .contents .left .substance .item .views .share .s .svg{width:35px;height:35px;} #tech-detail .contents .right .box .classroom{width:100%;} #tech-detail .contents .right .box .classroom .code-pic{width:180px;} #tech-detail .contents .right .box .classroom .txt{font-size:30px;line-height:1.6;margin-left:30px; width:calc(100% - 30px - 180px);} #tech-detail .contents .right .box .related .tit{font-size:42px;line-height: normal;margin-bottom: 30px;} #tech-detail .contents .right .box .related .rel-list .li{width:100%;margin-bottom:20px;} #tech-detail .contents .right .box .related .rel-list .li:nth-child(2n){margin-left:0;} #tech-detail .contents .right .box .related .rel-list .li .name{font-size:26px;line-height:1.6;} #tech-detail .contents .right .box .related .li .num{ width:50px; height:50px; font-size:26px; line-height:50px; border-radius:5px;} #tech-detail .contents .right .box .classroom .tit{font-size:42px;line-height: normal;margin-bottom: 30px;} } /* 技术支持 */ #tech-support-center .con-subnav{margin-top:22px;} #tech-support-center .con-title{margin:130px 0 165px;} #tech-support{padding-bottom:100px;} #tech-support .editor{background:#fff; border-radius:10px;overflow:hidden; box-shadow: 0px 10px 20px 0px rgba(0, 73, 204, 0.1);padding:50px 46px 80px 46px;} @media screen and (max-width:750px) { #tech-support .editor *{font-size:30px !important;line-height:1.6 !important;} } /* 运营 */ #operate_banner {background: #171d2c;position: relative;/*padding-top: 100px;*/} #operate_banner .img {opacity: 0.3;} #operate_banner.digitalize .img {opacity: 0.5;} #operate_banner.solution .img{opacity: 1;} #operate_banner .word {color: #fff;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #operate_banner .word .title {font-size: 48px;font-weight: 700;} #operate_banner .word .text {font-size: 16px;margin-top: 20px;} #operate_banner .word .btn {width: 130px;height: 45px;border-radius: 5px;background: #f5b740;line-height: 45px;font-size: 16px;margin: 50px auto 0;} #operate_banner .word .btn.cooperate{/*background: #0049cc;*/background: linear-gradient(to right,#0093cc,#0033cc);} #operate_banner .word .btn:hover{opacity: .8;} @media screen and (max-width:1024px) { #operate_banner .word .title {font-size: 30px;} #operate_banner .word .btn{margin-top: 20px;} } @media screen and (max-width:750px) { #operate_banner .word {width: 92%;} #operate_banner .word .title {font-size: 56px;} #operate_banner .word .text {font-size: 30px;} #operate_banner .word .btn {width: 200px;height: 60px;font-size: 26px;line-height: 60px;} } /* 模块标题 */ #operate_title {font-size: 42px;font-weight: 700;text-align: center;} /* 你是否有这样的难题？ */ #operate_why {padding: 90px 0 95px;} #operate_why .content {margin-top: 75px;/*display: flex;*/} #operate_why .content .container{padding: 15px 0;} #operate_why .content .box {width: 25%;border-right: 1px solid #dedede;} #operate_why .content .box:last-child {border-right: none;} #operate_why .content .box .round {width: 80px;height: 80px;border-radius: 50%;text-align: center;line-height: 80px;color: #fff;font-size: 24px;font-weight: 700;background: #f5b740;margin: auto;} #operate_why .content .box .word {font-size: 16px;line-height: 23px;margin-top: 20px;text-align: center;font-weight: 400;} #operate_why .content .box:hover .round{transform: scale(1.1);} #operate_why .page-el{text-align: center;margin-top: 20px;} #operate_why .page-el .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;} #operate_why .page-el .swiper-pagination-bullet-active{background: #f5b740;} /* 运营陪跑训练营为你解忧 */ #operate_solve {padding: 112px 0 117px;background: #f1f1f1;} #operate_solve .content {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 70px;} #operate_solve .content .box {width: 48.92%;padding: 50px 0;background: #fff;border-radius: 10px;display: flex;margin-top: 30px;} #operate_solve .content .box:nth-of-type(-n+2) {margin-top: 0;} #operate_solve .content .box .img {width: 48.17%;} #operate_solve .content .box .word {width: calc(100% - 48.17%);padding: 0 10.3% 0 4.4%;display: flex;flex-direction: column;justify-content: center;} #operate_solve .content .box .word .title {font-size: 30px;font-weight: 700;margin-bottom: 9px;} #operate_solve .content .box .word .brief {font-size: 16px;line-height: 30px;} /* 你能收获什么？ */ #operate_obtain {padding: 100px 0;} #operate_obtain .content {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 70px;} #operate_obtain .content .box {width: 48.92%;padding: 70px 0;background: #f1f1f1;border-radius: 10px;margin-top: 20px;} #operate_obtain .content .box:nth-of-type(-n+2) {margin-top: 0;} #operate_obtain .content .box .img {margin-bottom: 38px;} #operate_obtain .content .box .title {font-size: 30px;font-weight: 700;text-align: center;} #operate_obtain .content .box .brief {font-size: 16px;color: #666666;text-align: center;margin-top: 11px;} /* 你能学到什么？ */ #operate_study {padding: 100px 0;background: #f1f1f1;} #operate_study .content {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;} #operate_study .content .box {width: 48.92%;border-radius: 10px;overflow: hidden;margin-top: 30px;} #operate_study .content .box:nth-of-type(-n+2) {margin-top: 0;} #operate_study .content .box .title {font-size: 24px;line-height: 70px;color: #fff;background: #f5b944;font-weight: 700;padding: 0 30px;} #operate_study .content .box .word {padding: 25px 20px;font-size: 18px;font-weight: 700;background: #fff;height: calc(100% - 70px);} #operate_study .content .box .word .li {display: flex;align-items: center;margin-top: 12px;} #operate_study .content .box .word .li:first-child {margin-top: 0;} #operate_study .content .box .word .li span {display: block; width: 5px;height: 5px;border-radius: 50px;background: #f5b944;margin-right: 25px;} /* 往期回顾 */ #operate_before {padding: 100px 0;} #operate_before .title {font-size: 18px;text-align: center;margin-top: 7px;} #operate_before .container {margin-top: 48px;border-radius: 10px;overflow: hidden;padding-bottom: 50px;} #operate_before .container .swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 50%;background: #cccccc;opacity: 1;} #operate_before .container .swiper-pagination-bullet-active {background: #f5b944;} /* 客户反馈 */ #operate_feedback {padding: 100px 0;background: #f1f1f1;} #operate_feedback .content {margin-top: 55px;} #operate_feedback .content .list {display: flex;justify-content: space-between;margin-top: 20px;} #operate_feedback .content .list:first-child {margin-top: 0;} /*#operate_feedback .content .list:nth-of-type(2n) {flex-direction: row-reverse;}*/ #operate_feedback .content .list .man .img {width: 80px;height: 80px;border-radius: 10px;overflow: hidden;} #operate_feedback .content .list .man .name {font-size: 20px;text-align: center;margin-top: 7px;} #operate_feedback .content .list .word {width: 92.14%;padding: 26px 2.14% 20px;background: #fff;border-radius: 10px;position: relative;} #operate_feedback .content .list .word .title {font-size: 30px;font-weight: 600;margin-bottom: 14px;} #operate_feedback .content .list .word .text {font-size: 30px;font-weight: 500;line-height: 50px;} #operate_feedback .content .list .word::before {content: '';width: 0;height: 0;border-right: 22px solid #fff;border-top: 22px solid transparent;border-left: 22px solid transparent;border-bottom: 22px solid transparent;position: absolute;top: 30px;left: -44px;} /*#operate_feedback .content .list:nth-of-type(2n) .word::before {left: auto;right: -44px;border-left: 22px solid #ffff;border-right: 22px solid transparent;}*/ #operate_feedback .content .list.right {flex-direction: row-reverse;} #operate_feedback .content .list.right .word::before {left: auto;right: -44px;border-left: 22px solid #ffff;border-right: 22px solid transparent;} /* 常见问题 */ #operate_problem {padding: 100px 0;} #operate_problem .content {margin-top: 50px;} #operate_problem .content .list {display: flex;margin-top: 44px;} #operate_problem .content .list:first-child {margin-top: 0;} #operate_problem .content .list .title {font-size: 24px;font-weight: 700;} #operate_problem .content .list .text {font-size: 18px;margin-top: 4px;} /* 训练营重磅升级，强烈推荐你加入 */ #operate_join {padding: 100px 0;background: #f1f1f1;} #operate_join .box {display: flex;justify-content: center;} #operate_join .word {margin: 65px 0 0;} #operate_join .word .list {display: flex;align-items: center;margin-bottom: 15px;} #operate_join .word .list:last-child {margin-bottom: 0;} #operate_join .word .list .num {width: 45px;height: 45px;border-radius: 50%;text-align: center;line-height: 45px;font-size: 24px;color: #fff;background: #f5b740;margin-right: 13px;} #operate_join .word .list .text {font-size: 24px;} #operate_join .code {margin-top: 50px;display: flex;align-items: center;justify-content: center;flex-direction: column;} #operate_join .code .img {width: 250px;height: 250px;padding: 10px;background: #fff;} #operate_join .code .text {font-size: 24px;font-weight: 700;margin-top: 28px;line-height: 36px;text-align: center;} @media screen and (max-width:1024px) { #operate_solve .content .box {width: 100%;} #operate_solve .content .box:nth-of-type(-n+2) {margin-top: 30px;} #operate_solve .content .box:first-child {margin-top: 0;} #operate_feedback .content .list .word {width: 88%;} } @media screen and (max-width:750px) { #operate_why .content {flex-wrap: wrap;justify-content: center;} #operate_why .content .box {width: 50%;/*margin-top: 30px;*/} #operate_why .content .box:nth-of-type(2n) {border: none;} #operate_why .content .box:nth-of-type(-n+2) {margin-top: 0;} #operate_why .content .box .round {font-size: 36px;width: 100px;height: 100px;line-height: 100px;} #operate_why .content .box .word {font-size: 30px;line-height: 1.5;} #operate_solve .content .box .word {padding: 0 6.3% 0 2.4%;} #operate_solve .content .box .word .title {font-size: 36px;} #operate_solve .content .box .word .brief {font-size: 30px;line-height: 1.5;} #operate_obtain .content .box {width: 100%;} #operate_obtain .content .box:nth-of-type(-n+2) {margin-top: 30px;} #operate_obtain .content .box:first-child {margin-top: 0;} #operate_obtain .content .box .title {font-size: 36px;} #operate_obtain .content .box .brief {font-size: 30px;} #operate_study .content .box {width: 100%;} #operate_study .content .box:nth-of-type(-n+2) {margin-top: 30px;} #operate_study .content .box:first-child {margin-top: 0;} #operate_study .content .box .title {font-size: 36px;line-height: 1.8;} #operate_study .content .box .word {font-size: 30px;} #operate_study .content .box .word .li span {width: 10px;height: 10px;} #operate_before .title {font-size: 36px;} #operate_feedback .content .list .word {width: 84%;} #operate_feedback .content .list .word .title {font-size: 36px;} #operate_problem .content .list .title {font-size: 36px;} #operate_problem .content .list .text {font-size: 30px;} #operate_join .word .list .text {font-size: 30px;} #operate_join .word .list .num {font-size: 36px;width: 60px;height: 60px;line-height: 60px;} #operate_join .code .text {font-size: 26px;} } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-4px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(4px); } } @keyframes bounce-down { 25% { transform: translateY(-4px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(4px); } } /* 企业运营难题，你需要专家来解决 */ #digitalize_expert {padding-top: 100px;overflow: hidden;} #digitalize_expert .pic{margin-top: 50px;} #digitalize_expert .content .round {width: 475px;height: 475px;border-radius: 50%;border: 1px dashed #fadea9;position: absolute;left: 50%;transform: translateX(-50%);bottom:30px;z-index: -1;} #digitalize_expert .content .round.one {width: 720px; height: 720px;bottom: auto;left: 50%; top: 50%;transform: translate(-50%,-50%);box-shadow: inset 0px 0px 80px 0 rgba(250, 222, 169, .2);border: none;} #digitalize_expert .content .round.two {width: 1215px; height: 1215px;bottom: auto;left: 50%; top: 50%;transform: translate(-50%,-50%);box-shadow: inset 0px 0px 80px 0 rgba(250, 222, 169, .2);} #digitalize_expert .content .round.three {width: 320px; height: 320px;bottom: auto;left: 50%; top: 50%;transform: translate(-50%,-50%);box-shadow: inset 0px 0px 80px 0 rgba(250, 222, 169, .2);border: none;} /*#digitalize_expert .content {min-height: 645px;display: flex;justify-content: center;align-items: flex-end;position: relative;} #digitalize_expert .content .word {position: relative;} #digitalize_expert .content .word .main {display: block;} #digitalize_expert .content .word .text {font-size: 18px;font-weight: 700; position: absolute;white-space: nowrap; -webkit-animation: bounce-down 1.6s linear infinite ;animation: bounce-down 1.6s linear infinite ;} #digitalize_expert .content .word .text:nth-of-type(1) {top: 12px;left: 50%;margin-left: -40%; } #digitalize_expert .content .word .text:nth-of-type(2) {top: 65px;right: -100px;animation-delay:0.3s;} #digitalize_expert .content .word .text:nth-of-type(3) {top: 100px;left: -100px;animation-delay:0.4s;} #digitalize_expert .content .word .text:nth-of-type(4) {top: 125px;right: -180px;animation-delay:0.5s;} #digitalize_expert .content .word .text:nth-of-type(5) {top: 190px;left: -140px;animation-delay:0.6s;} #digitalize_expert .content .word .text:nth-of-type(6) {top: 200px;right: -150px;animation-delay:0.7s;} #digitalize_expert .content .round {width: 475px;height: 475px;border-radius: 50%;border: 1px dashed #fadea9;position: absolute;left: 50%;transform: translateX(-50%);bottom:30px;z-index: -1;} #digitalize_expert .content .round.one {width: 720px; height: 720px;bottom: auto;left: 50%; top: 50%;transform: translate(-50%,-50%);box-shadow: 0px 0px 120px 0 rgba(250, 222, 169, 0.11);border: none;} #digitalize_expert .content .round.two {width: 1215px; height: 1215px;bottom: auto;left: 50%; top: 50%;transform: translate(-50%,-50%);box-shadow: 0px 0px 120px 0 rgba(250, 222, 169, 0.11);} #digitalize_expert .content .box {width: 260px;height: 260px;border-radius: 50%;padding: 65px 30px;display: flex;align-items: center;justify-content: center;flex-direction: column;position: absolute;} #digitalize_expert .content .box:before {content: '';width: 0;height: 0;border: 35px solid transparent;position: absolute;top: 50%;right: -65px;transform: translateY(-50%);} #digitalize_expert .content .box .title {font-size: 24px;font-weight: bold;font-weight: 700;} #digitalize_expert .content .box .text {margin-top: 8px;font-size: 18px;line-height: 29px;} #digitalize_expert .content .box .text .li span {font-weight: 700;} #digitalize_expert .content .box.one {background: #def0fa;top: 60px;left: 30px;} #digitalize_expert .content .box.one::before {border-left: 35px solid #def0fa;} #digitalize_expert .content .box.two {background: #fad5c7;bottom: 40px;left: 30px;} #digitalize_expert .content .box.two::before {border-left: 35px solid #fad5c7;} #digitalize_expert .content .box.three {background: #fadea9;top: 60px;right: 30px;} #digitalize_expert .content .box.three::before {border-right: 35px solid #fadea9;right: auto;left: -65px;}*/ /* 一体化服务保障 */ #digitalize_add {padding: 100px 0 70px;background: #f1f1f1;} #digitalize_add .img {padding: 10px;border-radius: 10px;border: 1px solid #e1e9f9;background: #fff;margin-top: 50px;} /* 专业化服务团队 */ #digitalize_team {padding: 100px 0;} #digitalize_team .title {font-size: 36px;font-weight: 700;color: #666666;text-align: center;margin-top: 40px;} #digitalize_team .text {font-size: 36px;color: #666666;text-align: center;} #digitalize_team .text span{color: #f5b740;font-weight: 700;} #digitalize_team .img {margin-top: 64px;} #digitalize_team .code {margin-top: 50px;} #digitalize_team .code .word {margin-top: 17px;font-size: 24px;font-weight: 700;text-align: center;} /* 科脉数字化运营服务优势 */ #digitalize_advantage {padding: 100px 0;background: #f1f1f1;} #digitalize_advantage .title {margin-top: 12px;font-size: 16px;color: #666666;text-align: center;} #digitalize_advantage .content {margin-top: 50px;display: flex;/*justify-content: space-between;*/flex-wrap: wrap;} #digitalize_advantage .content .box {width: 23.42%;border-radius: 10px;box-shadow: 0 10px 20px 0 rgba(0, 74, 204, 0.1);padding: 65px 45px 62px;background: #fff;text-align: center;margin-right: 2.106%;margin-bottom: 26px;} #digitalize_advantage .content .box:nth-child(4n){margin-right: 0;} #digitalize_advantage .content .box .name {margin-top: 20px;font-size: 24px;font-weight: 700;} #digitalize_advantage .content .box .brief {margin-top: 12px;font-size: 16px;line-height: 23px;} #digitalize_advantage .btn {margin: 50px auto 0;font-size: 16px;color: #fff;line-height: 45px;width: 130px;height: 45px;border-radius: 5px;text-align: center;background: #f5b740;} #digitalize_advantage .btn:hover{opacity: .8;} #digitalize_advantage .content .box:hover{transform: translateY(-10px);} /* 运营服务流程 */ #digitalize_flow {padding: 100px 0;} #digitalize_flow .content {margin-top: 95px;display: flex;justify-content: space-between;flex-wrap: wrap;} #digitalize_flow .content .box {display: flex;align-items: center;justify-content: center;flex-direction: column;} #digitalize_flow .content .box .num {width: 65px;height: 65px;border-radius: 50%;text-align: center;line-height: 65px;font-size: 24px;color: #f5b740;border: 1px solid #f5b740;background: #fef8ec;font-family: 'DDB';position: relative;} #digitalize_flow .content .box .num:before {content: '';display: block; width: 149.23%;height: 1px;background: #dedede;position: absolute; top: 50%;transform: translateY(-50%);right: -160%;} #digitalize_flow .content .box:last-child .num:before {display: none;} #digitalize_flow .content .box .text {margin-top: 35px;font-size: 24px;font-weight: 700;white-space: nowrap;} #digitalize_flow .content .box:hover .num {background: #f5b740;color: #fff;} #digitalize_flow .content .box:hover .text {color: #f5b740;} #digitalize_flow .content .long {width: 6.92%;height: 1px;background: #dedede;margin-top: 32px;} /* 通过四大运营策略，落地企业运营服务 */ #digitalize_serve {padding: 100px 0;background: #f1f1f1;} #digitalize_serve .content {margin-top: 30px;} #digitalize_serve .content .big {border-radius: 10px;max-height: 330px;overflow: hidden;} #digitalize_serve .content .info {display: flex;justify-content: space-between;margin-top: 30px;} #digitalize_serve .content .info .box {width: 23.42%;border-radius: 10px;overflow: hidden;} /* 已帮助2500+家企业实现数字化落地 */ #digitalize_num {padding: 100px 0} #digitalize_num .content {margin-top: 55px;/*display: flex;justify-content: space-between;flex-wrap: wrap;*/} #digitalize_num .content .box {width: 23.42%;border-radius: 10px;overflow: hidden;/*margin-bottom: 20px;*/margin-right: 2.106%;} /*#digitalize_num .content .box:nth-child(4n){margin-right: 0;}*/ #digitalize_num .content .box:last-child{margin-right: 0;} #digitalize_num .content .box .img {overflow: hidden;/*max-height: 240px;*/width: 100%;padding-top: 73.171%;} #digitalize_num .content .box .word {padding: 27px;} #digitalize_num .content .box .word .name {font-size: 18px;font-weight: 700;} #digitalize_num .content .box .word .name span {color: #0049cc;margin-left: 19px;} #digitalize_num .content .box .word .info {margin-top: 10px;} #digitalize_num .content .box .word .info .list {display: flex;align-items: center;justify-content: space-between;font-size: 16px;margin-top: 3px;} #digitalize_num .content .box .word .info .list .text {font-weight: 500;} #digitalize_num .content .box .word .info .list .text span {font-weight: 700;} #digitalize_num .content .box .word .info .list .num {display: flex;align-items: center;justify-content: center;} #digitalize_num .content .box .word .info .list .num span {color: #ff0000;} #digitalize_num .page-el{text-align: center;margin-top: 20px;} #digitalize_num .page-el .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;} #digitalize_num .page-el .swiper-pagination-bullet-active{background: #f5b740;} @media screen and (max-width:1280px) { #digitalize_flow .content .box .text{font-size: 18px;} } @media screen and (max-width:1024px) { #digitalize_expert .content .round, #digitalize_expert .content .round.one, #digitalize_expert .content .round.two {display: none;} #digitalize_expert .content {flex-direction: column;align-items: center;} #digitalize_expert .content .box {position: relative;/* width: 48%; */height: auto;padding: 0;margin-top: 30px;} #digitalize_expert .content .box.one, #digitalize_expert .content .box.two, #digitalize_expert .content .box.three {background: none;left: auto;right: auto;top: auto;bottom: auto;} #digitalize_expert .content .box.one::before, #digitalize_expert .content .box.two::before, #digitalize_expert .content .box.three::before {display: none;} #digitalize_expert .content .phone {display: flex;justify-content: space-evenly;flex-wrap: wrap;margin-bottom: 30px;width: 100%;} #digitalize_expert .content .word {display: flex;align-items: center;justify-content: center;flex-direction: column;} #digitalize_advantage .content {flex-wrap: wrap;} #digitalize_advantage .content .box {width: 48%;margin-top: 30px;margin-right: 4%;} #digitalize_advantage .content .box:nth-child(2n) {margin-right: 0;} #digitalize_advantage .content .box:nth-of-type(-n+2) {margin-top: 0;} /*#digitalize_flow .content {flex-wrap: wrap;}*/ #digitalize_flow .content .box {width: 25%;/*margin-bottom: 30px;*/} #digitalize_flow .content .box .num:before {width: 195.23%;right: -230%;} #digitalize_flow .content .box:nth-of-type(4) .num:before {display: none;} #digitalize_flow .content .box{margin-top: 20px;} #digitalize_flow .content .box .text{margin-top: 15px;} /*#digitalize_num .content {flex-wrap: wrap;}*/ #digitalize_num .content .box {width: 48%;margin-right: 4%;} #digitalize_num .content .box:last-child {margin-right: 0;} /*#digitalize_num .content .box:nth-child(4n) {margin-right: 4%;}*/ /*#digitalize_num .content .box:nth-child(2n) {margin-right: 0;}*/ /*#digitalize_num .content .box .img {max-height: none;}*/ #digitalize_serve .content .info {flex-wrap: wrap;} #digitalize_serve .content .info .box {width: 48%;margin-top: 30px;} } @media screen and (max-width:750px) { #digitalize_expert .content .phone {justify-content: space-between;} #digitalize_expert .content .box {width: 48%;} #digitalize_expert .content .box .title {font-size: 36px;} #digitalize_expert .content .box .text {font-size: 30px;line-height: 1.5;} #digitalize_expert .content .word .text {position: relative;animation: none;font-size: 30px;line-height: 1.5;} #digitalize_expert .content .word .text:nth-of-type(1), #digitalize_expert .content .word .text:nth-of-type(2), #digitalize_expert .content .word .text:nth-of-type(3), #digitalize_expert .content .word .text:nth-of-type(4), #digitalize_expert .content .word .text:nth-of-type(5), #digitalize_expert .content .word .text:nth-of-type(6) {top: auto;right: auto;left: auto;margin-left: 0;} #digitalize_advantage .title {font-size: 36px;} #digitalize_advantage .content .box:nth-of-type(-n+2), #digitalize_advantage .content .box {width: 100%;margin-top: 30px;} #digitalize_advantage .content .box .name {font-size: 36px;} #digitalize_advantage .content .box .brief {font-size: 30px;line-height: 1.5;} #digitalize_advantage .btn {width: 200px;height: 60px;font-size: 26px;line-height: 60px;} #digitalize_team .code .word {font-size: 26px;} #digitalize_flow .content .box {width: 48%;} #digitalize_flow .content .box .num {width: 100px;height: 100px;font-size: 36px;line-height: 100px;} #digitalize_flow .content .box .text {font-size: 36px;} #digitalize_flow .content .box:nth-of-type(2n) .num:before {display: none;} #digitalize_num .content .box {width: 100%;/*margin-bottom: 30px;*/margin-right: 0;} #digitalize_num .content .box:nth-child(4n) {margin-right: 0;} #digitalize_num .content .box:nth-child(4n) {margin-right: 0;} #digitalize_num .content .box .word .name {font-size: 36px;} #digitalize_num .content .box .word .info .list {font-size: 30px;line-height: 1.5;} } /* 产品中心 */ #pro-banner .content .title{font-size:48px;font-weight:500;line-height:48px;color:#fff;font-family:'Med';} #pro-banner .content .brief{font-size:24px;color:#fff;line-height:48px;font-family:'Reg';} #pro-banner .content .form{margin:40px auto 30px; border:1px solid rgba(255,255,255,0.25); padding:0 20px; width:485px; height:60px; border-radius:30px;background-color:rgba(255,255,255,0.15);} #pro-banner .content .form .input{font-size:16px;color:#fff; height:100%;width:calc(100% - 20px);padding-left:15px;font-family:'Reg';} #pro-banner .content .form input::input-placeholder{color:#fff;} #pro-banner .content .form .submit{width:17px;margin-right:3px;height: 17px;background: url(../image/pro-search.png) no-repeat center;} #pro-banner .content .form.cur{background-color: #fff;} #pro-banner .content .form.cur input{color: #333;} #pro-banner .content .form.cur input::input-placeholder{color:#333;} #pro-banner .content .form.cur .submit{background-image: url(../image/sousuo.svg);} /*#pro-banner .content .form.cur .submit{background-color: #fff;}*/ #pro-banner .content .text .name{font-size:18px;color:#fff;line-height:48px;font-family:'Reg';} #pro-banner .content .text .name.txt{margin-right:18px;} /* #pro-banner .content .text .name.txt:hover{color:#0049cc;} */ #pro-banner .trends{z-index:2;left:0;right:0;bottom:0;} #pro-banner .trends .box{padding:0 20px;height:100%;border-top-right-radius:10px;border-top-left-radius:10px;background:#0049cc;} #pro-banner .trends .box .title{} #pro-banner .trends .box .title .t{font-size: 16px;color: #fff;font-weight: 700;} #pro-banner .trends .box .container{width:90%;height:60px;} #pro-banner .trends .box .icon{margin-right:15px;} #pro-banner .trends .box .txt{font-size:16px;color:#fff;line-height: 59px;} #pro-banner .trends .box .txt span{font-weight:bold;font-family:'Bol';} #pro-subnav{background-color:#f6f7fb;top:0;z-index:10;width:100%;overflow:hidden;} #pro-subnav .subnav{width:100%;height:71px;border-bottom:1px solid #dedede;} #pro-subnav .subnav .container{height:71px;} #pro-subnav .subnav .slide{width:auto;position:relative;padding:0 94px 0 93px;font-family:'Sem';font-weight:600; font-size:18px;color:#333;line-height:71px;display:block; border-bottom:2px solid transparent;} #pro-subnav .subnav .slide:last-child{margin-right:0;} #pro-subnav .subnav .slide:first-child{margin-left:0;} #pro-subnav .subnav .slide::after{content:''; position:absolute;width:1px;height:17px;background:#dedede; z-index:2; /*right:-94px;*/right:0; top:50%; transform:translateY(-50%); } #pro-subnav .subnav .slide:last-child::after{display:none;} /*#pro-subnav .subnav .slide:hover,*/ /*#pro-subnav .subnav .slide.cur{border-color:#0049cc;color:#0049cc;}*/ #pro-subnav .subnav .slide:hover, #pro-subnav .subnav .slide.cur{color:#0049cc;} #pro-subnav .subnav .hklc{height: 2px;background: #0049cc;bottom: 0;} #products{background:#f6f7fb;padding:20px 0 70px 0;} #products .pro-list .li{margin-top:70px;background-color:#f6f7fb;} #products .pro-list .li .title{font-size:42px;font-weight:500;color:#333;margin-bottom:25px;font-family:'Med';} #products .pro-list .li .ul .item{padding:30px 0;border-top:1px solid #dedede;} #products .pro-list .li .ul .item:last-child{padding-bottom:0;} #products .pro-list .li .ul .item .tit{font-size:24px;color:#0d65d9;font-weight:500;margin-bottom:25px;} #products .pro-list .li .ul .item:nth-child(2) .tit{color:#19a64d;} #products .pro-list .li .ul .item:nth-child(3) .tit{color:#cf5529;} #products .pro-list .li .ul .item .box .case{width:calc((100% - 5.734%) / 3);height:330px; margin:0 2.867% 27px 0;border-radius: 10px;overflow: hidden;background: #fff;} #products .pro-list .li .ul .item .box .case:nth-child(3n){margin-right:0;} #products .pro-list .li .ul .item .box .case .img{padding-top:37.865%;} #products .pro-list .li .ul .item .box .case .bot{width:100%;height:fit-content;} #products .pro-list .li .ul .item .box .case .word_b{display: flex;justify-content: space-between;align-items:flex-start; padding:23px 7.96% 35px 7.96%; background: #fff; width: 100%;transform: translateY(0);} #products .pro-list .li .ul .item .box .case .word_b .logo{width:62px;} #products .pro-list .li .ul .item .box .case .word_b .opt{width:calc(100% - 62px);} #products .pro-list .li .ul .item .box .case .word_b .title_b {font-size: 24px;font-weight:bold;color: #0d65d9;} #products .pro-list .li .ul .item:nth-child(2) .box .case .word_b .title_b{color:#19a64d;} #products .pro-list .li .ul .item:nth-child(3) .box .case .word_b .title_b{color:#cf5529;} #products .pro-list .li .ul .item .box .case .word_b .brief_b {font-size: 16px;color:#333;margin:10px 0;} #products .pro-list .li .ul .item .box .case .word_b .box_b {display: flex;flex-wrap: wrap;} #products .pro-list .li .ul .item .box .case .word_b .box_b .label_b{min-width:60px;height:30px;line-height:28px;text-align:center; padding:0 10px;font-size: 14px;color: #999;border: 1px solid #d9d9d9;border-radius: 5px;margin:0 10px 10px 0;} #products .pro-list .li .ul .item .box .case .word_b .box_b .label_b:last-child{margin-right: 0;} #products .pro-list .li .ul .item .box .case .word_b .btn_b {display: flex;opacity:0;margin-top:10px;} #products .pro-list .li .ul .item .box .case .word_b .btn_b .push_b {width: 150px;height: 50px;border-radius: 5px;margin-bottom:10px; text-align: center;line-height:48px;font-size: 16px;color:#333; border: 1px solid #dedede;box-sizing: border-box;} #products .pro-list .li .ul .item .box .case .word_b .btn_b .push_b:first-child {margin-right:6.32%;} #products .pro-list .li .ul .item .box .case .word_b .btn_b .push_b:hover {background: #0d65d9;/*border-color: #0d65d9;*/color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #products .pro-list .li .ul .item .box .case .word_b .box_b .label_b:hover{border-color:#0d65d9;background-color: #0d65d9;color:#fff;} #products .pro-list .li .ul .item .box .case:hover .word_b {transform: translateY(-70px);} #products .pro-list .li .ul .item .box .case:hover .word_b .btn_b {opacity: 1;} #products .pro-list .li .ul .item .box .case .word_b .box_b{width: 100%;overflow-x: auto;display: flex;flex-wrap: wrap;overflow-y: hidden;} #products .pro-list .li .ul .item .box .case .word_b .box_b .aaa{white-space: nowrap;/*padding-top: 6px;*/max-width: 319px;height: 36px;} #products .pro-list .li .ul .item .box .case .word_b .box_b .label_b{display: inline-block;} @media screen and (max-width:1279px) { #pro-subnav .subnav .slide:hover, #pro-subnav .subnav .slide.cur{border-color:#0049cc;color:#0049cc;} #pro-subnav .subnav .slide{margin:0 50px;padding: 0;} } @media screen and (max-width:1180px) { #products .pro-list .li .ul .item .box .case{height: 260px;} } @media screen and (max-width:1056px) { #pro-subnav .subnav .slide{margin:0 30px;} /*#pro-subnav .subnav .slide::after{right:-30px;}*/ } @media screen and (max-width:970px) { #pro-banner .content .cw1400{height:80%;} #pro-banner .content .form{margin:15px auto;} #pro-banner .content .title{font-size:30px;} #pro-banner .content .brief{font-size:20px;} #pro-banner .trends .box .container{height:50px;} #pro-banner .trends .box .txt{line-height:50px;} } @media screen and (max-width:750px) { #pro-banner .content .title{font-size:56px;line-height:normal;} #pro-banner .content .brief{font-size:30px;line-height:normal;} #pro-banner .content .form{margin:30px auto;} #pro-banner .content .form .input{font-size:30px;} #pro-banner .content .form .submit{width:25px;} #pro-banner .content .text .name{font-size:26px;} #pro-banner .content .text{flex-wrap:wrap;} #pro-banner .trends .box .title{width:180px;} #pro-banner .trends .box .container{height:100px;width:calc(100% - 180px);} #pro-banner .trends .box .title .t{font-size:26px;} #pro-banner .trends .box .txt{font-size:26px;line-height:100px;width:100%;} #pro-banner .trends .box .icon img{width: 30px;} #pro-subnav .subnav{margin:0 30px;width:calc(100% - 60px);} #pro-subnav .subnav .slide{font-size:36px;margin:0;text-align:center;} #pro-subnav .subnav .slide::after{display:none;} #pro-subnav .subnav .pn{display:block;width:18px;height:36px;background:no-repeat center ;top:50%;transform:translateY(-50%);} #pro-subnav .subnav .pn.prev{background-image: url(../image/act_icon_l.png);left:-30px;} #pro-subnav .subnav .pn.next{background-image: url(../image/act_icon_r.png);right:-30px;} /*#pro-subnav .subnav .slide:hover{color: #333;border-bottom-color: transparent;}*/ #products .pro-list .li{margin-top:50px;} #products .pro-list .li .ul .item .tit{font-size: 36px;} #products .pro-list .li .ul .item .box .case{width:100%;height:auto;margin:0 0 27px 0;} #products .pro-list .li .ul .item .box .case .img {padding:0;} #products .pro-list .li .ul .item .box .case .img img{display:none;} #products .pro-list .li .ul .item .box .case:hover .word_b{transform: translateY(0);} #products .pro-list .li .ul .item .box .case .word_b{padding:20px 30px;} #products .pro-list .li .ul .item .box .case .word_b .brief_b{font-size:30px;} #products .pro-list .li .ul .item .box .case .word_b .title_b{font-size:36px;} #products .pro-list .li .ul .item .box .case .word_b .box_b .label_b{font-size:26px;height:50px;line-height:48px;} #products .pro-list .li .ul .item .box .case .word_b .opt{width:calc(100% - 100px);} #products .pro-list .li .ul .item .box .case .word_b .btn_b{opacity:1;} #products .pro-list .li .ul .item .box .case .word_b .btn_b .push_b{font-size:26px;} #products .pro-list .li .ul .item .box .case .word_b .logo{width:80px;} #products .pro-list .li .ul .item .box .case .word_b .box_b{overflow: visible;} #products .pro-list .li .ul .item .box .case .word_b .box_b .aaa{white-space: normal;max-width: none;height: auto;} } /* 产品详情 */ /*#pro-detail-banner .content{margin-top:-70px;}*/ #pro-detail-banner .content .title{font-size:48px;line-height:50px; font-weight:500;color:#fff;margin-top:-70px;} #pro-detail-banner .content .brief{margin:30px 0; font-size:30px;color:#fff;line-height:48px;font-weight:500;} #pro-detail-banner .content .brief2{width:56%; font-size:16px;color:#fff;line-height:24px;} #pro-detail-banner .content .btn{margin-top:80px;} #pro-detail-banner .content .btn .txt{font-size:16px; color:#333; background:#fff; width:130px; height:45px;text-align: center; line-height:45px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } #pro-detail-banner .content .btn .txt:hover{background-color:#0049cc;color:#fff;background: linear-gradient(to right,#0093cc,#0033cc);} #pro-detail-banner .content .btn .txt:last-child{margin-left:10px;} @media screen and (max-width:1024px) { /*#pro-detail-banner .content .title{font-size:42px;}*/ #pro-detail-banner .content .title{font-size:30px;} #pro-detail-banner .content .btn{margin-top:30px;} #pro-detail-banner .content .brief{font-size: 35px;margin:15px 0;} } @media screen and (max-width:750px) { #pro-detail-banner .content .title{font-size:52px;line-height:60px;} #pro-detail-banner .content .btn{font-size:36px;line-height:normal;} #pro-detail-banner .content .brief2{font-size:30px;line-height:1.6;width:100%;} #pro-detail-banner .content .btn .txt{width:180px;height:60px;line-height:60px;font-size:26px;} } .pro-title .title{text-align:center;font-weight:bold; font-size:45px;color:#333;line-height:48px;font-family:'Bol';} #prodet1{padding:100px 0 120px;} #prodet1 .list{margin-top:70px;} #prodet1 .list .li{width: 15%;margin-right: 2%;margin-bottom: 25px;} /*#prodet1 .list .li:nth-child(6n){margin-right: 0;}*/ #prodet1 .list .li:last-child{margin-right: 0;} #prodet1 .list .li .img{width:100%; padding-top:100%; border-radius:50%;background:#e5ecfa;overflow:hidden;} #prodet1 .list .li .name{font-size:16px;color:#333;margin-top:20px;} #prodet1 .page-el{text-align: center;margin-top: 20px;} #prodet1 .page-el .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;} #prodet1 .page-el .swiper-pagination-bullet-active{background: #004acc;} #prodet2{background: url(../image/pro-detail2.jpg) no-repeat center / cover;padding-top: 100px;} #prodet2 .box{z-index:2;} #prodet2 .box .title{color:#fff;margin-bottom: 105px;} #prodet2 .box .list .li{width:calc(100% / 5);position: relative; height:205px; padding-left:2.715%;border-left:1px solid #555a65;} #prodet2 .box .list .li::after{content:'';position:absolute;z-index:3;width:2px;height:23px;background-color:#0049cc;top:0;left:-1px;} #prodet2 .box .list .li .name{font-size:24px;color:#fff;margin-bottom:20px;font-weight:bold;} #prodet2 .box .list .li .brief{font-size:16px;line-height:24px;color:#fff;height:120px;overflow-y:auto;padding-right:1.25%;} #prodet3{padding:95px 0 100px;background:#f8f9fc;} #prodet3 .ul{width: 81.786%;margin:100px 0 120px 12.15%;} #prodet3 .ul .item{width:100%;display:flex;align-items:center;} #prodet3 .ul .item .left{width:43.582%;} #prodet3 .ul .item .right{width:calc(100% - 9.171% - 43.582%); margin-left:9.171%;} #prodet3 .ul .item .right .txt1{font-size: 36px;color:#0049cc;line-height:48px;font-weight:bold;} #prodet3 .ul .item .right .txt2{font-size:18px;color:#666;line-height:30px;margin-top:25px;} #prodet3 .list .name{cursor:pointer; font-size:16px;color:#333;line-height:48px;width:calc((100% - 30px) / 4);border-bottom:1px solid #dedede;margin-right:10px;text-align: center;} #prodet3 .list .name:hover, #prodet3 .list .name.cur{color:#0049cc;border-color:#0049cc;} #prodet3 .list .name:last-child{margin-right:0;} #prodet4{padding:95px 0 100px;overflow: hidden;} #prodet4 .box .main{margin:50px 0 30px;} #prodet4 .box .main .slide{overflow:hidden; width:100%; /*height: 465px;*/ border-radius:10px;/*background:rgba(0, 73, 204, 0.2);*/ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #prodet4 .box .main .slide{padding-top: 33.214%;} #prodet4 .box .control{padding-bottom:60px;overflow: visible;} #prodet4 .box .control .slide .top{ width:100%; height:auto; border-radius:10px;/*background:rgba(0, 73, 204, 0.1);*/padding-top: 47.46%;} #prodet4 .box .control .slide .name{font-size:16px;color:#333;line-height:18px;text-align:center;margin-top:20px;transform: translateY(-80px);} #prodet4 .box .control .slide.swiper-slide-active .name, #prodet4 .box .control .slide.swiper-slide-next .name{transform: translateY(0);} #prodet4 .box .swiper-container-horizontal > .swiper-scrollbar{ width:640px; height:1px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } #prodet4 .box .swiper-scrollbar-drag{background:#0049cc !important;} #prodet4 .scro{font-size:14px;color:#333;line-height:18px;text-align: center;margin-top:10px;} #prodet5{padding:95px 0 100px;background:#f8f9fc;} #prodet5 .list{margin-top:60px;/*text-align: center;*/} /*#prodet5 .list .container{max-width: 100%;display: inline-block;}*/ #prodet5 .list .li{ width:calc((100% - 12.744%) / 5); border-radius:10px;overflow:hidden;background: #fff;margin-right:3.186%;height: auto;} #prodet5 .list .li:last-child{margin-right:0;} #prodet5 .list .li .name{width:100%;line-height:60px;text-align:center;font-size:24px;color:#fff;font-weight:bold;background-image: linear-gradient(to right,#0049cc,#00b4ff);} #prodet5 .list .li .cont{width:100%;background:#fff;padding:0px 30px;} #prodet5 .list .li .cont .icon{ width:84px; height:84px;/*background:#f1f8ff url(/images/prodet-bg.png) no-repeat center / cover;*/border-radius:10px;margin: 0 auto; /*box-shadow: 1px 2px 4px 0px rgba(0, 73, 204, 0.05);*/} #prodet5 .list .li .cont .item{margin-bottom:35px;} #prodet5 .list .li .cont .item .txt{font-size:16px;line-height:30px;color:#333;text-align:center;} #prodet5 .page-el{text-align: center;margin-top: 20px;} #prodet5 .page-el .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;} #prodet5 .page-el .swiper-pagination-bullet-active{background: #004acc;} #prodet6{padding:95px 0 110px;} #prodet6 .brief{font-size:18px;line-height:30px;color:#333;text-align:center;margin-top:5px;} #prodet6 .pic{margin-top:50px} #prodet6 .list .li{margin-top:150px;} #prodet6 .list .li:first-child{margin-top:200px;} /*#prodet6 .list .li .left{ width:37.215%; border-radius:20px;overflow: hidden;}*/ #prodet6 .list .li .left{ width:45%; border-radius:20px;overflow: hidden;} /*#prodet6 .list .li .right{width:calc(100% - 37.215% - 13.572%);margin:0 0 0 13.572%;}*/ #prodet6 .list .li .right{width:calc(100% - 45% - 5%);margin:0 0 0 5%;} #prodet6 .list .li:nth-child(2n){flex-direction: row-reverse;} /*#prodet6 .list .li:nth-child(2n) .right{margin:0 13.572% 0 0;}*/ #prodet6 .list .li:nth-child(2n) .right{margin:0 5% 0 0;} #prodet6 .list .li .right .name{font-weight:bold; font-size:24px;color:#333;line-height:30px;} #prodet6 .list .li .right .txt{margin:30px 0 70px; font-size:16px;color:#666;line-height:30px;height: 120px;overflow: hidden;} #prodet6 .list .li .right .btn{ font-size:16px; color:#333; width:130px; height:45px; line-height:43px; text-align:center; border-radius:5px;border:1px solid #dedede; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } #prodet6 .list .li .right .btn{ font-size:16px; color:#fff; width:130px;background: #0b7df5; height:45px; line-height:43px; text-align:center; border-radius:5px;border:1px solid #dedede; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; } #prodet6 .list .li .right .btn:hover{background-color: #0049cc;/*border-color: #0049cc;*/color: #fff;background: linear-gradient(to right,#0093cc,#0033cc);} #prodet7{padding:95px 0 100px;background:#f8f9fc;overflow: hidden;} #prodet7 .container{overflow:visible;margin-top:50px;padding-bottom:60px;} #prodet7 .slide .item{padding:60px 4.644%; background:#fff; border-radius:10px;overflow:hidden;} #prodet7 .slide .item .tit{font-size:36px;color:#333;font-weight:bold; text-align:center;} #prodet7 .slide .item .brief{font-size:18px;line-height:24px;color:#666;text-align:center;margin:5px 0 50px;} #prodet7 .slide .item .box .left {width:48.82%;border-radius:10px;overflow:hidden; } #prodet7 .slide .item .box .right{width:calc(100% - 48.82% - 2.993%);margin-left:2.993%;} #prodet7 .slide .item .box .right .li .img{width:80px;height:80px; border-radius:10px; overflow:hidden;} #prodet7 .slide .item .box .right .li .cont{padding:48px 0;border-bottom:1px solid #f6f7fb; margin-left:3.597%;width:calc(100% - 80px - 3.597%);} #prodet7 .slide .item .box .right .li .cont .name{font-size:24px;font-weight:bold;color: #333;line-height:24px;} #prodet7 .slide .item .box .right .li .cont .txt{font-size:16px;color:#666;line-height:24px;margin-top:5px;} #prodet7 .swiper-container-horizontal > .swiper-scrollbar{width:640px; height:1px; left:50%; transform:translateX(-50%);} #prodet7 .container .swiper-scrollbar-drag{background:#0049cc !important;} #prodet7 .scro{font-size:14px;color:#333;line-height:18px;text-align: center;margin-top:10px;} #prodet7 .btn{width: 18px; height: 36px; top: 45%; transform: translateY(-50%);z-index: 2;} #prodet7 .prev{left: -25px;} #prodet7 .next{right: -25px;} #prodet8{padding:95px 0 70px;} #prodet8 .list{margin-top:50px;} #prodet8 .list .li{ width:calc((100% - 70px) / 3); margin:0 30px 30px 0; border-radius:10px;overflow:hidden;} #prodet8 .list .li:nth-child(3n){margin-right:0;} #prodet8 .list .li .name{font-size:32px;font-weight:bold;line-height:1.5;color:#fff;text-align:center;} #prodet9{width: 100%;overflow: hidden;/*background: url(/images/img7.jpg) no-repeat center / cover;*/padding: 60px 0 80px;} #prodet9 .box .title{color:#fff;margin:0 0 40px;} #prodet9 .box .pic{width:170px;height: 170px;margin:0 auto;background-color: #fff;} #prodet9 #index-contact{padding-bottom: 0;} #prodet10{padding:95px 0 100px;background:#fafbfd;} #prodet10 .list{margin-top:60px;} #prodet10 .list .li{background:#fff; border-radius:10px;overflow:hidden; width:calc((100% - 70px) / 3); margin-right:30px; height: auto;} #prodet10 .list .li:nth-child(3n){margin-right:0;} #prodet10 .list .li .img{padding-top:66%;} #prodet10 .list .li .icon{ width:100px; height: 100px; border-radius:50%; box-shadow: 3px 4px 20px 0px rgba(0, 73, 204, 0.05); top:43%; left:32px;background-color:#fff; z-index:3;overflow: hidden;} #prodet10 .list .li .bot{padding:70px 30px 28px 30px;} #prodet10 .list .li .bot .name{font-size:24px;color:#333;} #prodet10 .list .li .bot .brief{font-size:16px;color:#666;line-height:28px;margin:5px 0 25px 0;} #prodet10 .list .li .bot .label .txt{ font-size:14px; color:#333; line-height:30px; border:1px solid #f1f1f1; border-radius:5px;margin-right:10px;padding:0 10px;} #prodet10 .list .li .bot .label .txt:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #prodet10 .list .li .top{opacity: 0; top: 110%; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 10% , #fff 30%,#fff 100%); z-index: -1; display: flex; flex-direction: column; align-items: center; justify-content: center;} #prodet10 .list .li .top .code{margin-bottom: 68px;} #prodet10 .list .li .top .code .pic{margin-bottom: 29px;} #prodet10 .list .li .top .code .txt{font-size: 18px; color: #333; font-family:"APR"; line-height: 27px;} #prodet10 .list .li .top .btn{margin: 0 auto; width: 182px; height: 52px; border: 1px solid #dedede; font-size: 18px; color: #333; font-family:"APR"; line-height: 50px; border-radius: 5px;} #prodet10 .list .li .top .btn:hover{background: #0049cc; border-color: #0049cc; color: #fff;} #prodet10 .list .li .top .btn.apply{margin-top: 11px;} #prodet10 .list .li:hover {box-shadow: 0 10px 20px rgba(0,73,204,0.1);} #prodet10 .list .li .top.cur{opacity: 1; top: 0;z-index: 5;} #prodet10 .list .container{padding-bottom: 50px;} #prodet10 .list .btn{width: 18px; height: 36px; top: 45%; transform: translateY(-50%);} #prodet10 .list .prev{left: -120px;} #prodet10 .list .next{right: -120px;} #prodet11{padding:95px 0 100px;} #prodet11 .list{margin-top:60px;} #prodet11 .list .li{background:#f6f7fb; border-radius:10px;overflow:hidden; width:calc((100% - 70px) / 3); margin-right:30px; height: auto;} #prodet11 .list .li:nth-child(3n){margin-right:0;} #prodet11 .list .li .img{padding-top:66%;} #prodet11 .list .li .bot{padding:35px 30px 25px 30px;} #prodet11 .list .li .bot .name{font-size:24px;color:#333;} #prodet11 .list .li .bot .brief{font-size:16px;color:#666;line-height:28px;margin:5px 0 25px 0;} #prodet11 .list .li .bot .label .txt{margin-bottom:10px; font-size:14px; color:#333; line-height:30px; border:1px solid #dedede; border-radius:5px;margin-right:10px;padding:0 10px;} #prodet11 .list .li .bot .label .txt:hover{background-color: #0049cc;border-color: #0049cc;color: #fff;} #prodet11 .list .container{padding-bottom: 50px;} #prodet11 .list .btn{width: 18px; height: 36px; top: 45%; transform: translateY(-50%);} #prodet11 .list .prev{left: -120px;} #prodet11 .list .next{right: -120px;} @media (max-width: 1680px) { #prodet10 .list .prev, #prodet11 .list .prev{left: -50px;} #prodet10 .list .next, #prodet11 .list .next{right: -50px;} } @media (max-width: 1440px) { #prodet10 .list .prev, #prodet11 .list .prev{left: -35px;} #prodet10 .list .next, #prodet11 .list .next{right: -35px;} } @media screen and (max-width:1024px) { #prodet6 .list .li{margin-top:80px !important;} #prodet6 .list .li .right .txt{margin:30px 0;} #prodet6 .list .li .left{width:45%;} #prodet6 .list .li .right{margin:0 0 0 30px;width:calc(100% - 45% - 30px);} #prodet6 .list .li:nth-child(2n) .right{margin: 0 30px 0 0;} #prodet7 .slide .item .box{flex-direction:column;} #prodet7 .slide .item .box .left{width:100%;} #prodet7 .slide .item .box .right{width:100%;} } @media screen and (max-width:750px) { #prodet1{padding:80px 0 30px;} #prodet1 .list{margin-top:50px;} /*#prodet1 .list .li{width:calc(50% - 1%);margin-bottom:50px;}*/ #prodet1 .list .li{width:24%;} /*#prodet1 .list .li:nth-child(2n){margin-right:0;}*/ /*#prodet1 .list .li .img{width: 70%;padding-top: 70%;margin: 0 auto;}*/ #prodet1 .list .li .name{/*font-size:36px;*/font-size:30px;line-height:1.6;} #prodet2 {padding:80px 0 50px;} #prodet2 .box .title{margin-bottom:50px;} #prodet2 .box .list{/*flex-direction:column;*/flex-wrap: wrap;justify-content: flex-start;} #prodet2 .box .list .li{width:49%;margin-bottom:60px;height: auto;margin-right: 2%;} #prodet2 .box .list .li:nth-child(2n){margin-right: 0;} #prodet2 .box .list .li .name{font-size:36px;} #prodet2 .box .list .li .brief{width:100%;padding-right:0;font-size:30px;line-height:1.6;height:auto;} #prodet3 {padding:80px 0 50px;} #prodet3 .ul{width: 100%;margin:50px 0;} #prodet3 .ul .item{flex-direction:column;} #prodet3 .ul .item .left{width: 100%;} #prodet3 .ul .item .right{width:100%;margin:30px 0 0 0;} #prodet3 .ul .item .right .txt2{font-size:30px;;line-height:1.6;} #prodet3 .list{flex-wrap:wrap;} #prodet3 .list .name{font-size:30px;width:100%;width: calc(50% - 15px);margin:0 30px 30px 0;} #prodet3 .list .name:nth-child(2n){margin-right:0;} #prodet4{padding:80px 0;} #prodet4 .box .control .slide .name{font-size:36px;line-height:1.6;} #prodet4 .scro{font-size:26px;line-height:normal;} #prodet5{padding:80px 0;} #prodet5 .list{flex-wrap:wrap;justify-content:start;} #prodet5 .list .li .name{font-size:36px;} #prodet5 .list .li{width:100%;/*margin:0 0 30px 0 !important;*/} #prodet5 .list .li .cont .icon{width: 110px;height: 110px;} #prodet5 .list .li .cont .item .txt{font-size:30px;line-height:1.8;} #prodet6{padding:80px 0;} #prodet6 .brief{font-size:30px;line-height:1.6;} #prodet6 .list .li{margin-top:50px !important;flex-direction:column !important;} #prodet6 .list .li .left{width:100%;} #prodet6 .list .li .right{width:100%;margin:30px 0 0 0 !important;} #prodet6 .list .li .right .name{font-size:36px;line-height:normal;} #prodet6 .list .li .right .txt{font-size:30px;line-height:1.6;height: 192px;} #prodet6 .list .li .right .btn{width: 180px;height:60px;line-height:58px;font-size:26px;border-radius:10px;margin:0 auto;} #prodet7{padding:80px 0;} #prodet7 .slide .item .tit{font-size:42px;} #prodet7 .slide .item .brief{font-size:30px;line-height:normal;} #prodet7 .slide .item .box .right .li .cont .name{font-size:30px;line-height:normal;} #prodet7 .slide .item .box .right .li .cont .txt{font-size:26px;line-height:1.6;} #prodet7 .scro{font-size:26px;} #prodet8{padding:80px 0 50px;} #prodet8 .list{flex-wrap:wrap;} #prodet8 .list .li{width:calc(50% - 15px);margin-right:30px !important;} #prodet8 .list .li:nth-child(2n){margin-right:0 !important;} #prodet8 .list .li .name{font-size:36px;line-height:normal;} #prodet10 .list{flex-wrap: wrap;} #prodet10 .list .li{width: 100%;margin-right: 0;/*margin-bottom: 40px;*/} #prodet10 .list .li .icon{width: 110px;height: 110px;top: 52%;} #prodet10 .list .li .bot .name{font-size: 36px;} #prodet10 .list .li .bot .brief{font-size: 30px;line-height: 1.6;height: 96px;} #prodet10 .list .li .bot .label .txt{font-size: 26px;padding: 10px;} #prodet10 .list .li .top .code .txt{font-size: 32px;} #prodet10 .list .li .top .btn{width: 320px; height: 80px; line-height: 78px; font-size: 26px;} #prodet10 .list .prev, #prodet10 .list .next{display: none;} #prodet11{padding:80px 0 50px;} #prodet11 .list{flex-wrap:wrap;} #prodet11 .list .li{width:100%;/*margin-bottom:30px;*/} #prodet11 .list .li .bot .name{font-size:36px;} #prodet11 .list .li .bot .brief{font-size:30px;line-height:1.6;} #prodet11 .list .li .bot .label .txt{font-size:26px;line-height:50px;} #prodet11 .list .btn{display: none;} } /* 科脉荣誉 */ #honor{padding:100px 0;background:#f6f7fb;} #honor .title{margin-bottom:95px; font-size:42px;color:#333;font-weight:500;line-height:48px;text-align:center;} #honor .content{position:relative;width:100%;} #honor .content .left{width:100%;} #honor .content .left .left-item{margin:50px 0;/*opacity: 0;*/transition: all 0.3s;} #honor .content .left .left-item .item-title{width: 31.929%;font-size: 48px;font-weight: 500;color:#0049cc;line-height:48px;} #honor .content .left .left-item .item-text {width: 57.144%;font-size: 16px;line-height: 36px;color:#333;margin-left:30px;} #honor .content .left .left-item .item-text p{opacity: 0;transition: all 1s ease;} #honor .content .left .left-item:nth-of-type(2){opacity: 1;} #honor .content .left .left-item:nth-of-type(2) .item-text p{opacity: 1;} #honor .content .right{position:absolute;right: 0;top: 0;z-index:2;} #honor .content .right .right-nav{width:100%;margin: 10px 0;text-align:end;cursor: pointer;position: relative;} #honor .content .right .right-nav::after{content:''; position:absolute; top:50%; right:0; z-index:3; width:9px; height:9px; background:#999; border-radius:50%; transform:translateY(-50%);} #honor .content .right .right-nav::before{content:'';position:absolute;z-index:3;right:4px;bottom:-14px;width:1px;height:17px;background:#dedede;} #honor .content .right .right-nav:last-child::before{display:none;} #honor .content .right .right-nav p{font-size: 18px;line-height:36px;padding-right:25px;} #honor .content .right .nav-active{font-size:18px;font-weight:500; color:#0049cc;margin: 10px 0;} #honor .content .right .right-nav.nav-active::after{background:#0049cc;} @media screen and (max-width:750px) { #honor{padding:80px 0 30px ;} #honor .title{margin-bottom:50px;} #honor .content .left .left-item{flex-direction:column;opacity:1;} #honor .content .left .left-item .item-text{width:80%;margin-left:0;margin-top:30px;font-size:30px;line-height:normal;line-height:1.8;} /*#honor .content .right{display:none;}*/ #honor .content .right .right-nav{margin: 30px 0;} #honor .content .right .right-nav::before{height:50px;bottom: -40px;} #honor .content .right .right-nav p{font-size:26px;} } /* 科脉里程碑 */ #history .info{margin:95px 0 55px;} #history .info .title{text-align:center;font-size:42px;line-height:48px;color:#333;font-weight:500;} #history .info .brief{width:60%;text-align:center;font-size:16px;line-height:24px;color:#333;margin:30px auto 0;} #history .item{width:100%;} #history .item .list .li .top{padding:130px 0 140px;background:transparent; background:no-repeat center / cover; background-attachment:fixed;} #history .item .list .li .top .time{font-size:48px;color:#fff;font-weight:bold;} #history .item .list .li .top .tit{font-size:30px;color:#fff;font-weight:500;margin:18px 0 6px;} #history .item .list .li .top .brief{font-size:16px;color:#fff;line-height:24px;width:38%;} #history .item .list .li .bot{padding:85px 0;background:#fff;overflow:hidden;width:100%;} #history .item .list .li .bot .main{width:80%;margin:0;} #history .item .list .li .bot .main .slide .year{font-size:48px;color:#0049cc;font-weight:bold;} #history .item .list .li .bot .main .slide .cont{font-size:16px;line-height:36px;color:#666;margin-top:20px;} #history .item .list .li .bot .control{ width:80px; margin:0; top:50px;; right:0; z-index:20;overflow:visible;} #history .item .list .li .bot .control .time{font-size:18px;line-height:18px; height:48px;color:#333;position: relative;cursor:pointer;} #history .item .list .li .bot .control .time::after{content:''; position:absolute; top:5px; right:0; z-index:11; width:9px; height:9px; border-radius:50%; background-color:#999;} #history .item .list .li .bot .control .time::before{content:''; position:absolute;width:1px;height: 28px;background:#dedede;right:4px;bottom:0px;} #history .item .list .li .bot .control .time:last-of-type::before{display:none;} #history .item .list .li .bot .control .time.cur{color:#0049cc;font-weight:500;} #history .item .list .li .bot .control .time.cur::after{background-color:#0049cc;} #history .item:last-child .list .li .bot .control{top: 0;} @media screen and (max-width:750px) { #history .item .list .li .top{background-attachment:unset;} #history .info .brief{width:100%;font-size:30px;line-height:1.6;text-align: justify;} #history .item .list .li .top .brief{font-size:26px;line-height:1.6;width:100%;} #history .item .list .li .bot .main .slide .cont{font-size:26px;line-height:1.6;} #history .item .list .li .bot .control .time{font-size:26px;} } /* 全局右侧浮窗 */ #float-win{ z-index:50; right:20px; top:50%; transform:translateY(-50%);} #float-win .right-box{ /*width: 90px;*/width: 65px; /*height:450px;*/ border-radius:10px;box-shadow: 0px 5px 20px 0px rgba(0, 73, 204, 0.05);/*background:#fff;*/ -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; } #float-win .right-box .list{padding:12px 0;} #float-win .right-box .li{display:block; cursor:pointer;/*margin:10px 0;*/border-radius:10px;background:#fff;margin-bottom: 10px;/*height: 90px;*/padding: 10px 0;display: flex;flex-direction: column;justify-content: center;box-shadow: 0px 5px 20px 0px rgba(0, 73, 204, 0.05);} #float-win .right-box .li:hover{background:#0b7df5;box-shadow: 2px 3.46px 12px 4px rgba(11,125,245,.5);} #float-win .right-box .li .name{/*font-size:16px;*/font-size:14px;color:#0b7df5;/*line-height:48px;*/font-weight:500;text-align:center;/*margin-top: 12px;*/margin-top: 3px;} #float-win .right-box .li:hover .name{color:#fff;} #float-win .right-box .li:hover .icon .p1{display:none;} #float-win .right-box .li:hover .icon .p2{display:inline-block;} #float-win .right-box .li.wx .left{display:none; z-index:51; width:124px;left:-140px; top:50%; transform:translateY(-50%);} #float-win .right-box .li.wx .item:hover ~ .left{display:block;} @media screen and (max-width:1680px) { #float-win{right: 10px;} } @media screen and (max-width:750px) { #float-win{bottom:0;right:0;left:0;top:auto;transform:translateY(0);border-top:1px solid #ccc;width:100%;display: block;} #float-win .right-box{width:100%;height:120px;border-radius:0;line-height:100px;} #float-win .right-box .list{height:100%;width:100%;line-height:100px; display:flex;padding:0;justify-content:space-around;align-items:center;background: #fff;} #float-win .right-box .li{margin:0;width: 25%;height: 120px;} /* #float-win .right-box .li .item .icon img{width:15px;} */ #float-win .right-box .li .name{font-size:26px;line-height:normal;margin-top:5px;} #float-win .right-box .li.top-btn{display: none;} #top_btn{width: 80px;height: 80px;opacity: 0.6;bottom: 150px;right: 20px;border-radius: 100%;z-index: 10;background: url(../image/float-icon5-2.png) no-repeat center / cover #2e90f7;} #float-win .right-box .li.wx .item:hover ~ .left{display:none;} #qrcode_box{position: fixed;width: 100%;height: calc(100% - 120px);background: rgba(0,0,0,.5);left: 0;top: 0;z-index: 2;} #qrcode_box img{width: 220px;} #qrcode_box .close{width: 36px;height: 36px;background: url(../image/f-nav-h.png) no-repeat center / cover;right: 100px;top: 200px;position: absolute;z-index: 3;} } /* 视频弹窗 */ #drag{position:fixed;z-index:99;top:80%;right:128px;} #drag .video{width:248px; border-radius:10px;} #drag .video .box.cur{z-index:10;} #drag .video .btn{width:100%;} #drag .video .video-close{ z-index:99; top:-12px; right:-12px; color:#333; width:25px; height:25px; border-radius:50%;text-align:center;line-height:22px;font-size:14px; background:#fff;} /* 弹窗 */ #tanc{width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);position:fixed; z-index:100;top:0;right:0;bottom:0;left:0;} #tanc .box .close{ z-index:101; top:-70px; right:-70px; width:55px; height:55px; border-radius:50%;background:#d2d0cf; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; } #tanc .box .cont .img{margin:0 auto;width:720px;} #tanc .box .cont .img .pic{width:100%;border-radius:10px;overflow:hidden;} @media screen and (max-width:750px) { #drag{display:none;} #tanc .box .cont .img{width:85%;} #tanc .box .close{top:-30px;right:-30px;} } /*----------------------------------------------------------------------------------*/ /*#top-img-box{height: 486px;} #top-img-box .box .img-box{width: 100%; overflow: hidden;} #top-img-box .text-box{text-align: center; color: #fff; z-index: 10; top: 180px;} #top-img-box .text-box .text1{font-size: 48px; margin-bottom: 25px;} #top-img-box .text-box .text2{font-size: 16px; margin-bottom: 50px;} #top-img-box .text-box .btn{width: 130px; margin: 0 auto; font-size: 16px; padding: 15px 0; background: #0049cc; border-radius: 5px;} @media screen and (max-width:750px) { #top-img-box .text-box .text1{font-size: 40px;} #top-img-box .text-box .text2{font-size: 26px; margin-bottom: 12px;} }*/ #select-box{padding: 100px 0px 80px; background: #fafbfe;} #select-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} #select-box .select-li-box{display: flex; flex-wrap: wrap; justify-content: space-between;} #select-box .select-li-box .icon{width: 80px;height: 80px;background: rgba(255,255,255,.2);border-radius: 100%;} #select-box .select-li-box .select-li-g{width: 49%; margin-bottom: 30px;border-radius: 30px;} #select-box .select-li-box .select-li-g .text-box-abs{z-index: 1; top: 60px; left: 35px;} #select-box .select-li-box .select-li-g .text-box-abs .img{margin-bottom: 100px;} #select-box .select-li-box .select-li-g .text-box-abs .text1{color: #fff; font-size: 24px; margin-bottom: 20px;} #select-box .select-li-box .select-li-g .text-box-abs .text2{color: #fff; font-size: 16px;} #select-box .select-li-box .select-li{width: 24%; margin-bottom: 30px;border-radius: 20px;background: #fff;} #select-box .select-li-box .select-li .text-box{border-radius: 0 0 25px 25px; padding: 25px 30px; background: #fff;} #select-box .select-li-box .select-li .text-box .img{top: 15%; left: 40%;} #select-box .select-li-box .select-li .text-box .text1{font-size: 24px; color: #333333; margin-bottom: 15px;} #select-box .select-li-box .select-li .text-box .text2{line-height: 1.5; font-size: 16px; color: #999999;} #select-box .select-li-box .select-li-g:hover .icon img, #select-box .select-li-box .select-li:hover .icon img{transform: scale(1);} @media screen and (max-width:1440px) { #select-box .select-li-box .select-li-g{width: 100%;} #select-box .select-li-box .select-li{width: 32%;} } @media screen and (max-width:750px) { #select-box .select-li-box .select-li-g{width: 100%;} #select-box .select-li-box .select-li{width: 49%;} #select-box .select-li-box .select-li .text-box .text1{font-size: 36px;} #select-box .select-li-box .select-li .text-box .text2{font-size: 26px; width: 100%;} #select-box .select-li-box .select-li-g .text-box-abs .text1{font-size: 36px;} #select-box .select-li-box .select-li-g .text-box-abs .text2{font-size: 26px;} #select-box .select-li-box .select-li-g .text-box-abs .img{margin-bottom: 30px;} } #condition-box{padding: 100px 0px;} #condition-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} #condition-box .text-li-box{background: #fafbfe; display: flex; justify-content: space-between; flex-wrap: wrap;border-radius: 20px;overflow: hidden;} #condition-box .text-li-box .text-li{width: 33%; padding: 40px 45px;overflow: hidden;} #condition-box .text-li-box .text-li .text1{font-size: 24px; color: #333333; margin-bottom: 20px;} #condition-box .text-li-box .text-li .text2{width: 90%; font-size: 16px; color: #666666; line-height: 1.5;} #condition-box .text-li-box .text-li:nth-child(4), #condition-box .text-li-box .text-li:nth-child(5){width: 50%;} #condition-box .text-li-box .text-li .num{font-size: 72px;color: #0049cc;opacity: .1;right: 10px;bottom: -20px;font-family:"DDB";font-weight: 700;font-style: italic;} @media screen and (max-width:1024px) { #condition-box .text-li-box .text-li{width: 49%; text-align: center;} #condition-box .text-li-box .text-li .text2{width: 100%;} } @media screen and (max-width:750px) { #condition-box .text-li-box .text-li{width: 100%; text-align: center;} #condition-box .text-li-box .text-li:nth-child(4), #condition-box .text-li-box .text-li:nth-child(5){width: 100%;} #condition-box .text-li-box .text-li .text1{font-size: 36px;} #condition-box .text-li-box .text-li .text2{font-size: 26px; width: 100%;} } #application-box{padding: 100px 0px; background: #fafbfe;} #application-box .x{width: 100%; top: 50.5%; left: 0; height: 1px; background: #dedede;} #application-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} #application-box .application{display: flex; justify-content: center;margin-bottom: 100px; flex-wrap: wrap;} #application-box .application .li{width: 25%; text-align: center;} #application-box .application .li .img{margin-bottom: 25px;} #application-box .application .li .text1{font-size: 18px; color: #333333; margin-bottom: 21px;} #application-box .application .li .y{position: relative;z-index: 1; width: 15px; height: 15px; margin: 0 auto; border-radius: 100%; border: 2px solid #0049cc; margin-bottom: 26px;background-color: #fff;} #application-box .application .li .text2{font-size: 48px; color: #0049cc;} #application-box .btn .a{color: #fff; width: 130px; text-align: center; margin: 0 auto; font-size: 16px; padding: 15px 0; background: #0049cc; border-radius: 5px;background: linear-gradient(to right,#0093cc,#0033cc);} #application-box .btn .a:hover{opacity: .8;} @media screen and (max-width:750px) { #application-box .x {top: 51.6%;} #application-box .application .li .text1{font-size: 26px;} #application-box .btn .a{font-size: 26px;} } #join-box{padding: 100px 0px; background: #0049cc;} #join-box .title{text-align: center; font-size: 45px; color: #fff; margin-bottom: 60px;font-weight: 700;} #join-box .join-li{display: flex; justify-content: center; flex-wrap: wrap;} #join-box .join-li .li{text-align: center; width: 20%; background: #fff; padding: 40px 0px;} #join-box .join-li .li:nth-child(2n){background: #fafbfe;} @media screen and (max-width:980px) { #join-box .join-li .li{width: 33%;} } @media screen and (max-width:750px) { #join-box .title{font-size: 36px;} #join-box .join-li .li{width: 33%;} } #business-box{padding: 100px 0px;} #business-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} /*#business-box .business-li{ display: flex; flex-wrap: wrap; justify-content: space-between;}*/ #business-box .business-li .li{background: #f6f7fb; width: 32%; padding: 60px 50px; text-align: center;height: auto;} #business-box .business-li .li .img{margin-bottom: 35px;} #business-box .business-li .li .text1{font-size: 24px; color: #333333; margin-bottom: 20px;} #business-box .business-li .li .text2{font-size: 16px; color: #666666; line-height: 1.5;} #business-box .business-li .page-el{text-align: center;margin-top: 20px;} #business-box .business-li .page-el .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 4px;} @media screen and (max-width:1024px) { #business-box .business-li .li{width: 48%; margin-bottom: 40px;} } @media screen and (max-width:750px) { #business-box{padding: 50px 0;} #business-box .business-li .li{width: 100%; /*margin-bottom: 50px;*/} #business-box .business-li .li .text1{font-size: 36px;} #business-box .business-li .li .text2{font-size: 26px;} } #store-box{padding: 100px 0px; background: #fafbfe;overflow: hidden;position: relative;} #store-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} #store-box .content::before {position: absolute;width: 11.979%;height: 100%;content: '';background: linear-gradient(to right,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0));left: 0;top: 0;z-index: 2;} #store-box .content::after {position: absolute;width: 11.979%;height: 100%;content: '';background: linear-gradient(to left,rgba(255, 255, 255, 1),rgba(255, 255, 255, .5),rgba(255, 255, 255, 0));right: 0;top: 0;z-index: 1;} #store-box .content .container{/*margin-bottom: 30px;*/overflow: visible;} #store-box .content .container .slide{padding: 77px 88px; background: #fff; text-align: center;} #store-box .content .container .slide .pic{width: 100%;padding-top: 41.306%;} #store-box .content .container .slide .tit{font-size: 30px; margin-bottom: 60px;} #store-box .content .p_btn{width: 18px;height: 36px;top: 50%;transform: translateY(-50%);} #store-box .content .p_btn.prev{left: -30px;background: url(../image/icon7.png) no-repeat center;z-index: 2;} #store-box .content .p_btn.next{right: -30px;background: url(../image/icon8.png) no-repeat center;z-index: 2;} #store-box .store-li{margin-bottom: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;position: relative;padding-top: 20px;} #store-box .store-li .li{background: #fff; width: 32%; padding: 80px 50px; text-align: center;height: auto;border: 1px solid transparent;} #store-box .store-li .li.swiper-slide-thumb-active{border-color: #0049cc;} #store-box .store-li .li.swiper-slide-thumb-active::before{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -40px;border: 20px solid transparent;border-top-color: #0049cc;} #store-box .store-li .li .digit{color: #0049cc; font-size: 30px; margin-bottom: 20px;font-weight: 700;} #store-box .store-li .li .text1{color: #333333; font-size: 24px; margin-bottom: 25px;font-weight: 700;} #store-box .store-li .li .text2{color: #666666; font-size: 14px;line-height: 1.714;} #store-box .btn{color: #fff; width: 130px; text-align: center; margin: 0 auto; font-size: 16px; padding: 15px 0; background: #0049cc; border-radius: 5px;background: linear-gradient(to right,#0093cc,#0033cc);} #store-box .btn:hover{opacity: .8;} @media screen and (max-width:980px) { #store-box{padding: 50px 0;} #store-box .container .slide .tit{font-size: 26px;} #store-box .store-li .li{width: 100%; margin-bottom: 50px;} #store-box .store-li .li .digit{font-size: 36px;} #store-box .store-li .li .text1{font-size: 36px;} #store-box .store-li .li .text2{font-size: 26px;} #store-box .btn{font-size: 26px;} } @media screen and (max-width:750px) { #store-box .btn{width: 200px;padding: 0;height: 60px;line-height: 60px;} #store-box .content .p_btn.prev{left: -10px;} #store-box .content .p_btn.next{right: -10px;} } #advantage-box{padding: 70px 0px; /*background: url(/images/solve_12.png) no-repeat;*/} #advantage-box .title{text-align: center; font-size: 45px; color: #fff; margin-bottom: 60px;font-weight: 700;} #advantage-box .advantage-li{display: flex; justify-content: space-between; flex-wrap: wrap;} #advantage-box .advantage-li .li{border-radius: 10px; margin-bottom: 30px; background: #fff; width: 49%; padding: 65px 50px; text-align: center;} #advantage-box .advantage-li .li .text1{font-size: 30px; color: #333333; margin-bottom: 20px;} #advantage-box .advantage-li .li .text2{font-size: 16px; color: #666666; margin-bottom: 35px; line-height: 1.8;} #advantage-box .advantage-li .li .btn{border: 1px solid #dedede; color: #333333; width: 130px; text-align: center; margin: 0 auto; font-size: 16px; padding: 15px 0; background: #fafbfe; border-radius: 5px;} /*#advantage-box .advantage-li .li:hover .btn{background: #0049cc; color: #fff; border: 1px solid #0049cc;}*/ #advantage-box .advantage-li .li:hover{background: #0049cc;} #advantage-box .advantage-li .li:hover .text1{color: #fff;transform: translateY(-25px);} #advantage-box .advantage-li .li:hover .text2{color: #fff;transform: translateY(-25px);} #advantage-box .advantage-li .li:hover .btn{background: #0049cc; color: #fff; border: 1px solid #0049cc;background: rgba(0,203,253,1);transform: translateY(-25px);background: linear-gradient(to right,#0093cc,#0033cc);} @media screen and (max-width:750px) { #advantage-box{background: #333;} #advantage-box .advantage-li .li{width: 100%; padding: 65px 60px;} #advantage-box .advantage-li .li .text1{font-size: 36px;} #advantage-box .advantage-li .li .text2{font-size: 26px;} #advantage-box .advantage-li .li .btn{font-size: 26px; width: 200px; background: #0049cc; color: #fff;padding: 0;height: 60px;line-height: 60px;} } #recommend-box{padding: 100px 0px 50px;} #recommend-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} #recommend-box .container .slide{border-radius: 10px; padding: 50px 47px; background: #f6f7fb;} #recommend-box .container .slide .x{content: ''; width: 44px; height: 2px; background: #0049cc; margin-bottom: 18px;} #recommend-box .container .slide:hover{background: url(../image/solve_15.png) no-repeat;} #recommend-box .container .slide:hover .text1{color: #fff;} #recommend-box .container .slide:hover .text2{color: #fff;} #recommend-box .container .slide:hover .x{background: #fff;} #recommend-box .container .slide .text1{font-size: 24px; color: #333333; margin-bottom: 18px;} #recommend-box .container .slide .text2{font-size: 16px; color: #333333; line-height: 1.8;} #recommend-box .lf-lr{top: 56%; left: 6%; display: flex;} #recommend-box .lf-lr .lr{margin-left: 1600px;} #recommend-box .container >.wrapper{padding-bottom: 60px;} #recommend-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: #0049cc;} @media screen and (max-width:980px) { } @media screen and (max-width:750px) { #recommend-box .container .slide:hover{background: #0049cc;} #recommend-box .lf-lr{left: -1px;} #recommend-box .lf-lr .lr{margin-left: 650px;} } #case-box{padding: 100px 0px; background: #f6f7fb;} #case-box .title{text-align: center; font-size: 45px; color: #333333; margin-bottom: 60px;font-weight: 700;} #case-box .case-li{display: flex; justify-content: space-between; flex-wrap: wrap;} #case-box .case-li .img1 img{width: 100%;} #case-box .li{width: 32%;} #case-box .li .img2{top: 41.25%; left: 7%;} #case-box .li .text-box{border-radius: 0px 0px 10px 10px; padding: 72px 30px 30px; background-color: #fff;} #case-box .li .text-box .text1{font-size: 24px; color: #333333; margin-bottom: 15px;} #case-box .li .text-box .text2{font-size: 16px; color: #666666; line-height: 1.8; margin-bottom: 30px;} #case-box .li .text-box .btn-box{display: flex;} #case-box .li .text-box .btn-box .btn{margin-right: 10px; border: 1px solid #dedede; color: #333333; width: 88px; text-align: center; font-size: 13.71px; padding: 8px 0; background: #fff; border-radius: 5px;} #case-box .li .text-box .btn-box .btn:hover{background: #0049cc; color: #fff; border: none;} @media screen and (max-width:1280px) { #case-box .li{width: 49%; margin-bottom: 50px;} } @media screen and (max-width:750px) { #case-box{padding: 50px 0;} #case-box .li .img2{top: 49%;} #case-box .li{width: 100%; margin-bottom: 50px;} #case-box .li .text-box .text1{font-size: 36px;} #case-box .li .text-box .text2{font-size: 26px;} #case-box .li .text-box .btn-box .btn{font-size: 26px; width: 100%;} } #understand-box{padding: 100px 0; background: #f6f7fb; background: url(../image/understand.png) no-repeat center;} #understand-box .understand{padding: 100px 100px 45px 100px} #understand-box .understand .text1{font-size: 32px; color: #fff; margin-bottom: 15px;} #understand-box .understand .text2{font-size: 18px; color: #fff; margin-bottom: 25px;} #understand-box .understand .box{display: flex;} #understand-box .understand .box .erweima{margin-right: 25px;} #understand-box .understand .box .text-box .txt1{font-size: 24px; color: #fff; margin-bottom: 12px;} #understand-box .understand .box .text-box .txt1 span{font-size: 30px;} #understand-box .understand .box .text-box .txt2{font-size: 18px; color: #fff; margin-bottom: 13px;} #understand-box .understand .box .text-box .btn{color: #fff; width: 150px; text-align: center; font-size: 18px; padding: 15px 0; background: #ffaa00; border-radius: 5px;} #understand-box .understand .box .text-box .btn:hover{background: #fff ; color: #000;} @media screen and (max-width:750px) { #understand-box{background: #0049cc;} #understand-box{padding: 0;} #understand-box .understand{padding: 50px 0;} #understand-box .understand .text2{font-size: 26px;} #understand-box .understand .box .text-box .txt1{font-size: 36px;} #understand-box .understand .box .text-box .txt1 span{font-size: 40px;} #understand-box .understand .box .text-box .txt2{font-size: 26px;} #understand-box .understand .box .erweima{margin-top: 20px;} #understand-box .understand .box .text-box .btn{font-size: 26px;} } #partner{padding: 100px 0;background: #f5f8f9;} #partner .title{font-size: 42px;color: #333;font-weight: 700;} #partner .content{margin-top: 40px;} #partner .content .li{width: 18.571%;margin-right: 1.78625%;margin-bottom: 20px;background: #fff;} #partner .content .li:nth-child(5n){margin-right: 0;} #partner .content .li .pic{width: 100%;padding-top: 53.846%;} @media screen and (max-width:1024px) { #partner .content .li{width: 31%;margin-right: 3.5%;} #partner .content .li:nth-child(5n){margin-right: 3.5%;} #partner .content .li:nth-child(3n){margin-right: 0;} #partner .content .li .pic{width: 100%;padding-top: 53.846%;} } #erpnews_banner{margin-top: 10px;} #erpnews_banner .pic{width: 100%;padding-top: 21.875%;} #erpnews_banner .swiper-pagination-bullet{background: #fff;opacity: .5;} #erpnews_banner .swiper-pagination-bullet-active{background: #0049cc;opacity: 1;} #erpnews{margin-top: 30px;} #erpnews .content{width: 48%;} #erpnews .content .top{border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;} #erpnews .content .top .title{font-size: 16px;color: #1a1a1a;font-weight: 700;} #erpnews .content .top .more{font-size: 16px;color: #1a1a1a;} #erpnews .content .top .more:hover{color: #0049cc;} #erpnews .content .bot{margin-top: 20px;} #erpnews .content .bot .li{border-bottom: dashed 1px #d0d0d0;padding-bottom: 8px;margin-bottom: 10px;} #erpnews .content .bot .li .tit{width: 80%;font-size: 16px;color: #1a1a1a;} #erpnews .content .bot .li .tit:hover{color: #0049cc;} #erpnews .content .bot .li .time{font-size: 16px;color: #1a1a1a;} @media screen and (max-width:750px) { #erpnews_banner .pic{padding-top: 46.667%;} #erpnews .box{flex-wrap: wrap;} #erpnews .content{width: 100%;margin-top: 50px;} #erpnews .content .top{padding-bottom: 20px;} #erpnews .content .top .title{font-size: 42px;} #erpnews .content .top .more{font-size: 30px;} #erpnews .content .bot{margin-top: 40px;} #erpnews .content .bot .li{padding-bottom: 18px;margin-bottom: 20px;flex-wrap: wrap;} #erpnews .content .bot .li .tit{width: 100%;font-size: 36px;} #erpnews .content .bot .li .time{font-size: 30px;margin-top: 15px;} } /*人才价值*/ @media screen and (min-width: 960px) and (max-width:1600px){ #value-info .text{width:92%;margin:0 auto; margin-bottom:50px;} .cw1400{ max-width:1200px; padding-right: 15px; padding-left: 15px; } .cw1400 .content{ padding-left:15px; padding-right:15px; } #value-info { .b-pic:hover img,[b-pic]:hover img{-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);} #value-social .big .box {padding: 26px 0; } #value-welfare .content .box{ padding:26px 0 10px; } #value-info .cw1400 .b-pic{ padding-left:32px; padding-right:32px; } #value-campus .big .text{ padding: 0 6%; } #index-service .left .img img{width:40px;height:40px;} } @media screen and (max-width:751px){ #value-info .text{width:100%;margin:0 auto; margin-bottom:50px;} } @media (min-width: 1600px){ .wsc-main{ padding-right: 40px; padding-left: 40px; } } @media (min-width: 1400px){ .wsc-main{ padding-right: 25px; padding-left: 25px; } } @media screen and (max-width:750px) { #file-download .content {width: 684px;padding: 65px 47px 90px; background: url(../image/file.png);background-size: cover;background-position: center;background-repeat: no-repeat;} #file-download .content .top .word .title {font-size: 48px;} #file-download .content .top .word .tit {font-size: 30px;} #file-download .content .form .li {background: #fff;border-radius: 10px;width: 100%;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02);border: 1px solid #e6e6f1;padding: 0 23px;} #file-download .content .form .li .choose , #file-download .content .form .li .input {width: 100%;line-height: 80px;font-size: 30px;box-shadow: none;border: none;height: 80px;} #file-download .content .form .li .word {width: 64px;} #file-download .content .form .li .word .text {display: none;} #file-download .content .form .li .choose .out {max-height: 210px;top: 80px;} #file-download .content .form .li .choose .out .list {font-size: 30px;line-height: 1.5;padding: 10px 20px;} #file-download .content .form .btn {width: 520px;height: 90px;border-radius: 10px;font-size: 36px;font-weight: 500;line-height: 90px;} #file-download .content .form .li .choose .character {color: #cccccc;} #file-download .content .form .li .choose .character.cur {color: #333333;} #file-download .content .form::before {width: 558px;} } /*留咨下载*/ #file-download {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;display: none;} #file-download .content {width: 530px; background: url(../image/file.png);background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 45px 36px 77px;} #file-download .content .top {display: flex;align-items: center;justify-content: space-between;} #file-download .content .top .word .title {font-size: 24px;font-weight: 700;color: #171d2c;} #file-download .content .top .word .tit {font-size: 16px;color: #666666;margin-top: 10px;} #file-download .content .top .close {cursor:pointer } #file-download .content .top .close:hover {transform: rotate(180deg);} #file-download .content .form {margin-top: 66px;background: #fff;border-radius: 10px;box-shadow: 0px 10px 30px 0px rgba(0, 96, 204, 0.28);padding: 44px 35px;position: relative;} #file-download .content .form::before {content: '';height: 100%;width: 432px;background: #fff;position: absolute;left: 50%;transform: translate(-50%,-15px);border-radius: 10px;z-index: -1;opacity: 0.5;} #file-download .content .form .li {display: flex;align-items: center;justify-content: space-between;margin-top: 20px;} #file-download .content .form .li:first-child {margin-top: 0;} #file-download .content .form .li .word {width: 100px; display: flex;align-items: center;justify-content: space-between;} #file-download .content .form .li .word .text {font-size: 16px;color: #333333;} #file-download .content .form .li .input {background: #fff;border-radius: 10px;width: 280px;line-height: 45px;font-size: 16px;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02);border: 1px solid #e6e6f1;padding: 0 15px;} #file-download .content .form .li .choose {height: 45px; background: #fff;border-radius: 10px;width: 280px;line-height: 45px;font-size: 16px;box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.02);border: 1px solid #e6e6f1;padding: 0 15px;display: flex;align-items: center;justify-content: space-between;position: relative;cursor:pointer } #file-download .content .form .li .choose .out { box-shadow: 0 0 10px rgba(0,0,0,0.2);position: absolute;left: 0;border-radius: 10px;background: #fff;top: 46px;width: 100%;border: 1px solid #e6e6f1;display: none;max-height: 110px;overflow-y: scroll !important;z-index: 10;} #file-download .content .form .li .choose .out::-webkit-scrollbar {background-color: #e5e5e5;} #file-download .content .form .li .choose .out::-webkit-scrollbar-thumb {background-color: #0049cc;} #file-download .content .form .li .choose .out .list {font-size: 16px;line-height: 36px;padding: 0 20px;} #file-download .content .form .li .choose .out .list:hover {color: #0049cc;background: #f7f8fa;} #file-download .content .form .li .choose.cur img {transform: rotate(180deg);} #file-download .content .form .btn {width: 240px;height: 45px;border-radius: 10px;background: #0049cc;text-align: center;line-height: 45px;color: #fff;font-size: 16px;margin: 35px auto 0;cursor:pointer } /*隐私条例*/