@charset "utf-8";
@import url("./common.css");
html { scroll-behavior:smooth; }
.container_pub{
	width: 14.8rem;
	margin: 0 auto;
	max-width: 100%;
}
.container_1300{
	width: 13rem;
	margin: 0 auto;
	max-width: 100%;
}
.button_style1{
	padding: .1rem .4rem;
	background-color: var(--main_color);
	border: 0.01rem solid var(--main_color);
	color: #fff;
	font-size: .18rem;
	position: relative;
	z-index: 1;
	display: inline-block;
	transition: all 0.5s ease 0s;
}
.button_hover1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: #fff;
    /* border-radius: 5px; */
    z-index: -1;
    transition: .5s;
}
.button_hover1:hover:before {
    width: 100%;
    left: 0;
}
.button_style1:hover {
    color: var(--main_color);
}

.button_style2{
	padding: .1rem .4rem;
	background-color: #ffffff;
	border: 0.01rem solid var(--main_color);
	color: var(--main_color);
	font-size: .18rem;
	position: relative;
	z-index: 1;
	display: inline-flex;
	transition: all 0.5s ease 0s;
	border-radius: 1rem;
	overflow: hidden;
	cursor: pointer;
}
.button_hover2:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    background: var(--main_color);
    /* border-radius: 5px; */
    z-index: -1;
    transition: .5s;
}
.button_hover2:hover:before {
    width: 100%;
    left: 0;
}
.button_style2:hover {
    color: #fff;
}


.head_logo {
    width: 1rem;
    cursor: pointer;
}

.head_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header_height {
    height: 1.1rem;
}
.head_menu {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 0.8rem;
    gap: 0.1rem;
}

.header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
}
.head_menu li{
	position: relative;
}
.head_menu li a {
    font-size: .18rem;
    position: relative;
    transition: 0.4s all ease;
    line-height: 1rem;
    min-width: 1.4rem;
    display: block;
    text-align: center;
    color: #fff;
	z-index:1;
}
.head_menu li.active a ,.head_menu li:hover a{
    /* color: var(--main_color); */
    /* background: var(--main_color); */
}
.head_menu li:after{
	content: "";
	display: block;
	background-color: var(--main_color);
	position: absolute;
	transition: 0.4s all ease;
	width: 100%;
	height: 100%;
	left: 0;
	top: -100%;
}
.head_menu li.active:after,.head_menu li:hover:after{
    top: 0;
}

.menu_orther_search {
    max-width: .32rem;
    cursor: pointer;
}
.index_banner:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000bd;
    background: rgba(4, 23, 42, 0.30);
    position: absolute;
}

.index_banner {
    position: relative;
}
.index_banner_text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.index_banner_t1 {
    font-size: .8rem;
    color: #fff;
    font-weight: 500;
}

.index_banner_t2 {
    font-size: .4rem;
    color: #fff;
    font-weight: 300;
}
.index_banner_img{
	height: 100vh;
	width: 100%;
	object-fit: cover;
	max-height: 11rem;
}
.button_style2 img {
    width: .2rem;
    margin-left: .1rem;
}
.linear_text {
    background: linear-gradient(90deg, #1976D2 0%, #33CDF8 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .4rem;
    font-weight: bold;
    display: inline-block;
}

.index_sec1_t2 {
    font-size: .4rem;
    margin-top: 0.1rem;
}

.index_sec1_t3 {
    font-size: .2rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
    line-height: .4rem;
}

.index_sec1_text {
    width: 6.97rem;
}

.index_section1 {
    background: url(../images/about_bg1.jpg);
    padding-top: 1.2rem;
    padding-bottom: 1.5rem;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.index_sec1_img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8.53rem;
}

@media screen and (min-width: 1980px) {
.index_sec1_flex {
    position: relative;
}

.index_sec1_img {
    right: -2.2rem;
}
}
.button_hover2:hover img {
    filter: brightness(100);
}

.text-center{
	text-align: center;
}

.pub_desc {
    font-size: .2rem;
    color: #3F3F3F;
    color: #3F3F3F;
    margin-top: .1rem;
}

.index_section2 {
    padding: 0.8rem 0;
    background: #F2F8FD;
}


.index_sec2_t1 {
    font-size: .3rem;
    color: var(--main_color);
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.index_sec2_img img {
    width: 1.6rem;
}

.index_sec2_t2 {
    font-size: .2rem;
}
.index_sec2_item:hover {
    background: #eee;
    border-radius: 20px;
    background: #E3F1FF;
}

.index_sec2_item {
    transition: 0.4s all ease;
    cursor: pointer;
    text-align: center;
    padding: .3rem;
}
.gap6040{gap:  .4rem .6rem;}
.index_sec3_item {
    position: relative;
}

.index_sec3_img img {
    width: 100%;
}

.index_sec3_ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.50);
    transition: 0.4s all ease;
}
.index_sec3_svg {
    width: .86rem;
    height: .86rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.02rem solid #fff;
    margin: 0 auto;
}

.index_sec3_svg img {
    width: .4rem;
}

.index_sec3_txt {
    text-align: center;
    color: #fff;
    font-size: .4rem;
    font-weight: bold;
    margin-top: .2rem;
}
.index_sec3_item:hover .index_sec3_ab{
    background: rgba(25, 118, 210, 0.90);
}
.index_section4{
	background: url(../images/index_bg2.jpg);
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.index_sec4_item {
    padding: .3rem;
    padding-top: .5rem;
    background: #fff;
    border-radius: 0.2rem;
    transition: 0.4s all ease;
    position: relative;
    cursor: pointer;
}

.index_sec4_t1 {
    font-size: .28rem;
    font-weight: bold;
}

.index_sec4_t2 {
    font-size: .2rem;
    margin-top: .2rem;
    padding-top: .2rem;
    border-top: 0.01rem solid #E8EDF0;
    color: #3F3F3F;
}
.relative{
	position: relative;
}
 #particles-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 4rem; /* 视口高度的四分之一 */
	z-index: 0;
}
.index_sec4_item:hover {
    background: linear-gradient(45deg, black, transparent);
    background: linear-gradient(78deg, #1976D2 3.09%, #22B4DD 85.41%);
}

.index_sec4_item:hover .index_sec4_t1, .index_sec4_item:hover .index_sec4_t2 {
    color: #fff;
}
.index_sec4_item:after {
    content: "";
    display: block;
    width: 2.05rem;
    height: .9rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background: url(../images/index_bg3.png);
	background-size: cover;
}
.index_section5 {
    background: url(../images/index_bg4.jpg);
    padding-top: .8rem;
    padding-bottom: .4rem;
    overflow: hidden;
}
.index_sec5_t1 {font-size: .24rem;color: #fff;}

.index_sec5_form {
    width: 7.9rem;
    margin-left: auto;
    padding-top: 1.2rem;
    position: relative;
}
.index_sec5_form_ipt::placeholder,.index_sec5_form_textarea::placeholder {
	/* color: #fff; */
	font-family: 微软雅黑;
}
.index_sec5_form_ipt {
    width: 100%;
    display: block;
    height: 0.6rem;
    padding: .17rem .4rem;
    background-color: #fff;
    border-radius: 1rem;
    margin-bottom: 0.3rem;
}
.index_sec5_form_textarea{
	width: 100%;
	display: block;
	padding: .17rem .4rem;
	border: none;
	border-radius: .2rem;
    margin-bottom: 0.3rem;
}
.index_sec5_t {
    font-size: .4rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.8rem;
}

.index_sec5_t2 {
    font-size: .4rem;
    color: #fff;
    font-family: Alata;
    margin-top: .1rem;
    margin-bottom: .1rem;
}

.index_sec5_t3 {
    font-size: .2rem;
    color: #fff;
    margin-bottom: 0.65rem;
}

.index_sec5_code {
    width: 1.4rem;
}
.index_sec5_form:before {
    content: "";
    display: block;
    width: 12rem;
    height: 100%;
    background: #fff;
    border-radius: 2rem 0px 0px 0px;
    background: rgba(28, 96, 164, 0.96);
    position: absolute;
    left: -1.5rem;
    top: 0.4rem;
}

.index_sec5_form form {
    position: relative;
}
.footer {
    background: #212121;
    color: #fff;
}

.foot_nav li a {
    color: #fff;
    width: 1.7rem;
    display: block;
    text-align: center;
    font-size: .16rem;
}
.foot_lg {
    width: 4.1rem;
}

.foot_nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.foot_txt {
    font-size: .16rem;
    margin-top: .24rem;
    line-height: .3rem;
}

.foot_navgation {
    width: 8.7rem;
    margin-left: auto;
}
.foot_it1 {
    font-size: .2rem;
}

.foot_it2 {
    font-family: Alata;
    font-size: .4rem;
    margin-top: .15rem;
    margin-bottom: .15rem;
}

.foot_it3 {
    font-size: .2rem;
    color: rgba(255, 255, 255, 0.60);
    margin-bottom: .1rem;
}

.foot_item1 {
    margin-right: auto;
    padding-left: 0.4rem;
}
.footer_pd {padding-top: .5rem;padding-bottom: .9rem;}

.footer_pd .song-flex {
    align-items: center;
}
.footer_copyright {
    padding: .3rem 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.64);
    font-size: .14rem;
    border-top: 0.01rem solid rgba(255, 255, 255, 0.22);
}
.foot_logo {
    width: 1.36rem;
}
.pub_banner {
    position: relative;
}

.pub_banner_text {
    position: absolute;
    font-size: .72rem;
    color: #fff;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.pubbannerover {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.pro_sec1_img1 {
    position: relative;
    overflow: hidden;
}


.pro_sec1_iab {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: .2rem;
}

.pro_sec1_iab img {
    width: .96rem;
}

.pro_sec1_txt {
    padding: .2rem;
    background: #fff;
    transition: 0.4s all ease;
}

.pro_sec1_t1 {
    font-size: .24rem;
}

.pro_sec1_t2 {font-size: .18rem;color: #7D808B;margin-top: .12rem;margin-bottom: .4rem;}

.pro_sec1_t3 {
    color: #1976D2;
    font-size: .16rem;
}

.pro_section1 {
    background: #F2F8FD;
    padding: 0.8rem 0 1.4rem 0;
}
.pro_sec1_item:hover .pro_sec1_txt {
    background: var(--main_color);
}

.pro_sec1_item:hover .pro_sec1_txt * {
    color: #fff;
}
.pro_sec1_item .pro_sec1_img1 img {
    transition: 0.4s all ease;
}
.pro_sec1_item:hover .pro_sec1_img1>img {
    transform: scale(1.1);
}
.product_view_crumbs {
    font-size: .2rem;
}
.pro_view_img {
    position: relative;
    width: 5.4rem;
}

.pro_view_txt {
    width: 7.4rem;
    margin-left: auto;
    margin-right: 1.3rem;
}

.product_view_crumbs a:last-child {
    color: var(--main_color);
}

.pro_view_img>img {
    width: 100%;
}

.pro_view_tflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.pro_view_tf1 {
    font-size: .28rem;
    font-weight: 500;
}

.pro_view_tf2 {
    font-size: .2rem;
}

.pro_view_img1 {
    width: .96rem;
}

.pro_view_txt1s {
    font-size: .2rem;
    margin-top: .26rem;
}

.pro_view_txt2s {
    color: #7D808B;
    font-size: .18rem;
    width: 100%;
    margin-top: .1rem;
    margin-bottom: .8rem;
}

.pro_view_tfle2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    width: 100%;
}
.pro_view_desc {
    font-size: .28rem;
    margin-top: .64rem;
    margin-bottom: .26rem;
}

.pro_view_description {
    font-size: .18rem;
}
.pro_view_table table {
    width: 10rem;
    margin: 0 auto;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 0.2rem 0.2rem 0 0;
    margin-top: .8rem;
    margin-bottom: .5rem;
}
.pro_view_table td {
	padding: .1rem .2rem;
	font-size: .16rem;
	border: 0.01rem solid #E3E3E3;
}
.pro_view_table tr:first-child {
    background: var(--main_color);
	color: #fff;
}
.jscs_view {
    background: linear-gradient(90deg, #D9F5FD 0%, rgba(255, 255, 255, 0.00) 100%);
    padding: .12rem .16rem;
    font-size: .22rem;
}

.jscs_view1 {
}

.jscs_viewa {
    color: var(--main_color);
}

.jscs_viewa svg {
    width: .18rem;
    height: auto;
    margin-left: 0.1rem;
}
.product_view {
    padding-bottom: .6rem;
}
.know_nav {
    display: flex;
    gap: 0.5rem;
    margin-bottom: .25rem;
}

.know_nav li a {
    font-size: .26rem;
    font-weight: 500;
}

.know_sec_item {
    background: #fff;
    border-bottom: 1px solid #E1E5E6;
    background: #FFF;
    position: relative;
}

.know_sec_item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    position: relative;
}

.know_sec_i1 {
    font-size: .26rem;
    margin-bottom: .2rem;
}

.know_sec_i2 {
    font-size: .18rem;
}

.know_section1 {
    padding: .5rem 0;
    background: #F2F8FD;
}

.know_sec_isong {
    width: 70%;
    transition: 0.4s all ease;
}

.know_sec1_a {
    display: flex;
    align-items: center;
    background: #F4F9FE;
    padding: .1rem .4rem;
    color: var(--main_color);
    font-size: .2rem;
}

.know_sec1_a svg {
    width: .18rem;
    height: auto;
    margin-left: .1rem;
}

.know_nav .active a ,.know_nav li:hover a {
    color: var(--main_color);
}
.know_over {
    background: #e8f1fa;
    width: 0;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.6s all ease;
}

.know_sec_item:hover .know_over {
    width: 100%;
}

.know_sec_item:hover .know_sec_isong {
}
.news_view_time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.goback {
    display: flex;
    align-items: center;
    color: #A8AEBB;
    font-size: .2rem;
}

.goback svg {
    width: .32rem;
    height: auto;
    margin-right: .05rem;
}

.news_view_f {
    font-size: .72rem;
    font-weight: bold;
    color: var(--main_color);
    font-family: "DIN 1451 Std";
    letter-spacing: -0.1rem;
}

.news_view_f2 {
    color: #B9BFCD;
    font-size: .24rem;
    margin-left: .2rem;
}

.news_view_content {
    padding: .5rem;
    background: #fff;
}
.news_sectiono1 {
    padding-top: 0.01rem;
    padding-bottom: 0.5rem;
    background: #F2F8FD;
}
.news_view_con {
    font-size: .18rem;
}

.news_view_con p {
    margin-bottom: .24rem;
}
.pro_sec1_t2 span {
    font-size: .16rem;
}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0.25rem;justify-content: center;margin-top: .5rem;}
.pagination a{position:relative;display:block;padding:0.1rem 0.25rem;margin-left:-1px;line-height:1.25;color: var(--main_color);background-color:#fff;border:1px solid #dee2e6;font-size: .16rem;}
.pagination a:hover{z-index:2;color: var(--main_color);text-decoration:none;background-color:#e9ecef;border-color:#dee2e6;}
.pagination a:first-child{margin-left:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}
.pagination a:last-child {border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.pagination a.page-num-current{z-index: 1;color:#fff;background-color: var(--main_color);border-color: var(--main_color);}
.guide_content {
    background: url(../images/guide_bg.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
}
.equal_item3_80 {
    width: calc((100% - 0.8rem* 2) / 3);
}
.gap80{
	gap: .8rem;
}

.guide_item {
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
}

.guide_item_logo {
    position: absolute;
    left: .5rem;
    top: .4rem;
    width: 1rem;
    z-index: 3;
}
.guide_item_bg {
    width: 100%;
    height: 1.2rem;
    position: absolute;
    background: rgba(20, 57, 83, 0.58);
    left: 0;
    bottom: 0;
    transition: 0.4s all ease;
}

.guide_item_txt1 {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: .4rem;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    bottom: 0.34rem;
    transition: 0.4s all ease;
}

.guide_item_arrow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    bottom: -1.5rem;
	    transition: 0.4s all ease;
}
.guide_item_arrow svg {
    height: auto;
    width: .4rem;
}
.guide_item:hover .guide_item_bg{
    height:100%
}
.guide_item:hover .guide_item_txt1{
        bottom: 2.34rem;
}
.guide_item>a>img{
	transition: 0.4s all ease;
}
.guide_item:hover>a>img{
    transform: scale(1.1);
}
.guide_item:hover .guide_item_arrow {
        bottom: .84rem;
}
.search_conotent {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
	transition: .4s all ease;
	opacity: 0;
	visibility: hidden;
}

.search_form_item {
    display: flex;
}

.search_form_ipt {
    width: 90%;
    line-height: 0.8rem;
    background: #fff;
    padding-left: 0.2rem;
    font-size: .2rem;
}

.search_form_btn {
    width: 10%;
    color: #fff;
    background: var(--main_color);
    line-height: 0.8rem;
    cursor: pointer;
    font-size: .2rem;
}
.search_bg {
    position: fixed;
    background: #000000bd;
    width: 100%;
    height: 100%;
    z-index: 8;
	transition: .4s all ease;
	opacity: 0;
	visibility: hidden;
}
.relative9{
	position: relative;
	z-index: 9;
}
.search_conotent.active,.search_bg.active {
	opacity: 1;
	visibility: visible;
}/*新增*/

.pro_sec1_img1>img {height: 350px;width: 100%;object-fit: cover;}
.index_sec3_img>img {
    height: 450px;
    width: 100%;
    object-fit: cover;
}

.pro_sec1_iab img {
    height: 35px;
}

.pro_sec1_iab {
    padding: 0.1rem!important;
}.pro_sec1_t2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pro_sec1_t2 {}
img.pub_banner_img {
    width: 100%;
}

.pubbannerover img {
    width: 100%!important;
}

.pubbannerover {
    width: 100%;
}.jscs_view {
    display: none;
}