.banner .slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}
  
.banner .slides {
  height: 100%;
  /* Simple clear fix */
  overflow: hidden;
  list-style: none;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.banner .slide {
  height: 100%;
  float: left;
  clear: none;
}
.banner .slide a{
  width: 100%;
  height: 100%;
  display: block;
}
.banner .slider-arrows {}

.banner .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  border-radius: 33px;
  text-decoration: none;
  width: 28px;
  height: 40px;
  bottom: 50%;
  z-index: 3;
  text-indent: 999px;
  overflow: hidden;
}
.banner .slider-arrow--left{
  background: url(../images/in_mid_dot1.png) no-repeat center;
  left: 50px;
}
.banner .slider-arrow--left:hover{
  background: url(../images/in_mid_dot11.png) no-repeat center;
}
.banner .slider-arrow--right{
  background: url(../images/in_mid_dot2.png) no-repeat center;
  right: 50px;
}
.banner .slider-arrow--right:hover{
  background: url(../images/in_mid_dot22.png) no-repeat center;
}

.banner .slider-nav {
  position: absolute;
  z-index: 3;
  bottom: 30px;
}

.banner .slider-nav__item {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  clear: none;
  display: inline-block;
  margin: 0 6px;
  background: #fff;
}

.banner .slider-nav__item:hover { background: #fff;}
.banner .slider-nav__item--current { background: #fff;width: 42px;}

#mydiv{
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  z-index: 2;
  width: 100%;
}
#mydiv canvas{
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
}
.banner{
  position: relative;
}
.in_top{
  background: url(../images/bg.png) center;
}
.in_title{
  text-align: center;
  padding: 80px 0 40px;
}
.in_title .pq{
  font-size: 30px; 
  color: #333;
  font-weight: bold;
}
.in_title .line{
  width: 36px;
  height: 3px;
  background: #1f4ac9;
  margin: 15px auto;
}
.in_title .pw{

}

.about .part1>.clear{
  position: relative;
}
.about .part1>.clear:before{
  width: 60px;
  height: 3px;
  position: absolute;
  content: "";
  left: 0;
  background: #eee;
  bottom: 0;
}
.in_top .contain{
  width: 888px;
}
.in_top .num_can{
  position: relative;
}
.in_top .num_can .img1{
  position: absolute;
  left: 0;
  top: 0;
}
.in_top .num_can .img2{
  position: absolute;
  right: 0;
  top: 0;
}
.in_top .num_can .img3{
  margin: 0 auto 0;
  display: block;
  padding-top: 177px;
}
.in_top .num_can .img4{
  position: absolute;
  left: 50%;
  margin-left: -85px;
  bottom: 100px;
  animation: num_move 2s linear infinite reverse;
}

@-webkit-keyframes num_move {
  0% {
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
  }
  50% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transform: translate(0,-20px);
    transform: translate(0,-20px);
  }
}
@keyframes banner_move {
  0% {
    -webkit-transform: translate(0,-0px);
    transform: translate(0,-20px);
  }
  50% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transform: translate(0,-20px);
    transform: translate(0,-20px);
  }
}

.in_top .p1{
  font-size: 30px;
  font-weight: bold;
  color: #333;
  padding-bottom: 15px;
  text-align: center;
  padding-top: 60px;
  border-bottom: 1px solid #1f4ac9;
  margin-bottom: 60px;
}


.in_top .main li{
  width: 180px;
  margin-right: 173px;
  float: left;
}
.in_top .main li:last-child{
  margin-right: 0;
}
.in_top .main li .circle{
  width: 165px;
  height: 165px;
  position: relative;
}
.in_top .main li .circle i{
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/circle.png) no-repeat center;
  animation: ani_line 2s linear infinite reverse;
}
.in_top .main li:hover .circle i{
  animation-play-state:paused;
}
.in_top .main li .circle img{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -74px;
  margin-left: -74px;
}
.in_top .main li span{
  position: absolute;
  right: -20px;
  top: -15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  background: url(../images/circle1.png) no-repeat center;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
}
.in_top{
  padding-bottom: 100px;
}


@-webkit-keyframes ani_line {
    from {
        -webkit-transform: none;
                transform: none;
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes ani_line {
    from {
        -webkit-transform: none;
                transform: none;
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}


.in_mid .swiper-slide{
  box-sizing: border-box;
  padding: 50px 40px;
  border: 1px solid #eeeeee;
  border-radius: 20px;
}
.in_mid .swiper-slide img{
  width: 64px;
  float: left;
}
.in_mid .swiper-slide .font{
  width: calc( 100% - 84px );
  float: right;
}
.in_mid .swiper-slide .font .p1{
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.in_mid .swiper-slide .font .p2{
  color: #999;
  line-height: 24px;
}

 .btn_left{
  width: 28px;
  height: 40px;
  margin-top: -20px;
  background: url(../images/in_mid_dot1.png) no-repeat center;
  left: -70px
}
 .btn_left:hover{
  background: url(../images/in_mid_dot11.png) no-repeat center;
}

.in_mid .slidess{
  padding: 20px;
  margin-left: -20px;
}
.in_mid{
  padding-bottom: 100px;
}
 .btn_right{
  width: 28px;
  height: 40px;
  margin-top: -20px;
  background: url(../images/in_mid_dot2.png) no-repeat center;
  right: -50px
}
 .btn_right:hover{
  background: url(../images/in_mid_dot22.png) no-repeat center;
}
.in_mid .swiper-slide{
  transition: 0.3s all;
}
.in_mid .swiper-slide:hover{
  box-shadow: 0 0 20px 6px rgba(31,74,201,0.08);
}
.in_mid .swiper-slide:hover .font .p1{
  color: #1f4ac9;
}


.in_end{
  background: url(../images/in_end.png) no-repeat center;
  background-size: cover;
  padding-bottom: 80px;
}
.in_end .in_title .pq,
.in_end .in_title .pw{
  color: #fff;
}
.in_end .in_title .line{
  background: #fff;
}

.in_end li{
  width: 270px;
  margin-right: 40px;
  float: left;
  margin-bottom: 20px;
}

.in_end li:nth-of-type(4n){
  margin-right: 0;
}

.about .bread_top{
  padding-bottom: 0;
}
.about_title{
  text-align: center;
  padding: 80px 0 40px;
}
.about_title p{
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.about_title .line{
  width: 36px;
  height: 3px;
  background: #1f4ac9;
  margin: 15px auto 0;
}
.about .part1 .left{
  width: 45%;
  font-size: 16px;
  line-height: 36px;
  text-indent: 30px;
  float: left;
}
.about .part1 .right{
  width: 50%
}
.about .part{
  padding-bottom: 80px;
}


.about .part2{
  background: #f8fbff;
}
.about .part2 .main{
  background: #fff;
  padding: 70px 0;
}
.about .part2 li{
  width: 33.3333%;
  text-align: center;
  float: left;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.about .part2 li:nth-of-type(3n){
  border-right: 0;
}
.about .part2 li img{
  margin-bottom: 25px;
}
.about .part2 li .p1{
  font-size: 18px;
  color: #333;
  margin-bottom: 14px;
}
.about .part3 .swiper-slide{
  border: 1px solid #eee;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 50px;
}
.about .part3 img{
  width: 25%;
  float: left;
}
.about .part3 .font{
  width: 70%;
  padding-top: 50px;
  float: right;
}
.about .part3 .font .p1{
  font-size: 24px;
  color: #1f4ac9;
  font-weight: bold;
  margin-bottom: 10px;
}
.about .part3 .font .p2{
  font-size: 16px;
  margin-bottom: 25px;
  color: #999;
}
.about .part3 .font .p3{
  line-height: 30px;
  margin-bottom: 35px;
}
.about .part3 .font .p4{
  width: 98px;
  line-height: 36px;
  text-align: center;
  color: #1f4ac9;
  transition:0.3s all;
  border: 1px solid #1f4ac9;
}
.about .part3 a:hover .p4{
  background: #1f4ac9;
  color: #fff;
}



.about .part3 .swiper-container{
  padding: 20px;
}
.about .btn_left{
  left: 0;
}
.about .btn_right{
  right: 0;
}
.about .part3 .swiper-slide{
  transition: 0.3s all;
}
.about .part3 .swiper-slide:hover{
  border: 1px solid transparent;
  box-shadow: 0 0 20px 6px rgba(31,74,201,0.08);
}
.about .part3 .swiper-slide:hover .font .p1{
  color: #1f4ac9;
}
.about .swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  margin: 0 8px;
  background: #e5e5e5;
  display: inline-block;
  opacity: 1;
}
.about .swiper-pagination{
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

.about .swiper-pagination-bullet-active{
  background: #1f4ac9;
}
.about .swiper-container{
  width: 1060px;
}

.about .part4 .main li{
  width: 25%;
  float: left;
  position: relative;
}
.about .part4 .main li .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s all;
  background: rgba(31,74,201,0.8);
}
.about .part4 .main li:hover .mask{
  background: rgba(31,74,201,0.9);
}
.about .part4 .main li:nth-of-type(2n) .mask{
  background: rgba(0,0,0,0.55);
}
.about .part4 .main li:nth-of-type(2n):hover .mask{
  background: rgba(0,0,0,0.65);
}
.about .part4 .main li .font{
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -125px;
  width: 100%;
  text-align: center;
}
.about .part4 .main li .font img{
  margin-bottom: 20px;
}
.about .part4 .main li .font .p1{
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
  margin-bottom: 110px;
}
.about .part4 .main li .font .p2{
  color: #fff;
  line-height: 20px;
}
.about .part4 .main li:hover .font .p2{
  text-decoration: underline;
}


.about .part5 .swiper-slide{
  /*border: 1px solid #834e00;*/
  text-align: center;
  box-sizing: border-box;
}

.about .part6{
  box-sizing: border-box;
  padding: 80px 50px;
  border-top: 1px solid #eee;
}
.about .part6 .map{
  width: 55%;
  float: left;
  height: 420px;
}
.about .part6 .font{
  float: right;
  width: 33.333%;
}
.about .part6 .font .p1{
  font-size: 30px;
  font-weight: bold;
  padding-top: 50px;
  color: #333;
  padding-bottom: 10px;
}
.about .part6 .font .line{
  width: 36px;
  height: 3px;
  margin-bottom: 40px;
  background: #1f4ac9;
}
.about .part6 .font .p2{
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 3px;
}
.about .part6 .font .p3{
  margin-bottom: 15px;
}

.case{
  padding-bottom: 40px;
}
.case .main li{
  width: 48.5%;
  float: left;
  margin-bottom: 40px;
  border-radius: 20px;
  padding:50px;
  border: 1px solid #eee;
  box-sizing: border-box;
  transition: 0.3s all;
  margin-right: 3%;
}
.case .main li:hover{
  border: 1px solid transparent;
  box-shadow: 0 0 20px 6px rgba(46,66,122,0.08);
}
.case .main li:hover .p1{
  color: #1f4ac9;
}
.case .main li:nth-of-type(2n){
  margin-right: 0;
}
.case .main li .p1{
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  transition: 0.3s all;
  color: #333;
  margin-bottom: 15px;
}
.case .main li .p2{
  line-height: 24px;
  color: #999;
  height: 72px;
  margin-bottom: 30px;
}
.case .main li .line{
  width: 36px;
  height: 3px;
  background: #1f4ac9;
}
.case .main li img{
  height: 70px;
}

.news .tab{
  float: right;
}
.news .tab a{
  width: 118px;
  float: left;
  margin-left: 25px;
  line-height: 38px;
  border: 1px solid #eee;
  text-align: center;
}
.news .tab a:hover,
.news .tab a.active{
  background: #1f4ac9;
  color: #fff;
}
.news .main{
}
.news .main li{
  padding: 35px 0 50px;
  position: relative;
  border-bottom: 1px solid #eee;
}
.news .main li .img{
  width: 23.3333%;
  float: left;
  overflow: hidden;
}
.news .main li .img img{
  transition: 0.3s all;
}
.news .main li .font{
  float: right;
  width: 70%;
}
.news .bread_top{
  padding-bottom: 40px;
}
.news .main li .font .a1{
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
  margin-top: 10px;
  margin-bottom: 15px;
}
.news .main li .font .p1{
  line-height: 24px;
  height: 72px;
}
.news .main li .font .p2{
  color: #1f4ac9;
  transition: 0.3s all;
  margin-top: 20px;
  opacity: 0;
  transform: translate(0,20px);
}
.news .main li:hover .a1{
  color: #1f4ac9;
}
.news .main li:hover .img img{
  transform: scale(1.1);
}
.news .main li:hover .p2{
  transform: translate(0,0);
  opacity: 1;
}
.news .main li:after{
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s all;
  width: 0;
  content: "";
  height: 1px;
  background: #1f4ac9;
}
.news .main li:hover:after{
  width: 100%;
}




.paging {
  text-align:center;
  padding: 60px 0 80px;
}
.paging li {
  display:inline-block;
  margin-right:5px;
}
.paging li a{
  border: 1px solid #d2d2d2;
}
.paging li p{
 font-size: 12px;
}
.paging li.style {
  height:36px;
  width: 36px;
  display: inline-block;
  text-align:center;
  line-height:36px;
  color: #999;
}
.paging li.active a,
.paging li.style a:hover {
  background: #2d4a9d;
  border: 1px solid #2d4a9d;
}
.paging li.style a {
  color:#666;
}
.paging li.active a,
.paging li.style:hover a {
  color:#fff;
}
.paging li.active a{
  background: #2d4a9d;
  border: 1px solid #2d4a9d;
}
.paging li.active a{
  color: #fff;
}
.paging a {
  display:block;
}

.paging li:first-child{
  float: left;
}
.paging li:last-child{
  float: right;
}


.news_detail .top{
  padding-top: 80px;
}
.news_detail .top .p1{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 50px;
  color: #333;
}
.header{
  border-bottom: 1px solid #eee;
}
.news_detail .top .main span{
  float: left;
  color: #999;
  margin-right: 20px;
}
.news_detail .top .share{
  float: right;
}
.news_detail .top .share em{
  float: left;
  line-height: 24px;
  margin-right: 10px
}
.news_detail .top .share .bshare-custom{
  float: left;
}

.about .part3 a{
  display: block;
}


.news_detail .bshare-custom a{
  display: inline-block;
}
.news_detail .bshare-custom  .bshare-weixin{
  padding: 0;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: url(../images/share1.png) no-repeat;
}
.news_detail .bshare-custom  .bshare-qqim{
  padding: 0;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: url(../images/share2.png) no-repeat;
}
.news_detail .bshare-custom  .bshare-sinaminiblog{
  padding: 0;
  width: 24px;
  height: 24px;
  background: url(../images/share3.png) no-repeat;
}
.news_detail .top{
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
  margin-bottom: 60px;
}

.news_detail .simple-article{
  font-size: 16px;
  line-height: 32px;
}

.news_detail .np{
  line-height: 30px;
  margin-top: 50px;
  font-size: 16px;
  padding-bottom: 80px;
}
.news_detail .np span{
  color: #1f4ac9;
}
.news_detail .np a{
  display: inline-block;
  color: #999;
}
.news_detail .np a:hover{
  color: #1f4ac9;
  text-decoration: underline;
  transform:translate(20px,0);
}

.in_top .img5{
  display: none;
}