@media (max-width: 1500px) {

    .content { width: 1200px;}

}





/* banner */

.banner{ overflow: hidden;width: 100%; height: 700px; position: relative;}

.banner a { display: block; width: 100%; height: 700px; position: relative;}

.swiper-box {position: absolute;left: 4%;top: 29%;display: block;height: 43%;width: 20px;}

.swiper-container-horizontal>.swiper-pagination-bullets { width: 100px;}

.swiper-pagination-bullet {  width:15px; height:15px;display:block;position:relative;background: none; font-size: 14px; color: #6d6d6c; padding:20px 0;margin: 20px 0; opacity: 1; font-family: 'DIN Medium'}

.swiper-pagination-bullet:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 120%; height: 2px; background: #454443;}

.swiper-pagination-bullet-active { color: #014598; font-size:18px;}

.swiper-pagination-bullet-active:after { background: #014598;}

.banner  .prev  {position: absolute;z-index: 99;top: -15px;right: -27px;width: 15px;height: 15px;border-top: 2px solid rgba(255,255,255,0.5);border-right: 2px solid rgba(255,255,255,0.5);transform: rotate(-45deg);margin-right:30px;margin-top: 6px;}

.banner  .next  {position: absolute;z-index: 99;bottom: -15px;right: -27px;width: 15px;height: 15px;border-top: 2px solid rgba(255,255,255,0.5);border-right: 2px solid rgba(255,255,255,0.5);transform: rotate(135deg);margin-right:30px;margin-top: 6px;}

.banner  .swiper-box > span:hover {border-top: 2px solid #fff;border-right: 2px solid #fff;  cursor: pointer; }

@media (max-width: 1540px) {

    .swiper-box { left: 2%;}

}

/* banner end */





/* video */

.video { position: relative; overflow: hidden; padding: 88px 0 55px; background: #fff;}

.video-group { overflow: hidden; margin-top: 65px; width: 100%; }

.video-group .item { float: left; width: 25%; text-align: center;}

.video-group .item .pic {  animation:light1 1s; width: 97px; height: 97px; margin: 0 auto; border-radius: 50%; background: #014598;}

.video-group .item .pic img { width: 100%;}

.video-group .item p { font-size: 30px; color: #333; margin-top: 30px;}

.video-group .item span { display: block; width: 86%; margin: 20px auto 0; font-size: 16px; color: #666; line-height: 1.5;}

.video-play { width: 100%; height:600px; font-size: 0; position: relative; margin-top: 85px; cursor:pointer;}

.video-play  img { width: 1200px;}

.video-play .player { position: absolute; left: 23%; top: 48%; width: 58px; transform: translate(-50%,-50%);}

.video-play .player img { width: 100%;}

.video-play .player p {  margin-top:12px;text-align: center; font-size: 24px; color: #fff; font-family: "DIN Medium";}

@keyframes light1 {

    0% {transform: rotateY(0);}  50% {transform:rotateY(180deg)} 100% {transform:rotateY(0);}

}

@media (max-width: 1500px) {

  .video-play { height:520px;}

}

/* video end */



/*--system--*/

.system{position:relative;padding:20px 0;min-height:750px;overflow:hidden;background:#014598;}

.system .content{position:relative;z-index:3;}

.system .wrap-tit *{color:#fff;}

.system:after{content: '';display:block;position:absolute;left:0;top:355px;width:1000%;height:140px;background:url(../images/IndexSystem-be.png) repeat-x center;animation:linear 30s light3 infinite;}

.system-slide{position:relative;margin-top:170px;padding:0 100px;height:130px;overflow: hidden;}

.system-slide .tempWrap{width:1210px !important;margin: 0 auto;}

.system-slide .prev,.system-slide .next{position:absolute;z-index:3;top:50%;margin-top:-19px;width:38px;height:38px;cursor:pointer;border-radius:50%;}

.system-slide .prev{left:0;background:#fff url(../images/prev.png) no-repeat center;}

.system-slide .next{right:0;background:#fff url(../images/next.png) no-repeat center;}

.system-slide .prev:hover,.system-slide .next:hover{background-color:#e0e0e0;}

.system-list{min-width:10000px;}

.system-slide .item{position:relative;float:left;width:130px;height:130px;text-align:center;overflow:hidden;cursor: pointer;}

.system-slide .item:after{display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;content:"";opacity:0;background:rgba(255,255,255,0.1);transition:all 0.5s;transform: scale(0);border-radius:50%;}

.system-slide .item .circle{position:relative;z-index:2;margin:15px auto;width:100px;height:100px;overflow: hidden;background:#1661C4;border-radius:50%;transform: scale(0.84);transition:all 0.5s;}

.system-slide .item.cur{margin-right:680px;transform: scale(1);}

.system-slide .item.cur .circle,.system-slide .item.cur + .item .circle{transform: scale(1);}

.system-slide .item .circle i{display:block;margin:22px auto 5px;width:25px;height:25px;filter:contrast(0) brightness(2)}

.system-slide .item .circle i img{display:block;width:100%;}

.system-slide .item .circle span{display:block;font-size:14px;color:#fff;}

.system-slide .item:hover .circle{background:#fff;}

.system-slide .item:hover .circle i{filter:none;}

.system-slide .item:hover .circle span{color:#014598;}

.system-slide .item:hover:after{opacity:1;transform: scale(1);}

.system-main{position:absolute;z-index:33;top:140px;left:320px;right:320px;width:760px;height:614px;overflow:hidden;background:url(/images/IndexSystem-bg.png) no-repeat center 0;margin: 0 auto;}

.system-main .item{display:none;opacity:1 !important;}

.system-main .pic{margin:0 auto;padding:30px 20px;width:600px;height:368px;overflow:hidden;}

.system-main .pic img{display:block;width:100%;}

.system-main .text{text-align:center;padding-top:50px;line-height:1.5;overflow:hidden;}

.system-main .text h3{font-weight:normal;font-size:30px;color:#fff;}

.system-main .text h3 a{color:#fff;}

.system-main .text p{margin-top:10px;font-size:18px;color:#fff;}

@keyframes light3 {

0% {left:0;}

100% {left:-100%;}

}

/*--end system--*/



/* fzpc */

.fzpc{ position: relative; overflow: hidden; padding: 80px 0 70px; background: #fff;}

.fzpc  .content > p {font-size: 18px;line-height: 32px;color: #e0e0e0;font-family: "DIN Medium";}

.fzpc-con { overflow: hidden; display: block;justify-content: center;}

.fzpc-con .fzpc-le { float: right; width: 715px; position: relative;}

.fzpc-con .fzpc-le h2  { font-weight: normal; font-size: 42px; color: #333; margin-top: 70px;}

.fzpc-con .fzpc-le > p { font-size: 30px; color: #333; margin-top: 15px;}

.fzpc-con .fzpc-le .fzpc-group { margin-top: 80px; display: block;}

.fzpc-con .fzpc-le .fzpc-group .item { float: left; width: 33.333%; animation: fadeinT 1s ease-out backwards;}

.fzpc-con .fzpc-le .fzpc-group .item  img { width: 82px; margin-bottom: 22px;}

.fzpc-con .fzpc-le .fzpc-group .item p { font-size: 15px; color: #333; line-height: 1.5;}

.fzpc-con .fzpc-le:after { content: ''; display: block; position: absolute; bottom: -145px; left: 0; width: 18px; height: 4px; background: #014598;}

.fzpc-con .fzpc-ri { float: left; width:660px; font-size: 0;}

.fzpc-con .fzpc-ri img { width: 100%;}

@media (max-width: 1500px) {

    .fzpc-con .fzpc-le { width: 620px;}

    .fzpc-con .fzpc-ri { width: 560px;}

    .fzpc-con .fzpc-le:after { bottom: -63px;}

}

/* fzpc end */





/* glzj */

.glzj{ position: relative; overflow: hidden; background: url("../images/Index/glzj-bg.jpg") no-repeat center; width: 100%; height: 775px;}

.glzj .wrap-tit { padding-top: 85px;}

.glzj  .glzj-con { overflow: hidden; margin-top: 72px;display: flex;justify-content: center;}

.glzj  .glzj-le { float: left; width: 525px; padding-right: 10px;}

.glzj  .glzj-le .item { position:relative;width: 100%; padding: 40px 0; display: inline-block; background: #fff;}

.glzj  .glzj-le .item span { float: left; margin-left: 11px; margin-right: 11px; width: 78px; height: 78px; border-radius: 50%; background: #014598;}

.glzj  .glzj-le .item span img { width: 100%;  filter:contrast(0%) brightness(200%);}

.glzj  .glzj-le .item h2 { font-size: 24px; color: #333; margin-top: 5px;}

.glzj  .glzj-le .item p { font-size: 16px; color: #333; margin-top: 12px;}

.glzj  .glzj-le .item.cur { background: #014598;}

.glzj  .glzj-le .item.cur:after { content: ''; display: block; background: url("../images/Index/glzj-bf.png")no-repeat center; width: 4px; height: 10px; position: absolute; right: -4px; top: 50%; margin-top: -5px;}

.glzj  .glzj-le .item.cur span { background: #fff;}

.glzj  .glzj-le .item.cur span img { filter: none;}

.glzj  .glzj-le .item.cur h2 ,.glzj .glzj-le .item.cur p { color: #fff;}

.glzj  .glzj-ri  { float: left; width: 865px; }

.glzj  .glzj-ri .item { width: 100%; font-size: 0;}

.glzj  .glzj-ri .item img { width: 100%;}

@media (max-width: 1500px) {

    .glzj  .glzj-le { width: 425px;}

    .glzj .glzj-le .item { padding: 31px 0;}

    .glzj .glzj-le .item h2 {  font-size: 21px;}

    .glzj  .glzj-ri { width: 765px;}

}

/* glzj end */





/* case */

.case { position: relative; overflow: hidden; padding: 95px 0 0; background: #fff;}

.case-slide {  position:relative;display: block; margin: 32px auto 0; width: 100%;  height:527px;overflow: hidden;background: #1c1c1c;}

.case-slide .case-main { width: 100%; height: 527px; overflow: hidden; position: relative;}

.case-slide .case-main .bd { position: absolute; top: 0; left: 0;}

.case-slide .item { float: left; width: 280px; height: 527px; overflow: hidden; position: relative; transition:  all 1s;}

.case-slide .item > i { position: absolute; left: 0; top: 0;  z-index:2;width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.case-slide .item .case-show { display: block; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 3; text-align: center;}

.case-slide .item .case-show span { display: inline-block; width: 71px; height: 71px; border-radius: 50%; background: #fff;}

.case-slide .item .case-show span img { width: 100%;}

.case-slide .item .case-show h2 { font-size: 22px; color: #fff; margin-top: 18px; font-weight: normal;}

.case-slide .item .case-show p { font-size: 14px; color: rgba(255,255,255,0.2); margin-top: 5px; display: block;}

.case-slide .item .case-show > i { display: inline-block; background: url("../images/case-next.png")no-repeat center; width: 32px; height: 11px; margin-top: 27px;}

.case-slide .item.cur { width: 560px!important;}

.case-slide .item.cur > i { background: rgba(0,109,598,0.85);}

.case-slide .item.cur .case-hide { display: block;}

.case-slide .item.cur .case-show { display: none;}

.case-slide .case-hide { position: relative; z-index: 4; display: none;}

.case-slide .case-hide .hide-tit {white-space: nowrap;padding-left: 47px; width: 50%;}

.case-slide .case-hide h2 { font-size: 26px; color: #fff; margin-top: 130px;}

.case-slide .case-hide span { display: block; font-size: 14px; color: rgba(255,255,255,0.5); padding: 10px 0 30px;}

.case-slide .case-hide p { font-size: 15px; color: #fff; line-height: 1.5;}

.case-slide .case-hide  img { position: absolute; right: 0; top: 0;background: url("../images/case-bf.png") no-repeat center; width: 229px; height: 527px; z-index: 3;}

.case-slide .case-hide .hide-tit > a  { margin-top: 45px; color: #014598; display: inline-block; padding: 13px; background: #fff; font-size: 15px;}

.case-slide .case-hide .hide-tit > a i { display: inline-block; margin-right:5px;background: url("../images/case-btn.png") no-repeat center; width: 20px; height: 20px;vertical-align: middle;}

.y-left-btn { cursor:pointer; position: absolute; left: 10%; top: 50%; font-size: 34px; font-family:'黑体'; font-weight: bold; color: rgba(255,255,255,0.5)}

.y-right-btn {  cursor:pointer;position: absolute; right: 10%; top: 50%; font-size: 34px; font-family:'黑体'; font-weight: bold; color: rgba(255,255,255,0.5)}

.case-slide > span:hover { color: #014598;}

@media (max-width: 1400px) {

    .case-slide .item { width: 230px;}

    .case-slide .item.cur { width: 510px;}

    .y-left-btn { left: 3%;}

    .y-right-btn { right: 3%;}

    .case-slide .case-hide img { width: 200px; height: 460px; margin-top: 67px; background-size: 100%;}

}

/* case end */



/* photos */

.photos {position: relative;padding: 100px 0 140px;overflow: hidden;text-align: center;background: #fff;}

.photos-group  { overflow: hidden; margin-top: 39px; display: block;}

.photos-group .photos-top { overflow: hidden; margin-bottom: 1%;}

.photos-group .photos-top .item { float: left; width: 49.5%; margin-right: 1%; position: relative; overflow: hidden;}

.photos-group .photos-top .item:last-of-type { margin-right: 0;}

.photos-group .item  img { width: 100%; transition: all 1s;}

.photos-group .photos-top .item .tit{  text-align:left;animation: fadeinT 1s ease-out backwards;position: absolute; left: 3%; bottom: 20px; width: 94%; background: rgba(255,255,255,0.9); padding:30px 0; overflow: hidden;}

.photos-group .photos-top .item .tit:after { content: ''; display: block; position: absolute; right: 4%; top: 35%; background: url("../images/photos-next.png") no-repeat center; width: 37px; height: 37px; border-radius: 50%; border: 1px solid #e1e1e0; box-sizing: border-box;}

.photos-group .photos-top .item .tit h2 { padding-left: 20px; font-size: 20px; color: #333; font-weight: normal; width: 80%;}

.photos-group .photos-top .item .tit p { padding-left: 20px; font-size: 14px; color: #333; margin-top: 10px; width: 80%;}

.photos-group .photos-bm { overflow: hidden; display: block;}

.photos-group .photos-bm .item { float: left; width: 24.25%; margin-right: 1%; overflow: hidden;}

.photos-group .photos-bm .item:last-of-type { margin-right: 0;}

.photos-group .item:hover img { transform: scale(1.05);}

.photos .content > a { display:inline-block; font-size: 16px; color: #333; margin-top: 35px;}

.photos .content > a i { display: inline-block; margin-left: 5px; background: url("../images/Index/all-next.png") no-repeat center; width: 15px;height: 15px; vertical-align: middle;}

.photos .content > a:hover { color: #014598;}

.photos .content > a:hover i { background: url("../images/Index/all-next_02.png") no-repeat center; filter:none;}

/* photos end */



/* partner */

.partner {position: relative;z-index: 2;overflow: hidden;margin: -82px auto 0;width: 1400px;height: 165px;background: #fff;box-shadow: 0 -8px 54px 0 rgba(238, 238, 238, 0.9);}

.partner .item { float: left; width: 12.5%; font-size: 0; text-align: center; border-right: 1px solid #e8e8e8; box-sizing: border-box;}

.partner .item:last-of-type { border-right: none;}

.partner .item img {width: 100%;padding: 32px 0;}

.partner .item:hover img { opacity: 0.7;}

@media (max-width: 1500px) {

    .partner { width: 1200px;}

}

/* partner end */





/* server */

.server { margin-top: -82px; position: relative; overflow: hidden; background: url("../images/server-bg.jpg") no-repeat center; width: 100%; height: 539px;}

.server .wrap-tit { margin-top: 167px;}

.server .wrap-tit h2 { color: #fff;}

.server .wrap-tit p {color: rgba(255,255,255,0.5);font-size: 20px;}

.server-con {overflow: hidden; margin: 55px auto 0;}

.server-con .item { float: left; width: 25%; text-align: center;}

.server-con .item span { animation:light2 1s; display: inline-block; width: 76px; height: 76px; border-radius: 50%; background: #fff;}

.server-con .item span img { width: 100%;}

.server-con .item p { font-size: 24px; color: #fff; margin-top: 30px;}

.server-con .item em { display: block;  font-size: 15px; margin-top: 15px; color: #fff;}

@keyframes light2 {

    0% {transform: rotateY(0);}  50% {transform:rotateY(180deg)} 100% {transform:rotateY(0);}

}



/* server end */





/* news */

.news { overflow: hidden; padding: 84px 0 79px; background: #f3f3f3; }

.news-slide { width: 100%; overflow: hidden; padding-top: 40px;}

.news-slide .news-menu { display: block; width: 100%; text-align: center;}

.news-slide .news-menu ul { display: inline-block;}

.news-slide .news-menu ul li {float:left;width: 128px;height: 44px;line-height: 44px;text-align: center;background: #fff;border-radius: 21px;font-size: 18px;color: #666;margin: 0 18px;border: solid 1px #e1e1e1;box-sizing: border-box;}

.news-slide .news-menu ul li a { display: block; color: #666;}

.news-slide .news-menu ul li.cur { background: #014598;border: solid 1px #e1e1e1;}

.news-slide .news-menu ul li.cur a { color: #fff;}

.news-slide .news-main { overflow: hidden; width: 100%;}

.news-slide .news-main  .news-list { padding-top: 38px;}

.news-slide .news-main  .news-list .item { float: left; width: 440px; margin-right: 40px; font-size: 0; overflow: hidden;}

.news-slide .news-main  .news-list .item:last-of-type { margin-right: 0;}

.news-slide .news-main  .item img { width: 100%;}

.news-slide .news-main  .item .tit { padding: 30px 0 0; overflow: hidden;}

.news-slide .news-main  .item .tit h2 { font-size: 20px; color: #333; font-weight: normal;}

.news-slide .news-main  .item .tit em {display: block;font-size: 16px;color: #666;padding: 10px 0 30px;font-family: "DIN Medium";}

.news-slide .news-main  .item .tit p {display: block;font-size: 14px;color: #333;padding-left: 50px;height: 100px;text-align: left;line-height: 1.5;}

.news-slide .news-main  .item .tit span { /*display: block;*/ margin-top: 20px; font-size: 14px; color: #333; vertical-align: middle;}

.news-slide .news-main  .item .tit span i { margin-right:9px; margin-top:-2px;display: inline-block; background: url("../images/news-next.png") no-repeat center; width: 21px; height: 21px; border-radius: 50%; background-color: #232323; vertical-align: middle;}

.news-slide .news-main  .item:hover h2 { color: #014598;}

.news-slide .news-main  .item:hover .tit span { color: #014598;}

.news-slide .news-main  .item:hover .tit span i { background-color: #014598;}



@media (max-width: 1500px) {

    .news-slide .news-main .news-list .item { width: 373px;}

}

/* news end */