/*.main{padding-bottom: 302px;}*/
.content{    padding-top: 7px;}
.content .container{position: relative;}
.imgWrap img{max-width: 100%;}
.content h2{font-size: 28px;color: #fff;font-family:  \5FAE\8F6F\96C5\9ED1;letter-spacing: 0.7px;    padding: 0 36px;
    line-height: 48px;    margin-top: 29px;}
.content p{font-size: 20px;color: #fff;font-family:  \5FAE\8F6F\96C5\9ED1;font-weight: 600;    padding: 0 36px;
    letter-spacing: 0.5px;    line-height: 28px;    margin-top: 6px;}
.promptWrap{position: absolute;top: 0;}
/* url(../images/introduceMore.png) no-repeat center*/
.buttonWrap .btn{background:#df0615;font-size: 14px;font-family: \5B8B\4F53;outline: 0;border: none;color: #fff;    width: 224px;
    height: 43px;    margin: 0 auto;
    display: inline-block;    margin-top: 53px;}
.buttonWrap .btn:hover{background:#BF0815;} 
.buttonWrap .btn .text img{ margin-bottom: 3px;
    width: 14px;
    margin-left: 17px;}
.buttonWrap{text-align: center; margin-bottom: 20px;}
.imgWrap img{display: none;}
.imgWrap img:first-child{display: block;}
@media (max-width: 999px){
	.content .container{padding: 0;}
	.main {  padding-top: 70px;}
}
@media (max-width: 767px){
	.content h2{font-size: 18px;    padding: 0 15px;    line-height: 32px; margin-top: 19px;color: #333;}   
	.content p{font-size: 16px;  padding: 0 15px;  margin-top: 40px; position: relative;top: -10px;}
}
@media (max-width: 480px){
	.promptWrap{position: inherit;}
	.imgWrap{    margin-top: -73px;
    z-index: -1;
    position: relative;}
    .imgWrap img{display: block;}
.imgWrap img:first-child{display: none;}
.imgWrap img{width: 100%;}
.buttonWrap .btn{    margin-top: 40px;}
}