﻿body{
	font-size:18px
}
.k1400 {
	max-width: 1400px;
	margin: 0 auto
}
.k1200 {
	max-width: 1200px;
	margin: 0 auto
}
.mtb30 {
	margin-top: 30px;
	margin-bottom: 80px
}
a:hover{
	color:#E34337
}
.flex {
	display: flex;
}

.flexal {
	display: flex;
	align-items: center;
}

.flexalsp {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.yjs-xmrow .zt-search{
	display: flex;
	align-items: center;
	background:#FCEBE7;
	width:100%;
	justify-content: center;
	padding:20px 0;
	color: #705858;
}
.yjs-xmrow .zt-search-group{
	margin-left:20px;
	border:0;
	width:50%
}
.yjs-xmrow .zt-search-group span{
	white-space: nowrap;
	padding:10px 16px;
	border-right:1px solid #FCEBE7;
	color:#E34337
}
.yjs-xmrow .zt-search .zt-search-btn{
	background:#E34337;
	width:15%;
	border:1px solid #E34337
}

.yjs-bigtit {
	background: url(../images/yjs01.png) no-repeat center center;
	background-size: cover;
}
.yjs-bigtit .k1200{
	display: flex;
	flex-direction: column;
	padding-top: 6%;
	padding-bottom:10%
}
.yjs-bigtit h1{
	font-size:450%;
	color:white;
	font-weight: 500;
	margin-bottom:10px
}
.yjs-bigtit h2{
	font-size:370%;
	color:white;
	font-weight: 500;
}
.yjs-xmrow {
	margin-top: 40px
}

.yjs-row-tit {
	text-align: center;
	padding: 25px 15px;
	font-size: 30px;
	font-weight: 500;
	background: url(../images/yjs02.png) no-repeat center center;
}
.yjs-row-tit a{
	color:white
}
.yjs-xmrow ul {
	display: flex;
	margin: 0 -20px;
	flex-wrap: wrap;
}

.yjs-xmrow ul li {
	width:50%;
	
}

.yjs-xmrow ul li a {
	padding: 25px 0 25px 15px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin:0 20px;
	position:relative;
}
.yjs-xmrow ul li a:after{
	position:absolute;
	content: "";
	top:50%;
	left:0;
	width:4px;
	height:4px;
	background:#333;
	border-radius: 50%;
	margin-top:-2px
}
.yjs-bmlq{
	margin:40px 0 60px
}
.yjs-bmlq-card h3{
	width:20px;
	padding:0 10px;
	background:#FF971E;
	position:relative;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color:white;
    font-weight: 500;
    height:100%
}
.yjs-bmlq-card h3:after{
	content: "";
	position:absolute;
	top:50%;
	right:-7px;
	border-left: 8px solid #FF971E;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    margin-top:-4px
}


.yjs-bmlq-card ul{
	display: flex;
	justify-content: space-between;
}
.yjs-bmlq-card ul li{
	background:#F8F1EF;
	
	width:18%
}
.yjs-bmlq-card ul li a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:20px;
}
.yjs-bmlq-card ul li a img{
	margin-bottom:10px
}
.yjs-bmlq-card ul li a span{
	white-space: nowrap;
}
.yjs-bmlq-card ul{
	margin:20px 0
}
.yjs-bmlq-card ul li a:hover{
	background:#FCEBE7
}

.yjs-bmlq-card ul:nth-child(2) h3{
	background:#E57456
}
.yjs-bmlq-card ul:nth-child(2) h3:after{
	border-left: 8px solid #E57456;
}

.yjs-bmlq-card ul li:first-child{
	width:auto;
	background:0
}


@media (max-width:1400px) {
	.k1400,.k1200 {
		padding-left: 5%;
		padding-right: 5%
	}
}

@media (max-width:768px) {
	.yjs-xmrow .zt-search-group{
		width:70%
	}
	.yjs-bigtit h1{
		font-size:260%
	}
	.yjs-bigtit h2{
		font-size:200%
	}
}

@media (max-width:500px) {
	body {
		font-size: 14px
	}
	
	.k1400,.k1200 {
		padding: 0 15px
	}
	.yjs-bigtit h1{
		font-size:160%
	}
	.yjs-bigtit h2{
		font-size:120%
	}
	.yjs-xmrow{
		margin-top:0
	}
	.yjs-row-tit{
		font-size:20px;
		background-size: 220% 100%;
		padding:0;
		margin:20px 0 10px;
		line-height: 1.8;
	}
	.yjs-xmrow ul{
		margin:0
	}
	.yjs-xmrow ul li{
		width:100%
	}
	.yjs-xmrow ul li a{
		padding:12px 0 12px 15px;
		margin:0
	}
	.yjs-xmrow .zt-search-group span{
		display: none;
	}
	
	.yjs-bmlq-card h3{
		width:100%;
		padding:0
	}
	.yjs-bmlq-card ul{
		flex-wrap: wrap;
		margin:10px -6px;
	}
	.yjs-bmlq-card ul li,
	.yjs-bmlq-card ul li:first-child{
		width:29%;
		margin:5px 6px
	}
	.yjs-bmlq-card ul li a{
		padding:15px 10px
	}
	.yjs-bmlq-card ul li a img{
		width:60px
	}
	.yjs-bmlq{
		margin:30px 0
	}
	.yjs-xmrow .zt-search .zt-search-btn{
		width:auto
	}
}