.header {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px;
    
    background: white;
}

/* .header.is_header{background: rgba(255,255,255,.8);} */
.header>div {
    display: flex;
    height: 0.92rem;
    line-height: 0.92rem;
    justify-content: space-between;
}

.header .logo {
    width: 22%;
}
.header .navs ul{display:flex}
.header .navs ul li {
    margin-right: 0.55rem;
}

.header .navs ul li a {
    font-size: 0.16rem;
    color: black;
    position: relative;
}
.header .navs ul li:last-child{margin:0}
.header .navs {
    width: 65%;
}

.header .navs ul li a::after {
    content: "";
    position: absolute;
    width: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    bottom: 0px;
    background: black;
    transition: all 0.5s ease 0s;
}
.header .navs ul li a:hover:after,.header .navs ul li.active a:after{width:100%}
.header .langs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position:relative
}

.header .langs p {
    position: relative;
    line-height: normal;
    font-size: 0.16rem;
    color: black;
    padding: 0px 0.27rem 0px 0.24rem;
}

.header .langs p::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 0.18rem;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/icon1.png) 0px 0px no-repeat;
    background-size:100%
}

.header .langs p:after {
    content:"\f107";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:.2rem
}

.header .langs dl {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    width: 0.8rem;
    display: none;
    z-index: 999;
    box-shadow: rgb(0, 0, 0) 1px 1px 5px;
    margin: 0px;
    padding: 0px;
    background: white;
    transition: none 0s ease 0s;
}
.header  .langs dl dd a{display:block;font-size:.14rem;color:#525252;line-height:.35rem;padding:0 .16rem;text-align:center;}
.header  .langs dl dd a:hover{background:#0b4da3;color:white;transition:.3s}
.tem_banner.indise{padding:.92rem  0 0 }
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .txt{position:absolute;left:50%;transform:translateX(-50%);top:51%}
.tem_banner.indise .txt h2{font-size:.48rem;color:white;font-weight:bold;letter-spacing:5px}
.about_nav{border-bottom:1px solid #e5e5e5}
.about_nav>div{height:.75rem;line-height:.75rem;}
.about_nav ul{display:flex;justify-content: center;}
.about_nav ul li{margin:0 .55rem;}
.about_nav ul li a{font-size:.15rem;color:#616162;font-weight:bold;position:relative}
.about_nav ul li a:hover{color:#0b4da3}
.about_nav ul li a:after{ content: "";position: absolute;width: 0px;left: 50%;transform: translateX(-50%);height: 2px;bottom: 0px;background: #0b4da3;transition: all 0.5s ease 0s;}
.about_nav ul li a:hover:after{width:100%}
.about_nav ul li:first-child a:after{width:100%}
.about_nav ul li:first-child a{color:#0b4da3}
.about_box .company{padding:.75rem 0 0 }
.about_box .company .items{display:flex}
.about_box .company .items>div{width:50%}
.about_box .company .items:first-child .text{padding:.7rem .68rem 0 2.6rem;text-align:center }
.about_box .company .items .text h1{font-size:.3rem;color:#383737;font-weight:bold}
.about_box .company .items .text h2{font-size:.3rem;color:#383737;font-weight:bold;margin:.25rem 0 .5rem}
.about_box .company .items .text h3{font-size:.48rem;color:#383737;margin:0 0 .5rem}
.about_box .company .items .text h3 em{font-size:1rem;height:.72rem;line-height:.72rem;font-weight:bold}
.about_box .company .items .text p{font-size:.16rem;color:#444444;line-height:.28rem}
.about_box .company .items:last-child .text{padding:1.3rem  2.6rem 0 .65rem;text-align:center }
.about_box .culture{background:url(../images/icon2.jpg) 0 0 no-repeat;background-size:cover;padding:1.15rem 0 .85rem;}

.about_box .culture h2{font-size:.48rem;color:white;text-align:center;margin:0 0 1.1rem}
.about_box .culture .lists .sm_list{padding:0 1rem;margin:0 0 1rem}
.about_box .culture .lists .sm_list .txt{height:2.45rem;overflow-y:auto;color:white}
.about_box .culture .lists .sm_list .txt p{text-align:center;font-size:.24rem;color:white;line-height:.35rem}
.about_box .culture .lists .imglist{padding:0 3.22rem;position:relative}
.about_box .culture .lists .imglist:after{content:"";position:absolute;width:100%;height:1px;background:rgba(255,255,255,.2);left:0;top:50%;transform:translateY(-50%)}
.about_box .culture .lists .imglist a{height:1.35rem;position:relative;border-radius:100%}
.about_box .culture .lists .imglist a:after{content:"";position:absolute;width:.1rem;height:.1rem;background:white;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s}
.about_box .culture .lists .imglist a h1{font-size:.24rem;color:#fefeff;text-align:center;position:absolute;width:100%;text-align:center;top:0}
.about_box .culture .lists  .imglist .swiper-slide-thumb-active a{background:#124c96;}
.about_box .culture .lists  .imglist .swiper-slide-thumb-active a h1{top:50%;transform:translateY(-50%);transition:.5s}
.about_box .culture .lists  .imglist .swiper-slide-thumb-active a:after{top:74%;transition:.5s}
.about_box .honor{padding:0 0 1.35rem}
.about_box .honor h2{text-align:center;font-size:.48rem;color:#3b3b3b;padding:1.3rem 0  .7rem;font-weight:bold}
.about_box .honor .infos{padding:0 0 .95rem}
.about_box .honor .infos p{font-size:.16rem;color:#3b3b3b;font-weight:bold;margin:0 0 .1rem}
.about_box .honor .infos p:last-child{margin:0}
.about_box .honor .lists{position:relative}
.about_box .honor .lists:after{content:"";position:absolute;background:url(../images/icon2.png) 0 0 no-repeat;width:17.34rem;height:1.3rem;left:50%;transform:translateX(-50%);bottom:-1rem;background-size:100%}
.about_box .honor .lists a:hover img{transform:scale(.9)}
.about_box .honor .lists .swiper-page{position:absolute;display:flex;right:0;top:-1.5rem;align-items: center;}
.about_box .honor .lists .swiper-page .slide-button-prev,.about_box .honor .lists .swiper-page .slide-button-next{height:.55rem;width:.55rem;;border:1px solid #0b4da3;;line-height:.55rem;text-align:center;font-size:.3rem;color:#0b4da3;border-radius:100%}
.about_box .honor .lists .swiper-page .slide-button-prev:hover,.about_box .honor .lists .swiper-page .slide-button-next:hover{background:#0b4da3;color:white}
.about_box .honor .lists .swiper-page .slide-pagination{width:auto;font-size:.24rem;color:#c7c8ca;font-weight:bold;margin:0 .33rem}
.about_box .honor .lists .swiper-page .slide-pagination .swiper-pagination-current{font-size:.3rem;color:#020d24}
.about_box .team{position:relative}
.about_box .team h2{position:absolute;left:50%;transform:translateX(-50%);font-size:.48rem;color:white;top:35%}
.about_box .team a{position:absolute;;left:50%;transform:translateX(-50%);top:66%;padding-right:.66rem;font-size:.16rem;color:white;}
.about_box .team a h1{border-bottom:1px solid white}
.about_box .team a:after{content:"\f105";position:absolute;width:.34rem;height:.34rem;font: normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);line-height:.34rem;text-align:center;font-size:.18rem;border:1px dashed white;border-radius:100%;transition:.3s}
.about_box .team a:hover:after{background:white;color:black}
.fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.9rem .8rem .5rem;}
.fixed_box .mains.met_hidden{top:70%}
.about_box .applion{padding:0 0 1.5rem}
.about_box .applion>div{padding:0 .9rem  }
.about_box .applion h2{font-size:.48rem;color:#3b3b3b;text-align:center;padding:1.35rem 0 .65rem}
.about_box .applion .lists p{padding:.38rem 0 0;text-align:center;font-size:.18rem;color:#2c2c2c }
.about_box .applion .lists a:hover img{transform:scale(1.1)}
.about_box .applion .lists a{overflow:hidden}
.about_box .applion .lists .swiper-page{display:flex;align-items: center;justify-content: center;padding:.9rem 0 0}
.about_box .applion .lists .swiper-page .slide-button-prev,.about_box .applion .lists .swiper-page .slide-button-next{height:.55rem;width:.55rem;;border:1px solid #0b4da3;;line-height:.55rem;text-align:center;font-size:.3rem;color:#0b4da3;border-radius:100%}
.about_box .applion .lists .swiper-page .slide-button-prev:hover,.about_box .applion .lists .swiper-page .slide-button-next:hover{background:#0b4da3;color:white}
.about_box .applion .lists .swiper-page .slide-pagination{width:auto;font-size:.24rem;color:#c7c8ca;font-weight:bold;margin:0 .33rem}
.about_box .applion .lists .swiper-page .slide-pagination .swiper-pagination-current{font-size:.3rem;color:#020d24}
.footer{background:#0b4da3}
.footer  .top{display:flex;padding:1.1rem 0 .5rem;border-bottom:1px solid #507fbd;justify-content: space-between;}
.footer  .top .fot_nav{display:flex;width:74%;justify-content: space-between;}
.footer  .top .fot_nav dl  dt{margin:0 0 .4rem;}
.footer  .top .fot_nav dl  dt a{font-size:.18rem;color:white;font-weight:normal}
.footer  .top .fot_nav dl   dd{margin:0 0 .1rem}
.footer  .top .fot_nav dl   dd:last-child{margin:0}
.footer  .top .fot_nav dl   dd a{font-size:.15rem;color:#e0edff}
.footer  .top .right{width:19%;padding:.02rem 0 0 }
.footer  .top .right   h2{font-size:.16rem;color:white;padding:0 0 .4rem}
.footer  .top .right .txt h1{font-size:.24rem;color:white;font-weight:bold}
.footer  .top .right .txt p{font-size:.16rem;color:#ffffff;margin:.25rem 0 0 }
.footer  .bot{display:flex;padding:.3rem  0 .3rem;justify-content: space-between;}
.footer  .bot .left{width:50%;padding:.1rem 0 0 }
.footer  .bot .left p{font-size:.16rem;color:#ffffff;padding:0 0 .15rem}
.footer  .bot .left a{font-size:.16rem;color:#ffffff}
.footer  .bot .right ul {display:flex}
.footer  .bot .right ul li{margin-left:.18rem}
.footer  .bot .right ul li a{width:.38rem;height:.38rem;background:#898989;color:white;text-align:center;line-height:.38rem;font-size:.2rem;border:1px solid #b3b7bd;position:relative}
.footer  .bot .right ul li a>div{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);box-shadow:4px 4px 6px rgba(0,0,0,.15);opacity:0;visibility:hidden;width:1.2rem;}
.footer  .bot .right ul li a:hover>div {opacity:1;visibility:visible}

.product_box .pro_top .pro_nav{border-bottom:1px solid #e5e5e5}
.product_box .pro_top .pro_nav{height:.75rem;line-height:.75rem;}
.product_box .pro_top .pro_nav ul{display:flex;justify-content: center;}
.product_box .pro_top .pro_nav ul li{margin:0 .55rem}
.product_box .pro_top .pro_nav ul li a{font-size:.15rem;color:#616162;font-weight:bold;position:relative}
.product_box .pro_top .pro_nav ul li a:hover{color:#0b4da3}
.product_box .pro_top .pro_nav ul li a:after{ content: "";position: absolute;width: 0px;left: 50%;transform: translateX(-50%);height: 2px;bottom: 0px;background: #0b4da3;transition: all 0.5s ease 0s;}
.product_box .pro_top .pro_nav ul li a:hover:after{width:100%}
.product_box .pro_top .pro_nav ul li.active a:after{width:100%}
.product_box .pro_top .pro_nav ul li.active a{color:#0b4da3}
.product_box .pro_top .pro_nav_two>div{padding:.95rem  0 .5rem}
.product_box .pro_top .pro_nav_two h2{font-size:.48rem;color:#3b3b3b;font-weight:bold;padding:0 0 .6rem}
.product_box .pro_top .pro_nav_two ul{display:flex;flex-wrap: wrap;}
.product_box .pro_top .pro_nav_two ul li{width:16.666%;padding:0 .05rem;margin:0 0 .1rem}
.product_box .pro_top .pro_nav_two ul li a{height:.68rem;border:1px solid #d6d7d8;border-radius:10px;font-size:.18rem;display:flex;flex-direction: column;justify-content: center;align-items: center;color:#3b3b3b}
.product_box .pro_top .pro_nav_two ul li a:hover{background:#124c96;color:white;border:1px solid #124c96}
.product_box .pro_top .pro_nav_two ul li.active a{background:#124c96;color:white;border:1px solid #124c96}
.product_box .lists{background:#f6f6f6;padding:.9rem  0 0;}
.product_box .lists>div{display:flex;align-content: space-between;flex-wrap: wrap;justify-content: space-between;position:relative}
.product_box .lists .items{width:30.4%;margin:0 0 .65rem}
.product_box .lists>div:after{content:"";width:30.4%}
.product_box .lists .items  a{border:1px solid #dcdcdc;background:#ffffff}
.product_box .lists .items a .text{height:.65rem;display:flex;flex-direction: column;justify-content: center;align-items: center;border-top:1px solid #dcdcdc;}
.product_box .lists .items a .text h2{color:#373738;font-size:.18rem;font-weight:bold}
.product_box .lists .items a:hover img{transform:scale(1.1)}
.product_box .page{display:flex;justify-content: center;padding:.4rem 0 2.25rem;background:#f6f6f6;align-items: center;}
.product_box .page a.page-item{height:.55rem;width:.55rem;;border:1px solid #0b4da3;;line-height:.55rem;text-align:center;font-size:.3rem;color:#0b4da3;border-radius:100%;margin:0  .2rem}
.product_box .page a.page-num{width:.45rem;height:.45rem;;border:1px solid #0b4da3;;line-height:.45rem;text-align:center;font-size:.18rem;color:#0b4da3;border-radius:5px;margin:0 .1rem}
.product_box .page a.page-num-current{background:#0b4da3;color:white}
.product_box .page a:hover{background:#0b4da3;color:white}
.product{padding:.92rem 0 0;background:#f9f9fa}
.product .mbx{display:flex;padding:.35rem 0}
.product .mbx a{font-size:.15rem;color:#7a7a7a;margin:0 .1rem;position:relative}
.product .mbx a:after{position:absolute;content:"";width:2px;height:.13rem;background:#8b8b8b;top:50%;transform:translateY(-50%);right:-.1rem}
.product .mbx a:last-child:after{display:none}
.product .mbx a:last-child{color:#0b4da3}
.product .infos{display:flex;justify-content: space-between;}
.product .infos .lists{width:62%}
.product .infos .right{width:31%;padding:2.45rem 0 0}
.product .infos .right h2{font-size:.3rem;color:#3b3b3b;font-weight:bold;padding:0 0 .95rem}
.product .infos .right  a{height:.55rem;width:1.7rem;background:#0b4da3;border-radius:50px;text-align:center;;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.product .infos .right  a h1{font-size:.16rem;color:white;;padding-left:.38rem;position:relative}
.product .infos .right  a h1:after{content:"";position:absolute;background:url(../images/icon3.png)0 0 no-repeat;width:.25rem;height:.27rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product .editor{padding:1rem 0;font-size:.16rem;;color:#3b3b3b}
.workshop_nav{border-bottom:1px solid #e5e5e5}
.workshop_nav>div{height:.75rem;line-height:.75rem;}
.workshop_nav ul{display:flex;justify-content: center;}
.workshop_nav ul li{margin:0 .55rem}
.workshop_nav ul li a{font-size:.15rem;color:#616162;font-weight:bold;position:relative}
.workshop_nav ul li a:hover{color:#0b4da3}
.workshop_nav ul li a:after{ content: "";position: absolute;width: 0px;left: 50%;transform: translateX(-50%);height: 2px;bottom: 0px;background: #0b4da3;transition: all 0.5s ease 0s;}
.workshop_nav ul li a:hover:after{width:100%}
.workshop_nav ul li.active a{color:#0b4da3}
.workshop_nav ul li.active a:after{width:100%}
.workshop>div{padding:.7rem 0 2.9rem}
.workshop .lists{display:flex;align-content: space-between;flex-wrap: wrap;justify-content: space-between;position:relative}
.workshop .lists:after{content:"";width:31%}
.workshop .lists .items{width:31%;margin:0 0 .65rem}
.workshop .lists>div:after{content:"";width:31%}
.workshop .lists .items  a{background:#ffffff}
.workshop .lists .items a .text{height:.65rem;display:flex;flex-direction: column;justify-content: center;align-items: center;border-top:1px solid #dcdcdc;}
.workshop .lists .items a .text h2{color:#373738;font-size:.18rem;font-weight:bold}
.workshop .lists .items a:hover img{transform:scale(1.1)}
.workshop .page{display:flex;justify-content: center;padding:.8rem 0 0;align-items: center;}
.workshop .page a.page-item{height:.55rem;width:.55rem;;border:1px solid #0b4da3;;line-height:.55rem;text-align:center;font-size:.3rem;color:#0b4da3;border-radius:100%;margin:0  .2rem}
.workshop .page a.page-num{width:.45rem;height:.45rem;;border:1px solid #0b4da3;;line-height:.45rem;text-align:center;font-size:.18rem;color:#0b4da3;border-radius:5px;margin:0 .1rem}
.workshop .page a.page-num-current{background:#0b4da3;color:white}
.workshop .page a:hover{background:#0b4da3;color:white}
.quliy_nav{border-bottom:1px solid #e5e5e5}
.quliy_nav>div{height:.75rem;line-height:.75rem;}
.quliy_nav ul{display:flex;justify-content: center;}
.quliy_nav ul li{margin:0 .3rem}
.quliy_nav ul li a{font-size:.15rem;color:#616162;font-weight:bold;position:relative}
.quliy_nav ul li a:hover{color:#0b4da3}
.quliy_nav ul li a:after{ content: "";position: absolute;width: 0px;left: 50%;transform: translateX(-50%);height: 2px;bottom: 0px;background: #0b4da3;transition: all 0.5s ease 0s;}
.quliy_nav ul li a:hover:after{width:100%}
.quliy_nav ul li.active a{color:#0b4da3}
.quliy_nav ul li.active a:after{width:100%}
.sorting .ordinary>div{padding:.73rem 0 1.0rem}
.sorting .ordinary h2{font-size:.44rem;color:#232323;padding:0 0 .55rem}
.sorting .ordinary .lists .swiper-slide{height:6.08rem;position:relative}
.sorting .ordinary .lists .swiper-slide .items{position:absolute}
.sorting .ordinary .lists .swiper-slide .items a{overflow:hidden}
.sorting .ordinary .lists .swiper-slide .items a:hover img{transform:scale(1.1)}
.sorting .ordinary .lists .swiper-slide .items:nth-child(1){position:absolute;height:100%;width:37.3%;left:0;top:0}
.sorting .ordinary .lists .swiper-slide .items:nth-child(1) a{height:100%;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(1) a img{height:100%;object-fit:cover;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(2){position:absolute;height:46.8%;width:36%;right:0;left:38%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(2) a{height:100%;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(2) a img{height:100%;object-fit:cover;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(3){position:absolute;height:46.8%;width:25.4%;right:0}
.sorting .ordinary .lists .swiper-slide .items:nth-child(3) a{height:100%;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(3) a img{height:100%;object-fit:cover;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(4){position:absolute;height:52.5%;width:26%;left:38%;bottom:0;}
.sorting .ordinary .lists .swiper-slide .items:nth-child(4) a{height:100%;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(4) a img{height:100%;object-fit:cover;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(5){position:absolute;height:52.5%;width:35.5%;right:0;bottom:0;}
.sorting .ordinary .lists .swiper-slide .items:nth-child(5) a{height:100%;width:100%}
.sorting .ordinary .lists .swiper-slide .items:nth-child(5) a img{height:100%;object-fit:cover;width:100%}
.sorting .ordinary .lists  .swiper-scrollbar{width:100%;border:1px solid #d5d5d5;margin:.85rem 0 0;height:10px;background:#fafafa}
.sorting .ordinary .lists  .swiper-scrollbar .swiper-scrollbar-drag{background:#414141 !important}
.sorting .glass{padding:1.2rem 0 1.7rem;background:#efefef}
.sorting .glass  h2{font-size:.44rem;color:#232323;padding:0 0 .65rem}
.sorting .glass   .lists p{text-align:center;font-size:.18rem;color:#2c2c2c;font-weight:bold;padding:.35rem 0 0 }
.sorting .glass   .lists a{overflow:hidden}
.sorting .glass   .lists a:hover img{transform:scale(1.1)}
.sorting .glass   .lists .swiper-page{display:flex;align-items: center;justify-content: center;padding:1rem 0 0}
.sorting .glass   .lists .swiper-page .slide-button-prev,.sorting .glass   .lists .swiper-page .slide-button-next{height:.55rem;width:.55rem;;border:1px solid #0b4da3;;line-height:.55rem;text-align:center;font-size:.3rem;color:#0b4da3;border-radius:100%}
.sorting .glass   .lists .swiper-page .slide-button-prev:hover,.sorting .glass   .lists .swiper-page .slide-button-next:hover{background:#0b4da3;color:white}
.sorting .glass   .lists .swiper-page .slide-pagination{width:auto;font-size:.24rem;color:#c7c8ca;font-weight:bold;margin:0 .33rem}
.sorting .glass   .lists .swiper-page .slide-pagination .swiper-pagination-current{font-size:.3rem;color:#020d24}
.sorting   .drum{padding:1.15rem 0 2.2rem}
.sorting   .drum>div{padding-left:2.6rem}
.sorting   .drum  h2{font-size:.44rem;color:#232323;padding:0 0 .75rem}
.sorting   .drum .lists  .bot{padding-right:2.6rem;margin:.7rem 0 0 }
.sorting   .drum .lists  .swiper-scrollbar{width:100%;border:1px solid #d5d5d5;;height:10px;background:#fafafa}
.sorting   .drum  .lists  .swiper-scrollbar .swiper-scrollbar-drag{background:#414141 !important}
.sorting   .drum  .lists  a{overflow:hidden}
.sorting   .drum  .lists  a:hover img{transform:scale(1.1)}
.news_list>div{padding:.75rem 0 2.55rem}
.news_list .top{margin:0 0 .9rem;position:relative}
.news_list .top  a{display:flex;background:#f6f6f6}
.news_list .top  a .left{width:48%;padding:.55rem .75rem 0 .5rem;}
.news_list .top  a .left span{font-size:.16rem;color:#9d9d9d}
.news_list .top  a .left h2{font-size:.24rem;color:#00459b;font-weight:bold;margin:.2rem 0 .65rem}
.news_list .top  a .left p{font-size:.16rem;color:#4b4b4b;line-height:.25rem;height:.75rem;margin:0 0 .55rem}
.news_list .top  a .left em{font-size:.2rem;color:#00459b;font-weight:bold}
.news_list .top  a:hover img{transform:scale(1.1)}
.news_list .top  a .img{width:52%}
.news_list .top  .slide-pagination{position:absolute;;left:.5rem;bottom:.5rem;z-index:2}
.news_list .top   .slide-pagination span{margin:0  .04rem;width:.13rem;height:.13rem;background:none;border:2px solid #828282;opacity:1}
.news_list .top   .slide-pagination span.swiper-pagination-bullet-active{border:2px solid #00459b}
.news_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.news_list .lists:after{width:31.5%;content:""}
.news_list .lists .items{width:31.5%;margin:0 0 .78rem}
.news_list .lists .items a{padding:.5rem .22rem .7rem;border-top:2px solid #e2e2e2}
.news_list .lists .items a:hover{background:#f6f6f6;border-top:2px solid rgba(0,0,0,0)}
.news_list .lists .items a:hover img{transform:scale(1.1)}
.news_list .lists .items a .text h2{font-size:.2rem;color:#323232;font-weight:bold;line-height:.25rem;height:.5rem;margin:.35rem  0 .75rem}
.news_list .lists .items a .text .more{display:flex;justify-content: space-between;align-items: center;}
.news_list .lists .items a .text .more em{font-size:.16rem;color:#797979;font-weight:bold}
.news_list .lists .items a .text .more span{font-size:.2rem;color:#2d2d2d}
.news_list  .page{display:flex;justify-content: center;;align-items: center;}
.news_list  .page a.page-item{height:.55rem;width:.55rem;;border:1px solid #0b4da3;;line-height:.55rem;text-align:center;font-size:.3rem;color:#0b4da3;border-radius:100%;margin:0  .2rem}
.news_list .page a.page-num{width:.45rem;height:.45rem;;border:1px solid #0b4da3;;line-height:.45rem;text-align:center;font-size:.18rem;color:#0b4da3;border-radius:5px;margin:0 .1rem}
.news_list .page a.page-num-current{background:#0b4da3;color:white}
.news_list .page a:hover{background:#0b4da3;color:white}
.contact_box  .infos{position:relative}
.contact_box  .infos .map #container{height:6.5rem}
.contact_box  .infos .text{position:absolute;left:2.6rem;top:50%;transform:translateY(-50%);z-index:2;background:white;text-align:center;padding:.6rem .2rem .3rem;box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);}
.contact_box  .infos .text h2{font-size:.36rem;color:#262626;font-weight:bold;margin:0 0 .5rem}
.contact_box  .infos .text h3{display:inline-block;height:.55rem;line-height:.55rem;background:#00459b;border-radius:50px;color:white;padding:0 .5rem;font-size:.3rem;font-weight:bold;margin:0 0 .4rem}
.contact_box  .infos .text>p{font-size:.18rem;color:#00459b;font-weight:bold}
.contact_box  .infos .text ul{margin:.45rem 0 0 }
.contact_box  .infos .text ul li {margin:0 0 .2rem}
.contact_box  .infos .text ul li p{font-size:.16rem;color:#00459b;font-weight:bold;}
.contact_box  .message{padding:1.25rem 0 2.95rem}

.contact_box  .message .title h1{font-size:.36rem;color:#262626;font-weight:bold;padding:0 0 .25rem}
.contact_box  .message .title p{font-size:.24rem;color:#00459b;font-weight:bold;padding:0 0 .45rem}
.contact_box  .message  .lists .input{display:flex;justify-content: space-between;;padding:0 0 .3rem}
.contact_box   .message .lists{font-size:0}
.contact_box  .message .lists .input input{width:48%;height:.6rem;border:1px solid #d3d3d3;font-size:.16rem;color:#676767;padding:0 .22rem;border-radius:5px}
.contact_box  .message  .lists .bot textarea{height:1.85rem;width:100%;border:1px solid #d3d3d3;font-size:.16rem;color:#676767;padding:.22rem}
.contact_box   .message .lists  button{height:.44rem;width:1.98rem;background:#00459b;font-size:.16rem;color:white;border-radius:50px;margin:.4rem 0 0;border:0}

.tem_banner.index{padding:.92rem 0 0 }
.tem_banner.index .label_text{position:absolute;left:2.6rem;top:49.5%;z-index:2}
.tem_banner.index .label_text h1{font-size:.6rem;color:#ffffff;font-weight:bold;letter-spacing:10px;margin:0 0 .3rem}
.tem_banner.index .label_text h2{font-size:.36rem;color:#ffffff;padding:0 0 1.1rem;position:relative;margin:0 0 .4rem}
.tem_banner.index .label_text h2:after{content:'';position:absolute;background:#ffffff;height:12px;width:.63rem;left:0;bottom:0}
.tem_banner.index .label_text p{font-size:.2rem;color:white}
.tem_banner.index .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.7rem;z-index:2}
.tem_banner.index .slide-pagination span{width:7px;height:7px;background:rgba(255,255,255,.57);margin:0 .09rem;opacity:1;position:relative}
.tem_banner.index .slide-pagination span:after{content:"";position:absolute;border:1px solid white;width:.18rem;height:.18rem;transition:.3s;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:100%;opacity:0}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:white}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1}
.index_pro {padding:0 0 1.5rem}
.index_pro .pad95{padding:0 .95rem}
.index_pro .pad95 .title{padding:1.2rem 0 .55rem;text-align:center}
.index_pro .pad95 .title h1{font-size:.42rem;color:#2e2e2f;font-weight:bold;padding:0 0 .25rem}
.index_pro .pad95 .title p{font-size:.42rem;color:#2e2e2f;font-weight:bold;padding:0 0 .4rem}
.index_pro .pad95 .title a{font-size:.16rem;color:#0b4da3;font-weight:bold;display:inline-block}
.index_pro .lists{display:flex;justify-content: space-between;}
.index_pro .lists ul{width:31.4%;display:flex;flex-direction: column;justify-content: space-between;}
.index_pro .lists ul li{}
.index_pro .lists ul li a{overflow:hidden;border-radius:30px;position:relative}
.index_pro .lists ul li a .text{position:absolute;width:100%;left:0;z-index:2;bottom:-.3rem;padding:0 .4rem}
.index_pro .lists ul li a .text h1{font-size:.24rem;color:white;padding:0 0 .1rem}
.index_pro .lists ul li a .text p{font-size:.16rem;color:white;margin:0 0 .45rem}
.index_pro .lists ul li a .text em{font-size:.16rem;color:white;display:inline-block;padding-right:.25rem;position:relative }
.index_pro .lists ul li a .text em:after{content:"";position:absolute;background:url(../images/icon4.png)0 0 no-repeat;width:.16rem;height:.17rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_pro .lists .middle{width:31.9%;}
.index_pro .lists .middle a {position:relative;overflow:hidden;border-radius:30px}
.index_pro .lists .middle a .text{position:absolute;width:100%;left:50%;z-index:2;bottom:-.3rem;transform:translateX(-50%);text-align:center}
.index_pro .lists .middle a .text h1{font-size:.24rem;color:white;padding:0 0 .1rem}
.index_pro .lists .middle a .text p{font-size:.16rem;color:white;margin:0 0 .45rem}
.index_pro .lists .middle a .text em{font-size:.16rem;color:white;display:inline-block;padding-right:.25rem;position:relative }
.index_pro .lists .middle a .text em:after{content:"";position:absolute;background:url(../images/icon4.png)0 0 no-repeat;width:.16rem;height:.17rem;right:0;top:50%;transform:translateY(-50%);background-size:100%}
.index_pro .lists .middle   a:hover .text{bottom:.5rem}
.index_pro .lists .middle   a:hover img{transform:scale(1.1)} 
.index_pro .lists .middle  a .img{border-radius:30px}
.index_pro .lists .middle{width:31.9%}
.index_pro .lists ul li a:hover .text{bottom:.5rem}
.index_pro .lists ul li a .img{border-radius:30px}
.index_pro .lists ul li a:hover img{transform:scale(1.1)}
.index_product{display:flex}
.index_product .items{width:50%;position:relative}
.index_product .items .text{position:absolute;  }
.index_product .items .text h1{font-size:.42rem;color:#ffffff;padding:0 0 .25rem}
.index_product .items .text p{font-size:.16rem;color:#ffffff}
.index_product .items:nth-child(1) .text{left:.93rem;top:1.3rem;text-align:left;}
.index_product .items:nth-child(2) .text{right:.93rem;top:1.3rem;text-align:right}
.index_product .items .more{position:absolute;;;}
.index_product .items:nth-child(1) .more{bottom:.72rem;left:.92rem}
.index_product .items:nth-child(2) .more{bottom:.72rem;right:.92rem}
.index_product .items:nth-child(1) .more a{}
.index_product .items .more a{height:1.64rem;width:2.2rem;background:white;padding:0 .33rem;position:relative;border-radius: 20px 0  0  20px;  }
.index_product .items .more a:after{content:"";position:absolute;background:url(../images/icon5.png) 0 0 no-repeat;width:.29rem;height:.29rem;background-size:100%;right:.18rem;top:.18rem}
.index_product .items .more a h1{font-size:.77rem;position:absolute;color:rgba(34,34,34,.07);font-weight:bold;left:0;top:20%}
.index_product .items:nth-child(2) .more a{border-radius:0 20px 20px 0}
.index_product .items .more a  p{font-size:.16rem;color:#0b4da3;font-weight:bold;padding:1.2rem 0 0}
.index_product .items .more a:hover{background:#0b4da3}
.index_product .items .more a:hover p{color:white}
.index_product .items .more a:hover h1{font-size:.77rem;position:absolute;color:rgba(255,255,255,.8);font-weight:bold;left:0;top:20%}
.index_quliy{padding:1.5rem  0 1.85rem}
.index_quliy .items1{display:flex;justify-content: space-between;align-items: center;}
.index_quliy .items1 .img{width:60%}
.index_quliy .items1 .text{width:32%}
.index_quliy .items1 .text h1{font-size:.3rem;color:#0b4da3;font-weight:bold}
.index_quliy .items1 .text h2{font-size:.48rem;color:#333333;margin:.4rem 0 .5rem;font-weight:bold}
.index_quliy .items1 .text  p{font-size:.16rem;color:#333333}
.index_quliy .items1 .text  a{margin:1.4rem 0 0 ;display:inline-block;height:.5rem;line-height:.5rem;width:1.65rem;border:1px solid #0b4da3;text-align:center;border-radius:50px;font-size:.16rem;color:#0b4da3}
.index_quliy .items1 .text  a:hover{background:#0b4da3;color:white}

.index_quliy .items2{display:flex;justify-content: space-between;align-items: center;margin:1.25rem 0 0 }
.index_quliy .items2 .img{width:58%}
.index_quliy .items2 .text{width:35%}
.index_quliy .items2 .text h1{font-size:.3rem;color:#0b4da3;font-weight:bold}
.index_quliy .items2 .text h2{font-size:.48rem;color:#333333;margin:.4rem 0 .35rem;font-weight:bold}
.index_quliy .items2 .text  p{font-size:.16rem;color:#333333}
.index_quliy .items2 .text  a{margin:1rem 0 0 ;display:inline-block;height:.5rem;line-height:.5rem;width:1.65rem;border:1px solid #0b4da3;text-align:center;border-radius:50px;font-size:.16rem;color:#0b4da3}
.index_quliy .items2 .text  a:hover{background:#0b4da3;color:white}
.index_news_top {background:#f4f4f4}
.index_news_top>div{display:flex}
.index_news_top .left{width:17%;border-right:2px solid #e7e7e7;padding:.9rem 0 0 }
.index_news_top .left h1{font-size:.36rem;color:#2d2d2d;font-weight:bold;padding:0 0 .45rem}
.index_news_top .left a{font-size:.16rem;color:#0b4da3;font-weight:bold;display:inline-block}
.index_news_top .lists{width:83%}
.index_news_top .lists a{padding:.55rem  .5rem .5rem;border-right:2px solid #e7e7e7}
.index_news_top .lists a h2{font-size:.2rem;color:#3a3a3a;font-weight:bold;height:.56rem;line-height:.28rem;margin:0 0 .65rem}
.index_news_top .lists a p{font-size:.14rem;color:#797979;font-weight:bold;position:relative}
.index_news_top .lists a p:after{content:'';position:absolute;background:url(../images/icon6.png) 0 0 no-repeat;width:.24rem;height:.13rem;right:.2rem;top:50%;transform:translateY(-50%);transition:.3s;background-size:100%}
.index_news_top .lists a:hover p:after{transition:.3s;right:0}
.index_news {padding:0 0 1.3rem}
.index_news .title{display:flex;padding:.8rem  0 .7rem;justify-content: space-between;align-items: flex-end;}
.index_news .title h2{font-size:.42rem;color:#2e2e2f;font-weight:bold}
.index_news .title a{font-size:.16rem;color:#0b4da3;font-weight:bold}
.index_news .infos{display:flex;justify-content: space-between;}
.index_news .infos .img{width:42%}
.index_news .infos .lists{width:52%;position:relative;padding:.3rem 0 0}
.index_news .infos .lists .swiper-container{height:3.2rem;width:100%;position:relative}
.index_news .infos .lists:after{content:"";position:absolute;background:#c6c6c6;width:2px;height:100%;top:0;left:.12rem}
.index_news .infos .lists a{}
.index_news .infos .lists a h1{font-size:.18rem;color:rgba(11,77,163,.6);font-style:italic;padding-left:.5rem;position:relative}
.index_news .infos .lists a h2{font-size:.2rem;color:rgba(11,77,163,.6);margin:.1rem 0 0;padding-left:.5rem }
.index_news .infos .lists .swiper-slide-next a h1{font-size:.24rem;color:#0b4da3;font-weight:bold}
.index_news .infos .lists .swiper-slide-next a h2{font-size:.24rem;color:#0b4da3;font-weight:bold}
.index_news .infos .lists a h1:after{position:absolute;content:"";background:url(../images/icon7.png) 0 0 no-repeat;width:.12rem;height:.13rem;left:.07rem;background-size:100%;top:50%;transform:translateY(-50%)}
.index_news .infos .lists .swiper-slide-next a h1:after{position:absolute;content:"";background:url(../images/icon8.png) 0 0 no-repeat;width:.26rem;height:.25rem;left:0;background-size:100%;top:50%;transform:translateY(-50%)}
.index_news .infos .lists .swiper-page{position:absolute;right:0;top:18%;z-index:2}
.index_news .infos .lists .swiper-page>div{width:.48rem;height:.48rem;background:#dcdcdc;text-align:center;line-height:.48rem;font-size:.24rem;border-radius:100%;margin:.11rem 0;color:#3b3b3b}
.index_news .infos .lists .swiper-page>div:hover{background:#0b4da3;color:white}
/**/
/********<=767 mobile nav style css********/
.m-header {
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.m-header>.col-xs-6>div {
    color: #3377fe;
}

.m-header>.col-xs-6 img {
    max-height: 35px;
}

.st-container .st-menu {
    background: #fff;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    -o-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0s;
}

.st-container .st-menu ul li a {
    color: #555;
    position: relative;
    font-size: .25rem;
}

.st-container .st-menu ul li>a:hover,
.st-container .st-menu ul li.active>a {
    background: #555;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #fff;
}

.st-container .st-menu ul li>a>i {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    color: #444;
}

.st-container .st-menu ul li.active>a>i,
.st-container .st-menu ul li>a:hover>i {
    color: #FFF
}

.st-container .st-menu ul li>dl {
    transition: none;
    margin: 0
}

.st-container .st-menu ul li>dl dd a {
    background: none;
    box-shadow: none;
    color: #b3b3b3;
    padding-left: 0;
}

.st-container .st-menu ul li>dl dd a i {
    padding-right: 10px;
}

.st-container .st-menu ul li>dl dd.on2 a,
.st-container .st-menu ul li>dl dd a:hover {
    color: #c40001;
    font-weight: bold;
}

.st-container .st-menu ul li>dl dd.on2 a i,
.st-container .st-menu ul li>dl dd a:hover i {
    padding-right: 16px
}

.st-effect-1.st-menu {
    display: block;
}

/**************************/
/******ipad****/
@media(max-width:1600px) {
  .header:after{width:80%}
  .tem_banner.index .label_text{left:1rem;top:35%}
  .about_box .company .items:first-child .text{padding:.7rem .68rem 0 1rem;text-align:center }

.about_box .company .items:last-child .text{padding:.5rem  1rem 0 .65rem;text-align:center }
.about_box .culture .lists .imglist{padding:0 1.5rem;position:relative}
.about_box .honor .lists:after{width:15rem}
.sorting .drum>div{padding-left:1rem}
.sorting .drum .lists .bot{padding-right:1rem}
.contact_box .infos .text{left:1rem}
}
@media(max-width:1440px) {
    .index_news .infos .lists .swiper-container{height:3.4rem}
}
@media(max-width:1400px) {
   .about_box .culture .lists .imglist{padding:0 1.2rem}
}
@media(max-width:1300px) {
      .index_news .infos .lists{padding:.1rem 0 0}
    .index_news .infos .lists .swiper-container{height:3.8rem}
}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
@media(max-width:767px){
     .tem_banner.index .label_text{left:.2rem}
    .tem_banner.index .label_text h1{font-size:.36rem}
    .tem_banner.index .label_text h2{padding:0 0 .4rem;margin:0 0 .2rem}
    .tem_banner.index .label_text h2:after{height:3px}
    .tem_banner.index .label_text h2{font-size:.3rem}
    .tem_banner.index .slide-pagination{bottom:0}
    .tem_banner.index .slide-pagination span:after{width:.25rem;height:.25rem}
    .index_pro .pad95{padding:0 .2rem}
    .index_pro .lists{display:inherit}
     .index_pro .lists ul{width:100%;margin: .2rem 0 }
     .index_pro .lists ul li{margin:0 0 .2rem}
     .index_pro .lists .middle{width:100%}
     .index_product{display:inherit;}
     .index_product .items{width:100%}
     .index_quliy .items1, .index_quliy .items2{display:inherit}
     .index_quliy .items1 .img{width:100%}
     .index_quliy .items1 .text{width:100%;margin:.2rem 0 0 }
      .index_quliy .items2 .img{width:100%;margin:.2rem 0 0 }
     .index_quliy .items2 .text{width:100%; }
     .index_news_top>div{display:inherit}
     .index_news_top .left{width:100%;border-right:0}
     .index_news_top .lists{width:100%}
     .index_news_top .lists a{padding:.25rem;border-right:2px solid #e7e7e7}
     .index_news .infos{display:inherit}
     .index_news .infos .img{width:100%}
     .index_news .infos .lists{width:100%;margin:.2rem  00 }
     .footer .top .fot_nav{display:none}
     .footer .top .right{width:100%}
     .footer .bot{display:inherit}
     .footer .bot .left{width:100%}
     .about_nav ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
       .about_nav ul li{margin:0;width:25%;text-align:center}
       .about_nav ul li a{display:inline-block;padding:.1rem 0;}
     .about_nav>div{height:auto;line-height:normal}
       .workshop_nav ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
       .workshop_nav ul li{margin:0;width:25%;text-align:center}
       .workshop_nav ul li a{display:inline-block;padding:.1rem 0;}
     .workshop_nav>div{height:auto;line-height:normal}
     .quliy_nav ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
       .quliy_nav ul li{margin:0;width:33.33%;text-align:center}
       .quliy_nav ul li a{display:inline-block;padding:.1rem 0;}
     .quliy_nav>div{height:auto;line-height:normal}
     .about_box .company .items{display:inherit}
     .about_box .company .items>div{width:100%;padding:.2rem}
      .about_box .company .items:first-child .text{padding:.2rem;text-align:center }

.about_box .company .items:last-child .text{padding:.2rem;text-align:center }
.about_box .culture .lists .imglist a{height:2.3rem}
.about_box .honor .lists .swiper-page{left:0;top:-.8rem}
.product_box .pro_top .pro_nav_two ul li{width:48%}
.product_box .lists .items{width:48%}
.product .infos{display:inherit}
.product .infos .lists{width:100%}
.product .infos .right{width:100%;padding:.2rem 0 }
.workshop .lists .items{width:48%}
.news_list .top a{display:inherit}
.news_list .top a .left{width:100%;padding:.2rem}
.news_list .top a .img{width:100%}
.news_list .lists .items{width:48%}
.contact_box .infos .text{position:inherit;left:0;top:0;transform:none}
.index_product .items:nth-child(1) .text{left:.93rem;top:.2rem;text-align:left;}
.index_product .items:nth-child(2) .text{right:.93rem;top:.2rem;text-align:right}
}