.head_pc .nav .ul2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  display: none;
  background-color: white;
  text-align: center;
  transition: .1s
}

.head_pc .nav .ul2:hover,
.head_pc .nav .ul2.hover {
  background-color: white;
}

.head_pc .nav .ul2 a {
  font-size: 16px;
  display: block;
  line-height: 40px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: #000;
  padding: 0 20px;
}

.head_pc .nav .ul2 a:hover,
.head_pc .nav .ul2 a.hover {
  /* font-weight: bold !important; */
  color: #ffffff !important;
  background-color: #07559f;
  
}

.logo {
  width: 25%
}

.pub_btn {
  display: inline-block;
  line-height: 45px;
  font-size: 16px;
  color: #000;
  width: 138px;
  text-align: left;
  border-bottom: 2px solid #000;
  margin-right: 20px;
  font-family: MISANS-REGULAR;
}
.liaojie{
  margin-top: 20px;
  margin-left: 46px;
}
/* .pub_btn:hover,
.pub_btn.hover {
  background: #103cac;
  border: 1px solid #103cac;
  color:black
} */

.pub_title p:nth-child(1) {
  font-size: 80px;
  color: #103cac;
  line-height: 1;
  margin-bottom: 14px
}

.pub_title p:nth-child(2) {
  font-size: 30px;
  color: #333;
  line-height: 1;
  margin-bottom: 50px
}

.pub_title .ms {
  font-size: 20px;
  color: #999999;
  line-height: 1;
  margin-bottom: 70px
}

.index_ban .swiper-wrapper {
  transition-duration: 1000ms !important
}

.index_ban .swiper-pagination {
  bottom: 5%
}

.index_ban .swiper-pagination .swiper-pagination-bullet {
  height: 2px;
  width: 25px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0
}

.index_ban .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff
}

.index_ys {
  background: #153892;
  height: 140px
}

.index_ys ul {
  height: 100%;
  align-items: center;
  display: flex
}

.index_ys ul li {
  flex: 1;
  display: flex;
  align-items: center;
  border-right: 1px solid #0066cc;
  justify-content: center
}

.index_ys ul li:last-child {
  border-right: none
}

.index_ys ul li img {
  margin-right: 16px
}

.index_ys ul li .ms {
  color: #fff
}

.index_ys ul li .ms p:nth-child(1) {
  font-size: 20px
}

.index_ys ul li .ms p:nth-child(2) {
  font-size: 14px
}

.index_about {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center
}

.index_about .left {
  margin-left: 8.7%;
  width: 41%
}

.index_about .left .title {
  margin-bottom: 3%
}

.index_about .left .title p:nth-child(1) {
  font-size: 50px;
  color: #07559f;
  font-family: MISANS-BOLD;
  font-weight: 600;
}

.index_about .left .title p:nth-child(2) {
  font-size: 34px;
  color: #000;
  font-family: MISANS-MEDIUM;
}
.index_about .left .ms1 {
  font-size: 26px;
  color:#000;
  margin-top: 76px;
  margin-bottom: 28px;
  font-family: MISANS-MEDIUM;
}
.index_about .left .ms {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
  margin-bottom: 57px
}

.index_about .left .ys {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 16px;
  margin-bottom: 82px
}

.index_about .left .ys li {
  padding: 0 49px;
  line-height: 60px;
  border-bottom: 1px solid #eee;
  background: url('../images/duigou.png') no-repeat left center;
  white-space: nowrap
}

.index_about .left .ys .sx {
  width: 1px;
  height: 33px;
  background: #eeeeee;
  margin: 0 32px
}

.index_about .left .ys1 {
  margin-bottom: 0
}

.index_about .left .ys2 li {
  border-bottom: 0
}



.index_shuju {
  background: url('../images/index_shuju_bg.png');
  background-size: cover;
  padding: 7% 0 !important
}

.index_shuju ul {
  color: #fff
}

.index_shuju ul li {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.index_shuju ul li::after {
  display: block;
  content: '';
  width: 1px;
  height: 110px;
  background: #84a9fa;
  position: absolute;
  right: 0;
  top: 60%;
  transform: translateY(-50%)
}

.index_shuju ul li:last-child::after {
  display: none
}

.index_shuju ul li p {
  font-size: 16px;
  width: fit-content
}

.index_shuju ul li p:nth-child(1) {
  font-size: 72px;
  position: relative
}

.index_shuju ul li p:nth-child(1) sup {
  font-size: 16px;
  position: absolute;
  right: -10%;
  top: 22px;
  transform: translateX(100%)
}

.index_pd .pd_content {
  height: 424px
}

.index_pd .swiper-slide {
  margin-right: 28px;
  border-radius: 10px;
  transition: .3s;
  height: fit-content
}

/* .index_pd .swiper-slide:hover {
  background-color: #103cac
} */

.index_pd .swiper-slide:hover .title p {
  color: #fff !important
}

.index_pd .swiper-slide:hover .bottom img:nth-child(1) {
  display: none
}

.index_pd .swiper-slide:hover .bottom img:nth-child(2) {
  display: block !important
}

.index_pd .swiper-slide:hover img {
  transform: scale(1.1)
}

.index_pd .swiper-slide img {
  width: 100%;
  border-radius: 10px;
  transition: .3s
}

.index_pd .swiper-slide .img {
  overflow: hidden
}

.index_pd .bottom {
  padding: 36px 19px 36px 31px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.index_pd .bottom img {
  transition: .3s
}

.index_pd .bottom .title p:nth-child(1) {
  color: #000;
  font-size: 24px
}

.index_pd .bottom .title p:nth-child(2) {
  color: #999999;
  font-size: 18px
}

.index_pd .swiper-horizontal>.swiper-pagination-bullets,
.index_pd .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_pd .swiper-pagination-custom,
.index_pd .swiper-pagination-fraction {
  bottom: 0
}

.index_pd .swiper-pagination-bullet {
  background-color: #fff;
  border: 1px solid #294da5;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 24px
}

.index_pd .swiper-pagination-bullet-active {
  background: #294da5
}

.index_pd .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.index_pd .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 12px)
}

.index_video {
  background: url('../images/video.png') rgba(43, 77, 164, 0.89);
  background-blend-mode: multiply;
  text-align: center
}

.index_video .ms {
  font-size: 30px;
  color: #fff;
  margin-bottom: 69px
}

.index_news .news_content {
  display: block
}

.index_news .news_content img {
  width: 100%
}

.index_news .news_content .bottom {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.index_news .news_content .bottom .time {
  margin-bottom: 20px
}

.index_news .news_content .bottom .time span {
  display: inline-block;
  text-align: center
}

.index_news .news_content .bottom .time span:nth-child(1) {
  width: 110px;
  height: 27px;
  background: #f1f1f1;
  border-radius: 27px;
  font-size: 14px;
  color: #333;
  margin-right: 15px
}

.index_news .news_content .bottom .time span:nth-child(1) {
  font-size: 16px;
  color: #999;
  line-height: 27px
}

.index_news .news_content .bottom .title {
  font-size: 24px;
  color: #010101;
  margin-bottom: 60px
}

.index_news .news_content .bottom .more {
  font-size: 16px;
  color: #999999
}

.index_news .news_content .pagination {
  text-align: center;
  font-size: 18px;
  color: #000;
  width: 162px
}

.index_news .news_content .pagination span {
  margin: 0 30px
}

.index_news .news_content .pagination span:nth-child(2) {
  margin: 0
}

.index_news .news_content .next,
.index_news .news_content .prev {
  width: 45px;
  height: 45px;
  border: 1px solid #1b1b1b;
  position: relative;
  cursor: pointer
}

.index_news .news_content .next:hover,
.index_news .news_content .prev:hover {
  background: #103cac;
  border-color: #103cac
}

.index_news .news_content .next:hover img:nth-child(1),
.index_news .news_content .prev:hover img:nth-child(1) {
  display: none
}

.index_news .news_content .next:hover img:nth-child(2),
.index_news .news_content .prev:hover img:nth-child(2) {
  display: block !important
}

.index_news .news_content .next img,
.index_news .news_content .prev img {
  position: absolute;
  width: 7px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.index_news .news_content .prev img {
  transform: translate(-50%, -50%) rotate(-180deg)
}

.index_news .news_content .qiehuan {
  display: flex;
  margin-top: 75px;
  justify-content: center;
  align-items: center
}

.index_news .news_content a {
  transition: .3s
}

.index_news .news_content a:hover {
  transform: translateY(-4px);
  box-shadow: 0 5px 20px #ccc
}

.top_nav {
  font-size: 24px;
  color: #999;
  border-bottom: 1px solid #e5e5e5
}

.top_nav .w1624 {
  justify-content: center
}

.top_nav .w1624 li {
  width: 20%;
  text-align: center;
  position: relative
}

.top_nav .w1624 li:hover a,
.top_nav .w1624 li.hover a {
  border-bottom: 3px solid #103cac;
  color: #103cac
}

.top_nav .w1624 li:last-child::after {
  display: none
}

.top_nav .w1624 li::after {
  content: '';
  display: block;
  width: 1px;
  height: 25px;
  background: #d2d2d2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0
}

.top_nav .w1624 li a {
  margin: 0 54px;
  line-height: 92px;
  display: block;
  border-bottom: 3px solid transparent
}

.about {
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0
}

.about .left {
  width: 40%
}

.about .right {
  width: 50%
}

.about .right .title {
  font-size: 48px;
  color: #000
}

.about .right .content {
  font-size: 20px;
  color: #666;
  line-height: 42px;
  overflow-y: scroll;
  max-height: 605px
}

.pub_qiehuan {
  display: inline-block;
  display: flex;
  /* margin-top: 75px; */
  justify-content: right;
  align-items: center;
  margin-right: 380px;
  margin-top: -58px;
}

.pub_qiehuan .next,
.pub_qiehuan .prev {
  width: 45px;
  height: 45px;
  /* border: 1px solid #1b1b1b; */
  position: relative;
  cursor: pointer;
  margin: 0 10px
}

/* .pub_qiehuan .next:hover,
.pub_qiehuan .prev:hover {
  background: #103cac;
  border-color: #103cac
} */

.pub_qiehuan .next:hover img:nth-child(1),
.pub_qiehuan .prev:hover img:nth-child(1) {
  display: none
}

.pub_qiehuan .next:hover img:nth-child(2),
.pub_qiehuan .prev:hover img:nth-child(2) {
  display: block !important
}

.pub_qiehuan .next img,
.pub_qiehuan .prev img {
  position: absolute;
  width: 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.pub_qiehuan .prev img {
  transform: translate(-50%, -50%) rotate(-180deg)
}

.culture {
  padding-bottom: 0
}

.culture .pub_title {
  width: 100%;
  text-align: center
}

.culture .cult_cont {
  display: block
}

.culture .cult_cont a {
  /* background: #eee; */
  
  /* padding: 65px 0; */
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s
}


.culture .cult_cont a .img2 {
  display: none
}

/* .culture .cult_cont a:hover {
  background: #103cac
} */







/* .culture .cult_cont a img {
  margin-bottom: 48px
} */

.culture .cult_cont a .title {
  font-size: 24px;
  color: #333;
  margin-bottom: 24px;
  transition: .3s;
  background-color: #ffffff;
  padding: 20px 142px;
  border: 1px solid #eeeeee;
}





.equipment {
  justify-content: space-between;
  padding-bottom: 0
}

.equipment .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.equipment .left .pub_title {
  text-align: left
}

.equipment .left .fenlei a {
  display: block;
  font-size: 22px;
  line-height: 85px;
  color: #999999;
  border-bottom: 1px solid #e5e5e5;
  width: 54%
}

.equipment .left .fenlei a:hover,
.equipment .left .fenlei a.hover {
  color: #103cac;
  border-color: #103cac
}

.equipment .right {
  width: 62%;
  margin: 0
}

.detect {
  padding-bottom: 0
}

.detect .w1450 {
  display: block
}

.detect .pub_title {
  width: 100%;
  text-align: center
}

.certificate {
  position: relative;
  padding-bottom: 0
}

.certificate .swiper-slide {
  border: 19px solid #7d7d7d
}

.certificate .box {
  position: relative
}

.certificate .pub_qiehuan {
  margin: 0
}

.certificate .pub_qiehuan .next {
  position: absolute;
  top: 50%;
  left: 6%;
  transform: translateY(-50%)
}

.certificate .pub_qiehuan .prev {
  position: absolute;
  top: 50%;
  right: 6%;
  transform: translateY(-50%)
}

.application {
  flex-wrap: wrap;
  display: block
}

.application .box {
  display: flex;
  flex-wrap: wrap
}

.application a {
  display: block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  transition: .3s
}

.application a img {
  width: 100%
}

.application a:nth-child(3n) {
  margin-right: 0
}

.application a:hover {
  transform: translateY(-4px);
  box-shadow: 0 5px 20px #ccc
}

.application a .content {
  padding: 42px 46px;
  background: #f9f9f9
}

.application a .content .title {
  font-size: 24px;
  font-weight: bold
}

.application a .content .ftitle {
  margin-bottom: 44px;
  font-size: 18px;
  color: #999
}

.application a .content .xq {
  font-size: 16px;
  color: #999999
}

.application .cc_botton {
  margin-top: 4% !important;
  margin: 0 auto
}

.news a {
  display: flex !important;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 76px 0;
  margin: 0;
  border-bottom: 1px solid #e5e5e5
}

.news a:nth-child(1) {
  padding-top: 0
}

.news a:hover {
  box-shadow: none
}

.news a:hover .title {
  color: #103cac
}

.news a:hover .xq {
  color: #103cac
}

.news a img {
  width: 28%
}

.news a .content {
  width: 65%;
  background: none;
  padding: 0
}

.news a .content p:nth-child(1) {
  font-size: 18px;
  font-weight: bold;
  color: #103cac
}

.news a .content p:nth-child(2) {
  margin-bottom: 20px
}

.news a .content p:nth-child(3) {
  margin-bottom: 30px
}

.news_cc_botton {
  margin: 5% auto 0 auto;
  width: fit-content
}

.news_read {
  justify-content: space-between;
  align-items: flex-start
}

.news_read .left {
  width: 30%
}

.news_read .left .top {
  font-size: 18px;
  margin-bottom: 48px
}

.news_read .left .top span {
  color: #999
}

.news_read .left .top span:nth-child(1) {
  color: #103cac;
  font-weight: bold
}

.news_read .left .top span:nth-child(2) {
  margin: 0 5px
}

.news_read .left .title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 50px
}

.news_read .left .swiper-horizontal>.swiper-pagination-bullets,
.news_read .left .swiper-pagination-bullets.swiper-pagination-horizontal,
.news_read .left .swiper-pagination-custom,
.news_read .left .swiper-pagination-fraction {
  bottom: 30px
}

.news_read .right {
  width: 60%;
  font-size: 18px;
  color: #333333;
  line-height: 40px
}

.news_read .right p {
  margin-bottom: 10px
}

.news_read .right .return {
  width: fit-content;
  border: 1px solid #7d7d7d;
  padding: 0 23px;
  float: right
}

.product {
  display: block
}

.product .box {
  display: flex;
  flex-wrap: wrap
}

.product a {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden
}

.product a:hover {
  box-shadow: 0 5px 20px #ccc
}

.product a:hover img {
  transform: scale(1.1)
}

.product a:hover p img {
  transform: translateX(4px)
}

.product a:nth-child(3n) {
  margin-right: 0
}

.product a img {
  width: 100%;
  transition: .3s
}

.product p {
  padding: 0 28px;
  line-height: 55px;
  font-size: 24px;
  line-height: #fff;
  color: #fff;
  background: rgba(16, 60, 172, 0.7);
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.contact {
  display: block
}

.contact .title {
  font-size: 34px;
  margin-bottom: 28px
}

.contact .dz {
  font-size: 20px;
  color: #666;
  margin-bottom: 76px
}

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

.contact ul li {
  width: 29%;
  border: 1px solid #eeeeee;
  border-left: none;
  border-right: none;
  line-height: 84px;
  font-size: 20px;
  color: #666;
  text-align: center
}

.contact ul li img {
  vertical-align: middle;
  margin-right: 3%
}

.amap_box {
  padding: 0 !important
}

.product_read .page1 {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0
}

.product_read .page1 .left {
  width: 44%
}

.product_read .page1 .left .title {
  font-size: 40px;
  font-weight: bold;
  color: #103cac;
  margin-bottom: 49px
}

.product_read .page1 .left .ms {
  font-size: 18px;
  line-height: 42px;
  color: #333
}

.product_read .page1 .right {
  width: 44%
}

.product_read .page1 .right img {
  border-radius: 10px
}

.product_read .page2 {
  padding-bottom: 0
}

.product_read .page2 .title {
  font-size: 40px;
  font-weight: bold;
  color: #103cac;
  margin-bottom: 49px
}

.product_read .page2 .content {
  background: #f5f7f9
}

.product_read .page2 .content .main {
  padding: 80px
}

.product_read .page3 {
  display: block
}

.product_read .page3 .title {
  font-size: 40px;
  font-weight: bold;
  color: #103cac;
  margin-bottom: 49px
}

.pub_anniu {
  margin-bottom: 50px
}

.pub_anniu a {
  display: inline-block;
  padding: 14px 38px;
  border: 1px solid #000;
  margin-right: 10px;
  font-size: 18px;
  color: #333;
  transition: .3s
}

.pub_anniu a:hover,
.pub_anniu a.hover {
  background: #103cac;
  border-color: #103cac;
  color: #fff
}

.news_read2 {
  text-align: center
}

.news_read2 .news_typename {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold
}

.news_read2 hr {
  margin-bottom: 30px
}

.news_read2 .read_con {
  text-align: left;
  font-size: 18px
}

.news_read2 .read_con p {
  margin-bottom: 10px
}

.news_read2 .np {
  margin-top: 20px;
  font-size: 18px
}

.news_read2 .np .w1450 {
  display: block;
  text-align: left
}

.news_read2 .np a {
  display: block;
  margin-bottom: 10px
}

.news_read2 .np a:hover {
  color: #103cac
}

.btn_return a:hover {
  background: #103cac;
  color: #fff
}

.btn_return a:hover .img2 {
  display: inline-block !important
}

.btn_return a:hover .img1 {
  display: none
}

.index_video {
  cursor: pointer;
}

.index_video img {
  opacity: .8;
}

.index_video img:hover {
  opacity: 1;
}

.about .right .title {
  margin-bottom: 10px;
}

table {
  background: #fff;
}

td {
  text-align: center;
  line-height: 48px;
  font-size: 16px;
}

.product_read .page2 .content .main {
  display: block;
  text-align: center;
}

.product_read .page2 .content .main p:nth-child(1) {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.product_read .page2 .content .main p:nth-child(2) {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: right;
}

.product_read .page1 {
  align-items: flex-start;
}

.certificate .swiper-slide-prev {
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(50deg) scale(0.9) !important;
}

.certificate .swiper-slide-next {
  transform: translate3d(0px, 0px, -100px) rotateX(0deg) rotateY(-50deg) scale(.9) !important;
}

.certificate .swiper-slide .title {
  font-size: 24px;
  text-align: center;
  line-height: 40px;
  color: #333;
}

.btn_return {
  display: flex;
}

.btn_return a {
  display: block;
  width: 50%;
  text-align: center;
  line-height: 250px;
  background: #ebeff2;
  font-size: 30px;
  color: #103cac;
  transition: .3s;
}

.culture .cult_cont a {
  height: 473px;
  /* padding: 65px 10px; */
  text-align: center;
}

.top_nav .w1624 li {
  min-width: 23%;
  width: auto;
}

.index_news .news_content a:hover {
  /*transform: translateY(0);*/
  box-shadow: 0 0 20px #ccc;
}

.news_content .swiper-wrapper {
  padding-top: 10px;
}

.application a:hover {
  box-shadow: 0 0px 20px #ccc;
}

.news a:hover {
  box-shadow: none;
}

#page_left_botton a,
#page_left_botton span {
  width: auto;
}

.index_about .left .ys1 {
  margin-bottom: 0 !important;
}

.page3_content .swiper-wrapper p {}

.page3_content .swiper-wrapper p img {
  border-radius: 8px;
}

.product_read .page2 .content .main p:nth-child(4) {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 40px;
}

.product_read .page2 .content .main p:nth-child(5) {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0px;
  text-align: right;
}

.product_read .page2 .content .main {
  padding: 80px 0;
}

.page3_content .swiper-wrapper p {
  font-size: 20px;
  line-height: 1.8;
}

.index_pd .bottom .title {
  max-width: 80%;
}

.application a .content .title {
  margin-bottom: 10px;
}

.application a .content .ftitle {
  margin-bottom: 40px;
}

.page3 .pub_anniu a {
  text-align: center;
}

.index_news .news_content .img {
  overflow: hidden;
}

.index_news .news_content .img img {
  transition: .3s;
}

.index_news .news_content a:hover .img img {
  transform: scale(1.1);
}

.btn_return a:nth-child(2) {
  background: #103cac;
  color: #fff;
}

.btn_return a:nth-child(2) .img2 {
  display: inline-block !important;
}

.btn_return a:nth-child(2) .img1 {
  display: none;
}

.about .right .content::-webkit-scrollbar-thumb {
  background: #7d7d7d;
  width: 6px;
}

.about .right .content::-webkit-scrollbar {
  width: 6px;
}

.about .right .content {
  padding-right: 50px;
}

.product_read .page1 {
  /*align-items: center;*/
}

.product_read .page1 .left .ms {
  max-height: 300px;
  overflow: auto;
  padding-right: 10px;
}

.product_read .page1 .left .ms::-webkit-scrollbar-thumb {
  background: #7d7d7d;
  width: 6px;
}

.product_read .page1 .left .ms::-webkit-scrollbar {
  width: 6px;
}

.page3_content .swiper-wrapper p img {
  object-fit: cover;
  width: 100%;
  height: 300px;
  border-radius: 8px;
}

.about .right .content {
  font-size: 18px;
}

.top_nav {
  font-size: 20px;
}

.top_nav .w1624 li a {
  line-height: 70px;
}

.about .right .title {
  font-size: 40px;
}

.product p {
  background: rgba(16, 60, 172, 0);
  transition: .3s;
}

.product a:hover p {
  background: rgba(16, 60, 172, 0.7);
}



/* 都美电镀——我 */


.w1400{
  max-width: 1400px;
    margin: 0 auto;
    /* width: 76%; */
    /* display: flex; */
}
.w1660{
  max-width: 1660px;
    margin: 0 0 0 260px;
    /* width: 76%; */
    /* display: flex; */
}
.w1287{
  /* 355 */
  max-width: 1287px;
    margin: 0 auto;
}
@font-face
{
    font-family: GOTHICB;
    src: url(../css/fonts/GOTHICB.TTF);
}
@font-face
{
    font-family: MISANS-BOLD;
    src: url(../css/fonts/MISANS-BOLD.TTF);
}
@font-face
{
    font-family: MISANS-LIGHT;
    src: url(../css/fonts/MISANS-LIGHT.TTF);
}
@font-face
{
    font-family: MISANS-MEDIUM;
    src: url(../css/fonts/MISANS-MEDIUM.TTF);
}
@font-face
{
    font-family: MISANS-REGULAR;
    src: url(../css/fonts/MISANS-REGULAR.TTF);
}






/* banner */
.index_BANNER{
   margin-top: 150px;
}

/* <!-- 实力都美 index_STRENGTH    --> */

/*.index_STRENGTH:hover .index_STRENGTH_01{*/
/*  animation: 1s .4s fadeInLeft both;*/
/*  animation-delay:1.4s*/
/*}*/
/*.index_STRENGTH:hover .STRENGTH_title1{*/
/*  animation: 1s .4s fadeInLeft both;*/
/*}*/
/*.index_STRENGTH:hover .STRENGTH_title2{*/
/*  animation: 1s .4s fadeInLeft both;*/
/*}*/

.index_background{
  background-color: #f1f1f1;
}
.index_STRENGTH_01{
    display:flex;
}
.STRENGTH_title1{
  font-size: 50px;
  font-family: MISANS-BOLD;
  color: #07559f;
  font-weight: 600;
  text-align: center;
  padding-top: 163px; 
}
.STRENGTH_title2{
   font-size: 34px;
   font-family: MISANS-MEDIUM;
   text-align: center;
   margin-bottom: 68px;
}
.index_STRENGTH_ul{
  display: flex;
  padding-bottom: 210px;
}
.index_STRENGTH_li{
   border-right: 1px solid #e1e1e1e1;
   background-color: white;
}
.index_STRENGTH_li_p1{
  font-size: 28px;
  font-family: MISANS-BOLD;
  text-align: center;
  margin-top: 33px;
}
.index_STRENGTH_li_p2{
  font-size: 12px;
  font-family: MISANS-REGULAR;
  color: #bbbbbb;
  margin-top: 10px;
  margin-bottom: 35px;
  text-align: center;
}

/*  <!-- 产品中心 index_PRODUCT    --> */
.PRODUCT_title2_two_six{
  display: flex;
  
}
.two_six{
  display: inline-block;
  text-align: right;
  margin-top: 4px;
  font-size: 20px;
  font-family: MISANS-BOLD;
}
.two_six_hr{
  width: 124px;
  height: 2px;
  margin-right: 391px;
}
.culture{
   margin-bottom: 191px;
}
.xia_index_PRODUCT{
  margin-top: 70px;
}
.xia_index_PRODUCT_hover{
   width: 383.5px !important;
   margin-right: 73px !important;
}
/* 荣誉资质 HONOR */
.xia_HONOR_hover{
  width: 344.5px !important;
  margin-right: 30px !important;

}
.xia_index_PRODUCT_hover:hover .title{
  box-shadow: 6px 19px 38px -29px;
  transition: 0.5s;
}
.PRODUCT_title1{
  font-size: 50px;
  font-family: MISANS-BOLD;
  color: #07559f;
  font-weight: 600;
  text-align: left;
  margin-top: 169px;
}
.PRODUCT_title2{
  font-size: 34px;
  font-family: MISANS-MEDIUM;
  text-align: left;
  /* margin-bottom: 69px; */
  margin-right: 30px;
  margin-right: 1130px;
}

/* <!-- 新闻资讯 index_NEWS    --> */
.index_NEWS{
  padding-bottom: 83px;
}
.NEWS_title1{
  font-size: 50px;
  font-family: MISANS-BOLD;
  color: #07559f;
  font-weight: 600;
  text-align: center;
}
.NEWS_title2{
   font-size: 34px;
   font-family: MISANS-MEDIUM;
   text-align: center;
   margin-bottom: 68px;
}
.NEWS_span1{
  font-size: 24px;
  font-family: MISANS-BOLD;
  font-weight: 600;
  line-height: 150px;
  margin-left: 60px;
}
.index_NEWS .NEWS_span2{
  font-size: 24px;
  font-family: MISANS-REGULAR;
  margin-left: 0px;
}
.NEWS_span2{
  font-size: 24px;
  font-family: MISANS-REGULAR;
  margin-left: 60px;
}
.NEWS_span3{
  font-size: 24px;
  font-family: MISANS-BOLD;
  margin-right: 60px;
  line-height: 150px;
}
.NEWS_span4{
  display: inline-block;
  margin-top: 70px;
  margin-right: 60px;
  line-height: 150px;
  display: none;
}
.NEWS_li{
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  margin-top: -1px;
  height: 150px;
  display: flex;
  justify-content: space-between;
}
.NEWS_li:hover{
  background-color: #ffffff;
  box-shadow: 0px 3px 50px -36px;
  transition: 0.5s;
  border: 0px;
}
.NEWS_li:hover .NEWS_span3{
  display: none;
  transition: 0.5s;
}
.NEWS_li:hover .NEWS_span4{
  display: block;
  transition: 0.5s;
}

/* <!-- 服务流程 index_SERVICE    --> */
/* .background1{
  background-color: ;
} */
.index_SERVICE {
  margin-top: 167px;
}
.SERVICE_title1{
  font-size: 50px;
  font-family: MISANS-BOLD;
  color: #07559f;
  font-weight: 600;
  text-align: center;
}
.SERVICE_title2{
   font-size: 34px;
   font-family: MISANS-MEDIUM;
   text-align: center;
   margin-bottom: 68px;
}
.index_SERVICE_btn{
  font-size: 14px;
  padding: 10px 25px;
  background-color: #000;
  color: white;
  margin-bottom: 102px;
  margin-top: 58px;
  display: inline-block;
  border: 0px;
}
.index_SERVICE_p1{
  font-size: 24px;
  font-family: MISANS-REGULAR;
  
}
.index_SERVICE_p2{
  font-size: 14px;
  font-family: MISANS-BOLD;
  margin-bottom: 44px;
  color: #bbbbbb;
  
}
.index_SERVICE_img{
  margin-bottom: 55px;
}
.index_SERVICE_ul{
  margin-bottom: 192px;
}
.index_SERVICE_li{
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  margin-left: -1px;
  width: 245px;
  padding-left: 54px;
}
.index_SERVICE_li:hover{
  transform: scale(1.1);
  transition: 0.5s;
  border: 0px;
  box-shadow: 0px 0px 43px -26px;
}
.index_SERVICE_li:hover .index_SERVICE_btn{
  background-color: #07559f;
  color: white;
  transition: 0.5s;
}
.index_SERVICE_ul{
  display: flex;
}

/* // <!--ABOUT US 关于我们 --> */
/* .ABOUT_US:hover .ABOUT_US_p1{
  animation: 1s .4s fadeInLeft both;
} */
.ABOUT_US:hover .ABOUT_US_p2{
  animation: 1s .4s fadeInUp both;
}
.ABOUT_US_dmdd{
  text-align: center;
  padding-top: 108px;
  padding-bottom: 170px;
}
.ABOUT_US_p1{
  font-size: 44px;
  font-family: MISANS-LIGHT;
  margin-bottom: 66px;
}
.ABOUT_US_p2{
  font-size: 18px;
  font-family: MISANS-REGULAR;
  /* margin-bottom: 24px; */
  color: #999999;
  margin-left: 52px;
  margin-right: 52px;
  line-height: 50px;
}

/*   <!--CULTURE 企业文化 --> */
.ooo{
  background: url(../images/images/qiyewenhua_bei.png) no-repeat center;
}
.CULTURE_qi{
  padding-top: 154px;
  padding-bottom: 140px;
}
.CULTURE_qi_p1{
  font-size: 44px;
  font-family: MISANS-LIGHT;
  text-align: center;
  margin-bottom: 70px;
 
}
.CULTURE_qi_li{
  width: 444px;
  height: 444px;
  background-color: #ffffff;
  border: 1px solid #c8dcf0;
  text-align: center;
  border-radius: 50%;
  position: relative;
  /* background-color: #0066cc; */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-left: -10px;
}
.CULTURE_qi_li_p1{
  font-size: 30px;
  font-family: MISANS-MEDIUM;
  margin-top: 65px;
  margin-bottom: 20px;
  color: #000;
}
.CULTURE_qi_li_p2{
  font-size: 20px;
  color: #999999;
  font-family: MISANS-MEDIUM;
}
.CULTURE_qi_li_img1{
  margin-top: 114px;
  display: inline-block;
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
}
.CULTURE_qi_li_img2{
  position: absolute;
  display: inline-block;
  display: none;
  top: 113px;
  left: 183px;
}
.CULTURE_qi_ul{
  display: flex;
}
.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li:hover,.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li.active{
  background: #07559f;
  transition: 0.5s;
}
.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li:hover .CULTURE_qi_li_p1,.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li.active .CULTURE_qi_li_p1{
  color: white;
  transition: 0.5s;
}
.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li:hover .CULTURE_qi_li_p2,.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li.active .CULTURE_qi_li_p2{
  color: #95bfe6;
  transition: 0.5s;
}
.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li:hover .CULTURE_qi_li_img2 ,.CULTURE_qi .CULTURE_qi_ul .CULTURE_qi_li:active .CULTURE_qi_li_img2{
  display: block;

}

/*  <!--FACTORY 工厂环境 --> */
.FACTORY{

}

/* 半个 荣誉  */
.w1904{
  max-width: 1904px;
  margin: 0px 0px 0px 233px;
  width: 100%;
}

/* <!-- 荣誉资质 HONOR--> */
.HONOR{
  padding: 180px 0px 200px 0px;
  position: relative;
}
.shubiao{
  font-size: 16px;
  font-family: MISANS-MEDIUM;
  font-weight: 600;
}
.HONOR_xia{
  margin-bottom: 105px;
}

/*new_s 新闻资讯 */
.NEWS_ul{
  margin-bottom: 120px;
}
.NEWS_li_p2_d{
  line-height: 150px;
}
.NEWS_title{
  position: relative;
}
.NEWS_UL{
  display: flex;
  position: absolute;
  top: -94px;
  left: 0px;
 background: linear-gradient(0deg, #ffffff,rgba(255, 255, 255, 0.9) );
}
.NEWS_A{
  width: 960px;
  height: 94px;
  line-height: 94px;
  text-align: center;
}
.NEWS_LI{
  font-size: 20px;
  font-family: MISANS-MEDIUM;
  font-weight: 600;
}
.NEWS_UL .NEWS_A:hover,.NEWS_UL .NEWS_A.active {
  border-bottom: 2px solid #07559f;
  color: #07559f;
  transition: 0.5s;
}
.NEWS_LIE{
  padding-top: 179px;
  padding-bottom: 179px;
}

/* <!-- /*CONNECTION 联系我们  --> */
.CONNECTION:hover .CONNECTION_left{
  animation: 1s .4s fadeInUp both;
}
.CONNECTION{
  display: flex;
  justify-content: space-between;
}
.CONNECTION_left{
  padding-top: 184px;
  padding-bottom: 184px;
}
.CONNECTION_right{
  padding-top: 184px;
  padding-bottom: 184px;
}
.CONNECTION_left_p1{
  font-size: 30px;
  font-family:MISANS-REGULAR;
  margin-bottom: 40px;
}
.CONNECTION_left_span1{
  font-size: 20px;
  font-family:MISANS-REGULAR;
}
.CONNECTION_left_span2{
  font-size: 20px;
  font-family:MISANS-REGULAR;
  color: #c4c4c4;
}
.CONNECTION_left_d1{
  margin-bottom: 20px;
}
.CONNECTION_left_img{
  margin-top: 75px;
}

/* <!-- /*new_s 新闻资讯详情  --> */
.NEWS_read_top{
  padding-top: 252px;
  text-align: center;
  padding-bottom: 140px;
}
.NEWS_read_title1{
  font-size: 34px;
  font-family: MISANS-REGULAR;
}
.NEWS_read_longtitle{
  font-size: 20px;
  font-family: MISANS-REGULAR;
  margin: 30px 0 65px 0;
}
.NEWS_read_content{
  font-size: 18px;
  font-family: MISANS-REGULAR;
  line-height: 44px;
  text-align: left;
  margin-bottom: 50px;
}
.NEWS_readhr{
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin-bottom: 60px;
}

/* <!-- /*PRODUCT_read 产品详情 --> */
.PRODUCT_read{
  padding-top: 240px;
  padding-bottom: 27px;
  display: flex;
}
.PRODUCT_read_left{
  display: inline-block;
  width: 100%;
}
.PRODUCT_read_right_p1{
  font-size: 34px;
  font-family:MISANS-LIGHT;
  color: #07559f;
  margin-top: 50px;
}
.PRODUCT_read_right_p2{
  font-size: 18px;
  font-family:MISANS-REGULAR;
  margin-bottom: 180px;
}
.chanpin_hr{
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin: 48px 0 69px 0;
}
.PRODUCT_read_right_p3{
  font-size: 26px;
  font-family: MISANS-LIGHT;
}
.chanpin_hr1{
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin: 30px 0 50px 0;
}
.PRODUCT_read_shangx{
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.mybtn{
  margin: 0 35px;
  font-size: 16px;
  font-family: MISANS-BOLD;
}
.mybtn:hover{
  color: #07559f;
}
.mybtn_hr{
  width: 262px;
  height: 2px;
  background-color: #000;
  margin-left:auto ;
  margin-right: auto;
  /* margin-bottom: 142px; */
}
.b{
  padding-bottom: 141px;
  margin-right: 60px;
}
/* <!-- /*PRODUCT产品  --> */
.PRODUCT{
  padding-top: 187px;
  padding-bottom: 187px;
  position: relative;
}
.PRODUCT_ul1{
  display: flex;
  position: absolute;
  top: -96px;
  background: linear-gradient(0deg, #ffffff,rgba(255, 255, 255, 0.9) );
  left: -7px;
}
.PRODUCT_li1{
  padding: 35px 102px;
  font-size: 20px;
  font-family: MISANS-REGULAR;
  font-weight: 600;
  text-align: center;
}
.PRODUCT_ul1 .PRODUCT_li1a:hover,.PRODUCT_ul1 .PRODUCT_li1a.active{
  color: #07559f;
  border-bottom: 2px solid #07559f;
  transition: 0.5s;
}
.dan{
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 2px solid #07559f;
  position: absolute;
  top: 6px;
  left: -26px;
}
.dan img {
  margin-top: 2px;
  margin-left: 1px;
  display: none;
}
.PRODUCT_ul2{
  display: flex;
}

.PRODUCT_li2{
  height: 25px;
  line-height: 25px;
  display:inline-block;
  margin-right: 70px;
  position: relative;
  margin-left: 27px;
}
.PRODUCT_span1{
  font-size: 20px;
  font-family: MISANS-REGULAR;
  color: #999999;
}
.PRODUCT_li2:hover .PRODUCT_span1,.PRODUCT_li2.active .PRODUCT_span1{
  color:black;
  /* font-weight: 600; */
}
.PRODUCT_li2:hover .dan img,.PRODUCT_li2.active .dan img{
  display: block;
}
.PRODUCT_hrhr{
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  margin: 40px 0px 102px 0px;
}
.PRODUCT_ul3{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.PRODUCT_li3_p3{
  font-size: 24px;
  font-family: MISANS-REGULAR;
  padding: 30px 0 30px 45px;
  background-color: white;
}
.PRODUCT_li3{
  margin-bottom: 125px;
}
.PRODUCT_li3:hover{
  box-shadow: 0px 13px 40px -27px;
  transition: 0.5s;
}
.dibai{
  width: 1694px;
  height: 20px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  top:729px;
  left: 233px;
  box-shadow: 0px 10px 33px -7px;
}

/* <!--FACTORY 工厂环境 --> */
.FACTORY{
  padding: 150px 0 189px 0;
}
.FACTORY_titl{
  font-size: 44px;
  font-family: MISANS-LIGHT;
  text-align: center;
  margin-bottom: 70px;
}
.pagination_active::after {
      display: block;
      content: "";
      width: 10px;
      height: 10px;
      border: 2px solid #07559f;
      border-radius: 50%;
      position: absolute;
      right: 10px;
      top: -1px;
      transform: translate(100%, -25%);
      background-color: white;
    }
    .FACTORY {
      position: relative;
    }
    .FACTORY .pagination {
      height: 2px;
      width: 100%;
      background-color: #e0e0e0;
    }
    .FACTORY .pagination_active {
      height: 2px;
      background-color: #07559f;
      position: absolute;
      top: 0;
      transition: 0.3s;
    }
    .swiper-pagination {
      bottom: 26px;
    }









/* 缩小1600-1800 */
@media screen and (min-width:1600px) and (max-width:1800px) {
  /*new_s 新闻资讯 */
.NEWS_title{
  position: relative;
  background-color: white;
}
.NEWS_UL{
  display: flex;
  position: absolute;
  top: -94px;
  left: 0px;
 background: linear-gradient(0deg, #ffffff,rgba(255, 255, 255, 0.9) );
}
.NEWS_A{
  width: 850px;
  height: 94px;
  line-height: 94px;
  text-align: center;
}
.NEWS_LI{
  font-size: 20px;
  font-family: MISANS-MEDIUM;
  font-weight: 600;
}   
}
/* 缩小1600-1800 */
@media screen and (min-width:1350px) and (max-width:1600px) {
  /*new_s 新闻资讯 */
.NEWS_title{
  position: relative;
}
.NEWS_UL{
  display: flex;
  position: absolute;
  top: -94px;
  left: 0px;
 background: linear-gradient(0deg, #ffffff,rgba(255, 255, 255, 0.9) );
}
.NEWS_A{
  width: 800px;
  height: 94px;
  line-height: 94px;
  text-align: center;
}
.NEWS_LI{
  font-size: 20px;
  font-family: MISANS-MEDIUM;
  font-weight: 600;
}   
}





/* yincang */
.SERVICE_title1_1{
  display: none;
}


/* 手机 pc 隐藏 */
/* .pc_cang{
  display: block !important;
} */
.phone_cang{
  display: none !important;
}