/*声明*/
.SM{position: fixed;left: 0;top: 0;width: 100%;height: 100%;font-size: 20px;z-index:9998;/* z-index:-1; */background: rgba(0, 0, 0, 0.3);} 
.SM>div{position: absolute;height: 100%;overflow-y: auto;overflow-x: hidden;width: 100%;padding: 90px 0px 60px 0px;} 
.SM .container{height: 100%;display: flex;justify-content: center;align-items: center;}
.SM>div::-webkit-scrollbar-thumb,.SM>div::-webkit-scrollbar{display: none;}

.SM .SM_block{width: 73%;max-width: 1090px;background: url(../images/sm_bj.jpg) no-repeat center center;background-size: cover;border-radius: 15px;box-shadow: 0px 7px 33px 0px rgba(0,0,0,0.31);/* overflow: hidden; */border: 3px solid #DC142D;background-color: #f7f7f9;}
.SM .SM_block .sm_logo{margin-top: -4.5%;text-align: center;}
.SM .SM_block .sm_logo img{max-width: 278px;width: 28%;}
.SM .SM_block .block_001{padding: 55px 6% 60px 7.5%;}
.SM .SM_block .content_box{overflow-y: auto;height: 55.5vh;margin-right: -20px;padding-right: 40px;}
.SM .SM_block .content_box::-webkit-scrollbar {width: 4px;  height: 1px;}
.SM .SM_block .content_box::-webkit-scrollbar-thumb,.SM .SM_block .content_box::-webkit-scrollbar-thumb:active {background: #E72423!important;}
.SM .SM_block .content_box::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1)!important;}
.SM .title{font-size: 44px;color: #E72423;text-align: center;margin-bottom: 20px;letter-spacing: 2px;font-weight: bold;}
.SM .content_box p{font-size: 18px;color: #333;line-height: 1.8;text-align: justify;} 
.SM .content_box .content_text1 p{padding-bottom: 15px;}
.SM .content_box .content_text1 div{color: #E72423;font-weight: bold;border: 1px solid #E72423;border-radius: 5px;display: inline-block;padding: 5px 10px;margin-bottom: 15px;font-size: 18px;}
.SM .content_box .content_text2 p{padding-bottom: 7px;text-align: left;}
.SM .content_box .content_text2 span{color: #E72423;}


.SM .box1 .box1_title{font-size: 26px;font-weight: bold;color: #333;margin-top: 10px;}
.SM .box1 ul{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -28px 0px -28px;}
.SM .box1 ul li{width: 20%;padding:30px 28px;}
.SM .box1 ul li .img{background: #F6F6F6;border-radius: 5px;border: 1px solid #DC142D;overflow: hidden;padding: 5px;}
.SM .box1 ul li .text{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}

.SM .bottom_title{font-size: 18px;color: #333;text-align: right;}

.SM .close_SM{position: absolute;right: 3%;top: 30px;}
.SM .close_SM img{cursor: pointer;width: 40px;transition: 0.5s;}
.SM .close_SM img:hover{transform: scale(1.08);}

.SM_c{animation: sm_c 1s forwards ease-in-out;}
.SM_block{animation: sm_d 1s forwards ease-in-out;}
.SM_close{animation: sm_dc 1s forwards ease-in-out;}

@keyframes sm_c {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes sm_d {
  0% {transform: scale(0);opacity: 0;}
  100% {transform: scale(1);opacity: 1;}
}
@keyframes sm_dc {
  0% {transform: scale(1);opacity: 1;}
  100% {transform: scale(0);opacity: 0;}
}
@media (min-width:1199px) and (max-width:1500px){
	.SM .content_box .content_btn {font-size: 18px;margin: 5px 0 10px 0;}
	.SM .box1 .box1_title{font-size: 24px;}
	.SM .box1 ul{margin: 0 -20px 10px -20px;}
	.SM .box1 ul li{padding: 20px 20px;}
}
@media (min-width:1199px) and (max-width:1380px){
	.SM .title{font-size: 38px;}
	.SM .content_box p,.SM .content_box .content_text1 div,.SM .bottom_title{font-size: 16px;}
}
@media (min-width:767px) and (max-width:1199px){
	.SM .title{font-size: 36px;}
	.SM .SM_block{border-radius: 25px;width: 82%;}
	.SM .SM_block .sm_logo {margin-top: -4.8%;}
	.SM .SM_block .block_001 {padding: 40px 7.5% 50px 6%;}
	.SM .close_SM img {width: 30px;}
	.SM .content_box p,.SM .bottom_title{font-size: 15px;}
	.SM .box1 ul{margin: 0 -20px 10px -20px;}
	.SM .box1 ul li{padding: 20px 20px;width: 21%;}
}
@media (min-width:767px) and (max-width:850px){
	.SM .box1 ul{margin: 0 -18px 10px -18px;}
	.SM .box1 ul li {width: 25%;padding: 20px 18px;}
}
@media (max-width:767px){
	.SM .SM_block .block_001 {padding: 28px 7% 40px 7%;}
	.SM .SM_block{border-radius: 10px;width: 96%;border: 2px solid #DC142D;}
	.SM .SM_block .sm_logo {margin-top: -4.8%;}
	.SM .SM_block .sm_logo img{width: 40%;}
	.SM .SM_block .content_box{height: 52vh;margin-right: -10px;padding-right: 10px;}
	.SM .close_SM{/*top: 15px;*/top: 94%;text-align: center;z-index: 2;margin-bottom: 15px;width: 100%;}
	.SM .close_SM img {width: 25px;}
	.SM .title{font-size: 28px;margin-bottom: 10px;}
	.SM .SM_block .content_box{padding-right: 15px;}
	.SM .SM_block .content_box::-webkit-scrollbar {width: 3px;}
	.SM .content_box p,.SM .bottom_title{font-size: 15px;}
	.SM .box1 ul{margin: 5px -4.5% 10px -4.5%;}
	.SM .box1 ul li{padding: 10px 4.5%;width: 44.5%;}
}