@charset "utf-8";
:root {
--color: #88cbd0;
--vh: 100vh;
}

.g_xs {
display: block;
}
.g_yc {
display: none;
}
@media (max-width: 767px) {
.g_xs {
display: none;
}
.g_yc {
display: block;
}
}
sub {
font-size: 12px;
position: relative;
bottom: 4px;
}
sup {
font-size: 12px;
}
/* 产品列表 */
.pub_top {
background: #f2f6fa;
position: relative;
}
@media (max-width: 991px) {
.pub_top {margin-top: 34px}
}
.pub_top > div {z-index: 6;position: relative;}
.pub_top .pub_bac {top: 0;left: 0;width: 100%;height: 100vh;position: absolute;z-index: 1;}
.pub_top .pub_bac .gradient-bg {background: #f2f6fa;}
.pub_top .pub_bac .gradient-bg .gradient-bg-move {background: #f2f6fa;}
.pub_top .top {width: 100%;padding: 13rem 0 0;}
@media (max-width: 767px) {
.pub_top .top {padding: 1.2rem 0 0;}
}
.pub_top .top .img {width:25%;}
@media (max-width: 767px) {
.pub_top .top .img {width: 100%;display: none;}
}
.pub_top .top .img img {width: 100%;}
.pub_top .top .box {
width: 100%;
position: relative;
}
.pub_top .top .box .crumbs {width: 100%;display: flex;flex-wrap: wrap;align-items: center;color: #0eb767;}
.pub_top .top .box .crumbs a {color: #0eb767;}
.pub_top .top .box .crumbs i {font-style: initial;margin: 0 5px;}
.pub_top .top .box .title3 {font-size: 3.5rem;  color: #222; font-weight: bold; margin: 2rem 0 2rem 0;}
@media (max-width: 1440px) {
.pub_top .top .box .title3 {font-size:2rem;}
}
@media (max-width: 1200px) {
.pub_top .top .box .title3 {font-size:26px;margin: 10px 0;}
}
.pub_top .top .box .title {line-height: 1.6;color: #202020;  font-size: 1.4rem;}
@media (max-width: 1440px) {

}
@media (max-width: 1200px) {
.pub_top .top .box .title {font-size:16px;}
}

@media (max-width: 767px) {
.pub_top .top .box .title br {
display: none;
}
}
.pub_top .top .box .title sup {
transform: translateY(-8px);
}
@media (max-width: 767px) {
.pub_top .top .box .title sup {
transform: translateY(0);
}
}
.pub_top .top .box .technology-menu {
width: 100%;
border-bottom: 1px solid #e6ecf2;
margin-top: 1.25rem;
display: flex;
}
@media (max-width: 991px) {
.pub_top .top .box .technology-menu {
flex-wrap: wrap;
flex-direction: column-reverse;margin-top: 0.5rem;
}
}
.pub_top .top .box .technology-menu ul {
width: 100%;
display: flex;
overflow-x: auto;
padding-bottom: 0.4rem;
}
.pub_top .top .box .technology-menu ul li {
margin-right: 0.18rem;
flex-shrink: 0;
}
.pub_top .top .box .technology-menu ul li:last-child {
margin-right: 0;
}
.pub_top .top .box .technology-menu ul li a {
height: 46px;
padding: 0 0.28rem;
border-radius: 28px;
display: flex;
justify-content: center;
align-items: center;
color: #031f23;
transition: all 0.4s;
position: relative;
}
.pub_top .top .box .technology-menu ul li a span {
position: relative; font-size: 0.22rem;
z-index: 2;
}
.pub_top .top .box .technology-menu ul li a::before {
content: '';
width: 100%;
height: 100%;
border-radius: 28px;
background: linear-gradient(to right, #16b3c0, #5fcddd);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.4s;
}
@media (min-width: 992px) {
.pub_top .top .box .technology-menu ul li:hover a {
color: #fff;
}
.pub_top .top .box .technology-menu ul li:hover a::before {
opacity: 1;
}
}
.pub_top .top .box .technology-menu ul li.on a {
color: #fff;
}
.pub_top .top .box .technology-menu ul li.on a::before {
opacity: 1;
}
.pub_top .top .box .technology-menu .search {
width: 263px;
height: 48px;
display: flex;
background: #fff;
border-radius: 24px;
}
@media (max-width: 991px) {
.pub_top .top .box .technology-menu .search {
margin-bottom: 0.3rem;
width: 50%;
}
}
@media (max-width: 767px) {
.pub_top .top .box .technology-menu .search {
width: 100%;
}
}
.pub_top .top .box .technology-menu .search .t1 {
width: 100%;
padding-left: 0.2rem;
color: #031f23;
}
.pub_top .top .box .technology-menu .search .t1::placeholder {
color: rgba(3, 31, 35, 0.35);
}
.pub_top .top .box .technology-menu .search .btn {
width: 50px;
height: 100%;
background: url(../images/search.svg) center center no-repeat;
background-size: 24px;
}
.g_scroll {
display: flex;
}
.g_scroll .g_scroll_box {
padding-bottom: 0.4rem;
}
.g_scroll .swiper-container {
width: 100%;
padding-bottom: 0.6rem;
}
.g_scroll .g_line {
position: absolute;
bottom: 0.18rem;
left: 0;
height: 2px;
background-color: #e6ecf2;
width: 100%;
transition: width 0.3s;
}
.g_scroll .g_line .progress-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: linear-gradient(to left, #16b3c0, #7fc471);
/* width: calc(100% / 3); */
}
.g_scroll .g_line .progress-bar .bar_jt {
position: absolute;
width: 0.7rem;
height: 0.24rem;
background: #fff;
border-radius: 100px;
right: 0;
top: 50%;
transform: translate(0%, -50%);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s;
}
.g_scroll .g_line .progress-bar .bar_jt:hover {
opacity: 0;
}
.g_scroll .g_line .progress-bar .bar_jt svg,
.g_scroll .g_line .progress-bar .bar_jt img {
width: 0.08rem;
height: auto;
margin: 0 0.04rem;
}
.g_scroll .g_line .progress-bar .bar_jt svg:first-child,
.g_scroll .g_line .progress-bar .bar_jt img:first-child {
transform: rotate(180deg);
}
.g_scroll .g_line .progress-bar .bar_jt svg path,
.g_scroll .g_line .progress-bar .bar_jt img path {
fill: #a6aeb7;
}
.proon {
padding-top: 0.6rem;
display: flex;
justify-content: space-between;
}
.proon .box .proon_box {
width: 100%;
display: flex;
justify-content: space-between;
position: relative;
}
.proon .box .proon_box .item {
flex-shrink: 0;
border-radius: 0.1rem;
background: #fff;
display: flex;
justify-content: space-between;
width: 100%;
padding: 0.2rem;
padding-left: 0.4rem;
margin-right: 0.4rem;
transition: all 0.4s;
}
@media (max-width: 767px) {
.proon .box .proon_box .item {
flex-direction: column-reverse;
padding: 0.4rem;
}
}
@media (min-width: 768px) {
.proon .box .proon_box .item:hover {
background: #e6ebf0;
}
.proon .box .proon_box .item:hover .gl .txt .g_span span {
background: linear-gradient(to left, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to left, #16b3c0, #7fc471);
color: #fff;
}
.proon .box .proon_box .item:hover .gl .txt .g_span span::after {
opacity: 0;
}
.proon .box .proon_box .item:hover .gl .g_pub i {
transform: rotate(-45deg);
}
.proon .box .proon_box .item:hover .gl .g_pub i svg path,
.proon .box .proon_box .item:hover .gl .g_pub i img path {
fill: #01afcc;
}
.proon .box .proon_box .item:hover .gl .g_pub p {
color: #01afcc;
}
}
.proon .box .proon_box .item .gl {
padding: 0.2rem 0.2rem 0.3rem 0;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 55.55555556%;
}
@media (max-width: 767px) {
.proon .box .proon_box .item .gl {
width: 100%;
margin-top: 0.3rem;
}
}
.proon .box .proon_box .item .gl .txt .g_span {
display: flex;
flex-wrap: wrap;
}
.proon .box .proon_box .item .gl .txt .g_span span {
margin: 0 0.1rem 0.1rem 0;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100px;
height: 30px;
padding: 0 0.17rem;
font-weight: bold;
color: #00afcc;
transition: all 0.4s;
position: relative;
}
@media (max-width: 1260px) {
.proon .box .proon_box .item .gl .txt .g_span span {
height: auto;
padding: 0.05rem 0.17rem;
}
}
@media (max-width: 767px) {
.proon .box .proon_box .item .gl .txt .g_span span {
padding: 0 0.3rem;
height: 0.7rem;
}
}
.proon .box .proon_box .item .gl .txt .g_span span::after {
transition: all 0.4s;
content: '';
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
border-radius: 100px;
z-index: 10;
pointer-events: none;
border: 2px solid #00afcc;
}
.proon .box .proon_box .item .gl .txt h3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.proon .box .proon_box .item .gl .g_pub {
display: flex;
align-items: center;
margin: 0.2rem 0 0;
}
@media (max-width: 767px) {
.proon .box .proon_box .item .gl .g_pub {
display: none;
}
}
.proon .box .proon_box .item .gl .g_pub i {
transition: all 0.4s;
flex-shrink: 0;
display: flex;
width: 0.18rem;
height: auto;
}
@media (max-width: 767px) {
.proon .box .proon_box .item .gl .g_pub i {
width: 0.24rem;
}
}
.proon .box .proon_box .item .gl .g_pub i svg,
.proon .box .proon_box .item .gl .g_pub i img {
width: 100%;
height: auto;
transition: all 0.4s;
}
.proon .box .proon_box .item .gl .g_pub i svg path,
.proon .box .proon_box .item .gl .g_pub i img path {
transition: all 0.4s;
fill: #a9b1b9;
}
.proon .box .proon_box .item .gl .g_pub p {
margin-left: 0.13rem;
color: #a4acb5;
transition: all 0.4s;
}
.proon .box .proon_box .item .gr {
width: 44.44444444%;
}
@media (max-width: 767px) {
.proon .box .proon_box .item .gr {
width: 100%;
}
}
.proon .box .proon_box .item .gr .public-img {
border-radius: 5px;
}
.proon .box .proon_box .item .gr .public-img:before {
padding-top: 65.625%;
}
.protw {
padding: 0.52rem 0 1rem;
}
.protw .box {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
}
.protw .box .item {
width: 33.33%;
margin-bottom: 0.2rem;
padding: 0 0.1rem; 
}
.protw .box.box5 .item {
width: 100%;
margin-bottom: 0.2rem;
padding: 0 0.1rem; position: relative; transition: 0.3s;
}
@media (max-width: 991px) {
.protw .box .item {
width: 50%;
}
.protw .box.box5 .item {
width: 100%;
}
}
@media (max-width: 767px) {
.protw .box .item {
width: 100%;
margin-bottom: 0.25rem;
}
}
.protw .box .item:hover .itembox::after {
opacity: 1;
}
.protw .box.box5 .item:hover{top: -0.1rem;}
.protw .box .item:hover .itembox .img {
margin-top: -0.28rem;
}
.protw .box.box5 .item:hover .itembox .img {
top: 0;
}
.protw .box .item:hover .itembox .txt { }
.protw .box .item:hover .itembox .txt .txt_t h3 {
color: #fff;
}
.protw .box .item:hover .itembox .txt .txt_t p {
height: 3em;
}
.protw .box .item:hover .itembox .txt .g_pub {
margin-top: 0.28rem;
background: #fff;
}
.protw .box .item:hover .itembox .txt .g_pub i {
transform: rotate(-45deg);
}
.protw .box .item:hover .itembox .txt .g_pub p {
margin-left: 0.1rem;
width: 4em;
}
.protw .box .item .itembox {
display: block;
width: 100%;
height: 100%;
position: relative;
background: #e6f4ff  url(../../img/yaob.png) no-repeat right bottom;
overflow: hidden;
color: #fff;
color: #333;
border-radius: 0.12rem;
}
.protw .box.box5 .item .itembox{display: flex;justify-content: space-between;align-items: center;border-radius: 0; border-top-right-radius: 0.62rem; border-bottom-left-radius: 0.62rem;}
.protw .box .item .itembox::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to right, #16b3c0, #0eb767);
background: -webkit-linear-gradient(to right, #16b3c0, #0eb767);
border-radius: 0.12rem;
opacity: 0;
transition: all 0.4s;
}
@media (max-width: 767px) {
.protw .box .item .itembox::after {
opacity: 1;
}
}
.protw .box .item .itembox .img {
transition: all 0.4s;
position: relative;
z-index: 10;
top: 0;
background: #fff;
border-radius: 0.1rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;overflow: hidden;
}
.protw .box.box5 .item .itembox .img{width:50%;  border-radius: 0; border-top-right-radius: 0.62rem; border-bottom-left-radius: 0.62rem;}
@media (max-width: 767px) {
.protw .box .item .itembox .img {
top: -0.28rem;
}
}
.protw .box .item .itembox .img img {
max-width: 100%;
max-height: 100%;
}
.protw .box .item .itembox .txt {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 1.8rem;
padding: 0.1rem 0.3rem 0.1rem; 
}
.protw .box.box5 .item .itembox .txt{width:50%;padding: 0.1rem 0.7rem 0.1rem 0.7rem; height: 2.8rem;}
.protw .box .item .itembox .txt:after{height: 1px;width:95%;content: ''; position: absolute;left:2.5%; top:0;background: rgba(0, 0, 0, 0.05); transition: 0.3s;}
.protw .box.box5 .item .itembox .txt:after{height: 0; }
.protw .box .item:hover .itembox .txt:after{height: 0;}
@media (max-width: 767px) {
.protw .box .item .itembox .txt {
height: 1.3rem;justify-content: flex-start;
}
.protw .box .item .itembox .txt:after{height: 0;}
}
.protw .box .item .itembox .txt .txt_t {
width: 100%;
}
.protw .box .item .itembox .txt .txt_t h3 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: all 0.4s;
margin-bottom: 0.15rem;
}
@media (max-width: 767px) {
.protw .box .item .itembox .txt .txt_t h3 {
color: #fff;
}
}
.protw .box .item .itembox .txt .txt_t p {
transition: all 0.4s;
opacity: 0.5;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 0;
color: #fff;font-size: 0.18rem;
}
.protw .box.box5 .item .itembox .txt .txt_t p{height: 4em;  color: #333; margin:0.5rem 0; padding:0 0 0 35px; position: relative; line-height: 2; font-size: 0.18rem;}
.protw .box.box5 .item .itembox .txt .txt_t p:after{position: absolute;left:0;top:10px;width:8px;height: 8px; background: #13b5d0; border-radius: 4px; content: '';}
.protw .box.box5 .item:hover  .itembox .txt .txt_t p:after{ background: #fff }
.protw .box.box5 .item:hover .itembox .txt .txt_t p{color: #fff;}
@media (max-width: 767px) {
.protw .box .item .itembox .txt .txt_t p {
height: 3em;
}
}
.protw .box .item .itembox .txt .g_pub {
transition: all 0.4s;
padding: 0 0.25rem;
border-radius: 100px;
min-width: 0.72rem;
height: 0.36rem;
border: 2px solid #13b5d0;
/* margin-top: 0.28rem; */
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
@media (max-width: 1580px) {
.protw .box .item .itembox .txt .g_pub {
height: 0.4rem;
min-width: 0.96rem;
}
.protw .box.box5 .item .itembox .txt .txt_t p{    margin: 0.3rem 0;}
}
@media (max-width: 767px) {
.protw .box .item .itembox .txt .g_pub {
height: 0.7rem;
padding: 0 0.4rem;
margin-top: 0.28rem;
background: #fff;
display: none;
}
}
.protw .box .item .itembox .txt .g_pub i {
transition: all 0.4s;
flex-shrink: 0;
display: flex;
width: 0.15rem;
height: auto;
}
@media (max-width: 767px) {
.protw .box .item .itembox .txt .g_pub i {
width: 0.24rem;
transform: rotate(-45deg);
}
}
.protw .box .item .itembox .txt .g_pub i svg,
.protw .box .item .itembox .txt .g_pub i img {
width: 100%;
height: auto;
}
.protw .box .item .itembox .txt .g_pub i svg path,
.protw .box .item .itembox .txt .g_pub i img path {
fill: #13b5d0;
}
.protw .box .item .itembox .txt .g_pub p {
transition: all 0.4s;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: 0;
white-space: nowrap;
}
@media (max-width: 767px) {
.protw .box .item .itembox .txt .g_pub p {
margin-left: 0.1rem;
width: 4em;
}
}
.protw .page-list {
margin-top: 0.6rem;
}
/* 应用方案 */
.app_top .top {
overflow: hidden;
}
.app_top .top .box .txt {
width: 48% ;
margin-top: 0.4rem;
}
@media (max-width: 767px) {
.app_top .top .box .txt {
width: 100%;
}
}
.app_top .top .img img {
width: 4.89rem;
height: auto;
margin: 0.26rem 0 0 1.6rem;
}
.pub_title {
text-align: center;
}
.pub_title h2 {
line-height: 1.33;
color: #16b3c0;
}
.pub_title h2 span {
font-weight: bold;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.pub_title h2 sup {
transform: translateY(-5px);
}
@media (max-width: 767px) {
.pub_title h2 sup {
transform: translateY(0);
}
}
.pub_title h2 p {
color: #959ca6;
}
.pub_title p {
margin-top: 0.14rem;
}
.pub_title2 {
text-align: left;
}
.appbox > div {
background: #fff !important;
}
.appbox > div:nth-child(2n-1) {
background: #f2f6fa !important;
}
.appon {
padding: 0.8rem 0 0.55rem;
}
.appon .pub_title {
text-align: left;
}
.appon .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
.appon .box {
margin-top: 0.7rem;
}
@media (max-width: 767px) {
.appon .box {
overflow: auto;
}
}
@media (max-width: 767px) {
.appon .box .gbox {
width: 800px;
}
}
.appon .box .g_tit {
display: flex;
}
.appon .box .g_tit p {
font-weight: bold;
width: 50%;
}
.appon .box .g_tit .p1 {
padding-left: 0.18rem;
}
.appon .box .g_tit .p2 {
color: #00afcc;
}
.appon .box .g_con {
margin-top: 0.35rem;
}
.appon .box .g_con .item {
padding: 0.15rem;
border-radius: 0.1rem;
background: #e6ecf2;
margin-bottom: 0.1rem;
display: flex;
transition: all 0.4s;
justify-content: space-between;
}
.appon .box .g_con .item:hover {
background: #ffffff;
}
.appon .box .g_con .item:hover .gl .txt span {
background: #f2f6fa;
}
.appon .box .g_con .item:hover .gr .g_span::after {
opacity: 1;
}
.appon .box .g_con .item:hover .gr p {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.appon .box .g_con .item .gl {
position: relative;
z-index: 5;
padding-right: 0.56rem;
width: 50%;
display: flex;
justify-content: space-between;
align-items: center;
}
.appon .box .g_con .item .gl .txt {
display: inline-flex;
align-items: center;
}
.appon .box .g_con .item .gl .txt span {
transition: all 0.4s;
min-width: 1.2rem;
padding: 0 0.1rem;
background: #fff;
height: 0.5rem;
border-radius: 0.05rem;
display: inline-flex;
align-items: center;
justify-content: center;
color: #959ca6;
margin-right: 0.35rem;
}
@media (max-width: 1260px) {
.appon .box .g_con .item .gl .txt span {
min-height: 0.6rem;
height: auto;
width: 1.5rem;
padding: 0.05rem 0.1rem;
}
}
.appon .box .g_con .item .gl .txt p {
color: #959ca6;
}
.appon .box .g_con .item .gl .g_svg {
display: flex;
align-items: center;
}
.appon .box .g_con .item .gl .g_svg svg,
.appon .box .g_con .item .gl .g_svg img {
width: 9px;
margin-left: 1px;
}
@media (max-width: 767px) {
.appon .box .g_con .item .gl .g_svg svg,
.appon .box .g_con .item .gl .g_svg img {
width: 7px;
}
}
.appon .box .g_con .item .gl .g_svg svg path,
.appon .box .g_con .item .gl .g_svg img path {
fill: #00afcc;
}
.appon .box .g_con .item .gr {
position: relative;
z-index: 5;
width: 50%;
display: flex;
align-items: center;
}
.appon .box .g_con .item .gr .g_span {
min-width: 2.2rem;
background: #00afcc;
height: 0.5rem;
border-radius: 0.05rem;
display: inline-flex;
align-items: center;
justify-content: flex-start;
color: #fff;
padding: 0 0.1rem 0 0.26rem;
margin-right: 0.55rem;
overflow: hidden;
position: relative;
}
@media (max-width: 1580px) {
.appon .box .g_con .item .gr .g_span {
min-width: 3rem;
height: auto;
min-height: 0.6rem;
padding: 0.05rem 0.1rem;
}
}
@media (max-width: 767px) {
.appon .box .g_con .item .gr .g_span {
min-width: 4rem;
height: 0.7rem;
}
}
.appon .box .g_con .item .gr .g_span::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
opacity: 0;
transition: all 0.4s;
}
.appon .box .g_con .item .gr .g_span span {
position: relative;
z-index: 5;
line-height: 1.2;
}
.appon .box .g_con .item .gr .g_span span::first-letter {
text-transform: uppercase;
color: #fff29c;
font-size: 0.24rem;
}
@media (max-width: 1580px) {
.appon .box .g_con .item .gr .g_span span::first-letter {
font-size: 20px;
}
}
@media (max-width: 991px) {
.appon .box .g_con .item .gr .g_span span::first-letter {
font-size: 18px;
}
}
@media (max-width: 767px) {
.appon .box .g_con .item .gr .g_span span::first-letter {
font-size: 0.3rem;
}
}
.appon .box .g_con .item .gr p {
color: #00afcc;
transition: all 0.4s;
}
@media (max-width: 1260px) {
.appon .box .g_con .item .gr p {
font-size: 14px;
}
}
.apptw {
padding: 0.55rem 0 1.46rem;
}
.apptw .pub_title {
text-align: left;
}
.apptw .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
@media (max-width: 767px) {
.apptw {
padding: 0.4rem 0 1.1rem;
}
}
.apptw .box .apptw_t {
background: #e6ecf2;
padding: 10px;
padding-top: 0;
margin-top: 0.7rem;
}
@media (max-width: 767px) {
.apptw .box .apptw_t {
overflow: auto;
}
}
@media (max-width: 767px) {
.apptw .box .apptw_t .bbox {
width: 900px;
}
}
.apptw .box .apptw_t .tit {
padding: 0.16rem 0;
display: flex;
justify-content: space-between;
}
.apptw .box .apptw_t .tit .gl {
margin-right: 4px;
flex-shrink: 0;
width: 25.69620253%;
}
.apptw .box .apptw_t .tit .gl p {
text-align: center;
color: #959ca6;
}
.apptw .box .apptw_t .tit .gr {
/* padding-left: 1.15rem; */
display: flex;
text-align: center;
width: 74.30379747%;
}
.apptw .box .apptw_t .tit .gr p {
padding: 0 0.2rem;
color: #959ca6;
}
.apptw .box .apptw_t .gbox {
display: flex;
justify-content: space-between;
}
.apptw .box .apptw_t .gbox .gl {
border-radius: 0.1rem;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0.2rem;
margin-right: 4px;
flex-shrink: 0;
width: 25.69620253%;
}
.apptw .box .apptw_t .gbox .gl p {
text-align: center;
color: #959ca6;
}
.apptw .box .apptw_t .gbox .gr {
width: 74.30379747%;
}
.apptw .box .apptw_t .gbox .gr .gr_item {
text-align: center;
position: relative;
overflow: hidden;
min-height: 0.8rem;
padding: 0.2rem 0 0.2rem;
background: #fff;
border-radius: 0.1rem;
margin-bottom: 4px;
display: flex;
align-items: center;
}
.apptw .box .apptw_t .gbox .gr .gr_item:nth-child(2)::after {
opacity: 1;
}
.apptw .box .apptw_t .gbox .gr .gr_item:nth-child(2) p {
color: #fff;
}
.apptw .box .apptw_t .gbox .gr .gr_item::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.apptw .box .apptw_t .gbox .gr .gr_item:last-child {
margin-bottom: 0;
}
.apptw .box .apptw_t .gbox .gr .gr_item p {
position: relative;
z-index: 10;
padding: 0 0.2rem;
color: #959ca6;
transition: all 0.4s;
}
.apptw .box .apptw_t .p1 {
width: 18.0952381%;
}
.apptw .box .apptw_t .p2 {
width: 14.85714286%;
}
.apptw .box .apptw_t .p3 {
width: 14.85714286%;
}
.apptw .box .apptw_t .p4 {
width: 14.85714286%;
}
.apptw .box .apptw_t .p5 {
width: 22.0952381%;
}
.apptw .box .apptw_t .p6 {
width: 15.71428571%;
}
.apptw .box .apptw_b {
margin-top: 1.08rem;
display: flex;
}
@media (max-width: 991px) {
.apptw .box .apptw_b {
flex-wrap: wrap;
}
}
.apptw .box .apptw_b .item {
width: 20%;
padding-right: 0.2rem;
align-items: center;
display: flex;
}
@media (max-width: 991px) {
.apptw .box .apptw_b .item {
width: 33.33%;
margin-bottom: 0.4rem;
}
}
@media (max-width: 767px) {
.apptw .box .apptw_b .item {
width: 50%;
}
}
.apptw .box .apptw_b .item .img {
margin-right: 0.2rem;
flex-shrink: 0;
}
.apptw .box .apptw_b .item .img img {
width: 0.8rem;
height: 0.8rem;
object-fit: contain;
}
.apptw .box .apptw_b .item .txt {
margin-right: 0.6rem;
}
@media (max-width: 767px) {
.apptw .box .apptw_b .item .txt {
margin-right: 0.2rem;
}
}
.apptw .box .apptw_b .item .txt .item_t {
display: flex;
}
.apptw .box .apptw_b .item .txt .item_t p {
line-height: 1;
font-weight: bold;
}
.apptw .box .apptw_b .item .txt .item_t span {
font-weight: bold;
}
.apptw .box .apptw_b .item .txt .item_b p {
color: #959ca6;
}
.appth {
background: #fff;
padding: 1.1rem 0 0.95rem;
}
.appth .pub_title {
text-align: left;
}
.appth .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
.appth .box {
margin-top: 0.7rem;
}
.appth .box img {
width: 100%;
height: auto;
}
.appfo {
background: #f2f6fa;
padding: 1.1rem 0 0.95rem;
}
.appfo .pub_title {
text-align: left;
}
.appfo .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
.appfo .box {
margin-top: 0.7rem;
}
.appfo .box .bbox {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
/* z-index: 100;
position: sticky;
position: -webkit-sticky;
top: 130px; */
}
@media (max-width: 991px) {
.appfo .box .bbox {
/* position: initial; */
}
}
.appfo .box .bbox.on .item .itembox {
padding: 0.3rem 0.4rem 0.2rem;
}
.appfo .box .bbox.on .item .itembox .txt .g_p {
/* overflow: hidden;
          height: 0; */
}
@media (max-width: 767px) {
.appfo .box .bbox {
flex-wrap: initial;
overflow: auto;
margin-bottom: 0.4rem;
}
}
.appfo .box .bbox .item {
cursor: pointer;
width: 25%;
margin-bottom: 0.2rem;
padding: 0 0.1rem;
}
@media (max-width: 991px) {
.appfo .box .bbox .item {
width: 50%;
}
}
@media (max-width: 767px) {
.appfo .box .bbox .item {
width: 100%;
flex-shrink: 0;
}
}
.appfo .box .bbox .item:hover .itembox,
.appfo .box .bbox .item.on .itembox {
background: #fff;
}
.appfo .box .bbox .item:hover .itembox .g_num::after,
.appfo .box .bbox .item.on .itembox .g_num::after {
opacity: 1;
}
.appfo .box .bbox .item:hover .itembox .g_num span,
.appfo .box .bbox .item.on .itembox .g_num span {
color: #fff;
}
.appfo .box .bbox .item .itembox {
transition: all 0.4s;
display: block;
width: 100%;
height: 100%;
background: #e6ecf2;
border-radius: 0.1rem;
box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.05);
padding: 0.4rem;
}
.appfo .box .bbox .item .itembox .g_num {
margin-bottom: 0.26rem;
width: 0.4rem;
height: 0.4rem;
background: #fff;
border-radius: 50%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.appfo .box .bbox .item .itembox .g_num {
width: 0.6rem;
height: 0.6rem;
}
}
.appfo .box .bbox .item .itembox .g_num::after {
content: '';
border-radius: 50%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s;
background: linear-gradient(to top, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to top, #16b3c0, #7fc471);
}
.appfo .box .bbox .item .itembox .g_num span {
position: relative;
z-index: 10;
color: #959ca6;
transition: all 0.4s;
}
.appfo .box .bbox .item .itembox .txt h3 {
margin-bottom: 0.16rem;
}
.appfo .box .bbox .item .itembox .txt .g_p {
/* transition: all 0.4s; */
}
.appfo .box .bbox .item .itembox .txt .g_p p {
margin-bottom: 0.06rem;
color: #959ca6;
display: block;
position: relative;
padding-left: 10px;
}
.appfo .box .bbox .item .itembox .txt .g_p p:after {
content: '';
position: absolute;
width: 2px;
height: 2px;
background: #959ca6;
left: 0;
top: 11px;
}
@media (max-width: 1580px) {
.appfo .box .bbox .item .itembox .txt .g_p p:after {
top: 9px;
}
}
.appfo .box .img {
border-radius: 0.1rem;
padding: 0.4rem 0.75rem;
background: #fff;
}
.appfo .box .img img {
margin-bottom: 0.4rem;
width: 100%;
height: auto;
}
.appfi {
background: #fff;
padding: 1.15rem 0 0.55rem;
}
.appfi .pub_title {
text-align: left;
}
.appfi .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
.appfi .box {
margin-top: 0.7rem;
}
.appfi .box .gnav {
display: flex;
justify-content: center;
}
@media (max-width: 1260px) {
.appfi .box .gnav {
overflow: auto;
justify-content: flex-start;
}
}
.appfi .box .gnav p {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
color: #959ca6;
min-width: 3rem;
padding: 0 0.2rem;
height: 0.6rem;
transition: all 0.4s;
border-bottom: 2px solid #e6ecf2;
}
@media (max-width: 1260px) {
.appfi .box .gnav p {
flex-shrink: 0;
}
}
.appfi .box .gnav p.on {
color: #222;
border-bottom: 2px solid;
border-image: linear-gradient(to right, #16b3c0, #7fc471) 1;
}
.appfi .box .gnav p.on::after {
opacity: 1;
}
.appfi .box .gnav p::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s;
background: url(../images/app11.png) no-repeat;
background-size: 100% 100%;
}
.appfi .box .bbox {
border-radius: 0.1rem;
margin-top: 0.48rem;
background: #f2f6fa;
padding: 0.75rem 0.95rem;
}
@media (max-width: 767px) {
.appfi .box .bbox {
padding: 0;
}
}
.appfi .box .bbox img {
display: none;
mix-blend-mode: multiply;
}
.appfi .box .bbox img:first-child {
display: block;
}
.appsi {
background: #fff;
padding: 0.55rem 0 1.1rem;
}
.appsi .pub_title {
text-align: left;
}
.appsi .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
.appsi .box {
margin-top: 0.52rem;
}
@media (max-width: 767px) {
.appsi .box {
overflow: auto;
}
}
@media (max-width: 767px) {
.appsi .box .appsi_box {
width: 820px;
}
}
.appsi .box .gnav {
display: flex;
margin-bottom: 0.26rem;
}
.appsi .box .gnav .gl {
width: 17.5%;
padding-left: 0.5rem;
}
@media (max-width: 767px) {
.appsi .box .gnav .gl {
padding-left: 0;
}
}
.appsi .box .gnav .gl p {
color: #959ca6;
font-weight: bold;
}
@media (max-width: 767px) {
.appsi .box .gnav .gl p {
font-size: 10px;
text-align: left;
}
}
.appsi .box .gnav .gr {
display: flex;
width: 82.5%;
}
.appsi .box .gnav .gr p {
color: #959ca6;
width: 20%;
padding-right: 0.1rem;
/* margin-left: 1.54rem; */
}
@media (max-width: 1260px) {
.appsi .box .gnav .gr p {
/* margin-left: 1rem; */
}
}
@media (max-width: 991px) {
.appsi .box .gnav .gr p {
/* margin-left: 0.7rem; */
}
}
@media (max-width: 767px) {
.appsi .box .gnav .gr p {
font-size: 10px;
/* margin-left: 0.2rem; */
}
}
.appsi .box .bbox .item {
display: flex;
align-items: center;
margin-bottom: 10px;
background: #f2f6fa;
border-radius: 0.1rem;
padding: 0.2rem 0.2rem 0.2rem 0;
}
@media (max-width: 767px) {
.appsi .box .bbox .item {
align-items: center;
}
}
.appsi .box .bbox .item .gl {
width: 17.5%;
padding-left: 0.5rem;
}
@media (max-width: 767px) {
.appsi .box .bbox .item .gl {
padding-left: 0.2rem;
}
}
.appsi .box .bbox .item .gl p {
color: #697280;
font-weight: bold;
}
@media (max-width: 991px) {
.appsi .box .bbox .item .gl p {
font-size: 12px;
}
}
@media (max-width: 767px) {
.appsi .box .bbox .item .gl p {
font-size: 10px;
text-align: left;
}
}
.appsi .box .bbox .item .gr {
border-radius: 100px;
display: flex;
width: 82.5%;
background: #e6ecf2;
height: 0.3rem;
position: relative;
}
@media (max-width: 767px) {
.appsi .box .bbox .item .gr {
height: 0.6rem;
align-items: center;
}
}
.appsi .box .bbox .item .gr i {
border-radius: 100px;
position: absolute;
height: 100%;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
@media (max-width: 767px) {
.appsi .box .bbox .item .gr i {
height: 50%;
}
}
.g_time {
display: flex;
align-items: center;
}
.g_time i {
flex-shrink: 0;
display: flex;
align-items: center;
width: 0.14rem;
height: 0.14rem;
margin-right: 10px;
margin-bottom: 2px;
}
@media (max-width: 991px) {
.g_time i {
width: 0.18rem;
height: 0.18rem;
margin: 2px 10px 0 0;
}
}
.g_time i svg,
.g_time i img {
width: 100%;
height: auto;
}
.g_time i svg path,
.g_time i img path {
fill: #959ca6;
}
.g_time p {
color: #959ca6;
}
.appse {
padding: 0.95rem 0 0.9rem;
}
.appse.appse2 .pub_title {
text-align: center;
}
.appse.appse2 .pub_title h2 {
background: none;
color: #333;
-webkit-text-fill-color: initial;
}
.appse .pub_title {
text-align: left;
}
.appse .pub_title h2 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
/* white-space: nowrap; */
font-weight: bold;
}
.appse .box {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
margin-top: 0.55rem;
}
.appse .box .item {
width: 33.33%;
margin-bottom: 0.2rem;
padding: 0 0.1rem;
}
@media (max-width: 991px) {
.appse .box .item {
width: 50%;
}
}
@media (max-width: 767px) {
.appse .box .item {
width: 100%;
margin-bottom: 0.5rem;
}
}
.appse .box .item .itembox {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 0.1rem;
background: #fff;
}
.appse .box .item1 .itembox:hover .img .public-img img {
transform: scale(1.05);
}
.appse .box .item1 .itembox:hover .img .g_vid {
opacity: 1;
}
.appse .box .item1 .itembox:hover .txt {
top: -0.2rem;
}
.appse .box .item1 .img {
position: relative;
}
.appse .box .item1 .img .public-img:before {
padding-top: 61.53846154%;
}
.appse .box .item1 .img .g_vid {
cursor: pointer;
opacity: 0;
transition: all 0.4s;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 175, 204, 0.5);
}
.appse .box .item1 .img .g_vid i {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
width: 0.8rem;
height: 0.8rem;
}
.appse .box .item1 .img .g_vid i svg,
.appse .box .item1 .img .g_vid i img {
width: 0.11rem;
height: auto;
}
.appse .box .item1 .img .g_vid i svg path,
.appse .box .item1 .img .g_vid i img path {
fill: #00afcc;
}
.appse .box .item1 .txt {
display: block;
border-radius: 0 0 0.1rem 0.1rem;
background: #fff;
z-index: 10;
position: relative;
top: 0;
transition: all 0.3s;
padding: 0.3rem;
}
@media (max-width: 1580px) {
.appse .box .item1 .txt {
padding: 0.4rem 0.3rem;
}
}
.appse .box .item1 .txt .txt_t {
margin-bottom: 0.44rem;
}
.appse .box .item1 .txt .txt_t span {
display: inline-flex;
align-items: center;
border: 1px solid #e6ecf2;
height: 0.36rem;
padding: 0 0.22rem;
border-radius: 100px;
color: #999;
}
.appse .box .item1 .txt .txt_t span:hover {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
color: #fff;
}
@media (max-width: 767px) {
.appse .box .item1 .txt .txt_t span {
height: 0.56rem;
padding: 0 0.4rem;
}
}
.appse .box .item1 .txt .txt_t h3 {
color: #333;
margin-top: 0.2rem;
line-height: 1.36;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 2.72em;
}
@media (max-width: 991px) {
.appse .box .item2 {
width: 100%;
}
}
.appse .box .item2 .itembox {
background: #fff;
padding: 0.26rem 0;
}
.appse .box .item2 .itembox .gr_t {
padding: 0 0.4rem;
margin-bottom: 0.18rem;
}
.appse .box .item2 .itembox .gr_t p {
color: #959ca6;
}
.appse .box .item2 .itembox .item2_a .appse_a {
display: flex;
justify-content: flex-end;
padding: 0.3rem 0.4rem;
position: relative;
}
.appse .box .item2 .itembox .item2_a .appse_a:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.appse .box .item2 .itembox .item2_a .appse_a:hover::before {
opacity: 1;
}
.appse .box .item2 .itembox .item2_a .appse_a:hover::after {
opacity: 0;
}
.appse .box .item2 .itembox .item2_a .appse_a:hover .public-img {
left: 0.4rem;
opacity: 1;
}
.appse .box .item2 .itembox .item2_a .appse_a:hover .txt {
width: calc(100% - 1.68rem);
}
.appse .box .item2 .itembox .item2_a .appse_a:hover .txt h3 {
color: #fff;
}
.appse .box .item2 .itembox .item2_a .appse_a:hover .txt .g_time svg path {
fill: #fff;
opacity: 0.5;
}
.appse .box .item2 .itembox .item2_a .appse_a:hover .txt .g_time p {
color: #fff;
opacity: 0.5;
}
}
@media (min-width: 768px) and (max-width: 767px) {
.appse .box .item2 .itembox .item2_a .appse_a:hover .txt {
width: calc(100% - 2.58rem);
}
}
.appse .box .item2 .itembox .item2_a .appse_a::before {
content: '';
width: 100%;
height: 100%;
border-radius: 5px;
background: linear-gradient(to right, #16b3c0, #7fc471);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.4s;
}
.appse .box .item2 .itembox .item2_a .appse_a::after {
content: '';
width: calc(100% - 0.8rem);
height: 1px;
top: 0;
left: 0.4rem;
background: #e6ecf2;
position: absolute;
transition: all 0.4s;
}
.appse .box .item2 .itembox .item2_a .appse_a .public-img {
border-radius: 5px;
left: -1.5rem;
top: 50%;
transform: translateY(-50%);
opacity: 0;
width: 1.5rem;
position: absolute;
transition: all 0.4s;
}
@media (max-width: 767px) {
.appse .box .item2 .itembox .item2_a .appse_a .public-img {
width: 2.4rem;
}
}
.appse .box .item2 .itembox .item2_a .appse_a .public-img:before {
padding-top: 64%;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
z-index: 10;
transition: all 0.4s;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt h3 {
transition: all 0.4s;
color: #333;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 3em;
}
@media (max-width: 1260px) {
.appse .box .item2 .itembox .item2_a .appse_a .txt h3 {
font-size: 16px;
}
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time {
margin-top: 0.18rem;
display: flex;
align-items: center;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i {
display: flex;
align-items: center;
width: 0.14rem;
height: 0.14rem;
margin-right: 10px;
margin-bottom: 2px;
}
@media (max-width: 991px) {
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i {
width: 0.18rem;
height: 0.18rem;
}
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i svg,
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i img {
width: 100%;
height: auto;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i svg path,
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time i img path {
transition: all 0.4s;
fill: #959ca6;
}
.appse .box .item2 .itembox .item2_a .appse_a .txt .g_time p {
color: #959ca6;
transition: all 0.4s;
}
/* 新闻详情 */
@media (max-width: 767px) {
.newsinfo_top {
padding-top: 0.7rem !important;
}
}
.newson {
padding-bottom: 1.08rem;
}
.newson .box {
margin-top: 0.3rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 991px) {
.newson .box {
flex-direction: column;
}
}
.newson .box .gl {
width: 73.75%;
}
@media (max-width: 991px) {
.newson .box .gl {
width: 100%;
margin-bottom: 0.6rem;
}
}
.newson .box .gl h1 {
line-height: 1.33;
padding-right: 0.6rem;
margin-bottom: 0.35rem;
}
.newson .box .gl h1 sup {
transform: translateY(-5px);
}
@media (max-width: 767px) {
.newson .box .gl h1 sup {
transform: translateY(0);
}
}
.newson .box .gl .g_p {
padding-right: 0.33rem;
margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
.newson .box .gl .g_p {
display: none;
}
}
.newson .box .gl .g_p p {
color: #031f23;
opacity: 0.65;
}
.newson .box .gl .g_lab {
margin-bottom: 0.85rem;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1260px) {
.newson .box .gl .g_lab {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.newson .box .gl .g_lab {
flex-direction: column;
align-items: flex-start;
}
}
.newson .box .gl .g_lab .lspan {
width: 30%;
flex-wrap: wrap;
display: inline-flex;
}
@media (max-width: 1260px) {
.newson .box .gl .g_lab .lspan {
width: 100%;
margin-bottom: 0.3rem;
}
}
@media (max-width: 767px) {
.newson .box .gl .g_lab .lspan {
margin-bottom: 0.2rem;
display: none;
}
}
.newson .box .gl .g_lab .lspan span {
transition: all 0.4s;
padding: 0.04rem 0.2rem;
border-radius: 100px;
background: #fff;
color: #959ca6;
margin: 0 0.1rem 0.1rem 0;
}
@media (max-width: 767px) {
.newson .box .gl .g_lab .lspan span {
padding: 0.08rem 0.4rem;
}
}
.newson .box .gl .g_lab .lspan span:hover {
background: #88cbd0;
color: #fff;
}
.newson .box .gl .g_lab .g_lab_m {
display: flex;
}
@media (max-width: 1260px) {
.newson .box .gl .g_lab .g_lab_m {
margin-bottom: 0.3rem;
}
}
@media (max-width: 767px) {
.newson .box .gl .g_lab .g_lab_m {
margin-bottom: 0.2rem;
border-top: 1px solid #e9e9e9;
padding-top: 0.3rem;
}
}
.newson .box .gl .g_lab .g_lab_m > * {
margin: 0 0.23rem;
}
@media (max-width: 991px) {
.newson .box .gl .g_lab .g_lab_m > * {
margin: 0 0.1rem;
}
}
@media (max-width: 767px) {
.newson .box .gl .g_lab .g_lab_m > * {
margin: 0 0.3rem 0 0;
}
}
@media (max-width: 991px) {
.newson .box .gl .g_lab .g_lab_m .g_time i {
margin-top: 0;
}
}
.newson .box .gl .g_lab .g_lab_m p {
color: #959ca6;
}
.newson .box .gl .g_lab .rfx {
padding-right: 0.1rem;
}
.newson .box .gl .public-content p {
/* opacity: 0.65; */
}
.newson .box .gl .text_fy {
margin-top: 0.64rem;
padding-top: 0.42rem;
border-top: 1px solid #e6ecf2;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.newson .box .gl .text_fy .fyl {
width: 70%;
}
.newson .box .gl .text_fy .fyl a {
/* margin: 0.06rem 0; */
display: flex;
align-items: center;
}
.newson .box .gl .text_fy .fyl a:hover p {
color: #88cbd0;
}
.newson .box .gl .text_fy .fyl a span {
flex-shrink: 0;
color: #959ca6;
font-weight: bold;
margin-right: 0.1rem;
}
.newson .box .gl .text_fy .fyl a p {
transition: all 0.4s;
color: #222;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0.06rem 0;
}
.newson .box .gl .text_fy .fyr {
cursor: pointer;
margin-left: 1rem;
flex-shrink: 0;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.newson .box .gl .text_fy .fyr {
margin-left: 0.5rem;
}
}
.newson .box .gl .text_fy .fyr:hover i svg path {
fill: #88cbd0;
}
.newson .box .gl .text_fy .fyr:hover p {
color: #88cbd0;
}
.newson .box .gl .text_fy .fyr i {
flex-shrink: 0;
display: flex;
width: 0.14rem;
height: auto;
margin-right: 0.12rem;
}
@media (max-width: 767px) {
.newson .box .gl .text_fy .fyr i {
width: 0.2rem;
}
}
.newson .box .gl .text_fy .fyr i svg,
.newson .box .gl .text_fy .fyr i img {
width: 100%;
height: auto;
}
.newson .box .gl .text_fy .fyr i svg path,
.newson .box .gl .text_fy .fyr i img path {
fill: #959ca6;
transition: all 0.4s;
}
.newson .box .gl .text_fy .fyr p {
color: #959ca6;
transition: all 0.4s;
}
.newson .box .gr {
width: 21.25%;
}
@media (max-width: 991px) {
.newson .box .gr {
width: 100%;
}
}
.newson .box .gr .gr_t {
margin-bottom: 0.28rem;
}
.newson .box .gr .gr_t p {
color: #959ca6;
}
.newson .box .gr .item2_a {
margin-bottom: 1rem;
}
.newson .box .gr .item2_a .appse_a {
display: flex;
flex-direction: column;
padding-top: 0.24rem;
border-top: 1px solid #e6ecf2;
margin-bottom: 0.24rem;
}
.newson .box .gr .item2_a .appse_a:last-child {
margin-bottom: 0;
}
.newson .box .gr .item2_a .appse_a:hover h3 {
color: #88cbd0;
}
.newson .box .gr .item2_a .appse_a h3 {
transition: all 0.4s;
color: #333;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 3em;
}
@media (max-width: 1260px) {
.newson .box .gr .item2_a .appse_a h3 {
font-size: 16px;
}
}
.newson .box .gr .item2_a .appse_a .g_time {
margin-top: 0.18rem;
display: flex;
align-items: center;
}
.newson .box .gr .item2_a .appse_a .g_time i {
display: flex;
align-items: center;
width: 0.14rem;
height: 0.14rem;
margin-right: 10px;
margin-bottom: 2px;
}
@media (max-width: 991px) {
.newson .box .gr .item2_a .appse_a .g_time i {
width: 0.18rem;
height: 0.18rem;
}
}
.newson .box .gr .item2_a .appse_a .g_time i svg,
.newson .box .gr .item2_a .appse_a .g_time i img {
width: 100%;
height: auto;
}
.newson .box .gr .item2_a .appse_a .g_time i svg path,
.newson .box .gr .item2_a .appse_a .g_time i img path {
fill: #959ca6;
}
.newson .box .gr .item2_a .appse_a .g_time p {
color: #959ca6;
}
.newson .box .gr .news_lab {
display: flex;
flex-wrap: wrap;
padding-top: 0.3rem;
border-top: 1px solid #e6ecf2;
margin-bottom: 0.24rem;
}
.newson .box .gr .news_lab span {
transition: all 0.4s;
padding: 0.04rem 0.2rem;
border-radius: 100px;
background: #e6ecf2;
color: #959ca6;
margin: 0 0.1rem 0.1rem 0;
}
.newson .box .gr .news_lab span:hover {
background: #88cbd0;
color: #fff;
}
.ins_det_fxr_box {
display: flex;
align-items: center;
}
.ins_det_fxr_box * {
transition: all 0.6s;
}
.ins_det_fxr_box > p {
margin-right: 0.05rem;
}
.ins_det_fxr_box .bshare-custom {
display: flex;
align-items: center;
justify-content: center;
}
.ins_det_fxr_box .bshare-custom a {
width: 0.4rem;
height: 0.4rem;
padding: 0;
background: #fff;
border-radius: 50%;
margin: 0 0 0 0.06rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.ins_det_fxr_box .bshare-custom a {
margin-left: 0.2rem;
}
}
.ins_det_fxr_box .bshare-custom a:hover {
background: #88cbd0;
opacity: 1;
}
.ins_det_fxr_box .bshare-custom a:hover svg path {
fill: #fff;
}
.ins_det_fxr_box .bshare-custom a::before {
content: '' !important;
}
@media (max-width: 767px) {
.ins_det_fxr_box .bshare-custom a {
width: 0.6rem;
height: 0.6rem;
}
}
.ins_det_fxr_box .bshare-custom a svg {
width: 45%;
height: auto;
pointer-events: none;
}
.ins_det_fxr_box .bshare-custom a svg path {
fill: #959ca6;
opacity: 1;
}
.social-share .icon-wechat .wechat-qrcode {
top: 120% !important;
left: 50% !important;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.social-share .icon-wechat .wechat-qrcode {
left: 0% !important;
transform: translateX(0%);
}
}
.social-share .icon-wechat .wechat-qrcode:after {
display: none !important;
}
.bsBox {
box-sizing: initial;
}
/* 资讯动态 */
.newslist_top .top {
overflow: hidden;
}
.newslist_top .top .img img {
margin: 0.6rem 0 0 1.2rem;
width: 4.68rem;
}
.newsliston {
padding: 0.6rem 0 1.2rem;
}
.newsliston .box .newsliston_nav ul {
width: 100%;
display: flex;
overflow-x: auto;
padding-bottom: 0.3rem;
}
.newsliston .box .newsliston_nav ul li {
margin-right: 0.18rem;
flex-shrink: 0;
}
.newsliston .box .newsliston_nav ul li:last-child {
margin-right: 0;
}
.newsliston .box .newsliston_nav ul li a {
height: 28px;
padding: 0 0.22rem;
border-radius: 18px;
display: flex;
justify-content: center;
align-items: center;
color: #959ca6;
background: #e6ecf2;
transition: all 0.4s;
position: relative;
}
.newsliston .box .newsliston_nav ul li a span {
position: relative;
z-index: 2;
}
.newsliston .box .newsliston_nav ul li a::before {
content: '';
width: 100%;
height: 100%;
border-radius: 18px;
background: linear-gradient(to right, #16b3c0, #7fc471);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.4s;
}
@media (min-width: 992px) {
.newsliston .box .newsliston_nav ul li:hover a {
color: #fff;
}
.newsliston .box .newsliston_nav ul li:hover a::before {
opacity: 1;
}
}
.newsliston .box .newsliston_nav ul li.on a {
color: #fff;
}
.newsliston .box .newsliston_nav ul li.on a::before {
opacity: 1;
}
.newsliston .box .newsliston_box {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
}
.newsliston .box .newsliston_box .item {
width: 33.33%;
margin-bottom: 0.2rem;
padding: 0 0.1rem;
display: block;
}
@media (max-width: 991px) {
.newsliston .box .newsliston_box .item {
width: 50%;
}
}
@media (max-width: 767px) {
.newsliston .box .newsliston_box .item {
width: 100%;
margin-bottom: 0.5rem;
}
}
.newsliston .box .newsliston_box .item .itembox {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 0.1rem;
}
.newsliston .box .newsliston_box .item .itembox:hover .img .public-img img {
transform: scale(1.05);
}
.newsliston .box .newsliston_box .item .itembox:hover .txt .txt_t .g_span span {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
color: #fff;
}
.newsliston .box .newsliston_box .item .itembox:hover .txt .txt_b .g_time {
opacity: 0;
}
.newsliston .box .newsliston_box .item .itembox:hover .txt .txt_b .g_more {
opacity: 1;
}
.newsliston .box .newsliston_box .item .itembox .img {
position: relative;
}
.newsliston .box .newsliston_box .item .itembox .img .public-img:before {
padding-top: 42.55555556%;
}
.newsliston .box .newsliston_box .item .itembox .txt {
display: block;
border-radius: 0 0 0.1rem 0.1rem;
background: #fff;
padding: 0.3rem;
}
@media (max-width: 1580px) {
.newsliston .box .newsliston_box .item .itembox .txt {
padding: 0.4rem 0.3rem;
}
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t {
margin-bottom: 0.44rem;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span {
flex-wrap: initial;
overflow: auto;
}
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span span {
display: inline-flex;
align-items: center;
border: 1px solid #e6ecf2;
height: 0.36rem;
padding: 0 0.22rem;
border-radius: 100px;
color: #999;
margin: 0 0.1rem 0.1rem 0;
transition: all 0.4s;
}
@media (max-width: 767px) {
.newsliston .box .newsliston_box .item .itembox .txt .txt_t .g_span span {
height: 0.56rem;
padding: 0 0.4rem;
flex-shrink: 0;
}
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_t h3 {
color: #333;
margin-top: 0.1rem;
line-height: 1.36;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 2.72em;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b {
position: relative;
}
@media (max-width: 991px) {
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_time i {
margin: 0 10px 0 0;
}
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more {
opacity: 0;
transition: all 0.4s;
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: flex;
align-items: center;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i {
display: flex;
align-items: center;
width: 0.14rem;
height: 0.14rem;
margin-right: 10px;
margin-bottom: 2px;
}
@media (max-width: 991px) {
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i {
width: 0.18rem;
height: 0.18rem;
margin: 0 10px 0 0;
}
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i svg,
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i img {
width: 100%;
height: 100%;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i svg path,
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more i img path {
fill: #3eb99d;
}
.newsliston .box .newsliston_box .item .itembox .txt .txt_b .g_more p {
color: #959ca6;
transition: all 0.4s;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.newsliston .box .page-list {margin-top: 0.6rem;}
/* 资质荣誉 */
.honors_top .top {}
.honors_top .top .img img {width: 100%;}
@media (max-width: 1200px) {
.honors_top .top .img img {
margin: 0.6rem 0 0 2.42rem;
width: 2rem;
}
}
.honon {
padding: 0.4rem 0 0.2rem;
}
.honon .box .honon_nav ul {
width: 100%;
display: flex;
overflow-x: auto;
padding-bottom: 0.3rem;
}
.honon .box .honon_nav ul li {
margin-right: 0.18rem;
flex-shrink: 0;
}
.honon .box .honon_nav ul li:last-child {
margin-right: 0;
}
.honon .box .honon_nav ul li a {
height: 28px;
padding: 0 0.22rem;
border-radius: 18px;
display: flex;
justify-content: center;
align-items: center;
color: #959ca6;
background: #e6ecf2;
transition: all 0.4s;
position: relative;
}
.honon .box .honon_nav ul li a span {
position: relative;
z-index: 2;
}
.honon .box .honon_nav ul li a::before {
content: '';
width: 100%;
height: 100%;
border-radius: 18px;
background: linear-gradient(to right, #16b3c0, #7fc471);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.4s;
}
@media (min-width: 992px) {
.honon .box .honon_nav ul li:hover a {
color: #fff;
}
.honon .box .honon_nav ul li:hover a::before {
opacity: 1;
}
}
.honon .box .honon_nav ul li.on a {
color: #fff;
}
.honon .box .honon_nav ul li.on a::before {
opacity: 1;
}
.honon .box .honon_box {
margin-top: 0.85rem;
}
.honon_box .item {
margin-bottom: 1.2rem;
display: flex;
}
@media (max-width: 767px) {
.honon_box .item {
flex-direction: column !important;
margin-bottom: 0.4rem;
}
}
.honon_box .item:nth-child(2n) {
flex-direction: row-reverse;
}
.honon_box .item:nth-child(2n) .txt {
padding: 0.8rem 1.15rem 0 0;
}
@media (max-width: 991px) {
.honon_box .item:nth-child(2n) .txt {
padding: 0.2rem 1.15rem 0 0;
}
}
.honon_box .item .public-img {
border-radius: 0.1rem;
width: 46.5625%;
}
@media (max-width: 767px) {
.honon_box .item .public-img {
width: 100%;
}
}
.honon_box .item .public-img:before {
padding-top: 64.4295302%;
}
.honon_box .item .txt {
padding: 0.8rem 0 0 1.08rem;
width: 53.4375%;
}
@media (max-width: 991px) {
.honon_box .item .txt {
padding: 0.2rem 0 0 1.08rem;
}
}
@media (max-width: 767px) {
.honon_box .item .txt {
width: 100%;
padding: 0.3rem 0 !important;
}
}
.honon_box .item .txt h3 {
margin-bottom: 0.35rem;
line-height: 1.2;
}
.honon_box .item .txt p {
color: #959ca6;
}
.hontw {
background: #fff;
padding: 1.4rem 0 0.2rem;
}
.hontw .honon_box .item:nth-child(2n + 1) {
flex-direction: row-reverse;
}
.hontw .honon_box .item:nth-child(2n + 1) .txt {
padding: 0.8rem 1.15rem 0 0;
}
@media (max-width: 991px) {
.hontw .honon_box .item:nth-child(2n + 1) .txt {
padding: 0.2rem 1.15rem 0 0;
}
}
.hontw .honon_box .item:nth-child(2n ) {
flex-direction: row;
}
.hontw .honon_box .item:nth-child(2n ) .txt {
padding: 0.8rem 0 0 1.08rem;
}
@media (max-width: 991px) {
.hontw .honon_box .item:nth-child(2n ) .txt {
padding: 0.2rem 0 0 1.08rem;
}
}
.honth {
padding: 1.15rem 0 1.1rem;
}
.honth .box {
margin-top: 0.55rem;
}
.honth .box .honth_box .swiper-container {
padding-bottom: 0.4rem;
}
.honth .box .honth_box .item {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
background: none;
}
.honth .box .honth_box .item .honth_box {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0.45rem 0.3rem 0.1rem;
border-radius: 0.1rem;
width: 100%;
height: 3.4rem;
background: #fff;
margin-bottom: 0.2rem;
}
@media (max-width: 1580px) {
.honth .box .honth_box .item .honth_box {
height: 3.6rem;
}
}
@media (max-width: 767px) {
.honth .box .honth_box .item .honth_box {
height: 4.2rem;
padding: 0.8rem 0.3rem 0.2rem;
}
}
.honth .box .honth_box .item .honth_box .img {
margin-bottom: 0.22rem;
height: 1.7rem;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.honth .box .honth_box .item .honth_box .img img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.honth .box .honth_box .item .honth_box .txt p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 4.5em;
color: #959ca6;
}
@media (max-width: 1580px) {
.honth .box .honth_box .item .honth_box .txt p br {
display: none;
}
}
/* 子页面导航 */
#c-header.g-subheader {
line-height: 0.9rem;
top: 30px;
max-width: 1600px;
left: 50%;
transform: translateX(-50%);
border-radius: 0.1rem;
background: #fff;
color: #333;
padding: 0 0.2rem;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: all 0.2s;
/* &.c-style2{
line-height: 0.8rem;
.c-logo .c-img-box img{
height: 0.4rem;
}
} */
}
@media (max-width: 1580px) {
#c-header.g-subheader {
width: 90%;
}
}
@media (max-width: 991px) {
#c-header.g-subheader {
width: 100%;
top: 0;
border-radius: 0;
padding: 0 5%;
}
}
#c-header.g-subheader a {
color: #333;
}
#c-header.g-subheader .container {
width: 100%;
}
#c-header.g-subheader .c-gn .x-yy {
border-color: #00afcc;
}
#c-header.g-subheader .c-gn .x-yy a {
color: #00afcc;
}
#c-header.g-subheader .c-gn .x-yy a.on {
color: #fff;
background-color: #00afcc;
}
#c-header.g-subheader .c-gn .c-phone svg path {
fill: #88cbd0;
}
#c-header.g-subheader .c-switch i {
background: #333;
}
#c-header.g-subheader .c-nav li.on > .c-title-box > a,
#c-header.g-subheader .c-nav li:hover > .c-title-box > a,
#c-header.g-subheader .c-nav li.on > a,
#c-header.g-subheader .c-nav li:hover > a {
color: #88cbd0;
}
#c-header.g-subheader .c-nav li.on > .c-title-box > a:before,
#c-header.g-subheader .c-nav li:hover > .c-title-box > a:before,
#c-header.g-subheader .c-nav li.on > a:before,
#c-header.g-subheader .c-nav li:hover > a:before {
left: 0;
width: 100%;
}
#c-header.g-subheader .c-nav li.on > .c-title-box svg path,
#c-header.g-subheader .c-nav li:hover > .c-title-box svg path {
fill: #88cbd0 !important;
}
#c-header.g-subheader .c-nav li .c-title-box svg path {
fill: #333;
}
#c-header.g-subheader .c-logo .c-img-box img {
height: 0.46rem;
}
#c-header.g-subheader .c-logo .c-img-box img:nth-child(1) {
display: none;
}
#c-header.g-subheader .c-logo .c-img-box img:nth-child(2) {
display: inline-block;
}
/* 战略布局 */
.strategic_top .top {
overflow: hidden;
}
.strategic_top .top .img img {
margin: 0.95rem 0 0 1.82rem;
width: 4.77rem;
}
.stron {
padding: 1.22rem 0 1.8rem;
}
.stron .box {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.stron .box {
flex-direction: column;
}
}
.stron .box .gl {
width: 50%;
}
@media (max-width: 991px) {
.stron .box .gl {
width: 100%;
margin-bottom: 0.3rem;
/* display: none; */
}
}
.stron .box .gl .mapimg {
width: 96.875%;
height: auto;
position: relative;
}
@media (max-width: 767px) {
.stron .box .gl .mapimg {
width: 75%;
}
}
.stron .box .gl .mapimg .mapimg_nr {
width: 100%;
height: auto;
}
.stron .box .gl .mapimg .g_add {
/* .item3{
      top: 54.1%;
      left: 76.2%;
      .gline{
        .img{
          width: 1.11rem;
          height: 0.09rem;
        }
      }
    } */
}
.stron .box .gl .mapimg .g_add .item {
width: 1px;
height: 1px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
position: absolute;
}
.stron .box .gl .mapimg .g_add .item.on .gline .img .img1 {
opacity: 0;
}
.stron .box .gl .mapimg .g_add .item.on .gline .img .img2 {
opacity: 1;
}
.stron .box .gl .mapimg .g_add .item.on .gline .txt {
border: none;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.stron .box .gl .mapimg .g_add .item.on .gline .txt p {
color: #fff;
}
.stron .box .gl .mapimg .g_add .item .gline {
position: relative;
}
.stron .box .gl .mapimg .g_add .item .gline .img {
display: flex;
align-items: flex-end;
position: relative;
}
.stron .box .gl .mapimg .g_add .item .gline .img .img1 {
width: 100%;
height: auto;
}
.stron .box .gl .mapimg .g_add .item .gline .img .img2 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
transition: all 0.4s;
}
.stron .box .gl .mapimg .g_add .item .gline .txt {
position: absolute;
left: 100%;
top: 0;
transform: translateY(-50%);
border: 2px solid #959ca6;
border-radius: 100px;
height: 0.4rem;
padding: 0 0.2rem;
display: inline-flex;
align-items: center;
}
@media (max-width: 767px) {
.stron .box .gl .mapimg .g_add .item .gline .txt {
border: 1px solid #959ca6;
}
}
.stron .box .gl .mapimg .g_add .item .gline .txt p {
color: #959ca6;
white-space: nowrap;
}
@media (max-width: 767px) {
.stron .box .gl .mapimg .g_add .item .gline .txt p {
font-size: 10px;
}
}
.stron .box .gl .mapimg .g_add .item1 {
top: 50.9%;
left: 75%;
}
.stron .box .gl .mapimg .g_add .item1 .gline .img {
width: 1.21rem;
height: 0.83rem;
}
.stron .box .gl .mapimg .g_add .item2 {
top: 68.4%;
left: 64.1%;
}
.stron .box .gl .mapimg .g_add .item2 .gline .img {
width: 0.99rem;
height: 0.42rem;
}
.stron .box .gl .mapimg .g_add .item3 {
top: 68.6%;
left: 65.3%;
}
.stron .box .gl .mapimg .g_add .item3 .gline .img {
width: 2.06rem;
height: 0.09rem;
}
.stron .box .gl .mapimg .g_add .item4 {
top: 67.8%;
left: 66.4%;
align-items: flex-start;
}
.stron .box .gl .mapimg .g_add .item4 .gline .img {
width: 1.88rem;
height: 0.48rem;
}
.stron .box .gl .mapimg .g_add .item4 .gline .txt {
top: 100%;
}
.stron .box .gl .mapimg .g_add .item5 {
top: 68.7%;
left: 65%;
align-items: flex-start;
}
.stron .box .gl .mapimg .g_add .item5 .gline .img {
width: 1.98rem;
height: 0.95rem;
}
.stron .box .gl .mapimg .g_add .item5 .gline .txt {
top: 100%;
}
.stron .box .gl .mapimg .g_add .item6 {
top: 68.7%;
left: 65%;
}
.stron .box .gl .mapimg .g_add .item6 .gline .img {
width: 1.98rem;
height: 0.95rem;
}
.stron .box .gr {
width: 42.5%;
}
@media (max-width: 991px) {
.stron .box .gr {
width: 100%;
}
}
.stron .box .gr .gr_drop {
padding: 0.3rem 0.4rem;
border-radius: 0.1rem;
background: #fff;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.stron .box .gr .gr_drop {
display: none;
}
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box {
position: initial;
display: block !important;
border: none;
border-radius: 0;
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box ul {
display: flex;
flex-wrap: wrap;
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box ul li.on a {
background: #88cbd0;
color: #fff;
}
.stron .box .gr .gr_drop .gr_drop_box .sot_select_nr3 .sel_text_box ul li a {
transition: all 0.4s;
border-radius: 5px;
margin-right: 0.1rem;
padding: 7px 0.2rem;
}
.stron .box .gr .gr_box {
padding: 0.05rem 0.4rem 0.3rem;
border-radius: 0.1rem;
background: #fff;
}
.stron .box .gr .gr_box .item {
display: none;
width: 100%;
}
@media (max-width: 991px) {
.stron .box .gr .gr_box .item {
display: block !important;
margin-bottom: 0.4rem;
}
}
.stron .box .gr .gr_box .item:first-child {
display: block;
}
.stron .box .gr .gr_box .item .g_tit {
margin-bottom: 0.15rem;
display: flex;
justify-content: space-between;
width: 100%;
padding-bottom: 0.12rem;
border-bottom: 2px solid #222222;
}
.stron .box .gr .gr_box .item .g_tit p {
font-weight: bold;
}
.stron .box .gr .gr_box .item .it_box .gr_nr {
border-bottom: 1px solid #e6ecf2;
padding: 0.25rem 0;
}
.stron .box .gr .gr_box .item .it_box .gr_nr:last-child {
border: none;
}
@media (max-width: 991px) {
.stron .box .gr .gr_box .item .it_box .gr_nr {
border-bottom: 1px solid;
border-image: linear-gradient(to right, #16b3c0, #7fc471) 1;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .txt h3 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .txt p {
color: #222;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other {
display: block !important;
}
}
@media (min-width: 992px) {
.stron .box .gr .gr_box .item .it_box .gr_nr.on {
border-bottom: 1px solid;
border-image: linear-gradient(to right, #16b3c0, #7fc471) 1;
}
.stron .box .gr .gr_box .item .it_box .gr_nr.on .txt h3 {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.stron .box .gr .gr_box .item .it_box .gr_nr.on .txt p {
color: #222;
}
.stron .box .gr .gr_box .item .it_box .gr_nr.on .other {
display: block;
}
}
.stron .box .gr .gr_box .item .it_box .gr_nr .txt h3 {
color: #666666;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .txt p {
color: #959ca6;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other {
margin-top: 0.15rem;
display: none;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .other_box {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.stron .box .gr .gr_box .item .it_box .gr_nr .other .other_box {
flex-direction: column;
}
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .public-img {
border-radius: 0.1rem;
width: 50%;
}
@media (max-width: 767px) {
.stron .box .gr .gr_box .item .it_box .gr_nr .other .public-img {
width: 100%;
}
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .public-img:before {
padding-top: 66.66666667%;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right {
width: 50%;
padding: 0 0.1rem 0 0.3rem;
}
@media (max-width: 767px) {
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right {
width: 100%;
padding: 0.3rem 0;
}
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .tel {
margin-bottom: 0.6rem;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .tel p {
margin-bottom: 5px;
color: #959ca6;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .g_lab {
display: flex;
flex-wrap: wrap;
}
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .g_lab span {
display: inline-flex;
align-items: center;
background: #f2f5f8;
height: 0.36rem;
padding: 0 0.25rem;
border-radius: 100px;
color: #999;
margin: 0 0.1rem 0.1rem 0;
transition: all 0.4s;
}
@media (max-width: 767px) {
.stron .box .gr .gr_box .item .it_box .gr_nr .other .right .g_lab span {
height: 0.56rem;
padding: 0 0.4rem;
}
}
.sot_select_nr3 {
position: relative;
min-width: 1.8rem;
}
.sot_select_nr3 .sel_text_x {
width: 100%;
height: 0.6rem;
border: 1px solid #e6ecf2;
border-radius: 5px;
padding: 0 0.2rem;
color: #959ca6;
display: flex;
align-items: center;
justify-content: space-between;
}
.sot_select_nr3 .sel_text_x svg,
.sot_select_nr3 .sel_text_x img {
width: 10px;
height: auto;
flex-shrink: 0;
z-index: 100;
margin: 0 7px;
}
.sot_select_nr3 .sel_text_x svg path,
.sot_select_nr3 .sel_text_x img path {
fill: #e6ecf2;
}
.sot_select_nr3 .sel_text_box {
width: 100%;
background: #fff;
border-radius: 5px;
position: absolute;
left: 0;
text-align: left;
overflow: hidden;
top: 100%;
border: 1px solid #e6ecf2;
z-index: 200;
display: none;
max-height: 160px;
overflow-y: auto;
}
.sot_select_nr3 .sel_text_box a {
color: #959ca6;
padding: 7px 0 7px 0.2rem;
display: block;
cursor: pointer;
}
.sot_select_nr3 .sel_text_box a:hover {
background: #88cbd0;
color: #fff;
}
/* 人才发展 */
.development_top .top {
overflow: hidden;
}
.development_top .top .img img {
margin: 1.3rem 0 0 -0.4rem;
width: 11.09rem;
}
.devon {
padding: 0.75rem 0 2.28rem;
background: #f2f6fa url(../images/development3.png) no-repeat;
background-position: bottom center;
}
.devon .box {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
margin-top: 0.78rem;
margin-bottom: 2.38rem;
}
.devon .box .item {
width: 33.33%;
margin-bottom: 0.2rem;
padding: 0 0.1rem;
}
@media (max-width: 991px) {
.devon .box .item {
width: 50%;
}
}
@media (max-width: 767px) {
.devon .box .item {
width: 100%;
margin-bottom: 0.5rem;
}
}
.devon .box .item .itembox {
display: block;
width: 100%;
height: 100%;
border-radius: 0.1rem;
padding: 0.55rem 0.3rem;
background: #fff;
position: relative;
}
.devon .box .item .itembox .sj {
pointer-events: none;
position: absolute;
width: 1.92rem;
height: auto;
left: 50%;
top: -0.2rem;
transform: translateX(-50%);
}
.devon .box .item .itembox .g_tit {
margin-bottom: 0.55rem;
text-align: center;
}
.devon .box .item .itembox .g_tit p {
margin-top: 0.08rem;
color: #959ca6;
display: flex;
align-items: center;
justify-content: center;
}
.devon .box .item .itembox .g_tit p i {
margin-right: 0.1rem;
flex-shrink: 0;
display: flex;
width: 0.13rem;
height: auto;
}
@media (max-width: 1580px) {
.devon .box .item .itembox .g_tit p i {
margin-bottom: 2px;
}
}
@media (max-width: 767px) {
.devon .box .item .itembox .g_tit p i {
width: 0.18rem;
}
}
.devon .box .item .itembox .g_tit p i svg,
.devon .box .item .itembox .g_tit p i img {
width: 100%;
height: auto;
}
.devon .box .item .itembox .g_tit p i svg path,
.devon .box .item .itembox .g_tit p i img path {
fill: #88cbd0;
}
.devon .box .item .itembox .devon_box {
position: relative;
}
.devon .box .item .itembox .devon_box::after {
content: '';
position: absolute;
width: calc(100% - 0.56rem);
bottom: -1px;
left: 50%;
transform: translateX(-50%);
height: 1px;
background: #f2f6fa;
}
.devon .box .item .itembox .devon_box .devon_item {
display: flex;
align-items: center;
justify-content: space-between;
height: 0.77rem;
padding: 0 0.28rem;
position: relative;
border-radius: 0.05rem;
/* &:hover{
        &::before{
          opacity: 1;
        }
        &::after{
          opacity: 0;
        }
        .gl{
          .g_p{
            color: #fff;
            p{
              border-color: #fff !important;
            }
          }
        }
        .gr{
          svg,img{
            path{
              fill: #fff;
            }
          }
        }
      } */
}
.devon .box .item .itembox .devon_box .devon_item::before {
content: '';
width: 100%;
height: 100%;
border-radius: 0.05rem;
background: linear-gradient(to right, #16b3c0, #7fc471);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all 0.4s;
}
.devon .box .item .itembox .devon_box .devon_item::after {
content: '';
position: absolute;
width: calc(100% - 0.56rem);
top: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
background: #f2f6fa;
}
.devon .box .item .itembox .devon_box .devon_item .gl {
position: relative;
z-index: 10;
color: #959ca6;
}
.devon .box .item .itembox .devon_box .devon_item .gl .g_p {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.devon .box .item .itembox .devon_box .devon_item .gl .g_p p {
line-height: 1;
}
@media (max-width: 1260px) {
.devon .box .item .itembox .devon_box .devon_item .gl .g_p p {
font-size: 12px;
}
}
.devon .box .item .itembox .devon_box .devon_item .gl .g_p p:not(:last-child) {
border-right: 1px solid #959ca6;
padding-right: 0.13rem;
margin-right: 0.13rem;
}
.devon .box .item .itembox .devon_box .devon_item .gr {
position: relative;
z-index: 10;
margin-left: 0.2rem;
flex-shrink: 0;
}
.devon .box .item .itembox .devon_box .devon_item .gr svg,
.devon .box .item .itembox .devon_box .devon_item .gr img {
width: 14px;
height: auto;
}
@media (max-width: 767px) {
.devon .box .item .itembox .devon_box .devon_item .gr svg,
.devon .box .item .itembox .devon_box .devon_item .gr img {
width: 11px;
}
}
.devon .box .item .itembox .devon_box .devon_item .gr svg path,
.devon .box .item .itembox .devon_box .devon_item .gr img path {
fill: #959ca6;
}
.devon .devon_b .tit {
margin-bottom: 0.6rem;
display: flex;
align-items: center;
}
.devon .devon_b .tit .tit_p {
display: flex;
align-items: center;
}
.devon .devon_b .tit .tit_p i {
margin: 0 0.14rem;
flex-shrink: 0;
display: flex;
width: 0.21rem;
height: auto;
}
.devon .devon_b .tit .tit_p i svg,
.devon .devon_b .tit .tit_p i img {
width: 100%;
height: auto;
}
.devon .devon_b .tit .tit_p i svg path,
.devon .devon_b .tit .tit_p i img path {
fill: #88cbd0;
}
.devon .devon_b .tit .tit_p p {
background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.devon .devon_b .g_p {
margin-bottom: 0.52rem;
}
.devon .devon_b .g_p p {
color: #959ca6;
margin-bottom: 0.05rem;
}
.devon .devon_b .g_email {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
display: inline-flex;
align-items: center;
height: 0.48rem;
padding: 0 0.28rem;
border-radius: 100px;
}
@media (max-width: 1260px) {
.devon .devon_b .g_email {
height: 0.6rem;
}
}
@media (max-width: 767px) {
.devon .devon_b .g_email {
height: 0.8rem;
}
}
.devon .devon_b .g_email i {
margin: 0 0.14rem;
flex-shrink: 0;
display: flex;
width: 0.16rem;
height: auto;
}
@media (max-width: 1260px) {
.devon .devon_b .g_email i {
width: 0.2rem;
}
}
@media (max-width: 767px) {
.devon .devon_b .g_email i {
width: 0.24rem;
}
}
.devon .devon_b .g_email i svg,
.devon .devon_b .g_email i img {
width: 100%;
height: auto;
}
.devon .devon_b .g_email i svg path,
.devon .devon_b .g_email i img path {
fill: #88cbd0;
}
.devon .devon_b .g_email p {
color: #fff;
}
.devotw {
background: #fff;
padding: 0.95rem 0 0.66rem;
}
.devotw .box {
margin-top: 0.55rem;
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.devotw .box {
flex-direction: column;
}
}
.devotw .box .gl {
width: calc(50% - 0.1rem);
border-radius: 0.1rem;
overflow: hidden;
position: relative;
}
@media (max-width: 991px) {
.devotw .box .gl {
width: 100%;
margin-bottom: 0.4rem;
}
}
.devotw .box .gl .img {
width: 100%;
height: 100%;
}
.devotw .box .gl .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.devotw .box .gl .txt {
top: 0;
left: 0;
z-index: 10;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0.35rem 0.4rem;
position: absolute;
width: 100%;
height: 100%;
color: #fff;
background: url(../images/development4.png) no-repeat;
background-position: bottom center;
background-size: 100% 100%;
}
.devotw .box .gr {
width: calc(50% + 0.1rem);
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 0 -0.1rem -0.2rem;
}
@media (max-width: 991px) {
.devotw .box .gr {
width: 100%;
}
}
.devotw .box .gr .item {
height: 3.2rem;
width: 50%;
margin-bottom: 0.2rem;
padding: 0 0.1rem;
}
@media (max-width: 1580px) {
.devotw .box .gr .item {
height: 4rem;
}
}
@media (max-width: 1260px) {
.devotw .box .gr .item {
height: 3.7rem;
}
}
@media (max-width: 991px) {
.devotw .box .gr .item {
width: 50%;
}
}
@media (max-width: 767px) {
.devotw .box .gr .item {
width: 100%;
padding: 0;
margin-bottom: 0.4rem;
height: auto;
}
}
.devotw .box .gr .item .itembox {
padding: 0.5rem 0.2rem 0.1rem;
border-radius: 0.1rem;
display: flex;
flex-direction: column;
align-items: center;
transition: all 0.4s;
width: 100%;
height: 100%;
background: #f2f6fa;
}
.devotw .box .gr .item .itembox:hover {
background: #eaeef1;
border-radius: 0.1rem 0.1rem 1rem 0.1rem;
}
@media (max-width: 767px) {
.devotw .box .gr .item .itembox {
padding: 0.5rem 0.2rem;
}
}
.devotw .box .gr .item .itembox .g_png {
margin-bottom: 0.38rem;
position: relative;
width: 1rem;
height: 1rem;
border-radius: 50%;
background: #fff;
}
@media (max-width: 767px) {
.devotw .box .gr .item .itembox .g_png {
width: 1.4rem;
height: 1.4rem;
}
}
.devotw .box .gr .item .itembox .g_png .g_png_box {
background: #fff;
position: relative;
z-index: 10;
width: 100%;
height: 100%;
border-radius: 50%;
}
.devotw .box .gr .item .itembox .g_png .img2 {
position: absolute;
width: 1.77rem;
height: auto;
left: 0.2rem;
top: 0.2rem;
max-width: initial;
}
.devotw .box .gr .item .itembox .txt {
width: 100%;
position: relative;
z-index: 10;
text-align: center;
}
.devotw .box .gr .item .itembox .txt h3 {
margin-bottom: 0.12rem;
color: #031f23;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.devotw .box .gr .item .itembox .txt .g_p p {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 3em;
color: #959ca6;
}
.devoth {
background: #fff;
padding: 0.75rem 0 1.15rem;
}
.devoth .box {
margin-top: 0.54rem;
}
.devoth .box .img_t {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.devoth .box .img_t {
flex-wrap: wrap;
}
}
.devoth .box .img_t .public-img {
width: calc(50% - 0.1rem);
margin: 0 0.2rem 0.2rem 0;
}
@media (max-width: 767px) {
.devoth .box .img_t .public-img {
width: 100%;
margin: 0 0 0.4rem 0;
}
}
.devoth .box .img_t .public-img:last-child {
margin-right: 0;
}
.devoth .box .img_t .public-img:before {
padding-top: 56.96202532%;
}
.devoth .box .img_t .public-img img {
border-radius: 0.1rem;
}
.devoth .box .img_b img {
width: 100%;
border-radius: 0.1rem;
}
/* 联系我们 */
.contact_top .top {
overflow: hidden;
}
.contact_top .top .img img {
margin: 2rem 0 0 2.5rem;
width: 4.86rem;
}
@media (max-width: 767px) {
.contact_top .top .img img {
margin: 1rem 0 0 1.5rem;
}
}
.tacon {
padding: 0.8rem 0 0;
}
.tacon .tacon_t {
margin-bottom: 0.6rem;
display: flex;
align-items: center;
}
.tacon .tacon_t .tit_p {
display: flex;
align-items: center;
}
.tacon .tacon_t .tit_p i {
margin: 0 0.14rem;
flex-shrink: 0;
display: flex;
width: 0.21rem;
height: auto;
}
.tacon .tacon_t .tit_p i svg,
.tacon .tacon_t .tit_p i img {
width: 100%;
height: auto;
}
.tacon .tacon_t .tit_p i svg path,
.tacon .tacon_t .tit_p i img path {
fill: #88cbd0;
}
.tacon .tacon_t .tit_p p {
background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.tacon .box {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
margin-top: 0.55rem;
}
.tacon .box .item {
width: 33.33%;
margin-bottom: 0.2rem;
padding: 0 0.1rem;
}
@media (max-width: 991px) {
.tacon .box .item {
width: 50%;
}
}
@media (max-width: 767px) {
.tacon .box .item {
width: 100%;
}
}
.tacon .box .item .itembox {
display: block;
width: 100%;
height: 100%;
background: #fff;
border-radius: 0.1rem;
padding: 0.4rem 0.4rem 0.72rem;
}
.tacon .box .item .itembox .img {
margin-bottom: 0.38rem;
width: 0.67rem;
height: auto;
}
.tacon .box .item .itembox .img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.tacon .box .item .itembox .txt span {
color: #959ca6;
}
.tacon .box .item .itembox .txt p {
margin-top: 0.16rem;
color: #222;
}
.tacon .tacon_b {
position: relative;
display: block;
border-radius: 0.1rem;
overflow: hidden;
}
.tacon .tacon_b img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tacon .tacon_b .g_ring {
position: absolute;
top: 50%;
left: 50%;
width: 0.2rem;
height: 0.2rem;
border-radius: 50%;
}
.tacon .tacon_b .g_ring::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #85cb75;
animation: moveq 3s infinite linear;
-webkit-animation: moveq 3s infinite linear;
}
.tacon .tacon_b .g_ring i {
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
border-radius: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(to bottom, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to bottom, #16b3c0, #7fc471);
}
@keyframes moveq {
0% {
transform: translate(-50%, -50%) scale(1);
-webkit-transform: translate(-50%, -50%) scale(1);
}
100% {
transform: translate(-50%, -50%) scale(5);
-webkit-transform: translate(-50%, -50%) scale(5);
opacity: 0;
}
}
.tactw {
padding: 1.1rem 0 1.25rem;
}
.tactw .box {
margin-top: 0.4rem;
}
.tactw .box form .inp {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.tactw .box form .inp {
flex-wrap: wrap;
}
}
.tactw .box form .inp .inp_box {
width: calc(50% - 0.2rem);
margin-bottom: 0.35rem;
}
@media (max-width: 767px) {
.tactw .box form .inp .inp_box {
width: 100%;
}
}
.tactw .box form .inp .inp_box p {
margin-bottom: 0.15rem;
color: #999999;
font-weight: bold;
}
.tactw .box form .inp .inp_box p span {
color: #e20121;
}
.tactw .box form .inp .inp_box .inp_con {
position: relative;
border-bottom: 1px solid #dfe5eb;
}
.tactw .box form .inp .inp_box .inp_con input::-webkit-input-placeholder {
color: #c4c6c8;
}
.tactw .box form .inp .inp_box .inp_con.on i {
transition: all 0.4s;
width: 100%;
}
.tactw .box form .inp .inp_box .inp_con input {
width: 100%;
padding: 0.16rem 0;
}
.tactw .box form .inp .inp_box .inp_con i {
position: absolute;
width: 0;
height: 1px;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
display: block;
bottom: -1px;
left: 0;
}
.tactw .box form .form_bt {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.tactw .box form .form_bt {
flex-wrap: wrap;
}
}
.tactw .box form .form_bt .inp {
flex-wrap: wrap;
width: calc(50% - 0.2rem);
}
@media (max-width: 767px) {
.tactw .box form .form_bt .inp {
width: 100%;
}
}
.tactw .box form .form_bt .inp .inp_box {
width: 100%;
}
@media (max-width: 767px) {
.tactw .box form .form_bt .inp .inp_box {
margin-bottom: 0.35rem !important;
}
}
.tactw .box form .form_bt .inp .inp_box:last-child {
margin-bottom: 0;
}
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con {
width: 100%;
height: calc(100% - 0.39rem);
}
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con textarea::-webkit-input-placeholder {
color: #c4c6c8;
}
@media (max-width: 1580px) {
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con {
height: calc(100% - 0.46rem);
}
}
@media (max-width: 767px) {
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con {
height: 2rem;
}
}
.tactw .box form .form_bt .inp_textarea .inp_box .inp_con textarea {
padding: 0.16rem 0;
width: 100%;
height: 100%;
}
.tactw .box form .form_b {
display: flex;
justify-content: space-between;
margin-top: 0.32rem;
}
@media (max-width: 767px) {
.tactw .box form .form_b {
flex-direction: column;
}
}
.tactw .box form .form_b .login_tk label {
display: flex;
align-items: flex-start;
}
.tactw .box form .form_b .login_tk label.on .chec {
background: #88cbd0;
border-color: #88cbd0;
}
.tactw .box form .form_b .login_tk label .chec {
flex-shrink: 0;
margin-top: 3px;
width: 14px;
height: 14px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.16rem;
border-radius: 3px;
border: 1px solid #dfe5eb;
}
.tactw .box form .form_b .login_tk label .chec img,
.tactw .box form .form_b .login_tk label .chec svg {
width: 55%;
height: auto;
}
.tactw .box form .form_b .login_tk label .chec img path,
.tactw .box form .form_b .login_tk label .chec svg path {
fill: #fff;
}
@media (max-width: 991px) {
.tactw .box form .form_b .login_tk label p br {
display: none;
}
}
.tactw .box form .form_b .login_tk label p a {
color: #88cbd0;
}
.tactw .box form .form_b button {
height: 0.5rem;
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
margin-left: 0.3rem;
border-radius: 100px;
position: relative;
overflow: hidden;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
transition: all 0.4s;
}
@media (max-width: 767px) {
.tactw .box form .form_b button {
height: 0.8rem;
margin-top: 0.4rem;
}
}
.tactw .box form .form_b button:hover {
opacity: 0.7;
}
.tactw .box form .form_b button::after {
content: "";
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
border-radius: 100px;
top: 2px;
left: 2px;
z-index: 1;
background: #f2f6fa;
}
.tactw .box form .form_b button p {
position: relative;
z-index: 10;
color: #43ba9a;
padding: 0 0.33rem;
}
/* 公司简介 */
.about_top .top {
overflow: hidden;
}
.about_top .top .img img {
margin: 0.2rem 0 0 0.8rem;
width: 8.55rem;
}
@media (max-width: 767px) {
.about_top .top .img img {
margin: 1rem 0 0 1.5rem;
}
}
.aboon {
padding: 0.8rem 0 1.3rem;
}
.aboon .box {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.aboon .box {
flex-direction: column;
}
}
.aboon .box .gl {
width: 46.5%;
}
@media (max-width: 991px) {
.aboon .box .gl {
width: 100%;
}
}
.aboon .box .gr {
width: 46.6875%;
padding: 0.74rem 0 0;
}
@media (max-width: 991px) {
.aboon .box .gr {
width: 100%;
}
}
.aboon .box .gr .txt p {
color: #7e8998;
margin-bottom: 0.2rem;
}
.aboon .box .gr .more {
cursor: pointer;
margin-top: 1.15rem;
display: flex;
align-items: center;
transition: all 0.4s;
}
@media (max-width: 767px) {
.aboon .box .gr .more {
margin-top: 0.4rem;
}
}
.aboon .box .gr .more:hover {
opacity: 0.8;
}
.aboon .box .gr .more i {
margin-right: 0.18rem;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 0.42rem;
height: 0.42rem;
border-radius: 50%;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
@media (max-width: 767px) {
.aboon .box .gr .more i {
width: 0.6rem;
height: 0.6rem;
}
}
.aboon .box .gr .more i svg,
.aboon .box .gr .more i img {
width: 23.8%;
height: auto;
}
.aboon .box .gr .more i svg path,
.aboon .box .gr .more i img path {
fill: #fff;
}
.aboon .box .gr .more p {
background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.abotw {
padding: 1.3rem 0 1.4rem;
}
@media (max-width: 991px) {
.abotw {
padding: 0 0 1.2rem;
}
}
.abotw .abotw_t .txt_t {
margin-bottom: 0.34rem;
}
.abotw .abotw_t .abotw_t_alb {
display: flex;
flex-wrap: wrap;
margin: 0 -0.1rem;
}
.abotw .abotw_t .abotw_t_alb .item {
width: 33.33%;
margin-bottom: 0.12rem;
padding: 0 0.1rem;
}
@media (max-width: 991px) {
.abotw .abotw_t .abotw_t_alb .item {
width: 50%;
}
}
@media (max-width: 767px) {
.abotw .abotw_t .abotw_t_alb .item {
width: 100%;
}
}
.abotw .abotw_t .abotw_t_alb .item .itembox {
padding: 0.08rem;
background: #fff;
border-radius: 100px;
display: flex;
align-items: center;
width: 100%;
height: 100%;
transition: all 0.4s;
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover {
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover .g_svg {
background: #fff;
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover .g_svg svg path {
fill: #3db99d;
}
.abotw .abotw_t .abotw_t_alb .item .itembox:hover p {
color: #fff;
}
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg {
transition: all 0.4s;
width: 0.4rem;
height: 0.4rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
flex-shrink: 0;
margin-right: 0.2rem;
}
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg svg,
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg img {
width: 37.5%;
height: auto;
}
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg svg path,
.abotw .abotw_t .abotw_t_alb .item .itembox .g_svg img path {
transition: all 0.4s;
fill: #fff;
}
.abotw .abotw_t .abotw_t_alb .item .itembox p {
transition: all 0.4s;
color: #222;
}
.abotw .box {
display: flex;
justify-content: space-between;
margin-top: 0.34rem;
}
@media (max-width: 991px) {
.abotw .box {
flex-direction: column-reverse;
}
}
.abotw .box .gl {
width: 47.75%;
}
@media (max-width: 991px) {
.abotw .box .gl {
width: 100%;
margin-top: 0.5rem;
}
}
.abotw .box .gl .txt_b {
position: relative;
}
.abotw .box .gl .txt_b::after {
content: '';
width: 100%;
height: 1rem;
background: linear-gradient(to top, #f2f6fa 20.45%, hsla(0, 0%, 100%, 0));
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
pointer-events: none;
}
.abotw .box .gl .txt_b .g_p {
padding-right: 0.2rem;
overflow: auto;
height: 4.8rem;
}
@media (max-width: 1580px) {
.abotw .box .gl .txt_b .g_p {
height: 6rem;
}
}
.abotw .box .gl .txt_b .g_p p {
color: #7e8998;
margin-bottom: 0.3rem;
}
.abotw .box .gr {
width: 46.6875%;
}
@media (max-width: 991px) {
.abotw .box .gr {
width: 100%;
}
}
.abotw .box .gr .img {
width: 100%;
}
.abotw .box .gr .img img {
width: 100%;
}
.aboth {
padding: 0 0 0.58rem;
}
.aboth .box {
margin-top: 0.42rem;
}
.aboth .box .aboth_t {
margin-bottom: 0.2rem;
padding: 0.7rem 0.5rem 0.46rem;
background: #fff;
border-radius: 0.1rem;
display: flex;
justify-content: center;
}
@media (max-width: 767px) {
.aboth .box .aboth_t {
flex-direction: column;
}
}
.aboth .box .aboth_t .item {
width: calc((100% - 0.6rem)/3);
margin: 0 0.1rem;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 767px) {
.aboth .box .aboth_t .item {
width: 100%;
margin-bottom: 0.5rem;
}
}
.aboth .box .aboth_t .item .img {
margin-bottom: 0.2rem;
height: 0.78rem;
width: 3rem;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.aboth .box .aboth_t .item .img {
height: 1rem;
width: 2rem;
}
}
.aboth .box .aboth_t .item .img img {
max-width: 100%;
max-height: 100%;
}
.aboth .box .aboth_t .item .line {
margin-bottom: 0.4rem;
position: relative;
display: flex;
}
.aboth .box .aboth_t .item .line img {
width: 100%;
}
.aboth .box .aboth_t .item .line i {
display: block;
width: 11px;
height: 11px;
border-radius: 50%;
background: #e9edf2;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -5px;
}
.aboth .box .aboth_t .item .txt {
padding: 0 0.2rem;
text-align: center;
}
.aboth .box .aboth_t .item .txt h3 {
margin-bottom: 0.14rem;
color: #041422;
}
.aboth .box .aboth_t .item .txt p {
color: #959ca6;
}
.aboth .box .aboth_b {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.aboth .box .aboth_b {
flex-direction: column;
}
}
.aboth .box .aboth_b .item {
overflow: hidden;
padding: 0.52rem 0.8rem 0.85rem 0.6rem;
background: #fff;
border-radius: 0.1rem;
position: relative;
width: calc(50% - 0.1rem);
}
@media (max-width: 1260px) {
.aboth .box .aboth_b .item {
padding: 0.52rem 1.4rem 0.85rem 0.6rem;
}
}
@media (max-width: 991px) {
.aboth .box .aboth_b .item {
width: 100%;
margin-bottom: 0.2rem;
}
}
.aboth .box .aboth_b .item:hover::after {
opacity: 1;
}
.aboth .box .aboth_b .item:hover .txt h3 {
color: #fff;
}
.aboth .box .aboth_b .item:hover .txt .g_p p {
color: rgba(255, 255, 255, 0.6);
/* background: linear-gradient(to right,#2bbac5 20.45%,hsla(0,0%,100%,0)); */
}
.aboth .box .aboth_b .item:hover .img {
animation: mov3 1s 1 forwards;
}
.aboth .box .aboth_b .item::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s;
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.aboth .box .aboth_b .item .txt {
position: relative;
z-index: 10;
}
.aboth .box .aboth_b .item .txt h3 {
transition: all 0.4s;
margin-bottom: 0.38rem;
color: #041422;
}
.aboth .box .aboth_b .item .txt .g_p {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: -0.13rem;
}
.aboth .box .aboth_b .item .txt .g_p p {
padding: 2px 0 2px 0.13rem;
margin-bottom: 0.06rem;
color: #959ca6;
padding-right: 0.8rem;
transition: all 0.4s;
}
.aboth .box .aboth_b .item .img {
position: relative;
z-index: 10;
position: absolute;
bottom: -0.27rem;
right: 0.55rem;
width: 1.73rem;
height: auto;
}
.aboth .box .aboth_b .item .img img {
width: 100%;
object-fit: contain;
}
@keyframes mov3 {
0% {
transform: scale(1) translate3d(0px, 0rem, 0px);
}
50% {
transform: scale(1.05) translate3d(0px, -0.2rem, 0px);
}
100% {
transform: scale(1) translate3d(0px, 0rem, 0px);
}
}
.abofo {
overflow: hidden;
padding: 0.58rem 0 0.7rem;
}
.abofo .box {
width: 100%;
position: relative;
/* margin: 2.4rem 0 0; */
}
.abofo .box .imgbj {
position: absolute;
width: 100%;
height: 195px;
transform: translateY(-50%);
top: 50%;
left: 0;
}
@media (max-width: 991px) {
.abofo .box .imgbj {
display: none;
}
}
.abofo .box .imgbj img {
margin-left: 0.45%;
width: 100%;
height: 100%;
}
.abofo .box .bbox {
padding: 0 0.5rem;
}
@media (max-width: 767px) {
.abofo .box .bbox {
padding: 0;
}
}
.abofo .box .bbox .container {
position: relative;
}
@media (max-width: 991px) {
.abofo .box .bbox .container .g_qie {
display: none;
}
}
.abofo .box .bbox .swiper {
position: relative;
overflow: hidden;
padding: 240px 0 ;
}
@media (max-width: 767px) {
.abofo .box .bbox .swiper {
padding: 0.6rem 0;
}
}
.abofo .box .bbox .swiper::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) rotate(180deg);
width: 2.5rem;
height: 100%;
z-index: 10;
background: linear-gradient(270deg, #f2f6fa 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1260px) {
.abofo .box .bbox .swiper::before {
width: 2rem;
}
}
@media (max-width: 991px) {
.abofo .box .bbox .swiper::before {
display: none;
}
}
@media (max-width: 767px) {
.abofo .box .bbox .swiper::before {
width: 1rem;
}
}
.abofo .box .bbox .swiper::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2.5rem;
height: 100%;
z-index: 10;
background: linear-gradient(270deg, #f2f6fa 20.45%, hsla(0, 0%, 100%, 0));
}
@media (max-width: 1260px) {
.abofo .box .bbox .swiper::after {
width: 2rem;
}
}
@media (max-width: 991px) {
.abofo .box .bbox .swiper::after {
display: none;
}
}
@media (max-width: 767px) {
.abofo .box .bbox .swiper::after {
width: 1rem;
}
}
.abofo .box .bbox .swiper .swiper-slide {
height: 195px;
position: relative;
}
@media (max-width: 767px) {
.abofo .box .bbox .swiper .swiper-slide {
height: auto;
}
}
@media (min-width: 768px) {
.abofo .box .bbox .swiper .swiper-slide.on .abofo_box {
bottom: calc(100% - 14px);
}
.abofo .box .bbox .swiper .swiper-slide.on .abofo_box .year {
bottom: -46px;
}
.abofo .box .bbox .swiper .swiper-slide.on .abofo_box .txt {
top: auto;
bottom: calc(100% + 22px);
}
.abofo .box .bbox .swiper .swiper-slide.on .abofo_box .txt .txt_tw {
top: auto;
bottom: 0;
}
.abofo .box .bbox .swiper .swiper-slide.on .abofo_box .txt .txt_tw .g_sj {
transform: translateX(-50%);
top: calc(100% - 3px);
}
}
.abofo .box .bbox .abofo_box {
transition: all 0.4s;
left: 50%;
bottom: -14px;
transform: translateX(-50%);
position: absolute;
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box {
transform: translateX(0%);
position: initial;
}
}
.abofo .box .bbox .abofo_box:hover .abofo_con .i1 {
transform: scale(1.28);
background: linear-gradient(to right, #16b3c0, #7fc471);
background: -webkit-linear-gradient(to right, #16b3c0, #7fc471);
}
.abofo .box .bbox .abofo_box:hover .abofo_con .i2 {
background: #fff;
}
.abofo .box .bbox .abofo_box:hover .year p {
background-image: linear-gradient(90deg, #00afcc 0%, #8dc661 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.abofo .box .bbox .abofo_box:hover .txt .txt_box {
opacity: 0;
}
.abofo .box .bbox .abofo_box:hover .txt .txt_tw {
opacity: 1;
}
.abofo .box .bbox .abofo_box .abofo_con {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
position: relative;
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .abofo_con {
display: none;
}
}
.abofo .box .bbox .abofo_box .abofo_con .i1 {
transition: all 0.4s;
display: block;
width: 100%;
height: 100%;
background: #fff;
border-radius: 50%;
}
.abofo .box .bbox .abofo_box .abofo_con .i2 {
transition: all 0.4s;
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #00afcc;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.abofo .box .bbox .abofo_box .year {
position: absolute;
left: 50%;
bottom: calc(100% + 16px);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .year {
transform: translateX(0%);
position: initial;
margin-bottom: 0.3rem;
}
}
.abofo .box .bbox .abofo_box .year p {
line-height: 1.1;
color: #00afcc;
transition: all 0.4s;
}
.abofo .box .bbox .abofo_box .txt {
width: 2.4rem;
position: absolute;
left: 50%;
top: calc(100% + 22px);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .txt {
transform: translateX(0%);
position: initial;
width: 100%;
}
}
.abofo .box .bbox .abofo_box .txt .txt_box {
transition: all 0.4s;
color: #c7ccd2;
text-align: center;
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .txt .txt_box {
display: none;
}
}
.abofo .box .bbox .abofo_box .txt .txt_box p {
line-height: 1.75;
}
.abofo .box .bbox .abofo_box .txt .txt_tw {
transition: all 0.4s;
opacity: 0;
top: 0;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .txt .txt_tw {
transform: translateX(0%);
position: initial;
opacity: 1;
}
}
.abofo .box .bbox .abofo_box .txt .txt_tw .g_sj {
position: absolute;
bottom: calc(100% - 3px);
left: 50%;
transform: translateX(-50%) rotate(180deg);
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .txt .txt_tw .g_sj {
display: none;
}
}
.abofo .box .bbox .abofo_box .txt .txt_tw .g_sj path {
fill: #fff;
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box {
overflow: hidden;
border-radius: 0.1rem;
display: flex;
width: 5.12rem;
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box {
width: 100%;
flex-direction: column;
}
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .public-img {
flex-shrink: 0;
width: calc(180/512*100%);
}
@media (max-width: 767px) {
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .public-img {
width: 100%;
}
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .public-img:before {
padding-top: 79.44444444%;
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .g_p {
display: flex;
align-items: center;
padding: 0.2rem 0.4rem;
background: #fff;
width: 100%;
}
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .g_p p {
color: #959ca6;
line-height: 1.75;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
height: 7em;
}
@media (max-width: 1580px) {
.abofo .box .bbox .abofo_box .txt .txt_tw .txt_tw_box .g_p p {
line-height: 1.5;
height: 6em;
}
}
.g_qie .pub_nav {
width: 0.6rem;
height: 0.6rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #fff;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 10;
cursor: pointer;
transition: all 0.4s;
}
.g_qie .pub_nav:hover {
background: #88cbd0;
}
.g_qie .pub_nav:hover svg path {
fill: #fff;
}
.g_qie .pub_nav svg {
width: 10%;
height: auto;
}
.g_qie .pub_nav svg path {
fill: #999;
opacity: 1;
transition: all 0.4s;
}
.g_qie .pub_prev {
left: -0.6rem;
}
.g_qie .pub_prev svg {
transform: rotate(180deg);
}
.g_qie .pub_next {
right: -0.6rem;
}
.abofi {
position: relative;
}
.abofi .abofi_bj {
position: relative;
height: 6.9rem;
}
.abofi .abofi_bj img {
width: 100%;
height: 100%;
object-fit: cover;
}
.abofi .abofi_bj video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.abofi .box {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding-top: 0.8rem;
}
.abofi .box .g_abo {
text-align: center;
margin: 1.6rem auto 0;
}
@media (max-width: 767px) {
.abofi .box .g_abo {
margin-top: 1.4rem;
}
}
.abofi .box .g_abo .g_abo_box {
position: relative;
width: 1.6rem;
height: 1.6rem;
background: #fff;
border-radius: 50%;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0.32rem 0 2.5rem rgba(46, 137, 153, 0.09);
}
@media (max-width: 767px) {
.abofi .box .g_abo .g_abo_box {
width: 2rem;
height: 2rem;
}
}
.abofi .box .g_abo .g_abo_box::before {
content: "";
width: 100%;
height: 100%;
border: 1px solid #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1.1);
animation: bkqq 2s linear infinite;
border-radius: 100%;
}
.abofi .box .g_abo .g_abo_box::after {
content: "";
width: 100%;
height: 100%;
border: 1px solid #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
animation: bkqq 2s 1s linear infinite;
border-radius: 100%;
}
.abofi .box .g_abo .g_abo_box i {
flex-shrink: 0;
display: flex;
width: 0.22rem;
height: auto;
}
@media (max-width: 767px) {
.abofi .box .g_abo .g_abo_box i {
width: 0.3rem;
}
}
.abofi .box .g_abo .g_abo_box i svg,
.abofi .box .g_abo .g_abo_box i img {
width: 100%;
height: auto;
}
.abofi .box .g_abo .g_abo_box i svg path,
.abofi .box .g_abo .g_abo_box i img path {
fill: #00afcc;
}
.abofi .box .g_abo .g_abo_box p {
color: #00afcc;
margin-top: 0.06rem;
}
@keyframes bkqq {
0% {
opacity: 1;
transform: translate(-50%, -50%) scale(0.9);
}
100% {
opacity: 0;
transform: translate(-50%, -50%) scale(1.4);
}
}
.x-foot .x-con .x-top .container,
.x-foot .x-con .x-zhong .container {
margin: 0 auto;
width: 85%;
max-width: 1600px;
}
@media (max-width: 1260px) {
.x-foot .x-con .x-top .container,
.x-foot .x-con .x-zhong .container {
width: 90%;
}
}
.srojt {
position: relative;
padding-bottom: 30px !important;
}
.srojt::after {
content: '';
pointer-events: none;
position: absolute;
width: 24px;
height: 20px;
background: url(../images/zyhd.svg) no-repeat;
background-size: contain;
bottom: 2px;
left: 50%;
margin-left: -12px;
display: none;
animation: moveq2 1.5s infinite linear;
-webkit-animation: moveq2 1.5s infinite linear;
}
@media (max-width: 767px) {
.srojt::after {
display: block;
}
}
@keyframes moveq2 {
0% {
transform: translateX(0);
opacity: 1;
}
50% {
transform: translateX(7px);
opacity: 1;
}
100% {
transform: translateX(14px);
opacity: 0;
}
}
sup {
/* transform: translateY(-8px); */
display: inline-flex;
-webkit-text-fill-color: currentColor !important;
}
@media (max-width: 767px) {
sup {
transform: translateY(0) !important;
}
}
.font18{font-size:1.4rem;}
.font24{font-size: 0.35rem;}

.container5 {margin: 0 auto;width: 90%;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
@media (max-width: 1260px) {
.container5 {
width: 96%;
}
.font18{font-size:17px; font-weight: bold;}
.font24{font-size:22px;}
.pub_top .top .box .technology-menu ul li{margin-right: 0; }
}
.yaoyong{ background:#edf9fa url(../../images/sepro.jpg) no-repeat center top; background-size: 100%;}
.pub_top.yaoyong .pub_bac .gradient-bg{ background: none;}
.yaoyong .top .s_width{  display: flex;justify-content: space-between;align-items: center; width: 90%; margin: 0 auto}

.yao_title{}
.yao_title_a{font-family: 'Poppins';  font-size: 4.5rem;color: #0eb767;-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left,#05c16a, #04bdeb); text-transform: uppercase;font-weight: bold;line-height: 1.1; margin-bottom: 30px;}
.yao_title_b{   font-size: 3rem;color: #252525; font-weight: bold; }
.yao_title_c{   font-size: 1.4rem;color: #444444; margin-top: 0.7rem; }
.yaoyong_cage{display: flex;justify-content:space-between;  }
.yaoyong_cage li{padding:0 15px;list-style: none;}
.yaoyong_cage li a{ font-size:1.24rem; color:#444444; line-height:1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; position:relative;  transition: 0.3s; display: block;margin: 0 35px 0 0; text-align: center; padding-bottom: 20px;}
.yaoyong_cage li a:hover{  text-decoration: none; font-weight: bold; color: #0eb767;}
.yaoyong_cage li a:before {position: absolute;bottom: 0;content: "";display: block;width: 0;height: 2px;left: 50%;background: #0eb767;transition-duration:.3s;}
.yaoyong_cage li a:hover:before{ width: 100%; left:50%;margin-left:-50%; }
.yaoyong_cage li.on a:before{ width: 100%; left:50%;margin-left:-50%; }
.yaoyong_cage li.on a{font-weight: bold; color: #0eb767;}
.yaoyong_cage li div{width:60px;height: 67px; margin:0 auto 20px auto}
.yaoyong_cage li:nth-child(1) div{ background: url(../../images/ya.png) no-repeat center top;background-size:100%;}
.yaoyong_cage li:nth-child(2) div{ background: url(../../images/yb.png) no-repeat center top;background-size:100%;}
.yaoyong_cage li:nth-child(3) div{ background: url(../../images/yc.png) no-repeat center top;background-size:100%;}
.y_line{width:100%;height:1px;background: rgba(156, 213, 232, 0.5);margin: 4% 0 0px 0}
.img_p{position: absolute;left:3%;top:3%;z-index: 11;;}
.box5 .img_p{left:2%;top:3%;}
.img_p img{width:110px}
@media (max-width: 1550px) {
.font24{  font-size: 0.3rem; }
}
@media (max-width: 1380px) {
  .yaoyong_cage li{padding:0 15px}
.yao_title_a{font-size:40px;}
.y_line{margin: 65px 0 25px 0;}
.yao_title_b{font-size:36px;}
.yao_title_c{font-size:22px;}
.yao_title{width:60%}
.yaoyong_cage li a{     margin: 0 0 0 0; font-size: 20px; }
}

@media (max-width: 1200px) {
.pub_top .top { padding: 50px 0 0;}
.yaoyong_cage{    margin: 35px 0 0 0;     width: 100%; justify-content: flex-start;}
.yaoyong_cage li{ padding:0 0 0 0; width: 33%;}
.y_line{    margin: 20px 0 0 0;}
.yaoyong_cage li a{   font-size: 16px; line-height: 28px; }
.yao_title_a{  font-size: 30px;margin-bottom: 8px;}
.yao_title_b{   font-size:26px; line-height: 1.5; }
.yao_title_c{   font-size:16px;}
.yaoyong .top .s_width{flex-direction: column;}
.yaoyong_cage li:nth-child(1) div,.yaoyong_cage li:nth-child(2) div,.yaoyong_cage li:nth-child(3) div{background-size: 70%;}
.font24{  font-size: 0.22rem; font-weight: bold; }
.protw .box.box5 .item .itembox .img{width:100%}
.protw .box.box5 .item .itembox .txt{width:100%;padding: 0 0.2rem 0.1rem 0.2rem;height:1.4rem}
.protw .box.box5 .item .itembox{flex-wrap: wrap;}
.protw .box.box5 .item .itembox .txt .txt_t p{color: #fff;margin: 0.15rem 0;}
.protw .box.box5 .item .itembox .txt .txt_t p:after{background: #fff;}
.img_p img{width:70px}
}
.fuwu_a dl{width:100% ;margin:8vh 0}
.fuwu_a dl dd{ margin:0 0 25px 0}
.fuwu_a dl a{ font-size:0.24rem; color:#444444; line-height:4; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display:block; position:relative;  transition: 0.3s; display: flex; justify-content: flex-start;align-items:center; padding:0 18px; }
.fuwu_a dl a:hover{  text-decoration: none; font-weight: bold; color: #0eb767;}
.fuwu_a dl a:before {position: absolute;bottom: 0;content: "";display: block;width: 100%;height: 1px;left: 0;background: rgba(0, 0, 0, 0.1);transition-duration:.3s; z-index: 2;}
.fuwu_a dl a:after{ position: absolute;bottom: 0;content: "";display: block;width: 0%;height: 2px;left: 0; z-index: 3;transition-duration:.3s; }
.fuwu_a dl a:hover:after{  width: 100%; background: #0eb767; }
.fuwu_a dl div{width:55px;height: 61px; margin:0 25px 0 0  }
.fuwu_a dl dd:nth-child(1) div{ background: url(../../img/ya.png) ;background-size:100%;}
.fuwu_a dl dd:nth-child(2) div{ background: url(../../img/yb.png) ;background-size:100%;}
.chanye_all{width:200px; display: block; line-height:51px; background: #0eb767; color: #fff;transition: 0.3s; border-radius: 8px;font-size: 0.17rem; padding:0 19px;position: relative;margin:8vh 0 3vh 0 }
.chanye_all:after{ content: ''; font-size:0.2rem;position:absolute;right:20px;top:18px; width:13px;height: 12px;background: url(../../img/jian2.png);}
.chanye_all:hover{background: #1b99a9  }
.fuwu_a{ padding: 145px 0 55px 0; background: url(../../img/cpbg.jpg) no-repeat center top; background-size: cover;}
.fuwu_a .fuwu_a_t{ display: flex;justify-content: space-between;align-items: flex-start; flex-wrap: wrap;}
.fuwu_a_t .fuwu_a_tl{ width:29%; position: sticky;  top: 80px;}

.fuwu_a_t .fuwu_a_tl i{ display: block;}
.fuwu_a_t .fuwu_a_tl img{width:auto;max-width:100%}

.fuwu_a_t .fuwu_a_tl p{font-size: 0.33rem;  color: #252525; line-height: 2;}

.fuwu_a_t .fuwu_a_tl strong{display: block;font-size: 0.62rem;font-family: 'Poppins';  display: block;line-height: 1; text-transform: uppercase; color: #0eb767;  }
.fuwu_a_t .fuwu_a_tr{ width:60%}
.fuwu_a_t .fuwu_a_tr .fuwu_p{font-size: 0.22rem; color: #283a51; line-height: 2}
.fuwu_a_t .fuwu_a_tr .fuwu_p strong{display: block;font-size: 0.35rem;line-height: 1;margin:0 0 30px 0;color: #1f559b;}
.fuwu_a_pic{padding: 65px 0 ;background: url(../img/img-1.jpg) no-repeat center bottom; background-size: cover; }
.fuwu_a_t .fuwu_a_tr ul{ width:100%; }
.fuwu_a_t .fuwu_a_tr ul li {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; height: 75vh;  border-top-left-radius:100px;  border-bottom-right-radius:100px;  margin-bottom:30px; position:sticky; position:-webkit-sticky; transform-origin:top center; box-sizing:border-box; overflow: hidden;}
.fuwu_a_t .fuwu_a_tr ul li img{display: block;height: 100vh;}
.fuwu_a_t .fuwu_a_tr ul li a{display: block; }
.fuwu_a_t .fuwu_a_tr ul li:nth-child(1){top:0}
.fuwu_a_t .fuwu_a_tr ul li:nth-child(2){top:0}
.fuwu_a_t .fuwu_a_tr ul li .d_hover{ background-image: linear-gradient(0deg, #0eb767, 50%, rgba(25, 168, 186, 0)); height: 40%; position: absolute;width: 100%;left:0;bottom:0; z-index: 2;}
.fuwu_a_t .fuwu_a_tr ul li .d_text{position: absolute;width:100%;left:0;bottom: 5vh;z-index: 3;padding:0 5%;;}
.fuwu_a_t .fuwu_a_tr ul li .d_text strong{display: block;font-size: 0.23rem;font-weight: bold; color: #ffffff;;margin: 0 0 3vh 0;}
.fuwu_a_t .fuwu_a_tr ul li .d_text strong a{ color: #ffffff;}
.fuwu_a_t .fuwu_a_tr ul li .d_text p{display: flex;justify-content: flex-start;align-items: flex-start; flex-wrap: wrap;}
.fuwu_a_t .fuwu_a_tr ul li .d_text p a{ font-size: 0.17rem;color: #fff; margin:0 25px 0 0 ;line-height: 3;}
@media screen and (max-width:1550px) {
.fuwu_a_t .fuwu_a_tl span{ font-size: 0.45rem;}
.fuwu_a_t .fuwu_a_tl p{font-size: 0.4rem;}
.fuwu_a_t .fuwu_a_tl strong{font-size: 0.52rem;}
}
@media screen and (max-width:1440px) {
.fuwu_a_t .fuwu_a_tl div.fuwu_p2 p{font-size: 0.18rem;}
.fuwu_a_t .fuwu_a_tl strong{font-size: 0.43rem;}
.fuwu_a_t .fuwu_a_tr ul li .d_text p a{line-height: 2;}
.fuwu_a dl a{line-height: 3;}
.fuwu_a_t .fuwu_a_tr ul li{    border-top-left-radius: 60px; border-bottom-right-radius: 60px;}
}
@media screen and (max-width:1380px) {
.fuwu_a_t .fuwu_a_tl p{font-size: 0.3rem;}
.fuwu_a_t .fuwu_a_tl span{font-size: 0.24rem;}
.fuwu_a dl div{width:45px;height: 50px;  }
}
@media screen and (max-width:1200px) {
.fuwu_a {padding: 75px 0 25px 0;}
.fuwu_a_t .fuwu_a_tl{width:100%}
.fuwu_a_t .fuwu_a_tr{width:100%}
.fuwu_a dl{    margin: 4vh 0;}
.fuwu_a_t .fuwu_a_tr ul li{    height: 65vh;}
.fuwu_a_t .fuwu_a_tr ul li img{    height: 65vh;}
.fuwu_a_t .fuwu_a_tr ul li .d_hover{height: 86%;}
}
.contact-s1 {
position: relative;
height: 47.5vw;
overflow: hidden; display: flex;justify-content: flex-start;align-items: center;
}
.contact-s1 .contact_intitle{ position: absolute;left:50%;margin-left:-45%; z-index: 5; }
.contact-s1 .contact_intitle i{ display: block;width:50px;height: 2px;background:#19aebf ; margin:0 0 55px 0;}
.contact-s1 .contact_intitle_l span{font-size: 0.25rem;color:#555; line-height: 1.7;}
.contact-s1 .contact_intitle_l strong{font-size: .6rem;color:#19aebf; padding:0 0 65px 0; font-weight: bold; position: relative;}
.contact-s1 .contact_intitle_l{width:55%;display: flex; flex-direction: column;}
.contact-s1 .map-block {
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contact-s1 .map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.contact-s1 .map .img-box img:nth-child(1) {
display: block;
width: 100%;
}
.contact-s1 .map .img-box img:nth-child(2) {
display: none;
width: 100%;
}
.contact-s1 .map .box {
position: absolute;
bottom:36.13%;
margin-left: -1rem;
right:31.8%
}
.contact-s1 .map .box:before {
content: '';
display: block;
width: 32px;
height: 46px;
background-position: center;
background-repeat: no-repeat;
background-image: url(../../img/icon-1.png);
background-size: auto 99.5%;
}
.contact-s1 .map.active .info {
animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.contact-s1 .map .info {
position: absolute;
bottom: 100%;
left: 50%;
width: 4.5rem;
margin-left: -2.25rem;
padding-bottom: 20px;     animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.contact-s1 .map .info .txt {
background-color: #0eb767;
padding: 0.5rem .5rem;
box-shadow: 0 0.125rem 0.375rem rgba(25, 168, 186, 0.3);
}
.contact-s1 .map .info:after {
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #0eb767;
position: absolute;
bottom: 15px;
left: 50%;
margin-left: -5px;
}
.contact-s1 .map .info .tit {
font-size: 0.24rem;
color: #fff;
}
.contact-s1 .map .info .tel {
font-size:0.2rem;
color: #fff;
margin-top: 0.2rem
}
.contact-s1 .map .info .tel:before {
content: '';
width: 12px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../../img/icon-2.png);
display: inline-block;
vertical-align: middle;
margin: -2px 10px 0 0;
}
.contact_us{background: #f5f8fb ;padding:105px 0}
.contact_us .s_width{padding:115px 6%;background: #fff;display: flex;justify-content: space-between;  border-radius: 35px; flex-wrap: wrap;}
.contact_us_l{width:50%;border-right: 1px solid rgba(0, 0, 0, 0.05); display: flex;justify-content: space-between;flex-direction: column; align-items: ;}
.contact_us_l .contact_us_l_t{ display: flex;justify-content: space-between;flex-direction: column;padding:0 0 85px 0 }
.contact_us_l .contact_us_l_t span{display: flex;justify-content: flex-start;align-items: center; font-size: 0.17rem;color: #999999; line-height:2;}
.contact_us_l .contact_us_l_t span img{ width:20px;margin:0 15px 0 0}
.contact_us_l .contact_us_l_t strong{font-size: 0.45rem;color: #111;font-family: 'gilroy_bold'; line-height: 2;}
.contact_us_l .contact_us_l_t p{font-size: 0.22rem; line-height: 1;color: #333; }
.contact_us_l .contact_us_l_b{ justify-content: space-between;flex-direction: column; }
.contact_us_l .contact_us_l_b p{ font-size: 0.22rem;color: #999999; line-height:1.4;  }
.contact_us_l .contact_us_l_b .chanye_all{ margin: 2vh 0 0  0;  }
.contact_us_r{width:40%;}
.contact_us_r li{ display: flex;justify-content:space-between; align-items: center; flex-direction: row-reverse; padding:35px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.contact_us_r li:last-child{ border-bottom: 0 solid rgba(0, 0, 0, 0.05);}
.contact_us_r li div{font-size: 0.22rem;color: #777; line-height: 2;}
.contact_us_r li div p{font-size: 0.24rem;color: #333; line-height: 2;}
@media screen and (max-width:1380px) {
.contact-s1 .map .info .txt{    padding: 0.5rem 0.3rem;font-size: 0.22rem;}
.contact-s1 .map .box{    bottom: 24.13%;}
.contact-s1 .contact_intitle_l strong{font-size: .4rem;padding: 0 0 35px 0;}
.contact-s1 .contact_intitle_l span{font-size: 0.22rem;}
.contact-s1 .contact_intitle i{    margin: 0 0 35px 0;}
.contact_us{ padding: 75px 0;}
.contact_us .s_width{    padding: 75px 6%;}
.contact_us_r li span img{width:55px}
}
@media screen and (max-width:1200px) {
.yao_title{width:100%}
.contact-s1 .map .img-box img:nth-child(2) {
display: block;
width: 100%;
}
.contact-s1 .map .img-box img:nth-child(1) {
display: none;
width: 100%;
}
.contact-s1 .map .box{ right: 41.8%;}
.contact-s1 .contact_intitle_l{display: none;}
.contact-s1{height: 100vh;}
.img-box.se_banner_img {    height: 100vh;}
.contact-s1 .map .info{width: 3.7rem;}
.contact_us_l{width:100%; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding:0 0 35px 0}
.contact_us_r{width:100%;}
.contact_us .s_width{    padding: 35px 6%;}
}