.index-slide-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 100;
    background: url(http://www.yonglekang.com/Templates/yummy/imagess/imagess/loading.gif) no-repeat center center;
    height: 520px;
}

.index-slide-ul {
    font-size: 0;
    overflow: hidden;
    transition: margin-left .5s ease-out;
    position: absolute;
    width: 100%;
    left:0;
    top:0;
}

.index-slide-li {

    text-align: center;
    float: left;
    position: relative;
    background: no-repeat center center;
    cursor: pointer;
    height: 520px;
    overflow-y: hidden;
}

.index-slide-li a {
    display: block;
    width: 100%;
    height: 100%;
}


.index-btn {
    position: absolute;
    z-index: 5;
    margin-top: -25px;
    cursor: pointer;
    opacity: 0.6;
    background: rgba(0,0,0,0.8);
    width: 52px;
    height: 134px;
    top:46%;
    transition: all .6s;
    -moz-transition:all .6s;
    -webkit-transition: all .6s;
    -o-transition:all .6s;
}
.index-btn::after{
    content:"";
    width: 30px;
    height: 30px;
    border-left:5px solid rgba(255,255,255,0.8);
    border-top:5px solid rgba(255,255,255,0.8);
    position: absolute;

}
.index-btn-next {
    right: -52px;
}
.index-btn-next::after{
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    top:50px;
    right:14px;
}
.index-btn-prev {
    left: -52px;
}
.index-btn-prev::after{
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top:50px;
    left:14px;
}
.index-btn:hover {
    opacity: 1;
}

.index-btn:hover::after{
    border-color:rgba(254,196,0,1)
}
.index-btn.activeToLeft{
    left:0;
}
.index-btn.activeToRight{
    right:0;
}
.index-slide-box:hover .index-btn-next{
    right:0;
}
.index-slide-box:hover .index-btn-prev{
    left:0;
}

.index-native-ul {
    position: absolute;
    width: 100%;
    text-align: center;
    border: 1px solid transparent;
    bottom:15px;
}

.index-native-li {
    display: inline-block;
    margin: 0 2px;
    width: 52px;
    height: 4px;
    background: #c8c8c8;
    cursor: pointer;
    opacity: 0.8;
    transition: background,margin .2s;
    -webkit-transition: background,margin .2s;
    -moz-transition: background,margin .2s;
    -o-transition: background,margin .2s;
}
.index-native-li-active {
    background: rgb(22,39,131);
    margin: 5px;
}

@keyframes animateTop{
    0%{ transform: translateY(100%);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(100%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(100%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(100%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}
@keyframes animateLeft{
    0%{ transform: translateX(-100%);opacity: 0;}
    100%{ transform: translateX(0); opacity: 1; }
}
@-moz-keyframes animatedLeft {
    0%{ -moz-transform: translateX(-100%);opacity: 0; }
    100%{ -moz-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes animatedLeft {
    0%{ -webkit-transform: translateX(-100%);opacity: 0; }
    100%{ -webkit-transform: translateX(0); opacity: 1;}
}
@-ms-keyframes animatedLeft {
    0%{ -ms-transform: translateX(-100%);opacity: 0; }
    100%{ -ms-transform: translateX(0); opacity: 1;}
}
@keyframes animateRight{
    0%{ transform: translateX(100%);opacity: 0;}
    100%{ transform: translateX(0); opacity: 1; }
}
@-moz-keyframes animatedRight{
    0%{ -moz-transform: translateX(100%);opacity: 0; }
    100%{ -moz-transform: translateX(0);opacity: 1;}
}
@-webkit-keyframes animatedRight {
    0%{ -webkit-transform: translateX(100%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedRight{
    0%{ -ms-transform: translateX(100%);opacity: 0; }
    100%{ -ms-transform: translateX(0); opacity: 1;}
}


.i-title{
    margin: 0 auto;
    width: 100%;
}
.animated .i-title{
    animation: animateTop 1s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1s cubic-bezier(.09,.82,.6,.99);
}
.i-title>span{
    display: block;
    margin: 7px auto;
    width: 50px;
    height: 2px;
    background: rgb(45,145,212);
}
.i-title h4{
    margin-top: 8px;
}
.i-title p{
    text-align: center;

    line-height: 1.5em;
}
.i-title h3{
    margin-top: 20px;
}
.i-content{
    width: 100%;
    padding: 0px 0 0px;
    overflow: hidden;
}
.i-content .container{
    visibility: hidden;
    padding-bottom: 10px;
}
.i-content-1{
    overflow: hidden;
    padding-bottom: 40px;
}

.i-ul-1{
    margin: 40px auto;
    width: 1176px;
}
.i-ul-1>li{
    display: block;
    float: left;
    width: 380px;
    transition: all 0.3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.i-ul-1>li:hover{
    box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.2);
}
.i-ul-1>li+li{
    margin-left: 18px;
}
.animated .i-ul-1>li:first-child{
    animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
}
.animated .i-ul-1>li:nth-child(2){
    animation: animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
}
.animated .i-ul-1>li:nth-child(3){
    animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}

.ul-1-a{
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 0;
}
.ul-1-img{
    display: block;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
}
.i-ul-1>li:hover .ul-1-img{
    transform: scale(0.98);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-transform: scale(0.98);
}
.i-ul-1>li>h3{
    margin-top: 22px;
    text-align: center;
}
.i-ul-1>li>p{
    text-align: center;
}
.ul-1-hr{
    display: block;
    margin: 8px auto;
    position: relative;
    width: 73px;
    height: 2px;
    background: transparent;
}
.ul-1-hr::before,.ul-1-hr::after{
    content:"";
    position: absolute;
    top:0;
    width: 0;
    height: 100%;
    background: rgb(45,145,212);
    transition: width 0.3s;
    -moz-transition:width .3s;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
}
.ul-1-hr::before{
    right:50%;
}
.ul-1-hr::after{
    left:50%;
}
.i-ul-1>li:hover .ul-1-hr::before,.i-ul-1>li:hover .ul-1-hr::after{
    width:50%;
}
.i-ul-1>li .s-btn-group{
    opacity: 0;
    margin: 30px auto;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity 0.6s;
}
.i-ul-1>li:hover .s-btn-group{
    opacity: 1;
}
.i-ul-1>li .s-btn-text{
    font-weight: lighter;
}

.i-content-2{
    position: relative;
}

.content-2-left,.content-2-right{
    display: inline-block;
    width: 49.5%;
    vertical-align: middle;
}

.content-2-right{
    padding-left: 10%;
    width: 39.5%;
}
.content-2-left .i-title{
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}
.content-2-left:hover .i-title{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.content-2-left:hover .h1{
    color: rgb(23,42,135);
}
.content-2-left:hover  .e-btn-text{
    margin-left: 23px;
}
.content-2-left:hover .e-btn-arrow{
    left:70%;
}
.content-2-left:hover .e-btn{
    background: rgb(52,65,131);
}
.animated .content-2-left{
    animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .content-2-right{
    animation: animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
}
.content-2-hr{
    position: absolute;
    left:50%;
    top:35%;
    width: 1px;
    height: 30%;
    background: #7a7a7c;
}
.content-2-left>p{
    text-align: center;
    margin-top: 36px;
    line-height: 2em;
}
.content-2-left>.e-btn{
    margin:38px auto 0;
}
.content-2-right>div{
    position: relative;
    width: auto;
    height: 148px;
}
.content-2-right>div+div{
    margin-top: 64px;
}
.content-2-right>div>div:nth-child(1),.content-2-right>div>div:nth-child(2){
    display: inline-block;
    position: relative;
    height: 100%;
    overflow: hidden;
}
.content-2-right>div>div:nth-child(1){
    border-radius: 100%;
    width: 148px;
}
.content-2-right>div>div:nth-child(1)>img{
    display: block;
    width: 100%;
}
.hover-img{
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    cursor: pointer;
    transition: opacity .6s;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
}
.content-2-right>div>div:nth-child(1) .e-btn-arrow{
    top:45%;
    color: white;
    font-size: 24px;
}
.content-2-right>div:hover .hover-img{
    opacity: 1;
}
.content-2-right>div:hover .e-btn-arrow{
    left:45%;

}

.content-2-right>div>div:nth-child(2){
    margin-left: 40px;
    transition: all 0.3s;
}
.content-2-right>div:hover .content2-right-div2{
    margin-left: 50px;
}
.content-2-right>div>div:nth-child(2) a{
    display: block;
    width: 100%;
    height: 100%;
}
.content-2-right>div>div:nth-child(2) h2{
    margin-top: 30px;
    text-align: left;
}
.content-2-right>div:hover h2{
    color: rgb(23,42,135);
}
.content-2-right>div>div:nth-child(2) span{
    display: block;
    margin-top: 7px;
    width: 40px;
    height: 2px;
    background: #f7efab;
}
.content-2-right>div>div:nth-child(2) p{
    margin-top: 8px;
    text-align: left;
    line-height: 1.5em;
}

.i-content-3{
    padding-bottom: 20px;
}
.method-1{
    margin: 40px auto 0;
    height: 404px;
}
.method-1>li{
    position: relative;
    display: block;
    float: left;
    width: 282px;
    height: 100%;
    overflow: hidden;
}
.method-1>li+li{
    margin-left: 24px;
}
.animated .method-1>li:nth-child(1){
    animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
}
.animated .method-1>li:nth-child(2){
    animation: animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
}
.animated .method-1>li:nth-child(3){
    animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}
.animated .method-1>li:nth-child(4){
    animation: animateTop 2.5s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.5s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.5s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.5s cubic-bezier(.09,.82,.6,.99);
}

.li-content{
    width: 100%;
}
.method-1>li .li-content{
    transition: opacity 0.1s;
    -moz-transition: opacity .1s;
    -webkit-transition: opacity .1s;
}
.method-1>li:hover .li-content{
    opacity :0;
}
.li-content>h3{
    margin-top: 20px;
}
.li-content>hr{
    margin: 10px auto 12px;
    width: 56px;
    height: 1px;
    background: #b6b6b6;
    border:0;
}
.li-content>h4{
    color: #e60012;
}
.slide-div{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,255,255,.9);
    transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -moz-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -webkit-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -o-transition: all .6s cubic-bezier(.09,.82,.6,.99);
}
.slide-div-top,.slide-div-bottom{
    position: absolute;
    left:0;
    width: 100%;
    height: 50%;
    transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -moz-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -webkit-transition: all .6s cubic-bezier(.09,.82,.6,.99);
    -o-transition: all .6s cubic-bezier(.09,.82,.6,.99);
}
.slide-div-top{
    top:-50%;
}
.slide-div-bottom{
    bottom:-50%;
}
.method-1>li:hover .slide-div{
    opacity: 1;
}
.method-1>li:hover .slide-div-top{
    top:0;
}
.method-1>li:hover .slide-div-bottom{
    bottom:0
}
.slide-div-top>h2{
    margin-top: 93px;
}
.slide-div-top>h4{
    margin-top: 10px;
    color: #e60012;
}
.slide-div-top>hr{
    margin: 10px auto;
    width: 56px;
    height: 1px;
    background: #a9a9a8;
    border:0;
}
.slide-div-top>p:nth-child(4){
    color: #e60012;
    text-align: center;
    font-weight: bolder;
}
.slide-div-top>p:nth-child(4)>span{
    font-size: 0.6em;
}
.slide-div-top>p:nth-child(5){
    margin-top: 26px;
    text-align: center;
}
.slide-div-bottom>.e-btn{
    margin: 62px auto 0;
}


.i-content-4{
    position: relative;
    padding: 0;
    height: 372px;
    min-width: 1200px;
    overflow: hidden;
}
.i-content4-bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: url("http://www.yonglekang.com/Templates/yummy/imagess/imagess/i-content4-bg.jpg") no-repeat center;
    transition: transform 1s cubic-bezier(.09,.82,.6,.99);
    -moz-transition: -moz-transform 1s cubic-bezier(.09,.82,.6,.99);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.09,.82,.6,.99);
}
.i-content-4:hover .i-content4-bg{
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.animated .i-content4-container{
    animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
.i-content4-container>div{
    margin: 60px 275px 0;
    position: relative;
    width: 650px;
    height: 270px;
    transition: background .6s;
    -moz-transition: background .6s;
    -webkit-transition: background .6s;
}
.i-content-4:hover .i-content4-container>div{
    background: rgba(255,255,255,.7);
}
.content4-div1{
    position: absolute;
    left:150px;
    top:20px;
    z-index: 1;
    width: 352px;
    height: 136px;
    background: rgba(255,255,255,.7);
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
}
.i-content-4:hover .content4-div1{
    opacity: 0;
}
.content4-div2{
    position: relative;
    z-index: 1;
    padding-top: 46px;
    width: 100%;
    height: 100%;
    transition: padding-top 0.6s;
    -moz-transition: padding-top .6s;
    -webkit-transition: padding-top .6s;
}
.i-content-4:hover  .content4-div2{
    padding-top:26px;
}

.content4-div2 p:nth-child(2){
    margin: 16px auto;
    text-align: center;

}
.content4-div2 p:nth-child(3){
    color: #e60012;
    text-align: center;
    font-weight: bolder;
}
.content4-div2 p:nth-child(3) span{
    font-size: 0.6em;
}
.content4-div2 .e-btn{
    margin: 30px auto;
}
.content4-div2 p:nth-child(5){
    margin-top: 34px;
    text-align: center;
}
.i-content-4:hover .e-btn{
    background: rgb(52,65,131);
}
.i-content-4:hover .e-btn-text{
    margin-left: 23px;
}
.i-content-4:hover .e-btn-arrow{
    left:70%;
}

.i-content-5>.container{
    margin-top: 10px;
}
.i-content-5>.container>div{
    padding: 26px 20px 0;
    width: 1160px;
    height: 194px;
    border:1px solid transparent;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
}
.content5-div1,.content5-div2,.content5-div3{
    display: block;
    position: relative;
    float: left;
    height: 166px;
}
.i-content-5>.container>div>div+div{
    margin-left: 25px;
}
.content5-div1,.content5-div3{
    width: 285px;
}

.content5-div1{
    perspective: 400px;
    -moz-perspective: 285px;
    -webkit-perspective: 285px;
}
.container-3d{
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-transform-style:preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
}
.container-3d-hover{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.page-3d{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.page-3d>p{
    margin-top: 14px;
    text-align: center;
    color: white;
}
.face-3d{
    background: rgb(45,145,212);
}
.face-3d>img{
    padding-top: 44px;
}
.back-3d{
    background: url('http://www.yonglekang.com/Templates/yummy/imagess/imagess/i-content5-backimg.png') no-repeat center;
    -webkit-transform:rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.back-3d>img{
    padding-top:56px ;
}
.content5-div2{
    width: 540px;
}
.content5-div2>form{
    width: 100%;
    height: 100%;
    position: relative;
}
.input-group{
    display: block;
    margin: 16px 16px 0 0;
    position: relative;
    float: left;
    width: 220px;
    height: 44px;
    font-weight: lighter;
    background-color: white;
    font-size: 14px;
    color: #626262;
}
.input-group>input{
    display: block;
    padding-left: 60px;
    width: 158px;
    height: 42px;
    border-radius: 5px;
    border:1px solid #626262;
}
.input-group>.aliiconfont{
    display: block;
    position: absolute;
    left:16px;
    top:10px;
    font-size: 24px;
}
.input-group>.aliiconfont::before{
    content:'';
    display: block;
    position: absolute;
    right:-8px;
    top:-5%;
    width: 1px;
    height: 100%;
    border-right:1px solid #626262;
}
input:focus{
    border-color: rgb(23,42,135);
    box-shadow: 0 0 3px 0 rgb(23,42,135);
}
input[type='button']:focus,input[type='submit']:focus,input[type='reset']:focus{
    border-color: inherit;
    box-shadow: 0 0 0;
}
.input-group>input:hover{
    border-color: rgb(23,42,135);
    box-shadow: 0 0 3px 0 rgb(23,42,135);
}
input:-ms-input-placeholder{color: #626262;}
input:-moz-placeholder{color: #626262;}
input::-moz-placeholder{color: #626262;}
input::-webkit-input-placeholder{color: #626262;}
.check-container{
    margin: 0;
    width: 12%;
    height: 100%;
    border-color: transparent;
}
input[type='radio']{
    display: none;
}
.check-label{
    display: block;
    position: relative;
    width: 100%;
    height: 50%;
    font-size: 18px;
    color: #434343;
    text-align: center;
    line-height: 100px;
}
.check-label::before{
    content:"";
    display: block;
    position: absolute;
    left:42%;
    top:20%;
    width: 10px;
    height: 10px;
    border:2px solid #434343;
    border-radius: 100%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.check-container>input[type='radio']:checked+label::before{
    background: rgb(45,145,212);
    border-color: rgb(45,145,212);
}
.input-area{
    margin-top: 0;
}
.input-area .bjq-area{
    margin-top: 0;
    padding-left: 60px;
    width: 158px;
}
.pingfang{
    position: absolute;
    display: block;
    right:5%;
    top:0;
    height: 44px;
    line-height: 44px;
}
.input-name{
    margin-top: 0;
}
.input-code>input:nth-child(1){
    padding-left: 7%;
    width: 203px;
}
.input-code>input:nth-child(2){
    width: 45%;
    padding-left: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    height: 42px;
    border-color: transparent;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background: rgb(45,145,212);
    cursor: pointer;
}
.input-submit{
    margin-left: 0;
    width: 84.5%;
}
.input-submit button,.input-submit div{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
}
.input-submit button{
    border: 0;
    background: rgb(45,145,212);
    cursor: pointer;
    -webkit-transition: background .6s;
    -moz-transition: background .6s;
    -ms-transition: background .6s;
    -o-transition: background .6s;
    transition: background .6s;
}
.input-submit div{
    display: none;
    position: absolute;
    left:0;
    top:0;
    background: rgb(210,210,210);
}
.bjq-submit .submit-text{
    display: block;
    position: absolute;
    left:41%;
    top:0;
    -webkit-transition: left .3s;
    -moz-transition: left .3s;
    -ms-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s;
}
.bjq-submit .aliiconfont{
    display: block;
    position: absolute;
    left:58%;
    top:5px;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.bjq-submit:hover{
    background: rgb(23,42,135);
    color: white;
}
.bjq-submit:hover .submit-text{
    left:38%;
}
.bjq-submit:hover .aliiconfont{
    opacity: 1;
    top:1px;
}

.content5-div3>p{
    height: 34px;
    text-align: center;
    line-height: 34px;

    font-size: 15px;
    background: rgb(45,145,212);
    color: white;
}
.content5-div3>p>span{
    font-size: 1.4em;
    color: #1b1b1b;
    font-weight: bolder;
}

.lunbo-content{
    width: 283px;
    height: 130px;
    overflow: hidden;
    position: relative;
    border:1px solid rgb(45,145,212);
}
.yuyue-lunbo{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:-12px;
}
.yuyue-lunbo2{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
}
.yuyue-lunbo li,.yuyue-lunbo2 li{
    font-size: 15px;
    list-style: none;
    display: block;
    word-spacing: 12px;
    text-align: center;
    margin-top: 10px;
    height: 28px;
    letter-spacing: 1px;
}
.yuyue-lunbo li span,.yuyue-lunbo2 li span{
    color:rgb(45,145,212);
    font-size: 1.1em;
    line-height: 100%;
}


.animated .content5-div1{
    animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
}
.animated .content5-div2{
    animation: animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.9s cubic-bezier(.09,.82,.6,.99);
}
.animated .content5-div3{
    animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}

.i-content-6{
    padding-bottom: 40px;
    background: url('http://www.yonglekang.com/Templates/yummy/imagess/imagess/i-content6-bg.png') no-repeat center;
}
.content6-ul{
    margin-top: 20px;
}
.content6-ul>li{
    display: block;
    position: relative;
    float: left;
    width: 298px;
    height: 160px;
    -webkit-transition: all 0.6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.material-logo{
    display: block;
    width: 219px;
    position: absolute;
    left:39px;
    top:30px;
    -webkit-transition: all 0.6s ;
    -moz-transition: all .6s ;
    -ms-transition: all .6s n;
    -o-transition: all .6s ;
    transition: all .6s ;
}
.material-desc{
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ;
    -moz-transition: all 1s ;
    -ms-transition: all 1s;
    -o-transition: all 1s ;
    transition: all 1s;
}

.material-desc img{
    display: block;
    margin: 0 auto;
    width: 164px;
}
.material-desc h4{
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
}
.material-desc .e-btn{
    margin: 60px auto;
}
.content6-ul>li:hover{
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
}
.content6-ul>li:hover .material-logo{
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.content6-ul>li:hover .material-desc{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.animated .content6-ul>li:nth-child(1),.animated .content6-ul>li:nth-child(8){
    animation: animateTop 1.5s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.5s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.5s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.5s cubic-bezier(.09,.82,.6,.99);
}
.animated .content6-ul>li:nth-child(2),.animated .content6-ul>li:nth-child(7){
    animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
}
.animated .content6-ul>li:nth-child(3),.animated .content6-ul>li:nth-child(6){
    animation: animateTop 2.1s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.1s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.1s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.1s cubic-bezier(.09,.82,.6,.99);
}
.animated .content6-ul>li:nth-child(4),.animated .content6-ul>li:nth-child(5){
    animation: animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
}

.animated .content6-ul>li:nth-child(9){
    animation: animateTop 2.6s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.6s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.6s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.6s cubic-bezier(.09,.82,.6,.99);
}
.animated .content6-ul>li:nth-child(10){
    animation: animateTop 2.9s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.9s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.9s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.9s cubic-bezier(.09,.82,.6,.99);
}
.animated .content6-ul>li:nth-child(11){
    animation: animateTop 3.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 3.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 3.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 3.2s cubic-bezier(.09,.82,.6,.99);
}
.animated .content6-ul>li:nth-child(12){
    animation: animateTop 3.5s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 3.5s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 3.5s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 3.5s cubic-bezier(.09,.82,.6,.99);
}

.i-content-7>.container>div:nth-child(2){
    position: relative;
    margin-top: 40px;
    width: 100%;
    height: 600px;
}
.content7-yuan-container{
    position: absolute;
    left: 340px;
    top:53px;
    width: 519px;
    height: 494px;
}
.content7-yuan-container>img:nth-child(1){
    position: absolute;
    left:-40px;
    top:0;
    z-index: 1;
}
.content7-yuan-container>img:nth-child(2){
    position: absolute;
    left:22px;
    top: 8px;
    z-index: 2;
}
@keyframes yuan-animate {
    0%{transform: rotate(0deg);}
    10%{transform: rotate(36deg);}
    20%{transform: rotate(72deg);}
    30%{transform: rotate(108deg);}
    40%{transform: rotate(144deg);}
    50%{transform: rotate(180deg);}
    60%{transform: rotate(216deg);}
    70%{transform: rotate(252deg);}
    80%{transform: rotate(288deg);}
    90%{transform: rotate(324deg);}
    100%{transform: rotate(360deg);}
}
@-webkit-keyframes yuan-animate {
    0%{-webkit-transform: rotate(0deg);}
    10%{-webkit-transform: rotate(36deg);}
    20%{-webkit-transform: rotate(72deg);}
    30%{-webkit-transform: rotate(108deg);}
    40%{-webkit-transform: rotate(144deg);}
    50%{-webkit-transform: rotate(180deg);}
    60%{-webkit-transform: rotate(216deg);}
    70%{-webkit-transform: rotate(252deg);}
    80%{-webkit-transform: rotate(288deg);}
    90%{-webkit-transform: rotate(324deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-ms-keyframes yuan-animate {
    0%{-ms-transform: rotate(0deg);}
    10%{-ms-transform: rotate(36deg);}
    20%{-ms-transform: rotate(72deg);}
    30%{-ms-transform: rotate(108deg);}
    40%{-ms-transform: rotate(144deg);}
    50%{-ms-transform: rotate(180deg);}
    60%{-ms-transform: rotate(216deg);}
    70%{-ms-transform: rotate(252deg);}
    80%{-ms-transform: rotate(288deg);}
    90%{-ms-transform: rotate(324deg);}
    100%{-ms-transform: rotate(360deg);}
}
@-ms-keyframes yuan-animate {
    0%{-moz-transform: rotate(0deg);}
    10%{-moz-transform: rotate(36deg);}
    20%{-moz-transform: rotate(72deg);}
    30%{-moz-transform: rotate(108deg);}
    40%{-moz-transform: rotate(144deg);}
    50%{-moz-transform: rotate(180deg);}
    60%{-moz-transform: rotate(216deg);}
    70%{-moz-transform: rotate(252deg);}
    80%{-moz-transform: rotate(288deg);}
    90%{-moz-transform: rotate(324deg);}
    100%{-moz-transform: rotate(360deg);}
}
.yuan-animated{
    -webkit-animation:yuan-animate 30s cubic-bezier(0,0,1,1) infinite;
    -moz-animation: yuan-animate 30s cubic-bezier(0,0,1,1) infinite;
    -o-animation:yuan-animate 30s cubic-bezier(0,0,1,1) infinite;
    animation:yuan-animate 30s cubic-bezier(0,0,1,1) infinite;
}
.content7-yuan{
    position: absolute;
    left:45px;
    top:46px;
    z-index: 3;
    height: 408px;
    width: 408px;
    border-radius: 408px;
}
.content7-yuan img{
    display: block;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.content7-yuan h2{
    position: relative;
    z-index: 4;
    margin-top:40px;
	text-align:center;
}
.content7-yuan p{
    position: relative;
    z-index: 4;
    margin-top: 30px;
    text-align: center;
	line-height:26px;
}
.content7-yuan .e-btn{
    position: relative;
    margin:100px auto 0;
    z-index: 4;
    background: white;
    color: rgb(45,145,212);
}
.content7-yuan .e-btn:hover{
    color: rgb(23,41,135);
}

.content7-left,.content7-right{
    position: absolute;
    top:0;
    width: 275px;
    height: 100%;
}
.content7-left{
    left: 325px;
}
.content7-right{
    right:325px;
}

.animated .content7-left{
    animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .content7-right{
    animation: animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
}
.content7-li{
    display: block;
    position: absolute;
    z-index: 4;
    width: 100%;
    word-spacing: 10px;
    font-size: 18px;
}
.content7-li-text{

    color: #000;
	line-height:40px;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}

.content7-li p{ color:#717171; font-size:14px; line-height:25px;
}
.content7-li::before{
    content:"";
    display: block;
    width: 100%;
    height: 1px;
    border-top:1px solid #e0e0e0;
    position: absolute;
}
.content7-right li{text-align: left;}
.content7-li .aliiconfont{
    display: inline-block;
    font-size: 2.5em;
    color: #434343;
    line-height: 1em;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
}
.dot{
    display: block;
    width: 10px;
    height:10px;
    position: absolute;
    border-radius: 100%;
    background: rgb(45,145,212);
}
@keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(45,145,212);}
    50%{box-shadow: 0 0 5px 5px rgb(45,145,212);}
    100%{box-shadow: 0 0 0 0 rgb(45,145,212); }
}
@-webkit-keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(45,145,212);}
    50%{box-shadow: 0 0 5px 5px rgb(45,145,212);}
    100%{box-shadow: 0 0 0 0 rgb(45,145,212); }
}
@-moz-keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(45,145,212);}
    50%{box-shadow: 0 0 5px 5px rgb(45,145,212);}
    100%{box-shadow: 0 0 0 0 rgb(45,145,212); }
}
@-ms-keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(45,145,212);}
    50%{box-shadow: 0 0 5px 5px rgb(45,145,212);}
    100%{box-shadow: 0 0 0 0 rgb(45,145,212); }
}
.dot-animated{
    animation: dot-animate 1s infinite;
    -moz-animation: dot-animate 1s infinite;
    -webkit-animation:  dot-animate 1s infinite;
    -o-animation:  dot-animate 1s infinite;
}
.content7-li:hover .content7-li-text,.content7-li:hover .aliiconfont{
    color: rgb(23,42,135);
    transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}

.content7-li1{width: 355px; 
    left:153px;
    top:15px;
	}

.content7-li2{
    left:130px;
    top:130px;
}
.content7-li3{
    left:299px;
    top:225px;
}
.content7-li4{
    left:130px;
    top:440px;
}
.content7-li5{width: 355px;
    left:165px;
    bottom:0;
}
.content7-li6{    width: 355px;
    text-align: right;
    left:-279px;
    bottom:15px;
}
.content7-li7{
    left:-130px;
    top:440px;
}
.content7-li8{
	width: 285px;
	text-align: right;
    left:-326px;
    top:215px;
}
.content7-li9{
    left:-130px;
    top:130px;
}

.content7-li10 {
    width: 355px;
    left: -260px;
    top: 16px;
    text-align: right;
}

.content7-li1 .dot{
    left:-26px;
    top:33px;
}
.content7-li2 .dot{
    left:75px;
    top:14px;
}
.content7-li3 .dot{
    left:-29px;
    top:70px;
}
.content7-li4 .dot{
    left:76px;
    top:9px;
}
.content7-li5 .dot{
    left:-40px;
    top:52px;
}
.content7-li6 .dot{
    left:392px;
    top:49px;
}
.content7-li7 .dot{
    left:191px;
    top:10px;
}
.content7-li8 .dot{
    left:297px;
    top:82px;
}
.content7-li9 .dot{
    left:191px;
    top:14px;
}
.content7-li10 .dot{
    left:375px;
    top:34px;
}

.content7-li10 .content7-li-text,.content7-li6 .content7-li-text{ float:left; width:280px;}
.content7-li10 .aliiconfont,.content7-li6 .aliiconfont{ float:right;}

.content7-li1 .content7-li-text,.content7-li5 .content7-li-text{ float:right; width:280px;}
.content7-li1 .aliiconfont,.content7-li5 .aliiconfont{ float:left;}





.content7-li3::before,.content7-li8::before{display: none;}
.content7-li1::before{
    left:80px;
    top:173px;
}
.content7-li2::before{
    left:210px;
    top:90px;
}
.content7-li4::before{
    left:210px;
    top:-60px;
}
.content7-li5::before{
    left:210px;
    top:-45px;
}
.content7-li6::before{
    left:-63px;
    top:-65px;
}
.content7-li7::before{
    left:-210px;
    top:-60px;
}
.content7-li9::before{
    left:-210px;
    top:90px;
}
.content7-li10::before{
    left:-90px;
    top:140px;
}
.i-content-8 .i-title h1{
    text-align: left;
}
.i-content-8 .i-title>span{
    margin-left: 0;
}
.i-content-8 .i-title h4{
    position: absolute;
    left:15.5%;
    top:6px;
}
.i-content-8 .i-title .e-btn{
    position: absolute;
    right:0;
    top:0;
}
.i-case-div{
    width: 100%;
    height: 500px;
    position: relative;
    margin-top: 48px;
    overflow: hidden;
}
.i-case-ul{
    width: 700%;
    height: 460px;
}
.i-case-ul>li{
    display: block;
    float: left;
    width: 380px;
    height: 100%;
    position: relative;
    margin-left: 0;
    margin-right: 30px;
    overflow: hidden;
    background: white;
}
.case-img-container{
    display: block;
    width: 374px;
    height: 315px;
    border:3px solid white;
    overflow: hidden;
    position: relative;
    background: #1b1b1b;
}
.case-img-box{
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    border: 1px solid white;
    -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
    transition: transform .32s cubic-bezier(.51,1.1,.9,.95);
}
.i-case-img{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: -ms-transform .35s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
    transition: transform .32s cubic-bezier(.51,1.1,.9,.95);
}
.i-case-content{
    width: 100%;
    height: 139px;
    overflow: hidden;
}
.i-case-content .h3{
    margin-top: 20px;
    text-align: center;
    -webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    -ms-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s;
}
.i-case-content p:nth-child(2){
    margin-top: 10px;
    text-align: center;
}
.i-case-content p:nth-child(3){
    margin-top: 20px;
    text-align: center;
    -webkit-transition: margin .3s;
    -moz-transition: margin .3s;
    -ms-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s;
}
.i-case-btn{
    display: block;
    position: absolute;
    left:0;
    bottom:-40px;
    width: 100%;
    height: 40px;
    font-size: 20px;
    background: rgb(23,42,135);
    color: white;
    text-align: center;
    line-height: 40px;
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -ms-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
}
.i-case-ul>li:hover{
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
}
.i-case-ul>li:hover .case-img-box{
    -webkit-transform: scale(0.89);
    -moz-transform: scale(0.89);
    -ms-transform: scale(0.89);
    -o-transform: scale(0.89);
    transform: scale(0.89);
}
.i-case-ul>li:hover .i-case-img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.i-case-ul>li:hover .h3{
    color: rgb(23,42,135);
    margin-top: 7px;
}
.i-case-ul>li:hover .i-case-p{
    margin-top: 6px;
}
.i-case-ul>li:hover .i-case-btn{
    bottom:0;
}

.pre-btn,.next-btn{
    display: block;
    width: 40px;
    height: 58px;
    position: absolute;
    top:36%;
    background: rgba(0,0,0,0.3);
    -webkit-transition: backgournd .3s;
    -moz-transition: backgournd .3s;
    -ms-transition: backgournd .3s;
    -o-transition: backgournd .3s;
    transition: backgournd .3s;
}
.pre-btn{
    left:3px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.next-btn{
    right:3px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.pre-btn:hover,.next-btn:hover{
    background: rgb(23,42,135);
}
.pre-btn::after,.next-btn::after{
    content:'';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top:21px;
    border-left:2px solid white;
    border-top:2px solid white;
}
.pre-btn::after{
    left:15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.next-btn:after{
    right:15px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.dot-btn{
    width: 100%;
    margin-top: 24px;
    text-align: center;
}
.dot-btn li{
    display: inline-block;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: rgb(180,180,180);
}
.dot-btn li+li{
    margin-left: 6px;
}
.dot-btn .dot-btn-color{
    background: rgb(45,145,212);
}
.animated .i-case-ul li:nth-child(1){
    animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .i-case-ul li:nth-child(2){
    animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
}
.animated .i-case-ul li:nth-child(3){
    animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}


.i-content-9{
    padding-bottom: 0;
}


.quality{
    width: 100%;
    padding: 40px auto 80px;
}
.quality-content{
    margin: 35px auto 0;
    width: 857px;
}
.quality-content li{
    display: block;
    float: left;
    padding: 42px 0 35px;
    width: 207px;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.quality-content li+li{
    margin-left: 118px;
}

.quality-content li .aliiconfont{
    font-size:100px;
    text-align: center;
}
.quality-content li h2{
    margin-top: 43px;
}
.quality-hr{
    margin: 20px auto 0;
    width: 40px;
    height: 2px;
    background: #e1e1e1;
    position: relative;
}
.quality-hr::before,.quality-hr::after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background: rgb(45,145,212);
    transition: width 0.3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
}
.quality-hr::before{
    right:50%;
}
.quality-hr::after{
    left:50%;
}
.quality-content li p{
    margin-top: 22px;
    text-align: center;
    line-height: 1.5em;
}
.quality-content li:hover{
    box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.2);
}
.quality-content li:hover .quality-hr{
    background: transparent;
}
.quality-content li:hover .quality-hr::before,.quality-content li:hover .quality-hr::after{
    width: 50%;
}
.animated .quality-content>li:nth-child(1){
    animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .quality-content>li:nth-child(2){
    animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
}
.animated .quality-content>li:nth-child(3){
    animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}

.s-flow{
    width: 100%;
    padding: 80px 0 40px;
}
.s-flow-container{
    width: 1200px;
    margin: 40px auto 0;
}
.s-flow-container li{
    display: block;
    width: 200px;
    height: 170px;
    position: relative;
    float: left;
}
.s-flow-step{
    width: auto;
    height: 30px;
    position: absolute;
    left:0;
    top:0;
    right:auto;
    bottom:auto;
    font-size: 28px;
    font-weight: lighter;
    color: #bebec0;
    text-align: left;
}
.s-flow-step::before,.s-flow-step::after{
    content:'';
    width: 0;
    height: 2px;
    position: absolute;
    bottom:0;
    background: rgb(45,145,212);
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.s-flow-step::before{
    right:50%;
}
.s-flow-step::after{
    left:50%;
}
.s-flow-content{
    position: relative;
    top:36px;
    width: 100%;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}
.s-flow-content .aliiconfont{
    font-size: 80px;
    text-align: center;
    color: #434343;
}
.s-flow-content p{
    margin-top: 28px;

    font-size: 14px;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.s-flow-container li:hover .s-flow-step{
    color: #434343;
}
.s-flow-container li:hover .s-flow-step::before,.s-flow-container li:hover .s-flow-step::after{
    width: 50%;
}
.s-flow-container li:hover .s-flow-content{
    -webkit-transform: translateY(-36px);
    -moz-transform: translateY(-36px);
    -ms-transform: translateY(-36px);
    -o-transform: translateY(-36px);
    transform: translateY(-36px);
}
.s-flow-container li:hover .s-flow-p{
    font-size: 16px;
    font-weight: bolder;
}

.animated .s-flow-container li:nth-child(1){
    animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .s-flow-container li:nth-child(2){
    animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.6s cubic-bezier(.09,.82,.6,.99);
}
.animated .s-flow-container li:nth-child(3){
    animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 1.8s cubic-bezier(.09,.82,.6,.99);
}
.animated .s-flow-container li:nth-child(4){
    animation: animateTop 2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2s cubic-bezier(.09,.82,.6,.99);
}
.animated .s-flow-container li:nth-child(5){
    animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.2s cubic-bezier(.09,.82,.6,.99);
}
.animated .s-flow-container li:nth-child(6){
    animation: animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.4s cubic-bezier(.09,.82,.6,.99);
}

.content12-left{
    display: block;
    float: left;
    width: 703px;
}
.content12-left .i-title h1{
    text-align: left;
}
.content12-left .i-title span{
    margin-left: 0;
}
.content12-left .i-title h4{
    position: absolute;
    left:23%;
    top: 6px;
}
.city-show{
    margin-top: 43px;
    width: 100%;
    height: 239px;
}
.city-show li{
    display: block;
    margin-top: 11px;
    float: left;
    width: 226px;
    height: 114px;
    overflow: hidden;
    position: relative;
}
.city-show li+li{
    margin-left: 11px;
}
.city-show li:nth-child(1){
    width: 460px;
}
.city-show li:nth-child(2){
    width: 232px;
}
.city-show li:nth-child(3){
    margin-left: 0;
}
.city-img-container{
    width: 100%;
    height: 100%;
    position: relative;
}
.city-img-container::after{
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    border:1px solid white;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -ms-transition: -ms-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s;
}
.i-city-img{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -ms-transition: -ms-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s;
}
.city-show li .h3{
    display: block;
    position: absolute;
    bottom:-30px;
    right: 10px;
    width: 100px;
    height: 30px;
    background: white;
    text-align: center;
    line-height: 30px;
    color: rgb(23,42,136);
    -webkit-transition: bottom .6s;
    -moz-transition: bottom .6s;
    -ms-transition: bottom .6s;
    -o-transition: bottom .6s;
    transition: bottom .6s;
}
.city-show li:first-child .h3{
    right: 13px;
}

.city-show li:first-child:hover .city-img-container::after{
    -webkit-transform: scale(.94,.81);
    -moz-transform: scale(.94,.81);
    -ms-transform: scale(.94,.81);
    -o-transform: scale(.94,.81);
    transform: scale(.94,.81);
}
.city-show li:not(:first-child):hover .city-img-container::after{
    -webkit-transform: scale(.9,.81);
    -moz-transform: scale(.9,.81);
    -ms-transform: scale(.9,.81);
    -o-transform: scale(.9,.81);
    transform: scale(.9,.81);
}
.city-show li:hover .h3{
    bottom:10px;
}
.city-show li:hover .i-city-img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.content12-left>h3{
    margin-top: 24px;
}
.content12-left>h4{
    margin-top: 12px;
    text-align: center;
}

.content12-right{
    width: 415px;
    float: right;
    padding-top: 32px;
}
.content12-right>img{
    width: 100%;
}
.content12-right>h3{
    margin-top: 22px;
    text-align: center;
}
.content12-right>.s-btn-group{
    margin: 20px auto 0;
}
.animated .content12-left{
    animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateLeft 1.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .content12-right{
    animation: animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation:  animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation:animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateRight 1.4s cubic-bezier(.09,.82,.6,.99);
}

.index_title{ width:1200px; padding-top:40px; text-align:center; margin:0 auto;}
.index_title h2{font-size:24px; line-height:20px; width:100%; font-family:"Book Antiqua"; text-transform: uppercase;}
.index_title p{ color:#000;font-size:24px; line-height:40px; background:url(../images/indextittle.png) no-repeat center;}
.a5a5a8 {
    color: #a5a5a8;
}