.pc_ver {display: block !important;}
.mobile_ver {display: none !important;}
@media (max-width: 767px) {
	.pc_ver {display: none !important;}
	.mobile_ver {display: block !important;}
}

.section {padding: 60px 0;}
@media (max-width: 767px) {
	.section {padding: 30px 0;}
}
@media (max-width:450px) {
	.section {padding: 25px 0;}
}










@media (max-width: 767px){
	/* Çì´õ */
	header {position: fixed; z-index: 100; width: 100%; height: 90px; background: #fff;}
	header .container { height:100%; width:100%; max-width:1132px;}
	header h1{ float: left; width: 120px; height: 100%;}
	header h1 > a{ display: block; width:100%; height: 90px; line-height: 90px;}
	header h1 > a > img{ display: block; width: 100%; padding-top: 12px;}
	header nav{ float: right;}
	header nav ul > li{ float: left;}
	header nav ul > li > a{ padding: 6px 10px; font-size: 1rem; font-weight: 500; line-height: 90px;}
	header nav ul > li:nth-child(2) > a{ background: #348dbb; color: #fff; border-radius: 10px;}
	header p{ display: none;}

	div.r_nav{ position: fixed; z-index: 100; width: 100px; right: 30px; top: 50%; transform: translate(10%, -50%); text-align: right;display:none;}
	div.r_nav li{ font-size: 1rem; margin-bottom: 10px; padding: 5px 20px; border-radius: 8px; text-align: center; background: #348dbb;}
	div.r_nav li:last-child{ margin-bottom: 0;}
	div.r_nav li > a{ display: block; width: 100%; height: 100%; color: #fff; font-weight: 500;}
}

@media (max-width: 1024px) and (min-width: 768px){
	/* Çì´õ */
	header {position: fixed; z-index: 100; width: 100%; height: 90px; background: #fff;}
	header .container { height:100%; width:100%; max-width:1132px;}
	header h1{ float: left; width: 165px; height: 100%; margin-right: 80px;}
	header h1 > a{ display: block; width:100%; height: 90px; line-height: 90px; padding-top: 10px;}
	header h1 > a > img{ display: block; width: 100%;}
	header nav{ float: left;}
	header nav ul > li{ float: left; margin-right: 20px;}
	header nav ul > li > a{ padding: 6px 20px; font-size: 1.125rem; font-weight: 500; line-height: 90px;}
	header nav ul > li:nth-child(2) > a{ background: #348dbb; color: #fff; border-radius: 10px;}
	header p{ display: none;}

	div.r_nav{ position: fixed; z-index: 100; width: 100px; right: 30px; top: 50%; transform: translateY(-50%); text-align: right;}
	div.r_nav li{ font-size: 1rem; margin-bottom: 10px;}
	div.r_nav li:last-child{ margin-bottom: 0;}
	div.r_nav li.active{ padding: 5px 20px; border-radius: 8px; text-align: center; background: #348dbb;}
	div.r_nav li.active a{ color: #fff; font-weight: 500;}
	div.r_nav li > a{ display: block; width: 100%; height: 100%; color: #348dbb;}
}
@media (min-width: 1025px){
	/* Çì´õ */
	header {position: fixed; z-index: 100; width: 100%; height: 90px; background: #fff;}
	header .container { height:100%; width:100%; max-width:1132px;}
	header h1{ float: left; width: 165px; height: 100%; margin-right: 80px;}
	header h1 > a{ display: block; width:100%; height: 90px; line-height: 90px;}
	header h1 > a > img{ display: block; width: 100%; padding-top: 10px;}
	header nav{ float: left;}
	header nav ul > li{ float: left; margin-right: 20px;}
	header nav ul > li > a{ padding: 6px 20px; font-size: 1.125rem; font-weight: 500; line-height: 90px;}
	header nav ul > li:nth-child(2) > a{ background: #348dbb; color: #fff; border-radius: 10px;}
	header p{ float: right; font-size: 1.6875rem; line-height: 90px; color: #348dbb; font-weight: 500;}

	div.r_nav{ position: fixed; z-index: 100; width: 80px; right: 30px; top: 50%; transform: translateY(-50%); text-align: right;}
	div.r_nav li{ font-size: 1rem; margin-bottom: 10px;}
	div.r_nav li:last-child{ margin-bottom: 0;}
	div.r_nav li.active{ padding: 5px 10px; border-radius: 8px; text-align: center; background: #348dbb;}
	div.r_nav li.active a{ color: #fff; font-weight: 500;}
	div.r_nav li > a{ display: block; width: 100%; height: 100%; color: #348dbb;}

}