/*声明*/
.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.5);} 
.SM>div{position: absolute;height: 100%;overflow-y: auto;overflow-x: hidden;width: 100%;padding: 70px 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: 75%;max-width: 1250px;background:#FFF;border-radius: 30px;box-shadow: 0px 7px 33px 0px rgba(0,0,0,0.31);}

.SM .SM_block .close_SM{width: 46px;position: absolute;top: 31px;right: 31px;cursor: pointer;}
.SM .SM_block .block_001{padding: 50px 20px 50px 20px;}
.SM .SM_block .content{margin: auto;width: 87.5%;}
.SM .SM_block .content_box{overflow-y: auto;overflow-x: hidden;max-height: 63.5vh;margin-right: -20px;padding-right: 35px;}
.SM .SM_block .content_box::-webkit-scrollbar {width: 2px;height: 1px;}
.SM .SM_block .content_box::-webkit-scrollbar-thumb,.SM .SM_block .content_box::-webkit-scrollbar-thumb:active {background: rgba(125, 138, 54, 0.8)!important;}
.SM .SM_block .content_box::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1)!important;}
.SM .title{font-size: 44px;color: var(--colormain);text-align: center;margin-bottom: 25px;letter-spacing: 2px;}
.SM .content_box p{font-size: 18px;color: #333;line-height: 1.68;text-align: justify;} 
.SM .content_box .content_text1{padding-bottom: 25px;}
.SM .content_box .content_text1 p{padding-bottom: 5px;}
.SM .content_box .content_text2 p{padding-bottom: 3px;}
.SM .content_box .content_text2 strong{color: var(--colormain);}
.SM .content_box .sm_gw{margin-right: 5%;}
.SM .content_box button{display: inline-block;font-size: 18px;color: #fff;background: var(--colormain);border-radius: 19px;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);padding: 4px 24px;border: none;}

.SM .sm_lxfs .content_text2 p{text-align: center;}
.SM .sm_lxfs{margin-top: 18px;}
.SM .sm_lxfs ul{display: flex;flex-wrap: wrap;margin: 20px -13px 10px -13px;}
.SM .sm_lxfs ul li{width: 16.666%;padding:13px;}
.SM .sm_lxfs ul li .img{border: 1px solid var(--colormain);border-radius: 10px;overflow: hidden;}
.SM .sm_lxfs ul li .t1{text-align: center;font-size: 18px;padding-top: 8px;}

.SM .SM_btn{margin:20px 0 0px 0;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.SM .SM_btn button,.SM .SM_btn a{background: var(--colormain);border-radius: 27px;color: #fff;font-size: 16px;padding: 14px 63px;border: none;font-weight: bold;transition: 0.5s;display: block;}
.SM .SM_btn button:hover,.SM .SM_btn a:hover{transform: scale(1.05);}
.SM .sm_db_bj img{min-height: 25px;object-fit: cover;min-width: 100%;}

.SM_c{animation: sm_c 0.8s forwards ease-in-out;}
.SM_block{animation: sm_d 0.8s forwards ease-in-out;}
.SM_close{animation: sm_dc 0.8s 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;}
  80% {transform: scale(0);}
  100% {transform: scale(0);opacity: 0;}
}
@media (min-width:1199px) and (max-width:1500px){
	.SM .title {font-size: 38px;}
	.SM .content_box p,.SM .content_box button,.SM .sm_lxfs ul li .t1{font-size: 17px;}
	.SM .SM_btn button,.SM .SM_btn a{padding: 10px 53px;}
}
@media (min-width:767px) and (max-width:1199px){
	.SM .SM_block{border-radius: 20px;width: 82%;}
	.SM .SM_block .close_SM {width: 40px;top: 28px;right: 28px;}
	.SM .SM_block .content_box{max-height: 53vh;}
	.SM .SM_block .block_001 {padding: 45px 20px 50px 20px;}
	.SM .title {font-size: 36px;margin-bottom: 22px;}
	.SM .SM_block .content{width: 92%;}
	.SM .content_box .content_text1 {padding-bottom: 20px;}
	.SM .content_box p,.SM .content_box button{font-size: 15px;}
	.SM .sm_lxfs ul {margin: 15px -8px 10px -8px;}
	.SM .sm_lxfs ul li {padding: 8px;}
	.SM .sm_lxfs ul li .img{border-radius: 7px;}
	.SM .sm_lxfs ul li .t1{font-size: 14px;}
	.SM .SM_btn button,.SM .SM_btn a{padding: 9px 40px;}
}
@media (min-width:767px) and (max-width:850px){
	.SM .SM_block {width: 90%;}
	.SM .SM_block .block_001 {padding: 45px 10px 55px 10px;}
	.SM .SM_block .content_box {margin-right: -20px;padding-right: 25px;}
	.SM .box1 ul li {width: 33.3%;}
	.SM .sm_lxfs ul {margin: 15px -8px 10px -8px;}
	.SM .sm_lxfs ul li .img {padding: 0px;}
}
@media (max-width:767px){
	.SM .SM_block .close_SM {width: 33px;top: 17px;right: 17px;}
	.SM .SM_block .block_001 {padding: 30px 7% 35px 7%;}
	.SM .SM_block{border-radius: 15px;width: 95%;}
	.SM .SM_block .content{width: 100%;}
	.SM .SM_block .content_box{height: 50vh;margin-right: -15px;padding-right: 10px;}
	.SM .title{font-size: 28px;margin-bottom: 20px;}
	.SM .SM_block .content_box{padding-right: 15px;}
	.SM .SM_block .content_box::-webkit-scrollbar {width: 2px;}
	.SM .content_box .content_text1 {padding-bottom: 20px;}
	.SM .content_box .content_text2 p{text-align: left;}
	.SM .content_box p,.SM .content_box button,.SM .sm_lxfs ul li .t1{font-size: 15px;}
	.SM .content_box button{padding: 3px 15px;}
	.SM .content_box .sm_gw {margin-right: 0;display: block;}
	.SM .sm_lxfs ul {margin: 18px -8px 5px -8px;justify-content: left;}
	.SM .sm_lxfs ul li{width: 33.333%;padding: 8px;}
	.SM .sm_lxfs ul li .t1{font-size: 12px;}
	
	.SM .SM_btn {margin: 15px -12px 0px -12px;}
	.SM .SM_btn button,.SM .SM_btn a{padding: 6px 23px;font-size: 15px;margin:8px 12px;border: 1px solid var(--colormain);}
	.SM .SM_btn button{background: #fff;color: var(--colormain);}
}