@import url(inner_sidebar.css);



/* ==========================================================================

   全局

   ========================================================================== */

.content {

  padding-left: 1.47rem;

  position: relative;

  min-height: 300px;

  margin-top: 1.12rem;

}



.content .wrapper {

  max-width: 1583px;

}



.content .wrapper2 {

  padding-left: 1.23rem;

}



.content img {

  max-width: 100%;

}



.inner_area {

  position: relative;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  color: #fff;

  padding-top: 1.36rem;

}



.bgtitle1 {

  margin-top: .14rem;

  font-size: .36rem;

  font-weight: 700;

  line-height: .42rem;

}



.bgtitle2 {

  font-size: .19rem;

  font-weight: 300;

  line-height: .22rem;

  position: relative;

  margin-top: .14rem;

  text-transform: uppercase;

}



.bgtitle2::after {

  content: "";

  position: absolute;

  background-color: #fff;

  bottom: -0.23rem;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  background: rgb(255, 255, 255);

  width: 1.03rem;

  height: .03rem;

}









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

  .content {

    padding-left: 0;

  }

}













/* ==========================================================================

   关于我们

   ========================================================================== */

.about {

  display: flex;

  flex-wrap: wrap;

}



.about_left {

  width: 9.85rem;

  border-radius: 14px;

  overflow: hidden;

}



.about_right {

  flex: 1;

  position: relative;

  margin-top: 3.16rem;

}



.about_vr {

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  height: 1.24rem;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.vr_btn {

  display: flex;

  align-items: center;

  color: rgb(255, 255, 255);

  font-size: .24rem;

}



.vr_btn:hover {

  color: #fff;

}



.vr_img {

  margin-left: .5rem;

}



.about_desc {

  position: absolute;

  width: 15.25rem;

  right: 0;

  box-sizing: border-box;

  background: rgb(255, 255, 255);

  border-left: 1px solid rgb(208, 215, 225);

  border-top: 1px solid rgb(208, 215, 225);

  border-bottom: 1px solid rgb(208, 215, 225);

  padding: .7rem 2rem .6rem 1rem;

  color: rgb(85, 85, 85);

  font-size: .18rem;

  line-height: 2;

  text-indent: 2em;

}



.about_desc p {

  margin-bottom: .1rem;

}



.honor {

  margin-top: 0.57rem;
  margin-bottom: 0.5rem;

}



.honor_list {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-left: -.76rem;

}



.honor_item {

  position: relative;

  color: rgb(119, 119, 119);

  font-size: .24rem;

  font-weight: 400;

  line-height: .7rem;

  cursor: pointer;

  transition: 0.2s all linear;

  padding: 0 .05rem;

  margin-left: .76rem;

  cursor: pointer;

}



.honor_active {

  color: #1060A0;

}



.honor_item::before {

  content: "";

  position: absolute;

  width: 100%;

  transform: scale(0);

  height: .04rem;

  left: 0;

  bottom: 0;

  transition: 0.2s all linear;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

}



.honor_active::before {

  content: "";

  position: absolute;

  transform: scale(1);

  width: 100%;

  height: .04rem;

  left: 0;

  bottom: 0;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

}



.honor_item:hover::before {

  content: "";

  position: absolute;

  height: .04rem;

  width: 100%;

  transform: scale(1);

  left: 0;

  bottom: 0;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

}





.honor_swiper {

  position: relative;

  margin: 0 auto;

  margin-top: .67rem;

  max-width: 1366px;

}





.honor_swiper .swiper-slide {

  width: 487px;

  height: auto;

}



.honor_name {

  color: rgb(85, 85, 85);

  font-size: .18rem;

  font-weight: 400;

  margin-top: .26rem;

  text-align: center;

}



.honor_area {

  overflow: hidden;

  background: rgba(255, 255, 255, 0.36);

  filter: blur(3px);

}



.honor_area .pic {

  background-color: rgba(255, 255, 255, 0.9);

}



.honor_area .upimg {

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

}



.honor_area .pic:hover .upimg {

  transform: translate(-50%, -50%) scale(1);

  -webkit-transform: translate(-50%, -50%) scale(1);

}



.honor_swiper .swiper-slide-active .honor_area .pic:hover .upimg {

  transform: translate(-50%, -50%) scale(1.05);

  -webkit-transform: translate(-50%, -50%) scale(1.05);

}



.honor_swiper .swiper-slide-active .honor_area {

  background: none;

  filter: blur(0px);

}









.honor_introduce {

  margin-top: .6rem;

  color: rgb(85, 85, 85);

  font-size: .18rem;

  line-height: 2;

}



.inner_box {

  margin-top: 1rem;

}



.inner_title {

  position: relative;

  text-align: center;

  color: rgb(21, 75, 151);

  font-size: .36rem;

  font-weight: 400;

  line-height: .42rem;

}



.inner_title::after {

  content: '';

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  bottom: -0.24rem;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  height: .03rem;

  width: 1.03rem;

}



.about_map {

  margin-top: 1.08rem;

  margin-bottom: .87rem;

}



.map_star {

  position: relative;

}



.star {

  position: absolute;

}



.star:nth-child(2) {

  bottom: 64%;

  left: 11.5%;

}



.star:nth-child(3) {

  bottom: 30%;

  left: 20%;

}



.star:nth-child(4) {

  bottom: 70%;

  left: 41.9%;

}



.star:nth-child(5) {

  bottom: 69%;

  left: 46.6%;

}



.star:nth-child(6) {

  bottom: 35%;

  left: 49.9%;

}



.star:nth-child(7) {

  bottom: 56%;

  left: 63%;

}



.star:nth-child(8) {

  bottom: 60%;

  left: 73%;

}



.star:nth-child(9) {

  bottom: 40%;

  left: 75.6%;

}



.star:nth-child(10) {

  bottom: 61%;

  left: 78%;

}



.star:nth-child(11) {

  bottom: 24%;

  left: 83%;

}



.star:nth-child(12) {

  bottom: 20%;

  left: 91%;

}



.star:nth-child(13) {

  bottom: 75%;

  left: 15%;

}



.star:nth-child(14) {

  bottom: 68%;

  left: 22%;

}



.star:nth-child(15) {

  bottom: 54%;

  left: 39%;

}



.star:nth-child(16) {

  bottom: 61%;

  left: 54%;

}



.star:nth-child(17) {

  bottom: 68%;

  left: 67%;

}



.about_info {

  color: rgb(85, 85, 85);

  font-size: .18rem;

  line-height: 2;

  margin-bottom: .6rem;

}



.picMarquee-left {

  overflow: hidden;

}



.partner_list {

  display: flex;

  cursor: pointer;

  margin-left: -0.2rem;

}



.partner_list li {
  margin: 1rem 0;

  box-sizing: border-box;

  height: .62rem;

  background: #fff;

  width: calc(15.5% - 20px);

  margin-left: .2rem;

}



.logoitem {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #d2d2d280;

  padding: 5px 0;

}



.upimg3 {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  max-width: 100%;

  max-height: 100%;

}



.about_name {

  color: rgb(255, 255, 255);

  font-size: .36rem;

  font-weight: 400;

  line-height: .42rem;

  padding-top: .86rem;

  text-align: center;

}



.culture_desc {

  color: rgb(255, 255, 255);

  font-size: .18rem;

  font-weight: 400;

  line-height: 2;

  margin: .49rem 0 .88rem;

}



.culture {

  position: relative;

}



.inner_bottom {

  margin-bottom: 1.24rem;

}



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

  .inner_bottom {

    margin-bottom: 20px;

  }



  .partner_list li {

    margin-left: 10px;

  }

}



.culture_box1 {

  width: 8.14rem;

  height: 5.12rem;

  border-radius: 19px;

}



.culture_box2 {

  position: absolute;

  right: 0;

  top: 0;

  width: 8.14rem;

  height: 5.12rem;

  border-radius: 19px;

}



.culture_box1 .culture_cover1 {

  background: url(../image/ab15.png) no-repeat center;

  background-size: cover;

  height: 4.22rem;

  border-radius: 19px;

}



.culture_box2 .culture_cover1 {

  margin-top: .9rem;

  background: url(../image/ab16.png) no-repeat center;

  background-size: cover;

  height: 4.22rem;

  border-radius: 19px;

}



.culture_cover1 {

  position: relative;

  width: 100%;

  height: 100%;

  cursor: pointer;

}



.cc1_desc {

  color: rgb(255, 255, 255);

  font-size: .3rem;

  font-weight: 700;

  line-height: 1.5;

  transition: all .3s;

  position: absolute;

  left: .9rem;

  top: .9rem;

}



.cc1_box {

  width: 3.92rem;

  height: 1.38rem;

  display: flex;

  justify-content: center;

  align-items: center;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  border-radius: 0px .88rem 0px .88rem;

  color: rgb(255, 255, 255);

  font-size: .36rem;

  font-weight: 700;

  transition: all .3s;

  position: absolute;

  bottom: -.9rem;

  left: 0;

}



.culture_box1:hover .cc1_desc {

  left: calc(50% - .9rem);

  transform: translateX(calc(-50% + 0.45rem));

}



.culture_box1:hover .cc1_box {

  bottom: 20%;

  left: 50%;

  transform: translateX(-50%);

}



.cc2_desc {

  color: rgb(255, 255, 255);

  font-size: .3rem;

  font-weight: 700;

  line-height: 1.5;

  transition: all .3s;

  position: absolute;

  right: .9rem;

  bottom: .9rem;

}



.cc2_box {

  width: 3.92rem;

  height: 1.38rem;

  display: flex;

  justify-content: center;

  align-items: center;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  border-radius: 0px .88rem 0px .88rem;

  color: rgb(255, 255, 255);

  font-size: .36rem;

  font-weight: 700;

  transition: all .3s;

  position: absolute;

  top: -.9rem;

  right: 0;

}



.cc2_desc span {

  margin-left: .2rem;

}



.culture_box2:hover .cc2_desc {

  right: calc(50% - .9rem);

  transform: translateX(calc(-50% + .45rem));

}



.culture_box2:hover .cc2_box {

  top: 20%;

  right: 50%;

  transform: translateX(50%);

}



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



  .culture_box2,

  .culture_box1 {

    width: 7.14rem;

  }

}



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



  .culture_box2,

  .culture_box1 {

    width: 7.14rem;

  }

}



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

  .culture_box2 {

    position: static;

    margin-top: 100px;

  }



  .culture_box1,

  .culture_box2 {

    width: 100%;

  }

}



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

  .about_desc {

    width: 10rem;

    padding: .2rem;

  }

}



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

  .honor_swiper {

    max-width: 1200px;

  }

}



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

  .honor_swiper {

    max-width: 1100px;

  }

}



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

  .honor_swiper {

    max-width: 1050px;

  }

}



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

  .honor_swiper {

    max-width: 1000px;

  }



  .honor_swiper .swiper-slide {

    width: 400px;

  }



  .star img {

    max-width: 50%;

  }

}



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

  .honor_swiper {

    max-width: 900px;

  }

}



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

  .wrapper {

    padding: 0 .5rem;

  }



  .content .wrapper2 {

    padding-left: 0.5rem;

  }

}



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

  .honor_swiper {

    max-width: 800px;

  }



  .about_left {

    width: 8.85rem;

  }

}



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

  .honor_swiper {

    max-width: 700px;

  }

}





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

  .content .wrapper2 {

    padding: 0 0.5rem;

  }



  .honor_swiper {

    max-width: 600px;

  }



  .about_left {

    width: 100%;

  }



  .about_right {

    width: 100%;

    margin-top: 5px;

  }



  .about_desc {

    width: 100%;

    border-right: 1px solid rgb(208, 215, 225);

    position: static;

    margin-top: 5px;

  }



  .honor {

    margin-top: 30px;

  }



  .culture_img2 {

    position: static;

    width: 100%;

  }



  .culture_box {

    width: 100%;

  }

}



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

  .about_desc {

    font-size: 14px;

  }



  .content .wrapper2 {

    padding: 0 0.2rem;

  }



  .wrapper {

    padding: 0 0.2rem;

  }



  .honor_swiper {

    max-width: 300px;

  }



  .honor_swiper .swiper-slide {

    width: 300px;

  }



  .content {

    margin-top: 0px;

  }



  .sub-banner2 {

    background-size: cover !important;

  }



  .star img {

    max-width: 30%;

  }



  .about_info,

  .honor_introduce {

    font-size: 14px;

  }

}

















/* ==========================================================================

   应用领域

   ========================================================================== */

.apply {

  display: flex;

  margin-left: -0.21rem;

  margin-bottom: 0.21rem;

}



.apply:nth-child(2) {

  flex-direction: row-reverse;

}



.apply_left {

  width: calc(60% - .21rem);

  margin-left: .21rem;

  box-sizing: border-box;

  padding: .67rem 1.1rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  border: 1px solid rgb(208, 215, 225);

  border-radius: 14px;

}



.apply:nth-child(1) .apply_left {

  background: url(../image/ap01.png) no-repeat;

  background-size: cover;

}



.apply:nth-child(2) .apply_left {

  background: url(../image/ap04.png) no-repeat;

  background-size: cover;

}



.apply_right {

  width: calc(40% - .21rem);

  margin-left: .21rem;

  box-sizing: border-box;

  padding: .67rem 1.1rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  border: 1px solid rgb(208, 215, 225);

  border-radius: 14px;

}



.apply:nth-child(1) .apply_right {

  background: url(../image/ap02.png) no-repeat;

  background-size: cover;

}



.apply:nth-child(2) .apply_right {

  background: url(../image/ap03.png) no-repeat;

  background-size: cover;

}



.apply_title {

  display: inline-block;

  background: linear-gradient(135.00deg, rgb(85, 128, 190), rgb(18, 65, 132));

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

  text-fill-color: transparent;

  font-size: .36rem;

  font-weight: 700;

  line-height: .48rem;

  position: relative;

  padding-bottom: .38rem;

}



.apply_title::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  background: linear-gradient(135.00deg, rgb(103, 209, 184) 0%, rgb(34, 165, 235) 100%);

  opacity: 0.5;

  width: 100%;

  height: 1px;

}



.apply_title::after {

  content: "";

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: -1px;

  background: linear-gradient(135.00deg, rgb(103, 209, 184) 0%, rgb(34, 165, 235) 100%);

  width: 1.03rem;

  height: .03rem;

}



.apply_circle {

  border-radius: 50%;

  background-blend-mode: color-burn;

  width: 1.38rem;

  height: 1.38rem;

  border: 1px solid rgba(16, 96, 160, .5);

  transition: all .3s;

}



.apply_circle:hover {

  box-shadow: 0px 0px 0px 0px rgba(5, 47, 102, 0.15), 0px 2px 5px 0px rgba(5, 47, 102, 0.15), 0px 9px 9px 0px rgba(5, 47, 102, 0.13), 0px 19px 12px 0px rgba(5, 47, 102, 0.08), 0px 34px 14px 0px rgba(5, 47, 102, 0.02), 0px 54px 15px 0px rgba(5, 47, 102, 0);

  transform: translateY(-10px);

}



.apply_list {

  display: flex;

  flex-wrap: wrap;

  margin-left: -0.5rem;

  margin-top: .47rem;

}



.apply_list li {

  width: calc(25% - .5rem);

  margin-left: .5rem;

  margin-bottom: .37rem;

}



.apply_right .apply_list li {

  width: calc(50% - .5rem);

}



.apply_name {

  text-align: center;

  color: rgb(21, 75, 151);

  font-size: .18rem;

  font-weight: 400;

  line-height: .21rem;

  margin-top: .19rem;

}



.apply_box {

  display: flex;

  flex-direction: column;

  align-items: center;

}



.apply_main {

  padding-bottom: .8rem;

}



.circle_on {

  box-shadow: 0px 0px 0px 0px rgba(5, 47, 102, 0.15), 0px 2px 5px 0px rgba(5, 47, 102, 0.15), 0px 9px 9px 0px rgba(5, 47, 102, 0.13), 0px 19px 12px 0px rgba(5, 47, 102, 0.08), 0px 34px 14px 0px rgba(5, 47, 102, 0.02), 0px 54px 15px 0px rgba(5, 47, 102, 0);

  transform: translateY(-10px);

}





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



  .apply_right,

  .apply_left {

    padding: .5rem;

  }

}



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

  .apply_circle {

    background-size: 50% !important;

  }

}



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

  .apply {

    flex-wrap: wrap;

  }



  .apply_right,

  .apply_left {

    width: 100%;

  }



  .apply_left {

    margin-bottom: .21rem;

  }

}























/* ==========================================================================

   新闻资讯

   ========================================================================== */

.news {

  max-width: 1575px;

}



.news .index_news.owl-theme .owl-dots {

  text-align: center;

  padding-left: 0;

}



.choose {

  background: rgb(246, 248, 251);

  border-radius: 14px;

  display: flex;

  justify-content: center;

  padding: .35rem 0;

  margin: .7rem 0;

}



.choose_box {

  width: 3.16rem;

  height: .6rem;

  display: flex;

  align-items: center;

  position: relative;

  background: rgb(255, 255, 255);

  border-radius: 14px;

  cursor: pointer;

  margin-right: .26rem;

}



.choose_box:last-child {

  margin-right: 0;

}



/* .choose_box::after {

  content: "";

  position: absolute;

  right: .2rem;

  top: 50%;

  transform: translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid #000;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

} */



.choice {

  width: 3.16rem;

  height: .6rem;

  border: none;

  border-radius: 14px;

  padding-left: .2rem;

  cursor: pointer;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: url(../image/triangle4.png) no-repeat center right;

  background-position: 92%;

}



.news_list {

  display: flex;

  flex-wrap: wrap;

  margin-left: -0.25rem;

}



.news_list li {

  width: calc(33.33% - .25rem);

  margin-left: .25rem;

  margin-bottom: .25rem;

}



.mouse_box {

  display: flex;

  justify-content: center;

  margin: .5rem 0;

}



.mouse_roll {

  display: flex;

  align-items: center;

}



.loading {

  color: #1060A0;

  font-size: .18rem;

  line-height: .3rem;

  margin-left: .2rem;

}



.mouse_img {

  opacity: 0;

  animation: myfirst 2.3s infinite;

  -webkit-animation: myfirst 2.3s infinite;

  -moz-animation: myfirst 2.3s infinite;

}



@keyframes myfirst {

  0% {

    opacity: 0;

    transform: translateY(-100%);

  }



  50% {

    opacity: 1;

    transform: translateY(0);

  }



  100% {

    opacity: 0;

    transform: translateY(100%);

  }

}





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

  .news_list li {

    width: calc(50% - .25rem);

  }

}



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

  .news_list li {

    width: calc(100% - .25rem);

  }



  .choose {

    margin: 10px 0;

  }

}





















/* ==========================================================================

   新闻详情

   ========================================================================== */

.content_main {

  background-color: #fff;

  border-radius: 14px;

  padding: .85rem .9rem .4rem;

}



.nd_article {

  padding: .3rem .4rem;



}



.nd_article img {

  max-width: 85% !important;

  height: auto !important;

}



.nd_left {

  width: calc(100% - 5rem);

  float: left;

}



.nd_right {

  width: 4rem;

  float: right;

}



.nd_heading {

  padding: 0 .34rem;

}



.nd_article p {

  color: rgb(85, 85, 85);

  font-size: .16rem;

  line-height: 1.75 !important;

  margin-bottom: .1rem;

}



.nd_article img {

  margin: .25rem 0;

}



.nd_txt {

  color: #777777;

  font-size: .14rem;

  font-weight: 400;

  margin-left: .1rem;

}



.nd_txt:hover {

  color: var(--primary);

}



.nd_date {

  color: rgb(246, 246, 248);

  font-size: .14rem;

  font-weight: 400;

  line-height: .35rem;

}



.nd_title {

  color: rgb(1, 1, 1);

  font-size: .36rem;

  font-weight: 400;

  line-height: .46rem;

  height: .92rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.nd_icon {

  margin: .2rem 0;

  padding: .2rem .34rem;

  background: rgb(246, 246, 248);

}



.nd_box {

  background: linear-gradient(135.00deg, rgb(85, 128, 190) 0%, rgb(18, 65, 132) 100%);

  border-radius: 10px;

  padding: .19rem .26rem;

  position: relative;

}



.nd_date3 {

  position: absolute;

  left: .3rem;

  top: -0.28rem;

  color: rgb(255, 255, 255);

  font-size: .18rem;

  font-weight: 400;

  line-height: .21rem;

  width: .7rem;

  height: .56rem;

  border-radius: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  background-color: #006289;

}



.nd_list li:nth-child(1) .nd_date3 {

  background: rgb(222, 19, 19);

}



.nd_list li:nth-child(2) .nd_date3 {

  background: #10225D;

}



.nd_year {

  font-size: .21rem;

}



.nd_date2 {

  color: rgb(85, 85, 85);

  font-size: .16rem;

  font-weight: 400;

  line-height: 2;

}



.nd_title2 {

  color: rgb(246, 246, 248);

  font-size: .16rem;

  font-weight: 400;

  line-height: .28rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.nd_list li {

  margin-bottom: .26rem;

}



.toolbar {

  display: flex;

  position: relative;

  justify-content: space-between;

  border-top: 1px solid rgb(216, 218, 227);

  border-bottom: 1px solid rgb(216, 218, 227);

}



.toolbar_box {

  width: calc(50% - .2rem);

  padding: .4rem 0;

}



.toolbar_box .nd_title3 {

  color: #555555;

  margin-top: .05rem;

  font-size: .18rem;

  font-weight: 400;

  line-height: 1.5;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.toolbar_box .nd_title3:hover {

  color: var(--primary);

}



.toolbar_lr {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.toolbar_right {

  width: calc(100% - 1rem);

}



.zixun {

  display: flex;

  align-items: center;

  justify-content: center;

  background: linear-gradient(135.00deg, rgb(85, 128, 190), rgb(18, 65, 132));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-size: .24rem;

  font-weight: 400;

  line-height: .32rem;

  height: .92rem;

  margin-bottom: .2rem;

}



.zixun img {

  margin-right: .17rem;

}







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

  .content_main {

    padding: .5rem;

  }

}





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

  .toolbar_right {

    width: calc(100% - 1.2rem);

  }

}











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

  .nd_right {

    display: none;

  }



  .nd_left {

    width: 100%;

    float: none;

  }



}



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

  .content_main {

    padding: 20px 0;

  }



  .toolbar {

    flex-wrap: wrap;

  }



  .toolbar_box {

    width: 100%;

    padding: 10px 0;

  }



  .toolbar_box img {

    max-width: 10%;

  }





}





















/* ==========================================================================

   复用

   ========================================================================== */

.recommend {

  margin-top: .9rem;

}



.public {

  display: flex;

  justify-content: center;

}



.recommend_title {

  display: inline-block;

  position: relative;

  color: rgb(21, 75, 151);

  font-size: .36rem;

  font-weight: 400;

  line-height: .42rem;

}



.recommend_title::before,

.recommend_title::after {

  content: "";

  position: absolute;

  background: rgb(107, 136, 178);

  width: .67rem;

  height: .02rem;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}



.recommend_title::before {

  left: -1rem;

}



.recommend_title::after {

  right: -1rem;

}



.rec_main {

  margin-top: .33rem;

  padding: 0 .86rem;

  box-sizing: border-box;

}



.recList {

  max-width: 1401px;

}



.rec_en {

  color: rgb(21, 75, 151);

  font-size: .36rem;

  font-weight: 400;

  line-height: .42rem;

  text-align: center;

}



.rec_cn {

  color: rgb(85, 85, 85);

  font-size: .16rem;

  font-weight: 400;

  line-height: .19rem;

  text-align: center;

}



.owl-theme .owl-dots .owl-dot span {

  transition: all .3s;

  width: .16rem;

  height: .1rem;

}



.owl-theme .owl-dots .owl-dot:hover span {

  background: rgb(6, 155, 119);

}



.recList.owl-theme .owl-dots .owl-dot.active span {

  background: rgb(6, 155, 119);

  border-radius: 87px;

  width: .94rem;

  height: .1rem;

}



.bottom_nav {

  margin: 1rem 0;

}



.foot_list {

  display: flex;

  flex-wrap: wrap;

  margin-left: -.24rem;

}



.foot_list li {

  width: calc(25% - .24rem);

  margin-left: 0.24rem;
  margin-bottom: 0.24rem;

}



.foot_box {

  padding: .2rem 0;

text-align: center;

  transition: all .4s;

  color: rgb(255, 255, 255);

  font-size: .2rem;

  font-weight: 300;

  line-height: .42rem;

  border-radius: 14px;

  overflow: hidden;

}



.foot_list li .foot_box {

  background-color: #0050c0;

  background-size: cover;

}



.foot_list li .foot_box:hover {

  color: #154B97;

  background-color: #fff;

  background-size: cover;

  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.07), 0px 4px 8px 0px rgba(0, 0, 0, 0.07), 0px 15px 15px 0px rgba(0, 0, 0, 0.06), 0px 33px 20px 0px rgba(0, 0, 0, 0.04), 0px 58px 23px 0px rgba(0, 0, 0, 0.01), 0px 91px 25px 0px rgba(0, 0, 0, 0);

  transform: translateY(-10px);

}






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

  .recommend {

    margin-top: 0.5rem;

  }

}



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

  .foot_box {

    padding-left: 0;

    text-align: center;

  }



  .rec_main {

    padding: 0 40px;

  }



  .foot_list li {

    width: calc(100% - 0.24rem);

    margin-bottom: 10px;

  }



  .bottom_nav {

    margin: 30px 0;

  }



}























/* ==========================================================================

   联系

   ========================================================================== */

.contact {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  padding-bottom: .9rem;

}



.contact_left {

  width: 64%;

}



.contact_right {

  width: calc(36% - 0.29rem);

  box-sizing: border-box;

  background: rgb(255, 255, 255);

  border-radius: 13px;

  border: 1px solid rgb(6, 155, 119);

}



.contact_map {

  border-radius: 13px;

  overflow: hidden;

}



.code {

  margin-top: .5rem;

  display: flex;

  justify-content: space-between;

  padding: 0 .6rem;

}



.code_box {

  width: calc(50% - .35rem);

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.code_img {

  width: 1.28rem;

}



.code_area {

  margin-left: .28rem;

}



.code_title {

  color: rgb(21, 75, 151);

  font-size: .24rem;

  font-weight: 400;

  line-height: 2;

  margin-bottom: .06rem;

}



.code_desc {

  color: rgb(85, 85, 85);

  font-size: .18rem;

  font-weight: 300;

  line-height: 1.5;

}



.contact_box {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 100%;

}



.fwrx {

  color: rgb(85, 85, 85);

  font-size: .36rem;

  font-weight: 300;

  line-height: 2;

  margin-top: .27rem;

}



.fwrx_phone {

  background: linear-gradient(135.00deg, rgb(21, 75, 151), #0050c0);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-size: .48rem;

  font-weight: 700;

  line-height: 2;

}



.zaixian {

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  border-radius: 8px;

  width: 3.35rem;

  height: 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: .5rem;

  cursor: pointer;

  transition: all .3s;

}



.zaixian:hover {

  transform: translateY(-5px);

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.zx_name {

  color: rgb(255, 255, 255);

  font-size: .36rem;

  font-weight: 400;

  margin-left: .15rem;

}



.fwrx_date {

  color: rgb(85, 85, 85);

  font-size: .14rem;

  font-weight: 400;

  margin-top: .25rem;

}





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

  .contact_box img {

    max-width: 25%;

  }

}



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

  .zaixian img {

    max-width: 15%;

  }

}



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

  .contact {

    justify-content: flex-start;

  }



  .contact_left,

  .contact_right {

    width: 100%;

  }



  .contact_box {

    padding: 30px 0;

    height: auto;

  }



  .code_box {

    margin-bottom: 20px;

  }

}



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

  .code {

    flex-wrap: wrap;

  }



  .code_box {

    width: 100%;

    justify-content: flex-start;

  }

}

















/* ==========================================================================

    应用详情页

   ========================================================================== */

.applydetails_top {

  background: linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%), rgba(236, 250, 255, 0.7);

  border-radius: 14px;

  padding: .3rem 1.25rem;

}





.applydetails_list {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}



.applydetails_middle {

  margin-top: .28rem;

  background: url(../image/ad01.png) no-repeat left;

  background-size: cover;

  display: flex;

  justify-content: flex-end;

  border-radius: 14px;

  position: relative;

  overflow: hidden;

}



.applydetails_middle::before {

  content: "";

  border-radius: 14px;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(-90deg, rgba(255, 254.75, 254.75, 1) 48%, rgba(255, 254.75, 254.75, 0));

  position: absolute;

  left: 0;

  top: 0;

}



.applydetails_box {

  width: 50%;

  padding: .96rem 0 .4rem;

}



.applydetails_name {

  color: rgb(21, 75, 151);

  font-size: .36rem;

  font-weight: 400;

  line-height: .42rem;

}



.applydetails_intro {

  color: rgb(21, 75, 151);

  font-size: .2rem;

  font-weight: 400;

  line-height: .23rem;

  margin-top: .34rem;

  margin-bottom: .2rem;

}



.applydetails_type {

  background: rgb(21, 75, 151);

  border-radius: .48rem;

  padding: .05rem .15rem;

  margin-right: .06rem;

  margin-bottom: .06rem;

  color: rgb(255, 255, 255);

  font-size: .16rem;

  font-weight: 300;

  display: inline-block;

}



.applydetails_info {

  color: rgb(85, 85, 85);

  font-size: .16rem;

  font-weight: 300;

  line-height: .26rem;

  padding-right: .2rem;

}



.online_consult {

  background: linear-gradient(135.00deg, rgb(85, 128, 190) 0%, rgb(18, 65, 132) 100%);

  border-radius: 10px;

  width: 2.56rem;

  height: .69rem;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  overflow: hidden;

  cursor: pointer;

  color: rgb(255, 255, 255);

  font-size: .18rem;

  font-weight: 400;

  margin-top: 1rem;

}



.online_consult:after {

  content: '';

  display: block;

  position: absolute;

  top: -66px;

  left: -180px;

  background: white;

  width: 50px;

  height: 180px;

  opacity: 20%;

  transform: rotate(-45deg);

}



.online_consult:hover:after {

  left: 135%;

  transition: all 1800ms cubic-bezier(0.3, 1, 0.2, 1);

}



.applydetails_bg {

  background: linear-gradient(180.00deg, rgba(241, 244, 248, 0), rgb(241, 244, 248) 100%);

  background-position: bottom;

  padding-bottom: .6rem;

}





.test {

  margin-top: .76rem;

  max-width: 1575px;

  position: relative;

}



.test .owl-theme .owl-dots .owl-dot.active span {

  background: rgb(6, 155, 119);

  width: .94rem;

}



.test .owl-theme .owl-nav {

  margin-top: .25rem;

}



.test_box {

  box-sizing: border-box;

}



.test_green {

  border: .02rem solid rgb(6, 155, 119);

}



.test_red {

  border: .02rem solid rgb(230, 87, 87);

}



.test_green .test_name {

  background: rgb(6, 155, 119);

}



.test_red .test_name {

  background: rgb(230, 87, 87);

}



.test_name {

  position: absolute;

  bottom: 0;

  left: 0;

  color: rgb(255, 255, 255);

  font-size: .14rem;

  font-weight: 400;

  line-height: .2rem;

  padding: .05rem .15rem 0.03rem 0.12rem;

}





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

  .applydetails_top {

    padding: 0.3rem 1rem;

  }



  .applydetails_top .apply_circle {

    width: 1.2rem;

    height: 1.2rem;

  }



}



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

  .applydetails_list {

    justify-content: flex-start;

  }



  .applydetails_list li {

    width: 25%;

    margin-bottom: 20px;

  }

}



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

  .applydetails_top {

    padding: 0.3rem 0;

  }



  .online_consult {

    margin-top: 30px;

  }



  .sub-banner9 .content {

    padding-bottom: 0;

  }



  .applydetails_bg .content {

    padding-top: 0;

  }



  .applydetails_box {

    width: 100%;

    padding: 20px;

    background: rgba(255, 255, 255, 0.6);

  }



  .applydetails_middle::before {

    display: none;

  }

}

















/* ==========================================================================

    案例

   ========================================================================== */

.case {

  display: flex;

  justify-content: center;

}



.case_type {

  display: flex;

  align-items: center;

}



.case_type li {

  margin-right: .3rem;

}



.case_type li:last-child {

  margin-right: 0;

}



.case_item {

  display: inline-block;

  color: rgb(255, 255, 255);

  font-size: .2rem;

  font-weight: 400;

  border: 1px solid rgb(255, 255, 255);

  border-radius: 52px;

  padding: .1rem .4rem;

  display: flex;

  align-items: center;

  box-sizing: border-box;

  cursor: pointer;

  transition: all .3s;

}



.case_item:hover {

  background: linear-gradient(180.00deg, rgb(255, 255, 255) 29.008%, rgb(230, 237, 247) 79.389%, rgb(240, 244, 248) 100%);

  color: rgb(21, 75, 151);

}



.case_on {

  background: linear-gradient(180.00deg, rgb(255, 255, 255) 29.008%, rgb(230, 237, 247) 79.389%, rgb(240, 244, 248) 100%);

  color: rgb(21, 75, 151);

  font-size: .24rem;

  font-weight: 400;

  box-sizing: border-box;

}



.case_list {

  display: flex;

  flex-wrap: wrap;

  margin-left: -0.25rem;

  margin-top: .7rem;

}



.case_list li {

  width: calc(33.33% - .25rem);

  margin-left: .25rem;

  margin-bottom: .35rem;

}



.case_box {

  height: 100%;

  position: relative;

}



.case_first {

  padding: .1rem;

}



.case_first .pic {

  border-radius: 19px;

}





.case_name {

  color: rgb(51, 51, 51);

  font-size: .18rem;

  font-weight: 300;

  line-height: .28rem;

  height: .28rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  margin: .2rem 0 .1rem;

  padding-left: .15rem;

}



.case_sort {

  display: flex;

  margin-bottom: .2rem;

  padding-left: .15rem;

}



.case_sort .sort_item {

  background: rgb(21, 75, 151);

  border-radius: 48px;

  margin-right: 9px;

  padding: .08rem .18rem;

  color: rgb(255, 255, 255);

  font-size: .16rem;

  font-weight: 400;

}



.case_sort .sort_item:last-child {

  margin-right: 0;

}





.second_box {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.equipment_img {

  max-width: 3.09rem;

  margin: .2rem 0 .1rem;

}



.equipment {

  color: rgb(85, 85, 85);

  font-size: .16rem;

  font-weight: 300;

  line-height: .19rem;

  text-align: center;

}



.case_bottom {

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  border-radius: 0px 0px 19px 19px;

  height: .69rem;

  width: 100%;

  margin-top: auto;

  display: flex;

  padding: 0 .2rem;

  box-sizing: border-box;

}



.cb_box {

  width: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: rgb(255, 255, 255);

  font-size: .18rem;

  font-weight: 400;

  line-height: .21rem;

}



.cb_box:hover {

  color: #fff;

}



.cb_box img {

  margin-right: .16rem;

}



.case_box {

  transform-style: preserve-3d;

}



.case_first {

  transform: rotateY(0deg);

  background: rgb(255, 255, 255);

  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);

  border-radius: 19px;

  transition: all .65s;

  backface-visibility: hidden;

}



.case_second {

  transform: rotateY(180deg);

  background: rgb(255, 255, 255);

  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);

  border-radius: 19px;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: all .65s;

  backface-visibility: hidden;

}



.case_box:hover .case_first {

  transform: rotateY(-180deg);

}



.case_box:hover .case_second {

  transform: rotateY(0deg);

}





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

  .case_list li {

    width: calc(50% - .25rem);

  }

}



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

  .case_list li {

    width: 100%;

  }



  .case_type {

    flex-wrap: wrap;

  }



  .case_list {

    margin-top: 20px;

  }



  .case_item {

    border: 1px solid rgb(21, 75, 151);

    color: rgb(21, 75, 151);

    margin-bottom: 10px;

  }



  .case_on {

    border: none;

  }

}

























/* ==========================================================================

    客户案例

   ========================================================================== */

.cd_top {

  background: rgb(255, 255, 255);

  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

  border-radius: 14px;

  padding: .7rem;

}



.cd_title {

  color: rgb(51, 51, 51);

  font-size: .36rem;

  font-weight: 700;

  line-height: .42rem;

  text-align: center;

}



.cd_area {

  display: flex;

  justify-content: center;

  margin: .26rem 0 .46rem;

}



.cd_name {

  padding: .08rem .2rem;

  background: rgb(21, 75, 151);

  border-radius: 48px;

  color: rgb(255, 255, 255);

  font-size: .16rem;

  font-weight: 400;

  line-height: .19rem;

}



.cd_desc {

  max-width: 10.4rem;

  margin: 0 auto;

  text-align: center;

  color: rgb(85, 85, 85);

  font-size: .18rem;

  font-weight: 300;

  line-height: 2;

}



.cd_width {

  max-width: 1443px;

  margin-top: .55rem;

}



.cd_list.owl-theme .owl-dots .owl-dot.active span {

  background: rgb(6, 155, 119);

  width: .94rem;

}



.cd_box {

  border-radius: 19px;

  overflow: hidden;

  border: 1px solid rgb(175, 193, 219);

  box-sizing: border-box;

}



.cd_cover {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(135.00deg, rgba(21, 75, 151, 0.85) 0%, rgba(6, 155, 119, 0.85) 100%);

  border-radius: 19px;

  opacity: 0;

  font-size: .2rem;

  color: rgb(255, 255, 255);

  font-weight: 400;

  line-height: 1.5;

  transition: all .3s;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 1rem;

  box-sizing: border-box;

  text-align: center;

}



.cd_box:hover .cd_cover {

  opacity: 1;

}



.appraise {

  margin: 1.05rem 0;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  border: 1px solid rgb(208, 215, 225);

  border-radius: 14px;

  box-sizing: border-box;

  position: relative;

}



.appraise::before {

  content: '';

  background: url(../image/douhao1.png) no-repeat center;

  background-size: contain;

  position: absolute;

  left: .99rem;

  top: -0.16rem;

  width: .79rem;

  height: .69rem;

}



.appraise::after {

  content: '';

  background: url(../image/douhao2.png) no-repeat center;

  background-size: contain;

  position: absolute;

  right: .99rem;

  bottom: -0.16rem;

  width: .79rem;

  height: .69rem;

}



.appraise_box {

  display: flex;

  align-items: center;

  padding: .7rem 1.6rem;

}



.appraise_title {

  color: rgb(255, 255, 255);

  font-size: .24rem;

  font-weight: 700;

  line-height: 2;

}



.appraise_info {

  color: rgb(255, 255, 255);

  font-size: .18rem;

  font-weight: 300;

  line-height: 2;

}



.appraise_area {

  margin-left: .35rem;

}



.cd_top .toolbar {

  border: none;

}





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

  .appraise_box {

    padding: 0.5rem 1rem;

  }



  .appraise::before {

    left: 0.2rem;

  }



  .appraise::after {

    right: 0.2rem;

  }



  .appraise_box img {

    max-width: 15%;

  }

}



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

  .appraise_box {

    padding: 20px 10px;

  }



}





















/* ==========================================================================

    产品展示

   ========================================================================== */

.pro {

  background: linear-gradient(180.00deg, rgb(255, 255, 255) 29.008%, rgb(230, 237, 247) 79.389%, rgb(240, 244, 248) 100%);

  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);

  border-radius: 14px;

  box-sizing: border-box;

  padding: .85rem;

  display: flex;

  justify-content: space-between;

  position: relative;

  z-index: 2;

}



.pro_left {

  max-width: 609px;

}



.pro_left .upimg {

  position: absolute;

  width: auto;

  height: auto;

  max-width: 100%;

  max-height: 100%;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  transition: all .3s;

}



.pro_left .pic:hover .upimg {

  transform: translate(-50%, -50%) scale(1.05);

}



.pro_right {

  width: calc(100% - 6.92rem);

  box-sizing: border-box;

  padding-top: .5rem;

}



.pro_list.owl-theme .owl-dots .owl-dot span {

  background: rgb(194, 203, 215);

  width: .25rem;

  height: .25rem;

  border-radius: 50%;

}



.pro_list.owl-theme .owl-nav {

  margin-top: .5rem;

}



.pro_list.owl-theme .owl-dots .owl-dot.active span,

.pro_list.owl-theme .owl-dots .owl-dot:hover span {

  background: rgb(21, 75, 151);

}





.pro_title {

  color: rgb(51, 51, 51);

  font-size: .36rem;

  font-weight: 700;

  line-height: .42rem;

}



.pro_name {

  color: rgb(51, 51, 51);

  font-size: .2rem;

  font-weight: 400;

  line-height: .29rem;

  margin: .05rem 0 .35rem;

}



.detection {

  display: flex;

  flex-wrap: wrap;

}



.detection li {

  background: rgb(21, 75, 151);

  border-radius: 48px;

  padding: .08rem .15rem;

  color: rgb(255, 255, 255);

  font-size: .16rem;

  font-weight: 400;

  line-height: .19rem;

  margin-right: .1rem;

  margin-bottom: .1rem;

}



.pro_line {

  margin: .2rem 0;

  width: 100%;

  height: 1px;

  background: linear-gradient(135deg, rgba(21, 75, 151, 1), rgba(6, 155, 119, 1));

}



.pro_bottom {

  display: flex;

  /* align-items: center; */

  flex-direction: column;

}



.pro_zxzx {

  width: 2.47rem;

  height: .5rem;

  display: flex;

  justify-content: center;

  align-items: center;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(21, 75, 151) 100%);

  border-radius: 10px;

  color: rgb(255, 255, 255);

  font-size: .2rem;

  font-weight: 400;

}



.pro_zxzx:hover {

  color: #ffffff;

}



.pro_phone {

  /* margin-left: .35rem; */

  margin-top: .36rem;

}



.pro_zxzx img {

  margin-right: .16rem;

}



.ph_txt1 {

  color: rgb(118, 118, 118);

  font-size: .16rem;

  font-weight: 300;

  line-height: .24rem;

}



.ph_txt2 {

  margin-top: .06rem;

  background: rgb(21, 75, 151);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-size: .36rem;

  font-weight: 400;

  line-height: .42rem;

}







.pro_bg {

  margin-top: -0.2rem;

  position: relative;

}



.pro_circle {

  background: url(../image/pro03.png) no-repeat left center;

  height: 4rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding-left: 1.3rem;

  margin-bottom: 1.2rem;

}



.peculiar1 {

  background: linear-gradient(135.00deg, rgb(21, 75, 151), rgb(6, 155, 119));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-size: .48rem;

  font-weight: 400;

  line-height: .56rem;

}



.peculiar2 {

  background: linear-gradient(135.00deg, rgb(21, 75, 151), rgb(6, 155, 119));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-size: .36rem;

  font-weight: 300;

  line-height: .42rem;

  margin-top: .17rem;

}



.bg_item {

  padding-left: 15%;

  display: flex;

  align-items: center;

  background-size: cover !important;

  height: 8.04rem;

  border-radius: 10px;

  overflow: hidden;

}



.ms2_box {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background: rgba(50, 106, 184, 0.5);

  border-radius: 10px;

  height: 167px;

  overflow: hidden;

  transition: all .3s;

  width: 16.66%;

  margin-left: 6px;

  cursor: pointer;

}



.page_on {

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  height: 189px;

}



.ms2_name {

  color: rgb(255, 255, 255);

  font-size: .16rem;

  font-weight: 700;

  line-height: .23rem;

  margin-top: .19rem;

}



.pro_test {

  margin-top: .62rem;

}



.test::after {

  content: "*以上检测图像皆为试样测试";

  font-size: .14rem;

  font-weight: 400;

  position: absolute;

  right: 0;

  bottom: -10px;

}



#pro_img {

  padding: .95rem 0 .6rem 1.47rem;

}



.paging {

  display: flex;

  justify-content: center;

  align-items: flex-end;

  margin-left: -6px;

  padding: 0 6px;

}



.mySwiper .swiper-pagination-custom {

  bottom: 6px;

}



.pro_table {

  background: rgb(255, 255, 255);
/* 
  border: 1px solid rgb(223, 228, 236); */

  border-radius: 14px;

  overflow: auto;

  padding: .54rem .2rem;

}



#public {

  position: absolute;

  left: 50%;

  top: .72rem;

  transform: translateX(-50%);

  z-index: 2;

}



#public2 {

  margin: .78rem 0 .62rem;

}



.pro_table table {

  /* max-width: 1074px;

  min-width: 960px; */

  margin: 0 auto;

}



.pro_table td {

  color: rgb(51, 51, 51);

  /* font-size: .16rem;

  font-weight: 400;

  line-height: .52rem; */

}



.pro_table td:nth-child(odd) {

  color: rgb(10, 59, 126);

}



.pro_table td:nth-child(1) {

  text-indent: 2em;

}



.pro_table tr:nth-child(odd) {

  background: rgb(246, 246, 248);

}



.pro_cover {

  background: linear-gradient(135.00deg, rgba(21, 75, 151, 0.85) 0%, rgba(6, 155, 119, 0.85) 100%);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  box-sizing: border-box;

  opacity: 0;

  transition: all .3s;

  color: rgb(255, 255, 255);

  font-size: .24rem;

  font-weight: 400;

}



.pro_box:hover .pro_cover {

  opacity: 1;

}



.domain_list.owl-theme .owl-dots .owl-dot.active span {

  background: rgb(6, 155, 119);

  width: .94rem;

}



.domain_list::before {

  content: "*以上检测图像皆为试样测试";

  position: absolute;

  right: 0;

  bottom: -10px;

  font-size: .14rem;

  font-weight: 400;

}



.pro_box {

  transition: all .3s;

  margin: 18px 0;

}



.pro_box:hover {

  transform: scale(1.1);

  z-index: 999;

  position: relative;

}



.domain {

  margin-bottom: .6rem;

}



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

  .pro_left {

    width: 43%;

  }



  .pro_right {

    width: 50%;

    padding-top: 0;

  }

}



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

  .pro_circle {

    height: 3rem;

    background-size: contain;

    margin-bottom: 50px;

  }

}



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

  #pro_img {

    padding-left: 0;

  }

}



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

  .pro {

    flex-wrap: wrap;

  }



  .pro_right,

  .pro_left {

    width: 100%;

  }



  .mySwiper .swiper-pagination-custom {

    display: none;

  }



  #pro_img {

    padding-left: 0;

  }

}





#ascrail2000-hr {

  height: 0 !important;

}





.tips {

  display: flex;

  margin-bottom: .4rem;

}



.tips_item {

  width: 1.04rem;

  height: .54rem;

  box-sizing: border-box;

  text-indent: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  color: rgb(255, 255, 255);

  font-size: .24rem;

  font-weight: 400;

  background: linear-gradient(135.00deg, rgb(21, 75, 151) 0%, rgb(6, 155, 119) 100%);

  border-radius: 25px;

  margin-right: .25rem;

  cursor: pointer;

  position: relative;

}



.tips_item:last-child {

  margin-right: 0;

}





.tips_item:before {

  content: '';

  display: block;

  background: linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%);

  background-size: 210% 100%;

  background-position: right bottom;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  border-radius: 50px;

  transition: all .6s;

  -webkit-transition: all .6s;

}



.tips_item:hover:before {

  background-position: left bottom;

}



.news .owl-carousel .owl-stage-outer {

  overflow: visible !important;

}



ul.index_news {

  overflow: hidden;

  padding: 0 5px;

  margin-left: -5px;

}



.dsn-video {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  max-width: 100%;

  object-fit: contain;

}



.jclx_flex {

  display: flex;

}



.jianceleixing {

  flex-shrink: 0;

}



.pro_table::-webkit-scrollbar {

  height: 4px;

}



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

  .iframe {

    height: 240px !important;

  }

}



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

  .apply_name {

    font-size: 14px;

  }



  .apply_list li {

    width: calc(33.33% - 0.5rem);

  }



  .applydetails_intro {

    font-size: 16px;

  }



  .applydetails_info {

    font-size: 14px;

    line-height: 1.5;

    font-weight: 400;

  }



  .case_name {

    font-size: 14px;

    line-height: 1.5;

    height: 21px;

  }



  .case_sort .sort_item {

    font-size: 12px;

  }



  .appraise_info,

  .rec_cn,

  .case_item {

    font-size: 12px;

  }



  .rec_cn {

    line-height: 1.5

  }



  .culture_desc,

  .nd_date2,

  .toolbar_box .nd_title3,

  .cd_desc {

    font-size: 14px;

    font-weight: 400;

  }



  .in_date {

    font-size: 12px;

  }



  .in_title {

    font-size: 14px;

    line-height: 1.5;

    height: calc(14px * 3);

  }



  .choose {

    font-size: 12px;

  }



  .nd_article {

    padding: 5px;

  }



  .code_title {

    font-size: 16px;

  }



  .fwrx_date,

  .code_desc {

    font-size: 12px;

    font-weight: 400;

  }



  .online_consult {

    font-size: 14px;

  }



  .applydetails_type {

    font-size: 12px;

  }



  .equipment_img {

    max-width: 250px;

  }



  .equipment {

    font-size: 12px;

    font-weight: 400;

  }



  .cb_box {

    font-size: 14px

  }



  .pro_table td {

    font-size: 14px !important;

    -webkit-text-size-adjust: none;

    text-size-adjust: none;

  }



  .pro_name {

    font-size: 12px;

  }



  .detection li {

    font-size: 12px;

  }



  .nd_article p {

    font-size: 14px !important;

  }



  .bg_item {

    padding: 0 5%;

  }



  .applydetails_top .apply_circle {

    width: 58px;

    height: 58px;

  }

}