#main .page0{background-color: #171717;overflow: hidden;position: relative;padding: 20px 0;text-align: left;}
#main .page0 p strong{color: #fff;display: block;font-size: 1.3em;font-weight: 300;padding-bottom: 5px;}
#main .page0 p em{font-family: Shadows Into Light;color: #2aafea;font-size: 1.6em;}
#main .page0 .btns{margin-top: 15px;margin-bottom: 15px;position: relative;text-align: right;}
#main .page0 a{text-shadow: 0 -1px 0 rgba(0,0,0,0.25);background-color: #2aafea;padding: 10px 16px;font-size: 18px;line-height: 1.333333;border: 1px solid transparent;color: #fff;display: inline-block;border-color: #2aafea #2aafea #1494cd;}
#main .page0 a i{font-size: 1.1em;font-weight: normal;margin-left: 5px;padding-right: 7px;}
#main .page1,#main .page2,#main .page3,#main .page4{padding-top: 60px;}
#main .page1 .item,#main .page3 .item {text-align: center;}
#main .page1 .item .image-wrapper,#main .page3 .item .image-wrapper{display:block;margin-bottom: 35px;}
#main .page1 .item .con,#main .page3 .item .con{padding: 0 20px 35px 20px;}
#main .page1 .item .con h4,#main .page3 .item .con h4{font-family: Open Sans;font-weight: 400;font-size: 20px;line-height: 27px;color: #1d2127;margin-bottom: 14px;}
#main .page2 .line-wrap{display: flex;align-items:center;}
#main .page2 .line-wrap .line{height: 1px;position: relative;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;min-width: 10%;}
#main .page2 .line-wrap h4{padding: 0 12px;font-size: 1.1429em;font-weight: 700;color: #1d2127;line-height: 1em;}
#main .page2 .line-wrap .line span{display:block;height: 1px;border-top: 1px solid #EBEBEB;display: block;position: relative;top: -1px;width: 100%;    border: none;}
#main .page2 .line-left{background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15));background-image: linear-gradient(to right, transparent, grey);}
#main .page2 .line-right{background-image: linear-gradient(to right, grey, transparent);}
#main .page4 .line,#main .page5 .line{margin: 22px 0 44px;}
#main .page4 .line span,#main .page5 .line span{display:block;background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15), transparent);border: 0;height: 1px;margin: 0 auto;}
#main .page4 h1{text-align: center;margin-bottom: 35px;}
#main .page4 h1>span{vertical-align: top;}
#main .page4 h1 .swiper-container{vertical-align: top;display: inline-block;color: rgb(255, 255, 255);background: rgb(0, 134, 227);overflow: hidden;position: relative;height: 44px;}
#main .page4 h1 .swiper-container p{padding: 0 10px;line-height: 44px;}
#main .page4 .desc{margin-bottom: 20px;line-height: 33px;font-size: 1.6em;color: #777;font-weight: 300;text-align: center;}
/* #main .page4 .sun{background: transparent url(../images/concept-icons.png);}
#main .page4 .cloud{} */
/* #main .page5{margin-bottom: 30px;}
#main .page5 .swiper-slide{text-align: center;} */
/* #main .page5 .swiper-slide{width: auto!important;} */
#main .page5{margin-bottom: 80px;}
#main .page5 .images{text-align: center;}
#main .page5 .images img{height: auto;max-width: 100%;vertical-align: top;}
/* #banner{
    margin: 0px auto;
    background-color: rgb(23, 23, 23);
    padding: 0px;
    height: 500px;
    overflow: visible;
}
#banner .container{position: relative;}
#banner .container > div{position: absolute;color: #fff;text-align: center;width:100%}
#banner .des{
    top: 148px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
#banner .tit{
    top: 174px;font-size: 62px;
    line-height: 62px;
    font-weight: 800;
}
#banner .info{
    top: 245px;font-size: 20px;
    line-height: 20px;
    font-weight: 300;
}
#banner .btns{top:320px;}
#banner .btns a{z-index: 11;
    white-space: nowrap;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 134, 227);
    border-radius: 6px;
    text-decoration: none;
    visibility: inherit;
    transition: none 0s ease 0s;
    text-align: left;
    margin: 0px;
    padding: 20px 25px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
} */
.banner {
    margin: 0px auto; background-color: rgb(23, 23, 23); padding: 0px; height: 500px; overflow: visible;position: relative;
}
.banner-wrapper{position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; visibility: inherit; opacity: 1;}
.banner .flag{vertical-align: middle;position: relative;top: -3px;margin: 0 150px;width: 37px; height: 10px;}
.banner .video{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 30; left: 0px; top: 0px; visibility: inherit; opacity: 1;
}
.banner .video>div{position:relative;top:0px;left:0px;width:100%;height:100%; overflow:hidden;}
.banner .video .resizelistener{object-fit: cover; background-size: cover; width: 100%; height: 124.65%; visibility: inherit; opacity: 1; position: absolute; left: 0px; top: -12.325%; display: block;}
.tp-caption{
    text-align: center;
}
 .tp-loop-wrap{position:absolute;display:block;width: 100%;text-align: center;}
.tp-parallax-wrap{position: absolute; display: block; visibility: visible;width: 100%;top: 0px;z-index: 11;top: 153px;}
/* .tp-parallax-wrap:nth-child(2){top: 0px;} */
/*.tp-parallax-wrap:nth-child(2) .tp-caption,.Yl-font0{z-index: 5; background-color: rgba(0, 0, 0, 0.75); visibility: inherit; transition: none 0s ease 0s; text-align: left; line-height: 24px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-size: 14px; white-space: nowrap; min-height: 500px; opacity: 1;}
 .tp-parallax-wrap:nth-child(3){top: 143px;}
.tp-parallax-wrap:nth-child(3) .tp-caption{z-index: 9; white-space: nowrap; font-size: 24px; line-height: 24px; font-weight: 300; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px; visibility: inherit; transition: none 0s ease 0s; text-align: center; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1;}
.tp-parallax-wrap:nth-child(4){top: 174px;}
.tp-parallax-wrap:nth-child(4) .tp-caption{z-index: 9; white-space: nowrap; font-size: 62px; line-height: 62px; font-weight: 800; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px; visibility: inherit; transition: none 0s ease 0s; text-align: center; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1;}
.tp-parallax-wrap:nth-child(5){top: 245px;}
.tp-parallax-wrap:nth-child(5) .tp-caption{z-index: 10; white-space: nowrap; font-size: 20px; line-height: 20px; font-weight: 300; color: rgb(255, 255, 255); visibility: inherit; transition: none 0s ease 0s; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1;}
.tp-parallax-wrap:nth-child(6){top: 299px;}
.tp-parallax-wrap:nth-child(6) .tp-caption{z-index: 11; white-space: nowrap; font-size: 22px; line-height: 22px; font-weight: 600; color: rgb(255, 255, 255); background-color: rgb(0, 134, 227); border-radius: 6px; text-decoration: none; visibility: inherit; transition: none 0s ease 0s; text-align: left; border-width: 0px; margin: 0px; padding: 20px 25px; letter-spacing: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1;display: inline-block;} */

.swiper-pagination{position: relative;margin-top: 20px;}
.porto-concept{background:transparent url(../images/concept.png) no-repeat center 0;width:100%;overflow:hidden;}
.porto-concept strong{display:block;font-size:2.1em;font-weight:normal;position:relative;margin-top:30px;}
.porto-concept .row{position:relative;}
.porto-concept .process-image{background:transparent url(../images/concept-item.png) no-repeat 0 0;width:160px;height:175px;margin:130px auto 0 auto;padding-bottom:50px;position:relative;z-index:1;}
.porto-concept .process-image img{border-radius:150px;margin:8px;width:144px;}
.porto-concept .our-work{margin-top:34px;font-size:2.6em;}
.porto-concept .project-image{background:transparent url(../images/concept-item.png) no-repeat 100% 0;width:350px;height:420px;margin:15px 0 0 -30px;padding-bottom:45px;position:relative;z-index:1;}
.porto-concept .project-image img{width:338px;}
.porto-concept .sun{background:transparent url(../images/concept-icons.png) no-repeat 0 0;width:60px;height:56px;display:block;position:absolute;left:10%;top:35px;}
.porto-concept .cloud{background:transparent url(../images/concept-icons.png) no-repeat 100% 0;width:116px;height:56px;display:block;position:absolute;left:57%;top:35px;}
.fc-flip div {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.fc-slideshow img {
    border-radius: 50%;
}
.porto-concept strong {
    color: #2aafea;
    font-family: Shadows Into Light;
    text-align: center;
}
.fc-slideshow {
    position: relative;
    width: 338px;
    height: 338px;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px;
    top: 6px;
}


@media (max-width:991px){
	.porto-concept{background:none;}
	.porto-concept .project-image{margin:60px auto 0 auto;}
	.porto-concept .process-image{margin-top:60px;}
	}
@media (max-width:479px){
	.porto-concept .project-image{background-position:0 0;margin-left:auto;max-width:160px;max-height:290px;}
	.porto-concept .fc-slideshow{max-height:145px;max-width:145px;}
    .porto-concept .fc-slideshow img{max-height:145px;max-width:145px;}
    .tp-parallax-wrap:nth-child(3) .tp-caption{font-size: 17px; line-height: 17px;}
    .tp-parallax-wrap:nth-child(4) .tp-caption{font-size: 50px; line-height: 50px;}
    .tp-parallax-wrap:nth-child(5) .tp-caption{font-size: 14px; line-height: 14px;}
    .banner .flag{vertical-align: middle;position: relative;top: -2px;margin: 0 20px;width: 25px; height: 7px;}
}
@media (max-width: 767px){

}