.container .item3 {
    grid-area: sidebar;
    height: 11.0267rem;
    display: flex;
    justify-content: space-between;
    background-color: #f5f5f5;
	    overflow: hidden;
  }
  .container .item3 .item3-1-left {
    height: 100%;
    flex: 1 210px;
    display: flex;
	transform: translateX(-.9rem);
  }
  .container .item3 .item3-1-left .item3-1-1-img img {
    height: 100%;

  }
  .container .item3 .item3-1-left .item3-1-1-text {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      transform: translateX(-.6667rem);
  }
  .container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all span{
     font-size: .1867rem;
     text-align: center;
     display: block;
     color: #909090;
     font-weight: 600;
  }
  .container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all p {
    font-size: .4500rem;
    color: #014EA1;
    font-weight: bold;
    text-align: center;
  }
  .container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(2) {
    transform: translateX(1.0667rem);
  }
  .container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(3) {
    transform: translateX(1.3333rem);
  }
  .container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(4) {
    transform: translateX(1.2rem);
  }
  .container .item3 .item3-1-left .item3-1-1-text .item3-1-1-text-all:nth-child(5) {
    transform: translateX(.9333rem);
  }
  
  .container .item3 .item3-2-right {
    height: 8rem;
    flex: 1;
  }
  .container .item3 .item3-2-right .item3-2-right-box {
     width: 7.3333rem;
  }
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle {
     width: 100%;
     height: .7rem;
     line-height: .7rem;
     margin-top: 1rem;
  }
  
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle .item3-2-right-box-logoTitle-line-title {
    font-size: .2667rem;
    color: #134f93;
    font-weight: bold;
    position: relative;
    padding-left: 1.1667rem;
    box-sizing: border-box;
  }


  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle .item3-2-right-box-logoTitle-line-title::before {
    content: '';
    display: inline-block;
    width: .99rem;
    height: .0267rem;
    background: linear-gradient(to right, #004da0, #fff);
    position: absolute;
    top: .36rem;
    left: 0;
  }
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-logoTitle .item3-2-right-box-logoTitle-line-title::after {
    content: '';
    display: inline-block;
    width: 4.25rem;
    height: .0267rem;
    background: linear-gradient(to right, #fff, #004da0);
    position: absolute;
    top: .36rem;
    right: 0;
  }


  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-article {
    width: 100%;
    /* height: 1.3333rem;
    background-color: #004da0; */
    /* margin-top: .1333rem; */
   

  }
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-article h4 {
    color: #014ea1;
	font-size: 0.25rem;
    
  }
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-article p {
    color: #828282;
    font-size: .2067rem;
    margin-top: .2333rem;
	    line-height: 0.3rem;
  }
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-button {
    width: 2.1333rem;
    height: .4267rem;
    background: #004EA2;
    border-radius: .20rem;

    float: right;
  }

  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-button a{
     color: #FBD205;
     font-size: .18rem;
     text-align: center;
     line-height: .4267rem;
     display: block;
	 white-space: nowrap;
	 font-weight: bold;
  }
  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video{
     width: 7.3333rem;
     height: 4.4rem ;
     margin-top: .8rem;
     position: relative;

     
  }
 
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box {
	width: 100%;
	position: relative;
	 }
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box .img1 {
	width: 100%;
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box .img-box1 {
	position: absolute;
	top: 33%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video .img-box .img-box1 .img2 {
	width: .6667rem;
	height: .6667rem;
}

  .container .item3 .item3-2-right .item3-2-right-box .item3-2-right-box-video  video{
    width: 100%;
 
    object-fit: cover;
    border-radius: .3333rem;
    display: none;
  }
  .container .item4 {
    grid-area: item4;
    /* background-color: green; */
    background: #bbd0e9;
    height: 11.12rem;

  }
  .container .item4 .item4-bg{
    background: url('../../images/item4.webp') no-repeat;
    background-size: cover;
    background-position: center 0.099rem;
    height: 100%;
    position: relative;
  }
  .container .item4 .item4-center {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 3.0933rem;
    height: 2.0267rem;
  }
  .container .item4 .item4-center img {
    width: 100%;
  }
  
  .container .item4 .item4-bottom {
     width: 43%;
     display: flex;
     justify-content: space-between;
     position: absolute;
     left: 50%;
     bottom: 1.3rem;
     transform: translateX(-50%);
  }
  .container .item4 .item4-bottom .item4-bottom-item {
    width: 1.8267rem;
    height: 1.4rem;
    /* background-color: red; */
    border: .04rem solid #fff;
    border-radius: .2rem;
  }
  .container .item4 .item4-bottom .item4-bottom-item p {
	   text-align: center;
	   color: #fff;
	   font-size: .1667rem;
	  }
  .container .item4 .item4-bottom .item4-bottom-item.active {
    border: 0;
    background-color: #004da0;
  }
  .container .item4 .item4-bottom .item4-bottom-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
  }
  
  .container .item4 .item4-bottom .item4-bottom-item .active{
     background-color: #004da0;
  }
  /* .container .item4 .item4-bottom .item4-bottom-item:first-child {
    border: none;
  } */


  .container .item5 {
    grid-area: item5;
    height: 11.1333rem;
  }


  .container .item5 .item5-bg {
    background: url('../../images/item5-bg.png') no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .container .item5 .item5-bg .item5-bg-left {
    width: 60%;
    height: 100%;
    position: relative;
  }

  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box{
    position: absolute;
    top: 8%;
    left: 20%;
  }
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1 {
       height: 6.4933rem;
       /* width: 5.3333rem; */
       /* border: 1px solid #000; */
       position: absolute;
       left: 25%;
       top: 30%;
  }
 
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1-Message {
    width: 8.8267rem;

    height: 3.96rem;
    background-color: #fff;
  }
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1-Message .item5-bg-left-box1-Message-wen {
     margin-left: .8rem;
    padding-top: .4033rem;
    font-size: .233rem;
     width: 7.32rem;
     color: #858585;
	     line-height: 0.35rem;
  }
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1-Message .item5-bg-left-box1-Message-wen img{
     width: 100%;
     height: 100%;
  }
  /*  */
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-Chairman{
       position: absolute;
       top: 30%;
       left: .9333rem;
       width: 3.36rem;
       height: 6.4933rem;
      /* background: url('./img/photoz.png') no-repeat; */
       background-size: cover;
       background-position: center;
        height: 300px; 
  }
   .container .item5 .item5-bg .item5-bg-left .item5-bg-left-Chairman img {
   
     width: 2.66rem;
     height: 5.4933rem;
     object-fit: cover;
     image-rendering: pixelated;
  } 
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box1 img{
      width: 8.8267rem;
     
	  transition: all 0.3s ease-out;
  }
 
  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box .item5-bg-left-title {
    font-size: .5rem;
    color: #004da1;
    font-weight: bold;
    text-align: center;

  }

  .container .item5 .item5-bg .item5-bg-left .item5-bg-left-box .item5-bg-left-h2 {
    color: #F4F6FC;
    text-align: center;
    font-size: .6667rem;
  }
  
  .container .item5 .item5-bg .item5-bg-right {
    width: 40%;
    height: 100%;
    position: relative;
  }

  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box  {
     position: absolute;
     top: 8%;
     right: 22%;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box .item5-bg-right-title {
      color: #0C55A6;
      font-size: .5rem;
      text-align: center;
      font-weight: bold;

  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box  .item5-bg-right-h2 {
     margin-top: 8px;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box  .item5-bg-right-h2  img{
     width: 7.2933rem;
     height: .4533rem;
  }

  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 {
      position: absolute;
      top: 22%;
      right: 9%;
      display: flex;
      /* border: 1px solid #000; */
      height: 3.1867rem;
      width: 8.52rem;
      align-items: center;
  }

  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-title{
    /* writing-mode: vertical-rl;  让文字垂直排列 */
    /* font-size: .2667rem; */
    margin-left: .1667rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-title span{
    display: block;
    margin-top: .0267rem;
    color: #004da0;
    font-weight: 600;
    font-size: .2967rem;
 
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div{
     width: 8.52rem;
     height: 3.12rem ;
     background:url('../../images/item5-react.png') no-repeat ;
     background-size: cover;   
     padding: .4333rem .5067rem;
     display: flex;
     /* align-items: center; */
     box-sizing: border-box;
     position: relative;
  }

  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-left img {
      width: 3.94rem;
      height: 2.2933rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-right p{
    color: #9F9F9F;
    font-size: .2133rem;
    margin-bottom: .2667rem;
    /* margin-top: .38rem; */
  
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-right{
     padding: .2667rem .1667rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div  .p3{
      position: absolute;
      bottom: 0.35rem;
      right: .4333rem;
  }
    .container .item5 .item5-bg .item5-bg-right .p3 img{
		vertical-align: middle;
	}
  .container .item5 .item5-bg .item5-bg-right .p3 span{
      background-color: #004ea1;
	  color: #fff;
	      font-size: 0.2rem;
	
	  line-height: 0.02rem;
	  padding: 0.15rem 0.15rem 0.15rem 0.15rem;
	  display: inline-block;
	  text-align: center;
	  border-radius: 0.3rem;
	   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	   margin-right: 20px;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box1 .item5-bg-right-box1-div .item5-bg-right-box1-div-right .p1{
    margin-top: .2667rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2{
      position: absolute;
      top: 55%;
      right: 9%;
      display: flex;
      height: 3.1867rem;
      width: 8.52rem;
      align-items: center;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div  {
    width: 8.52rem;
    height: 3.12rem ;
    background:url('../../images/item5-react.png') no-repeat ;
    background-size: cover;   
    display: flex;
    box-sizing: border-box;
    position: relative;
    padding: .4333rem .5067rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-left img{
    width: 3.94rem;
    height: 2.2933rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-right{
    padding: .2667rem .1667rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-right p{
    color: #9F9F9F;
    font-size: .2133rem;
    margin-bottom: .2667rem;
    /* margin-top: .38rem; */
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .item5-bg-right-box1-div-right .p1{
    margin-top: .2667rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-title{
    margin-left: .1667rem;
  }
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-div .p3{
    position: absolute;
    bottom: 0.35rem;
    right: .4333rem;

  } 
  .container .item5 .item5-bg .item5-bg-right .item5-bg-right-box2 .item5-bg-right-box2-title span{
    display: block;
    margin-top: .0267rem;
    color: #004da0;
    font-weight: bold;
    font-size: .2967rem;
  }

  .container .item6 {
    grid-area: item6;
    height: 9rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
	background: url('../../images/item6-bg.png') no-repeat center center;
	background-size: cover;
  }
  .item6-container-max{
    width: 87%;
    display: flex;
    justify-content: space-between;
  }


  .container .item6  .item6-container-max .item6-container{
    width: 24%;
  }

  .container .item6 .item6-container-max .item6-container .item6-header-img img{
    width: 100%;
    height: 3.1867rem;
	    border-radius: 0.3rem;
		box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5)
  }
   .container .item6 .item6-container-max .item6-container .item6-content-header-title{
     margin-top: .2667rem;
  }

.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li .imgs1 {
	width: 7%;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li .imgs1 img {
	width: .2133rem;
	vertical-align: middle;
	/* vertical-align: .04rem;*/
	
}


  .container .item6 .item6-container-max .item6-container .item6-content-header-title p {
    font-weight: bold;
    font-size: .2167rem;
    margin-bottom: .2333rem;

  
  }

.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li {
	display: flex;
	justify-content: space-between;
	height: .5rem;
	line-height: .4rem;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li p {
	font-size: .1580rem;
	width: 93%;
	font-weight: normal;
	margin-top: -0.1033rem;
}
.container .item6 .item6-container-max .item6-container .item6-content-header-title ul li p.addr {
	line-height: 0.2rem;
}

  .container .item6 .item6-container-max .item6-container .item6-content-header-title{
    color: #636363;
  }
  .container .item6 .item6-container-max .item6-container .item6-content-header-title.active{
    color: #004da1 ;
 }


 .container .item6 .item6-container-max .item6-container  .item6-content-header-title.active .imgs1 img:first-child {
  display: block;
}

.container .item6 .item6-container-max .item6-container  .item6-content-header-title.active .imgs1 img:last-child {
  display: none;
}

.container .item6 .item6-container-max .item6-container  .item6-content-header-title:not(.active) .imgs1 img:first-child {
  display: none;
}

.container .item6 .item6-container-max .item6-container  .item6-content-header-title:not(.active) .imgs1 img:last-child {
  display: block;
}

/*==========@@swiper  开始@@==========*/
.swiper-container {
	margin:0 auto; position:relative; overflow:hidden; direction:ltr;
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;
	z-index:1;
}
.swiper-wrapper {
	position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
	transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-container { }
.swiper-slide {  }
.swiper-slide-active {  }
.swiper-slide-visible { }
.swiper-pagination{ position: absolute; bottom: 15px; text-align: center; width: 100%; left: 0; z-index: 1; }
.swiper-pagination-switch { display: inline-block; width: 30px; height: 8px; margin: 0 5px; border: 1px solid #FFF; border-radius: 8px; cursor: pointer; transition-duration: .5s; }
.swiper-active-switch { background: #004da0; }
.swiper-visible-switch {  }

.component{width: 100%;position: relative;overflow: hidden;}
.component:after{ content: ''; display: block; clear: both; }
.component i{ font-style: normal; }
.component .TPagePicture img{ display: block; width: 100%; }

/* 幻灯片组件0 */
.floor_banner0 {position:relative;z-index: 0;}
.banner0 li{ position: relative; display: flex; height: 100%; align-items: center; justify-content: center; overflow: hidden; }
.banner0 li img{ display:block; width: 100%; }
.banner0 li .bannertext{ position: absolute; height: 80px; line-height: 40px; max-width: 1440px; left: 0; right: 0; top: 50%; margin: -40px auto 0; text-align: center; color: #444; cursor: pointer; z-index: 99; }
.banner0 li .bannertext .BannerName{ font-size: 36px; opacity: 0; transform: translateY(50px); transition-duration: 1s; transition-delay: 1s; }
.banner0 li .bannertext .BannerDescription{ font-size: 20px; opacity: 0; transform: translateY(80px); transition-duration: 1.5s; transition-delay: 1.2s; }

/*==========@@swiper  结束@@==========*/