/*--t-adv-list01--*/
.t-adv-list01{overflow:hidden;}
.t-adv-list01 .item{overflow:hidden;background:#fff;}
.t-adv-list01 .pic{position:relative;width:50%;}
.t-adv-list01 .pic img{display:block;width:100%;}
.t-adv-list01 .text{padding:30px 40px;width:50%;overflow:hidden;}
.t-adv-list01 .text .hd{padding-bottom:30px;border-bottom:#eaeaea solid 1px;}
.t-adv-list01 .text .hd h3{padding-left:26px;font-size:18px;color:#222;border-left:#1d2c57 solid 4px;}
.t-adv-list01 .text .hd h3 strong{display:block;}
.t-adv-list01 .text .bd{padding-top:15px;line-height:24px;font-size:16px;color:#222;overflow:hidden;}
.t-adv-list01 .text .bd p{margin-top:15px;padding-left:20px;background:url(images/Inpage/adv_list.png) no-repeat 0 8px;}
.t-adv-list01 .text .btns{padding-top:30px;overflow:hidden;}
.t-adv-list01 .text .btns a{display:block;width:110px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:#1d2c57;}
.t-adv-list01 .item-1 .btns,.t-adv-list01 .item-2 .btns{display:none;}
.t-adv-list01 .item:nth-child(odd) .pic,.t-adv-list01 .item:nth-child(even) .text{float:left;}
.t-adv-list01 .item:nth-child(odd) .text,.t-adv-list01 .item:nth-child(even) .pic{float:right;}
.t-adv-list01 .item:nth-child(odd) .pic .num{right:0;}
.t-adv-list01 .item:nth-child(odd) .pic .num:after{right:-4px;}
.t-adv-list01 .item:nth-child(even) .pic .num{left:0;}
.t-adv-list01 .item:nth-child(even) .pic .num:after{left:-4px;}
@media (max-width:1200px){
.t-adv-list01 .pic,.t-adv-list01 .text{float:none !important;width:100%;}
}
@media (max-width:992px){
.t-adv-list01 .text{padding:24px;}
.t-adv-list01 .text .hd{padding-bottom:24px;}
.t-adv-list01 .text .hd h3{font-size:16px;}
.t-adv-list01 .text .bd{padding-top:10px;}
.t-adv-list01 .text .bd p{margin-top:10px;}
}
/*--end t-adv-list01--*/

/*-- t-picture-list10 --*/
.t-picture-list10{margin:0 auto;max-width:1400px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.t-picture-list10 .item{margin:20px 0;padding:10px 20px;width:calc(25% - 20px);text-align:center;overflow:hidden;border:#f0f0f0 solid 1px;transition:all 0.5s;}
.t-picture-list10 .pic{margin:0 auto;width:60px;height:60px;border:#f0f0f0 solid 1px;border-radius:50%;background:#fff;}
.t-picture-list10 .pic img{display:block;width:100%;transition:all 0.5s;}
.t-picture-list10 .text{position:relative;line-height:1.5;overflow:hidden;}
.t-picture-list10 .text:before{display:block;margin:20px auto;width:20px;height:2px;content:"";background:#1d2c57;transition:all 0.5s;}
.t-picture-list10 .text h3{font-weight:normal;font-size:18px;color:#333;}
.t-picture-list10 .text p{margin-top:10px;font-size:16px;color:#666;overflow:hidden;}
.t-picture-list10 .item:hover{background:#1d2c57;}
.t-picture-list10 .item:hover .pic img{transform:rotateY(360deg);}
.t-picture-list10 .item:hover .text:before{background:#fff;width:100%;}
.t-picture-list10 .item:hover .text *{color:#fff!important;}
@media(max-width:1200px){
.t-picture-list10 .item{margin:10px 0;padding:30px 10px;width:calc(50% - 10px);}
.t-picture-list10 .text h3{font-size:16px;}
.t-picture-list10 .text p{font-size:14px;}
}
/*-- end t-picture-list10 --*/

/* super */
.super { padding: 60px 0 50px; background: #fff;}
.super .super-con { margin-top: 25px; overflow: hidden;}
.super .super-con .item {padding: 20px;box-sizing: border-box;background: #1d2b57;border-radius: 80px;margin: 10px;float: left;width: calc(100%/3 - 20px);height: 165px;}
.super .super-con .item:nth-child(odd) {animation: fadeinL 1s ease-out backwards;}
.super .super-con .item:nth-child(even) {animation: fadeinR 1s ease-out backwards;}
.super .super-con .item .pic {float: left; width: 114px; height: 114px; border-radius: 50%; overflow: hidden;}
.super .super-con .item .pic img { display: block; width: 100%;}
.super .super-con .item .tit {float: right;width: 67%;}
.super .super-con .item .tit h3 { font-size: 22px; color: #fff200; line-height: 1;}
.super .super-con .item .tit p { margin-top: 10px; font-size: 16px; color: #fff;}
@media (max-width:1440px) {
    .super .super-con .item .tit { width: 64%;}
    .super .super-con .item { height: 153px;}
    .super .super-con .item .tit h3 { font-size: 18px;}
    .super .super-con .item .tit p { font-size: 14px;}
}
@media (max-width:1200px) {
    .super .super-con .item { width: calc(100%/2 - 20px);}
    .super .super-con .item .tit { width: 73%;}
}
@media (max-width:992px) {
    .super { padding: 40px 15px;}
    .super .super-con .item {margin: 10px 0;width: 100%;padding: 10px;border-radius: 75px;height: auto;}
    .super .super-con .item .pic {width: 105px;height: 105px;}
    .super .super-con .item .tit { width: 66%;}
}
/* super end */

/* sjbj */
.sjbj { padding: 55px 0; position: relative; overflow: hidden;background: #fff;}
.sjbj .sjbj-con { position: relative; margin-top: 85px; overflow:hidden;}
.sjbj .sjbj-con .sjbjBg { display: block;  width: 100%;animation: fadein 5s ease-out backwards;}
.sjbj .sjbj-con .sjbjBg img { display: block; width: 100%;}
.sjbj .sjbj-con .sjbjBf { position:absolute;left: 0; top: 0; width: 100%;animation: bouncein 3s ease-out backwards; }
.sjbj .sjbj-con .sjbjBf img { display: block; width: 100%;}
@media (max-width:992px) {
    .sjbj { padding: 10px 0 40px;}
}
/* sjbj end */


/* server */
.server {padding: 60px 0;box-sizing: border-box;background: url(../images/Index/server-bg.jpg) no-repeat center;width: 100%;height: auto;background-size: cover;text-align: center;}
.server .wrap-title h2 { color: #fff;}
.server .wrap-title p { color: rgba(255,255,255,.5);}
.server .server-con { position: relative; margin-top: 75px;overflow: hidden;}
.server .server-con::after {content: '';display: block;position: absolute;left: 0;top: 21px;width: 100%;height: 8px;background: #fff;}
.server .server-con ul { position: relative; z-index: 4;}
.server .server-con li { float: left; width: calc(100%/7); text-align: center;}
.server .server-con li  span { margin: 0 auto; display: block; background: url(../images/Index/server-icon.png) no-repeat center; width: 51px; height: 51px; line-height: 51px; border-radius: 50%; font-size: 16px; text-align: center; background-size: 100%;}
.server .server-con li p { margin-top: 22px; font-size: 18px; color: #fff;}
.server .server-form {margin-top: 50px;display: inline-block;overflow: hidden;text-align: center;}
.server .server-form .form-list {float: left;display: block;vertical-align: middle;width: 340px;height: 60px;line-height: 60px;background: #fff;}
.server .server-form .form-list input { float: left; padding-left: 25px; box-sizing: border-box; display:block; width: 80%; height: 60px; border:none; outline: none;}
.server .server-form .form-list input::placeholder { color: #020518;}
.server .server-form .form-list i { display:block; font-size: 18px; color: #999; font-weight: bold;}
.server .server-form a {float: left;display: block;width: 240px;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #010101;background: #fff200;}
@media (max-width:992px) {
    .server { padding: 40px 15px;}
    .server .server-con { margin-top: 30px;}
    .server .server-con li p { margin-top: 15px; font-size: 14px;}
    .server .server-con li  span {width: 41px;height: 41px;line-height: 41px;font-size: 14px;}
    .server .server-con::after { display: none;}
    .server .server-con li { width: calc(100%/4);}
    .server .server-con li:nth-child(n+5) { margin-top: 30px; width: calc(100%/3);}
    .server .server-form { margin-top: 30px; width: 100%;}
    .server .server-form .form-list { float: none; width: 100%; height: 45px;line-height: 45px;}
    .server .server-form .form-list input { height: 45px;}
    .server .server-form a { margin-top: 10px; width: 100%; height: 45px;line-height: 45px;}
}
/* server end */

@media (max-width:992px) {
.header { height:auto;}
.header .logo { display:none;}
}