::-webkit-scrollbar{  width: 10px;  height: 10px;  background-color: #F5F5F5;  }  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  }    
::-webkit-scrollbar-thumb  {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #bdbdbd;  }  
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
html {scrollbar-face-color:#bfbfbf;scrollbar-highlight-color:#000;scrollbar-3dlight-color:#000;scrollbar-darkshadow-color:#000; scrollbar-Shadow-color:#adadad;scrollbar-arrow-color:rgba(0,0,0,0.4);scrollbar-track-color:#eeeeee;}


body{ background: #f3f3f3; }
.mask{ width: 100%;z-index: 1; height: 650px; position: absolute; left: 0; top: 0; background: rgba(0, 0,0, .15); }
.am {
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s ease-in-out;
}
.index-banner .banner{ height: 100%; }
.banner-txt{ z-index: 9; font-size: 14px;width: 100%; padding-top:20%; text-align: center; }
.banner-txt .title{ font-weight: normal; font-size: 52px; padding-bottom: 35px;  }
.banner-txt .desc{ line-height: 2; padding-bottom: 30px; }
.banner-txt .more-btn{ width: 142px; height: 54px; margin: 0; line-height: 54px; text-align: center; padding: 0 10px; border: 1px solid rgba(255,255,255,.5);  }
.index-banner .banner-pagination{ position: absolute; right: 0; top: -449px; z-index: 9; writing-mode: vertical-lr ; -webkit-writing-mode: vertical-lr ; -ms-writing-mode: vertical-lr ; }
/* .index-banner .banner-pagination{ position: absolute; right: 260px; top: 190px; z-index: 9; writing-mode: vertical-lr ; -webkit-writing-mode: vertical-lr ; -ms-writing-mode: vertical-lr ; } */
.banner-txt .banner-link-center a.more-btn{ display: inline-block; background: none; font-size: 18px;}
.banner-txt .banner-link-center a.more-btn:hover{ background: #4cb85b;}
.banner-nav{ position: absolute; bottom: 90px; left: 0; z-index: 99; /* padding: 0 260px; */ width: 100%; }
.banner-nav .banner-nav-item{ background: #ffffff; color: #333333; display: block; transition: .3s; width: 20%; border-right: 1px #f0f0f0 solid;  text-align: center; font-size: 18px; cursor: pointer; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
/* .banner-nav .banner-nav-item:after, .banner-nav .banner-nav-item::after{ 
  content: '';
  position: absolute;
  width: 69%;
  height: 3px;
  background: rgba(255,255,255,.5);
  left: 36px;
  top: 12px;
} */
.banner-nav .center-index{ position: relative; }
.banner-nav .banner-nav-item .iconfont{ font-size: 40px; vertical-align: middle; margin-right: 12px;}
.banner-nav .banner-nav-item img{ width: 40px;height: 40px; margin: 0 auto; vertical-align: middle; margin-right: 12px;}
/* .banner-nav .banner-nav-item .nav-item-wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1.2;
} */
.banner-nav .banner-nav-item .nav-item-wrap p{ display: block; background: url(../../images/sj.png) bottom center no-repeat; padding: 25px 0;}
/* .banner-nav .banner-nav-item .nav-item-wrap p{
  margin-top: 10px;
} */
.banner-nav .banner-nav-item.active{ background: #1b31a7; color: #FFF; border-right: 1px #1b31a7 solid;}
.banner-nav .banner-nav-item.active:after, .banner-nav .banner-nav-item.active::after{ opacity: 0; }
.banner-nav .banner-nav-item:hover{ background: #1b31a7; color: #FFF; border-right: 1px #1b31a7 solid;}
.banner-nav .banner-nav-item:hover:after, .banner-nav .banner-nav-item:hover:after{ opacity: 0; }

.banner-news{ line-height: 90px; color: #666;}
.banner-news .banner-news-item { font-size: 14px; }
.banner-news .banner-news-item .news-tag{ line-height: 30px; margin-top: 30px; margin-right: 48px; font-size: 14px; height: 30px; width: 72px; text-align: center; border-radius: 30px; background: #0d3380; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.banner-news .banner-news-item>h2{ width: 520px; font-weight: normal; font-size: 14px; }

.index-about{ padding-top: 70px;}
.section-two{ background: #f8f8f8;}
.index-about .indestop-news{ line-height: 80px; color: #666; border-top: 1px #ebebeb solid;border-bottom: 1px #ebebeb solid;}
.index-about .indestop-news .indestop-news-item { font-size: 18px; visibility:visible; }
.index-about .indestop-news .indestop-news-item .news-tag{ line-height: 40px; margin-top: 20px; margin-right: 48px; font-size: 18px; height: 40px; width: 120px; text-align: center; border-radius: 30px; background: #0d3380; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.index-about .indestop-news .indestop-news-item>h2{ font-weight: normal; font-size: 18px; max-width: 800px; color: #1b30a6; }
.w50{ width: 50%;}

.innews-center-left{ border-right: 1px #ebebeb solid; padding-right:45px;}
.innews-center-right{ padding-left: 45px;}

.innew-slider{ padding-top: 35px;}
.innew-slider .news-swiper-wrap{ width: 100%; position: relative;}

.innew-slider .news-swiper-wrap, .innew-slider .news-pic{ height: 350px;}
.innew-list-center{ padding-top: 35px;}
.innew-list-center .innew-top h2.title{ font-size: 30px; color: #333;}
.innew-list-center .innew-top a.top-more{ font-size: 18px; color: #1b30a6; display: inline-block; padding: 7px 20px; border-radius: 30px; border: 1px #1b30a6 solid;}
.innew-list-center .innew-top a.top-more:hover{ background: #1b30a6; color: #fff;}

.innew-list-center .innew-list{ border-top: 1px #ebebeb solid; padding-top: 15px; margin-top: 20px; padding-right: 150px;}
ul.innew-item li a{ display: block; font-size:18px; color: #666666; padding: 4px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
ul.innew-item li a:hover{ color: #1b30a6;text-decoration:underline;}
.innew-list-center3{ margin-top: 20px;}









.banner-video{ width: 19%; height: 160px; position: absolute; right: 0; bottom: 0; z-index: 100; }
.banner-nav .banner-video .position-center>img{ 
    margin: 0 auto;
}


.index-news{ padding-top: 150px; }
.index-news .news-content{ padding: 44px; }

.news-nav{ width: 492px; color: #666; }
.news-content .nav-list>li{ width: 150px; height: 50px; margin-right: 21px; background: #f3f3f3; color: #333; text-align: center; line-height: 50px; }
.news-content .nav-list .last-nav-item{ margin-right: 0; }
.news-content .nav-list .active{ background: #1b31a7; color: #fff;}
/* .news-content .nav-list .active::after, .news-content .nav-list .active:after{ 
  position: absolute;
  content: '';
  left: 50%;
  bottom: -10px;
} */

.news-content .news-list{ border-bottom: 1px solid #f1f1f1; padding-top: 25px; }
.news-content .news-list .news-item{ border-top: 1px solid #f1f1f1; width: 100%; height: 70px; line-height: 70px; padding-left: 24px; }
.news-content .news-list .news-item::after, .news-content .news-list .news-item:after{
  content: '';
  position: absolute;
  left: 7px;
  top: 33px;
  width: 5px;
  height: 5px;
  background: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.news-content .news-list .news-item .index-news-link{
  max-width: 80%;
}
.news-content .news-list .news-item:hover .index-news-link{color: #1b31a7}
.news-content .news-list .news-item:hover .index-news-link::after{background: #1b31a7}
.news-swiper-wrap, .news-pic{ width: 100%; height: 350px; }
.innew-slider .news-swiper .news-pic.pic-wrap img{ height: 100%; object-fit: cover; width: 100%; }
.news-swiper .desc{ position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .5); width: 100%; height: 72px; line-height: 72px; padding: 0 40px; }
.news-swiper .desc>p{ width: 60%; }

.news-swiper-wrap .news-pagination{ position: absolute; right: 40px; width: 40%; height: 45px; bottom: 0; z-index: 1; text-align: right; line-height: 72px;}
.news-swiper-wrap .news-pagination .swiper-pagination-switch{ display: inline-block; margin-left: 27px; width: 10px; height: 10px; border: 2px solid #fff; transition: all .3s; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.news-swiper-wrap .news-pagination .swiper-pagination-switch.swiper-active-switch{ border: 0; background: #115df6; width: 13px; height: 13px; }


.warrant{ margin-top: 40px; margin-bottom: 40px; }
.warrant-left{ padding: 40px; width: 567px; }
.warrant-left>h2, .warrant-right>h2, .qus>h2{ font-weight: normal; font-size: 24px; line-height: 30px; padding-bottom: 40px; }
.warrant-left>h2>a, .warrant-right>h2>a{ font-size: 16px; }
.warrant-left>h2>a .iconfont, .warrant-right>h2>a .iconfont{ font-size: 20px; vertical-align: middle; color: #666; }
.warrant-left .arrow{ height: 50px; width: 50px; z-index: 99999; color: #fff; font-size: 25px; line-height: 50px; cursor: pointer; text-align: center; background: rgba(0, 0, 0, .5); position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.warrant-left .right-arrow{ right: 0; }
.warrant-left .left-arrow{
  left: 0;
  /*transform: translate(100%, -50%);
  -webkit-transform: translate(100%, -50%);
  -moz-transform: translate(100%, -50%);
  -ms-transform: translate(100%, -50%); -o-transform:
  translate(100%, -50%); */
}

.warrant-content{ width: 156px; text-align: center; margin: 0 auto; color: #333; line-height: 1.6; /* font-size: 16px; */}
.warrant-content .desc{ color: #666; font-size: 14px; }
.warrant-content .pic-wrap{ width: 156px; height: 210px; margin-bottom: 16px; }

.warrant-right{ width: 805px; padding: 40px; padding-bottom: 20px;}
.warrant-right>h2{ padding-bottom: 20px; }
.warrant-right .query{ height: 61px; line-height: 61px; width: 100%; text-align: center;}
.warrant-right .query>input{ width: 76%; border: 1px solid #e1e1e1; border-right: 0; height: 100%; padding-left: 26px;}
.warrant-right .query>button{ width: 24%; outline: none; border: 0; height: 100%; background: #1b31a7; }

.query-tags{ padding: 20px 0; border-bottom: 1px dashed #8c8c8c; }
.query-tags .query-tag{ background: #efefef; color: #666; text-align: center; font-size: 14px; padding: 0 14px; height: 35px; line-height: 35px; min-width: 90px; margin-right: 16px; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

.qus>h2{ padding: 26px 0; padding-bottom: 12px;}
.qus .qus-list{ color: #666; font-size: 14px; }
.qus .qus-list>li.qus-item{ width: 50%; padding-left: 20px; padding-right: 10px; line-height: 36px;}
.qus .qus-list>li.qus-item::after, .qus .qus-list>li.qus-item:after{
  content: '';
  position: absolute;
  left: 0;
  top: 16px;
  width: 5px;
  height: 5px;
  background: #c1c1c1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.server-left{ padding: 64px 42px; background-image: url("../../images/devImages/serve-left.png"); width: 330px; margin-right: 28px;}
.server-left .more-btn{ border: 1px solid #fff; text-align: center; line-height: 49px; width: 133px; }
.server-left .title{ line-height: 1.4; font-size: 24px; padding-bottom: 60px; height: 126px;}
.youd{ padding-bottom: 64px; }
.youd>li{ list-style: disc; line-height: 2; font-size: 14px;}

.serve-center{ padding: 40px; color: #666; width: 567px;}
.serve-center>h2, .serve-right>h2 { font-weight: normal; font-size: 24px; line-height: 30px; padding-bottom: 30px; color: #333;}
.serve-center>h2>a,  .serve-right>h2>a{ font-size: 16px; }
.serve-center>h2>a .iconfont, .serve-right>h2>a .iconfont{ font-size: 20px; vertical-align: middle; color: #666; }

.konwlage-share .konwlage-item{ padding-left: 18px; line-height: 50px; border-top: 1px solid #e1e1e1; }
.konwlage-share .konwlage-item p{ width: 320px; }
.konwlage-share .konwlage-item::after, .konwlage-share .konwlage-item:after{
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  margin-bottom: 2.5px;
  width: 5px;
  height: 5px;
  transform: translateY(-50%);
  background: #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.konwlage-share .konwlage-item:hover{color: #1b31a7}
.konwlage-share .konwlage-item:hover::after{background: #1b31a7}
.pic-text .pic-wrap{ width: 155px; height: 88px; }
.pic-text .text-box{ font-size: 14px; width: 310px; line-height: 1.8;}
.pic-text .text-box .desc{ padding-bottom: 13px;}
.pic-text { font-weight: bolder; padding-bottom: 26px; }


.serve-right{ width: 448px; padding: 40px; }
.serve-right .show-pic .pic-wrap{ width: 46%; height: 96px;}
.serve-right .show-pic .first-pic{ width: 100%; margin-bottom: 18px; height: 205px;}

.index-case{ height: 614px; margin-top: 68px; margin-bottom: 88px; }
.index-case .mask{ position: absolute; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, .75); padding-top: 80px; }
.index-case .mask .title{ font-size: 24px; font-weight: normal; padding-bottom: 40px;}
.case-swiper{ padding-bottom: 40px; }
/* .case-swiper .swiper-wrapper{ width: 100%!important; } */

.case-item { margin-right: 26px; width: 330px; }
.case-item .pic-wrap{ height: 184px; width: 330px; }
.case-item .txt-box{ padding: 30px 40px; font-size: 14px; color: #666; }
.case-item .txt-box .txt-title{  font-weight: normal; font-size: 18px; color: #333; line-height: 2;}
.more-btn{ width: 140px; line-height: 52px; text-align: center; background: #1b31a7; margin: 0 auto; font-size: 14px; }


.index-introduce{  }
.index-introduce .topic{ font-size: 24px; color:#333; padding-bottom: 50px; font-weight: normal; }
/* .index-introduce .introduce-left{ width: 913px; height: 510px; z-index: 9; } */
.index-introduce .introduce-left .introduce-box{ width: 913px; height: 510px; padding: 100px 56px; z-index: 9; }
.index-introduce .introduce-left .introduce-pic{ z-index: -1; }
.index-introduce .introduce-left .form{ font-size: 21px; font-weight: bold; padding-bottom: 10px; }
.index-introduce .introduce-left .year{ font-size: 64px; font-weight: bolder; padding-bottom: 24px; }
.index-introduce .introduce-left .line{ height: 1px; width: 13px; background: rgba(255,255,255, .5); margin-bottom: 30px; }
.index-introduce .introduce-left .desc{ font-size: 14px; line-height: 2; width: 224px; height: 56px; margin-bottom: 36px;}
.index-introduce .introduce-left .more-btn{ margin: 0; }

.about-us, .intro-item{ width: 209px; height: 210px; padding: 40px 30px 30px 30px; background: rgba( 27, 49, 167, .82 ); overflow: hidden; z-index: 9;}
.about-us{ position: absolute; right: 0; bottom: 0; font-size: 18px; color: #fff; }
.about-us .bg-icon{ position: absolute; right: -90px; bottom: -78px; font-size: 196px; color: rgba(255,255,255, .3); z-index: -1;}
.icon-box{ position: absolute; bottom: 30px;left: 0; padding: 0 30px; width: 100%; line-height: 40px; }
.icon-box .right-icon{ font-size: 40px; color: #1b4cc4;}
.about-us.active .icon-box .right-icon{ font-size: 40px; color: #fff; }
.intro-item .icon-box .right-icon{ color: #1b4cc4;}
.intro-item{ background: #fff; position: relative; color: #333; cursor: pointer; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.intro-item .bg-icon{ color: rgba( 232, 238, 251, .4 );  }
.intro-item.active{ width: 209px; height: 210px; background: #1b31a7; color: #fff;}
.relative-top{ top: -146px; }

.introduce-right{ width: 448px; position: absolute; height: 100%; right: 0; top: 146px; z-index: 9; }

.introduce-box .about-us .icon-box .right-icon{ color: #fff; }
.intro-item{ margin-right: 25px; margin-bottom: 25px; }
.intro-item:nth-of-type(2n){ margin-right: 0; }

.intro-item:hover {
  background: #1b31a7; color: #fff;
}
.intro-item:hover .icon--_jiantou, .about-us:hover .icon--_jiantou{
  animation: leftToRigth .5s infinite;
  -webkit-animation: leftToRigth .5s infinite;
}
.intro-item:hover .icon-box .right-icon{ 
  color: #fff;
}

.adv{ height: 180px; margin-top: 47px; margin-bottom: 33px;}

/* .activity{ margin-bottom: 80px; } */
.activity-list{ padding: 40px;/*padding: 50px 21px 30px 28px;*/ width: 447px; height: 533px; margin-right: 28px; }
.activity-list>h2{ font-weight: normal; font-size: 24px; line-height: 30px; padding-bottom: 40px; color: #333;}
.activity-list>h2>a { font-size: 16px; color: #666; }
.activity-list>h2>a .iconfont{ font-size: 20px; vertical-align: middle; color: #666; }

.activitys{ color: #666; font-size: 14px; }
.activitys .pic-wrap{ width: 155px; height: 88px; }
.activitys .pic-txt{ font-weight: bolder; padding-bottom: 30px; }

.activitys .txt-box{ width: 206px; height: 88px; }
.activitys .txt-box .desc{ height: 56px; margin-bottom: 14px; line-height: 2; }
.activitys .activity-item{ line-height: 50px; transition: .3s; border-top: 1px solid #f3f3f3; padding-left: 18px; position: relative; }
.activitys .activity-item .nowrap{ width: 270px; }
.activitys .activity-item::after, .activitys .activity-item:after{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #c1c1c1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: .3s;
  -o-border-radius: 5px;
}
.activitys .activity-item:hover{ color: #1b31a7 }
.activitys .activity-item:hover::after{ background: #1b31a7 }
.theme { margin-right: 0; }
.theme .study-list .pic-wrap{ width: 100%; height: 120px; margin-bottom: 13px; }
.theme .study-list .pic-wrap:last-of-type{ margin-bottom: 0; }
.line-height-60{ line-height: 60px!important; }

@keyframes leftToRigth {
  from {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  to {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
  }
}
.server-left .more-btn{ margin: 0; }
/*.footer{
  padding-top: 242px;  
}*/
/**
 * ########################################################################################################################
 * 媒体查询
 * ########################################################################################################################
 */
@media screen and (max-width: 1680px) {
  /* .header-nav>.header-nav-item a{ padding: 0 16px; } */
  .logo-wrap .box-center{ height: auto;}
}

@media screen and (max-width: 1450px) {
  .center{ width: 1200px; }
  /* .banner-nav .banner-nav-item{ width: 200px; } */
  .banner-txt .more-btn{ margin: 0; }

  .news-nav { width: 432px; }
  .news-content .nav-list>li{ width: 130px; }
  .news-swiper-wrap, .news-pic{ width: 610px; }

  .warrant-left{ width: 520px; }
  .warrant-right{ width: 640px; }

  .serve-center{ padding: 40px; width: 482px; }

  .server-left { width: 300px; }
  .serve-right{ width: 360px; }

  .konwlage-share .konwlage-item p{ width: 290px; }

  .case-item .pic-wrap, .case-item{ width: 281px; }

  .index-introduce .introduce-left .introduce-box { width: 820px; height: 450px; }

  .about-us, .intro-item{ width: 160px; height: 180px; padding: 20px;}

  .intro-item.active { width: 160px; height: 180px; }
  .icon-box { bottom: 15px; padding: 0 20px;}
  .introduce-right { width: 346px; }

  .activity-list{ width: 381px; }

  .activitys .activity-item .nowrap { width: 210px; }
  .relative-top{ top: -90px }
  .pic-text .text-box{ width: 210px; }
  .activitys .txt-box{ width: 116px }

}


@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1280px) {
  .center{ width: 1200px; }
  .footer .mian-footer, .link-content, .bottom-footer{ width: 1050px; }
}

@media screen and (max-width: 1152px) {
  .center{ width: 1100px; }

  .banner-video{ width: 226px; }
    /* .banner-nav .banner-nav-item{ width: 180px; margin-right: 15px; } */
  .banner-txt .more-btn{ margin: 0; }

  .news-swiper-wrap, .news-pic{ width: 540px; }

  .warrant-left{ width: 500px; }
  .warrant-right{ width: 580px; }

  .serve-center{ padding: 40px 30px; width: 410px; }

  .server-left { width: 300px; margin-right: 15px;}
  .serve-right{ width: 360px; }
  .pic-text .pic-wrap{ width: 125px; }

  .konwlage-share .konwlage-item p{ width: 250px; }

  .case-item .pic-wrap, .case-item{ width: 264px; }

  .index-introduce .introduce-left .introduce-box { width: 720px; }

  .about-us, .intro-item{ width: 160px; height: 180px; padding: 20px;}

  .intro-item.active { width: 160px; height: 180px; }
  .icon-box { bottom: 15px; padding: 0 20px;}
  .introduce-right { width: 346px; }

  .activity-list{ width: 350px; }

  .activitys .activity-item .nowrap { width: 210px; }

  .activitys .txt-box{ width: 170px; }
  .activitys .pic-wrap{ width: 115px; }

  .contact-way{ width: 480px; }
}



/*视屏模块*/
#video{
  width: 0;
  height: 0;
  /*width: 100%;*/
  /*height: 100%;*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#video-wrap{
  width: 100vw;
  height: 100vh;
  position: fixed;
  opacity: 0;
  left: 0;
  /*top: 86px;*/
  top: 0;
  background-color: #000;
  /*z-index: 2000;*/
  display: none;
  z-index: 9999999999999999;
  color: #fff;
}
#video-wrap .close{
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 0;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
}
#video-wrap .close .iconfont{
  font-size: 38px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.index-contact{
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
.contact-item{
  width: 60px;
  height: 60px;
  padding: 0 10px;
  color: #666;
  background: #fff;
  text-align: center;
  font-size: 24px;
  border-top:1px solid #f8f8f8;
  transition: .3s;
}
.contact-item:nth-of-type(1){
  border-top: 0
}
.contact-item:last-of-type i{
  color: #115df6;
}
.contact-item.active, .contact-item:hover{
  color: #fff;
  background: #0d3380;
}
.contact-item.active p, .contact-item:hover p, .contact-item:hover i{
  color: #fff;
}
.contact-item p{
  color: #333;
  /*font-size: 14px;*/
}
.posi-abs{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}
.showpic:hover{
  opacity: 1!important;
}

.showpic:hover .pic-qr{
  transform: translateX(-110%) translateY(-50%);
  opacity: 1;
  text-align: center;
  font-size: 14px;
}
.showpic:hover .pic-qr .attention{ color: #666!important;}
.showpic .pic-qr img{
  margin: 0 auto;
  width: 120px;
  height: 120px;
}
.news-nav .more{
    text-align: right;
    padding-top: 10px;
}
/*.news-content .news-list{padding-top:0}*/

/*.index-Business{ background: url(../../images/bg1.jpg) center center no-repeat;background-size: cover; }
.section-four{ background: url(../../images/bg2.jpg) center center no-repeat;background-size: cover; }
.section-five{ background: url(../../images/bg3.jpg) center center no-repeat;background-size: cover; }*/

.index-Business{ padding-top: 70px; }
.business-slider{ width: 500px;height: 460px; float: right; background: rgba(255, 255, 255, 0.5); position: relative;}
.bus-item{ padding:80px 50px; position: relative; height: 460px;}
.bus-item h2.title{ font-size: 30px; color: #1b31a3;position: relative; padding-left: 25px; }
.bus-item h2.title:after{ position: absolute; content: ''; display: block; width: 15px; height: 3px; background: #4cb85b; top: 21px; left: 0; }
.bus-item span.en{ font-size: 21px; color: #666666; display: block; padding:30px 0 40px 0; }
.bus-item a.bus-more{ display: inline-block;font-size: 18px; color: #333333;padding: 7px 25px; border: 1px #869196 solid; }
.bus-item a.bus-more:hover{ background: #1b31a3; border: 1px #1b31a3 solid; color: #fff; }
.bus-item i.max-ico{ position: absolute; right:-10%;bottom: -15%; font-size: 300px; color: rgba(108, 114, 145, .1);}
.bus-item i.min-ico{ position: absolute;right: 50px; bottom: 50px; font-size: 100px; float: right; color: #666666;}
.swiper-bus .pages{ position: absolute; width:120px;text-align: center; left: 60px; bottom: 50px; font-size: 18px;}
.swiper-bus .pages .active-page{ font-size: 30px; }
.swiper-bus .pages .total{ font-size: 18px; }
.swiper-bus span.arrow{ position: absolute; bottom: 56px; cursor: pointer;}
.swiper-bus span.left-arrow{ left: 50px; }
.swiper-bus span.right-arrow{ left: 170px; }

.inabout-content{ text-align: center; color: #fff; }
.inabout-content .bz-log{ margin: 0 auto; width: 300px; }
.inabout-content div.title{ font-size:52px; }
.inabout-content p.text{ font-size: 20px; color: #d7d8d9; padding: 25px 0; }
ul.inabout-list{ margin-top: 20px; }
ul.inabout-list li{ width: 25%;padding:0 25px; }
ul.inabout-list li a.ina-more{ display: block; background: rgba(36, 53, 145, .8); position: relative; padding: 80px 0;}
ul.inabout-list li a.ina-more:hover{ background: #4cb85b; }
ul.inabout-list li a.ina-more img{ margin: 0 auto; width: 60px;height: 60px;}
ul.inabout-list li a.ina-more p.title{ font-size: 21px; padding-top: 10px; }
ul.inabout-list li a.ina-more span{ width:232px;height: 169px; position: absolute; right: 0; bottom: 0; background: url(../../images/alin.png) no-repeat; }
ul.inabout-list li a.ina-more:hover span{background: url(../../images/alinb.png) no-repeat;}
ul.inabout-list li a.ina-more img.jt{position: absolute;width:46px; height:10px; left: 50%; margin-left: -23px!important; bottom: 20px; opacity: 0;}
ul.inabout-list li a.ina-more:hover img.jt{ bottom: 50px; opacity: 1; }

.section-five .index-Party{ padding-top: 40px; }
ul.Party-list{ height: 600px; overflow: hidden; }
ul.Party-list li{padding:0 13px; width: 33.33333%;}
ul.Party-list li a.pmore{ display: block; position: relative; text-align: center; height: 600px;}
ul.Party-list li a.pmore .item{ padding-top: 200px; position: relative;z-index: 1;}
ul.Party-list li a.pmore .item .item-content{ width: 100%; }
ul.Party-list li a.pmore span{ background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s ease-in-out;}
ul.Party-list li a.pmore:hover span{background: rgba(0, 0, 0, 0.3);transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s ease-in-out;}
ul.Party-list li a.pmore .item img{ margin: 0 auto; }
ul.Party-list li a.pmore .item p.title{ font-size: 30px; text-align: center;padding: 25px 0; color: #fff; }


.innew-list-center1 ul.innew-item, .innew-list-center3 ul.innew-item{ height: 160px; overflow: hidden; }

@media all and (max-width: 1600px) {
  .center-index{ width: 1200px!important; }
  .innew-slider .news-swiper-wrap, .innew-slider .news-pic{ height: 280px;}
  .news-swiper-wrap .news-pagination .swiper-pagination-switch{ margin-left: 5px; }
  .innew-list-center3{ margin-top: 0px; }
  .innew-list-center1 ul.innew-item,
  .innew-list-center3 ul.innew-item{height: 80px!important; overflow: hidden;}
  .index-about .indestop-news{ line-height: 60px; }
  .index-about .indestop-news .indestop-news-item .news-tag,.index-about .indestop-news .indestop-news-item > h2{ font-size: 16px!important; }
  .index-about .indestop-news .indestop-news-item .news-tag{ margin-top:10px; }
  .link-content,.bottom-footer{height: 46px!important; line-height: 46px!important;}
  .footer .mian-footer{ padding-bottom: 15px!important; }

  .business-slider,.bus-item{ width: 450px;height: 400px; }
  .bus-item{ padding: 45px; }
  .bus-item h2.title{ font-size: 24px; }
  .bus-item span.en{ font-size: 18px; }
  .bus-item h2.title:after{ top: 15px; }
  .index-Business{ padding-top: 70px; }
  .inabout-content div.title{ font-size: 34px; }
  .inabout-content p.text{ font-size: 18px; }
  .inabout-content .bz-log{ width: 230px; }
  ul.inabout-list li a.ina-more{ padding: 45px 0; overflow: hidden;}
  ul.inabout-list li a.ina-more img{ width: 50px; height: 50px; }
  ul.inabout-list li a.ina-more p.title{ font-size: 18px; }
  ul.inabout-list{ margin-top: 0; }
  ul.inabout-list li a.ina-more:hover img.jt{ bottom: 30px; opacity: 1; }
  ul.Party-list{ height: 400px; overflow: hidden; }
  ul.Party-list li a.pmore{ height: 400px; }
  ul.Party-list li a.pmore .item{ padding-top: 120px; }
  ul.Party-list li a.pmore .item p.title{ font-size: 24px; }
  .innew-list-center .innew-top h2.title{ font-size: 20px!important; }
  .innew-list-center .innew-top a.top-more{ font-size: 15px!important; padding: 3px 15px!important; }
  .innew-list-center .innew-list{ padding-top: 10px!important; margin-top: 15px!important;padding-right: 80px!important; }
  ul.innew-item li a{ font-size: 15px!important; }
  .innew-slider,.innew-list-center{ padding-top: 20px!important; }
}


@media all and (max-width: 1440px) {
  .center-index{ width: 1000px!important; }
  .innew-slider .news-swiper-wrap, .innew-slider .news-pic{ height: 280px; width: 100%;}
  .news-swiper-wrap .news-pagination .swiper-pagination-switch{ margin-left: 5px; }
  .innew-list-center3{ margin-top: 0px; }
  .innew-list-center1 ul.innew-item,
  .innew-list-center3 ul.innew-item{height: 80px!important; overflow: hidden;}
  .index-about .indestop-news{ line-height: 60px; }
  .index-about .indestop-news .indestop-news-item .news-tag,.index-about .indestop-news .indestop-news-item > h2{ font-size: 16px!important; }
  .index-about .indestop-news .indestop-news-item .news-tag{ margin-top:10px; }
  .link-content,.bottom-footer{height: 46px!important; line-height: 46px!important;}
  .footer .mian-footer{ padding-bottom: 15px!important; }

  .business-slider,.bus-item{ width: 450px;height: 400px; }
  .bus-item{ padding: 45px; }
  .bus-item h2.title{ font-size: 24px; }
  .bus-item span.en{ font-size: 18px; }
  .bus-item h2.title:after{ top: 15px; }
  .index-Business{ padding-top: 70px; }
  .inabout-content div.title{ font-size: 34px; }
  .inabout-content p.text{ font-size: 18px; }
  .inabout-content .bz-log{ width: 230px; }
  ul.inabout-list li a.ina-more{ padding: 45px 0; overflow: hidden;}
  ul.inabout-list li a.ina-more img{ width: 50px; height: 50px; }
  ul.inabout-list li a.ina-more p.title{ font-size: 18px; }
  ul.inabout-list{ margin-top: 0; }
  ul.inabout-list li a.ina-more:hover img.jt{ bottom: 30px; opacity: 1; }
  ul.Party-list{ height: 400px; overflow: hidden; }
  ul.Party-list li a.pmore{ height: 400px; }
  ul.Party-list li a.pmore .item{ padding-top: 120px; }
  ul.Party-list li a.pmore .item p.title{ font-size: 24px; }
  .innew-list-center .innew-top h2.title{ font-size: 20px!important; }
  .innew-list-center .innew-top a.top-more{ font-size: 15px!important; padding: 3px 15px!important; }
  .innew-list-center .innew-list{ padding-top: 10px!important; margin-top: 15px!important;padding-right: 80px!important; }
  ul.innew-item li a{ font-size: 15px!important; }
  .innew-slider,.innew-list-center{ padding-top: 20px!important; }
} 

@media all and (max-width: 1366px) {
  .innew-list-center .innew-top h2.title{ font-size: 18px!important; }
 ul.innew-item li a,.innew-list-center .innew-top a.top-more{ font-size: 14px!important; }
 .innew-list-center .innew-list{ margin-top: 10px!important; padding-top: 7px!important; }
 .index-about .indestop-news .indestop-news-item .news-tag, .index-about .indestop-news .indestop-news-item > h2{ font-size: 15px!important; }
 .index-about .indestop-news{line-height: 50px;}
 .index-about .indestop-news .indestop-news-item .news-tag{ margin-top: 5px; }
 .innew-list-center3{ margin-top: 15px; }
}
.fp-tableCell{ overflow: hidden; }



/*.index-about .indestop-news{ margin-top: 100px; 
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
 
}

.section.active .index-about .indestop-news{
  margin-top: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;

}*/
.index-aboutam1{ 
  padding-left:500px; 
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
 transition: 1.5s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  
}
.section.active .index-aboutam1{
  padding-left: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1.5s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;

}

.business-slider{ margin-right: 260px;
opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
 transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
 }
 .section.active .business-slider{
   margin-right: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;

}

.inabout-content div.title,.inabout-content p.text{
  margin-left: 150px;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
 transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}
.section.active .inabout-content div.title{
  margin-left: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}
.section.active .inabout-content p.text{
  margin-left: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1.5s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}

ul.inabout-list{ margin-right: 300px; 
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}
.section.active ul.inabout-list{
  margin-right: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}

ul.Party-list li a{
  margin-top: 300px;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}
.section.active ul.Party-list li:nth-child(1) a{
  margin-top: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}
.section.active ul.Party-list li:nth-child(2) a{
  margin-top: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1.2s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}
.section.active ul.Party-list li:nth-child(3) a{
  margin-top: 0;
  opacity: 1;
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: 1.4s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}