@charset "utf-8";
/* CSS Document */
@import url(Flex.css);
* { -webkit-text-size-adjust: auto !important; -ms-text-size-adjust: auto !important; }/*Chrome默认字体最小为12px，*/
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0;}/*字体抗锯齿渲染*/
body { font: normal 100%/1.5 'Arial', 'Tahoma', 'Microsoft YaHei', 'sans-serif'; color: #333; overflow-x: hidden; overflow-y: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
div, h1, h2, h3, h4, h5, h6, b, em, i, span, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, textarea, button { font-size:100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing:0 }/* 解决单元格双线问题 */
table,th,td{word-break:break-all;}/* 解决单元格纯数字或字母不自动换行 */
ul, ol, dl, li, dt, dd { list-style: none; }
input, textarea, button, select { background:none; border: none; outline: none; text-decoration: none; resize: none; font: normal 100% 'Arial', 'Microsoft YaHei', 'Helvetica', 'sans-serif';}
input, button, textarea { -moz-appearance:none; -webkit-appearance: none !important; appearance:none; } /*去除input默认样式*/ 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-text-fill-color: inherit; -webkit-transition: background-color 43200s ease-in-out 0s; transition: background-color 43200s ease-in-out 0s; }/*去除自动填充后默认背景色*/
input:autofill, input:autofill:hover, input:autofill:focus { -webkit-text-fill-color: #222; -webkit-transition: background-color 43200s ease-in-out 0s; transition: background-color 43200s ease-in-out 0s; }/*去除自动填充后默认背景色*/
input,textarea,select  { border:solid 1px #ccc; -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; }/*自定义边框*/
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover{border: 1px solid #ba0012;}/*选中后及鼠标上移*/
a { color: inherit; outline: none; text-decoration: none; cursor:pointer;}
a:hover { color: rgba( 186, 0, 18, 1); }
a:focus, botton:focus, input:focus, textarea:focus  { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }/*去掉高光样式：*/
a:hover img { border: none; }
img, video {display:block; width: 100%; height: auto; border: none; outline: none; }
.clearfix { clear: both; zoom: 1; *zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background-color: #ba0012; }
::-moz-selection { background: #ba0012; color: #fff; text-shadow: none; }
/*::selection { background: #ba0012; color: #fff; text-shadow: none; }*/
/********* public css *********/
body{ min-width:320px; overflow-x: auto; box-sizing: border-box; }
.w-auto{ width:100%; max-width: 1200px; margin: 0 auto; position: relative; box-sizing:border-box; }
@media (min-width: 1921px) {
body{ font-size: 0.83333vw}
.w-auto{max-width: 75%; }
}
@media (max-width: 1280px) {
.w-auto{ max-width: 100%; }
}
/********* 导航 css *********/
header { position: fixed; left: 0; z-index:999; color: #fff; width: 100%; padding: .75em 4.5vw; box-sizing:border-box; }
header:hover{ background: rgba( 255, 255, 255, .75); color: #333; }
header.scoll{ top: 0; background: rgba( 255, 255, 255, 1); color: #333; -webkit-transition: .3s; transition: .3s; box-shadow: 0 2px 8px 0 rgba( 191,191,191, .65);}
.logo{ width: 16vw; }
/*** 语言 ***/
.language { margin-left: 2em; }
.language a.on{ color: #ba0012; font-weight: bold;}
.language a::after {content: ""; display: inline-block; width: 2px; height: 1em; background-color: #fff; vertical-align:-2px; margin:0 .5em; }
.language a:last-child::after { display: none;}
.language span::before {content: "\f0ac"; font:300 112.5% "Awesome5"; margin-right: .15em; }
header.scoll .language a::after, header:hover .language a::after { background-color: #333; }
/*** 会员 筛选 ***/
.showy a{ margin-right: 1em; text-transform:Capitalize; }
.showy a:last-child{ margin-right: 0; }
.showy .hy::before { content: "\f2bd"; font:400 112.5% "Awesome5"; margin-right: .15em; }
.showy .sx::before { content: "\f865"; font:400 112.5% "Awesome5"; margin-right: .15em; }
/*** 导航btn ***/
.menuBtn { width: 1.5em; height: 1em; position: relative; z-index: 9; cursor: pointer; margin-left: 2em; -webkit-transition: 0.38s; transition: 0.38s; }
.menuBtn b { margin-top: .375em; display: block; width: 100%; height: 2px; background: #fff; position: relative; vertical-align: middle; }
.menuBtn b:after, .menuBtn b:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #fff; 
-webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; 
-webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s }
.menuBtn b:before { top: -.4em; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }
.menuBtn b:after { width: 62.5%; bottom: -.375em; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }
.menuBtn.open b { background-color: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s }
.menuBtn.open b:after, .menuBtn.open b::before { background: #1b1b1b; -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s }
.menuBtn.open b:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.menuBtn.open b:after { width: 100%; bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
header.scoll .menuBtn b, header:hover .menuBtn b  { background: #1b1b1b;}
header.scoll .menuBtn b:after, header.scoll .menuBtn b:before, header:hover .menuBtn b:after, header:hover .menuBtn b:before { background: #1b1b1b;}
header.scoll .menuBtn.open b, header:hover .menuBtn.open b {background-color: transparent;}
/*** nav css ***/
nav { display: none; position: fixed; right: 0; top:0; z-index: 8; height: 100%; color: #333; }
nav .nav { height: 100%; background: rgba(255,255,255,1); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .3s ease 0s; transition: .3s ease 0s; box-shadow: -2px -2px 4px 0 rgba( 0, 0, 0, .1);  }
nav.show .nav { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .3s ease .3s; transition: .3s ease .3s; }
@media (min-width: 1200px) {
.nav{ padding-top:  calc(2.5vw + 60px);  } 
.nav > li { min-width: 12.5em; padding: 1em 2.5vw; position: relative; border-bottom: 1px solid #ddd; }
.nav > li a{ display: block; transform:translateX(0); -webkit-transition: .5s; transition: .5s; text-transform:Capitalize; }
.nav > li > .has{ position: absolute; top:50%; right: 2.5vw; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); -webkit-transition: .5s; transition: .5s;}
.nav > li > .has::before{ content:"\f105"; font:300 125% "Awesome5"; color: #666; }
.nav > li .hasClass{ position: absolute; right: calc(100% - 1px); top: 0; z-index: -10; width:100%; height: 0; background: rgba( 186, 0, 18, 1); -webkit-transform: translateY(100%); transform:translateY(100%); -webkit-transition: .5s; transition: .5s; overflow: hidden; }
.nav > li .hasClass li{ padding: 1em 2.5vw; position: relative; border-bottom: 1px solid rgba( 0, 0, 0, .15); }
.nav > li:hover .hasClass{ -webkit-transform: translateY(0); transform: translateY(0); height: auto; }
.nav > li:hover a{ color: #fff; -webkit-transition: .5s; transition: .5s; }
.nav > li:hover > a{ transform:translateX(calc(100% - 5em)); }
.nav > li:hover .has{ right: 85%;}
.nav > li:hover .has::before{ content:"\f104"; color: #fff; }
.nav > li:hover .hasClass a:hover { color: #000; }
.nav > li:before { content: ""; width: 0; height: 100%; background: rgba( 186, 0, 18, 1); position: absolute; right: 0; bottom: 0; -webkit-transition: .5s; transition: .5s; z-index: -1; }
.nav > li:hover:before { width: 100%; right: auto; left: 0; }
}
@media (max-width: 1199px) {
nav.show::after{ content:"";  position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
.nav{ padding-top: 4em; color: #333; } 
.nav > li { min-width: 12.5em; padding: 1em; position: relative; border-bottom: 1px solid #ddd;}
.nav > li a{ text-transform:Capitalize; }
.nav > li > .has{ position: absolute; top:1em; right: 1em;}
.nav > li .hasClass{ display: none; margin-top: .5em; }
.nav > li .hasClass li{  padding: .5em 0;}
.nav > li .hasClass li::before{  content:"--"; display: inline-block; margin-right: 4px;}
.nav > li:hover .hasClass{  }
.nav > li:hover a{ }
.nav > li:hover > a{  }
.nav > li:hover .has{ }
.nav > li:hover .has::before{ }
.nav > li:hover .hasClass a:hover { color: #000; }
.nav > li:before { }
.nav > li:hover:before {  }
.nav > li > .has::before{content:"\f067";font:300 100% "Awesome5"; }
.nav > li.active > .has::before{content:"\f068"; }
}
@media (max-width:800px) {
.showy {display: none;}
}
/***header 状态 css ***/
.pbody header { position: relative; background: #fff; box-shadow: 0 2px 8px 0 rgba( 191,191,191, .65); }
.pbody header.scoll{ position: fixed; }
.pbody .language { color: #333; }
.pbody .language a::after{  background-color: #333; }
.pbody header .showy { color: #333; }
.pbody .menuBtn b { background: #1b1b1b;}
.pbody .menuBtn b::after,.pbody .menuBtn b::before { background: #1b1b1b; }
.pbody .menuBtn.open b { background: none;}
/*** footer css ***/ 
footer{ color: rgb( 255,255,255,.9); background:#1c1e20; padding: 4vw 6.5vw 0 6.5vw; }
.foot-top{ margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: solid 1px rgb( 255,255,255,.15); }
.foot-top a{ font-size: 200%; font-weight: bold; text-transform:Uppercase; }
.foot-nav{ padding-bottom: 4vw;position: relative;}
.foot-nav > li > a{ display: inline-block; font-size: 125%; font-weight: bold; margin-bottom: .5em; text-transform:Uppercase; }
.foot-nav li{ padding: .5em 0; text-transform:Capitalize; }
.copyright {  width:100%; font-size:87.5%; color: rgb( 255,255,255,.5); text-align: center; padding: 1em 0; border-top: solid 1px rgb( 255,255,255,.15); }
@media (max-width: 1440px) {
header{ padding: .75em 3.5vw; }
}
@media (max-width: 1200px) {
header{ padding:1em; }
footer{ padding:4vw 1em; }
}
@media (max-width: 800px) {
header{ position: relative; height: 56px; padding: 0 1em; color: #333; box-shadow: 2px 2px 4px 0 rgba( 0, 0, 0, .25); }
header.scoll{ position: fixed;}
.logo{ width: auto; height: 100%}
.logo a{ height: 100%}
.logo img{ width: auto; height: 50%;}
.language{ margin-left: 0; font-size: 87.5%;}
.language span{ display: none; }
.language a::after{ background: #333; }
.menuBtn{margin-left: 1em;}
.menuBtn b, .menuBtn b { background: #1b1b1b;}
.menuBtn b:after, .menuBtn b:before, .menuBtn b:after, .menuBtn b:before { background: #1b1b1b;}
.menuBtn.open b,.menuBtn.open b {background-color: transparent;}
footer{ padding:2.5em 1em;  padding-bottom: 4.5em; }
}
@media (max-width: 640px) {
.foot-nav::after { content: ""; display: block; position:absolute; right: 0; bottom: 5%; width: 50vw; height: 36.104vw; background: url('../images/logo2.png') no-repeat center /cover; opacity: .25}
.foot-nav > li{ width: 100%; position: relative; z-index: 2;}
.foot-nav > li ul {display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; width: 100%;}
.foot-nav > li ul li{ margin-right: 1em; padding: 0; }
.foot-nav > li > a{ font-size:112.5%; margin-bottom: 0;}
}
/*** swiper public css ***/ 
.swiper-pagination-bullet { width: 16px; height: 16px; background: transparent; position: relative; z-index: 0; -webkit-border-radius: 50%; border-radius: 50%; opacity: 1; outline: none;}
.swiper-pagination-bullet::before { content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: #000; border-radius: 50%; outline: none; }
.swiper-pagination-bullet-active{ border: 1px solid rgba( 186, 0, 18, 1);  position: relative; z-index: 0; border-radius: 50%; opacity: 1;}
.swiper-pagination-bullet-active::before{ background: rgba( 186, 0, 18, 1); }
/*** .banner css ***/ 
.banner { width:100%; height: 100vh; position:relative;}
.banner .swiper-slide img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; }
.banner .s1 img {object-position:bottom; }
/*.banner .inner { position: absolute; top: 10%; left: 10%; z-index: 3; width: 40%; color: rgba( 0, 0, 0, 1); opacity: 0; -webkit-transition: 1.5s; transition: 1.5s; -webkit-transition-delay: 1s; transition-delay: 1s; background: rgba( 255, 255, 255, .65); padding: 2em; }
.banner .inner h2 { font-size:3.2vw; font-weight: 600; margin-bottom: 1em; }
.banner .inner .txt{ font-size:1vw; }
.banner .swiper-slide-active .inner{ top: 50%; opacity: 1; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }*/

@media (max-width: 1200px) {
.banner { height: 56.25vw;}
.banner .inner h2{ letter-spacing:1px; -webkit-text-stroke-width: 2px;}
}
@media (max-width: 640px) {
.banner .inner { left: 2.5%; width: 75%; }
.banner .inner h2 { font-size:112.5%; }
.banner .inner .txt{ font-size:10px; }
}
/*** index public css ***/ 
.section{ padding: 6vw 6.5vw; position:relative; box-sizing:border-box;}
.sec-top{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin-bottom: 2em; }
.sec-top .tit{ font-size: 200%; font-weight: bold; position: relative; text-transform:Capitalize; overflow: hidden;}
.sec-top .tit::after { content: ""; display: block; width: 50%; height: 4px; background: rgba( 186, 0, 18, 1); margin: .5em 0;  
-webkit-animation: ud 2s ease-in-out 1s infinite; animation: ud 2s ease-in-out 1s infinite; }
@-webkit-keyframes ud { 
	0% { width: 0}
	100% { width: 50%; }
}
@keyframes ud { 
	0% { width: 0}
	100% { width: 50%; }
}
.more { display: inline-block; background: rgba( 186, 0, 18, 1); font-size:87.5%; color: #fff; padding: .5em 1.5em; -webkit-filter: brightness(90%); filter: brightness(90%); -webkit-transition: .3s; transition: .3s;
-webkit-border-radius: 2px; border-radius: 2px;}
.more::after { content: "\f178"; font:100 112.5% "Awesome5"; margin-left: .25em; -webkit-transition: .3s; transition: .3s;}
.more:hover { color: #fff; -webkit-filter: brightness(100%); filter: brightness(100%); }
.more:hover::after { margin-left: .5em;}
/*** 简介 index ***/
.iAbout .L{ width: 45%; position: relative;}
.iAbout .R{ width: 47%; position: relative;}
.iAbout .L::after { content: ""; display: block; position: absolute; left: -2vw; bottom: -2vw; width: 6vw; height: 6vw; background: rgba( 186, 0, 18, .95); }
.iAbout .L .pic { width: 100%; position:relative; z-index: 2; overflow:hidden; box-shadow: 5px 5px 10px 0 rgba(232,52,40, .1); box-sizing:border-box;}
.iAbout .L .pic::after { content: ""; display: block; padding-bottom: 66.66666%; }
.iAbout .L .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.iAbout .R .tit { font:250%  Impact, "Arial Black", "sans-serif"; }
.iAbout .R .tit::after { content: ""; display: block; width: 5em; height: 2px; background: rgba( 186, 0, 18, 1); margin: .5em 0; }
.iAbout .R .txt p{ color: #999; line-height: 2;text-align: justify; text-indent: 2em;}
.ljgd { display: inline-block; background: rgba( 186, 0, 18, 1); color: #fff; padding: .75em 2.5em; margin-top: 2em; -webkit-filter: brightness(90%); filter: brightness(90%); -webkit-transition: .3s; transition: .3s; }
.ljgd::before { content: "\f178"; font:100 125% "Awesome5"; margin-right: 1em;}
.ljgd:hover { color: #fff; -webkit-filter: brightness(100%); filter: brightness(100%); }
/*** 计数 index ***/
.icoun{ padding:4vw 0; background: url('../images/bg1.jpg') no-repeat center center /cover; position: relative;}
/*.icoun::after { content: ""; display: block; position:absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgb( 0,0,0,0);}*/
.icoun ul{ position: relative; z-index: 2;  color: #000;}
.icoun ul li { text-align: center; }
.icoun ul li .num .big{ font-size:3.3334vw; font-weight: bold; }
.icoun ul li .num em{ font-size:1.65vw; }
.icoun ul li p{ font-size:1.2vw; text-transform:Capitalize; }
/*** 产品 index ***/
.iPro .swiper { width: 100%; padding-bottom: 2em; }
.iPro .swiper-slide { height: calc((100% - 32px) / 2); box-sizing: border-box; }
.iPro .swiper-pagination { bottom:0; }
.iPro li { text-align: center; box-sizing: border-box; }
.iPro li .pic { width: 100%; position:relative; border: solid 2px #ddd; margin-bottom: .25em; overflow:hidden; box-sizing: border-box; -webkit-transition: .3s; transition: .3s;}
.iPro li .pic::after { content: ""; display: block; padding-bottom: 75%; }
.iPro li .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition: .3s; transition: .3s;}
.iPro .btn-prev,.iPro .btn-next{ width: 3vw; height: 3vw; max-width: 200px; max-height: 200px; min-width: 32px; min-height: 32px; position: absolute; top:52.5%; z-index: 3; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); cursor: pointer; }
.iPro .btn-prev{ left: 2vw; }
.iPro .btn-next{ right: 2vw;}
.iPro .btn-prev:hover,.iPro .btn-next:hover{ opacity: 1 }
.iPro .my-button-disabled,.iPro .my-button-disabled:hover{ opacity:.5; }
.iPro li:hover .pic { border:solid 2px #ba0012; }
.iPro li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*** 新闻 index ***/
.iNews { background:#f2f2f2;}
.iNews::after {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width:50%;height:100%; background: url('../images/bg3.png') no-repeat center center /cover;opacity: .5}
.iNews .L{ width: 45%; position: relative; z-index: 3; }
.iNews .R{ width: 40%; position: relative; z-index: 3; }
.iNews .sec-top { border-bottom: solid 1px #ddd; padding-bottom: 1.5em; }
.iNews .sec-top .tit{ font-size:175%; text-transform:Capitalize; }
.iNews .sec-top .tit::after { display: none; }
.iNews .more{ background: none; color: #666}
.iNews .more::after { content: "\f101"; font:300 100% "Awesome5"; vertical-align: middle;}
.iNews .L ul li { padding: 1em 0; position: relative; padding-left: 1em; box-sizing: border-box; }
.iNews .L ul li a{display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.iNews .L ul li::before { content: "\f105"; font:300 125% "Awesome5"; color:#999; position: absolute; left: 0; -webkit-transition: .3s; transition: .3s;}
.iNews .L ul li .tit{ color:#999; text-align: left; margin-right: 1em; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; -webkit-transition: .3s; transition: .3s;}
.iNews .L ul li a:hover .tit{ color:#ba0012;}
.iNews .L ul li:hover::before {color:#ba0012;}
.iNews .R .sec-top { margin-bottom: 0; }
.iNews .R li { padding: 2em 0; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;  }
.iNews .R li a{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.iNews .R li .txt { width: calc(90% - 12.5em); -webkit-transition: .5s; transition: .5s;}
.iNews .R li .txt span { font: 87.5% 'Arial', 'sans-serif'; color: #999; }
.iNews .R li .txt .tit { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical; }
.iNews .R li .pic { width: 12.5em; position: relative; overflow: hidden; -webkit-transition: .5s; transition: .5s; }
.iNews .R li .pic:after { content: ""; display: block; padding-bottom: 66.6666666%;}
.iNews .R li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px;-webkit-transition: .5s; transition: .5s;}
.iNews .R li:hover{ background: rgba( 186, 0, 18, 1); }
.iNews .R li:hover .txt{ margin-right:1em; }
.iNews .R li:hover .txt span { color:#fff;} 
.iNews .R li:hover .txt .tit { color:#fff;} 
.iNews .R li:hover .pic { margin-left:1em; }
.iNews .R li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
@media (max-width: 1680px) {
.section{ padding: 4vw 4.5vw; }
.iNews::after {width:100%;height:100%;background: url('../images/bg3.png') no-repeat center center /cover;opacity: .5}
.iNews .R{ width: 45%; }
.iNews .R li .txt{ width: calc(93% - 12.5em); }
}
@media (max-width: 1440px) {
.section{ padding: 3vw 3.5vw; }
.iAbout .R { width: 50%; }
.iAbout .R .tit { font-size:200%; }
.iAbout .R .txt p{ font-size:87.5%; line-height: 1.5 }
.ljgd{ font-size:87.5%;}
}
@media (max-width: 1200px) {
.section{ padding: 2.5em 1em; position:relative; box-sizing:border-box;}
.iAbout .R .tit { font-size:150%; }
.iNews .L{ font-size: 87.5%;}
.iNews .R li .pic{  width: 9.5em;}
.iNews .R li .txt{ width: calc(95% - 9.5em); }
.iNews .R li .txt .tit { font-size: 87.5%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; }
}
@media (max-width: 1024px) {
.iNews .R li:hover .pic { margin-left:0; }
.iNews .R li:hover .pic img{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1.1);transform:scale(1);}
}
@media (max-width: 800px) {
.iAbout .L { width: 100%; }
.iAbout .R { width: 100%; margin-top: 2em; }
.icoun li{ width: 50%; margin-top: 1.5em}
.icoun ul li .num .big{ font-size:6.666vw;}
.icoun ul li .num em{ font-size:3.3vw; }
.icoun ul li p{ font-size:2.4vw; }
.iPro {font-size: 87.5%; }
.iPro .btn-prev,.iPro .btn-next{ top:55%;}
.iPro .btn-prev{ left: 0; }
.iPro .btn-next{ right: 0;}
.iNews .L{ width: 100%;}
.iNews .R{ width: 100%; margin-top: 2em; font-size: 87.5%; }
}
/***会员 对话框***/
.popup { width: 100%; height: 100%; background: rgba(0, 0, 0, .75); position: fixed; top: 0; left: 0; z-index: -1; 
-webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all .5s; -o-transition:.5s; transition:.5s;}
.popup.show{ -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); z-index: 99; }
.login-wrap { width: 100%; max-width: 32em; padding: 3.5vw; position: relative; background: #FF416C; 
background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C); background: linear-gradient(to right, #FF4B2B, #FF416C); 
color: #fff; border-radius: .75em; border-top:solid 1px rgba(0, 0, 0, .5); border-left:solid 1px rgba(0, 0, 0, .5);
border-bottom:solid 1px rgba(255, 255, 255, .5); border-right:solid 1px rgba(255, 255, 255, .5); box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 16px 48px 0 rgba(0,0,0,.19); box-sizing: border-box; }
/*.sign-in-htm, .sign-up-htm { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s linear; transition: all .4s linear; }*/
.sign-in, .sign-up, .login-form .group .check { display: none; }
.login-wrap .tab { font-size: 150%; margin:0 1.5em 1em 0; padding-bottom: .25em;  display: inline-block; border-bottom: 4px solid transparent; }
.sign-in:checked + .tab, .sign-up:checked + .tab { color: #fff; border-color: #fff; }
.login-form { position: relative; min-height: 17em; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.login-form .group { margin-bottom: 1em; }
.login-form .group .label, .login-form .group .input, .login-form .group .button { width: 100%; color: #fff; display: block; }
.login-form .group .label{text-indent: 1em;}
.login-form .group .input, .login-form .group .button { border: none; padding: 1em 1.25em; border-radius: 25px; background: rgba(255,255,255,.1); box-sizing: border-box; }
.login-form .group input[data-type="password"] { text-security: circle; -webkit-text-security: circle; }
.login-form .group .button { cursor: pointer; text-align: center; }
.sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.sign-up:checked + .tab + .login-form .sign-up-htm { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.foot-lnk { text-align: center; }
.close { display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; 
position: absolute; top: -.75em; right: -.75em; width:2em; height:2em; background:#000; border:solid 2px #fff; cursor:pointer;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.close::after {content: "\f00d"; font:100 150%/1 "Awesome5"; color:#fff; }
/***产品定制 对话框***/
@media (min-width: 801px) {
.dz-dlog {width: 100%; height: 14em; background: rgba(0, 0, 0, .95); position: fixed; left: 0; bottom:-14em; z-index: 99; -webkit-transition: .5s; -o-transition:.5s; transition:.5s;box-sizing:border-box; }
.dz-dlog.show  { bottom:0; overflow: hidden;}
.dz-dlog .dz-wrap { width: 100%; padding: 1em 4vw; color: #fff;  box-sizing: border-box;}
.dz-dlog a.dz-btn{ position: fixed; right: 6.5vw; bottom: 0; z-index: 101; padding: .75em 1.5em; background: rgba( 186, 0, 18, 1); color: #fff; line-height: 1; border-radius: 8px 8px 0 0; -webkit-transition: .5s; -o-transition:.5s; transition:.5s;}
.dz-dlog a.dz-btn span{ font-size: 112.5%; font-weight: bold; text-transform:Uppercase; }
.dz-dlog .dz-btn::after { content: "\f106"; font:400 125% "Awesome5"; vertical-align: -2px; margin-left: .25em;}
.dz-dlog .dz-btn.up{ bottom: 14em;}
.dz-dlog .dz-btn.up::after { content: "\f107"; font:400 125% "Awesome5"; color: #fff;}
.dz-wrap .dz-form{  width: calc(100% - 7.5em); }
.dz-wrap .ewm{ width: 6.5em; }
.dz-wrap .ewm img{ margin:0 auto;}
.dz-wrap .dz-form .L{ width: calc(50% - 1em); }
.dz-wrap .dz-form .M{ width: calc(35% - 1em); }
.dz-wrap .dz-form .R{ width: calc(15% - 1em); }
.dz-wrap .tit { width: 100%; margin-bottom: .5em;}
.dz-wrap .tit strong{ font-size:125%; }
.dz-wrap form{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;width: 100%;}
.dz-wrap .dz-form .L .row { width: calc(50% - .75em); }
.dz-wrap .row.msg{ width: 100%;}
.dz-wrap .row label{ display: block; font-size: 87.5%; }
.dz-wrap input, .dz-wrap textarea { display:block; width:100%; padding:.4em;  background: rgba( 255, 255, 255, .25); color: #fff; }
.dz-wrap select{outline: none; display:block; width:100%; padding:.5em; }
.dz-wrap textarea { resize: vertical; min-height: 5.5em}
.dz-wrap button[type="submit"]{ display: inline-block; height: calc(100% - 1.4em); margin-top: 1.4em; padding:1em; text-align:center; background: rgba( 186, 0, 18, 1); color:#fff; border: none;cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; transition: 0.5s; box-sizing: border-box;}
.dz-wrap button[type="submit"]:hover{background:rgba( 186, 0, 18, .75);  color:#fff; }
.dz-wrap input:-internal-autofill-previewed {-webkit-text-fill-color: #fff!important; }
.dz-wrap input:-internal-autofill-selected { -webkit-text-fill-color: #fff!important; }
.dz-wrap textarea:-internal-autofill-previewed {-webkit-text-fill-color: #fff!important;}
.dz-wrap textarea:-internal-autofill-selected { -webkit-text-fill-color: #fff!important;}
}
@media (min-width: 1921px) {
.login-wrap { max-width: 32vw; }
}
@media (max-width: 1200px) {
.dz-dlog .dz-wrap { padding: 1em;}
.dz-wrap .dz-form .L .row {width: calc(50% - .5em);}
}
@media (max-width: 1200px) {
.dz-wrap .dz-form .L{ width: calc(57% - 1em); }
.dz-wrap .dz-form .M{ width: calc(28% - .75em); }
.dz-wrap .dz-form .R{ width: calc(15% - .75em); }
}
@media (max-width: 800px) {
.login-wrap { width: calc(100% - 2em); }
.dz-dlog a.dz-btn{ display: none; }
.dz-dlog { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; 
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
width: 100%; height: 100%; background: rgba(0, 0, 0, .75); position: fixed; top: 100%; left: 0; z-index: -1; -webkit-transition:all .5s; -o-transition:.5s; transition:.5s;}
.dz-dlog.show{top: 0; z-index: 1001; }
.dz-dlog .dz-wrap { font-size: 87.5%; width: calc(100% - 4em); padding: 1em 4vw; background: #fff; position: relative; box-sizing: border-box;}
.dz-wrap .ewm{ width: 100%; margin-top: .5em; }
.dz-wrap .ewm img{ width: 7em; margin:0 auto; }
.dz-wrap .tit { width: 100%; margin-bottom: .5em; }
.dz-wrap .tit strong{ font-size:142%; }
.dz-wrap .dz-form .L{ width: 100%; }
.dz-wrap .dz-form .M{ width: 100%; }
.dz-wrap .dz-form .R{ width: 100%; }
.dz-wrap form{ width: 100%;}
.dz-wrap .dz-form .L .row { width: 100%; }
.dz-wrap .row { width: 100%; margin-top: .25em }
.dz-wrap .row label{ display: block;}
.dz-wrap input, .dz-wrap textarea { display:block; width:100%; padding:.4em;  background: rgba( 255, 255, 255, .25); }
.dz-wrap select{outline: none; display:block; width:100%; padding:.5em; }
.dz-wrap textarea { resize: vertical; min-height: 5em}
.dz-wrap button[type="submit"]{ width: 100%; padding:.5em; margin-top: 1em; text-align:center; background: rgba( 186, 0, 18, 1); color:#fff; border: none;cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; transition: 0.5s; box-sizing: border-box;}
.dz-wrap button[type="submit"]:hover{background:rgba( 186, 0, 18, .75);  color:#fff; }
}
/***移动端 底部栏***/
.mob-foot-warp{ position: fixed; left: 1em; bottom: 1em; z-index: 109; width: calc(100% - 2em); padding:.5em 1em; background: rgba(0, 0, 0,1); color: #fff; border: 1px solid rgba(254, 254, 254, .25);  border-radius: 6em; box-shadow: 0 2px 8px 0 rgba(54, 33, 0, .5); box-sizing: border-box; }
.mob-foot-warp li{ font-size: 87.5%; }
@media (min-width: 801px) {
.mob-foot-warp{ display: none; }
}
 /*** page public css ***/ 
.bar { width:100%; height: 33.3333vw; position:relative;}
.bar img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; }
.ab-bar::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, .2); }
.bar > .w-auto{ height: 100%;}
.bar .tit{ position: absolute; top: 50%; left: 50%; z-index: 3; font-size: 3.6vw; font-weight: 600; color: rgba( 0, 0, 0, 1); padding: 0 .5em; 
-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); 
background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(#fff), to(#fff));
background-image: -o-linear-gradient(left,#fff, #fff); background-image: linear-gradient(to right, #fff, #fff);
-webkit-background-clip: text; background-clip: text; letter-spacing: calc(1em / 2);
-webkit-text-stroke-color: transparent; -webkit-text-stroke-width: calc(1em / 8); }
.lmnr{ position: absolute; bottom: 0; z-index: 3; width: 100%; background: rgba( 0, 0, 10, .5); overflow-x: auto; overflow-y:hidden; white-space:nowrap; }
.lmnr::-webkit-scrollbar{ width:25px; height: 2px} 
.lmnr::-webkit-scrollbar-thumb{ background-color:rgba( 0, 0, 0, 1); border-radius: 1em;}
.lmnr ul{-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;}
.lmnr li{ font-size: 125%; padding:.5em 0; margin: 0 1.5em; position: relative; }
.lmnr li a{ color: #fff; font-weight: bold; }
.lmnr li::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 4px; background: rgba( 186, 0, 18, 1); -webkit-transition:.3s; -o-transition:.3s; transition:.3s;}
.lmnr li:hover::after { width: 100%; left: 0;}
.lmnr li.on{ font-weight: bold; }
.lmnr li.on::after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 4px; background: rgba( 186, 0, 18, 1);}
.lmnr.scrollfixed{ bottom: inherit; padding: .5em 0; background: #fff; border-bottom: solid 1px #ccc}
.lmnr.scrollfixed li a{ color: #333;}
.pos { width: 100%; padding:1em 6.5vw; font-size:87.5%; color: #666; box-sizing:border-box; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;word-break: break-all; border-bottom: 1px solid #eee; }
.pos span::before{content: "\f015"; font:900 110% "Awesome5"; margin-right:.25em; }
@media (max-width: 1120px) {
.bar .tit{ font-size: 250%;}
}
@media (max-width: 800px) {
.bar { height: 56.25vw;}
.bar .tit{ top:40%;}
.lmnr{ padding-bottom: .25em}
.lmnr ul.Flex { display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start;}
}
@media (max-width: 560px) {
.bar .tit{ font-size: 200%;}
.lmnr li{ font-size: 100%;}
}
/*** 筛选 page css ***/ 
.Search{ background: #f1f1f1; }
.sx-tit{ font-size: 200%; font-weight: 600; }
.Search .row{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
 font-size: 125%; color: #666; padding: 1.5em 0;  border-bottom: solid 1px #cecece; }
.Search .row span{ min-width: 9em; color: #333; font-weight: bold; margin-right: .5em; text-transform:Capitalize }
.Search .row .sxxm{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.Search .row label{margin:0 1em; padding: .25em .5em; text-transform:Capitalize; cursor: pointer; }
.Search .row input[type="radio"] { display: none;}
.Search .row input[type="radio"]:checked + label { background: rgba( 186, 0, 18, 1); color: #fff; padding: .25em .5em;}
.Search .row input[type="checkbox"] { display: none;}
.Search .row input[type="checkbox"]:checked + label { background: rgba( 186, 0, 18, 1); color: #fff; padding: .25em .5em;}
.Search .row button[type="submit"]{ background: rgba( 0, 0, 0, 1); color: #fff; cursor: pointer; padding: .5em 1.5em; -webkit-transition: .3s; transition: .3s;}
.Search .row button[type="submit"]:hover{ background: rgba( 186, 0, 18, 1); }
.lx-html .in-htm, .lx-html .up-htm { display: none; margin-left: 1.5em; }
.lx-html .in:checked + .tab-lx + .up + .tab-lx + .lx-form .in-htm { display: block; }
.lx-html .up:checked + .tab-lx + .lx-form .up-htm { display: block; }
.Search .lx-form input[type="text"] { font-size: 100%; line-height: normal; padding: .25em .5em; width: 6em; box-sizing: border-box; }
/*** 筛选结果 page css ***/ 
.re-list li{ position:relative; width:calc(25% - 1.2em); margin:1.5em 1.6em 0 0; box-sizing:border-box; overflow:hidden}
.re-list li:nth-child(4n) { margin-right:0; }
.re-list li .pic { position:relative; background: url('../images/loading.gif') no-repeat center center; border:solid 1px rgba(0,0,0,.1); -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; -webkit-transition: .3s; transition: .3s;}
.re-list li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.re-list li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center;-webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.re-list li:hover .pic { border:solid 2px #ba0012; }
/*重新筛选 对话框
.sx-dlog { width: 100%; height: 0; transform: translateY(-10%); transition: .5s ease 0s; opacity: 0; overflow: hidden;}
.sx-dlog.show{ height: auto; transform: translateY(0); opacity: 1; }
.sx-dlog button[type="submit"]{ margin-right: 1em; }
.sx-dlog .button{ margin-right: 1em; }*/
@media (max-width: 1280px) {
.Search .row{ font-size: 112.5%;}
}
@media (max-width: 1024px) {
.Search .row{-webkit-box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; font-size: 100%; padding: 1em 0; }
.Search .row span{ padding-top: .25em }
.Search .row .sxxm{ -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;}
.lx-html .lx-form {width: 100%;}
.lx-html .in-htm, .lx-html .up-htm {  margin-top: .5em; }
.re-list li{ width:calc(25% - .75em); margin:1.5em 1em 0 0; }
.re-list li .text{font-size: 87.5%;}
}
@media (max-width: 800px) {
.sx-tit{ font-size: 150%; }
.Search .row {font-size: 87.5%;}
.re-list li{ width:calc(50% - .5em); margin:1.5em 1em 0 0; }
.re-list li:nth-child(2n) { margin-right:0; }
}
@media (max-width: 640px) {
.sx-tit{ font-size: 125%; }
.Search .row span{ margin-right: 0}
.Search .row label{margin:0 .25em;}
.lx-html .in-htm, .lx-html .up-htm{ margin-left: .75em;}
.lx-html .up-htm b { display: block; width: 0; height: 0; overflow: auto; margin: .25em 0; }
}
/*** 产品 page css ***/ 
.pro-list { margin-top: -1.5em; }
.pro-list li{ position:relative; width:calc(25% - 1.2em); margin:1.5em 1.6em 0 0; text-align: center; box-sizing:border-box; overflow:hidden}
.pro-list li:nth-child(4n) { margin-right:0; }
.pro-list li .pic { position:relative; background: url('../images/loading.gif') no-repeat center center; border:solid 1px rgba(0,0,0,.1); -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; -webkit-transition: .3s; transition: .3s; overflow:hidden;}
.pro-list li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.pro-list li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; box-sizing: border-box; }
.pro-list li:hover .pic { border:solid 2px #ba0012; }
.pro-list li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*分页*/
.pagination { width: 100%; font-size: 87.5%; margin-top:2em; text-align: center; }
.pagination a { display: inline-block; padding:.5em .9em; border: 1px #ccc solid; color: #333; line-height: normal; -webkit-border-radius: 4em; -border-radius: 4em; }
.pagination a:hover { border: 1px #ed1b24 solid; color: rgba( 186, 0, 18, 1); }
.pagination a.cur { background: rgba( 186, 0, 18, 1); color: #fff; border: 1px solid rgba( 186, 0, 18, 1); }
.pagination p { display: inline-block; padding:.5em .5em; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; cursor:pointer; line-height: normal;}
 /*** 产品详细 page css ***/ 
.proShow .L{ width: 47%; }
.proShow .R{ width: 43%; }
.proShow .text h1{ font-size: 175%; font-weight: 600; color: #000; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd;}
.proShow .text .argu{ color: #666; line-height: 1.8 }
.proDets{background-color: #f5f5f5; padding: 1.5em 0 4em 0;}
.proDets .tit{ font-size: 185%; font-weight: bold; text-align: center; position: relative; padding-bottom: .5em; }
.proDets .tit{ font-size: 185%; font-weight: bold; text-align: center; position: relative; }
.proDets .tit::before { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; }
.proDets .tit::after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; width: 4em; height: 2px; margin: 0 auto; background: #ba0012; }
.proDets .w-auto { padding: 3.2vw; background: #fff;}
.Details{ line-height:2; text-align: justify; text-indent: 2em; }
.Details p{ padding: .25em 0;}
.Details ul, .Details li { list-style: disc; }
.Details .list-paddingleft-2{ margin-left:1em }
.Details img{ width: auto; max-width: 100%; margin:0 auto;}


.fh-btn{ margin-top: 1.5em; }
.fhsy { display: inline-block; background: rgba( 0, 0, 0, 1); font-size:112.5%; color: #fff; padding:.25em .5em; -webkit-transition: .3s; transition: .3s; -webkit-border-radius: 2px; border-radius: 2px;}
.fhsy:hover { color: #fff;  background: rgba( 0, 0, 0, .9); }
.fhsx { display: inline-block; background: rgba( 186, 0, 18, 1); font-size:112.5%; color: #fff; padding:.25em .5em; margin-top: 2.5em;-webkit-filter: brightness(90%); filter: brightness(90%); -webkit-transition: .3s; transition: .3s; -webkit-border-radius: 2px; border-radius: 2px;}
.fhsx:hover { color: #fff; -webkit-filter: brightness(100%); filter: brightness(100%); }
/* 上一个 下一个*/
.relink{ width:100%; color: #ccc; background: #1c1e20; margin-top:2em; box-sizing:border-box; }
.relink span{ width:calc((100% - 5em) / 2); padding:0 .5em; line-height: 2; box-sizing: border-box; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.relink span:nth-child(2) { width:5em; text-align: center; }
.relink span:last-child { text-align:right; }
.relink span:hover{background: rgba( 186, 0, 18, 1); color: #fff;}
.relink span:hover a{ color: #fff;}
/*** 相关 ***/
.related{ width:100%; margin-top:2.5em; box-sizing:border-box; }
.related .rel-tit{ font-size:150%; font-weight: bold; text-transform:Capitalize; padding-bottom: .75em ; margin-bottom: .75em; border-bottom: solid 2px #eee;}
.related .Rlist2 ul{ margin-top: -1em; }
.related .Rlist2 li{ width: calc(25% - .75em); margin:1em 1em 0 0; position:relative; box-sizing:border-box; overflow:hidden;} 
.related .Rlist2 li:nth-child(4n) { margin-right:0}
.related .Rlist2 li .pic { width:100%; position:relative; border: solid 1px #ddd; box-sizing: border-box; overflow:hidden;} 
.related .Rlist2 li .pic:after { content: ""; display: block; padding-bottom: 66.66666%;}
.related .Rlist2 li .pic img { position: absolute; top: 0; bottom: 0;left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; box-sizing: border-box;}
.related .Rlist2 li .txt{ padding:.5em; position:relative; z-index:2; background:#fff; text-align: center;}
.related .Rlist2 li:hover .pic { border: solid 1px #ba0012;  }
.related .Rlist2 li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
 /*** 关于 page css ***/ 
.about .L{ width: calc(25% - 3.25vw); border-right: solid 1px #ddd; box-sizing: border-box}
.about .R{ width: calc(75% - 3.25vw); }
.about .L .tit{ font-family: Impact, "Arial Black", "sans-serif"; font-size: 250%; font-weight: bold; text-transform:Uppercase;  }
.about .L .tit::after { content: ""; display: block; width: 2em; height: 4px; background: rgba( 186, 0, 18, 1); margin: .5em 0; }
/*.about .L .tit .en { font-size: 250%; font-weight: bold; display: block; }
.about .L .tit .en::after { content: ""; display: block; width: 2em; height: 1px; background: rgba( 186, 0, 18, 1); margin: .5em 0; }
.about .L .tit .en { font-size: 125%; color: #ddd; text-transform:Uppercase; }*/
.about .txt{ font-size: 112.5%; line-height:2 ; text-align: justify; text-indent: 2em; margin-bottom: 1em;}
.coun { position:relative; margin-bottom: 2.5em;}
.coun ul{ width:100%; text-align:center; box-sizing: border-box;}
.coun li{ text-align:center; }
.coun li i{ display:block; font-size: 125%; font-weight:300; color: #ccc;  }
.coun li .num .big{ font-size: 200%; font-weight:bold}
.coun li p{ color: #666;}
.s-tit{ font-size: 250%; font-weight: bold; display: block; text-align: center; margin-bottom: 3vw; position: relative; z-index: 2; }
.s-tit::after { content: ""; display: block; width: 2em; height: 4px; background: rgba( 186, 0, 18, 1); margin: .5em auto; }
.deepmao {position: relative; top: -4em; display: block; height: 0;overflow: hidden;}
 /*** 历程 page css ***/ 
.his{ background: #f6f6f9; } 
.his .swiper{ width: 100%; position: relative; box-sizing: border-box; }
.his .swiper::after { content: ""; display: block; width: 100%; height: 1px; background: #e0e0e0; position: absolute; left: 0; top: 5em; }
.his li .year{ font:bold italic 250%/1 'PingFang SC', 'Microsoft YaHei', 'Tahoma', 'Arial', 'sans-serif'; text-align: center; position: relative; padding-bottom: 1.3em;  }
.his .swiper-slide-active .year{ color: #ba0012; }
.his .swiper-slide-active .year i{ display: block; width: .5em; height: .5em; background: rgba( 186, 0, 18, .5);  position: absolute; bottom: 0; left:50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); -webkit-border-radius:  50%; border-radius: 50%;}
.his .swiper-slide-active .year i::after { content: ""; display: block; width: .3em; height: .3em; margin: .1em 0 0 .1em; background: rgba( 186, 0, 18, 1); -webkit-border-radius:  50%; border-radius: 50%; }
.his li .text{display: none; width: 50em; margin: 0 auto; margin-top: 2em; padding: 2em; text-align: justify; text-indent: 2em; background: #f0f0f0; color: #666; box-sizing: border-box;
position: relative; left:50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);}
.his li .text::after {content: '';position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 15px solid transparent; border-bottom-color: #f0f0f0;}
.his .swiper-slide-active .text { display: block; }
.his li .text p{ padding: .5em 0;}
.his .btn-prev,.his .btn-next{ width: 3vw; height: 3vw; max-width: 200px; max-height: 200px; min-width: 32px; min-height: 32px; position: absolute; top:5em; z-index: 3; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); cursor: pointer; }
.his .btn-prev{ left: 2vw; }
.his .btn-next{ right: 2vw;}
.his .btn-prev:hover,.his .btn-next:hover{ opacity: 1 }
.his .my-button-disabled,.his .my-button-disabled:hover{ opacity:.5; }
 /*** 荣誉 page css ***/ 
.honor::after {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width:100%;height:100%; background: url('../images/bg2.jpg') no-repeat center center /cover; opacity: .1}
.honor .swiper { width: 100%; padding-bottom: 2em; position: relative; z-index: 2;}
.honor .swiper-pagination { bottom:0; }
.honor ul{ margin-top: -2vw}
.honor li { padding: 2vw 2vw 0 2vw; text-align: center; box-sizing: border-box }
.honor li .pic { width: 100%; position:relative; border: solid 1px #ddd; margin-bottom: .25em; overflow:hidden; background: #fff;  }
.honor li .pic::after { content: ""; display: block; padding-bottom: 111.2%; }
.honor li .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;padding: .25em; box-sizing: border-box; }
.honor .btn-prev,.honor .btn-next{ width: 3vw; height: 3vw; max-width: 200px; max-height: 200px; min-width: 32px; min-height: 32px; position: absolute; top:46%; z-index: 3; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); cursor: pointer; }
.honor .btn-prev{ left: 0; }
.honor .btn-next{ right: 0;}
.honor .btn-prev:hover,.honor .btn-next:hover{ opacity: 1 }
.honor .my-button-disabled,.honor .my-button-disabled:hover{ opacity:.5; }
/***企业文化***/
.culture .tab-con { width: 100%; }
.culture .TAB-CLICK { width: 100%;  }
.culture .TAB-CLICK li{width: calc(100% / 2); background-color:#000; color: #fff; padding: 1.5em; margin-top: 1px;position: relative; border-right: solid 1px #ddd; box-sizing: border-box;}
.culture .TAB-CLICK li::after { content: ""; display: block; position:absolute; right: .25em; bottom: .25em; width: 10vw; height: 7.22vw; background: url('../images/logo2.png') no-repeat center /cover; opacity: .25}
.culture .TAB-CLICK li:last-child{ border: none;}
.culture .TAB-CLICK li h2 b{ font-size:175%; font-weight: bold; text-transform:Capitalize; line-height: 1; display: block;}
.culture .TAB-CLICK li h2 em{ font-size:87.5%; }
.culture .TAB-CLICK li h2::after {content: ""; font:100 250% "Awesome5"; display: block; margin-top: 1.5em; }
.culture .TAB-CLICK li:nth-child(1)  h2::after {content: "\f4c6"; }
.culture .TAB-CLICK li:nth-child(2)  h2::after {content: "\f1d8"; }
/*.culture .TAB-CLICK li:nth-child(3)  h2::after {content: "\f3a5"; }
.culture .TAB-CLICK li:nth-child(4)  h2::after {content: "\f4ba"; }
.culture .TAB-CLICK li:nth-child(5)  h2::after {content: "\f559"; }
.culture .TAB-CLICK li:nth-child(6)  h2::after {content: "\f521"; }*/
.culture .TAB-CLICK li.on{ background:#ba0012; }
.culture .TAB-CLICK li.on a{ color:rgba(255,255,255,1); }
.culture .tab-item{ height:0; visibility:hidden; overflow:hidden;}
.culture .tab-item.show{ height:auto; visibility:visible; }
.culture .tab-con li{display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
 -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; box-sizing: border-box;}
.culture .tab-con li .inner{ width: 49%; color: #666; }
.culture .tab-con li .pic{ width: 50%; }
.culture .tab-con li .inner h2{ margin: 1em 0; color: #000;}
.culture .tab-con li .inner h2 b{ font-size:150%; font-weight: bold; text-transform:Capitalize; display: block;}
.culture .tab-con li .inner h2 em{ font-size:87.5%;}
.culture .tab-con li .inner h3{ font-size:125%; color: #000; margin-bottom: 1em;}
.culture .tab-con li .inner p{ padding: .5em 0;}
/*** 新闻 ***/
.news-list { margin-top: -1.5em }
.news-list li { padding:2em 2.5vw; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;  }
.news-list li:nth-child(2n) { background: #f5f5f5; }
.news-list li a{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.news-list li .text { width: 60%; -webkit-transition: all .5s; transition: all .5s;}
.news-list li .text span { font: 112.5% 'Arial', 'sans-serif'; color: #999; }
.news-list li .text .tit { display: block; font-size: 137.5%; font-weight: bold; color: #000; margin: 1em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; }
.news-list li .text .info { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; }
.news-list li .pic { width: 30%; position: relative; background: url('../images/wm.png') no-repeat center center; }
.news-list li .pic:after { content: ""; display: block; padding-bottom: 66.6666667%;}
.news-list li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px;-webkit-transition: all .5s; transition: all .5s;}
.news-list li .btn-more { display: inline-block;font-size: 87.5%; color: #222; padding: .5em 0; margin-top: 1.5em; }
.news-list li .btn-more::after{content: "\f178"; font:300 125% "Awesome5"; margin-left:.25em; display: inline-block; vertical-align: middle; -webkit-transition: all .5s; transition: all .5s;  }
.news-list li:hover{ background: rgba( 186, 0, 18, 1); }
.news-list li:hover .text{ margin-left:1em; }
.news-list li:hover .text span { color:#fff;} 
.news-list li:hover .text .tit { color:#fff;} 
.news-list li:hover .text .info{ color:#fff;} 
.news-list li:hover .btn-more { color:#fff;} 
.news-list li:hover .btn-more::after{ margin-left:1em; }
.news-list li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*** 新闻详情 ***/
.newShow .title{ border-bottom: solid 1px #ddd; padding-bottom:1em; text-align:center;  }
.newShow .title h1{ font-size:200%; font-weight: bold; }
.newShow .tag{ font-size:87.5%; color:#999; margin-top:.5em;}
.newShow .tag span{ margin:0 1em;}
.newShow .tag span::before {content: "\f34e"; font:900 100% "Awesome5"; margin-right:.25em; }
.newShow .tag span:nth-child(2)::before{content: "\f004";}
.newShow .detail{ padding: 2em 0;}
.newShow .detail ul, .newShow .detail li { list-style: disc; }
.newShow .detail .list-paddingleft-2{ margin-left:1em }
.newShow .detail img{ width: auto; max-width: 100%;  margin:0 auto; }

/*** 相关新闻 ***/
.related .Rlist li{ width:calc(50% - 2em); padding: 1em; border-bottom:1px dashed #dbdbdb; box-sizing: border-box; }
.related .Rlist li .tit{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; box-sizing:border-box; }
.related .Rlist li .tit::before {content: "\f105"; font:400 100% "Awesome5"; margin-right:.5em; display: inline-block; opacity: .5 }
/*** 团队 page css ***/ 
.td-list { margin-top: -1.5em; }
.td-list li{ position:relative; width:calc(25% - 1.2em); margin:1.5em 1.6em 0 0; text-align: center; box-sizing:border-box; overflow:hidden}
.td-list li:nth-child(4n) { margin-right:0; }
.td-list li .pic { position:relative; background: url('../images/loading.gif') no-repeat center center; border:solid 1px rgba(0,0,0,.1); -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; -webkit-transition: .3s; transition: .3s; overflow:hidden;}
.td-list li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.td-list li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; box-sizing: border-box; }
.td-list li:hover .pic { border:solid 2px #ba0012; }
.td-list li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*** 研发流程 page css ***/ 
.custom .cus-form{  width: calc(90% - 25em); }
.custom .ewm{ width: 25em; margin-left: 10% }
.custom .ewm img{ max-width: 100%; margin:0 auto;}
.custom .tit { width: 100%; margin-bottom: .5em;}
.custom .tit strong{ font-size:200%; }
.custom .row { width: 100%; margin-top: 1em; }
.custom .row label{ display: block; font-size: 112.5%; color: #666; }
.custom input, .custom textarea { display:block; width:100%; padding:.4em;  background: rgba( 255, 255, 255, .25); }
.custom select{outline: none; display:block; width:100%; padding:.5em; }
.custom textarea { resize: vertical; min-height: 5.5em}
.custom button[type="submit"]{ display: inline-block; height: calc(100% - 1.4em); margin-top: 1.4em; padding:1em; text-align:center; background: rgba( 186, 0, 18, 1); color:#fff; border: none;cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; transition: 0.5s; box-sizing: border-box;}
.custom button[type="submit"]:hover{background:rgba( 186, 0, 18, .75);  color:#fff; }
/*** 联系 page css ***/ 
.contact .L{ width: 65%;}
.contact .R{ width: 25%;}
.contact .L .tit{ width: 100%; font-size: 200%; font-weight: bold; position: relative; margin-bottom: 1em; padding-bottom: 1em;  border-bottom:solid 1px rgba(0,0,0,.1);}
.contact .L .tit::after { content: ""; display: block; width: 4em; height: 2px; position: absolute; bottom: 0; background-color: #000;}
.contact .L .txt{ font-size: 112.5%;  line-height: 2; padding-top: 1em;}
/***地图 index css ***/ 
/*#map{ position:relative; width: 100%; height: 65vh;}
#map img{ width:auto; max-width:inherit;}
#map label.BMapLabel{ display:none;}
#map .BMap_bubble_content h1 { font-size: 125%; font-weight: bold;}*/
/***地图 index css ***/ 
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0; }
.custom-info { width: 32em; border: solid 1px silver; }
div.info-top { position: relative; background: #fff; padding:.5em 1em; border-bottom: 1px solid #ddd; }
div.info-top div { display: inline-block;font-size: 112.5%; font-weight: bold;  }
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s; }
div.info-top img:hover { box-shadow: 0px 0px 5px #000; }
div.info-middle { padding: 1em; line-height: 1.5; }
div.info-bottom { height: 0px; width: 100%; clear: both; text-align: center; }
div.info-bottom img { position: relative; left:50%; z-index: 104; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); }
.amap-container img{ width:1em; height: auto;}

@media (max-width: 1280px) {
.news-list li .text { width: 50%; }
.news-list li .pic { width: 40%; }
.news-list li .text span{ font-size:100%; }
.news-list li .text .tit{ font-size:125%; }
.news-list li .text .info{ font-size:87.5%; }
}
@media (max-width: 1024px) {
.pro-list { margin-top: -1em; }
.pro-list li{ position:relative; width:calc(25% - .75em); margin:1em 1em 0 0;}
.related .Rlist li{ width:calc(50% - 1em); }
.td-list { margin-top: -1em; }
.td-list li{ position:relative; width:calc(25% - .75em); margin:1em 1em 0 0; }
.custom .cus-form{  width: calc(95% - 25em); }
.custom .ewm{ width: 25em; margin-left: 5% }
}
@media (max-width: 800px) {
.proShow .L{ width: 100%; }
.proShow .R{ width: 100%; margin-top: 1.5em; }
.pro-list li{ position:relative; width:calc(50% - .5em);}
.pro-list li:nth-child(4n){ margin-right: 1em; }
.pro-list li:nth-child(2n){ margin-right: 0; }
.relink span{ width:100%; padding: .25em .5em;}
.relink span:nth-child(2) { width:100%; text-align:left;  }
.relink span:last-child { text-align:left; }

.related .Rlist2 li{ width: calc(50% - .5em); } 
.related .Rlist2 li:nth-child(4n) { margin-right:1em;}
.related .Rlist2 li:nth-child(2n) { margin-right:0;}

.about .L{ width: 100%; }
.about .R{ width: 100%; margin-top: 1.5em }
.about .txt{ font-size: 87.5%; }
.s-tit{ font-size: 200%; margin-bottom: 1.5em;}
.his li .text{ width: 100vw;}
.culture{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;}
.culture .tab-con{ width: 100%; margin-top: 1em;-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.culture .tab-con li .inner{ width: 100%; }
.culture .tab-con li .pic{ width: 100%; }
.culture .TAB-CLICK li{ margin-top: 0; padding: 1em;}
.culture .TAB-CLICK li h2 em{ font-size: 75%;}
.culture .TAB-CLICK li::after{ width: 20vw; height: 14.44vw;}
.culture .TAB-CLICK li h2::after { margin-top: .75em;}

.news-list li { padding:1em; }
.news-list li .pic { width: 45%; }
.news-list li .text .tit{ font-size:112.5%; }
.news-list li .text .tit{ margin:.5em 0;}
.related .Rlist li{ width: 100%;}
.td-list li{ position:relative; width:calc(50% - .5em);}
.td-list li:nth-child(4n){ margin-right: 1em; }
.td-list li:nth-child(2n){ margin-right: 0; }
.custom .cus-form{  width: 100%; }
.custom .ewm{ width: 25em; margin: 0 auto; margin-top: 2em;}
.contact .L{ width: 100%;}
.contact .R{ width: 100%; margin-top: 1.5em;}
.contact .L .tit{ font-size:150%;}
.contact .R .ewm img{ width: 50%; }
}
@media (max-width: 640px) {
.news-list li .pic { display: none;}
.news-list li .text{ width: 100%; }

.custom-info { width: auto; min-width: 25em;}

}