.header{}
.top_welcome{background:#F2F2F2;}
.top_welcome p{line-height:32px;color:#7A8BA6;font-size:14px;}
.head{}
.head .logo{padding:21px 0;}
.head .logo a{}
.head .logo img{}
.head .logo .slogan{padding-left:45px;}
.head .logo .slogan .title{font-size:30px;color:#374567;width:13.5em;line-height:1.4;letter-spacing:1px;}
.head .logo .slogan p{text-align:center;font-size:14px;color:#7A8BA6;line-height:2;position:relative;}
.head  .head_tel{text-align:right;width:160px;}
.head  .head_tel p{font-weight:400;font-size:16px;line-height:1.4;color:#374567;}
.head  .head_tel .tel{font-size:24px;font-weight:600;color:#00A7FF;line-height:1.4;}
.head .logo .slogan p i{width:26px;height:1px;background:#D8D8D8;position:absolute;top:1em;}
.head .logo .slogan p .l{left:0;}
.head .logo .slogan p .r{right:0;}
.nav{background:#0A1733;height:54px;}
.nav .total_nav{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.nav .total_nav li{width:14.28%;text-align:center;float:left;position:relative;transition:all 0.3s;}
.nav .total_nav li a{display:block;font-size:16px;color:#fff;line-height:54px;transition:all 0.3s;}
.nav .total_nav li.active a{background:#00A7FF;}
.nav .total_nav li i{position:absolute;bottom:0;left: 50%;height:2px;width:0;background:#fff;transition:all 0.3s;}
.nav .total_nav li:hover i, .nav .total_nav li.active i {width: 30px; margin-left: -15px;}
.banner {}
.banner .swiper-slide img {width: 100%;}
.banner .swiper-button-next, .banner .swiper-button-prev {width: 40px;height: 40px;opacity: 0;transition: all 0.5s;}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev {opacity: 1;}
.banner .swiper-button-next {right: 50%;margin-right: -650px;}
.banner .swiper-button-prev {left: 50%;margin-left: -650px;}
.banner .swiper-button-prev:after {content: '';display: block;height: 100%;width: 100%;background: url(../image/icon_left.png) no-repeat;transition: all 0.5s;}
.banner .swiper-button-next:after {content: '';display: block;height: 100%;width: 100%;background: url(../image/icon_right.png) no-repeat;transition: all 0.5s;}
.banner .swiper-button-prev:hover:after {background-image: url(../image/icon_left_un.png);}
.banner .swiper-button-next:hover:after {background-image: url(../image/icon_right_un.png);}
.banner .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: #fff;border-radius: 5px;}
.banner .swiper-pagination .swiper-pagination-bullet-active {width: 26px;}
.banner .list {position: absolute;width: 100%;bottom: 0;padding-bottom: 52px;overflow: hidden;}
.banner .list .item {width: 270px;height: 96px;background: rgb(255 255 255 / 80%);border-radius: 12px;padding: 22px 25px;opacity: 0;}
.banner .list .item .text {width: 160px;}
.banner .list .item .text h3 {color: #374567;font-size: 20px;line-height: 1.4;letter-spacing: 1px;}
.banner .list .item .text p {color: #7A8BA6;font-size: 14px;line-height: 1.4;letter-spacing: 1px;padding-top: 4px;}
.banner .list .item .ico {width: 60px;}
.banner .list .item .ico img {}
.banner .list .item:nth-child(1) {transition: 0.5s;transform: translateY(50px);}
.banner .list .item:nth-child(2) {transition: 0.8s;transform: translateY(80px);}
.banner .list .item:nth-child(3) {transition: 1.1s;transform: translateY(110px);}
.banner .list .item:nth-child(4) {transition: 1.3s;transform: translateY(130px);}
.banner .swiper-slide-active .list .item {transform: translateY(0px);opacity: 1;}
.banner .swiper-slide-active .list .item:nth-child(1) {}
.banner .swiper-slide-active .list .item:nth-child(2) {}
.banner .swiper-slide-active .list .item:nth-child(3) {}
.banner .swiper-slide-active .list .item:nth-child(4) {}
.banner .swiper-slide img.pc_b_images {display: block;}
.banner .swiper-slide img.m_b_images {display: none;}
.section {padding: 50px 0 72px;}
.section .title {text-align: center;padding-bottom: 56px;}
.section .title .title_h {position: relative;}
.section .title .title_h h2 {color: #374567;letter-spacing: 2px;font-size: 30px;padding-bottom: 20px;}
.section .title .title_h i {position: absolute;left: 50%;bottom: 0;width: 184px;height: 1px;background: #D3D8DC;margin-left: -92px;}
.section .title .title_h i:after {content: '';position: absolute;width: 60px;height: 3px;background: #00A7FF;left: 50%;bottom: -1px;margin-left: -30px;transition: all 0.3s;}
.section:hover .title .title_h i:after {width: 90px;margin-left: -45px;}
.section .section_btn {padding: 0 18px;}
.section .section_btn .item {width: 160px;height: 80px;padding-bottom: 8px;position: relative;margin: 0 10px;}
.section .section_btn .item span {box-shadow: 2px 2px 17px 0px rgba(75, 125, 139, 0.1);color: #374567;font-size: 18px;text-align: center;line-height: 72px;border-radius: 8px;display: block;width: 100%;position: relative;z-index: 1;transition: all 0.5s;}
.section .section_btn .item i {opacity: 0;transition: all 0.5s;background: url(../image/s1-btn-h.png);background-position: center;position: absolute;width: 0;height: 100%;left: 50%;}
.section .section_btn .item.active span,.section .section_btn .item:hover span {color: #fff;}
.section .section_btn .item.active i,.section .section_btn .item:hover i {opacity: 1;left: 0;width: 100%;}
.section .section_btn .items {width: 160px;height: 80px;padding-bottom: 8px;position: relative;}
.section .section_btn .items span {box-shadow: 2px 2px 17px 0px rgb(75 125 139 / 10%);color: #00A7FF;font-size: 18px;text-align: center;line-height: 72px;border-radius: 8px;display: block;width: 100%;}
.section1 {}
.section1 .section_content {padding-top: 10px;}
.section1 .section_content .list {display: none;}
.section1 .section_content .list.active {display: block;}
.section1 .section_content .list ul {}
.section1 .section_content .list li {width: 29.375%;padding: 46px 5.9375% 0 0;box-sizing: content-box; }
.section1 .section_content .list li:nth-child(3n) {padding-right: 0;}
.section1 .section_content .list li a {position: relative;}
.section1 .section_content .list li .img {width: 100%;height: 252px;}
.section1 .section_content .list li .img img {width: 100%;height: 100%;overflow: hidden;}
.section1 .section_content .list li .text {width: 100%;height: 218px;background: #FFFFFF;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.06);position: relative;padding: 24px 56px 24px 20px;transition: all 0.5s;left: 44px;bottom: 56px;}
.section1 .section_content .list li .text .text-l {position: absolute;left: 0;top: 26px;display: block;width: 5px;height: 18px;background: #00A7FF;}
.section1 .section_content .list li .text .name {color: #374567;line-height: 1.4;font-size: 16px;transition: all 0.5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section1 .section_content .list li .text .name_b {position: relative;display: block;width: 100%;border-bottom: 1px solid #E4E7ED;height: 20px;}
.section1 .section_content .list li .text .name_b:after {content: ''; position: absolute;bottom: 0;left: 0;width: 14px;height: 4px;background: #DCDFE6;transition: all 0.3s;}
.section1 .section_content .list li .text .describe {font-weight: 400;color: #7A8BA6;line-height: 1.75;font-size: 12px;height: 5.25em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;margin: 15px 0;}
.section1 .section_content .list li .text .bnt {background: #00A7FF;border-radius: 4px;opacity: 0.8;display: block;width: 81px;text-align: center;color: #ffffff;font-size: 14px;line-height: 2.35;}
.section1 .section_content .list li:hover a .text {left: 0;}
.section1 .section_content .list li a:hover .text .name_b:after {width: 52px;background: #00a7ff;}
.section1 .section_content .list li a:hover .text .name {color: #00a7ff;}
.section2 {background: linear-gradient(180deg, #FDFDFF 0%, #F9FAFF 100%);}
.section2 .section_content {padding: 0 10px;}
.section2 .section_content .list {}
.section2 .section_content .list ul {}
.section2 .section_content .list li {width: 49%;height: 260px;background: #fff;position: relative;padding: 40px 3.9%;margin: 12px 0;}
.section2 .section_content .list li .ico {background: no-repeat center;width: 30px;height: 30px;position: relative;z-index: 1;transition: all 0.5s;}
.section2 .section_content .list li .ico1 {background-image: url(../image/s2-ico01.png);}
.section2 .section_content .list li .ico2 {background-image: url(../image/s2-ico02.png);}
.section2 .section_content .list li .ico3 {background-image: url(../image/s2-ico03.png);}
.section2 .section_content .list li .ico4 {background-image: url(../image/s2-ico04.png);}
.section2 .section_content .list li .text {width: 91.8%;position: relative;z-index: 1;}
.section2 .section_content .list li .text .name {color: #374567;font-size: 16px;padding-bottom: 18px;transition: all 0.4s;}
.section2 .section_content .list li .text .describe {font-size: 13px;color: #7A8BA6;line-height: 1.4;padding-left: 16px;padding-bottom: 21px;position: relative;transition: all 0.4s;}
.section2 .section_content .list li .text .describe:after {content: '';position: absolute;top: 5px;left: 0;width: 6px;height: 6px;background: linear-gradient(241deg, #0093FF 0%, #5BBBFB 100%);border-radius: 50%;transition: all 0.4s;}
.section2 .section_content .list li .section2-li-bg {position: absolute;width: 0;height: 0;left: 50%;top: 50%;background: no-repeat center;transition: all 0.5s;}
.section2 .section_content .list li .section2-li-bg.li-bg01 {background-image: url(../image/s2-ico01-bg.png);}
.section2 .section_content .list li .section2-li-bg.li-bg02 {background-image: url(../image/s2-ico02-bg.png);}
.section2 .section_content .list li .section2-li-bg.li-bg03 {background-image: url(../image/s2-ico03-bg.png);}
.section2 .section_content .list li .section2-li-bg.li-bg04 {background-image: url(../image/s2-ico04-bg.png);}
.section2 .section_content .list li:hover .ico1 {background-image: url(../image/s2-ico01-h.png);}
.section2 .section_content .list li:hover .ico2 {background-image: url(../image/s2-ico02-h.png);}
.section2 .section_content .list li:hover .ico3 {background-image: url(../image/s2-ico03-h.png);}
.section2 .section_content .list li:hover .ico4 {background-image: url(../image/s2-ico04-h.png);}
.section2 .section_content .list li:hover .text .name {color: #fff;}
.section2 .section_content .list li:hover .text .describe {color: #fff;}
.section2 .section_content .list li:hover .text .describe:after {background: #fff;}
.section2 .section_content .list li:hover .section2-li-bg {width: 100%;height: 100%;left: 0;top: 0;}
.section3 {}
.section3 .section_content {padding: 12px 0;}
.section3 .section_content .list {}
.section3 .section_content .list ul {}
.section3 .section_content .list li {margin: 12px 1.8% 35px;width: 16.4%;height: 136px;}
.section3 .section_content .list li:nth-child(n+6) {margin-bottom: 0;}
.section3 .section_content .list li a {display: block;}
.section3 .section_content .list li img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.3s;width: 100%;height: 100%;object-fit: contain;}
.section3 .section_content .list li:hover img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: none;}
.section4 {background: url(../image/s4-bg.png) repeat-x;background-size: 100% auto;background-position: top;}
.section4 .section_content {padding: 10px;}
.section4 .section_content .list {background: #fff;height: 340px;box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.08);}
.section4 .section_content .list ul {}
.section4 .section_content .list li {width: 16.66%;padding: 60px 23px 0;position: relative;height: 340px;}
.section4 .section_content .list li:after {content: '';display: block;width: 1px;height: 214px;background: #D8D8D8;position: absolute;top: 63px;right: 0;}
.section4 .section_content .list li:last-child:after {display:none;}
.section4 .section_content .list li .ico {display: block;width: 100px;height: 100px;margin: 0 auto;transition: all 0.5s;}
.section4 .section_content .list li .ico1 {background-image: url(../image/s4-ico01.png);}
.section4 .section_content .list li .ico2 {background-image: url(../image/s4-ico02.png);}
.section4 .section_content .list li .ico3 {background-image: url(../image/s4-ico03.png);}
.section4 .section_content .list li .ico4 {background-image: url(../image/s4-ico04.png);}
.section4 .section_content .list li .ico5 {background-image: url(../image/s4-ico05.png);}
.section4 .section_content .list li .ico6 {background-image: url(../image/s4-ico06.png);}
.section4 .section_content .list li .text {text-align: center;padding-top: 30px;}
.section4 .section_content .list li .text .name {color: #374567;line-height: 1.4;font-size: 18px;padding-bottom: 20px;transition: all 0.3s;}
.section4 .section_content .list li .text .describe {font-size: 13px;color: #7A8BA6;line-height: 22px;transition: all 0.3s;}
.section4 .title .title_h h2 {color: #fff;}
.section4 .section_content .list li:hover {background: #00A7FF;opacity: 0.9;}
.section4 .section_content .list li:hover .ico {transform: rotateY(360deg);}
.section4 .section_content .list li:hover .text .name,.section4 .section_content .list li:hover .text .describe {color: #ffffff;}
.section4 .section_content .list li:hover .ico1 {background-image: url(../image/s4-ico01-h.png);}
.section4 .section_content .list li:hover .ico2 {background-image: url(../image/s4-ico02-h.png);}
.section4 .section_content .list li:hover .ico3 {background-image: url(../image/s4-ico03-h.png);}
.section4 .section_content .list li:hover .ico4 {background-image: url(../image/s4-ico04-h.png);}
.section4 .section_content .list li:hover .ico5 {background-image: url(../image/s4-ico05-h.png);}
.section4 .section_content .list li:hover .ico6 {background-image: url(../image/s4-ico06-h.png);}
.section5 {background: url(../image/s5-bg.png) no-repeat;background-position: center bottom;padding-bottom: 68px;}
.section5 .section_content {padding: 120px 10px 0;}
.section5 .section_content .left {position: relative;width: 49.2%;}
.section5 .section_content .left .img {position: relative;top: -107px;}
.section5 .section_content .left .img img {}
.section5 .section_content .right {width: 45.5%;position: relative;}
.section5 .section_content .right .text {padding-top: 46px;}
.section5 .section_content .right .text h3 {color: rgba(255, 255, 255, 0.85);line-height: 1.4;font-size: 30px;font-weight: 500;}
.section5 .section_content .right .text i {width: 147px;height: 1px;background: #FFFFFF;display: block;margin-top: 19px;margin-bottom: 9px;position: relative;}
.section5 .section_content .right .text i:after {content: " ";width: 40px;height: 4px;background: #D8D8D8;position: absolute;bottom: 0;}
.section5 .section_content .right .text b {font-size: 20px;font-weight: 500;color: #FFFFFF;line-height: 28px;}
.section5 .section_content .right .text p {font-size: 15px;font-weight: 500;color: rgba(255, 255, 255, 0.85);line-height: 2;margin-top: 10px;max-width: 555px;}
.section5 .section_content .right .bnt {width: 160px;height: 50px;background: #00A7FF;border-radius: 4px;margin-top: 52px;text-align: center;line-height: 50px;}
.section5 .section_content .right .bnt a {display: block;font-size: 18px;color: rgba(255, 255, 255, 0.85);letter-spacing: 1px;}
.section5 .section_content .right .bnt a i {display: inline-block;width: 27px;height: 9px;margin-left: 14px;background: url(../image/s5-bnt-i.png) no-repeat;}
.section5 .section_content .right .marks {position: relative;}
.section5 .section_content .right .marks img {position: absolute;right: 0;bottom: 20px;}
.section6 {}
.section6 .section_content {padding: 0 10px;position: relative;}
.section6 .section_content .swiper-slide {}
.section6 .section_content a {}
.section6 .section_content .img {width: 100%;height: 349px;background: #0A1733;}
.section6 .section_content .img img {margin: 0 auto;transition: all 0.5s;width: 200px;}
.section6 .section_content .text {height: 74px;background: #FFFFFF;border: 1px solid #DEE4F5;text-align: center;font-size: 18px;color: #374567;letter-spacing: 1px;line-height: 74px;transition: all 0.8s;background-repeat: no-repeat;background-image: linear-gradient(to right, #00a7ff, #0490da);background-size: 0% 100%;background-position: center center;}
.section6 .swiper-button-next, .section6 .swiper-button-prev {width: 40px;height: 40px;opacity: 1;transition: all 0.5s;}
.section6 .swiper-button-next {right: 50%;margin-right: -700px;}
.section6 .swiper-button-prev {left: 50%;margin-left: -700px;}
.section6 .swiper-button-prev:after {content: '';display: block;height: 100%;width: 100%;background: url(../image/icon_left.png) no-repeat;transition: all 0.5s;}
.section6 .swiper-button-next:after {content: '';display: block;height: 100%;width: 100%;background: url(../image/icon_right.png) no-repeat;transition: all 0.5s;}
.section6 .swiper-button-prev:hover:after {background-image: url(../image/icon_left_un.png);}
.section6 .swiper-button-next:hover:after {background-image: url(../image/icon_right_un.png);}
.section6 .section_content .text:hover {background-size: 100% 100%;transition-timing-function: cubic-bezier(0.52, 1.6, 0.5, 0.66);border-color: #00a7ff;color: #fff;}
.section6 .section_content .img:hover img {transform: scale(1.1);}
.section7 {}
.section7 .section_btn {padding: 0 10px;}
.section7 .section_btn .item {margin-right: 24px;}
.section7 .section_content {padding: 34px 10px 0;}
.section7 .section_content .list {display: none;}
.section7 .section_content .list.active {display: block;}
.section7 .section_content .list .left {width: 49.2%;}
.section7 .section_content .list .left a {}
.section7 .section_content .list .left .img {position: relative;width: 100%;height: 410px;overflow: hidden;}
.section7 .section_content .list .left .img img {width: 100%;height: 100%;object-fit: cover;}
.section7 .section_content .list .left .img .name {position: absolute;bottom: 0;left: 0;width: 100%;height: 75px;line-height: 75px;text-align: center;padding: 0 4%;font-size: 24px;font-weight: 500;color: #FFFFFF;background: rgb(0 0 0 / 50%);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section7 .section_content .list .left .text {height: 120px;padding: 16px 25px 0;}
.section7 .section_content .list .left .text .time {width: 118px;}
.section7 .section_content .list .left .text .time span {font-size: 30px;font-weight: 600;color: #374567;line-height: 42px;display: block;}
.section7 .section_content .list .left .text .time b {font-size: 20px;font-weight: 600;color: #374567;line-height: 28px;display: block;}
.section7 .section_content .list .left .text .describe {width: calc( 100% - 135px );font-size: 16px;color: #7A8BA6;line-height: 1.75;height: 3.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.5em;}
.section7 .section_content .list .right {width: 49%;max-width: 613px;}
.section7 .section_content .list .right ul {}
.section7 .section_content .list .right li {margin-bottom: 20px;}
.section7 .section_content .list .right li a {}
.section7 .section_content .list .right li .time {width: 130px;height: 130px;background: #D7DCE3;padding: 28px 0 0 15px;position: relative;}
.section7 .section_content .list .right li .time span {font-size: 30px;font-weight: 600;color: #FFFFFF;line-height: 1.4;display: block;position: relative;z-index: 1;}
.section7 .section_content .list .right li .time b {font-size: 18px;font-weight: 600;color: #FFFFFF;line-height: 1.5;display: block;position: relative;z-index: 1;}
.section7 .section_content .list .right li .text {width: 78.8%;height: 160px;background: #FAFBFF;padding: 28px 31px;}
.section7 .section_content .list .right li .text .name {font-size: 20px;color: #374567;line-height: 1.4;font-weight: 500;padding-bottom: 13px;transition: all 0.3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section7 .section_content .list .right li .text .describe {font-size: 14px;font-weight: 400;color: #7A8BA6;line-height: 1.7;height: 3.4em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.section7 .section_content .list .right li .time i {position: absolute;display: block;top: 50%;left: 50%;width: 0;height: 0;background: #00A7FF;transition: all 0.4s;}
.section7 .section_content .list .right li:hover .time i {top: 0;left: 0;width: 100%;height: 100%;}
.section7 .section_content .list .right li .text .name:hover {color: #00A7FF;}
.footer {padding: 60px 0 30px;background: #0a1733;}
.footer .f_content {padding-bottom: 32px;}
.footer .f_content .left {width: 858px;margin-right: 40px;}
.footer .f_content .left .item {width: 16%;}
.footer .f_content .left .item .span {padding-bottom: 20px;}
.footer .f_content .left .item .span a {font-size: 16px;color: #FFFFFF;line-height: 1.4;}
.footer .f_content .left .item .a {}
.footer .f_content .left .item .a a {font-size: 14px;color: #8A8EA1;line-height: 2.4;}
.footer .f_content .right {width: 226px;}
.footer .f_content .right .span {font-size: 16px;color: #FFFFFF;line-height: 1.4;padding-bottom: 10px;}
.footer .f_content .right .f_tel {font-size: 24px;font-weight: 500;color: #FFFFFF;line-height: 1.4;margin-bottom: 22px;}
.footer .f_content .right .img {margin-bottom: 10px;background: rgb(255 255 255 / 4%);}
.footer .f_content .right .img img {padding: 5px 0 5px 5px;width: 85px;}
.footer .f_content .right .img .text {width: 140px;height: 90px;padding: 10px 16px;}
.footer .f_content .right .img .text p {font-size: 14px;color: #6B707A;line-height: 2.2;}
.footer .f_link {padding-bottom: 8px;}
.footer .f_link b {font-size: 14px;color: #8A8EA1;line-height: 1.4;width: 6em;}
.footer .f_link p {font-size: 14px;color: #8A8EA1;line-height: 1.4;width: calc( 100% - 6em );}
.footer .f_link p a {color: #8A8EA1;}
.footer .f_link p a:hover {color: #00A7FF;}
.footer .f_copyright {padding-top: 16px;border-top: 1px solid #767E90;}
.footer .f_copyright p {font-size: 14px;font-weight: 400;color: #8A8EA1;line-height: 1.4;letter-spacing: 1px;}
.footer .f_copyright a {font-size: 14px;color: #8A8EA1;line-height: 1.4;}
.footer .f_copyright a:hover {color: #00A7FF;}
.page-banner {height: 240px;}
.page-banner .text {display: block;text-align: center;width: 100%;}
.page-banner .text .title {font-size: 40px;color: #FFFFFF;line-height: 56px;letter-spacing: 1px;padding-bottom: 10px;}
.page-banner .text p {font-size: 16px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #FFFFFF;line-height: 22px;letter-spacing: 1px;}
.page-banner .text p a {color: #FFFFFF;}
.page-banner .text p span {font-family: '宋体';padding: 0 6px;}
.page-banner.page-b-contact {background: url(../image/contact-bg.png) no-repeat center;background-size: auto 100%;}
.page-contact {}
.page-contact .img {}
.page-contact .img img {min-height: 320px;width: 100%;object-fit: cover;}
.page-contact .page_content {position: relative;top: -65px;padding: 0 10px;}
.page-contact .page_content .item {width: 32.26%;padding: 20px 20px 10px;background: #FFFFFF;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.06);}
.page-contact .page_content .item .ico {width: 100px;height: 100px;}
.page-contact .page_content .item .ico img {width: 100%;height: 100%;}
.page-contact .page_content .item .text {padding-left: 14px;padding-bottom: 10px;width: 260px;}
.page-contact .page_content .item .text p {font-size: 14px;color: #374567;line-height: 1.4;padding-bottom: 4px;}
.page-banner.page-b-advantage {background: url(../image/advantage-bg.png) no-repeat center;background-size: auto 100%;}
.s-advantage1 {background: #F9FAFF;}
.s-advantage1 .section_content {}
.s-advantage1 .section_content ul {}
.s-advantage1 .section_content li {background-size: 100% 100%;width: 18.75%;height: 350px;position: relative;background: no-repeat center #fff;}
.s-advantage1 .section_content li .ico {width: 100px;height: 100px;margin: 66px auto 20px;background: no-repeat center;background-size: 100px;position: relative;z-index: 1;transition: all 0.5s;}
.s-advantage1 .section_content li .ico.ico1 {background-image: url(../image/pa1-ico1.png);}
.s-advantage1 .section_content li .ico.ico2 {background-image: url(../image/pa1-ico2.png);}
.s-advantage1 .section_content li .ico.ico3 {background-image: url(../image/pa1-ico3.png);}
.s-advantage1 .section_content li .ico.ico4 {background-image: url(../image/pa1-ico4.png);}
.s-advantage1 .section_content li .ico.ico5 {background-image: url(../image/pa1-ico5.png);}
.s-advantage1 .section_content li .text {width: 190px;margin: 0 auto;text-align: center;position: relative;z-index: 1;}
.s-advantage1 .section_content li .text .name {font-size: 30px;color: #374567;line-height: 1.4;transition: all 0.4s;}
.s-advantage1 .section_content li .text .describe {font-size: 16px;color: #7A8BA6;padding-top: 30px;line-height: 1.6;letter-spacing: 1px;transition: all 0.4s;}
.s-advantage1 .section_content li .s-advantage1-li-bg {position: absolute;width: 0;height: 0;top: 50%;left: 50%;background: no-repeat center;background-size: 240px 350px;transition: all 0.5s;}
.s-advantage1 .section_content li.li-bg01 {background-image: url(../image/pa1-bg1.png);}
.s-advantage1 .section_content li.li-bg02 {background-image: url(../image/pa1-bg2.png);}
.s-advantage1 .section_content li.li-bg03 {background-image: url(../image/pa1-bg3.png);}
.s-advantage1 .section_content li.li-bg04 {background-image: url(../image/pa1-bg4.png);}
.s-advantage1 .section_content li.li-bg05 {background-image: url(../image/pa1-bg5.png);}
.s-advantage1 .section_content li.li-bg01 .s-advantage1-li-bg {background-size: 100% 100%;background-image: url(../image/pa1-bg1-h.png);}
.s-advantage1 .section_content li.li-bg02 .s-advantage1-li-bg {background-size: 100% 100%;background-image: url(../image/pa1-bg2-h.png);}
.s-advantage1 .section_content li.li-bg03 .s-advantage1-li-bg {background-size: 100% 100%;background-image: url(../image/pa1-bg3-h.png);}
.s-advantage1 .section_content li.li-bg04 .s-advantage1-li-bg {background-size: 100% 100%;background-image: url(../image/pa1-bg4-h.png);}
.s-advantage1 .section_content li.li-bg05 .s-advantage1-li-bg {background-size: 100% 100%;background-image: url(../image/pa1-bg5-h.png);}
.s-advantage1 .section_content li:hover .ico {transform: rotateY(360deg);}
.s-advantage1 .section_content li:hover .ico.ico1 {background-image: url(../image/pa1-ico1-h.png);}
.s-advantage1 .section_content li:hover .ico.ico2 {background-image: url(../image/pa1-ico2-h.png);}
.s-advantage1 .section_content li:hover .ico.ico3 {background-image: url(../image/pa1-ico3-h.png);}
.s-advantage1 .section_content li:hover .ico.ico4 {background-image: url(../image/pa1-ico4-h.png);}
.s-advantage1 .section_content li:hover .ico.ico5 {background-image: url(../image/pa1-ico5-h.png);}
.s-advantage1 .section_content li:hover .text .name {color: #ffffff;}
.s-advantage1 .section_content li:hover .text .describe {color: #ffffff;}
.s-advantage1 .section_content li:hover .s-advantage1-li-bg {width: 100%;height: 100%;top: 0;left: 0;}
.s-advantage2 {background: #F9FAFF;}
.s-advantage2 .section_content {padding: 0 21px;}
.s-advantage2 .section_content ul {}
.s-advantage2 .section_content li {width: 32.2%;margin-bottom: 20px;}
.s-advantage2 .section_content li a {}
.s-advantage2 .section_content li .img {width: 100%;height: 280px;overflow: hidden;}
.s-advantage2 .section_content li .img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.s-advantage2 .section_content li .text {width: 100%;height: 80px;background: #FFFFFF;}
.s-advantage2 .section_content li .text .name {font-size: 18px;font-weight: 500;color: #374567;line-height: 1.4;letter-spacing: 1px;text-align: center;transition: all 0.8s;background-repeat: no-repeat;background-image: linear-gradient(to right, #00a7ff, #0490da);background-size: 0% 100%;background-position: center center;padding: 28px;}
.s-advantage2 .section_content li a:hover img {transform: scale(1.1);}
.s-advantage2 .section_content li a:hover .text .name {background-size: 100% 100%;transition-timing-function: cubic-bezier(0.52, 1.6, 0.5, 0.66);border-color: #00a7ff;color: #fff;}
.s-advantage3 {background: url(../image/pa3-bg.png);}
.s-advantage3 .title .title_h h2 {color: #fff;}
.s-advantage3 .section_content {padding: 0 10px;}
.s-advantage3 .section_content .left {width: 49.5%;}
.s-advantage3 .section_content .right {width: 49.5%;}
.s-advantage3 .section_content .item {position: relative;margin-bottom: 20px;height: 440px;}
.s-advantage3 .section_content .item .img {width: 100%;height: 100%;}
.s-advantage3 .section_content .item .img img {width: 100%;height: 100%;object-fit: cover;}
.s-advantage3 .section_content .item .text {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;background: rgb(55 69 103 / 80%);transition: all 0.3s;}
.s-advantage3 .section_content .item .name {width: 100%;text-align: center;font-size: 32px;color: #FFFFFF;line-height: 1.4;}
.s-advantage3 .section_content .item .name i {display: block;width: 0;height: 2px;background: #FFFFFF;margin: 18px auto;transition: all 0.8s;}
.s-advantage3 .section_content .item:hover .text {opacity: 1;}
.s-advantage3 .section_content .item:hover .name i {width: 50px;}
.s-advantage3 .section_content .left .flex .item,.s-advantage3 .section_content .right .flex .item{width: 49%;height: 200px;}
.page-banner.page-b-about {background: url(../image/about-bg.png) no-repeat center;background-size: auto 100%;}
.navfixed {height: 54px;background: #FFFFFF;}
.page-follow {height: 54px;background: #FFFFFF;box-shadow: 0px 2px 4px 0px rgba(122, 139, 166, 0.1);}
.navfixed.affix .page-follow {position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
.page-follow .list {padding: 0 10px;height: 56px;}
.page-follow .list a {display: block;line-height: 54px;font-size: 16px;color: #7A8BA6;margin-right: 50px;position: relative;}
.page-follow .list a.active,.page-follow .list a:hover {color: #374567;}
.page-follow .list a:after {display: block;content: '';bottom: 0;left: 0;width: 0;height: 2px;background: linear-gradient(270deg, #00D3FF 0%, #00ADFF 100%);transition: all 0.4s;}
.page-follow .list a.active:after, .page-follow .list a:hover:after {width: 100%;}
.s-about1 {background: url(../image/s-advantage1-bg.png) no-repeat;background-size: auto 100%;}
.s-about1 .section_content {padding: 0 10px;}
.s-about1 .section_content .left {width: 49%;}
.s-about1 .section_content .left .img {}
.s-about1 .section_content .left .img img {width: 100%;height: 100%;}
.s-about1 .section_content .right {width: 51%;background: #374567;padding: 51px 49px 0;}
.s-about1 .section_content .right .text {}
.s-about1 .section_content .right .text h3 {font-size: 30px;font-weight: 500;color: rgba(255, 255, 255, 0.85);line-height: 42px;}
.s-about1 .section_content .right .text i {width: 147px;height: 1px;background: #FFFFFF;margin: 19px 0;display: block;position: relative;}
.s-about1 .section_content .right .text i:after {content: " ";position: absolute;bottom: 0;width: 40px;height: 4px;background: #33B9FF;}
.s-about1 .section_content .right .text b {font-size: 20px;font-weight: 500;color: #FFFFFF;line-height: 1.4;}
.s-about1 .section_content .right .text p {font-size: 15px;font-weight: 500;color: rgba(255, 255, 255, 0.85);line-height: 1.8;margin-top: 12px;}
.s-about1 .section_content .right .marks {position: relative;height: 30px;}
.s-about1 .section_content .right .marks img {position: absolute;right: 0;bottom: 0;}
.s-about2 {}
.s-about2 .section_content {padding: 0 10px;}
.s-about2 .section_content .item {}
.s-about2 .section_content .item .img {width: 50%;}
.s-about2 .section_content .item .img img {width: 100%;height: 100%;object-fit: cover;}
.s-about2 .section_content .item .text {width: 50%;padding: 48px 80px 0;background: rgb(249 250 255 / 47%);}
.s-about2 .section_content .item .text .name {}
.s-about2 .section_content .item .text .name img {height: 40px;width: 40px;object-fit: contain;}
.s-about2 .section_content .item .text .name span {line-height: 40px;font-size: 20px;font-weight: 500;color: #374567;padding-left: 15px;}
.s-about2 .section_content .item .text .describe {padding-top: 6px;padding-left: 55px;}
.s-about2 .section_content .item .text .describe p {font-size: 16px;font-weight: 500;color: #374567;line-height: 2;padding-left: 15px;position: relative;transition: all 0.3s;}
.s-about2 .section_content .item .text .describe p:hover {transform: translateX(0.5em);}
.s-about2 .section_content .item .text .describe p:after {content: '';display: block;width: 6px;height: 6px;background: linear-gradient(270deg, #00D3FF 0%, #00ADFF 100%);border-radius: 50%;position: absolute;left: 0;top: calc( 1em - 3px );}
.s-about3 {background: #F9FAFF;}
.s-about3 .section_content {padding: 0 10px;}
.s-about3 .section_content ul {}
.s-about3 .section_content li {width: 23.8%;height: 350px;background: #FFFFFF;transition: all 0.3s;}
.s-about3 .section_content li:hover {transform: translate(5px, -5px);box-shadow: -1px 1px 10px rgb(0 0 0 / 5%);}
.s-about3 .section_content li .ico {width: 100px;height: 100px;margin: 40px auto 30px;background: no-repeat center;background-size: 100px;position: relative;z-index: 1;transition: all 0.5s;}
.s-about3 .section_content li .ico.ico1 {background-image: url(../image/s-about3-ico1.png);}
.s-about3 .section_content li .ico.ico2 {background-image: url(../image/s-about3-ico2.png);}
.s-about3 .section_content li .ico.ico3 {background-image: url(../image/s-about3-ico3.png);}
.s-about3 .section_content li .ico.ico4 {background-image: url(../image/s-about3-ico4.png);}
.s-about3 .section_content li .text {width: 220px;margin: 0 auto;text-align: center;position: relative;z-index: 1;}
.s-about3 .section_content li .text .name {font-size: 30px;font-weight: 500;color: #374567;line-height: 1.4;padding-bottom: 19px;}
.s-about3 .section_content li .text .describe {font-size: 16px;font-weight: 400;color: #7A8BA6;line-height: 1.6;letter-spacing: 1px;}
.page-banner.page-b-case {background: url(../image/about-bg.png) no-repeat center;background-size: auto 100%;}
.s-case {background: url(../image/s-case-bg.png);background-size: auto 100%;}
.s-case .section_content {padding: 0 10px;}
.s-case .section_content .left {width: 277px;}
.s-case .section_content .left .category_list {background: #fff;margin-bottom: 20px;}
.s-case .section_content .left .category_list .list {}
.s-case .section_content .left .category_list .list .initial {height: 48px;position: relative;background-repeat: no-repeat;background-image: linear-gradient(307deg, #00D3FF 0%, #00A7FF 100%);background-size: 0% 100%;background-position: left center;transition: all 0.5s;}
.s-case .section_content .left .category_list .list .initial .a {font-size: 16px;font-weight: 500;color: #374567;line-height: 48px;letter-spacing: 1px;display: block;padding: 0 25px;border-bottom: 1px solid #f9faff;transition: all 0.3s;}
.s-case .section_content .left .category_list .list .initial .piclist_down {position: absolute;top: 0;right: 0;width: 48px;height: 48px;background: url(../image/list-link.png) no-repeat center;transition: all 0.3s;}
.s-case .section_content .left .category_list .list .detailed {background: rgba(0, 167, 255, 0.05);display: none;}
/*.s-case .section_content .left .category_list .list.active .detailed {display: block;}*/
.s-case .section_content .left .category_list .list.active .initial {background-size: 100% 100%;transition-timing-function: cubic-bezier(0.52, 1.6, 0.5, 0.66);border-color: #00a7ff;}
.s-case .section_content .left .category_list .list.active .initial .a {color: #FFFFFF;}
.s-case .section_content .left .category_list .list.active .initial .piclist_down {background-image: url(../image/list-link-h.png);transform: rotateZ(90deg);}
.s-case .section_content .left .category_list .list .detailed a {display: block;position: relative;padding-left: 60px;line-height: 48px;font-size: 16px;font-weight: 400;color: #7A8BA6;letter-spacing: 1px;transition: all 0.3s;}
.s-case .section_content .left .category_list .list .detailed a:after {content: '';position: absolute;top: 21px;left: 44px;width: 6px;height: 6px;background: linear-gradient(241deg, #0093FF 0%, #5BBBFB 100%);border-radius: 50%;transition: all 0.4s;}
.s-case .section_content .left .category_list .list .detailed a.active,.s-case .section_content .left .category_list .list .detailed a:hover {transform: translateX(1em);}
.s-case .section_content .right {width: 982px;}
.s-case .section_content .right .case_list {}
.s-case .section_content .right .case_list ul {}
.s-case .section_content .right .case_list li {width: 32%;margin-right: 2%;margin-bottom: 20px;}
.s-case .section_content .right .case_list li:nth-child(3n) {margin-right: 0;}
.s-case .section_content .right .case_list li a {}
.s-case .section_content .right .case_list li .img {width: 100%;height: 280px;overflow: hidden;position: relative;}
.s-case .section_content .right .case_list li .img img {width: 100%;height: 100%;object-fit: cover;}
.s-case .section_content .right .case_list li .img:after {content:"";display:block;position:absolute;left: 11px;top: 11px;z-index:2;width: calc( 100% - 22px );height: calc( 100% - 22px );border: solid 1px #00abff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform:scale(0.8) rotate(-15deg);-moz-transform:scale(0.8) rotate(-15deg);-o-transform:scale(0.8) rotate(-15deg);transform:scale(0.8) rotate(-15deg);  opacity:0;filter:alpha(opacity=0);}
.s-case .section_content .right .case_list li:hover .img:after {-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1;filter:alpha(opacity=100);-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.s-case .section_content .right .case_list li .text {background: #FFFFFF;}
.s-case .section_content .right .case_list li .text .name {line-height: 80px;font-size: 18px;font-weight: 500;color: #374567;letter-spacing: 1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 1em;transition: all 0.8s;background-repeat: no-repeat;background-image: linear-gradient(to right, #00a7ff, #0490da);background-size: 0% 100%;background-position: center center;}
.s-case .section_content .right .case_list li:hover .text .name {background-size: 100% 100%;transition-timing-function: cubic-bezier(0.52, 1.6, 0.5, 0.66);border-color: #00a7ff;color: #fff;}
.paging {height: 50px;background: #FFFFFF;border-radius: 5px;box-shadow: 0 0 3px #e5e5e5;overflow: hidden;width: 100%;}
.paging .p-left {width: 14%;background: url(../image/page-left.png) no-repeat center;transition: all 0.4s;}
.paging .p-right {width: 14%;background: url(../image/page-right.png) no-repeat center;transition: all 0.4s;}
.paging p {line-height: 50px;}
.paging p span {font-size: 14px;font-weight: 400;color: #374567;}
.paging p b {font-size: 30px;font-weight: 400;color: #374567;}
.paging .p-left:hover {background-image: url(../image/page-left-h.png);}
.paging .p-right:hover {background-image: url(../image/page-right-h.png);}
.page-banner.page-b-article {background: url(../image/article-bg.png) no-repeat center;background-size: auto 100%;}
.s-article {background: #F9FAFF;}
.s-article .section_content {padding: 0 10px;}
.s-article .section_content .article_list {}
.s-article .section_content .article_list ul {}
.s-article .section_content .article_list li {width: 32.3%;margin-right: 1.55%;margin-bottom: 20px;}
.s-article .section_content .article_list li:nth-child(3n) {margin-right: 0;}
.s-article .section_content .article_list li a {}
.s-article .section_content .article_list li .img {position: relative;width: 100%;height: 320px;overflow: hidden;}
.s-article .section_content .article_list li .img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;transform: scale(1.1);}
.s-article .section_content .article_list li .img .name {position: absolute;bottom: 0;left: 0;width: 100%;height: 75px;line-height: 75px;text-align: left;padding: 0 4%;font-size: 24px;font-weight: 500;color: #FFFFFF;background: rgb(0 0 0 / 50%);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.s-article .section_content .article_list li .text {padding: 16px 12px 28px;background: #fff;position: relative;}
.s-article .section_content .article_list li .text .time {width: 38%;padding-left: 8px;}
.s-article .section_content .article_list li .text .time span {font-size: 30px;font-weight: 600;color: #374567;line-height: 42px;display: block;}
.s-article .section_content .article_list li .text .time b {font-size: 20px;font-weight: 600;color: #374567;line-height: 28px;}
.s-article .section_content .article_list li .text .describe {width: 59%;font-size: 16px;color: #7A8BA6;line-height: 1.75;height: 3.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.5em;}
.s-article .section_content .article_list li .text:after {content: " ";position: absolute;left: 0;bottom: 0;display: block;width: 0;height: 4px;background: #00A7FF;transition: all 0.6s;}
.s-article .section_content .article_list li:hover .img img {transform: scale(1);}
.s-article .section_content .article_list li:hover .text:after {width: 100%;}
.recommend {background: #FFFFFF;padding: 20px;margin-bottom: 20px;width: 100%;}
.recommend .r_title {font-size: 16px;font-weight: 500;color: #374567;line-height: 1;letter-spacing: 1px;padding-left: 10px;border-left: 6px solid #00A7FF;}
.recommend .r_list {margin-top: 12px;border-top: 1px dashed #D3D8DC;padding-top: 6px;}
.recommend .r_list a {display: block;font-size: 14px;font-weight: 400;color: #374567;line-height: 2.2;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s;}
.recommend .r_list a:hover {color: #00A7FF;}
.case_info {background: #fff;padding: 20px;margin-bottom: 12px;}
.case_info .cat_name {font-size: 16px;font-weight: 500;color: #374567;line-height: 1;letter-spacing: 1px;padding-left: 10px;border-left: 6px solid #00A7FF;}
.case_info .introduce {margin-top: 12px;border-top: 1px dashed #D3D8DC;padding: 27px 16px;}
.case_info .introduce .case_info_left {width: 44.8%;}
.case_info .introduce .case_info_left .product_pic {width: 100%;height: 364px;}
.case_info .introduce .case_info_left .product_pic img {width: 100%;height: 100%;object-fit: cover;}
.case_info .introduce .case_info_right {width: 52.7%;}
.case_info .introduce .case_info_right .pro_desc {}
.case_info .introduce .case_info_right .pro_desc h1 {font-size: 16px;font-weight: 500;color: #374567;line-height: 1.4;letter-spacing: 1px;padding: 11px 0;}
.case_info .introduce .case_info_right .pro_desc .info {background: rgba(0, 167, 255, 0.06);padding: 30px 60px 30px 14px;border-top: 2px solid #00A7FF;margin-bottom: 35px;}
.case_info .introduce .case_info_right .pro_desc .info b {font-size: 14px;font-weight: 500;color: #374567;line-height: 20px;padding-bottom: 8px;display: block;}
.case_info .introduce .case_info_right .pro_desc .info p {font-size: 14px;font-weight: 400;color: #7A8BA6;line-height: 22px;}
.case_info .introduce .case_info_right .pro_desc .case_info_contact {}
.case_info .introduce .case_info_right .pro_desc .case_info_contact .info_contact1 {float: left;display: block;width: 128px;height: 46px;background: #DE712F;border-radius: 4px;text-align: center;line-height: 46px;font-size: 16px;font-weight: 500;color: #FFFFFF;letter-spacing: 1px;margin-right: 25px;}
.case_info .introduce .case_info_right .pro_desc .case_info_contact .info_contact2 {width: 204px;height: 46px;line-height: 46px;background: #FFFFFF;border-radius: 4px;border: 1px solid #D3D8DC;text-align: center;float: left;font-size: 14px;font-weight: 400;color: #374567;}
.case_info .introduce .case_info_right .pro_desc .case_info_contact .info_contact2 a {color: #00A7FF;}
.case_info .dg-tab-navs {border-left: 1px solid #D3D8DC;border-bottom: 1px solid #D3D8DC;margin: 0 16px 25px;}
.case_info .dg-tab-navs .dg-tab-nav {display: block;float: left;background: #FFFFFF;border-top: 1px solid #D3D8DC;border-right: 1px solid #D3D8DC;}
.case_info .dg-tab-navs .dg-tab-nav a {display: block;text-align: center;line-height: 37px;font-size: 15px;font-weight: 400;color: #374567;letter-spacing: 1px;width: 101px;height: 37px;}
.case_info .dg-tab-navs .dg-tab-nav.active a {color: #FFFFFF;background: #00A7FF;border-color: #00A7FF;}
.detail-box {padding: 0 16px;}
.detail-box .detail {font-size: 14px;font-weight: 400;color: #7A8BA6;line-height: 1.4;display: none;}
.detail-box .detail.active {display: block;}
.detail-box .detail p {font-size: 14px;font-weight: 400;color: #7A8BA6;line-height: 1.4;}
.detail-box .detail img {max-width: 100%;height: auto !important;margin: 0 auto;padding-bottom: 15px;}
.pronext {height: 50px;background: #FFFFFF;border-radius: 5px;box-shadow: 0 0 3px #e5e5e5;overflow: hidden;width: 100%;padding: 0 50px;}
.pronext .p-pre {font-size: 16px;font-weight: 500;line-height: 50px;color: #7A8BA6;display: block;background: url(../image/page-left.png) no-repeat;background-position: left center;padding-left: 52px;transition: all 0.3s;}
.pronext .p-list {font-size: 16px;font-weight: 500;line-height: 50px;color: #7A8BA6;display: block;background: url(../image/p-list.png) no-repeat;background-position: left center;padding-left: 27px;transition: all 0.3s;}
.pronext .p-next {font-size: 16px;font-weight: 500;line-height: 50px;color: #7A8BA6;display: block;background: url(../image/page-right.png) no-repeat;background-position: right center;padding-right: 52px;transition: all 0.3s;}
.pronext .p-pre:hover {color: #00A7FF;background-image: url(../image/page-left-h.png);}
.pronext .p-list:hover {color: #00A7FF;background-image: url(../image/p-list-h.png);}
.pronext .p-next:hover {color: #00A7FF;background-image: url(../image/page-right-h.png);}
.s-article-info {background: #F9FAFF;}
.s-article-info .section_content {padding: 0 10px;}
.s-article-info .section_content .left {width: 70%;background: #fff;padding: 40px 50px;}
.s-article-info .article_info {}
.s-article-info .article_info h1 {font-size: 22px;font-weight: 500;color: #374567;line-height: 1.4;letter-spacing: 1px;text-align: center;margin-bottom: 15px;}
.s-article-info .article_info .information {font-size: 14px;font-weight: 400;color: #7A8BA6;line-height: 1.4;text-align: center;}
.s-article-info .article_info .detail_article {margin-top: 30px;border-top: 1px dashed #D3D8DC;padding-top: 33px;padding-bottom: 30px;}
.s-article-info .article_info .detail_article p {font-size: 14px;font-weight: 400;color: #374567;line-height: 1.4;}
.s-article-info .article_info .detail_article img {max-width: 100%;height: auto !important;margin: 0 auto;padding-bottom: 15px;}
.s-article-info .section_content .right {width: 28.125%;}
.post_pagination {padding: 30px 0;}
.post_pagination .prev,.post_pagination .next {font-size: 14px;font-weight: 400;color: #374567;line-height: 1.4;max-width: 48%;}
.post_pagination .next a,.post_pagination .prev a {color: #374567;transition: all 0.3s;}
.post_pagination .next a:hover,.post_pagination .prev a:hover {color: #00A7FF;}
.side-contact {position: fixed;right: 60px;bottom: calc( 20vh + 60px );z-index: 100;transition: all 0.3s;width: 48px;height: 171px;background: linear-gradient(148deg, #00D2FF 0%, #00A7FF 100%);border-radius: 4px;}
.side-contact .a {display: block;width: 100%;height: 100%;padding: 54px 12px 0;background: url(../image/contact.png) no-repeat;background-position: center 20px;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px;text-align: center;}
.goto_btn {width: 48px;height: 48px;position: fixed;right: 60px;bottom: 20vh;z-index: 100;background: url(../image/goto_btn.png) no-repeat;transition: all 0.3s;}
.goto_btn:hover {background-image: url(../image/goto_btn-h.png);}
.m-footer {display: none;}
.nav_category_list {display: none;}
body { min-width: 1200px; }
.section7 .section_content .list_new {}
.section7 .section_content .list_new li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.section7 .section_content .list_new li:nth-child(2n) {
    margin-right: 0%;
}
.section7 .section_content .list_new a {}
.section7 .section_content .list_new li img {
    width: 20.8%;
    height: 130px;
    object-fit: cover;
}
.section7 .section_content .list_new li .text {
    width: 79.2%;
    height: 160px;
    background: #FAFBFF;
    padding: 20px 25px;
}
.section7 .section_content .list_new li .text .name {
    font-size: 19px;
    color: #374567;
    line-height: 1.4;
    font-weight: 500;
    padding-bottom: 0.5em;
    transition: all 0.3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.section7 .section_content .list_new li .text .name:hover {
    color: #00A7FF;
}
.section7 .section_content .list_new li .text .describe {
    font-size: 15px;
    font-weight: 400;
    color: #7A8BA6;
    line-height: 1.7;
    height: 3.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section7 .section_content .list_new li .text .author {
    font-size: 14px;
    color: #7A8BA6;
    line-height: 2;
    padding-top: 0.5em;
}
.section7 .section_content .list_new li .text .author span.ico1 {
    display: inline-block;
    background: url(../image/author-ico1.png) no-repeat left center;
    background-size: 1.2em;
    padding-left: 1.5em;
}
.section7 .section_content .list_new li .text .author span.ico2 {
    float: right;
    display: inline-block;
    background: url(../image/author-ico2.png) no-repeat left center;
    background-size: 1.2em;
    padding-left: 1.5em;
    margin-right: 1.5em;
}
.section7 .section_content .list_new li .text .author span.ico3 {
    float: right;
    display: inline-block;
    background: url(../image/author-ico3.png) no-repeat left center;
    background-size: 1.2em;
    padding-left: 1.5em;
}
@media screen and (max-width: 1400px){
	.section6 .swiper-button-prev {margin-left: -640px;}
	.section6 .swiper-button-next {margin-right: -640px;}
	.section1 .section_content .list li .text {left: 10%;padding: 24px 14.7% 24px 5.25%;}
	.section7 .section_content .list .right li .time {width: 21.2%;height: 120px;}
	.section7 .section_content .list .right li .time span {}
	.section7 .section_content .list .right li .time b {font-size: 17px;}
	.section7 .section_content .list .right li .text {padding: 24px 25px;}
	.page-contact .page_content .item .ico {width: 80px;height: 80px;}
	.page-contact .page_content .item .text {width: calc( 100% - 80px );}
	.s-case .section_content .right {width: calc( 100% - 300px );}
}
@media screen and (max-width: 1300px){
	.banner .swiper-button-next {margin-right: -600px;}
	.banner .swiper-button-prev {margin-left: -600px;}
	.section1 .section_content .list li .text {left: 6%;}
	.section6 .swiper-button-prev {margin-left: -600px;}
	.section6 .swiper-button-next {margin-right: -600px;}
	.s-case .section_content .right .case_list li .img {height: 19.7vw;}
	.s-article .section_content .article_list li .img {height: 24.62vw;}
}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 1024px){
	body { min-width: auto; }
	.head .logo img {width: 100px;}
	.head .logo .slogan {padding-left: 30px;}
	.head .logo .slogan .title {font-size: 26px;}
	.head .logo .slogan p {font-size: 13px;}
	.nav .total_nav li a {font-size: 15px;}
	.banner .swiper-slide img.pc_b_images {display: none;}
	.banner .swiper-slide img.m_b_images {display: block;}
	.banner .list {padding-bottom: 5.1vw;}
	.banner .list .item {width: 23%;height: 11vw;padding: 1.8vw 2vw;}
	.banner .list .item .text {width: 14vw;padding-right: 0.5vw;}
	.banner .list .item .text h3 {font-size: 18px;}
	.banner .list .item .text p {font-size: 12px;}
	.banner .list .item .ico {width: 4vw;}
	.section {padding: 4.9vw 0 6vw;}
	.section .title {padding-bottom: 5vw;}
	.section .title .title_h h2 {font-size: 26px;padding-bottom: 16px;}
	.section .title .title_h i {width: 146px;margin-left: -73px;}
	.section .title .title_h i:after {width: 30px;margin-left: -15px;}
	.section:hover .title .title_h i:after {width: 60px;margin-left: -30px;}
	.section .section_btn {padding: 0;}
	.section .section_btn .item {width: 12.8%;height: 6.15vw;padding-bottom: 0.78vw;}
	.section .section_btn .item i {background-size: 100%;}
	.section .section_btn .item span {font-size: 16px;line-height: 5.5vw;}
	.section .section_btn .items {width: 12.8%;height: 6.15vw;}
	.section .section_btn .items span {font-size: 16px;line-height: 5.5vw;}
	.section1 .section_content .list li {padding-top: 2.5vw;padding-right: 3%;width: 31.33%;}
	.section1 .section_content .list li .img {height: 20.7vw;}
	.section1 .section_content .list li .text {left: 0;bottom: 0;height: 184px;padding: 15px;}
	.section1 .section_content .list li .text .text-l {top: 16px;}
	.section1 .section_content .list li .text .name {font-size: 15px;}
	.section1 .section_content .list li .text .name_b {height: 15px;}
	.section1 .section_content .list li .text .describe {margin: 10px 0;}
	.section1 .section_content .list li .text .bnt {width: 74px;font-size: 13px;}
	.section2 .section_content .list li {padding: 18px;margin: 1vw 0;height: auto;}
	.section2 .section_content .list li .ico {width: 26px;height: 26px;background-size: 100%;}
	.section2 .section_content .list li .text {width: 88%;}
	.section2 .section_content .list li .section2-li-bg {background-size: 100%;}
	.section2 .section_content .list li .text .name {font-size: 16px;padding: 3px 0 10px;}
	.section2 .section_content .list li .text .describe {font-size: 12px;padding-bottom: 0;height: 4.2em;margin-bottom: 1em;}
	.section3 .section_content .list li {height: 11vw;margin-bottom: 1vw;}
	.section3 .section_content {padding: 0;}
	.section4 {background-size: auto 274px;}
	.section4 .section_content .list {height: auto;}
	.section4 .section_content .list li {padding: 13px 8px 0;height: 235px;}
	.section4 .section_content .list li .ico {width: 80px;height: 80px;background-size: 100% auto;}
	.section4 .section_content .list li .text {padding-top: 12px;}
	.section4 .section_content .list li .text .name {font-size: 15px;padding-bottom: 10px;}
	.section4 .section_content .list li .text .describe {font-size: 12px;line-height: 1.8;}
	.section4 .section_content .list li:after {height: 150px;top: 50px;}
	.section5 {background-size: auto 490px;padding-bottom: 50px;}
	.section5 .section_content {padding: 10px 0;height: 412px;}
	.section5 .section_content .left .img {top: 0;}
	.section5 .section_content .right .text {padding-top: 0;}
	.section5 .section_content .right .text h3 {font-size: 24px;}
	.section5 .section_content .right .text b {font-size: 18px;line-height: 1.4;}
	.section5 .section_content .right .text p {font-size: 13px;}
	.section5 .section_content .right .bnt {margin-top: 20px;width: 140px;height: 46px;line-height: 46px;}
	.section5 .section_content .right .bnt a {font-size: 16px;}
	.section5 .section_content .right .bnt a i {width: 24px;background-size: 100%;}
	.section5 .section_content .right .marks img {width: 40px;bottom: 40px;}
	.section6 .section_content .img {height: 29vw;}
	.section6 .section_content .img img {width: 19.5vw;}
	.section6 .section_content .text {height: 50px;line-height: 50px;font-size: 16px;}
	.section6 .swiper-button-prev,.section6 .swiper-button-next {display: none;}
	.section7 .section_content {}
	.section7 .section_content .list .left .img {height: 230px;}
	.section7 .section_content .list .left .img .name {height: 50px;line-height: 50px;font-size: 18px;}
	.section7 .section_content .list .left .text {height: auto;padding: 10px;}
	.section7 .section_content .list .left .text .time {width: 80px;}
	.section7 .section_content .list .left .text .time span {font-size: 20px;line-height: 30px;}
	.section7 .section_content .list .left .text .time b {font-size: 14px;line-height: 20px;}
	.section7 .section_content .list .left .text .describe {width: calc( 100% - 90px );font-size: 14px;margin-top: 0;line-height: 2;height: 4em;}
	.section7 .section_content .list .right li {margin-bottom: 15px;}
	.section7 .section_content .list .right li .time {padding: 10px 5px;width: 86px;height: 76px;}
	.section7 .section_content .list .right li .time span {font-size: 20px;line-height: 30px;}
	.section7 .section_content .list .right li .time b {font-size: 13px;line-height: 20px;}
	.section7 .section_content .list .right li .time i {}
	.section7 .section_content .list .right li .text {padding: 10px;width: calc( 100% - 86px );height: 93px;}
	.section7 .section_content .list .right li .text .name {font-size: 16px;padding-bottom: 8px;}
	.section7 .section_content .list .right li .text .describe {font-size: 12px;}
	.footer {padding: 2.5vw 0 1.25vw;}
	.footer .f_content {padding-bottom: 18px;}
	.footer .f_content .left {width: 72%;margin-right: 2%;}
	.footer .f_content .left .item .span {padding-bottom: 10px;}
	.footer .f_content .left .item .span a {font-size: 14px;}
	.footer .f_content .left .item .a a {font-size: 12px;}
	.footer .f_content .right {width: 26%;}
	.footer .f_content .right .span {font-size: 14px;}
	.footer .f_content .right .f_tel {font-size: 16px;margin-bottom: 10px;}
	.footer .f_content .right .img img {padding: 0;width: 34%;height: auto;max-width: 80px;}
	.footer .f_content .right .img .text {width: 60%;height: auto;padding: 0 10px;}
	.footer .f_content .right .img .text p {font-size: 12px;}
	.footer .f_link b {font-size: 12px;}
	.footer .f_link p {font-size: 12px;}
	.footer .f_copyright {padding-top: 12px;}
	.footer .f_copyright p {font-size: 12px;}
	.footer .f_copyright a {font-size: 12px;}
	.page-banner .text .title {font-size: 32px;line-height: 1.5;}
	.page-follow .list a:hover:after {width: 0;}
	.page-follow .list a.active:after {width: 100%;}
	.s-about1 .section_content {}
	.s-about1 .section_content .left {}
	.s-about1 .section_content .left .img {}
	.s-about1 .section_content .right {font-size: 24px;padding: 15px 20px;}
	.s-about1 .section_content .right .text h3 {font-size: 24px;}
	.s-about1 .section_content .right .text i {width: 147px;height: 1px;background: #FFFFFF;display: block;margin-top: 12px;margin-bottom: 9px;position: relative;}
	.s-about1 .section_content .right .text b {font-size: 18px;line-height: 1.4;}
	.s-about1 .section_content .right .text p {font-size: 13px;margin-top: 10px;}
	.s-about1 .section_content .right .marks {height: 10px;}
	.s-about1 .section_content .right .marks img {width: 30px;}
	.s-about2 .section_content .item .text {padding: 12px 40px;}
	.s-about2 .section_content .item .text .name img {width: 36px;height: 36px;}
	.s-about2 .section_content .item .text .name span {font-size: 18px;line-height: 2;padding-left: 10px;}
	.s-about2 .section_content .item .text .describe {padding-left: 50px;}
	.s-about2 .section_content .item .text .describe p {font-size: 15px;}
	.s-about3 .section_content li {height: 240px;}
	.s-about3 .section_content li .ico {width: 80px;height: 80px;background-size: 100%;margin: 25px auto 12px;}
	.s-about3 .section_content li .text {width: 100%;padding: 6px;}
	.s-about3 .section_content li .text .name {font-size: 20px;padding-bottom: 5px;}
	.s-about3 .section_content li .text .describe {font-size: 14px;}
	.s-advantage1 .section_content li {height: 249px;background-size: 100% 100%;}
	.s-advantage1 .section_content li .ico {width: 70px;height: 70px;background-size: 100%;margin: 30px auto 12px;}
	.s-advantage1 .section_content li .text {width: 100%;padding: 0 5px;}
	.s-advantage1 .section_content li .text .name {font-size: 20px;}
	.s-advantage1 .section_content li .text .describe {padding-top: 10px;font-size: 14px;}
	.s-advantage1 .section_content li .s-advantage1-li-bg {}
	.s-advantage2 .section_content {padding: 0;}
	.s-advantage2 .section_content li .img {height: 21.5vw;}
	.s-advantage2 .section_content li .text {height: auto;}
	.s-advantage2 .section_content li .text .name {padding: 15px;font-size: 16px;}
	.s-advantage2 .section_content li {background: #fff;}
	.s-advantage3 .section_content .item {height: 36.3vw;margin-bottom: 1.2vw;}
	.s-advantage3 .section_content .left .flex .item, .s-advantage3 .section_content .right .flex .item {height: 16.5vw;}	
	.page-contact .page_content {top: -44px;}
	.page-contact .page_content .item {padding: 10px 10px 5px;position: relative;}
	.page-contact .page_content .item .ico {width: 60px;height: 60px;position: absolute;top: -30px;left: -20px;}
	.page-contact .page_content .item .text {padding-left: 20px;padding-bottom: 0;width: 100%;}
	.s-case .section_content .left {width: 30%;}
	.s-case .section_content .left .category_list .list .initial {height: 40px;}
	.s-case .section_content .left .category_list .list .initial .a {line-height: 40px;font-size: 15px;padding: 0 15px;}
	.s-case .section_content .left .category_list .list .initial .piclist_down {width: 40px;height: 40px;}
	.s-case .section_content .left .category_list .list .detailed a {line-height: 40px;padding-left: 30px;font-size: 14px;}
	.s-case .section_content .left .category_list .list .detailed a:after {top: 18px;left: 15px;}
	.s-case .section_content .right {width: 68%;}
	.s-case .section_content .right .case_list li {width: 49%;margin-bottom: 2vw;margin-right: 2% !important;}
	.s-case .section_content .right .case_list li:nth-child(2n) {margin-right: 0 !important;}
	.s-case .section_content .right .case_list li .img {height: 27.86vw;}
	.s-case .section_content .right .case_list li .text .name {line-height: 60px;font-size: 16px;}
	.paging {height: 46px;}
	.paging p {line-height: 46px;}
	.s-article .section_content .article_list li .img {height: 24.62vw;}
	.s-article .section_content {padding: 0;}
	.s-article .section_content .article_list li .img .name {line-height: 42px;height: 42px;font-size: 18px;}
	.s-article .section_content .article_list li .text {padding: 10px 10px 15px;}
	.s-article .section_content .article_list li .text .time {width: 80px;padding-left: 0;}
	.s-article .section_content .article_list li .text .time span {font-size: 20px;line-height: 30px;}
	.s-article .section_content .article_list li .text .time b {font-size: 14px;line-height: 20px;}
	.s-article .section_content .article_list li .text .describe {width: calc( 100% - 90px );font-size: 14px;margin-top: 0;line-height: 1.9;}
	.s-article-info .section_content .left {padding: 25px 30px;}
	.s-article-info .article_info h1 {font-size: 20px;margin-bottom: 10px;}
	.s-article-info .article_info .information {font-size: 13px;}
	.s-article-info .article_info .detail_article {margin-top: 20px;padding-top: 20px;padding-bottom: 20px;}
	.post_pagination {padding: 20px 0;}
	.post_pagination .prev, .post_pagination .next {font-size: 13px;}
	.case_info .introduce .case_info_left {width: 100%;}
	.case_info .introduce .case_info_left .product_pic {height: 48vw;}
	.case_info .introduce .case_info_right {width: 100%;}
    .section7 .section_content .list_new li img {
        width: 86px;
        height: 86px;
    }
    .section7 .section_content .list_new li .text {
        padding: 10px 12px;
        width: calc( 100% - 86px );
        height: 120px;
    }
    .section7 .section_content .list_new li .text .name {
        font-size: 16px;
        padding-bottom: 0.3em;
    }
    .section7 .section_content .list_new li .text .describe {
        font-size: 13px;
    }
    .section7 .section_content .list_new li .text .author {
        font-size: 12px;
        padding-top: 0;
    }
}
@media screen and (max-width: 860px){
.section7 .section_content .list_new li {
    width: 100%;
    margin-right: 0;
}
.section7 .section_content .list_new li img {
    width: 20%;
    height: 18.5vw;
    max-height: 120px;
}
.section7 .section_content .list_new li .text {
    width: 80%;
    height: 120px;
}
}
@media screen and (max-width: 768px){
	.head .logo img {width: 90px;}
	.head .logo .slogan .title {font-size: 26px;}
	.head .logo .slogan p {font-size: 12px;}
	.head .head_tel {width: 150px;}
	.head .head_tel .tel {font-size: 22px;}
	.nav {height: 45px;}
	.nav .total_nav li a {font-size: 14px;line-height: 45px;}
	.banner .list .item {width: 24%;padding: 1vw;border-radius: 9px;}
	.banner .list .item .text {width: 17vw;}
	.section .title .title_h h2 {font-size: 22px;padding-bottom: 12px;}
	.section .title {padding-bottom: 25px;}
	.section .section_btn .item span,.section .section_btn .items span {font-size: 14px;}
	.section1 .section_content .list li {width: 48.5%;padding-right: 3% !important;padding-top: 3vw;}
	.section1 .section_content .list li:nth-child(2n) {padding-right: 0% !important;}
	.section1 .section_content .list li .img {height: 33vw;}
	.section2 .section_content .list li {width: 100%;padding: 18px 34px;}
	.section2 .section_content .list li .text {width: calc( 100% - 40px );}
	.section2 .section_content .list li .text .describe {height: auto;}
	.section4 .section_content .list li .ico {width: 60px;height: 60px;}
	.section4 .section_content .list li .text .name {font-size: 13px;padding-bottom: 6px;}
	.section4 .section_content .list li .text .describe {font-size: 10px;line-height: 1.5;}
	.section5 .section_content .left {width: 100%;}
	.section5 .section_content .left .img img {width: 100%;max-width: 600px;margin: 0 auto;}
	.section5 {padding: 4.9vw 0 6vw;}
	.section5 .section_content .right {width: 100%;padding-top: 30px;}
	.section5 .section_content {height: auto;}
	.section6 .section_content .img {height: 50vw;}
	.section6 .section_content .img img {width: 28vw;}
	.section7 .section_content {padding-top: 20px;}
	.section7 .section_content .list .left {width: 100%;}
	.section7 .section_content .list .left .img {height: auto;}
	.section7 .section_content .list .right {width: 100%;max-width: none;}
	.footer .f_content .left {width: 100%;margin-right: 0;}
	.footer .f_content .right {width: 100%;margin-top: 20px;}
	.footer .f_content .right .img {float: left;width: 200px;margin-right: 20px;}
	.side-contact {display: none;}
	.goto_btn {display: none !important;}
	.page-banner .text .title {font-size: 28px;line-height: 1.5;}
	.s-about1 .section_content .left {width: 100%;}
	.s-about1 .section_content .right {width: 100%;padding-bottom: 30px;}
	.s-about1 .section_content .left .img {width: 100%;max-width: 680px;margin: 0 auto;}
	.s-about2 .section_content .item .text {padding: 10px 20px;}
	.s-about2 .section_content .item .text .name img {width: 30px;height: 30px;}
	.s-about2 .section_content .item .text .name span {font-size: 16px;}
	.s-about2 .section_content .item .text .describe {padding-left: 42px;padding-top: 0;}
	.s-about3 .section_content li {height: 200px;}
	.s-about3 .section_content li .ico {width: 60px;height: 60px;}
	.s-about3 .section_content li .text .name {font-size: 16px;}
	.s-about3 .section_content li .text .describe {font-size: 12px;}
	.s-advantage1 .section_content li {width: 31%;margin-bottom: 3.5vw;}
	.s-advantage1 .section_content ul:after {content: " ";width: 31%;}
	.s-advantage2 .section_content li .text .name {padding: 10px;}
	.page-contact .page_content {position: unset;padding-top: 44px;}
	.page-contact .page_content .item {width: 48%;margin-bottom: 3vw;}
	.page-contact .page_content .item .ico {position: unset;}
	.page-contact .page_content .item .text {width: calc( 100% - 60px );padding-left: 10px;}
	.page-banner {height: 200px;}
	.s-article .section_content .article_list li {width: 49%;margin-right: 2% !important;margin-bottom: 2vw;}
	.s-article .section_content .article_list li:nth-child(2n) {margin-right: 0 !important;}
	.s-article .section_content .article_list li .img {height: 37.3vw;}
	.s-case .section_content .right .case_list li .img:after {display: none;}
	.s-article-info .section_content .left {width: 100%;}
	.s-article-info .section_content .right {display: none;}
	.case_info {padding: 10px;margin-bottom: 6px;}
	.case_info .introduce {padding: 15px;}
	.case_info .introduce .case_info_right .pro_desc .info {padding: 20px;}
	.case_info .dg-tab-navs .dg-tab-nav a {font-size: 14px;line-height: 32px;height: 32px;width: 89px;}
.section7 .section_content .list_new li .text {
    width: 80%;
    height: 120px;
}

.section7 .section_content .list_new li img {
    width: 100%;
    height: auto;
    max-height: none;
}

.section7 .section_content .list_new li {
    margin-bottom: 8vw;
}

.section7 .section_content .list_new li .text {
    width: 100%;
    height: auto;
}

.section7 .section_content .list_new li .text .author {
    padding-top: 1.2em;
}
}
@media screen and (max-width: 680px){
	.head .logo .slogan {display: none;}
	.head .head_tel {display: none;}
	.header {height: 70px;}
	.head {position: fixed;top: 0;left: 0;width: 100%;height: 70px;z-index: 120;background: #fff;box-shadow: 0 4px 13px 0 rgb(152 152 152 / 13%);}
	.head .logo {padding: 5px 0;}
	.head .logo img {width: auto;height: 60px;}
	.mobnav-nav-btn {height: 24px;width: 34px;position: relative;cursor: pointer;margin: 18px 0;}
	.mobnav-nav-btn span {display: block;background: #333;width: 28px;height: 3px;position: absolute;left: 5px;transition: all ease 0.35s;border-radius: 1.5px;}
	.mobnav-nav-btn span:nth-of-type(1) {top: 0px;}
	.mobnav-nav-btn span:nth-of-type(2) {top: 10px;}
	.mobnav-nav-btn span:nth-of-type(3) {top: 20px;}
	.mobnav-nav-btn.open span:nth-of-type(1) {top: 10px;transform: rotate(45deg);}
	.mobnav-nav-btn.open span:nth-of-type(2) {width: 0;left: 19px;}
	.mobnav-nav-btn.open span:nth-of-type(3) {top: 10px;transform: rotate(-45deg);}
	.nav {display: block;background: #f3f3f3;z-index: 120;width: 100%;padding: 20px;height: 100vh;position: fixed;top: 70px;bottom: 0;left: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: all 0.5s;visibility: hidden;}
	.nav.active {visibility: visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	.nav .total_nav {background: #ffffff;padding: 10px 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 13px 0 rgb(152 152 152 / 13%);display: block;}
	.nav .total_nav li {color: #fff;position: relative;display: block;width: 100%;}
	.nav .total_nav li a {color: #777777;display: block;font-size: 14px;margin: 0;padding: 0;border-bottom: 1px dashed #e0e0e0;}
	.nav .total_nav li:last-child a {border-bottom: 0;}
	.nav .total_nav li.active a,.nav .total_nav li:hover a {color: #00A7FF;background-color: #ffffff;}
	.nav .total_nav>li>a.lower_level.nav2 {display: block;position: absolute;top: 0;right: 0;z-index: 2;width: 40px;height: 40px;padding: 14px 12px;transition: all 0.5s;border-bottom: 0;background: none;}
	.nav .total_nav>li>a.lower_level.open {transform: rotateZ(180deg);}
	.nav .total_nav>li>a.lower_level img {width: 14px;}
	.nav .total_nav .nav_list {position: unset;transform: translateX(0);}
	.nav .total_nav .nav_list li {color: #fff;background: #ffffff;border-bottom: 1px dashed #e0e0e0;}
	.nav .total_nav .nav_list li a {color: #777777;text-align: left;border-width: 0;}
	.nav .total_nav li i {display: none;}
	.banner .list {display: none;}
	.section .title {padding-bottom: 20px;}
	.section .title .title_h h2 {font-size: 18px;padding-bottom: 10px;}
	.section .title .title_h i {width: 100px;margin-left: -50px;}
	.section .section_btn {overflow-y: hidden;flex-wrap: nowrap !important;overflow-x: auto;}
	.section .section_btn .item {width: auto;height: auto;padding-bottom: 0;margin: 5px 8px;}
	.section .section_btn .item i {display: none;}
	.section .section_btn .item span {width: auto;white-space: nowrap;padding: 5px 15px;box-shadow: 1px 1px 5px 0px rgb(75 125 139 / 30%);border-radius: 4px;}
	.section .section_btn .item.active span, .section .section_btn .item:hover span {background: linear-gradient(148deg, #00D2FF 0%, #00A7FF 100%);}
	.section .section_btn .items {width: auto;height: auto;padding-bottom: 0;margin: 5px 8px;}
	.section .section_btn .items span {width: auto;white-space: nowrap;padding: 5px 15px;box-shadow: 1px 1px 5px 0px rgb(75 125 139 / 30%);border-radius: 4px;font-size: 14px;}
	.section1 .section_content .list li .text {padding: 10px;height: 154px;}
	.section1 .section_content .list li .text .text-l {top: 12px;}
	.section1 .section_content .list li .text .name_b {height: 12px;}
	.section1 .section_content .list li .text .describe {margin: 6px 0;}
	.section1 .section_content .list li .text .bnt {font-size: 12px;width: 68px;line-height: 2;}
	.section2 .section_content .list li {padding: 16px;margin-bottom: 2vw;}
	.section2 .section_content .list li .text .name {font-size: 14px;}
	.section2 .section_content .list li .ico {width: 22px;height: 22px;}
	.section2 .section_content .list li .text {width: calc( 100% - 32px );}
	.section3 .section_content .list {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
	.section3 .section_content .list ul {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;flex-wrap: nowrap;}
	.section3 .section_content .list li {width: 100%;height: 100%;margin: 0;}
	.section3 .section_content .list li img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: none;}
	.section4 {background-size: auto 100%;}
	.section4 .section_content {padding: 0;}
	.section4 .section_content .list {background: rgb(255 255 255 / 0%);}
	.section4 .section_content .list li {width: 49%;margin-bottom: 2.25vw;height: auto;background: #fff;padding: 12px 8px 15px 40px;position: relative;}
	.section4 .section_content .list li .ico {position: absolute;width: 32px;height: 32px;left: 6px;top: 6px;}
	.section4 .section_content .list li .text {padding-top: 0;}
	.section4 .section_content .list li .text .name {text-align: left;padding-bottom: 3px;}
	.section4 .section_content .list li .text .describe {text-align: left;}
	.section4 .section_content .list li:after {display: none;}
	.section5 .section_content .right {padding-top: 10px;}
	.section5 .section_content .right .text h3 {font-size: 18px;}
	.section5 .section_content .right .text i {width: 100px;margin-top: 12px;}
	.section5 .section_content .right .text i:after {width: 22px;height: 3px;}
	.section5 .section_content .right .text b {font-size: 15px;}
	.section5 .section_content .right .text p {font-size: 12px;}
	.section5 .section_content .right .bnt {width: 120px;height: 36px;line-height: 36px;margin-top: 10px;}
	.section5 .section_content .right .bnt a {font-size: 13px;}
	.section5 .section_content .right .bnt a i {margin-left: 8px;width: 20px;}
	.section5 .section_content .right .marks img {width: 25px;bottom: 30px;}
	.section6 .section_content .text {height: 40px;line-height: 40px;font-size: 13px;}
	.section7 .section_content .list .left {margin-bottom: 15px;}
	.section7 .section_content .list .left .img .name {height: 40px;line-height: 40px;font-size: 16px;}
	.section7 .section_content .list .left .text {padding: 8px;}
	.section7 .section_content .list .left .text .time {width: 70px;}
	.section7 .section_content .list .left .text .time span {font-size: 18px;}
	.section7 .section_content .list .left .text .time b {font-size: 12px;}
	.section7 .section_content .list .left .text .describe {width: calc( 100% - 80px );line-height: 1.9;}
	.section7 .section_content .list .right li .time {width: 78px;padding: 9px 5px;height: 72px;}
	.section7 .section_content .list .right li .time span {font-size: 18px;}
	.section7 .section_content .list .right li .time b {font-size: 12px;}
	.section7 .section_content .list .right li .time i {top: 0;left: 0;width: 100%;height: 100%;}
	.section7 .section_content .list .right li .text {padding-top: 5px;padding-bottom: 0;height: 73px;}
	.section7 .section_content .list .right li .text .name {font-size: 15px;padding-bottom: 2px;}
	.section7 .section_content .list .right li .text .describe {font-size: 12px;}
	.footer {display: none;}
	.m-footer {display: block;background: #fff;width: 100%;height: 60px;}
	.m-footer ul {background: #fff;padding: 5px 0;position: fixed;bottom: 0;z-index: 96;width: 100%;box-shadow: 0 -2px 6px 0 rgb(0 0 0 / 10%);}
	.m-footer li {width: 25%;display: block;float: left;text-align: center;}
	.m-footer li img {display: block;width: 30px;margin: 0 auto;}
	.m-footer li span {display: block;text-align: center;color: #777777;font-size: 12px;line-height: 1;padding-top: 6px;}
	.page-banner .text .title {font-size: 20px;}
	.page-banner .text p {font-size: 15px;}
	.navfixed {height: 44px;}
	.page-follow {height: 44px;}
	.page-follow .list {height: 44px;padding: 0;}
	.page-follow .list a {line-height: 44px;font-size: 15px;margin-right: 14px;}
	.page-follow .list a:last-child {margin-right: 0;}
	.s-about1 .section_content .right .text h3 {font-size: 18px;line-height: 2;}
	.s-about1 .section_content .right {padding: 10px;}
	.s-about1 .section_content .right .text i {width: 100px;margin-top: 12px;}
	.s-about1 .section_content .right .text i:after {width: 24px;}
	.s-about1 .section_content .right .text b {font-size: 15px;}
	.s-about1 .section_content .right .text p {font-size: 12px;}
	.s-about1 .section_content .right .marks {height: 20px;}
	.s-about1 .section_content .right .marks img {width: 20px;top: -10px;}
	.s-about2 .section_content .item {margin-bottom: 16px;}
	.s-about2 .section_content .item .img {width: 100%;}
	.s-about2 .section_content .item .text {width: 100%;}
	.s-about2 .section_content .item:nth-child(2) {flex-direction: column-reverse;}
	.s-about3 .section_content li {width: 48%;margin-bottom: 4vw;}
	.s-about3 .section_content li .ico {margin: 20px auto 5px;}
	.s-advantage1 .section_content li {width: 48%;height: 220px;}
	.s-advantage1 .section_content li .ico {margin: 20px auto 10px;}
	.s-advantage1 .section_content li .text {}
	.s-advantage1 .section_content li .text .name {font-size: 16px;}
	.s-advantage1 .section_content li .text .describe {font-size: 13px;}
	.s-advantage1 .section_content li .s-advantage1-li-bg {}
	.s-advantage2 .section_content li {width: 49%;}
	.s-advantage2 .section_content li .img {height: 32.7vw;}
	.s-advantage2 .section_content li .text .name {font-size: 14px;}
	.s-advantage3 {display: none;}
	.page-contact .page_content .item {width: 100%;}
	.page-contact .page_content {padding-top: 15px;}
	.s-case .section_content {padding: 0;}
	.s-case .section_content .left {display: none;}
	.s-case .section_content .right {width: 100%;}
	.s-case .section_content .right .case_list li .img {height: 40vw;}
	.s-case .section_content .right .case_list li .text .name {line-height: 40px;font-size: 14px;}
	.paging {height: 36px;}
	.paging .p-left,.paging .p-right {width: 20%;background-size: 32px;}
	.paging p {line-height: 36px;}
	.paging p span {font-size: 14px;}
	.paging p b {font-size: 20px;}
	.page-banner {height: 165px;}
	.s-article .section_content .article_list li .img .name {position: unset;background: #fff;line-height: 40px;height: 40px;font-size: 14px;color: #333;}
	.s-article .section_content .article_list li .img img {transform: scale(1);}
	.s-article .section_content .article_list li .img {height: auto;}
	.s-article .section_content .article_list li .text {display: none;}
	.s-article-info .section_content .left {padding: 15px 15px;}
	.s-article-info .article_info h1 {font-size: 18px;}
	.s-article-info .article_info .information {font-size: 12px;}
	.s-article-info .article_info .detail_article {margin-top: 12px;padding-top: 12px;padding-bottom: 12px;}
	.s-article-info .article_info .detail_article p {font-size: 13px;font-weight: 400;color: #374567;line-height: 1.6;}
	.s-article-info .article_info .detail_article img {max-width: 100%;height: auto !important;margin: 0 auto;padding-bottom: 10px;}
	.post_pagination {padding: 5px 0;}
	.post_pagination .prev, .post_pagination .next {width: 100%;line-height: 2.4;max-width: 100%;}
	.case_info .introduce .case_info_right .pro_desc h1 {font-size: 15px;}
	.case_info .introduce {padding: 10px 10px 30px;margin-top: 10px;}
	.case_info .introduce .case_info_right .pro_desc .info {padding: 15px;margin-bottom: 20px;}
	.case_info .introduce .case_info_right .pro_desc .case_info_contact .info_contact1 {width: 100px;height: 36px;line-height: 36px;font-size: 15px;margin-right: 15px;}
	.case_info .introduce .case_info_right .pro_desc .case_info_contact .info_contact2 {width: 180px;height: 38px;line-height: 38px;}
	.case_info .dg-tab-navs {margin: 0 10px 16px;}
	.case_info .dg-tab-navs .dg-tab-nav a {font-size: 13px;line-height: 30px;height: 30px;}
	.detail-box {padding: 0 10px;}
	.detail-box .detail p {font-size: 13px;font-weight: 400;color: #374567;line-height: 1.6;}
	.detail-box .detail img {max-width: 100%;height: auto !important;margin: 0 auto;padding-bottom: 10px;}
	.pronext {padding: 0 18px;height: 42px;}
	.pronext .p-pre {font-size: 14px;padding-left: 30px;background-size: 24px;line-height: 42px;}
	.pronext .p-list {font-size: 14px;padding-left: 25px;background-size: 20px;line-height: 42px;}
	.pronext .p-next {font-size: 14px;padding-right: 30px;background-size: 24px;line-height: 42px;}
	.nav_category_list {display: block;position: relative;z-index: 50;}
	.nav_category_list .title {font-size: 14px;color: #ffffff;text-align: center;height: 36px;line-height: 36px;padding-right: 36px;background-color: #1e9fff;position: relative;background-repeat: no-repeat;background-image: linear-gradient(307deg, #00D3FF 0%, #00A7FF 100%);background-size: 100% 100%background-position: left center;transition: all 0.5s;}
	.nav_category_list .piclist_down {background: url(../image/list-link-h.png) no-repeat center;transition: all 0.4s;transform: rotateZ(90deg);position: absolute;right: 2%;top: 0;height: 36px;width: 36px;text-align: center;line-height: 36px;}
	.nav_category_list .piclist_down.open {transform: rotateZ(-90deg);}
	.nav_category_list .category1_list {display: none;background: #fff;border-left: 1px solid #1e9fff;border-right: 1px solid #1e9fff;border-bottom: 1px solid #1e9fff;}
	.nav_category_list .category1_list>li {font-size: 14px;color: #1e9fff;line-height: 36px;padding: 0 8px;border-bottom: 1px dotted #1e9fff;position: relative;display: block;}
	.nav_category_list .category1_list .category1 {color: #374567;}
	.nav_category_list .category1_list .category2_list_open {position: absolute;top: 0;right: 0;height: 36px;width: 36px;transition: all 0.4s;transform: rotateZ(90deg);background: url(../image/list-link.png) no-repeat center;}
	.nav_category_list .category1_list .category2_list_open.open {transform: rotateZ(-90deg);}
	.nav_category_list .category2_list {display: none;padding: 0 12px;background: rgba(0, 167, 255, 0.05);}
	.nav_category_list .category2_list li {line-height: 36px;border-bottom: 1px solid #bdbdbd;}
	.nav_category_list .category2_list li:last-child {border-bottom: 0;}
	.nav_category_list .category2_list a {font-size: 13px;display: block;color: #7A8BA6;}
}

.s-article-info .section_content .left .article_list {}

.s-article-info .section_content .left .article_list ul {}

.s-article-info .section_content .left .article_list li {padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #d5d5d5;}

.s-article-info .section_content .left .article_list li a {}

.s-article-info .section_content .left .article_list li .img {width: 30%;height: 150px;overflow: hidden;}

.s-article-info .section_content .left .article_list li .img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}

.s-article-info .section_content .left .article_list li .img:hover img {transform: scale(1.1);}

.s-article-info .section_content .left .article_list li .text {width: 66%;}

.s-article-info .section_content .left .article_list li .text .name {
	font-size: 18px;
    color: #374567;
    line-height: 1.4;
    font-weight: 500;
    padding-bottom: 0.5em;
    transition: all 0.3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s-article-info .section_content .left .article_list li .text .name:hover {
    color: #00A7FF;
}

.s-article-info .section_content .left .article_list li .text .describe {
	font-size: 15px;
    font-weight: 400;
    color: #7A8BA6;
    line-height: 1.7;
    height: 5.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.s-article-info .section_content .left .article_list li .text .author {
	font-size: 14px;
    color: #7A8BA6;
    line-height: 2;
    padding-top: 1em;
}

.s-article-info .section_content .left .article_list li .text .author .ico1 {
	display: inline-block;
    background: url(../image/author-ico1.png) no-repeat left center;
    background-size: 1.2em;
    padding-left: 1.5em;
}

.s-article-info .section_content .left .article_list li .text .author .ico3 {
	float: right;
    display: inline-block;
    background: url(../image/author-ico3.png) no-repeat left center;
    background-size: 1.2em;
    padding-left: 1.5em;
}

.s-article-info .section_content .left .article_list li .text .author .ico2 {
	float: right;
    display: inline-block;
    background: url(../image/author-ico2.png) no-repeat left center;
    background-size: 1.2em;
    padding-left: 1.5em;
    margin-right: 1.5em;
}

.pagespg {}

.pagespg a {border: 1px solid #eaeaea;margin: 0 4px;color: #747474;font-size: 14px;width: 2.6em;line-height: 2.6em;text-align: center;transition: all 0.3s;}

.pagespg .p-left {}

.pagespg .p-left:after {
    content: 'prev';
    font-family: swiper-icons;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.pagespg .p-right:after {
    content: 'next';
    font-family: swiper-icons;
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.pagespg a:hover {border-color: #00a7ff;}

.pagespg .current {border-color: #00a7ff;background: #00a7ff;color: #fff;}

@media screen and (max-width: 1024px){

.s-article-info .section_content .left .article_list li {padding-bottom: 25px;margin-bottom: 25px;}

.s-article-info .section_content .left .article_list li .img {height: 132px;}

.s-article-info .section_content .left .article_list li .text .name {font-size: 16px;}

.s-article-info .section_content .left .article_list li .text .describe {font-size: 13px;}

.s-article-info .section_content .left .article_list li .text .author {font-size: 12px;}

}

@media screen and (max-width: 680px){
.pagespg a {font-size: 11px;}

.s-article-info .section_content .left .article_list li {padding-bottom: 15px;margin-bottom: 15px;}

.s-article-info .section_content .left .article_list li .img {height: 96px;width: 32%;}

.s-article-info .section_content .left .article_list li .text {width: 64%;}

.s-article-info .section_content .left .article_list li .text .name {font-size: 14px;}

.s-article-info .section_content .left .article_list li .text .describe {font-size: 11.5px;-webkit-line-clamp: 2;line-clamp: 2;height: 3.4em;}

.s-article-info .section_content .left .article_list li .text .author {font-size: 9px;}
}