*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
*:focus{
	outline: none;
}
a{
	text-decoration: none;
}
.container{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.clearfix::after,
.clearfix::before {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both
}
.clearfix {
	zoom: 1
}

img {
	max-width: 100%;
	display: block;
}

.banner img {
	display: block;
}


.d_flex {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
}

/*zhaoheng all style*/
/*margin-top*/
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt17 {
	margin-top: 17px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt45 {
	margin-top: 45px;
}

.mt50 {
	margin-top: 50px;
}
.mt55 {
	margin-top: 55px;
}
.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

/*padding-top*/
.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt38 {
	padding-top: 38px;
}

.pt40 {
	padding-top: 40px;
}

.pt45 {
	padding-top: 45px;
}

.pt50 {
	padding-top: 50px;
}

.pt55 {
	padding-top: 55px;
}

.pt60 {
	padding-top: 60px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 80px;
}

/*padding-bottom*/
.flex_n {
	flex: none;
	-webkit-flex: none;
	-ms-flex: none;
}
.flex_1 {
	flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
}
.mr_2n0>*,
.mr_3n0>*,
.mr_4n0>*,
.mr_5n0>* {
	float: left;
}
.mr_2n0>*{
	width: calc((100% - 12px)/2);
	margin-right: 12px;
	margin-bottom: 12px;
}
.mr_3n0>*{
	width: calc((100% - 24px)/3);
	margin-right: 12px;
	margin-bottom: 12px;
}
.mr_4n0>*{
	width: calc((100% - 36px)/4);
	margin-right: 12px;
	margin-bottom: 12px;
}
.mr_5n0>*{
	width: calc((100% - 48px)/5);
	margin-right: 12px;
	margin-bottom: 12px;
}
.mr_2n0>*:nth-child(2n) {
	width: calc((100% - 12px)/2);
	margin-right: 0px !important;
}

.mr_3n0>*:nth-child(3n) {
	margin-right: 0px !important;
}

.mr_4n0>*:nth-child(4n) {
	margin-right: 0px !important;
}

.mr_5n0>*:nth-child(5n) {
	margin-right: 0px !important;
}


.mTitle{
	font-size: 21px;
	text-align: center;
	color: #313131;
	
}

.allfont{
	line-height: 20px;
	font-size: 14px;
	text-indent: 2em;
}
.allbut a {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #fff;
  border-radius:5px;
  margin: 0 auto;
  background: #fe4b23;
  background-size: 23px;
  text-indent: -5%;
  text-align: center;
  line-height: 44px;
  border: 0px;
  position: relative;
}


.marjor .font{
	display: flex;
	padding:10px 5px;
	border:1px solid #eeeeee;
}
.marjor .font>.flex_1:first-child>a{
	font-size: 15px;
	color: #242424;
}
.marjor .font>.flex_1:first-child p{
	font-size: 13px;
	margin-top: 5px;
}
.marjor .font>.flex_1:first-child p span{
	float: right;
	
}
.marjor .font >.flex_n{
	margin-left: 10px;
}
.marjor .font >.flex_n:last-child a{
	 padding: 1px 7px;
	display: inline-block;
	border: 1px solid #fe4b23;
	font-size: 14px;
	color: #fe4b23;
	border-radius: 4px;
}
.marjor .item:hover .flex_n a{
	background: #fe4b23;
	color: #fff;
}


.zyss .item{
	padding: 10px 8px;
	background-color: #f3f3f3;
	position: relative;
	overflow: hidden;
}
.zyss .item hr{
	position: absolute;
	height: 1px;
	width: 90px;
	border: 0;
	background: #fe4b23;
	top: 30px;
	left: -5px;
	transform: rotate(-80deg);
}
.zyss .item .flex_n{
	font-size: 20px;
	color: #fe4b23;
	font-weight: bold;
}
.zyss .item .flex_1{
	margin-left: 20px;
}

.zyss .item .flex_1 p{
	font-size:15px;
	color:;
}
.zyss .item .flex_1 span{
	font-size:13px;
	color:#fe4b23;
}


.xszp>div{
	width: 100%;
}







@media only screen and (max-width:370px) {
	.marjor .font>.flex_1:first-child>a{
		font-size: 14px;
	}
	.marjor .font>.flex_1:first-child p{
		
		font-size: 12px;
	}
}

.xszp{
	position: relative;
}
.xszp>div{
	width: 100%;
	
}
.xszp .swiper-slide{
	    padding-bottom: 20px;
}
.xszp .swiper-slide p{
	width: 100%;
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	width: 80%;
	text-align: center;
	padding: 5px 0px;
	font-size: 14px;
	box-shadow: 0 1px 10px #ccc;
}
.xszp_left{
	z-index: 2;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px!important;
	height: 20px;
	background: #fe4b23;
	display: flex;
	align-items: center;
	justify-content: center;
}
.xszp_left span{
	font-size: 12px;
	color: #fff;
	display: inline-block;
	transform: rotate(-90deg);
}
.xszp_right{
	z-index: 2;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px!important;
	height: 20px;
	background: #fe4b23;
	display: flex;
	align-items: center;
	justify-content: center;
}
.xszp_right span{
	font-size: 12px;
	color: #fff;
	display: inline-block;
	transform: rotate(90deg);
}
.xszp a{
	color: #000;
}
.view{
	background-color: #f2f2f2;
}
.view>div{
	padding-left: 15px;
	padding-right: 15px;
}
.fontList .swiper-pagination-bullet{
	padding: 4px 7px;
	color: #333;
	font-size: 12px;
	width: auto;
	height: auto;
	background: inherit;
	opacity: 1;
}
.fontList p.swiper-pagination-bullet-active{
	padding:5px;
	color: #fff;
	background: #fe4b23;
	border-radius: 0;
}

.hj{
	position: relative;
}
.hj .swiper-font{
	width: 45%;
	background: rgba(250 125 97 / 80%);
	
	position: absolute;
	right: 0;
	top: -25%;
	z-index: 2;
	
}

.hj .swiper-font .box {
	padding: 10px;
	display: none;
}

.hj .swiper-font .box p{
	font-size: 16px;
	color: #fff;
}
.hj .swiper-font .p2{
	font-size: 12px;
	margin-top: 5px;
	color: #fff;
}
.hj .swiper-font hr{
	border: 1px solid #fff;
	margin-top: 10px;
	width: 60%;
}
.hj .swiper-font .p3{
	font-size: 13px;
	margin-top: 10px;
	color: #fff;
}