@font-face{
	font-family:"mont";
	src: url("../css/fonts/Montserrat-Light.otf") format("opentype");
}
* {
  margin: 0;
  padding: 0;
}
body,
html {
  height: 100%;
  position: relative;
  width: 100%;
}
/* body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #214279;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
} */
img {
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
:root {
  --font-family: mont;
}
.hamburger {
  display: none;
}
.x-center {
  width: 1200px;
}
.center {
  width: 1400px;
}
.app{
  display: none;
}
.diaolog-pb{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
}
.diaolog video,
.diaolog img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-height: 75%;
  max-width: 75%;
}
.diaolog i{
  font-size: 46px;
  position: absolute;
  top: 3%;
  right: 3%;
  color: #ffffff;
  cursor: pointer;
}
.message-alert {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 25px;
  border-radius: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
}
.message-alert.success {
  background: linear-gradient(90deg, #00EAF5 0%, #007BC1 100%);
}
.message-alert.error {
  background-color: #F56C6C;
}
.message-alert.warning {
  background-color: #E6A23C;
}
.diaolog-pro .content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 16px;
  background-color: #FFFFFF;
  padding: 40px 30px;
  width: 500px;
}
.diaolog-pro .content h3{
  text-align: center;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
}
.diaolog-pro .content p{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    margin-top: 20px;
}
.diaolog-pro .content .bd{
    margin-top: 10px;
}
.diaolog-pro .content .bd input{
    width: 100%;
    height: 40px;
    outline: none;
    background: transparent;
    text-indent: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
}
.diaolog-pro .content .bd input:not(:first-of-type){
    margin-top: 15px;
}
.diaolog-pro .content .bd .an{
    width: 200px;
    height: 40px;
    background: linear-gradient(90deg, #00F4F6 0%, #007DC2 100%);
    border-radius: 4px;
    outline: none;
    margin: 35px auto 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.diaolog-pro .content i{
    font-size: 36px;
    color: #ffffff;
    cursor: pointer;
    top: -46px;
    right: 0;
    position: absolute;
}
.header-box.active,
.header-box.i-active{
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.1);
}
.header-box.active .nav li>a,
.header-box.i-active .nav li>a,
.header-box.caolactive .nav li>a{
  color: #333333;
}
.header-box.active .search i,
.header-box.i-active .search i,
.header-box.caolactive .search i{
  color: #333333;
}
.header-box.active .twobs img:first-of-type,
.header-box.i-active .twobs img:first-of-type,
.header-box.caolactive .twobs img:first-of-type{
  display: none;
}
.header-box.active .twobs img:last-of-type,
.header-box.i-active .twobs img:last-of-type,
.header-box.caolactive .twobs img:last-of-type{
  display: block;
}
.header-box{
  width: 100%;
  height: 100px;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 198px);
  padding: 0 99px;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
}
.header-box .right{
  display: flex;
  align-items: center;
}
.header-box .nav{
  display: flex;
}
.header-box .nav li{
  position: relative;
}
.header-box .nav li:not(:first-of-type){
  margin-left: 65px;
}
.header-box .nav li>a{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  position: relative;
  transition: 0.3s;
}
.header-box .nav li>a::after{
  display: block;
  content: '';
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 0;
  height: 1px;
  background: linear-gradient(to right,#0082C3 ,#18EEF6);
  transition: 0.3s;
}
.header-box .nav li.active>a::after,
.header-box .nav li:hover>a::after{
  width: 100%;
}
.header-box .nav li.active>a,
.header-box .nav li:hover>a{
  background: linear-gradient(to right, #0082C3 0.537109375%,#18EEF6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header-box .nav li .dwonnav{
  position: absolute;
  top: 20px;
  left: 0;
  display: flex;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  max-height: calc(100vh - 200px);
  transition: 0.5s;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.1);
  padding-top: 25px;
}
.header-box .nav li .two{
  width: 300px;
  max-height: 100%;
  overflow-y: auto;
  background: #FFFFFF;
}
.header-box .nav li:hover .dwonnav{
  opacity: 1;
  transform: scaleY(1);
}
.header-box .nav li .two::-webkit-scrollbar,
.header-box .nav li .three::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}
.header-box .nav li .two::-webkit-scrollbar-thumb,
.header-box .nav li .three::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom,#0082C3 ,#18EEF6);
}
.header-box .nav li .two::-webkit-scrollbar-track,
.header-box .nav li .three::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
}
.header-box .nav li .two a{
  display: block;
  width: calc(100% - 40px);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-box .nav li .two a.active span{
  color: #0082C3;
  font-weight: bold;
}
.header-box .nav li .two a.active i{
  color: #0082C3;
}
.header-box .nav li .two a span{
  width: calc(100% - 30px);
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  transition: 0.3s;
}
.header-box .nav li .two a i{
  font-size: 18px;
  color: #333333;
  transition: 0.3s;
}
.header-box .nav li .two a:not(:last-of-type),
.header-box .nav li .three a:not(:last-of-type){
  border-bottom: 1px solid #EEEEEE;
}
.header-box .nav li .three{
  width: 380px;
  overflow-y: auto;
  background: #FFFFFF;
}
.header-box .nav li .three a{
  display: block;
  width: calc(100% - 40px);
  padding: 18px 20px;
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  transition: 0.3s;
}
.header-box .nav li .three a:hover{
  color: #0082C3;
  font-weight: bold;
}
.header-box .search{
  margin: 0 125px 0 65px;
}
.header-box .search i{
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
.header-box .twobs{
  cursor: pointer;
}
.header-box .twobs img{
  width: 34px;
}
.header-box .twobs img:last-of-type{
  display: none;
}
.flowheader{
  width: calc(100% - 160px);
  padding: 0 80px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 1);
  z-index: 100;
  display: none;
}
.flowheader .ct{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  padding-top: 100px;
}
.flowheader .ct .item{
  width: calc(100% - 40px);
  margin-right: 10px;
  position: relative;
}
.flowheader .ct .item:nth-of-type(5n){
  margin-right: 0;
}
.flowheader .ct .item>a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  display: block;
  padding-bottom: 15px;
  position: relative;
}
.flowheader .ct .item>a::after{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
  width: 0;
  height: 1px;
  transition: 0.3s;
}
.flowheader .ct .item.active>a::after,
.flowheader .ct .item>a:hover::after{
  width: 100%;
}
.flowheader .ct .item .two{
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 100%;
  height: calc(50vh - 155px);
  overflow-y: auto;
}
.flowheader .ct .item .two::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}
.flowheader .ct .item .two::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom,#0082C3 ,#18EEF6);
}
.flowheader .ct .item .two::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
}
.flowheader .ct .item .two a{
  display: block;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  transition: 0.3s;
}
.flowheader .ct .item .two a:not(:first-of-type){
  margin-top: 15px;
}
.flowheader .ct .item .two a:hover{
  color: #0082C3;
}
.flowheader .homeSearch{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
}
.flowheader .close{
  position: absolute;
  right: 80px;
  top: 30px;
  color: #FFFFFF;
  font-size: 48px;
  cursor: pointer;
}
.homeSearch form{
  display: flex;
  align-items: center;
  background: #F5F5F5;
  border-radius: 34px;
  height: 68px;
  width: calc(880px - 60px);
  padding: 0 30px 0 30px;
}
.homeSearch form select{
  width: 120px;
  height: 100%;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  border: none;
  background-color: transparent;
}
.homeSearch form .line{
  height: 100%;
  width: 1px;
  margin: 0 15px;
  background: #E5E5E5;
}
.homeSearch form input{
  width: calc(100% - 120px - 19px - 31px - 15px);
  height: 100%;
  outline: none;
  padding-right: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  border: none;
  background-color: transparent;
}
.homeSearch form input::placeholder{
  color: #CCCCCC;
}
.homeSearch form button{
  border: none;
  outline: none;
  cursor: pointer;
  /*width: 180px;*/
  height: 100%;
  background-color: transparent;
  /*background: linear-gradient(90deg, #00F3F9, #007BC0);*/
  /*border-radius: 34px;*/
  /*font-family: var(--font-family);*/
  /*font-weight: 400;*/
  /*font-size: 16px;*/
  /*color: #FFFFFF;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: center;*/
}
.homeSearch form button img{
  width: 19px;
}
.mySwiper{
  width: 100%;
  height: 100vh;
  margin: 0;
}
.mySwiper .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .flowbg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mySwiper .flowbg h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 80px;
  color: #FFFFFF;
  line-height: 90px;
  text-align: center;
  max-width: 90%;
}
.mySwiper .flowbg h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
  margin: 30px 0 80px 0;
}
.mySwiper .flowbg .more{
  width: 256px;
  height: 56px;
  border: 1px solid transparent;
  border-radius: 30px 0 30px 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 69px auto 0;
  transition: 0.3s;
  position: relative;
}
.mySwiper .flowbg .more::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px 0 30px 0;
  padding: 2px;
  background: linear-gradient(90deg, #00ECF6, #007FC2);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.mySwiper .flowbg .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.mySwiper .mouse{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 45px;
  z-index: 7;
  width: 24px;
  height: 48px;
  border-radius: 13px;
  border: 1px solid #FFFFFF;
}
.mySwiper .mouse p{
  width: 2px;
  height: 12px;
  background: #FFFFFF;
  border-radius: 1px;
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  animation: mouse 2s linear infinite;
}
@keyframes mouse {
  0% {
    top: 18%;
  }
  50%{
    top: 36%;
  }
  100% {
    top: 54%;
  }
}
.mySwiper .rtline{
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 7;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mySwiper .rtline p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  writing-mode: vertical-rl;
}
.mySwiper .rtline .line{
  height: 500px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 12px;
  position: relative;
}
.mySwiper .rtline .line .jd{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  width: 1px;
  height: 0;
  transition: height linear;
}
.banner{
  width: 100%;
  height: 480px;
  position: relative;
  background-color: #000000;
}
.banner .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .flow{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
}
.banner .flow h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 48px;
  color: #FFFFFF;
  text-align: center;
}
.banner .flow h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 12px;
}
.pd1-box{
  width: 100%;
}
.pd1ct{
  margin: 0 auto;
  padding: 0 0 85px 0;
}
.gyPdSearch{
  width: calc(100% - 220px);
  padding: 45px 110px;
  background: #FFFFFF;
  box-shadow: 0px 5px 20px 0px rgba(2,5,7,0.04);
  border-radius: 20px;
  margin-top: -90px;
  position: relative;
  z-index: 1;
}
.gyPdSearch form{
  display: flex;
  align-items: center;
  background: #F5F5F5;
  border-radius: 35px;
  height: 70px;
  width: calc(100% - 66px);
  padding: 0 33px;
}
.gyPdSearch form select{
  width: 120px;
  height: 100%;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  border: none;
  background-color: transparent;
}
.gyPdSearch form .line{
  height: 55px;
  width: 1px;
  margin: 0 16px;
  background: #E5E5E5;
}
.gyPdSearch form input{
  width: calc(100% - 120px - 19px - 33px - 15px);
  height: 100%;
  outline: none;
  padding-right: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  border: none;
  background-color: transparent;
}
.gyPdSearch form input::placeholder{
  color: #CCCCCC;
}
.gyPdSearch form button{
  border: none;
  background-color: transparent;
  height: 100%;
  cursor: pointer;
}
.gyPdSearch form button img{
  width: 19px;
}
.gyPdSearch .bt{
  width: calc(100% - 80px);
  padding: 0 40px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.gyPdSearch .bt a,
.gyPdSearch .bt span{
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #AAAAAA;
  line-height: 28px;
}
.gyPdSearch .bt span{
  margin: 0 18px;
}
.pdsort{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 25px;
  margin-top: 40px;
}
.pdsort .left{
  position: relative;
}
.pdsort .left .dwonnav{
  position: absolute;
  top: 35px;
  left: 0;
  display: flex;
  max-height: 500px;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.1);
  transition: 0.5s;
  z-index: 2;
}
.pdsort .left .two{
  width: 300px;
  max-height: 100%;
  overflow-y: auto;
  background: #FFFFFF;
}
.pdsort .left.active .dwonnav{
  opacity: 1;
  transform: scaleY(1);
}
.pdsort .left .two::-webkit-scrollbar,
.pdsort .left .three::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}
.pdsort .left .two::-webkit-scrollbar-thumb,
.pdsort .left .three::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom,#0082C3 ,#18EEF6);
}
.pdsort .left .two::-webkit-scrollbar-track,
.pdsort .left .three::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
}
.pdsort .left .two a{
  display: block;
  width: calc(100% - 40px);
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pdsort .left .two a.active span{
  color: #0082C3;
  font-weight: bold;
}
.pdsort .left .two a.active i{
  color: #0082C3;
}
.pdsort .left .two a span{
  width: calc(100% - 30px);
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  transition: 0.3s;
}
.pdsort .left .two a i{
  font-size: 18px;
  color: #333333;
  transition: 0.3s;
}
.pdsort .left .two a:not(:last-of-type),
.pdsort .left .three a:not(:last-of-type){
  border-bottom: 1px solid #EEEEEE;
}
.pdsort .left .three{
  width: 380px;
  overflow-y: auto;
  background: #FFFFFF;
}
.pdsort .left .three a{
  display: block;
  width: calc(100% - 40px);
  padding: 18px 20px;
  font-family: var(--font-family);
  font-weight: normal;
  font-size: 14px;
  color: #333333;
  transition: 0.3s;
}
.pdsort .left .three a:hover{
  color: #0082C3;
  font-weight: bold;
}
.pdsort .left .zs{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pdsort .left .zs .ib img:last-of-type{
  display: none;
}
.pdsort .left.active .zs .ib img:last-of-type,
.pdsort .left:hover .zs .ib img:last-of-type{
  display: block;
}
.pdsort .left.active .zs .ib img:first-of-type,
.pdsort .left:hover .zs .ib img:first-of-type{
  display: none;
}
.pdsort .left .zs p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #888888;
  margin-left: 10px;
  transition: 0.3s;
}
.pdsort .left.active .zs p,
.pdsort .left:hover .zs p{
  background: linear-gradient(to right, #0082C3 0.537109375%,#18EEF6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pdsort .right{
  display: flex;
  align-items: center;
}
.pdsort .right a,
.pdsort .right span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.pdsort .right span{
  margin: 0 7px;
}
.pd1ct .wzbox{
  margin-top: 25px;
}
.pd1ct .wzbox h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 30px;
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pd1ct .wzbox p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  display: flex;
  align-items: center;
  margin-top: 14px;
  flex-wrap: wrap;
}
.pd1ct .wzbox p span{
  color: #EE5B02;
  margin: 0 5px;
}
.pd1ct .wzbox p a{
  color: #0282CC;
  margin: 0 5px;
}
.pd-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 29px;
}
.pd-list li{
  margin-right: 27px;
  margin-bottom: 30px;
  width: calc((100% - 81px) / 4);
  background-color: #F8F8F8;
  border-radius: 6px;
  overflow: hidden;
  transition: 0.3s;
}
.pd-list li:nth-of-type(4n){
  margin-right: 0;
}
.pd-list li a{
  display: block;
  width: 100%;
  transition: 0.3s;
}
.pd-list li a .ib{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  transition: 0.3s;
}
.pd-list li a .ib img{
  max-width: 90%;
  max-height: 60%;
}
.pd-list li a .wz{
  width: calc(100% - 40px);
  padding: 0 20px;
}
.pd-list li a .wz .code{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pd-list li a .wz .sz{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #AAAAAA;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 13px 0 20px 0;
}
.pd-list li a .wz .sz span{
  color: #EE5B02;
}
.pd-list li a .wz .rq p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pd-list li a .wz .more{
  width: 120px;
  height: 29px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: 
    linear-gradient(white, white),
    linear-gradient(90deg, #00ECF6, #007FC2);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 22px auto 0;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center;
  transition: 0.3s;
}
.pd-list li a .wz .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pd-list li:hover{
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.15);
}
.pd-list li a:hover .wz .more{
  transform: scaleY(1);
  opacity: 1;
}
.pd-list li a:hover .ib{
  height: 160px;
}
.pd-list li a:hover{
  padding-bottom: 30px;
}
.pdt-box{
  width: 100%;
  background-color: #F5FAFD;
}
.pdtct{
  padding: 144px 0 47px 0;
  margin: 0 auto;
}
.pdtct .mide{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 36px;
}
.pdtct .mide .left{
  position: relative;
  width: 478px;
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
}
.pdtct .mide .left img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  cursor: crosshair;
}
.pdtct .mide .left .zoomed-pane{
  position: absolute;
  top: 0;
  left: calc(100% + 30px);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: #FFFFFF;
  z-index: 2;
  opacity: 0;
}
.pdtct .mide .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  font-style: italic;
  position: absolute;
  left: 50%;
  bottom: 31px;
  transform: translateX(-50%);
  max-width: 90%;
}
.pdtct .mide .right{
  width: calc(100% - 478px - 31px);
  position: relative;
  z-index: 2;
}
.pdtct .mide .right .tmrq{
  display: flex;
}
.pdtct .mide .right h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #222222;
  max-width: calc(100% - 30px);
}
.pdtct .mide .right .tmrq i{
  font-size: 22px;
  cursor: pointer;
  color: #0282CC;
  margin-left: 8px;
}
.pdtct .mide .right .line{
  width: 100%;
  height: 1px;
  background: #BFBFBF;
  margin: 17px 0 26px 0;
}
.pdtct .mide .right .itembox{
  display: flex;
  flex-wrap: wrap;
}
.pdtct .mide .right .itembox .item{
  margin-top: 30px;
}
.pdtct .mide .right .itembox .item:nth-of-type(1),
.pdtct .mide .right .itembox .item:nth-of-type(2){
  margin-top: 0;
}
.pdtct .mide .right .itembox .item:nth-of-type(odd){
  width: calc(100% - 400px - 15px);
  margin-right: 15px;
}
.pdtct .mide .right .itembox .item:nth-of-type(even){
  width: 400px;
}
.pdtct .mide .right .itembox .item .label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #999999;
}
.pdtct .mide .right .itembox .item .nr{
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.pdtct .mide .right .itembox .item .nr a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #0282CC;
}
.pdtct .mide .right .itembox .item .nr p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.pdtct .mide .right .itembox .item .nr img{
  margin-right: 10px;
}
.pdtct .mide .right .db{
  margin-top: 45px;
}
.pdtct .mide .right .db .label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.pdtct .mide .right .db .dbd{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.pdtct .mide .right .db .dbd input{
  width: calc(100% - 400px - 15px);
  height: 38px;
  border-radius: 4px;
  border: 1px solid #7D7D7D;
  outline: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  text-indent: 15px;
}
.pdtct .mide .right .db .dbd button{
  width: 400px;
  height: 40px;
  background: linear-gradient(90deg, #00EAF5 0%, #007BC1 100%);
  border-radius: 4px;
  border: none;
  outline: none;
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
}
.pb-nav{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pb-nav.active{
  justify-content: flex-end;
}
.pb-nav.active a,
.pb-nav.active span{
  color: #ffffff;
}
.pb-nav a,
.pb-nav span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.pb-nav span{
  margin: 0 7px;
}
.pdt2-box{
  width: 100%;
}
.pdt2ct{
  margin: 0 auto;
  padding: 67px 0;
}
.pdt2ct .tabel{
  display: flex;
  flex-wrap: wrap;
}
.pdt2ct .tabel a{
  margin-right: 10px;
  margin-bottom: 10px;
  background: #EEEEEE;
  border-radius: 20px;
  line-height: 1;
  transition: 0.3s;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 12px 34px;
}
.pdt2ct .tabel a.active,
.pdt2ct .tabel a:hover{
  color: #ffffff;
}
.pdt2ct .tabel a.active::before,
.pdt2ct .tabel a:hover::before{
  width: 100%;
}
.pdt2ct .tabel a::before{
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #00EAF5, #007BC1);
  z-index: -1;
  transition: 0.3s;
}
.pdt2ct .bgbox{
  margin-top: 34px;
}
.pdt2ct .item{
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.1);
  border-radius: 30px;
}
.pdt2ct .item:not(:first-of-type){
  display: none;
}
.pdt2ct .item h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #222222;
  padding: 20px 65px 15px 65px;
  width: calc(100% - 130px);
}
.pdt2ct .item table{
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
/* .pdt2ct .item table thead{
  background-color: #F8F8F8;
} */
.pdt2ct .item table tr:nth-of-type(odd){
  background-color: #F8F8F8;
}
.pdt2ct .item table tr td{
  padding: 20px 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.pdt2ct .item table tr td a{
  color: #0282CC;
}
/* .pdt2ct .item table tr th{
  padding: 20px 0;
} */
.pdt2ct .item table tr td:first-of-type,
.pdt2ct .item table tr th:first-of-type{
  width: calc(100% - 65px - 10px);
  padding-left: 65px;
  padding-right: 10px;
  color: #222222;
}
.pdt2ct .item table tr td:last-of-type,
.pdt2ct .item table tr th:last-of-type{
  width: calc(100% - 65px - 10px);
  padding-right: 65px;
  padding-left: 10px;
}
.pdt2ct .item table tr:first-of-type td:last-of-type{
  font-weight: bold;
  color: #222222;
}
.pdt3-box{
  width: 100%;
  background-color: #F8F8F8;
}
.pdt3ct{
  margin: 0 auto;
  padding: 55px 0;
}
.pdt3ct h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #222222;
  line-height: 1;
  border-bottom: 1px solid #BFBFBF;
  position: relative;
  padding-left: 21px;
  padding-bottom: 16px;
}
.pdt3ct h3::before{
  display: block;
  content: '';
  width: 7px;
  height: 18px;
  background: #00E9F5;
  position: absolute;
  left: 0;
  top: 0;
}
.pdt3ct .item-box{
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
}
.pdt3ct .item-box a{
  width: calc((100% - 60px) / 3 - 45px);
  height: 150px;
  padding: 0 20px 0 25px;
  margin-right: 30px;
  margin-bottom: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
  border-radius: 8px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.pdt3ct .item-box a:hover{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.pdt3ct .item-box a:nth-of-type(3n){
  margin-right: 0;
}
.pdt3ct .item-box a .ib{
  width: 78px;
  height: 78px;
  max-height: 95%;
  display: flex;
  align-items: center;
  justify-content:  center;
}
.pdt3ct .item-box a .ib img{
    max-width: 100%;
    max-height: 100%;
}
.pdt3ct .item-box a .txt{
  width: calc(100% - 78px - 30px);
  margin-left: 30px;
}
.pdt3ct .item-box a .txt .code{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 16px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pdt3ct .item-box a .txt .js{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 36px;
  margin: 14px 0 12px 0;
}
.pdt3ct .item-box a .txt .db{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.mtct{
  margin: 0 auto;
  padding-bottom: 150px;
}
.mtct .pb-nav{
  margin: 27px 0 45px 0;
}
.mtct .mide .title{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 30px;
  color: #333333;
}
.mtct .mide .rqy{
  margin: 24px 0;
}
.mtct .mide .zmbox{
  display: flex;
  justify-content: space-between;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  width: calc(100% - 130px);
  padding: 22px 65px;
}
.mtct .mide .zmbox.active{
  position: fixed;
  top: 115px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 19;
  width: calc(1200px - 130px);
}
.mtct .mide .zmbox a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  position: relative;
  transition: 0.3s;
  z-index: 1;
}
.mtct .mide .zmbox a::before{
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: linear-gradient(90deg, #00F2F6 0%, #007FC2 100%);
  border-radius: 50%;
  width: 25px;
  height: 25px;
  z-index: -1;
  opacity: 0;
  transition: 0.3s;
}
.mtct .mide .zmbox a.active,
.mtct .mide .zmbox a:hover{
  color: #ffffff;
}
.mtct .mide .zmbox a.active::before,
.mtct .mide .zmbox a:hover::before{
  opacity: 1;
}
.mtct .mide .content .item.active{
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.1);
  padding: 30px 55px 35px 55px;
}
.mtct .mide .content .item{
  width: calc(100% - 110px);
  padding: 0 55px;
  background-color: #ffffff;
  transition: 0.3s;
}
.mtct .mide .content .item:not(:first-of-type){
  margin-top: 47px;
}
.mtct .mide .content .item .rq{
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
.mtct .mide .content .item .rq a{
  width: calc((100% - 20px) / 3);
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  transition: 0.3s;
}
.mtct .mide .content .item .rq a:hover{
    color: #0080C3;
}
.mtct .mide .content .item .rq a:nth-of-type(3n){
  margin-right: 0;
}
.mtct .mide .content .item .zm{
  width: max-content;
  display: flex;
}
.mtct .mide .content .item .zm p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  position: relative;
  line-height: 1;
}
.mtct .mide .content .item .zm p::after{
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background: linear-gradient(90deg, #00EBF6 0%, #0080C3 100%);
}
.mtct .mide .content .item .zm span{
  display: none;
  font-size: 60px;
  color: #333333;
  opacity: 0.1;
  line-height: 1;
}
.mtct .mide .content .item.active .zm{
  transform: translateX(-35px);
}
.mtct .mide .content .item.active .zm span{
  display: block;
}
.mtct .mide .content .item.active .zm p{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #333333;
}
.mtct .mide .content .item.active .zm p::after{
  width: 0;
}
.mtd1-box{
  width: 100%;
  height: 850px;
  position: relative;
  overflow: hidden;
}
.mtd1-box .bg{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mtd1ct{
  /*position: absolute;*/
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  /*top: 196px;*/
  display: flex;
  margin: 0 auto;
  padding-top: 150px;
}
.mtd1ct .left{
  width: 666px;
  padding-left: 99px;
}
.mtd1ct .left h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #333333;
}
.mtd1ct .left p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  line-height: 20px;
  margin-top: 35px;
}
.mtd1ct .flow{
  margin-left: 281px;
  width: 155px;
  height: 86px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.05);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.mtd1ct .flow img{
  max-width: 90%;
  max-height: 90%;
}
.mtd2-box{
    position: relative;
}
.mtd2-box .bg{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.mtd2ct{
  /*margin: -368px auto 0;*/
  margin: 30px auto 0;
  position: relative;
  z-index: 1;
}
.mtd2ct .mide{
  background: #FFFFFF;
  border-radius: 50px 50px 0 0;
  min-height: 368px;
  margin-top: 18px;
  width: calc(100% - 200px);
  padding: 45px 100px 100px 100px;
}
.mtd2ct .mide .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mtd2ct .mide .top h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #333333;
}
.mtd2ct .mide .top .sz{
  display: flex;
  align-items: flex-end;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 1;
}
.mtd2ct .mide .top .sz span{
  color: #F75C07;
  font-size: 18px;
  margin-right: 7px;
}
.mtd-list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 37px;
}
.mtd-list li{
  width: calc((100% - 100px) / 5);
  margin-right: 25px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.mtd-list li:hover{
  transform: translateY(-10px);
}
.mtd-list li:nth-of-type(5n){
  margin-right: 0;
}
.mtd-list li a{
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  display: block;
  overflow: hidden;
  padding-bottom: 18px;
}
.mtd-list li a .ib{
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mtd-list li a .ib img{
  max-width: 90%;
  max-height: 90%;
}
.mtd-list li a p{
  width: 90%;
  margin: 10px auto 0;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.ab1-box{
  width: 100%;
  background: #F5FAFD;
  overflow: hidden;
}
.ab1ct{
  margin: 0 auto;
  padding: 98px 0 110px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ab1ct .left{
  width: 539px;
}
.ab1ct .right{
  width: calc(100% - 539px - 135px);
}
.ab1ct .right .sp{
  display: flex;
  align-items: center;
  margin-top: 120px;
  cursor: pointer;
}
.ab1ct .right .sp .nb{
  width: 60px;
  height: 60px;
  background: linear-gradient(90deg, #14EEF6, #0082C3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.ab1ct .right .sp .rund{
  position: relative;
}
.ab1ct .right .sp .rund .pb{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation: pulse 2s ease-out infinite;
}
.ab1ct .right .sp .rund .pulse1{
  animation-delay: 0s !important;
  background: linear-gradient(90deg, #14EEF6, #0082C3);
  opacity: 0.1;
}
@keyframes pulse {
  0% {
    width: 80px;
    height: 80px;
  }
  100% {
    width: 100px;
    height: 100px;
  }
}
.ab1ct .right .sp .nb i{
  font-size: 24px;
  color: #ffffff;
}
.ab1ct .right .sp p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 1;
  border-bottom: 1px solid #313131;
  padding-bottom: 5px;
  margin-left: 50px;
}
.pbjj .pbh3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #222222;
  line-height: 66px;
}
.pbjj .pbh6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  margin-top: 10px;
}
.pbjj .pbcontent{
  margin-top: 34px;
}
.pbjj .pbcontent p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
}
.pbjj .pbcontent p:not(:first-of-type){
  margin-top: 25px;
}
.ab2-box{
  width: 100%;
  background: url('../images/ab2.png') no-repeat center / cover;
  overflow: hidden;
}
.ab2ct{
  padding: 110px 0 140px 0;
  margin: 0 auto;
}
.ab2ct .left{
  width: 605px;
}
.ab3-box{
  width: 100%;
  background: url('../images/ab3.png') no-repeat center / cover;
}
.ab3ct{
  width: 948px;
  margin: 0 auto;
  padding: 180px 0 175px 0;
}
.ab3ct h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 60px;
  color: #FFFFFF;
  text-align: center;
  line-height: 66px;
}
.ab3ct p{
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 24px;
  text-align: center;
  margin-top: 36px;
}
.ab3ct .more{
  width: 180px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 20px 0 20px 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 69px auto 0;
  transition: 0.3s;
  position: relative;
}
.ab3ct .more::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px 0 20px 0;
  padding: 1px;
  background: linear-gradient(90deg, #00ECF6, #007FC2);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.ab3ct .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ab4-box{
  width: 100%;
  background-color: #F5FAFD;
  overflow: hidden;
}
.ab4ct{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 1080px;
  padding: 103px 0 113px 0;
}
.ab4ct .left{
  width: 399px;
}
.ab4ct .right{
  width: calc(100% - 399px - 181px);
}
.news-box{
  width: 100%;
}
.newsct{
  padding: 80px 0 160px 0;
  margin: 0 auto;
}
.newsct .top{
  display: flex;
}
.newsct .top .item{
  width: calc((100% - 20px) / 2 - 60px);
  margin-right: 20px;
  border-radius: 20px;
  border: 1px solid #7D7D7D;
  padding: 30px;
  transition: 0.3s;
}
.newsct .top .item:nth-of-type(2n){
  margin-right: 0;
}
.newsct .top .item img{
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 20px;
}
.newsct .top .item .txt{
  margin-top: 27px;
}
.newsct .top .item .txt h3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 42px;
  line-height: 22px;
  transition: 0.3s;
}
.newsct .top .item .txt .db{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 23px;
}
.newsct .top .item .txt .db .time{
  display: flex;
  align-items: flex-end;
  font-family: Montreal;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.newsct .top .item .txt .db .time span{
  font-size: 42px;
  line-height: 1;
}
.newsct .top .item .txt .db .rund{
  width: 34px;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #0F2E78;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsct .top .item .txt .db .rund i{
  font-size: 18px;
  color: #0F2E78;
}
.newsct .top .item:hover{
  transform: translateY(-15px);
  border-color: #0F2E78;
}
.newsct .top .item:hover .txt h3{
  color: #0F2E78;
}
.news-list{
  margin-top: 105px;
}
.news-list li{
  border-bottom: 1px solid #E5E5E5;
  transition: 0.3s;
}
.news-list li:first-of-type a{
  padding-top: 0;
}
.news-list li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 48px 0;
}
.news-list li:hover{
  transform: translateX(-15px);
}
.news-list li:hover .txt h3{
  color: #0F2E78;
}
.news-list li a .ib{
  width: 400px;
  height: 230px;
  border-radius: 10px;
  overflow: hidden;
}
.news-list li a .ib img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list li a .txt{
  width: calc(100% - 400px - 50px);
}
.news-list li a .txt h3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.news-list li a .txt h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 16px 0 66px 0;
}
.news-list li a .txt .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.page {
  width: 100%;
  margin-top: 50px;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  padding: 0px;
}
.page .el-pagination__total{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.page .el-pagination .btn-prev {
  width: 35px;
  height: 35px;
  margin-right: 5px;
  padding: 0;
  background: transparent;
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  min-width: 35px;
}
.page .el-pagination .btn-next {
  width: 35px;
  height: 35px;
  padding: 0;
  background: transparent;
  border: 1px solid #D2D2D2;
  border-radius: 6px;
  min-width: 35px;
}
.page .el-pager li {
  width: max-content;
  min-width: auto;
  padding: 0 11px;
  height: 35px;
  min-height: 35px;
  text-align: center;
  line-height: 35px;
  background: #ffffff;
  border: 1px solid #D2D2D2 !important;
  margin-right: 5px;
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.page .el-pager li.active {
  background-color: #036EB8;
  color: #ffffff;
  border-color: #036EB8 !important;
}
.page .el-pagination .el-pager li:hover {
  color: #FFFFFF !important;
  background-color: #036EB8;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #036EB8;
}
.newsct .page .el-pager li.active{
  background-color: #304C74;
  border-color: #304C74 !important;
}
.newsct .page .el-pagination .el-pager li:hover {
  background-color: #304C74;
}
.newsct .page .el-pagination .el-pager .btn-quicknext:hover {
  color: #304C74;
}
.nd1-box{
  width: 100%;
  background-color: #F8F8F8;
}
.nd1ct{
  margin: 0 auto;
  padding: 125px 0 25px 0;
}
.nd1ct .nr{
  margin-top: 40px;
}
.nd1ct .nr h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 36px;
  color: #222222;
  text-align: center;
}
.nd1ct .nr .tb{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.nd1ct .nr .tb .item:last-of-type{
  margin-left: 50px;
}
.nd1ct .nr .tb .item{
  display: flex;
  align-items: center;
}
.nd1ct .nr .tb .item i{
  font-size: 16px;
  color: #888888;
}
.nd1ct .nr .tb .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  margin-left: 5px;
}
.nd2ct{
  padding: 40px 0 120px 0;
  margin: 0 auto;
}
.nd2ct .content{
  width: calc(100% - 200px);
  padding: 0 100px;
}
.nd2ct .content h1{
  margin-top: 30px;
}
.nd2ct .content h2{
  margin-top: 20px;
}
.nd2ct .content p,
.nd2ct .content span{
  font-family: var(--font-family)!important;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}
.nd2ct .content p:not(:first-of-type){
  margin-top: 15px;
}
.nd2ct .content img{
  max-width: 100%;
  margin: 15px auto 0;
}
.nd2ct .fx{
  margin: 150px 0 40px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nd2ct .fx .item:not(:first-of-type){
  margin-left: 25px;
}
.nd2ct .fx .item{
  width: 30px;
  height: 30px;
  background: #E5E5E5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.nd2ct .fx .item:hover{
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.nd2ct .fx .item img{
  max-height: 50%;
}
.nd2ct .fy{
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  border-top: 1px solid #E5E5E5;
}
.nd2ct .fy a{
  max-width: 48%;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.nd2ct .fy a span{
  color: #888888;
}
.nd3-box{
  width: 100%;
  background-color: #F8F8F8;
}
.nd3ct{
  margin: 0 auto;
  padding: 70px 0 140px 0;
}
.nd3ct h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 26px;
  color: #222222;
  line-height: 1;
  position: relative;
  padding-left: 20px;
}
.nd3ct h3::before{
  display: block;
  content: '';
  width: 6px;
  height: 24px;
  background: #00A0E9;
  position: absolute;
  top: 0;
  left: 0;
}
.nd3ct .ib{
  margin-top: 40px;
  display: flex;
}
.nd3ct .ib a{
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  position: relative;
}
.nd3ct .ib a:nth-of-type(3n){
  margin-right: 0;
}
.nd3ct .ib a img{
  width: 100%;
  height: 214px;
  object-fit: cover;
}
.nd3ct .ib a .txt{
  width: 100%;
  margin-top: 22px;
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 30px;
}
.nd3ct .ib a::after{
  display: block;
  content: '';
  width: 0;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #0080C3;
  transition: 0.3s;
}
.nd3ct .ib a:hover::after{
  width: 100%;
}
.nd3ct .ib a:hover .txt .name{
  color: #0080C3;
}
.nd3ct .ib a .txt .name{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: 0.3s;
}
.nd3ct .ib a .txt .jj{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 13px 0 42px 0;
}
.nd3ct .ib a .txt .time{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.con-box{
  width: 100%;
  background-color: #F5FAFD;
}
.conct{
  padding: 22px 0 99px 0;
  margin: 0 auto;
}
.conct .top{
  width: calc(100% - 70px - 170px);
  padding: 55px 170px 65px 70px;
  background-color: #ffffff;
  margin-top: 24px;
}
.conct .top .mide{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 35px;
}
.conct .top h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #222222;
}
.conct .top .left{
  width: 480px;
}
.conct .top .left .txt{
  margin: 0 0  51px 0;
}
.conct .top .left .txt a{
  display: flex;
  align-items: flex-start;
}
.conct .top .left .txt a img{
  width: 15px;
  margin-top: 8px;
  margin-right: 20px;
}
.conct .top .left .txt a p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  line-height: 30px;
}
.conct .top .left .item{
  display: flex;
}
.conct .top .left .item a{
  width: 38px;
  height: 38px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
  background-color: #EFF2FA;
}
.conct .top .left .item a>img{
  max-width: 50%;
}
.conct .top .left .item a:hover{
  background-color: #dae4fc;
}
.conct .top .left .item a:not(:first-of-type){
  margin-left: 9px;
}
.conct .top .left .item a .qrimg{
  position: absolute;
  bottom: calc(100%);
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  padding-bottom: 6px;
  transition: 0.3s;
}
.conct .top .left .item a:hover .qrimg{
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
.conct .top .left .item a .qrimg .fi{
  width: 90px;
  border: 3px solid #dae4fc;
}
.conct .top .line{
  width: 1px;
  height: 285px;
  background: #DDE0E9;
}
.conct .top .right{
  display: flex;
  padding-top: 39px;
}
.conct .top .right .item img{
  width: 123px;
  height: 123px;
}
.conct .top .right .item p{
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  margin-top: 13px;
}
.conct .top .right .item:not(:first-of-type){
  margin-left: 74px;
}
.conct .bottom{
  width: calc(100% - 140px);
  padding: 50px 70px 90px 70px;
  background-color: #ffffff;
  margin-top: 20px;
}
.conct .bottom .js h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #222222;
}
.conct .bottom .js p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #888888;
  margin-top: 10px;
}
.conct .bottom .js p span{
  color: #F70808;
}
.conct .bottom form{
  margin-top: 50px;
}
.conct .bottom form .mide{
  display: flex;
  justify-content: space-between;
}
.conct .bottom form .mide .nr{
  width: calc((100% - 120px) / 2);
}
.conct .bottom form .mide .nr .item{
  width: 100%;
}
.conct .bottom form .mide .nr .item:not(:first-of-type){
  margin-top: 33px;
}
.conct .bottom form .mide .nr .item .label{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
}
.conct .bottom form .mide .nr .item .label span{
  color: #F60707;
}
.conct .bottom form .mide .nr .item input{
  width: 100%;
  margin-top: 8px;
  outline: none;
  height: 36px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  transition: 0.3s;
}
.conct .bottom form .mide .nr .item textarea{
  width: 100%;
  margin-top: 8px;
  height: 124px;
  resize: none;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #222222;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  outline: none;
  padding-top: 8px;
  transition: 0.3s;
}
.conct .bottom form button,
#toSend{
  width: 465px;
  height: 50px;
  background: linear-gradient(90deg, #00F4F6 0%, #007DC2 100%);
  border-radius: 25px;
  outline: none;
  margin: 60px auto 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.i1-box{
  background: url('../images/i1-8.jpg') no-repeat center / cover;
  width: calc(100% - (100% - 1400px) / 2);
  padding: 130px 0 230px calc((100% - 1400px) / 2);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  overflow: hidden;
}
.i1-box .left{
  width: 664px;
}
.i1-box .title .wz{
  display: flex;
  align-items: center;
}
.i1-box .title .wz p{
  width: 60px;
  height: 2px;
  background: #03C6FC;
}
.i1-box .title .wz h6{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  color: #555555;
  margin-left: 22px;
}
.i1-box .title h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 48px;
  color: #222222;
  line-height: 48px;
  margin-top: 27px;
}
.i1-box .item-box{
  width: calc(100% - 105px);
  padding-left: 105px;
  margin-top: 30px;
}
.i1-box .item-box .item .ib img:last-of-type{
  display: none;
}
.i1-box .item-box .item{
  padding: 40px 0 45px 65px;
  width: calc(100% - 65px);
  position: relative;
  cursor: pointer;
}
.i1-box .item-box .item .flow{
  background: linear-gradient(to right, rgba(3,198,252,0.1), rgba(3,198,252,0));
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  overflow: hidden;
}
.i1-box .item-box .item .flow::before{
  display: block;
  content: '';
  width: 4px;
  height: 100%;
  background: #03C6FC;
  position: absolute;
  top: 0;
  left: 0;
}
.i1-box .item-box .item.active .flow{
  width: 100%;
}
.i1-box .item-box .item.active .ib img:last-of-type{
  display: block;
}
.i1-box .item-box .item.active .ib img:first-of-type{
  display: none;
}
.i1-box .item-box .item .tm{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #444444;
  margin: 13px 0 10px 0;
}
.i1-box .item-box .item p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
}
.i1-box .right{
  width: calc(100% - 664px - 126px);
}
.i1-box .right img{
  width: 100%;
}
.i1-box .right .txt{
  width: calc(100% - 40px - 160px);
  padding: 53px 160px 0 40px;
}
.i1-box .right .txt p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #555555;
}
.i1-box .right .txt .more{
  width: 180px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 20px 0 20px 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
  transition: 0.3s;
  position: relative;
}
.i1-box .right .txt .more::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px 0 20px 0;
  padding: 1px;
  background: linear-gradient(90deg, #00ECF6, #007FC2);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.i1-box .right .txt .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i2-box{
  width: 100%;
  background: url('../images/i2-1.png') no-repeat center / cover;
  padding: 130px 0 145px 0;
  overflow: hidden;
}
.i2-box .title h6{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  text-align: center;
}
.i2-box .title h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 48px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 10px;
}
.i2-swiper{
  width: calc(100% - (100% - 1400px) / 2);
  margin: 70px 0 0 auto;
  padding: 20px 0;
}
.i2-swiper .item{
  width: calc(100% - 90px);
  height: calc(460px - 83px);
  background: linear-gradient(90deg, #FFFFFF, #FFFFFF);
  border-radius: 100px 0 100px 0;
  padding: 83px 45px 0 45px;
}
.i2-swiper .item .ib{
  margin: 0 auto;
  width: max-content;
}
.i2-swiper .item .ib img:first-of-type{
  display: none;
}
.i2-swiper .item .ib img{
  height: 69px;
}
.i2-swiper .item h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #000022;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-top: 41px;
}
.i2-swiper .item p{
  width: 30px;
  height: 2px;
  background: linear-gradient(90deg, #00F3F9, #007BC0);
  margin: 17px auto 22px;
}
.i2-swiper .item h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  line-height: 18px;
  height: 36px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i2-swiper .item a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  border-bottom: 1px solid #666769;
  padding: 0 9px 3px 9px;
  margin: 51px auto 0;
  display: block; 
  width: max-content;
}
.i2-swiper .item:hover{
  background: linear-gradient(90deg, #00F3F9, #007BC0);
  box-shadow: 0px 0px 20px 1px rgba(3,198,252,1);
}
.i2-swiper .item:hover .ib img:first-of-type{
  display: block;
}
.i2-swiper .item:hover .ib img:last-of-type{
  display: none;
}
.i2-swiper .item:hover h3{
  color: #FFFFFF;
}
.i2-swiper .item:hover p{
  background: #FFFFFF;
}
.i2-swiper .item:hover h6{
  color: #FFFFFF;
}
.i2-swiper .item:hover a{
  color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.i3-box{
  width: 100%;
  background: url('../images/i3-1.png') no-repeat center / cover;
}
.i3ct{
  padding: 90px 0 130px 0;
  margin: 0 auto;
}
.i3ct .title{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 48px;
  color: #222222;
  text-align: center;
}
.i3ct .tagbox{
  display: flex;
  justify-content: center;
  margin: 40px 0 66px 0;
}
.i3ct .tagbox a{
  border: 1px solid transparent;
  border-radius: 25px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
  width: 300px;
  height: 48px;
}
.i3ct .tagbox a:not(:first-of-type){
  margin-left: 20px;
}
.i3ct .tagbox a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 25px;
  padding: 2px;
  background: #D2D2D2;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: 0.3s;
}
.i3ct .tagbox a.active::before {
  background: linear-gradient(90deg, #00ECF6, #007FC2);
}
.i3ct .tagbox a span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  transition: 0.3s;
}
.i3ct .tagbox a.active span{
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i3ct .content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.i3ct .content .item{
  width: calc(100% - 750px - 69px - 70px);
  padding: 80px 35px 35px 35px;
  background-color: #FFFFFF;
  border-radius: 20px;
  position: relative;
  transition: 0.3s;
}
.i3ct .content .item .top{
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  transition: 0.3s;
}
.i3ct .content .item .top .ib{
  width: 60%;
  margin: 0 auto;
  transition: 0.3s;
}
.i3ct .content .item .top .ib img{
  width: 100%;
}
.i3ct .content .item .top .ib img:first-of-type{
  display: none;
}
.i3ct .content .item .top .wz{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: 0.3s;
  width: max-content;
}
.i3list li:not(:first-of-type) a .one{
  display: none;
}
.i3list li:first-of-type a .sz{
  opacity: 0;
}
.i3list li a{
  display: flex;
  align-items: center;
  position: relative;
  background-color: #F8F8F8;
  width: calc(100% - 25px - 40px);
  padding: 16px 40px 16px 25px;
  border-radius: 6px;
  transition: 0.3s;
}
.i3list li a:hover{
  transform: translateX(-10px);
}
.i3list li a:hover .txt h3{
  color: #0080C3;
}
.i3list li:first-of-type a{
  background-color: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}
.i3list li:not(:first-of-type){
  margin-top: 20px;
}
.i3list li a .one{
  position: absolute;
  top: 0;
  left: 15px;
  transition: 0.3s;
}
.i3list li a .one img{
  height: 38px;
  transition: 0.3s;
}
.i3list li a .one .huang{
  display: none;
}
.i3list li a .one p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  color: #8A6428;
  line-height: 1;
  transition: 0.3s;
}
.i3list li a .sz{
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  color: #999999;
  transition: 0.3s;
}
.i3list li a .ib{
  width: 77px;
  height: 77px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 22px;
  transition: 0.3s;
}
.i3list li:first-of-type a .ib{
  width: 97px;
  height: 97px;
}
.i3list li:first-of-type a .txt{
  width: calc(100% - 97px - 20px - 22px - 25px - 50px);
}
.i3list li a .ib img{
  max-width: 100%;
  max-height: 100%;
}
.i3list li a .txt{
  width: calc(100% - 77px - 20px - 22px - 25px - 50px);
  transition: 0.3s;
}
.i3list li a .txt h3{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s;
}
.i3list li a .txt .pb{
  margin-top: 13px;
  transition: 0.3s;
}
.i3list li a .txt .pb p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  transition: 0.3s;
}
.i3list li a .txt .pb p:not(:first-of-type){
  margin-top: 3px;
}
.i3list li a .rfq{
  width: 50px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #a7a6a6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #a7a6a6;
  margin-left: auto;
  transition: 0.3s;
}
.i3ct .content .item.active .i3list li a .rfq{
  border-color: #C11717;
  color: #C11717;
}
.i3ct .content .item.active .i3list li:first-of-type a{
  box-shadow: 0px 0px 15px 0px rgb(243, 205, 143, 1);
}
.i3ct .content .item.active .top .ib img:first-of-type{
  display: block;
}
.i3ct .content .item.active .top .ib img:last-of-type{
  display: none;
}
.i3ct .content .item.active .top {
  top: -25px;
}
.i3ct .content .item.active .top .ib{
  width: 65%;
}
.i3ct .content .item.active .top .wz{
  font-size: 24px;
  top: 43px;
}
.i3ct .content .item.active{
  width: calc(750px - 110px);
  padding: 110px 55px 45px 55px;
}
.i3ct .content .item.active .i3list li:first-of-type a{
  width: calc(100% - 45px - 40px);
  padding: 16px 40px 16px 45px;
}
.i3ct .content .item.active .i3list li:first-of-type a .ib{
  width: 137px;
  height: 137px;
}
.i3ct .content .item.active .i3list li a{
  border-radius: 10px;
}
.i3ct .content .item.active .i3list li a .ib{
  width: 97px;
  height: 97px;
  margin: 0 30px 0 22px;
}
.i3ct .content .item.active .i3list li a .txt{
  width: calc(100% - 97px - 30px - 22px - 25px - 50px);
}
.i3ct .content .item.active .i3list li:first-of-type a .txt{
  width: calc(100% - 137px - 30px - 22px - 25px - 50px);
}
.i3ct .content .item.active .i3list li:first-of-type a .pb{
  margin-top: 16px;
}
.i3ct .content .item.active .i3list li:first-of-type a .pb p:not(:first-of-type){
  margin-top: 10px;
}
.i3ct .content .item.active .i3list li:first-of-type a .one .huang{
  display: block;
}
.i3ct .content .item.active .i3list li:first-of-type a .one .hui{
  display: none;
}
.i3ct .content .item .i3list li:first-of-type a .txt h3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i3ct .content .item.active .i3list li:first-of-type a .one img{
  height: 48px;
}
.i4-box{
  width: 100%;
  height: 468px;
  position: relative;
}
.i4-box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i4ct{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 140px;
}
.i4ct h6{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
}
.i4ct h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 48px;
  color: #FFFFFF;
  margin-top: 27px;
}
.i5-box{
  background-color: #F8F8F8;
  width: 100%;
  margin-top: -126px;
}
.i5ct{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.i5ct a{
  width: calc(100% / 2);
  height: 450px;
  position: relative;
  overflow: hidden;
}
.i5ct a:nth-of-type(3),
.i5ct a:nth-of-type(4){
  height: 350px;
}
.i5ct a:nth-of-type(3){
  width: 400px;
}
.i5ct a:nth-of-type(4){
  width: calc(100% - 400px);
}
.i5ct a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1.5s;
}
.i5ct a:hover img{
  transform: scale(1.05);
}
.i5ct a .gd{
  position: absolute;
  left: 59px;
  bottom: 34px;
  transition: 0.3s;
}
.i5ct a .gd h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 24px;
  color: #FFFFFF;
}
.i5ct a .gd p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-decoration-line: underline;
  transform: scaleY(0);
  transition: 0.3s;
  transform-origin: top;
}
.i5ct a:hover .gd{
  bottom: 50px;
}
.i5ct a:hover .gd p{
  transform: scaleY(1);
  margin-top: 15px;
}
.i6-box{
  width: 100%;
  background-color: #F8F8F8;
}
.i6ct{
  margin: 0 auto;
  padding: 110px 0 64px 0;
}
.i6ct .title h6{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 24px;
  color: #444444;
  text-align: center;
}
.i6ct .title h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 48px;
  color: #222222;
  text-align: center;
  margin-top: 15px;
}
.i6ct .content{
  display: flex;
  margin-top: 50px;
}
.i6ct .content a{
  width: calc((100% - 80px) / 2);
  margin-right: 40px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s;
}
.i6ct .content a:nth-of-type(3n){
  margin-right: 0;
}
.i6ct .content a img{
  width: 100%;
  height: 210px;
  object-fit: cover;
}
.i6ct .content a .txt{
  width: calc(100% - 34px - 50px);
  padding: 30px 50px 35px 34px;
}
.i6ct .content a:hover{
  background-color: #ffffff;
  box-shadow: 0px 0px 13px 0px rgba(0,6,22,0.06);
  transform: translateY(-10px);
}
.i6ct .content a .txt .time{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: #444444;
}
.i6ct .content a .txt h3{
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  color: #222222;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin: 10px 0 14px 0;
}
.i6ct .content a .txt h6{
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  color: #888888;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.i6ct .content a .txt .db{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #EEEEEE;
  margin-top: 50px;
  padding-top: 22px;
}
.i6ct .content a .txt .db p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
}
.i6ct .content a .txt .db i{
  font-size: 16px;
  color: #222222;
}
.i6ct .more{
  width: 180px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 20px 0 20px 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 55px auto 0;
  transition: 0.3s;
  position: relative;
}
.i6ct .more::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px 0 20px 0;
  padding: 1px;
  background: linear-gradient(90deg, #00ECF6, #007FC2);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.i6ct .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i6ct .zm{
  display: flex;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  height: 60px;
  width: calc(100% - 60px);
  padding: 0 30px;
  margin-top: 80px;
  align-items: center;
  justify-content: space-between;
}
.i6ct .zm a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  transition: 0.3s;
}
.i6ct .zm a:hover{
  color: #0080C3;
}
.i7-box{
  background: url('../images/i7-2.jpg') no-repeat center / cover;
  width: 100%;
  overflow: hidden;
}
.i7ct{
  margin: 0 auto;
  padding: 95px 0 90px 0;
}
.i7ct h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 48px;
  color: #222222;
  text-align: center;
}
.i7ct .mide{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 78px;
}
.i7ct .mide .lwz{
  width: 342px;
  height: 460px;
  overflow-y: auto;
}
.i7ct .mide .lwz::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}
.i7ct .mide .lwz::-webkit-scrollbar-thumb{
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: linear-gradient(to bottom,#0082C3 ,#18EEF6);
}
.i7ct .mide .lwz::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: #eeeeee;
}
.i7ct .mide .lwz a{
  display: block;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  transition: 0.3s;
  width: calc(100% - 25px);
  padding-left: 25px;
  position: relative;
  transition: 0.3s;
}
.i7ct .mide .lwz a:hover{
  color: #222222;
}
.i7ct .mide .lwz a::before{
  display: block;
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  border-top: 5px solid #222222;
  border-left: 5px solid #222222;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  opacity: 0;
  transition: 0.3s;
}
.i7ct .mide .lwz a:not(:first-of-type){
  margin-top: 18px;
}
.i7ct .mide .lwz a.active{
  color: #222222;
  font-weight: bold;
}
.i7ct .mide .lwz a.active::before{
  opacity: 1;
}
.i7ct .mide .md-box{
  width: calc(100% - 342px - 342px - 200px);
  height: 460px;
}
.i7ct .mide .md-box .mdslide{
  width: 100%;
  height: 100%;
}
.i7ct .mide .md-box .mdslide .qr{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.i7ct .mide .md-box img{
  max-width: 90%;
  max-height: 100%;
}
.i7ct .mide .md-box .mdslide:not(:first-of-type){
  display: none;
}
.i7ct .mide .js-box{
  width: 342px;
}
.i7ct .mide .js-box .js:not(:first-of-type){
  display: none;
}
.i7ct .mide .js-box .js .tm{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 24px;
  color: #444444;
}
.i7ct .mide .js-box .js p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #888888;
  line-height: 18px;
  margin: 33px 0 55px 0;
}
.i7ct .mide .js-box .js .more{
  width: 180px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 20px 0 20px 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  position: relative;
}
.i7ct .mide .js-box .js .more::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px 0 20px 0;
  padding: 1px;
  background: linear-gradient(90deg, #00ECF6, #007FC2);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.i7ct .mide .js-box .js .more span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #036EB8;
  background: linear-gradient(0deg, #14EEF6 0.537109375%, #0082C3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i7ct .db-swiper{
  width: calc(600px - 40px);
  padding: 20px;
  height: 80px;
  margin: 58px auto 0;
}
.i7ct .db-swiper a{
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEEEEE;
  border: 4px solid #ffffff;
  box-shadow: 0px 0px 13px 0px rgba(0,6,22,0.06);
  transition: background-color 0.3s;
}
.i7ct .db-swiper a img{
  width: 60%;
}
.i7ct .db-swiper .swiper-slide{
  position: relative;
}
.i7ct .db-swiper .swiper-slide-active a{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #FFFFFF;
  width: calc(100px - 8px);
  height: calc(100px - 8px);
}
.ft-box{
  background: url('../images/ft.jpg') no-repeat center / cover;
}
.fct{
  padding: 80px 0 50px 0;
  margin: 0 auto;
}
.fct .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 75px;
}
.fct .top .txt{
  width: calc(100% - 500px - 20px);
}
.fct .top .txt h3{
  font-family: var(--font-family);
  font-weight: bold;
  font-size: 40px;
  color: #FFFFFF;
}
.fct .top .txt h6{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-top: 14px;
}
.fct .top form{
  width: 517px;
  height: 45px;
  background: #FFFFFF;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fct .top form input{
  width: calc(100% - 140px - 30px - 6px);
  height: 39px;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0 10px 0 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.fct .top form input::placeholder{
  color: #999999;
}
.fct .top form button,
.fct .top form .dy{
  width: 140px;
  height: 39px;
  background: linear-gradient(to right, #00F3F9, #007BC0);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  cursor: pointer;
}
.fct .top form button span,
.fct .top form .dy span{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-left: 7px;
}
.fct .mdie{
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}
.fct .mdie .left{
  width: 480px;
}
.fct .mdie .left h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 28px;
  color: #FFFFFF;
}
.fct .mdie .left .txt{
  margin: 24px 0  30px 0;
}
.fct .mdie .left .txt .caol{
  display: flex;
  align-items: flex-start;
}
.fct .mdie .left .txt .caol img{
  width: 15px;
  margin-top: 8px;
  margin-right: 20px;
}
.fct .mdie .left .txt .caol p{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 30px;
}
.fct .mdie .left .txt .caol p a{
    color: #FFFFFF;
}
.fct .mdie .left .item{
  display: flex;
}
.fct .mdie .left .item a{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.fct .mdie .left .item a>img{
  max-width: 50%;
}
.fct .mdie .left .item a:hover{
  background-color: #ffffff;
}
.fct .mdie .left .item a:not(:first-of-type){
  margin-left: 9px;
}
.fct .mdie .left .item a .qrimg{
  position: absolute;
  bottom: calc(100%);
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  opacity: 0;
  transform-origin: bottom;
  padding-bottom: 6px;
  transition: 0.3s;
}
.fct .mdie .left .item a:hover .qrimg{
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
.fct .mdie .left .item a .qrimg .fi{
  width: 90px;
  border: 3px solid #ffffff;
}
.fct .mdie .right{
  width: 680px;
}
.fct .mdie .right h3{
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 28px;
  color: #FFFFFF;
}
.fct .mdie .right form{
  margin-top: 30px;
}
.fct .mdie .right form .row{
  display: flex;
  justify-content: space-between;
}
.fct .mdie .right form .row:not(:first-of-type){
  margin-top: 17px;
}
.fct .mdie .right form .row input,
.fct .mdie .right form .row .mlInt{
  width: calc((100% - 20px) / 2);
  height: 45px;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid #ffffff;
  outline: none;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #FFFFFF;
  text-indent: 14px;
}
.fct .mdie .right form .row .mlInt{
  width: calc((100% - 20px) / 2 - 14px);
  padding-left: 14px;
  display: flex;
  align-items: center;
  text-indent: 0;
  cursor: pointer;
}
.fct .mdie .right form .row .mlInt p{
  margin-left: 7px;
}
.fct .mdie .right form .row input::placeholder{
  color: #ffffff;
}
.fct .mdie .right form textarea{
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background-color: transparent;
  outline: none;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 14px;
  color: #FFFFFF;
  text-indent: 14px;
  padding-top: 10px;
  height: 80px;
  margin-top: 17px;
  resize: none;
}
.fct .mdie .right form textarea::placeholder{
  color: #ffffff;
}
.fct .mdie .right form button,
.fct .mdie .right form .an{
  width: 331px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  color: #021020;
  outline: none;
  border: none;
  cursor: pointer;
  margin-top: 17px;
}
.fct .bottom{
  margin-top: 100px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 30px;
  display: flex;
  justify-content: center;
}
.fct .bottom a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
}
@media only screen and (max-width:1560px) {
  .center{
    width: 1100px;
  }
  .header-box .nav li:not(:first-of-type){
    margin-left: 40px;
  }
  .header-box .search{
    margin: 0 70px 0 40px;
  }
  .mySwiper .flowbg h3{
    font-size: 60px;
    line-height: 70px;
  }
  .mySwiper .flowbg h6{
    font-size: 18px;
    margin: 20px 0 60px 0;
  }
  .homeSearch form{
    width: calc(730px - 30px);
    height: 62px;
  }
  .mySwiper .flowbg .more{
    width: 236px;
    height: 50px;
    margin: 59px auto 0;
  }
  .mySwiper .flowbg .more span{
    font-size: 18px;
  }
  .mySwiper .mouse{
    bottom: 35px;
  }
  .mySwiper .rtline .line{
    height: 400px;
  }
  .i1-box{
    width: calc(100% - (100% - 1100px) / 2);
    padding: 100px 0 170px calc((100% - 1100px) / 2);
  }
  .i1-box .left{
    width: 564px;
  }
  .i1-box .right{
    width: calc(100% - 564px - 106px);
  }
  .i1-box .title .wz p{
    width: 50px;
  }
  .i1-box .title .wz h6{
    margin-left: 18px;
    font-size: 20px;
  }
  .i1-box .title h3{
    font-size: 38px;
    line-height: 39px;
  }
  .i1-box .item-box{
    width: calc(100% - 85px);
    padding-left: 85px;
  }
  .i1-box .item-box .item{
    padding: 30px 0 35px 45px;
    width: calc(100% - 45px);
  }
  .i1-box .item-box .item .tm{
    font-size: 20px;
  }
  .i1-box .right .txt{
    width: calc(100% - 30px - 100px);
    padding: 43px 100px 0 30px;
  }
  .i2-box{
    padding: 100px 0 115px 0;
  }
  .i2-swiper{
    width: calc(100% - (100% - 1100px) / 2);
    margin: 50px 0 0 auto;
  }
  .i2-box .title h6{
    font-size: 20px;
  }
  .i2-box .title h3{
    font-size: 38px;
    margin-top: 5px;
  }
  .i2-swiper .item{
    border-radius: 70px 0 70px 0;
    padding: 63px 35px 0 35px;
    height: calc(420px - 63px);
    width: calc(100% - 70px);
  }
  .i2-swiper .item h3{
    font-size: 20px;
  }
  .i2-swiper .item h6{
    font-size: 16px;
  }
  .i3ct .content .item.active{
    width: calc(580px - 70px);
    padding: 85px 35px 30px 35px;
  }
  .i3ct .content .item{
    width: calc(100% - 580px - 49px - 50px);
    padding: 60px 25px 20px 25px;
  }
  .i3ct .content .item.active .top .wz{
    font-size: 20px;
    top: 33px;
  }
  .i3ct .content .item.active .top{
    top: -18px;
  }
  .i3ct .content .item .top{
    top: -13px;
  }
  .i3ct .content .item .top .wz{
    top: 25px;
  }
  .i3ct .title{
    font-size: 38px;
  }
  .i3ct{
    padding: 80px 0 110px 0;
  }
  .i7ct h3{
    font-size: 38px;
  }
  .i7ct .mide .lwz a:not(:first-of-type){
    margin-top: 15px;
  }
  .i7ct .mide .js-box .js .tm{
    font-size: 20px;
  }
  .i7ct .mide .lwz{
    width: 320px;
    height: 420px;
  }
  .i7ct .mide .js-box{
    width: 320px;
  }
  .i7ct .mide .md-box{
    width: calc(100% - 320px - 320px - 130px);
    height: 420px;
  }
  .i7ct .mide{
    margin-top: 68px;
  }
  .i7ct .db-swiper{
    margin: 48px auto 0;
  }
  .i4ct{
    top: 110px;
  }
  .i4ct h6{
    font-size: 20px;
  }
  .i4ct h3{
    font-size: 38px;
    margin-top: 17px;
  }
  .i4-box{
    height: 408px;
  }
  .i5ct a{
    height: 360px;
  }
  .i5ct a:nth-of-type(3), .i5ct a:nth-of-type(4){
    height: 310px;
  }
  .i5ct a .gd h3{
    font-size: 20px;
  }
  .i6ct{
    padding: 90px 0 60px 0;
  }
  .i6ct .title h3{
    font-size: 38px;
    margin-top: 10px;
  }
  .i6ct .title h6{
    font-size: 20px;
  }
  .i6ct .content a{
    width: calc((100% - 60px) / 2);
    margin-right: 30px;
    border-radius: 16px;
  }
  .i6ct .content a img{
    height: 180px;
  }
  .i6ct .content a .txt{
    width: calc(100% - 24px - 30px);
    padding: 20px 30px 25px 24px;
  }
  .i6ct .content a .txt h3{
    font-size: 20px;
  }
  .i6ct .content a .txt .db{
    margin-top: 40px;
  }
  .banner{
    height: 400px;
  }
  .banner .flow h3{
    font-size: 38px;
  }
  .x-center{
    width: 1000px;
  }
  .conct .top{
    width: calc(100% - 50px - 100px);
    padding: 35px 100px 45px 50px;
  }
  .conct .top h3{
    font-size: 20px;
  }
  .conct .top .mide{
    margin-top: 30px;
  }
  .conct .top .right .item img{
    width: 113px;
    height: 113px;
  }
  .conct .top .right .item:not(:first-of-type){
    margin-left: 60px;
  }
  .conct .top .line{
    height: 265px;
  }
  .conct .bottom{
    width: calc(100% - 100px);
    padding: 45px 50px 70px 50px;
  }
  .conct .bottom .js h3{
    font-size: 20px;
  }
  .ab1ct .left{
    width: 459px;
  }
  .ab1ct .right{
    width: calc(100% - 459px - 100px);
  }
  .pbjj .pbh3{
    font-size: 40px;
    line-height: 46px;
  }
  .pbjj .pbh6{
    font-size: 16px;
  }
  .ab1ct .right .sp{
    margin-top: 90px;
  }
  .pbjj .pbcontent{
    margin-top: 30px;
  }
  .ab2ct{
    padding: 90px 0 100px 0;
  }
  .ab2ct .left{
    width: 575px;
  }
  .ab3ct{
    padding: 130px 0 125px 0;
  }
  .ab3ct h3{
    font-size: 40px;
    line-height: 46px;
  }
  .ab4ct{
    width: 980px;
  }
  .ab4ct .left{
    width: 360px;
  }
  .ab4ct .right{
    width: calc(100% - 360px - 130px);
  }
  .mtd1ct .flow{
    margin-left: 150px;
  }
  .mtd1ct .left h3{
    font-size: 26px;
  }
  .mtd2ct .mide .top h3{
    font-size: 20px;
  }
  .mtd-list li a .ib{
    height: 100px;
  }
  .mtd2ct .mide{
    padding: 45px 80px 80px 80px;
    width: calc(100% - 160px);
    border-radius: 40px 40px 0 0;
  }
  .mtd1ct .left{
    padding-left: 50px;
  }
  .gyPdSearch{
    width: calc(100% - 160px);
    padding: 45px 80px;
  }
  .gyPdSearch form{
    height: 66px;
  }
  .mtct .mide .title{
    font-size: 22px;
  }
  .mtct .mide .zmbox{
    width: calc(100% - 90px);
    padding: 22px 45px;
  }
  .mtct .mide .zmbox.active{
    width: calc(1000px - 90px);
  }
  .mtct .mide .content .item.active{
    padding: 30px 45px 35px 45px;
  }
  .mtct .mide .content .item{
    width: calc(100% - 90px);
    padding: 0 45px;
  }
  .mtct{
    padding-bottom: 110px;
  }
  .nd1ct .nr h3{
    font-size: 30px;
  }
  .nd2ct .fx{
    margin: 100px 0 30px 0;
  }
  .nd2ct{
    padding: 40px 0 100px 0;
  }
  .nd3ct h3{
    font-size: 22px;
  }
  .nd3ct h3::before{
    height: 20px;
  }
  .nd3ct{
    padding: 60px 0 120px 0;
  }
  .nd3ct .ib a img{
    height: 194px;
  }
  .nd3ct .ib a .txt .name{
    font-size: 16px;
  }
  .nd2ct .content{
    width: calc(100% - 160px);
    padding: 0 80px;
  }
  .newsct .top .item img{
    height: 230px;
  }
  .newsct .top .item{
    width: calc((100% - 20px) / 2 - 40px);
    padding: 20px;
    border-radius: 14px;
  }
  .newsct .top .item .txt{
    margin-top: 22px;
  }
  .newsct .top .item .txt h3{
    font-size: 16px;
    line-height: 20px;
    height: 40px;
  }
  .newsct .top .item .txt .db .time span{
    font-size: 32px;
  }
  .newsct .top .item .txt .db .rund{
    width: 30px;
    height: 30px;
  }
  .newsct .top .item .txt .db .rund i{
    font-size: 16px;
  }
  .news-list li a .ib{
    width: 370px;
    height: 210px;
    border-radius: 8px;
  }
  .news-list li a .txt{
    width: calc(100% - 370px - 40px);
  }
  .news-list li a .txt h6{
    margin: 16px 0 56px 0;
  }
  .newsct{
    padding: 80px 0 100px 0;
  }
  .pdtct .mide .left{
    width: 450px;
  }
  .pdtct .mide .right{
    width: calc(100% - 450px - 30px);
  }
  .pdtct .mide .right h3{
    font-size: 22px;
  }
  .pdtct .mide .right .itembox .item:nth-of-type(even){
    width: 300px;
  }
  .pdtct .mide .right .itembox .item:nth-of-type(odd){
    width: calc(100% - 300px - 15px);
    margin-right: 15px;
  }
  .pdtct .mide .right .db .dbd button{
    width: 300px;
  }
  .pdtct .mide .right .db .dbd input{
    width: calc(100% - 300px - 15px);
  }
  .pdt3ct h3{
    font-size: 22px;
  }
  .pd1ct .wzbox h3{
    font-size: 26px;
  }
  .pd-list li a .ib{
    height: 180px;
  }
  .pd-list li a:hover .ib{
    height: 140px;
  }
  .pd-list li a .wz .more{
    margin: 20px auto 0;
  }
  .fct .top form{
    width: 470px;
  }
  .fct .top .txt{
    width: calc(100% - 470px - 20px);
  }
  .fct .top .txt h3{
    font-size: 30px;
  }
  .fct .top .txt h6{
    font-size: 16px;
    margin-top: 10px;
  }
  .fct .mdie .left{
    width: 460px;
  }
  .fct .mdie .left h3{
    font-size: 22px;
  }
  .fct .mdie .right{
    width: 590px;
  }
  .fct .mdie .right h3{
    font-size: 22px;
  }
  .fct{
    padding: 50px 0 30px 0;
  }
  .fct .top{
    padding-bottom: 50px;
  }
  .fct .mdie{
    margin-top: 55px;
  }
  .fct .bottom{
    margin-top: 70px;
    padding-top: 20px;
  }
}
@media only screen and (max-width:1360px) {
  .header-box{
    width: calc(100% - 120px);
    padding: 0 60px;
  }
  .mySwiper .flowbg h3{
    font-size: 50px;
    line-height: 60px;
  }
  .mySwiper .flowbg h6{
    font-size: 16px;
    margin: 15px 0 50px 0;
  }
  .homeSearch form{
    width: calc(680px - 30px);
    height: 56px;
  }
  .mySwiper .flowbg .more{
    width: 216px;
    height: 42px;
    margin: 49px auto 0;
  }
  .mySwiper .flowbg .more span{
    font-size: 16px;
  }
  .mySwiper .rtline .line{
    height: 300px;
  }
  .flowheader .ct{
    padding-top: 60px;
  }
  .flowheader .ct .item .two{
    height: calc(50vh - 115px);
  }
  .flowheader .close{
    font-size: 38px;
  }
  .i1-box .left{
    width: 480px;
  }
  .i1-box .right{
    width: calc(100% - 480px - 106px);
  }
  .i1-box .title h3{
    font-size: 32px;
    line-height: 35px;
  }
  .i1-box .item-box{
    width: calc(100% - 70px);
    padding-left: 70px;
  }
  .i1-box .item-box .item{
    padding: 25px 0 30px 40px;
    width: calc(100% - 40px);
  }
  .i1-box{
    padding: 80px 0 120px calc((100% - 1100px) / 2);
  }
  .i2-swiper .item{
    border-radius: 65px 0 65px 0;
    padding: 53px 25px 0 25px;
    height: calc(400px - 53px);
    width: calc(100% - 50px);
  }
  .i2-box{
    padding: 80px 0 95px 0;
  }
  .i2-swiper{
    margin: 45px 0 0 auto;
  }
}