/*上标*/
sub{font-size:12px;transform: scale(0.7);position: absolute;padding:0 8px 3px 8px;border-radius: 2px;white-space: nowrap;}
sub.red{top: -15px;background: rgb(250 2 2 / 80%);color: #fff;}
sub.green{top: -15px;background: rgb(14 153 44 / 92%);color: #fff;}
sub.red:after {position: absolute;content: '';left: 15px;bottom: -4px; width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgb(250 2 2 / 80%);}
sub.green:after{position: absolute;content: '';left: 15px;bottom: -4px; width: 0;height: 0;border-left:4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgb(14 153 44 / 92%);}


/*标题*/
.text-large-white{color: #Ffff;}
.text-large-black{color: #333;}
.text-large-white .title,.text-large-black .title{font-size: 36px;}
.text-large-white .title-b,.text-large-black .title-b{font-size: 36px;font-weight: bold;}
.text-large-white .desc,.text-large-black .desc{font-size: 16px; margin: 20px 0 20px 0;line-height: 1.8;}


h2.title{font-size:36px;line-height:1;margin:60px auto 20px auto;text-align:center;color:#333}
h2.title-b{font-size:36px;line-height:1;margin:60px auto 20px auto;text-align:center;color:#333; font-weight: bold;}
h2.title-white-b{font-size:36px;line-height:1;margin:60px auto 20px auto;text-align:center;color:#fff; font-weight: bold;}
h2.title-large{font-size:36px;line-height:1; color: #333; font-weight: bold; margin-bottom: 40px;}
p.title-p{text-align:center;font-size:16px;line-height:1.7;color:#999;margin-bottom:20px}
p.title-white-p{text-align:center;font-size:16px;line-height:1.7;color:#fff;margin-bottom:20px}

.title-link{text-align: center; margin-bottom: 40px;font-size:16px;}
.title-link a{color: #741010;}

.text h3,h3.title{font-weight: bold; font-size: 22px;}
.text h4,h4.title{font-weight: bold; font-size: 18px; padding: 10px 0;}
.text p,p.meta{font-size: 16px; color: #999; line-height: 1.7;}
.text span{font-size: 16px; color: #333;}



@media screen and (min-width:769px) and (max-width:1199px)
{		
	.text h3,h3.title{font-weight: bold; font-size: 20px;}
	.text p,p.meta{font-size: 15px; color: #999; line-height: 1.7;}
	.col-4 .btn-big a.btn-line{display: none;}
	h2.title,h2.title-b,h2.title-white-b{margin:40px auto 20px auto;}
	h2.title-large{margin-bottom: 30px;}
	@media screen and (min-width:992px)and (max-width:1199px)
	{
		.text-large-white .title,.text-large-black .title{font-size: 32px;}
		.text-large-white .title-b,.text-large-black .title-b{font-size: 32px;}
		h2.title,h2.title-b,h2.title-large,h2.title-white-b{font-size: 32px;}
		p.title-p,.title-link,p.title-white-p{font-size: 15px;}
		.text-large-white .desc,.text-large-black .desc{font-size: 15px;}
		.title-link{margin-bottom: 35px;}
			
	}
	@media screen and (min-width:769px)and (max-width:991px)
	{
		.text-large-white .title,.text-large-black .title{font-size: 28px;}
		.text-large-white .title-b,.text-large-black .title-b{font-size: 28px;}
		h2.title,h2.title-b,h2.title-large,h2.title-white-b{font-size: 28px;}
		p.title-p,.title-link,p.title-white-p{font-size: 15px;}
		.text-large-white .desc,.text-large-black .desc{font-size: 15px;}
		.title-link{margin-bottom: 30px;}
	}
}
@media screen and (max-width:768px)
{
	/* .btn-big a.btn-line{display: none;} */
	
	h2.title,h2.title-b,h2.title-white-b{margin:20px auto 10px auto;}
	h2.title-large{margin-bottom: 20px;}
	@media screen and (min-width:361px)and (max-width:768px)
	{
		.text-large-white .title,.text-large-black .title{font-size: 24px;}
		.text-large-white .title-b,.text-large-black .title-b{font-size: 24px;}
		h2.title,h2.title-b,h2.title-large,h2.title-white-b{font-size: 24px;}
		p.title-p,.title-link,p.title-white-p{font-size: 14px; padding: 0 20px;}
		.text-large-white .desc,.text-large-black .desc{font-size: 14px;}
		.title-link{margin-bottom: 25px;}		
		.text h3,h3.title{font-weight: bold; font-size: 18px;}
		.text p,p.meta{font-size: 14px; color: #999; line-height: 1.7;}	
	}
	@media screen and (max-width:360px)
	{		
		.text-large-white .title,.text-large-black .title{font-size: 20px;}
		.text-large-white .title-b,.text-large-black .title-b{font-size: 20px;}
		h2.title,h2.title-b,h2.title-large,h2.title-white-b{font-size: 20px;}
		p.title-p,.title-link,p.title-white-p{font-size: 13px; padding: 0 20px;}
		.text-large-white .desc,.text-large-black .desc{font-size: 13px;}
		.title-link{margin-bottom: 20px;}
		.text h3,h3.title{font-weight: bold; font-size: 16px;}
		.text p,p.meta{font-size: 13px; color: #999; line-height: 1.7;}		
	}
}