.padding-130 {
padding: 110px 0;
}


.sep-container {
width: 100%;
max-width: 1360px;
margin: 0 auto;
}

.top-title {
text-align: center;
margin-bottom: 50px;
}

.top-title .title {
font-size: 36px;
color: #333;
line-height: 44px;
position: relative;
}

.gtj-ff-bold {
font-family: "Montserrat-Bold";
font-weight: normal;
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}


.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.top-title .title a {
font-size: 36px;
color: #333;
line-height: 44px;
transition: all .3s;
display: block;
}

.top-title .title::after {
content: '';
display: block;
width: 60px;
height: 6px;
background: #ec662a ;
margin: 20px auto;
}


.top-title .title-des {
font-size: 17px;
line-height: 34px;
color: #666;
margin-top: 16px;
text-align: left;
font-family: "VERDANA";
}


.richtext, .richtext * {
font-family: "VERDANA";
}


.richtext {
line-height: 1.8em;
font-size: 16px;
}

.top-title .title-des p {
font-size: 17px;
line-height: 34px;
color: #666;
margin-bottom: 0;
font-family: "VERDANA";
}

.com-box .sps-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
text-align: left;
}

.com-box .sps-grid .sps-text .spst-item {
display: flex;
}

.com-box .sps-grid .sps-text .spst-item:hover .iconfont {
background: #ec662a ;
color: #fff
}

.com-box .sps-grid .sps-text .spst-item .iconfont {
width: 60px;
height: 60px;
background: #f4f4f4;
color: #ec662a ;
border-radius: 50%;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center;
}


.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



.com-box .sps-grid .sps-text .spst-item .spst-text {
flex: 1;
padding-left: 30px;
}

.com-box .sps-grid .sps-text .spst-item .spst-text .spstt-title {
font-size: 20px;
color: #333;
line-height: 30px;
}


.com-box .sps-grid .sps-text .spst-item .spst-text .spstt-summary {
font-size: 16px;
color: #666;
line-height: 28px;
font-family: "VERDANA";
margin-top: 10px;
}

.com-box .sps-grid .sps-imgbox {
padding-left: 5.20833333vw;
display: flex;
align-items: center;
justify-content: center;
}

a {
color: #2d2d2d;
text-decoration: none;
outline: none;
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}










.com-box .sps-grid .sps-imgbox .spsi-imgbox {
position: relative;
display: block;
}


.com-box .sps-grid .sps-imgbox .spsi-imgbox img {
width: 100%;
transition: all .3s;
}


.com-box .sps-grid .sps-imgbox .spsi-imgbox img:hover {
transform: scale(1.1)
}

.com-box .sps-grid .sps-imgbox .spsi-imgbox::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: -20px;
right: -20px;
background: #ec662a ;
z-index: -1;
}




@media screen and (max-width: 480px) {
.padding-130 {
padding: 50px 0;
}
}

@media screen and (max-width: 812px) {
.padding-130 {
padding: 80px 0;
}
}
@media screen and (max-width: 812px) {
.padding-130 {
padding: 46px 0;
}
}
@media screen and (max-width: 812px) {
.padding-130 {
padding: 60px 0;
}
}
@media screen and (max-width: 1024px) {
.com-box {
display: flex;
flex-direction: column-reverse;
}
}
@media screen and (max-width: 1024px) {
.padding-130 {
padding: 80px 0;
}
}
@media screen and (max-width: 1366px) {
.padding-130 {
padding: 100px 0;
}
}


@media screen and (max-width: 812px) {
.com-box .sep-container {
margin-bottom: 0;
}
}

@media screen and (max-width: 812px) {
.com-box .sep-container {
max-width: 92%;
}
}
@media screen and (max-width: 1024px) {
.com-box .sep-container {
position: static;
transform: none;
margin-bottom: 40px;
}
}
@media screen and (max-width: 1366px) {
.com-box .sep-container {
top: 11%;
}
}


@media screen and (max-width: 1460px) {
.sep-container {
max-width: 90%;
}
}


@media screen and (max-width: 1460px) {
.com-box .sep-container {
max-width: 90%;
}
}


@media screen and (max-width: 812px) {
.top-title .title {
font-size: 24px;
line-height: 32px;
}
}

@media screen and (max-width: 812px) {
.top-title .title {
font-size: 28px;
line-height: 32px;
}
}
@media screen and (max-width: 1024px) {
.top-title .title {
font-size: 36px;
line-height: 44px;
}
}



@media screen and (max-width: 812px) {
.top-title .title a {
font-size: 28px;
line-height: 32px;
}
}

@media screen and (max-width: 1024px) {
.top-title .title a {
font-size: 36px;
line-height: 44px;
}
}

@media screen and (max-width: 812px) {
.top-title .title::after {
width: 40px;
height: 5px;
}
}


@media screen and (max-width: 1024px) {
.top-title .title-des {
font-size: 16px;
line-height: 28px;
}
}

@media screen and (max-width: 1024px) {
.top-title .title-des p {
font-size: 16px;
line-height: 28px;
}
}


@media screen and (max-width: 812px) {
.com-box .sps-grid {
grid-template-columns: repeat(1, 1fr);
}
}


@media screen and (max-width: 812px) {
.com-box .sps-grid .sps-imgbox {
padding-left: 0;
margin-top: 60px;
}
}