@charset "UTF-8";

/*
主题名称:通用主题
作者: xuchongjing
作者 URI:http://www.onit.cc
版本:v2.0
[目录表] 

	0- Reset       浏览器标签重置，加载图文样式
	1- Global      初始布局
	2- Links       链接设置
	3- Customize   自定义设置
	
	4- 名词解释
	news  新闻     Slide 幻灯片  container  容器
	profile 公司简介 search 搜索 vote 投票
	service 服务  friendLink 友情链接 ad/banner 广告
	product 产品  content 内容  news 新闻
	contact 联系我们  video 视频
	case 案例   message 留言  tab切换
	
	 
	#2A6164 绿色  opacity: 1;rgba{255, 255, 255, .5}
	#D51E2F 红色

none  0
sm 2
正常
md  6
lg
xl
2xl
3xl
full 最大
*/


/* =0 Reset*/
html, body, fieldset, img, iframe, abbr{border: 0;}
/*css预设
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {	font-size: 100px; /* For desktop */ width: 100%; height: 100%; }
 @media only screen and (max-width: 768px) {
	html {
	  font-size: 26.666667vw; /* For mobile */width: 100%; height: 100%;
	}
  }
html { }
body {height: 100%;font-size:0.16rem; /* =16px */} 
/* width */
.w-full{width: 100%;}.w-50p{ width: 50%;}.w-sm{max-width: 640px;}.w-md{max-width: 768px;}.w-lg{max-width: 1024px;}.w-xl{max-width: 1280px;}.w-2xl{max-width: 1536px;}
.h-full{height: 100%;}
/* margin&padding */
.mx-auto{margin-left: auto;	margin-right: auto;	} /* 左右居中 */
.m-auto{margin: auto;}
.m-0{  margin: 0;}.mx-0{ margin-left: 0; margin-right: 0;}.my-0{ margin-top: 0; margin-bottom: 0;}
.mt-0{ margin-top: 0;}.mb-0{ margin-bottom: 0;}.mr-0{ margin-right: 0;}.ml-0{ margin-left: 0;}
.m-5{ margin: 0.05rem;}.mx-5{ margin-left:0.05rem; margin-right: 0.05rem;}.my-5{ margin-top: 0.05rem; margin-bottom: 0.05rem;}.mr-5{ margin-right: 0.05rem;}.mb-5{ margin-bottom: 0.05rem;}.ml-5{ margin-left: 0.05rem;} .mt-5{ margin-top: 0.05rem;}
.m-10{ margin: 0.1rem;}.mx-10{ margin-left:0.1rem; margin-right: 0.1rem;}.my-10{ margin-top: 0.1rem; margin-bottom: 0.1rem;}.mr-10{ margin-right: 0.1rem;}.mb-10{ margin-bottom: 0.1rem;}.ml-10{ margin-left: 0.1rem;} .mt-10{ margin-top: 0.1rem;}
.mt-20{margin-top:0.2rem;}.mx-20{margin-left: 20px;margin-right: 20px; }
.mb-20{margin-bottom: 0.2rem;}.ml-20{margin-left: 0.2rem;}.mr-20{margin-right: 0.2rem;}.mt-20{ margin-top:0.2rem;}
.p-0{ padding:0;}.px-0{padding-left: 0;padding-right: 0; }.py-0{padding-top: 0;padding-bottom: 0;}
.pt-0{ padding-top: 0;}.pr-0{ padding-right: 0;}.pl-0{ padding-left: 0;}.pb-0{ padding-bottom: 0;}
.p-5{ padding:0.05rem;}.px-5{padding-left: 0.05rem;padding-right: 0.05rem; }.py-5{padding-top: 0.05rem;padding-bottom: 0.05rem;}
.pt-5{ padding-top: 0.05rem;}.pr-5{ padding-right: 0.05rem;}.pl-5{ padding-left: 0.05rem;}.pb-5{ padding-bottom: 0.05rem;}
.p-10{ padding:0.1rem;}.px-10{padding-left: 0.1rem;padding-right: 0.1rem; }.py-10{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.pt-10{ padding-top: 0.1rem;}.pr-10{ padding-right:0.1rem;}.pl-10{ padding-left: 0.1rem;}.pb-10{ padding-bottom: 0.1rem;}
.px-20{ padding-left: 20px; padding-right: 20px;}
.pt-20{ padding-top: 0.2rem;}.pb-20{padding-bottom: 0.2rem;}
.pt-70{ padding-top: 0.7rem;}.pb-70{padding-bottom: 07rem;}
.pr-5{ padding-right: 0.05rem;}
.pr-10{padding-right: 0.1rem;}
.pb-15{padding-bottom: 0.15rem;}
/* font-family */
.fmyh{font-family:Microsoft YaHei,SimHei,LiHei Pro,NSimSun, Verdana, Arial, Sans-Serif }
.fmv{font-family:Verdana, Geneva, sans-serif;}
.fmg{font-family:Georgia, "Times New Roman", Times, serif;}
.fma{font-family:Arial, Helvetica, sans-serif}
.fmtt{font-family: "Times New Roman",Times,serif;}
.fms{font-family: Simsun,Times,serif;}
.fml{font-family:'Lucida Console';}
.fmt{font-family:Tahoma;}
/* font-size */
.text-xs{font-size:0.12rem;line-height: 0.16rem;} /* 12px */
.text-sm{font-size:0.14rem;line-height: 0.2rem;}/* 14px */
.text-base{font-size:0.16rem;line-height: 0.24rem;}/* 16px */
.text-lg{font-size:0.18rem;line-height: 0.28rem;}/* 18px */
.text-xl{font-size:0.20rem;line-height: 0.28rem;}/* 20px */
.text-2xl{font-size:0.24rem;line-height: 0.32rem;}/* 24px */
.text-3xl{font-size:0.3rem;line-height: 0.36rem;}/* 30px */
.text-4xl{font-size:0.36rem;line-height: 0.40rem;}/* 36px */
.text-5xl{font-size:0.48rem;line-height:1;}/* 48px */
.text-6xl{font-size:0.60rem;line-height:1;}/* 60px */
.text-7xl{font-size:0.72rem;line-height:1;}/* 72px */
.text-8xl{font-size:0.96rem;line-height:1;}/* 96px */
.text-9xl{font-size:1.28rem;line-height:1;}/* 128px */
.fb {font-weight: bold;}.fn{font-weight: normal;}
/* * Typography * */
  h1 {	font-size: 32px;	font-weight: bold;  }
  h2 {	font-size: 24px;	font-weight: bold;  }
  h3 {	font-size: 18.72;	font-weight: bold;  }
  h4 {	font-size: 16px;	font-weight: bold;  }
  h5 {	font-size: 13.28px;	font-weight: bold;  }
  h6 {	font-size: 12px;	font-weight: bold;  }
 p{ font-size: 16px;}
/* 字符粗细 
.font-thin{font-weight: 100;}
.font-extralight {font-weight: 200;}
.font-light {font-weight: 300;}
.font-normal {font-weight: 400;}
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}
.font-bold{font-weight:700;}
.font-extrabold{font-weight:800;}
.font-black{font-weight:900;}*/
.text-white{color:#fff;}
/* 字符颜色
text-green-100（颜色：#f0fff4;）
text-green-200（颜色：#c6f6d5；）
text-green-300（颜色：#9ae6b4；）
text-green-400（颜色：#68d391；）
text-green-500（颜色：#48bb78；）
text-green-600（颜色：#38a169；）
text-green-700（颜色：#2f855a；）
text-green-800（颜色：#276749；）
text-green-900（颜色：#22543d；）*/

.truncate{overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}/* 截短 */
.text-ellipsis{text-overflow: ellipsis;}/* 省略 */
.text-clip{text-overflow: clip;}/* 限制 */
.-indent-999{text-indent:-999px;}
.indent-2{text-indent: 0.2rem;}
/* 文字排版 */
.text-right{text-align:right;}.text-center{text-align:center;}.text-left{text-align:left;}
.text-justify{text-align:justify;}
.float-left{float:left;}.float-right{float:right;}.float-none{float: none;}

/* 阴影*/
.shadow-sm{box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}/* 添加外部阴影 */
.shadow{box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);}
.shadow-md{box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.shadow-lg{box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
.shadow-xl{	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
.shadow-2xl{box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);}/* 添加内阴影 */
.shadow-inner{box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);}/* 去除阴影 */
.shadow-none{box-shadow: 0 0 #0000;}

/* ----------- flex布局 ----------- */
.box-border{box-sizing: border-box;}.box-content{box-sizing: content-box;}
.flex{display: flex;}.inline-flex{display: inline-flex;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}/* 超过宽度换行反序 */
.flex-nowrap{flex-wrap: nowrap;}/* 超过宽度不换行 默认 */
.flex-bc{display: flex;justify-content:space-between;align-items: center;}/* 两端对齐，垂直居中 */
/* 改变主轴方向 */
.flex-row{flex-direction: row;}/* 行排版 默认*/
.flex-row-reverse{flex-direction: row-reverse;}/* 行反转 */
.flex-col{flex-direction:column;}/* 列排版 */
.flex-col-reverse{flex-direction:column-reverse;}/* 列反转 */
.flex-wrap{flex-wrap: wrap;}/* 超过宽度换行 */
/* 对齐方式 */
.justify-start{justify-content: flex-start;}/* 左对齐 默认 */
.justify-end{justify-content: flex-end;}/* 右对齐 */
.justify-center{justify-content: center;}/* 居中对齐 */
.justify-between{justify-content:space-between; }/* 两边对齐 常用 */
.justify-around{justify-content: space-around;}/* 子项两端相等对齐 */
.justify-evenly{justify-content: space-evenly;}/* 子项等分对齐 */

.items-start{align-items: flex-start;}/* 顶部对齐 默认 */
.items-end{align-items: flex-end;}/* 底部对齐 */
.items-center{align-items: center;}/* 垂直居中对齐 常用*/
.items-baseline{align-items: baseline;}/* 上下两端对齐，每一行元素等分剩余空间 */
.items-stretch{align-items: stretch;}

.content-center{align-content: center;}/* 所有子项顶部对齐 默认 */
.content-start{align-content: flex-start;}
.content-end{align-content: flex-end;}
.content-between{align-content: space-between;}
.content-around{align-content: space-around;}
.content-evenly{align-content: space-evenly;}
.content-baseline{align-content: baseline;}
/* 排序方式 */
.order-1{order:1;}.order-2{order:2;}.order-3{order:3;}.-order-1{order:-1;}/*子项顺序控制*/
/* 扩展缩小方式 */
.flex-1{flex: 1 1 0%;}
.flex-auto{flex: 1 1 auto;}/*自动填满剩余或者自动收缩*/
.flex-initial{flex: 0 1 auto;}
.flex-none{flex: none;}/*没有弹性*/
.flex-grow{flex-grow:1;}.flex-grow-0{flex-grow:0;}
.flex-shrink{flex-shrink: 0;}
/* 子项对齐方式 */
.self-auto{align-self: auto;}
.self-start{align-self: flex-start;}
.twty-ends{align-self: flex-end;}
.self-center{align-self: center;}
.self-stretch{align-self: stretch;}
.self-baseline{align-self: baseline;}
/* ----------- grid布局  ----------- */
.grid{display: grid;}.inline-grid{display: inline-grid;}
.dflr{ display: flex;flex-flow: row nowrap;justify-content: space-between;flex-wrap:wrap;}
.dfc{ display: flex ;flex-direction:column;}.dfr{ display: flex ;flex-direction:row;}
.dfh{ display: flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;}

/*定位*/
.relative{ position:relative;}.absolute{ position:absolute;}.fixed{position: fixed;}
.visible{visibility:hidden;}.invisible{visibility:visible;}.collapse{visibility: collapse;}
.float-right{float: right;}.float-left{float: left;}.float-none{float: none;}
.z-50{z-index: 50;}.r0{ right: 0px;}.b0{ bottom: 0px;}
/* Display 显示 */
.block{display: block;}.inline{display: inline;}.inline-block{display: inline-block;}
/* .txt-hide {text-indent:-999em; text-align:left;} */
.hide-abs{position:absolute;top:-9999px;left:-9999px;}
.hidden{display: none !important;visibility: hidden !important;  }
.ov{display: inline-block;height:0;overflow:hidden; font-size:0; width: 0; }
.txt-hide{
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
  }
  .hide-t {
	background-size: cover;
	color: transparent;
	text-shadow: none;
	font-size: 0;
	line-height: 0;
	
  }

/* 对齐方式 */
.tw-vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}
.db{display:block;}.dib{display:inline-block;}.di{display:inline;}.dii{ display:inherit;}
.unl{ text-decoration:underline;}.no_unl{ text-decoration:none;}
/* border */
.border{border-width: 1px;}
.border-2{ border-width: 0.02rem;}
.border-x-2{border-left-width: 2px;border-right-width: 2px;}
.border-b-2{ border-bottom-width: 2px;}
.border-solid{border-style: solid;}
.border-dotted{border-style: dotted;}
.border-none{border-style: none;}
/* 圆角 */
.rounded-sm{border-radius: 0.1rem; /* 3px */}
.rounded{border-radius: 0.25rem; /* 4px */}
.rounded-md{border-radius: 0.375rem; /* 6px */}
.rounded-lg{border-radius: 0.5rem; /* 8px */}
.rounded-full{border-radius: 9999px;}
/* 动画类 
只需将 animate-bounce 和 animate-pulse 设置为 class*/


/*
 * Tables
 */
 .twty table {
	max-width: 100%;
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
  }
  .twty table caption {
	text-transform: uppercase;
	padding: 0;
	color: #000;
	font-weight: bold;
  }
  .twty table th,
  .twty table td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 0.13rem;
	padding-bottom: 0.15rem;
	text-align: left;
  }
  .twty table th:first-child,
  .twty table td:first-child {
	padding-left: 0;
  }
  .twty table th:last-child,
  .twty table td:last-child {
	padding-right: 0;
  }
  .twty table tfoot th,
  .twty table tfoot td {
	color: rgba(0, 0, 0, 0.5);
  }
  .twty table.table-bordered {
	margin-top: -1px;
  }
  .twty table.table-bordered td,
  .twty table.table-bordered th {
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.05);
  }
  .twty table.table-bordered caption {
	padding-left: 0.081rem;
  }
  .twty table.table-bordered td:first-child,
  .twty table.table-stripped td:first-child,
  .twty table.table-bordered th:first-child,
  .twty table.table-stripped th:first-child {
	padding-left: 0.081rem;
  }
  .twty table.table-bordered td:last-child,
  .twty table.table-stripped td:last-child,
  .twty table.table-bordered th:last-child,
  .twty table.table-stripped th:last-child {
	padding-right: 0.081rem;
  }
  .twty table.table-stripped tbody tr:nth-child(odd) td {
	background: #f8f8f8;
  }
  @media (max-width: 768px) {
	.twty table.table-responsive {
	  border: 0;
	}
	.twty table.table-responsive thead {
	  display: none;
	}
	.twty table.table-responsive tr {
	  display: block;
	  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
	}
	.twty table.table-responsive td,
	.twty table.table-responsive td:last-child,
	.twty table.table-responsive td:first-child {
	  display: block;
	  text-align: right;
	  padding: 0.13rem;
	}
	.twty table.table-responsive.table-flat td {
	  padding: 0;
	}
	.twty table.table-responsive.table-bordered td:last-child,
	.twty table.table-responsive td:last-child {
	  border-bottom: 0;
	}
	.twty table.table-responsive td:before {
	  content: attr(data-label);
	  float: left;
	  text-transform: uppercase;
	  font-size: 0.13rem;
	  font-weight: bold;
	  line-height: 2;
	}
  }


/* 组件 */
/* 单页面全屏居中 */
/*
<div class="twty">
<div class="curtain centered">
*/
.twty .curtain.centered{
	display: flex;
    justify-content: center;
    align-items: center;
}
.twty .curtain{
	box-sizing: border-box;
    display: block;
    min-height: 100%;
}

.tw-img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 2px;
    line-height: 1.6;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.unl{ text-decoration:underline;}.no_unl{ text-decoration:none;}
/* 图片容器内自适应&图片剪裁  */
/* 原比例放置图片 */
.imgz{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  }
.imgz img {
	object-fit: contain;
	-o-object-fit: contain;
	max-width: 100%;
	max-height: 100%;
  }
  /*居中截取图片 */
  .twty .imgc {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
  }
 .imgc img {
	object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
  }

 /* 价格标签<p class="price">¥399<p> */
 .price:first-letter{margin-right:5px;font-size: xx-large;vertical-align: -2px;color:#98C731; }
 /*角标*/
 .tag{position:absolute;}
 /*单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/*定位*/

.bfc{display:table-cell;width:9999px;
	*display: inline-block;*width:auto;/*兼容ie7,不用可删除*/}
.word-break{display:table; width:100%;table-layout:fixed;word-break:break-all;}

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}.bgfb{background-color:#fbfbfb;}.bgf5{background-color:#f5f5f5;}.bgf0{background-color:#f0f0f0;}.bgeb{background-color:#ebebeb;}.bge0{background-color:#e0e0e0;}

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;
	}
/* ======= 文章内容 =========*/
.twty article header {}
.twty article footer{}
.twty .a_title{ font-weight:bold; line-height:1.5;}
.twty .a_author{color: #666;height: 20px;line-height: 20px; border-top:1px #CCC  solid;}
.twty .a_intro{ border:1px #e5e5e5 solid; color: #666; text-indent:2em; padding:10px; background-color:#f5f5f5;}
.twty .a_content p{margin: 34px 0px; line-height: 2em; text-align: left;text-align: justify;text-indent: 0;}
.twty .a_content img{ max-width: 100%;margin:10px 0px;}

.tbr{ border-top: 1px solid #ddd;}
.user-p{ margin: 20px 0 0 50px;}
/* ======= 文章列表 alist =========*/
.alist li{ line-height: 2;}
.alist a{display: flex;justify-content:space-between;align-items: center; }
.alist .alist-title{flex-grow:1;font-weight: normal;}
.alist .alist-time{flex-shrink: 0;text-align: right;}
/* ======= 图片列表 一行4个 plist =========*/
.plist{display: flex;flex-wrap: wrap;justify-content:space-between;align-items: center;}
.plist::before {content: "";flex-basis: 100%;}
/* ======= 图片列表 一行3个 plist =========*/
.plist-3 li{flex-basis: 33.3%;margin-right: 0;}
.plist-3 li:nth-child(3n) {margin-right: 0; }
/* ======= 图片列表 一行3个 plist =========*/
.plist-4 li{flex-basis: 25%;margin-right: 0;}
.plist-4 li:nth-child(4n) {margin-right: 0; }