#news .summray img000 {
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 80%;
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: url('/images/02_5_well_being.jpg');
    -webkit-transition-delay: 300ms;
    transition: all 770ms ease-in-out;
}

@-webkit-keyframes do-bg-animation {
    0{background-position: center 80%;
    }
    100% {
        background-position: center 50%;
    }
}
@keyframes do-bg-animation {
    0{background-position: center 80%;
    }
    100% {
        background-position: center 50%;
    }
}


@font-face {
    font-family: 'icomoon';
    src: url('/fonts/icomoon/icomoon.eot?qvz4ij');
    src: url('/fonts/icomoon/icomoon.eot#iefixqvz4ij') format('embedded-opentype'), url('/fonts/icomoon/icomoon.svg?qvz4ij#icomoon') format('svg'), url('/fonts/icomoon/icomoon.woff?qvz4ij') format('woff'), url('/fonts/icomoon/icomoon.ttf?qvz4ij') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.scroll-down {
    width: 80px;
    position: absolute;
    z-index: 50;
    bottom: 10px;
    left: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    display: block;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

header {
    opacity: 0;
}
header {
    -webkit-animation: aniHeader .4s ease-in-out .05s 1 normal forwards;
            animation: aniHeader .4s ease-in-out .05s 1 normal forwards;
}
@-webkit-keyframes aniHeader {
    0%   {opacity: 0; -webkit-transform: translateY(-20px); }
    100% {opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes aniHeader {
    0%   {opacity: 0; transform: translateY(-20px); }
    100% {opacity: 1; transform: translateY(0); }
}

#U .scroll-down {
    color: #dbd3d3;
}
.scroll-down .arrow {
    font-family: "icomoon", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: inherit;
    display: block;
    padding: 7px 0 0 0;
    position: relative;
    transition: all .3s ease-in-out;
}
.scroll-down:hover {
    color: #dbcfbb;
}
.scroll-down:hover .arrow {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
}

.mouse-icon {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 44px;
    border: 2px solid #00b7ee;
    border-radius: 15px;
    bottom: 15px;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 50;
}
#U .mouse-icon {
    bottom: -50px;
}
.mouse-icon .wheel {
    position: relative;
    width: 6px;
    height: 9px;
    border-radius: 50%;
    top: 4px;
    background: #00b7ee;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation-name: bdrmodow;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: bdrmodow;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0;
    animation-iteration-count: infinite;
    animation-play-state: running
}
@-webkit-keyframes bdrmodow {
    0% {
        top: 4px;
        opacity: 0
    }
    30% {
        top: 9px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}
@keyframes bdrmodow {
    0% {
        top: 4px;
        opacity: 0
    }
    30% {
        top: 9px;
        opacity: 1
    }
    100% {
        top: 25px;
        opacity: 0
    }
}

.gray-img img {
    -webkit-filter: grayscale(0.88) !important;
       -moz-filter: grayscale(0.88) !important;
        -ms-filter: grayscale(0.88) !important;
            filter: grayscale(0.88) !important;
            filter: url('/css/includes/gray.svg#greyscale') !important;
            filter: gray !important;
    -webkit-transition-property: -webkit-filter;
       -moz-transition-property: -moz-filter;
        -ms-transition-property: -ms-filter;
            transition-property: all;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
.ring:hover .gray-img img,
.gray-img:hover img,
.gray-img img:hover,
.open-img img {
    -webkit-filter: grayscale(0) !important;
       -moz-filter: grayscale(0) !important;
        -ms-filter: grayscale(0) !important;
            filter: grayscale(0) !important;
            filter: none !important;
    -webkit-transition-property: -webkit-filter;
       -moz-transition-property: -moz-filter;
        -ms-transition-property: -ms-filter;
            transition-property: all;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
        -ms-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

.more > span > i {
    display: inline-block;
    -webkit-transition: -webkit-transform .28s ease;
            transition: transform .28s ease;
}
.more:hover > span > i.l {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.more:hover > span > i.r {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.block-glide {
    position: relative;
    overflow: hidden;
}
.block-glide:before {
    content: '';
    display: block;
    position: absolute;
    background: #afe0ff;
    top: 0;
    left: -160%;
    width: 160%;
    height: 110%;
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
    -webkit-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
    opacity: 0;
}
#U .block-glide:before,
#about .block-glide:before {
    background: #afe0ff;
}
.block-glide:hover:before {
    opacity: 1;
    -webkit-transform: skewX(0deg) translateX(80%);
            transform: skewX(0deg) translateX(80%);
}

#U .summray,
#U .summray .more {
    opacity: 0;
}
#U.ani .summray {
    -webkit-animation: fadeRightU .62s ease-in-out .04s 1 normal forwards;
            animation: fadeRightU .62s ease-in-out .04s 1 normal forwards;
}
#U.ani .summray .more {
    -webkit-animation: fadeIn .35s ease-in-out .5s 1 normal forwards;
            animation: fadeIn .35s ease-in-out .5s 1 normal forwards;
}
@-webkit-keyframes fadeRightU {
    0% {
        -webkit-transform: translateX(-8%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeRightU {
    0% {
        transform: translateX(-8%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
#U .U .ring .life .cover {
    transition: all .35s ease;
}
#U .U .ring-2:hover .life .cover,
#U .U .ring-4:hover .life .cover,
#U .U .ring-5:hover .life .cover {
    -webkit-transform: scale(.76);
            transform: scale(.76);
    opacity: 0;
}
#U .U .ring .life .context {
    transition: all .35s ease;
}
#U .U .ring:hover .life .context {
    opacity: 0;
}

#U .U .ring .life {
    transition: all .3s ease;
    opacity: 0;
}
#U.ani .U .ring .life {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;

    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: .48s;
            animation-delay: .48s;
}
/*
#U.ani .U .ring-1 .life {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
}
#U.ani .U .ring-2 .life {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}
#U.ani .U .ring-3 .life {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 4.8s;
            animation-delay: 4.8s;
}
#U.ani .U .ring-4 .life {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 6.6s;
            animation-delay: 6.6s;
}
#U.ani .U .ring-5 .life {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 8.4s;
            animation-delay: 8.4s;
}
#U.ani .U .ring-6 .life {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}
*/
#U.ani .U .ring-2 {
    -webkit-animation: Morbit-2 40s infinite linear;
            animation: Morbit-2 40s infinite linear;
}
@-webkit-keyframes Morbit-2 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-3%) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translateX(-3%) rotate(-360deg);
    }
}
@keyframes Morbit-2 {
    0% {
        transform: rotate(0deg) translateX(-3%) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translateX(-3%) rotate(-360deg);
    }
}
#U .U .ring-4 {
    -webkit-animation: Morbit-4 30s infinite linear;
            animation: Morbit-4 30s infinite linear;
}
@-webkit-keyframes Morbit-4 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-3%) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translateX(-3%) rotate(-360deg);
    }
}
@keyframes Morbit-4 {
    0% {
        transform: rotate(0deg) translateX(-3%) rotate(0deg);
    }
    100% {
        transform: rotate(360deg) translateX(-3%) rotate(-360deg);
    }
}
#U .U .ring-5 {
    -webkit-animation: Morbit-5 35s infinite linear;
            animation: Morbit-5 35s infinite linear;
}
@-webkit-keyframes Morbit-5 {
    0% {
        -webkit-transform: rotate(0deg) translateX(-3%) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg) translateX(-3%) rotate(360deg);
    }
}
@keyframes Morbit-5 {
    0% {
        transform: rotate(0deg) translateX(-3%) rotate(0deg);
    }
    100% {
        transform: rotate(-360deg) translateX(-3%) rotate(360deg);
    }
}
#about .title,
#about .line,
#about p,
#about .more {
    opacity: 0;
}
#about.ani .title {
    -webkit-animation: fadeDown .55s ease-in-out 0s 1 normal forwards;
            animation: fadeDown .55s ease-in-out 0s 1 normal forwards;
}
@-webkit-keyframes fadeDown {
    0% {
        -webkit-transform: translateY(-18%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeDown {
    0% {
        transform: translateY(-18%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
#about.ani p {
    -webkit-animation: fadeUpAbout .48s ease-in-out .28s 1 normal forwards;
            animation: fadeUpAbout .48s ease-in-out .28s 1 normal forwards;
}
@-webkit-keyframes fadeUpAbout {
    0% {
        -webkit-transform: translateY(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeUpAbout {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
#about.ani .line {
    -webkit-animation: fadeIn .5s ease-in-out .55s 1 normal forwards;
            animation: fadeIn .5s ease-in-out .55s 1 normal forwards;
}
#about.ani .more {
    -webkit-animation: fadeIn .6s ease-in-out .65s 1 normal forwards;
            animation: fadeIn .6s ease-in-out .65s 1 normal forwards;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#news .summray img,
#news .plenty .city .pic {
    opacity: 0;
}
#news.ani .summray img {
    -webkit-animation: fadeLeftNews .55s ease 0s 1 normal forwards;
            animation: fadeLeftNews .55s ease 0s 1 normal forwards;
}
#news.ani .plenty .city .pic {
    -webkit-animation: fadeRightNews .55s ease 0s 1 normal forwards;
            animation: fadeRightNews .55s ease 0s 1 normal forwards;
}
#news .plenty .city .pic img {
    transition: all 2s ease;
}
#news .plenty .city .pic img:hover {
    -webkit-transform: scale(1.12);
            transform: scale(1.12);
}
@-webkit-keyframes fadeLeftNews {
    0% {
        -webkit-transform: translateX(5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeLeftNews {
    0% {
        transform: translateX(5%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeRightNews {
    0% {
        -webkit-transform: translateX(-7.5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fadeRightNews {
    0% {
        transform: translateX(-7.5%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
#news .plenty .title,
#news .plenty ul li {
    opacity: 0;
}
#news.ani .plenty .title {
    -webkit-animation: fadeUp .6s ease-in-out .23s 1 normal forwards;
            animation: fadeUp .6s ease-in-out .23s 1 normal forwards;
}
#news.ani .plenty ul li:nth-of-type(1) {
    -webkit-animation: fadeUp .7s ease-in-out .3s 1 normal forwards;
            animation: fadeUp .7s ease-in-out .3s 1 normal forwards;
}
#news.ani .plenty ul li:nth-of-type(2) {
    -webkit-animation: fadeUp .7s ease-in-out .5s 1 normal forwards;
            animation: fadeUp .7s ease-in-out .5s 1 normal forwards;
}
#news.ani .plenty ul li:nth-of-type(3) {
    -webkit-animation: fadeUp .7s ease-in-out .7s 1 normal forwards;
            animation: fadeUp .7s ease-in-out .7s 1 normal forwards;
}
#news.ani .plenty ul li:before {
    -webkit-animation: fadeRight .75s ease-in-out .9s 1 normal forwards;
            animation: fadeRight .75s ease-in-out .9s 1 normal forwards;
}
@-webkit-keyframes fadeUp {
    0% {
        -webkit-transform: translateY(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeUp {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeRight {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}
@keyframes fadeRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}
#news a {
    transition: text-shadow .8s ease;
}
#news a:hover {
    text-shadow: 0 0 .5px rgba(29,55,234,0.4), 0 0 2px rgba(0,0,0,.3);
}

/* ******************************************************* *
 * ************************ about ************************ *
 * ******************************************************* */
.about .introduction .context,
.about .introduction .article article {
    opacity: 0;
}
.about .context {
    -webkit-animation: about_introduction_context .65s ease 0s 1 normal forwards;
            animation: about_introduction_context .65s ease 0s 1 normal forwards;
}
@-webkit-keyframes about_introduction_context {
    0% {
        -webkit-transform: translateY(-5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes about_introduction_context {
    0% {
        transform: translateY(-5%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.about .introduction .article.ani article {
    -webkit-animation: article .65s ease .2s 1 normal forwards;
            animation: article .65s ease .2s 1 normal forwards;
}
@-webkit-keyframes article {
    0% {
        -webkit-transform: translateY(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes article {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.about .idea .context,
.about .idea .bubble .pic,
.about .idea .bubble-wrap .text {
    opacity: 0;
}
.about .idea.ani .context {
    -webkit-animation: about_idea .5s ease 0s 1 normal forwards;
            animation: about_idea .5s ease 0s 1 normal forwards;
}
@-webkit-keyframes about_idea {
    0% {
        -webkit-transform: translateY(-3%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes about_idea {
    0% {
        transform: translateY(-3%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.about .idea.ani .bubble .pic {
    -webkit-animation: bubbleFadeUp 1s ease 0s 1 normal forwards;
            animation: bubbleFadeUp 1s ease 0s 1 normal forwards;
}
@-webkit-keyframes bubbleFadeUp {
    0% {
        -webkit-transform: translateY(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes bubbleFadeUp {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.about .idea.ani .bubble-wrap .text {
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-animation: bubble-text 1s ease-in-out .5s 1 normal forwards;
            animation: bubble-text 1s ease-in-out .5s 1 normal forwards;
}
@-webkit-keyframes bubble-text {
    0% {
        color: rgba(90,85,32,.96);
        opacity: 0;
    }
    100% {
        text-shadow: 0 0 10px rgba(0,0,0,.3);
        opacity: 1;
    }
}
@keyframes bubble-text {
    0% {
        color: rgba(90,85,32,.96);
        opacity: 0;
    }
    100% {
        text-shadow: 0 0 10px rgba(0,0,0,.3);
        opacity: 1;
    }
}

/* ******************************************************* *
 * ********************** overview *********************** *
 * ******************************************************* */
.overview .video .context .notice,
.overview .video .context ul {
    opacity: 0;
}
.overview .video.ani .context .notice {
    -webkit-animation: fadeIn .3s linear .3s 1 normal forwards;
            animation: fadeIn .3s linear .3s 1 normal forwards;
}
.overview .video.ani .context ul {
    -webkit-animation: overview_video_ul .43s linear 0s 1 normal forwards;
            animation: overview_video_ul .43s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview_video_ul {
    0% {
        -webkit-transform: translateY(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes overview_video_ul {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.overview .video .context ul li .play .cover i {
    -webkit-animation: play 2s linear 0s infinite alternate;
            animation: play 2s linear 0s infinite alternate;
}
@-webkit-keyframes play {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.8;
    }
    100% {
        -webkit-transform: scale(1.08);
        opacity: 1;
    }
}
@keyframes play {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1.08);
        opacity: 1;
    }
}
.overview .development .context .summary h2,
.overview .development .context .summary p,
.overview .development .context .summary .pic,
.overview .development .context .location {
    opacity: 0;
}
.overview .development.ani .context .summary h2,
.overview .development.ani .context .summary p {
    -webkit-animation: fadeIn .6s linear 0s 1 normal forwards;
            animation: fadeIn .6s linear 0s 1 normal forwards;
}
.overview .development.ani .context .summary .pic {
    -webkit-animation: overview_development_pic .45s linear 0s 1 normal forwards;
            animation: overview_development_pic .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview_development_pic {
    0% {
        -webkit-transform: translateY(5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes overview_development_pic {
    0% {
        transform: translateY(5%);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.overview .development.ani .context .location {
    -webkit-animation: overview_development_location .45s linear 0s 1 normal forwards;
            animation: overview_development_location .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview_development_location {
    0% {
        -webkit-transform: translateX(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes overview_development_location {
    0% {
        transform: translateX(10%);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.overview .vision .context article .title,
.overview .vision .context article .tips,
.overview .vision .context article p,
.overview .vision .context article .pic {
    opacity: 0;
}
.overview .vision .context article:nth-of-type(1).ani .tips,
.overview .vision .context article:nth-of-type(1).ani p {
    -webkit-animation: overview-vision-article-1-text .45s linear 0s 1 normal forwards;
            animation: overview-vision-article-1-text .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview-vision-article-1-text {
    0% {
        -webkit-transform: translateX(-10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes overview-vision-article-1-text {
    0% {
        transform: translateX(-10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.overview .vision .context article:nth-of-type(1).ani .pic {
    -webkit-animation: overview-vision-article-1 .45s linear 0s 1 normal forwards;
            animation: overview-vision-article-1 .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview-vision-article-1 {
    0% {
        -webkit-transform: translateX(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes overview-vision-article-1 {
    0% {
        transform: translateX(10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.overview .vision .context article:nth-of-type(2).ani .tips,
.overview .vision .context article:nth-of-type(2).ani p {
    -webkit-animation: overview-vision-article-2-text .45s linear 0s 1 normal forwards;
            animation: overview-vision-article-2-text .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview-vision-article-2-text {
    0% {
        -webkit-transform: translateX(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes overview-vision-article-2-text {
    0% {
        transform: translateX(10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.overview .vision .context article:nth-of-type(2).ani .pic {
    -webkit-animation: overview-vision-article-2 .45s linear 0s 1 normal forwards;
            animation: overview-vision-article-2 .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes overview-vision-article-2 {
    0% {
        -webkit-transform: translateX(-10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes overview-vision-article-2 {
    0% {
        transform: translateX(-10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

/* ******************************************************* *
 * ************************ value ************************ *
 * ******************************************************* */
.value .zone .context,
.value .traffic .context,
.value .match .context,
.value .ecology .context .hilite,
.value .ecology .context .layout .pic,
.value .ecology .context .layout .num,
.value .ecology .context .layout h5,
.value .ecology .context .layout span,
.value .ecology .context .layout p,
.value .ecology .context .especial ul {
    opacity: 0;
}
.value .zone .context.ani,
.value .traffic .context.ani {
    -webkit-animation: value-zone .45s linear 0s 1 normal forwards;
            animation: value-zone .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes value-zone {
    0% {
        -webkit-transform: translateX(-68px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes value-zone {
    0% {
        transform: translateX(-68px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.value .match .context.ani {
    -webkit-animation: value-match .45s linear 0s 1 normal forwards;
            animation: value-match .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes value-match {
    0% {
        -webkit-transform: translateY(68px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-match {
    0% {
        transform: translateY(68px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .hilite.ani {
    -webkit-animation: value-ecology-hilite .45s linear 0s 1 normal forwards;
            animation: value-ecology-hilite .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes value-ecology-hilite {
    0% {
        -webkit-transform: translateY(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-hilite {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout.ani .pic,
.value .ecology .context .layout.ani .num,
.value .ecology .context .layout.ani h5,
.value .ecology .context .layout.ani span,
.value .ecology .context .layout.ani p {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;

    -webkit-animation-duration: .45s;
            animation-duration: .45s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.value .ecology .context .layout.ani h5,
.value .ecology .context .layout.ani span,
.value .ecology .context .layout.ani p {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
}
.value .ecology .context .layout:nth-of-type(1).ani .pic-b {
    -webkit-animation-name: value-ecology-layout-1-pic-b;
            animation-name: value-ecology-layout-1-pic-b;
}
@-webkit-keyframes value-ecology-layout-1-pic-b {
    0% {
        -webkit-transform: translateX(-3%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-1-pic-b {
    0% {
        transform: translateX(-3%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(1).ani .pic-m {
    -webkit-animation-name: value-ecology-layout-1-pic-m;
            animation-name: value-ecology-layout-1-pic-m;
}
@-webkit-keyframes value-ecology-layout-1-pic-m {
    0% {
        -webkit-transform: translateX(3.5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-1-pic-m {
    0% {
        transform: translateX(3.5%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(1).ani .pic-s {
    -webkit-animation-name: value-ecology-layout-1-pic-s;
            animation-name: value-ecology-layout-1-pic-s;
}
@-webkit-keyframes value-ecology-layout-1-pic-s {
    0% {
        -webkit-transform: translate(-2%, 2%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-1-pic-s {
    0% {
        transform: translate(-2%, 2%);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(1).ani .num {
    -webkit-animation-name: value-ecology-layout-1-num;
            animation-name: value-ecology-layout-1-num;
}
@-webkit-keyframes value-ecology-layout-1-num {
    0% {
        -webkit-transform: translateX(10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-1-num {
    0% {
        transform: translateX(10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(2).ani .pic-b {
    -webkit-animation-name: value-ecology-layout-2-pic-b;
            animation-name: value-ecology-layout-2-pic-b;
}
@-webkit-keyframes value-ecology-layout-2-pic-b {
    0% {
        -webkit-transform: translateX(3%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-2-pic-b {
    0% {
        transform: translateX(3%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(2).ani .pic-m {
    -webkit-animation-name: value-ecology-layout-2-pic-m;
            animation-name: value-ecology-layout-2-pic-m;
}
@-webkit-keyframes value-ecology-layout-2-pic-m {
    0% {
        -webkit-transform: translateX(-3.5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-2-pic-m {
    0% {
        transform: translateX(-3.5%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(2).ani .num {
    -webkit-animation-name: value-ecology-layout-2-num;
            animation-name: value-ecology-layout-2-num;
}
@-webkit-keyframes value-ecology-layout-2-num {
    0% {
        -webkit-transform: translateY(-10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-2-num {
    0% {
        transform: translateY(-10%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(3).ani .pic-b {
    -webkit-animation-name: value-ecology-layout-3-pic-b;
            animation-name: value-ecology-layout-3-pic-b;
}
@-webkit-keyframes value-ecology-layout-3-pic-b {
    0% {
        -webkit-transform: translateX(-3%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-3-pic-b {
    0% {
        transform: translateX(-3%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(3).ani .pic-m {
    -webkit-animation-name: value-ecology-layout-3-pic-m;
            animation-name: value-ecology-layout-3-pic-m;
}
@-webkit-keyframes value-ecology-layout-3-pic-m {
    0% {
        -webkit-transform: translateX(6%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-3-pic-m {
    0% {
        transform: translateX(6%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(3).ani .pic-s {
    -webkit-animation-name: value-ecology-layout-3-pic-s;
            animation-name: value-ecology-layout-3-pic-s;
}
@-webkit-keyframes value-ecology-layout-3-pic-s {
    0% {
        -webkit-transform: translate(4%, -4%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-3-pic-s {
    0% {
        transform: translate(4%, -4%);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}
.value .ecology .context .layout:nth-of-type(3).ani .num {
    -webkit-animation-name: value-ecology-layout-3-num;
            animation-name: value-ecology-layout-3-num;
}
@-webkit-keyframes value-ecology-layout-3-num {
    0% {
        -webkit-transform: translateX(-10%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}
@keyframes value-ecology-layout-3-num {
    0% {
        transform: translateX(-10%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.value .ecology .context .especial ul.ani {
    -webkit-animation: value-ecology-ul .45s linear 0s 1 normal forwards;
            animation: value-ecology-ul .45s linear 0s 1 normal forwards;
}
@-webkit-keyframes value-ecology-ul {
    0% {
        -webkit-transform: scale(1.1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@keyframes value-ecology-ul {
    0% {
        transform: scale(1.1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* ******************************************************* *
 * *********************** progress ********************** *
 * ******************************************************* */
.pprogress .timing .context .hilite,
.pprogress .timing .context img {
    opacity: 0;
}
.pprogress .timing .context.ani .hilite {
    -webkit-animation: fadeIn .45s linear .2s 1 normal forwards;
            animation: fadeIn .45s linear .2s 1 normal forwards;
}
.pprogress .timing .context.ani img {
    -webkit-animation: pprogress-timing-img .4s linear 0s 1 normal forwards;
            animation: pprogress-timing-img .4s linear 0s 1 normal forwards;
}
@-webkit-keyframes pprogress-timing-img {
    0% {
        -webkit-transform: translateY(30px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes pprogress-timing-img {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.pprogress .plan .layout .title,
.pprogress .plan .layout .article,
.pprogress .plan .layout .pic {
    opacity: 0;
}
.pprogress .plan .layout.ani .title,
.pprogress .plan .layout.ani .article,
.pprogress .plan .layout.ani .pic {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;

    -webkit-animation-duration: .45s;
            animation-duration: .45s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.pprogress .plan .layout.ani .title {
    -webkit-animation-name: pprogress-timing-title;
            animation-name: pprogress-timing-title;
}
@-webkit-keyframes pprogress-timing-title {
    0%   { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes pprogress-timing-title {
    0%   { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
.pprogress .plan .layout.ani .article {
    -webkit-animation-name: pprogress-layout-article;
            animation-name: pprogress-layout-article;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
}
.pprogress .plan .layout.ani .article-1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.pprogress .plan .layout.ani .article-2 {
    -webkit-animation-delay: .18s;
            animation-delay: .18s;
}
.pprogress .plan .layout.ani .article-3 {
    -webkit-animation-delay: .36s;
            animation-delay: .36s;
}
@-webkit-keyframes pprogress-layout-article {
    0%   { opacity: 0; -webkit-transform: translateY(10px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes pprogress-layout-article {
    0%   { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}
.pprogress .plan .layout.ani .pic-b {
    -webkit-animation-name: pprogress-timing-pic-b;
            animation-name: pprogress-timing-pic-b;
}
@-webkit-keyframes pprogress-timing-pic-b {
    0%   { opacity: 0; -webkit-transform: scale(1.05); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}
@keyframes pprogress-timing-pic-b {
    0%   { opacity: 0; transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}
.pprogress .plan .layout-1.ani .pic-m {
    -webkit-animation-name: pprogress-timing-pic-m-1;
            animation-name: pprogress-timing-pic-m-1;
}
@-webkit-keyframes pprogress-timing-pic-m-1 {
    0%   { opacity: 0; -webkit-transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes pprogress-timing-pic-m-1 {
    0%   { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
}
.pprogress .plan .layout-2.ani .pic-m {
    -webkit-animation-name: pprogress-timing-pic-m-2;
            animation-name: pprogress-timing-pic-m-2;
}
@-webkit-keyframes pprogress-timing-pic-m-2 {
    0%   { opacity: 0; -webkit-transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes pprogress-timing-pic-m-2 {
    0%   { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}

.pprogress .resource .layout .desc,
.pprogress .resource .layout .pic {
    opacity: 0;
}
.pprogress .resource .layout.ani .desc,
.pprogress .resource .layout.ani .pic {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;

    -webkit-animation-duration: .45s;
            animation-duration: .45s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.pprogress .resource .layout.ani .desc {
    -webkit-animation-name: pprogress-resource-desc;
            animation-name: pprogress-resource-desc;
}
@-webkit-keyframes pprogress-resource-desc {
    0%   { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes pprogress-resource-desc {
    0%   { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
.pprogress .resource .layout-1.ani .pic-b {
    -webkit-animation-name: pprogress-resource-pic-b-1;
            animation-name: pprogress-resource-pic-b-1;
}
@-webkit-keyframes pprogress-resource-pic-b-1 {
    0%   { opacity: 0; -webkit-transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes pprogress-resource-pic-b-1 {
    0%   { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
}
.pprogress .resource .layout-1.ani .pic-m {
    -webkit-animation-name: pprogress-resource-pic-m-1;
            animation-name: pprogress-resource-pic-m-1;
}
@-webkit-keyframes pprogress-resource-pic-m-1 {
    0%   { opacity: 0; -webkit-transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes pprogress-resource-pic-m-1 {
    0%   { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}
.pprogress .resource .layout-2.ani .pic-b {
    -webkit-animation-name: pprogress-resource-pic-b-2;
            animation-name: pprogress-resource-pic-b-2;
}
@-webkit-keyframes pprogress-resource-pic-b-2 {
    0%   { opacity: 0; -webkit-transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes pprogress-resource-pic-b-2 {
    0%   { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}
.pprogress .resource .layout-2.ani .pic-m {
    -webkit-animation-name: pprogress-resource-pic-m-2;
            animation-name: pprogress-resource-pic-m-2;
}
@-webkit-keyframes pprogress-resource-pic-m-2 {
    0%   { opacity: 0; -webkit-transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes pprogress-resource-pic-m-2 {
    0%   { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
}
.pprogress .realistic .layout li {
    opacity: 0;
}
.pprogress .realistic .layout.ani li {
    -webkit-animation-name: pprogress-layout-article;
            animation-name: pprogress-layout-article;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
            -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.pprogress .realistic .layout.ani li:nth-of-type(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.pprogress .realistic .layout.ani li:nth-of-type(2) {
    -webkit-animation-delay: .18s;
            animation-delay: .18s;
}
.pprogress .realistic .layout.ani li:nth-of-type(3) {
    -webkit-animation-delay: .28s;
            animation-delay: .28s;
}
.pprogress .realistic .layout.ani li:nth-of-type(4) {
    -webkit-animation-delay: .38s;
            animation-delay: .38s;
}
.pprogress .realistic .layout.ani li:nth-of-type(5) {
    -webkit-animation-delay: .48s;
            animation-delay: .48s;
}
.pprogress .realistic .layout.ani li:nth-of-type(6) {
    -webkit-animation-delay: .58s;
            animation-delay: .58s;
}

/* ******************************************************* *
 * ********************* cooperation ********************* *
 * ******************************************************* */
.cooperation .context .hilite h2 {
    -webkit-animation: pprogress-timing-img .4s linear 0s 1 normal forwards;
            animation: pprogress-timing-img .4s linear 0s 1 normal forwards;
}
@-webkit-keyframes cooperation-resource-pic-m-2 {
    0%   { opacity: 0; -webkit-transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes cooperation-resource-pic-m-2 {
    0%   { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* ******************************************************* *
 * ************************ topic ************************ *
 * ******************************************************* */
.topic li a h3 {
    z-index: 1;
    overflow: hidden;
}
.topic li a h3:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    background: #0178bc;
    top: 0;
    left: -160%;
    width: 160%;
    height: 110%;
    -webkit-transform: skewX(-30deg);
            transform: skewX(-30deg);
    -webkit-transition: all .36s ease-in-out .1s;
            transition: all .36s ease-in-out .1s;
    opacity: 0;
}
.topic li a:hover h3:before {
    opacity: 1;
    -webkit-transform: skewX(0deg) translateX(80%);
            transform: skewX(0deg) translateX(80%);
}

/*wanqu life part ani css*/
.wanqu .left img,.wanqu .right{
	opacity:0;}


.wanqu.ani  .left img{
	 -webkit-animation: imgfade .6s linear 0s 1 normal forwards;
            animation: imgfade .6s linear 0s 1 normal forwards;
	}
	
@-webkit-keyframes imgfade {
    0% {
        -webkit-transform: translateY(5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes imgfade {
    0% {
        transform: translateY(5%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.wanqu.ani .right{
	-webkit-animation: overview_development_location .45s linear 0s 1 normal forwards;
            animation: overview_development_location .45s linear 0s 1 normal forwards;
	}


.content_wrap .content  .illustration img,
.content_wrap .content h2,
.content_wrap .content h3,
.content_wrap .content p,
 .content_wrap .green .green_cont .green_cont_area{
	opacity:0;}
.content_wrap .content  .illustration.ani img{
	-webkit-animation: article .65s ease .2s 1 normal forwards;
  animation: article .65s ease .2s 1 normal forwards;
	}
 .content_wrap .content .city,
 .content_wrap .green .green_cont .green_cont_area,
.content_wrap .water_cont .water_cont_l,
.content_wrap .water_cont .water_cont_r{
	opacity:0;}
	
	.content_wrap .green .green_cont .green_cont_area.ani{
		-webkit-animation: value-match .45s linear 0s 1 normal forwards;
  animation: value-match .45s linear 0s 1 normal forwards;
		}

	
	
.content_wrap .water_cont .water_cont_l.ani{
	-webkit-animation: overview-vision-article-1-text .45s linear 0s 1 normal forwards;
  animation: overview-vision-article-1-text .45s linear 0s 1 normal forwards;}
.content_wrap .water_cont .water_cont_r.ani{
	-webkit-animation: overview_development_location .45s linear 0s 1 normal forwards;
  animation: overview_development_location .45s linear 0s 1 normal forwards;}
  
  .content_wrap .content .city.ani{
	-webkit-animation: value-match .45s linear 0s 1 normal forwards;
  animation: value-match .45s linear 0s 1 normal forwards;
	
	}
	
.content_wrap .content.ani h2,
.content_wrap .content.ani h3,
.content_wrap .content.ani p{
	 -webkit-animation: fadeDown .55s ease-in-out 0s 1 normal forwards;
            animation: fadeDown .55s ease-in-out 0s 1 normal forwards;
	}


.content_wrap .content  .water .li,
.content_wrap .content  .area .li{
	opacity:0;
	}
.content_wrap .content  .area.ani .li{
	
	}
.content_wrap .content  .area.ani .li,
.content_wrap .content  .water.ani .li {
    -webkit-animation-name: pprogress-layout-article;
            animation-name: pprogress-layout-article;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
			-webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.content_wrap .content  .area.ani .li1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.content_wrap .content  .area.ani .li2 {
    -webkit-animation-delay: .18s;
            animation-delay: .18s;
}
.content_wrap .content  .area.ani .li3{
    -webkit-animation-delay: .28s;
            animation-delay: .28s;
}
.content_wrap .content  .area.ani .li4{
    -webkit-animation-delay: .38s;
            animation-delay: .38s;
}

.content_wrap .content  .water.ani .li1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.content_wrap .content  .water.ani .li2 {
    -webkit-animation-delay: .08s;
            animation-delay: .08s;
}
.content_wrap .content  .water.ani .li3{
    -webkit-animation-delay: .18s;
            animation-delay: .18s;
}
.content_wrap .content  .water.ani .li4{
    -webkit-animation-delay: .28s;
            animation-delay: .28s;
}
.content_wrap .content  .water.ani .li5{
    -webkit-animation-delay: .38s;
            animation-delay: .38s;
}
.content_wrap .content  .water.ani .li6{
    -webkit-animation-delay: .48s;
            animation-delay: .48s;
}
.content_wrap .content  .water.ani{
	-webkit-animation: value-zone .45s linear 0s 1 normal forwards;
            animation: value-zone .45s linear 0s 1 normal forwards;
			}
.content_wrap .content  .traffic .traffic_l,
.content_wrap .content  .traffic .traffic_r,
.content_wrap .content  .road{
	opacity:0;}
.content_wrap .content  .traffic .traffic_l.ani{
	-webkit-animation: overview-vision-article-1-text .45s linear 0s 1 normal forwards;
            animation: overview-vision-article-1-text .45s linear 0s 1 normal forwards;
}
	
.content_wrap .content  .traffic .traffic_r.ani{
	 -webkit-animation: overview-vision-article-1 .45s linear 0s 1 normal forwards;
            animation: overview-vision-article-1 .45s linear 0s 1 normal forwards;

}
.content_wrap .content  .road.ani,
.content_wrap  .second_content .project  .illustration.ani,
.content_wrap  .second_content .farming  .second_list.ani{
	-webkit-animation: value-ecology-ul .45s linear 0s 1 normal forwards;
            animation: value-ecology-ul .45s linear 0s 1 normal forwards;
			}


.content_wrap  .second_content.second_content1,
.content_wrap  .second_content .develophistory,
.content_wrap  .second_content  .project .proguihua,
.content_wrap  .second_content .project  .illustration,
.content_wrap  .second_content .farming  .second_list,
.content_wrap  .second_content .farming  .second_list .li,
.content_wrap  .second_content  .farming  .proguihua,
.content_wrap  .second_content   .proguihua{
	opacity:0;
	}
.content_wrap  .second_content.second_content1.ani,
.content_wrap  .second_content .develophistory.ani,
/*.content_wrap  .second_content .project  .sec_decription2.ani,
.content_wrap  .second_content .project .sec_tit2.ani,*/
.content_wrap  .second_content  .project .proguihua.ani,
.content_wrap  .second_content .sec_tit.ani,
.content_wrap  .second_content  .sec_decription.ani,
.content_wrap  .second_content  .farming  .proguihua.ani,
.content_wrap  .second_content   .proguihua.ani{
	 -webkit-animation: value-match .45s linear 0s 1 normal forwards;
            animation: value-match .45s linear 0s 1 normal forwards;
	}
	
	
.content_wrap  .second_content .farming  .second_list.ani .li{
	-webkit-animation-name: pprogress-layout-article;
            animation-name: pprogress-layout-article;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
			-webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }
.content_wrap  .second_content .farming  .second_list.ani .li1 {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}
.content_wrap  .second_content .farming  .second_list.ani .li2 {
    -webkit-animation-delay: .18s;
            animation-delay: .18s;
}
.content_wrap  .second_content .farming  .second_list.ani .li3{
    -webkit-animation-delay: .28s;
            animation-delay: .28s;
}
.content_wrap  .second_content .farming  .second_list.ani .li4{
    -webkit-animation-delay: .38s;
            animation-delay: .38s;
}


.agriculture-1 .context,
.agriculture-2  .article-wrap,
.agriculture-3  .context.wrapper,
 .agriculture-4  .clearfix,
.agriculture-4  .top .ttop,
.agriculture-2  .wrap .context .desc {
	opacity:0;
	}
.agriculture-1 .context.ani{
	 -webkit-animation: overview_video_ul .43s linear 0s 1 normal forwards;
            animation: overview_video_ul .43s linear 0s 1 normal forwards;
	}
.agriculture-2  .article-wrap.ani{
	 -webkit-animation: article-wrap  .43s linear 0s 1 normal forwards;
	 animation:article-wrap  .43s linear 0s 1 normal forwards;
	}
@-webkit-keyframes article-wrap  {
    0% {
        -webkit-transform: translateY(5%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes article-wrap {
    0% {
        transform: translateY(5%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.agriculture-2  .article-wrap.ani,
.agriculture-3  .context.wrapper.ani{
	 -webkit-animation: article .65s ease .2s 1 normal forwards;
            animation: article .65s ease .2s 1 normal forwards;
			}
.agriculture-2  .wrap .context .desc.ani{
	-webkit-animation: overview-vision-article-1 .45s linear 0s 1 normal forwards;
  animation: overview-vision-article-1 .45s linear 0s 1 normal forwards;
	}
.agriculture-4  .ttop.ani{
	-webkit-animation: ttop 1s linear 0s 1 normal forwards;
            animation: ttop 1s linear 0s 1 normal forwards;
			}
@-webkit-keyframes ttop{
	from{ opacity:0}
	to{ opacity:1;}
	}
@keyframes ttop{
	from{ opacity:0}
	to{ opacity:1;}
	}
.agriculture-4  .top.ani{
	-webkit-animation: value-match .45s linear 0s 1 normal forwards;
            animation: value-match .45s linear 0s 1 normal forwards;
			}
.agriculture-4  .clearfix.ani{
	-webkit-animation: value-match .45s linear 0s 1 normal forwards;
            animation: value-match .45s linear 0s 1 normal forwards;
	}
/* ******************************************************* *
 * ************************ about ************************ *
 * ************************ future_life ************************ *
 * ************************ low_carbon_towns ************************ *
 * ************************ demonstration_towns ************************ *
 * ************************ green_organic_agriculture ************************ *
 * ******************************************************* */


/* ******************************************************* *
 * ************************* news ************************ *
 * ******************************************************* */


/* ******************************************************* *
 * *********************** contact *********************** *
 * ******************************************************* */

/*
     FILE ARCHIVED ON 03:42:51 Jan 26, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:40:27 Apr 29, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 13.538
  exclusion.robots: 0.162
  exclusion.robots.policy: 0.148
  cdx.remote: 0.061
  esindex: 0.009
  LoadShardBlock: 165.044 (3)
  PetaboxLoader3.datanode: 232.23 (5)
  PetaboxLoader3.resolve: 371.382 (3)
  load_resource: 545.553 (2)
*/