@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.woff2?t=1729736948913') format('woff2'),
       url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.woff?t=1729736948913') format('woff'),
       url('//at.alicdn.com/t/c/font_591377_i4bbzzxaqc.ttf?t=1729736948913') format('truetype');
}
/* 定义全局颜色变量 */
:root {
  --primary-color: #0d9488;   /* 主色调 */
  --primary-color-rgb: 13, 148, 136; /* 对应 #06c 的 RGB */
  --white-color: #fff; /* 辅助色 */
  --white-color-rgb:255,255,255; /* 辅助色 */
  --bg-color: #f9f9f9;        /* 背景色 */
  --text-color: #222;      /* 文字色 */
  --text-color-rgb:34,34,34;      /* 文字色 */
  --bottom-color: #222;   
  --contact-color:#134e4a;  
}
@font-face {
    font-family: "Noto Sans TC";
    src: url('https://cdn.yqtgeo.com/font/AlibabaPuHuiTi-3-55-Regular.woff2')  format('woff2');
    cache: local;
}
*{
  font-family: "Noto Sans TC"; box-sizing:border-box;
}

.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}
.padding8{ padding:3% 8%;}

h1{ font-size:18px; font-weight:bold; line-height:1.6;}
/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden; box-sizing:border-box;scroll-behavior: smooth;}
body{color:var(--text-color); margin:0 auto;padding:0; font-size:14px;}
a:link,a:visited{color:var(--text-color); text-decoration: none;}
a:active{color:var(--text-color); text-decoration:none;}
a:hover{color:var(--primary-color);}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
.bodyhid{ overflow:hidden;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:var(--primary-color); text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1200{ margin:0 auto;  padding:0 10%;}
.w1000{ margin:0 auto; max-width:1200px;  z-index:1000; padding:0;}
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
.margin{ margin:80px auto;}
::-webkit-scrollbar {
	width:0px;
	height:0px;
}
::-webkit-scrollbar-track {
width:0px;
background-color:rgba(var(--primary-color-rgb),0.1);
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条的设置*/
::-webkit-scrollbar-thumb {
background-color:var(--primary-color);
background-clip:padding-box;
min-height:28px;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
background-color:var(--primary-color);
}

/****************************************************************头部设置*********************************************************************/
/* 头部导航 */
header {


	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	position: sticky;
	top: 0;
	z-index: 1000000;
	background-color:#fff;
}
.logo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%;}
.logo_h{ display:none;}

.logo_1{ margin:0 auto; position:relative; z-index:10; padding:0; }
.logo_img{ padding:0;  position:relative; padding:15px 0; float:left;}
.logo_img h1{ font-size:30px; color:var(--primary-color); letter-spacing:1px;}
.logo_img img{ display:block; max-width:100%; height:50px; }
.logo_tel{ font-size:28px; font-weight:bold; line-height:75px;font-family: Georgia, "Times New Roman", Times, serif; padding-left:5%; color:var(--primary-color); float:right;}
.logo_tel i{ font-size:20px;}
@media (max-width:640px){
.w1200{ padding:0 3%;}
 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 
.logo{ height:50px; padding:0; position:fixed; top:0; background:#fff;}
.logo_h{ height:50px; display:block;}
.logo_img{ width:100%; height:50px;left:0; top:0;  text-align:center; padding:0;  -webkit-transform: translate(0);transform: translate(0);}
.logo_img h1{ font-size:20px;line-height:50px;}
.logo_img img{ display:block; height:32px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.logo_tel{ display:none;}
}
/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:9;text-align:center;  padding:0;    margin-left:5%;float:right; }
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto;  display:flex; flex-wrap:wrap;}
.nav li{  text-align:center; position:relative;}
.nav li a{  padding:0 26px; display:block;   font-size:18px; color:var(--text-color); position:relative; z-index:100; line-height:80px;}
.nav li a:hover{ color:var(--primary-color);}
.nav li.mj_hover_menu{ display:block; }
.nav li.mj_hover_menu a{ color:var(--primary-color); }
@media (max-width:640px){

/***********导航*********************/
.sp_nav{width:50px; height:50px; display:block; position:fixed; left:0; top:0;transition:all ease 0.35s; z-index:99999999;}
.sp_nav span{display:block;background:var(--text-color);width:20px;height:2px;position:absolute;left:15px;transition:all ease 0.35s; border-radius:3px;}
.sp_nav span:nth-of-type(1){top:15px}
.sp_nav span:nth-of-type(2){top:23px; width:15px;}
.sp_nav span:nth-of-type(3){top:31px}
.sp_nav_se{ background:var(--white-color);transition:all ease 0.35s;}

.sp_nav_se span:nth-of-type(1){left:15px; top:25px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){left:15px; top:25px;transform:rotate(-45deg)}
.navbox{ width:60%; top:50px; left:-60%; margin:0; position:fixed; height:calc(100% - 50px);  background:var(--white-color);  display:block;transition:all ease 0.35s;z-index:9999999;}
.navbox ul{ margin:0; padding:0; display:block;  height:100%; padding:30px 0;}
.navbox ul li a{ display:block; color:var(--text-color);padding:20px; height:auto; line-height:normal; border-bottom:1px solid var(--bg-color); font-size:18px; text-align:left;  }
.nav_show{left:0;transition:all ease 0.35s; z-index:9999999;}
}


/*******banner条***/
.infobanner img{ display:block;}
.banner{   position:relative;}

/*****标题*****/
.indextitle{ line-height:1.5; padding:50px 0; position:relative; text-align:center; }
.indextitle h2{ font-size:32px; font-weight:bold; position:relative; z-index:1;}
.indextitle p{ font-size:16px; color:rgba(var(--text-color-rgb),0.6); }
@media (max-width:640px){
.indextitle { padding:15px 0;}
.indextitle p{ font-size:12px; }
.indextitle h2{ font-size:22px;}
}
/*******简介***/
.section-bg{ background:var(--bg-color);padding-top:2%; padding-bottom:5%;}
.about{ display:flex; flex-wrap:wrap; padding-top:5%; padding-bottom:5%;}
.about_img{ flex:1;}
.about_img img{width:100%; --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); border-radius:15px;}
.about_content{ flex:1; font-size:18px; line-height:2.2; padding-left:5%; text-align:left;}
.about_content .indextitle{ text-align:left;}
.about_content .about_more{ border-radius:3px; font-size:16px; margin-top:50px; height:48px; line-height:48px; width:180px; text-align:center; display:block; background:rgba(var(--primary-color-rgb),0.9); color:#fff;}
@media (max-width:640px){
.about{ display:block; padding:20px 0;}
.about_img{ display:none; border-radius:0;}
.about_content{ padding:3%; font-size:14px; line-height:2;}
.about_content .about_more{ border-radius:3px; font-size:14px; margin-top:20px; height:38px; line-height:38px; width:160px; margin:0 auto;}

}

/*******联系我们***/
.section-bg-2{background:var(--contact-color); display:flex; padding-top:5%; padding-bottom:5%;}
.contact-name{ flex:1.3;  padding:0; font-size:18px; color:rgba(204,251,241,0.9); padding-right:5%;}
.contact-name ul.txt{ margin-bottom:25px;}
.contact-name ul h2{ font-size:30px; font-weight:bold;color:#fff;}
.contact-name ul p{ margin:10px 0;}
.contact-name ul.list{}
.contact-name ul.list li{ margin-bottom:20px; display:flex; flex-wrap:wrap;}
.contact-name ul.list li i{ width:40px; height:40px; font-size:18px; background:rgba(255,255,255,0.05); text-align:center; line-height:40px; border-radius:10px; margin-right:15px;}
.contact-name ul.list li a{color:rgba(204,251,241,0.9);}
.contact-name ul.list li a:hover{ color:#FF0;}
.contact-name ul.list li h2{ font-size:20px; font-weight:normal;}
.contact-feed{ flex:1; background:#fff; border-radius:15px; padding:30px; }
.contact-feed ul{ display:flex; margin-bottom:15px;}
.contact-feed ul li{ flex:1; line-height:2; margin-right:30px;}
.contact-feed ul li:last-child{ margin-right:0;}
.contact-feed .text{ text-align:center;  text-align:center;}
.contact-feed .text button{ width:100%; height:45px; line-height:45px; margin:10px auto; border-radius:5px; background:#0d9488; font-size:18px;}
@media (max-width:640px){
	.section-bg-2{ display:block;}
	.contact-name { font-size:14px;}
	.contact-name ul h2{ font-size:22px; font-weight:bold;color:#fff;}
	.contact-feed{ border-radius:5px; padding:15px; }
	.contact-feed ul li{  margin-right:10px;}
	.contact-feed .text button{ font-size:14px;}
}

/*******产品***/
.products{ padding-bottom:3%;padding-top:3%;}
.productlist{ overflow:hidden; display:flex; flex-wrap:wrap;}
.productlist .item{ box-shadow:0 1px 2px rgba(0,0,0,0.05);  overflow:hidden; padding:0; border-radius:10px 10px 0 0; width:22%; margin:1.5%; border:1px solid #eee;}
.productlist .item .pic{overflow:hidden; overflow:hidden; aspect-ratio: 4 / 3; /* 统一图片比例 宽/高，可改 1/1正方形、16/9等 */
  overflow: hidden; /* 超出部分裁剪 */}
.productlist .item .pic img{width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：不等尺寸图片自动居中裁剪，填满容器 */
  display: block;
}
.productlist .item .text{ padding:20px; font-size:14px; text-align:left; background:#fff;}
.productlist .item .text h3{ font-size:18px; font-weight:bold;}
.productlist .item .text p{ font-size:14px;color:rgba(var(--text-color-rgb),0.7); margin:12px 0;}
.productlist .item .text a{ color:var(--primary-color); }
@media (max-width:640px){
.productlist{ overflow:hidden; padding:10px 0 20px 0;}
.productlist .item{  width:47%; padding:0; }
.productlist .item .pic{ overflow:hidden;}
.productlist .item .text{ padding:10px; font-size:12px; text-align:left;}
.productlist .item .text h3{ font-size:14px; font-weight:bold;}
.productlist .item .text p{ font-size:12px;color:rgba(var(--text-color-rgb),0.7);}
}
/*******新闻***/
.news{ padding:30px 0;  }
.newslist{ padding:30px 0;  overflow:hidden; position:relative; display:flex;flex-wrap:wrap;}
.newslist .item{ width:31.333%;   padding:30px; box-shadow:0 0 12px rgba(0,0,0,0.06); margin:1%;}
.newslist .item .pic{ display:block; overflow:hidden; height:240px; position:relative; }
.newslist .item img{ display:block; margin:0 auto; width:100%; position:absolute;top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.newslist .item h3{ font-size:20px !important; color:var(--primary-color); display:block; line-height:1.4; font-weight:500;}
.newslist .item .text{ }
.newslist .item p{ font-size:15px; line-height:1.8; color:rgba(var(--text-color-rgb),0.8); margin:8px 0;}
.newslist .item span{font-size:14px;color:rgba(var(--text-color-rgb),0.4);}
@media (max-width:640px){
.news{ padding:10px  0 15px 0;  }
.newslist{ padding:0;  overflow:hidden; position:relative;}
.newslist .item{ width:100%; margin:3%; float:none; padding:15px; background:var(--white-color); }
.newslist .item .pic{ display:block; overflow:hidden; height:100px; position:relative; }
.newslist .item h3{ font-size:18px !important; margin-bottom:5px; }
.newslist .item p{ font-size:14px; line-height:1.8; }
}
/*******常见问题***/

.fqa-list{ display:flex; flex-wrap:wrap;}
.fqa-list li{ width:49%; background:var(--white-color); padding:25px; margin-right:2%; margin-bottom:2%; line-height:2;}
.fqa-list li:nth-child(2n){ margin-right:0;}
.fqa-list li h2{ font-size:22px; color:var(--text-color); background:url(/public/images/fqa.png) no-repeat center left; background-size:auto 30px; padding-left:35px; margin-bottom:15px;}
.fqa-list li p{ background:url(/public/images/a.png) no-repeat 3px 5px; background-size:auto 20px; padding-left:35px;}
@media (max-width:640px){
	.fqa-list li{ width:100%; padding:20px 15px; margin-right:0;}
	.fqa-list li h2{ line-height:1.4; font-size:18px;}
	.fqa-list li p{ line-height:1.6}
}



/*******新闻列表***/
.news-list {}
.news-list li{ display:flex; flex-wrap:wrap; padding:50px 0; border-bottom:1px solid rgba(var(--text-color-rgb),0.05); }
.news-list li:last-child{ border-bottom:0;}
.news-list li .img{ width:30%; overflow:hidden;}
.news-list li .img img{ display:block; max-width:100%;}
.news-list li .txt{  line-height:1.8; }
.news-list li .txt h3{ font-size:22px; color:var(--text-color);}
.news-list li .txt .time{ font-size:12px; color:rgba(var(--text-color-rgb),0.4);}
.news-list li .txt .con{ padding:15px 0; font-size:16px;color:rgba(var(--text-color-rgb),0.6);}
.news-list li .txt .biao{ color:rgba(var(--text-color-rgb),0.4); font-size:12px;}
.news-list li .txt .biao span{ margin-right:10px;}
.news-list li .txt .biao i{ font-size:12px; margin-right:3px;}
/*******推荐资讯***/
.tuijian{ padding-top:3%;padding-bottom:3%; background:var(--bg-color);}
.news-tuijian{}
.news-tuijian ul{ display:flex; flex-wrap:wrap;}
.news-tuijian ul li{ width:49.5%; display:flex; flex-wrap:wrap; margin-bottom:12px; padding:12px; background:var(--white-color); margin-right:1%;}
.news-tuijian ul li:nth-child(2n){ margin-right:0;}
.news-tuijian ul li .pic{ width:160px; margin-right:15px; height:90px; position:relative;}
.news-tuijian ul li .pic img{ display:block; margin:0 auto; height:100%; position:absolute; left:50%; -webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.news-tuijian ul li .text{ width:calc(100% - 135px); padding:5px 0;}
.news-tuijian ul li .text h3{ font-size:16px; line-height:1; font-weight:800; margin-bottom:10px;}
.news-tuijian ul li .text h3 a{ color:var(--text-color);}
.news-tuijian ul li .text p{ font-size:14px; line-height:1.5;color:rgba(var(--text-color-rgb),0.6);}
.news-tuijian ul li:hover{ background:rgba(var(--primary-color-rgb),0.05);}

.likelist{ overflow:hidden; display:flex; flex-wrap:wrap; }
.likelist .item{ background:var(--white-color);  padding:10px;}
.likelist .item .pic{ overflow:hidden; aspect-ratio: 4 / 3; /* 统一图片比例 宽/高，可改 1/1正方形、16/9等 */
  overflow: hidden; /* 超出部分裁剪 */}
.likelist .item .text{ padding:15px; text-align:center;}
.likelist .item .pic img{width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：不等尺寸图片自动居中裁剪，填满容器 */
  display: block;
}


.pic-list { padding:3% 0 0 0; }
.pic-list ul{display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列均分宽度 */
  grid-template-rows: repeat(2, 1fr);    /* 2行高度统一 */
  gap:40px; /* 图片之间间距，可自行修改 */
  margin: 0 auto;
  }
.pic-list li .img{ overflow:hidden; width: 100%;
  aspect-ratio: 4 / 3; /* 统一图片比例 宽/高，可改 1/1正方形、16/9等 */
  overflow: hidden; /* 超出部分裁剪 */
  border-radius: 8px; /* 圆角可选 */}
.pic-list li .img img{width: 100%;
  height: 100%;
  background: #f5f5f5;
  object-fit: cover; /* 关键：不等尺寸图片自动居中裁剪，填满容器 */
  display: block;}
  
.pic-list li .txt{ line-height:1.8; text-align:center; padding:15px 0; }
.pic-list li .txt h3{ font-size:22px; color:var(--text-color);word-break: break-all;overflow-wrap: break-word;}

.news-page{ text-align:center; margin:50px auto; }
.news-page li{ display:inline-block;line-height:20px; padding:5px 15px; background:var(--bg-color); margin:0 3px;}
.news-page li.no{ color:rgba(var(--text-color),0.4);}
.news-page li span{ color:var(--primary-color); font-weight:bold;}

/* 产品详情css */
.picshow{ display:flex; padding:4% 0; flex-wrap:wrap;}
.picshow-left{ position:relative; width:42%; overflow:hidden; }
.picshow-left .mySwiper{  width:100%;}
.picshow-left .swiper-slide img{ display:block; max-width:100%;}
.picshow-right{ width:58%; padding:0; padding-left:5%; line-height:2;}
.picshow-right h2{ font-size:30px; color:var(--text-color); line-height:1.4;}
.picshow-right .about{ padding:0; margin:15px 0; font-size:18px;}
.picshow-content-2{ padding:3% 8%;}

/*新闻详情*/
.s_title{ text-align:left;}
.s_title h1{ font-size:25px; font-weight:bold; color:var(--text-color);}
.s_title .time{ font-size:16px; color:rgba(var(--text-color-rgb),0.5);}
.s_title .time span{ margin-right:25px;}
.s_title .time i{ font-size:16px; margin-right:5px;}
.s_title .about{background:var(--bg-color); padding:20px;border-radius: 0 8px 8px 0;margin:15px 0;}
.s_title .mpic{ text-align:center; margin:15px auto;}
.s_title .mpic img{ display:block; margin:0 auto; max-width:100%;}
.s_title p.c span{ display:inline-block;  font-weight:bold; color:var(--text-color);}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%;}
.s_content{ padding:15px 0;}
.p_content{ font-size:14px; text-align:right;}

/*联系我们*/
.contact-info{ display:flex; padding:50px 0;}
.contact-info ul{ flex:1;}
.contact-info ul li{ line-height:1.6; margin-bottom:40px; display:flex;}
.contact-info ul li .icon{ width:50px; background:rgba(var(--primary-color-rgb),0.05); height:50px; line-height:50px; border-radius:50px; color:var(--primary-color); font-size:24px; text-align:center; margin-right:15px;}
.contact-info ul li .text{ width:calc(100% - 65px)}
.contact-info ul li h2{ font-size:20px; color:var(--primary-color);}
.contact-info ul li p{ font-size:18px;}

.container{ height:100%; min-height:300px;}




/****************内页banner**************************/

.infobanner{  position:relative; background:rgba(var(--primary-color-rgb),1);}
.infobanner img{ display:block; width:100%;}
.infobanner .infobanner-text{  margin:0 auto; text-align:center; padding:80px 0;}
.infobanner .infobanner-text h2{ font-size:36px; font-weight:bold; color:var(--white-color);}
.infobanner .infobanner-text p{ text-transform:uppercase;  display:block; margin-bottom:10px; color:rgba(var(--white-color-rgb),0.5); }
.infobanner .infobanner-text span{ color:rgba(var(--white-color-rgb),1); }


.infotitle .m{  margin:0 auto; position:relative;  }
.infotitle .m i{ font-size:15px; margin:0 8px; color:rgba(var(--text-color-rgb),0.5);}
.infotitle .m:after{ content:''; border:0;}
.infotitle{  padding:16px 0; margin:0; background:var(--bg-color);}
.infotitle h2{ float:left;font-size:18px; font-weight:bold;}
.infotitle a{ font-weight:normal; text-transform:capitalize; color:rgba(var(--text-color-rgb),0.7);}
.infotitle strong{ color:var(--text-color); font-weight:normal;}

.infocontent{  margin:20px auto; padding:0; line-height:2.3; font-size:16px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto;}
.swiper-button-next,.swiper-button-prev{ top:50% !important; color:var(--text-color) !important; font-size:20px !important; display:block !important;}
.swiper-button-next{ right:4% !important;}
.swiper-button-prev{ left:4% !important;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:30px !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ cursor:pointer !important;pointer-events:auto !important;}


/*FAQ*/
.faq{}
.faq ul{ display:flex; flex-wrap:wrap; padding:25px 0;}
.faq li{ padding:30px; box-shadow:0 0 15px rgba(0,0,0,0.05); margin:20px 0; width:48.5%; margin-right:3%;}
.faq li:nth-child(2n){ margin-right:0;}
.faq li h2{ line-height:1; margin-bottom:15px; font-size:20px; color:var(--text-color);}
.faq li h2 i{ display:block; height:24px; line-height:24px; width:24px; text-align:center; background:var(--primary-color);; border-radius:24px; color:var(--white-color); font-style:normal; font-size:14px; float:left; margin-right:10px;}
.faq li p{ font-size:14px; line-height:1.8; padding-left:36px; color:rgba(var(--text-color-rgb),0.8)}

.gotop{ cursor:pointer; width:48px; height:48px; line-height:48px; background:rgba(0,0,0,0.1);  border-radius:48px; position:fixed; right:10px; bottom:10px; text-align:center; color:var(--white-color); font-size:18px;}
.gotop i{ font-size:20px;}


.links{ text-align:left; border-bottom:1px solid rgba(var(--white-color-rgb),0.1); padding-top:10px; padding-bottom:10px; }
.links a{ padding:0 10px;}


.bottom{ background:var(--bottom-color); color:rgba(var(--white-color-rgb),0.5); padding:0; font-size:14px; line-height:2.2; text-align:center;}
.bottom a{  color:rgba(var(--white-color-rgb),0.5);}
.bottom a:hover{ color:var(--white-color);}
.bottom p{ margin:0;}
.bottom-footer{ padding:20px 0;}

.footer-menu{ text-align:center;}
.footer-menu li{ display:inline-block; padding:0 15px;}


.footer_h{ display:none;}
.footmenu { display:none;}
.Upper p{ font-size:14px;}


.box-title{ font-weight:bold !important; }
.box-title strong{ color:#f00 !important;}
.box-content{ font-size:18px !important; padding-top:25px !important;}
.box-content b{ color:#f00;}
.btn-primary{ background:#20a8e4;}

@media (max-width:640px){
	
	/*******联系我们***/
.contact-fqa{ padding:20px 3%;}
.contact-fqa .contact-flex{display:block;}
.contact-fqa .contact{ flex:1; background:#fff; padding:20px; font-size:16px; border-radius:20px; margin-right:0; margin-bottom:20px;}
.contact-fqa .fqo-list{ flex:1; padding:20px; background:#fff;border-radius:20px;}
.contact-fqa .fqo-list li p{  padding-left:24px;}
/*******常见问题***/
.FQA{ background:var(--bg-color);}
.FQAlist{ display:flex; flex-wrap:wrap;}
.FQAlist li{ width:49%; background:var(--white-color); padding:25px; margin-right:2%; margin-bottom:2%; line-height:2;}
.FQAlist li:nth-child(2n){ margin-right:0;}
.FQAlist li h3{ font-size:22px; color:var(--text-color); background:url(../images/fqa.png) no-repeat center left; background-size:auto 30px; padding-left:35px; margin-bottom:15px;}
.FQAlist li p{ background:url(../images/a.png) no-repeat 3px 5px; background-size:auto 20px; padding-left:35px;}

/*******新闻列表***/
.news-list li{padding:4%; display:block;}
.news-list li .txt h3{ font-size:16px;}
.news-list li .txt .con{ padding:0; font-size:13px; margin:8px auto; }

/*******推荐资讯***/
.tuijian{ padding:5% 3%;}
.news-tuijian{}
.news-tuijian ul{ display:flex; flex-wrap:wrap;}
.news-tuijian ul li{ width:100%; margin-right:0;}
.news-tuijian ul li:nth-child(2n){ margin-right:0;}
.news-tuijian ul li .text{ width:100%; padding:5px 0;}
.news-tuijian ul li .text h3{ font-size:16px; line-height:1; font-weight:100; margin-bottom:10px;}
.news-tuijian ul li .text p{ font-size:13px;}

.likelist{ overflow:hidden; margin:2% auto;}
.likelist .item{ background:var(--white-color); }



.pic-list { padding:3%; }

.pic-list ul{display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4列均分宽度 */
  gap:15px; /* 图片之间间距，可自行修改 */
  }

.pic-list li .txt{ line-height:1.8; text-align:center; padding:15px 0; }
.pic-list li .txt h3{ font-size:16px; color:var(--text-color);}

.news-page{margin:20px auto; font-size:12px;}
.news-page li{ line-height:20px; padding:3px 7px;  margin:2px;}

/*新闻详情*/
.s_title h1{ font-size:21px; }
.s_title .time{ font-size:14px;}
.s_title .time span{ margin-right:15px;}
.s_title .time i{ font-size:14px;}
.s_title .about{ line-height:2; font-size:12px; padding:12px;}
.s_content{ padding:10px 0;}

/*联系我们*/
.contact-info{ display:block; padding:0;}
.contact-info ul li{ line-height:1.6; margin-bottom:30px; display:flex;}
.contact-info ul li .icon{ width:40px; height:40px; line-height:40px; border-radius:40px; font-size:20px;}
.contact-info ul li h2{ font-size:18px;}
.contact-info ul li p{ font-size:16px;}
.contact-info ul.contact-text{padding:25px;}
.contact-info ul.contact-map{}

/****************内页banner**************************/
.infobanner{overflow:hidden; min-height:auto;}
.infobanner .infobanner-text{ width:90%;font-size:12px; padding:40px 0; }
.infobanner .infobanner-text h2{ font-size:22px;}
.infotitle{  padding:12px 3%;}
.infocontent{  margin:0 auto; padding:3%; line-height:2.3; font-size:14px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto;}
.swiper-button-next,.swiper-button-prev{ top:50% !important; color:var(--text-color) !important; font-size:20px !important; display:block !important;}
.swiper-button-next{ right:4% !important;}
.swiper-button-prev{ left:4% !important;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:30px !important;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ cursor:pointer !important;pointer-events:auto !important;}
/*FAQ*/
.faq ul{padding:15px;}
.faq li{ padding:20px 15px; margin:10px 0; width:100%; margin-right:0;}
.faq li:nth-child(2n){ margin-right:0;}
.faq li h2{ margin-bottom:15px; font-size:18px; color:var(--text-color);}
.faq li h2 i{  height:20px; line-height:20px; width:20px; border-radius:20px; }
.faq li p{ padding-left:32px;}
.bottom{  padding:20px 3%; font-size:12px; line-height:1.8; text-align:center;}
.gotop{ cursor:pointer; width:40px; height:40px; line-height:40px; background:rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:40px; position:fixed; right:10px; bottom:60px; text-align:center; color:var(--white-color); z-index:1000000;}
.gotop i{ font-size:18px;}
.links{ padding:3%;}
.links ul.title{ margin-bottom:12px; }
.links-list a { margin-right:20px; margin-bottom:6px;}
.footer-menu{ text-align:center;}
.footer-menu li{ display:inline-block; padding:0 6px;}

.footer_h{ height:50px;  display:block;}
.footmenu {  position:fixed; bottom:0; width:100%; z-index:999999; display:block;}
.footmenu ul{ display:flex; }
.footmenu li{ flex:8;  text-align:center;background:var(--primary-color);; height:45px; line-height:45px; font-size:22px; font-weight:bold; }
.footmenu li i{ font-weight:normal;}
.footmenu li a{ display:block;color:var(--white-color);}
.footmenu li:nth-child(1){ flex:2;background:var(--white-color);color:rgba(var(--text-color-rgb),0.7);}
.footmenu li:nth-child(1) a{ color:rgba(var(--text-color-rgb),0.7);}
.footmenu li:last-child{ flex:3.5; background:rgba(var(--primary-color-rgb),0.9); font-size:16px;   font-weight:normal;}
.footmenu li:last-child i{ font-size:18px;}
 
}



@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-20deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-20deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-20deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-20deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-20deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-20deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-20deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-20deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-20deg)}
	100% {-o-transform: roate(0deg)}
}

@-webkit-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@-moz-keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }

}
@keyframes scrollBad {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -400px;
    }


}






 
 
@keyframes homebg {
  0% {
    -webkit-transform: rotateZ(1deg) scaleY(0.7);
    -moz-transform: rotateZ(1deg) scaleY(0.7);
    -ms-transform: rotateZ(1deg) scaleY(0.7);
    -o-transform: rotateZ(1deg) scaleY(0.7);
    transform: rotateZ(1deg) scaleY(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scaleY(0.9);
    -moz-transform: rotate(0deg) scaleY(0.9);
    -ms-transform: rotate(0deg) scaleY(0.9);
    -o-transform: rotate(0deg) scaleY(0.9);
    transform: rotate(0deg) scaleY(0.9);
  }
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}