@charset "utf-8";
/* CSS Document */
body {background: #e2e2e2;margin: 0;padding: 0;color: #000;font-size: 16px;line-height: 30px;}
.protego-page {color: #000;}
.protego-page a {color: #000;text-decoration: none;}
.protego-page img {display: block;max-width: 100%;}
.protego-page {background: #fff;margin: auto;width: 1200px;}
.protego-page-content {margin: auto;width: 1000px;}
.protego-page-content-head {padding-top: 50px;overflow: hidden;}
.protego-logo-icon {float: left;}
.protego-logo-icon a {display: block;width:89px;height: 100px;}
.protego-page-content-head-right {float: right;text-align: right;}
.protego-txt {padding-right: 3%;padding-top:1%;color: #626161;font-size: 14px;}
.protego-page-content-header {background: #fdd000;margin: 40px auto;padding:3% 4%;}
.protego-page-content-header-nav {border-top: 1px solid #000;border-bottom: 1px solid #000;padding:1% 0;}
.protego-page-content-header-nav a{font-size: 18px;font-weight: bold;margin-right: 4%;}
.protego-page-content-header-nav a:hover {color: #C50003;}
.protego-page-content-header-nav a.cur {color: #C50003;} 
.protego-header-nav {position: fixed;top:-100px;left:50%;width: 1200px;margin-left: -600px;text-align: center; z-index: 10; background: #fdd000;transition:all .4s ease;border-top: 1px solid #000;border-bottom: 1px solid #000;padding:1% 0;}
.protego-header-nav a{font-size: 18px;font-weight: bold;margin: 0 4%;display: inline-block;}
.protego-header-nav a.cur,.protego-header-nav a:hover {color: #C50003;} 
.protego-header-nav.cur {top: 0;}
.protego-page-content-header-title {font-size: 50px;line-height: 70px;font-weight: bold;padding: 10% 0;overflow: hidden;}
.protego-page-content-header-bottom {border-top: 1px solid #000;font-size: 18px;font-weight: bold;padding-top: 2%;position: relative;}
.protego-page-content-header-bottom::after {content: '';position: absolute;right: 0;top: 50%;background: url("j.png") no-repeat;width: 17px;height: 17px;}
.protego-page-content-center {overflow: hidden;}
.protego-li {overflow: hidden;}
.protego-li-title {font-size: 24px;font-weight: bold;padding:2% 3%;border-top: 1px solid #000;border-bottom: 1px solid #000;background: #f6f6f6;}
.protego-li-text {padding: 3%;overflow: hidden;}
.protego-num span i{font-style: normal;background: #fdd000;font-size: 14px;text-align: center;height: 20px;margin: 0 10px;padding:3px 7px;font-family: Arial;}
.protego-page-content-section {overflow: hidden;clear: both;position:relative;}
.protego-page-content-section-left {width: 24%;height: 100%;margin-right: 2%;padding:0px 3%;position: absolute; background: #c9c9ca;overflow: hidden;}
.protego-page-content-section-left.bgred{background: #ca141d;}
.protego-page-content-section-left .text {font-size: 16px;line-height:44px;}
.protego-page-content-section-left.bgred .text{color: #fff;}
.protego-table {display: table;width: 100%;height: 100%;}
.protego-table-cell {display: table-cell;vertical-align: middle;}
.protego-page-content-section-right {float: right;width: 62%;padding:40px 3%;overflow: hidden; background: #fdd000;position: relative;}
.protego-page-content-section-right::after {content: '';position: absolute;right: 3%;bottom:10%;background: url("j.png") no-repeat;width: 17px;height: 17px;}
.protego-page-content-section-right h2{display: block;margin:0;font-size: 36px;line-height: 46px;}
.protego-page-content-section-right h4{display: block;margin:0;font-size: 18px;line-height: 34px;font-weight: normal;}
.protego-section-li-title{font-size: 24px;font-weight: bold;border-bottom: 1px solid #b4b4b4;padding-bottom: 20px;}
.protego-page-content-section .protego-li-item:last-child {border-bottom: 1px solid #b4b4b4;}
.protego-li-item{overflow: hidden;border-bottom: 1px solid #b4b4b4;padding:2% 0;}
.protego-li-item-icon{float: left;width: 80px;height: 80px;background: #565656;position: relative;}
.protego-li-item-icon img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.protego-li-item-text {float: left;padding-left:3%;width: 80%;}
.protego-li-item-title{font-size: 18px;font-weight: bold;}
.protego-li-item-txt {padding-top: 5px;overflow: hidden;}
.protego-item {margin-top: 50px;overflow: hidden;}
.protego-item .protego-item-li:last-child {border-bottom: 1px solid #b4b4b4;}
.protego-item-li {padding:2% 0;overflow: hidden;border-top: 1px solid #b4b4b4;}
.protego-item-li-num {background: #565656;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-weight: bold;font-size: 18px;float: left;}
.protego-item-li-text {float: left;margin-left: 3%;width: 80%;}
.protego-item-li-title {font-size: 18px;line-height: 34px; font-weight: bold;}
.protego-item-li-txt {padding-top: 20px;overflow: hidden;}
.protego-item-li-txt li {margin-bottom: 20px;}
.protego-item-li-txt div {text-indent: 23px;}
.protego-page-content-section-bottom {margin:60px 0;overflow: hidden;clear: both;}
.protego-ad {text-align: center;padding: 6% 0;background: #fdd000;font-size: 30px;font-weight: bold;}
.protego-bottom-main{font-size: 18px;line-height: 34px;font-weight: bold;padding-top:4%;overflow: hidden;}
.protego-bottom-main-li{margin: 3% auto;overflow: hidden;background: #f2f2f2;}
.protego-bottom-main-li-pic{float: left;width: 40%;}
.protego-bottom-main-li-text{float: left;width: 54%;padding:3% 3% 0 3%;overflow: hidden;font-weight: normal;font-size: 16px;}
.protego-bottom-main-li-text strong{display: block;font-size: 18px;padding-bottom: 5px;}
.main1 {overflow: hidden;}


.aside-top {position: fixed; width: 50px;bottom:10%;right: 1%; z-index:199;display: none}
.aside-top a {width: 38px;height: 38px;display: block;overflow: hidden; background:#ca141d url(aside-top.svg) no-repeat center;background-size:70%;}
.aside-top a:hover {background: #fdd000 url(aside-top.svg) no-repeat center;background-size: 70%;}
 

/* new20220326 */
.protego-section {overflow: hidden;position: relative;}
.protego-style-1 {overflow: hidden;clear: both;padding: 5% 0;position: relative;}
.protego-style-1 .left-pic{float: left;width: 45%;}
.protego-style-1 .right-logo{float: right;width: 40%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.protego-style-1 .right-logo .logo-1 {overflow: hidden;}
.protego-style-1 .right-logo .logo-1 span{position: relative;display: inline-block;vertical-align: middle;margin-right: 3%;margin-bottom: 5%;}
.protego-style-1 .right-logo .logo-1 img{display: block;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.protego-style-2 {overflow: hidden;clear: both;padding: 5% 0;position: relative;}
.protego-style-2 .icon-text-item{float: left;width: 47%;margin-right: 5%;margin-bottom: 5%;overflow: hidden;}
.protego-style-2 .icon-text-item.mr0 {margin-right: 0;}
.protego-style-2 .icon-text-item-title{overflow: hidden;padding-bottom: 3%;}
.protego-style-2 .icon-text-item-title .icon-1{display: inline-block;vertical-align: middle;margin-right: 10px;}
.protego-style-2 .icon-text-item-title .title-1{display: inline-block;vertical-align: middle;font-size: 30px;font-weight: bold;}
.protego-style-2 .icon-text-item-list {padding: 2% 0;overflow:hidden;}
.protego-style-2 .icon-text-item-list li {position: relative;list-style: none;padding-left: 20px;}
.protego-style-2 .icon-text-item-list li::before {content: '';width: 6px;height: 6px;border-radius: 100%;background: #000;position: absolute;left: 0;top: 11px;}
.protego-style-2 .icon-text-item-list li ol{list-style: none;margin: 0;padding:0;display: block;margin-left:1.8em;font-size: 14px;padding: 1% 0;}

.line-x-top {width: 100%;height: 1px;background: #e1e1e1;margin:0px;clear: both;overflow: hidden;}
.protego-pic-1 {padding: 3% 0;overflow: hidden;}
.protego-pic-1 .pic-1 img{display: block;width: 100%;height: auto;}
.protego-pic-1 .title-1{padding: 1.5% 0;text-align: center;}
.protego-pic-2 {padding: 0 0 3% 0;overflow: hidden;}
.protego-pic-2 .item{float: left;width: 48%;overflow: hidden;}
.protego-pic-2 .item:last-child {float: right;}
.protego-pic-2 .pic-1 img{display: block;width: 100%;height: auto;}
.protego-pic-2 .title-1{padding: 3% 0;text-align: center;}
.protego-pic-3 {padding: 0 0 5% 0;overflow: hidden;}
.protego-pic-3 .item{float: left;width: 32%;overflow: hidden;margin-right: 2%;}
.protego-pic-3 .item:last-child {margin-right: 0;}
.protego-pic-3 .pic-1 img{display: block;width: 100%;height: auto;}
.protego-pic-3 .title-1{padding: 3% 0;text-align: center;}
.protego-text-1 {padding: 4% 0;overflow: hidden;}
.protego-text-1 .title-1{font-size: 24px;}
.protego-text-1 .title-1 strong{font-weight: bold;}
.protego-text-1 .title-2{font-size: 16px;margin:10px 0;}
.protego-text-1 .title-2 span {margin-right: 5%;}
.protego-text-1 .title-3{font-size: 18px;line-height: 20px;color: #C50003;margin: 20px 0;}
.protego-text-1 .text-1{font-size: 16px;line-height: 30px;padding: 2% 0;overflow: hidden;}
.protego-text-1 .text-1 li{list-style: none;padding-left: 15px;position: relative;}
.protego-text-1 .text-1 li::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #000;position: absolute;left: 0;top: 10px;}

.protego-type-4 {overflow: hidden;padding-top: 5%;}
.protego-type-item {background: #f7f8fa;margin-right: 3%;width: 37%;margin-bottom: 3%;padding: 3% 5%;overflow: hidden;float: left;position: relative;}
.protego-type-item.mr0 {margin-right: 0;}
.protego-type-item .icon-1 {position: absolute;width: 100px;height: 100px;right: 8%;bottom: 15%;z-index: 1;}
.protego-type-item .title-1{position: relative;padding: 5% 0;overflow: hidden;}
.protego-type-item .title-1 strong{font-size: 30px;font-weight: 900;}
.protego-type-item .title-1 i{font-size: 60px;font-style: normal;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .1;font-family: 'D-DINCondensed';}
.protego-type-item .title-1::after,.protego-type-item .title-1::before {content: '';width: 100%;height: 2px;background: #ccc;position: absolute;left: 0;bottom: 0;}
.protego-type-item .title-1::before {background: #fdd000;width: 32%;z-index: 11;}
.protego-type-item .main-2 {padding-top: 5%;min-height: 340px;}
.protego-type-item .main-2 ul{list-style: none;margin: 0;padding: 0;margin-bottom: 5%;}
.protego-type-item .main-2 ul:last-child {margin-bottom: 0;}
.protego-type-item .main-2 ul span{font-size: 20px;}
.protego-type-item .main-2 ul li{font-size: 16px;}


.protego-text {padding: 3%;overflow: hidden;}
.protego-title2 {font-size: 30px;text-align: center;font-weight: 900;padding-bottom: 3%;}
.protego-title2 strong {color: #D90003;}
.protego-title2 sub {font-size: 14px;display: inline-block;vertical-align: text-top;}
.protego-type3 {overflow: hidden;padding-bottom: 5%;}
.protego-type3-item {float: left;width: 33.333%;}
.protego-type3-item .title-1{font-size: 24px;font-weight: 900;padding: 5% 0;text-align: center;background: #c1c1c1;color: #fff;}
.protego-type3-item .pic-2{margin: auto;text-align: center;overflow: hidden;padding: 5% 0;}
.protego-type3-item .pic-2 img {display: inline-block;border: 1px solid #000;}
.protego-type3-item:first-child .title-1{background: #fdd000;color: #000;}
.protego-type3-item:last-child .title-1{background: #333;}
.protego-pic2 {overflow: hidden;text-align: center;padding: 3% 0;}
.protego-pic2 img {display: inline-block;border: 1px solid #000;width: auto;}






@media screen and (max-width: 1024px) {
	.protego-page {width: 100%;}
	.protego-page-content {width: 100%;}
	.protego-page-content-head {padding:5% 3% 0 3%;}
	.protego-page-content-section,.protego-item  {padding:0 3% 0 3%;}
	.protego-bottom-main-li-text {font-size: 14px;}
	.protego-bottom-main-li-text strong {font-size: 16px;}
	.protego-bottom-main  {padding:5% 3%;}
}




@media screen and (max-width: 640px) {
	body {line-height: normal;font-size: 1rem;}
	.protego-page {width: 100%;}
	.protego-page-content {width: 100%;}
	.protego-page-content-head {padding:5% 3% 0 3%;}
	.protego-page-content-section,.protego-item  {padding:0 3% 0 3%;}
	.protego-page-content-section.main2  {padding:0;}
	.protego-logo-icon {width:20%;}
	.protego-logo-icon img{width: 100%;height: auto;display: block;}
	.protego-page-content-head-right {width: 70%;padding-top:5%;}
	.protego-page-content-header-nav {text-align: center;font-size: 0;padding: 3% 0;}
	.protego-page-content-header-nav a {font-size: .75rem;margin:0 2%;display: inline-block;}
	.protego-page-content-header-title {font-size:2rem;line-height: 3rem;}
	.protego-page-content-header-bottom {font-size:.8rem;padding-top:4%;}
	.protego-page-content-header {margin: 10px auto;padding:5% 4%;}
	.protego-logo-icon a {width: 65px;height: auto;}
	.protego-li-text,.protego-li-item-txt {line-height:2rem;}
	.protego-li-title {font-size: 1.2rem;padding: 4% 3%;}
	.protego-li {padding: 3% 0;}
	.protego-li-text {padding:5% 3% 2% 3%;}
	.protego-li-text li{padding-bottom: 3%;}
	.protego-page-content-section-left {display: none;}
	.protego-page-content-section-right {float:none;width: 90%;padding: 40px 5%;}
	.protego-page-content-section-right::after {right: 5%;}
	.protego-page-content-section-right h2 {font-size: 1.3rem;line-height:3rem;}
	.protego-page-content-section-right h4 {font-size: 1rem;line-height:2rem;}
	.protego-li-item-icon {width: 15%;height: 60px;}
	.protego-li-item-icon img {max-width:30px;}
	.protego-li-item,.protego-item-li {padding: 5% 0;}
	.protego-li-item-title {font-size: 1.2rem;}
	.protego-item-li-txt div {text-indent: 0px;}
	.protego-item-li-txt li {line-height: 2rem;}
	.protego-item-li-text {width: 85%;}
	.protego-ad {padding: 10% 0;font-size:1.6rem}
	.protego-bottom-main {font-size: 1rem;line-height:2rem;padding:5% 3% 0 3%;}
	.protego-bottom-main-li-pic {float: none;width: 100%;}
	.protego-bottom-main-li-text {float: none; width:90%;padding:5%;font-size: 1rem;}
	.protego-header-nav { top: -100px;left:0;width:100%;margin-left:0px;padding: 4% 0;}
	.protego-header-nav a {font-size: .75rem;margin:0 2%;}
	.protego-header-nav a:hover {color: #000;}
	.protego-header-nav a.cur {color: #C50003;}

	.protego-page-content-header-nav a {width: 50%;margin: 0;text-align: left;padding: 5px 0;}
	.protego-style-1 .left-pic,.protego-type3-item {float: none;width: 100%;}
	.protego-style-1 .left-pic img {max-width: 70%;margin: auto;}
	.protego-style-1 .right-logo {float: none;width:100%;position: relative;top: auto;transform: none;right: auto;margin: auto;padding: 3% 0;}
	.protego-style-1 .right-logo .logo-1{width:100%;margin: auto;text-align: center;}
	.protego-style-1 .right-logo .logo-1 span {display: inline-block;max-width: 10%;}
	.protego-style-2,.protego-pic-2,.protego-pic-3,.protego-text-1,.protego-pic-1  {width: 90%;margin: auto;}
	.protego-style-2 .icon-text-item {float: none;width: 100%;margin-right: 0;margin-bottom: 10%;}
	.protego-pic-2 {padding: 5% 0;}
	.protego-pic-2 .item,.protego-pic-3 .item {float: none;width: 100%;margin-right: 0;margin-bottom: 10%;}
	.protego-text-1 {padding: 15% 0;}
	.protego-type-item {margin-right:0;width:90%;margin-bottom: 5%;padding: 5% 5%;}
	.protego-pic2 img {box-sizing: border-box;}
	.protego-style-2 .icon-text-item-list li,.protego-type-item .main-2 ul li {padding: 2% 0;}
	.protego-text-1 .title-1 {font-size: 20px;}
	.protego-text-1 .text-1 {font-size: 14px;line-height: 24px;}
	.protego-style-2 .icon-text-item-list li ol {line-height: 24px;}
	.protego-style-2 .icon-text-item-list li {padding-left: 15px;}
	.protego-style-2 .icon-text-item-list li::before {top: 13px;}
	.protego-header-nav {text-align: left;padding: 4% 5%;}
	.protego-header-nav a{width: 49%;margin: 0;}
	.protego-style-2 .icon-text-item-list li ol {margin-left: 0;margin-top: 2%;}
	.protego-text-1 span {display: block;margin-right: auto;}
	.protego-type-item .title-1 strong,.protego-style-2 .icon-text-item-title .title-1 {font-size: 20px;}



}