@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; /**background: url() no-repeat center;**/}

.banner{position: relative;}
.banner2{position: relative;}
.banner img{width: 100%;}
.banner2 img{width: 100%;}
.banner_text{position: absolute; width: 100%; left: 0;top: 50%;transform: translateY(-50%);text-align: center;}
.banner_text span.cnlogo{background: url(../images/top-zh.png);width: 300px;height: 120px;background-size: 100% 100%; display: block;margin: 0 auto;}
.banner_text span.enlogo{background: url(../images/top-en.png);width: 150px;height: 142px;background-size: 100% 100%; display: block;margin: 0 auto;}
.banner_text i.cnlogo{background: url(../images/top-zh.png);width: 150px;height: 60px;background-size: 100% 100%; display: block;margin: 0 auto;}
.banner_text i.enlogo{background: url(../images/top-en.png);width: 150px;height: 142px;background-size: 100% 100%; display: block;margin: 0 auto;}
.banner_text .txt1{font-weight: bold; font-size: 36px;color: #f73a36;margin-top: 22px;}
.banner_text h3{font-weight: bold; font-size: 36px;color: #f73a36;margin-top: 42px;}
.banner_text h2{font-weight: bold; font-size: 46px;color: hsl(0, 0%, 100%);margin: 20px 0; line-height: 1.6;}
.banner_text p{text-transform: uppercase;font-size: 14px;color: #fff;text-align: center;}
.ssbox{width: 515px;height: 49px;margin:20px auto 0 auto; border: 2px solid #F73A36;display: flex;justify-content: space-between;}
.switchlang{font-size: 32px !important;}
.btn1{width: 85px;height: 45px; border: none;color: #fff;background: #F73A36;}
.wby1{width: calc(100% - 85px);background: #fff; padding: 0 15px;height: 45px; line-height: 45px;}
.nav{border-top: 2px solid #f73a36;text-align: center;background: #2e2f32;}
.nav ul{font-size: 0;}
.nav li{display: inline-block; }
.nav li a{color: #fff; font-size: 16px; padding: 0 30px;transition: .5s;line-height: 70px;display: block;}
.nav li.cur a{background: #f73a36;}
.nav a:hover{background: #f73a36;}

.qyjj{width: 1200px; margin: 0 auto;display: flex;justify-content: space-between;max-width: 94%; padding: 60px 0 0;align-items: center;}
.qyjj_tp{width: 420px; position: relative; }
.qyjj_tp img{width: 100%;}
.qyjj_tp b{position: absolute; width: 400px; right: -20px;bottom: -25px;z-index: 10;display: block;}
.qyjj_tp b img{width: 100%;}
.qyjj_text{width: calc(100% - 450px);}
.qyjj_text h2{font-size: 28px;color: #000;line-height: 1.8;}
.qyjj_text h3{line-height: 141%;font-size: 29px;color: #000;text-transform: uppercase; margin-bottom: 70px;}
.qyjj_text p{font-size: 16px;color: #000;line-height: 2; margin-bottom: 25px;}
.qyjj_text a{display: block;text-align: center; font-size: 14px;color: #F73A36;border: 1px solid #F73A36;width: 152px; line-height: 42px;border-radius: 22px; transition: .5s; margin-top: 40px;}
.qyjj_text a:hover{background: #F73A36;color: #fff; }



.pouts{}
.pouts_title{text-align: center; padding: 65px 0 35px;}
.pouts_title h2{text-transform: uppercase;font-size: 37px; line-height: 1.4;color: #5a5a5a;}
.pouts_title p{font-size: 22px;color: #5a5a5a; position: relative; padding: 17px 0;}
.pouts_title p:before{position: absolute; content: ""; border-bottom: 2px solid #666666;width: 43px;bottom: 0;left: 50%;transform: translateX(-50%);}
.pouts_bj{background: url(../images/a2.jpg) no-repeat center center;background-size: cover; }
.poutsbox{width: 1200px;max-width: 94%; margin: 0 auto; padding: 45px 0 85px;}
.poutsbox ul{overflow: hidden; margin-left: -35px;}
.poutsbox li{float: left; width: 25%; padding: 0 0 25px 35px;}
.tpbox{width:100%;position: relative;display:flex;flex-direction: column; justify-content: center; align-items: center;}
/*.tpbox img{width: 100%;}*/
/*.cpxq{position: absolute; width: 90%;left:50%; top:50%; transform:translate(-50%,-50%);}*/
.cpxq{border:1px solid #b4b2b2;padding:10px;width: 300px; height: 300px;display: flex;align-items: center;justify-content: center;}
/*.tpbox p{font-size: 14px; position: absolute;width: 50%; bottom: -5px;right: 0; color: #5a5a5a;text-align: center;}*/
.tpbox p{font-size: 14px;  color: #5a5a5a;text-align: center;margin-top: 10px;}

.bj2{background: url(../images/a3.jpg) no-repeat center center;background-size: cover;}
.jrwm{width: 1200px; margin: 0 auto;max-width: 94%; padding: 100px 0 65px;text-align: center;}
.jrwm h2{color: #fff; font-size: 18px; line-height: 1.6;margin-bottom: 15px;}
.jrwm p{font-size: 14px; line-height: 1.4;color: #5a5a5a;}
.jrwm a{display: block;text-align: center; width: 155px; margin: 45px auto 0 auto; line-height: 42px;color: #fff; font-size: 14px; font-weight: bold; border: 1px solid #fff;border-radius: 22px;transition: .5s;}
.jrwm a:hover{color: #fff;border: 1px solid #F73A36;color: #fff;background: #F73A36;}

.news{width: 1200px;max-width: 94%; margin: 0 auto; padding-bottom: 90px;}
.news_nr{display: flex;justify-content: space-between;align-items: flex-start;font-size:14px; color:#000; line-height: 24px;}
.news_left{width: 417px; padding: 45px 0 0 45px; position: relative;}
.news_left img{width: 100%; position: relative;z-index: 10;}
/*.news_left:before{position: absolute; content: "";width: calc(100% - 45px);height: calc(100% - 45px);left: 0; top: 0;border: 2px solid #F73A36;}*/
.news_right{width: calc(100% - 507px);}

.news_right1 li{padding: 15px 0; border-bottom: 1px solid #e2e2e2;}
.newsbox h2{font-size: 16px; color: #5a5a5a; margin-bottom: 3px; line-height: 1.4;}
.newsbox h3{text-align: right; font-size: 18px;color: #666666; /**list-style-position: 1.4;**/ margin:15px 0 3px ;}
.newsbox p{font-size: 12px; line-height: 1.4;color: #9c9c9c;}

.footer{background: #1d1d1d;}
.footerbox_bj{background: url(../images/a5.jpg) no-repeat center center;background-size: cover;}
.footerbox{width: 1200px;margin: 0 auto; max-width: 94%;padding: 105px 0;display: flex;justify-content: space-between;}
.foot_l{width: 50%; padding: 0 70px 45px 0;}
.foot_text{padding-bottom: 70px;border-bottom: 1px solid #434343;}
.foot_l p{color: rgb(148, 148, 148); line-height: 2; font-size: 14px;}
.foot_dz{padding-top: 65px;display: flex;justify-content: space-between;align-items: center;}
.foot_dz-img{width: 120px;height: 80px;}
.dztext{width: calc(100% - 110px);}
.dztext p{font-size: 14px; color: #fff; line-height: 2;}
.foot_r{width: 50%; padding: 0 45px 0 100px;}
.foot_r li{padding-bottom: 28px;}
.foot_r li p{font-size: 12px;margin-bottom: 12px;color: #cccccc;}
.wyb1{width: 100%;border: 1px solid #cccccc;height: 40px; line-height: 38px; padding: 0 15px;border-radius: 4px;color: #fff;}
.wyb1::-webkit-input-placeholder{color:#fff;}
.wyb2{width: 100%;border: 1px solid #cccccc;height: 72px;  padding: 15px;border-radius: 4px;color: #fff;}
.wyb2::-webkit-input-placeholder{color:#fff;}
.btn2{width: 100%; border-radius: 6px; border: none; height: 40px;background: #f73a36;cursor: pointer;color: #fff;}
.rxdh{padding-top: 75px;}
.rxdh p{color: #fff; font-size: 14px;margin-bottom: 14px;color: #5a5a5a;}
.rxdh h2{font-size: 27px; font-weight: bold; color: #fff;}
.bqxx p{text-align: center; font-size: 12px; line-height: 20px; padding: 15px 0; color:#5a5a5a;}
.sjzs{display: none;}

.fhbtn{position: fixed;z-index: 100;background: url(../images/a6.png); width: 40px;height: 40px;background-size: 100%;right: 10px;bottom: 20%;cursor: pointer;display: none;border-radius: 5px;
}

.page { clear:both;margin:20px;overflow:hidden;margin-left:0px;text-align:center;font-size:12px;}
.pagination{text-align:center;margin-top:20px;margin-bottom: 20px;}
.pagination li{margin:0px 5px; border:1px solid #e6e6e6;display: inline-block;width:30px;height: 30px; line-height: 30px;}
.pagination li span{display:block;padding: 3px 8px;}
.pagination li a{display:block;padding: 3px 8px;color: #000;}
.pagination .active{background-color: #1a56c5;color: #fff;}
.pagination .disabled{color:#aaa;}

.lb{display: flex; align-items: center;justify-content: center;flex-wrap: wrap;margin-bottom: 20px;}
.lb a {border: 1px solid #5a5a5a; background-color: #ffffff;color: #5a5a5a;padding:10px 20px;margin:10px;}
.lb a:hover{border: 1px solid #5a5a5a; background-color: #5a5a5a;color: #ffffff;padding:10px 20px;margin:10px;}
.lb a.active{border: 1px solid #5a5a5a; background-color: #5a5a5a;color: #ffffff;padding:10px 20px;margin:10px;}

.container{width: 100%;max-width: 1200px;margin: 0px auto;}
.products{display: flex; align-items: flex-start; justify-content: space-between; column-gap: 20px;flex-wrap: wrap;margin-bottom: 50px;}
.products .pic{border:1px solid #ccc; padding:10px;flex:1;margin: 10px;}
.products .pic img{max-width: 500px;width: 100%;}
.products .pright{display: flex; flex-direction: column;flex:1;margin: 10px;}
.products .pright .title{font-size: 16px; font-weight: bold;}

.descrtp img {max-width: 400px;margin:5px;}

.contact-mk{display:flex;gap:30px}
.product1-list{width:300px;height:auto;color:#000;background:#F4F4F4;z-index:1001;/* border:1px solid #d8d8d8 */}
.product1-list-box{width:300px;height:100%;color:#000;background:#F4F4F4}
.product1-item{width:100%;position:relative;cursor:pointer;transition:color 0.2s;color:#333}
.product1-item.active{}
.flexBetween{display:flex;justify-content:space-between;align-items:center}
.p-row{padding:0 30px}
.product1-item .product1-title{height:90px;line-height:90px;padding:20px;font-size:18px;color:#000;border-bottom:1px solid #FFF}
.product1-item.active .product1-title{background-color:#2e2f32;color:#fff;}


.product1-list-icon{color:#0a2445;font-size:22px !important}
.product1-item .product2-menu{display:none;position:relative;top:0}
.product2-menu-item{padding:0 20px;transition:color 0.2s;height:50px;line-height:50px;font-size:16px;color:#666;border-bottom:1px solid #fff}
.product2-menu-item a{display: block;width: 100%;height: 100%;}
.product1-item.active .product2-menu{display:block;}
.product-container{display:flex;gap:30px;background-color: #fff;padding: 30px 60px;}
.product1-box{width: 100%;max-width: 320px;}
.product-show{flex:1;}
.product-show-title{font-size: 28px;border-bottom: 1px solid #E0E0E0;font-weight: 500;padding-bottom: 20px;color: #000;position: relative;}
.product-show-title::after{z-index: 2;bottom: -2px;width: 40px;height: 3px;background: #2E2F32;display: block;position: absolute;left: 0;content: "";}
.poutsbox2025{margin-top: 40px;}
.poutsbox2025 ul{display: flex;flex-wrap: wrap; gap: 10px;}
.poutsbox2025 li{flex: 0 0 calc((100% - 30px)/4);}
.cpxq2025{border: 1px solid #b4b2b2;padding: 10px;width: 100%;max-width: 300px;/*  height: 300px; */display: flex;align-items: center;justify-content: center;}


@media(max-width:1360px){


}
@media(max-width:1200px){
    .poutsbox2025 li{flex: 0 0 calc((100% - 20px)/3);}
}
@media(max-width:1000px){
    .fhbtn1{width: 1rem;height: 1rem; top: 0;right: 0;background: url(../images/d1.png) no-repeat center center #434343;background-size: .4rem .4rem;z-index: 100; position: fixed;}
    .fhbtn1.on{background: url(../images/d2.png) no-repeat center center #434343;background-size: .4rem .4rem;}
    .banner{height: 3.7rem;}
    .banner2{height: 3.2rem;}
    .banner img{width: 100%;height: 100%; object-fit: cover;}
    /*.banner_text{top: 20%;}*/
    .banner_text span{width: 1.6rem;height: 1.6rem;}
    .banner_text h3{font-size: .48rem; margin-top: .32rem;}
    .banner_text h2{font-size: .47rem; margin: .15rem 0; line-height: 1.6;}
    .banner_text p{font-size: .22rem; line-height: 1.6;}
    .ssbox{display: none;}
    .nav{position: fixed;z-index: 100; width: 100%; top: 1rem;border: none;display: none;}
    .nav li{display: block; }
    .nav li a{padding: 0 .2rem;font-size: .26rem; line-height: .7rem; border-bottom: 1px solid rgba(255,255,255,.3);}
    .dhbj{position: fixed;z-index: 99;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);display: none; }
    .qyjj{display: block;padding: .8rem 0 0 0;}
    .qyjj_tp{display: block; width: 100%;display: none;}
    .qyjj_text{width: 100%; }
    .qyjj_text h2{padding-left: .5rem;font-size: .4rem; margin-bottom: .2rem;line-height: 1;}
    .qyjj_text h3{font-size: .26rem; padding: 0 0 .45rem .5rem;line-height: 1;margin: 0;}
    .qyjj_text h3 br{display: none;}
    .sjzs{display: block; width: 100%; margin-bottom: .2rem;height: 3rem;}
    .qyjj_text p{font-size: .24rem; line-height: 1.8; margin-bottom: .2rem;}
    .qyjj_text a{line-height: .6rem; width: 2.4rem;border-radius: .32rem; font-size: .26rem; margin: 0 auto;}
    .pouts_title{padding: .65rem 0 .35rem;}
    .pouts_title h2{font-size: .4rem; margin-bottom: .2rem; margin: 0;}
    .pouts_title p{padding: .25rem 0; font-size: .3rem;}
    .poutsbox{padding: 0 0 .5rem;}
    .poutsbox li{width: 50%; padding: 0 0 .4rem .2rem;}
    .poutsbox ul{margin-left: -.2rem;}
    .tpbox p{font-size: .22rem;bottom: -.1rem;}
    .jrwm{padding: .6rem 0;}
    .jrwm h2{font-size: .32rem; line-height: 1.6; margin-bottom: .15rem;}
    .jrwm p{font-size: .2rem;}
    .jrwm a{margin: .3rem auto 0 auto; line-height: .6rem;width: 2.2rem;border-radius: .32rem; font-size: .26rem;}

    .news_nr{display: block;}
    .news_left{width: 100%; padding: .4rem 0 0 .4rem;}
    .news_left:before{width: calc(100% - .4rem);height: calc(100% - .4rem);}
    .news_right{width: 100%;}
    .newsbox h2{font-size: .28rem;}
    .newsbox h3{font-size: .22rem;}
    .newsbox p{font-size: .2rem; line-height: 1.8;}
    .news{padding-bottom: .9rem;}
    .footerbox{padding: .4rem 0;display: block;}
    .foot_l{width: 100%; padding: 0;}
    .foot_text{padding-bottom: .4rem;}
    .foot_text p{font-size: .22rem;}
    .foot_dz{padding-top: .4rem;}
    .dztext p{font-size: .22rem;}
    .dztext{width: calc(100% - 1.8rem);}
    .foot_r{width: 100%; padding: .35rem 0 0 0;}
    .rxdh{padding-top: .3rem;}
    .rxdh p{font-size: .24rem;}
    .rxdh h2{font-size: .46rem;}
    .footerbox_bj{background-size: auto 100%;}

    .poutsbox2025 li{flex: 0 0 calc((100% - 10px)/2);}
}
@media(max-width:850px){
    .poutsbox li{width: 100%;}
    .products {flex-direction: column;}
    .poutsbox2025 ul{display: flex;flex-wrap: wrap;flex-direction: column;}
    .poutsbox2025 li{flex: 0 0 100%;}
}
@media(max-width:750px){
    .product-container{display: flex;flex-direction: column;}
    .product1-box{width: auto;max-width: 100%;}
    .product1-list-box{width: 100%;}
    .product1-list{width: 100%;}
    .poutsbox2025 li{flex: 0 0 calc((100% - 20px)/3);}
    .poutsbox2025 ul{display: flex;flex-wrap: wrap;flex-direction: row;}
    .banner{height: 5rem}
}
@media(max-width:700px){
    .poutsbox2025 li{flex: 0 0 calc((100% - 10px)/2);}
}