@font-face{font-family:'Roboto Condensed';src:url('../fonts/Roboto-Condensed.ttf?v=4.7.0');src:url('../fonts/Roboto-Condensed.ttf?v=4.7.0') format('truetype');font-weight:normal;font-style:normal}
@font-face {font-family: "iconfont";src: url('../fonts/iconfont.ttf?t=1714225678098') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-pinpaizhuanxiang:before {content: "\f0152";}
.icon-fuwuxieyi:before {content: "\e651";}
.icon-ruiqiye2:before {content: "\e641";}
.icon-zhengshu-copy:before {content: "\e640";}
.icon-icon-test:before {content: "\e9f9";}
.icon-biaozhunjixingchangfang:before {content: "\e619";}
.icon-bangongjiaju:before {content: "\e658";}
.icon-OEMxitongtubiao4:before {content: "\e50c";}

/* 字体大小 */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f36{font-size: 36px;}
.f38{font-size: 38px;}
.f40{font-size: 40px;}
.f42{font-size: 42px;}
.f44{font-size: 44px;}
.f46{font-size: 46px;}
.f48{font-size: 48px;}
.f50{font-size: 50px;}
.f54{font-size: 54px;}
.f56{font-size: 56px;}
.f60{font-size: 60px;}
.f66{font-size: 66px;}
.f70{font-size: 70px;}
.f72{font-size: 72px;}
.f76{font-size: 76px;}
.f80{font-size: 80px;}
.f90{font-size: 90px;}

@media (max-width: 1400px){
  .f12{font-size: 11px;}
  .f14{font-size: 13px;}
  .f15{font-size: 14px;}
  .f16{font-size: 15px;}
  .f17{font-size: 16px;}
  .f18{font-size: 17px;}
  .f20{font-size: 18px;}
  .f22{font-size: 20px;}
  .f24{font-size: 22px;}
  .f26{font-size: 24px;}
  .f28{font-size: 26px;}
  .f30{font-size: 28px;}
  .f32{font-size: 29px;}
  .f36{font-size: 33px;}
  .f38{font-size: 35px;}
  .f40{font-size: 37px;}
  .f42{font-size: 39px;}
  .f44{font-size: 40px;}
  .f46{font-size: 42px;}
  .f48{font-size: 44px;}
  .f50{font-size: 46px;}
  .f54{font-size: 50px;}
  .f56{font-size: 52px;}
  .f60{font-size: 55px;}
  .f66{font-size: 61px;}
  .f70{font-size: 64px;}
  .f72{font-size: 66px;}
  .f76{font-size: 70px;}
  .f80{font-size: 74px;}
  .f90{font-size: 83px;}
}

@media (max-width: 1200px){
  .f12{font-size: 10px;}
  .f14{font-size: 12px;}
  .f15{font-size: 13px;}
  .f16{font-size: 13px;}
  .f17{font-size: 14px;}
  .f18{font-size: 15px;}
  .f20{font-size: 17px;}
  .f22{font-size: 18px;}
  .f24{font-size: 20px;}
  .f26{font-size: 22px;}
  .f28{font-size: 24px;}
  .f30{font-size: 25px;}
  .f32{font-size: 27px;}
  .f36{font-size: 30px;}
  .f38{font-size: 32px;}
  .f40{font-size: 34px;}
  .f42{font-size: 35px;}
  .f44{font-size: 37px;}
  .f46{font-size: 39px;}
  .f48{font-size: 40px;}
  .f50{font-size: 42px;}
  .f54{font-size: 45px;}
  .f56{font-size: 47px;}
  .f60{font-size: 50px;}
  .f66{font-size: 55px;}
  .f70{font-size: 59px;}
  .f72{font-size: 60px;}
  .f76{font-size: 64px;}
  .f80{font-size: 67px;}
  .f90{font-size: 76px;}
}

@media (max-width: 991px) {
  .f12{font-size: 9px;}
  .f14{font-size: 11px;}
  .f15{font-size: 11px;}
  .f16{font-size: 12px;}
  .f17{font-size: 13px;}
  .f18{font-size: 14px;}
  .f20{font-size: 15px;}
  .f22{font-size: 17px;}
  .f24{font-size: 18px;}
  .f26{font-size: 20px;}
  .f28{font-size: 21px;}
  .f30{font-size: 23px;}
  .f32{font-size: 24px;}
  .f36{font-size: 27px;}
  .f38{font-size: 29px;}
  .f40{font-size: 30px;}
  .f42{font-size: 32px;}
  .f44{font-size: 33px;}
  .f46{font-size: 35px;}
  .f48{font-size: 36px;}
  .f50{font-size: 38px;}
  .f54{font-size: 41px;}
  .f56{font-size: 42px;}
  .f60{font-size: 45px;}
  .f66{font-size: 50px;}
  .f70{font-size: 53px;}
  .f72{font-size: 54px;}
  .f76{font-size: 57px;}
  .f80{font-size: 60px;}
  .f90{font-size: 68px;}
}
.fw1 {font-weight: 100;}
.fw2 {font-weight: 200;}
.fw3 {font-weight: 300;}
.fw4 {font-weight: 400;}
.fw5 {font-weight: 500;}
.fw6 {font-weight: 600;}
.fw7 {font-weight: 700;}
.fw8 {font-weight: 800;}
.fw9 {font-weight: 900;}
.fwn {font-weight: normal;}
.fwb {font-weight: bold;}

body {font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
address, cite, dfn, em, var {font-style:normal;} 
code, kbd, pre, samp {font-family: courier new, courier, monospace;} 
small {font-size:  0.75em;} 
ul, ol {list-style: none;margin:0; padding: 0px;}
body,legend {color:#666;}
*:focus {outline: none;}
a{color:inherit;text-decoration: none;}
a:hover  {color:#379DA2;text-decoration: none;}
a:active{color:inherit;}
.css3, a {-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;	transition-duration: 0.5s;}
.imgview {width: 100%;transition: all 1s;}
.imgview:hover {transform: scale(1.1);transition: all 0.3s linear;}
.pic {background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative;}
.clearfix{*zoom:1;}
.clearfix:after{content: ''; display: block; clear: both;}
.pc {display: block !important;}
.mobile {display: none !important;}
.containe {
  width: 1600px;
  max-width: 90%;
  margin: 0px auto;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
  top: 50%;
  margin-top: -15px;
  pointer-events: auto;
  text-align: center;
  position: absolute;
  z-index: 30!important;
  cursor: pointer;
background-repeat: no-repeat;
background-size: auto 100%;
  line-height: 18px;
  font-size: 20px;
  width: 30px;
  height: 30px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel button.owl-dot:focus {display: none;}
.owl-carousel {
padding: 0px;
position: relative;
}
@keyframes jumpBoxHandler {
  0% {
      transform: translate(20px, 0px);
  }
  50% {
      transform: translate(0px, 0px);
  }
  100% {
      transform: translate(20px, 0px);
  }
}
@keyframes jumpBoxHandlerup {
    0% {
        transform: translate(0px, 20px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 20px);
    }
}



/*位置控制*/
.vertical-align {font-size: 0}
.vertical-align:before {display: inline-block;height: 100%;vertical-align: middle;content: ""}
.vertical-align-bottom,.vertical-align-middle {display: inline-block;max-width: 100%;font-size: 14px}
.vertical-align-middle {vertical-align: middle}
.vertical-align-bottom {vertical-align: bottom}


/*****header*******/
.rat-header-main {position: fixed;width: 100%;background-color: #fff;padding: 0px;margin: 0px;box-shadow: 0 0 3px #ccc;top: 0; z-index: 99;}
.rat-header-topinfo {background-color: #f0f0f0;border-bottom: 1px solid #ddd;font-family: 'Roboto Condensed';padding: 10px 0px;margin: 0px;overflow: hidden;}
.rat-header-topleft {padding: 0px;margin: 0px;overflow: hidden;float: left;}
.rat-header-topleft li {font-size: 13px;padding: 0px 10px;border-left: 1px solid #ddd;margin: 0px;overflow: hidden;float: left;}
.rat-header-topleft li:first-child {border-left: 0px;padding-left: 0px;}
.rat-header-topright {padding: 0px;margin: 0px;overflow: hidden;float: right;}
.rat-header-topright li {font-size: 14px;padding: 0px 10px;border-left: 1px solid #ddd;margin: 0px;overflow: hidden;float: left;}
.rat-header-topright li i {margin: 0px 5px; font-size: 18px;}
.rat-header-topright li img {height: 15px; margin-right: 5px;}
.rat-header-bottominfo {padding: 0px;margin: 0px;}
.rat-header-logo {height: 80px;padding: 10px 0px;margin: 0px 50px 0px 0px;overflow: hidden;float: left;}
.rat-header-logo img {height: 60px;}
.rat-header-navinfo {padding: 0px;margin: 0px;display:flex;display: -ms-flexbox;display: -webkit-flex;-ms-justify-content: right;-webkit-justify-content: right;justify-content: right;align-items:center;-ms-align-items: center;-webkit-align-items: center;position: relative;}
.menu_dl{display:flex;display: -ms-flexbox;display: -webkit-flex;justify-content: flex-end;-ms-justify-content: flex-end;-webkit-justify-content: flex-end;align-items:center;-ms-align-items: center;-webkit-align-items: center;margin: 0px;float: right;}
.menu_dl dd{float: left;height: 55px;position: relative;-webit-transition: all 0.5s;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;margin: 25px 0px 0px;}
.menu_dl dd.pro_dd{position: static;}
.menu_tt .text{width: 100%;display: block;color: #666;text-align: center;line-height:55px;font-size: 18px;font-family: 'Roboto Condensed';padding: 0 25px;}
.menu_dl dd.hover .menu_tt .text{color: #379DA2;}
.menu_down_pro{display: none;position: absolute;right: 0;top: 100%;z-index: 3;width: 100%;max-width: 1400px;background: #eee;padding: 30px;}
.menu_down_pro_wrap {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.menu_down_pro_item{width: 24%;}
.menu_down_pro_item_tt{display: block;font-size: 18px;font-weight: 600; color: #333;white-space: nowrap;margin-bottom: 17px;}
.menu_down_pro_down a{display: block;font-size: 14px; font-weight: 600; font-family: 'Roboto Condensed';color: #333;line-height: 24px;margin-bottom: 5px;}
.menu_down_pro_down a.threelist {font-weight: 300; color: #666; margin-bottom: 0px; padding-left: 10px;}
.menu_down_pro_down a:last-child{margin-bottom: 0;}
.menu_down_pro_down a:hover{color: #379DA2;-ms-transform: translateX(3px);-webkit-transform: translateX(3px);transform: translateX(3px);}
.menu_down{display: none;position: absolute;left: 0;top: 55px;z-index: 3;width: 310px;background: #eee;padding: 20px 15px;}
.menu_down a{font-family: 'Roboto Condensed';display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-align-items: center;-webkit-align-items: center;align-items: center;font-size: 16px;color: #333;padding: 10px 0;}
.menu_down a i{padding-right: 5px;}
.menu_down a:hover{color: #379DA2;-ms-transform: translateX(3px);-webkit-transform: translateX(3px);transform: translateX(3px);}
.rat-header-callus {height: 80px;padding: 20px 0px 10px;font-size: 18px;font-family: 'Roboto Condensed';font-weight: 600;line-height: 25px;text-align: right;color: #379DA2;margin: 0px;overflow: hidden;}
.rat-header-callus span {display: block; color: #999;}
.rat-header-searchmain {
  width: 100%;
  height: 45vh;
  padding: 0px;
  margin-top: -50vh;
  background: #fff;
  transition: All 0.6s;
  -webkit-transition: All 0.6s;
}
.rat-header-searchmain>.container {position: relative; top: 50%; transform: translateY(-50%);}
.rat-header-searchmainbg {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.6);
  z-index: 50;
  display: none;
}
.rat-header-searchmain form {
  position: relative;
}
.rat-header-searchmain input {
  width: 100%;
  height: 100px;
  padding: 0;
  border: 0px;
  margin-bottom: 20px;
  border-bottom: 4px solid #000;
  background: 0 0;
  font-size: 70px;
  font-weight: 600;
  color: #000;
}
.rat-header-searchmain span {
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 40px;
  padding-top: 5px;
  text-align: center;
  margin-top: -10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #eee;
  color: #000;
  border-radius: 50%;
  pointer-events: all;
  cursor: pointer;
}
.rat-header-searchmain span i {
  font-size: 18px;
}
.rat-header-searchmainbg.active {display: block;}
.rat-header-searchmain.active {margin-top: 0px;}

/* 手机栏目 */
.menu_pp_nav{width: 90%;height: 100%;background-color: #f6f6f6;position: fixed;top: 0;left: -90%;color: #fff;overflow: hidden;z-index: 100;}
.menu_pp_nav ul{width: 100%;padding-top: 20px;}
.menu_pp_nav>ul{height: 100%;position: absolute;left:0;}
.menu_pp_nav ul a{display: block;color: #333; font-size: 16px; font-weight: 600; border-top: 1px solid #ccc;}
.menu_pp_nav ul li{padding:0 15px;font-size: 14px;font-weight: 300;line-height: 45px;position: relative;}
.menu_pp_nav ul li span{font-size: 30px;color: #314858;position: absolute;right: 35px;top: -3px;}
.menu_pp_nav ul li ul {padding-bottom: 10px;}
.menu_pp_nav ul li ul li a {border-top: 0px; font-size: 14px; font-weight: 300; line-height: 25px;}
.menu_pp_logo{width: 100%;padding: 25px 20px 0 20px;overflow: hidden;position: relative;}
.menu_pp_search{width: 100%;height: 35px;line-height: 35px;position: relative;}
.menu_pp_search input{width: 100%;height: 35px;font-size: 14px;padding-left: 10px;color: #333;border-radius: 5px;border: 1px solid #ccc;}
.menu_pp_search>i{width: 15px;position: absolute;top: 10px;right: 10px;color: #333;}
.menu_pp_logo>img{height: 40px;}
.menu_pp_logo h2{height: 40px;line-height: 40px;font-size: 16px;color: #333;margin: 10px 0px 0px;}
.logo_close{width: 30px;height: 30px;border-radius:15px;border: 1px solid #314858;float: right;position: relative;right: 0;z-index: 11;}
.logo_close span:first-of-type{display: block;background-color: #314858;width: 70%;height: 1px;border-radius: 1px;position: absolute;top: 14.5px;left: 15%;transform: rotate(-45deg);}
.logo_close span:last-of-type{display: block;background-color: #314858;width: 70%;height: 1px;border-radius: 1px;position: absolute;top: 14.5px;left: 15%;transform: rotate(45deg);}
.menu_pp_two{width: 100%;height: 100%;color: #333;padding: 15px 0;position: absolute;left: -100%;bottom: 0;z-index: 10;background-color: #f6f6f6;overflow-y: auto;}
.menu_pp_two ul{padding: 0;}
.menu_pp_two h3{line-height: 45px;font-size: 16px;padding-left: 25px;position: relative;margin-top: 5px;}
.menu_pp_two h3 span{font-size: 30px;position: absolute;left: 15px;top: -3px;color: #314858;}
.menu_pp_two h2{font-size: 24px;padding: 10px 15px;}
.menu_pp_two h2 a {color:#379DA2; font-weight: 600;}

@media (max-width:991px) {
	.bgs {position: fixed;top: 0;left: 0;right: 0;bottom: auto;z-index: 10;width: 100%;background: rgba(0, 0, 0, 0.6);}
	/*手机端菜单图标*/
	.menu_icon{float: right;width: 40px;height: 40px;position: relative;top: 20px;right: 0px; background-color: #379DA2;}
	.menu_icon span{display: block;width: 70%;height: 2px;border-radius: 2.5px;background-color: #fff;position: absolute;left: 15%;}
	.menu_icon span:nth-child(1){top:12px;}
	.menu_icon span:nth-child(2){top: 19px;}
	.menu_icon span:nth-child(3){top: 26px;}
	/*手机端菜单图标变化*/
	.icon_now span:nth-child(1){	animation: icon1 1s forwards;}
	.icon_now span:nth-child(2){	animation: icon2 1s forwards;}
	.icon_now span:nth-child(3){	animation: icon3 1s forwards;}
	.icon_back span:nth-child(1){	animation: icon4 1s forwards;}
	.icon_back span:nth-child(2){	animation: icon5 1s forwards;}
	.icon_back span:nth-child(3){	animation: icon6 1s forwards;}
	@keyframes icon1{0%{top:12px;transform: rotate(0deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:19px;transform: rotate(405deg);}	}
	@keyframes icon3{0%{top:26px;transform: rotate(0deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:19px;transform: rotate(405deg);}	}
	@keyframes icon2{0%{transform: rotate(0deg);}40%{transform: rotate(0deg);}60%{transform: rotate(0deg);}100%{transform: rotate(495deg);}	}
	@keyframes icon4{0%{top:19px;transform: rotate(405deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:12px;transform: rotate(0deg);}	}
	@keyframes icon6{0%{top:19px;transform: rotate(405deg);}40%{top:19px;transform: rotate(0deg);}60%{top:19px;transform: rotate(0deg);}100%{top:26px;transform: rotate(0deg);}	}
	@keyframes icon5{0%{transform: rotate(495deg);}40%{transform: rotate(0deg);}60%{transform: rotate(0deg);}100%{transform: rotate(0deg);}	}
	/*头部公共END END END*/
}

/* Banner */
.rat-banner-all {margin: 120px 0px 0px; padding: 0px; overflow: hidden;}
.banner_img{position:relative; width:100%;}
.banner_img img {width: 100%;}
/* .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;} */
.banner_img_mo{display:none;}
.home-banner-txt {position: absolute;width: 70vw;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-top: -3rem;z-index: 1;}
.home-banner-txt .title {text-transform: capitalize;font-weight: 500;font-size: 4.5rem;letter-spacing: 0;line-height: 85px;color: #333;line-height: 1;margin-bottom: 1.5625rem}
.home-banner-txt .desc {font-size: 1.65rem;color: #333;line-height: 1.4;}
.home-banner-txt .title.colfff,.home-banner-txt .desc.colfff {color: #fff;}
.more1 {display: block;text-align: center;font-size: 18px;margin-top: 2rem;background: #fff;color: #333;text-transform: capitalize;width: 220px;height: 52px;line-height: 52px;}
.rat-banner-all .swiper-container-horizontal > .swiper-pagination-bullets,.rat-banner-all .swiper-pagination-custom,.rat-banner-all .swiper-pagination-fraction{left:3.64583333333333%; right:3.64583333333333%; width:93.02083333333334%; text-align:left; bottom: 35px;}
.rat-banner-all .swiper-pagination-bullet{width:1.25em; height:1.25em; border-radius:100%; background:none; border:none; overflow:hidden; opacity:1;  position:relative;}
.rat-banner-all .swiper-pagination-bullet:after{background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.rat-banner-all .swiper-pagination-bullet:before{background-position:center; background-repeat:no-repeat; background-size:cover; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; background-color:#fff; border-radius:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.rat-banner-all .swiper-pagination-bullet-active:before{opacity:0;}
.rat-banner-all .swiper-pagination-bullet-active:after{opacity:1;}
.indexbanner_cir{position:absolute; z-index:10; right:3.64583333333333%;bottom:20px; width:6.8125em; height:6.8125em;}
.indexbanner_cir_c a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.indexbanner_cir_c a:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img10.png);animation:fadenum 5s linear infinite;}
@keyframes fadenum{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.indexbanner_cir_c a:before{-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); position:absolute;content:''; left:50%; top:50%; width:2.5625em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.indexbanner_cir_c a:hover:after{animation-play-state:paused}

/* 首页产品系列 */
.rat-index-promain{margin:6em 0 7.75em 0;}
.index_3_mid .swiper-slide {background-color: #fff;}
.index_3_mid_left{float:left; margin-top:6.25em;}
.index_3_mid_right{float:right; width:48.984375%;}
.index_3_mid_right_mid{position:relative; padding-right:1.25em; padding-bottom:1.25em; background-color:#ebebeb;}
.index_3_mid_right_mid div{overflow:hidden}
.index_3_mid_right_mid img{width: 100%; position:relative; z-index:100;}
.index_3_mid_right_mid:after{content:''; position:absolute; left:0; top:0; width:1.25em; height:100%; background-color:#fff;}
.index_3_mid_right_mid:before{content:''; position:absolute; left:0; top:0; width:100%; height:1.25em; background-color:#fff;}
.index_3_mid_right_footer a{ text-align:left; padding-bottom:.6em;display:inline-block; border-bottom:2px #000 solid;}
.index_3_mid_right_footer a span{ font-family:Arial, Helvetica, sans-serif; color:#000;display:inline-block; font-size:1.125em; width:14.16666666666667em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/pro-dot.png);}
.index_3_mid_right_footer{text-align:right; margin-top:2em;}
.index_3_mid_right_footer a:hover span{background-position:95% center;}
.index_3_mid .index_1_mid_left_1{border:none}
.index_3_mid_left_1 div{overflow:hidden;}
.index_1_mid_left{width:46.875%;}
.index_1_mid_right_mid{overflow:hidden;}
.index_1_mid_left_1{color:#000; font-size:32px; line-height:1.2; border-bottom:1px #ececec solid; padding-bottom:0.4em;}
.index_1_mid_left_1 span {font-size: 24px; font-family: Arial, Helvetica, sans-serif;}
.index_1_mid_left_2{font-size:32px;font-family: 'Roboto Condensed'; color:#000; font-weight: 600; margin-top:0px; margin-bottom:15px;}
.index_1_mid_left_3{min-height: 280px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-wrap:break-word;word-break:break-all;color:#666; line-height:2; font-size: 16px; margin-bottom:25px;}
.index_1_mid_left_3_l_4{-webkit-line-clamp: 4; margin-bottom:2.5em; }
.swiper-pagination-gh ul li{ width:90px; cursor:pointer; margin-right:5px;display:inline-block; position:relative; font-family:Arial, Helvetica, sans-serif; color:#010101;}
.swiper-pagination-gh ul li:after{content:''; position:absolute; width:68px; position:absolute; right:0; background-color:#d2d2d2; height:1px; top:50%; margin-top:-0.5px;}
.swiper-pagination-gh ul li:before{content:''; position:absolute; width:0px; position:absolute; left:22px; background-color:#010101; z-index:100; height:1px; top:50%; margin-top:-0.5px;}
.swiper-pagination-gh ul li.on:before{width:68px; transition: width 4.8s ease-out 0s;}
.swiper-pagination-gh{margin-bottom:60px;}
.index_1_mid_left_2,.index_1_mid_left_3{opacity:0;}
.swiper-slide-active .index_1_mid_left_2,.swiper-slide-active .index_1_mid_left_3{opacity:1;}
@media screen and (max-width:1090px) {
  .index_3_mid_left{margin-top:4em;}
  .index_3{margin-top:5em; margin-bottom:5em;}
  .index_3_mid_right_footer a span{font-size:1em;}
}
@media screen and (max-width:768px) {
  .index_3_mid_left_1 {display: none;}
  .index_3_mid_left{margin-top:1em;}
  .index_3{margin-top:2.5em; margin-bottom:2.5em;}
}
@media screen and (max-width:700px) {
  .index_3_mid_right_footer{text-align:left;}
  .index_3_mid_right{width:100%; margin-top:0px;}
  .index_3_mid_right_mid img {width: 100%;}
  .index_3_mid_left{float:none; width:auto}
  .index_3_mid_left_1 img{max-width:55%;}
  .swiper-pagination-gh {margin-bottom: 35px;}
  .swiper-pagination-gh ul li {width: calc(23% - 5px);}
  .swiper-pagination-gh ul li:after {width: 75%;}
}

/* 我们的优势 */
.rat-index-advantagesmain {background-image: url(../images/adavanges-bg.jpg);background-repeat: no-repeat;background-size: cover;background-attachment: fixed;padding: 100px 0px;margin: 0px;overflow: hidden;}
.rat-index-advantagesleft {width: 27%;padding: 0px;margin: 0px;overflow: hidden;float: left;}
.rat-index-advantagestitle {font-size: 46px;font-weight: 600;line-height: 1;color: #fff;padding: 0px 0px 20px;margin: 0px 0px 30px;overflow: hidden;position: relative;}
.rat-index-advantagestitle::after {content: '';position: absolute;width: 60px;height: 3px;background-color: #379DA2;left: 0;bottom: 0;padding: 0px;margin: 0px;overflow: hidden;}
.rat-index-advantagestitle span {display: block;font-size: 18px;font-family: 'Roboto Condensed';font-weight: 400;margin: 0px 0px 15px;padding: 0px;overflow: hidden;}
.rat-index-advantagestxt {font-size: 16px;font-weight: 100;font-family:'Roboto Condensed';line-height: 1.6;color: #fff;margin: 10px 0px 0px;padding: 0px;overflow: hidden;}
.rat-index-advantagesright {width: 70%;padding: 0px;margin: 0px;overflow: hidden;float: right;}
.rat-index-advantageslist ul {width: 50%;padding: 0px 30px;color: #fff;margin: 0px;overflow: hidden;float: left;}
.rat-index-advantageslist li {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding: 20px 0px;margin: 0px;overflow: hidden;}
.rat-index-advantageslist li:first-child {padding-top: 0px;}
.rat-index-advantageslist li i {width: 65px;height: 65px;color: #fff;padding: 5px;margin: 0px;overflow: hidden;}
.rat-index-advantageslist li i img {width: 100%;}
.rat-index-advantagesinfo {width: calc(100% - 80px);padding: 0px;margin: 0px;overflow: hidden;}
.rat-index-advantagesinfo h3 {font-size: 18px;line-height: 1.6;font-weight: 600;padding: 0px 0px 10px;margin: 0px 0px 0px;overflow: hidden;position: relative;}
.rat-index-advantagesinfo h3::after {content: '';position: absolute;width: 40px;height: 2px;background-color: #379DA2;left: 0;bottom: 0;padding: 0px;margin: 0px;overflow: hidden;}
.rat-index-advantagesinfo p {font-size: 14px;font-family:'Roboto Condensed';line-height: 1.5;padding: 0px;margin: 0px;overflow: hidden;}

/* 首页公司简介 */
.rat-index-aboutmain {
  padding: 100px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-aboutleft {
  width: 53%;
  padding: 0px;
  overflow: hidden;
  float: right;
}
.rat-index-abouttitle {
  font-size: 42px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #1488db;
}
.rat-index-abouttitle span {
    font-size: 28px;
    font-weight: 600;
    display: block;
    color: #666;
}
.rat-index-aboutinfo {
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  color: #353535;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.rat-index-aboutinfo p {margin: 0px;}
.rat-index-aboutother {
    min-height: 40px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-aboutotherimg {
  width: calc(100% - 7vw);
  display: inline-block;
  position: relative;
}
.rat-index-aboutotherimg img {width: 100%;}
.rat-index-aboutotherbtn {
  position: absolute;
  right: -6.5vw;
  top: 50%;
  width: 130px;
  height: 30px;
}
.rat-index-aboutotherbtn a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.rat-index-aboutotherbtn a:before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  width: 2.5625em;
  height: 1.375em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/img1b.png);
}
/*.rat-index-aboutotherbtn a:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*  background-image: url(../images/img2b.png);*/
/*  animation: fadenum 5s linear infinite;*/
/*}*/
.rat-index-aboutworkshop {
    margin: 30px 0px 0px;
    padding: 0px;
    overflow: hidden;
}
.rat-index-aboutworkshop .owl-nav .owl-prev {
  left: 0px;
background-image: url(../images/left_l.png) !important;
animation: jumpBoxHandler 1.8s infinite;
}
.rat-index-aboutworkshop .owl-nav .owl-next {
  right: 20px;
background-image: url(../images/right_l.png) !important;
animation: jumpBoxHandler 1.8s infinite;
}
.rat-index-aboutworkshop p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    padding: 0px;
    margin: 5px 0px 0px;
    overflow: hidden;
    text-overflow:ellipsis;
white-space: nowrap;
}

.rat-index-aboutimg {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
  width: 44%;
}
.rat-index-aboutimg img {max-width: 100%;}

/* 棣栭〉妗堜緥 */
.home-title{font-size:40px;font-weight:600;text-align:left;color: #000;line-height: 1.2; text-transform:capitalize}
.rat-index-case {background-color:#F8F8F8;padding:60px 0px; position:relative}
.rat-index-case .homecase-wrap{overflow:hidden;padding-bottom:0px;position:relative;margin-top:30px}
.rat-index-case .homecase-wrap .swiper-container {padding-bottom: 60px;}
.rat-index-case .homecase-wrap .swiper-slide{transform:scale(1);transition:all .1s linear;}
.rat-index-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.rat-index-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.rat-index-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.rat-index-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:8px;z-index:1;padding:20px 20px;text-align:center}
.rat-index-case .homecase-wrap .swiper-slide .item .title{font-size:24px;font-weight: 600; color: #000; line-height:1.2;margin-bottom:10px}
.rat-index-case .homecase-wrap .swiper-slide .item .content{color:#797979;margin-bottom:10px;display:none}
.rat-index-case .homecase-wrap .swiper-slide .item .more{color:#1CCE7E;font-weight:600}
.rat-index-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline;color: #0098F5;}
.rat-index-case .homecase-wrap .homecase-button-next,.rat-index-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid #1CCE7E;color:#1CCE7E;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:0px;left:32%;z-index:2;transition:all .2s linear}
.rat-index-case .homecase-wrap .homecase-button-next:hover,.rat-index-case .homecase-wrap .homecase-button-prev:hover{background:#1CCE7E;color:#FFF}
.rat-index-case .homecase-wrap .homecase-button-next{left:auto;right:32%}

/* 新闻中心 */
.rat-index-newsmain {
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-newstitle {
  text-align: center;
  font-size: 18px;
  margin: 0px 0px 50px;
  color: #333;
  text-transform: capitalize;
}
.rat-index-newstitle h3 {
  font-size: 40px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Montserrat-SemiBold";
}
.rat-index-newstitle p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.rat-index-newsone {
  padding: 0px;
  margin: 0px;
}
.rat-index-newsone a {display: inline-block;transition: all .3s ease;font-size: 16px;color: #888;}
.rat-index-newsone .rat-index-newsonetxt {transition: all .3s ease;position: relative; font-family: Arial, Helvetica, sans-serif;}
.rat-index-newsone .rat-index-newsonetxt::after {content: "";position: absolute;top: 12px;left: 0;height: 1px;background: #383838;width: 0;transition: all .3s ease;}
.rat-index-newsone .rat-index-newsoneimg {overflow: hidden;display: flex;align-items: center;justify-content: center;transition: all .3s ease;}
.rat-index-newsone .rat-index-newsoneimg img {width: 100%;border: 1px solid #ddd;}
.rat-index-newsone .rat-index-newsonetxt h3 {font-size: 24px;color: #333;font-family: 'Roboto Condensed';font-weight: 600;margin: 20px 0 10px 0;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.rat-index-newsone p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.rat-index-newsone a:hover .rat-index-newsoneimg {box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);}
.rat-index-newsone a:hover .rat-index-newsonetxt {padding-left: 3em;}
.rat-index-newsone a:hover .rat-index-newsonetxt::after {width: 30px;}
.rat-index-newsone a:hover .rat-index-newsoneimg, .rat-index-newsone a:hover .txt {transform: translateY(-10px);}

/* 底部信息 */
.rat-footer-main {
    background-image: url(../images/footer-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
  font-family: 'Roboto Condensed';
  padding: 7vw 0px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-footer-color {background-color: #8a8889;}
.rat-footer-top {
  padding: 60px 0px 40px;
  margin: 0px;
  overflow: hidden;
}
.rat-footer-topcompany {
  width: 95%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-footer-topcompany img {
    filter: grayscale(1) brightness(100);
  height: 55px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-footer-topcompany p {
  font-size: 14px;
  line-height: 1.8;
  font-family: 'Roboto Condensed';
  padding: 0px;
  margin: 15px 0px 0px;
  overflow: hidden;
}
.rat-footer-contact, .rat-footer-menu, .rat-footer-prolist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-footer-contact h3, .rat-footer-menu h3, .rat-footer-prolist h3 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  padding: 0px;
  margin: 0px 0px 15px;
  overflow: hidden;
}
.rat-footer-contact p {
  font-size: 14px;
  line-height: 1.5;
  color: #eee;
  margin-bottom: 10px;
}
.rat-footer-menu li {
  width: 50%;
  font-size: 14px;
  line-height: 2;
  color: #eee;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-footer-prolist li {
  font-size: 14px;
  line-height: 2;
  color: #eee;
  padding: 0px 30px 0px 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-footer-bottom {
  font-size: 14px;
  line-height: 25px;
  border-top: 1px solid #ddd;
  padding: 10px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-footer-copyright {
  color: #eee;
  text-align: center;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.cy-footer-linkinfo {padding: 0px; margin: 10px 0px 0px; overflow: hidden;}
.cy-footer-linkinfo li {padding: 0px;margin: 0px 0px 0px;overflow: hidden;float: left;}
.cy-footer-linkinfo li i {display: block; width: 30px; height: 30px; line-height: 30px; background-color: #379DA2; color: #fff; font-size: 16px; border-radius: 50%; text-align: center; padding: 0px; margin: 0px 0px 0px 5px; overflow: hidden;}

/* 内页开始 */
.rat-banner-ny {
  padding: 0px;
  margin: 120px 0px 0px;
  overflow: hidden;
  position: relative;
}
.rat-banner-ny::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(0deg,rgba(0,0,0,.6) 25%,rgba(0,0,0,0) 58%);
  height: 100%;
  width: 100%;
}
.rat-banner-ny img {width: 100%;}
.rat-banner-txt {
  position: absolute;
  bottom: 5vh;
  left: 5vh;
  color: #fff;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  z-index: 5;
}
.rat-banner-txt h1 {
  font-size: 54px;
  font-weight: 600;
  line-height: 60px;
  font-family:'Roboto Condensed';
  padding: 0px;
  margin: 0px 0px 10px;
  overflow: hidden;
}
.rat-banner-txt p {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

/* 产品展示 */
.rat-ny-promain {
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-proyjlist {padding: 0px; margin: 0px 0px 50px; overflow: hidden;}
.rat-ny-proyjlist li {
  background-color: #dbdbdb;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.6;
  margin: 0px 2px;
  padding: 5px 30px;
  justify-content: center;
  float: left;
}
.rat-ny-proyjlist li a {color: #000;}
.rat-ny-proyjlist li.active,.rat-ny-proyjlist li:hover {
  background-color: #f08300;
}
.rat-ny-proyjlist li.active a,.rat-ny-proyjlist li:hover a {color: #fff;}
.rat-ny-proonelist {
  padding: 0px;
  margin: 0px 0px 80px;
  overflow: hidden;
}
.rat-ny-proonelist h3 {
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.rat-ny-proonelist h3 img {
  margin-right: 5px;
}
.rat-ny-proonelist h3 span {
  display: inline-block;
  font-size: 26px;
  font-family:'Roboto Condensed';
  line-height: 50px;
  color: #000;
}
.rat-ny-proonelist h3 a:hover span {color: #379DA2;
}
.rat-ny-proonelist ul {
  padding: 0px 0px 0px 30px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-proonelist li {
  font-size: 15px;
  line-height: 30px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-proonelist li a {color: #000;}
.rat-ny-proonelist li a:hover {color: #379DA2;}

.rat-ny-proinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.rat-pro-navmain {
  width: calc(23% - 50px);
  min-width: 210px;
  margin-right: 50px;
  overflow: hidden;
}
.rat-pro-navtitle {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  font-family:'Roboto Condensed';
  margin: 0 0 10px;
  padding: 0;
}
.rat-pro-navsearch {
padding: 0px;
margin: 0px 0px 15px;
overflow: hidden;
}
.rat-pro-navsearch form {
  width: 100%;
  padding: 0px;
  margin: 0px;
  display: flex;
}
.rat-pro-navsearch input {
  width: calc(100% - 35px);
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  line-height: 30px;
  padding: 0px 5px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-navsearch button {
  border: 1px solid #ccc;
  background-color: #ccc;
  border-radius: 3px;
  font-size: 18px;
  color: #333;
  width: 30px;
  height: 32px;
  line-height: 32px;
  padding: 0px;
  margin: 0px 0px 0px 5px;
  overflow: hidden;
}
.member-list_itemdiv {
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #e8e8e8;
}
.member-list_subtitle {
  border-top: 1px solid #e8e8e8;
  padding: 22px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.member-list_subtitle .svg_btn {
  display: contents;
}
.member-list_subtitle .svg_btn img {
  position: absolute;
  right: 11px;
  cursor: pointer;
}
.svg-icon {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor;
}
.member-list_item a {
  font-size: 16px;
  font-family:'Roboto Condensed';
  font-display: swap;
  font-weight: 500;
  color: #000;
  line-height: 25px;
  padding-right: 30px;
}
.member-list_subtitle .svg_btn .svg-jia {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.member-list_subul {
  border-top: 1px solid #e8e8e8;
  border-bottom: 0px;
  list-style: none;
  padding: 0;
}
.member-list_subul .subul_li {
  font-size: 14px;
  font-family:'Roboto Condensed';
  font-weight: Book;
  text-align: left;
  color: #444;
  line-height: 26px;
}
.member-list_item .subul_li a {
  font-size: 12px;
  color: #666;
}

.rat-pro-listmain {
  width: 77%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-listmaintitle {
  border-bottom: 3px solid;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: 400;
  font-family: 'Roboto Condensed';
  line-height: 1.1;
  color: #000;
  text-align: left;
}
.rat-pro-twolistname {
  background: #f7f7f7;
  padding: 8px 10px 8px 35px;
  border-left: 3px solid #333;
  line-height: 1;
  position: relative;
  height: 42px;
  color: #333;
  cursor: pointer;
  font-size: 14px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-pro-twolistname .title {
  font-size: 16px;
  line-height: 25px;
  font-family: 'Roboto Condensed';
}
.rat-pro-twolistname .more {
  border: 1px solid #ccc;
  padding: 6px 16px;
  border-radius: 4px;
  z-index: 1111;
}
.rat-pro-twolistname .fa {
  top: 14px;
  position: absolute;
  left: 15px;
  font-size: 14px;
}
.rat-pro-listinfo {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rat-pro-listinfo ul {
  display: grid;
  gap: 0 30px;
  grid-template-columns: 1fr 1fr 1fr;
}
.rat-pro-listinfo li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-pro-listone {
  border: 1px solid #eee;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.rat-pro-listone img {width: 100%; display: block;}
.rat-pro-listone img.hover {display: none;}
.rat-pro-listview {
  height: 46px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  background: #379DA2;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-family:'Roboto Condensed';
  font-display: swap;
  -webkit-transform: translate(0,100%);
  transform: translate(0,100%);
}
.rat-pro-listinfo li a:hover .rat-pro-listview {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.rat-pro-listtitle {
  font-size: 16px;
  margin-top: 15px;
  text-align: center;
  font-family:'Roboto Condensed';
  font-display: swap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rat-pro-listmain li a:hover .rat-pro-listone img {width: 100%; display: none;}
.rat-pro-listmain li a:hover .rat-pro-listone img.hover {display: block;}


.pagination .page-item a {display: inline-block;width: 30px;height: 30px;line-height: 24px;text-align: center;font-size: 16px;color: #666;background-color: #f1f1f1;border-radius: 3px;margin-right: 10px;transition: all .6s;}
.pagination .page-item a.page-link {padding: 2px 0px;}
.pagination .page-item.active a.page-link,.pagination .page-item:hover a.page-link {background-color:#379DA2; border: 1px solid #379DA2; color: #fff;}

.rat-pro-detailstop {
  padding: 0px;
  margin: 0px 0px 50px;
  overflow: hidden;
}
.rat-pro-detailsimg {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.pro-showimg {
  border: 1px solid #ddd;
}
.rat-pro-detailssummary {
  width: 45%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-pro-detailssummary span {
  display: block;
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
  color: #999;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailssummary h1 {
  font-size: 26px;
  font-weight: 600;
  font-family:'Roboto Condensed';
  line-height: 1.5;
  color: #000;
  border-bottom: 1px solid #ccc;
  padding: 0px 0px 10px;
  margin: 0px 0px 15px;
  overflow: hidden;
}
.rat-pro-detailssummarytxt {
  font-size: 16px;
  line-height: 1.8;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailssummarytxt p {
    margin-bottom: 5px;
}
.rat-pro-detailssummarytxt p strong {color: #000;
}
/*.rat-pro-detailssummary article {
  display: block;
  width: 100%;
  position: relative;
}
.rat-pro-detailssummary article:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 45px;
  bottom: 0px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(180deg, rgba(204, 204, 204, 0) 0, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#fff",GradientType=0);
}
.rat-pro-detailssummary article.less:before {display: none;}*/
.read-more-wrapper {
  display: block;
  width: 100%;
  height: 35px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  margin-top: 10px;
}
.read-more-wrapper .read-more-line {
  width: 100%;
  height: 10px;
  border-bottom: 1px solid #dcdcdc;
  text-align: center;
  transition: 1s;
}
.read-more-wrapper .read-more-text {
  font-size: 14px;
  background-color: #fff;
  padding: 0 20px;
}
.read-more-wrapper .icon-arrow i {
  font-size: 20px;
}
.rat-pro-detailssummary .params-box {
  margin-top: 1.2vw;
}
.rat-pro-detailssummary .params-box .params-item {
  display: -ms-flexbox;
  display: flex;
}
.rat-pro-detailssummary .params-box .params-item .key {
  width: 115px;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  font-size: 0.8rem;
  color: #000;
  line-height: 1.4;
  font-weight: 500;
}
.rat-pro-detailssummary .params-box .params-item:first-child .key {
  border-top: 1px solid #000;
}
.rat-pro-detailssummary .params-box .params-item .value {
  width: calc(100% - 125px);
  word-break: break-all;
  margin-left: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #dcdcdc;
}
.rat-pro-detailssummary .params-box .params-item:first-child .value {
  border-top: 1px solid #dcdcdc;
}
.rat-pro-detailssummary .params-box .params-item .value span {
  font-size: 0.8rem;
  word-break: break-all;
  color: #333;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-right: 0.5vw;
}
.rat-pro-detailsvip {
  padding: 0px;
  margin: 10px 0px 0px;
  overflow: hidden;
}
.rat-pro-detailsvip a {
  width: 100%;
  display: inline-block;
  background-color: #C00;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 5px 20px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailsvip a:hover {
  background-color: #379DA2;
  color: #fff;
}
.rat-pro-detailsbottom {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailsinfotitle {
  border-bottom: 1px solid #ccc;
  padding: 0px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-pro-detailsinfotitle h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  color: #000;
  position: relative;
  margin: 0px;
  padding: 10px 0px;
  overflow: hidden;
  float: left;
}
.rat-pro-detailsinfotitle .container {
  padding-right: 0px;
  padding-left: 0px;
}
.rat-pro-detailsinfotitle h3::after {
  content: '';
  width: 80px;
  height: 2px;
  background-color: #379DA2;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.rat-pro-detailsinfotitle span {
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
  padding: 10px 0px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-pro-detailsinfotitle span a {
  margin-left: 30px;
}
.rat-pro-detailsinfotitle span a.active {color: #379DA2;}
.st-fixed-tag {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #fff;
  position: fixed;
  top: 120px;
  left: 0px;
  z-index: 9;
  transition: all 0.3s;
}
.st-fixed-tag .container {
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
}
.rat-pro-detailsinfotxt {
    color: #333;
  padding: 0px;
  margin: 0px 0px 60px;
  overflow: hidden;
}
.rat-pro-detailsinfotxttitle {
  font-size: 20px;
  line-height: 35px;
  color: #379DA2;
  padding: 0px;
  margin: 35px 0px 20px;
  overflow: hidden;
}
.rat-pro-detailsinfofeatures {
  font-size: 14px;
  line-height: 1.8;
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.rat-pro-detailsinfospecifications {
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.rat-pro-detailsinfospecifications .showmore {
  background: #e6e6e6;
  margin-top: 10px;
  cursor: pointer;
}
.rat-pro-detailsinfospecifications .showmore p {
  line-height: 30px;
  text-align: center;
  margin: 0px;
}
.rat-pro-detailsinfospecifications .showmore p i {
  font-size: 20px;
  vertical-align: middle;
  padding-left: 5px;
}
table tr th { border:1px solid #eee; line-height: 25px; padding: 5px 10px; width: initial;}
table tr td { border:1px solid #eee; line-height: 25px; padding: 5px 10px; width: initial;}
table { font-size: 14px; border-collapse: collapse; width: 100%; margin-bottom: 10px;}
.rat-pro-detailsinforesources {
  font-size: 14px;
  line-height: 1.8;
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.rat-pro-detailsinforesources .brochure-cover {
    display: inline-block;
    max-width: 140px;
    vertical-align: top;
    margin-right: 20px;
}
.rat-pro-detailsinforesources .brochure_img {
    width: 120px;
    padding: 4px;
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ddd;
}
.rat-pro-detailsinforesources .brochure_img img {width: 100%;}
.rat-pro-detailsinforesources .brochure-cover p {
    font-size: 14px;
    line-height: 1.1;
    text-align: center;
    margin: 10px 0px 0px;
}

.rat-pro-detailsmoretitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  color: #000;
  border-bottom: 1px solid #ccc;
  padding: 0px 0px 10px;
  margin: 0px 0px 20px;
  overflow: hidden;
  position: relative;
}
.rat-pro-detailsmoretitle::after {
  content: '';
  width: 80px;
  height: 2px;
  background-color: #379DA2;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.rat-pro-detailsinfolist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailsinfolist ul {
  display: grid;
  gap: 0 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.rat-pro-detailsinfolist li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-pro-detailsinfolist li a:hover .rat-pro-listview {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.rat-pro-detailsinfolist li a:hover .rat-pro-listone img {width: 100%; display: none;}
.rat-pro-detailsinfolist li a:hover .rat-pro-listone img.hover {display: block;}

/* 新闻动态 */
.rat-news-navinfo {
  width: 20%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-news-navinfo ul {
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #e8e8e8;
}
.rat-news-navinfo li {
  border-top: 1px solid #e8e8e8;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.rat-news-navinfo li .svg_btn {
  display: contents;
}
.rat-news-navinfo li .svg_btn img {
  position: absolute;
  right: 11px;
  cursor: pointer;
}
.svg-icon {
  width: 1.2em;
  height: 1.2em;
  fill: currentColor;
}
.rat-news-navinfo li a {
  font-size: 16px;
  font-family:'Roboto Condensed';
  font-display: swap;
  font-weight: 500;
  color: #000;
  line-height: 25px;
  padding-right: 30px;
}
.rat-news-navinfo li.active a,.rat-news-navinfo li:hover a { color: #379DA2;}
.rat-news-rightinfo {
  width: calc(80% - 30px);
  padding: 0px;
  margin: 0px;
  float: right;
}
.rat-news-listinfo {
  padding: 0px;
  margin: 0px;
}
.rat-news-listinfo ul {
  display: grid;
  column-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.rat-news-listinfo li {
  margin-bottom: 2em;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid rgba(229, 229, 229, .5);
  box-shadow: 0 3px 5px 2px rgba(210,210,210,.25);
  position: relative;
}
.rat-news-listinfo li .img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.rat-news-listinfo li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .2s linear;
}
.rat-news-listinfo li .info {
  padding: 20px;
  position: relative;
}
.rat-news-listinfo li .info .date {
  position: absolute;
  z-index: 2;
  left: 20px;
  top: -30px;
  min-width: 120px;
  height: 26px;
  background: #379DA2;
  color: #FFF;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 0px 10px;
}
.rat-news-listinfo li .info .title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.rat-news-listinfo li .info .text {
  line-height: 24px;
  margin: 10px 0px;
  color: #797979;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.rat-news-listinfo li .info .more {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
}
.rat-news-listinfo li .info .more a {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  text-transform: capitalize;
}
.rat-news-listinfo li .info .more a em {
  margin-left: 5px;
  transition: margin .2s linear;
}
.rat-news-listinfo li:hover {box-shadow: 0 3px 5px 2px rgba(210,210,210,.55);}
.rat-news-listinfo li:hover .img img {
  transform: scale(1.02);
}
.rat-news-listinfo li:hover .info .title {
  color: #379DA2;
}
.rat-news-listinfo li:hover .info .more a {
  color: #379DA2;
}
.rat-news-listinfo li:hover .info .more a em {
  margin-left: 10px;
}

.rat-news-detailsinfo {background-color: #fff; padding: 20px;margin: 0px;overflow: hidden;}
.rat-news-detailstitle {width: 100%;float: left;text-align: center;font-size: 24px;color: #333;line-height: 34px;}
.rat-news-detailssummary {width: 100%;float: left;margin-top: 25px;border-top: solid 1px #d7d8d8;border-bottom: solid 1px #d7d8d8;line-height: 34px;padding: 9px 0;}
.rat-news-detailssummary .date {float: left;font-size: 14px;color: #777;}
.rat-news-detailssummary .back {float: right;font-size: 14px;}
.rat-news-detailssummary .back a {float: left;color: #777;}
.rat-news-detailssummary .back a img {display: inline-block;vertical-align: top;width: 38px;margin: 0 0 0 11px;}
.rat-news-detailstxt {width: 100%;float: left;margin: 44px 0;font-size: 16px;color: #333333;line-height: 36px;}
.rat-news-detailslink {width: 100%;float: left;padding: 16px 0;border-top: solid 1px #d7d8d8;}
.rat-news-detailslink a {width: 49%;float: left;font-size: 14px;color: #666666;line-height: 24px;}
.rat-news-detailslink a:last-child {float: right; text-align: right;}

.pagination .page-item a {display: inline-block;width: 30px;height: 30px;line-height: 24px;text-align: center;font-size: 16px;color: #666;background-color: #f1f1f1;border-radius: 3px;margin-right: 10px;transition: all .6s;}
.pagination .page-item a.page-link {padding: 2px 0px;}
.pagination .page-item.active a.page-link {background-color:#0094d9; color: #fff;}

/* 联系我们 */
.rat-ny-infomain {
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-contact-all {
  padding: 0px;
  margin: 0px 0px 60px;
  overflow: hidden;
  display: grid;
  column-gap: 50px;
  grid-template-columns: 2fr 3fr;
}
.rat-contact-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-contact-info {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-contact-title {
  font-size: 42px;
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  color: #000;
  margin: 0px 0px 20px;
  padding: 0px;
  overflow: hidden;
}
.rat-contact-txt {
  font-size: 14px;
  line-height: 2;
  color: #000;
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.rat-contact-message {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.orderinput {
  display: grid;
  column-gap: 30px;
  grid-template-columns: 1fr 1fr;
}
.rat-contact-message label {
  border-bottom: 1px #000 solid;
  padding-bottom: 0.75em;
  margin-bottom: 1.75em;
}
.rat-contact-message label.require {width: 100%;}
.rat-contact-message label textarea {
  width: 100%;
  background: none;
  border: none;
  height: 150px;
}
.rat-contact-message label input {
  width: 100%;
  background: none;
  border: none;
}
.rat-contact-message button {
  display: inline-block;
  position: relativee;
  background-color: #000;
  color: #fff;
  font-size: 1.125em;
  border: 0px;
  width: 8.88888888888889em;
  height: 2.222222222222222em;
  line-height: 2.222222222222222em;
  text-align: center;
}
.rat-contact-maps {
  height: 460px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.rat-contact-maps .amap-icon{overflow:visible!important}
.rat-contact-maps .amap-icon:after,.rat-contact-maps .amap-icon:before{content:"";position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;width:80px;height:80px;background:rgba(55,157,162,.5);border-radius:50%;transform:scale(.1);z-index:0;-webkit-animation:amap-icon-anim 3.6s ease-out infinite;animation:amap-icon-anim 3.6s ease-out infinite}
.rat-contact-maps .amap-icon:before{-webkit-animation-delay:.4s;animation-delay:.4s}
.rat-contact-maps .amap-icon:after{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.rat-contact-maps .amap-info-close{top:12px; right: 5px !important;}
.rat-contact-maps .wrap{width: 360px;}
.rat-contact-maps .item{width:50%;margin-bottom:10px}
.rat-contact-maps .item.w100{width:100%}
.rat-contact-maps .tit{font-size:16px;color:rgba(0,0,0,.95)}
.rat-contact-maps .text{color:rgba(0,0,0,.75);font-size:14px}
@-webkit-keyframes amap-icon-anim{
  0%{opacity:0;transform:scale(.1)}
  5%{opacity:1}to{opacity:0;transform:scale(1)}
}
@keyframes amap-icon-anim{
  0%{opacity:0;transform:scale(.1)}
  5%{opacity:1}to{opacity:0;transform:scale(1)}
}

.wx-page-title {
  padding: 0px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.wx-page-title h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 1.5;
  padding: 0px 0px 10px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.wx-page-title h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 50px;
  height: 2px;
  background-color: #053786;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
/* 关于我们 */
.rat-about-profilemain {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rat-about-profileimg {
  width: 45%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-profileimg img {width: 100%;}
.rat-about-profileinfo {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-profiletitle {
  font-size: 38px;
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  color: #000;
  margin: 0px 0px 20px;
  padding: 0px;
  overflow: hidden;
}
.rat-about-profiletxt {
  font-size: 15px;
  line-height: 2;
  color: #333;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
/*企业生产*/
.wx-honor-list {
  padding: 0px;
  margin: 0px;
}
.wx-honor-list ul {
  display: grid;
  column-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
}
.wx-honor-list li {
  text-align: center;
  padding: 10px;
  margin: 0px 0px 25px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.5s;
  transition: -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
}
.wx-honor-list li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.wx-honor-oneimg img {width: 100%;}
.wx-honor-onetitle {
  font-size: 1.15rem;
  color: #1b2226;
  text-transform: uppercase;
  line-height: 2;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.wx-honor-oneview {
  font-family: 'Poppins';
  font-size: .9rem;
  text-transform: uppercase;
  color: var(--wld-blue);
}
.wx-honor-list li:hover {
  -webkit-box-shadow: 0px 15px 30px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 15px 30px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 15px 30px 10px rgba(0, 0, 0, 0.2);
}

/* 荣誉 */
.wx-aboutus-honormain {background: url(../images/index-honorbg.png) center fixed;background-size: cover;padding: 80px 0px;margin: 0px;overflow: hidden;}
.wx-aboutus-list {padding: 0px;margin: 0px;overflow: hidden;}
.wx-aboutus-list .swiper-container {width: 100%;}
.wx-aboutus-list .swiper-container .swiper-slide {padding: 15px 10px;background: #fff;}
.wx-aboutus-list .swiper-container .swiper-slide::after {content: '';width: 100%;height: 100%;border: 1px solid #E4E4E4;position: absolute;left: 0;top: 1px;transition: all .6s;pointer-events: none;}
.wx-aboutus-list .swiper-container .swiper-slide a {width: 100%;float: left;position: relative;}
.wx-aboutus-list .swiper-container .swiper-slide a span {width: 100%;height: calc(100% - 40px);float: left;margin-bottom: 40px;overflow: hidden;}
.wx-aboutus-list .swiper-container .swiper-slide a span img {width: 100%;height: 100%;object-fit: contain;display: block;transition: all .6s;}
.wx-aboutus-list .swiper-container .swiper-slide a:hover span img {transform: scale(1.1);}
.wx-aboutus-list .swiper-container .swiper-slide a p {width: 100%;line-height: 35px;position: absolute;right: 0;bottom: 0;color: #fff;background: #053786;text-align: center;padding: 0 1rem;margin: 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .6s;opacity: 1;}
.wx-aboutus-list .swiper-container .swiper-slide a:hover p {opacity: 1;}
.wx-aboutus-list .swiper-page {position: relative;margin-top: 35px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;}
.wx-aboutus-list .swiper-page .swiper-pagination {position: relative;bottom: 0;font-size: 16px;font-weight: bold;}
.wx-aboutus-list .swiper-page .swiper-pagination .swiper-pagination-current {font-size: 32px;color: #053786;}
.wx-aboutus-list .swiper-page .between-center {display: flex;flex-wrap: wrap;}
.wx-aboutus-list .swiper-page .pull-right .swiper-button-next, .wx-aboutus-list .swiper-page .pull-right .swiper-button-prev {position: relative;right: auto;left: auto;top: 0;margin: 0;width: 70px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #d6d6d6;transition: all .6s;opacity: 1;}
.wx-aboutus-list .swiper-page .pull-right .swiper-button-next:hover, .wx-aboutus-list .swiper-page .pull-right .swiper-button-prev:hover {background: #053786;}
.wx-aboutus-list .swiper-page .pull-right .swiper-button-next::after, .wx-aboutus-list .swiper-page .pull-right .swiper-button-prev::after {display: none;}
.wx-aboutus-list .swiper-page .pull-right .swiper-button-next i, .wx-aboutus-list .swiper-page .pull-right .swiper-button-prev i {font-size: 24px;}
.wx-aboutus-list .swiper-page .pull-right .swiper-button-next {margin-left: 5px;}

.rat-about-culturemain {
  background-color: #f0f0f0;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-cultureinfo {
  font-size: 15px;
  line-height: 2;
  color: #333;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

/* 案例 */
.rat-app-list {display:flex; flex-direction:column; gap:25px;padding: 0px; margin: 0px 0px 35px;}
/* ========================================== 单个大型项目卡片 ========================================== */
.boji-project-card{position:relative; display:flex; width:100%; min-height:390px; background:#F7F9FC; border-radius:24px; overflow:hidden; transition: transform .3s ease, box-shadow .3s ease;}
.boji-project-card:hover{transform:translateY(-4px);box-shadow: 0 5px 15px rgba(16,45,82,.13);}

/* ==========================================左侧图片========================================= */
.boji-project-image{width:66%; min-height:390px; overflow:hidden;}
.boji-project-image img{width:100%; height:100%;display:block; object-fit:cover; transition:transform .6s ease;}
.boji-project-card:hover .boji-project-image img{transform:scale(1.025);}
/* ========================================== 右侧文字 ========================================== */
.boji-project-content{position:relative; width:34%; padding:48px 38px 40px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
/* 项目编号 */
.boji-project-number{position:absolute; top:24px; right:28px; font-size:50px; line-height:1; font-weight:700; color:rgba(0,105,203,.08);}
/* 分类文字 */
.boji-project-category{display:inline-block; width:max-content; max-width:100%; margin-bottom:14px; padding-bottom:7px; border-bottom:3px solid #FBC84A; font-size:12px; line-height:1.4; font-weight:700; letter-spacing:1px; color:#0069CB;}
/* 项目名称 */
.boji-project-content h3{position:relative; z-index:2; margin:0 0 26px; font-size:23px; line-height:1.4; font-weight:700; color:#172B4D;}
/* 项目资料 */
.boji-project-info{border-top:1px solid #DDE5EE;}
.boji-project-row{padding:16px 0; border-bottom:1px solid #DDE5EE;}
.boji-project-row strong{display:block; margin-bottom:6px; font-size:13px; font-weight:700; color:#172B4D;}
.boji-project-row p{margin:0; font-size:14px; line-height:1.65; color:#667085;}
/* ========================================== 平板 ========================================== */
@media(max-width:1024px){
    .boji-project-image{width:60%;}
    .boji-project-content{width:40%; padding:38px 28px;}
    .boji-project-content h3{font-size:21px;}
}
/* ========================================== 手机 ========================================== */
@media(max-width:768px){
    .boji-project-cases{padding:55px 15px;}
    .boji-project-heading{margin-bottom:35px;}
    .boji-project-heading span{font-size:12px; letter-spacing:2px;}
    .boji-project-heading h2{font-size:20px; line-height:1.45;}
    .boji-project-heading p{margin-top:12px; font-size:14px; line-height:1.7;}
    .boji-project-list{gap:25px;}
    .boji-project-card{display:block; min-height:0; border-radius:18px;}
    .boji-project-image{width:100%; height:230px; min-height:0;}
    .boji-project-content{width:100%; padding:28px 22px 26px;}
    .boji-project-number{top:20px; right:20px; font-size:40px;}
    .boji-project-category{font-size:12px;margin-bottom:12px;}
    .boji-project-content h3{padding-right:35px; margin-bottom:20px; font-size:20px; line-height:1.4;}
    .boji-project-row{padding:14px 0;}
    .boji-project-row strong{font-size:13px;}
    .boji-project-row p{font-size:14px; line-height:1.65;}
}

.rat-caseinfo-editor {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.rat-caseinfo-editor p {margin: 0px;}
.rat-caseinfo-editor th {
    border: 0px;
  background: #f8fafc;
  text-align: left;
  padding: 13px 22px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #333;
  border-bottom: 1px solid #e2e8f0;
  line-height: 1.35;
}
.rat-caseinfo-editor td.col-date {
  font-size: 13px;
  font-weight: 600;
  color: #1488db;
  letter-spacing: .01em;
  white-space: nowrap;
}
.rat-caseinfo-editor td {
border: 0px;
  padding: 12px 22px;
  border-bottom: 1px solid #f2f5f9;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
}
.rat-caseinfo-editor td.col-name p:last-child {display: none;}
.rat-caseinfo-editor tr:hover td {
  background: #f7faff;
}


.wx-page-twonav {text-align: center; padding: 0px;margin: 0px 0px 45px;overflow: hidden;}
.wx-page-twonav ul {display: inline-flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin: 0px;padding: 8px; border: 1.5px solid #e5e7eb;background: #fff;border-radius: 999px;}
.wx-page-twonav li {padding: 10px 30px;min-width: 120px; color: #374151;font-weight: 500;border-radius: 999px;font-size: 0.95em;cursor: pointer;transition: all 0.2s;}
.wx-page-twonav li span {font-size: 1.05em;}
.wx-page-twonav li span img {display: inline;border: none;box-shadow: none;height: 1em;width: 1em;margin: 0 0.07em;vertical-align: -0.1em;background: none;padding: 0;}
.wx-page-twonav li.active,.wx-page-twonav li:hover {border-color: #379DA2;background: #379DA2;}
.wx-page-twonav li.active a,.wx-page-twonav li:hover a {color: #ffffff;}
/* FAQ */
.rat-faq-info {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-faq-info li {
  padding: 10px 15px;
  border: 1px solid #379DA2;
  position: relative;
  margin-bottom: 15px;
}
.rat-faq-info li .faq_title {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.rat-faq-info li .faq_title .title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 0px;
}
.rat-faq-info li.active .icon_btns {
  transform: rotate(-180deg);
}
.rat-faq-info li .icon_btns {
  font-size: 18px;
  color: #000;
  opacity: .4;
  padding: 0 10px;
  transition: .2s;
  display: flex;
  align-items: center;
}
.rat-faq-info li .faq_con {
  margin-top: 15px;
  display: none;
  color: #757575;
  max-height: 600px;
  overflow-y: auto;
}

/* 下载中心 */
.wx-down-retrievemain {background-color: rgba(243, 244, 246, 1);  padding: 10px;margin: 0px 0px 20px; border: 1px solid #eee; border-radius: 5px;}
.wx-down-retrievemain form {display: flex;flex-wrap: wrap; align-items: center; justify-content: left;}
.wx-down-retrieveone {padding: 0px; margin: 0px 10px 0px 0px;display: flex; align-items: center;}
.wx-down-retrievebtn {width: 70px; line-height: 20px; margin-left: 10px; display: inline-block;padding: 5px 10px;color: #fff;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;border: 1px solid #379DA2;border-radius: 5px;background-color: #379DA2;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.wx-down-datalist {padding: 0px;margin: 0px 0px 30px;}
.wx-down-datalist li { background-color: #fff;display: grid;column-gap: 10px;grid-template-columns: 130px calc(100% - 270px) 100px;border: 1px solid #eee;padding: 10px;margin: 0px 0px 10px;overflow: hidden;}
.wx-down-oneimg {text-align: center;padding: 0px;margin: 0px;overflow: hidden;}
.wx-down-oneinfo {display: flex; flex-wrap: wrap; align-items: top; justify-content: left; border-left: 1px solid #eee;padding: 0px 0px 0px 10px;margin: 0px;overflow: hidden;}
.wx-down-oneinfo>div {width: 100%;}
.wx-down-oneinfo h3 {font-weight: 600;color: #000;padding: 0px;margin: 0px 0px 10px;overflow: hidden;}
.wx-down-oneinfo p {color: #666; line-height: 1.6; padding: 0px; margin: 0px 0px 10px;overflow: hidden;}
.wx-down-oneinfo dl {display: grid;column-gap: 20px;grid-template-columns: 1fr 1fr 1fr 1fr;margin: 0px;padding: 0px;overflow: hidden;}
.wx-down-oneinfo dd {line-height: 1.8;color: #666;padding: 0px;margin: 0px;overflow: hidden;}
.wx-down-oneinfo dd span {color: #379DA2;}
.wx-down-onebtn {display: flex; flex-wrap: wrap; align-items: center;text-align: center;padding: 30px 0px 0px;margin: 0px;overflow: hidden;}
.wx-down-onebtn a {display: inline-block;padding: 5px 10px;line-height: .1.5;color: #fff;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;border: 1px solid #379DA2;border-radius: 5px;background-color: #379DA2;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.wx-down-onebtn p {line-height: 35px;color: #666;padding: 0px;margin: 0px;overflow: hidden;}


@media screen and (max-width:991px) {
	.pc {display: none !important;}
	.mobile {display: block !important;}
  .containe {width: auto; max-width: inherit; padding: 0px 10px;}
  .rat-header-topleft {display: none;}
  /*.rat-header-topright li:first-child {display: none;}*/
  .rat-header-navinfo {display: none;}
  .rat-header-logo {height: inherit; padding: 15px 0px; margin: 0px;}
  .rat-header-logo img {height: 45px;}
  .rat-banner-all {margin-top: 115px;}
  .indexbanner_jj{font-size:2em;}
  .banner_img_pc{display:none}
  .banner_img_mo{display:block}
  .banner_img{height:auto}
  .index_1_mid{margin:0 3.64583333333333%}
  .index_1_mid_left_1{font-size:1.5em;}
  .home-banner-txt {width: 100%; padding: 0px 15px;}
  .home-banner-txt .title {font-size: 32px; line-height: 1.3; margin-bottom: 15px;}
  .home-banner-txt .desc {font-size: 16px;}
  .more1 {font-size: 14px; line-height: 45px; height: 45px; margin-top: 20px; padding: 0px 30px; width: fit-content;}
  .rat-index-promain {margin: 30px 0px 50px;}
  .rat-index-advantagesmain,.rat-index-aboutmain,.rat-index-customermain,.rat-index-newsmain {padding: 40px 0px;}
  .rat-index-advantagesleft, .rat-index-advantagesright,.rat-index-advantageslist ul {width: 100%; float: initial; padding: 0;}
  .rat-index-advantagestitle {max-width: 100%; font-size: 46px; padding-bottom: 10px; margin-bottom: 15px;}
  .rat-index-advantagestxt {font-size: 14px;}
  .rat-index-advantageslist li {padding: 15px 0px;}
  .rat-index-advantagesinfo h3 {font-size: 16px; padding-bottom: 6px; margin-bottom: 10px;}
  .rat-index-aboutleft, .rat-index-aboutimg {width: 100%; float: initial; padding: 0; margin: 0px;}
  .rat-index-abouttitle {font-size: 32px;}
  .rat-index-aboutinfo {font-size: 14px; line-height: 1.6;}
  .rat-index-aboutother {display: none;}
  .rat-index-customertitle,.rat-about-customertitle {position: initial; margin-bottom: 20px;}
  .rat-index-customertitle h3,.rat-about-customertitle h3 {font-size: 32px; margin-bottom: 5px;}
  .rat-index-customertitle p,.rat-about-customertitle p {font-size: 14px;}
  .rat-index-customerinfo,.rat-about-customerinfo {width: 100%; padding: 15px 10px;}
  .rat-index-customerbtn {margin: 0px;}
  .rat-index-newstitle {font-size: 15px; margin-bottom: 20px;}
  .rat-index-newstitle h3 {font-size: 32px; margin-bottom: 5px;}
  .rat-index-newsone .rat-index-newsonetxt h3 {font-size: 18px; margin: 10px 0px 5px;}
  .rat-index-newsone p {font-size: 14px;}
  
  .rat-footer-main {background-size: auto 100%; padding-top: 80px;}
  .rat-footer-top {padding: 20px 0px 10px;}
  .rat-footer-contact h3, .rat-footer-menu h3, .rat-footer-prolist h3 {font-size: 20px; margin-bottom: 8px;}
  .rat-footer-contact p {line-height: 1.6; margin: 0px 0px 5px;}
  .rat-footer-bottom {font-size: 12px; line-height: 20px;}
  
  .wx-page-twonav {margin-bottom: 15px;}
  .wx-page-twonav ul {padding: 3px;}
  .wx-page-twonav li {padding: 5px 15px; min-width: auto;}
  
  .rat-banner-ny {margin-top: 115px;}
  .rat-banner-txt {left: 0px; width: 100%; padding: 0px 10px;}
  .rat-banner-txt h1 {font-size: 42px; line-height: 1;}
  .rat-banner-txt p {font-size: 14px;}
  .rat-ny-infomain,.rat-about-customermain {padding: 30px 0px;}
  .rat-contact-all {display: block; margin-bottom: 30px;}
  .rat-contact-img {display: none;}
  .rat-contact-title {font-size: 36px; margin-bottom: 10px;}
  .rat-contact-txt p {margin: 0px;}
  .orderinput {display: block;}
  .rat-contact-message label {border: 1px #000 solid;font-size: 14px; width: 100%; margin-bottom: 0.75em; padding: 5px 10px;}
  .rat-contact-message button {width: 100%; text-align: center;}
  .rat-about-profilemain {display: block;}
  .rat-about-profileimg {margin-bottom: 20px;}
  .rat-about-profiletxt {font-size: 14px; line-height: 1.8;}
  .rat-about-profiletxt p {margin-bottom: 10px;}
  .rat-news-navinfo {display: none;}
  .rat-news-rightinfo {width: 100%;}
  .rat-news-listinfo ul {display: block;}
  .rat-news-detailsinfo {padding: 10px 0px;}
  .rat-news-detailstitle {font-size: 18px;}
  .rat-news-detailssummary {margin-top: 10px;}
  .rat-news-detailstxt {margin: 20px 0px; line-height: 1.8; font-size: 14px;}
  .rat-news-detailslink a,.rat-news-detailslink a:last-child {width: 100%; float: inherit; text-align: left;}
  .rat-ny-proyjlist {margin-bottom: 20px;}
  .rat-ny-proyjlist li {width: calc(50% - 5px); padding: 5px; margin-bottom: 3px; font-size: 14px; float: left; text-align: center;}
  .rat-ny-proonelist {margin-bottom: 30px;}
  .rat-ny-proonelist h3 {padding-bottom: 5px; margin-bottom: 10px;}
  .rat-ny-proonelist h3 span {font-size: 20px; line-height: 30px;}
  .rat-ny-proonelist ul {padding-left: 15px;}
  .rat-ny-proonelist li {font-size: 13px; line-height: 1.6;}
  .rat-ny-proinfo {display: block;}
  .rat-pro-navmain {display: none;}
  .rat-pro-listmain {width: 100%;}
  .rat-ny-promain {padding: 30px 0px;}
  .rat-pro-listmaintitle {font-size: 24px; padding-bottom: 5px; margin-bottom: 15px;}
  .rat-pro-twolistname {padding: 8px 10px 8px 25px; margin-bottom: 10px;}
  .rat-pro-twolistname .fa {left: 10px;}
  .rat-pro-listinfo ul {gap: 0px 15px;grid-template-columns: 1fr 1fr;}
  .rat-pro-listinfo li {margin-bottom: 15px;}
  .rat-pro-listtitle {margin-top: 5px; font-size: 14px;}
  .rat-pro-detailstop {display: block; margin-bottom: 25px;}
  .rat-pro-detailsimg {width: 100%;}
  .rat-pro-detailssummary {width: 100%;}
  .rat-pro-detailssummary h1 {font-size: 20px;}
  .rat-pro-detailssummary p {font-size: 14px;}
  .rat-pro-detailsinfotitle h3 {font-size: 20px; line-height: 25px;}
  .rat-pro-detailsinfotxt {margin-bottom: 15px;}
  .rat-pro-detailsinfotxttitle {font-size: 17px; margin: 0px 0px 20px;}
  .rat-pro-detailsinfolist ul {gap: 0px 10px;}

  .wx-down-datalist li {display: flex; flex-wrap: wrap;}
  .wx-down-oneimg {width: 130px;}
  .wx-down-oneinfo {display: block; flex: 1;}
  .wx-down-oneinfo dl {display: none;}
  .wx-down-onebtn {padding: 10px; text-align: center;}
  .wx-down-retrieveone {width: 100%; margin-bottom: 5px;}
  
  .rat-caseinfo-editor th, .rat-caseinfo-editor td { padding: 5px 10px; }
  .rat-caseinfo-editor th:last-child, .rat-caseinfo-editor td:last-child { display: none; }
.rat-caseinfo-editor td.col-name p:last-child {display: block; color: #999;}
}
/*产品详情右侧*/
.quote-widget {
  --q-blue: #1a6fb5;
  --q-blue-dark: #175d99;
  --q-ink: #17395c;
  --q-body: #4a6076;
  --q-line: #dde8f3;
  display: grid;
  gap: 16px;
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  color: var(--q-ink);
  -webkit-font-smoothing: antialiased;
  padding: 5px;
}

.q-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0px 5px -2px rgba(17, 53, 88, .35), 0 1px 2px rgba(17, 53, 88, .04);;
}

/* ---------- 产品特点 ---------- */
.q-card--spec {
  padding: 10px;
}

.q-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: 15px 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.q-spec {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.q-spec .ico {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--q-blue);
}

.q-spec span {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .01em;
  color: var(--q-ink);
}

/* ---------- 获取报价 ---------- */
.q-card--cta {
  padding: 15px;
}

.q-cta__title {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .01em;
  color: var(--q-ink);
}

.q-cta__text {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.95;
  color: var(--q-body);
}

.q-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 152px;
  height: 46px;
  margin: 10px 0 15px;
  padding: 0 24px;
  border: 1px solid var(--q-blue);
  border-radius: 4px;
  background: #fff;
  color: var(--q-blue);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.q-btn:hover,
.q-btn:focus-visible {
  background: var(--q-blue);
  color: #fff;
  box-shadow: 0 10px 20px -12px rgba(26, 111, 181, .95);
  outline: none;
}

.q-btn:active {
  transform: translateY(1px);
  background: var(--q-blue-dark);
  border-color: var(--q-blue-dark);
}

.q-contact {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.q-contact li {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 16px;
  letter-spacing: .01em;
  color: var(--q-ink);
}

.q-contact .ico {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  color: #12314f;
}

.q-contact a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .18s ease, border-color .18s ease;
}

/* ---------- 小屏 ---------- */
@media (max-width: 420px) {
  .q-card--spec { padding: 16px; }
  .q-specs { gap: 12px 10px; }
  .q-spec { gap: 8px; }
  .q-spec span { font-size: 13px; }
}

@media (max-width: 340px) {
  .q-card--spec { padding: 16px; }
  .q-specs { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; gap: 12px; }
}

@media (max-width: 520px) {
  .q-card--cta { padding: 18px 18px 20px; }
  .q-btn { width: 100%; }
}