@charset "utf-8";
/* CSS Document */
body,html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	line-height:28px;
	font-family: 'Noto Sans','Helvetica Neue',Arial,'microsoft Yahei';
}
.gap_15,.wp-block-columns{
	gap:15px;
}
h2{
	font-size:24px;
	font-weight:bold;
	margin:25px 0;
}
.navbar-nav .subMenu{
	display:none;
}
.container.my-navbar{
	z-index:9999;
}
.navbar{
	min-height:65px;
	border-radius:0;
	margin-bottom:0;
}
.navbar-header{
	width:145px;
	float:left;
	height:65px;
	z-index:99;
	position:relative;
}
.navbar-brand{
	padding:0;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	height:40px;
}
.navbar-brand img{
	width:auto;
	max-height:40px;
}
#mynav{
	width:calc( 100% - 200px );
	float:right;
}
div.subMenu{
	position:fixed;
	width:100%;
	left:0;
	display: none;
	padding:15px 0;
	background:#ededed;
	z-index:9999;
}
div.subMenu h2{
	margin:0;
}
div.subMenu .container{
	padding:0;
	display:flex;
	align-content: space-between;
}
div.subMenu .container .col-md-2{
	padding:0 7.5px;
	width:auto;
}
.sub-menu{
	position:absolute;
	z-index:99;
	margin:0;
	padding:0;
	border-radius:0 0 8px 8px;
	min-width:200px;
	background:#fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	list-style-type:none;
	line-height:45px;
	display:none;
}
.sub-menu > li > .sub-menu{
	left:100%;
	top:-1px;
	
}
li:hover > .sub-menu,li:hover > div.subMenu{
	display: block;
}
div.subMenu h2 a{
	font-size:18px;
	color: #333;
}
div.subMenu h2 a:hover{
	color: #e70012;
}
div.subMenu img{
	width:100%;
	height:auto;
	margin:15px 0;
}
div.subMenu ul{
	margin: 0;
	padding: 0;
}
div.subMenu ul li{
	display:block;
	position: relative;
}
div.subMenu ul li:before{
	font:normal normal normal 14px/1 'Font Awesome 5 Pro';
	content: "\f105";
	margin-right: 10px;
	color:#666;
}
div.subMenu ul li a{
	color:#666;
	padding:5px 0;
	line-height:22px;
	font-size:14px;
}
#mynav > ul > li.menu-item-has-children > a:after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content:"\f107";
	margin-left:15px;
}
.navbar-nav li a.topNav,.topright li a,.navbar-nav > li > a{
	color:rgb(17, 24, 39);
	font-size:16px;
	line-height:65px;
	padding:0;
	margin:0 15px;
	text-decoration:none;
	position:relative;
}
.sub-menu a{
	padding:0 15px;
	color: rgb(55, 65, 81);
	font-size:16px;
	position:relative;
	white-space: nowrap;
}
.topright li:hover ul{
	display:block;
}
.topright li .sub-menu a{
	line-height:45px;
	padding:0 15px;
}
.topright li a{
	margin:0 8px;
}
.topright li a i{
	margin-right:5px;
}
.topright{
	margin:0;
	padding:0;
	list-style-type:none;
}
.navbar-nav li a.topNav:hover,.topright li a:hover,.navbar-nav > li > a:hover,a:hover{
	text-decoration:none;
}
.navbar-nav li a.topNav:before,.topright li ul a:before,.navbar-nav > li > a:before,.sub-menu a:before{
	width:0%;
	height:2px;
	content:"";
	position:absolute;
	left:0;
	top:calc( 50% + 12px );
	background:#f18101;
	transition:0.2s;
}
.sub-menu a{
	display:inline-block;
}
.navbar-nav li .sub-menu a:before{
	top:35px;
	left:15px;
}
.navbar-nav li a.topNav:hover:before,.topright li ul a:hover:before,.navbar-nav > li > a:hover:before,.sub-menu a:hover:before{
	width:100%;
}
.navbar-nav > li > .sub-menu li > a:hover:before{
	width:calc( 100% - 30px );
}
.navbar-nav > li > .sub-menu > li.menu-item-has-children:after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content: "\f105";
	position:absolute;
	font-size:18px;
	right:20px;
}
.navbar-nav li a:hover{
	background:none;
	text-decoration:none;
}
.my-navbar{
	position:relative;
}
.searchBox{
	background:#fff;
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	z-index:999;
	display:none;
}
.searchBox form{
	display:inline-block;
	border-bottom:1px solid rgb(229, 231, 235);
	width:50%;
	height:45px;
	position:relative;
	margin-top:15px;
}
.searchBox form input{
	border:none;
	display:block;
	outline:none;
	width:100%;
	margin:0;
	line-height:30px;
	padding:0 5px;
	margin-top:10px;
}
.searchBox form label{
	font-size:10px;
	font-weight:normal;
	position:absolute;
	display:block;
	left:5px;
	top:5px;
	margin:0;
	line-height:10px;
	text-align:left;
}
.searchBox form button{
	background:none;
	border:none;
	position:absolute;
	right:15px;
	top:5px;
}
.searchBox .glyphicon{
	font-size:16px;
	color:#000;
	margin-left:20px;
}
.topright li{
	float:left;
	position:relative;
}
.topright .sub-menu li{
	float:none;
}
.topright .sub-menu{
	min-width:auto;
}
.topright li:last-child{
	line-height:65px;
}
.topright li:last-child a{
	display:inline-block;
	background-color:#f18101;
	color: white;
	height:28px;
	padding:0 8px;
	border-radius:3px;
	line-height:28px;
	text-align:center;
}
.topright li ul li:last-child a{
	background:none;
	color:rgb(17, 24, 39);
}
.container,.wp-block-group__inner-container{
	position:relative;
	z-index:1;
}
@media (min-width: 1280px) {
  .container,.wp-block-group__inner-container {
        width: 1080px;
  }
  div.subMenu h2 a{
      font-size:16px;
  }
}
@media (min-width: 1440px){
	.container,.wp-block-group__inner-container {
  		width: 1280px;
		padding:0 15px;
		margin:0 auto;
	}
}
@media (min-width: 1480px){
	.container,.wp-block-group__inner-container {
  		width: 1440px;
		padding:0 15px;
		margin:0 auto;
	}
}


.wp-block-group__inner-container .wp-block-group__inner-container,.contact .wp-block-group__inner-container{
	width:100%;
	padding:0;
}
.jishu h2{
	font-size: 46px;
	line-height: 1;
	font-weight:bold;
	color:#f18101;
}
.jishu p{
	font-size:18px;
	line-height:1.8;
}
.pdt_40{
	padding:40px 0;
}
.homemap{
	background:url("images/map.svg") no-repeat;
	/**
	background-position:center 180px;
	**/
	padding:80px 0;
	background-size:cover;
}
.gap_30{
	gap:30px;
}
.title-style-1{
	font-size:48px;
	font-weight:bold;
	line-height:1.5;
}
.swiper-slide .wp-block-columns .wp-block-column:first-child .wp-block-image{
	position:relative;
}
.swiper-slide .wp-block-columns .wp-block-column:first-child .wp-block-image:after{
	width:60px;
	height:45px;
	content:"";
	position:absolute;
	left:0;
	top:0;
	background:url(images/hot.png);
	background-size:cover;
}
.swiper-slide .wp-block-columns .wp-block-column:last-child{
	background:#f7f7f7;
	padding:0 15px;
	text-align:center;
}
.swiper-slide .wp-block-columns .wp-block-column:last-child h2{
	font-size:24px;
	margin:35px 0 15px 0;
	color:rgba(17 24 39);
}
.swiper-slide .wp-block-columns .wp-block-column:last-child p{
	font-size:16px;
	line-height:1.8;
	opacity:.85;
}
.swiper-slide .wp-block-columns .wp-block-column:last-child p:nth-child(2){
	opacity:1;
	font-weight:bold;
}
.btn-style-1{
	text-align:center;
	display:block;
	display: block !important;
	
}
.btn-style-1 .wp-block-button:last-child a{
	line-height:44px;
	padding:0;
	font-size:16px;
	border-radius:5px;
	width:144px;
	margin-left:20px;
	border:2px solid #f18101;
	color:#f18101;
	background:none;
}
.btn-style-1 .wp-block-button:first-child a{
	background:#f18101;
	line-height:48px;
	padding:0;
	font-size:16px;
	border-radius:5px;
	color:#fff;
	margin-left: 0;
	width:144px;
}
.swiper-button-prev,.swiper-button-next{
	background:none;
	line-height:44px;
	width:44px;
}
.swiper-button-prev:before{
	background:none;
	content:"\f060";
	font-family: 'Font Awesome 5 Pro';
	font-size:30px;
	color:#374151;
	font-weight: 400;
	font-style: normal;
	left:25px;
}
.swiper-button-next{
	text-align:right;
}
.swiper-button-next:before{
	background:none;
	content:"\f061";
	font-family: 'Font Awesome 5 Pro';
	font-size:30px;
	color:#374151;
	font-weight: 400;
	font-style: normal;
	right:25px;
	
}
.wp-block-columns.swiper-wrapper{
	flex-wrap:nowrap !important;
	margin-bottom:0;
	gap:0;
	
}
.myswiper_1 .wp-block-group__inner-container{
	overflow: hidden;
	padding:0;
}
.swiper-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.swiper-slide{
	flex-basis:100%;
}
.homeBan{
	position:relative;
	z-index:1;
}
.homeBan img{
	max-width:100%;
}
.block-style-1{
	background:rgba(247 247 247);
}
.block-style-1 p{
	padding:5px 15px;
	font-size:14px;
	opacity:.75;
	margin:0;
}
.block-style-1 h2{
	margin:0;
	padding:0 15px 15px 15px;
	font-size:16px;
	line-height: 1.2;
}
.block-style-1 h2 a{
	color:#000;
	opacity:.75;
}
.block-style-1 h2 a:after{
	content:"\f061";
	margin-left:5px;
	font-family: 'Font Awesome 5 Pro';
}
.block-style-2 p{
	font-size:14px;
	line-height:1.8;
	opacity:.75;
}
.block-style-2 .cat{
	opacity:.75;
}
.block-style-2 h2{
	margin:0 0 10px 0;
}
.block-style-2 h2 a{
	color:#000;
}
.align-middle.wp-block-columns{
	align-items: center !important;
	align-items: center;
}
.block-style-2 h3{
	margin-top:0;
}
.block-style-2 h3 a{
	font-size:16px;
	color:#000;
	font-weight:bold;
	
}
@media (min-width:1280px){
	.title-style-3{
		line-height:38px;
		font-size:16px;
	}
	.title-style-2{
		margin-bottom:15px;
	}
}

.title-style-2{
	margin-top:0;
	margin-bottom:25px;
}
.title-style-3{
	line-height:60px;
	padding:0 15px;
	background:rgba(243 244 246);
}

.wd3-7.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child{
	flex-basis:30%;
}
.wd3-7.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:last-child{
	flex-basis:70%;
}
.wd3-7.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column .wp-block-column h2{
	font-size:18px;
	color:#f18101;
	margin:0px 0;
}
.block-style-3{
	background:#f5f5f5;
	position:relative;
}
.title-style-3{
	position:relative;
	margin-top:15px;
	border-radius:5px;
}
.block-style-3.active .title-style-3{
	display:none;
}
.block-style-3 .wp-block-columns{
	display:none;
}
.block-style-3.active .wp-block-columns{
	display:flex;
}
.block-style-3 .title-style-3:after{
	position:absolute;
	font-family: 'Font Awesome 5 Pro';
	font-size:24px;
	top:50%;
	right:15px;
	transform: translateY(-50%);
	content:"\f107";
}
.block-style-3 .wd3-7{
	padding:15px;
}
.caseblock .wp-block-image,.caseblock .wp-block-image,.hoverImg{
	border-radius:5px;
	overflow:hidden;
	
}
.caseblock .wp-block-image,.hoverImg{
	overflow:hidden;
	width:100%;
	height:auto;
	position:relative;
}
.caseblock .wp-block-image a,.hoverImg a{
	display:block;
	transition:0.2s;
}
.caseblock .wp-block-image a:hover,.hoverImg a:hover{
	transform: scale(1.05);
}
.title-style-4 a{
	color:#000;
}
.title-style-4 a:after{
	font-family: 'Font Awesome 5 Pro';
	content:"\f105";
	margin-left:10px;
}
.btn-style-2{
	text-align:center;
	display: block !important;
	margin-bottom:30px;
}
.btn-style-2 .wp-block-button__link{
	line-height: 44px;
	padding: 0;
	font-size: 16px;
	border-radius: 5px;
	width: 144px;
	margin:0 auto;
	border: 1px solid #f18101;
	color: #f18101;
	background:none;
}
.ntitle{
	font-size:18px;
	font-weight: bold;
	line-height: 1.8;
	color: #000;
	padding:0 15px 15px 15px;
	display:block;
	height:80px;
}
.ntitle:hover{
	color: #000;
}
.block-style-4{
	background:#f5f5f5;
}
.block-style-4 .hoverImg{
	border-radius:5px 5px 0 0;
}
div.meta{
	display: flex;
	justify-content: space-between;
	padding: 15px;
}
.webfoot{
	background-color: rgb(33, 36, 41);
	color: white;
	padding-top: 48px;
	padding-bottom: 24px;
	position: relative;
	z-index: 999;
}
a.navtitle{
	display:block;
	font-size:18px;
	color:#fff;
	margin-bottom:15px;
}
.webfoot ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.webfoot ul li{
	line-height:30px;	
}
.webfoot ul li a{
	color:rgba(255,255,255,.65);
}
.snsBox li{
	display:inline-block;
	width:32px;
	margin-right:10px;
	height:32px;
}
.snsBox li img{
	width:32px;
	height:32px;
}
.service-network-btn{
	border: 1px solid rgb(156, 163, 175);
	border-radius: 6px;
	padding: 8px 16px;
	margin-top:25px;
	font-size: 14px;
	color: white;
	text-decoration: none;
	display: none;
	display: block;
	width: fit-content;
	transition: background-color 0.15s ease-in-out 0s;
}
.service-network-btn:hover {
	background-color: rgb(55, 65, 81);
	color:#fff;
}
.bottom-section {
	border-top: 1px solid rgb(75, 85, 99);
    padding-top: 24px;
	display: flex;
	margin-top:25px;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}
.copyright-section {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-bottom: 0px;
	font-size: 14px;
	justify-content: flex-start;
	color: rgb(180, 180, 183);
}
.links-section {
	display: flex;
	gap: 20px;
	color: rgb(180, 180, 183);
	font-size: 12px;
	flex-wrap: wrap;
	justify-content: flex-end;
	color: rgb(180, 180, 183);
}
.links-section a, .links-section button {
	font-size: 15px;
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
	color: rgb(180, 180, 183);
}
.links-section button{
	text-decoration: none;
	background: none;
	border: medium none;
	cursor: pointer;
}
.links-section button::after {
	content: " ↑";
	position: relative;
	top: -1px;
}
.serviceMenu h2{
	cursor:pointer;
	transition:0.2s;
}
.serviceMenu h2:hover,.serviceMenu h2.active{
	font-size:42px;
}
.categorylineBan{
	position:relative;
	z-index: 1;
}
.categorylineBan:not(.is-not-stacked-on-mobile) .flex_70{
	flex-basis:100%;
}
.categorylineBan:not(.is-not-stacked-on-mobile) .flex_30{
	position: absolute;
    top: 50%;
	transform: translateY(-50%);
    width: 450px;
	right: 10px;
    background: #f8f8f8;
	z-index: 99;
    padding: 50px 30px;
}
.categorylineBan.imgright:not(.is-not-stacked-on-mobile) .flex_30{
	right:auto;
	left: 10px;
}
.categorylineBan.imgright:not(.is-not-stacked-on-mobile) .flex_70{
	text-align: right;
}
.categorylineBan .hoverImg{
	border-radius:0;
	width:80%;
	display: inline-block;
	
}
.categorylineBan.imgleft .hoverImg{
	margin-left:10px;
}
.categorylineBan.imgright .hoverImg{
	margin-right:10px;
}
.categorylineBan:not(.is-not-stacked-on-mobile) .flex_30 h3{
	font-size:18px;
	line-height: 1.5;
	color: #333;
	opacity:.75;
	margin: 0 0 25px 0;
	font-weight:normal;
}
.categorylineBan:not(.is-not-stacked-on-mobile) .flex_30 h2{
	font-size:48px;
	line-height: 1.2;
	color: #333;
	margin: 0 0 40px 0;
}
.btn-style-3 .wp-block-button{
	display:block;
}
.btn-style-3 .wp-block-button:first-child .wp-block-button__link{
	background:#e60012;
	color: #fff;
	border-radius: 0;
	font-size:18px;
	line-height: 45px;
	padding-top:0;
	min-width: 200px;
	transition: 0.2s;
	padding-bottom: 0;
}
.btn-style-3 .wp-block-button:last-child .wp-block-button__link{
	background:#e0e0e0;
	color: #000;
	border-radius: 0;
	font-size:18px;
	line-height: 45px;
	padding-top:0;
	padding-bottom: 0;
	margin-top: 15px;
	min-width: 200px;
	transition: 0.2s;
}
.btn-style-3 .wp-block-button .wp-block-button__link:hover{
	background:#000;
	color: #fff;
}
.categoryproson:not(.is-not-stacked-on-mobile) .wp-block-column{
	flex-basis:20%;
	box-sizing: border-box;
	flex-grow: 0;
	padding: 10px;
	border-right: 1px solid #f5f5f5;
	text-align:center;
}
.categoryproson:not(.is-not-stacked-on-mobile) .wp-block-column .wp-block-image{
	margin-bottom:15px;
}
.categoryproson:not(.is-not-stacked-on-mobile) .wp-block-column:last-child{
	border:none;
}
.bgery{
	background:#f5f5f5;
}
.title-style-cat{
	height: 50px;
  	line-height: 50px;
  	padding: 0 20px;
  	border-bottom: 3px solid #f8f8f8;
	background:#fff;
}
.proside {
    width: 23.93%;
    float: left;
    z-index: 1;
}
.prolistbox{
	width:calc( 76.07% - 15px );
	float: right;
}
dl.procategory{
	margin:0;
	padding: 0 20px;
	list-style-type: none;
	text-indent: 0;
	background:#fff;
}
dl.procategory dt{
	padding: 25px 0;
    color: #3e3e3e;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 700;
    font-size: 2rem;
}
dl.procategory dd{
	height: 45px;
	position: relative;
}
dl.procategory dd a{
	line-height: 22px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #333;
}
.block-style-product{
	background: #fff;
  	margin-bottom: 20px;
  	padding: 25px;
	box-shadow: 0 12px 12px -10px rgba(0,0,0,.15);
}
.title-style-producteach{
	margin-bottom: 20px;
}
.title-style-producteach a{
	color:#333;
	font-size:24px;
}
.title-style-producteach a i{
	font-size:18px;
}
.title-style-producteach p{
	margin-bottom: 0;
}
.homeBan .container{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.homeBan h1{
	color: #fff;
	font-size: 5.4rem;
	font-weight: 700;
}
.section-banner-title {
   font-size:60px;
   font-weight:bold;
   color:#fff;
   line-height: 1.2;
   margin-bottom: 5rem;
}
.section-banner-btn {
   width: 22rem;
   font-size: 1.8rem;
   color: #fff;
   text-align: center;
   border-radius: 4px;
   position: relative;
   height: 4.8rem;
}
.section-banner-btn span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  transition: all .5s;
  background: #e60012;
  line-height: 4.8rem;
}
.solutions-list.wp-block-columns{
	  flex-wrap: wrap !important;
	  flex-wrap:wrap;
	  max-width:1000px;
	  margin:0 auto;
}
.solutions-list.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
	flex-basis:calc( 50% - 7.5px );
	flex-grow:0;
}
.solutions-list.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n){
	margin-left:15px;
}
.solutions-list img{
	width:100%;
	height:auto;
}
.solutions-list p.item-title{
	font-size: 1.6rem;
	font-weight: 700;
	color: #191f22;
	line-height: 2.6rem;
	overflow: hidden;
	margin: 3rem 0;
	padding-left: 2px;
}
.section-content.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.section-warp,.section-warp .swiper-container {
  position: relative;
  z-index: 1;
  width: 100%;
  height:100vh;
}
.init-anim {
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 overflow:hidden;
 background:0 0;
 width: 100%;
height: 100vh;
}
.section-warp h2 {
 font-size:5rem;
 color:#fff;
 font-weight:700;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 line-height:200px;
 z-index:2;
 width: 100%;
text-align: center;
}
.section-warp h2.scale-text {
 display:none;
 animation:textScale2 .5s;
 font-size:5rem;
 opacity:1
}
.init-anim .amask {
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 width:100%;
 height:100%;
 background:#fff;
 animation:scaleOut .4s linear 1.8s forwards;
 transform-origin:center
}
@keyframes textScale {
 0% {
  opacity:0;
  font-size:12rem
 }
 10%,
 95% {
  opacity:1
 }
 30% {
  opacity:1;
  font-size:5rem
 }
 100% {
  opacity:0
 }
}
@keyframes textScale2 {
 0% {
  opacity:0;
  transform:translate(-50%,-50%) scale(2.5)
 }
 100% {
  opacity:1;
  transform:translate(-50%,-50%) scale(1)
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes scaleOut {
 0% {
  transform:scale(1)
 }
 100% {
  transform:scale(0)
 }
}
@keyframes downIn {
 0% {
  top:0;
  opacity:0;
  transform:translate(0,0)
 }
 100% {
  top:50%;
  opacity:1;
  transform:translate(0,-50%)
 }
}
@keyframes topIn {
 0% {
  opacity:0;
  transform:translate(-50%,-60%)
 }
 50% {
  opacity:.5;
  transform:translate(-50%,-60%)
 }
 100% {
  opacity:1;
  transform:translate(-50%,-50%)
 }
}
.pagefull header{
	border-bottom: 1px solid rgb(229, 231, 235);
	background-color: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(4px);
	position:fixed;
	z-index:99;
	width:100%;
	top:0;
}
.pagefull .breadcrumb-top{
	
}
.admin-bar.pagefull header{
	top:32px;
}
.admin-bar.pagefull .breadcrumb-top{
	
}
.text-warp {
 width:100%;
 height:100vh;
 background:#fff;
 position:relative;
 z-index:2;
 text-align:center;
 overflow:hidden
}
.text-content {
 max-width:80%;
 width:750px;
 margin:0 auto;
 padding:45px 0;
 font-size:1.6rem
}
.text-content h3 {
 font-size:5rem;
 padding-bottom:2.4rem;
 font-weight:700;
 transition:none
}
.text-container {
 width:100%;
 position:absolute;
 top:0;
 left:0;
 transform:translate(0,0);
 transition:none
}
.text-content-detail {
 line-height:1.6
}
.section-pressRelase .small-lists li:hover {
 box-sizing:border-box
}
.section-pressRelase .big-one:hover .newsPic,
.section-pressRelase .small-lists li:hover .sml-pic img {
 transform:scale(1.05)
}
.section-pressRelase .big-one:hover,
.section-pressRelase .small-lists li:hover {
 box-shadow:0 12px 12px -10px rgba(0,0,0,.15)
}
.section-pressRelase .big-one .bor-title,
.section-pressRelase .small-lists .sml-title {
 font-weight:700;
 -webkit-line-clamp:4;
 overflow:hidden;
 text-overflow:ellipsis;
 -webkit-box-orient:vertical
}
.section-pressRelase .big-one {
 display:block;
 position:relative;
 overflow:hidden;
 background:#fff;
 margin:3rem 0 30px;
 cursor:pointer
}
.section-pressRelase .big-one .bo-left {
 width:56%;
 overflow:hidden;
 float:left
}
.section-pressRelase .big-one .bo-left .bol-box {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:63.38%;
 overflow:hidden
}
.section-pressRelase .big-one .bo-right {
 box-sizing:content-box;
 width:37.84%;
 padding:0 0 0 3%;
 float:left
}
.section-pressRelase .big-one .newsPic {
 vertical-align:middle;
 transition:all .5s;
 height:100%;
 width:auto;
 min-width:100%;
 position:absolute;
 left:0
}
.section-pressRelase .big-one .bor-desc {
 font-size:2rem;
 color:#707070;
 margin:4.8rem 0 2.4rem
}
.section-pressRelase .big-one .bor-title {
 font-size:3.2rem;
 color:#000;
 line-height:1.2;
 display:-webkit-box
}
.cn .section-pressRelase .big-one .bor-title {
 font-size:2.6rem
}
.section-pressRelase .big-one .bor-bottom {
 position:absolute;
 bottom:4rem;
 left:59%;
 font-size:1.6rem;
 color:#707070;
 width:35.84%
}
.section-pressRelase .big-one .bor-bottom img {
 width:3.7rem;
 float:right
}
.section-pressRelase .small-lists {
 overflow:hidden
}
.section-pressRelase .small-lists ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.section-pressRelase .small-lists li {
 width:calc((100% - 60px)/ 3);
 float:left;
 background:#fff;
 margin-bottom:30px;
 cursor:pointer
}
.section-pressRelase .small-lists li a {
 list-style:none;
 text-decoration:none
}
.section-pressRelase .small-lists li:nth-child(3n-1){
 margin:0 30px
}
.section-pressRelase .small-lists .sml-pic {
 width:100%;
 height:0;
 padding-bottom:63%;
 position:relative;
 overflow:hidden
}
.section-pressRelase .small-lists .sml-pic.pdf-box {
 padding-bottom:142.04%
}
.section-pressRelase .small-lists .sml-pic img {
 width:auto;
 min-width:100%;
 transition:all .5s;
 position:absolute;
 height:100%
}
.section-pressRelase .small-lists .sml-desc {
 font-size:1.8rem;
 color:#707070;
 padding:20px 20px 15px
}
.section-pressRelase .small-lists .sml-title {
 height:118px;
 font-size:22px;
 color:#000;
 line-height:1.3;
 padding:0 20px;
 display:-webkit-box
}
.section-pressRelase .small-lists .sml-bottom {
 padding:20px;
 font-size:1.6rem;
 color:#707070;
 width:calc(100% - 40px)
}
.section-pressRelase .small-lists .sml-bottom img {
 width:3.7rem;
 float:right
}
.section-pressRelase .readmore {
 margin:1rem auto 0;
 font-size:2rem;
 text-align:center;
 color:#3573e7;
 font-weight:400
}
.cn .section-pressRelase .readmore {
 font-size:1.7rem
}
.section-pressRelase .readmore a {
 color:#3573e7
}
.section-pressRelase .readmore div {
 display:inline-block;
 cursor:pointer
}
.section-pressRelase .readmore img {
 width:6px;
 margin-left:4px;
 margin-top:-3px
}
.section-featured {
 position:relative;
 margin-top:7rem;
 padding:7rem 0 5.5rem;
 background:#fff;
 overflow:hidden
}
.section-featured .swiper-container{
	overflow: visible;
}
.section-featured .content {
 position:relative;
 height:56.5rem
}
.section-featured .big-title,
.section-pressRelase .big-title {
 font-size:3.6rem;
 font-weight:700;
 color:#000;
 margin-bottom:3rem
}
.cn .section-featured .big-title,
.cn .section-pressRelase .big-title {
 font-size:3rem
}
.section-pressRelase .big-title {
 margin-top:7rem;
}
.section-featured .box-lists {
 width:100%;
 overflow-x:scroll;
 white-space:nowrap;
 overflow:visible;
 position:absolute;
 left:0;
 direction:ltr
}
.section-featured .box-lists .box-one {
 width:59.2%;
 max-width:710px;
 height:auto;
 position:relative;
 float:none;
 display:inline-block;
 cursor:pointer
}
.section-featured .one-wz {
 position:relative;
 width:100%
}
.section-featured .one-wz .box-image {
 position:relative;
 height:0;
 padding-bottom:61.84%;
 overflow:hidden
}
.section-featured .box-lists .box-one:not(:last-child) {
 margin-right:30px
}
.section-featured .box-lists .box-one img {
	max-width:100%;
 transition:scale .5s;
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 transform:translate(-50%,-50%)
}
.section-featured .box-one .boxo-bottom {
 width:100%;
 background:#fafafa;
}
.section-featured a {
 text-decoration:none!important
}
.section-featured .boxo-bottom .boxob-title {
 padding:20px 4.5rem 0;
 font-size:18px;
 font-weight:700;
 text-align:left;
 color:#000;
 line-height:1.3;
 max-height:90px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 white-space:pre-wrap
}
.section-featured .boxo-bottom .boxob-time {
 font-size:16px;
 color:#707070;
 padding:1.5rem 4.5rem 2rem
}
.section-featured .box-button {
 overflow:hidden;
 position:relative;
 margin-top:100px;
 margin-bottom:50px;
 z-index:9999;
}
.section-featured .box-button  .swiper-pagination-fraction{
	position:static;
	text-align:left;
	float:left;
	 font-size:1.8rem;
 color:#707070;
 float:left;
 width:5.4rem
}
.section-featured .box-button .swiper-scrollbar {
 width:41.67%;
 min-width:400px;
 position:relative;
 margin:8px 50px 0 65px;
 float:left;
 height:4px;
}
.section-featured .boxb-process .process1 {
 width:100%;
 height:3px;
 background:#d8d8d8
}
.section-featured .boxb-process .process2 {
 width:0;
 height:3px;
 background:#dc000c;
 position:absolute;
 top:0;
 left:0
}
.section-featured .box-button .boxb-arrow {
 float:left;
 direction:ltr
}
.section-featured .box-button .boxb-arrow img {
 cursor:pointer;
 width:10px
}
.section-featured .box-button .boxb-arrow img.leftArrow {
 margin-right:38px
}
.section-pressRelase{
	padding:30px 0;
}
.new-container {
 max-width:1000px;
 margin:0 auto;
}
.short-news-item,
.slide-wrap {
 display:flex;
 align-items:center;
 justify-content:space-between
}
.slide-wrap {
 padding:20px 40px;
 margin-top:20px;
 background:#fff
}
.short-news-item {
 justify-content:flex-start
}
.short-news-time {
 display:flex;
 align-items:center;
 justify-content:left;
 margin-right:3rem;
 font-size:16px;
 line-height:24px;
 color:#707070
}
.short-news-date {
 font-size:48px;
 line-height:64px;
 margin-right:10px
}
.short-news-container {
 flex-grow:1;
 height:96px;
 overflow:hidden
}
.short-news-content {
 font-size:18px;
 font-weight:700;
 line-height:24px;
 max-height:72px;
 overflow:hidden;
 color:#000
}
.cn .short-news-content {
 font-size:16px
}
.short-news-buttons {
 flex-grow:0;
 flex-shrink:0;
 width:28px;
 margin-left:20px
}
.short-news-button {
 cursor:pointer;
 outline:0;
 width:28px;
 padding:4px
}
.short-news-button img {
 width:20px
}
.short-news-button.disabled,
.short-news-button.swiper-button-disabled {
 opacity:.5;
 cursor:default
}
.short-news-button.short-news-button-next img {
 transform:rotate(180deg)
}
.readmore-xs,
.short-news-time-m {
 display:none
}
@media only screen and (max-width:1320px) {
 .section-pressRelase .big-one .bor-title {
  font-size:28px;
  line-height:36px;
  height:144px
 }
 .cn .section-pressRelase .big-one .bor-title {
  font-size:24px
 }
}
@media only screen and (max-width:1180px) {
 .section-pressRelase .big-one .bor-title {
  font-size:26px;
  line-height:32px;
  height:128px
 }
 .cn .section-pressRelase .big-one .bor-title {
  font-size:22px
 }
}
@media only screen and (max-width:1024px) {
 .section-pressRelase .big-title {
  margin-top:9rem
 }
 .section-pressRelase .big-one .bor-desc {
  margin:30px 0 12px
 }
 .new-container {
  max-width:650px
 }
 .section-pressRelase .big-one .bor-title {
  font-size:20px;
  line-height:24px;
  height:96px
 }
 .cn .section-pressRelase .big-one .bor-title {
  font-size:18px
 }
 .section-pressRelase .small-lists .sml-title {
  height:96px;
  font-size:20px;
  line-height:24px;
  padding:0 17px
 }
 .section-pressRelase .big-one .bor-bottom {
  bottom:3rem
 }
 .section-pressRelase .small-lists li:nth-of-type(2),
 .section-pressRelase .small-lists li:nth-of-type(5) {
  margin:0
 }
 .section-pressRelase .small-lists li:nth-child(even) {
  margin-left:20px!important
 }
 .section-pressRelase .small-lists li {
  width:calc((100% - 20px)/ 2);
  margin-bottom:20px!important
 }
 .section-featured .box-button .boxb-process {
  margin:8px 25px 0 35px
 }
 .section-featured .box-button {
  padding-top:20px
 }

 .section-featured .boxo-bottom .boxob-title {
  padding:1rem 20px 0
 }
 .section-featured .boxo-bottom .boxob-time {
  padding:10px 20px
 }
 .section-pressRelase {
  margin-top:77px
 }
 .section-magazine {
  margin-top:40px
 }
 .box-button.hidden-xs {
  display:block!important
 }
 .section-featured .visible-xs {
  display:none!important
 }
 .section-featured {
  margin-top:4rem;
  padding:3rem 0 5.5rem
 }
}
@media screen and (max-width:767px) {
 .new-container {
  width:90%;
  max-width:400px
 }
 .box-button.hidden-xs {
  display:none!important
 }
 .section-featured .visible-xs,
 .visible-xs {
  display:block!important
 }
 .big-title .readmore,
 .short-news-buttons,
 .short-news-time {
  display:none
 }
 .slide-wrap {
  padding:10px 20px
 }
 .short-news-container {
  height:118px
 }
 .short-news-content {
  font-size:18px;
  line-height:22px;
  max-height:118px
 }
 .short-news-content .title {
  max-height:88px;
  overflow:hidden
 }
 .short-news-time-m {
  display:block;
  font-size:14px;
  color:#707070;
  font-weight:400;
  padding-top:10px
 }
 .section-pressRelase {
  margin-top:6vw
 }
 .section-pressRelase .big-one .bor-bottom {
  width:100%;
  position:relative;
  left:0;
  bottom:0;
  padding:10px 0 27px;
  font-size:14px
 }
 .section-pressRelase .small-lists .sml-bottom {
  padding:10px 17px 27px;
  width:calc(100% - 34px);
  font-size:14px
 }
 .section-pressRelase .small-lists li:nth-of-type(2),
 .section-pressRelase .small-lists li:nth-of-type(5) {
  margin:0
 }
 .section-pressRelase .readmore {
  font-size:16px;
  color:#0064d9;
  margin-top:3px
 }
 .section-pressRelase .readmore-xs {
  display:block;
  margin-top:20px
 }
 .section-pressRelase .big-one {
  margin:17px 0
 }
 .section-pressRelase .small-lists li {
  margin-bottom:17px!important
 }
 .section-featured {
  margin-top:6vw;
  padding:6vw 0 90px
 }
 .section-featured .box-lists .box-one {
  width:16.65%;
  max-width:768px;
  margin-right:0!important;
  margin-left:0!important;
  padding:0 20px;
  float:left;
  display:block
 }
 .section-featured .big-title,
 .section-pressRelase .big-title {
  font-size:23px;
  margin-top:20px;
  margin-bottom:12px
 }
 .section-featured .big-title {
  margin-top:0;
  margin-bottom:23px
 }

 .section-featured .boxo-bottom .boxob-title {
  padding:0;
  font-size:17px;
  line-height:20px;
  font-weight: normal;
 }
 .section-featured .boxo-bottom .boxob-time {
  font-size:14px;
  padding:13px 0 23px
 }
 .section-featured .box-one .boxo-bottom {
  padding-top:10px;
  background:0 0
 }
 .section-featured .sl-box {
  background:rgba(255,255,255,.6);
  width:44px;
  height:44px;
  text-align:center;
  z-index:9;
  position:absolute;
  top:50%;
  cursor:pointer
 }
 .section-featured .sl-box img {
  width:10px;
  margin-top:12px
 }
 .section-featured .box-lists::-webkit-scrollbar {
  display:none
 }
 .section-pressRelase .big-one .newsPic {
  left:0;
  transition:none
 }
 .section-pressRelase .big-one .bo-left,
 .section-pressRelase .big-one .bo-right,
 .section-pressRelase .small-lists li {
  width:100%
 }
 .section-pressRelase .small-lists li:nth-child(even) {
  margin-left:0!important
 }
 .section-pressRelase .big-one .bo-right {
  padding:0 17px;
  width:calc(100% - 34px)
 }
 .section-pressRelase .big-one .bor-desc {
  font-size:14px;
  margin:20px 0 10px
 }
 .section-pressRelase .small-lists .sml-title {
  height:auto;
  font-size:18px;
  line-height:22px;
  padding:0 17px
 }
 .cn .section-pressRelase .small-lists .sml-title {
  font-size:16px
 }
 .section-pressRelase .small-lists .sml-desc {
  font-size:14px;
  padding:20px 17px 10px
 }
 .section-pressRelase .big-one .bor-title {
  font-size:18px;
  line-height:22px;
  height:auto
 }
 .section-featured .sl-box:nth-of-type(1) {
  left:20px;
  display:none
 }
 .section-featured .sl-box:nth-of-type(2) {
  right:20px
 }
}
@media screen and (max-width:414px) {
 .section-featured,
 .section-pressRelase {
  margin-top:9vw
 }
}


.section-filter .dropdown,
.section-filter .dropdown .selected::after,
.section-filter .dropdown.focus,
.section-filter .dropdown.scrollable div::after,
.section-filter .dropdown:hover {
 border:none;
 box-shadow:none
}
.section-filter .dropdown .carat,
.section-filter .dropdown.open .carat {
 width:14px;
 height:8.4px;
 right:5px;
 margin-top:-3px;
 border-top:0 solid transparent
}
.section-filter .dropdown .carat {
 border:0 solid transparent;
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsIndex/arrow-down.png);
 background-size:100%;
 border-bottom:0 solid #000
}
.section-filter .dropdown.open .carat {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsIndex/arrow-down.png);
 background-size:100%;
 border-bottom:0 solid #000
}
.section-filter .dropdown div {
 width:230px;
 max-height:450px;
 min-height:170px;
 border:none;
 box-shadow:0 10px 30px 0 rgba(0,0,0,.2);
 margin-top:15px;
 display:none
}
.section-filter .dropdown.open div {
 display:block
}
.section-filter .pc-select-one2 .dropdown div,
.section-filter .pc-select-one3 .dropdown div {
 min-height:420px!important
}
.section-filter .dropdown ul {
 margin:0;
 padding:30px 0;
 box-sizing:border-box
}
.section-filter .dropdown li {
 display:inline-block;
 list-style:none;
 margin:0 16px;
 min-height:30px;
 line-height:1.5;
 width:calc(100% - (16px * 2));
 padding:5px 14px;
 box-sizing:border-box;
 cursor:pointer;
 font-size:1.6rem
}
.section-filter .dropdown li.active {
 font-weight:700
}
.section-filter .dropdown li.focus {
 color:#000;
 background-color:#f5f5f7
}
.section-filter .dropdown .selected {
 font-size:2rem;
 color:#707070;
 padding:0 30px;
 overflow:hidden;
 line-height:normal
}
.section-filter.fixed {
 width:100%;
 position:fixed;
 top:0;
 left:0;
 z-index:999;
 border-bottom:1px solid #f8f8f8
}
.new-container .item {
 display:block;
 box-sizing:content-box
}
.new-container .item::after {
 display:block;
 clear:both;
 content:""
}
@media only screen and (max-width:767px) {
 .new-container {
  width:90%;
  max-width:400px
 }
}
@media screen and (min-width:769px) and (max-width:1024px) {

}
@media screen and (min-width:1025px) and (max-width:1280px) {

}
@media screen and (min-width:1281px) and (max-width:1600px) {

}
@media screen and (min-width:1601px) {

}
option,
select {
 border:none;
 background:0 0
}
input,
input:focus,
select:focus,
textarea {
 outline:0
}
.section-newslist {
 font-size:5.4rem;
 font-weight:700;
 color:#1d1d1d;
 padding:0
}
.section-filter {
 padding:26px 0;
 background:#f8f8f8;
 margin-bottom:3rem;
 padding-top:10rem;
}
.section-filter .content {
 display:flex;
 align-items:center;
 justify-content:flex-start
}
.section-filter .filter {
 font-size:20px;
 font-weight:400;
 color:#1d1d1d;
 margin-right:40px
}
.section-filter .select {
 flex-grow:2
}
.section-filter .select-one {
 position:relative;
 float:left
}
.section-filter .select-one select {
 font-size:14px;
 font-weight:400;
 color:#707070;
 padding-right:16px;
 cursor:pointer
}
.section-filter .select-one option {
 padding-left:10px
}
.section-filter .select-one:not(:last-child) {
 margin-right:30px
}
.section-filter .reset-word {
 float:right;
 margin-left:.6rem
}
.section-filter .reset-div {
 font-size:18px;
 font-weight:400;
 color:#0064d9;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:space-between
}
.section-filter .reset-div:hover img {
 transform:rotate(180deg);
 transition-duration:.5s
}
.section-filter .reset-div img {
 width:2rem;
 margin-left:.6rem
}
.section-list .item {
 overflow:hidden;
 position:relative;
 margin-bottom:1.8rem;
 cursor:pointer
}
.section-list .item:hover .i-left img {
 transform:translate(-50%,-50%) scale(1.1);
 transition:all .5s
}
.section-list .i-left img {
 width:100%;
 height:auto;
 transition:scale .5s;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%)
}
.section-list .i-left {
 width:234px;
 float:left;
 overflow:hidden
}
.section-list .i-left .il-img {
 width:100%;
 height:0;
 position:relative;
 padding-bottom:63.16%;
 overflow:hidden
}
.section-list .i-right {
 margin-left:234px;
 padding-left:30px
}
.section-list .ir-one,
.section-list .ir-time {
 overflow:hidden;
 font-size:14px;
 font-weight:400;
 color:#dc000c
}
.section-list .ir-time {
 color:#707070
}
.section-list .ir-one div:nth-of-type(1) {
 color:#707070;
 float:left;
 margin-right:3rem
}
.section-list .ir-one div:nth-of-type(2) {
 color:#dc000c;
 float:left
}
.section-list .ir-two {
 font-size:18px;
 font-weight:400;
 text-align:left;
 color:#000;
 line-height:1.2;
 margin:1% 0 .8%;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 overflow:hidden
}
.section-list .ir-three {
 font-size:16px;
 font-weight:400;
 text-align:left;
 color:#666;
 line-height:1.4;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 overflow:hidden
}
.section-list .ir-thour {
 position:absolute;
 bottom:3rem;
 left:38.8%;
 font-size:2rem;
 font-weight:400;
 color:#3573e7
}
.section-list .ir-thour img {
 width:.8rem;
 margin-left:1.3rem
}
.section-page {
 text-align:center;
 padding:30px 0;
 font-size:2rem;
 color:#707070
}
.section-page .content {
 display:inline-block
}
.section-page .pageInput {
 width:4rem;
 height:4rem;
 border:1px solid #707070;
 text-align:center;
 font-size:20px;
 color:#707070;
 display:inline-block;
 background:0 0
}
.section-page span.pageInput {
 display:none
}
.section-page .xiegan {
 margin:0 1.6rem
}
.section-page .left-jt,
.section-page .right-jt {
 padding:1.2rem 1rem .8rem;
 width:48px;
 text-align:center;
 cursor:pointer;
 box-sizing:border-box
}
.section-page .left-jt:hover,
.section-page .right-jt:hover {
 background:0 0
}
.section-page .left-jt {
 margin-right:3rem;
 float:left
}
.section-page .right-jt {
 margin-left:3rem;
 float:right
}
.section-page img {
 width:1rem;
 cursor:pointer
}
.nodata-reset {
 cursor:pointer;
 font-size:2.2rem;
 text-align:center;
 color:#767676;
 padding:20rem 0 35rem
}
.nodata-reset a {
 color:#0064d9;
 text-decoration:underline;
 cursor:pointer
}
.pageNum {
 font-size:20px
}
@media only screen and (max-width:1080px) {
 .section-list .ir-three {
  -webkit-line-clamp:2
 }
}

@media only screen and (min-width:1280px) {
 .new-container {
  max-width:1200px
 }
 .section-filter .select-one select {
  min-width:250px;
  height:42px;
  border:1px solid #e0e0e0;
  padding-left:10px;
  background:url(images/arrow-bottom.png) no-repeat #fff;
  background-size:11px auto;
  background-position:calc(100% - 10px) center;
  -webkit-appearance:none;
  border-radius:4px
 }
 .section-list .i-right {
  position:absolute;
  right:0;
  top:50%;
  transform:translate(0,-50%);
  width:calc(100% - 234px)
 }
}
@media only screen and (min-width: 1440px){
	.new-container {
  		max-width: 1280px;
	}
}
@media only screen and (max-width:1024px) {
 .new-container {
  max-width:650px
 }
 .section-filter .filter,
 .visible-xs.time-xs {
  display:none!important
 }
}
@media only screen and (max-width:768px) {
 .i-right .hidden-xs {
  display:block!important
 }
}
@media only screen and (max-width:767px) {
 .visible-xs.time-xs {
  display:block!important
 }
 .i-right .hidden-xs {
  display:none!important
 }
 .section-page input.pageInput {
  display:none
 }
 .section-page span.pageInput {
  display:inline-block;
  width:auto;
  height:auto;
  border:none;
  color:#0064d9;
  font-size:17px
 }
 .section-filter .reset-div {
  display:none
 }
 .pageNum {
  font-size:17px
 }
 .section-list .ir-one div:nth-of-type(1) {
  width:35.6%;
  margin-right:0
 }
 .section-newslist {
  font-size:23px;
  font-weight:500;
  color:#3e3e3e;
  text-align:center
 }
 .section-filter .select-one {
  width:33.3%;
  font-size:14px
 }
 .section-filter {
  margin-bottom:30px;
  padding:21px 0
 }
 .section-list .item {
  margin-bottom:40px;
  padding:0;
  background:0 0
 }
 .section-list .item img {
  transition:none
 }
 .section-list .item:hover {
  box-shadow:none
 }
 .section-list .item:hover .i-left img {
  transform:translate(-50%,-50%) scale(1)
 }
 .section-list .ir-one {
  margin-bottom:6px
 }
 .section-list .i-left {
  width:45%
 }
 .section-list .ir-one,
 .section-list .ir-time {
  font-size:12px;
  font-weight:700
 }
 .section-list .i-right {
  width:51%;
  padding-top:0;
  padding-left:0;
  margin-left:0;
  float:right
 }
 .section-list .ir-two {
  margin:0;
  font-size:16px;
  text-align:left;
  color:#1d1d1d;
  line-height:20px;
  -webkit-line-clamp:5;
  font-weight:700
 }
 .section-list .ir-time {
  margin-top:6px
 }
 .section-filter .select-one select {
  font-size:14px;
  color:#000;
  text-decoration:underline;
  margin:0 auto;
  display:block;
  padding-right:0;
  -webkit-appearance:none;
  text-align:left
 }
 .section-filter .select-one:first-child select {
  float:left
 }
 .section-filter .select-one:last-child select {
  float:right
 }
 .section-page {
  margin:35px 0
 }
 .section-page .content {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:17px
 }
 .section-page input {
  border:0 solid #fff;
  font-size:17px;
  color:#0064d9
 }
 .section-page .left-jt {
  float:left
 }
 .section-page .right-jt {
  float:right
 }
 .section-page img {
  width:8px;
  margin-top:4px
 }
 .section-page .xiegan {
  margin:0 4px 0 0
 }
 .section-filter .select-one:nth-of-type(1) select {
  text-align-last:left
 }
 .section-filter .select {
  width:100%;
  display:flex;
  justify-content:space-between
 }
 .section-filter .dropdown .carat {
  width:10px;
  height:6px
 }
 .section-filter .dropdown .selected {
  padding:0 20px 0 0
 }
 .section-filter .select-one:not(:last-child) {
  margin-right:0
 }
 .section-nav-pos {
  height:60px;
  width:100%;
  display:none
 }
}
@media only screen and (max-width:414px) {
 .section-newslist {
  padding-top:0;
  padding-bottom:0
 }
 .section-filter,
 .section-list .item {
  margin-bottom:24px
 }
}
@media only screen and (max-width:375px) {
 .section-filter {
  margin-bottom:18px
 }
 .section-list .item {
  margin-bottom:20px
 }
}
@media only screen and (max-width:374px) {
 .section-list .i-left {
  width:37.4%
 }
 .section-list .i-right {
  width:59.4%
 }
}
@media only screen and (max-width:320px) {
 .section-filter,
 .section-list .item {
  margin-bottom:16px
 }
}

.breadcrumbs,
.breadcrumbs a,
.section-articles a,
.section-newsroom .room-more a {
 text-decoration:none
}
.newsdetail .swiper-button-next,
.newsdetail .swiper-container-rtl .swiper-button-prev {
 right:30px
}
.newsdetail .swiper-button-prev,
.newsdetail .swiper-container-rtl .swiper-button-next {
 left:30px
}
@font-face {
 font-family:iconfont;
 src:url(//at.alicdn.com/t/font_1949660_pfxbfx9pd2j.eot);
 src:url(//at.alicdn.com/t/font_1949660_pfxbfx9pd2j.eot?#iefix) format('embedded-opentype'),
 url(//at.alicdn.com/t/font_1949660_pfxbfx9pd2j.woff2) format('woff2'),
 url(//at.alicdn.com/t/font_1949660_pfxbfx9pd2j.woff) format('woff'),
 url(//at.alicdn.com/t/font_1949660_pfxbfx9pd2j.ttf) format('truetype'),
 url(//at.alicdn.com/t/font_1949660_pfxbfx9pd2j.svg#iconfont) format('svg')
}
[class*=" icon-"],
[class^=icon-] {
 font-family:icomoon!important;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.iconfont {
 font-family:iconfont!important;
 font-size:16px;
 font-style:normal;
 -webkit-font-smoothing:antialiased;
 -webkit-text-stroke-width:.2px;
 -moz-osx-font-smoothing:grayscale
}
.el-icon-arrow-right:before {
 content:"\e6e0"
}
.breadcrumb-cl {
 text-align:left
}
.breadcrumbs {
 font-size:14px;
 transition:color .2s cubic-bezier(.645,.045,.355,1)
}
.el-breadcrumb__separator[class*=icon] {
 margin:0 6px 0 0;
 color:#333
}
.breadcrumbs a {
 color:#333
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
 color:#FCFBFB;
 font-weight:700
}
.el-breadcrumb__inner,
.el-breadcrumb__inner a,
.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link,
.el-breadcrumb__inner.is-link:hover {
 color:#FCFBFB
}
.newsdetail .new-container {
 max-width:800px
}
.section-bread {
 font-size:1.7rem
}
.section-bread .breadcrumb>li+li:before {
 color:#CCC;
 content:"";
 padding:0 .5rem;
 background:url(https://sanyglobal-img.sany.com.cn/static/img/right_arrow.svg) 0 2px no-repeat;
 background-size:125% auto;
 margin-right:10px
}
.section-bread .breadcrumb>.active,
.section-bread a {
 color:#333;
 font-size:14px
}
.section-bread a:hover {
 color:#3573E7
}
.section-bread .breadcrumb {
 background:0 0;
 margin:0;
 padding:2.8rem 0 2.5rem
}
.section-value {
 background:#fff
}
.section-value .c-top {
 padding:3.3rem 0;
 border-bottom:1px solid #d8d8d8
}
.section-value .c-top .c-type {
 font-size:1.8rem;
 font-weight:400;
 color:#dc000c
}
.section-value .c-top .c-title {
 font-size:3.6rem;
 font-weight:700;
 color:#1d1d1d;
 line-height:4rem;
 margin:1rem 0
}
.c-time {
 font-size:1.8rem;
 font-weight:400;
 color:#707070
}
.section-value .c-top .c-icons {
 margin-top:2.7rem
}
.section-value .c-icons {
 overflow:hidden
}
.section-value .stButton .stLarge {
 background-image:none!important
}
.section-value .c-icons div {
 cursor:pointer;
 background-repeat:no-repeat!important;
 float:left;
 margin-right:2rem;
 width:3rem;
 height:3rem;
 background-size:100%!important
}
.section-value .c-icons .icon1 {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/icon1.svg)
}
.section-value .c-icons .icon1:hover {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/icon1-hover.svg)
}
.section-value .c-icons .icon2 {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/facebook-icon.svg)
}
.section-value .c-icons .icon2:hover {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/facebook-icon-hover.svg)
}
.section-value .c-icons .icon3 {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/icon3.svg)
}
.section-value .c-icons .icon3:hover {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/icon3-hover.svg)
}
.section-value .c-icons .icon4 {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/icon4.svg)
}
.section-value .c-icons .icon4:hover {
 background:url(https://sanyglobal-img.sany.com.cn/static/img/newsdetail/icon4-hover.svg)
}
.section-value .c-val {
 padding:5rem 0 3rem;
 line-height:25px;
}
.section-value .c-val li {
 list-style:disc
}
.section-value .c-val ul {
 padding-left:2em
}
.section-value .c-val img {
 width:100%!important;
 height:auto!important;
 margin:20px 0;
 max-width:100%;
 display:block
}
.section-value .c-val p {
}
.section-value .c-bottom {
 padding-bottom:5rem;
 border-bottom:1px solid #d8d8d8
}
.section-value .c-bottom-tit {
 font-size:2.4rem;
 font-weight:700;
 color:#3e3e3e;
 margin-bottom:2rem
}
.section-newsroom {
 padding:5rem 0
}
.section-newsroom .room-tit span:nth-of-type(1) {
 font-weight:700;
 font-size:3.6rem;
 color:#3E3E3E
}
.section-newsroom .more-logo {
 width:14.4rem;
 margin-top:-.6rem
}
.section-newsroom .room-tit span:nth-of-type(2) {
 color:#707070;
 font-size:3.6rem;
 margin:0 2.4rem 0 1.9rem
}
.section-newsroom .room-tit span:nth-of-type(3) {
 font-size:3.6rem;
 font-weight:700;
 color:#3e3e3e
}
.section-newsroom .room-desc {
 font-size:2.4rem;
 font-weight:400;
 color:#1d1d1d;
 margin:1.8rem 0 1.5rem
}
.section-newsroom .room-more a {
 font-size:2rem;
 font-weight:400;
 color:#3573e7;
 list-style:none
}
.section-newsroom .room-more img {
 width:8px;
 margin-left:10px
}
.section-articles {
 padding:5rem 0 12rem;
 background:#fff
}
.section-articles .tit {
 font-size:3.6rem;
 font-weight:700;
 color:#1d1d1d
}
.slide-section {
 width:100%;
 height:auto;
 overflow:hidden;
 position:relative
}
.my-swiper .swiper-slide {
 text-align:center;
 width:800px
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
 display:none!important
}
.section-articles .swiper-container {
 width:100%;
 margin:3rem auto
}
.section-articles .swiper-content {
 text-align:center;
 background:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
}
.section-articles .slide-val {
 position:relative;
 width:100%;
 cursor:pointer
}
.section-articles .val-img {
 width:100%;
 height:0;
 padding-bottom:63.38%;
 position:relative;
 overflow:hidden
}
.section-articles .val-img img {
 width:auto;
 min-width:100%;
 height:100%;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%)
}
.section-articles .val-bottom {
 padding-top:16px;
 width:100%;
 background:#fafafa;
 height:140px
}
.section-articles .val-bottom div:nth-of-type(1) {
 font-size:18px;
 font-weight:700;
 color:#3e3e3e;
 line-height:1.3;
 text-align:left;
 padding:0 3rem;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:3;
 line-clamp:3;
 -webkit-box-orient:vertical
}
.section-articles .val-bottom div:nth-of-type(2) {
 font-size:1.6rem;
 font-weight:400;
 color:#707070;
 text-align:left;
 padding:1.5rem 3rem 2rem
}
.section-articles .swiper-button-next,
.section-articles .swiper-button-prev {
 outline:0!important;
 color:#0B0716;
 width:5rem;
 height:5rem;
 background:rgba(255,255,255,.6)
}
.section-articles .swiper-button-next:after,
.section-articles .swiper-button-prev:after {
 font-size:18px
}
@media screen and (min-width:1601px) {
 
}
@media screen and (min-width:1281px) and (max-width:1600px) {

}
@media screen and (min-width:1025px) and (max-width:1280px) {

}
@media only screen and (min-width:1025px) {
 .section-articles .swiper-content {
  width:560px
 }
}
.sku-top-outer .breadcrumbs .el-breadcrumb__separator[class*=icon] {
 color:#333
}
@media screen and (max-width:1024px) {
 .breadcrumb-category .breadcrumb-top {
  background:#f5f5f5
 }
 .sku-breadcrumb .breadcrumb-top {
  background:#f8f8f8
 }
 .breadcrumb-cl {
  padding-top:20px;
  padding-bottom:20px
 }
 .breadcrumbs {
  padding-right:20px;
  line-height:1.8
 }
 .breadcrumbs a {
  color:#555
 }
 .breadcrumbs a.current {
  display:block;
  color:#e60012
 }
 .section-value .c-top .c-title {
  font-size:26px;
  font-weight:700;
  line-height:1.2;
  margin:10px 0
 }
 .section-value .c-top .c-time,
 .section-value .c-top .c-type {
  font-size:16px
 }
 .my-swiper .swiper-slide {
  width:650px
 }
}
@media screen and (min-width:768px) and (max-width:1024px) {
 body,
 html {
  font-size:8px
 }
 .newsdetail .new-container {
  max-width:650px
 }
 .section-articles .swiper-content {
  width:400px
 }
 .section-articles .val-bottom {
  height:120px
 }
 .section-articles .val-bottom div:nth-of-type(1) {
  padding:0 16px
 }
 .section-articles .val-bottom div:nth-of-type(2) {
  padding:10px 16px
 }
}
@media only screen and (max-width:767px) {
 .section-bread,
 .section-newsroom .room-more,
 .section-newsroom .room-more a,
 .section-value .c-top .c-time,
 .section-value .c-top .c-type {
  font-size:14px
 }
 .newsdetail .new-container {
  max-width:400px;
  width:90%
 }
 .section-bread .breadcrumb>li+li:before {
  background-size:100% auto
 }
 .section-bread .breadcrumb {
  padding:24px 0
 }
 .section-value .c-top {
  padding:24px 0 30px
 }
 .section-value .c-top .c-icons {
  margin-top:20px
 }
 .section-value .c-val {
  padding:30px 0 10px;
  line-height:27px;
  font-size:16px
 }
 .section-value .c-val img {
  margin:10px 0;
  height:auto!important
 }
 .section-value .c-val p {
  font-size:16px
 }
 .section-value .c-bottom-tit {
  font-size:20px;
  margin-bottom:17px
 }
 .section-value .c-icons div {
  width:26px;
  height:26px
 }
 .section-newsroom {
  padding:38px 0 52px
 }
 .section-newsroom .room-more img {
  margin-left:2px;
  width:6px
 }
 .section-newsroom .room-desc {
  font-size:14px;
  margin:12px 0 4px
 }
 .section-newsroom .room-tit span:nth-of-type(2) {
  margin:0 15px
 }
 .section-newsroom .room-tit span:nth-of-type(1),
 .section-newsroom .room-tit span:nth-of-type(3) {
  font-size:20px
 }
 .section-latest {
  padding:47px 0 0
 }
 .section-articles .val-img {
  width:100%;
  height:0;
  padding-bottom:63.38%
 }
 .section-articles .val-img img {
  width:100%;
  height:auto
 }
 .section-articles .val-bottom {
  background:#fff;
  height:120px
 }
 .section-articles {
  position:relative;
  padding:47px 0 0
 }
 .section-articles .tit {
  font-size:23px
 }
 .section-articles .swiper-container {
  margin:23px auto 0
 }
 .section-articles .val-bottom div:nth-of-type(1) {
  font-size:17px;
  font-weight:700;
  line-height:20px;
  padding:0;
  color:#3e3e3e
 }
 .section-articles .val-bottom div:nth-of-type(2) {
  font-size:14px;
  font-weight:400;
  color:#707070;
  padding:13px 0 23px
 }
 .section-articles .swiper-button-next,
 .section-articles .swiper-button-prev {
  width:40px;
  height:40px
 }
 .section-articles .swiper-button-next:after,
 .section-articles .swiper-button-prev:after {
  font-size:16px
 }
 .section-articles .sl-box {
  background:rgba(255,255,255,.6);
  width:44px;
  height:44px;
  text-align:center;
  z-index:9;
  position:absolute;
  top:50%;
  cursor:pointer;
  margin-top:-22px
 }
 .section-articles .sl-box img {
  width:10px;
  margin-top:12px
 }
 .section-articles .sl-box:nth-of-type(1) {
  left:20px;
  display:none
 }
 .section-articles .sl-box:nth-of-type(2) {
  right:20px
 }
 .my-swiper .swiper-slide {
  width:100%
 }
 .section-articles .swiper-content {
  width:90%;
  max-width:400px;
  margin:0 auto
 }
}
@media only screen and (max-width:320px) {
 .section-articles .swiper-slide,
 .section-articles .val-img {
  width:286px!important
 }
}
.banner,
.contact {
 width:100%
}
.contact-item-detail a,
.contact-item-links a,
.local-contact-links a {
 color:#5088f6
}
.contact-info,
.map-error-content {
 top:50%;
 transform:translate(-50%,-50%)
}
body {
 background-color:#f7f8f8
}
.banner img {
 display:block;
 max-width:100%;
 height:auto;
 margin:0 auto
}
.contact {
 position:relative;
 background-image:url(images/bgc.jpg);
 height:100vh;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 background-attachment:fixed;
 padding:30px 0 0px 0;
}
.contact-info {
 position:absolute;
 left:50%;
 width:1200px;
 background:#fff;
 border-radius:6px
}
.contact-info-detail {
 width:41.4%;
 padding:50px 40px 50px 80px;
 background:#fff
}
.contact-item {
 margin-bottom:3rem
}
.contact-info h1 {
 font-size:3.2rem;
 font-weight:700;
 margin-bottom:2rem
}
.contact-item-title {
 font-size:1.6rem;
 font-weight:700;
 margin-bottom:.4rem;
 position:relative;
 line-height:2.2rem
}
.contact-item-title p{
	display:inline-block;
}
.contact-item-title .icon {
 position:absolute;
 right:100%;
 margin-right:1.2rem;
 width:2.2rem;
 height:2.2rem
}
.contact-item-title .icon3 {
 width:1.9rem;
 height:1.9rem
}
.contact-item-title .icon4 {
 width:2.4rem;
 height:2.4rem
}
.contact-item-detail {
 font-size:1.6rem
}
.contact-item-links {
 display:flex;
 align-items:center;
 justify-content:flex-start;
 gap:1.6rem
}
.contact-item-links a {
 font-weight:700;
 font-size:1.6rem;
 display:inline-block;
 margin-top:1.4rem;
 text-decoration:underline
}
.contact-item-links .line {
 width:1px;
 height:1.6rem;
 background:#000;
 margin-top:1.4rem
}
.contact-info-map {
 background:#fbfbfb;
 padding:40px 50px 40px 60px;
}
.contact-info-map iframe {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%
}
.filter-selector .selectivity-placeholder,
.filter-selector .selectivity-single-selected-item {
 padding:0 20px 0 0;
 max-width:calc(100% - 30px)!important
}
@media screen and (max-width:1680px) {
 .contact-info {
  width:1200px
 }
 .contact-info-detail {
  padding:40px 40px 40px 50px
 }
}
@media screen and (max-width:1360px) {
 .contact-info {
  width:1100px
 }
 .contact-info-detail,.contact-info-map {
  padding:40px 50px 40px 60px
 }
}
@media screen and (max-width:1200px) {
 .contact-info {
  width:90%
 }
 .contact-info-detail {
  padding:6% 6% 6% 8%
 }
}
@media screen and (max-width:768px) {
 .contact-info-map {
  display:none
 }
 .contact-info-detail {
  width:100%;
  padding:15% 11.9%
 }
 .udesk-client-btn {
  margin:0!important;
  width:40%!important
 }
 #udesk_btn_text {
  height:auto!important;
  line-height:20px!important;
  margin:0 0 0 10px!important
 }
}
@media screen and (max-width:768px) and (min-width:561px) {
 .contact-info h1 {
  font-size:32px;
  margin-bottom:20px
 }
 .contact-item-title {
  font-size:18px;
  line-height:28px;
  margin-bottom:10px
 }
 .contact-item-detail,
 .contact-item-links a,
 .local-contact-title {
  font-size:17px
 }
 .contact-item-links .line {
  height:17px
 }
 .contact-item-links .line,
 .contact-item-links a {
  margin-top:10px
 }
 .contact-item-title .icon {
  width:20px;
  top:4px;
  height:20px
 }
}
@media screen and (max-width:560px) and (min-width:376px) {
 .contact-info h1 {
  font-size:26px;
  margin-bottom:16px
 }
 .contact-item-title {
  font-size:16px;
  line-height:24px;
  margin-bottom:8px
 }
 .contact-item-detail,
 .contact-item-links a {
  font-size:14px
 }
 .contact-item-links .line {
  height:14px
 }
 .contact-item-links .line,
 .contact-item-links a {
  margin-top:8px
 }
 .contact-item-title .icon {
  width:18px;
  top:3px;
  height:18px
 }
 .local-contact-title {
  font-size:16px
 }
}
@media screen and (max-width:560px) {
 .contact-info-detail {
  padding:12.6% 8% 12.6% 14%
 }
}
@media screen and (max-width:375px) {
 .contact-info-detail {
  padding:12.6% 8% 12.6% 16%
 }
 .contact-item-title {
  font-size:14px;
  line-height:20px;
  margin-bottom:7px
 }
 .contact-item-detail,
 .contact-item-links a {
  font-size:13px
 }
 .contact-item-links .line {
  height:13px
 }
 .contact-item-links .line,
 .contact-item-links a {
  margin-top:7px
 }
 .contact-item-title .icon {
  width:16px;
  top:2px;
  height:16px;
  margin-right:10px
 }
 .contact-info h1 {
  font-size:21px;
  margin-bottom:15px
 }
}
.local-contact {
 background-color:#f5f5f5;
 padding:1px;
 border-radius:8px;
 font-size:1.6rem;
 box-shadow:0 0 5px rgba(0,0,0,.1)
}
.local-contact .filter-selector-item,
.local-contact-links {
 background-color:#fff
}
.local-contact-select {
 padding:0 9px 10px
}
.local-contact-title {
 font-weight:600;
 padding:0 9px
}
.local-contact-links {
 line-height:1.5;
 font-size:14px;
 box-shadow:0 0 5px rgba(0,0,0,.05);
 border-radius:0 0 8px 8px;
 padding:15px 10px
}
.local-contact-links p {
 margin-top:5px;
 word-break:break-all
}
.local-contact-links p:first-child {
 margin-top:0
}
.filter-selector {
 background-position:calc(100% - 10px) center;
 padding:0 30px 0 10px
}
.selectivity-single-result-container {
 right:0!important
}
.map-error-content {
 position:absolute;
 left:50%;
 text-align:center;
 min-width:70%
}
.load-failed {
 margin-bottom:40px
}
.map-error-content p {
 font-size:16px;
 color:#000;
 opacity:.7
}
.productart{
	padding-top:80px;
}
.bread-menu{
	margin-bottom:10px;
	margin-top:10px;
	color:#000;
}
.bread-menu a{
	color:#000;
}
.f_1{
	opacity:.65;
}
.productLine_2{
	background:#000;
	color:#fff;
	padding:50px 0;
	font-size:38px;
	line-height:1.5;
}
.productLine_2 p{
	max-width:60%;
	display:inline-block;
}
#proartMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom:1px solid rgb(229, 231, 235);
}
#proartMenu ul li{
	display:inline-block;
	line-height:90px;
	margin-right:25px;
	font-size:16px;
}
#proartMenu ul li a{
	color:#000;
	font-weight:bold;
}
.btn-style-4 .wp-block-button__link{
	background:#e6e6e6;
	border-radius:0;
	color:#000;
	padding-left:15px;
	padding-right:15px;
	text-align:left;
	max-width:80%;
	margin-bottom:2px;
}
.btn-style-4 .wp-block-button:nth-child(2n) .wp-block-button__link{
	background:#f18619;
}
.btn-style-4 .wp-block-button__link i{
	margin-right:8px;
}
#productdata .wp-block-table{
	width:100%;
}
#productdata .wp-block-table td,#productdata .wp-block-table th{
	border:none;
	padding:0 15px;
	line-height:48px;
}
#productdata .wp-block-table tr:nth-child(2n-1){
	background:rgba(230,230,230,.25);
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.flex_30{
	flex-basis:30%;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.flex_70{
	flex-basis:70%;
}
#productdata table{
	width:100%;
	line-height:25px;
}
#productdata table td{
	padding:5px;
	border:1px solid rgba(0,0,0,.08);
	text-align:center;
}
#productdata .wp-block-buttons > .wp-block-button{
	display:block;
}
.homeBan .swiper-container{
	height:auto;
}
.btnInquiry{
	position:absolute;
	width:150px;
	line-height:40px;
	text-align:center;
	color:#fff;
	border-radius:3px;
	background:#f66b17;
	transform: translateY(-50%);
	right:0;
	top:50%;
}
.btnInquiry:hover{
	background:#f18101;
	color:#fff;
}
.block-style-support{
	padding: 3rem;
	transition:all .5s;
	background:#eee;
}
.block-style-support .wp-block-group__inner-container{
	width:auto;
}
.block-style-support:hover{
	box-shadow:0 12px 12px -10px rgba(0,0,0,.15);
}
.block-style-support .hoverImg{
	border-radius:5px 5px 0 0;
}
.coverbtn img{
	width:100%;
}
.coverbtn .wp-block-buttons{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.coverbtn .wp-block-buttons .wp-block-button__link.wp-element-button{
	width: 30rem;
	height: 6rem;
	text-align: center;
	line-height: 6rem;
	color: #fff;
	border: 2px solid #fff;
	font-weight: 700;
	background:none;
	transition:0.2s;
	border-radius:0;
	padding:0;
}
.coverbtn .wp-block-buttons .wp-block-button__link.wp-element-button:hover{
	background:#000;
	border-color:#000;
	border-radius:0;
}
.block-style-adv{
	align-items: center !important;
	background:#f5f5f5;
	margin-bottom:0;
}
.block-style-adv .wp-block-column:first-child{
	color: #ea7724;
	font-size: 36px;
	text-align:center;
	font-weight: 600;
	background:#f5f5f5;
	border-left: 8px solid #ea7724;
	min-height:120px;
	position: relative;
}
#features .wp-block-separator{
	border-top:1px solid rgb(229, 231, 235);
}
.block-style-adv .wp-block-column:first-child p{
	margin:0;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.pageSingle{
	background: #F8F8F8;
	padding:50px 0;
}
.pageSingleC{
	max-width: 1200px;
	margin: 0 auto;
}

.pageSingleC .container,.pageSingleC .wp-block-group__inner-container{
	width:100%;
	padding:0;
}
.pageSingleC .hoverImg{
	border-radius:0;
}
.pageSingleC .wp-block-columns.has-background{
	padding:0;
}
.pageSingleC .wp-block-columns.has-background .txt{
	padding:0 25px;
}
.pageSingleC .txt .wp-block-buttons .wp-block-button__link{
	width: 30rem;
	line-height: 5.6rem;
	border: 2px solid #dc000c;
	text-align: center;
	color: #dc000c;
	font-size: 2.4rem;
	font-weight: 700;
	cursor: pointer;
	margin: 3rem 0;
	background:none;
	padding:0;
	border-radius:0;
}
#features h3,#features h4{
	line-height:2;
}
#features h3{
	font-size:22px;
}
#features h4{
	font-size:20px;
}
.productLine_1 h1{
	font-weight:800;
}
#breadcrumbs,#breadcrumbs a{
	color:rgb(0,0,0);
}
.case-line-1 .wp-block-group__inner-container,.case-line-2 .wp-block-group__inner-container,.case-line-3 .wp-block-group__inner-container {
	width:100%;
	padding:0;
	position:relative;
	z-index:1;
}
.wp-block-columns.nogap{
	gap:0;
}
.case-line-1 .wp-block-group__inner-container:after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,.15);
	left:0;
	top:0;
	z-index:90;
}
.case-line-1 img{
	max-width:100%;
	height:auto;
}
.case-line-1 .wp-block-buttons{
	justify-content: center;
}
.case-line-1 .container{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:99;
	text-align:center;
}
.case-line-1 .container .wp-block-column:last-child{
	position:fixed;
	width: 70%;
	max-width: 1100px;
	background: #1d1d1d;
	border-radius: 18px;
	text-align: center;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index:999;
	padding: 8rem 10rem;
	display:none;
}
.case-line-1 .container .wp-block-column svg{
	position: absolute;
	left: 3rem;
	top: 3rem;
	width: 3rem;
	height: 3rem;
	stroke: #aaa;
	fill: #aaa;
	cursor: pointer;
	transition: all .5s;
	transform-origin: center;
}
.case-line-1 .container .wp-block-column svg:hover{
	transform: rotate(90deg);
}
.case-line-1 .container .wp-block-column:last-child ul{
	display:flex;
	margin:0;
	padding:0;
	flex-wrap:wrap;
}
.case-line-1 .container .wp-block-column:last-child li{
	flex-basis:50%;
	text-align:center;
}
.case-line-1 .container .wp-block-column:last-child li a{
	color:#fff;
	font-size:2rem;
	line-height:2.6;
}
.case-line-1 .container h2{
	font-size:54px;
	color:#fff;
}
.case-line-1 .container .wp-block-button__link{
	border: .4rem solid #fff;
	width: 100%;
	height: 100%;
	color:#fff;
	font-size:26px;
	padding:15px 30px;
	border-radius: 4rem;
	background:none;
}
.case-line-2 .container{
	position:absolute;
	left:50%;
	padding:100px;
	text-align:center;
	top:50%;
	transform: translate(-50%,-50%);
	background:rgba(255,255,255,.76);
}
.case-line-2 .container h2{
	font-size:42px;
}
.case-line-3 .hoverImg{
	border-radius:0;
}
.case-line-3 h2,.case-line-3 p{
	padding:0 30px;
}
.case-line-3 .wp-block-columns  .wp-block-column{
	position:relative;
}
.case-line-3 .wp-block-columns .wp-block-group{
	position:absolute;
	left:0;
	bottom:0;
	background: rgba(210,1,10,.9);
	color:#fff;
	padding:30px 0;
	width:100%;
}
.chat-side-buttons {
          position: fixed;
          right: 0;
          top: 50%;
          transform: translateY(-50%) translateX(110%);
          z-index: 99980000;
          display: flex;
          flex-direction: column;
          transition: transform 0.3s ease;
          padding: 12px 0;
          min-width: 72px;
        }
        .chat-side-buttons.show {
          transform: translateY(-50%) translateX(0);
        }
        .inquiry-button .icon-text, .side-button .icon-text {
          margin-top: 2px;
        }
        .inquiry-button {
          background: #f66b17;
          color: #FFF;
          width: 100%;
          height: 72px;
          border-radius: 6px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          font-size: 12px;
          font-weight: 500;
          cursor: pointer;
          box-shadow: 0px 10.667px 16px 0px rgba(0, 0, 0, 0.04);
        }
        .side-button-list {
          background: #FFF;
          color: #575757;
          width: 100%;
          border-radius: 6px;
          font-size: 12px;
          border-radius: 4px;
          box-shadow: 0px 8px 12px 4px rgba(0, 0, 0, 0.1);
          display: flex;
          flex-direction: column;
          justify-content: center;
          gap: 20px;
          margin-top: 16px;
          box-sizing: border-box;
          padding: 24px 0;
        }
        .side-button {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
        }

        @keyframes shake {
          0% { transform: translateY(0) rotate(0deg); }
          10% { transform: translateY(-1px) rotate(-20deg); }
          20% { transform: translateY(-1px) rotate(20deg); }
          30% { transform: translateY(-1px) rotate(-20deg); }
          40% { transform: translateY(-1px) rotate(20deg); }
          50% { transform: translateY(-1px) rotate(-20deg); }
          60% { transform: translateY(-1px) rotate(20deg); }
          70% { transform: translateY(-1px) rotate(-20deg); }
          80% { transform: translateY(-1px) rotate(20deg); }
          90% { transform: translateY(-1px) rotate(-20deg); }
          100% { transform: translateY(0) rotate(0deg); }
        }
        .chat-side-buttons .icon-svg.shake-animation {
          animation: shake 0.5s ease-in-out;
        }
        .chat-container {
          position: absolute;
          z-index: 9998;
          width: 400px;
          height: 600px;
          background: white;
          border-radius: 16px;
          box-shadow: 0 5px 15px rgba(0,0,0,0.3);
          opacity: 0;
          transition: opacity 0.3s;
          pointer-events: none;
          overflow: hidden;
        }
        .chat-container.active {
          opacity: 1;
          pointer-events: auto;
        }
        .chat-skeleton {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: white;
          z-index: 1;
          padding: 16px;
          display: flex;
          flex-direction: column;
        }
        .skeleton-header {
          height: 60px;
          margin-bottom: 16px;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #f0f0f0;
        }
        .skeleton-avatar {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
          background-size: 200% 100%;
          animation: skeleton-loading 1.5s infinite;
        }
        .skeleton-title {
          margin-left: 12px;
          height: 16px;
          width: 140px;
          border-radius: 4px;
          background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
          background-size: 200% 100%;
          animation: skeleton-loading 1.5s infinite;
        }
        .skeleton-content {
          flex: 1;
          overflow: hidden;
        }
        .skeleton-message {
          height: 60px;
          margin-bottom: 12px;
          border-radius: 8px;
          background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
          background-size: 200% 100%;
          animation: skeleton-loading 1.5s infinite;
        }
        .skeleton-message:nth-child(even) {
          width: 65%;
          margin-left: auto;
        }
        .skeleton-message:nth-child(odd) {
          width: 75%;
        }
        .skeleton-footer {
          height: 60px;
          border-top: 1px solid #f0f0f0;
          margin-top: 16px;
          display: flex;
          align-items: center;
        }
        .skeleton-input {
          flex: 1;
          height: 40px;
          border-radius: 20px;
          background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
          background-size: 200% 100%;
          animation: skeleton-loading 1.5s infinite;
        }
        .skeleton-button {
          width: 40px;
          height: 40px;
          margin-left: 12px;
          border-radius: 50%;
          background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
          background-size: 200% 100%;
          animation: skeleton-loading 1.5s infinite;
        }
        @keyframes skeleton-loading {
          0% {
            background-position: 200% 0;
          }
          100% {
            background-position: -200% 0;
          }
        }
        .chat-container iframe {
          opacity: 0;
          transition: opacity 0.3s ease;
        }
        .chat-container iframe.loaded {
          opacity: 1;
        }
.videoPage{
	background: #1a1a1c;
}
.block-style-video{
	position:relative;
}
.block-style-video .vtitle{
	position: absolute;
	left: 0;
	bottom: 24px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	z-index: 1;
	color:#fff;
	padding:0 15px;
	font-size:20px;
}
.block-style-video:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%);
	z-index: 0;
}
.playIco img{
	width:22px;
	height:22px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%;
}
.playIco{
	position: absolute;
	background: rgba(0,0,0,.5);
	width: 56px;
	height: 56px;
	border-radius: 100%;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%;
}
.videoSon{
	text-align:center;
	padding:30px 0;
}
.videoSon li{
	display:inline-block;
	position: relative;
	padding: 1rem;
	transition: all .3s;
}
.videoSon li.now{
	border-bottom:2px solid #fff;
}
.videoSon li a{
	color:rgba(255,255,255,.65);
	font-size:18px;
	transition:0.2s;
}
.videoSon li.now a,.videoSon li a:hover{
	color:rgba(255,255,255,1);
}
.new-container .wp-block-video{
	max-width:50%;
	margin:0 auto;
}
/* General styles for the modal */
/* 

Styles for the html/body for special modal where we want 3d effects

Note that we need a container wrapping all content on the page for the 

perspective effects (not including the modals and the overlay).

*/

.md-perspective,.md-perspective body {
	height: 100%;
	overflow: hidden;
}
.md-perspective body  {
	background: #fff;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width:800px;
	height: auto;
	z-index: 9999999;
	visibility: hidden;
	transform: translateX(-50%) translateY(-50%);
}
.md-show {
	visibility: visible;
	box-shadow:0 0 8px rgba(0, 0, 0, .3);
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999995;
	opacity: 0;
	background: rgba(1,1,1,0.6);
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}
/* Content styles */
.md-content {
	color: #5b5b5b;
	background: #fff;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
}
.md-content .md-close-btn {
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 999999;
}
.md-content .md-close-btn a{
	color: #909090;
	cursor: pointer;
}
.md-content .md-close-btn a:hover{
	color: #212121;
}
.md-content .md-close {
	font-size: 15px;
	background-color:transparent;
	border:none;
	position:absolute;
	right:15px;
	top:15px;
}
.md-content h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 20px;
	text-align: center;
	background: #fff;
	border-radius: 0;
	color: #797979;
}
.md-content > div {
	padding: 15px 40px 30px;
	margin: 0 auto;
	font-weight: 300;
	font-size: 14px;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}
.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}
.md-content > div ul li {
	padding: 5px 0;
}
/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	transform: scale(0.7);
	opacity: 0;
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	transform: scale(1);
	opacity: 1;
}
/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
	transform: translateX(20%);
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.md-show.md-effect-2 .md-content {
	transform: translateX(0);
	opacity: 1;
}
/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
	transform: translateY(20%);
	opacity: 0;
	transition: all 0.3s;
}
.md-show.md-effect-3 .md-content {
	transform: translateY(0);
	opacity: 1;
}
/* Effect 4: Newspaper */
.md-effect-4 .md-content {
	transform: scale(0) rotate(720deg);
	opacity: 0;
}
.md-show.md-effect-4 ~ .md-overlay,.md-effect-4 .md-content {
	transition: all 0.5s;
}
.md-show.md-effect-4 .md-content {
	transform: scale(1) rotate(0deg);
	opacity: 1;
}
/* Effect 5: fall */
.md-effect-5.md-modal {
	perspective: 1300px;
}
.md-effect-5 .md-content {
	transform-style: preserve-3d;
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}
.md-show.md-effect-5 .md-content {
	transition: all 0.3s ease-in;
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}
/* Effect 6: side fall */
.md-effect-6.md-modal {
	perspective: 1300px;
}
.md-effect-6 .md-content {
	transform-style: preserve-3d;
	transform: translate(30%) translateZ(600px) rotate(10deg); 
	opacity: 0;
}
.md-show.md-effect-6 .md-content {
	transition: all 0.3s ease-in;
	transform: translate(0%) translateZ(0) rotate(0deg);
	opacity: 1;
}
/* Effect 7:  slide and stick to top */
.md-effect-7{
	top: 0;
	transform: translateX(-50%);
}
.md-effect-7 .md-content {
	transform: translateY(-200%);
	transition: all .3s;
	opacity: 0;
}
.md-show.md-effect-7 .md-content {
	transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}
/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
	perspective: 1300px;
}
.md-effect-8 .md-content {
	transform-style: preserve-3d;
	transform: rotateY(-70deg);
	transition: all 0.3s;
	opacity: 0;
}
.md-show.md-effect-8 .md-content {
	transform: rotateY(0deg);
	opacity: 1;
}
/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
	perspective: 1300px;
}
.md-effect-9 .md-content {
	transform-style: preserve-3d;
	transform: rotateX(-70deg);
	transition: all 0.3s;
	opacity: 0;
}
.md-show.md-effect-9 .md-content {
	transform: rotateX(0deg);
	opacity: 1;
}
/* Effect 10: 3D sign */
.md-effect-10.md-modal {
	perspective: 1300px;
}
.md-effect-10 .md-content {
	transform-style: preserve-3d;
	transform: rotateX(-60deg);
	transform-origin: 50% 0;
	opacity: 0;
	transition: all 0.3s;
}
.md-show.md-effect-10 .md-content {
	transform: rotateX(0deg);
	opacity: 1;
}
/* Effect 11: Super scaled */
.md-effect-11 .md-content {
	transform: scale(2);
	opacity: 0;
	transition: all 0.3s;
}
.md-show.md-effect-11 .md-content {
	transform: scale(1);
	opacity: 1;
}
/* Effect 12:  Just me */
.md-effect-12 .md-content {
	transform: scale(0.8);
	opacity: 0;
	transition: all 0.3s;
}
.md-show.md-effect-12 ~ .md-overlay {
	background: rgba(255,255,255,1);
} 
.md-effect-12 .md-content h3,.md-effect-12 .md-content {
	background: transparent;
}
.md-show.md-effect-12 .md-content {
	transform: scale(1);
	opacity: 1;
}
/* Effect 13: 3D slit */
.md-effect-13.md-modal {
	perspective: 1300px;
}
.md-effect-13 .md-content {
	transform-style: preserve-3d;
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}
.md-show.md-effect-13 .md-content {
	animation: slit .7s forwards ease-out;
}
@-webkit-keyframes slit {
	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@-moz-keyframes slit {
	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	perspective: 1300px;
}
.md-effect-14 .md-content {
	transform-style: preserve-3d;
	transform: translateY(100%) rotateX(90deg);
	transform-origin: 0 100%;
	opacity: 0;
	transition: all 0.3s ease-out;
}
.md-show.md-effect-14 .md-content {
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}
/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
	perspective: 1300px;
}
.md-effect-15 .md-content {
	transform-style: preserve-3d;
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform-origin: 0 100%;
	opacity: 0;
	transition: all 0.3s;
}
.md-show.md-effect-15 .md-content {
	transform: translateZ(0px) translateX(0%) rotateY(0deg);
	opacity: 1;
}
/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
	background: rgba(1,1,1,0.6);
}
.md-show.md-effect-16 ~ .container {
	filter: blur(3px);
}
.md-effect-16 .md-content {
	transform: translateY(-5%);
	opacity: 0;
}
.md-show.md-effect-16 ~ .container,.md-effect-16 .md-content {
	transition: all 0.3s;
}
.md-show.md-effect-16 .md-content {
	transform: translateY(0);
	opacity: 1;
}
/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
	height: 100%;
	overflow: hidden;
	transition: transform 0.3s;
}	
.md-show.md-effect-17 ~ .container,.md-show.md-effect-17 ~ .md-overlay  {
	transform: rotateX(-2deg);
	transform-origin: 50% 0%;
	transform-style: preserve-3d;
}
.md-effect-17 .md-content {
	opacity: 0;
	transform: translateY(200%);
}
.md-show.md-effect-17 .md-content {
	transform: translateY(0);
	opacity: 1;
	transition: all 0.3s 0.2s;
}
/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
	height: 100%;
	overflow: hidden;
}
.md-show.md-effect-18 ~ .md-overlay {
	background: rgba(1,1,1,0.6);
	transition: all 0.5s;
}
.md-show.md-effect-18 ~ .container,.md-show.md-effect-18 ~ .md-overlay {
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	animation: rotateRightSideFirst 0.5s forwards ease-in;
}
@-webkit-keyframes rotateRightSideFirst {
	50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: translateZ(-200px); }
}
@-moz-keyframes rotateRightSideFirst {
	50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: translateZ(-200px); }
}
@keyframes rotateRightSideFirst {
	50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; }
	100% { transform: translateZ(-200px); }
}
.md-effect-18 .md-content {
	transform: translateX(200%);
	opacity: 0;
}
.md-show.md-effect-18 .md-content {
	transform: translateX(0);
	opacity: 1;
	transition: all 0.5s 0.1s;
}
/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
	height: 100%;
	overflow: hidden;
}
.md-show.md-effect-19 ~ .md-overlay {
	transition: all 0.5s;
}
.md-show.md-effect-19 ~ .container,.md-show.md-effect-19 ~ .md-overlay {
	transform-style: preserve-3d;
	transform-origin: 50% 100%;
	animation: OpenTop 0.5s forwards ease-in;
}
@-webkit-keyframes OpenTop {
	50% { 
		-webkit-transform: rotateX(10deg); 
		-webkit-animation-timing-function: ease-out; 
}
}
@-moz-keyframes OpenTop {
	50% { 
		-moz-transform: rotateX(10deg); 
		-moz-animation-timing-function: ease-out; 
	}
}
@keyframes OpenTop {
	50% { 
		transform: rotateX(10deg); 
		animation-timing-function: ease-out; 
	}
}
.md-effect-19 .md-content {
	transform: translateY(-200%);
	opacity: 0;
}
.md-show.md-effect-19 .md-content {
	transform: translateY(0);
	opacity: 1;
	transition: all 0.5s 0.1s;
}
#modal-12{
	background:#fff;
	border-radius:5px;
	overflow:hidden;
	box-shadow:0 0 8px rgba(0, 0, 0, .3);
	z-index:-1;
	display:none;
}
#modal-12.md-show{
	z-index: 9999;
	opacity: 1;
	display:block;
}
#modal-12.md-effect-12 .md-content{
	transform:none;
	opacity:1;
}
#modal-12.md-effect-12.md-show .md-content .wpforms-container{
	margin:20px;
}
#modal-12.md-effect-12 .title-style-0{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 0 20px;
	background-color: #e52a2a;
}
.myfotForm div.wpforms-container-full .wpforms-form .wpforms-field{
	width:49%;
	float:left;
	clear:none;
}
.myfotForm div.wpforms-container-full .wpforms-form .wpforms-field:nth-child(2n){
	float:right;
}
.myfotForm div.wpforms-container-full .wpforms-form .wpforms-field-textarea{
	width:100%;
}
.myfotForm div.wpforms-container-full .wpforms-form button[type="submit"]{
	background:#f18101;
	border:none;
	color:#fff;
	border-radius:5px;
}
.myfotForm div.wpforms-container-full .wpforms-form button[type="submit"]:hover{
	background:#000;
	border:none;
}
.changeMenu{
	justify-content: center;
	margin-top:30px;
}
.changeMenu .wp-block-button__link{
	border-color: #3671CF;
	background: #3671CF;
	color: #fff;
	cursor: default;
	border-radius: 5px;
}
.changeMenu .active .wp-block-button__link{
	background:#f18101;
}
.block-style-peijian.wp-block-columns:not(.is-not-stacked-on-mobile){
	flex-wrap:wrap;
	flex-wrap: wrap !important;
	justify-content: flex-start;
	display: grid;
  	grid-template-columns: repeat(5, 1fr);
	text-align:center;
}
.block-style-peijian.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
	text-align:center;
}
.peijianBox{
	margin-top:45px;
}
@media (min-width: 1300px) {
    .title-style-1{
        font-size:36px;
    }
	
}
@media (max-width: 1300px){
	.navbar-nav li a.topNav, .topright li a, .navbar-nav > li > a{
		margin:0 8px;
	}
}
@media (max-width: 767px) {
	.my-navbar .navbar-header{
		width:100%;
		margin:0;
	}
	.navbar-toggle .icon-bar{
		background:#000;
	}
	.navbar-brand{
		left:0;
		transform: translateY(-50%);
	}
	.navbar-toggle{
		margin-top:15px;
		margin-right:0;
	}
	.homemap{
		padding:20px 0;
	}
	.title-style-1{
		font-size:24px;
	}
	.jishu p{
		font-size:16px;
	}
	.myswiper_1 .wp-block-group__inner-container{
		margin:0 15px;
	}
	.homemap .jishu:last-child .wp-block-column{
		flex-basis:calc( 50% - 30px ) !important;
		flex-basis:calc( 50% - 30px );
	}
	.gap_15.wp-block-columns:not(.is-not-stacked-on-mobile) .block-style-1,.gap_15.wp-block-columns:not(.is-not-stacked-on-mobile) .block-style-2,.categoryproson.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column{
		flex-basis:calc( 50% - 15px ) !important;
		flex-basis:calc( 50% - 15px );
	}
	h2{
		font-size:18px;
	}
	.chat-side-buttons{
		width:calc( 100% - 30px );
		margin:0 15px;
		top:auto;
		bottom:0;
		padding-bottom: 0;
	}
	.inquiry-button{
		width:72px;
		float:left;
	}
	.side-button-list{
		width:calc( 100% - 87px );
		float:right;
		display:flex;
		padding:0 15px;
		flex-direction: row;
		justify-content: space-between;
		text-align: center;
		align-content: center;
		align-items: center;
		margin:0;
		height:72px;
	}
	.chat-side-buttons.show{
		transform:none;
	}
	#chat-button span{
		
	}
	.myfotForm div.wpforms-container-full .wpforms-form .wpforms-field{
		width:100%;
		float:none;
		clear:none;
		padding:0;
	}
	div.wpforms-container-full .wpforms-form .wpforms-field-label{
		font-weight:normal;
	}
	.myfotForm div.wpforms-container-full .wpforms-form .wpforms-field:nth-child(2n){
		float:none;
	}
	.md-content > div{
		padding:0;
	}
	#modal-12.md-effect-12.md-show .md-content .wpforms-container{
		margin:10px;
	}
	#modal-12.md-effect-12 .title-style-0{
		font-size:14px;
		line-height: 30px;
	}
	.categorylineBan:not(.is-not-stacked-on-mobile) .flex_30{
		position:static;
		width:calc( 100% - 30px );
		margin: 0 auto;
		transform: none;
		padding:15px;
	}
	.categorylineBan .hoverImg{
		width:100%;
	}
	.categorylineBan:not(.is-not-stacked-on-mobile) .flex_30 h2{
		font-size:26px;
	}
	.prolistbox{
		width:100%;
		float:none;
	}
	.swiper-slide img{
		max-width:100%;
	}
	.productLine_2{
		font-size:20px;
	}
	.productLine_2 p{
		max-width:100%;
	}
	.section-featured .box-lists .box-one {
		max-width:100%;
		padding:0 5px;
	}
	.btnInquiry{
		right:15px;
	}
	.text-content h3{
		font-size:3rem;
	}
	.categorylineBan.imgleft .hoverImg{
		margin-left:0;
	}
	.homeBan h1{
		font-size:2.7rem;
	}
	.case-line-2 .container{
		width:100%;
		padding:15px;
	}
	.case-line-2 .container h2{
		font-size:24px;
		margin-bottom:0;
		margin-top:15px;
	}
	.case-line-1 .container h2{
		font-size:26px;
	}
	.case-line-1 .container .wp-block-button__link{
		padding:10px;
		font-size:18px;
	}
	.case-line-1 .container .wp-block-column:last-child{
		width:100%;
		max-width:100%;
		padding:0 15px;
	}
	.case-line-1 .container{
		width:90%;
	}
	.case-line-1 .container .wp-block-column svg{
		width:20px;
		height:20px;
	}
	.section-featured .content{
		height:280px;
	}
	.section-featured .box-button .boxb-process{
		display:none;
	}
	.section-featured .box-button{
		margin-top:50px;
	}
	.contact-info{
		
	}
	.pagefull header.fancynav-header{
		background: rgba(0,0,0,0.2);
		border:none;
	}
	#mynav{
		display:none;
	}
	.fancynav-mainnav ul {
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  border-top: 1px solid rgba(0,0,0,0.3);
	  display: block;
	  position: static;
	  min-width: auto;
	  border-radius: 0;
	  background: none;
	  line-height: 25px;
	}
}