@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   '微软雅黑', 'Microsoft YaHei', 'PingFang SC', 'Arial', 'Tahoma', 'sans-serif'; color: #212121; 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, 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 #0a8542;}/*选中后及鼠标上移*/
a { color: inherit; outline: none; text-decoration: none; cursor:pointer;}
a:hover { color: rgba( 10, 133, 66, 1); /*color: #0a8542;*/ }
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 { 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: #0a8542; }
::-moz-selection { background: #0a8542; 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%; margin: 0 auto; padding: 0 8.3333vw; position: relative; box-sizing:border-box; }
/********* 导航 css *********/
header { position: relative; z-index:99; width: 100%; height: 100px; background: rgba( 255, 255, 255, 1); box-shadow: 0 0 8px 0 rgba( 0,0,0, .25); box-sizing:border-box;-webkit-transition: .3s; transition: .3s; }
header .w-auto{ height: 100%; }
header.scoll{ position: fixed; top: 0; }
/*** logo ***/
.logo{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
width: 165px;/*width: 15%;*/  height: 100%; position: relative; padding: 0 1.5vw; }
.mob-logo{ display: none;}
.pc-logo::before{ content:""; position: absolute; top: 0; left: -10%; z-index: -1; width: 120%; height: 100%; background: #fff;}
.pc-logo::after{ content:""; position: absolute; top:-30%; left: 0; z-index: -2; width: 100%; height: 160%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 8px 0 rgba( 0,0,0, .25); }
/*** 语言 ***/
.language { position: relative; z-index: 3; font-size: 87.5%; cursor:default;}
.language em{ color: #0a8542;  font-style: normal; }
.language em::after {content: "\f0d7"; font:900 100% "Awesome5"; margin-left: .25em; }
.language .L-Op{ display:none; position: absolute; top: 100%; width: 100%; }
.language .L-Op a{ display: block; text-align: right; padding-right: .9em; font-weight: bold; }
/*** 导航btn ***/
.menuBtn { display: none; width: 1.5em; height: 1em; position: relative; z-index: 9; cursor: pointer; -webkit-transition: 0.38s; transition: 0.38s; }
.menuBtn b { margin-top: .375em; display: block; width: 100%; height: 2px; background: #000; 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: #000;
-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); }
/*** nav css ***/
.nav { 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: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; width: 75%; height: 100%;}
.nav > li { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-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-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
 height: 100%; position: relative; box-sizing: border-box; }
.nav > li > a{ text-transform:Uppercase; }
.nav > li > a span{ display: block; width: 100%; }
.nav > li > a img{ width: 1.75em; margin: 0 auto; opacity: .4;}
.nav > li.on > a { color: rgba( 10, 133, 66, 1); font-weight: bold; }
@media (min-width: 1280px) {
.nav > li > .has{ 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);}
.nav > li > .has::after{ content:"\f078"; font:300 75% "Awesome5"; color: #666; }
.nav > li .hasClass { position: absolute; top: 100%; left: 50%; height: 0; visibility: hidden; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px;-webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-transition: 4s; -moz-transition: 4s; -ms-transition: 4s; -o-transition: 4s; transition: 4s;}
.nav > li .hasClass > li {-webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); 
-webkit-transition: opacity .2s, -webkit-transform .3s; -moz-transition: opacity .2s, -moz-transform .3s; -ms-transition: opacity .2s, -ms-transform .3s; -o-transition: opacity .2s, -o-transform .3s; transition: opacity .2s, transform .3s; opacity: 0; position: relative; white-space:nowrap; color: #212121; background: #fff; margin-top: 1px; box-sizing: border-box; }
.nav > li .hasClass li:first-child{ margin-top: 0; }
.nav > li:hover .hasClass, .nav > li:focus .hasClass {height: auto; visibility: visible; }
.nav > li:hover .hasClass > li, .nav > li:focus .hasClass > li { opacity: 1;  -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.nav li .hasClass > li > a{ display: block; padding: 1em 2em 1em 1em; }
.nav li .hasClass > li > .has{position: absolute; top:50%; right: 1em; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;}
.nav li .hasClass > li > .has::after{ content:"\f054"; font:400 87.5% "Awesome5";}
.nav li .hasClass > li:hover .has{ right: .6em; z-index: 5;color: #fff; }
.nav li .hasClass > li:hover > a{ background: #0a8542; color: #fff; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); -webkit-border-radius: .375em 0 0 .375em; border-radius: .375em 0 0 .375em; position: relative; z-index: 3; color:#fff; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;}
.nav .subClass{ position: absolute; left: calc(100% + .35em); top: -1px; z-index: -10; min-width: 10em; height: 0; background: rgba( 10, 133, 66, 1); opacity: 0;
-webkit-transform: translateY(-50%); transform:translateY(-50%); 
-webkit-transition: .4s .2s; -moz-transition: .4s .2s; -ms-transition: .4s .2s; -o-transition: .4s .2s; transition: .4s .2s;
overflow: hidden; }
.nav .subClass > li { border-bottom: solid 1px rgba( 0, 0, 0, .25);}
.nav .subClass > li a{ display: block; padding: 1.06em 1em; color:#fff;}
.nav .subClass > li a:hover{ color: #212121;}
.nav .hasClass > li:hover .subClass{ -webkit-transform: translateY(0); transform: translateY(0); height: auto; opacity: 1; }
}
/*** 搜索 ***/
.showBtn::after {content: "\f002"; font:300 100% "Awesome5"; }
.s-Box{ position:fixed; top:0; right:0; left:0; bottom:0; background: rgba(0,0,0,.5); width:100%; height:100vh; z-index:1001; opacity:0;
-webkit-transition: .5s ease 0s; -moz-transition: .5s ease 0s; -ms-transition: .5s ease 0s; -o-transition: .5s ease 0s; transition: .5s ease 0s;
-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.s-Box.show{ opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.s-Box .Ent{ width:55%; background:#fff; padding:4vw; margin:0 auto; position:relative; top:50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); box-sizing:border-box;}
.s-Box .Ent span{ display:block; font-size:187.5%; text-align:center; width:100%; margin-bottom:32px;}
.s-Box .Ent .form-row{border-bottom: 1px solid #3f3f3f;}
.s-Box .Ent input[type="text"]{ width: calc(100% - 2.5em); padding:.5em .25em; border:none; box-sizing:border-box; }
.s-Box .Ent button[type="submit"]{ width:2.5em; padding:.5em 0; border:none; cursor:pointer; }
.s-Box .Ent button[type="submit"]::after {content: "\f002"; font:400 125% "Awesome5"; }
.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:1.8em; height:1.8em; background:#000; border:solid 1px #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:300 125%/1 "Awesome5"; color:#fff; }
/*** footer css ***/ 
footer { color: rgb( 255,255,255,.75); background:#1c1e20; padding: 4em 0; }
footer .tit { font-size: 150%; margin-bottom: 1em; }
footer .L { width: 30%;}
footer .M { width: 30%;}
footer .R { width: 30%;}
footer .L .txt{ font-size: 87.5%; }
footer .L .social { margin-top: 1em; }
footer .L .social a { display: inline-block; margin-right: .25em; }
footer .L .social img { width: 1.5vw; min-width:24px; }
footer .M li { width: calc(50% - .25em); margin-right: .5em; font-size: 87.5%;}
footer .M li:nth-child(2n){margin-right: 0;}
footer .R .ewm a { width: calc(25% - .5em); text-align: center; }
footer .R .ewm a span { display: block; margin-top: .5em; font-size: 87.5%;}
.copyright{ font-size: 87.5%; color: rgb( 255,255,255,.75); background:#1c1e20; padding: 1em 0; border-top: solid 1px rgb( 255,255,255,.75);}
@media (min-width: 1920px) {
body{ font-size: 0.83333vw}
header{ height: 5.21vw;} 
.logo{ width: 8.59vw;}
}
@media (max-width: 1680px) {
.w-auto{ padding: 0 4.117vw; }
.nav{ width: 80% } 
}
@media (max-width: 1440px) {
.w-auto{ padding: 0 1.3333vw; }
.nav{ width: 85% } 
.s-Box .Ent{ width:75%;}
}
@media (max-width: 1279px) {
header { height: auto; padding: .5em 0; }
.pc-logo{ display: none; }
.mob-logo{ display: block; }
.mob-logo::before{ content:""; position: absolute; top: calc( -100% + .5em); left: -10%; z-index: -1; width: 120%; height: 200%; background: #fff;}
.mob-logo::after{ content:""; position: absolute; top:-90%; left: 0; z-index: -2; width: 100%; height: 280%; background: #fff; -webkit-border-radius: 100%; border-radius: 100%; box-shadow: 0 0 8px 0 rgba( 0,0,0, .25); }
.menuBtn { display: block; position: absolute; right: 1em;}
.nav{ display:block; width:100%; height:100%; position:fixed; left:-100%; background: rgba(255,255,255,.9); padding:1.5em; border-top:solid 1px #0a8542;-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition:.3s; box-sizing:border-box; } 
.nav.show{ left:0; } 
.nav li{ position: relative; }
.nav > li{ width: 100%; height: auto; display: block; padding: .5em 0; border-bottom: solid 1px #aaa;}
.nav > li > a span{ display: none; }
.nav > li .has{ position: absolute; right: 0;}
.nav > li .has::after{ content:"\f067";font:300 100% "Awesome5"; }
.nav > li.active > .has::after{content:"\f068"; }
.nav > li.active > a{ font-weight: bold; }
.nav > li .hasClass{ display: none; font-size: 87.5%; border-left: solid 1px #aaa; }
.nav > li .hasClass > li{ padding: .25em 0;}
.nav > li .hasClass > li::before{ content:""; display: inline-block; width: .5em; height: 2px; background: #aaa; vertical-align: middle; margin-right: .25em;}
.nav > li .hasClass > li.active > a{ font-weight: bold; }
.nav > li .subClass{ display: none; padding-left: 2em; }
.search { margin-right: 2.5em;}
.language{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;}
.language em{ display: none; }
.language .L-Op{ display: block; position: relative; top: inherit; width:auto; }
.language .L-Op a{ display:inline; padding-right:0}
.language .L-Op a:first-child::after { content: "/"; display: inline-block; }
.language .L-Op a.cn{ color: #0a8542; }
.search {padding-left:59px;}
}
@media (max-width: 1200px) {
.w-auto{ padding: 0 1em; }
}
@media (max-width: 1024px) {
footer .L { width: 45%;}
footer .M { width: 45%;}
footer .R { width: 100%; margin-top: 1.5em;}
footer .R .ewm a { width: calc(25% - 2em);  }
}
@media (max-width: 800px) {
.mob-logo::before,.mob-logo::after{ display: none; }
.language span { display: none; }
.language em{  display: none; }
.language .L-Op{ display: block; position: relative; top: 100%; width: 100%; }
.language .L-Op a.en{ }
.search { padding-left:10px;}
.s-Box .Ent span{ font-size:125%;}
.s-Box .Ent{ width:calc(100% - 1.5em);  padding:2.5em 4vw;}
footer{ padding: 2.5em 0;}
footer .L { width: 100%;}
footer .M { width: 100%; margin-top: 1.5em;}
footer .tit{ margin-bottom: .25em;}
footer .R .ewm a span{font-size: 75%;}
}
@media (min-width: 801px) and (max-width: 1279px) {
.mob-logo img{ padding-right:2.5em; }
}
/*** swiper public css ***/ 
.swiper-pagination{ 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;}
.swiper-pagination-bullet { 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: 1em; height: 1em; background: transparent; position: relative; z-index: 0; -webkit-border-radius: 50%; border-radius: 50%; opacity: 1; outline: none;}
.swiper-pagination-bullet::before { content: ''; width: .75em; height: .75em; background: #fff; border-radius: 50%; outline: none; }
.swiper-pagination-bullet-active{ border: 1px solid rgba( 10, 133, 66, 1); position: relative; z-index: 0; border-radius: 50%; opacity: 1;}
.swiper-pagination-bullet-active::before{ background: rgba( 10, 133, 66, 1); }
.btn2-next, .btn2-prev{ cursor: pointer; color: #fff; padding: 0 .45em .1em .45em; background: rgba( 10, 133, 66, 1); -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }
.btn2-next::after { content: "\f061"; font:300 75%/1 "Awesome5"; }
.btn2-prev::after { content: "\f060"; font:300 75%/1 "Awesome5"; }
/*** .banner css ***/ 
.banner { width:100%; height: 43.75vw; 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; }
/*** index public css ***/ 
.section{ padding: 4em 0; position:relative; box-sizing:border-box;}
.sec-top { width: 100%; text-align: center; margin-bottom: 2em; }
.sec-top .orn{ width: 100%; position: relative; margin-bottom: .5em; white-space:nowrap;}
.sec-top .orn span{ font: bolder italic 125% "Times New Roman", Baskerville, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #646464; display: inline-block; position: relative; bottom: .3em;}
.sec-top .orn img{ width: 3em;position: relative;}
.sec-top .orn i{ font-size:75%; transform: scale(0.83333); transform-origin: 4.5em -4em; text-transform:Uppercase; color: #646464; }
.sec-top .orn::before,.sec-top .orn::after { content: ""; display: block; position: absolute; bottom: .5em; right: 0; height: 1px; background: #63646b; }
.sec-top .orn::before { left: 0; width: calc(50% - 5.4em); }
.sec-top .orn::after{ right: 0; width: calc(50% - 7.8em); }
.sec-top h2{ font: bolder italic 300% "Times New Roman", Baskerville, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-transform:Uppercase; display: block; text-align: center; }
.sec-top h2 em{ color: #0a8542; font-weight: bolder; font-style: italic; }
.more { display: inline-block; background: #0a8542; 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: 4em; border-radius: 4em;}
.more:hover { color: #fff; -webkit-filter: brightness(100%); filter: brightness(100%); -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/*** 产品 index ***/
.iSort .w-auto{ padding: 0 12.5vw;}
.iSort .sec-top { margin-bottom: 1em; }
.iSort 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;}
.iSort li{width:calc(25% - 1.25vw); margin: 1.666vw 1.666vw 0 0; position: relative; box-sizing: border-box; }
.iSort li:nth-child(4n) { margin-right: 0; }
.iSort 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: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; 
-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%;}
.iSort li .pic{ width: 35%; position: relative;}
.iSort li:nth-child(11) .pic {width: 50%; }
.iSort li .txt{ position: absolute; bottom: 1.2em; left: 0; width: 100%; background: #eef1f4; padding: 1.7vw 1em; text-align: left; -webkit-border-radius: 8px; -webkit-border-radius: 8px; box-sizing: border-box;-webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s;}
.iSort li .txt span{ font-size: 112.5%; color: #212121; position: relative; z-index: 2; }
.iSort .btn2-next, .iSort .btn2-prev{ display: none; position: absolute; top:45%; z-index: 2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); transform:translate(0,-50%); }
.iSort .btn2-next{ right: 0; }
.iSort .btn2-prev{ left: 0; }
.iSort .my-button-disabled, .iSort .my-button-disabled:hover{ background: rgba( 10, 133, 66, .75); }
@media (min-width: 1025px){
.iSort li:hover .txt{ background: rgba( 10, 133, 66, 1); color: #fff; text-shadow: #165c34 1px 0 0, #165c34 0 1px 0, #165c34 -1px 0 0, #165c34 0 -1px 0;}
.iSort li:hover .txt span{color: #fff;}
}
/*** 新品 index ***/
.iNew { background: #f5f5f9; position: relative; }
/*.iNew::after {content: ""; display: block; position: absolute; top: 50%; left: 2vw; bottom: 0; width:19.5312vw; height:28.9593vw; background: url('../images/img/xg-1.png') no-repeat center center /cover; opacity: .2;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}*/
.iNew .sec-top{ display: none; }
.iNew .xg img { position: absolute; top: 50%; right: 0; bottom: 0; left: 2vw; z-index: 0; width: auto; height: 84%; object-fit: cover; opacity: .2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.iNew .L{ width: 20%; position: relative; z-index: 3; box-sizing: border-box; }
.iNew .R{ width: 80%; position: relative; z-index: 2; box-sizing: border-box; }
.iNew .L h2{ font: bolder italic 300% "Times New Roman", Baskerville, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-transform:Uppercase; display: block; width: 100%; margin-top: .5em;}
.iNew .L h2 em{ color: #0a8542; font-weight: bolder; font-style: italic; }
.iNew .swiper { width: 100%; padding-bottom: 2em; }
.iNew li { padding: 0 1vw; box-sizing: border-box; }
.iNew .swiper-pagination { bottom:0; }
.iNew .tab-btn{ position: absolute; top:45%; right: -4vw; z-index: 2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); transform:translate(0,-50%); cursor: pointer; }
.iNew .btn-prev,.iNew .btn-next{ width: 3vw; height: 3vw; max-width: 200px; max-height: 200px; min-width: 32px; min-height: 32px; margin: 1em 0;}
.iNew .btn-prev:hover,.iNew .btn-next:hover{ opacity: 1 }
.iNew .my-button-disabled,.iNew .my-button-disabled:hover{ opacity:.5; }
.iNew li .pic { width: 100%; background: #fff; position:relative; border: solid 1px #dcdde0; overflow:hidden; box-sizing: border-box; -webkit-transition: .3s; transition: .3s;}
.iNew li .pic::after { content: ""; display: block; padding-bottom: 166.666%; }
.iNew li .pic img { position: absolute; top: 50%; bottom: 0; left: 0; right: 0; width: 100%; height: auto; object-fit: cover; object-position: center; -webkit-transition: .3s; transition: .3s;
-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.iNew li .txt::before { content: " "; display: block; width: 1.25em; height: 2px; background: #01903e; margin: 1em 0; }
.iNew li:hover .pic { border:solid 1px #01903e; }
/*** 简介 index ***/
.iAbout{ width: 100%; position: relative; box-sizing: border-box}
.iAbout .sec-top{ display: none; }
.iAbout .con-box{ width: 62.5%; /*min-height: 720px; position: absolute; left: 0; z-index: 3;*/  background: #fff; position: relative; z-index: 3; padding: 4.7vw 0; box-sizing:border-box; box-shadow: 0 0 8px 0 rgba(0,0,0,.5); }
.iAbout .con-box .xg img { position: absolute; top: 50%; bottom: 0; left: 3%; z-index: -1; width: auto; height: 84%; object-fit: cover; object-position: center; opacity: .2; 
-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.iAbout .con-box .since-pic img { position: absolute; right: 2.5vw; bottom: 2vw; z-index: -1; width: 22%; height: auto;}
.iAbout .con-box .L { width: 35%; padding-left: 6.4vw; position: relative; box-sizing: border-box; }
.iAbout .con-box .R { width: 65%; padding:0 2.5vw; position: relative; box-sizing: border-box; }
/*.iAbout .con-box .L::after {content: ""; display: block; position: absolute; top: 50%; left: 0; bottom: 0; z-index: -1; width:13.333vw; height:24.688vw; background: url('assets/images/img/xg-2.png') no-repeat center center /cover; opacity: .2;-webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}*/
.iAbout .con-box .L h2{ font: bolder italic 300% "Times New Roman", Baskerville, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-transform:Uppercase; display: block; width: 100%; margin-top: .5em;}
.iAbout .con-box .L .figure li{ margin: 2vw 0; color:#01903e; }
.iAbout .con-box .L .figure li .num span{ font-size: 225%; }
.iAbout .con-box .L .figure li.num em{ font-size: 112.5%; }
.iAbout .con-box .L .figure li p{ font-size: 112.5%; }
.iAbout .con-box .R .tit{ font-size: 150%; }
.iAbout .con-box .R .txt{  color: #666; margin: 2vw 0 4vw 0; text-align: justify; text-indent: 2em; }
/*.iAbout .pic { width: 50%; position: absolute; left: 50%; overflow:hidden; box-sizing:border-box;}
.iAbout .pic::after { content: ""; display: block; padding-bottom: 75%; }*/
.iAbout .pic img { position: absolute; top: 0; right: 0; bottom: 0; width: 50%; height: 100%; object-fit: cover; object-position:center;}
.sp-play{ position: absolute; top: 50%; right: 20%; z-index: 3; cursor: pointer; -webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);-o-transform:translate(50%,-50%);transform:translate(50%,-50%);}
.sp-play::after{ content:"\f144"; font:400 500% "Awesome5"; color: rgba(255,255,255,.65); }
.sp-play:hover::after{ color: rgba(255,255,255,1); }
.sp-dlog { background: rgba(0, 0, 0, .75); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 101; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:.5s; -o-transition:.5s; transition:.5s;}
.sp-dlog.show{ -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); }
.sp-dlog .sp-con{ width: 90%; max-width: 1280px; position: relative;}
.sp-dlog .sp-con video { width: 100%; max-width: 100%; }
/*** 优势 index ***/
.iAdv { background: #f5f5f9;}
@media (min-width: 1280px) {
.iAdv .list { -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; }
.iAdv .list li{ width: calc(20% - .8333vw); position: relative; cursor: default; box-sizing: border-box; }
.iAdv .list li:hover .text{ background: rgba( 10, 133, 66, .9);}
}
.iAdv .list li .pic { width: 100%; background: #fff; position:relative; border: solid 1px #dcdde0; overflow:hidden; box-sizing: border-box; }
.iAdv .list li .pic::after { content: ""; display: block; padding-bottom: 156.863%; }
.iAdv .list li .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.iAdv .list li .text{ 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: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
position: absolute; top: .75em; left: .75em; z-index: 2; width: calc(100% - 1.5em); height: calc(100% - 1.5em); background: rgba(0,0,0,.55); color: #fff; border: solid 1px rgba(255,255,255,.85); padding: 1em; box-sizing: border-box; -webkit-transition: .3s; transition: .3s; text-align: center; }
.iAdv .list li .text p{ width: 100%; font-size: 112.5%; text-transform:Capitalize; position: relative; }
.iAdv .list li .text i {font:300 350%/1 "Awesome5"; text-align: center; }
.iAdv .list li .text em {font:100 150%/1 "Awesome5"; text-align: center; }
.iAdv .btn2-next, .iAdv .btn2-prev{ display: none; position: absolute; top:50%; z-index: 2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); transform:translate(0,-50%); }
.iAdv .btn2-next{ right: 0; }
.iAdv .btn2-prev{ left: 0; }
.iAdv .my-button-disabled, .iAdv .my-button-disabled:hover{ background: rgba( 10, 133, 66, .75); }
/*** 新闻 index ***/
@media (min-width: 1280px) {
.iNews ul {-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 .btn2-next, .iNews .btn2-prev{ display: none; }
}
.iNews ul { border-right: 1px solid #e5e5e5; }
.iNews li { width: 25%; padding: 3vw; border: 1px solid #e5e5e5; border-right: none; box-sizing: border-box; -webkit-transition: .3s; transition: .3s; }
.iNews li .time { font-size: 150%; color: #999; }
.iNews li .tit { font-size: 150%; margin: 2em 0; min-height: 3em; 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 li .txt { width: 100%; color: #666; min-height: 4.5em; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; }
.iNews li .pic { width: 100%; position: relative; margin: 2em 0; overflow: hidden; -webkit-transition: .5s; transition: .5s; }
.iNews li .pic:after { content: ""; display: block; padding-bottom: 50%;}
.iNews 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 li .R-more{ color: #666; position: relative; -webkit-transition: .3s; transition: .3s;}
.iNews li .R-more::after {content: "\f178"; font:300 100% "Awesome5"; display: inline-block; vertical-align: middle; margin-left: .25em;-webkit-transition: .3s; transition: .3s;}
.iNews .m-btn{ margin-top:2em; text-align: center}
.iNews .btn2-next, .iNews .btn2-prev{ display: none; position: absolute; top:50%; z-index: 2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); transform:translate(0,-50%); }
.iNews .btn2-next{ right: 0; }
.iNews .btn2-prev{ left: 0; }
.iNews .my-button-disabled, .iNews .my-button-disabled:hover{ background: rgba( 10, 133, 66, .75); }
@media (min-width: 1025px) {
.iNews li:hover{ background: rgba( 10, 133, 66, 1); }
.iNews li:hover .time{ color: #fff;}
.iNews li:hover .tit{ color: #fff;}
.iNews li:hover .txt{ color: #fff;}
.iNews li:hover .R-more{ color: #fff;}
.iNews li:hover .R-more::after{margin-left: 1em;}
.iNews li:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
}
@media (max-width: 1680px) {
.iSort .w-auto{ padding: 0 4.117vw; }
.iAbout .con-box .L{ padding-left: 5.4vw}
.iNews li{ padding: 2.5vw;}
.iNews li .time { font-size: 125%; }
.iNews li .tit { font-size: 125%; }
.iNews li .txt { font-size: 87.5%; }
.iNews li .R-more{ font-size: 87.5%; }
}
@media (max-width: 1440px) {
.iSort .w-auto{ padding: 0 2.05vw; }
.iNew .tab-btn{ right: 0; }
.iAbout .con-box{ padding:3.7vw 0}
.iAbout .con-box .L{ padding-left: 4.4vw; }
.iAbout .con-box .R .txt{ font-size: 87.5%; }
.iAdv .list li .text i{ font-size: 250%; }
.iAdv .list li .text p{ font-size: 100%; }
.iNews li{ padding: 1.5vw;}
.iNews li .time { font-size: 112.5%; }
.iNews li .tit { font-size: 112.5%; }
}
@media (max-width: 1280px) {
.iSort .w-auto{ padding: 0 1em; }
.iAbout .con-box .L{ padding-left: 3.4vw; }
}
@media (max-width: 1279px) {
.iNew .sec-top{ display: block; }
.iNew .R { width: 100%; }
.iNew .L {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2; width: 100%; text-align: center; }
.iNew .L .btn-more{ margin: 0 auto; text-align: center;}
.iNew .L h2{ display: none; }
.iNew .tab-btn{ width: 100%; position: absolute; top:35%; right: inherit; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); transform:translate(0,-50%); cursor: pointer; }
.iNew .btn-prev,.iNew .btn-next{ position: absolute; margin:0;}
.iNew .btn-prev{ left:-1em; }
.iNew .btn-next{ right:-1em; }
.iAdv .btn2-next, .iAdv .btn2-prev{ display: block;}
.iNews .btn2-next, .iNews .btn2-prev{ display: block;}
}
@media (max-width: 1109px) {
.iSort li{ width: auto; }
.iSort .swiper { width: 100%;}
.iSort .swiper-slide { height: calc(100% / 3); box-sizing: border-box; }
.iSort li{ margin: 0; }
.iSort li:nth-child(4n) { margin-right: auto; }
.iSort li .txt{ padding: 3vw 1em; line-height: 1; }
.iSort li .txt span{ font-size: 100%; }
.iSort .btn2-next, .iSort .btn2-prev{ display: block; }
}
@media (max-width: 1024px) {
.iAbout .con-box{ width: 100%; padding:0; box-shadow: none; }
.iAbout .con-box .xg img{ left: 1.5%;}
.iAbout .pic { width: 100%; position: relative; overflow:hidden; box-sizing:border-box;}
.iAbout .pic::after { content: ""; display: block; padding-bottom: 56.75%; }
.iAbout .pic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position:center;}
.sp-play{ right: 50%; }
.iAbout .con-box .L{ padding-left: 6.4vw; }
.iAbout .con-box .R{ padding: 0 6.4vw 0 0; }
.iAdv .list li .text i{ font-size: 250%; }
.iAdv .list li .text p{ font-size: 87.5%; }
.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) {
.section{ padding: 2em 0; }
.sec-top{ margin-bottom: 1.25em;}
.sec-top h2{ font-size: 150%; }
.sec-top .orn{ margin-bottom: 0;}
.sec-top .orn span{ font-size: 10px; bottom:1.2em;}
.sec-top .orn img{ width: 2em; padding: 0 .5em;}
.sec-top .orn::before,.sec-top .orn::after { bottom: .75em; }
.sec-top .orn::before { width: 50%; }
.sec-top .orn::after{ width: calc(50% - 3.2em); }
.btn2-next, .btn2-prev{ display: block;}
.iSort li .txt{ padding: 1em;}
.iSort li .txt span{ font-size:87.5%; }
.iNew li .txt{ font-size:87.5%; }
.iNew li .pic::after { padding-bottom: 100%;}
.iAbout { padding-bottom: 0;}
.iAbout .sec-top{ display: block; }
.iAbout .con-box{ width: 100%; padding: 0 }
.iAbout .pic { width: 100%; position: relative; overflow:hidden; box-sizing:border-box;}
.iAbout .pic::after { content: ""; display: block; padding-bottom: 56.75%; }
.iAbout .pic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position:center;}
.sp-play{ right: 50%; }
.iAbout .con-box .L{ width: 100%; padding-left: 0; }
.iAbout .con-box .R{ width: 100%; padding: 1.5em 1em; }
.iAbout .con-box .L h2{ display: none; }
.iAbout .con-box .L .figure{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;-webkit-box-pack: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around;}
.iAbout .con-box .L .figure li{ margin: 0;}
.iAbout .con-box .L .figure li .num span{ font-size: 150%;}
.iAbout .con-box .L .figure li p{ font-size: 100%;}
.iAbout .con-box .R .tit{ font-size: 100%; font-weight: bold;}
.iAbout .con-box .since-pic img{  width: 33.333%;}
.iAbout .con-box .xg img { opacity: .1;}
.iNews li{ padding: 2em;}
.iNews li .tit { margin: 1em 0; }
.iNews li .pic { margin: 1em 0; }
.iNews .m-btn{ margin-top: 1em;}
}
@media (max-width: 719px)  {
.iSort li .pic{ width: 25%}
.iSort li:nth-child(11) .pic {width: 36%; }
.iSort li .txt{ bottom:.25em;}
}
@media (max-width: 480px) {
.sec-top .orn i{ display: none; }
.sec-top .orn::before,.sec-top .orn::after { bottom: .75em; }
.sec-top .orn::before { width: calc(50% - 1.1em); }
.sec-top .orn::after{ width: calc(50% - 1.8em); }
.iAdv .list li .text p{ font-size: 75%; }
}
 /*** page public css ***/ 
.bar { width:100%; height: 25vw; position:relative;}
.bar::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, .25); }
.bar img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; }
.bar > .w-auto{ height: 100%;}
.bar .tit{ position: absolute; top: 50%; left: 50%; z-index: 3; color: rgba( 10, 133, 66, 1); padding: 0 1em; text-align: center;
font: bolder italic 3.6vw "Times New Roman", Baskerville, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
-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; text-transform:Uppercase;letter-spacing: 2px;
-webkit-text-stroke-color: transparent; -webkit-text-stroke-width: calc(1em / 8); }
.about-bar{ height: 33.3333vw; background:rgba(0, 0, 0, 0);}
.about-bar .tit::after{ content:"\f144"; font:300 100% "Awesome5"; display: block; color: rgba(255,255,255,1); opacity: .75; padding: .25em 0; cursor: pointer; webkit-text-stroke-width:0;}
.pos { width: 100%; padding:1em 0; 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: 200%;}
}
@media (max-width: 800px) {
/*.bar { height: 56.25vw;}*/
}
@media (max-width: 560px) {
.bar .tit{ font-size: 150%;}
}
/*** 关于 page css ***/ 
.About .txt { margin-bottom: 4em; text-align: justify; text-indent: 2em;}
.About .txt p{ padding: .5em 0; }
 /*** 相册 page css ***/ 
/*.photo::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}*/
.photo .swiper { width: 100%; margin-bottom: 2em; position: relative; z-index: 2;}
.photo .swiper-pagination { bottom:0; }
.photo ul {}
.photo li { height: calc(100% / 2); padding:.309vw .417vw;  text-align: center; box-sizing: border-box }
.photo li .pic { width: 100%; position:relative; border: solid 1px #ddd; margin-bottom: .25em; overflow:hidden; background: #fff;  }
.photo li .pic::after { content: ""; display: block; padding-bottom: 75%; }
.photo 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; }
.photo li a{ display: block; width: 100%; position: relative;}
/*.photo li a::before { content: "\f00e"; font:300 300%/1 "Awesome5"; color: #fff; position: absolute; top:0; left:50%; z-index: 3; opacity: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:.4s; -o-transition:.4s; transition:.4s;}
.photo li a:hover::before { top:50%; opacity: 1;}
.photo li a:hover::after{ content: ""; position: absolute; top:0; right: 0; bottom: 0; left:0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.25); }*/
.photo .btn2-next,.photo .btn2-prev{ cursor: pointer; color: rgba( 10, 133, 66, 1); padding: .6em .75em .4em .75em; background: rgba( 255, 255, 255, 1); border: solid 2px rgba( 10, 133, 66, 1); -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }
.photo .btn2-next::after { content: "\f178"; font:300 150%/1 "Awesome5"; }
.photo .btn2-prev::after { content: "\f177"; font:300 150%/1 "Awesome5"; }
.photo .btn2-next,.photo .btn2-prev{ position: absolute; top:50%; z-index: 2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%); transform:translate(0,-50%); }
.photo .btn2-next{ right: 0; }
.photo .btn2-prev{ left: 0; }
.photo .my-button-disabled,.photo .my-button-disabled:hover{ opacity: .5 }
/*** 产品 page css ***/ 
.page-L { width: 20%; }
.page-R { width: 75%; }
.NavTit { font-size: 200%; font-weight: bold; font-style: italic; }
.P-sort > li{ position: relative; margin-top: .5em; box-sizing: border-box; }
.P-sort > li a{ display: block; padding: .5em 1em; }
.P-sort > li > a{ display: block; background: #f1f5f1; -webkit-border-radius: 2px; border-radius: 2px; box-sizing: border-box; }
.P-sort > li > .has{position: absolute; top:0; right: 0; padding: .32em .75em; background: rgba( 10, 40, 80, .05); text-align: center; cursor: pointer; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;}
.P-sort > li > .has::after{ content:"\f107"; font:400 87.5% "Awesome5";}
.P-sort > li.active > a{ background: #0a8542; color: #fff; }
.P-sort > li.active > .has::after{content:"\f106"; color: #fff; }
.P-sort > li .subClass { display: none; }
.P-sort > li.on > a{ background: #0a8542; color: #fff; }
.P-sort > li.on > .has::after{color: #fff; }
.P-sort > li li.on > a { color: #0a8542; font-weight: bold;}
.P-sort a:hover { font-weight: bold;}
.pro-list { margin-top: -1em; }
.pro-list li{ position:relative; width:calc(25% - .75em); margin:1em 1em 0 0; 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,.075); -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box;  -webkit-transition:.4s; -o-transition:.4s; transition:.4s; overflow:hidden;}
.pro-list li .pic:after { content: ""; display: block; padding-bottom: 100%;}
.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:.4s; -o-transition:.4s; transition:.4s; box-sizing: border-box; }
.pro-list li:hover .pic { border:solid 1px #0a8542; }
.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);}
.pro-list li .txt{ font-size: 87.5%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.pro-list li .txt::before { content: " "; display: block; width: 1.25em; height: 2px; background: #01903e; margin: .5em 0; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; }
.pro-list li:hover .txt::before {  width: 3.75em;}
/*分页*/
.pagination { width: 100%; font-size: 87.5%; margin-top:3em; text-align: center; }
.pagination p { display: inline-block; padding:.5em .8em; border: 1px #ccc solid; color: #333; line-height: normal; -webkit-border-radius: 4em; -border-radius: 4em; }
.pagination a { display: inline-block; padding:.5em .8em; border: 1px #ccc solid; color: #333; line-height: normal; -webkit-border-radius: 4em; -border-radius: 4em; }
.pagination p:hover,.pagination a:hover { border: 1px #0a8542 solid; color: #0a8542; }
.pagination p.cur, .pagination a.cur { background: #0a8542; color: #fff; border: 1px solid #0a8542; }
 /*** 产品详细 page css ***/ 
.proShow .Show-top { width: 100%;position: relative; box-sizing:border-box; }
.proShow .Show-top .L { width:40%; position: relative; box-sizing:border-box;}
.proShow .Show-top .R { width:53%; position: relative; box-sizing:border-box;}
.proShow .Show-top h1{ font-size:150%; color: #212121; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #e6e7eb; }
.proShow .Show-top .txt{ color: #999; }
.proShow .Show-top .abtn { margin-top:2em; }
.proShow .Show-top .abtn a{ background-color:#0a8542; color:#fff; font-weight:bold; display:inline-block; padding:.5em 1.5em; margin-right:1em; text-transform:Capitalize;-webkit-border-radius: 6px;border-radius: 6px; }
.proShow .Show-top .abtn a:hover{ background-color:#000; color:#fff;}
.proShow .Show-top .abtn a:nth-child(1)::before { content: "\f0e0"; font:900 100%/1 "Awesome5"; margin-right: .25em }
.proShow .Show-top .abtn a:nth-child(2)::before { content: "\f122"; font:900 100%/1 "Awesome5"; margin-right: .25em }
.proShow .Show-top .gallery { width: 100%; position: relative; border: solid 1px #eee; box-sizing:border-box; }
.proShow .Show-top .thumbs { width: 100%; position: relative; border: solid 1px #ddd; box-sizing:border-box; }
.proShow .Show-top .thumbs li{ border: solid 1px rgba( 255, 255, 255, 0); box-sizing: border-box; }
.proShow .Show-top .thumbs .swiper-slide-thumb-active{ border: solid 2px #0a8542; }
.proShow .Show-top .my-button-disabled{ opacity: 0}
.proShow .Show-top .btn2-next, .proShow .Show-top .btn2-prev{ padding: .2em .5em; position: absolute; top:50%; z-index:3; color:#0a8542; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); background:rgb(255,255,255,.75); border:solid 1px #0a8542; }
.proShow .Show-top .btn2-prev{ left:0; padding:.2em .2em .2em 0; -webkit-border-radius: 0 25em 25em 0; border-radius: 0 25em 25em 0; border-left: 0; -webkit-box-shadow: 3px 0 2px rgb(0 0 0 / 25%); box-shadow: 3px 0 2px rgb(0 0 0 / 25%); }
.proShow .Show-top .btn2-next{ right:0; padding:.2em 0 .2em .2em; -webkit-border-radius: 25em 0 0 25em; border-radius: 25em 0 0 25em; border-right: 0;-webkit-box-shadow:  -3px 0 2px rgb(0 0 0 / 25%);box-shadow: -3px 0 2px rgb(0 0 0 / 25%); }
.Details{ margin-top: 4em;}
.proShow .Details .text ul, .proShow .Details .text li { list-style: disc; }
.proShow .Details .text .list-paddingleft-2{ margin-left:1em }
.proShow .Details .text img{ width: auto; max-width: 100%;}

.Pform .tit { font-size:200%; font-weight:bold;}
.Pform 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;}
.Pform .row {width:100%; margin-top:.5em;}
.Pform .row span em{ color: #f00;}
.Pform input,.Pform textarea { display:block; width:100%; padding:.4em; }
.Pform select{outline: none; display:block; width:100%; padding:.5em; }
.Pform textarea { resize: vertical;}
.Pform button[type="submit"]{ padding:.75em 2em; margin-top:1em; text-align:center; background: #000; color:#fff; border: none;cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; transition: 0.5s;}
.Pform button[type="submit"]:hover{background: #0a8542; color:#fff; }
.Pform .related{ border-top: solid 1px #000}

/* 上一个 下一个*/
.relink{ width:100%; color: #ccc; background: #1c1e20; margin:2em 0; box-sizing:border-box; }
.relink a{ width:calc((100% - 5em) / 2); padding:.25em .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 a:nth-child(2) { width:5em; text-align: center; }
.relink a:last-child { text-align:right; }
.relink a:hover{background: rgba( 10, 133, 66, 1); color: #fff;}
.relink a:first-child::before { content: "\f104"; font:300 150%/1 "Awesome5"; margin-right: .5em; vertical-align: middle;}
.relink a:last-child::after { content: "\f105"; font:300 150%/1 "Awesome5"; margin-left: .5em; vertical-align: middle; }
/*** 相关 ***/
.related{ width:100%; margin-top:3em; box-sizing:border-box; }
.related .rel-tit{ font-size:200%; font-weight: 600; padding-bottom: .75em ; margin-bottom: .75em; border-bottom: solid 2px #eee;}
.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: 100%;}
.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; }
.related .Rlist2 li:hover .pic { border: solid 1px #0a8542; }
.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 ***/
.news-list { margin-top: -2.5em }
.news-list li { width: calc(33.333% - 1.6667em); margin: 2.5em 2.5em 0 0; background: #fff; box-shadow: .275em .275em .5625em 0.625em rgba(0,0,0,.06); -webkit-transition: .3s; transition: .3s; border-radius: .25em; box-sizing: border-box; overflow: hidden; }
.news-list li:nth-child(3n) { margin-right: 0;}
.news-list li .pic { width: 100%; position: relative; overflow: hidden; -webkit-transition: .5s; transition: .5s; }
.news-list li .pic:after { content: ""; display: block; padding-bottom: 66.6666%;}
.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: .5s; transition: .5s;}
.news-list li .text { padding: 1.5em; }
.news-list li .tit { font-size: 125%; ext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li .txt { width: 100%; color: #999; margin: 1.5em 0; 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 .t-m {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: 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; font-size: 87.5%; }
.news-list li .time {color: #999; }
.news-list li .R-more{ color: #666; position: relative; -webkit-transition: .3s; transition: .3s;}
.news-list li .R-more::after {content: "\f178"; font:300 100% "Awesome5"; display: inline-block; vertical-align: middle; margin-left: .25em;-webkit-transition: .3s; transition: .3s;}
.news-list .m-btn{ margin-top:2em; text-align: center}
.news-list li:hover{ background: rgba( 10, 133, 66, 1);  }
.news-list li:hover .time{ color: #fff;}
.news-list li:hover .tit{ color: #fff;}
.news-list li:hover .txt{ color: #fff;}
.news-list li:hover .R-more{ color: #fff;}
.news-list li:hover .R-more::after{margin-left: 1em;}
.news-list li:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/*** 新闻详情 page ***/
.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 img{ width: auto; max-width: 100%; }

/*** 相关新闻  page ***/
.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 ***/
.cer-list{ margin-top: -2.4em;}
.cer-list li{ position:relative; width:calc(16.6667% - 2em); margin:2.4em 2.4em 0 0; position: relative; border: solid 1px #ddd; box-sizing:border-box; overflow:hidden}
.cer-list li::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba( 0, 0, 0, 0); }
.cer-list li:nth-child(6n) { margin-right:0; }
.cer-list li .pic { width: 100%; position:relative; overflow:hidden; background: #fff;  }
.cer-list li .pic::after { content: ""; display: block; padding-bottom: 141.486%; }
.cer-list 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; }
/*.cer-list li a::before { content: "\f00e"; font:300 300%/1 "Awesome5"; position: absolute; top:0; left:50%; z-index: 3; opacity: 0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:.4s; -o-transition:.4s; transition:.4s;}
.cer-list li a:hover::before { top:50%; opacity: 1;}
.cer-list li a:hover::after{ content: ""; position: absolute; top:0; right: 0; bottom: 0; left:0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.25); }*/
/*** 留言 page ***/
.Msg .w-auto{ padding: 0 18.75vw;}
.Msg .tit { font-size:200%; font-weight:bold;}
.Msg 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;}
.Msg .row {width:100%; margin-top:1em;}
.Msg .row span em{ color: #f00;}
.Msg input,.Msg textarea { display:block; width:100%; padding:.4em; }
.Msg select{outline: none; display:block; width:100%; padding:.5em; }
.Msg textarea { resize: vertical;}
.Msg button[type="submit"]{ padding:.75em 2em; margin-top:1em; text-align:center; background: #000; color:#fff; border: none;cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; transition: 0.5s;}
.Msg button[type="submit"]:hover{background: #0a8542; color:#fff; }
/*** 联系 page css ***/ 
.Contact .tit{ font-size: 200%; font-weight: bold; letter-spacing: -2px; text-transform:Uppercase;}
.Contact .tit::after {content: ""; display: block; width: 2em; height: 3px; background: rgba( 10, 133, 66, 1); margin: .25em 0 .75em 0; }
.Contact .L { width: 50%; }
.Contact .R { width: 45%; }
.Contact .L .txt p{ padding: .25em 0;}
.Contact .L .txt p::before {content: ""; font:300 100%/1 "Awesome5"; margin-right: .5em }
.Contact .L .txt p:nth-child(1)::before {content: "\f095"; }
.Contact .L .txt p:nth-child(2)::before {content: "\f1ac"; }
.Contact .L .txt p:nth-child(3)::before {content: "\f0e0"; }
.Contact .L .txt p:nth-child(4)::before {content: "\f3c5"; }
.Contact .L .txt p:nth-child(5)::before {content: "\f3c5"; }
.Contact .L .txt p:nth-child(6)::before {content: "\f3c5"; }
.Contact .L .txt p:nth-child(7)::before {content: "\f3c5"; }
.Contact .L .txt p:nth-child(8)::before {content: "\f3c5"; }
.Contact .L .social2 { margin-top: 1em; }
.Contact .L .social2 span{ font-weight: bold; }
.Contact .L .social2 a { display: inline-block; margin-right: .25em; }
.Contact .L .social2 img { width: 1.5vw; min-width:24px; }
.Contact .R .ewm2 a { width: calc(25% - .25em); font-size: 87.5%; text-align: center; }
.Contact .R .ewm2 a span { display: block; margin-top: .5em;}
/***地图 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); transform:translate(-50%,0); }
.amap-container img{ width:auto; height: auto;}
@media (max-width: 1440px) {
.cer-list{ margin-top: -1em;}
.cer-list li{ width:calc(20% - .8em); margin:1em 1em 0 0; }
}
@media(min-width:1025px) and (max-width: 1280px) {
.news-list { margin-top: -1.5em }
.news-list li { width: calc(33.333% - 1em); margin: 1.5em 1.5em 0 0; }
}
@media (max-width: 1280px) {
.pro-list li{ width:calc(33.3333% - .6667em); margin:1em 1em 0 0;}
.pro-list li:nth-child(4n) { margin-right:1em; }
.pro-list li:nth-child(3n) { margin-right:0; }
.Msg .w-auto{ padding: 0 12.5vw;}
}
@media (max-width: 1024px) {
.page-L { width: 100%; position: relative; z-index: 2; background: #fff; }
.page-R { width: 100%; margin-top: 2em; }
.page-L.scrollfixed .NavTit{ padding: .5em 0; border-bottom: solid 2px #0a8542;}
.NavTit { position: relative; }
.NavTit::after{ content:"\f107"; font:400 75% "Awesome5"; color: #0a8542; background: #eee; padding: .1em .4em; position: absolute; right: 0; top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.NavTit.active::after{content:"\f106"; }
.P-sort li a{ padding: .5em 1em; box-sizing: border-box;}
.P-sort { background: #fff; display: none; position: absolute; top: 100%; z-index: 9;  width: 100%; }
.news-list { margin-top: -2em }
.news-list li { width: calc(50% - 1em); margin: 2em 2em 0 0; }
.news-list li:nth-child(3n) { margin-right: 2em;}
.news-list li:nth-child(2n) { margin-right: 0;}

}
@media (max-width: 800px) {
.NavTit { font-size: 175%;}
.pro-list li{ width:calc(50% - .5em); margin:1em 1em 0 0;}
.pro-list li:nth-child(4n) { margin-right:1em; }
.pro-list li:nth-child(3n) { margin-right:1em; }
.pro-list li:nth-child(2n) { margin-right:0; }
.proShow .Show-top .L { width:100%; }
.proShow .Show-top .R { width:100%; margin-top: 2em; }

.relink a{ width:100%; padding: 0 .5em; font-size: 87.5%; }
.relink a:nth-child(2) { width:100%; text-align:left;  }
.relink a:last-child { text-align:left; }
.relink a:first-child::before { display: none;}
.relink a:first-child::after { content: "\f105"; font:300 150%/1 "Awesome5"; margin-left: .5em; vertical-align: middle; }
.related .rel-tit{ font-size: 150%; }
.related .Rlist2 li{ width: calc(50% - .5em); margin:1em 1em 0 0;} 
.related .Rlist2 li:nth-child(4n) { margin-right:1em}
.related .Rlist2 li:nth-child(2n) { margin-right:0;}
.related .Rlist li{ width: 100%; padding: .5em; }
.related .Rlist li .tit{ font-size: 87.5%; }
.news-list { margin-top: -2em }
.news-list li { width: 100%; margin: 2em 0 0 0; }
.news-list li:nth-child(3n) { margin-right: 0;}
.news-list li:nth-child(2n) { margin-right: 0;}
.news-list li .tit{ font-size: 100%;}
.news-list li .txt{ font-size: 87.5%;}
.newShow .title h1{ font-size: 150%; }

.cer-list{ margin-top: -1em;}
.cer-list li{ width:calc(25% - .75em); margin:1em 1em 0 0; }
.cer-list li:nth-child(6n) { margin-right: 1em;}
.cer-list li:nth-child(4n) { margin-right: 0;}

.Msg .w-auto{ padding: 0 1em;}
.Msg .tit{ font-size: 150%; }
.Contact .L { width: 100%; }
.Contact .R { width: 100%; margin-top: 2em; }
}
@media (max-width: 640px) {
.custom-info { width: 20em;}
}
@media (max-width: 640px) {
.Contact .R .ewm2 a { width: calc(50% - .5em); }
}