@font-face{font-family:TiemannLTPro;src:url(../fonts/TiemannLTPro-Light.woff2) format("woff2"),url(../fonts/TiemannLTPro-Light.woff) format("woff"),url(../fonts/TiemannLTPro-Light.ttf) format("truetype"),url(../fonts/TiemannLTPro-Light.eot) format("embedded-opentype"),url(../fonts/TiemannLTPro-Light.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Futura-Medium;src:url(../fonts/Futura-Medium.woff2) format("woff2"),url(../fonts/Futura-Medium.woff) format("woff"),url(../fonts/Futura-Medium.ttf) format("truetype"),url(../fonts/Futura-Medium.eot) format("embedded-opentype"),url(../fonts/Futura-Medium.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}
@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";}

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;}
a{color:inherit;text-decoration: none;}
a:hover  {color:#B59175;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;}
.mobile {display: none;}
.containe {
  width: 1600px;
  max-width: 96%;
  margin: 0px auto;
}
@media (min-width: 1600px) {
  .container {max-width: 1550px;}
}


/*位置控制*/
.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; top: 0; width: 100%;padding: 0px;margin: 0px;z-index: 99;}
.rat-header-topinfo {background-color: #000; font-family: 'Roboto Condensed';padding: 10px 0px 5px;margin: 0px;}
.rat-toolbar__item {padding: 0px; margin: 0px; float: right;}
.rat-toolbar__item i {margin-left: 5px;}
.toolbar__link{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px;color:#fff;font-size:14px}
.toolbar__link:hover{color:#fff}
.toolbar__link:focus{outline:0}
.rat-toolbar__item:hover .dropdown-menu {display: block;z-index: 100;min-width: 120px;left: 50%;transform: translateX(-50%); text-align: center;}
.dropdown-menu>li>a {font-size: 14px;line-height: 30px;padding: 6px 15px;}
.rat-toolbar__item img.globaldona {height: 11px;width: 16px;margin-right: 5px;}
.rat-toolbar-icon {padding: 0px; margin: 0px; overflow: hidden; float: right;}
.rat-toolbar-icon li {padding: 0px 5px; margin: 0px; overflow: hidden; float: left;}
.rat-toolbar-icon li a {display: inline-block; text-align: center; width: 25px; height: 25px; line-height: 20px; font-size: 13px; padding: 3px 0px 0px; border-radius: 50%; background-color: #444; color: #fff; margin: 0px 0px; overflow: hidden;}


.rat-header-bottominfo {padding: 0px;margin: 0px; background-color: rgba(0, 0, 0, 0.5);}
.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: space-between;-webkit-justify-content: space-between;justify-content: space-between;align-items:center;-ms-align-items: center;-webkit-align-items: center;position: relative;}
.menu_dl{width: 100%;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: #ccc;text-align: center;line-height:55px;font-size: 18px;font-family: 'Roboto Condensed';padding: 0 25px;}
.menu_dl dd.hover .menu_tt .text,.menu_dl dd.active .menu_tt .text{color: #fff;}
.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: 19%;}
.menu_down_pro_item_tt{display: block;font-size: 16px;color: #333;white-space: nowrap;margin-bottom: 17px; padding-bottom: 5px; margin-right: 80px; border-bottom: 1px solid #ccc;}
.menu_down_pro_down a{display: block;font-size: 14px;font-family: 'Roboto Condensed';color: #666;line-height: 24px;margin-bottom: 8px;}
.menu_down_pro_down a:last-child{margin-bottom: 0;}
.menu_down_pro_down a:hover{color: #B59175;-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: 326px;background: #eee;padding: 20px 25px;}
.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: #B59175;-ms-transform: translateX(3px);-webkit-transform: translateX(3px);transform: translateX(3px);}
.rat-header-callus {width: 150px;height: 80px;padding: 20px 0px 10px;font-size: 18px;font-family: 'Roboto Condensed';font-weight: 600;line-height: 25px;text-align: right;color: #B59175;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 {display: none;}
@media (max-width:991px) {
	.menu_pp {display: block;}
}
/*手机端菜单*/
.bgs {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  z-index: 90;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.menu_pp_nav{
	width: 90%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: -90%;
	color: #fff;
	overflow: hidden;
	z-index: 100;
}
.menu_pp_nav ul{
	width: 100%;
	padding-top: 30px;
}
.menu_pp_nav>ul{
	height: 100%;
	background-color: #fff;
	position: absolute;
	left:0;
}
.menu_pp_nav ul a{
	display: block;
	padding: 0px 10px;
	font-family: arial;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	border-top: 1px solid #ccc;
}
/* .menu_pp_nav ul li:first-of-type a{
	border: none;
} */
.menu_pp_nav ul li{
	padding:0 30px;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	position: relative;
}
.menu_pp_nav ul li span{
	font-size: 30px;
	color: #B59175;
	position: absolute;
	right: 35px;
	top: -3px;
}
.menu_pp_nav ul li p {
	line-height: 35px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.menu_pp_nav ul li p a {
	color: #666;
	font-weight: 300;
	border-top: 1px solid #ccc;
}
.menu_pp_logo{
	width: 100%;
	padding: 15px 30px 0 30px;
	overflow: hidden;
	position: relative;
}
.menu_pp_search{
	width: 100%;
	height: 35px;
	line-height: 35px;
	position: relative;
}
.menu_pp_search input{
	width: 100%;
	height: 35px;
	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{
	max-width: 60%;
}
.menu_pp_logo h2{
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #333;
}
.logo_close{
	width: 30px;
	height: 30px;
	border-radius:15px;
	border: 1px solid #B59175;
	float: right;
	position: relative;
	right: 0;
	top: 4px;
	z-index: 61;
}
.logo_close span:first-of-type{
	display: block;
	background-color: #B59175;
	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: #B59175;
	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: 60;
	background-color: #fff;
	overflow-y: auto;
}
.menu_pp_two ul{
	padding: 0;
}
.menu_pp_two h3{
	line-height: 45px;
	font-size: 16px;
	padding-left: 45px;
	position: relative;
}
.menu_pp_two h3 span{
	font-size: 30px;
	position: absolute;
	left: 30px;
	top: -3px;
	color: #B59175;
}
.menu_pp_two h2{
	font-size: 24px;
	padding: 30px 30px 10px;
}
.menu_pp_two h2 a {
	font-family: arial;
	color: #B59175;
}
/*头部公共END END END*/
@media (min-width:300px) {
	/*手机端菜单图标*/
	.menu_icon{
		float: right;
		width: 40px;
		height: 40px;
		background-color: #B59175;
		position: relative;
		top: 15px;
    right: 10px;
	}
	.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*/
	
}
@media (min-width:768px) {
	.menu_icon{
		width: 50px;
		height: 50px;
		top: 12.5px;
	}
	.menu_icon span:nth-child(1){
		height: 5px;
		top: 12.5px;
	}
	.menu_icon span:nth-child(2){
		height: 5px;
		top: 22.5px;
	}
	.menu_icon span:nth-child(3){
		height: 5px;
		top: 32.5px;
	}
	/*手机端菜单图标变化*/
	.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:12.5px;transform: rotate(0deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:22.5px;transform: rotate(405deg);}
	}
	@keyframes icon3{
		0%{top:32.5px;transform: rotate(0deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:22.5px;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:22.5px;transform: rotate(405deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:12.5px;transform: rotate(0deg);}
	}
	@keyframes icon6{
		0%{top:22.5px;transform: rotate(405deg);}
		40%{top:22.5px;transform: rotate(0deg);}
		60%{top:22.5px;transform: rotate(0deg);}
		100%{top:32.5px;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 {padding: 0px; margin: 0px 0px 0px; overflow: hidden;}
.banner_img{position:relative; width:100%; height:100vh;}
.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-family: "Times New Roman", Times, serif;font-weight: 500;font-size: 4.5rem;letter-spacing: 0;line-height: 2;color: #333;line-height: 1;margin-bottom: 1.5625rem}
.home-banner-txt .desc {font-size: 1.3rem;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:6.25vw;}
.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:4.58333333333333vw; 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-prolist {
  padding: 90px 0px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-titile {
  padding: 0px 0px 0px;
  margin: 0px;
  text-align: center;
  overflow: hidden;
}
.rat-index-titile p {
  font-size: 14px;
  font-family: Futura,Futura-Medium;
  font-display: swap;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
  color: #777;
  font-weight: 400;
}
.rat-index-titile h3 {
  font-size: 60px;
  font-family: TiemannLTPro;
  font-display: swap;
  margin: 0 0 30px;
  padding: 0;
  line-height: 1;
  color: #000;
  text-transform: capitalize;
}
.rat-index-prolistli {
  padding: 0px;
  margin: 30px 0px 0px;
  overflow: hidden;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.rat-index-prolist-link {
  display: block;
}
.rat-index-prolist-link img {
  width: 100%;
}
.rat-index-prolist-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d7d2c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3.4vw 20px;
  color: #171a20;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.rat-index-prolist-title {
  font-size: 24px;
  margin: 0;
  padding: 0;
  -webkit-transform: translate(0,-20px);
  transform: translate(0,-20px);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
  text-align: center;
  font-family: Futura,Futura-Medium;
  font-display: swap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rat-index-prolist-line {
  height: 24px;
  width: 1px;
  background: currentColor;
}
.rat-index-prolist-more {
  -webkit-transform: translate(0,20px);
  transform: translate(0,20px);
  --primary-color: #191C22;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-family: Futura,Futura-Medium;
  font-display: swap;
}
.j-btn {
  min-width: 145px;
  display: inline-block;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  color: #fff;
  background: var(--primary-color);
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 2px;
  text-transform: uppercase;
}
.rat-index-prolist-item:hover .rat-index-prolist-mask {
  opacity: 1;
}
.rat-index-prolist-item:hover .rat-index-prolist-title {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.rat-index-prolist-item:hover .rat-index-prolist-more {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.rat-index-prolist-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
  display: none;
}
@media (max-width: 991px) {
  .rat-index-prolist-mask {display: none;}
  .rat-index-prolist-pagination {display: block;}
}

/* 首页产品展示 */
.rat-index-hotpro {
  padding: 90px 0px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-hotprolist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-hotprolist ul {
  display: grid;
  gap: 0 30px;
  grid-template-columns: 1fr 1fr 1fr;
}
.rat-index-hotprolist li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-pro-listone {
  border: 1px solid #ddd;
  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: #B59175;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  font-display: swap;
  -webkit-transform: translate(0,100%);
  transform: translate(0,100%);
}
.rat-index-hotprolist 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:Futura-Medium;
  font-display: swap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rat-index-hotprolist li a:hover .rat-pro-listone img {width: 100%; display: none;}
.rat-index-hotprolist li a:hover .rat-pro-listone img.hover {display: block;}
.rat-index-hotpromore {
  padding: 0px;
  margin: 0px 0px 0px;
  overflow: hidden;
  text-align: center;
}
.rat-index-hotpromore a {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  padding: 5px 20px;
  margin: 0px;
  overflow: hidden;
}

/* 首页为什么选择我们 */
.rat-index-choosemain {
  padding: 90px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-chooseinfo {
  padding: 0px;
  margin: 30px 0px 0px;
  overflow: hidden;
}
.rat-index-chooseinfo ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 7% 4%;
}
.rat-index-chooseinfo li {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.rat-index-choose-icon {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.rat-index-choose-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}
.rat-index-choose-info h3 {
  font-size: 18px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  font-family: Futura,Futura-Medium;
  font-display: swap;
}
.rat-index-choose-info p {
  font-size: 14px;
  color: #242424;
  font-family: Futura,Futura-Medium;
  font-display: swap;
  opacity: .6;
}

/* 首页视频 */
.rat-index-videomain {
  background-image: url(../images/index-videobg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(141, 141, 141, 1);
  color: rgba(26, 26, 26, 1);
  padding-top: 6vw;
  padding-bottom: 6vw;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.rat-index-videoinfo {
  text-align: center;
  color: #fff;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-videoinfo p {
  font-size: 52px;
  font-family: "Times New Roman", Times, serif;
  line-height: 1.6;
  padding: 0px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-index-videoinfo a {
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #fff;
  padding: 10px 35px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-videoinfo a:hover {background-color: #1b6799;color: #fff;}

/* 首页简介 */
.rat-index-aboutmain {
  padding: 100px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-aboutinfo {
  background-color: #faf9f7;
  color: #000;
  padding: 30px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-aboutimg {
  width: 40%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-index-aboutimg img {width: 100%;}
.rat-index-abouttxt {
  width: 60%;
  padding: 0px 0px 0px 30px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-abouttxt span {
  font-size: 12px;
  color: #000;
  font-family: Futura,Futura-Medium;
  font-display: swap;
}
.rat-index-abouttxt h2 {
  font-size: 52px;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  font-display: swap;
  margin-top: 10px;
}
.rat-index-abouttxt p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 2;
  color: #444;
  padding: 10px 0 0;
  font-family: Futura,Futura-Medium;
  font-display: swap;
}

/* 首页案例 */
.rat-index-casemain {
  background-color: #ededed;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.rat-index-caseimg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  left: 0;
}
.rat-index-caseimg img {width: 100%; display: none;}
.rat-index-caseinfo {
  width: 50%;
  padding: 80px 2.5vw 0px;
  margin: 0px 0px 15vh;
  overflow: hidden;
  float: right;
}
.rat-index-casetitle {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-casetitle h3 {
  font-size: 2.5vw;
  font-family: TiemannLTPro;
  font-display: swap;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
  color: #000;
  text-transform: capitalize;
}
.rat-index-casetitle span {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  font-display: swap;
}
.rat-index-casetitle p {
  font-size: 16px;
  margin-top: 10px;
  font-family: Futura,Futura-Medium;
  font-display: swap;
  overflow: hidden;
}
.rat-index-caselist {
  padding: 15px 0px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-caselist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.rat-index-caselist li:last-child {margin-bottom: 0px;}
.home-case__product-cover {
  width: 8.7vw;
  margin-right: 1.5vw;
}
.home-case__product-cover img {
  width: 100%;
  height: 100%;
}
.home-case__product-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.home-case__product-title {
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Futura,Futura-Medium;
  font-display: swap;
}
.home-case__product-modal {
  color: #444;
  font-family: Futura,Futura-Medium;
  font-display: swap;
}


.rat-index-casemore {
  position: absolute;
  bottom: 8vh;
  right: 0;
  width: 50%;
  padding: 0px 2.5vw;
  margin: 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 200;
}
.rat-index-casemore a {
  display: inline-block;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #000;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 2px;
  text-transform: uppercase;
}
.home-case__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.home-case__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #000;
  background-color: #fff;
  color: #000;
  margin: 0px 3px;
  border-radius: 2px;
}

/* 首页新闻 */
.rat-index-newsmain {
  padding: 90px 0px 80px;
  margin: 0px;
  overflow: hidden;
}

.rat-index-newsone {
  padding: 0px;
  margin: 0px;
}
.rat-index-newsinfo {margin-top: 30px;}
.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;}
.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: 18px;color: #333; font-family: TiemannLTPro;font-weight: 600;margin: 20px 0 10px 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.rat-index-newsone p {font-size: 14px; line-height: 1.8; 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);}


/* 底部信息 */
.cy-footer-main {
	background-color: #222222;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-top {
	padding: 50px 0px 20px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-logo {
	width: 45%;
	padding: 0px 50px 0px 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
}
.cy-footer-logo img {max-width: 100%; margin-bottom: 10px;}
.cy-footer-logo p {
	font-size: 15px;
	line-height: 2;
	color: #fff;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-logo ul {padding: 0px; margin: 20px 0px 0px ; overflow: hidden;}
.cy-footer-logo li {padding: 0px;margin: 0px 10px 0px 0px;overflow: hidden;float: left;}
.cy-footer-logo li i {display: block; width: 30px; height: 30px; line-height: 30px; background-color: #999; color: #333; font-size: 16px; border-radius: 50%; text-align: center; padding: 0px; margin: 0px 0px 0px 5px; overflow: hidden;}

.cy-footer-contactus {
	width: 55%;
	padding: 0px 60px 0px 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
}
.cy-footer-contactus h4 {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	margin: 0px 0px 10px;
	padding: 0px;
	overflow: hidden;
}
.cy-footer-contactus p {
	font-size: 15px;
	line-height: 1.8;
	color: #ccc;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-nav {
	width: 50%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	float: left;
}
.cy-footer-nav h4 {
	font-size: 20px;
  line-height: 1.5;
	font-weight: 400;
	color: #fff;
	margin: 0px 0px 10px;
	padding: 0px;
	overflow: hidden;
}
.cy-footer-nav dd {
	font-size: 15px;
	line-height: 1.8;
	color: #ccc;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-nav p {
	font-size: 15px;
	line-height: 1.6;
	color: #ccc;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-nav span {
  display: block;
	font-size: 15px;
	line-height: 1.6;
	color: #ccc;
	padding: 0px;
	margin: 20px 0px 0px;
	overflow: hidden;
}
.cy-footer-nav span a {
  padding: 0px 15px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.cy-footer-nav span a:first-child {padding-left: 0px;}
.cy-footer-nav span a::after {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #999;
  position: absolute;
  top: 5px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.cy-footer-nav span a:first-child::after {display: none;}

.cy-footer-bottom {
	border-top: 1px solid #444;
	padding: 10px 0px;
	margin: 0px;
	overflow: hidden;
}
.cy-footer-copyright {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #ccc;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

/* 在线留言 */
.rat-order-main {
  background-color: #faf9f7;
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.j-inquiry-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 15px;
  grid-gap: 20px;
}
.j-inquiry-form_field {
  position: relative;
  z-index: 0;
}
.j-inquiry-form_field label {
  display: none;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 18px;
  margin-bottom: 10px;
}
.rat-order-info .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 34px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  position: relative;
}
.rat-order-info .input-group .form-control {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  padding: 9px 16px;
}
.j-inquiry-form textarea {
  min-height: 150px;
}
.j-inquiry-form_field.span-2 {
  grid-column: span 2;
}
.j-inquiry-form_field:last-child {
  text-align: center;
}
.rat-order-send {
  display: inline-block;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  border: 0;
  background: #000;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 12px 40px;
}

/* 内页开始 */
.rat-banner-ny {
  background-color: #B59175;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFFFFF;
  text-align: center;
  padding-top: 17vw;
  padding-bottom: 13vw;
}
.rat-banner-nytitle {
  text-shadow: 1px 0px 8px #0000006b;
  font-weight: 400;
  text-align: center;
  width: 100%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-banner-nytitle h1 {
  line-height: 1.3;
  font-size: 3.5vw;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  margin-bottom: 10px;
  padding: 0px;
}
.rat-banner-nytitle p {
  font-size: 15px;
  opacity: .9;
  word-break: break-word;
}
.rat-ny-maininfo {
  padding: 80px 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-editor {
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-editor img {max-width: 100%;}
.rat-ny-editor h3 {font-size: 16px;}

/* 产品展示 */

.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: 32px;
  line-height: 30px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  font-family:Futura-Medium;
  margin: 0 0 17px;
  padding: 0;
}
.member-list_itemdiv {
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #e8e8e8;
}
.member-list_subtitle {
  border-top: 1px solid #e8e8e8;
  padding: 15px 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:Futura-Medium;
  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: 16px;
  font-weight: Book;
  text-align: left;
  color: #444;
  line-height: 30px;
}
.member-list_item .subul_li a {
  font-size: 12px;
  color: #666;
}
.rat-pro-noteinfo {
  font-size: 16px;
  font-family:Futura-Medium;
  line-height: 1.8;
  margin-bottom: 25px;
  opacity: .8;
}
.rat-pro-listmain {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rat-pro-listmain ul {
  display: grid;
  gap: 0 30px;
  grid-template-columns: 1fr 1fr 1fr;
}
.rat-pro-listmain li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-pro-listmain li a:hover .rat-pro-listview {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.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;}
.rat-pro-listoneimg {padding: 0px; margin: 0px; overflow: hidden; position: relative;}
.rat-pro-listoneimg i {width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/video_play_1.png); background-repeat: no-repeat; background-size: cover; z-index: 20; padding: 0px; margin: 0px; overflow: hidden;}

.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:#B59175; border: 1px solid #B59175; color: #fff;}

.rat-pro-detailsmain {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailsleft {
  width: 80%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-pro-detailsinfotop {
  border: 1px solid #eee;
  padding: 20px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-index-detailsinfoimg {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.cy-products-detailsvideo {border: 1px solid #eee; padding: 0px; margin: 0px 0px 15px; overflow: hidden; position: relative;}
.cy-products-detailsvideo img {width: 100%;transition: all 1s;}
.cy-products-detailsvideo:hover img {transform: scale(1.1);transition: all 0.3s linear;}
.cy-products-detailsvideo i {width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url(../images/video_play_1.png); background-repeat: no-repeat; background-size: cover; z-index: 20; padding: 0px; margin: 0px; overflow: hidden;}
.cy-case-detailsimgbig {padding: 0px;margin: 0px;overflow: hidden;position: relative;}
.cy-case-detailsimgbig img {width: 100%;}
.cy-case-detailsimgbigvideo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 0px;margin: 0px;overflow: hidden;z-index: 5;}
.cy-products-detailsimg {padding: 0px; margin: 0px 0px; overflow: hidden; position: relative;}
.cy-products-detailsimg .swiper-button-next {opacity: 1;z-index: 10;right: 10px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);}
.cy-products-detailsimg .swiper-button-prev {opacity: 1;z-index: 10;left: 10px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);}
.cy-products-detailsimg li {width: 16.666666%; border: 1px solid #ddd; padding: 0px; margin: 0px 0px; overflow: hidden; float: left;}
.cy-products-detailsimg li img {width: 100%;transition: all 1s;}
.cy-products-detailsimg li:hover img {transform: scale(1.1);transition: all 0.3s linear;}
.cy-case-detailsimglist {padding: 20px 0px 0px;margin: 0px;overflow: hidden;}
.cy-case-detailsimgbox  {padding-bottom: 5px;flex-wrap: nowrap;margin: 0 0px;}
.cy-case-detailsimgbox li {  padding: 0 0px;}
.cy-case-detailsimgsmall {margin: 0px; padding: 0px; position: relative;}
.cy-case-detailsimgsmall img {width: 100%;}
.cy-case-detailsimglist2 {position: relative;}
.cy-case-detailsimglist .swiper-button-next {opacity: 1;z-index: 10;right: -50px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);}
.cy-case-detailsimglist .swiper-button-prev {opacity: 1;z-index: 10;left: -50px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;border-radius: 50%;background: rgba(0,0,0,0.5);}

.rat-index-detailsinfotxt {
  width: 50%;
  padding: 0px 0px 0px 30px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-index-detailsinfotxt h1 {
  font-weight: 500;
  font-size: 32px;
  font-family:Futura-Medium;
  color: #333;
  padding: 0px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-index-detailsinfotxt p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-index-detailsinfotxt ul {
  padding: 0px;
  margin: 30px 0px 0px;
  overflow: hidden;
}
.rat-index-detailsinfotxt ul li {
  display: flex;
  overflow: hidden;
  margin-bottom: 15px;
}
.rat-index-detailsinfotxt ul .attribute_mode_new_dt {
  font-family: TiemannLTPro,TiemannLTPro-Light;
  font-size: 16px;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #333;
}
.rat-index-detailsinfotxt ul .attribute_mode_new_dd {
  flex: 1;
  font-size: 15px;
  padding-left: 15px;
  overflow: hidden;
}
.rat-index-detailsinfotxt a {
  display: inline-block;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  padding-top: 13px;
  border-color: rgba(181, 145, 117, 1);
  border-style: solid;
  border-width: 1px;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 13px;
  text-transform: capitalize;
  background-color: rgba(181, 145, 117, 1);
  margin: 30px 0px 0px;
}
.rat-pro-detailsinfobottom {
  border: 1px solid #eee;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailsinfodetailsname {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  height: 51px;
  border-left-width: 1px;
  border-right-width: 1px;
  line-height: 51px;
  margin: 0px;
}
.rat-pro-detailsinfodetailsname h4 {
  font-size: 20px;
  font-weight: 600;
  color: #B59175;
  padding: 0px 20px;
  background-color: #eee;
  margin: 0px;
  line-height: 52px;
  display: inline-block;
}
.rat-pro-detailsinfodetailstxt {
  line-height: 1.5;
  font-size: 14px;
  padding: 20px;
  margin: 0px;
  overflow: hidden;
}
.rat-pro-detailsinfodetailstxt img {max-width: 100%;}
.rat-pro-detailsright {
  width: 20%;
  padding: 0px 0px 0px 20px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-pro-detailsrec,.rat-pro-detailsnav {
  border: 1px solid #ddd;
  padding: 15px;
  margin: 0px 0px 25px;
  overflow: hidden;
}
.rat-pro-detailsrec h3,.rat-pro-detailsnav h3 {
  font-size: 18px;
  font-family:Futura-Medium;
  padding: 0px;
  margin: 0px 0px 15px;
  overflow: hidden;
}
.rat-pro-detailsrec ul {
  width: 100%;
}
.rat-pro-detailsrec ul li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.rat-pro-detailsrec ul li .articles_img {
  width: 102px;
  flex-shrink: 0;
}
.rat-pro-detailsrec ul li .articles_img .img_par {
  background: #fff !important;
  border: 1px solid #eee;
}
.rat-pro-detailsrec ul li .articles_img .img_par img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rat-pro-detailsrec ul li .text {
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 1px;
  flex-grow: 1;
}
.rat-pro-detailsrec ul li .title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 20px;
  font-size: 14px;
  max-height: 40px;
  margin-bottom: 6px;
  word-wrap: break-word;
}
.rat-pro-detailsrec ul li .date {
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 20px;
  opacity: .6;
  white-space: normal;
  word-wrap: break-word;
}
.rat-pro-detailsnav ul {
  position: relative;
}
.rat-pro-detailsnav ul li {
  position: relative;
  padding: 0 0px;
}
.rat-pro-detailsnav ul .text {
  position: relative;
  overflow: hidden;
  padding-right: 20px;
}
.rat-pro-detailsnav ul a {
  padding: 10px 0;
  display: inline-block;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.rat-pro-detailsnav ul .fa {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: 50%;
  margin-top: -10px;
  right: 0;
  transition: .3s;
}
.rat-pro-detailsnav ul .nav_ul {
  display: none;
  padding-left: 20px;
  padding-bottom: 20px;
}
table tr th {border:1px solid #fff; background-color: #57585a; color: #fff; padding: 2px 10px; width: initial; text-align: center;}
table tr td {border:1px solid #ccc; background-color: #fff; padding: 5px 10px; width: initial; text-align: center; line-height: 1.5;}
table {min-height: 35px; line-height: 35px; font-size: 14px; border-collapse: collapse; width: 100%;}

/* OEM/ODM */
.rat-ny-oemlist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-ny-oemlist .picture_ul {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
}
.rat-ny-oemlist .picture_li {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.rat-oem-detailsimg img {
  width: 100%;
  display: block;
  position: relative;
}
.rat-oem-detailsinfo {
    font-size: 16px;
    line-height: 1.8;
  padding: 0px;
  margin: 0px 0px 50px;
  overflow: hidden;
}
.rat-oem-detailsinfo span {
  font-size: 16px;
  color: #333;
  line-height: 2;
  font-family: TiemannLTPro,TiemannLTPro-Light;
}
.rat-oem-detailsinfo h3 {
  font-size: 36px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 20px;
  font-family: TiemannLTPro,TiemannLTPro-Light;
}
.rat-oem-detailstxt {
  font-size: 14px;
  line-height: 2.5;
  word-break: break-word;
  color: #666;
}
.rat-oem-detailstxt p {margin: 0;}
.rat-ny-oemlist .picture_ul:nth-child(2n-1) .picture_li:first-child  {float: left;}
.rat-ny-oemlist .picture_ul:nth-child(2n-1) .picture_li:last-child  {float: right;}
.rat-ny-oemlist .picture_ul:nth-child(2n) .picture_li:first-child  {float: right;}
.rat-ny-oemlist .picture_ul:nth-child(2n) .picture_li:last-child  {float: left;}
.rat-ny-oemlist .picture_ul:nth-child(2n-1) {align-items: flex-start;}
.rat-ny-oemlist .picture_ul:nth-child(2n) {align-items: flex-end;flex-direction: row-reverse; margin-top: -100px;}

.rat-oem-process {
  margin: 50px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
.rat-oem-process ul {
  display: grid;
  gap: 0 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rat-oem-process li {
  padding: 0px;
  margin-bottom: 20px;
}
.rat-oem-processone {margin: 0px; padding: 0px; overflow: hidden;}
.rat-oem-processimg img {width: 100%;}
.rat-oem-processtxt {
  font-size: 18px;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  text-align: center;
  padding: 10px 0px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.rat-oem-caselist {
  margin: 50px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
.rat-oem-caselist ul {
  display: grid;
  gap: 0 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.rat-oem-caselist li img {max-width: 100%;}

/* 案例 */
.rat-case-listmain {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rat-case-listmain ul {
  display: grid;
  gap: 0 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rat-case-listmain li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-case-listmain li a:hover .rat-pro-listview {
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
}
.rat-case-listmain li a:hover .rat-pro-listone img {width: 100%; display: none;}
.rat-case-listmain li a:hover .rat-pro-listone img.hover {display: block;}
.rat-case-detailstitle {
  margin-bottom: 50px;
  font-weight: 500;
  font-size: 32px;
  font-family:Futura-Medium;
  color: #000;
}
.rat-case-detailstitle span {
  display: block;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 15px 0px 0px;
  padding: 0px;
  overflow: hidden;
}

/* 公司简介 */
.rat-about-choosemain {
  padding: 0px;
  margin: 0px 0px 0px;
  overflow: hidden;
}
.rat-about-chooseimg {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  float: left;
}
.rat-about-chooseimg img {width: 100%;}
.rat-about-choosetxt {
  width: 50%;
  padding: 0px 0px 0px 40px;
  margin: 0px;
  overflow: hidden;
  float: right;
}
.rat-about-choosetxt li {
  padding: 10px 10px 10px 20px;
  align-items: flex-start;
  display: flex;
}
.rat-about-choosetxtico {
  padding: 0px;
  margin: 0px;
  width: 60px;
  overflow: hidden;
}
.rat-about-choosetxtico img {
  width: 100%;
}
.rat-about-choosetxttitle {
  padding-left: 10px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 2.3;
  font-family: 'Montserrat',Arial,myanmar_font!important;
}
.rat-about-profilemain {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-profiletitle {
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.rat-about-profiletitle span {
  display: block;
  font-size: 14px;
  word-break: break-word;
  position: relative;
  padding-left: 45px;
  margin-bottom: 15px;
}
.rat-about-profiletitle span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 36px;
  height: 2px;
  background-image: url(../images/about-profileico.png);
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-profiletitle h3 {
  line-height: 1.3;
  font-size: 36px;
  font-family:Futura-Medium;
  color: #333;
  padding-right: 22vw;
}
.rat-about-profileinfo {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  align-items: center;
  flex-direction: row;
}
.rat-about-profileinfotxt {
  width: 50%;
  padding: 0px 3.5vw 0px 0px;
  margin: 0px;
  line-height: 1.8;
  font-size: 15px;
  overflow: hidden;
}
.rat-about-profileinfoimg {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-profileinfoimg img {width: 100%;}
.rat-about-profilenum {
  margin: 50px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
.rat-about-profilenum ul {
  display: grid;
  gap: 0 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rat-about-profilenum li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-about-profilenum li span {
  font-size: 60px;
  font-family:Futura-Medium;
  color: #B59175!important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.rat-about-profilenum li p {
  overflow: hidden;
  font-size: 18px;
  color: #444;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 10px 0px 0px;
}
.rat-about-factorylist,.rat-about-halllist,.rat-about-honorlist {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-factorylist .con,.rat-about-halllist .con,.rat-about-honorlist .con {
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
}
.list_row_ul.swiper-wrapper {
  display: flex;
  margin: 0;
  flex-wrap: nowrap;
  width: auto;
  min-width: 100%;
  height: auto;
}
.list_row_ul.swiper-wrapper .list_row_li {
  padding-left: 0;
  padding-right: 0;
  min-width: auto;
  max-width: none;
  margin-right: 20px;
}
.list_box {
  display: flex;
  flex-direction: column;
}
.rat-about-factoryimg ,.rat-about-hallimg ,.rat-about-honorimg {
  width: 100%;
  margin-bottom: 10px;
}
.rat-about-factoryimg img,.rat-about-hallimg img,.rat-about-honorimg img {
  width: 100%;
}
.rat-about-factorytitle,.rat-about-halltitle {
  font-size: 22px;
  text-align: center;
  padding: 10px 0px;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #ddd;
  opacity: 1;
}
.swiper-pagination-bullet-active {background-color: #fff;border: 1px solid #B59175;}

.rat-about-contactmain {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  padding: 10vw 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-contacttxt {
  font-size: 42px;
  line-height: 1.5;
  font-family:Futura-Medium;
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 820px;
  padding: 0px;
  margin: 0px auto;
  overflow: hidden;
}
.rat-about-contactbtn {
  text-align: center;
  margin: 30px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
.rat-about-contactbtn a {
  display: inline-block;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  border: 0;
  background: #B59175;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  -webkit-transition: .1s;
  transition: .1s;
  font-weight: 500;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 12px 40px;
}

.rat-about-ceoinfo {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  position: relative;
}
.rat-about-ceoinfotxt {
  width: 50%;
  margin: 0px;
  line-height: 2.3;
  font-size: 16px;
  overflow: hidden;
}
.rat-about-ceotitle {
  line-height: 1.6;
  padding: 0px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-about-ceotitle span {
  font-size: 36px;
  color: #000;
  font-family:Futura-Medium;
  display: block;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-ceotitle h3 {
  font-size: 36px;
  color: rgba(181, 145, 117, 1);
  font-family:Futura-Medium;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-ceoinfoimg {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-about-ceoinfoimg img {width: 100%;}
.rat-about-ceoinfo:nth-child(2n-1) .rat-about-ceoinfoimg {float: left;}
.rat-about-ceoinfo:nth-child(2n-1) .rat-about-ceoinfotxt {position: absolute; right: 0; height: 100%;}
.rat-about-ceoinfo:nth-child(2n) .rat-about-ceoinfoimg {float: right;}
.rat-about-ceoinfo:nth-child(2n) .rat-about-ceoinfotxt {position: absolute; left: 0; height: 100%;}
.rat-about-ceoinfo:nth-child(2n-1) .rat-about-ceoinfotxt .rat-about-ceoinfonl {position: absolute; top: 50%;transform: translateY(-50%); padding: 0px 0px 0px 2.5vw;}
.rat-about-ceoinfo:nth-child(2n) .rat-about-ceoinfotxt .rat-about-ceoinfonl {position: absolute; top: 50%;transform: translateY(-50%); padding: 0px 2.5vw 0px 0px;}

/* 联系我们信息 */
.rat-contact-usinfo {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  align-items: center;
  flex-direction: row;
}
.rat-contact-usinfotxt {
  width: 50%;
  padding: 0px 0px 0px 3.5vw;
  margin: 0px;
  line-height: 1.3;
  font-size: 16px;
  overflow: hidden;
}
.rat-contact-ustitle {
  line-height: 1.6;
  padding: 0px;
  margin: 0px 0px 20px;
  overflow: hidden;
}
.rat-contact-ustitle span {
  font-size: 14px;
  color: #444;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  display: block;
  padding: 0px;
  margin: 0px 0px 10px;
  overflow: hidden;
}
.rat-contact-ustitle h3 {
  font-size: 36px;
  color: #000;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-contact-usinfoimg {
  width: 50%;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-contact-usinfoimg img {width: 100%;}
.rat-contact-map {
  height: 25vw;
  margin: 50px 0px 0px;
  padding: 0px;
  overflow: hidden;
}
.rat-contact-map .amap-copyright,.rat-contact-map .amap-logo {display: none !important;}

/* FAQ */
.rat-faq-title {
  padding: 0px;
  margin: 0px 0px 30px;
  overflow: hidden;
}
.rat-faq-title h3 {
  font-size: 52px;
  color: #000;
  font-family:Futura-Medium;
  padding: 0px;
  margin: 0px 0px 10px;
  overflow: hidden;
}
.rat-faq-title p {
  font-size: 16px;
  line-height: 1.8;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.rat-faq-info {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-faq-info li {
  padding: 10px 15px;
  border: 1px solid #E4E6E7;
  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;
}

/* 新闻 */
.rat-news-listmain {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rat-news-listmain ul {
  display: grid;
  gap: 0 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.rat-news-listmain li {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.rat-news-listone {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.rat-news-listone img {width: 100%;}
.rat-news-listtitle {
  padding: 0px;
  margin: 10px 0px 0px;
  overflow: hidden;
}
.rat-news-listtitle h3 {
  font-size: 20px;
  color: #333;
  font-family:Futura-Medium;
  margin-bottom: 6px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.rat-news-listtitle p {
  font-size: 14px;
  font-weight: 400;
  font-family:Futura-Medium;
  color: #666;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0px;
}

.wx-service-title {
    margin: 50px 0px 1em;
  position: relative;
  font-size: 38px;
  color: #000;
  font-family: TiemannLTPro,TiemannLTPro-Light;
  font-weight: bold;
}
.wx-service-title::after {
  position: absolute;
  bottom: -0.25em;
  left: 0px;
  display: block;
  content: "";
  width: 60px;
  height: 4px;
  margin-left: 0px;
  background: #1453ae;
}
.wx-service-list {
  padding: 0px;
  margin: 0px 0px 50px;
  overflow: hidden;
}
.wx-service-list dl {
  font-size: 0;
  position: relative;
  border-top: 1px solid #fff;
  background-color: #213f99;
}
.wx-service-list dl dt {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  width: 30%;
  text-align: center;
  color: #fff;
}
.wx-service-list dl dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 2;
  width: 70%;
  padding: 30px 20px;
  background-color: #eee;
  margin: 0px;
}

@media (max-width: 991px) {
  .pc {display: none;}
  .mobile {display: block;}

  .rat-header-main {background-color: #000;}
  .rat-header-topinfo {padding: 5px 0px 0px;}
  .rat-header-bottominfo {background-color: #333;}
  .rat-header-logo {height: 70px; padding: 10px 0px; margin: 0px;}
  .rat-header-logo img {height: 50px;}

  .banner_img {height: 65vh;}
  .home-banner-txt {width: 90vw;}
  .home-banner-txt .title {font-size: 2.6rem;}
  .home-banner-txt .desc {font-size: 1rem;}
  .more1 {font-size: 15px; line-height: 35px; height: 35px; width: 160px;}

  .rat-index-prolist,.rat-index-hotpro {padding-top: 40px;}
  .rat-index-titile p {font-size: 12px; margin-bottom: 5px;}
  .rat-index-titile h3 {font-size: 36px; margin-bottom: 10px;}
  .rat-index-titile span {font-size: 12px; margin-bottom: 15px;}
  .rat-index-prolistli {margin-top: 0px;}
  .rat-index-hotprolist ul {display: block;}
  .rat-index-hotprolist li {margin-bottom: 15px;}
  .rat-pro-listtitle {font-size: 13px; margin-top: 5px;}
  .rat-index-choosemain,.rat-index-aboutmain,.rat-index-newsmain {padding: 40px 0px;}
  .rat-index-videoinfo p {font-size: 18px;}
  .rat-index-videoinfo a {width: 50px; height: 50px; line-height: 45px; padding-top: 3px;}
  .rat-index-videoinfo a i {font-size: 18px;}
  .rat-index-chooseinfo {margin-top: 15px;}
  .rat-index-chooseinfo ul {display: block;}
  .rat-index-chooseinfo li {margin-bottom: 10px;}
  .rat-index-choose-icon {width: 60px; height: 60px; margin-right: 5px;}
  .rat-index-choose-icon img {width: 100%;}
  .rat-index-choose-info h3 {font-size: 16px; line-height: 30px;}
  .rat-index-choose-info p {font-size: 12px; margin: 0px;}
  .rat-index-aboutinfo {padding: 10px;}
  .rat-index-aboutimg {width: 100%; padding: 0px; float: inherit;}
  .rat-index-abouttxt {width: 100%; padding: 0px; margin-top: 10px; float: inherit;}
  .rat-index-abouttxt h2 {font-size: 32px; margin-bottom: 0px;}
  .rat-index-abouttxt p {font-size: 12px; line-height: 1.6; margin-bottom: 5px;}

  .rat-index-caseimg {width: 100%; position: inherit;}
  .rat-index-caseimg img {display: block;}
  .rat-index-caseinfo,.rat-index-casemore {width: 100%;}
  .rat-index-casetitle h3 {font-size: 16px; margin-bottom: 10px;}
  .rat-index-casetitle p {font-size: 12px;}
  .home-case__product-cover {width: 160px;}
  .rat-index-newsinfo {margin-top: 15px;}
  .rat-index-newsone .rat-index-newsonetxt h3 {font-size: 16px; margin: 10px 0px 5px;}
  .rat-index-newsone p {font-size: 12px; line-height: 1.3; margin-bottom: 10px;}

  .rat-order-main {padding: 30px 0px;}
  .rat-order-info {margin-top: 15px;}
  .j-inquiry-form {display: block; padding: 0px;}
  .j-inquiry-form_field {margin-bottom: 10px;}
  .rat-order-info .input-group .form-control {padding: 5px 15px; font-size: 13px;}

  .cy-footer-top {padding: 25px 0px 10px;}
  .cy-footer-contactus {width: 100%; margin: 0px; padding: 0px;}
  .cy-footer-contactus p {font-size: 13px;}
  .cy-footer-bottom span {display: none;}

  .rat-banner-ny {margin-top: 105px;}
  .rat-banner-nytitle h1 {font-size: 36px;}
  .rat-ny-maininfo {padding: 30px 0px;}
  .rat-ny-proinfo {display: block;}
  .rat-pro-navmain,.rat-pro-detailsright {display: none;}
  .rat-pro-noteinfo {font-size: 12px; line-height: 1.5; margin-bottom: 15px;}
  .rat-pro-listmain ul {grid-template-columns: 1fr 1fr; gap: 0px 10px;}
  .rat-pro-listmain li {margin-bottom: 20px;}
  .rat-pro-detailsleft {width: 100%;}
  .rat-pro-detailsinfotop {padding: 10px;}
  .rat-index-detailsinfoimg {width: 100%;}
  .rat-index-detailsinfotxt {width: 100%; padding: 0px; margin-top: 10px;}
  .rat-index-detailsinfotxt h1 {font-size: 18px; margin-bottom: 15px;}
  .rat-index-detailsinfotxt p {font-size: 13px;}
  .rat-index-detailsinfotxt ul {margin: 10px 0px;}
  .rat-index-detailsinfotxt ul li {margin-bottom: 5px;}
  .rat-index-detailsinfotxt ul .attribute_mode_new_dt {font-size: 14px; width: 90px; max-width: 90px; min-width: 90px;}
  .rat-index-detailsinfotxt ul .attribute_mode_new_dd {font-size: 13px;}
  .rat-index-detailsinfotxt a {margin-top: 0px; width: 100%; text-align: center;}
  .rat-pro-detailsinfodetailstxt img {width: 100%;}
  .rat-pro-detailsinfodetailstxt {font-size: 13px; padding: 10px; overflow-x: auto;}
  .rat-ny-oemlist .picture_ul {display: block;}
  .rat-ny-oemlist .picture_ul:nth-child(2n) {margin-top: 0px;}
  .rat-ny-oemlist .picture_li {width: 100%;}
  .rat-oem-detailsinfo {margin: 15px 0px;}
  .rat-oem-detailsinfo h3 {font-size: 32px; margin-bottom: 10px;}
  .rat-oem-detailstxt {font-size: 13px; line-height: 1.8;}
  .rat-oem-process {margin-top: 15px;}
  .rat-oem-process ul {grid-template-columns: 1fr 1fr; gap: 0px 15px;}
  .rat-oem-process li {margin-bottom: 10px;}
  .rat-oem-processtxt {font-size: 14px;}

  .rat-about-factorylist, .rat-about-halllist, .rat-about-honorlist {margin-top: 20px;}
  .rat-case-listmain ul,.rat-news-listmain ul {gap: 0px 20px; grid-template-columns: 1fr 1fr;}
  .rat-case-detailstitle {font-size: 20px; margin-bottom: 20px;}
  .rat-ny-editor {font-size: 13px;}
  .rat-news-listmain li {margin-bottom: 15px;}
  .rat-news-listtitle h3 {font-size: 16px;}
  .rat-news-listtitle p {font-size: 12px;}

  .rat-faq-title {margin-bottom: 15px;}
  .rat-faq-title h3 {font-size: 36px; margin: 0px;}
  .rat-faq-title p {font-size: 12px;}
  .rat-faq-info li {padding: 5px 10px; margin-bottom: 10px;}
  .rat-faq-info li .faq_title .title {font-size: 15px;}
  .rat-faq-info li .faq_con {font-size: 12px;}
  .rat-contact-usinfo {display: block;}
  .rat-contact-usinfoimg {width: 100%;}
  .rat-contact-usinfotxt {width: 100%; padding: 0px; margin-top: 30px; font-size: 13px;}
  .rat-contact-usinfotxt p {margin-bottom: 5px;}
  .rat-contact-ustitle h3 {font-size: 24px;}
  .rat-contact-map {height: 320px; margin-top: 20px;}
  .rat-about-chooseimg {width: 100%;}
  .rat-about-choosetxt {width: 100%; margin-top: 10px; padding: 0px;}
  .rat-about-choosetxt li {padding: 0px; margin-bottom: 10px;}
  .rat-about-choosetxtico {width: 45px;}
  .rat-about-choosetxttitle {line-height: 22px;}

  .rat-about-profiletitle {margin-bottom: 15px;}
  .rat-about-profiletitle h3 {font-size: 24px; padding-right: 0px;}
  .rat-about-profileinfo {display: block;}
  .rat-about-profileinfotxt {width: 100%; font-size: 13px; line-height: 1.6; padding: 0px;}
  .rat-about-profileinfoimg {width: 100%;}
  .rat-about-profilenum {margin-top: 20px;}
  .rat-about-profilenum ul {grid-template-columns: 1fr 1fr; gap: 0px 20px;}
  .rat-about-profilenum li {margin-bottom: 15px;}
  .rat-about-profilenum li span {font-size: 32px;}
  .rat-about-profilenum li p {font-size: 12px; margin: 0px;}
  .rat-about-contacttxt {font-size: 24px;}
  .rat-about-ceoinfo {display: block;}
  .rat-about-ceoinfoimg {width: 100%;}
  .rat-about-ceoinfotxt {width: 100%; padding: 0px; margin-top: 15px; font-size: 13px; line-height: 1.8;}
  .rat-about-ceoinfotxt p {margin-bottom: 5px;}
  .rat-about-ceotitle {margin-bottom: 10px;}
  .rat-about-ceotitle span,.rat-about-ceotitle h3 {font-size: 24px;}
}