/* ------------------- index ------------------- */
.IndBan {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.IndBan #BanCont {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.IndBan #BanCont li {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

.IndBan img {
    width: 100%;
}

/*.IndBan .banner_link {
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.IndBan .banner_link li {
    float: left;
    display: inline-block;
    background-color: #fff;
    background-image: url(../images/WhirlMenu.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #00a1f1;
    font-size: 0;
    margin: 2px 4px;
}

.IndBan .banner_link li.banner_link_red1 {
    background-color: #00a1f1;
}

.IndBan .banner_link li.banner_link_red2 {
    background-color: #7dbb00;
}*/

/*.HomeMicroLette {
    overflow: hidden;
}

.HomeMicroLette img {
    display: block;
    width: 100%;
}

.HomeMicroLette2 {
    padding: 0 10px;
}

.HomeMicroLette2 a {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-bottom: 10px;
}

.HomeMicroLette2 img {
    width: 97%;
}

.EmEsCa {
    width: 94%;
    overflow: hidden;
}

.EmEsCa img {
    width: 31%;
}

.EmEsCa .Center {
    width: 31%;
    overflow: hidden;
}

.EmEsCa .Center img {
    width: 100%;
}

.AbTelAct {
    width: 94%;
    overflow: hidden;
}

.AbTelAct img {
    width: 100%;
}*/

section {
    padding: 20px 0;
    text-align: center;
}

section h3 {
    color: #1f2022;
    font-size: 16px;
    font-weight: bold;
    margin: 10px auto;
}

section p {
    margin: 0 auto 10px;
    width: 79%;
}

section figure {
    width: 100%;
}

section figure img {
    max-width: 100%;
}

.IndBan {
    padding: 0;
}
.section-0{	
    margin:0 auto;
    text-align:center; 
}
.section-0 ul{
    height: auto;
    width: 100%;
}
.section-0 li {
    width: 18%;
    margin: 0 3px;
    display: inline-block;
  
}
.section-0 li a {
    display: block;
    padding: 10px 0;
    color: #3a3c39;
    font-size: 12px;
    text-align: center;
}
.section-0 li a img {
    display: block;
    width: 85%;
    margin: 0 auto 10px;
}
#clone{
    background: #666;
    overflow: hidden;
    width: 100%;
    padding: 0 0 5px 0;
    opacity: 0.94;
    filter: alpha(opacity=94);
}
#clone ul{
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 86px;
}
#clone li{
    display: inline-block;
    width: 56px;
    float: none;
}
#clone li a{
    color:#f8f3f7;
}
.section-1 {
    background: -ms-linear-gradient(top, #deeff9, #f6fafd, #deeff9);
    background: -moz-linear-gradient(top, #deeff9, #f6fafd, #deeff9);
    background: -webkit-linear-gradient(top, #deeff9, #f6fafd, #deeff9);
    background: -o-linear-gradient(top, #deeff9, #f6fafd, #deeff9);
}

.section-1 figure img {
    width: 57.5%;
}

.section-2, .section-4, .section-6, .section-8 {
    background-image: -webkit-radial-gradient(#e3f2f9, #fff);
    background-image: radial-gradient(#e3f2f9, #fff);
}

.section-2 figure img {
    width: 47%;
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 6s linear infinite;
    -moz-animation:play 6s linear infinite;
    animation:play 6s linear infinite;
}
@-webkit-keyframes play{
    0%  {
        /*
        水平翻转
        */
        -webkit-transform:rotateY(0deg);
    }
    100% {
        /* 水平翻转 */
        -webkit-transform:rotateY(360deg);
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotateY(0deg);
    }
    100% {
        -moz-transform:rotateY(360deg);
    }
}
@keyframes play{
    0%  {
        transform:rotateY(0deg);
    }
    100% {
        transform:rotateY(360deg);
    }
}
.section-3 {
    background: #ecf1f5;
}

.section-3 figure {
    position: relative;
    padding-top: 10%;
}

.section-3 figure .cloud {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
}

.section-3.fade-in figure .cloud {
    animation-fill-mode: forwards;
    -webkit-animation: 50s h-move linear infinite;
    -o-animation: 50s h-move linear infinite;
    animation: 50s h-move linear infinite;
}

.section-3 figure .cloud {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    -webkit-animation: 50s h-move linear infinite;
    -o-animation: 50s h-move linear infinite;
    animation: 50s h-move linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section-3 figure .cloud-2 {
    left: 84.8%;
    top: 19.75%;
    width: 38px;
}

.section-3.fade-in figure .cloud-2 {
    -webkit-animation: 60s h-move-2 linear infinite;
    -o-animation: 60s h-move-2 linear infinite;
    animation: 60s h-move-2 linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section-3 figure img {
    width: 94.2%;
}

.section-4 figure {
    width: 100%;
    background: url("../images/index/4.png") center no-repeat;
    background-size: 62.5% auto;
    margin: 10% auto;
}

.section-4 figure .container {
    position: relative;
    width: 42.34%;
    padding-top: 42.34%;
    background: url("../images/index/4-2.png") center no-repeat;
    background-size: 100% auto;
}

.section-4 figure .container .item {
    position: absolute;
    width: 40%;
}

.section-4 figure .container .item-1 {
    top: -18%;
    left: 30%;
}

.section-4 figure .container .item-2 {
    top: 62%;
    left: -6%;
}

.section-4 figure .container .item-3 {
    top: 53%;
    right: -15%;
}

.section-4.fade-in figure .container {
    -webkit-animation: 10s rotate linear infinite;
    -o-animation: 10s rotate linear infinite;
    animation: 10s rotate linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section-4.fade-in figure .container .item {
    -webkit-animation: 10s rotate-reverse linear infinite;
    -o-animation: 10s rotate-reverse linear infinite;
    animation: 10s rotate-reverse linear infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.section-5 {
    background: #ecf2f8;
}

.section-5 figure img {
    width: 70.15%;
}

.section-6 figure img {
    width: 76.25%;
}

.section-7 {
    background: #ecf1f5;
}

.section-7 figure img {
    width: 46.87%;
}

.section-8 figure img {
    width: 53.59%;
}

.section-9 {
    background: #ebf3f9;
}

.section-9 figure img {
    width: 45.62%;
}

.btn-more {
    display: block;
    color: #5db0ff;
    text-align: center;
    margin: 12px auto;
}

.index-gw .t-center {
    text-align: center;
}

.index-gw .main8 {
    padding: 40px 0 50px;
}

.index-gw .main8 h2 {
    font-size: 19px;
    font-weight: 400;
    color: #333;
    line-height: 1;
    margin: 0 0 29px;
}

.index-gw .main8 .logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
    margin-bottom: 35.5px;
}

.index-gw .main8 .logo {
    width: 33.3%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.index-gw .main8 .logo img {
    max-height: 100%;
    max-width: 95px;
    min-width: 65px;width: 70%;
}

.index-gw .main8 .udesk-btn {
    font-size: 14px;
    color: #2178fb;
    text-decoration: underline;
}

.view-fast {
    padding: 40px 0;
}

.view-fast ul {
    width: 90%;
    margin: 0 auto;
}

.view-fast li {
    width: 50%;
}

.view-fast li a {
    display: block;
    padding: 0 0 25px;
    color: #3a3c39;
    font-size: 14px;
    text-align: center;
}

.view-fast li a img {
    display: block;
    width: 32.5%;
    margin: 0 auto 10px;
}

.view-fast .news .title {
    color: #222;
    position: relative;
    text-align: center;
    z-index: 2;
    background: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

.view-fast .news .title:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #eee;
    z-index: -1;
}

.view-fast .news dd {
    padding: 0 15px;
    margin: 5px auto;
    overflow: hidden;
}

.view-fast .news .date {
    background: #039be6;
    color: #fff;
    padding: 7px 3px;
    text-align: center;
}

.view-fast .news .date .day {
    display: block;
}

.view-fast .news dd:nth-child(odd) .date {
    background: #929297;
}

.view-fast .news .text {
    margin-left: 60px;
}

.view-fast .news .text h4 {
    color: #ef0c0a;
    font-size: 12px;
    line-height: 200%;
}

.view-fast .news .text p {
    color: #929297;
}

@keyframes h-move {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-moz-keyframes h-move {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-ms-keyframes h-move {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes h-move {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-o-keyframes h-move {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@keyframes h-move-2 {
    0% {
        left: 60%;
    }
    40% {
        left: 100%;
    }
    40.01% {
        left: 0;
    }
    100% {
        left: 40%;
    }
}

@-moz-keyframes h-move-2 {

    0% {
        left: 60%;
    }
    40% {
        left: 100%;
    }
    40.01% {
        left: 0;
    }
    100% {
        left: 40%;
    }
}

@-ms-keyframes h-move-2 {

    0% {
        left: 60%;
    }
    40% {
        left: 100%;
    }
    40.01% {
        left: 0;
    }
    100% {
        left: 40%;
    }
}

@-webkit-keyframes h-move-2 {

    0% {
        left: 60%;
    }
    40% {
        left: 100%;
    }
    40.01% {
        left: 0;
    }
    100% {
        left: 40%;
    }
}

@-o-keyframes h-move-2 {

    0% {
        left: 60%;
    }
    40% {
        left: 100%;
    }
    40.01% {
        left: 0;
    }
    100% {
        left: 40%;
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@-moz-keyframes rotate {

    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@-ms-keyframes rotate {

    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@-o-keyframes rotate {

    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg);
    }
}

@keyframes rotate-reverse {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-moz-keyframes rotate-reverse {

    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-ms-keyframes rotate-reverse {

    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes rotate-reverse {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-o-keyframes rotate-reverse {

    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}