/*
* @Author: Sun Jijing
* @Date:   2024-03-15 10:55:08
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-03-15 13:11:34
*/

/* 样式 */
html, body { width: 100%;}
.ytzx_box { width: 100%; background: url(bg.jpg) no-repeat center/cover; background-attachment: fixed; }

.ytzx_tit { height: 560px; background: url(top_bg.jpg) no-repeat center top; }
.ytzx_tit img { margin-top: 195px; }


.tyzxBox{position:relative;}
.tyzxBox p{position:absolute;bottom:173px;right:2px;font-size:15px;color:#fff;background:#bc192c;border-radius:4px;padding:8px 18px;}
.ytzx_con { overflow: hidden; padding: 45px 0; }
.ytzx_list { width: 110%; }
.ytzx_list li { width: 586px; height: 180px; line-height: 180px; text-align: center; float: left; margin-right: 26px; margin-bottom: 30px; background: url(item_bg.png) no-repeat center; }
.ytzx_list li a { display: block; font-size: 58px; font-weight: bold; color: #fff; text-shadow: 4px 0 10px rgba(12,34,50,.2); }
.ytzx_list li a span { color: #a38975; text-stroke: 3px #fff; -webkit-text-stroke: 3px #fff; margin-left: 10px; }

.ytzx_grap { display: none; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; z-index: 10; }
#ytzx_xxy iframe { width: 1200px; height: 600px; position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top: -300px; overflow: auto; }
.ytzx_close { position: absolute; left: 50%; margin-left: 540px; top: 50%; margin-top: -280px; z-index: 10; }

@media screen and (max-width:1200px) {
	.ytzx_tit { height: 36vw; background-size: cover; }
	.ytzx_tit .pubcon { display: flex; align-items: center; height: 100%; }
	.ytzx_tit img { margin-top: 0; height: 12vw; }
	.ytzx_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.ytzx_list li { width: 48%; margin-right: 0; height: 150px; line-height: 150px; }
	#ytzx_xxy iframe { width: 90%; height: 80%; left: 5%; top: 10%; margin-left: 0; margin-top: 0; }
	.ytzx_close { left: 90%; margin-left: 0; top: 12%; margin-top: 0; }
}
@media screen and (max-width:768px) {
	.ytzx_close { left: 85%; }
	.ytzx_con { padding: 20px 0; }
	.ytzx_list li { width: 100%; float: none; height: 100px; line-height: 100px; margin-bottom: 15px; }
	.ytzx_list li a { font-size: 36px; }
	.ytzx_list li a span { text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; }
.tyzxBox p{bottom:16px;right:0px;font-size:14px;padding: 4px 10px;}
}