/* banner */
.banner{ clear:both;position: relative; overflow: hidden;width: 100%;}
.banner .bd { width: 100%;}
.banner .bd ul li a { display: block; }
.banner .hd { position: absolute; left: 0; bottom: 20px; display: block; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd ul li { float: left;  overflow:hidden; border-radius:50%;text-indent: -999px; margin: 0 10px; width: 11px; height: 11px; background: #fff;}
.banner .hd ul li.cur { background: #fb0301;}
.banner .prev, .banner .next {  display:block; cursor:pointer;position: absolute; top: 50%; margin-top: -35px; width: 70px; height: 70px; ; opacity: 0; transition: all 1s; border-radius: 50%;}
.banner .prev { left: 5%; background: url("../images/Index/banner_prev.png")no-repeat center;}
.banner .next { right: 5%; background: url("../images/Index/banner_next.png")no-repeat center;}
.banner:hover .prev, .banner:hover .next { opacity: 0.5; background-color: #fb0301;}
.banner .prev:hover , .banner .next:hover  { opacity: 1;}
/* banner end */


/* video */
.video { position: relative; overflow: hidden; background: url("../images/Index/video-bg.jpg") no-repeat center; width: 100%; height: 620px; background-size: cover;}
.video .wrap-tit { padding-top: 70px;}
.video-con { overflow: hidden; margin-top: 65px;}
.video-play { position:relative;float: left; width: 495px;  font-size: 0; border-radius: 0 20px 0 0; overflow: hidden; animation: fadeinL 1s ease-out backwards;}
.video-play img { width: 100%;}
.video-play:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url("../images/Index/palyer.png") no-repeat center; width: 50px; height: 52px; transform: translate(-50%,-50%);}
.video-group { float: left; width: 905px; animation: fadeinR 1s ease-out backwards;}
.video-group .item { float: left; padding: 34px 0; margin-left: 20px; margin-bottom: 20px; background: #fff; border-radius: 0 20px 0 0; width: 430px;}
.video-group .item span {  display:block;margin-left: 55px;float: left; width: 98px; height: 98px; overflow: hidden; border-radius: 50%; background: #eee; border:5px solid  #f6f6f6; }
.video-group .item span img { width: 100%;}
.video-group .item .tit { float: left; margin-left: 27px;}
.video-group .item .tit h2 { margin-bottom:10px;font-size: 22px; color: #333; font-weight: normal;}
.video-group .item .tit p { font-size: 16px; color: #666; line-height: 1.5;}
.video-group .item:hover { background: #fb0301;}
.video-group .item:hover .tit h2,.video-group .item:hover .tit p { color: #fff;}
.video-group .item:hover span { border: solid 5px #fd8887;}
@media (max-width: 1400px) {
    .video-play { width: 395px;}
    .video-group { width: 805px;}
    .video-con iframe { height:295px; margin-top:0;}
    .video-group .item {width: 380px;margin-left: 10px;margin-right: 10px;padding: 24px 0;}
    .video-group .item span { width: 80px; height: 80px; margin-left: 35px;}

}
/* video end */


/* product */
.product {position: relative;/* overflow: hidden; */padding-top: 80px;background: #fff;}
.product-menu {float: left;width: 327px;margin-right: 15px;margin-top: 32px;}
.product-menu .menu-hd { padding:35px 0; box-sizing:border-box;text-align: center; background:url("../images/Index/product-menu.jpg") no-repeat center;width: 100%; height: 124px; background-size: cover;}
.product-menu .menu-hd h2 { color: #fff;}
.product-menu .menu-hd p { color: #fff; margin-top: 5px;font-size: 18px; }
.product-menu li {width: 100%;overflow: hidden;padding-left: 25%;height: 88px;line-height: 88px;background: #eee;border-bottom: 1px solid #dedede;box-sizing: border-box;}
.product-menu li:last-of-type { border-bottom: none;}
.product-menu li a { display: block; font-size: 18px; color: #666;}
.product-menu li.cur { background: #fb0301;}
.product-menu li.cur a { color: #fff;}
.product-main { float: left; width: 1058px; background: #fff;}
.product-main .product-list { background: #fff;}
.product-main .product-list .item {float: left;margin: 0 16px;width: 318px;}
.product-main .product-list .item:last-of-type { margin-right: 0;}
.product-main .product-list .item .pic {width: 100%;font-size: 0;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);overflow: hidden;margin-top: 32px;box-sizing: border-box;}
.product-main .product-list .item .pic img { width: 100%; height:200px; transition: all 1s;}
.product-main .product-list .item:hover .pic img { transform: scale(1.05);}
.product-main .product-list .item p {font-size: 18px;color: #666;margin-top: 27px;text-align: center;}
@media (max-width: 1400px) {
    .product-menu { width: 232px; margin-right: 10px;}
    .product-main { width: 958px;}
     .product-main .product-list .item .pic {box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);}
    .product-main .product-list .item { width: 292px; margin: 0 13px;}
       .product-main .product-list .item p { margin-top:29px;}
    .product-menu li { padding-left: 18%; height: 80px; line-height: 80px; }
}
/* product end */


/* server */
.server { position: relative; overflow: hidden; padding-top: 75px; background: #fff;}
.server-img { margin-top:35px;background: url("../images/Index/server-bg.jpg") no-repeat center;  height: 540px; background-size: cover;}
.server-img .item { margin-top: 3%; padding: 60px 180px 60px 45px; float: left; width: 48%; margin-right: 4%; border: 1px solid rgba(255,255,255,0.5); box-sizing: border-box;}
.server-img .item:nth-of-type(2) { margin-right: 0;}
.server-img .item h2 { color: #fff; font-weight: normal; font-size: 30px;}
.server-img .item span { display: block; font-size: 20px; color: #fff; margin-top: 5px;}
.server-img .item i { display: block; width: 48px; height: 3px; background: #fb0301; margin: 25px 0 55px;}
.server-img .item p {  font-size: 20px; color: #fff; line-height: 1.5;}
.server-img .item a { margin-top: 45px; display: block; width: 125px; height: 44px; line-height: 44px; text-align: center; background: #fb0301; color: #fff; font-size: 18px; border-radius: 0 20px 0 0;}
@media (max-width: 1400px) {
    .server-img .item { padding: 60px 80px 60px 45px;}
}
/* server end */


/* adv */
.adv{ position: relative; overflow: hidden; background: #fff; padding-bottom: 50px;}
.adv .wrap-tit h2 {font-weight:bold;}
.adv:after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dedede;}
.adv::before { content: ''; display: block; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; background: #dedede;}
.adv .wrap-tit { position: relative; z-index: 2; padding-top: 100px;}
.adv .wrap-tit p {  color: #333;}
.adv-con {display: block;/* overflow: hidden; */}
.adv-con .item {position:relative;float: left;width: 50%;padding-top: 60px;padding-bottom: 60px;box-sizing: border-box;}
.adv-con .item .adv-top {overflow: hidden;}
.adv-con .item .adv-top span {float: left;  padding-top: 55px;  background: url("../images/Index/adv-arrow.png") no-repeat center; width: 132px; height: 114px; background-size: 100%; font-size: 36px; color: #fff;font-family: "DIN Bold"; text-align: center; box-sizing: border-box;}
.adv-con .item .adv-top .tit {float: left;padding-top: 50px;padding-left: 22px;}
.adv-con .item .adv-top .tit h2 { font-size: 24px; color: #333;}
.adv-con .item .adv-top .tit  p { font-size: 20px; color: #333; margin-top: 5px;}
.adv-con .item .adv-top .tit p em { font-family: "DIN Bold";}
.adv-con .item > p { clear: both; font-size: 16px; color: #666; margin-top: 30px; width: 85%; line-height: 1.5; height: 75px;}
.adv-con .item .pic { width: 618px; font-size: 0; margin-top: 30px;}
.adv-con .item .pic img { width: 100%;}
.adv-con .item:nth-of-type(odd) {  animation: fadeinL 1s ease-out backwards;}
.adv-con .item:nth-of-type(even) { padding-left:80px; animation: fadeinR 1s ease-out backwards;}
.adv-con .item:nth-of-type(even) > p { width: 100%;}
.adv-con .item:nth-of-type(3):after { content: ''; display: block; position: absolute; bottom: 0; right: 16%; background: url("../images/Index/adv-icon03.png") no-repeat center;  width: 160px; height: 166px; background-size: 100%;}
.adv-con .item:nth-of-type(4):after {content: '';display: block;position: absolute;bottom: -50px;right: 4%;background: url("../images/Index/adv-icon04.png") no-repeat center;width: 205px;height: 376px;background-size: 100%;}
@media (max-width: 1400px) {
    .adv-con .item .pic { width: 518px;}
}
/* adv end */

/* glxt */
.glxt { position: relative; overflow: hidden; background: url("../images/Index/glxt-bg.jpg") no-repeat center; width: 100%; height: 538px; background-size: cover;}
.glxt-con { overflow: hidden; padding-top: 67px;}
.glxt-con .glxt-le { position:relative;float: left; background: url("../images/Index/glxt-bg02.png") no-repeat center; width: 605px; height: 396px; background-size: 100%;}
.glxt-con .glxt-le .item:nth-of-type(1) { position: absolute; left: 50%; top: 0; width: 122px; height: 122px; border-radius: 50%; background: #fff; transform: translateX(-50%); text-align: center;}
.glxt-con .glxt-le .item:nth-of-type(2) { position: absolute; left: 0; bottom: 0; width: 122px; height: 122px; border-radius: 50%; background: #fff;text-align: center;}
.glxt-con .glxt-le .item:nth-of-type(3) { position: absolute; right:0; bottom: 0; width: 122px; height: 122px; border-radius: 50%; background: #fff;text-align: center;}
.glxt-con .glxt-le .item img { width: 50px; margin-top: 20px;}
.glxt-con .glxt-le .item p { font-size: 16px; color: #333; margin-top: 7px;}
.glxt-con .glxt-le > h2 { padding-top: 180px; font-size: 36px; color: #fff; text-align: center; font-weight: normal;}
.glxt-con .glxt-le > em { display: block;font-size: 36px; color: #fff; text-align: center;}
.glxt-con .glxt-le > p { margin-top:5px;font-size: 18px; color: #bbb6b6; text-align: center;}
.glxt-con  .glxt-le .item.cur  { background: #fb0000; border: solid 10px  #bc0505;}
.glxt-con  .glxt-le .item.cur img {filter:contrast(0%) brightness(200%)}
.glxt-con  .glxt-le .item.cur p { color: #fff;}
.glxt-con  .glxt-main { float: left;}
.glxt-con  .glxt-main .pic { float: left; width: 475px; font-size: 0;}
.glxt-con  .glxt-main .pic img { width: 100%;}
.glxt-con  .glxt-main .tit { float: left; width: 320px; margin-top: 65px;}
.glxt-con  .glxt-main .tit h2 { font-size: 24px; color: #fff; font-weight: normal;}
.glxt-con  .glxt-main .tit h2 a { color: #fff;}
.glxt-con  .glxt-main .tit ul { margin-top: 45px; overflow: hidden;}
.glxt-con  .glxt-main .tit li { position: relative; margin-bottom: 20px; float: left; font-size: 18px; color: #fff; padding-left: 30px; box-sizing: border-box;}
.glxt-con  .glxt-main .tit li:nth-of-type(odd) { width: 200px;}
.glxt-con  .glxt-main .tit li:after  { content: ''; display: block; position: absolute; left: 0; top: 3px; background: url("../images/Index/glxt-icon01.png") no-repeat center; width: 15px; height: 15px;}
.glxt-con  .glxt-main .tit > a { margin-top:30px;display: block; width: 125px; height: 45px; line-height: 45px; border-radius: 0 15px 0 0; background: #fb0000; text-align: center; font-size: 18px; color: #fff;}
@media (max-width: 1400px) {
    .glxt-con .glxt-le { width: 505px; height: 331px;}
    .glxt-con .glxt-le .item { width: 100px!important; height: 100px!important;}
    .glxt-con .glxt-le .item img { width: 35px; margin-top: 10px;}
    .glxt-con .glxt-le .item p { font-size: 14px;}
    .glxt-con .glxt-le > h2 { padding-top: 145px;}
    .glxt-con .glxt-main .pic { width: 420px;}
    .glxt-con  .glxt-main .tit { width: 267px;}
    .glxt-con .glxt-main .tit li:nth-of-type(odd) { width: 160px;}
}
/* glxt end */


/* honor */
.honor { position: relative; background: url("../images/Index/honor-bg.jpg") no-repeat center; width: 100%; height: 654px; background-size: cover;}
.honor .wrap-tit { padding-top: 60px;}
.honor-slide { overflow: hidden; margin-top: 45px; position: relative;}
.honor-slide .honor-menu { display: block; width: 100%; text-align: center; margin-bottom: 34px;}
.honor-slide .honor-menu ul { display: inline-block;}
.honor-slide .honor-menu li { float: left; margin:0 20px;width: 125px; height: 44px; line-height: 44px; text-align: center;}
.honor-slide .honor-menu li a { display: block; font-size: 18px; color: #666; background: #fff; border-radius: 0 15px 0 0;}
.honor-slide .honor-menu li.cur a { background: #fb0000; color: #fff;}
.honor-slide .honor-main { overflow: hidden; padding: 0 70px; box-sizing: border-box;}
.honor-slide .honor-main .honor-list { overflow: hidden;}
.honor-slide .honor-main .item { float: left; width: 20%;}
.honor-slide .honor-main .item .pic { margin: 0 10px; border-radius: 0 15px 0 0; border: 1px solid #e3e3e3; box-sizing: border-box; overflow: hidden;}
.honor-slide .honor-main .item .pic img { width: 100%; transition: all 1s;}
.honor-slide .honor-main .item p { font-size: 18px; color: #333; padding-top: 10px; text-align: center;}
.honor-slide .honor-main .item:hover img { transform: scale(1.05);}
.honor-slide > span { cursor: pointer; position: absolute; top: 50%;  width: 43px; height: 43px; border-radius: 50%; overflow: hidden; background: #fff; border: 1px solid #e3e3e3; box-sizing: border-box;}
.honor-slide > span img { width: 100%;}
.honor-slide .honor-prev { left: 0;}
.honor-slide .honor-next { right: 0;}
.honor-slide > span:hover { background: #fb0000; border: 1px solid #fb0000;}
.honor-slide > span:hover img {filter:contrast(0%) brightness(200%);}
/* honor end */


/* news */
.news { overflow: hidden; padding: 60px 0; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; background: #fff;}
.news-slide { overflow: hidden; margin-top: 40px; position: relative;}
.news-slide .news-menu { display: block; width: 100%; text-align: center; margin-bottom: 34px;}
.news-slide .news-menu ul { display: inline-block;}
.news-slide .news-menu li { float: left; margin:0 20px;width: 125px; height: 44px; line-height: 44px; text-align: center;}
.news-slide .news-menu li a { display: block; font-size: 18px; color: #666; background: #eee; border-radius: 0 15px 0 0;}
.news-slide .news-menu li.cur a { background: #fb0000; color: #fff;}
.news-slide .news-main { overflow: hidden;}
.news-slide .news-main .item {float: left;width: 30%;padding-right: 5%;}
.news-slide .news-main .item .pic { width: 100%; font-size: 0; overflow: hidden;border-radius: 0 15px 0 0;}
.news-slide .news-main .item .pic img { height: 300px; transition: all 1s;}
.news-slide .news-main .item .tit { overflow: hidden; padding: 15px 25px; background: #f3f3f3; box-sizing: border-box;}
.news-slide .news-main .item .tit h2 { font-size: 16px; color: #0f0f0f; font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news-slide .news-main .item .tit p { font-size: 14px; color: #999; line-height: 1.5; margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news-slide .news-main .item .tit em { display: block; font-size: 14px; color: #ccc; margin-top: 20px;}
.news-slide .news-main .item .tit em i {  margin-top:1px;float: left; background: url("../images/Index/news-icon.png") no-repeat center; width: 14px; height: 14px; background-size: 100%; margin-right: 5px;}
.news-slide .news-main .item:hover img {  transform: scale(1.05);}
.news-slide .news-main .item:hover h2 { color: #fb0301;}
.news-slide .news-main .item:last-of-type { padding-right: 0;}
/* news end */


/* case */
.case { overflow: hidden; padding: 70px 0; background: #fff;}
.case-slide { overflow: hidden; margin-top: 40px; position: relative;}
.case-slide .case-menu { display: block; width: 100%; text-align: center; margin-bottom: 55px;}
.case-slide .case-menu ul { display: inline-block;}
.case-slide .case-menu li { float: left; margin:0 20px;width: 125px; height: 44px; line-height: 44px; text-align: center;}
.case-slide .case-menu li a { display: block; font-size: 18px; color: #666; background: #eee; border-radius: 0 15px 0 0;}
.case-slide .case-menu li.cur a { background: #fb0000; color: #fff;}
.case-slide .case-main .item { float: left; width: 24%; margin-right: 1.3333%;}
.case-slide .case-main .item:last-of-type { margin-right: 0;}
.case-slide .case-main .item .pic { position: relative; overflow: hidden; font-size: 0; border-radius: 0 15px 0 0;}
.case-slide .case-main .item .pic img { width: 100%; transition: all 1s;height: 224px;}
.case-slide .case-main .item .pic p { position: absolute; left: 5%; bottom:13px; width: 90%; height: 53px; line-height: 53px; text-align: center; font-size: 18px; color: #666; background: #fff; border-radius: 0 15px 0 0;}
.case-slide .case-main .item:hover img { transform: scale(1.05);}
.case-slide .case-main .item:hover p { background: #fb0301; color: #fff;}
/* case end */


/* partner */
.partner { position: relative; overflow: hidden; background: url("../images/Index/partner-bg.jpg") no-repeat center; width: 100%; height: 500px; background-size: cover;}
.partner .wrap-tit { padding-top: 45px;}
.partner-con { overflow: hidden; margin-top: 40px;}
.partner-con ul li { float:left;width: 232px; margin-right: 1px; margin-bottom: 1px; font-size: 0;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}
.partner-con ul li img { width: 100%;}
.partner-con ul li:hover { filter: none;}
@media (max-width: 1400px) {
    .partner-con ul li { width: 199px;}
}
/* partner end */

.banner,.mbanner{position:relative;overflow:hidden;width:100%;height:auto}
.banner .swiper-container,.mbanner .swiper-container{width:100%;height:100%}
.banner .swiper-slide,.mbanner .swiper-slide{position:relative;overflow:hidden;background:#fff}
.mbanner .swiper-slide img{width:100%;}
.banner .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1)}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1)}
.banner .swiper-pagination{bottom:3rem!important;left:0!important;margin-left:25%;width:50%;text-align:center}
.banner .swiper-pagination-bullet{width:1.8rem;height:1.8rem;background:#fff; opacity:1;transition:all .5s}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 1.5rem;}
.banner .swiper-pagination-bullet-active{background:#134993;}
.banner .swiper-container .swiper-button-next:hover,.banner .swiper-container .swiper-button-prev:hover{opacity:1}
.banner .swiper-button-next,.banner .swiper-button-prev{padding:.5rem 0;width:4.5rem;opacity:.3; top: 45%;}
.banner .swiper-button-prev{left:1.5rem; background:url(../images/left.png) no-repeat center #fff}
.banner .swiper-button-next{right:1.5rem;background:url(../images/right.png) no-repeat center #fff}
.banner .txt{ position: absolute; top: 15%; z-index: 999; left: 7.5%; background: rgba(19,73,147,0.8); padding: 3rem;}
.banner .txt p{ color: #fff; font-size: 5rem; line-height: 1.2; font-weight: normal;}
.banner .txt span{ position: absolute; bottom: -3rem; display: block; width: 0; height: 0; border-left: 3rem solid transparent; border-right: 3rem solid transparent; border-top: 3rem solid rgba(19,73,147,0.8);}