a {
  color: #323232;
  display: inline-block;
}
img {
  border: 0;
}
.flex {
  display: flex;
}
.flex-c {
  display: flex;
  flex-direction: column;
}
.a-c {
  align-items: center;
}
.j-b {
  justify-content: space-between;
}
.j-c {
  justify-content: center;
}
.w1224 {
  width: 1224px;
}
* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: '微软雅黑';
  background-color: #e5f1f9;
  color: #323232;
  position: relative;
}
.warp {
  min-height: 100vh;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.warp .aqsj_banner {
  width: 100%;
}
.warp .header {
  margin: 40px auto 10px;
}
.warp .header .logo {
  width: 260px;
  height: 63px;
}
.warp .header .adv {
  width: 956px;
  height: 92px;
}
.warp .nav {
  width: 100%;
  background: #309de3;
  height: 64px;
  line-height: 64px;
}
.warp .nav .navitem {
  margin: 0 auto;
}
.warp .nav .navitem a {
  display: inline-block;
  width: 11.1%;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.warp .nav .navitem a:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
.warp .nav .navitem a:last-child:hover {
  background: none;
}
.warp .nav .navitem a:hover {
  background: #0a73ba;
}
.warp .nav .navitem a img {
  width: 106px;
  box-sizing: border-box;
}
.warp .nav .navitem span {
  color: #fff;
}
.warp .part1 {
  margin: 30px auto 0;
}
.warp .part1 .part1-right {
  width: 100%;
  height: 565px;
  overflow: hidden;
  flex-shrink: 0;
}
.warp .part1 .part1-right .swiper,
.warp .part1 .part1-right .mySwiper {
  width: 100%;
  height: 565px;
  overflow: hidden;
  position: relative;
}
.warp .part1 .part1-right .swiper .swiper-wrapper,
.warp .part1 .part1-right .mySwiper .swiper-wrapper {
  width: 100%;
}
.warp .part1 .part1-right .swiper .swiper-wrapper .swiper-slide,
.warp .part1 .part1-right .mySwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 565px;
  position: relative;
}
.warp .part1 .part1-right .swiper .swiper-wrapper .swiper-slide a,
.warp .part1 .part1-right .mySwiper .swiper-wrapper .swiper-slide a {
  width: 100%;
}
.warp .part1 .part1-right .swiper .swiper-wrapper .swiper-slide .banner,
.warp .part1 .part1-right .mySwiper .swiper-wrapper .swiper-slide .banner {
  object-fit: cover;
  width: 100%;
  height: 565px;
}
.warp .part1 .part1-right .swiper .swiper-wrapper .swiper-slide .part1-right-des,
.warp .part1 .part1-right .mySwiper .swiper-wrapper .swiper-slide .part1-right-des {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.warp .part1 .part1-right .swiper .swiper-wrapper .swiper-slide .part1-right-des img,
.warp .part1 .part1-right .mySwiper .swiper-wrapper .swiper-slide .part1-right-des img {
  width: 40px;
  height: 40px;
}
.warp .part1 .part1-right .swiper .swiper-wrapper .swiper-slide .part1-right-des p,
.warp .part1 .part1-right .mySwiper .swiper-wrapper .swiper-slide .part1-right-des p {
  width: 800px;
  font-size: 26px;
  color: #fff;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warp .part2 {
  margin: 50px auto 0;
}
.warp .part2 .part2-tit {
  color: #309de3;
  font-size: 24px;
  font-weight: bold;
  width: 25px;
  line-height: 28px;
  flex-shrink: 0;
}
.warp .part2 .part2-right {
  width: 1188px;
}
.warp .part2 .part2-right .mySwiper2 {
  width: 1188px;
  display: flex;
  align-items: center;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper {
  width: 1188px;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper .swiper-slide {
  width: 100%;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper .swiper-slide .part2-right-list {
  margin-left: 40px;
  width: 1088px;
  display: flex;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper .swiper-slide .part2-right-list li a {
  width: 186px;
  display: flex;
  flex-direction: column;
  align-items: center ;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper .swiper-slide .part2-right-list li a:hover .part2-right-list-tit {
  color: #309de3;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper .swiper-slide .part2-right-list li a .part2-right-list-img {
  width: 171px ;
  height: 108px ;
  object-fit: cover;
}
.warp .part2 .part2-right .mySwiper2 .swiper-wrapper .swiper-slide .part2-right-list li a .part2-right-list-tit {
  margin-top: 5px;
  width: 90%;
  font-size: 15px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warp .part2 .part2-right .mySwiper2 .swiper-button-next {
  background: url(../img/arrow-right2.png) no-repeat center center / 100% 100%;
  width: 11px;
  height: 20px;
}
.warp .part2 .part2-right .mySwiper2 .swiper-button-next:after {
  font-size: 0;
}
.warp .part2 .part2-right .mySwiper2 .swiper-button-prev {
  background: url(../img/arrow-left2.png) no-repeat center center / 100% 100%;
  width: 11px;
  height: 20px;
}
.warp .part2 .part2-right .mySwiper2 .swiper-button-prev:after {
  font-size: 0;
}
.warp .part3 {
  margin-top: 50px;
  width: 100%;
}
.warp .part3 .part3-cont {
  margin: 0 auto;
}
.warp .part3 .part3-cont .wmqn-tit {
  width: 729px;
  height: 121px;
}
.warp .part3 .part3-cont .part3Swiper {
  margin-top: 40px;
  width: 100%;
  height: 620px;
}
.warp .part3 .part3-cont .part3Swiper .swiper,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 {
  width: 100%;
  height: 620px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper {
  width: 100%;
  height: 517px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper .swiper-slide,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 517px;
  box-sizing: border-box;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper .swiper-slide ul,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper .swiper-slide ul {
  display: flex;
  align-items: center;
  width: 100%;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper .swiper-slide ul li,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper .swiper-slide ul li {
  width: 310px;
  height: 443px;
  position: relative;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper .swiper-slide ul li:nth-of-type(odd),
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper .swiper-slide ul li:nth-of-type(odd) {
  top: 70px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper .swiper-slide ul li .part3Swiper-img,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper .swiper-slide ul li .part3Swiper-img {
  width: 294px;
  height: 443px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-wrapper .swiper-slide ul li .part3Swiper-video,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-wrapper .swiper-slide ul li .part3Swiper-video {
  width: 66px;
  height: 66px;
  position: absolute;
  top: 200px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-button-next,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-button-next,
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-button-prev,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-button-prev {
  top: 90%;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-button-next,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-button-next {
  background: url(../img/arrow-right.png) no-repeat;
  width: 54px;
  height: 54px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-button-next:after,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-button-next:after {
  font-size: 0;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-button-prev,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-button-prev {
  background: url(../img/arrow-left.png) no-repeat;
  width: 54px;
  height: 54px;
}
.warp .part3 .part3-cont .part3Swiper .swiper .swiper-button-prev:after,
.warp .part3 .part3-cont .part3Swiper .mySwiper3 .swiper-button-prev:after {
  font-size: 0;
}
.warp .part3 .part3-cont .part3list {
  width: 1088px;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.warp .part3 .part3-cont .part3list a {
  width: 49%;
  border: 1px solid #333;
  margin-bottom: 30px;
  padding: 25px  20px;
  box-sizing: border-box;
}
.warp .part3 .part3-cont .part3list a .part3list-left {
  width: 18%;
  text-align: center;
  border-right: 1px solid #666;
  padding-right: 10px;
}
.warp .part3 .part3-cont .part3list a .part3list-left :nth-child(1) {
  font-size: 25px;
  color: #333;
  font-weight: bold;
}
.warp .part3 .part3-cont .part3list a .part3list-left :nth-child(2) {
  font-size: 18px;
  color: #333;
  white-space: nowrap;
}
.warp .part3 .part3-cont .part3list a .part3list-right {
  width: 82%;
  margin-left: 10px;
}
.warp .part3 .part3-cont .part3list a .part3list-right :nth-child(1) {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.warp .part3 .part3-cont .part3list a .part3list-right :nth-child(2) {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.warp .part3 .part3-cont .part3list a:hover {
  border: 1px solid #0a73ba;
}
.warp .part3 .part3-cont .part3list a:hover .part3list-right :nth-child(1) {
  color: #0a73ba;
}
.warp .topTit {
  padding-bottom: 15px;
  border-bottom: 1px solid #333;
}
.warp .topTit .icon {
  width: 35px;
  height: 35px;
}
.warp .topTit .part4-tit {
  font-size: 24px;
  margin-left: 10px;
  color: #309de3;
}
.warp .topTit .more {
  color: #666;
  font-size: 14px;
}
.warp .topTit .more:hover {
  color: #309de3;
}
.warp .wljx {
  margin-top: 30px;
}
.warp .wljx .wljx-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 10px;
}
.warp .wljx .wljx-list li {
  width: 25%;
}
.warp .wljx .wljx-list li:hover .wljx-list-item .wljx-list-tit {
  color: #309de3;
}
.warp .wljx .wljx-list li:hover .wljx-list-item .wljx-list-tit2 {
  font-weight: bold;
}
.warp .wljx .wljx-list li .wljx-list-item {
  height: 340px;
  margin-top: 20px;
  padding-bottom: 15px;
  width: 291px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.warp .wljx .wljx-list li .wljx-list-item .wljx-list-tip {
  padding: 3px 8px;
  background: #e83829;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
}
.warp .wljx .wljx-list li .wljx-list-item .wljx-list-video {
  width: 50px ;
  height: 50px ;
  position: absolute;
  top: 60px;
  left: 120px;
}
.warp .wljx .wljx-list li .wljx-list-item .wljx-list-img {
  width: 291px;
  height: 170px;
  overflow: hidden;
  object-fit: cover ;
}
.warp .wljx .wljx-list li .gzrd-list-item {
  border-radius: 30px;
  height: 460px;
}
.warp .wljx .wljx-list li .gzrd-list-item .wljx-list-img2 {
  width: 291px;
  height: 330px;
  overflow: hidden;
  object-fit: cover ;
}
.warp .wljx .wljx-list li .anhui-list-item {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  height: 340px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.warp .wljx .wljx-list li .anhui-list-item .anhui-list-img {
  width: 291px;
  height: 340px;
  object-fit: cover ;
}
.warp .wljx .wljx-list li .anhui-list-item .anhui-list-tit {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  padding: 20px;
  width: 100%;
}
.warp .wljx .wljx-list li .anhui-list-item .anhui-list-tit p {
  width: 100%;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.warp .wljx .wljx-list li .wljx-list-tit {
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 10px;
}
.warp .wljx .wljx-list li .wljx-list-tit2 {
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin: 10px;
  color: #309de3;
}
.warp .wljx .wljx-list li .wljx-list-des {
  margin: 40px 10px 0;
}
.warp .wljx .wljx-list li .wljx-list-des img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.warp .wljx .wljx-list li .wljx-list-des p {
  font-size: 16px;
  color: #333;
  margin-left: 10px;
}
.warp .wljx .wljx-list a {
  width: 100%;
}
.warp .part4 {
  margin-top: 50px;
}
.warp .part4 .imglist {
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.warp .part4 .imglist a {
  width: 306px;
  height: 183px;
  position: relative;
  margin-bottom: 15px;
  transition: all 2s;
}
.warp .part4 .imglist a img {
  width: 291px;
  height: 183px;
  object-fit: cover;
}
.warp .part4 .imglist a .imglist-tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 290px;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 35px;
  height: 35px;
  color: #fff;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.warp .detail {
  margin: 30px auto 50px;
}
.warp .detail .detail-left {
  width: 580px;
}
.warp .detail .detail-left .pc-slide {
  width: 520px;
  margin: 0 auto;
}
.warp .detail .detail-left .view .swiper-container {
  width: 520px;
  height: 690px;
}
.warp .detail .detail-left .view .swiper-container .swiper-slide img {
  width: 520px;
  height: 690px;
  object-fit: cover;
}
.warp .detail .detail-left .preview {
  width: 100%;
  height: 107px;
  margin-top: 10px;
  position: relative;
}
.warp .detail .detail-left .preview .swiper-container {
  /*width: 500px;*/
  height: 107px;
  margin-left: 35px;
  margin-right: 35px;
}
.warp .detail .detail-left .preview .swiper-slide {
  width: 85px;
  height: 107px;
  object-fit: cover;
  cursor: pointer;
  margin-right: 6px;
}
.warp .detail .detail-left .preview .slide6 {
  width: 85px;
}
.warp .detail .detail-left .preview .arrow-left {
  background: url(../img/feel3.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}
.warp .detail .detail-left .preview .arrow-right {
  background: url(../img/feel4.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}
.warp .detail .detail-left .preview img {
  width: 85px;
  height: 107px;
  border-radius: 10px;
  object-fit: cover;
}
.warp .detail .detail-left .preview .active-nav img {
  object-fit: cover;
  width: 85px;
  height: 107px;
  padding: 0;
  border: 1px solid #37b443;
}
.warp .detail .detail-right {
  width: 620px;
  flex-shrink: 0;
  margin-top: 40px;
}
.warp .detail .detail-right p {
  text-indent: 2em;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 1.8em;
}
.warp .other {
  margin: 40px auto;
}
.warp .other .otherTit {
  font-size: 22px;
  color: #333;
}
.warp .other .otherlist {
  margin-top: 10px;
  width: 100%;
}
.warp .other .otherlist li a {
  margin-bottom: 5px;
  color: #666;
  position: relative;
  padding-left: 10px;
}
.warp .other .otherlist li a::before {
  position: absolute;
  border-radius: 50%;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  content: '';
  background: #666;
}
.warp .other .otherlist li a:hover {
  color: #0a73ba;
}
.warp .footer {
  padding: 40px 0;
  width: 100%;
  margin-top: 40px;
  background: #efefef;
  border-top: 2px solid #00aadc;
}
.warp .footer .foot-cont {
  margin: 0 auto;
}
.warp .footer .foot-cont p {
  font-size: 16px;
  margin-bottom: 5px;
}
.mask {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}