@charset "utf-8";

/*
@font-face {
  font-family: pingfang_b;
  src:url(../font/PingFang_Bold.ttf);
}
@font-face {
  font-family: pingfang_el;
  src:url(../font/PingFang_ExtraLight.ttf);
}
@font-face {
  font-family: pingfang_h;
  src:url(../font/PingFang_Heavy.ttf);
}
@font-face {
  font-family: pingfang_l;
  src:url(../font/PingFang_Light.ttf);
}
@font-face {
  font-family: pingfang_m;
  src:url(../font/PingFang_Medium.ttf);
}
@font-face {
  font-family: pingfang_r;
  src:url(../font/PingFang_Regular.ttf);
}
@font-face {
  font-family: number_only;
  src:url(../font/Number.ttf);
}
@font-face {
  font-family: MontDemo;
  src:url(../font/MontDemo-Heavy.otf);
}
*/
.ct{font-family:pingfang_b}
.tc{font-family:pingfang_h}
.cg{font-family:pingfang_m}
.zd{font-family:pingfang_r}
.xt{font-family:pingfang_l}
.jx{font-family:pingfang_el}
.sz{font-family:number_only}
.yw{font-family:MontDemo}
body {
    font-family: "pingfang_h",'pingfang_b','pingfang_m','pingfang_r','pingfang_l','pingfang_el','number_only','MontDemo';
    font-size: 0.16rem;
    line-height: 1.5;
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden; 
    height:0;
} 
.clearfix{zoom:1}
.img{overflow: hidden;}
.img:hover img{transform:scale(1.1)}
.img img{
    transition: all 0.3s ease;
    width: 100%;
}
.img_j {
    overflow: hidden;
}
.wal {max-width: 12rem;margin:0 auto;width: 95%;position: relative;}


a:hover {
    text-decoration: none;
    color: #cc2732;
}
/*********head************/
.top_top {}

.top_top p {
    line-height: 0.4rem;
}

.top_top .ewm_box {
    cursor: pointer;
}

.top_top .ewm_box span {
    line-height: 0.4rem;
    display: flex;
    align-items: center;
}

.top_top .ewm_box img {width: 30px;}

.top_top .ewm_box .ewm {
    position: absolute;
    top: 0.4rem;
    right: 0;
    width: 1rem;
    display: none;
    cursor:pointer;
    z-index: 99;
}

.top_top .ewm_box .ewm img {
    width: 1rem;
}
.top_top .ewm_box:hover .ewm{display:block}
.top_center {
    justify-content: space-between;
    height: 1.4rem;
}

.top_center .left {
    display: flex;
    align-items: center;
}

.top_center .left a.logo {}

.top_center .left a.logo img {
    width: 1.76rem;
}

.top_center .left p {
    font-size: 0.16rem;
    color: #666;
    padding: 0 0 0 0.4rem;
    border-left: 1px solid #ddd;
    margin: 0 0 0 0.4rem;
}

.top_center .left p span {
    display: block;
    font-size: 0.26rem;
    font-weight: bold;
    color: #333;
}

.hot_tel {
    display: flex;
    align-items: center;
}

.hot_tel p {
    color: #666666;
    padding: 0 0 0 0.7rem;
    background: url(../images/phone.png) left center no-repeat;
    background-size: 0.61rem;
}

.hot_tel p span {
    display: block;
    font-size: 0.16rem;
}

.hot_tel p em {
    font-family: Impact;
    font-size: 0.3rem;
    letter-spacing: 0.02rem;
}

.head_box {
    background: #cc2732;
}

.head_box .top_bar {}

.head_box .top_bar .top_bar_center {}

.top_bar_center ul {
    display: flex;
    justify-content: space-between;
}

.top_bar_center li {
    position: relative;
}

.top_bar_center li.on,.top_bar_center li:hover {}

.top_bar_center li a.name {
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.6rem;
    display: block;
}

.top_bar_center li .erji_nav {
    display: none;
    position: absolute;
    top: 0.6rem;
    left: -0.5rem;
    right: -0.5rem;
    background: rgba(255,255,255,0.9);
    z-index: 999;
    text-align: center;
    /* padding: 0.2rem 0; */
}
.top_bar_center li .erji_nav.show{display:block}
.top_bar_center li .erji_nav .erji_a {}

.top_bar_center li .erji_nav .erji_a a {
    display: block;
    font-size: 0.16rem;
    line-height: 0.4rem;
    border-bottom: 1px solid #ddd;
}


/****index_banenr****/
.index_banenr{
    position: relative;
    overflow: hidden;
}
.index_banenr img{
    width: 100%;
}
.index_banenr .swiper-pagination{box-sizing: border-box;text-align: left;display: inline-block;margin: 0 auto;width: auto;/* background: rgba(0,0,0,0.2); */border-radius: 50px;display: flex;align-items: center;justify-content: center;width: 100%;}
.banner_number {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.2rem;
    z-index: 99;
    font-family: number_only;
    text-align: center;
}
.banner_number span.swiper-pagination-bullet {
    background: #ffffff;
    border-radius: 50px;
    width: 0.1rem;
    height: 0.1rem;
    /* opacity: 0.8; */
    margin: 0 0.05rem;
    opacity: 1;
}

.banner_number span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1;
    width: 0.3rem;
}
.ani {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_zi {

}
.banner_zi h4{
    font-size: 0.62rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
    color: #fff;
}
.banner_zi p{
    font-size: 0.14rem;
    line-height: 0.26rem;
}
.left_buttom_but {
    position: absolute;
    left: -0.5rem;
    top: 50%;
    right: -0.5rem;
}

.left_buttom_but .swiper-button-prev,.left_buttom_but .swiper-button-next {
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/hjt.png) center center no-repeat #fff;
    /* height: 0.16rem; */
    /* margin: 0 0.3rem 0 0; */
    background-size: 0.16rem;
    border-radius: 50%;
    box-shadow: 0 0 0.1rem #f7f7f7;
    opacity: 1;
    left: 0;
}
.left_buttom_but .swiper-button-prev:hover, .left_buttom_but .swiper-button-next:hover{
    background: url(../images/bjt.png) center center no-repeat #ce2732;
    background-size: 0.22rem;
}
.left_buttom_but .swiper-button-prev:after,.left_buttom_but .swiper-button-next:after{
    display: none;
}
.left_buttom_but .swiper-button-next {
    transform: rotate(180deg);
    left: auto;
    right: 0;
}
.index_banenr .left_buttom_but {
    left: 0.2rem;
    right: 0.2rem;
}
/**index_part**/
.index_part {
    padding: 0.7rem 0;
}
.f7bg{
    background: #f7f7f7;
}
.dis_flex{display: flex;}
.just_b{justify-content:space-between}
.zicon,.zicon2 {
    display: none;
}

.zicon.active,.zicon2.active {
    display: block;
}
/**index_product**/
.index_ti {
    text-align: center;
    margin: 0 0 0.4rem 0;
}

.index_ti h3 {
    font-size: 0.3rem;
    font-weight: bold;
}

.index_ti h3 em {
    font-weight: bold;
    color: #cc2732;
}

.index_ti p {
    font-size: 0.2rem;
    color: #666;
}

.index_product {}

.product_nav {
    margin: 0 0 0.2rem;
}

.product_nav ul {
    display: flex;
    justify-content: space-between;
    line-height: 0.5rem;
    background: #f7f7f7;
}

.product_nav ul li,.product_nav ul li a {
    flex: 1;
    text-align: center;
    cursor: pointer;
    display: block;
}

.product_nav ul li.li_on, .product_nav ul li:hover,.product_nav ul li.li_on a, .product_nav ul li:hover a {
    color: #fff;
    background: #cc2732;
}

.product_con {}

.product_list {}

.product_list ul {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 0 -0.2rem;
}

.product_list ul li {
    width: 33.33%;
    margin: 0 0 0.2rem;
}

.product_list ul li a {
    display: block;
}

.product_main {
    background: #f7f7f7;
    margin: 0 0 0 0.2rem;
    text-align: center;
    position: relative;
    padding: 0.5rem 0 1rem;
}

.product_main .img_j {}

.product_main .img_j img {
    max-width: 80%;
}

.product_main .text {
    position: absolute;
    bottom: 0.3rem;
    left: 0;
    right: 0;
}

.product_main .text h3 {
    font-size: 0.24rem;
    font-weight: bold;
}

.product_main .text span {
    font-size: 0.18rem;
    display: block;
    color: #666;
}


/* 分页样式 */
.paging { margin-top: 32px; font-size: 14px;text-align: center; }
.paging > span { margin: auto 16px; }
.paging .page-numbar { margin: auto 0; }
.paging .page-numbar .page-num,
.paging .page-index,
.paging .page-pre,
.paging .page-next,
.paging .page-last { display: inline-block; margin: auto 4px; padding: 2px 12px; border: 1px solid #EEE; border-radius: 2px; }
.paging .page-numbar .page-num-current,
.paging .page-numbar .page-num:hover { border-color: #cc2732; color: #cc2732; }

/**index_zhaotou**/
.imgbg1 {
    background: url(../images/imgbg1.jpg) top center no-repeat;
}
.col_ff {
    color: #fff !important;
}
.index_zhaotou {}

.index_zhaotou .left {
    background: #fff;
    display: flex;
    flex-flow: column;
    padding: 0.2rem;
}

.index_zhaotou .left .zhaot_li {
    flex: 1;
    border-bottom: 1px solid #f8f8f8;
    align-items: center;
}

.index_zhaotou .left .zhaot_li span {
    display: block;
    margin: 0 0.4rem 0 0;
    font-size: 0.2rem;
    color: #cc2732;
    font-weight: bold;
}

.index_zhaotou .left .zhaot_li p {
    flex: 1;
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #666;
}

.index_zhaotou .right {
    width: 50%;
}

.index_zhaotou .right img {
    width: 100%;
}

/**index_solution**/
.index_solution {}

.solution_img {}

.solution_img .solu_img {
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.solution_img .solu_img img {
    display: inline;
    width: 100%;
}
.solution_main {
    margin: 0.5rem auto 0;
}
.solution_nav {/* margin: -2rem auto 0%; *//* position: relative; *//* z-index: 9; *//* transform: translate(-5%, 0px); */flex: 1.5;}

.solution_nav ul {
    /* width: 3rem; */
    background: #fff;
    box-shadow: 0 0 0.2rem #e6e6e6;
    display: flex;
    flex-flow: wrap;
}

.solution_nav ul li {
    height: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f8f8f8;
    /* padding: 0 0.2rem; */
    font-weight: bold;
    font-size: 0.2rem;
    cursor: pointer;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #f8f8f8;
    justify-content: center;
}

.solution_nav ul li.li_on,.solution_nav ul li:hover {
    background: #cc2732;
    color: #fff;
}

.solution_nav ul li .solu_icon {margin: 0 0.1rem  0 0;}

.solution_nav ul li .solu_icon img {
    width: 0.39rem;
}

.solution_nav ul li .solu_icon img.mr {}

.solution_nav ul li .solu_icon img.xz {
    display: none;
}

.solution_nav ul li.li_on img.mr, .solution_nav ul li:hover img.mr {
    display: none;
}

.solution_nav ul li.li_on img.xz, .solution_nav ul li:hover img.xz {
    display: block;
}

.solution_text {
    margin: 0rem 0 0 0.5rem;
    /* position: relative; */
    /* z-index: 1; */
    flex: 2;
}

.solution_text .solu_zi {
    position: relative;
}

.solution_text .solu_zi span {
    font-size: 0.20rem;
    text-transform: uppercase;
    color: #999;
}

.solution_text .solu_zi h3 {
    font-size: 0.24rem;
    font-weight: bold;
    color: #cc2732;
}

.solution_text .solu_zi i {
    display: inline-block;
    width: 0.3rem;
    height: 0.03rem;
    background: #cc2732;
    margin: 0.1rem 0;
}

.solution_text .solu_zi p {
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #666;
}

.solution_text .solu_zi a {
    position: absolute;
    right: 0;
    top: -0.75rem;
    background: #cc2732;
    color: #fff;
    font-size: 0.16rem;
    padding: 0 0.2rem;
    line-height: 0.35rem;
}

/**index_goods**/
.index_goods {}

.index_goods ul {}

.index_goods ul li {
    position: relative;
    background: url(../images/goodbg1.png) right center no-repeat;
    background-size: 100% 100%;
    margin: 0 0 0.5rem;
}

.index_goods ul li .goods_main {}

.index_goods ul li .goods_main i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1rem;
    font-family: Impact;
    opacity: 0.1;
}

.index_goods ul li .goods_main .good_img {
    width: 4rem;
    order: 1;
}

.index_goods ul li .goods_main .good_img img {
    width: 100%;
}

.index_goods ul li .goods_main .good_text {
    flex: 1;
    padding: 0.3rem 1.5rem 0.3rem 1rem;
    position: relative;
    order: 2;
}

.index_goods ul li .goods_main .good_text i {
    position: absolute;
    width: 1.1rem;
    height: 0.05rem;
    display: block;
    background: #cc2732;
    left: -0.5rem;
    top: 0.5rem;
    opacity: 1;
}

.index_goods ul li .goods_main .good_text h4 {
    font-size: 0.3rem;
    font-weight: bold;
    color: #cc2732;
    margin: 0 0 0.25rem;
}

.index_goods ul li .goods_main .good_text p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #666;
}

.tel {
    background: #333333;
    color: #fff;
    font-family: Impact;
    display: inline-block;
    /* width: 2.3rem; */
    line-height: 0.5rem;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    padding: 0 0.3rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    letter-spacing: 0.02rem;
    position: absolute;
    bottom: 0.5rem;
}

.tel img {
    width: 0.3rem;
    margin: 0 0.2rem 0 0;
}

.index_goods ul li .goods_main .good_text .tel span {}

.index_goods ul li .goods_main img.god1 {
    position: absolute;
    right: 0;
    bottom: -0.5rem;
    width: 3rem;
}
.index_goods ul li .goods_main img.god2 {
    position: absolute;
    right: 3rem;
    bottom: -0.5rem;
    width: 2rem;
    }
.index_goods ul li .goods_main img.god3 {
    position: absolute;
    right: 0;
    bottom: -0.3rem;
    width: 3.5rem;
    }
.index_goods ul li:nth-child(2n) {
    background: url(../images/goodbg2.png) right center no-repeat;
    background-size: 100% 100%;
}

.index_goods ul li:nth-child(2n) .goods_main .good_img {
    order: 2;
}

.index_goods ul li:nth-child(2n) .goods_main .good_text {
    order: 1;
    padding: 0.3rem 1rem 0.3rem 1.5rem;
}

.index_goods ul li:nth-child(2n) .goods_main i {
    left: 0;
    right: auto;
}

.index_goods ul li:nth-child(2n) .goods_main .good_text i{
    right: -0.5rem;
    left: auto;
}
/**index_cases**/
.cases_nav {
    text-align: center;
    margin: 0 0 0.2rem;
}

.cases_nav ul {
    display: inline-flex;
    justify-content: center;
    line-height: 0.5rem;
    background: #ffffff;
    margin: 0 auto;
}

.cases_nav ul li,.cases_nav ul li a {
    text-align: center;
    cursor: pointer;
    padding: 0 0.2rem;
    display: block;
    background: #fff;
}

.cases_nav ul li.li_on, .cases_nav ul li:hover,.cases_nav ul li.li_on a, .cases_nav ul li:hover a {
    background: #cc2732;
    color: #fff;
}

.cases_con {}

.case_list {}

.case_list ul {
    display: grid;
    grid-template-columns: repeat(3,auto);
    gap: 0.2rem;
}

.case_list ul li {background: #fff;}

.case_list ul li a {
    display: block;
}

.case_main {
    background: #fff;
}

.case_main .img_j {
}

.case_main .img_j img {}

.case_main .text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.2rem;
}

.case_main .text h3 {
    font-size: 0.2rem;
    font-weight: bold;
}

.case_main .text span {
    background: #cc2732;
    display: inline-block;
    border-radius: 50px;
    color: #fff;
    padding: 0.05rem 0.15rem;
    font-size: 0.16rem;
}

.case_list ul li:nth-child(1) {
    /* grid-row: 1 / span 2; */
    /* grid-column: 1 / span 2; */
}
.case_list ul li:nth-child(1) .case_main .text {
    /* margin: 0.4rem 0 0; */
}
/**ad_part**/
.ad_part {background: url(../images/adbg.png) top center no-repeat #f7f7f7;background-size: auto 4.5rem;height: 4.5rem;display: flex;}
.ad_part .wal{align-items: center;}
.ad_part_text {color: #fff;margin: 0.7rem 0 0 0;}

.ad_part_text h3 {
    font-size: 0.32rem;
    font-weight: bold;
    margin: 0 0 0.2rem;
}

.ad_part_text ul {
    font-size: 0.18rem;
    line-height: 0.45rem;
    display: flex;
    flex-flow: wrap;
}

.ad_part_text ul li {
    width: 50%;
}

.ad_part_text ul li span {
    display: block;
    padding: 0 0 0 0.3rem;
    background: url(../images/gou.png) left center no-repeat;
    background-size: 0.22rem;
}

.ad_part_text .tel {
    bottom: 0.3rem;
}

.ad_part .right {margin: 0.5rem 0 0 0;}

.ad_part .right img {
    width: 4.46rem;
}
/**index_about**/
.about_number {
    margin: 0 0 0.5rem;
}
.index_about {}

.index_about ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.index_about ul li {
    flex: 1;
}

.index_about ul li .item {}

.index_about ul li .item img {
    width: 0.62rem;
    margin: 0 0 0.2rem;
}

.index_about ul li .item .indc {
    font-size: 0.2rem;
    margin: 0 0 0.1rem;
}

.index_about ul li .item .numU {
    font-family: Impact;
    color: #cc2732;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.index_about ul li .item .numU span {
    font-size: 0.5rem;
}

.index_about ul li .item .numU i {
    font-size: 0.3rem;
    display: inline-block;
    align-self: flex-start;
}

.index_about ul li .item .unitC {
    font-size: 0.2rem;
    color: #666;
    display: inline-block;
}

.about_information {
    display: flex;
    background: url(../images/abbg.jpg) right bottom no-repeat;
}

.about_information .left {}

.about_information .left .img_j {}

.about_information .left .img_j img {
    width: 5.6rem;
}

.about_information .right {
    flex: 1;
    color: #fff;
    padding: 0.5rem;
}

.about_information .right h3 {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
}

.about_information .right h4 {
    font-size: 0.2rem;
    font-weight: bold;
    margin: 0 0 0.2rem;
}

.about_information .right p {
    font-size: 0.16rem;
    line-height: 0.3rem;
    margin: 0 0 0.5rem;
}

.about_information .right a {
    background: #fff;
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 50px;
    font-size: 0.16rem;
    color: #cc2732;
}
/**index_news**/
.index_news {}

.index_news .left {
    width: 63%;
}
.index_news .right {
    width: 34%;
}
.new_nav {
    margin: 0 0 0.2rem;
}

.new_nav ul {
    display: flex;
    line-height: 0.5rem;
    background: #f7f7f7;
    margin: 0 auto;
}

.new_nav ul li {
    text-align: center;
    cursor: pointer;
    padding: 0 0.5rem;
}

.new_nav ul li span {}

.new_nav ul li.li_on,.new_nav ul li:hover {
    background: #cc2732;
    color: #fff;
}

.new_nav ul li.li_on span,.new_nav ul li:hover span {}

.news_main {}

.news_box {
    /* display: flex; */
}

.news_box .left {
    float: left;
    width: 54%;
}

.news_box .left .img_j {}

.news_box .left .img_j img {}

.news_box .right ul {}

.news_box .right ul li {
    font-size: 0.16rem;
    line-height: 0.44rem;
    border-bottom: 1px #ddd dashed;
}

.news_box .right ul li a {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.news_box .right {
    float: right;
    width: 42%;
}
.news_main {}

.qustion_box {}

.qustion_box ul {
}

.qustion_box ul li {
    border-bottom: 1px dashed #ddd;
    padding: 0 0 0.11rem;
    margin: 0 0 0.11rem;
}

.qustion_box ul li a {}

.qustion_box ul li a h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 0.18rem;
    line-height: 0.4rem;
}

.qustion_box ul li a span {
    font-size: 0.12rem;
    background: #cc2732;
    color: #fff;
    width: 0.4rem;
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.1rem 0 0;
}

.qustion_box ul li a p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #666;
    display: flex;
    align-items: baseline;
}
.qustion_box ul li a p em{flex:1}
.qustion_box ul li a p span {
    background: #7c7c7c;
}

/**foot_con**/
.foot_con {
    background: #303644;
    color: #fff;
    padding: 0.5rem 0;
}

.friend_link {
    line-height: 0.4rem;
    padding: 0 0 0.1rem;
    border-bottom: 1px solid #4a505d;
    margin: 0 0 0.4rem 0;
}

.friend_link span {
    display: inline-block;
    margin: 0 0.4rem 0 0;
}

.friend_link a {
    opacity: 0.5;
    color: #fff;
    display: inline-block;
    margin: 0 0.4rem 0 0;
}
.friend_link a:hover{opacity:1}
.foot_main {}

.foot_main .left {
    flex: 1;
}

.foot_main .center {
    text-align: center;
    flex: 1;
}

.foot_main .right {
    flex: 1;
}

.foot_main .ti {
    font-weight: bold;
    margin: 0 0 0.3rem;
}

.text_l {
    text-align: left;
}

.text_c {
    text-align: center;
}

.text_r {
    text-align: right;
}

.foot_main .ti em {
    font-weight: bold;
    font-size: 0.22rem;
    display: block;
}

.foot_main  .ti span {
    font-size: 0.18rem;
}

.foot_main .mm {}

.foot_main .mm p {
    opacity: 0.5;
    line-height: 0.4rem;
}

.foot_main .mm p a{
    color: #fff;
}

.foot_main .mm img {
    width: 1.2rem;
}

.foot_nav {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}

.foot_nav a {
    color: #fff;
    width: 34%;
    opacity: 0.5;
    line-height: 0.4rem;
    text-align: right;
}
.foot_nav a:hover{opacity:1}

/**neibanner_texe**/

.neibanner_texe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.text_ti {
    font-size: 0.36rem;
    line-height: 0.6rem;
    font-weight: bold;
}

.text_ti em {
    font-size: 0.4ren;
    font-size: 0.4rem;
    color: #cc2732;
    text-transform: uppercase;
}

.neibanner_texe p {
    font-size: 0.2rem;
    color: #666666;
    font-weight: bold;
}

.break {
    background: url(../images/home.jpg) left center no-repeat;
    background-size: 0.23rem;
    padding: 0 0 0 0.3rem;
}
.two_level_nav .cases_nav {
    margin: 0;
}

.break_box {
    height: 0.5rem;
}

.al_cen {
    align-items: center;
}
.two_level_nav .cases_nav ul li {
    padding: 0;
}
a.go_back {
    border: 1px solid #ddd;
    padding: 0.05rem 0.2rem 0.05rem 0.4rem;
    background: url(../images/list.png) 0.2rem center no-repeat;
    border-radius: 0.04rem;
    line-height: 0.35rem;
    display: inline !important;
}
.nei_pro_list .product_main {
    margin: 0;
    background: #fff;
}

.nei_pro_list .product_list ul {
    margin: 0;
}

.nei_pro_list .product_list ul li {
    margin: 0;
}

.nei_pro_list .product_list ul li .product_main.img {
    background: #fff;
    margin: 0;
}
.product_picture {
    width: 48%;
}

.product_information {
    width: 48%;
}

.product_picture img {
    width: 100%;
}

.product_information {
    position: relative;
}

.product_information .ti {}

.product_information .ti h3 {
    font-size: 0.3rem;
    font-weight: bold;
}

.product_information .ti p {
    font-size: 0.18rem;
}

.product_information .ti i {
    display: block;
    width: 0.4rem;
    height: 0.04rem;
    background: #cc2732;
    margin: 0.2rem 0 0.6rem;
}

.information {}

.information p {
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #666;
}

.hot_tel {}

.product_information .hot_tel {
    position: absolute;
    bottom: 0.5rem;
}

.product_information .hot_tel p em {
    color: #d04750;
}

.product_information .hot_tel p {
    background: url(../images/red_phone.png) left center no-repeat;
    background-size: 0.61rem;
}
.nei_ti {
    padding: 0 0.3rem;
    margin: 0 0 0.4rem;
}

.nei_ti h3 {
    line-height: 0.7rem;
    font-size: 0.24rem;
    font-weight: bold;
}

.pro_infor p {    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #666;
}

.pro_infor {}

.nei_about_infor {
    background: none;
    margin: 0 0 0.5rem 0;
}
.nei_about_infor .right{
    padding: 0 0 0 0.5rem;
    color: #666;
}

.nei_about_infor .right h3 {
    color: #cc2732;
}

.adnbg {
    background: url(../images/adnbg.jpg) top center no-repeat;
    background-size: cover;
    /* align-items: center; */
    /* display: block; */
    /* justify-content: center; */
    position: relative;
}

.adnbg .ad_part_text {
    margin: 0;
    background: url(../images/abbg.jpg) right center no-repeat;
    padding: 0.4rem;
    width: 50%;
    float: right;
}

.adnbg .ad_part_text .tel {
    position: relative;
    bottom: auto;
}

.nei_ad {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
}

.adnbg .ad_part_text h3 {
    font-size: 0.3rem;
}

.adnbg .ad_part_text ul {
    font-size: 0.16rem;
    margin: 0 0 0.2rem;
}
.history_main {
    text-align: center;
}

.history_main h3 {
    font-family: fantasy;
    line-height: 0.4rem;
    font-size: 0.24rem;
}

.history_main i {
    display: block;
    width: 0.04rem;
    height: 0.04rem;
    margin: 0;
    margin: 0 auto;
    background: #cecece;
    border-radius: 50%;
    border: 0.04rem solid #ffffff;
    margin: 0 auto 0.1rem;
}

.history_main p {
    font-size: 0.14rem;
    line-height: 0.278rem;
}

.history_main p:before {content: ".";display: block;width: 0.01rem;margin: 0 auto;height: 0.2rem;background: #cecece;font-size: 0;}

.about_history:after {content: ".";width: 100%;height: 0.01rem;background: #cecece;display: block;position: absolute;top: 0.45rem;font-size: 0;}

.about_history {
    position: relative;
}

.left_buttom_but {}

.about_history .left_buttom_but {
    top: 0.4rem;
}

.about_cutule {
}

.about_cutule {}

.about_cutule ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.about_cutule ul li {}

.about_cutule ul li i {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.2rem;
}

.about_cutule ul li h3 {
    font-size: 0.22rem;
    font-weight: bold;
    margin: 0 0 0.2rem;
}

.about_cutule ul li p {
    color: #666;
}

.about_cutule ul li i img {
    width: 0.58rem;
}

.honner_main {
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    padding: 0.15rem;
    position: relative;
}

.honner_main img {
    width: 100%;
}

.honner_main h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #cc2732;
    color: #fff;
    line-height: 0.4rem;
}

.nei_case_list ul {
    display: flex;
    flex-flow: wrap;
    gap: 0;
    margin: 0 0 0 -0.2rem;
}

.nei_case_list ul li {
    width: 33.33%;
    margin: 0 0 0.2rem;
    background: none;
}

.case_main {
    /* margin: 0 0 0 0.2rem; */
}

.nei_case_list ul li:nth-child(1) .case_main .text {
    margin: 0;
}
.case_main_box {
    background: #fff;
}

.case_main_box .ti {
    line-height: 0.7rem;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 0.3rem 0 0.2rem;
}
.case_main_box .ti h3{font-size: 0.3rem;font-weight:bold}
.case_main_box .main {
    padding: 0.3rem;
    border-bottom: 1px solid #ddd;
}

.case_main_box .main img {
    width: 100%;
}

.case_main_box .main p {
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #666;
    margin: 0.1rem 0;
}

.case_main_box .prew_next {
    padding: 0.2rem 0.3rem;
}

.case_main_box a {
    display: block;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.4rem;
}
.services_who {
    width: 48%;
}

.services_who h3 {
    font-size: 0.2rem;
    font-weight: bold;
    color: #cc2732;
    line-height: 0.4rem;
    margin: 0.1rem 0;
}

.services_who p {
    color: #666;
}


.servise_list {}

.servise_list ul {
    display: flex;
    justify-content: space-between;
    height: 2.4rem;
}

.servise_list ul li {
    height: 1.2rem;
}

.ser_main {
    position: relative;
    align-items: center;
    display: flex;
    padding: 0.3rem 0 0.3rem 0.3rem;
}

.ser_main i {
    display: block;
    font-size: 0.3rem;
    color: #fff;
    background: #cc2732;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.2rem 0 0;
}

.ser_main span {
    display: block;
    font-size: 0.22rem;
    font-weight: bold;
}

.ser_main:before {content: ".";position: absolute;left: 0;top: 0;display: block;width: 0.1rem;height: 0.1rem;font-size: .0;background: #ddd;border-radius: 50%;}
.ser_main:after {
    content: ".";
    position: absolute;
    left: 0.05rem;
    top: 0;
    height: 100%;
    width: 1px;
    display: block;
    background: #ddd;
    font-size: 0;
}
.servise_list ul:before {content: ".";display: block;position: absolute;top: 50%;left: 0;right: 0;background: #ddd;height: 1px;font-size: 0;}

.servise_list ul li:nth-child(2n) {
    align-self: flex-end;
}

.servise_list ul li:nth-child(2n) .ser_main:before {
    top: auto;
    bottom: 0;
}
.serbg {
    background: url(../images/serbg.jpg) top center no-repeat;
    background-size: cover;
}
.ser_ad {
    align-items: center;
}

.ser_ad .left {
    color: #fff;
    width: 50%;
}

.ser_ad .right {
    width: 40%;
}

.ser_ad .right img {
    height: 100%;
    width: 100%;
}

.ser_ad .left h3 {
    font-size: 0.22rem;
    line-height: 0.4rem;
    margin: 0 0 0.2rem;
}

.ser_ad .left p {
    font-size: 0.16rem;
    margin: 0 0 0.4rem;
}

.ser_ad .left .hot_tel p {
    margin: 0;
    color: #fff;
    background: url(../images/red_phone.png) left center no-repeat;
    background-size: 0.61rem;
}
.ser_ad .left .hot_tel p em {
    color: #cc2732;
}


.contact {
    background: #fff;
    padding: 0.4rem;
}

.contact_fs {
    margin: 0 0 0.4rem;
}

.contact_fs .left {}

.contact_fs .left h1 {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0 0 0.2rem;
}

.contact_fs .left .hot_tel p {
    background: url(../images/red_phone.png) left center no-repeat;
    background-size: 0.61rem;
}

.contact_fs .left .hot_tel p em{color:#cc2732}


.contact_fs .center {
    font-size: 0.16rem;
    line-height: 0.4rem;
    color: #666;
}

.contact_fs .right img {
    width: 1rem;
    display: block;
    margin: 0 auto;
}

.contact_fs .right span {
    font-size: 0.14rem;
    text-align: center;
    color: #999;
}


.map {}

.map img {
    width: 100%;
}

.join_list {
    background: #fff;
}

hei {}

.join_list .main {
    /* height: 0; */
    overflow: hidden;
    padding: 0.2rem 0.4rem 0.2rem;
    font-size: 0.14rem;
    line-height: 0.3rem;
    color: #666;
    /* padding: 0; */
    /* transition: all 0.3s ease; */
    display: none;
}

.join_list .ti {
    line-height: 0.5rem;
    padding: 0 0.4rem;
}

.join_list li {
    border-bottom: 1px solid #f1f1f1;
}

.join_list .mm {
    margin: 0 0 0.2rem;
}

.join_list li.on .main {
    /* padding: 0.4rem 0.4rem 0.2rem; */
    /* height: auto; */
}

.join_list li.on .ti {
    border-bottom: 1px solid #f1f1f1;
    color: #cc2732;
}














/***nei_banner***/
.nei_banenr,.nei_banenr img {
    width: 100%;
    position: relative;
}
.imgbg {
    /* background: url(../images/imgbg.jpg) top center no-repeat #fafafa; */
    background-size: 100%;
}
.nei_big_con{
    padding: 0 0 0.5rem;
}
.nei_main_con{
    /* background: #fff; */
    /* padding: 0.5rem; */
    margin: -0.6rem auto 0;
}
.left_right_part{
    display: flex;
    justify-content: space-between;
}
.left_right_part .left{
    width: 2.6rem;
    /* margin: -0.9rem 0 0 0; */
}
.left_right_part .right{
    flex: 1;
    margin: 0.6rem 0 0 0.5rem;
}
.left_bar_nav{}
.left_bar_nav .ti{
    height: 0.6rem;
    background: #004391;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.left_bar_nav .ti .m{}
.left_bar_nav .ti .m h3{
    font-size: 0.22rem;
    font-weight: bold;
}
.left_bar_nav .ti .m span{
    font-size: 0.16rem;
    text-transform: uppercase;
}
.left_bar_nav .leftnav{}
.left_bar_nav .leftnav ul{
    background: #f5f5f5;
    font-size: 0.16rem;
    line-height: 0.55rem;
}
.left_bar_nav .leftnav ul li{
}
.left_bar_nav .leftnav ul li a{
    border-bottom: 2px solid #ffffff;
    display: block;
    padding: 0 0.35rem;
}
.left_bar_nav .leftnav ul li a.nLi:hover span, .left_bar_nav .leftnav ul li a.on.nLi span{
    display: block;
    background-image: url(../images/bjt.png);
    background-size: 0.08rem;
    background-position: right center;
    background-repeat: no-repeat;
}
.left_bar_nav .leftnav ul li a span{
    display: block;
    background-image: url(../images/hjt.png);
    background-size: 0.08rem;
    background-position: right center;
    background-repeat: no-repeat;
}
.left_bar_nav .leftnav ul li a:hover, .left_bar_nav .leftnav ul li a.on{
    color: #ffffff;
    background-color: #6d9bd0;
}
.left_bar_nav .leftnav ul li .navSub a:hover span{
    display: block;
    background-image: url(../images/bjt_y.png);
    background-size: 0.08rem;
    background-position: right center;
    background-repeat: no-repeat;
}
.navSub {
    display: none;
}
.left_bar_nav .leftnav ul li .navSub a {
    padding: 0 0.35rem 0 0.48rem;
}
.changwho {
    border-bottom: 1px solid #f7f7f7;
    margin: 0 0 0.2rem 0;
}
.changwho a {
    font-size: 0.2rem;
    color: #004391;
    display: inline-block;
    line-height: 0.6rem;
    border-bottom: 2px solid #004391;
}
.break_nav{
    font-size: 0.16rem;
    padding: 0;
    color: #666;
    box-shadow: 0 0 0.2rem #e2e2e2;
    font-size: 0.16rem;
}
.break_nav a{
    color: #666;
}
.imgnews_list{}
.imgnews_list ul{}
.imgnews_list ul li{
    padding: 0 0 0.25rem;
    margin: 0 0 0.25rem;
    border-bottom: 1px solid #ddd;
}
.imgnews_list ul li a{}
.imgnews_item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.imgnews_item .imgj{
    width: 2.2rem;
}
.imgnews_item .imgj img{}
.news_list_zi{
    flex: 1;
    margin: 0 0 0 0.4rem;
}
.news_list_zi h3{
    font-size: 0.18rem;
    font-weight: bold;
    margin: 0 0 0.1rem;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.news_list_zi p{
    line-height: 0.26rem;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.52rem;
    margin: 0 0 0.15rem;
}
.news_list_zi span{
    font-size: 0.14rem;
    color: #999;
}

.news_mian_con{
    margin: 0.5rem auto 0;
}
.news_mian_con .ti{
    text-align: center;
    margin: 0 0 0.3rem;
}
.news_mian_con .ti h3{
    font-size: 0.24rem;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 0 #f9f9f9;
    padding: 0 0 0.2rem;
    margin: 0 0 0.2rem;
}
.news_mian_con .ti span{
    font-size: 0.14rem;
    color: #999;
}
.news_mian_con .mian{
    font-size: 0.16rem;
    line-height: 0.36rem;
}
.news_mian_con .mian p{}

/**center_news**/
.center_news{}
.center_news .left{
    width: 58%;
}
.center_news .right{
    width: 38%;
}
.news_list_con{}
.news_list_con ul{}
.news_list_con ul li{
    line-height: 0.5rem;
    border-bottom: 1px dashed #ddd;
    font-size: 0.16rem;
}
.news_list_con ul li a{
    display: flex;
    justify-content: space-between;
    color: #666;
    align-items: center;
}
.news_list_con ul li a:before{content:".";display: block;font-size: 0;width: 0.06rem;height: 0.06rem;background: #1d56a0;margin: 0 0.1rem 00 0;}
.news_list_con ul li a p{
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.3s ease;
}
.news_list_con ul li a:hover p,.news_list_box ul li a:hover p{color:#1d56a0;padding: 0 0 0 0.2rem;}
.news_list_con ul li a span{
    width: 1.3rem;
    text-align: right;
}













@media (min-width: 1px) and (max-width: 800px) {
.index_banenr {
    margin: 0.9rem 0 0;
}

.g-head {
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.web_head{border:0}
.g-nav {
    position: fixed;
    right: 0;
    top: 0.9rem;
    left: 100%;
    height: 100vh;
    background: #ffffff;
    transition: all 0.3s ease;
    z-index: 999;
}
.g-nav.show {
    left: 30%;
    overflow-y: scroll;
    background: #f1f1f1;
}
.g-nav ul {
    display: block;
}

.topbar_right .top_tips,.searchFormGroup {
    display: none;
}

a.navA {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../images/san_x.png) center center no-repeat #929292;
    background-size: 0.3rem;
    cursor: pointer;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    /* background: #929292; */
}
a.navA.qie {
    background: url(../images/icon-close.png) center center no-repeat #929292;
    /* background: url(../images/icon-close.png) center center no-repeat; */
    background-size: 0.3rem;
}
.g-nav ul li{text-align:left;border-bottom: 1px solid #dedede;width: 100%;padding: 0;margin: 0;}
.g-nav ul li.on a, .g-nav ul li:hover a{border:0;padding: 0rem 0.3rem;color: #333;}
.g-nav ul li.has .erji_nav a{text-align:left}
.g-nav ul li a {
    color: #333;
    padding: 0 0.3rem !important;
}
.top_bar_center li .erji_nav {
    position: relative;
    left: 0;
    top: 0;
    box-shadow: 0 0 BLACK;
    padding: 0rem 0.3rem;
    background: #f1f1f1;
    text-align: left;
}

.erji_nav ul {
    padding: 0;
    background: none;
}

.erji_nav ul li {
    padding: 0;
    border: 0;
}
.nei_banner {
    margin: 0.9rem 0 0;
}

.left_right_part {
    display: block;
}

.left_right_part .left {
    width: 100%;
    /* margin: -0.5rem auto 0; */
}

.left_bar_nav .ti {
    /* height: auto; */
    /* padding: 0.3rem 0; */
}

.dis_flex {
    display: block;
}

.index_news .left, .index_news .right {
    width: 100%;
}

.index_news .right {
    margin: 0.5rem 0 0;
}

.news_list_box ul {
    padding: 0.3rem 0.3rem 0;
}

.news_list_box ul li {
    margin: 0 0 0.3rem;
}

.about_zi,.about_img {
    width: 100%;
}

.right.about_img {}

.about_zi {
    margin: 0 0 0.3rem;
}

.foot_thing {
    display: block;
}
.left_right_part .right {
    margin: 0.3rem 0 0;
}
.nei_banenr {
    margin: 0.8rem 0 0;
    /* height: 3rem; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.nei_banenr img {
}

.foot_ewm {
    margin: 0 auto;
}

/**2022.9.1**/
.top_top {
    display: none;
}

.hot_tel {
    display: none;
}

.top_center {
    height: 0.9rem;
}

.top_bar_center li a.name {
    color: #333;
}

.top_center .left {
    height: 0.9rem;
}

.top_center .left p {
    padding: 0 0 0 0.2rem;
    margin: 0 0 0 0.2rem;
}

.product_nav ul {
    flex-flow: wrap;
}

.product_nav ul li, .product_nav ul li a {
    width: 25%;
    flex: auto;
}

.product_list ul li {width: 50%;}

.index_zhaotou .right {
    width: 100%;
}

.index_zhaotou .left .zhaot_li p {
    padding: 0.1rem 0 0.2rem;
}

.index_zhaotou .left .zhaot_li span {
    display: block;
    margin: 0.2rem 0 0.1rem;
}

.solution_img .solu_img img {
    width: 100%;
}

.solution_nav ul {
    flex-flow: wrap;
    width: 100%;
    display: flex;
    margin: 0 0 0.3rem;
}

.solution_nav ul li {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
}

.solution_text {
    margin: 0;
}

.index_solution {
    display: flex;
    flex-direction: column;
}

.solution_img {
    order: 2;
}

.solution_text .solu_zi a {
    top: 0;
    position: relative;
    margin: 0.2rem 0 0;
    display: inline-block;
}

.index_goods ul li .goods_main .good_img {
    width: 50%;
}

.tel {
    position: relative;
    top: auto;
    bottom: auto;
    margin: 0.3rem 0 0;
}

.index_goods ul li .goods_main .good_text {
    padding: 0.3rem 0 0;
}

.index_goods ul li .goods_main .good_text i {
    display: none;
}

.index_goods ul li .goods_main img.god1,.index_goods ul li .goods_main img.god2,.index_goods ul li .goods_main img.god3 {
    display: none;
}

.solution_main {
    margin: 0 auto 0.3rem;
}

.index_goods ul li:nth-child(2n) .goods_main .good_text {
    padding: 0.3rem 0 0;
}

.index_goods ul li .goods_main i {
    left: 0;
    opacity: 1;
    color: #cc2732;
}

.cases_nav ul {
    flex-flow: wrap;
    display: flex;
}

.cases_nav ul li {
    width: 50%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    /* width: 100%; */
}

.case_list ul {
    display: flex;
    flex-flow: wrap;
    gap: 0;
}

.case_list ul li {
    width: 50%;
    box-sizing: border-box;
    background: none;
}

.case_main {
    margin: 0 0 0.2rem 0.2rem;
}

.case_list ul li:nth-child(1) .case_main .text {
    margin: 0;
}

.case_main .text span {
    width: 1.3rem;
    text-align: center;
}

.ad_part {
    background: url(../images/adbg.png) top center no-repeat #be131d;
    height: auto;
}

.ad_part_text ul li {
    width: 100%;
}

.ad_part .right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.ad_part .right img {
    width: 3rem;
}

.ad_part_text ul {
    margin: 0 0 0.3rem;
}

.index_about ul li {
    width: 50%;
    flex: auto;
    margin: 0 0 0.5rem;
}

.index_about ul {
    flex-flow: wrap;
}

.about_information {
    display: block;
}

.about_information .left {
    width: 100%;
}

.about_information .left .img_j img {
    width: 100%;
}

.qustion_box ul li a span {
    width: 0.35rem;
    height: 0.35rem;
}

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

.foot_main .ti {
    text-align: left;
    display: none;
}

.foot_main .right {
    display: none;
}

.foot_main .left {
    margin: 0 0 0.3rem;
}

.foot_main .mm {
}
.two_level_nav .cases_nav ul li {
    width: auto;
    flex: 1;
}
.cases_nav ul li a {
    padding: 0;
}
.break_box {
    height: auto;
    /* background: #fff; */
}

.break {
    display: none;
}

.nei_about_infor .right {
    margin: 0.4rem 0 0;
    padding: 0;
}

.adnbg .ad_part_text {
    width: 100%;
    float: none;
    background: none;
}

.about_honner {}

.about_honner .swiper {
    margin: 0 1rem;
}

.left_buttom_but {
    left: 0;
    right: 0;
}

.about_cutule ul {
    flex-flow: wrap;
}

.about_cutule ul li {
    width: 50%;
    margin: .3rem 0 0;
}

.about_number {
    margin: 0;
}

.nei_ad {
    position: relative;
}
.about_servi {
    display: flex;
}

.ser_main {
    display: block;
}

.servise_list ul {height: auto;}

.servise_list ul li:nth-child(2n) {
    align-self: auto;
}

.ser_main:before {
    display: none;
}

.ser_main:after {
    display: none;
}

.ser_ad .left {
    width: 100%;
    padding: 0.4rem;
    box-sizing: border-box;
}

.ser_ad .right {
    display: none;
}

.product_nav ul li a {
    width: 100%;
}
a.go_back {
    display: none !important;
}

.product_picture {
    width: 100%;
    margin: 0.1rem 0 0.3rem;
}

.product_information {
    width: 100%;
}

.product_con .swiper {
    margin: 0 0.5rem;
}
.case_main_box {
    margin: 0.4rem auto 0;
}
.contact_fs .right img {
    margin: 0;
}





}


.company_goods {}

.company_goods img {
    width: 100%;
}

.index_xti {
    text-align: center;
    font-size: 0.22rem;
    color: #cc2732;
    margin: 0.3rem 0 0;
}

.index_xti h3 {
    font-weight: bold;
}

.company_who {}

.company_who ul {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin: 0.3rem -0.1rem 0;
}

.company_who ul li {
    width: 25%;
    padding: 0.1rem;
    box-sizing: border-box;
}

.company_who ul li .item {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem;
}

.company_who ul li .item .main {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.22rem;
}

.company_who ul li .item .main img {}

.company_who ul li .item .main span {}

.company_goods {
    margin: 0 auto 0.5rem;
}

.company_goods ul {
    display: flex;
    justify-content: space-around;
    border-bottom: 0.02rem solid #f5d4d6;
}

.company_goods ul li {}

.company_goods ul li .item {
    padding: 0 0 0.5rem 0;
    position: relative;
}

.company_goods ul li .item .main {
    background: #fff;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
    padding: 0.5rem 0.5rem 0.3rem;
    position: relative;
}

.company_goods ul li .item .main img {
    width: 0.48rem;
    display: block;
    margin: 0 auto 0.3rem;
}

.company_goods ul li .item .main span {
    display: block;
    text-align: center;
    font-size: 0.2rem;
    font-weight: bold;
}

.company_goods ul li .item .dots {}

.company_goods ul li .item .dots i {
    display: block;
    border-radius: 50%;
    background: #cc2732;
    position: absolute;
    left: 50%;
    bottom: -0.1rem;
    transform: translate(-50%, 0px);
}

.company_goods ul li .item .dots i.dot1 {
    width: 0.1rem;
    height: 0.1rem;
    bottom: -0.05rem;
}

.company_goods ul li .item .dots i.dot2 {
    width: 0.2rem;
    height: 0.2rem;
    opacity: 0.2;
}

.imgbgn {
    background: url(../images/imgbgn.jpg) center center no-repeat;
    background-size: cover;
}

.company_goods ul li .item .main:after {content: "";display: block;width: 0;height: 0;border-top: 0.1rem solid #fff;border-right: 0.1rem solid transparent;border-left: 0.1rem solid transparent;border-bottom: 0rem solid transparent;transform: translate(-50%, 0px);position: absolute;left: 50%;bottom: -0.1rem;}

.company_tx {}

.company_tx ul {
    display: flex;
    flex-flow: wrap;
    margin: -0.1rem;
}

.company_tx ul li {
    width: 33.33%;
    padding: 0.1rem;
    box-sizing: border-box;
}

.company_tx ul li .item {}

.company_tx ul li .item .main {
    background: #fff;
}

.company_tx ul li .item .main img {
    width: 100%;
}

.company_tx ul li .item .main span {
    display: block;
    padding: 0.2rem;
    text-align: center;
    font-size: 0.2rem;
    font-weight: bold;
}


.right_float {
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 99;
}

.right_float .moren_contact {
    display: block;
    position: relative;
    width: 0.8rem;
    height: 1.2rem;
    background-color: #cc2732;
    box-sizing: border-box;
    padding-top: 0.55rem;
    border-top-left-radius: 0.08rem;
    border-bottom-left-radius: 0.08rem;
}

.right_float .moren_contact img {
    position: absolute;
    top: -0.3rem;
    left: 0;
    right: 0;
    width: 0.8rem;
    height: 0.8rem;
}

.right_float .moren_contact span {
    color: #fff;
    font-size: 0.2rem;
    text-align: center;
    width: 0.8rem;
    display: block;
}

.right_float .show_tel {
    position: absolute;
    right: 0.8rem;
    width: 1.8rem;
    top: 50%;
    background: #fff;
    padding: 0.15rem 0.2rem;
    line-height: 0.3rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    box-sizing: border-box;
    font-weight: bold;
    font-size: 0.18rem;
    transform: translate(2.6rem, 0px);
    transition: all 0.3s;
}
.right_float:hover .show_tel {
    transform: translate(0px, 0px);
}
ins#aff-im-root {
    display: none !important;
}

.web_show {
    display: block;
}

.wap_show {
    display: none;
}


@media (min-width: 1px) and (max-width: 800px) {
.company_who ul li {
    width: 50%;
}
.web_show {
    display: none;
}

.wap_show {
    display: block;
}


}