@charset "utf-8";
/* CSS Document */

  /*工具  */
  .topa { display: flex; justify-content: space-between;}
  .topa_a {padding-right: 20px;} 
  .topa_a > img {width: 24px; cursor: pointer;}
  .menu .img1 { display:block ;width: 30px;}
  .menu .img2 { display: block;}
  .topsearch .img_2 {  display:block ;}

/************************* 导航 **********************/
/*top*/
  .top {
    width: 1640px;
    position: fixed;
    left: 50%;
    margin-left: -821px;
	/* width: calc(90% - 70px); */
    top: 57px;
    background-color:#ffffff;
    height: 80px;
    border-radius: 20px;
    padding:0 30px 0 25px;
    transition: all ease 0.3s;
    z-index: 999;
   
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .topx {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 0;
    border-radius: 0;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
  }
  .logo {
    width:320px;
    margin-top:0px;
  }
  .logo img {
    width: 100%;
    transition: all ease 0.3s;
  }
  /* .logo img:hover {
    transform: scale(1.05);
  } */
  .nav {
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;    width: 65%;
  }
  .nava {
    transition: all ease 0.3s;
    cursor: pointer;
    text-align: center;
    z-index: 100;
	 margin:0 15px;
  }

  .nava > p {
    transition: all ease 0.3s;
    text-align: center;
    line-height: 80px;
    background-image: url(../images/g9.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 126px 0px;
  }
  .nava > p a {
    font-size: 18px;
    color: #333;
    transition: all ease 0.3s;
   
    text-transform: capitalize;
    display: block;
    font-weight: 500;
    letter-spacing: 0.5px;
  }
  .nava:hover > p {
    background-size: 126px 10px;
  }
  .nava:hover > p a {
    color: #1a5faa;
    font-weight: bold;
  }
  .navaa > p a {
    color: #1a5faa;
    font-weight: bold;
  }
  .navaa > p {
    background-size: 126px 10px;
  }
  .navb {
    width: 100%;
    position: absolute;
    z-index: 998;
    top: 80px;
    left: 0%;
    background-color: #fff;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
    display: none;
  }
  .navb1 {
    width: 70%;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    padding: 60px 0 68px;
  }
  .navb1_a {
    transition: all ease 0.3s;
  }
  /*	.navb1_a:hover{transform: translateY(-6px);}*/
  .navb1_a img {
    float: left;
  }
  .navb1_a p {
    float: left;
    font-size: 18px;
    color: #000000;

    text-transform: capitalize;
    line-height: 49px;
    margin-left: 16px;
    transition: all ease 0.3s;
    text-align: left;
  }
  .navb1_a p a {
    font-size: 18px;
    color: #000000;

    text-transform: capitalize;
    transition: all ease 0.3s;
  }
  .navb1_a p a:hover {
    color: #1a5faa;
  }
  .navb1_a p span {
    display: block;
    margin-top: 7px;
  }
  .navb1_a p span a {
    display: block;
    line-height: 35px;
    font-size: 16px;
   
    text-align: left;
    transition: all ease 0.3s;
  }
  .navb1_a p span a:hover {
    color: #1a5faa;
    font-weight: bold;
  }
  .navb1_a:hover p {
    color: #1a5faa;
  }



/* 下拉内容 */
  .navb2 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 40px 0 55px;
  }
  .navb2_a {
    width: 267px;
    height: 205px;
    border-radius: 20px;
    background-color: #f8f8f8;
    text-align: left;
    padding: 53px 0 0 38px;
  }
  .navb2_a h6 {
    font-size: 20px;
    color: #000000;

    line-height: 15px;
  }
  .navb2_a h6 a {
    font-size: 20px;
    color: #000000;

    transition: all ease 0.3s;
  }
  .navb2_a h6 a:hover {
    color: #1a5faa;
  }
  .navb2_a p {
    line-height: 32px;
    margin-top: 23px;
  }
  .navb2_a p a {
    font-size: 16px;
    color: #000000;
   
    display: block;
    transition: all ease 0.3s;
  }
  .navb2_a p a:hover {
    color: #1a5faa;
  }
  .navb2_b {
    padding-top: 30px;
    text-align: left;
  }
  .navb2_b h6 {
    line-height: 15px;
	font-weight: bold;
  }
  .navb2_b h6 a {
    font-size: 16px;
    color: #000000;

    transition: all ease 0.3s;
  }
  .navb2_b h6 a:hover {
    color: #1a5faa;
  }
  .navb2_b p {
    line-height: 32px;
    margin-top: 23px;
  }
  .navb2_b p a {
    font-size: 16px;
    color: #000000;
   
    display: block;
    transition: all ease 0.3s;
  }
  .navb2_b p a:hover {
    color: #1a5faa;
  }
  .topa_b {position: relative;}

  .topa_a2 {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 80px;
    display: none;
    padding: 70px 0 67px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
  }
  .topa_a3x {
    display: flex;
    justify-content: center;
  }
 

  .topa_a3 {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 80px;
    display: none;
    padding: 40px 0 45px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
  }
  .topa_a3 img {
    width: 26px;
    height: 26px;
    margin-top: 7px;
  }
  .topa_a3 input.input1 {
    width: 544px;
    margin: 0 47px 0 38px;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666666;
   
  }
  .topa_a3 input.input2 {
    width: 135px;
    line-height: 39px;
    height: 40px;
    font-size: 16px;
    color: #fff;

    text-align: center;
    background-color: #1a5faa;
    border-radius: 30px;
    cursor: pointer;
  }



/* 导航点击背景及栏目 */

.z_menu_mask {
    width: 100%;
    height: 100vh;
    transition: ease 1s;
    transform: translateY(-100%);
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    padding: 10% 5% 5% 10%;
    box-sizing: border-box;
    background: linear-gradient(#434957, #2b2f38);
    /* background: url(../images/menu_mask2.jpg) no-repeat center; */
    background-size: cover;
    z-index: 20000;

	  background: radial-gradient( at bottom center, #0070aa, #0b2570, #000035, #000);
	  background: radial-gradient( at top center, #000 10%, #000035 40%, #0b2570 65%, #0070aa);
	  background:linear-gradient(to bottom cente, #0070aa, #0b2570, #000035, #000);
	  background-attachment: fixed;
	  overflow: hidden;
	}

	@keyframes rotate {
	  0% {
	    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
	  }
	  100% {
	    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
	  }
	}
	.stars {
	  transform: perspective(500px);
	  transform-style: preserve-3d;
	  position: absolute;
	  bottom: 0;
	  perspective-origin: 50% 100%;
	  left: 50%;
	  animation: rotate 90s infinite linear;
	}

	.star {
	  width: 2px;
	  height: 2px;
	  background: #F7F7B6;
	  position: absolute;
	  top: 0;
	  left: 0;
	  transform-origin: 0 0 -300px;
	  transform: translate3d(0, 0, -300px);
	  backface-visibility: hidden;
	}

.z_menu_mask.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.z_menu_Logo {
    position: absolute;
    left: 10%;
    top: 3vw;
    text-align: center;
    cursor: pointer;
}

.z_menu_Logo img {
    width: 350px;
}


.topa_a3x { display: flex;justify-content: center;}
.topa {margin-left: 0px; display: flex; justify-content: space-between; align-items: center;width: 10%;}
.topa_a > img { width: 24px; cursor: pointer;}
.topa_a3 {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 80px;
    display: none;
    padding: 40px 0 45px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
  }
  .topa_a3 img {
    width: 26px;
    height: 26px;
    margin-top: 7px;
  }
  .topa_a3 input.input1 {
    width: 544px;
    margin: 0 47px 0 38px;
    line-height: 40px;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666666;
   
  }
  .topa_a3 input.input2 {
    width: 135px;
    line-height: 39px;
    height: 40px;
    font-size: 16px;
    color: #fff;

    text-align: center;
    background-color: #1a5faa;
    border-radius: 30px;
    cursor: pointer;
  }

.z_menu_close {
    position: absolute;
    right: 3%;
    top: 3.8vw;
    text-align: center;
    cursor: pointer;
}

.z_menu_mask .frwarp {
    width: 50vw;
    width: 100%;
    float: right;
}

.z_flex_ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
}
.z_menu_nav dl {
    display: inline-block;
    width: calc(20% - 40px);
    padding-top: 2vw;
    border-top:2px solid #FFC107;
    margin-bottom: 2.5vw;
    position: relative;
}
.z_menu_nav dl::after {
    content: '';
    width: 35px;
    height: 4px;
    background: #1a5faa;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: -1px;
    transform: translateY(-50%);
    transition: all .48s;
}
.z_menu_nav dl:hover::after {
    width: 50px;
}
.z_menu_nav dl dt {
    margin-bottom: 20px;
}
.z_menu_nav dl a {
    display: block;
    color: #fff;
}
.z_menu_nav dl dt a {
    font-size: 21px;
    font-weight: bold;
}
.z_menu_nav dl dd a {
    font-size: 18px;
    line-height: 2;
}
/*  */
.z_menu_top { margin:5% 0;}
.z_menu_btm {
    padding-top: 2vw;
    border-top: 2px solid rgb(255 255 255 / 18%);
    position: relative;
}

.z_menu_btm::after {
    content: '';
    width: 18px;
    height: 4px;
    background: #1a5faa;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: -1px;
    transform: translateY(-50%);
}

.z_menu_btmUl {
    display: flex;
    justify-content: space-between;
}

.z_menu_btmLi {
    width: calc(20% - 30px);
    padding: 15px 20px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.z_menu_btmLi i {
    color: #2b2f38;
    font-size: 16px;
}

.z_menu_btmLi .icon {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.z_menu_btmLi .icon::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #f6f6f4;
    position: absolute;
    left: 0;
    top: 0;
}

.z_menu_btmLi .icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0) scale(calc(4 / 40));
    background: #FFC107;
    border-radius: 50%;
}

.z_menu_btmLi .icon svg {
    position: absolute;
    width: 5px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0);
    transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    z-index: 1;
}
.z_menu_btmLi .icon svg path {  fill: #fff;}

.z_menu_btmLi:hover .icon svg {
    transform: translate3d(-50%, -50%, 0px) scale(1) !important;
    transition-delay: 0.2s;
}
.z_menu_btmLi .icon[data-icon-color="1"]:after {
   background:#FFC107;
}

.z_menu_btmLi:hover .icon:after {
    transform: translate3d(0, 0, 0) scale(1) !important;
    transition: transform 0.5s 0s cubic-bezier(0.43, 0.05, 0.17, 1);
    transition-delay: 0s;
}
.menu_m {display: none;}
.menu .img1 { display: none;}
.menu img { width: 25px;}
.menu .img2 { display: block;}

@media (max-width: 1024px) {
    .z_menu_mask {
        overflow-y: scroll;
    }
    .menu_pc {
        display: none;
    }

    .menu_m {
        display: block;
    }

    .z_menu_mask {
        padding: 0 5% 28px;
        background: #fff;
    }
}


@media (max-width: 999px) {
.menu_m {display: block;}
/*手机nav*/
	.sjdhgd{width: 100%;background-size: 100% 100%;position: fixed;z-index: 999;top: 0;left: 0;background-color: #fff;box-shadow: 0 0 30px 0 rgba(0,60,179,0.5);}
	.sjdh{margin: 0 auto;width: 100%;padding: 20px 2% 0 0px;transition: all ease 0.4s;}
	.sjdha{width: 100%;     display: flex;align-items: center;justify-content: space-between;}
    .topemail{ margin: 0 6%;}
	.sjdha_t1{max-width: 75%;overflow: hidden;}
	
.sjdha_t1 img {
    width: 450px;
    max-width: 100%;
}
    .mob{display: block;}
    .top {display: none;}
}

@media (max-width: 768px) {
    .topemail {
    margin: 0 15%;
}
}

@media (max-width: 414px) {
  .topemail {
    margin: 0 10%;
}
}
@media (max-width: 370px) {
    .topemail {
    margin: 0 6%;
}
}


/* 手机菜单按钮 */
.menu_mTop {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.menu_mTop_logo img {
    width: 230px;
}

.menu_mTop_close {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid #d6d3d3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu_mTop_close img {
    width: 14px;
}

.menu_mNav li {
    background: #f6f6f6;
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 5px;
    position: relative;
}

.menu_mNav li .menu_mA {
    position: relative;
}

.menu_mNav li a span {
    color: #666;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu_mNav li .menu_mA i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a5eaa;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    transition: all .48s;
}

.menu_mNav li .menu_mA i.on {
    transform: translateY(-50%) rotate(90deg);
    background: rgb(26 94 170 / 86%);
}

.menu_mNav li .menu_mA svg {
    width: 16px;
    height: 16px;
}

.menu_mNav li .menu_mA svg path {
    fill: #fff;
}

.menu_mNav li .menu_mZk {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    display: none;
}

.menu_mNav li .menu_mZk a {
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}









@media(max-width:768px) {
.hLogo img {width: 225px;}
.headerNew .headerNewBox {
    padding-left:5px;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 68px;
}
.headerNew .menu img {
    width: 25px;
}
.headerNew .menu {
    display: flex;
    width: 32px;
    height: 80%;
    border-left:none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}
.topa {
    margin-top: 0px;
    margin-left: 0px;
    display: flex;
    width:auto;
}.topa_a {
    padding-right: 25px;
    padding-bottom: 0px;
}
.topa_a3 {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 64px;
    display: none;
    padding:20px 10px 25px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
}
.topa_a3 input.input2 {
    width: 135px;
    line-height: 39px;
    height: 40px;
    font-size: 16px;
    color: #fff;

    text-align: center;
    background-color: #1a5faa;
     border-radius: 0px; 
    cursor: pointer;
}
}
@media(max-width:414px) {
.hLogo img { max-width: 270px;
}
.headerNew .menu {
    display: flex;
    width: 32px;
    height: 80%;
    border-left: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
}
.topa_a {
    padding-right: 22px;
    padding-bottom: 0px;
}
}
@media(max-width:415px) {
.hLogo img {
 max-width: 290px;
}
	.topa_a {
    padding-right:10px;
    padding-bottom: 0px;
}

.headerNew .menu {
    display: flex;
    width: 32px;
    height: 80%;
    border-left: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}
}
@media(max-width:375px) {
.topa_a {
    padding-right:10px;
    padding-bottom: 0px;
}
.headerNew .menu {
    display: flex;
    width: 32px;
    height: 80%;
    border-left: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right:2%;
    transform: translateY(-50%);
}
}
@media(max-width:321px) {
.topa_a {
    padding-right:5px;
    padding-bottom: 0px;
}
	.headerNew .menu {
    display: flex;
    width: 32px;
    height: 80%;
    border-left: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right:0%;
    transform: translateY(-50%);
}
}


@media screen and (max-width: 1499px) and (min-width: 1000px){
/*top*/
.top {
  width: 92%;
  position: fixed;
  left: 4%;
  top: 50px;
  background-color: #fafafa;
  height: 80px;
  border-radius: 20px;
  padding: 0 2% 0 3%;
  z-index: 999;
  transition: all ease 0.3s;
}
.topx {
  width: 100%;
  left: 0;
  margin-left: 0;
  top: 0;
  border-radius: 0;
  box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
}
.logo {
  width: 235px;
  margin-top: 0px;
}
.logo img {
  width: 100%;
  transition: all ease 0.3s;
}
.logo img:hover {
  transform: scale(1.05);
}
.nav {
  z-index: 100;
  height: 80px;
}
.nava {
  transition: all ease 0.3s;

  cursor: pointer;
  text-align: center;
  z-index: 100;
  margin-left: 0px;
}
.nava:nth-child(1) {
  margin-left: 0px;
}
.nava > p {
  transition: all ease 0.3s;
  text-align: center;
  line-height: 80px;
  background-image: url(../images/g9.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 126px 0px;
}
.nava > p a {
  font-size: 16px;
  color: #333;
  transition: all ease 0.3s;
  
  text-transform: capitalize;
  display: block;
  font-weight: 500;
}
.nava:hover > p {
  background-size: 126px 10px;
}
.nava:hover > p a {
  color: #2666ae;
  font-weight: bold;
}
.navaa > p a {
  color: #2666ae;
  font-weight: bold;
}
.navaa > p {
  background-size: 126px 10px;
}
.navb {
  width: 100%;
  position: absolute;
  z-index: 1001;
  top: 80px;
  left: 0%;
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
  display: none;
}
.navb1 {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 60px 0 68px;
}
.navb1_a {
  transition: all ease 0.3s;
}
/*	.navb1_a:hover{transform: translateY(-6px);}*/
.navb1_a img {
  float: left;
}
.navb1_a p {
  float: left;
  font-size: 16px;
  color: #000000;
  font-family: mb;
  text-transform: capitalize;
  line-height: 49px;
  margin-left: 16px;
  transition: all ease 0.3s;
  text-align: left;
}
.navb1_a p a {
  font-size: 16px;
  color: #000000;
  font-family: mb;
  text-transform: capitalize;
  transition: all ease 0.3s;
}
.navb1_a p a:hover {
  color: #6eb92b;
}
.navb1_a p span {
  display: block;
  margin-top: 7px;
}
.navb1_a p span a {
  display: block;
  line-height: 35px;
  font-size: 14px;
  
  text-align: left;
  transition: all ease 0.3s;
}
.navb1_a p span a:hover {
  color: #6eb92b;
  font-weight: bold;
}
.navb1_a:hover p {
  color: #6eb92b;
}
.topa {
  margin-top: 0px;
  margin-left: 0;
}
.topa_a {
  padding-left: 0px;
  padding-bottom: 0px;
}
.topa_a > img {
  width: 24px;
  cursor: pointer;
}
.navb2 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  padding: 40px 0 55px;
}
.navb2_a {
  width: 240px;
  height: 205px;
  border-radius: 20px;
  background-color: #f8f8f8;
  text-align: left;
  padding: 53px 0 0 30px;
}
.navb2_a h6 {
  font-size: 16px;
  color: #000000;
  font-family: mb;
  line-height: 15px;
}
.navb2_a h6 a {
  font-size: 18px;
  color: #000000;
  font-family: mb;
  transition: all ease 0.3s;
}
.navb2_a h6 a:hover {
  color: #6eb92b;
}
.navb2_a p {
  line-height: 32px;
  margin-top: 23px;
}
.navb2_a p a {
  font-size: 12px;
  color: #000000;
  
  display: block;
  transition: all ease 0.3s;
}
.navb2_a p a:hover {
  color: #6eb92b;
}
.navb2_b {
  padding-top: 30px;
  text-align: left;
}
.navb2_b h6 {
  line-height: 15px;
}
.navb2_b h6 a {
  font-size: 18px;
  color: #000000;
  font-family: mb;
  transition: all ease 0.3s;
}
.navb2_b h6 a:hover {
  color: #6eb92b;
}
.navb2_b p {
  line-height: 32px;
  margin-top: 23px;
}
.navb2_b p a {
  font-size: 14px;
  color: #000000;
  
  display: block;
  transition: all ease 0.3s;
}
.navb2_b p a:hover {
  color: #6eb92b;
}
.topa_b {
  position: relative;
}
.topa_a1 {
  position: absolute;
  width: 124px;
  height: 94px;
  border-radius: 10px;
  background-color: #f7f7f7;
  top: 77px;
  left: -17px;
  padding: 4px 14px 0 14px;
}
.topa_a1::after {
  position: absolute;
  content: "";
  background-image: url(../images/g14.png);
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  left: 50%;
  margin-left: -7px;
  top: -7px;
}
.topa_a1 p {
  line-height: 44px;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.topa_a1 p:nth-child(2) {
  border: none;
}
.topa_a1 p a {
  font-size: 12px;
  color: #000000;
  
  transition: all ease 0.3s;
}
.topa_a1 p a:hover {
  color: #6eb92b;
}
.topa_a2 {
  position: absolute;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 80px;
  display: none;
  padding: 70px 0 67px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
}
.topa_a2x {
  margin: 0 115px;
}
.topa_a3x {
  display: flex;
  justify-content: center;
}
.topa_a2m {
  display: flex;
  justify-content: center;
}
.topa_a2x h6 {
  font-size: 18px;
  color: #000000;
  font-family: mb;
  line-height: 14px;
}
.topa_a2x p {
  line-height: 36px;
  margin-top: 18px;
}
.topa_a2x p a {
  font-size: 14px;
  color: #666666;
  display: block;
  
  transition: all ease 0.3s;
}
.topa_a2x p a:hover {
  color: #6eb92b;
  text-decoration: underline;
}
.topa_a3 {
  position: absolute;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 80px;
  display: none;
  padding: 40px 0 45px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
}
.topa_a3 img {
  width: 26px;
  height: 26px;
  margin-top: 7px;
}
.topa_a3 input.input1 {
  width: 544px;
  margin: 0 47px 0 38px;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  color: #666666;
  
}
.topa_a3 input.input2 {
  width: 135px;
  line-height: 39px;
  height: 40px;
  font-size: 14px;
  color: #fff;
  font-family: mb;
  text-align: center;
  background-color: #6eb92b;
  border-radius: 30px;
  cursor: pointer;
}


}

@media screen and (max-width: 1300px) and (min-width: 1024px){
.nav {
    z-index: 100;
    height: 80px; display:none;
}

}



/********i_part1产品********************************************************************************/

/*i_part1*/
.i_title{ margin-top: 0px;}
.i_title  h2{text-align: center;color:#333; line-height: 105px;font-size:36px; font-weight: 600;position: relative;}
.i_title  h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    height: 5px;
    background:#024ea1;
}

.i_part1 {
    height: 90vh;
    position: relative;
    z-index: 2;    
    background: url(../images/mod1_bj.png) no-repeat top center;
    background-size: 100%;padding:35px 0px 100px; 
}
.i_part1 .pics {
    position: relative;
    /* top: 0;
    left: 0;     z-index: -1;*/
    width: 100%;
    height: 100%;


}


.i_part1 .pics .swiper-slide{height: 60vh;background: no-repeat center;background-size: cover;opacity: 0!important;position: relative;}
.i_part1 .pics .swiper-slide>img{position: absolute;top:40%;left: 50%;transform: translate(-50%,-50%) scale(0.8);}
.i_part1 .pics .swiper-slide-active{opacity: 1!important;}
.i_part1 .pics .prev,.i_part1 .pics .next{position: absolute;top: 48%;transform: translateY(-50%); width:21px;height: 37px;background-size:100% 100%;z-index: 3;cursor: pointer;opacity: 0.5;transition: all 0.5s;}
.i_part1 .pics .prev:hover,.i_part1 .pics .next:hover{opacity: 1;}
.i_part1 .pics .prev{left: 15%;background-image: url(../images/ip2_prev1.png);}
.i_part1 .pics .next{right:15%;background-image: url(../images/ip2_next1.png);}
.i_part1 .tit{text-align: center;color: #ffffff;padding-top: 18vh;line-height:58px;}
.i_part1 .tab{position: relative;display: flex;justify-content: center;border-bottom: 2px solid rgb(238 238 238);margin-bottom:0px;}
.i_part1 .tab li{width:18.24%;text-align: center;line-height: 26px;margin-bottom: 25px;cursor: pointer;font-size:18px;transition: all 0.5s;position: relative;}
.i_part1 .tab li:after{content: "";position: absolute;bottom: -27px;left: 50%;transform: translateX(-50%);width: 0%;height: 2px;background-color: #024ea1;transition: all 0.5s;}
.i_part1 .tab li.on{font-size:24px;color: #024ea1;}
.i_part1 .tab li.on:after{width: 100%;}
.i_part1 .tab li:hover{font-size:24px;color: #024ea1;}
.i_part1 .tab li:hover:after{width: 100%;}
.i_part1 .txts{position: relative;/*font-size: 18px; bottom:0px;left: 50%;transform: translateX(-50%);width: 68.54%;*/text-align: center;overflow: hidden;line-height:30px;width: 85% !important; margin:30px  auto 0px; }
.i_part1 .txts .swiper-slide{font-size: 18px; }

@media screen and (max-width: 1499px) and (min-width: 1000px){
.i_part1 {
     height:100%; 
    position: relative;
    z-index: 2;
    background: url(../images/mod1_bj.png) no-repeat top center;
    background-size: 100%;
    padding: 35px 0px 0px;
}
}
@media screen and (max-width: 768px) {

.i_part1 {
    position: relative;
    z-index: 2;
    height: 100%;
    padding:40px 0px 0px;
}
 .i_title h2 {
    text-align: center;
    color:#333f47;

    line-height: 70px;
    font-size: 24px;
    font-weight: bold;
    position: relative;
}
.i_part1 .tit{padding-top:150px;}
.i_part1 .tab{width: 100%;display: flex; justify-content: space-between;font-size: 16px;margin-bottom:0px;height: auto;line-height:60px;min-width: 100vw;overflow-x: scroll;    flex-shrink: 0;}
.i_part1 .tab::-webkit-scrollbar {width:8px;background:none;}
.i_part1 .tab::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
 border-radius: 8px;}
.i_part1 .tab::-webkit-scrollbar-thumb {width:8px;background:#231e1400; border-radius:5px}
.i_part1 .tab::-webkit-scrollbar-corner {background:none;}
.i_part1 .tab::-webkit-scrollbar:horizontal{height:0px;}
.i_part1 .tab li.on{font-size:16px;}
.i_part1 .txts{width: 100% !important;/*top: 11.5rem;*/}
.i_part1 .txts .swiper-slide{font-size: 16px;line-height:26px;width: 100%;padding-bottom:5px;overflow: hidden;text-align: left;}
.i_part1 .txts {position: relative; font-size: 16px;text-align: center; overflow: hidden;}	
.i_part1 .pics .prev{left:0px;}
.i_part1 .pics .next{right:0px;}
.i_part1 .tab { border-bottom:none;}
.i_part1 .tab li{ width:auto; font-size:16px; padding:0 15px ;  flex-shrink: 0;}

.i_part1 .tab li:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background-color: #024ea1;
  transition: all 0.5s;
}
.i_part1 .pics .swiper-slide {
  height: 200px;
  background: no-repeat center;
  background-size: cover;

  position: relative;
}
.i_part1 .pics .swiper-slide>img{height: 150px;max-width: 9999px;}

.index_con>.swiper-wrapper>.swiper-slide:nth-child(n+2) .scr{display: none;}
}









/********i_part2资质荣誉、人才招聘 、党建********************************************************************************/
/*about_box2*/
.i_part2{ position: relative;margin-top: 50px;}
.i_part2_botbox .t_yiqih3 h3 {
    text-align: center;
     color: #fff;   
     line-height: 1.5;  
     font-size: 36px;
    font-weight: bold;
}
.t_yiqicon.t_yiqicon_2 p{
    color:#fff;
}
.t_yimorezi {
    font-size: 14px;
    color: #fff;
    line-height: 46px;
    margin-right: 26px;
    transition: all 0.36s;
}
.t_yimoreicon {
    width: 24px;
    line-height: 46px;
}

.i_part2_botnr .t_yiqih3 {
    margin-bottom: 24px;
}
.i_part2_botbox .t_yiqicon {
    opacity: 0;
    transition: all 0.36s;
}
.i_part2_botbox .t_yiqicon p{
    line-height: 2;
    font-size: 18px;
    text-align: justify;
    text-indent: 38px;
}
.i_part2_botnr.act .t_yiqicon {
    opacity: 1;
}
/*  */
.i_part2_bottu img {
    width: 100%;
}

.i_part2_toptu.act {
    display: block;
}
.i_part2_toptu {
    display: none;
}
.i_part2_toptu img{
    width: 100%;
}


.i_part2_bot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.i_part2_botnr {
    z-index: 1;
    overflow: hidden;
	
}
.i_part2_botnr {
    width:33.333%;
    float: left;
    position: relative;
    height: 100%;
    transition: all .36s ease;
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.i_part2_botnr a{
    display: block;
    padding: 70px 40px 40px 40px;
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
}

.i_part2_botnr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    border: 2px solid #ce7d00;*/
background: rgb(0 70 197 / 73%);
    transition: all .36s ease;
    opacity: 0;
}
.i_part2_botnr:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

background: rgb(178 135 103/ 73%);
  transition: all .36s ease;
  opacity: 0;
}
.i_part2_botnr:nth-child(3)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

background: rgba(152, 29, 1, 0.73);
  transition: all .36s ease;
  opacity: 0;
}


.i_part2_botbox {
    transition: all .36s ease;
}
.i_part2_boticon {
    width: 64px;
    /* margin-bottom: 22px; */
    transition: all .36s ease;
    opacity: 1;
    margin: 0 auto 25px;
}
.i_part2_boticon img{
    width: 100%;
}
.i_part2_ .t_jiah3 h3 {
    margin-bottom: 30px;
}
.i_part2_botnr .t_yiqiduan p {
    opacity: 0;
    transition: all 0.36s;
}
.i_part2_bottu {
    margin-top: 28px;
    transition: all .36s ease;
    opacity: 0;
}
.i_part2_bottu img{
    width: 100%;
}
.g_shu {
    position: absolute;
    bottom: 40px;
    right: 42px;
    color: #fff;
    font-size: 60px;
    opacity:.45;
    font-style: italic;
}
.i_part2_botnr::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    transition: all .36s ease;
    opacity: 0;
}


.i_part2_botnr.act::before {
    opacity: 1;
}
.i_part2_botnr.act .i_part2_botbox {
    transform: translateY(0);
}
.i_part2_botnr.act .i_part2_boticon {
    opacity: 1;
    margin-bottom: 34px;
}
.i_part2_botnr.act .t_yiqiduan p {
    opacity: 1;
}
.i_part2_botnr.act .i_part2_bottu {
    opacity: 1;
}
.i_part2_botbox {
    transform: translateY(200px);
}


/*  */
@media screen and (max-width:1100px) and (min-width: 1020px){
  .sjdha_t1 {
    max-width: 50%;
    overflow: hidden;
}
  .i_part2_botbox {
   transform: translateY(50px);
}.i_part2_botbox .t_yiqih3 h3 {
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-size: 26px;
  font-weight: bold;
}

}
/*  */
@media screen and (max-width:1000px) and (min-width: 780px){
  .sjdha_t1 {
    max-width: 50%;
    overflow: hidden;
}
  .i_part2_botbox {
   transform: translateY(0px);
}.i_part2_botbox .t_yiqih3 h3 {
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-size: 26px;
  font-weight: bold;
}

}


@media screen and (max-width: 768px){
 .i_part2 {
        position: relative;
        padding: 0px;
        margin-top: 0px
  }
 .i_part2_top {
    height: auto;
}

.i_part2_toptu {
    display: block;
    overflow: hidden;
    margin:0px auto;

    position: relative;
    min-height: 310px;
}
.i_part2_toptu:nth-child(3) {
  display: block;
  overflow: hidden;
  margin:0px auto;
  position: relative;
  min-height: 375px;
}
.i_part2_botnr::before { display: none;}
.i_part2_botnr {
    width: 100%;
    height: 32%;
}
 .i_part2_botnr a {
    padding: 20px 25px;
}
 .i_part2_botnr .i_part2_botbox {
    transform: translateY(0);
}
 .i_part2_botnr .i_part2_boticon {
    margin-bottom: 10px;
}
.i_part2_boticon {
    width: 40px;
    margin-bottom: 12px;
}
.i_part2_botbox .t_yiqih3 h3 {
    font-size: 24px;
}
.i_part2_botnr .t_yiqih3 {
    margin-bottom: 10px;
}.i_part2_botbox .t_yiqicon {
    max-height: 130px;
    overflow: hidden;
}
.i_part2_botbox .t_yiqicon.ov_y{overflow: scroll;
    background: #004ca096;
    padding: 10px;}
.i_part2_botbox .t_yiqicon.zp_y{overflow: scroll;
  background: rgb(178 135 103/ 83%);
    padding: 10px;}
.i_part2_botbox .t_yiqicon.dj_y{overflow: scroll;
  background: rgb(231 60 22/ 73%);
      padding: 10px;}

.i_part2_botbox .t_yiqicon.dj_y::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 8px;}
  .i_part2_botbox .t_yiqicon.dj_y::-webkit-scrollbar-thumb {width:8px;background:#ff9c00; border-radius:5px}
  .i_part2_botbox .t_yiqicon.dj_y::-webkit-scrollbar-corner {background:none;}
  .i_part2_botbox .t_yiqicon.dj_y::-webkit-scrollbar:horizontal{height:6px;}



.i_part2_botbox .t_yiqicon {
    opacity: 1;
}
.i_part2_botbox .t_yiqicon p {
    line-height:1.6;
    font-size: 15px;;
    text-align: justify;
}
.i_part2_toptu img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.i_part2_bottu {
    margin-top:10px;
    transition: all .36s ease;
   opacity: 1;
}
.g_shu {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    opacity: .45;
    font-style: italic;
}

}






/****** i_part3   视频*********************/

/* index__video */
.ind-video .main{margin:0px auto;position: relative;z-index: 0;}
.ind-video .pic{width: 100%;}
.ind-video .video { width: 100%; display: none;}
.ind-video .pic{display: block;}
.ind-video .pic img,
.ind-video .video video{display: block;width: 100%;}
.ind-video .warp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;box-sizing: border-box;padding: 155px 0px 50px;background:rgba(27,80,158,0.35);}
.ind-video .warp .title{font-size: 36px;color: #fff;font-weight: 200;line-height: 66px;text-align: center;}
.ind-video .warp .title span{margin: 0 35px;}
.ind-video .warp .title strong{font-weight: bold;}
.ind-video .warp .txt{font-size: 16px;color: #fff;line-height: 36px;text-align: center;margin-top: 20px; width:70%; margin:30px auto;}
.ind-video .v-player{display:flex;width: 88px;height: 88px;margin: 50px auto 0;align-items: center;justify-content: center;}
.ind-video .v-player i{display: block;width: 20px;height: 26px;background: url('../images/player.png') no-repeat center center;}


.video-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 9999;display: none; }
.video-pop-main{position: absolute;left: 50%;top: 50%;width: 900px;height: 506px;background: #000;margin: -253px 0 0 -450px;}
.video-pop-main .close{display: block;width: 30px;height: 30px;background: url('../images/video_close.png') no-repeat;position: absolute;right: -50px;top: 0;}
.video-pop-main .close:hover{transform:rotate(180deg);}
.video-pop-main .video video{display: block;width: 100%;height: 506px;}
.video-pop-main .prism-player{width: 100% !important;height: 506px !important;}
/*视频中心*/
.media-banner img{display: block;width: 100%;}
.media-main{padding: 40px 0 110px;}
.media-main .container{width: 92%;}
.media-profile{margin-top: 20px;}
.media-profile .main{float: left;width: 52%;height: 410px;background: #fff;box-sizing: border-box;}
.media-profile .main .warp{padding: 90px 4% 0 12%;}
.media-profile .main .title{font-size: 26px;color: #333;line-height: 46px;}
.media-profile .main .txt{font-size: 14px;color: #333;line-height: 26px;font-weight: 200;max-width: 480px;margin-top: 10px;}
.media-profile .main .link{display: block;box-sizing: border-box;width: 180px;height: 53px;border:1px solid #005bac;border-radius: 2px;font-size: 14px;color: #005bac;line-height: 51px;padding-left: 29px;margin-top: 75px;}
.media-profile .main .link .line{width: 45px;height: 1px;float: left;margin: 25px 14px 0 0;float: left;position: relative;background: #005bac;}
.media-profile .main .link .line::after{content: '';position: absolute;left: 0;top: 0;width: 0;height: 1px;background: #fff;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.media-profile .main .link:hover{background: #005bac;color: #fff;}
.media-profile .main .link:hover .line::after{width: 100%;}
.profile-video{width: 48%;height: 410px;position: relative;float: right;}
.profile-video .yin{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.22);}
.profile-video .v-player{display: flex;width: 88px;height: 88px;position: absolute;left: 50%;top: 50%;margin: -44px 0 0 -44px;border-radius: 50%;background: rgba(0,0,0,0.5);justify-content: center;align-items: center;}
.profile-video .v-player i{display: block;width: 20px;height: 26px;background: url('../images/player.png') no-repeat center center;}

.media-list{padding: 40px 0 27px;}
.media-list li{float: left;width: 18.4%;margin: 0 2% 33px 0;background: #fff;}
.media-list li:nth-child(5n){margin-right: 0;}
.media-list li a{display: block;}
.media-list li .pic{width: 100%;height: 176px;overflow: hidden;position: relative;}
.media-list li .player{display:none;width: 50px;height: 50px;background: url('../images/player.png') no-repeat center center rgba(0,0,0,0.5);border-radius: 50%;background-size: 12px 16px;position: absolute;left: 50%;top: 50%;margin: -25px 0 0 -25px;}
.media-list li .imgBg{height: 176px;}
.media-list li .warp{padding: 12px 12px 2px;}
.media-list li .name{font-size: 16px;color: #1a1a1a;line-height: 24px;height: 48px;} 
.media-list li .time{margin-top: 28px;border-top: 1px solid #e5e5e5;font-size: 12px;color: #999;line-height: 32px;}
.media-list li:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1);}
.media-list li:hover .player{display: block;}
.media-list li:hover .name{color: #005bac;}

.xs-hide { display: block !important;}
.xs-show { display: none !important;}

.index_video_t{display:flex; }
.index_video_t .index_video_t_l{    width:70%;}

.index_video_t .icon {
  width: 38px;
  height: auto;display: none;
}
.index_video_t .tits {
  font-size: 18px;
  line-height: 38px;
  color: #fff;
  margin-top: 27px;
}
.index_video_t .tits p{
/*display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:5;*/
overflow: hidden; color: #FFF;
  font-size: 18px;    text-indent: 38px;
 
}
.index_video_t .tit {
  font-size: 24px;
  line-height: 48px;
  color: #fff;
  margin-left:0px;
  margin-top: 25px;
font-weight: bold;
}

.index_video_t .index_video_t_r{width: 30%; display:none}
.index_video_t .index_video_t_r .title {
  width: 100%;
  height: auto;
/*  margin-top: 25px;*/
margin-top: 25px;
  text-align: center;
}
.index_video_t .index_video_t_r .title .tits {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.index_video_t .index_video_t_r .title .tit {

  font-size: 24px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 5px;
}
.index_video_t .index_video_t_r .img {
margin:15px auto; display: block; text-align: center;
}
.index_video_t .index_video_t_r .icon {
  width: 45.6%;
  height: auto;
  margin: 17px auto 0;
}



/*中屏幕电脑*/
@media screen and (max-width: 1440px) {
	.ind-hot li a,
	.ind-hot li .imgBg{height: 430px;}
	.ind-hot li .name{margin-top: 20px;}
	.ind-video .warp{padding-top: 115px;}
	.ind-video .warp .title{font-size: 36px;}
	.ind-video .warp .title span{margin: 0 28px;}
	.ind-video .warp .txt{line-height: 32px;}
	.ind-video .v-player{margin-top: 80px;width: 64px;height: 64px;}
	.ind-video .v-player i{width: 16px;height: 21px;background-size: 100%;}
}

/*移动端*/
@media screen and (max-width: 768px) {
  .ind-video{display: block;    margin-bottom:0px;}
  .xs-hide { display: none !important;}
  .xs-show {display: block !important;}
	.ind-video .main{margin:0px auto; position: relative;}
	.ind-video .warp{padding-top:60px;}
	.ind-video .warp .title{font-size:20px; font-weight: bold; line-height: 28px; padding:0 20px; }
	.ind-video .warp .title span{margin: 0 20px;}
	.ind-video .warp .txt{display: none;}

	.ind-video .v-player{margin-top: 20px;width: 70px;height: 70px;display:none}
	.ind-video .v-player i{width: 20px;height: 26px;}

  .video-pop-main{width: 100%;height: 420px;top: 10%;left: 0;margin-left: 0;margin-top:0px;}
	.video-pop-main .close{width:30px;height:30px;background-size: 100%;right: 0;top: -30px;}
	.video-pop-main .video video{width: 100%;height:420px;}
  .index_video_t .index_video_t_l{ display: block; width:100%;}
  	.index_video_t .index_video_t_r .title .tit{display: none;}
  .index_video_t .index_video_t_r .img {
    margin: 15px auto;
    display: none;
    text-align: center;
}
  .index_video_t .index_video_t_r {
    width: 100%;
}
}
@media screen and (max-width:480px) {
.ind-video .warp {
    padding-top: 30px;
}
.index_video_t .index_video_t_l {
    display: block;
    width:100%;
}	
	.index_video_t .tits {
		margin-top:0px;
    font-size: 15px;
    line-height:28px;max-height: 130px;
    color: #fff;
	overflow-y: scroll;
    background: #004ca096;
    padding: 10px;
    /* margin-top: 27px; */
}
.index_video_t .tits::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 8px;}
.index_video_t .tits::-webkit-scrollbar-thumb {width:8px;background:#dc9e60; border-radius:5px}
.index_video_t .tits::-webkit-scrollbar-corner {background:none;}
.index_video_t .tits::-webkit-scrollbar:horizontal{height:6px;}

.index_video_t .tits p {
   /*    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;*/
    overflow: hidden;
    color: #FFF;
    font-size: 15px;
    text-indent: 32px;
}

.index_video_t .tit {
    font-size: 18px;
     line-height: 28px; 
    color: #fff;
    margin-left: 0px;
    margin-top: 5px;
    font-weight: bold;
}

}
@media screen and (min-width: 1500px) and (max-width: 1600px) {
  .top {
    width: 92%;
    left: 4%;
    margin-left: 0;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
  }
  .logo {
    width: 250px;
    margin-top: 0px;
}
.nava {
  transition: all ease 0.3s;
  cursor: pointer;
  text-align: center;
  z-index: 100;
  margin: 0 5px;
}
}
@media screen and (min-width: 1500px) and (max-width: 1600px) {
 .ind-video .warp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    box-sizing: border-box;
    padding: 120px 0px 50px;
    background: rgba(27,80,158,0.35);
}
  .topx {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 0;
    border-radius: 0;
    box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
}
  .logo {
    width: 250px;
    margin-top: 0px;
}
.nava {
  transition: all ease 0.3s;
  cursor: pointer;
  text-align: center;
  z-index: 100;
  margin: 0 5px;
}
.index_video_t .tit {
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    margin-left: 0px;
     margin-top: 0px;
    font-weight: bold;
}



.i_part2_botbox .t_yiqicon p {
    line-height: 2;
    font-size: 18px;
    text-align: justify;
    height: 185px;
    overflow-y: scroll;
}
}
@media screen and (max-width: 1499px) and (min-width: 1000px){
.top {
    width: 92%;
    position: fixed;
    left: 4%;
    top: 50px;
    margin-left: 0px;
    background-color: #fafafa;
    height: 80px;
    border-radius: 20px;
    padding: 0 2% 0 3%;
    z-index: 999;
    transition: all ease 0.3s;
}
.topa_a {
  padding-right: 15px;
}
.topx {
  width: 100%;
  left: 0;
  margin-left: 0;
  top: 0;
  border-radius: 0;
  box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);
}
/*  */


.i_part2_botnr a {
  display: block;
  padding: 30px 40px 40px 40px;
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
}
.i_part2_botbox .t_yiqicon p {
  line-height:28px;
  font-size: 14px;
  text-align: justify;
}
.i_part2_botnr.act .i_part2_boticon {
  opacity: 1;
  margin-bottom: 10px;
}
.i_part2_botbox .t_yiqih3 h3 {
  text-align: center;
  color: #fff;
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
}
.i_part2_botnr:nth-child(3) p {
  line-height: 28px;
  font-size: 14px;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/*  */
.ind-video .warp {
  padding-top: 70px;
}
.index_video_t .tits {
   font-size: 14px; 
  line-height: 28px;
  color: #fff;
  margin-top: 15px;
}
.index_video_t .tits p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #FFF;
  font-size: 14px; 
  text-indent: 38px;
}
}