.w1200{ width:1200px;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; margin-top: 24px;}
#m_menus{ display: none;}
.nav {float: left; margin-left: 100px;}
.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;  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; width: calc(156%);
}
.sub_nav li{ border-bottom: solid 1px #f1f1f1;width:100%;}
.sub_nav li:last-child{ border:none}
.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;}
.lang a{ padding: 0 10px;}

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

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

/*ryzs*/

.ryzs ul { padding: 0;display: flex;flex-wrap: wrap;justify-content: left}
.ryzs ul li { list-style: none;width: calc((100% - 80px)/4);  border: 2px solid rgba(243,243,243,1);text-align: center;    margin: 15px 7px;}
.ryzs ul li a{ display:inline-block; padding: 10px;}
.ryzs ul li img{ padding: 0;transition: transform 0.3s ease;height: 200px;}
.ryzs ul li img:hover{transform: scale(1.1); }
.ryzs ul li p{  margin: 0;padding: 0;line-height: 25px;   overflow: hidden;height: 25px;}


/* product */
.pro .cate ul{justify-content: space-between;}
.pro .cate ul li{list-style: none;width: calc((100%)/7);height: auto; position:relative}
.pro .cate ul li a{ width: 170px;}
.pro .cate ul li a strong{float: right;}
.pro .cate_son{ display:none; position:absolute; z-index:9999}

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

.pro ul { padding: 0;display: flex;flex-wrap: wrap;}
.pro ul li { list-style: none;width: calc((100% - 80px)/4); height: 316px; border: 2px solid rgba(243,243,243,1);text-align: center;    margin: 15px 8px; border:none}

.pro ul li a{ display:inline-block; padding: 10px;}
.pro ul li img{ padding: 0;transition: transform 0.3s ease; height:190px}
.pro ul li img:hover{transform: scale(1.1); }
.pro ul li p{  margin: 0;padding: 0;line-height: 25px;}
.pro .content{ padding-bottom:0}
.pagination{ display: inline-block;}

.pro_detail .cate a{width: 185px;}


.pro_detail .cate ul{justify-content: space-between;list-style: none;padding: 0; display: flex;  flex-wrap: wrap;}
.pro_detail .cate ul li{list-style: none;width: calc((100%)/7);height: auto; position:relative}
.pro_detail .cate ul li a{ width: 170px;    display: inline-block;  padding: 10px;}
.pro_detail .cate ul li a strong{float: right;}
.pro_detail .cate_son{ display:none; 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: 37px;}
.pro_pic img{ max-width:100%; height:320px}
.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: 70px;
    color: #fff;
    font-size: 25px;
    line-height: 70px;
    text-transform: uppercase;
    margin-top: 20px;
    background: #01299e;
    text-align: center;}

.des {border: 1px solid rgba(240, 240, 240, 1);padding:20px; margin-bottom:30px;    line-height: 35px;
    color: #525252;
    font-size: 15px;}
.des img{     max-width: 100%;}    
.pages{    border: 1px solid rgba(240, 240, 240, 1); padding: 10px 20px;  margin: 20px 0;overflow:hidden}
.pages p{ padding:10px}
.pages_list{  padding: 10px 20px;  margin: 20px 0;overflow:hidden;text-align:center}
.pagination{ display: inline-block !important;list-style: none;}
.pagination li{ float: left; width: 60px !important; height: 60px !important;  margin: 0 !important;}
.pagination li a{padding: 10px 15px !important;border: 1px solid #000;  margin: 10px;display: block;}
.pagination .active a{background:#01299e; border:none;color: #fff;}
/* .bg{height: 560px;margin:0 auto;padding:20px;border:1px solid #E8E8E8;overflow: hidden;min-width: 900px;
    box-sizing: border-box;background: #fff; margin-bottom: 20px; }
.bg_left{width: 430px;height:auto;float: left}
.bg_right{float: left}
.show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
.show img{width: 430px;height: 430px;}
.mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.3;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
.bigshow img{width: 860px;height: 860px;margin-right: 10px;}
.smallshow{width: 100%;height: 70px;position: relative}
.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;padding: 0; margin: 0;list-style: none;}
.smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed} */

/* download*/
.down_content{ overflow: hidden;  margin: 40px auto;}
.down_content ul{ list-style:none}
.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}
.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: 185px;}
.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{ display: inline-block; float: left;width: 200px;height: 130px;}
.news .con ul li .title {margin-left: 223px }
.news .con ul li .title p{font-size: 16px; line-height: 25px;    color: #666;}

.news_view .cate a{width: 185px;}
.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: 50px 0;  justify-content: space-between}
.contact .info_l{ width: 40%}
.info_l .ewm img{ width: 200px; height: 200px;}
.contact .info_r{ flex: 0 0 50%;}

.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: 350px; 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);padding: 60px 0;    color: #fff;}
.foot_box{ display: flex;  justify-content: space-around; flex-wrap: wrap;text-align: center;}

#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-top: 60px;color: #aaa;font-size: 14px; line-height:25px}
.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;}
.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;
}