/* 资讯中心 */

@media only screen and (min-width: 1480px) {

    .head {width: 100%;position: relative;z-index: 99;}

    .head_banner {width: 100%; height: 540px;}

    .head_box {width: 100%; height: 100%;} 

    .head_nav {width: 100%; position: relative; height: 100px; line-height: 100px; padding: 0 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}

    .head_nav_logo {width: 220px; float: left;}

    .head_nav_right {float: right; display: flex; min-width: 50%; box-sizing: border-box; padding-left: 40px;}

    .head_nav_right_tt {display: flex; color: #fff; align-items: center;}

    .head_nav_right_tt .head_nav_right_tt1 {margin-right: 70px; white-space: nowrap;}

    .head_nav_right_tt .head_nav_right_tt1:last-child {margin-right: 33px;}

    .head_nav_right_tt .head_nav_right_tt2 {margin-right: 20px; font-size: 16px;}

    .won1 {position: relative; display: flex; align-items: center;}

    .won1::before{position: absolute; display: block; content: ''; background: url(../img/wa2.png) no-repeat; width: 17px; height: 17px; left: -25px; }

    .head_title {width: 100%; margin: 0 auto; text-align: center;  color: #fff; margin-top: 140px;}

    .head_title_zh {font-size: 42px; font-weight: bold;}

    .head_title_ch {font-size: 40px; text-transform: uppercase;}

    .in_tab {width: 100%; margin: 0 auto; text-align: center; line-height: 70px; border-bottom: 1px solid #ebebeb; font-size: 16px;} 

    .in_tab>div {display: inline-block; margin: 0 44px;}

    .in_tab .won2 {color: #007ddd; border-bottom: 2px solid #007ddd; }





    .in_con {width: 1440px;  margin: 0 auto; margin-top: 30px;}

    .in_con_l {width: calc((100% - 50px)/3); display: inline-block; margin-right: 20px; margin-top: 50px;}

    .in_con_l:nth-child(3n+3) {margin-right: 0;}

    .in_con_l_time {font-family: 'Bebas'; font-size: 28px; color: #656464;}

    .in_con_l_time span {font-size: 16px;}

    .in_con_l_tit {font-size: 18px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 17px;}

    .in_con_l_tips {font-size: 16px; color: #656464; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}

    .in_con_l_img {width: 100%; height: 268px; margin-top: 27px;}



    .paging {width: 100%; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 184px;margin-top:80px;}

    .paging>div {width: 44px; height: 44px; background: #f2f1f1; margin: 0 6px; line-height: 44px;font-size: 16px; color: #454545;}

    .paging>div {display: flex; align-items: center; text-align: center; justify-content: center;}

    .paging .won3 {background: #007ddd; color: #fff;}



    .footer {width: 100%; height: 440px; position: relative;}

    .footer_img{width: 100%; height: 100%;}

    .footer_con {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

    .footer_con_b {width: 1440px; margin: 0 auto; color: #fff;}

    .footer_con_btn {font-size: 14px; display: flex; justify-content: space-between; color: rgba(255, 255, 255, .5); position: absolute; bottom: 24px; width: 1440px;}

    .footer_con_top{display: flex; padding-top: 60px; width: 100%; justify-content: space-between;}

    .footer_con_top_l1 {width: 244px;}

    .footer_con_top_l2 {font-size: 16px;  font-weight: bold; margin-top: 35px;}

    .footer_con_top_l3 {font-size: 26px; font-weight: bold; font-family: 'Bebas'; margin-top: 15px;line-height: 1.5;}

    .footer_con_top_l4 {font-size: 16px; margin-top: 10px;}

    .footer_con_top_r {display: flex;}
    
    .footer_con_top_r .min_1_ad >div:nth-child(1){font-size:14px;text-align:center;}

    .footer_con_top_rr{display: flex;}

    .footer_con_top_rr_1 {width: 150px;}

    .footer_con_top_rr_1>div:first-child {font-size: 18px; font-weight: bold; margin-bottom: 10px;}

    .footer_con_top_rr_2>div {line-height: 36px;font-size:0.14rem;}
    
    .footer_con_top_rr_2>div>a{position:relative;}
    
    .footer_con_top_rr_2>div>a:after{left: 100%;position: absolute;bottom: -2px;content: " ";width: 0;border-bottom: 1px solid #fff;-webkit-transition: .3s;transition: .3s;}
    
    .footer_con_top_rr_2>div>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}

    .footer_con_top_rr_img{display: flex;}

    .footer_con_top_rr_img>div {width: 54px; height: 54px; border: 1px solid #83878e; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 20px; margin-top: 25px;}
    .footer_con_top_rr_img>div:last-child{margin-right:0;}
}



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

    .head {width: 100%;position: relative;z-index: 99;}

    .head_banner {width: 100%; height: 540px;}

    .head_box {width: 100%; height: 100%;} 

    .head_nav {width: 100%; position: relative; height: 100px; line-height: 100px; padding: 0 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}

    .head_nav_logo {width: 180px; float: left;}

    .head_nav_logo img {width: 100%;}

    .head_nav_right {float: right; display: flex;  min-width: 50%; box-sizing: border-box; padding-left: 40px;}

    .head_nav_right_tt {display: flex; color: #fff; align-items: center; font-size: 14px;}

    .head_nav_right_tt .head_nav_right_tt1 {margin-right: 55px; white-space: nowrap;}

    .head_nav_right_tt .head_nav_right_tt1:last-child {margin-right: 33px;}

    .head_nav_right_tt .head_nav_right_tt2 {margin-right: 15px; font-size: 14px;}

    .head_nav_right_tt2 img {width: 15px;}

    .won1 {position: relative; display: flex; align-items: center;}

    .won1::before{position: absolute; display: block; content: ''; background: url(../img/wa2.png) no-repeat;  width: 17px; height: 17px; left: -25px; }

    .head_title {width: 100%; margin: 0 auto; text-align: center;  color: #fff; margin-top: 140px;}

    .head_title_zh {font-size: 42px; font-weight: bold;}

    .head_title_ch {font-size: 40px; text-transform: uppercase;}

    .in_tab {width: 100%; margin: 0 auto; text-align: center; line-height: 70px; border-bottom: 1px solid #ebebeb; font-size: 16px;} 

    .in_tab>div {display: inline-block; margin: 0 44px;}

    .in_tab .won2 {color: #007ddd; border-bottom: 2px solid #007ddd; }



}

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

    .in_tab{width: 100%;line-height: 0.78rem; border-bottom: 0.01rem solid #ebebeb; font-size: 0.24rem;display: flex;align-items: center;justify-content: center;margin-top: 0.25rem;} 

    .in_tab>div {margin-right: 1.35rem;}

    .in_tab>div:last-child{margin-right: 0;}

    .in_tab .won2 {color: #007ddd; border-bottom: 2px solid #007ddd; }

    .in_con {width: calc(100% - 0.4rem*2);  margin: 0 auto; margin-top: 0.8rem;}

    .in_con_l {width: 100%; margin-bottom: 0.7rem;}
    
    .in_con>.in_con_l:last-child{margin-bottom:0;}

    .in_con_l_time {font-family: 'Bebas'; font-size: 0.4rem;line-height: 0.24rem ;color: #656464;}

    .in_con_l_time span {font-size: 0.24rem;}

    .in_con_l_tit {font-size: 0.28rem;line-height: 0.28rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.4rem;}

    .in_con_l_tips {font-size: 0.24rem;line-height: 0.24rem; color: #656464; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.28rem;}

    .in_con_l_img {width: 100%; height: 3.9rem; margin-top: 0.45rem;}

}



/* 荣誉资质 */

@media only screen and (min-width: 1480px) {

    .ho_con {width: 1440px;position: relative; margin: 0 auto; display: flex;  flex-wrap: wrap; margin-top: 30px; margin-bottom: 80px;}

    .ho_con_r1 {width: calc((100% - 75px)/4); height: 467px; background: #f8f8f8;}

    .ho_con_r1 img {width: calc(100% - 75px); margin: 0 auto; margin-bottom: 26px; height: 356px;}

    .ho_con_r1{margin-right: 25px; margin-top: 50px;}

    .ho_con_r1:nth-child(4n+4) {margin-right: 0;}

    .ho_con_r1 {font-size: 16px; text-align: center; padding-top: 35px; box-sizing: border-box;}

}

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

    .ho_con {width: 880px; position: relative; margin: 0 auto; display: flex;  flex-wrap: wrap; margin-top: 30px; margin-bottom: 80px;}

    .ho_con_r1 {width: calc((100% - 45px)/4); height: 300px; background: #f8f8f8;}

    .ho_con_r1 img {width: calc(100% - 75px); margin: 0 auto; margin-bottom: 26px; height: 175px;}

    .ho_con_r1{margin-right: 15px; margin-top: 50px;}

    .ho_con_r1:nth-child(4n+4) {margin-right: 0;}

    .ho_con_r1 {font-size: 12px; text-align: center; padding-top: 35px; box-sizing: border-box;}

}

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

    .ho_con {width: calc(100% - 0.4rem*2); position: relative; margin: 0 auto; margin-top: 0.8rem; margin-bottom: 1.3rem;}

    .ho_con_r1 {width: calc((100% - 0.25rem)/2); height: 4.67rem; background: #f8f8f8;float: left;margin-right:0.25rem;margin-bottom: 0.25rem;border: 0.01rem solid #e9e9e9;}

    .ho_con_r1 img {width: calc(100% - 0.7rem); margin: 0 auto; margin-bottom: 0.23rem; height: 3.56rem;}

    .ho_con_r1:nth-child(2n) {margin-right: 0;}

    .ho_con_r1 {font-size: 0.2rem; text-align: center; padding-top: 0.35rem; box-sizing: border-box;}

}

/* 产品中心-防火门系列 */

@media only screen and (min-width: 1480px) {

    .product {width: 100%; margin: 0 auto; text-align: center; background: #f1f1f1;padding-bottom:80px;}
    
    .pr_titw {width: 1440px; height: 130px; display: flex;   margin: 0 auto; align-items: flex-end;  }

    .pr_titw_left {display: flex; align-items: flex-end; padding-bottom: 26px;}

    .pr_titw_left>div {margin-right: 175px; display: flex; white-space: nowrap;}

    .pr_titw_left .won2 {color: #007ddd; position: relative; }

    .pr_titw_left .won2::before {display: block; content: ''; position: absolute; bottom: -26px ; background: #007ddd; width: 100%; height: 2px;}

    .pr_titw_right {width: 280px; height: 43px; border-radius: 25px; border: 1px solid #d7d6d6; margin-bottom: 26px; }

    .pr_titw_right input {line-height: 43px; width: 83%; float: left; font-size: 14px; padding-left: 20px; box-sizing: border-box;}

    .pr_titw_right input::-webkit-input-placeholder {font-size: 14px;}

    .pr_titw_right .pr_titw_right_img {width: 45px; height: 45px; float: right; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #d2d2d2;}

    .henhg {border-bottom: 1px solid #d7d6d6;width: 100%;}

    .pr_titc {width: 1440px; margin: 0 auto;min-height:500px;display: flex; flex-wrap: wrap;position:relative;}

    .pr_titc_b1 { width: calc((100% - 100px)/3); position: relative; background: #fff; height: 682px; border-radius: 6px;   margin-right: 50px; margin-top: 50px;}

    .pr_titc_b1:nth-child(3n+3) {margin-right: 0;}

    .pr_titc_b1 .pr_titc_b1_img { height: 410px; padding-top: 58px; transition: .3s; }

    .pr_titc_b1 .pr_titc_b1_img img {height: 100%; margin: 0 auto; }

    /*.pr_titc_b1 .pr_titc_b1_img{-webkit-box-reflect: below -50px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, transparent 35%, transparent 100%);}*/

    .pr_titc_b1_tit {margin-top: 70px;}

    .pr_titc_b1_tit>div:nth-child(1) {font-size: 22px; font-weight: bold; color: #333;}

    .pr_titc_b1_tit>div:nth-child(2) {font-size: 16px; font-weight: bold; color: #7c7c7c; margin-top: 10px;}
    
    .pr_titc_b1>a{z-index: 2;}

    .pr_titc_b1_img2 {position: absolute; z-index: 15; left: -55px; top: -15px; width: 100%; height: 100%;z-index:1;opacity: 0;  transition: .3s;}
    
    .pr_titc_b1_img2>img{border-radius: 10px;}

    .pr_titc_b1:hover .pr_titc_b1_img2 {opacity: 1; transition: .3s;}



    .pc{display: block;}

    .phone{display: none;}

}

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

    .product {width: 100%; margin: 0 auto; text-align: center; background: #f1f1f1;padding-bottom:80px;}

    .pr_titw {width: 880px; height: 110px; display: flex;   margin: 0 auto; align-items: flex-end;  }

    .pr_titw_left {display: flex; align-items: flex-end; padding-bottom: 26px;}

    .pr_titw_left>div {margin-right: 75px; display: flex; white-space: nowrap;}

    .pr_titw_left .won2 {color: #007ddd; position: relative; }

    .pr_titw_left .won2::before {display: block; content: ''; position: absolute; bottom: -26px ; background: #007ddd; width: 100%; height: 2px;}

    .pr_titw_right {width: 250px; height: 34px; border-radius: 25px; border: 1px solid #d7d6d6; margin-bottom: 18px; }

    .pr_titw_right input {line-height: 34px; width: 83%; float: left; font-size: 14px; padding-left: 20px; box-sizing: border-box;}

    .pr_titw_right input::-webkit-input-placeholder {font-size: 14px;}

    .pr_titw_right .pr_titw_right_img {width: 35px; height: 35px; float: right; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #d2d2d2;}

    .pr_titw_right .pr_titw_right_img img {width: 15px;}

    .henhg {border-bottom: 1px solid #d7d6d6;width: 100%;}

    .pr_titc {width: 880px; margin: 0 auto; min-height:500px;display: flex; flex-wrap: wrap;position:relative;}

    .pr_titc_b1 { width: calc((100% - 60px)/3); position: relative; background: #fff; height: 450px; border-radius: 6px;   margin-right: 30px; margin-top: 40px;}

    .pr_titc_b1:nth-child(3n+3) {margin-right: 0;}

    .pr_titc_b1 .pr_titc_b1_img { height: 250px; padding-top: 38px; transition: .3s; }

    .pr_titc_b1 .pr_titc_b1_img img {height: 100%; margin: 0 auto; }

    /*.pr_titc_b1 .pr_titc_b1_img{-webkit-box-reflect: below -50px -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, transparent 35%, transparent 100%);}*/

    .pr_titc_b1_tit {margin-top: 50px;}

    .pr_titc_b1_tit>div:nth-child(1) {font-size: 18px; font-weight: bold; color: #333;}

    .pr_titc_b1_tit>div:nth-child(2) {font-size: 14px; font-weight: bold; color: #7c7c7c; margin-top: 10px;}
    
    .pr_titc_b1>a{z-index: 2;}

    .pr_titc_b1_img2 {position: absolute; z-index: 15; left: -55px; top: -8px; width: 100%; height: 100%; opacity: 0;z-index:1; transition: .3s;  height: 460px;}

    .pr_titc_b1_img2  img {height: 100%;border-radius:10px;}

    .pr_titc_b1:hover .pr_titc_b1_img2 {opacity: 1;transition: .3s;}

    .paging {width: 100%; margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 184px;margin-top:calc(960px*80/1440);}

    .paging>div {width: 44px; height: 44px; background: #f2f1f1; margin: 0 6px; line-height: 44px;font-size: 16px; color: #454545;}

    .paging>div {display: flex; align-items: center; text-align: center; justify-content: center;}

    .paging .won3 {background: #007ddd; color: #fff;}

    .footer {width: 100%; height: 440px; position: relative;}

    .footer_img{width: 100%; height: 100%;}

    .footer_con {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

    .footer_con_b {padding-left: 80px; margin: 0 auto; color: #fff;}

    .footer_con_btn {font-size: 14px; display: flex; justify-content: space-between; color: rgba(255, 255, 255, .5); position: absolute; bottom: 24px; width: 960px;}

    .footer_con_top{display: flex; padding-top: 60px; width: 100%; justify-content: space-between;}

    .footer_con_top_l1 {width: 200px;}

    .footer_con_top_l1 img {width: 100%;}

    .footer_con_top_l2 {font-size: 14px;  font-weight: bold; margin-top: 25px;}

    .footer_con_top_l3 {font-size: 22px; font-weight: bold; font-family: 'Bebas'; margin-top: 15px;}

    .footer_con_top_l4 {font-size: 14px; margin-top: 10px;}

    /* .footer_con_top_r {display: flex;} */
    .footer_con_top_r .min_1_ad >div:nth-child(1){font-size:14px;text-align:center;}
    

    .min_1_ad {float: right; position: absolute; right: 30px; bottom: 80px; font-size: 14px;}

    .footer_con_top_rr{display: flex; font-size: 14px;}

    .footer_con_top_rr_1 {width: 130px;}

    .footer_con_top_rr_1>div:first-child {font-size: 18px; font-weight: bold; margin-bottom: 10px; font-size: 16px;}

    .footer_con_top_rr_2>div {line-height: 36px;font-size:0.12rem;}
    
    .footer_con_top_rr_2>div>a{position:relative;}
    
    .footer_con_top_rr_2>div>a:after{left: 100%;position: absolute;bottom: -2px;content: " ";width: 0;border-bottom: 1px solid #fff;-webkit-transition: .3s;transition: .3s;}
    
    .footer_con_top_rr_2>div>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}

    .footer_con_top_rr_img{display: flex;}

    .footer_con_top_rr_img img {width: 22px;}

    .footer_con_top_rr_img>div {width: 45px; height: 45px; border: 1px solid #83878e; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 20px; margin-top: 25px;}

    .footer_con_top_rr_img>div:last-child{margin-right:0;}



    .pc{display: block;}

    .phone{display: none;}

}

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

    .m_head_logo {width: 2.63rem;}

    .m_head_logo img {width: 100%;}

    .m_head {width: 100%; padding: 0 0.8rem; box-sizing: border-box; margin: 0 auto; line-height: 1.1rem; display: flex; align-items: center; justify-content: space-between;}

    .m_keft img {width: 0.37rem;}

    .m_keft {display: flex; align-items: baseline;}

    .product {width: 100%; margin: 0 auto; text-align: center; background: #f1f1f1;padding-top: 0.5rem;padding-bottom:0.8rem;}

    .pr_titw {width: 100%;margin: 0 auto;}

    .pr_titw_left {width: 100%;height: 0.72rem;overflow: hidden;overflow-x: auto;display: -webkit-box;border-bottom: 0.01rem solid #d7d6d6;padding-left: 0.4rem;}

    .pr_titw_left>div {margin-right: 0.6rem;font-size: 0.24rem;line-height: 0.72rem;}

    .pr_titw_left .won2 {color: #007ddd; position: relative; }

    .pr_titw_left .won2::before {display: block; content: ''; position: absolute;left: 0;bottom: 0 ; background: #007ddd; width: 100%; height:0.03rem;}

    .pr_titw_right {width: calc(100% - 0.4rem*2); height: 0.8rem; border-radius: 0.5rem; border: 0.01rem solid #d7d6d6; margin: 0 auto;margin-top: 0.4rem;position: relative;}

    .pr_titw_right >div:nth-child(1){width: 100%;height: 100%;}

    .pr_titw_right input {width: 100%;height: 100%;font-size: 0.22rem; padding-left: 0.3rem; box-sizing: border-box;}

    .pr_titw_right input::-webkit-input-placeholder {font-size: 0.22rem;}

    .pr_titw_right .pr_titw_right_img {width: 0.8rem; height: 0.8rem;position: absolute;right: 0;top: 0;border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #d2d2d2;}

    .pr_titw_right .pr_titw_right_img img{width: 0.32rem;height: 0.32rem;}

    .henhg {display: none;}

    .pr_titc {width:calc(100% - 0.4rem*2); margin: 0 auto;margin-top: 0.4rem;}

    .pr_titc_b1 { width: calc((100% - 0.3rem)/2);float: left; position: relative; background: #fff; height: 4.9rem; border-radius: 0.06rem;margin-right: 0.3rem; margin-top: 0.3rem;}

    .pr_titc_b1:nth-child(2n) {margin-right: 0;}

    .pr_titc_b1 .pr_titc_b1_img { height: 2.9rem; padding-top: 0.4rem;transition: .3s; }

    .pr_titc_b1 .pr_titc_b1_img img {height: 100%; margin: 0 auto; }

    /*.pr_titc_b1 .pr_titc_b1_img{-webkit-box-reflect: below -0.5rem -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.28) 0%, transparent 35%, transparent 100%);}*/

    .pr_titc_b1_tit {margin-top: 0.52rem;}

    .pr_titc_b1_tit>div:nth-child(1) {font-size: 0.2rem;line-height: 0.45rem;font-weight: bold; color: #333;text-align: center;}

    .pr_titc_b1_tit>div:nth-child(2) {font-size: 0.16rem; font-weight: bold; color: #7c7c7c;text-align: center;line-height: 0.16rem; margin-top: 0.13rem;}

    .pr_titc_b1_img2 {display: none;}



    .paging {width: 100%;margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center;margin-top: 0.5rem;}

    .paging>div {width: 0.44rem; height: 0.44rem; background: #f2f1f1;margin-right: 0.16rem;line-height: 0.44rem;font-size: 0.16rem; color: #454545;}

    .paging>div {display: flex; align-items: center; text-align: center; justify-content: center;}

    .paging>div:last-child{margin-right: 0;}

    .paging .won3 {background: #007ddd; color: #fff;}



    .pc{display: none;}

    .phone{display: block;}

    .footer{width: 100%;height: 5.2rem;background: url(../timg/t33.jpg) no-repeat;background-size: 100% 100%;padding-top: 0.68rem;}

    .ft1{font-size: 0.24rem;line-height: 0.24rem;color: #fff;text-align: center;}

    .ft2{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 0.45rem;position: relative;}

    .ft21{width: 0.97rem;height: 0.97rem;border-radius: 50%;border: 0.01rem solid rgba(255, 255, 255, 0.5);margin-right: 0.4rem;position:relative;}

    .ft23{width: 100%;height: 100%;border-radius: 50%;position: relative;}

    .ft2>.ft21:last-child{margin-right: 0;}

    .ft23>img{height: 0.38rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}

    .ft23>img:nth-child(2){width: 0.33rem;height: 0.17rem;position: absolute;right: auto;bottom: auto; left: calc(50% - 0.33rem/2);top: calc(100% + 0.18rem);opacity: 0;z-index: -1;transition: 0.5s;}

    .ft3{font-size: 0.18rem;line-height: 0.18rem;text-align: center;color: rgba(255, 255, 255, 0.5);margin-top: 1.8rem;}

    .ft22{width: max-content;position: absolute;top: calc(100% + 0.31rem);left:50%;transform: translateX(-50%); padding: .1rem;background: #fff;border-radius: 0.1rem;opacity: 0;z-index: -1;transition: 0.5s;}

    .ft22>div{width: 1.87rem;height: 1.87rem;float: left;}

    .ft21:hover .ft22{opacity: 1;z-index: 1;transition: 0.5s;}

    .ft21:hover .ft23>img:nth-child(2){opacity: 1;z-index: 1;transition: 0.5s;}

}



/* 铸诚隔断系列-列表页 */ 

@media only screen and (min-width: 1480px) {

    .gd_con {width: 1440px;  margin: 0 auto; margin-top: 30px;}

    .gd_con_l {width: calc((100% - 105px)/3); display: inline-block; margin-right: 35px; margin-top: 50px; border: 1px solid #e9e9e9; height: 468px;}

    .gd_con_l:nth-child(3n+3) {margin-right: 0;}

    .gd_con_l_tit {font-size: 20px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 23px; padding-left: 30px;}

    .gd_con_l_tips {font-size: 16px; color: #656464; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; padding-left: 30px;}

    .gd_con_l_img {width: 100%; height: 345px; }

}

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

    .gd_con {width: 960px;  margin: 0 auto; margin-top: 30px;}

    .gd_con_l {width: calc((100% - (960px*105/1440))/3); display: inline-block; margin-right: calc(960px*35/1440); margin-top: calc(960px*50/1440); border: 1px solid #e9e9e9; height: calc(960px*468/1440);}

    .gd_con_l:nth-child(3n+3) {margin-right: 0;}

    .gd_con_l_tit {font-size: calc(960px*20/1440); color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: calc(960px*23/1440); padding-left: calc(960px*30/1440);}

    .gd_con_l_tips {font-size: calc(960px*16/1440); color: #656464; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: calc(960px*10/1440); padding-left: calc(960px*30/1440);}

    .gd_con_l_img {width: 100%; height: calc(960px*345/1440); }
}

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

    .in_tab-t{width: 100%;overflow: hidden;overflow-x: auto; display: -webkit-box;padding-left: 0.4rem;}

    .gd_con {width: calc(100% - 0.4rem*2);  margin: 0 auto; margin-top: 0.8rem;}

    .gd_con_l {width: calc((100% - 0.18rem)/2);float: left; margin-right: 0.18rem; margin-bottom: 0.18rem; border:0.01rem solid #e9e9e9; height: 3.7rem;}

    .gd_con_l:nth-child(2n) {margin-right: 0;}

    .gd_con_l_tit {font-size: 0.2rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.24rem; padding-left: 0.2rem;}

    .gd_con_l_tips {font-size: 0.16rem;line-height: 0.26rem; color: #656464; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.1rem; padding-left: 0.2rem;}

    .gd_con_l_img {width: 100%; height: 2.45rem; }

}

/* 铸诚门系列-推门换境-防火门系列 */

@media only screen and (min-width: 1480px) {

    .left_xf {position:absolute; left: 0; width: 208px; top: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;z-index:2;}

    .left_xf>div {line-height: 80px; font-size: 16px; text-align:center; color: #454545; border-top: 1px solid #dedede;}

}

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

    .left_xf {position: absolute; left: 0; width: calc(960px*208/1440); top: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;z-index:2;}

    .left_xf>div {line-height: calc(960px*80/1440); font-size: calc(960px*16/1440); text-align:center; color: #454545; border-top: 1px solid #dedede;}

}

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

    .left_xf {width: 100%;height: 1rem;border-bottom: 0.01rem solid #dedede;padding-left: 0.4rem;display:-webkit-box;overflow:hidden;overflow-x:auto;}

    .left_xf>div {line-height: 1rem; font-size: 0.22rem;color: #454545;float: left;margin-right: 0.6rem;}

}