#intro {
    background-image: url(../images/top/intro-left.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 400px 602px;
    padding-bottom: 0;
}
#intro .intro{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 auto;
}
#intro .intro h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
}
#intro .intro h1 span{
	font-size: 30px;
	line-height: 40px;
}
#intro .intro h1 {
    position: relative;
    padding-bottom: 20px;
}
#intro .intro h1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    display: block;
    width: 115px;
    height: 3px;
    background-color: #E50019;
}
#intro .intro p {
    padding-top: 30px;
}
#intro .intro h2 {
    color: #E50019;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    padding-top: 30px;
}

#intro .intro .left{
	width: 50%;
	display: inline-block;
}
#intro .intro .right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}
#intro .intro .right img{
	width: 418px;
	max-width: 100%;
}
.seo-title {
    font-weight: 600 !important;
    font-size: 30px !important;
    line-height: 60px !important;
}
.seo-title-mb {
    margin-bottom: 1rem;
}
#about .about .right {
    height: 665px;
}
#about .about .left {
    bottom: 6rem;
}
.about-seo {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 10rem auto 0 auto;
}
.about-seo .left{
	width: 50%;
	display: inline-block;
}
.about-seo .right{
	width: 50%;
	display: inline-block;
}
.about-seo .right img {
    max-width: 100%;
    padding-left: 5rem;
    padding-top: 4.5rem;
}
.about-center {
    background-image: url(../images/top/bg-about-center-new.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 8rem auto 0 auto;
}
.about-center .left{
	width: 50%;
	display: inline-block;
}
.about-center .right {
    width: 50%;
    display: inline-block;
    position: relative;
    padding: 0 45px 80px 0px;
}

.about-center .right h2 {
    color: #000;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    position: relative;
    padding-bottom: 10px;
}

.about-center .right h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    display: block;
    width: 115px;
    height: 3px;
    background-color: #E50019;
}

.about-center .right h2 span{
	font-size: 30px;
	line-height: 40px;
}
.about-center .right p {
    color: #fff;
    margin-top: 25px;
}
#pro .pro .content .pro-list ul li{
	width: 30.84%;
}
.detail-index {
    font-size: 17px !important;
    line-height: 28px !important;
    padding: 25px 40px 0 40px;
    text-align: center;
}
#pro .pro .content .pro-list ul li a::before{
	background-color: unset!important;
}
#pro .pro .content .pro-list ul li a .brief p{
	position: relative;
}
#pro .pro .content .pro-list ul li a .brief p::after {
   content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    z-index: 8;
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
    height: 3px;
    background-color: #E50019;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#pro .pro .content .pro-list ul li a:hover .detail-index{
	color: #fff;
}
#pro .pro .content .pro-list ul li a:hover .brief p::after {
	background-color: #fff;
}
.pro-end {
    width: 80%;
    margin: 4rem auto 0 auto;
    text-align: center;
}
#service {
    padding-bottom: 80px!important;
    position: relative;
}
#service::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 7;
    width: 215px;
    height: 459px;
    background-image: url(../images/commons/bg-inner-btm-right.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
}
.service-bg-seo {
    background-image: url(../images/service/bg-service-bottom-2.png) !important;
    background-repeat: no-repeat !important;
    background-position: top !important;
    background-size: contain !important;
}
.txthead-box .fz30 {
    text-align: left!important;
}
.text-world {
    font-size: 80px !important;
    text-transform: uppercase !important;
    color: #e50019 !important;
    font-weight: 600 !important;
    line-height: 90px !important;
    padding-top: 7rem;
}
.text-world span {
    color: #000!important;
    font-size: 80px!important;
    text-transform: uppercase!important;
}
.text-world-detail{color: #000!important}
@media only screen and (max-width:1600px) {

}

@media only screen and (max-width:1536px) {
	#about .about .right {height: 625px;}
	.seo-title {font-weight: 600 !important;font-size: 25px !important;line-height: 45px !important;}
	#intro .intro h1 {font-size: 40px;line-height: 45px;}
	.about-center .right h2 {font-size: 40px;line-height: 45px;}
	#intro .intro h2 {font-size: 23px;line-height: 30px;padding-top: 15px;}
	#intro .intro p {padding-top: 20px;}
	#intro .intro h1 span, .about-center .right h2 span {font-size: 23px;line-height: 30px;}
	#about .about .left {bottom: 2rem;}


}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1366px) {
	#about .about .right {height: 565px;}
	#about .about .left {bottom: -3rem;}
}

@media only screen and (max-width:1280px) {
    #about .about .right {height: 590px;}
    #about .about .left {bottom: 1rem;}
}
@media only screen and (max-width:1180px) {

}
@media only screen and (max-width:1112px) {
	#about .about .left {bottom: 9rem;}
	#about .about .right {height: 555px;}
}
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:980px) {

}
@media only screen and (max-width:820px) {
    .text-world {font-size: 60px !important;line-height: 70px !important;padding-top: 0;}
    .text-world span{font-size: 60px !important;}
	#intro .intro, .about-center, .about-seo{display: block;}
	#intro .intro .left, #intro .intro .right, .about-seo .left, .about-seo .right, .about-center .left, .about-center .right {width: 100%;display: block;}
	#intro .intro .right img {padding-top: 3rem;margin: 0 auto;}
	#about .about .right {height: auto;}
	.about-seo {display: block;margin: 3rem auto 0 auto;}
	.about-seo .right img {padding-left: 0;width: 100%;}
	.about-center .right {padding: 45px 45px 60px 45px;}
	.about-center .right h2 {padding-top: 0;}
	#pro .pro .content .pro-list ul li {width: 48.84%;}
	#about .about .right .txthead-box .seperator br{display: none;}
    #intro .intro h1, .about-center .right h2 {font-size: 25px;line-height: 35px;}
    #intro .intro h1 span, .about-center .right h2 span {font-size: 20px;line-height: 25px;}
    #intro .intro h2, .seo-title {font-size: 20px;line-height: 25px;}
    .about-center {margin: 6rem auto 2rem auto;}


}
@media only screen and (max-width:768px) {

}
@media only screen and (max-width:640px) {
    .text-world span {font-size: 45px !important;}
    .text-world {font-size: 45px !important;line-height: 50px !important;}
	#pro .pro .content .pro-list ul li {width: 100%;}
}
@media only screen and (max-width:458px) {
	.about-center {
    background: url(../images/top/bg-about-center-new.jpg) #c0a08b;
    background-position: top right;}
    .about-center .right {
        padding: 30px 30px 30px 30px;
    }
}
@media only screen and (max-width:390px) {

}