@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: #06c;   /* 主色调 */
  --primary-color-rgb: 0, 102, 204; /* 对应 #06c 的 RGB */
  --white-color: #fff; /* 辅助色 */
  --white-color-rgb:255,255,255; /* 辅助色 */
  --bg-color: #f5f5f5;        /* 背景色 */
  --text-color: #222;      /* 文字色 */
  --text-color-rgb:34,34,34;      /* 文字色 */
  
  --bottom-color: #222;     
 

}
@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; max-width:1400px; z-index:1000; padding:0; position:relative;}
.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);
}


/****************************************************************头部设置*********************************************************************/
.logo{ z-index:100000000;  margin:0 auto;z-index:10000;  width:100%; background-color:rgba(var(--white-color-rgb),0.95); top:0;  position:fixed; }
.logo_h{ height:80px;}

.logo_1{ margin:0 auto; position:relative; z-index:10; padding:0; max-width:1600px;}
.logo_img{ padding:0;  position:relative; padding:15px 0; float:left;}
.logo_img h1{ font-size:30px; color:var(--text-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;}

/********导航********/
.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); }



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



/*****标题*****/
.indextitle{ line-height:1; padding:0 0; position:relative; margin-bottom:15px;}
.indextitle:before{ content:''; display:block; background-color:rgba(var(--primary-color-rgb),0.4); height:15px; width:52px; border-radius:15px; position:absolute; left:0; bottom:0; z-index:0;}
.indextitle p{ font-size:50px; text-transform:uppercase; font-weight:bold; color:rgba(var(--text-color-rgb),0.1);}
.indextitle h2{ font-size:26px; position:relative; z-index:1;}

/*******简介***/
.about{ display:flex; padding:30px 0; flex-wrap:wrap;}
.about .about-text{ width:50%;}
.about .about-content{ font-size:16px; line-height:2; padding-right:15%; text-indent:32px; text-align:justify;  }
.about .about-img{ width:50%;}
.about .about-img img{ display:block; max-width:100%;}

.info-about-title{ line-height:1.5; text-align:center; margin:60px auto;}
.info-about-title h2{ font-size:40px;}
.info-about-title p{ color:#999;}
.info-about{ font-size:18px; text-align:center;}
.info-about-img{ display:flex; max-width:1200px; margin:50px auto;}
.info-about-img div{display:block; margin:0 20px;}
.info-about-img img{  max-width:100%;}




/*******产品***/
.about .product{ width:50%; position:relative;}
.productlist{ overflow:hidden;}
.productlist .item{ }
.productlist .item .pic{ overflow:hidden; overflow:hidden; aspect-ratio: 1 / 1; /* 统一图片比例 宽/高，可改 1/1正方形、16/9等 */
  overflow: hidden; /* 超出部分裁剪 */}
.productlist .item .pic img{width: 100%;
  height: 100%;
  object-fit: cover; /* 关键：不等尺寸图片自动居中裁剪，填满容器 */
  display: block;
}
.productlist .item .text{ padding:15px; font-size:14px; text-align:center;}


/*******新闻***/
.news{ background:var(--bg-color); padding:60px 0;  }
.newslist{ padding:0;  overflow:hidden; position:relative;
	display: grid;
  grid-template-columns: repeat(3, 1fr); /* 4列均分宽度 */
  grid-template-rows: repeat(2, 1fr);    /* 2行高度统一 */
  gap:30px; /* 图片之间间距，可自行修改 */
  }
.newslist .item{ background:#fff; padding:18px; border-radius:5px;}

.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:16px !important; color:var(--text-color); display:block; line-height:1.4; }
.newslist .item .text{}
.newslist .item p{ font-size:14px; line-height:1.7; color:rgba(var(--text-color-rgb),0.6); margin:10px 0;}
.newslist .item p.more{ background:rgba(var(--text-color-rgb),0.4); color:var(--white-color); margin:0; height:33px; border-radius:3px; width:90px; line-height:33px; text-align:center; transition: .5s; font-size:12px;}
.newslist .item:hover .more{ width:140px; background:var(--primary-color);  color:var(--white-color);}

/*******常见问题***/
.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 {}
.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: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; margin:2% auto;}
.likelist .item{ background:var(--white-color); }
.likelist .item .pic{ overflow:hidden; aspect-ratio: 1 / 1; /* 统一图片比例 宽/高，可改 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:30px; /* 图片之间间距，可自行修改 */
  max-width: 1400px; /* 容器最大宽度，适配页面 */
  margin: 0 auto;
}

.pic-list li .img{ overflow:hidden; width: 100%;
  aspect-ratio: 1 / 1; /* 统一图片比例 宽/高，可改 1/1正方形、16/9等 */
  overflow: hidden; /* 超出部分裁剪 */
  border-radius: 8px; /* 圆角可选 */}
  
.pic-list li .img img{width: 100%;
  height: 100%;
  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:18px; 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:rgba(var(--primary-color-rgb),0.06);border-left: 4px solid #2563eb;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{ padding:25px 0;}
.links ul.title{ font-size:18px; padding:10px 0; margin-bottom:20px; border-bottom:1px solid #eee;}
.links-list{ display:flex; flex-wrap:wrap;}
.links-list a { margin-right:30px;}


.bottom-company{ background:#262626; color:#fff; padding:50px 0;}
.bottom-company .w1200{display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列均分宽度 */
  gap:30px; /* 图片之间间距，可自行修改 */
  margin: 0 auto;
}
.bottom-company li{ text-align:left;}
.bottom-company li h2{ font-size:20px;  margin-bottom:10px; display:block;}
.bottom-company li p{ color:rgba(var(--white-color-rgb),0.5); font-size:14px;}


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


.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){
 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 

.logo{ height:50px; padding:0;}
.logo_h{ height:50px;}
.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:22px;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;}


/***********导航*********************/
.navbox{ display:none;}
.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:9999999999;}
.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;}
/*****/





/*****标题*****/
.indextitle{ line-height:1; padding:0 0; position:relative; margin-bottom:15px;}
.indextitle:before{ height:10px; width:42px; border-radius:10px; }
.indextitle p{ font-size:30px; }
.indextitle h2{ font-size:22px;}

/*******简介***/
.about{ display:block; padding:20px 3%;}
.about .about-text{ width:100%;}
.about .about-content{ font-size:14px; padding-right:0; text-indent:18px;  }
.about .about-img{ width:100%;}
.about .about-img img{ display:block; max-width:100%;}

/*******产品***/
.about .product{ width:100%; margin-top:20px;}
.productlist{ overflow:hidden;}

/*******新闻***/
.news{ background:var(--bg-color); padding:30px 3% 15px 3%;  }
.newslist{ padding:0;  overflow:hidden; position:relative;display:block;}
.newslist .item{margin-bottom:15px; }
.newslist .item h3{ font-size:16px !important; margin-bottom:5px; }
.newslist .item p{ font-size:13px; line-height:1.8; }


/*******常见问题***/
.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;}
.likelist .item{ background:var(--white-color);}
.likelist .item .pic{ overflow:hidden;}
.likelist .item .text{ padding:15px; text-align:center;}

.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;}

.links{ padding:3%;}
.links ul.title{ margin-bottom:12px; }
.links-list a { margin-right:20px; margin-bottom:6px;}

.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;}


.footer_h{ height:50px;  display:block;}
.footmenu {  position:fixed; bottom:0; width:100%; z-index:8888; 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:#01509f; font-size:16px;   font-weight:normal;}
.footmenu li:last-child i{ font-size:18px;}



.bottom-company{ background:#262626; color:#fff; padding:20px 0;}
.bottom-company .w1200{display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4列均分宽度 */
  gap:15px; /* 图片之间间距，可自行修改 */
  margin: 0 auto;
}
.bottom-company li{ text-align:left;}
.bottom-company li h2{ font-size:18px;  margin-bottom:10px; display:block;}
.bottom-company li p{ color:rgba(var(--white-color-rgb),0.5); font-size:12px;}

/*分享*/
.bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}






 
}


@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);
  }
}