/*
	Version：2021.06.07
	Author：王富贵
*/
@charset "UTF-8";
*{padding: 0;margin: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
li{list-style: none;}
dl,dt,dd{margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0;margin-inline-end: 0;}
html{font-size: 16px;font-family: arial, helvetica, sans-serif ,"microsoft yahei";color: #333333;line-height: 1;}
a{color: inherit;text-decoration: none;}
input{outline:none;}
i{font-style: normal;}
pre{font-family: arial, helvetica, sans-serif ,"microsoft yahei";}
img{max-width: 100%;}
/* 布局 */
.float-left{float: left;}
.float-right{float: right;}
.clear{clear: both;}
.fixed-top{position: fixed!important;left: 0;right: 0;top: 0;z-index: 9999;}
.fixed-bottom{position: fixed!important;;left: 0;right: 0;bottom: 0;z-index: 9999;}
.fixed-left{position: fixed!important;;left: 0;top: 0;bottom: 0;z-index: 9999;}
.fixed-right{position: fixed!important;;right: 0;top: 0;bottom: 0;z-index: 9999;}
/* 宽度布局 */
.min-width{min-width: 1350px;}
.container{width: 1350px;height: 100%;margin: 0 auto;line-height: inherit;position: relative;}
@media only screen and (max-width: 1500px){
	.min-width{min-width: 1200px;}
	.container{width: 1200px;}
}
@media only screen and (max-width: 769px){
	/* 手机端 */
	.min-width{min-width: 100%;}
	.container{width: 100%;}
}
/* 文字排版 */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify-left{text-align:justify;text-justify:inter-ideograph;}
.text-vertical-table{display: table;height: 100%;width: 100%;}
.text-vertical-td{display: table-cell;vertical-align: middle;height: 100%;width: 100%;}
.vertical-middle{display: flex;align-items: center;justify-content: center;}
/* 超出文本省略号... */
.text-lines-1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-lines-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-lines-3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-lines-4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.text-lines-5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.text-lines-6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.text-lines-7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.text-lines-8{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.text-lines-9{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
/* 动画特效 */
.living{transition: all 0.5s;}
.byebye-living{transition: 0s;-webkit-transition: 0s;-moz-transition: 0s;}
/* 图片鼠标经过放大 */
.living-scale-1-1{transition: all 1s;}
.living-scale-1-1:hover{transform: scale(1.1);}
/*鼠标经过出现阴影*/
.hover-shadow{position: relative;top: 0;transition:0.3s;}
.hover-shadow:hover{top: -5px;box-shadow:0px 15px 10px -15px #000;}
/*鼠标经过出旋转角度*/
.hover-rotation-360{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.hover-rotation-360:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}