.s_l{width: 50%;height: 100vh;}

.s_cc{width: 100%;margin:0 auto;line-height: 100vh;position: fixed;z-index: 2;}

.s_c{width: 100%;margin:0 auto;line-height: 100vh;position: fixed;z-index: 2;padding-top: 220px;}

.s_r{width: 50%;text-align: center;position: absolute; z-index: 5;left:50%;}

.biglogo{width: 206px;display: block;margin:0 auto;padding-top: 53px;padding-bottom: 125px;}

.p01{width: 225px;display: block; margin:0 auto;}

.p02{display: block; margin:0 auto;}

.p03{width: 531px;display: block; margin:0 auto;}

.p04{width: 219px;display: block; margin:0 auto;}

.p05{width: 458px;display: block; margin:0 auto;}







.ba01,.ba02,.ba03,.ba04{background-size: 100% 100%;}

.ba01{background: url('../Image/verte-gauche.jpg') no-repeat center center;}

.ba02{background: url('../Image/bb02.png') no-repeat center center;}

.ba03{background: url('../Image/bb03.png') no-repeat center center;}

.ba04{background: url('../Image/bb04.png') no-repeat center center;}

.ba05{background: url('../Image/bb05.png') no-repeat center center;}



.s_0101{padding-top: 200px;}

.s_0102{font-size: 20px;font-weight: bold;line-height: 75px;padding-top: 138px;}

.s_0102 span{font-size: 35px;font-weight: bold;font-family: impact;line-height: 35px;}

.s_0102 img{display: block; padding:50px 0;margin:0 auto;}

.s_0103 img{display: block; padding:50px 0;margin:0 auto;}



.s_0104 {font-size: 35px;color: rgba(0, 0, 0,.5);font-weight: bold;padding:35px 0;border-top:2px solid rgba(0, 0, 0,0.1);border-bottom:2px solid rgba(0, 0, 0,0.1); width: 350px;margin:25px auto 0;}

.s401{color: #0d6c94;}

.s402{color: #10553e;}

.s403{color: #844f79;}

.s404{color: #bd9441;}

.s405{color: #ff5f5f;}







.dpb{display: block;}

.dpn{display: none;}



.s_0106{color: #ff5f5f}









.s_0105{width: 250px; height: 50px; border:1px solid rgba(0, 0, 0,0.1);margin:0 auto; line-height: 50px;color: rgba(0, 0, 0,0.2);}

.s_0105 a{font-weight:100;color: rgba(0, 0, 0,0.5);}



.down{width: 100%;height: 50px;line-height: 50px;position: fixed;z-index: 88888;bottom: 100px;margin: 0 auto;text-align: center;}

.downs{width: 100%;height: 50px;line-height: 50px;position: fixed;z-index: 88888;bottom: 150px;margin: 0 auto;text-align: center;}















.down img{width: 35px;}

.end {width: 100%;height: 50px;line-height: 50px;position: fixed;z-index: 88888;bottom: 0;margin: 0 auto;text-align: center;}

.end li{display: inline-block;color: #fff;padding: 0 35px;}

.ed01{background: #00d0e5;}

.ed02{background: #1aa3f7;}

.ed03{background: #751670;}

.ed04{background: #feb700;}

.ed05{background: #ff5f5f;}









.end li a{display: block;width: 100%;height: 50px;border-radius:0;transition: 0.5s;font-family: "miui-light";font-size: 15px;  position: relative;}

.end li a span{display: block;position: absolute;bottom: -16px;width: 0px;left: 50%;margin-left: 0;height: 2px;background: #000;transition: all 0.3s;

}

.end li:hover span{width:85px !important; margin-left: -35px !important; transform: translateY(-20px);}









.end li:hover a{color: #000}













#menu {height: 100%;position: fixed;background-color: #a4e1cd;width: 300px;transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);

transform: translateX(-100%);left: 60px;z-index: 999}

#menu.expanded {transform: translateX(0%);left: 0px;}

.menu-inner {width: 100%;height: 100%;position: relative;}

#blob {top: 0;z-index: -1;right: 60px;transform: translateX(100%);height: 100%;position: absolute;}

#blob-path {height: 100%;fill:  #a4e1cd;}

.hamburger {right: 20px;position: absolute;width: 20px;height: 20px;margin-top: -10px;	}

.hamburger .line {width: 100%;height: 4px;background-color: #fff;position: absolute;}

.hamburger .line:nth-child(2) {top: 50%;margin-top: -2px;}

.hamburger .line:nth-child(3) {bottom: 0;}











@-webkit-keyframes bounce-down {

    25% {

        -webkit-transform: translateY(-10px);

    }

    50%, 100% {

        -webkit-transform: translateY(0);

    }

    75% {

        -webkit-transform: translateY(10px);

    }

}

@keyframes bounce-down {

    25% {

        transform: translateY(-10px);

    }

    50%, 100% {

        transform: translateY(0);

    }

    75% {

        transform: translateY(10px);

    }

}

.animate-bounce-down{

    -webkit-animation: bounce-down 1.5s linear infinite;

    animation: bounce-down 1.5s linear infinite;

}

@-webkit-keyframes bounce-up {

    25% {

        -webkit-transform: translateY(10px);

    }

    50%, 100% {

        -webkit-transform: translateY(0);

    }

    75% {

        -webkit-transform: translateY(-10px);

    }

}

@keyframes bounce-up {

    25% {

        transform: translateY(10px);

    }

    50%, 100% {

        transform: translateY(0);

    }

    75% {

        transform: translateY(-10px);

    }

}

.animate-bounce-up{

    -webkit-animation: bounce-up 1.4s linear infinite;

    animation: bounce-up 1.4s linear infinite;

}

		

.yy img{
	margin: 0 auto;
}