@charset "utf-8";
/* CSS Document */
:root {
    --main_color: #007bff;       /* 主色 */
    --main_color_dark: #1c2e40;  /* 主色-深 */
    --second_color: #007bff;     /* 副色 */
    --bg_gray: #e5e5e5;          /* 灰色背景 */
    --module_gap_xl: 1rem;       /* 模块间隔-超级 */
    --module_gap_x: .75rem;      /* 模块间隔-大 */
    --module_gap_m: .5rem;       /* 模块间隔-中 */
    --module_gap_s: .25rem;      /* 模块间隔-小 */
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, form, img, select {
    margin: 0; padding: 0;
}

body {
    color: #333; font-size: 14px; font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    overflow-x: hidden; background: #fff;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch; line-height: 1.5;
}

a {text-decoration: none; color: #333; outline-style: none;}
a:hover {color: var(--second_color);}
a, input, img, :focus {-webkit-tap-highlight-color: transparent; cursor: pointer; outline: none;}
a:focus, input:focus, img:focus {outline: 2px solid blue;}

ul, li {list-style: none;}
.clear {clear: both;}
img {border: 0;}
.fl {float: left;}
.fr {float: right;}
.bottom_blank {height: 0.8rem;}
.mt20 {margin-top: 20px;}
.index_bg {background: #F3F5F8; margin-top: 0.5rem; padding-bottom: 0.8rem;}

.picShow img {transition: 0.3s all;}
.picShow img:hover, .picShow a:hover img {transform: scale(1.1);}


/*======================主体宽度======================*/
.main {width: 90%; margin: auto; max-width: 1440px;}
@media screen and (max-width: 1024px) {.main {width: 94%;}}
@media screen and (max-width: 768px) {.main {width: 100%; padding: 0 15px; box-sizing: border-box;}}
.flex_space {display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex_start {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.t_center {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.t_left_center {display: flex; flex-direction: column; justify-content: center;}
.ellipsis1 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis2 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis;}
.head_top {height: 35px; line-height: 35px; font-size: 12px; background: var(--main_color); color: rgba(255,255,255,0.7);}
.head_top .top_right a {margin-left: 20px; color: rgba(255,255,255,0.7); font-size: 13px;}
.head_top .top_right a.ico01 i {background: url(../images/icon_phone1.png) left center no-repeat; padding-left: 25px;}
.head_top .top_right a.ico02 i {background: url(../images/icon_email1.png) left center no-repeat; padding-left: 25px;}
.header {width: 100%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.header .logo h3 {font-size: 26px; color: var(--main_color_dark);}
.header .logo p {font-size: 15px; color: #999; margin-top: 13px; letter-spacing: 1.6px;}
.header .logo img {display: block; transition: 0.5s all; height: 65px;}
.m_tc_box, .m_header_right {display: none;}
.navBox {height: 100px; position: relative; z-index: 999;}
.navBox a {height: 100%; display: flex; justify-content: center; align-items: center; transition: 0.5s all;}
.navBox .nav1 {height: 100%;}
.navBox .nav1>li {height: 100%; position: relative;}
.navBox .nav1>li>a {font-size: 16px; padding: 0 .25rem; font-weight: 520;}
.navBox .nav1>li>a:hover, .navBox .nav1>li.active>a {color: #fff;}
.navBox .nav1>li.curr>a .bg {background: var(--second_color); position: absolute; left: 50%; margin-left: -9px; border-radius: 20px; bottom: 25px; width: 18px; display: block; height: 4px; transition: 0.5s;}
.navBox .nav1>li>a:after {content: ''; display: block; z-index: -1; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background: var(--second_color); transition: 0.5s all;}
.navBox .nav1>li:hover>a:after {height: 100%; left: 0; bottom: 0;}
.navBox .nav2 {white-space: nowrap; min-width: 150%; border-radius: 5px; position: absolute; top: 100%; left: 50%; background: rgba(255,255,255,.99); transform: translate(-50%, 20px); padding: .1rem 0; opacity: 0; pointer-events: none; transition: 0.3s all; box-shadow: 0 5px 20px rgba(0,0,0,.15);}
.navBox .nav2.active {pointer-events: all; transform: translate(-50%); opacity: 1;}
.navBox .nav2:after {content: ""; position: absolute; bottom: 100%; left: 50%; border-style: solid; margin-left: -7px; border-width: 7px; border-color: transparent transparent #fff;}
.navBox .nav2>li {height: .56rem; position: relative; font-size: 15px; padding: 0 25px;}
.navBox .nav2>li i {position: absolute; right: .25rem; top: 50%; transform: translate(0,-50%); font-size: 14px; color: #999; transition: 0.5s all;}
.navBox .nav2>li.active i {color: var(--second_color);}
.navBox .nav2>li:not(:last-of-type) a {border-bottom: 1px solid #ddd;}
.navBox .nav2>li:before {content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 3px; background: var(--second_color); transform: scaleY(0); transition: transform .3s cubic-bezier(.162,.85,.45,1);}
.navBox .nav2>li.active:before {transform-origin: top; transform: scale(1);}
.navBox .nav3 {display: none; white-space: nowrap; min-width: 100%; border-radius: 5px; overflow: hidden; position: absolute; left: 100%; top: 0; background: #fff; box-shadow: 0 5px 20px rgba(0,0,0,.15);}
.navBox .nav3>li {height: .56rem;}
.navBox .nav3>li:not(:last-of-type) a {border-bottom: 1px solid #ddd;}
.navBox .nav3>li a:hover {background: var(--second_color); color: #fff;}


/*======================手机菜单按钮======================*/
.m_nav_btn {width: 30px; height: 30px; transition: 0.3s; cursor: pointer; border: none; padding: 0; outline: none; background: none; margin-top: 13px; display: block;}
.m_nav_btn .line {position: relative; display: block; width: 25px; height: 3px; margin: 0 auto 0; background: var(--main_color); border-radius: 3px;}
.m_nav_btn .line:before, .m_nav_btn .line:after {content: ''; width: 100%; height: 3px; left: 0; position: absolute; background: var(--main_color); border-radius: 3px; transition-duration: 0.3s, 0.3s; transition-delay: 0.1s, 0s;}
.m_nav_btn .line:before {transition-property: bottom, transform; bottom: 8px;}
.m_nav_btn .line:after {transition-property: top, transform; top: 8px;}
.m_nav_btn_active .line {background: transparent; transition-delay: 0s, 0s;}
.m_nav_btn_active .line:after, .m_nav_btn_active .line:before {transition-delay: 0s, 0.1s;}
.m_nav_btn_active .line:before {bottom: 0; transform: rotate(45deg);}
.m_nav_btn_active .line:after {top: 0; transform: rotate(-45deg);}

@media screen and (max-width: 768px) {
    .header {height: 60px; position: fixed; z-index: 200;}
    .header .logo img {height: 40px; margin-top: 10px;}
    .head_top, .header_right {display: none;}
    .m_header_right {display: block; margin-right: -5px;}
    .m_top_blank {height: 60px;}
    .header .m_lag {margin: 22px 20px 0 0;}
    .header .m_lag a {font-size: 15px; color: rgba(255,255,255,0.7);}
    .m_tc_box {position: fixed; top: 50px; left: 0; bottom: 0; right: 0; background: #fff; z-index: 102; display: none;}
    .m_tc_box .wrapper {position: absolute; left: 0; right: 0; height: 100%; padding: 15px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; z-index: 110;}
    .m_search_box {width: 100%; position: relative; border: 1px solid #e1e6f0; overflow: hidden; border-radius: 3px; margin-bottom: 15px; margin-top: 25px;}
    .m_search_box .search-btn {position: absolute; top: 0; right: 0; width: 50px; height: 100%;}
    .m_search_box form {height: 46px;}
    .m_search_box form input[type="text"] {width: 100%; height: 100%; background: rgba(255,255,255,0.8); box-sizing: border-box; padding: 0 50px 0 15px; border: none; font-size: 15px;}
    .m_search_box form input[type="submit"] {display: inline-block; width: 30px; height: 30px; background: url('../images/search1.png') no-repeat center; border: none; background-size: 23px auto;}
    .m_menu {overflow-x: hidden; overflow-y: auto;}
    .m_menu .nav1 ul {padding: 0 0 0 30px; display: none; background-color: #fff;}
    .m_menu .item {border-bottom: 1px solid #efefef; padding: 16px 10px; font-size: 16px;}
    .m_menu .item i {float: right; color: #ccc; transition: 0.3s all;}
    .m_menu .item.active>i {transform: rotate(180deg);}
    .m_menu .item.curr a, .m_menu .item a:hover {color: var(--main_color);}
    .m_menu .item.no_child a {display: block;}
    .m_tel {text-align: center; margin-top: 35px; font-size: 20px; font-family: din; color: #fff; background: var(--main_color); padding: 15px; border-radius: 5px; letter-spacing: 1px;}
    .m_tel i {font-size: 18px; margin-right: 5px;}
}

/*======================轮播图======================*/
#banner {width: 100%; position: relative; z-index: 0; overflow: hidden;}
#banner .txt {position: absolute; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center;}
#banner .txt h3 {font-size: 0.55rem; color: #fff; margin-bottom: 0.2rem; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;}
#banner .txt p {font-size: 0.2rem; color: #fff; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px; line-height: 1.4;}
#banner .txt h3 {transform: translateY(200px); opacity: 0; transition: all 0.3s;}
#banner .txt p {transform: translateY(200px); opacity: 0; transition: all 0.6s;}
#banner .txt .viewmore {transform: translateY(200px); opacity: 0; transition: all 0.9s; margin-top: 50px;}
#banner .swiper-slide-active .txt h3, #banner .swiper-slide-active .txt p, #banner .swiper-slide-active .txt .viewmore {transform: translateY(0px); opacity: 1; transition-delay: 1s;}
#banner .swiper-slide .pic {position: relative; z-index: 1; height: 6rem;}
#banner .swiper-slide .pic img {width: 100%; height: 100%; object-fit: cover; transition: all 4s; transform: scale(1, 1); display: block;}
#banner .swiper-slide-active .pic img {transform: scale(1.03, 1.03); transition-delay: 1s;}
.viewmore {position: relative;}
.viewmore a {pointer-events: all; display: block; width: 1rem; height: 0.46rem; font-size: 0.16rem; line-height: 0.46rem; background: var(--main_color); color: #fff; border-radius: 5px; padding: 0 0.25rem; position: relative; transition: all 0.3s;}
.viewmore a i {width: 20px; height: 20px; position: absolute; right: 15%; top: 50%; margin-top: -10px; background: url("../images/lunbo.png") center no-repeat;}
.viewmore a:after {position: absolute; right: 0; top: 0; content: ""; width: 0; background: rgba(255, 255, 255, 0.35); height: 100%; transition: 0.6s all;}
.viewmore a:hover:after {width: 100%; left: 0;}
#banner .swiper-button-prev, #banner .swiper-button-next {display: none; width: 72px; height: 72px; background: url(../images/sliding.png) no-repeat; margin-top: -36px; opacity: 0.3;}
#banner .swiper-button-prev {background-position: 0 0;}
#banner .swiper-button-prev:hover {background-position: 0 -144px;}
#banner .swiper-button-next {background-position: 0 -72px;}
#banner .swiper-button-next:hover {background-position: 0 -216px;}
#banner .swiper-pagination-bullet {width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: rgba(255, 255, 255, 0.36); transition: all 0.5s ease;}
#banner .swiper-pagination-bullet-active {background: rgba(255, 255, 255, 0.8); color: #fff; width: 33px; border-radius: 30px;}
#banner .swiper-pagination {bottom: 20px;}
#particles-js {position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; opacity: 0.6;}
.particles {pointer-events: none;}
.mouseEvents {pointer-events: all;}
@media screen and (max-width: 768px) {
    #banner .swiper-slide .pic {height: 180px;}
    #banner .txt h3 {font-size: 18px;}
    #banner .txt p {font-size: 14px;}
    #banner .viewmore {display: none;}
    #banner .swiper-pagination-bullet {width: 8px; height: 7px;}
    #banner .swiper-pagination-bullet-active {width: 20px;}
    #banner .swiper-pagination {bottom: 10px;}
}




/* 页面标题 */
.main_tit {text-align: center; padding: 0.6rem 0 0.4rem; width: 100%;}
.main_tit h3 {font-size: 0.48rem; color: #000; font-weight: normal;}
.main_tit .line {display: block; width: 25px; height: 4px; background: var(--main_color); border-radius: 10px; margin: 15px auto 0;}
.main_tit p {font-size: 16px; color: #666; margin-top: 15px; line-height: 2;}
@media screen and (max-width: 768px) {
    .main_tit p {font-size: 13px; margin-top: 10px;}
    .main_tit h3 {font-weight: bold;}
    .main_tit {padding: 30px 0 10px;}
}

/* 更多按钮 */
.more_1 {text-align: center; margin: 0.3rem auto 0;}
.more_1 a {width: 2rem; line-height: 0.5rem; text-align: center; border: 1px solid #5a5a5a; border-radius: 5px; overflow: hidden; display: inline-block; font-size: 14px; position: relative; transition: 0.3s;}
.more_1 a:hover {color: #fff; border-color: var(--second_color);}
.more_1 a:before {content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; width: 0; transition: 0.5s all; background: var(--second_color);}
.more_1 a:hover:before {width: 100%; left: 0;}
@media screen and (max-width: 768px) {
    .more_1 a {width: 50%; line-height: 36px;}
}


/*===============首页设备展示============*/
.cpzx li {
  width: 23.7%;
  text-align: center;
  border: 1px solid rgba(218, 218, 218, .4);
  border-radius: 5px;
  padding: .35rem .3rem;
  box-sizing: border-box;
  margin-bottom: .25rem;
  position: relative;
  overflow: hidden;
  transition: all 1s;
}

.cpzx li .cpzx_ico {
  overflow: hidden;
  height: 150px; /* 固定高度，确保图片不超出框 */
  display: flex;
  align-items: center;
  justify-content: center;
}

.cpzx li .cpzx_ico img {
  transition: all 10s;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* 保持图片比例 */
}

.cpzx li .txt {
  padding: .25rem 0 .15rem 0;
  color: #333;
  font-size: .17rem;
  font-weight: bold;
  transition: all .5s;
}

.cpzx li .line {
  width: 25px;
  height: 2px;
  background: var(--main_color);
  margin: 0 auto;
  transition: all .5s;
}

.cpzx li .desc {
  text-align: center;
  line-height: 1.8;
  color: #999;
  margin-top: .25rem;
  transition: all .5s;
}

.cpzx li:hover {
  background: var(--main_color);
  border: 1px solid var(--main_color);
}

.cpzx li:hover .txt,
.cpzx li:hover .desc {
  color: #fff;
}

.cpzx li:hover .line {
  background: #fff;
}

.cpzx li:hover .cpzx_ico img {
  filter: grayscale(100%) brightness(400%);
}

@media screen and (max-width: 768px) {
  .cpzx li {
    width: 48.5%;
  }
  .cpzx li .txt {
    font-size: 14px;
  }
  .cpzx li .desc {
    font-size: 12px;
  }
  .cpzx li .cpzx_ico {
    height: 100px; /* 调整小屏幕下的高度 */
  }
  .cpzx li .cpzx_ico img {
    height: auto;
  }
}


/*================首页公司介绍=====================*/
.index_gsjs{position:relative;}
.index_gsjs .txt{ width:50%; padding:0 0.4rem 0 0; box-sizing:border-box;  display:flex; justify-content:center;flex-direction:column;}
.index_gsjs .txt h5{font-size:.16rem; letter-spacing:2px; font-weight:normal; margin-bottom:.11rem; padding-left:5px;}
.index_gsjs .txt h3{font-size:.36rem; font-weight:normal; margin-bottom:.2rem;font-weight:bold;}
.index_gsjs .txt .xian{width: 25px;height: 4px;background:var(--main_color);border-radius: 10px; margin-bottom:.4rem;}
.index_gsjs .txt p{font-size:.16rem; line-height:2em; text-align:justify;}

.know_more{width: 1.6rem; line-height: .42rem;text-align: center;border: 1px solid #5a5a5a; border-radius: 5px; overflow:hidden; display:inline-block; font-size:14px; position:relative; transition:0.3s;margin-top:.3rem;}
.know_more:hover{color:#fff; border: 1px solid var(--second_color);}
.know_more:before{content: "";position: absolute;z-index: -1;top: 0;right: 0;right: 0;bottom: 0; width:0; transition:.5s all;background:var(--second_color); }
.know_more:hover:before{ width:100%; left:0;}


/*数字*/
.shuzi{ z-index:1; margin-top:.5rem; width:100%;}
.shuzi li{color: var(--main_color); font-size:.4rem;  position:relative;width:33.3%; box-sizing:border-box;}
.shuzi li i{font-size:.4rem; font-style:normal; margin-right:5px; font-family:din;}
.shuzi li span{font-size:16px; color:#666; top:-3px; display:inline-block; position:relative;}
.shuzi li p{ color:#555; font-size:14px; padding:3px 0 5px 0;}

/*数字*/
.shuzi_gsjs{ z-index:1; width:100%;padding:.3rem 0;background:#fff;border-radius:8px;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);margin-top:.3rem;}
.shuzi_gsjs li{color: var(--main_color); font-size:.4rem;  position:relative;width:24%; box-sizing:border-box;text-align:center;}
.shuzi_gsjs li i{font-size:.4rem; font-style:normal; margin-right:5px; font-family:din;}
.shuzi_gsjs li span{font-size:16px; color:#666; top:-3px; display:inline-block; position:relative;}
.shuzi_gsjs li p{ color:#555; font-size:14px; padding:10px 0 5px 0;}
@media screen and (max-width:768px) {
.shuzi_gsjs li{width:50%;margin-bottom:20px;}

}

.index_gsjs .pic{width:48%; position:relative; margin:.8rem 0 0.8rem 0;}
.index_gsjs .pic img{width:100%; display:block;}
.index_gsjs .pic .play{width:80px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; transition:1s all;}
.index_gsjs .pic .play:hover{transform:rotate(360deg);}
.index_gsjs .map_bg{ position:absolute; top:0; left:1rem;}

@media screen and (max-width:768px) {
.index_gsjs .txt h3{font-weight:bold;}
.index_gsjs .txt{width:100%;text-align:center;margin-top:.6rem;padding:0;}
.index_gsjs .txt .xian{margin:0 auto;margin-bottom:.3rem;}
.index_gsjs .txt p{font-size:13px;text-align:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.index_gsjs .pic{width:100%;margin:0 0 40px 0;}
.know_more{width:100%;height: 40px;line-height: 40px;font-size: 13px;background-image:none;margin:25px auto;}
.index_gsjs .pic .play{width:50px; height:50px; margin:-30px 0 0 -20px;}
.shuzi{  margin:10px 0 10px 0; }

}



/*===============首页行业应用================*/
.hyyy_bg {background: url(../images/hybj.jpg) no-repeat center; padding: 0 0 0.2rem; background-attachment: fixed;}
.hyyy {margin-top: 0.2rem;}
.hyyy li {width: 24%; margin-bottom: 0.5rem; text-align: center; transition: all 0.5s;}
.hyyy li .pic {overflow: hidden; width: 100px; height: 100px; border-radius: 100%; border: 3px solid rgba(255, 255, 255, 0.5); margin: 0 auto;}
.hyyy li .pic img {height: 40px;}
.hyyy li .txt {color: #fff; font-size: 0.18rem; font-weight: bold; padding-top: 0.2rem;}
.hyyy li:hover {transform: translate(0, -15px);}
@media screen and (max-width: 768px) {
    .hyyy li .pic {width: 60px; height: 60px;}
    .hyyy li .pic img {height: 28px;}
    .hyyy li .txt {font-size: 13px;}
}

/*======================首页合作伙伴======================*/
.hzhb_bg {}
.hzhb {padding-bottom: 0.6rem; justify-content: center;}
.hzhb li {width: 13%; margin-right: 1.2%; overflow: hidden; height: 0.8rem; transition: 0.3s all; border: 1px solid #e8e8e8; border-radius: 4px; margin-bottom: 0.25rem;}
.hzhb li:nth-child(7n) {margin-right: 0;}
.hzhb li img {display: inline-block; width: 100%; height: 100%;}
.hzhb li:hover {transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); box-shadow: 0 5px 10px #eee;}
@media screen and (max-width: 768px) {
    .hzhb_bg {background: url(../images/hzhbbj.jpg) no-repeat bottom;}
    .hzhb li {width: 48%; margin-right: 2.5%; height: 1.4rem;}
    .hzhb li:nth-child(2n) {margin-right: 0;}
}



/*===========底部通用=====================*/
.foot_bg{ width:100%; background:#004488; padding:.6rem 0 .5rem 0; }
.fot_line{border-right:rgba(255,255,255,0.05) 1px solid; min-height: 180px; box-sizing:border-box;}

.footer_nav{width:40%; }
.footer_nav .item h5{height:40px; margin-bottom:15px; position:relative; border-bottom:solid 1px rgba(255,255,255,0.2); font-size:16px; color:#fff; font-weight:normal;}
.footer_nav .item h5:after {width: 15px;height: 1px;position: absolute;left: 0;bottom: -1px;content: '';background: rgba(255,255,255,0.6);}
.footer_nav ul li{font-size:14px; line-height:.46rem;}
.footer_nav ul li a{color:rgba(255,255,255,0.66);}
.footer_nav ul li a:hover{color:#fff; text-decoration:underline;}
.footer_nav .item{ width:1.4rem;}
.footer_nav .item2{ width:3.5rem;}
.footer_nav .item2 li{ width:50%;}


.b_contact{width:4rem;box-sizing:border-box; }
.b_contact h5{padding: 0 0 0 25px;font-size: 16px; font-weight:normal;color: #fff;background: url(../images/people1.png) 0 center no-repeat; margin-bottom: 25px;}
.b_contact .f_logo img{ max-width:100%;}
.b_contact .f_tel {font-size:30px;  margin-top:25px; color:rgba(255,255,255,0.66);}
.b_contact .f_info{margin-top:25px;}
.b_contact .f_info .item{margin-bottom:20px;}
.b_contact .f_info .item:not(:first-child){ font-size:16px;}
.b_contact .f_info .ico{width: 34px;padding-right: 8px;display: flex;align-items: center;height: 24px; box-sizing:border-box;}
.b_contact .f_info .ico img{max-width: 100%;opacity: .5;}
.b_contact .f_info .txt{width: calc(100% - 34px); color: #fff;opacity: 0.5;line-height: 24px;}
.b_contact .f_info .txt p a{position: relative; color: #fff;}


.copyright{ width:100%; margin:0px auto;   background:#003D79; color:rgba(255,255,255,0.46); text-transform:uppercase; font-size:12px;}
.copyright .main{ padding:15px 0;}
.copyright a{color:rgba(255,255,255,0.36);}
.copyright span,.copyright a{color:rgba(255,255,255,0.46); margin:0 5px;}
.copyright span{ float:right; color:rgba(255,255,255,0.46); font-size:12px;}


@media screen and (max-width:768px) {
.foot_bg{padding:.6rem 0 .25rem 0; background:#004488;}
.copyright .main{padding:10px 15px; line-height:1.6;}
.b_contact{width:100%;}
.b_contact h5{ background-image:none;height:35px; margin-bottom:20px; position:relative; display:block; padding-left:0; border-bottom:solid 1px rgba(255,255,255,0.2);}
.b_contact h5:after {width: 15px;height: 1px;position: absolute;left: 0;bottom: -1px;content: '';background: rgba(255,255,255,0.6);}
.b_contact .foot_tel {font-size:20px; margin-bottom:10px;}
.b_contact .f_info .ico{width:25px; }
.b_contact .f_info .item{margin-bottom:15px;}
.b_weixin,.copyright p:last-child,.f_code,.f_logo{display:none;}
}

@keyframes o-upfade-top {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes o-scale {
    0%,85%,100%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.1);
    }
}
@keyframes o-opacity {
    0%,30%,60%,100%{
        opacity: 0;
    }
    15%,45%{
        opacity: 1;
    }
}
@keyframes o-scroll {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(100%);
    }
}


/*二级页面 banner*/
.page_ban{ width:100%; position:relative; overflow:hidden; background:#000; }
.page_ban .pic {animation: o-scale 20s linear infinite; height:350px;}
.page_ban .pic img{width:100%; height:100%;object-fit:cover; display:block;}

.page_ban .txt{position:absolute; left:0; top:0; bottom:0; right:0; display: flex; z-index:9; flex-direction:column; align-items:center;}
.page_ban .txt h2 { font-size:.35rem; font-weight:normal; color:#fff; opacity:0.7; text-transform:uppercase;margin-bottom:5px;}
.page_ban .txt h5 { font-size:.4rem; font-weight:normal; color:#fff; letter-spacing:2px;}

@media screen and (max-width:768px) {
.page_ban .pic{height:120px;}
}

/*位置*/
.sub_weizhi{ line-height:60px; height:60px;  }
.weizhi{padding-left:35px; color: #626568; font-size:16px; position: relative;}
.weizhi a{color: #626568;}
.weizhi i.ico { position: absolute;left: 10px;top: 20px;}
.weizhi i.ico svg {height: 20px;width: 20px;vertical-align: middle;fill: rgba(153,153,153,.9);}
@media screen and (max-width:768px) {
.sub_weizhi{ line-height:36px; height:36px; }
.weizhi{padding-left:20px; margin-left:15px;}
.weizhi i.ico {position: absolute; left:0px;top: 10px;}
.weizhi i.ico svg {height: 16px;width: 16px;}
}
/*===================子栏目导航================*/
#n_nav a {position: relative; float: left; display: block; font-size: 15px; padding: 0 18px; background: url(../images/icon_line1.png) right 1px center no-repeat; text-align: center;}
#n_nav a:last-child {background: none;}
#n_nav a strong {position: relative; display: block; z-index: 9; height: 60px; line-height: 60px; font-weight: normal; transition: 0.6s all;}
#n_nav a span {position: absolute; left: 13%; top: 0; z-index: 1; width: 105px; display: inherit; text-align: center;}
#n_nav a i {display: inline-block; border-bottom: 2px solid var(--second_color); height: 60px; width: 0; transition: 0.6s all; opacity: 0;}
#n_nav a.on i, #n_nav a:hover i {width: 100%; opacity: 1;}
#n_nav a.on strong, #n_nav a:hover strong {font-weight: bold; color: #333;}

.m_sub_nav {display: none;}
@media screen and (max-width: 768px) {
    .sub_weizhi .main {padding: 0;}
    #n_nav {display: none; width: 100%; background: #fff; box-shadow: 0 3px 5px #ccc; z-index: 9; box-sizing: border-box;}
    .m_sub_nav {display: flex; height: 36px; margin-right: 15px;}
    .m_sub_nav svg {width: 20px; height: 20px; fill: var(--main_color); transition: 0.3s all;}
    .m_sub_nav.active svg {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

    #n_nav a {width: 100%; padding: 0 15px; background: none; text-align: left; border-bottom: 1px solid #e1e6f0; box-sizing: border-box;}
    #n_nav a strong {height: 46px; line-height: 46px; color: #333;}
    #n_nav a span {display: none;}
    #n_nav a.on strong, #n_nav a:hover strong {color: var(--main_color);}
}

/*===================子栏目导航2================*/
#n_nav2 {height: 69px; border-top: 1px solid rgba(255, 255, 255, 0.1); width: 100%; position: relative; margin-top: -70px; z-index: 99; text-align: center;}
#n_nav2 li {height: 69px; display: inline-block; position: relative;}
#n_nav2 li:before {content: ''; display: block; background: var(--main_color); height: 100%; width: 0; transition: 0.6s all; opacity: 0; position: absolute; left: 50%; top: 0;}
#n_nav2 li:hover:before, #n_nav2 li.on:before {width: 100%; opacity: 1; left: 0;}
#n_nav2 a {display: block; font-size: 16px; padding: 0 0.5rem; line-height: 69px; height: 69px; text-align: center; color: #fff; z-index: 1; position: relative;}
#n_nav2 a img {display: inline-block; vertical-align: middle; margin-right: 10px;}


/*======================内页全局通用背景======================*/
.page_bg{background:url(../images/grey_bg1.jpg) no-repeat center;background-size:cover;}



/*======================内页公司介绍======================*/

.page_gsjs{margin-bottom: .3rem;}
.page_gsjs .con p{padding:.1rem 0;line-height:2;font-size:.32rem;overflow:hidden;}
.page_gsjs .con p img{text-align:center;}

@media screen and (max-width:768px) {
.page_gsjs{}
.page_gsjs .con p{font-size:23px;}
.page_gsjs .con p img{width:100%;text-align:center;}
}


/*===================经营范围销售网络================*/
.page_jyfw, .page_xswl {width: 100%; text-align: center; padding: 20px 0; margin: 0 auto;}
.page_jyfw .con, .page_xswl .con {
    max-width: 800px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: left; line-height: 1.6; font-size: 16px;
}
.page_jyfw p, .page_xswl p {margin-bottom: 15px; text-align: left;}
.page_xswl img {display: block; margin: 20px auto; max-width: 100%; height: auto;}


/*===================招贤纳士================*/
.page_zxns {
    background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 800px; margin: 20px auto;
}
.page_zxns h4 {font-size: 20px; color: #333; margin-bottom: 10px;}
.page_zxns h5 {font-size: 18px; color: #0056b3; margin: 15px 0 10px;}
.page_zxns p {margin-bottom: 15px;}
.page_zxns ul {list-style-type: disc; margin-left: 20px; margin-bottom: 15px;}
.page_zxns li {margin-bottom: 8px;}

/*===================内页产品列表================*/
.product_list li {
    width: 23%; margin: 1%; border: 1px solid rgba(204, 204, 204, 0.5); padding: 0.3rem;
    box-sizing: border-box; margin-bottom: 0.25rem; background: #f4f4f4; transition: all 0.5s;
}
.product_list li .txt {}
.product_list li .txt h3 {font-size: 0.2rem;}
.product_list li .txt p {
    font-size: 0.14rem; color: #838383; margin-top: 0.2rem; line-height: 2; text-align: justify;
}
.product_list li .pic {overflow: hidden; margin-top: 0.2rem;}
.product_list li .pic img {width: 100%; height: 100%;}
.product_list li:hover {box-shadow: 0 5px 10px rgba(153, 153, 153, 0.35);}

@media screen and (max-width: 768px) {
    .product_list li {width: 100%; border-radius: 4px; margin-bottom: 20px;}
    .product_list li .txt {margin-top: 5px;}
    .product_list li .txt h3 {font-size: 14px;}
    .product_list li .txt p {font-size: 12px; margin-top: 5px;}
}
/*内页分页*/
.search-pagination {text-align: center; margin: 50px 0 80px;}
.pagination li {display: inline-block; margin: 0 3px;}
.pagination li a {
    display: inline-block; font-size: 15px; border-radius: 3px; min-width: 46px; height: 46px; line-height: 46px;
    box-sizing: border-box; padding: 0 20px; transition: 0.3s; background: #e8e8e8; border: 0 solid #ddd;
}
.pagination li.active a, .pagination li a:hover {color: #fff !important; background-color: var(--main_color); border: 0 solid #004d98;}

/*右侧浮动*/
.online_q {
    position: fixed; right: 10px; bottom: 10%; z-index: 99; transition: 0.5s; -webkit-transition: 0.5s;
}
.online_q .btn2 {
    cursor: pointer; position: relative; margin-bottom: 5px; text-align: center; transition: 0.3s; z-index: 0;
}
.online_q .btn2 span {display: flex; justify-content: center; align-items: center; width: 54px; height: 54px; position: relative; z-index: 999; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s; border-radius: 50%; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
.online_q .btn2 svg {height: 22px; width: 22px; display: block; fill: #666;}

.online_q .btn2:hover span {background: var(--main_color);}
.online_q .btn2:hover span svg {fill: #fff;}

@media screen and (max-width: 768px) {.online_q {display: none;}}
#gotop.hide {height: 0; overflow: hidden;}

.online_q .social-share {
    position: absolute; background: var(--main_color); border-radius: 3px; right: 100px; top: 0; text-align: center;
    opacity: 0; transition: 0.6s; -webkit-transition: 0.6s; visibility: hidden; color: #fff; white-space: nowrap; padding: 0 15px;
}
.online_q .social-share1 {height: auto; padding: 0 10px;}
.online_q .social-share:before {
    content: ""; display: block; width: 0; height: 0; border: 10px solid transparent;
    border-left: 10px solid var(--main_color); position: absolute; right: -15px; top: 50%; margin-top: -10px;
}
.online_q .social-share img {width: 80px; height: 80px; margin: 10px 0 5px;}
.online_q .btn2:hover .social-share {opacity: 1; right: 70px; visibility: visible;}
.online_q .social-share1:before {top: 24px;}
.online_q .social-share .tel {font-size: 20px; line-height: 56px;}
.online_q .social-share p {font-size: 14px; margin-bottom: 10px;}


/*向上*/
.cd-top {
    display: inline-block; height: 46px; width: 46px; position: fixed; bottom: 60px; right: 5px; border-radius: 50%;
    overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 0, 0, 0.15) url(../images/to_top_arrow.svg) no-repeat center 50%;
    visibility: hidden; opacity: 0; transition: all 0.3s;
}
.cd-top.cd-is-visible {visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: 0.5;}
.no-touch .cd-top:hover {background-color: var(--second_color); opacity: 1;}
@media only screen and (min-width: 768px) {.cd-top {right: 10px; bottom: 60px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 46px; width: 46px; right: 5px; bottom: 60px;}}
.cd-top:hover {background-color: var(--second_color); transition: all 0.3s ease 0s;}

/*===================字体================*/
.custom-h3 {
    font-size: 48px;
}

.custom-p {
    font-size: 36px;
}