.gh_bg{background: url(22yc_tit_bg.jpg) no-repeat top center;}
.gh_tit{text-align: center;font-size: 70px; line-height: 240px; height: 240px; color: #FFFFFF; font-weight: bold;letter-spacing:12px;}
.gh_div{background: #FFFFFF; border-radius: 8px; padding: 32px; padding-bottom: 16px;}
.gh_top{background: #f8f8f8; height: 200px;}
.gh_top_l{width: 60px; padding:40px 16px 0px 16px; margin-left: 32px; text-align: center; background: #1658A0 url(22yc_tit_icon1.png) no-repeat center 13px;font-size: 24px; color: #FFFFFF; font-weight: bold; line-height: 32px; height: 135px; border-radius: 0 0 15px 15px; box-sizing: border-box;}
.gh_top_r{overflow: hidden;padding:26px 55px 8px 55px;}
.gh_top_r h1{font-size: 28px; line-height: 40px;font-weight: bold; display: block; text-align: center;}
.gh_top_r span{display: block; margin: 0 auto; width: 225px; height: 50px; line-height: 50px; background: #FFFFFF; border: 1px solid #dddddd; border-radius:4px; text-align: center; font-size: 18px; margin-top: 10px;}
.gh_tit2{position: relative; text-align: center;}
.gh_tit2::before{position: absolute; content:' '; left: 0; right: 0; height: 1px; top: 50%; transform: translateY(-50%); background: #efefef;}
.gh_tit2 h1{font-size: 24px; color: #1658A0;}
.gh_tit2 em{display: inline-block; position: relative; padding: 0px 52px; background: #FFFFFF;}
.gh_tit2 em::before,.gh_tit2 em::after{content:' '; display: block; width: 8px; height: 8px; border-radius:50%; background: #1658A0; position: absolute; top: 50%; transform: translateY(-50%);}
.gh_tit2 em::before{left: 0px;}
.gh_tit2 em::after{right: 0px;}
.el-row-32{margin: 0 -16px;}
.el-row-32 [class*=el-col-]{padding: 0 16px;}
.gl_ul_div{height: 130px; transition: ease-in-out 0.3s; position: relative; border: 1px solid #DDDDDD;}
.gl_ul_div::before{content: ' '; left: -1px; width: 8px; height: 30px; background: #1658A0; display: block; top: 50%; transform: translateY(-50%); position: absolute;}
.gl_ul_div a{position: absolute; top: 50%; transform: translateY(-50%); padding: 0px 30px; font-size: 20px; line-height:40px;font-weight:bold;}
.gl_ul_div:hover{box-shadow: 0 0 4px rgba(22,88,160,0.3);}
.w_space_np_02{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}/*2行显示超出省略号隐藏*/
.gh_ul ul li a{display: block;font-size: 20px; line-height: 40px;font-weight: bold; padding:30px 36px; background: #f8f8f8;}
.gh_ul ul li{margin-top: 32px;}

@media screen and (max-width:1366px) {
	body{ font-size: 16px;}
}
@media screen and (max-width:1280px) {
	body{ font-size: 14px;}
	.gh_ul ul li a{padding: 24px;}
}

@media screen and (max-width:999px) {
	body{ font-size: 16px;}
	*{ box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.gl_ul_div a{padding: 0px 16px;}
	.gh_top{height: auto; padding-bottom: 20px;}
	.gh_top_r{padding: 16px;}
	.gh_top_l{margin-left: 0px;}
	.gl_ul_div{margin-top: 16px;}
	.gh_tit2{margin-bottom: 0px;}
	.mar_t32,.gh_ul ul li{margin-top: 16px;}
	.gh_div{padding: 16px;}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
	.gh_tit{font-size: 50px;}
}
@media screen and (max-width:415px) {
	.gh_tit{font-size: 40px;}
	.gh_top_r h1{font-size: 20px;}
}
@media screen and (max-width:376px) {
}
@media screen and (max-width:321px) {
}