@charset "utf-8";
*{margin:0;padding:0}
html {
    font-size: 5.2083333333333vw; 
}
@media (max-width:1199px) {
    html {
        font-size: 6.6vw !important;
    }
}
@media (max-width:767px) {
    html {
        font-size: 13.3vw !important;
    }
}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:Source Han Sans CN,sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
input,textarea{font-family:Source Han Sans CN,sans-serif; outline:0;margin:0;padding:0}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{ max-width: 19.2rem; margin-left: auto; margin-right: auto; padding-left: 1.6rem; padding-right: 1.6rem;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*header*/
.header {height:0.9rem; position:sticky; top:0; left:0; width:100%; background-color:#004b9e; z-index:333; }
.header .logo{float:left; height:0.9rem; width:10.5%;  }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.h-right { float:right;}
.header .nav{float:left;  }
.header .nav ul li{float:left; width:auto; color:#ffffff; font-size:0.16rem; line-height:0.9rem; margin-right:0.6rem;} 
.header .nav ul li>a { display:block; color:#ffffff;  }
.header .nav ul li:hover > a { color:#fa6c04;  }
/*下拉*/
.header .nav ul li .sub { position: absolute;width:100%;left:0; text-align:center; top:0.9rem;z-index:30000; border-top:#175ba7 solid 1px; }
.dropdown-menu{width:100%;background-color:#004b9e;color:#fff;padding:0.3rem 0;}
.dropdown-menu .wrap {display:flex;align-items:stretch;min-height:1.8rem;}
.menu-list{width:30%;display:flex;flex-direction:column;justify-content:center;padding-right:0.4rem; text-align:left; margin-right:0.6rem; position:relative; }
.menu-list::after{content:""; position:absolute; right:0; top:5%; width:1px; height:90%; background-color:#6b97c7; }
.menu-item{color:#fff;text-decoration:none;font-size:0.2rem; line-height:1.5; cursor:pointer;transition:opacity .3s ease; margin-bottom:0.1rem;}
.menu-item i { margin-left:0.2rem; display:none; }
.menu-item a {color:#fff;}
.menu-item.active a { color:#fa6c04; }
.menu-item.active i { display:inline-block; }
.menu-item a:hover{ color:#fa6c04; }
.menu-content{flex:1;display:flex;justify-content:space-between;align-items:center}
.menu-content-li { display:none; display:flex;justify-content:space-between;align-items:center}
.menu-content .inner { display:flex;justify-content:space-between;align-items:center}
.text-section{margin-right:0.5rem; text-align:left;}
.content-title{font-size:0.2rem; font-weight:normal; line-height:1.5; margin-bottom:0.2rem;}
.content-desc{font-size:0.16rem;line-height:1.8;color:#ffffff;opacity:0.8;}
.image-section{width:2.6rem;height:1.4rem;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink: 0; }
.image-section img{width:100%;height:100%;object-fit:contain}

.h-search { float:left; width:0.22rem; height:0.9rem; position:relative;  }
.h-search-top { width:100%; height:100%; cursor:pointer; border-radius:0.1rem; color:#ffffff; font-size:0.22rem; line-height:0.9rem; text-align:center;  }
.h-search-top i:nth-child(1) { display:inline-block; }
.h-search-top i:nth-child(2) { display:none; }
.h-search-top.active i:nth-child(1) { display:none;  }
.h-search-top.active i:nth-child(2) { display:inline-block;  }
.h-search-top:hover { opacity:0.8; }
.h-search-con { display:none; width:3.45rem; height:0.42rem; position:absolute; right:0; top:0.9rem; text-align:right;  z-index:333;   }
.h-search-con input[type=text] { width:calc(100% - 0.8rem); height:0.42rem;color:#333333; font-size:0.16rem; border:none; vertical-align:middle; background-color:#FFF;border-top-left-radius:0.05rem; border-bottom-left-radius:0.05rem; padding-left:0.1rem; }
.h-search-con .submit {  width:0.8rem; text-align:center; height:0.42rem; color:#ffffff; background-color:#fa6c04; font-size:0.16rem; cursor:pointer; border:none;vertical-align:middle; border-top-right-radius:0.05rem; border-bottom-right-radius:0.05rem;  }
.h-search-con.active { display:block;}
.h-search-top:focus{outline:none;}

.header2 .h-search { float:right; width:40px; height:60px; position:relative; margin-right:15px;  }
.header2 .h-search-top { width:100%; height:100%; cursor:pointer; border-radius:0.1rem; color:#ffffff; font-size:22px; line-height:60px; text-align:center;  }
.header2 .h-search-top i:nth-child(1) { display:inline-block; }
.header2 .h-search-top i:nth-child(2) { display:none; }
.header2 .h-search-top.active i:nth-child(1) { display:none;  }
.header2 .h-search-top.active i:nth-child(2) { display:inline-block;  }
.header2 .h-search-top:hover { opacity:0.8; }
.header2 .h-search-con { display:none; width:250px; height:40px; position:absolute; right:0; top:60px; text-align:right;  z-index:333;   }
.header2 .h-search-con input[type=text] { width:65%; height:40px;color:#333333; font-size:16px; border:none; vertical-align:middle; background-color:#FFF;border-top-left-radius:5px; border-bottom-left-radius:5px; padding-left:0.1rem; }
.header2 .h-search-con .submit {  width:30%; text-align:center; height:40px; color:#ffffff; background-color:#fa6c04; font-size:16px; cursor:pointer; border:none;vertical-align:middle; border-top-right-radius:5px; border-bottom-right-radius:5px;  }
.header2 .h-search-con.active { display:block;}
.header2 .h-search-top:focus{outline:none;}

/*header2*/
.header2{height:60px;position:sticky; background-color:#004b9e;z-index:22;top:0;width:100%; display:none; }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:200px; height:40px;margin-top:10px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { display:none; width:20px; color:#ffffff; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#ffffff;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#ffffff}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*banner*/
.banner { position:relative; height:calc(100vh - 0.9rem); min-height:6rem; max-height:10.8rem; overflow:hidden; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{display:flex;justify-content:center;align-items:center; position:relative;}
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
.banner .swiper-slide img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;}
.banner-text{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; color:#ffffff; }
.banner-text .wrap{ height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.banner-text .tit{ font-size:0.45rem; font-weight:bold; line-height:1.2; text-transform:uppercase; width:54%; }
.banner-text .des{ font-size:0.22rem; line-height:1.6; opacity:0.9; width:54%; margin-top:0.2rem; }
.banner-btn{ display:inline-block; margin-top:0.5rem; padding:0.14rem 0.3rem; border:1px solid rgba(255,255,255,0.6); border-radius:0.5rem; font-size:0.16rem; color:#ffffff; line-height:1; transition:all 0.3s ease; }
.banner-btn:hover{ background-color:#ffffff; color:#004b9e; border-color:#ffffff; }

/*首页产品*/
.i-products{ position:relative;  overflow:hidden; }
.i-pro-bg{ width:100%; height:100%; background:url(../images/i-pro-bg.jpg) no-repeat center center; background-size:cover; }
.i-products .wrap{ height:100%; display:flex; flex-direction:column; align-items:flex-start; padding-top:1rem; padding-bottom:1rem; }
.i-pro-tit{ text-align:left; margin-bottom:0.2rem; }
.i-pro-tit .tit{ color:#000000; font-size:0.36rem; font-weight:bold; color:#000000; line-height:1.2; }
.i-pro-tit .des{ font-size:0.16rem; color:#000000; line-height:1.8; }
.i-pro-list{ width:100%; flex:1; display:flex; justify-content:space-between; align-items:center; }
.i-pro-item{ width:46%; max-width:9rem; text-align:center; }
.i-pro-item:first-child { width:41%; }
.i-pro-pic{ position:relative; width:100%; height:4.1rem; margin-bottom:0.4rem; }
.i-pro-pic::after{ content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; height:0.6rem; background-color:#c1d1e1; border-radius:50%; z-index:0; border:#d7e5f3 solid 1px; }
.i-pro-pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; object-position: bottom; transition:opacity 0.5s ease; z-index:1; }
.i-pro-img1{ opacity:1; }
.i-pro-img2{ opacity:0; }
.i-pro-pic:hover .i-pro-img1{ opacity:0; }
.i-pro-pic:hover .i-pro-img2{ opacity:1; }
.i-pro-btn{ display:inline-block; padding:0.12rem 0.5rem; border:2px solid #828990; border-radius:0.5rem; font-size:0.16rem; color:#004b9e; line-height:1; transition:all 0.3s ease; }
.i-pro-item .i-pro-btn:hover{ border-color:#fd6d04; color:#fd6d04; }

/*首页关于*/
.i-about{ background:url(../images/i-about-bg.jpg) no-repeat center center; background-size:cover;  display:flex; justify-content:space-between; align-items:center;  }
.i-about-left{ width:43%; margin-left:8%; padding-top:1rem; padding-bottom:1rem; }
.i-about-tit{ color:#000000; font-size:0.32rem; font-weight:bold; line-height:1.2; margin-bottom:0.25rem; padding-bottom:0.15rem; position:relative; }
.i-about-tit::after{content:""; position:absolute; left:0; bottom:0; width:1rem; height:0.04rem; background-color:#004b9e; border-radius:0.02rem;  }
.i-about-des{ color:#000000; font-size:0.16rem; line-height:1.8; opacity:0.9; margin-bottom:0.4rem; }
.i-about-data{ display:flex; flex-wrap:wrap; justify-content: space-between;  }
.i-about-item{ width:38%; display:flex; align-items:center; justify-content: space-between;  margin-bottom:0.3rem; }
.i-about-icon{ width:0.4rem; height:0.4rem; margin-left:0.2rem; flex-shrink:0; transform: translateY(0.1rem); }
.i-about-icon img{ width:100%; height:100%; object-fit:contain; }
.i-about-text{ height:auto; }
.i-about-text .label{ opacity:0.8; color:#585858;  font-size:0.2rem; line-height:1.4; margin-bottom:0.15rem; }
.i-about-text .num{ color:#000000;  font-size:0.38rem; font-weight:bold; line-height:1;}

.i-about-btn{ display:inline-block; padding:0.12rem 0.3rem; border:1px solid #004b9e; border-radius:0.5rem; font-size:0.16rem; color:#004b9e; line-height:1; transition:all 0.3s ease; }
.i-about-btn:hover{ background-color:#ffffff; }

.i-about-right{ width:47%; height:100%; }
.i-about-right img{ width:100%; height:100%; object-fit: cover; display:block; }

/*首页技术*/
.i-tech{ position:relative; overflow:hidden; background-color:#001f3f; }
.i-tech-tit{ text-align:center; padding-top:1rem; position:absolute; top:0; left:0; width:100%; height:auto; z-index:22; }
.i-tech-tit .tit{ color:#ffffff; font-size:0.36rem; font-weight:bold; line-height:1.2; margin-bottom:0.15rem; }
.i-tech-tit .des{ color:#ffffff;  font-size:0.16rem; line-height:1.6; opacity:0.8; }
.i-tech-list{ display:flex; width:100%; }
.i-tech-item{ position:relative; width:25%; height:9rem; overflow:hidden; position:relative; }
.i-tech-item::after{content:""; position:absolute; left:0; top:0; width:1px; height:100%; background: linear-gradient( #22282b 40%,#ffffff); }
.i-tech-item:first-child::after { display:none; }
.i-tech-bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.i-tech-bg::after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:1; transition:all 0.3s ease; }
.i-tech-bg img{ width:100%; height:100%; object-fit:cover; }
.i-tech-item:hover .i-tech-bg::after{ background-color:rgba(0,0,0,0.4); }
.i-tech-con{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:1rem 0.4rem 0 0.4rem; text-align:center; color:#ffffff; }
.i-tech-icon{ width:0.7rem; height:0.7rem; margin-bottom:0.3rem; }
.i-tech-icon img{ width:100%; height:100%; object-fit:contain; }
.i-tech-name{ font-size:0.25rem; line-height:1.3; margin-bottom:0.2rem; }
.i-tech-des{ font-size:0.16rem; line-height:0.3rem; height:1.8rem; overflow:hidden; opacity:0.85; margin-bottom:0.3rem; }
.i-tech-btn{ display:inline-block; padding:0.12rem 0.25rem; border:1px solid rgba(255,255,255,0.6); border-radius:0.5rem; font-size:0.16rem; color:#ffffff; line-height:1; transition:all 0.3s ease; }
.i-tech-btn:hover{ background-color:#ffffff; color:#004b9e; border-color:#ffffff; }

/*首页新闻*/
.i-news{ background:url(../images/i-news-bg.jpg) no-repeat center center; background-size:cover; padding:1rem 0; }
.i-news-tit{ display:flex; justify-content:space-between; align-items:center; margin-bottom:0.4rem; }
.i-news-tit .tit{ font-size:0.36rem; font-weight:bold; color:#000000; line-height:1.2; }
.i-news-tit-more{ display:inline-block; padding:0.12rem 0.25rem; border:1px solid #004b9e; border-radius:0.5rem; font-size:0.16rem; color:#004b9e; line-height:1; transition:all 0.3s ease; }
.i-news-tit-more:hover{ background-color:#004b9e; color:#ffffff; }
.i-news-main{ display:flex; justify-content:space-between; }
.i-news-left{ width:48%; }
.i-news-right{ width:48%; display:flex; flex-direction:column; justify-content:space-between; }
.i-news-item{ display:block; color:#000000; transition:all 0.3s ease; }
.i-news-item:hover .i-news-name{ color:#004b9e; }
.i-news-pic{ overflow:hidden; margin-bottom:0.2rem; }
.i-news-pic img{ width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.i-news-item:hover .i-news-pic img{ transform:scale(1.05); }
.i-news-date{ font-size:0.18rem; color:#8a8a8a; line-height:1.4; margin-bottom:0.1rem; }
.i-news-name{ font-size:0.20rem; font-weight:bold; line-height:1.4; margin-bottom:0.15rem; transition:color 0.3s ease; }
.i-news-des{ font-size:0.16rem; color:#8a8a8a; line-height:1.8; }
.i-news-big .i-news-pic{ height:4.5rem; margin-bottom:0.25rem; }
.i-news-small{ display:flex; justify-content:space-between; align-items:center; padding-bottom:0.3rem; margin-bottom:0.3rem; border-bottom:1px solid #e2ebff;flex-direction: row-reverse; }
.i-news-small a {display:flex; justify-content:space-between; align-items:center; flex-direction: row-reverse;}
.i-news-small:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0; }
.i-news-small .i-news-info{ flex:1; margin-right:0.2rem; }
.i-news-small .i-news-pic{ width:50%; height:2rem; margin-bottom:0; flex-shrink:0; }
.i-news-link{ display:flex; align-items:center; font-size:0.16rem; color:#8a8a8a; margin-top:0.2rem; }
.i-news-link i{ display:flex; align-items:center; justify-content:center; width:0.2rem; height:0.2rem; margin-left:0.05rem; border:1px solid #8a8a8a; border-radius:50%; font-size:0.12rem; line-height:1; }
.i-news-link:hover { color:#004b9e; }

/*新闻列表*/
.news-list {  }
.news-item{ display:flex; justify-content:space-between; padding:0.3rem 0.4rem; border-bottom:1px solid #e1e1e1; background-color:#FFF; }
.news-item:last-child{ border-bottom:none; }
.news-item a { display:flex; justify-content:space-between; }
.news-pic{ width:2.5rem; height:1.7rem; overflow:hidden; flex-shrink:0; margin-right:0.3rem; }
.news-pic img{ width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.news-item:hover .news-pic img{ transform:scale(1.05); }
.news-info{ flex:1; }
.news-date{ font-size:0.14rem; color:#999999; margin-bottom:0.1rem; }
.news-tit{ font-size:0.2rem; font-weight:bold; line-height:1.4; margin-bottom:0.15rem; }
.news-tit a{ color:#000000; transition:color 0.3s ease; }
.news-tit a:hover{ color:#004b9e; }
.news-des{ font-size:0.14rem; color:#666666; line-height:1.8; margin-bottom:0.15rem; height:0.84rem; overflow:hidden; }
.news-more{ display:inline-flex; align-items:center; font-size:0.14rem; color:#004b9e; }
.news-more i{ display:flex; align-items:center; justify-content:center; width:0.2rem; height:0.2rem; margin-left:0.05rem; border:1px solid #004b9e; border-radius:50%; font-size:0.12rem; line-height:1; }


/*内页banner*/
.page-banner { position:relative; height:5rem; overflow:hidden; }
.page-banner-pic { position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }
.page-banner-pic img { width:100%; height:100%; object-fit:cover; object-position:center center; }
.page-banner .wrap { height:100%; display:flex; flex-direction:column; justify-content:center; position:relative; }
.page-banner-text { color:#ffffff; }
.page-banner-text h2 { font-size:0.45rem; font-weight:bold; line-height:1.2; margin-bottom:0.2rem; }
.page-banner-text .des { font-size:0.32rem; line-height:1.6; opacity:0.95; }
.page-banner-crumb { position:absolute; left:1.6rem; bottom:0.4rem; font-size:0.28rem; color:#ffffff; }
.page-banner-crumb a { color:#ffffff; }
.page-banner-crumb a:hover { color:#fa6c04; }
.page-banner-crumb span { margin:0 0.1rem; }
.page-banner-crumb i { margin-right:0.05rem; }
/*主体内容*/
.main-content { background-color:#f0f0f0; padding:0.6rem 0; }
.page-main { display:flex; justify-content:space-between; }
.page-left { width:3.2rem; }
.page-right { width:calc(100% - 3.8rem);  }
.page-right.white {background-color:#ffffff; }
.left-tit { background-color:#004b9e; color:#ffffff; font-size:0.22rem; line-height:0.68rem; text-align:center; font-weight:bold; cursor:pointer; position:relative; }
.left-tit i { margin-left:0.1rem; font-size:0.16rem; transition:transform 0.3s ease; display:inline-block; }
.left-tit.active i { transform:rotate(180deg); }
.left-menu { padding:0.3rem 0.15rem; background-color:#ffffff; }
.left-menu li { margin-bottom:0.2rem; }
.left-menu li:last-child { margin-bottom:0; }
.left-menu .first-menu { background-color:#f0f0f0; color:#666666; font-size:0.18rem; line-height:1.5; text-align:center; position:relative;border-radius:0.05rem;padding:0.1rem 0;  }
.left-menu .first-menu::after{content:""; position:absolute; right:-0.15rem; top:0; width:0.03rem; height:100%; background-color:#ffffff; border-radius:0 0.03rem 0.03rem 0; }
.left-menu li .first-menu.active { background-color:#f2f7fc; color:#004b9e; font-weight:bold; }
.left-menu li .first-menu.active::after{ background-color:#004b9e; }
.left-menu li .first-menu:hover { background-color:#f2f7fc; color:#004b9e;}
.left-menu .sub-menu { display:block; }
.left-menu .sub-menu a { display:block; background-color:#ffffff; color:#666666; font-size:0.16rem; line-height:1.5; padding:0.15rem 0.2rem;border-radius:0.05rem; position:relative; border-bottom:#f0f0f0 solid 1px;  display:flex; align-items: center; }
.left-menu .sub-menu a.active { color:#004b9e; font-weight:bold; }
.left-menu .sub-menu a:hover { color:#004b9e;}
.left-contact {background-color:#004b9e;  }
.left-contact-tit {background-color:#004b9e; color:#ffffff; font-size:0.22rem; line-height:0.68rem; text-align:center; font-weight:bold;  }
.left-contact-con { background:url(../images/left-bg.jpg) no-repeat center center; background-size:cover; padding:0.3rem 0.2rem;  color:#ffffff;  font-size:0.16rem; line-height:2; }
.left-contact-con p { display:flex; align-items:flex-start;margin-bottom:0.15rem; }
.left-contact-con p:last-child { margin-bottom:0; }
.left-contact-con i { width:0.34rem; height:0.34rem; border:1px solid #ffffff; border-radius:50%; text-align:center; line-height:0.32rem; font-size:0.16rem; flex-shrink:0; margin-right:0.12rem; }
.right-tit { font-size:0.3rem; color:#282828; text-align:center; line-height:1.2; padding:0.45rem 0 0 0;  margin:0 0.5rem; }
.right-des { font-size:0.16rem; color:#999999; text-align:center; line-height:1.2; padding:0.15rem 0 0.15rem 0;  margin:0 0.5rem; }
.right-line {border-bottom:0.02rem solid #f0f0f0;}
.right-con { padding:0.4rem 0.5rem 0.6rem; }
.right-con p { font-size:0.16rem; color:#000000; line-height:1.8; margin-bottom:0.15rem; }
.right-con img { max-width:100%; }
/*右侧产品列表*/
.right-list-tit { font-size:0.3rem; color:#282828; line-height:1.2; margin-bottom:0.4rem; font-weight:normal; }
.pro-list { height:auto; }
.pro-list ul { display:flex; flex-wrap:wrap; gap:0.3rem; }
.pro-list li { width:calc((100% - 0.6rem) / 3);  box-sizing:border-box; }
.pro-list li a { display:block; position:relative; overflow:hidden; }

@supports not (aspect‑ratio: 1 / 1) {
  .pro-list .pic {  position: relative;  height: 0; padding-bottom: 100%; background-color:#ffffff; overflow:hidden; }
  .pro-list .pic img {  position: absolute;  top: 0; left: 0;  }
}
@supports (aspect‑ratio: 1 / 1) {
   .pro-list .pic { aspect‑ratio: 1 / 1;  background-color:#ffffff; overflow:hidden;  }
}
.pro-list .pic img {  width: 100%;height: 100%; object-fit: contain;transition: 0.5s; }

.pro-list .tit { font-size:0.2rem; color:#000000; line-height:0.6rem; padding:0 0.2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease; }
.pro-list li:hover .pic img { transform: scale(1.05);transition: 0.5s; }
.pro-list li:hover .tit { background-color:#004b9e; color:#ffffff; }
/*底部*/
.footer { background-color:#004b9e; padding:0.5rem 0 0.3rem; color:#ffffff; }
.footer-nav { margin-bottom:0.4rem; }
.footer-nav a { display:inline-block; font-size:0.16rem; color:#ffffff; margin-right:0.45rem; }
.footer-nav a:hover { color:#fa6c04; }
.footer-main { display:flex; justify-content:space-between; }
.footer-left { width:33%; }
.f-logo { margin-bottom:0.25rem; }
.f-logo img { max-width:100%; }
.copyright { font-size:0.14rem; line-height:1.8; opacity:0.8; }
.footer-center { width:33%; font-size:0.16rem; line-height:2; }
.footer-right { text-align:center; }
.f-sns-tit { font-size:0.16rem; margin-bottom:0.2rem; }
.f-sns { display:flex; justify-content:center; }
.f-sns a { display:block; width:0.3rem; height:0.3rem; margin:0 0.05rem; }
.f-sns img { width:100%; height:100%; }
.f-sns a:hover { opacity:0.8; }
/*留言表单*/
.contact-form { padding:0.1rem 0; }
.form-row { display:flex; justify-content:space-between; gap:0.3rem; margin-bottom:0.3rem; }
.form-group { flex:1; display:flex; flex-direction:column; }
.form-group label { font-size:0.16rem; color:#282828; line-height:1.5; margin-bottom:0.1rem; font-weight:normal; }
.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel] { width:100%; height:0.5rem; line-height:0.5rem; padding:0 0.2rem; border:1px solid #e1e1e1; border-radius:0.05rem; background-color:#ffffff; font-size:0.16rem; color:#000000; transition:all 0.3s ease; }
.form-group input::placeholder,.form-group textarea::placeholder { color:#999999; }
.form-group input:focus,.form-group textarea:focus { border-color:#004b9e; box-shadow:0 0 0 2px rgba(0,75,158,0.1); }
.form-group textarea { width:100%; padding:0.15rem 0.2rem; border:1px solid #e1e1e1; border-radius:0.05rem; background-color:#ffffff; font-size:0.16rem; color:#000000; line-height:1.6; resize:vertical; transition:all 0.3s ease; }
.form-submit { margin-top:0.3rem; }
.submit-btn { display:inline-block; min-width:1.6rem; height:0.5rem; padding:0 0.4rem; background-color:#004b9e; color:#ffffff; font-size:0.18rem; line-height:0.5rem; text-align:center; border:none; border-radius:0.05rem; cursor:pointer; transition:all 0.3s ease; }
.submit-btn:hover { background-color:#fa6c04; }

/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#004b9e;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#004b9e;border-color:#004b9e}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

@media (max-width:1650px){
.header .nav ul li{ margin-right:0.5rem;} 
}

@media (max-width:1400px){
.header .nav ul li{ margin-right:0.4rem;} 
}

@media (max-width:1200px){
.wrap { padding-left: .2rem; padding-right: .2rem; width: 100%; }
.header .nav ul li{ margin-right:0.3rem;} 
.page-banner-crumb { left:.2rem; }
}


@media (max-width:992px){
/*header992*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:none; height:60px;}
/*内页banner992*/
.page-banner { height:3rem; }
.page-banner-text h2 { font-size:20px; }
.page-banner-text .des { font-size:14px; }
.page-banner-crumb { display:none;}
/*主体内容992*/
.main-content { padding:0.4rem 0; }
.page-main { display:block; }
.page-left { width:100%; }
.page-right { width:100%; margin-top:0.3rem; }
.left-contact { display:none; }
.left-tit { font-size:16px;}
.left-menu { display:none; }
.left-menu li { font-size:15px}
.left-menu .first-menu { font-size:15px; }
.left-menu .sub-menu a { font-size:15px; }
.right-tit { font-size:20px;  margin: 0 0.2rem; }
.right-list-tit { font-size:20px; margin-bottom:0.2rem; }
.pro-list { margin:0 -0.1rem; }
.pro-list li { width:50%; padding:0 0.1rem; margin-bottom:0.2rem; }
.pro-list .tit { font-size:15px; line-height:0.5rem; padding:0 0.1rem; }
.right-con { padding: 0.4rem 0.2rem 0.6rem; }
.right-con p { font-size:15px; }
	/*留言表单992*/
	.form-row { display:block; margin-bottom:0; }
	.form-group { margin-bottom:0.2rem; }
	.form-group label { font-size:15px; margin-bottom:8px; }
	.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel] { height:44px; line-height:44px; padding:0 15px; font-size:15px; }
	.form-group textarea { padding:12px 15px; font-size:15px; }
	.submit-btn { min-width:130px; height:44px; line-height:44px; font-size:16px; }
/*底部992*/
.footer-nav { display:none; }
.footer-main { display:block; }
.footer-left { width:100%; display:none; }
.footer-center { width:100%; font-size:15px; }
.footer-right { width:100%; margin-top:0.3rem; }
.f-sns { justify-content:flex-start; }
.f-sns-tit { display:none; }
.f-sns a { width:25px; height:25px; margin:0 5px; }
/*banner992*/
.banner { height:3.8rem; min-height:none; max-height:none; }
.banner-text .tit{ font-size:20px; width:80%; }
.banner-text .des{ font-size:14px; width:80%; }
.banner-btn{ font-size:14px; padding:8px 20px; margin-top:20px; }
/*i-pro992*/
.i-pro-tit .tit { font-size:20px; margin-bottom:0.2rem; }
.i-pro-tit .des{ font-size:14px; }
.i-pro-list { display:block; }
.i-pro-item { width:90%; margin:0 auto; }
.i-pro-item:first-child { width:90%; }
.i-pro-item:first-child .i-pro-pic { height:2.5rem; }
/*i-about992*/
.i-about{ display:block; }
.i-about-left{ width:94%; margin-left:3%; }
.i-about-tit { font-size:20px; }
.i-about-des { font-size:14px; }
.i-about-right{ width:100%; }
/*i-tech992*/
.i-tech-tit{ padding-top:0.8rem; padding-bottom:0.7rem; position:relative; top:auto; left:auto;  }
.i-tech-tit .tit { font-size:20px; }
.i-tech-tit .des { font-size:14px; }
.i-tech-list{ flex-wrap:wrap; }
.i-tech-item{ width:100%; height:auto; min-height:3.5rem; }
.i-tech-item::after{ width:100%; height:1px; }
.i-tech-con{ padding:1rem 0.3rem; position:relative; top:auto; left:auto; }
.i-tech-name { font-size:16px; }
.i-tech-des{ font-size:12px; line-height:1.5; height:auto; }
/*i-news992*/
.i-news{ padding:0.6rem 0; }
.i-news-tit{ margin-bottom:0.3rem; }
.i-news-tit .tit{ font-size:20px; }
.i-news-main{ display:block; }
.i-news-left{ width:100%; margin-bottom:0.3rem; }
.i-news-right{ width:100%; }
.i-news-big .i-news-pic{ height:auto; }
.i-news-small {display:block;  }
.i-news-small a {display:block;  }
.i-news-small .i-news-pic{ width:100%; height:auto; margin-top:0.15rem; }
.i-news-small .i-news-info{ margin-right:0; }
.i-news-name { font-size:16px; }
.i-news-des { font-size:14px; }
/*news-list992*/
.news-item { display:block;padding:0.2rem 0.3rem;  }
.news-item a { display:block; }
.news-pic { width:100%; height:auto; margin-right:0; margin-bottom:0.15rem; }
.news-tit { font-size:16px; }
.news-des { font-size:14px; height:auto; }
.news-more { margin-top:0.1rem; }

}

@media (min-width:993px){
.left-menu { display:block !important; }
.left-tit i { display:none; }
}

@media (max-width:767px){

}

/* ====== canglai 附加样式 ====== */
/* 分页数字（{page:numbar}） */
.pagination .page-num{ display:inline-block; padding:6px 12px; margin:0 3px; line-height:1.4; color:#004b9e; text-decoration:none; background-color:#fff; border:1px solid #ddd; border-radius:3px; }
.pagination .page-num:hover{ color:#23527c; background-color:#eee; }
.pagination .page-num-current{ color:#fff; background-color:#004b9e; border-color:#004b9e; }
/* 搜索页 */
.search-box{ max-width:8rem; margin:0 auto 0.4rem; display:flex; }
.search-box input{ flex:1; height:0.5rem; padding:0 0.2rem; font-size:0.16rem; border:1px solid #ddd; border-right:none; outline:none; }
.search-btn{ height:0.5rem; padding:0 0.4rem; background-color:#004b9e; color:#fff; font-size:0.18rem; border:none; cursor:pointer; }
.search-btn:hover{ background-color:#fa6c04; }
.search-empty{ text-align:center; color:#999; padding:0.6rem 0; }
/* 产品详情 */
.pro-detail{ display:flex; gap:0.4rem; margin-bottom:0.4rem; }
.pro-detail-pic{ width:4rem; flex-shrink:0; }
.pro-detail-pic img{ width:100%; display:block; }
.pro-detail-des{ color:#666; font-size:0.16rem; line-height:1.8; }
/* 详情页元信息 */
.news-meta, .right-meta{ color:#999; font-size:0.14rem; margin-bottom:0.2rem; }
.news-meta span, .right-meta span{ margin-right:0.3rem; }
/* 上一篇/下一篇 */
.right-prevnext{ margin-top:0.4rem; padding-top:0.2rem; border-top:1px dashed #ddd; color:#666; }
.right-prevnext p{ line-height:1.8; }
.right-prevnext a{ color:#004b9e; }
/* 留言验证码横向 */
.checkcode-row{ display:flex; align-items:center; gap:0.15rem; }
.checkcode-row input{ flex:1; min-width:0; }
.checkcode-row img{ height:0.46rem; cursor:pointer; border:1px solid #ddd; }