.main-about .section {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    height: auto;

}



.main-about .section .fa-texts {

    margin-top: 25vh;

    position: relative;

    z-index: 99;

}



.main-about .section .fa-texts ul {

    height: auto;

    overflow: hidden;

}



.main-about .section .fa-texts ul li .icon {

    width: 75px;

    height: 75px;

    border: 1px solid #fff;

    background-color: #ffffff;

    background-repeat: no-repeat;

    background-position: center;

    transition: 0.5s;

}



.section5 .fa-texts ul li .icon1 {

    background-image: url(../images/new-2.png);

}



.section5 .fa-texts ul li .icon2 {

    background-image: url(../images/new-4.png);

}



.section5 .fa-texts ul li .icon3 {

    background-image: url(../images/new-3.png);

}



.section5 .fa-texts ul li .icon4 {

    background-image: url(../images/new-5.png);

}

.section5 .fa-texts ul li .icon5 {

    background-image: url(../images/v2-yxtg2.png);

}



.section5 .fa-texts ul li:hover .icon1 {

    background-image: url(../images/new-2-1.png);

}



.section5 .fa-texts ul li:hover .icon2 {

    background-image: url(../images/new-4-1.png);

}



.section5 .fa-texts ul li:hover .icon3 {

    background-image: url(../images/new-3-1.png);

}



.section5 .fa-texts ul li:hover .icon4 {

    background-image: url(../images/new-5-1.png);

}

.section5 .fa-texts ul li:hover .icon5 {

    background-image: url(../images/v2-yxtg.png);

}



.main-about .section .fa-texts ul {

    margin-top: 35px;

}



.main-about .section .fa-texts ul li {

    float: left;

    width: 75px;

    margin-right: 20px;

    opacity: 0;

}



.main-about .section .fa-texts ul li:nth-child(1) {

    transform: translateX(30px);

    -webkit-transform: translateX(30px);

    transition: 0.7s;

    transition-delay: 0.1s;

}



.main-about .section .fa-texts ul li:nth-child(2) {

    transform: translateX(80px);

    -webkit-transform: translateX(80px);

    transition: 0.8s;

    transition-delay: 0.1s;

}



.main-about .section .fa-texts ul li:nth-child(3) {

    transform: translateX(120px);

    -webkit-transform: translateX(120px);

    transition: 0.9s;

    transition-delay: 0.1s;

}



.main-about .section .fa-texts ul li:nth-child(4) {

    transform: translateX(160px);

    -webkit-transform: translateX(160px);

    transition: 1s;

    transition-delay: 0.1s;

}

.main-about .section .fa-texts ul li:nth-child(5) {

    transform: translateX(200px);

    -webkit-transform: translateX(200px);

    transition: 1.2s;

    transition-delay: 0.1s;

}

.main-about .section .fa-texts ul li:nth-child(6) {

    transform: translateX(240px);

    -webkit-transform: translateX(240px);

    transition: 1.4s;

    transition-delay: 0.1s;

}





.main-about .section.on .fa-texts ul li {

    transform: translateX(0);

    -webkit-transform: translateX(0);

    opacity: 1;

}



.main-about .section .fa-texts h3 {

    color: #ffffff;

    margin-bottom: 10px;

    font-size: 60px;

    transition: 0.5s;

}



.main-about .section .fa-texts h3:hover {

    letter-spacing: 2px;

}



.main-about .section .fa-texts p {

    line-height: 1.9;

    font-size: 16px;

    color: #ffffff;

}



.main-about .section .fa-texts h4 {

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    margin-top: 5px;

}



.main-about .section .fa-img {

    transition: 0.8s;

    transition-delay: 0.2s;

}



.main-about .section .right-con .fa-img {

    position: absolute;

    right: 5%;

    bottom: 2vh;

    width: 850px;

}



.main-about .section1.on .right-con .fa-img {

    bottom: 10vh;

}



.main-about .section1 {

   
 background-image: -moz-linear-gradient(  112deg, rgb(254, 172, 28) 0%, rgb(255, 177, 27) 0%, rgb(254, 177, 28) 55%, rgb(250, 200, 27) 100%);

    background-image: -webkit-linear-gradient( 112deg, rgb(254, 172, 28) 0%, rgb(255, 177, 27) 0%, rgb(254, 177, 28) 55%, rgb(250, 200, 27) 100%);

    background-image: -ms-linear-gradient(  112deg, rgb(254, 172, 28) 0%, rgb(255, 177, 27) 0%, rgb(254, 177, 28) 55%, rgb(250, 200, 27) 100%);
	 transform: translateY(0);
}



.main-about .section2 {

    background-image: -moz-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(78, 125, 255) 0%, rgb(67, 152, 254) 55%, rgb(56, 178, 253) 100%);

    background-image: -webkit-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(78, 125, 255) 0%, rgb(67, 152, 254) 55%, rgb(56, 178, 253) 100%);

    background-image: -ms-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(78, 125, 255) 0%, rgb(67, 152, 254) 55%, rgb(56, 178, 253) 100%);

}



.main-about .section3 {

    background-image: -moz-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(246, 118, 85) 0%, rgb(251, 148, 86) 55%, rgb(255, 177, 86) 100%);

    background-image: -webkit-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(246, 118, 85) 0%, rgb(251, 148, 86) 55%, rgb(255, 177, 86) 100%);

    background-image: -ms-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(246, 118, 85) 0%, rgb(251, 148, 86) 55%, rgb(255, 177, 86) 100%);

}



.main-about .section4 {

    background-image: -moz-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(122, 93, 245) 0%, rgb(134, 115, 250) 55%, rgb(145, 137, 255) 100%);

    background-image: -webkit-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(122, 93, 245) 0%, rgb(134, 115, 250) 55%, rgb(145, 137, 255) 100%);

    background-image: -ms-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(122, 93, 245) 0%, rgb(134, 115, 250) 55%, rgb(145, 137, 255) 100%);

}



.main-about .section5 {

   
 background-image: -moz-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(55, 172, 92) 0%, rgb(106, 191, 96) 55%, rgb(157, 210, 100) 100%);

    background-image: -webkit-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(55, 172, 92) 0%, rgb(106, 191, 96) 55%, rgb(157, 210, 100) 100%);

    background-image: -ms-linear-gradient( 112deg, rgb(245, 83, 101) 0%, rgb(55, 172, 92) 0%, rgb(106, 191, 96) 55%, rgb(157, 210, 100) 100%);

   
}



.main-about .section2:before,

.main-about .section2:after {

    display: none;

}



.section.section1 .left-con,

.section.section3 .left-con,

.section.section5 .left-con {

    width: 50%;

}



.section.section2 .right-con,

.section.section4 .right-con {

    width: 50%;

    float: right;

}



.main-about .section2 .left-con .fa-img,

.main-about .section4 .left-con .fa-img {

    position: absolute;

    left: 5%;

    bottom: 0vh;

    width: 850px;

    transition: 1s;

}



.main-about .section2.on .left-con .fa-img,

.main-about .section4.on .left-con .fa-img {

    bottom: 14vh;

}



.main-about .section3.on .right-con .fa-img ,.main-about .section5.on .right-con .fa-img {

    bottom: 20vh;

}



.section2 .fa-texts ul li .icon1 {

    background-image: url(../images/new-6.png);

}



.section2 .fa-texts ul li .icon2 {

    background-image: url(../images/new-7.png);

}



.section2 .fa-texts ul li .icon3 {

    background-image: url(../images/new-8.png);

}



.section2 .fa-texts ul li .icon4 {

    background-image: url(../images/new-9.png);

}



.section2 .fa-texts ul li:hover .icon1 {

    background-image: url(../images/new-6-1.png);

}



.section2 .fa-texts ul li:hover .icon2 {

    background-image: url(../images/new-7-1.png);

}



.section2 .fa-texts ul li:hover .icon3 {

    background-image: url(../images/new-8-1.png);

}



.section2 .fa-texts ul li:hover .icon4 {

    background-image: url(../images/new-9-1.png);

}



.section3 .fa-texts ul li .icon1 {

    background-image: url(../images/new-11.png);

}



.section3 .fa-texts ul li .icon2 {

    background-image: url(../images/new-12.png);

}



.section3 .fa-texts ul li .icon3 {

    background-image: url(../images/new-13.png);

}



.section3 .fa-texts ul li .icon4 {

    background-image: url(../images/new-14.png);

}



.section4 .fa-texts ul li .icon1 {

    background-image: url(../images/new-15.png);

}



.section4 .fa-texts ul li .icon2 {

    background-image: url(../images/new-16.png);

}



.section4 .fa-texts ul li .icon3 {

    background-image: url(../images/new-17.png);

}



.section4 .fa-texts ul li .icon4 {

    background-image: url(../images/new-18.png);

}



.section4 .fa-texts ul li:hover .icon1 {

    background-image: url(../images/new-15-1.png);

}



.section4 .fa-texts ul li:hover .icon2 {

    background-image: url(../images/new-16-1.png);

}



.section4 .fa-texts ul li:hover .icon3 {

    background-image: url(../images/new-17-1.png);

}



.section4 .fa-texts ul li:hover .icon4 {

    background-image: url(../images/new-18-1.png);

}





.section1 .fa-texts ul li .icon1 {

    background-image: url(../images/new-25.png);

}



.section1 .fa-texts ul li .icon2 {

    background-image: url(../images/new-26.png);

}



.section1 .fa-texts ul li .icon3 {

    background-image: url(../images/new-27.png);

}







.section1 .fa-texts ul li:hover .icon1 {

    background-image: url(../images/new-25-1.png);

}



.section1 .fa-texts ul li:hover .icon2 {

    background-image: url(../images/new-26-1.png);

}



.section1 .fa-texts ul li:hover .icon3 {

    background-image: url(../images/new-27-1.png);

}





.main-about .section .fa-texts ul li:hover .icon {

    background-color: transparent;

}



.section3 .fa-texts ul li:hover .icon1 {

    background-image: url(../images/new-11-1.png);

}



.section3 .fa-texts ul li:hover .icon2 {

    background-image: url(../images/new-12-1.png);

}



.section3 .fa-texts ul li:hover .icon3 {

    background-image: url(../images/new-13-1.png);

}



.section3 .fa-texts ul li:hover .icon4 {

    background-image: url(../images/new-14-1.png);

}



.main-about .section .fa-texts ul li:hover .icon {

    background-color: transparent;

}



.main-about .section4 .left-con {

    float: left;

}



.main-about .section4 .wrap {

    position: static;

    margin: 0 auto;

    padding: 0;

    height: auto;

}



.main-about .section3 {

    padding-top: 0;

}





.main-about .arrow {

    cursor: pointer;

    position: absolute;

    z-index: 999;

    bottom: 85px;

    left: 50%;

    margin-left: -12px;

    background: url(../images/new-arrow.png) no-repeat center;

    width: 32px;

    height: 48px;

    animation: arrow_down 4.0s infinite ease-in-out

}



@keyframes arrow_down {

    0%,

    100% {

        transform: translateY(0);

        -moz-transform: translateY(0);

        -o-transform: translateY(0);

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        opacity: 0.2

    }

    50% {

        transform: translateY(35px);

        -moz-transform: translateY(35px);

        -o-transform: translateY(35px);

        -webkit-transform: translateY(35px);

        -ms-transform: translateY(35px);

        opacity: 1

    }

}



@-webkit-keyframes arrow_down {

    0%,

    100% {

        transform: translateY(0);

        -moz-transform: translateY(0);

        -o-transform: translateY(0);

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        opacity: 0.2

    }

    50% {

        transform: translateY(35px);

        -moz-transform: translateY(35px);

        -o-transform: translateY(35px);

        -webkit-transform: translateY(35px);

        -ms-transform: translateY(35px);

        opacity: 1

    }

}



.top-meun .arr {

    position: relative;

    margin-right: 10px;

    top: 7px;

    background: url(../images/new-22.png) no-repeat center;

    width: 15px;

    line-height: 30px;

    height: 30px;

    display: inline-block;

}



.top-meun .arr.on {

    transform: rotate(90deg);

}



.top-meun ul {

    display: none;

    width: 145px;

    padding: 10px;

    left: 0;

    background: #ffffff;

    position: absolute;

    border-radius: 5px;

    margin-top: 10px;

}



.top-meun ul li {

    padding-left: 10px;

    color: #535353;

    font-size: 14px;

    padding-left: 15px;

    background: url(../images/new-21.png) no-repeat left center;

}



.top-meun ul a {}



.top-meun ul a:hover {

    color: #2fad38;

    text-decoration: underline;

}



@media(max-width:1600px) {

    .main-about .wrap {

        width: 1200px;

    }

    .main-about .section .right-con .fa-img {

        width: 620px;

    }

    .main-about .section1 .left-con .fa-img,

    .main-about .section2 .left-con .fa-img,

    .main-about .section3 .left-con .fa-img,

    .main-about .section4 .left-con .fa-img {

        width: 620px;

    }

    .main-about .section.section3 .right-con .fa-img {

        width: 560px;

    }

    .main-about .section.section4 .left-con .fa-img {

        width: 520px;

    }

    .main-about .section .fa-texts h3 {

        font-size: 40px;

    }

    .main-about .section.section2 .fa-texts,

    .main-about .section.section1 .fa-texts,

    .main-about .section.section3 .fa-texts,

    .main-about .section.section4 .fa-texts {

        margin-top: 15vh;

    }

    .main-about .section2.on .left-con .fa-img,

    .main-about .section4.on .left-con .fa-img {

        bottom: 8vh;

    }

}