.swiper-slide{

    position: relative;

}

.swiper-slide img{

  width: 100%;

}

.tabA{

  width:1428px;margin:0 auto;cursor: pointer;margin-top: 50px;

}





.yyui-tit {

  width: 100%;

  height: 50px;

  display: flex;

  border-bottom: 1px solid #E5E5E5;

}

.yyui-tit >.yyui_tab_title_this {

  /* height: 66px; */

  border-bottom: 1px solid #003366;

  color: #003366;

  background-color: #ffffff;

font-weight: bold;

}

.yyui-tit li {

  width: auto;

  line-height: 66px;

  text-align: center;

  transition: all 0.5s;

  margin-right: 40px;

font-size: 26px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #666666;

opacity: 1;

}

.card_2{

  display: flex;

}

.yyui_tab_content_this div:nth-of-type(odd){

	/* width: 880px;

    height: 640px; */

background: rgba(0, 0, 0, 0.05);

}

.con{

  width: 100%;

height: auto;

background: #EBEBEB;

opacity: 0.9;

padding: 60px 0 95px 0;

}

.con1{

  width: 1428px;

  margin: 0 auto;

  height: auto;

}

.con1-tit{

  border-bottom: 1px solid #999999;

}

.con1-tit h5{

font-size: 26px;

font-family: Microsoft YaHei;

font-weight: bold;

line-height: 40px;

color: #003874;

opacity: 1;

display: inline-block;

border-bottom: 1px solid #003874;

}

.con1-ul{

  width: 100%;

  margin-top: 30px;

}

.con1-ul:hover > .con1-ul-txt{

  background: #CF8A19;

}

.con1-ul:hover > .con1-ul-txt > .biao{

  border-bottom: 15px solid #CF8A19;

}

.con1-ul:hover > .con1-ul-txt > .biao2{

  border-top: 15px solid #CF8A19;

}

.con1-ul:hover > .con1-ul-txt > h6{

  color: #ffffff;

}

.con1-ul:hover > .con1-ul-txt > p{

  color: #ffffff;

}

.con1-ul:hover > .con1-ul-txt > .more > a >span{

  color: #ffffff;

}

.con1-ul:hover > .con1-ul-img >img{

  transform: scale(1.05);

}

.con1-ul li{

  width: 476px;

  height: 338px;

}

.con1-ul li h6{

  font-size: 22px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #003874;

  padding: 38px 0 30px 42px;

  transition: all 0.5s;

}

.con1-ul li p{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 22px;

color: #666666;

margin: 0 25px 0 42px ;

transition: all 0.5s;

text-overflow: -o-ellipsis-lastline;

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 7;

line-clamp: 7;

-webkit-box-orient: vertical;

}

.con1-ul-img img{

 transition: all 0.5s;
width: 100%;
    height: 100%;
}

.con1-ul-img{

  width: 476px;

  height: 338px;

  overflow: hidden;

}

.con1-ul{

  

}

.con1-ul-txt{

  background: #ffffff;

  position: relative;

  transition: all 0.5s;

}

.con1-ul-txt .more{

  /* margin: 30px 39px 0 368px; */

  transition: all 0.5s;

  position: absolute;

  bottom: 30px;

  right: 50px;

}

.con1-ul-txt .more span{

  margin-right: 5px;

  color: #003874;

}

.con1-ul-txt .more a{

font-size: 15px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #999999;

}

.biao{

  position: absolute;

  transition: all 0.5s;

  top: -15px;

  left: 65px;

  width: 0px;                          

  height: 0px;

  border-bottom: 15px solid #ffffff;

  border-left: 15px solid transparent; 

  border-right: 15px solid transparent;

}

.biao2{

  position: absolute;

  transition: all 0.5s;

  bottom: -15px;

  top: 100%;

  left: 65px;

  width: 0px;                          

  height: 0px;

  border-top: 15px solid #ffffff;

  border-left: 15px solid transparent; 

  border-right: 15px solid transparent;

  border-bottom:none;

  z-index: 5;

}

.con1-c{

  display: flex;

}

.more {

  font-size: 16px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #666666;

  display: flex;

}

.more a:hover{

   color: #003874;

}

.more a {

  color: #003874;

  margin-right: 5px;

  margin-top: 1px;

  display: block;

  transition: all 0.5s;

}

.con2{

  width: 100%;

height: 708px;

background: #F8F8F8;

opacity: 1;
display: none;
}

.con2-1{

  width: 1428px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  padding: 70px 0 95px 0;

}

.mod{

  /*position: absolute;

  bottom: 40px;

  left: 22%;

  transform: translateX(-50%);
*/
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .2);
    height: 100px;
    width: 100%;
  }

  .mod p{

  font-size: 30px;

  font-family: Microsoft YaHei;

  font-weight: bold;

  line-height: 40px;

  color: #FFFFFF;
    margin-top: 20px;
    margin-left: 200px;
  }
  .b_1{
    background: rgba(0, 0, 0, .3);
  }

.con2-1 h5{

font-size: 26px;

font-family: Microsoft YaHei;

font-weight: bold;

line-height: 24px;

color: #003366;

opacity: 1;

position: relative;

margin-left: 17px;

}

.con2-1 h5::before{

  content: " ";

  width: 0px;

height: 22px;

border: 1px solid #003874;

opacity: 1;

left: -17px;

position: absolute;

top: 2px;

}

.pp_1{

font-size: 26px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #FFFFFF;
margin-top: 10px;
}

.pp_2{

font-size: 14px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 22px;

color: #FFFFFF;

opacity: 0.7;

margin-top: 12px;

margin-bottom: 17px;

}

.pp_3{

font-size: 12px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #003366;

}

.pp_4{

font-size: 18px;

font-family: Microsoft YaHei;

/* font-weight: bold; */

line-height: 28px;

/* transition: all 0.1s; */

}

.con2-1-img{

  width: 436px;

height: 264px;

overflow: hidden;

position: relative;

margin-top: 30px;

}

.con2-1-tit{

  position: absolute;

  bottom: 10px;

  left: 18px;

}

.con2-1-tit p{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

color: #FFFFFF;

}

.con2-1-txt{

  width: 436px;

height: 190px;

background: #EFEFEF;

opacity: 1;

padding-top: 20px;

position: relative;

}

.con2-1-txt p a,.con2-1-txt p{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

line-height: 35px;

color: #666666;

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

word-break: break-all;

margin-right: 10px;

}

.con2-1-txt p{

  padding-left: 36px;

  position: relative;

}

.con2-1-txt .more{

  position: absolute;

  right: 33px;

    bottom: 26px;

}

.con2-1-txt .more a span{

  font-size: 14px;

  font-family: Microsoft YaHei;

  font-weight: 400;

  color: #003874;

  margin-right: 5px;

}

.con2-1-txt li{

  height: 35px;

}

.con2-1-txt p::before{

  content: " ";

  width: 3px;

  height: 3px;

  background: #999999;

  border-radius: 50%;

  opacity: 1;

position: absolute;

top: 17px;

left: 25px;

}

.con2-1-img img{

  transition: all 0.5s;
  width: 100%;
  height: 100%;
}

.con2-1-img:hover > a img{

  transform: scale(1.05);

}

.con2-1-txt li:hover{

background: #003366;

transition: all 0.5s;

}

.con2-1-txt li:hover > p >a{

  color: #FFFFFF;

  transition: all 0.5s;

}

.con2-1-txt li:hover > p::before{

  background: #ffffff;

  transition: all 0.5s;

}

.link{

  height: 70px;
  padding-top: 50px;
  width: 1428px;

  margin:0 auto;

  display: flex;

  /* justify-content: space-between; */

}

.link-jt{

  width: 6px;

  height: 6px;

  background: url(../img/index/xjt.png);

  margin-top: 9px;

  margin-right: 15px;

  transition: all 0.5s;

}

.link a{

font-size: 16px;

font-family: Microsoft YaHei;

font-weight: 400;

transition: all 0.5s;

color: #666666;

opacity: 1;

}

.link h6{

font-size: 18px;

font-family: Microsoft YaHei;

font-weight: bold;

color: #003366;

  margin-top: 69px;

  margin-right: 32px;

}

.link li{

  display: flex;

  margin-left: 28px;

}

.link li:hover  > .link-jt{

background: url(../img/index/xjt2.png);

}

.link li:hover  > a{

  color: #003366;

}

/*  */



.flex {

    display: flex;

    flex-flow: row nowrap;

}



.flex-y {

    display: flex;

    flex-flow: column nowrap;

}



.flex-wrap {

    flex-wrap: wrap;

}



.flex-x-end {

    justify-content: flex-end;

}



.flex-x-y {

    justify-content: center;

    align-items: center;

}



.flex-x-start {

    justify-content: flex-start;

}



.flex-x-center {

    justify-content: center;

}



.flex-x-between {

    justify-content: space-between;

}



.flex-x-b {

    justify-content: space-between;

}



.flex-x-around {

    justify-content: space-around;

}



.flex-x-a {

    justify-content: space-around;

}



.flex-y-start {

    align-items: flex-start;

}



.flex-y-end {

    align-items: flex-end;

}



.flex-y-center {

    align-items: center;

}



.flex-y-x {

    justify-content: center;

    align-items: center;

}



.text-center {

    text-align: center;

}



.box-box {

    box-sizing: border-box;

}



.text-hidden {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.hidden {

    overflow: hidden;

}



.text-right {

    text-align: right;

}



.flex-1 {

    flex: 1;

}



.title-list {

    height: 40px;

    border-bottom: 2px solid #8B8B8B;

}



.title-item {

    color: #8B8B8B;

    font-size: 26px;

    font-weight: 600;

    margin-right: 20px;

    position: relative;

    cursor: pointer;

}



.title-item-active {

    color: #003366;

}



.title-item-active::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 2px;

    background-color: #003366;

    bottom: -4px;

    left: 0;

    z-index: 2;

}

/* 一级隐藏 */



.new-list-item {

    display: none;

}



.new-list-item-active {

    display: flex;

}



.new-list-item-box {

    width: 880px;

    height: 640px;

    background-color: #f4f4f4;

    overflow: hidden;

    position: relative;

    display: none;

    align-items: flex-end;

}



.new-list-item-box-active {

    display: flex;

}



.new-list-item-list {

    width: 518px;

    height: 640px;

    /* overflow-y: scroll; */

    position: relative;

}



.new-list-item-box img {

   /* width: 880px;

    height: 100%;*/

    vertical-align: top;

    position: absolute;

    left: 50%;

    top: 0;

    z-index: 0;
    transform: translateX(-50%);
}



.new-list-item-box div {

    position: relative;

    z-index: 3;

    color: #FFFFFF;

    box-sizing: border-box;

    padding: 0 30px;

}



.ns-text-limit2 {

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    /* word-wrap: break-word; */

    word-break: break-all;

    /* transition: all 0.3s; */

    color: #555555;

}



.new-list-nav-item {

  width: 550px;

    height: 130px;

    color: #595959;

    position: relative;

    box-sizing: border-box;

    padding: 40px 0 0 30px;

    /* transition: all 0.3s; */

}



.new-list-nav-item+.new-list-nav-item {

    border-top: 1px solid #8B8B8B;

}



.new-list-nav-item-active {

    /* color: #003366; */
    color: #ffffff;

    /* background-color: #E5E5E5; */
    background-color: #003366;
    font-weight: bold;

}

.new-list-nav-item-active .pp_3{
    color: #ffffff;
}
.new-list-nav-item-active .pp_4{
    color: #ffffff;
}

.new-list-nav-item-active::after {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    width: 4px;

    background-color: #003366;

    z-index: 2;

}

.mod2{

  position: absolute;

  left: 50%;

  top: 95%;

  transform: translateX(-50%);

  z-index: 2;

  width: 22px;

  height: 42px;

  cursor: pointer;



}

.mod2 img{

  position: absolute;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  animation-duration: 1.5s;

}

.mod2-1{

  width: 34px;

  height: 21px;

  position: relative;

  overflow: hidden;

}

.c1{

  animation-name: roll1;

}

.c2{

  animation-name: roll2;

}

@keyframes roll1{

  0%{top: 0px;}

  100%{top: 100%;}

}

@keyframes roll2{

  0%{top: -100%; }

  100%{top: 0px; }

}


.d3-img{
  width: auto !important;
  height: 100% !important;
  transform: translateX(-50%);
  left: 50% !important;
}
.nr{
  width: 100%;
height: 259px;
background: linear-gradient(180deg, rgba(1, 1, 1, 0) 0%, rgba(0, 0, 0, 0.64) 100%);
opacity: 1;
padding-top: 150px;
}
.nr div:first-child{
  margin-top: 150px;
}




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

  .header1 {

    width: 90%;

  }

  .tabA{

    width: 90%;

  }

  .new-list-item-box {

    width: 100%;

  }

  .new-list-item-box img {

    width: 100%;

    height: 100%;

  }

  .new-list-item-list {

    width: 40%;

  }

  .new-list-nav-item{

    width: 100%;

  }

  .dt{

    width: 60%;

  }

  .con1,.con2-1,.link {

    width: 90%;

}

.con1-ul li {

    width: 100%;

}

.con1-ul {

    width: 33%;

}




.con2 ul{

  width: 32%;

}

.con2-1-img img {

  width: 100%;

  height: 100%;

}

.con2-1-img ,.con2-1-txt{

  width: 100%;

}

}



@media screen and (max-width: 700px){
  .title-item-active::after {
    bottom: -11px;
}
.swiper-button-next{

  right: 10px !important;

}

.swiper-button-prev{

  left: 10px !important;

}

.swiper-button-next, .swiper-button-prev {

  width: 20px !important;

  height: 20px !important;

  background-size: 100% !important;

}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 5px!important;

  width: 5px!important;

  height: 5px!important;

}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

  width: auto!important;

  bottom: 10px !important;

}

.mod2-1 {

  width: 11px;

  height: 11px;

}

.mod2 img {

  width: 11px;

}

.mod2{

  width: 11px;

    height: 22px;

    top: 85%;

}

.mod p {

  font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
    margin-left: 5%;
}

.mod{

  bottom: 4px;

}

.new-list-item-list{

  height: auto;
  width: 100%;
}
.dt {
  width: 100%;
}
.new-list-item-active {
  display: block;
}
.con1-tit h5 {
  font-size: 20px;
}
.con1-ul li p {
  margin: 0 20px 0 20px;
}
.con1-ul li h6 {
  padding: 38px 0 30px 20px;
}
.con1-ul-txt .more {
  right: 20px;
}
.con {
  width: 100%;
  height: auto;
  background: #EBEBEB;
  opacity: 0.9;
  padding: 60px 0 30px 0;
}
.link {
  padding-top: 20px;
}
.tabA {
  margin-top: 10px;
}

.new-list-nav-item{

  height: 50px;

  padding: 10px 0 0 5px;

}

.pp_4 {

  font-size: 12px;

  line-height: normal;

 

}

.ns-text-limit2{

  -webkit-line-clamp: 1;

}

.new-list-nav-item-active::after{

  width: 2px;

}

.new-list-item-box{

  height: 220px;

}

.new-list-item-box div {

  padding: 0 5px;

}

.pp_1 {

  font-size: 12px;

}

.pp_2 {

  font-size: 12px;

  line-height: inherit;

  margin-top: 5px;

  margin-bottom: 10px;

}

.title-item {

  font-size: 14px;

  margin-right: 10px;

}

.more {

  font-size: 12px;

}

.con1-c,.con2-1 {

  display: block;

}

.con1-ul,.con2 ul {

  width: 100%;

}

.con2{

  height: auto;

}

.con2-1 h5 {

  font-size: 20px;

}

.con2 ul{

  margin-top: 20px;

}

.con2-1-img{

  margin-top: 10px;

}

.con2-1{

  padding: 0px 0 20px 0;

}



}