@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;}
}

/*首页banner*/
.ind_banner{height: 652px;background: #ffebdd;text-align: center;}
.banners{width:100%;height: 652px; overflow: hidden; margin:0 auto; position: relative;}
.banners_img .on{ display: block;}
.banners_nav{overflow: hidden; position: absolute; left: 49.6%; bottom:50px; margin-left: -100px;}
.banners_nav span{ width: 40px ;height: 4px;  background: #c3c3c3; float: left; display: inline; margin-right: 5px;cursor: pointer;}
.banners_nav .active{ background: #6eb9ce;}
.banners{overflow: hidden; position: relative; z-index: 1; text-align: center}
.banners div{opacity: 0.3; filter: Alpha(opacity=30); display: none}
.banners div.active{opacity: 1; filter: Alpha(opacity=100); display: block}
.banners a{display: block;width: 100%;text-align: center;position: relative;}
.banners a img{display: block; position: absolute; left:50%;margin-left:-960px;margin-top:0px;width:1920px;height:657px}
.banners a{display: block; width: 100%; text-align: center; position: relative}
#banner-prev{display: block; width: 52px; height: 95px; background: url("../images/index/banner-icons.png") no-repeat 0px 0px; position: absolute; top: 50%; margin-top: -48px; left: -52px; opacity: 0; filter: Alpha(opacity=0)}
#banner-next{display: block; width: 52px; height: 95px; background: url("../images/index/banner-icons.png") no-repeat -60px 0px; position: absolute; top: 50%; margin-top: -48px; right: -52px; opacity: 0; filter: Alpha(opacity=0)}

.index-s1-title span{width: 17px;height: 19px;background: url(../images/index/index_jt.png) no-repeat;display: block;margin: 7px auto;
margin-right: 20px;margin-top: 20px;position: relative;}
.index-s1-title span i{position: absolute;bottom: -50px;left:-20px;width: 80px;border-bottom: 3px solid #6eb9ce;}
.index-s1-title p{font-size: 38px;font-weight: normal;margin-right: 20px;color: #666;margin-left: 390px;}
.index-s1-title h4{font-size: 23px;color: #666;font-weight: normal;}
.index-s1-title h4 b{font-weight: normal;color: #999;}

.i-content-2{background: url(../images/index/index-s2.jpg) no-repeat center center;height: 573px;}
.i-content-2 .content-2-left{margin-top: 100px;}
.i-content-2 .content-2-right {margin-top: 80px;}
.i-content-2 .content-2-right p{font-size: 24px;color: #e46853;border:3px solid #e46853;padding: 10px;width: 190px;
background: url(../images/index/index_jt2.png) no-repeat 20px center;padding-left: 60px;margin-bottom: 10px;}
.i-content-2 .content-2-right h2{color: #fff;font-size: 20px;line-height:40px;font-weight: normal;}
.index-s3-title p{font-size: 40px;border:3px solid #e46853;text-align: center;width: 800px;line-height:90px;margin: 0 auto;color: #e46853;}
.index-s3-title h1 span{color: #1a5d81;font-weight: normal;}
.index-s3-title ul{width: 920px;margin-left:37px;margin-top: 40px;margin-bottom: 10px;}
.index-s3-title li{float: left;font-size: 24px;width: 230px;margin-bottom: 10px;color: #666;}
.i-content-4 li{width: 265px;height: 286px;background: #e46854;text-align: center;font-size: 26px;}

.i-content-4 li:nth-child(1):hover{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#9fb4da), to(#8bcdcd)); -webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.i-content-4 li:nth-child(2):hover{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#43b4b2), to(rgba(148, 174, 84, 0.5))); -webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.i-content-4 li:nth-child(3):hover{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#43b4b2), to(rgba(148, 174, 84, 0.5))); -webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.i-content-4 li:nth-child(4):hover{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#9fb4da), to(#8bcdcd)); -webkit-transition: all 0.5s linear;
transition: all 0.5s linear; }
.i-content-4 li:hover p{display: block;}
.i-content-4 li:hover strong{display: none;}
.i-content-4 li:hover span{display: none;}
.i-content-4 li:hover i{margin: 40px auto 25px auto;-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;}


.i-content-4 li i{margin: 60px auto 25px auto;display: block;text-align: center;}
.i-content-4 li strong{color: #fff;font-weight: normal;}
.i-content-4 li p{font-size: 20px;color: #fff;display: none;}
.i-content-4 li p b{border: 1px dotted #fff;font-weight: normal;padding: 2px 5px;}
.i-content-4 li span{display: block;width: 25px;border-bottom: 3px solid #fff;margin: 40px auto 0 auto;}
.index-times li{float: left;font-size: 24px;width: 265px;margin-right:22px;text-align: center;color: #999;margin-bottom: 20px;position: relative;}
.index-times li i{position: absolute;background: #E16912;left:100px;top:-25px;color: #fff;padding: 3px 10px;border-radius: 10px;font-style: normal;font-size: 12px;display: none;}
.index-times li i span{position: absolute;color: #E16912;left:31px;bottom: -15px;font-size: 20px;}
.index-times li.times-i5 i,.index-times li.times-i6 i,.index-times li.times-i7 i,.index-times li.times-i8 i{top:40px;}
.index-times li.times-i5 i span,.index-times li.times-i6 i span,.index-times li.times-i7 i span,.index-times li.times-i8 i span{bottom: 10px;}
.index-times li b{position: absolute;top:57px;left:30px;z-index: 10;}
.index-times li.times-i5 i b,.index-times li.times-i6 i b,.index-times li.times-i7 i b,.index-times li.times-i8 i b{top: -58px;}
.index-times a{}
.i-content .container.index-times{padding-bottom: 0;}
.index-s5-title {font-size: 40px;text-align: center;}
.index-s5-title h1{font-weight: normal;color: #0b5d81;}
.index-s5-title h1 span{color: #e46853;margin-left: 10px;}
.index-s5-title h4{color: #e46853;}
.index-s5-title i{display: block;width: 80px;border-bottom: 2px solid #0b5d81;margin: 20px auto;}
.time_line{width: 870px;border-bottom: 1px solid #ccc;position: absolute;left:130px;top:45px}
.time_line i{width: 10px;height: 10px;border-radius: 10px;background: #9fa0a0;display: block;position: absolute;left:0;top:-5px;z-index: 0;}
.time_line i.i1{left:0}
.time_line i.i2{left:287px}
.time_line i.i3{left:574px}
.time_line i.i4{left:861px}

.i-content-6 .method-1 li{box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);margin-bottom: 30px;width: 383px;text-align: center;}
.i-content-6 .method-1 li p{position: absolute;left:7px;top:0;width: 368px;opacity: 0;}
.i-content-6 .method-1 li:hover p{opacity: 1;-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;}
.i-content-6 .method-1 li p span{display: block;text-align: center;height: 75px;position: absolute;bottom: 0;left:0;background: #fff;width: 97%;
font-size: 14px;line-height: 26px;padding-top: 20px;padding-left: 2%;padding-right: 2%;}
.i-content-6 .method-1 li p i{position: absolute;top:85px;color: #fff;font-style: normal;font-size: 28px;font-weight: bold;left:0;width: 100%;}
.i-content-6 .method-1 li p i b{border: 2px solid #fff;padding: 5px 15px;}
.i-content.i-content-7{overflow: visible;width: 1200px;margin: 0 auto;}
.i-content-7 .i-title{width: 664px;height: 672px;background: url(../images/index/s7-1.png) no-repeat;position: relative;}
.i-content-7 .i-title a{display: block;width: 100px;height: 30px;position: absolute;bottom: 215px;left: 282px;z-index: 10;}
.i-content-7 li{position: absolute;    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;}
.i-content-7 li:hover{transform: translateY(-5px);-moz-transform: translateY(-5px);}
.i-content-7 li.content7-li10{left:80px;top:50px}
.i-content-7 li.content7-li9{left:-35px;top:165px}
.i-content-7 li.content7-li8{left:-20px;top:525px}
.i-content-7 li.content7-li7{left:135px;top:645px}
.i-content-7 span.content7-li0{left:88px;top:33px;position: absolute;}
.i-content-7 li.content7-li1{left:130px;top:47px}
.i-content-7 li.content7-li2{left:250px;top:153px;}
.i-content-7 li.content7-li3{left:236px;top:520px}
.i-content-7 li.content7-li4{left:85px;top:640px}
.content7-left li div{width:230px;position: absolute;left:-250px;top:20px;color: #999;border-bottom: 1px solid #999;padding-bottom: 5px;}
.content7-left li div span{margin-left: 5px;font-size: 14px;color: #666;}
.content7-left li div b{position: absolute;right:10px;top:-15px;font-size: 20px;font-weight: normal;color: #333;}
.content7-left li i{width: 8px;height: 8px;border-radius: 8px;background:#E36753 ;display: block;position: absolute;left:-5;top:23px}

.content7-right li div{width:230px;position: absolute;left:75px;top:20px;color: #999;border-bottom: 1px solid #999;padding-bottom: 5px;}
.content7-right li div span{margin-left: 5px;font-size: 14px;color: #666;}
.content7-right li div b{position: absolute;left:10px;top:-15px;font-size: 20px;font-weight: normal;color: #333;}
.content7-right li i{width: 8px;height: 8px;border-radius: 8px;background:#E36753 ;display: block;position: absolute;right:-5px;top:23px}

.content7-left li.content7-li10 div{top:3px}
.content7-left li.content7-li9 div{top:5px}
.content7-right li.content7-li1 div{top:5px}
.content7-right li.content7-li2 div{top:5px}

.content7-top{-webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -ms-transition: -ms-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;width:230px;position: absolute;left:208px;top:-60px;z-index: 10;}
.content7-top:hover{transform: translateY(-5px);-moz-transform: translateY(-5px);}
.i-content-7 .i-title .content7-top div{color: #999;border-bottom: 1px solid #999;padding-bottom: 5px;}
.i-content-7 .i-title .content7-top div span{margin-left: 5px;font-size: 14px;color: #666;}
.i-content-7 .i-title .content7-top div b{position: absolute;right:10px;top:-10px;font-size: 20px;font-weight: normal;color: #333;}
.i-content-7 .i-title i{width: 8px;height: 8px;border-radius: 8px;background:#E36753 ;display: block;position: absolute;top:22px}
.i-content-7 .i-title div i.i2{left:223px}
.i-content-7 .i-title p{position: absolute;left:200px;top:270px;text-align: center;color: #fff;font-size: 24px;}
.i-content-7 .i-title p span{font-size: 12px;color: #E36753;}

.content7-left li.content7-li9 p{width: 101px;height: 42px;background: url(../images/index/s7-11.png) no-repeat;position: absolute;right:-52px;top:55px;color: #fff;text-align: center;font-size: 20px;line-height: 45px;}
.content7-right li.content7-li3 p{width: 101px;height: 42px;background: url(../images/index/s7-12.png) no-repeat;position: absolute;left:-52px;top:-65px;color: #fff;text-align: center;font-size: 20px;line-height: 35px;}
.content7-left li.content7-li9 h4{position: absolute;left:5px;top:-20px;font-weight:normal;color: #E36753;font-size: 14px;}
.content7-right li.content7-li3 h4{position: absolute;right:0px;top:-20px;font-weight:normal;color: #71B9CE;font-size: 14px;}
.index-s9-title p{text-align: center;font-size: 40px;margin-bottom: 0px;color: #e46853;}
.index-s9-title p b{font-weight: normal;}
.index-s9-title p span{color: #0b5d81;margin-left: 20px;}
.index-s9-title i{width: 80px;border-bottom: 3px solid #0b5d81;display: block;height: 30px;margin: 0 auto 100px auto;}
.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-content{
    width: 100%;
    padding: 30px 0 30px;
    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;
    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(254,180,0);
    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: 0px auto 0;
}
.method-1>li{
    position: relative;
    display: block;
    float: left;
    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;
    min-width: 1200px;
    overflow: hidden;
}
.i-content4-bg{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background: url("../images/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;
}

.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(254,180,0);
}
.face-3d>img{
    padding-top: 44px;
}
.back-3d{
    background: url('../images/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(254,180,0);
    border-color: rgb(254,180,0);
}
.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(254,180,0);
    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(254,180,0);
    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(254,180,0);
    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(254,180,0);
}
.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(254,180,0);
    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('../images/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:0;
    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:55px;
    top:43px;
    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: 128px;
}
.content7-yuan p{
    position: relative;
    z-index: 4;
    margin-top: 30px;
    text-align: center;
}
.content7-yuan .e-btn{
    position: relative;
    margin: 50px auto;
    z-index: 4;
    background: white;
    color: rgb(254,180,0);
}
.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: #434343;
    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::before{
    content:"";
    display: block;
    width: 100%;
    height: 1px;
    border-top:1px solid #e0e0e0;
    position: absolute;
}
.content7-right li{text-align: right;}
.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: 7px;
    height:7px;
    position: absolute;
    border-radius: 100%;
    background: rgb(254,180,0);
}
@keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(254,180,0);}
    50%{box-shadow: 0 0 5px 5px rgb(254,180,0);}
    100%{box-shadow: 0 0 0 0 rgb(254,180,0); }
}
@-webkit-keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(254,180,0);}
    50%{box-shadow: 0 0 5px 5px rgb(254,180,0);}
    100%{box-shadow: 0 0 0 0 rgb(254,180,0); }
}
@-moz-keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(254,180,0);}
    50%{box-shadow: 0 0 5px 5px rgb(254,180,0);}
    100%{box-shadow: 0 0 0 0 rgb(254,180,0); }
}
@-ms-keyframes dot-animate {
    0%{box-shadow: 0 0 0 0 rgb(254,180,0);}
    50%{box-shadow: 0 0 5px 5px rgb(254,180,0);}
    100%{box-shadow: 0 0 0 0 rgb(254,180,0); }
}
.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-li2{
    left:130px;
    top:130px;
}
.content7-li3{
    left:185px;
    top:285px;
}
.content7-li4{
    left:130px;
    top:440px;
}
.content7-li5,.content7-li6{
    left:0;
    bottom:0;
}
.content7-li7{
    left:-130px;
    top:440px;
}
.content7-li8{
    left:-185px;
    top:285px;
}
.content7-li9{
    left:-130px;
    top:130px;
}


.content7-li1 .dot{
    left:75px;
    top:50px;
}
.content7-li2 .dot{
    left:75px;
    top:14px;
}
.content7-li3 .dot{
    left:70px;
    top:11px;
}
.content7-li4 .dot{
    left:76px;
    top:9px;
}
.content7-li5 .dot{
    left:75px;
    top:-22px;
}
.content7-li6 .dot{
    left:190px;
    top:-22px;
}
.content7-li7 .dot{
    left:191px;
    top:10px;
}
.content7-li8 .dot{
    left:196px;
    top:11px;
}
.content7-li9 .dot{
    left:191px;
    top:14px;
}
.content7-li10 .dot{
    left:190px;
    top:50px;
}

.content7-li3::before,.content7-li8::before{display: none;}
.content7-li1::before{
    left:210px;
    top:80px;
}
.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:-210px;
    top:-45px;
}
.content7-li7::before{
    left:-210px;
    top:-60px;
}
.content7-li9::before{
    left:-210px;
    top:90px;
}
.content7-li10::before{
    left:-210px;
    top:80px;
}
.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(254,180,0);
}
.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(254,180,0);
    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(254,180,0);
    -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);
}


/*sjg*/
.sjg_tab2 ul{border-bottom: 3px solid #e56854;width: 100%;height: 90px;}
.sjg_tab2 li{width: 595px;height: 90px;background: #36777b;float: left;}
.sjg_tab2 li.active{background: #e56854;}
.sjg_tab2 li a{color: #fff;text-align: center;display: block;line-height: 90px;font-size: 36px;}
.sjg_tab2 li.i1{margin-right: 10px;}
.sjg_tab2 div{text-align: center;display: none;}
.sjg_tab2 div.active{display: block;}
.pjt-s1-title h1{font-size: 40px;text-align: center;width: 800px;line-height:60px;padding:20px 0;margin: 0 auto;color: #e46853;}
/*.pjt-s1-title div{font-size: 40px;border:3px solid #e46853;text-align: center;width: 800px;line-height:60px;padding:20px 0;margin: 0 auto;color: #e46853;}*/
.pjt-s1-title h1 span{color: #1a5d81;font-weight: normal;font-size: 33px;}
.pjt-content-2 ul{padding-top: 45px;}
.pjt-content-2 li{float:left;margin-left: 20px;margin-bottom: 20px;font-size: 24px;text-align: center;}
.pjt-content-2 li p{margin: 20px 0;}
.pjt_yysj{width: 260px;height: 58px;line-height: 58px;background: #e46853;text-align: center;font-size: 24px;text-align: center;color: #fff;margin: 10px auto 90px auto}
.cyg{}
.cyg li{float: left;margin: 75px 70px 0 70px;position: relative;}
.cyg li img{border-radius: 255px;}
.cyg li i{display: block;width: 257px;height: 257px;background: url(../images/index/rbg.png);position: absolute;left:0;top:0}
.cyg li span{position: absolute;width: 255px;text-align: center;top:50px;color: #e46853;font-size: 30px;top: 100px;}
.cyg li div{width: 255px;height: 255px;background: #fff;border-radius: 255px;position: absolute;
left:0;top:0;text-align: center;border:2px solid #e46853;display: none;}
.cyg li div h1{font-size: 28px;font-weight: normal;margin-top: 50px;color: #e46853;}
.cyg li div h2{height: 10px;border-top: 3px solid #e46853;width: 50px;margin: 0 auto;margin-top: 5px;}
.cyg li div p{font-size: 15px;padding: 0 40px;}

.animated .designer .method-1>li:nth-child(5) {
    animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
}
.animated .designer .method-1>li:nth-child(6) {
    animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
}
.i-content.des{overflow: visible;}
.designer li div{background:url(../images/project/dbg.png) no-repeat;width: 161px;height: 161px;
position: absolute;bottom: -70px;left:50%;margin-left: -85px;text-align: center;color: #fff;display: none;}
.designer .method-1>li{overflow: visible;}
.designer li div h1{margin-top: 30px;padding: 0 40px;font-size: 14px;font-weight: normal;}
.designer li div h2{padding: 0 30px;font-weight: normal;}
.designer li div i{display: block;width: 100px;height: 10px;border-top: 1px solid #fff;margin: 0 auto;margin-top: 10px;}
.designer li div p{font-size: 10px;padding: 0 28px;}
.des_text ul{margin-left: 130px;}
.des_text li{width: 400px;height:75px;float: left;font-size: 20px;margin: 30px 40px 0 40px;}
.des_text li span{font-size: 34px;color: #e46853;}
.pjt_form .fl{width: 600px;height: 390px;background: #e46853;margin: 0;}
.pjt_form .fl h1{text-align: center;font-size: 24px;color: #fff;font-weight: normal;margin-top: 50px;margin-bottom: 20px;}
.pjt_form .fl p{width: 398px;height: 48px;margin-bottom: 20px;margin-left: 100px;}
.pjt_form .fl p.input_uname{background: url(../images/project/inputbg2.png) no-repeat;}
.pjt_form .fl p.input_uname input{width: 336px;height: 43px;margin-left: 57px;border: none;margin-top: 2px;outline: none;font-size: 16px;}
.pjt_form .fl p.input_tel{background: url(../images/project/inputbg1.png) no-repeat;}
.pjt_form .fl p.input_tel input{width: 336px;height: 43px;margin-left: 57px;border: none;margin-top: 2px;outline: none;font-size: 16px;}
.my_sub1{width: 210px;height: 50px;background: #fff;border: none;font-size: 24px;color: #e46853;margin-left: 190px;margin-top: 20px;cursor: pointer;}
.pjt_form .fr{width: 480px;height: 390px;background: #fff;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);margin: 0;padding-left: 120px;}
.pjt_form .fr li{float: left;font-size: 24px;position: relative;padding-left: 40px;margin-right: 40px;margin-top: 30px;cursor: pointer;}
.pjt_form .fr li i{width: 26px;height: 26px;background: url(../images/project/radio.png) no-repeat center center;display: block;
position: absolute;left:0;top:5px;}
.pjt_form .fr li.active i{background: url(../images/project/radio_check.png) no-repeat center center;}
.pjt_form .fr div{width: 350px;height: 40px;border: 1px solid #000;margin-bottom: 20px;}
.pjt_area input{width: 320px;height: 39px;border: none;outline: none;font-size: 16px;margin-left: 3px;}
.pjt_area span{font-size: 20px;font-weight: bold;}
.pjt_select select{width: 50px;height: 40px;border:none;text-align: center;font-size: 20px;text-align: center;float: left; outline: none;   margin-left: 30px;}
.pjt_select span{font-size: 20px;float: left;display: block;margin-top: 5px;}
.pjt_form .fr ul{margin-bottom: 30px;margin-top: 10px;}

.pjt_tel input{width: 347px;border: none;height: 40px;outline: none;font-size: 16px;margin-left: 3px;}
.my_sub2{width: 210px;height: 50px;background: #e46853;border: none;font-size: 24px;color: #fff;margin-left: 80px;margin-top: 10px;cursor: pointer;}
.sg_list{width: 740px;margin: 0 auto;}
.sg_list ul{}
.sg_list li{float: left;font-size: 24px;color: #575757;width: 300px;margin-left: 20px;margin-bottom: 20px;
background: url(../images/shigong/checkbg.png) no-repeat;padding-left: 50px;}
.sg_list li span{font-size: 30px;}
.bz{text-align: center;}
.bz h1{text-align: center;font-size: 42px;padding: 60px 0;color: #e46853;position: relative;}
.bz h1 span{color: #1a5a7c;}
.bz h1 i{display: block;width: 90px;height: 5px;border-bottom: 3px solid #1a5a7c;margin: 20px auto 0 auto;}
.pjt-s1-title2 h1{text-align: center;font-size: 40px;color: #0a5d81;margin-bottom: 40px;}
.pjt-s1-title2 h1 span{color: #e46853;font-size: 80px;margin-right: 15px;}
.designer2 .method-1>li+li{margin-left: 7px;}
.animated .designer2 .method-1>li:nth-child(5) {
    animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 2.8s cubic-bezier(.09,.82,.6,.99);
}
.animated .designer2 .method-1>li:nth-child(6) {
    animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 3.1s cubic-bezier(.09,.82,.6,.99);
}
.animated .designer2 .method-1>li:nth-child(7) {
    animation: animateTop 3.4s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 3.4s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 3.4s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 3.4s cubic-bezier(.09,.82,.6,.99);
}
.animated .designer2 .method-1>li:nth-child(8) {
    animation: animateTop 3.7s cubic-bezier(.09,.82,.6,.99);
    -moz-animation: animateTop 3.7s cubic-bezier(.09,.82,.6,.99);
    -webkit-animation: animateTop 3.7s cubic-bezier(.09,.82,.6,.99);
    -o-animation: animateTop 3.7s cubic-bezier(.09,.82,.6,.99);
}
.des2_text {text-align: center;color: #1a5a7c;}
.des2_text h1{font-size: 34px;font-weight: normal;margin-bottom: 30px;}
.des2_text a{padding: 5px 10px;background: #6eb9ce;color: #fff;font-size: 20px;margin: 0 6px;}
.plun h2{color: #e46853;font-size: 30px;font-weight: normal;text-align: center;margin-top: 50px;}
.pjt_form2 {background: #e46853;margin: 0;padding-bottom: 50px;}
.pjt_form2 h1{text-align: center;font-size: 24px;color: #fff;font-weight: normal;margin-top: 50px;margin-bottom: 20px;}
.pjt_form2 p{width: 280px;height: 48px;margin-bottom: 20px;margin-left: 20px;float: left;}
.pjt_form2 p.input_uname{background: url(../images/project/inputbg1.png) no-repeat;}
.pjt_form2 p.input_uname input{width: 216px;height: 43px;margin-left: 57px;border: none;margin-top: 2px;outline: none;font-size: 16px;color: #666;}
.pjt_form2 p.input_tel{background: url(../images/project/inputbg2.png) no-repeat;}
.pjt_form2 p.input_tel input{width: 216px;height: 43px;margin-left: 57px;border: none;margin-top: 2px;outline: none;font-size: 16px;color: #666;}
.input_select select{width: 280px;height: 48px;font-size: 16px;color: #666;}
.pjt_form2 .my_sub1{margin-left:500px;}
.pjt_form2 h1{font-weight: bold;font-size: 30px;padding: 40px 0 20px 0;}
.sjg_list2 li h1{font-size: 30px;color: #e46853;font-weight: normal;margin: 20px 0 10px 0;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.sjg_list2 li h2{font-size: 24px;color: #666;font-weight: normal;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.sjg_list2 li p{background:#e46853 url(../images/sjg/jt.png) no-repeat 300px center;height: 40px;line-height: 40px;font-size: 16px;color: #fff;display: none;margin-top: 10px;}
.sjg_list2 .method-1 li{width: 383px;text-align: center;height: 540px;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.sjg_list2 .method-1 li.active{box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.sjg_list2 .method-1 li.active span{font-size: 24px;color: #595757;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.sjg_list2 .method-1 li.active h3{font-size: 20px;color: #595757;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.sjg_list2 li i{position: absolute;width: 345px;height: 340px;border:3px solid #fff;display: block;left: 15px;top: 22px;display: none;}
.sjg_tab ul{margin-left: 80px;}
.sjg_tab li{background-image: url(../images/sjg/tab.png);background-repeat:no-repeat ;width: 113px;height: 115px;float: left;margin-left: 50px;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;cursor: pointer;}

.sjg_tab .tab1{background-position:0 0 ;}
.sjg_tab .tab2{background-position:-169px 0 ;}
.sjg_tab .tab3{background-position:-339px 0 ;}
.sjg_tab .tab4{background-position:-509px 0 ;}
.sjg_tab .tab5{background-position:-680px 0 ;}
.sjg_tab .tab6{background-position:-847px 0 ;}

.sjg_tab .tab1.active{background-position:0 -118px ;}
.sjg_tab .tab2.active{background-position:-169px -118px ;}
.sjg_tab .tab3.active{background-position:-339px -118px ;}
.sjg_tab .tab4.active{background-position:-509px -118px ;}
.sjg_tab .tab5.active{background-position:-680px -118px ;}
.sjg_tab .tab6.active{background-position:-847px -118px ;}

.sjg_classify .fl{width: 600px;height: 353px;}
.sjg_classify .fr{width: 600px;height:353px;background: #f3f3f3;}
.sjg_classify .fr h1{font-size:35px;color: #e46853;
height: 70px;line-height: 70px;padding-left: 90px;margin-left: 220px;margin-top: 45px;margin-bottom: 45px;}
.sjg_classify .fr h1.i1{background: url(../images/sjg/i1.png) no-repeat left center;}
.sjg_classify .fr h1.i2{background: url(../images/sjg/i2.png) no-repeat left center;}
.sjg_classify .fr h1.i3{background: url(../images/sjg/i3.png) no-repeat left center;}
.sjg_classify .fr h1.i4{background: url(../images/sjg/i4.png) no-repeat left center;}
.sjg_classify .fr h1.i5{background: url(../images/sjg/i5.png) no-repeat left center;}
.sjg_classify .fr h1.i6{background: url(../images/sjg/i6.png) no-repeat left center;}
.sjg_classify .fr li{width: 185px;height: 83px;float: left;margin-left: 10px;margin-bottom: 10px;}
.pk{padding: 80px 0;}
.pk .fl.i1{width: 326px;height: 120px;border: 2px solid #e26911;text-align: center;margin-left: 70px;}
.pk .fl.i1 h1{font-size: 24px;color:#e26911 ;margin-top: 20px;}
.pk .fl.i2{margin: 0 80px;}
.pk .fl.i3{width: 326px;height: 120px;border: 2px solid #e26911;text-align: center;}
.pk .fl.i3 h1{font-size: 24px;color: #505050;margin-top: 20px;}
.pk li{float: left;width: 405px;height: 150px;}
.pk ul{margin-top: 50px;}
.pk li h1{font-size: 24px;font-weight: normal;margin-bottom: 10px;}
.pk li.even{margin-left: 70px;}
.pk li.even h1{color: #e26911;}
.pk li.odd{float: right;}
.pk li p{font-size: 18px;color: #666;line-height: 30px;}
.pk .pr .i1{position: absolute;left: 200px;top: 10px;}
.pk .pr .i2{position: absolute;left: 200px;top: 160px;}
.pk .pr .i3{position: absolute;left: 225px;top: 310px;}
.sjg_list3 .fl{margin: 17px 0 0 17px;width: 230px;}
.sjg_list3 .fr{width: 300px;width: 340px;margin-right: 5px;}
.sjg_list3 ul{width: 1300px;}
.sjg_list3 li{width: 595px;height: 199px;background: #efefee;float: left;margin: 0 10px 10px 0;}
.sjg_list3 li h1{font-size: 20px;font-weight: normal;margin-top: 15px;margin-bottom: 10px;}
.sjg_list3 li h1 b{font-weight: normal;float:left;margin-right: 10px;}
.sjg_list3 li h1 i{background: #e46853;font-size: 18px;font-style: normal;color: #fff;padding: 0 10px;display: block;float: left;}
.sjg_list3 li p{font-size: 15px;color: #666;margin-bottom: 10px;}
.sjg_list3 li span{font-size: 14px;color: #666;}
.sjg_list4 ul{width: 1300px;}
.sjg_list4 li{float: left;margin-right: 8px;}
.sjg_step ul{margin-left: 40px;}
.sjg_step li{float: left;}
.pjt_form2 p.sjg_tips1{font-size: 20px;color: #fff;width: 200px;margin-top: -8px;margin-left: 85px;}
.pjt_form2 p.sjg_tips1 span{font-size: 26px;}
.sjg_form{padding-top: 40px;}
.sjg_three_title {margin-bottom: 20px;}
.sjg_three_title i{display: block;position: absolute;right:0;top:0;background: url(../images/sjg/like.png) no-repeat;
padding-left: 65px;height: 35px;line-height: 35px;font-style: normal;font-size: 16px;}
.sjg_three_title h1{font-size: 40px;font-weight: normal;color: #666;margin-top: 30px;}
.sjg_three_title p{font-size: 20px;color: #666;margin-bottom: 10px;}
.sjg_three_title span{font-size: 20px;color: #666;display: block;margin-bottom: 30px;}
.sjg_three_tab ul{margin-left: 60px;}
.sjg_three_tab li{float: left;width: 178px;height: 48px;text-align: center;line-height: 48px;font-size: 20px;border:1px solid #666;cursor: pointer;}
.sjg_three_tab li.active{border:1px solid #6eb9ce;color: #fff;background: #6eb9ce;}

/*基础样式*/
.mod-slidebox { height:200px; overflow:hidden; position:relative; }
.mod-slidebox .slide-items { width:100%; height:100%; }
.mod-slidebox .slide-items li { padding:0; margin:0; float:left; }
.mod-slidebox .slide-items a { display:block; }
.mod-slidebox .slide-items img { display:block; }
.mod-slidebox .slide-title { position:absolute; left:0; bottom:0; right:0; width:100%; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; background-color:#666; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.mod-slidebox .slide-title a { color:#fff; }
.mod-slidebox .slide-title a:hover { text-decoration:none; color:#fff; }
.mod-slidebox .slide-index { position:absolute; bottom:5px; right:5px; }
.mod-slidebox .slide-index span { display:block; float:left; margin-left:5px; width:20px; height:20px; line-height:20px; cursor:pointer; text-align:center; font-size:12px; font-family:Arial; color:#666; background-color:#eee; }
.mod-slidebox .slide-index span.active { background-color:#C50206; color:#fff; }

.slide_sjg,
.slide_sjg .slide-items li { width:1200px; height:645px; }
.slide_sjg .slide-items li img { float:left; }
.slide_sjg .slide-button a { background:#666 url(../images/sjg/index_sprite.png) no-repeat; opacity:0.2; display:block; width:45px; height:80px; margin-top:-40px; cursor:pointer; border-radius:5px; }
.slide_sjg .slide-button a:hover { opacity:1; }
.slide_sjg .slide-button .btn-prev { position:absolute; left:20px; top:50%; background-position:-0 -220px; }
.slide_sjg .slide-button .btn-next { position:absolute; right:20px; top:50%; background-position:-80px -220px; }
.slide_sjg .slide-button .txt-page { background-color:#666; color:#fff; line-height:30px; position:absolute; right:0; top:0; padding:0 10px; }

.sjg_btn{height: 80px;margin-top: 50px;margin-bottom: 60px;}
a.search_next{background: #6eb9ce;text-align: center;color: #fff;padding: 12px 70px;display: inline-block;font-size: 22px;margin-right: 50px;}
a.sjg_yy{background: #e46853;color: #fff;text-align: center;padding: 12px 70px;display: inline-block;font-size: 22px;cursor: pointer;}


.side{
    width: 50px;
    position: fixed;
    right:25px;
    top:66%;
    z-index: 9999;
}
.side-ul{
    width: 100%;
}
.side-ul li{
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    border-top:1px solid rgb(230,230,230);
    border-left:1px solid rgb(230,230,230);
    border-right:1px solid rgb(230,230,230);
    font-size: 30px;
    color: #434343;
    text-align: center;
    background: #f0f1f1;
}

.side-ul .top{
    background: #e46853;
    color: white;
    border-bottom:1px solid;
    border-color: #e46853;
    font-size: 24px;
    cursor: pointer;
}
.side-ul .top img{margin-top: 10px;}
.side-hover{
    display: block;
    position: absolute;
    z-index: 2;
    width: 0;
    height: 52px;
    right:-1px;
    top:-1px;

    background: #1b5d81;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.side-hover p{
    width: 125px;
    font-size: 16px;
    color: white;
    line-height: 52px;
    text-align: center;
}

.side-hover .aliiconfont{
    color: white;
    font-size: 0em;
    vertical-align: middle;
}
.side-ul li:hover .side-hover{
    opacity: 1;
    width: 125px;
}
.liangfang-msg{
    width: 35px;
    height: 18px;
    position: absolute;
    left:-20px;
    /* top:-8px; */
    top:0px;
    background: red;
    border-radius: 18px;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 18px;
    color: white;
}
.kefu-msg{
    width: 14px;
    height: 14px;
    position: absolute;
    right:5px;
    top:5px;
    background: red;
    border-radius: 100%;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    color: white;
    animation: msg-animate 1s infinite;
    -moz-animation: msg-animate 1s infinite;
    -webkit-animation: msg-animate 1s infinite;
}