.w1200{ width:100%;margin: 0 auto;}
a{ text-decoration: none; color: #000;}
.hide { display:none;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }
.clear{clear:both;}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt15{ margin-top:15px}
.mt70{ margin-top:70px}
.mt40{ margin-top:40px !important}
.line{    background-color:rgba(220, 220, 220, 1)!important; height: 1px;margin-top: 20px;}
.over{ overflow: hidden;}


.header{
    position: fixed;   z-index: 999; height: auto;
    box-sizing: border-box; top: 0;   width: 100%;
    /* padding: 10px 0; */   background: #fff;
    box-shadow: 0px 1px 2px #eee;    display: flex;
}
.logo { float: left;  }
.logo a{ display: flex;    padding: 10px;  width: 180px}
.logo img{ width: 100%;}

.m_nav{display: block;  float: right; position: relative; width: 40px; height: 40px; cursor: pointer;margin: 6px 10px;z-index: 999;}
.m_nav span { cursor: pointer;  position: absolute;  background: #333; height: 3px; border-radius: 4px; right: 0;transition: all .2s linear;}
.m_nav span:nth-child(1){width:30px;top:25%}
.m_nav span:nth-child(2){width:22px;top:48%}
.m_nav span:nth-child(3){width:26px;top:73%}
.m_nav.act span{top:48%;width:30px}
.m_nav.act span:nth-child(1){transform:rotate(45deg);background: #fff;}
.m_nav.act span:nth-child(2){width:0}
.m_nav.act span:nth-child(3){transform:rotate(-45deg);background:#fff;}

.m-nav-content {
    position: fixed;
    top: -100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: #01299e;
    background-color: rgba(0, 0, 0, 0.9);;
    display: block;
    height: 100%;
    z-index: 9;
}

@keyframes showNav {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

@-webkit-keyframes showNav {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

@-moz-keyframes showNav {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

@-o-keyframes showNav {
    from {
        top: -100%;
    }

    to {
        top: 0;
    }
}

.showNav {
    -webkit-animation: showNav 1s ease forwards;
    -moz-animation: showNav 1s ease forwards;
    -o-animation: showNav 1s ease forwards;
    animation: showNav 1s ease forwards;
}

@keyframes hideNav {
    from {
        top: 0;
    }

    to {
        top: -100%;
    }
}

@-webkit-keyframes hideNav {
    from {
        top: 0;
    }

    to {
        top: -100%;
    }
}

@-moz-keyframes hideNav {
    from {
        top: 0;
    }

    to {
        top: -100%;
    }
}

@-o-keyframes hideNav {
    from {
        top: 0;
    }

    to {
        top: -100%;
    }
}

.hideNav {
    -webkit-animation: hideNav 1s ease forwards;
    -moz-animation: hideNav 1s ease forwards;
    -o-animation: hideNav 1s ease forwards;
    animation: hideNav 1s ease forwards;
}
.hidden{ display: none;}
.m-nav-list {
    list-style: none;
    padding: 0;
    position: relative;
    top: 7%;
}

.item-anchor:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.item-anchor {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    padding: 10px;
}

.item-anchor:hover, .item-anchor:focus {
    color: #ff0000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.item-anchor:hover:after, .item-anchor:focus:after {
    width: 100%;
    background: #ff0000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.m-nav-item {
    margin: 20px auto;
    text-align: center;
    padding: 10px 20px;
}

.m-lang{border-top: 1px solid #fff;padding: 26px 0;}
.m-lang a{margin: 0 10px;}
.m-lang a img{ width: 35px;}
.m-lang p{ color: #fff;}

.nav {float: left; margin-left: 105px;display: none;}
.nav ul{ margin: 0; padding: 0;}
.nav ul li{ list-style: none;float: left;position: relative;}
.nav ul li a{ color: #333;
    text-decoration: none;   font-size: 14px;   line-height: 100px;  display: block;
    text-align: center;padding-left: 20px; padding-right: 20px;  font-weight: bold;
}

.nav ul li a:hover {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background: #01299e;
}
.sub_nav{ position: absolute; top: 100px; left: 0;  background: #fff; overflow: hidden; z-index: 9999999999;
     border-radius: 0px 0px 8px 8px; box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.01) inset; padding: 10px 0; display: none;
     transition: height  1s ease-out;
    }
.sub_nav li{ width: 100%; overflow: hidden;border-bottom: solid 1px #f1f1f1;}
.sub_nav li:hover{ background-color:#01299e;}
.sub_nav li a{color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 35px !important;
    display: block;
    text-align: center;
    padding-left: 20px;
    padding-right: 22px;
    font-weight: bold;}
.sub_nav li a:hover{ color: #333;}

.nav ul li:hover .sub_nav{
    display: block;
}

.lang{ display: flex; margin-top: 40px;    width: 20px; height: 20px;display: none;}
.lang a{ padding: 0 10px;}

.nban img{ width: 100%; height: 100px; margin-top: 53px;}
.position{border-bottom:1px solid rgba(220, 220, 220, 1);margin: 0 15px;font-size: 12px;overflow: hidden;}
.position .w1200{  height: 50px; line-height: 50px;}
.position .w1200 i{ margin:0 15px}
.position .w1200 .iconfont{ font-size: 18px;}

.main{margin: 0 15px;}
.cate {margin: 20px 0;    text-align: center;font-size: 14px;}
.cate a{ height: 35px; line-height: 35px; display: inline-block; background: #e8e8e8;padding: 0 10px;margin: 4px 5px; text-align: center;    font-size: 12px;}
.cate a:hover{background: #01299e; color: #fff;}
.current{background: #01299e !important;   color: #fff;}
.main h2{    text-align: center; margin: 20px;}
.content {    line-height: 35px;padding-bottom: 50px;}
.content img{ display: inline-block; max-width: 100%; padding: 10px 0;   }

/*ryzs*/
.ryzs .content{ padding-bottom:0}
.ryzs ul { padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.ryzs ul li { list-style: none;width:100%;  border: 2px solid rgba(243,243,243,1);text-align: center;    margin: 15px 0;  }
.ryzs ul li a{ display:inline-block; padding: 10px; }
.ryzs ul li img{ padding: 0;transition: transform 0.3s ease;}
.ryzs ul li img:hover{transform: scale(1.1); }
.ryzs ul li p{  margin: 0;padding: 0;line-height: 25px;}

/* product */

.pro .cate ul{justify-content: space-between;}
.pro .cate ul li{list-style: none;height: auto; position:relative;  width: 47%; border:none}
.pro .cate ul li a{ width: 140px; font-size: 12px;margin:0}
.pro .cate ul li a strong{float: right;}
.pro .cate_son{  position:absolute; z-index:9999}


.pro .cate ul li:hover .cate_son {
    display: block;
}

.pro ul { padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between}
.pro ul li { list-style: none; border: 2px solid rgba(243,243,243,1);text-align: center;    margin: 15px 0;}
.pro ul li a{ display:inline-block; padding: 10px;}
.pro ul li img{ padding: 0;transition: transform 0.3s ease;}
.pro ul li img:hover{transform: scale(1.1); }
.pro ul li p{  margin: 0;padding: 0;line-height: 25px;}

.pro_detail .cate a{width: 140px; font-size: 12px;}

.pro_detail .cate ul{padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between}
.pro_detail .cate ul li{list-style: none;height: auto; position:relative;  width: 47%; border:none;margin: 15px 0;}
.pro_detail .cate ul li a{ width: 140px; font-size: 12px;margin:0;display:inline-block; padding: 10px;}
.pro_detail .cate ul li a strong{float: right;}
.pro_detail .cate_son{  position:absolute; z-index:9999}


.pro_detail .cate ul li:hover .cate_son {
    display: block;
}


.con_pro h1{text-align: center; color: #01299e;border-bottom: 1px solid #ccc; padding-bottom: 20px;font-size: 17px;}
.pro_pic img{ max-width:100%; height: 360px;}
.con_pro .swiper{
    --swiper-theme-color: #01299e;/* 设置Swiper风格 */
    --swiper-navigation-color: #01299e;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 50px;/* 设置按钮大小 */
  }
.con_pro  .swiper-slide{ text-align: center;}
.con_pro h3{    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    margin-top: 20px;
    background: #01299e;
    text-align: center;}

.des {border: 1px solid rgba(240, 240, 240, 1);padding:15px; margin-bottom:30px;    line-height: 35px;
    color: #525252;font-size: 15px;}
.des img{ max-width:100%; display: inline-block;}


.pages{    border: 1px solid rgba(240, 240, 240, 1); padding: 10px 20px;  margin: 20px 0;overflow:hidden}
.pages p{ }
.pages_list{  overflow:hidden;text-align:center}
.pagination{ display: inline-block !important;margin: 0;    list-style: none;}
.pagination li{ float: left;width: 50px !important;    border: none !important;}
.pagination li a{padding: 10px;border: 1px solid #000;  margin: 10px;display: block;    font-size: 12px}
.pagination .active a{background:#01299e; border:none;color: #fff;}


/* download*/
.down_content{ overflow: hidden; }
.down_content ul{ list-style:none;margin: 0; padding: 0;}
.down_content ul li{ width:100%; margin-top:10px}
.down_content ul li a{display:block; width:100%}
.down_content ul li a h3{ padding:10px 20px;text-align: left;display: inline-block;margin: 0;}
.down_content ul li:hover{ border:1px solid #ccc;box-sizing: border-box;}
.down_content ul li .iconfont{ font-size:25px}

/*job*/
.job .content ul{ list-style:none;margin: 0;padding: 0;}
.job .content ul li{ width:100%; margin-top:10px}
.job .content ul li a{display:block; width:100%}
.job .content ul li a h3{ padding:0px 20px;text-align: left;display: inline-block;margin: 0;    border-left: 10px solid #01299e;}
.job .content ul li .iconfont{ font-size:14px}
.job .content p{ padding:0; margin:0}


/* news */

.news .cate a{width: 140px; font-size: 12px;}
.news .con ul{ padding: 0; margin: 0; list-style: none;display: flex; flex-direction: column;}
.news .con ul li { float: left;border-bottom: 1px dashed #ccc; background: #f1f1f1;margin-bottom: 20px;padding: 20px;}
.news .con ul li a{ display: block;}
.news .con ul li img{ width: 100%;}
.news .con ul li .title { }
.news .con ul li .title p{font-size: 16px; line-height: 25px;    color: #666;}

.news_view .cate a{width: 140px; font-size: 12px;}
.news_view h1{text-align: center;    color: rgba(30, 30, 30,1);margin: 25px 0;font-size: 22px;}
.news_view .pub{border: 1px solid rgba(240, 240, 240, 1); padding: 15px 0;  font-size: 14px; text-align: center; color: #969696; }
.news_view .des{ border: none;}
.news_view .des img{ display: block; max-width: 100%;}

.contact{ margin-bottom: 50px;}
.contact .info{    display: flex;margin-bottom: 30px;  justify-content: space-between;flex-direction: column;}
.contact .info_l h3{ text-align: center; }
.info_l .ewm img{ width: 200px; height: 200px;}
.contact .info_r{ }

.form{    padding: 20px; background: #eee;}
.input_item{color: rgb(102, 102, 102); margin: 20px 0;display: flex;align-items: center;}
.input_item label{width: 82px;display: inline-block; text-align: right;}
.input_item input{ border:1px solid #f0f0f0; padding: 0 15px; width: 100%; line-height: 35px;}
.code{}
.code input{ width: 100px; }
.code img{ display:inline-block;height: 35px;width: 100px;margin-left: 15px}
.input_item textarea{ border:1px solid #f0f0f0; padding:15px; }

.submit{ flex-direction: column}
.submit input{ width: 100px;height: 36px; background: #01299e; color: #f0f0f0;}

.footer{background-color: rgba(68, 68, 68, 1);   color: #fff;}
.foot_box{ display: flex;  justify-content: space-around; flex-wrap: wrap;text-align: center;display: none;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: white;}
.banner .swiper-slide img{ width: 100%; height: 100vh;}
.foot_item .iconfont { font-size: 50px;}
.foot_item  img{width: 118px; }
.foot_line{ border:1px; border-top-color: rgba(255, 255, 255, 0.1);border-top-style: solid;}
.foot_copy{ text-align: center;    padding: 15px; line-height: 25px;color: #aaa;font-size: 14px;}

.foot_copy a{ text-decoration:none;color: #aaa;}

.swiper{
    --swiper-theme-color: #fff;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 60px;
}



.ewm{ margin-top: 20px; text-align: center;}
.ewm img{width: 100%;height: 150px;}
.ewm p{ color: #fff; text-align: center;}

.copy{
        position: fixed;
        top: auto;
        left: 50%;
        bottom: 50px;
        right: auto;
        transform: translate(-50%, 0px);
        width: 777px;
        height: 19px;
        z-index: 104;
        content: "bc";text-align: center;
}