@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 'PingFang SC', 'Microsoft YaHei', 'Tahoma', 'Arial', '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, 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 #000;}/*选中后及鼠标上移*/
a { color: inherit; outline: none; text-decoration: none; cursor:pointer;}
a:hover { color: rgba( 0, 0, 0, 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: #000; }
::-moz-selection { background: #000; 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: 1440px; 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: 1440px) {
.w-auto{ max-width:100%; padding: 0 1em; }
}

/********* 导航 css *********/
header { background: rgba( 0, 0, 0, 1); position: relative; z-index:999; color: #fff; width: 100%; height: 90px; padding:0 4.5vw; box-sizing:border-box; }
header.scoll{ position: fixed; top: 0; left: 0; }
header.scoll{  -webkit-animation: 750ms 250ms; animation: 750ms 250ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}
@-webkit-keyframes fadedown {
    from { -webkit-transform: translateY(-100%); opacity: 0; }
    to { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.logo{ width: 6vw; }
.logo span{ display: block; font-size: 87.5%; color: #FFF; text-align: center; white-space:nowrap;}
.NS{ height: 100%; }

/*** 导航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-color: #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 { -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; height: 100%;}
.nav > li { height: 100%; padding: 0 2vw; position: relative; box-sizing: border-box; }
.nav > li > a {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;
color: rgba(255, 255, 255, 1);  height: 100%;}
@media (min-width: 1200px) {
.nav > li > .has{ position: absolute; bottom:10%; 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: rgba( 255, 255, 255, .5); }
.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: #212121; color: #fff; position: relative; z-index: 3; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;}
.nav .subClass{ position: absolute; left: calc(100% + 1px); top: -1px; z-index: -10; min-width: 10em; height: 0; background: #222; 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: #fff;}
.nav .hasClass > li:hover .subClass{ -webkit-transform: translateY(0); transform: translateY(0); height: auto; opacity: 1; }
}

@media (max-width: 1199px) {
.menuBtn { display: block; position: absolute; right: 1em;}
.nav{ display:block; width:100%; height:100vh; position:fixed; top:90px; left:-100%; background: rgba(0,0,0,.9); padding:1em; border-top:solid 1px #ff2444;-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 1em; border-bottom: solid 1px #aaa;  box-sizing: border-box;}
.nav > li > a span{ display: none; }
.nav > li .has{ position: absolute; right: 0; top:0;}
.nav > li .has::after{ content:"\f067"; font:300 100% "Awesome5"; }
.nav > li .has{ top:1px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.nav > li.active > .has::after{content:"\f068"; }
.nav > li.active > a{ font-weight: bold; }
.nav > li .hasClass{ display: none; border-left: solid 1px #aaa; }
.nav > li .hasClass li{ padding: .5em 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 .has::after{content:"\f068"; }
.nav > li .subClass{ display: none; padding-left: 2em; }

}

/*** 搜索 ***/
.showBtn::after {content: "\f002"; font:300 100% "Awesome5"; color: #fff; }
.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; }

/*** 小红书 弹窗 ***/
.xhs-dlog { 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;}
.xhs-dlog.show{ -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); z-index: 99; }
.xhs-warp{ background: #ff2444; color: #fff; width: 50%; max-width: 30em; padding: 3.2vw; position: relative; -webkit-border-radius: 2em;border-radius:  2em; box-sizing: border-box;}
.xhs-warp .tx{ width: 8em; background: #000; position: relative; box-sizing: border-box; -webkit-border-radius: 100%;border-radius: 100%; border: solid 1px #fff;}
.xhs-warp .tx:after { content: ""; display: block; padding-bottom: 100%;}
.xhs-warp .tx img { position:absolute; top: 50%; bottom: 0; left: 0; right: 0; width: 100%; object-fit: cover; object-position: center; box-sizing: border-box; padding: 1em; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.xhs-warp .tit{ font: 200%  "Arial Black", Impact, Haettenschweiler, "Franklin Gothic Bold", "sans-serif"; }
.sys { margin-top: 2em; padding-top: 2em;  border-top: solid 1px #fff;}
.sys img{ width: 10em; max-width: 100%; -webkit-border-radius: 1em;border-radius:  1em;}
.xhs-warp .close { top: .75em; right: .75em; }

/*** footer css ***/ 
footer{ color: rgb( 255,255,255,.9); background:#1c1e20; padding: 4em 0 2em 0; color: rgba( 255, 255, 255, .75);  }
.foot-nav > li > a{ font-size: 125%; font-weight: bold;margin-bottom: .5em; display: block;}
.foot-nav > li li{ font-weight: bold; padding: .5em 0;}
.foot-un{ padding: 2em 0; margin: 2em 0 0; }
.f-lx p{ font-size: 125%; font-weight: bold; margin-top: .5em; }
.f-ewm img { width: 6em; -webkit-border-radius: .75em; border-radius: .75em; }
.f-ewm span{ display: block; font-size: 87.5%; text-align: center; }
.copyright { font-size: 75%; border-top: solid 1px rgba( 255, 255, 255, .05); padding-top: 1em;  }

@media (min-width: 1921px) {
header{ height: 4.685vw;}
}
@media (max-width: 1680px) {
header{   padding:0 1em; }
}
@media (max-width: 1440px) {
header{  padding: 0 1em; }
.logo{ width:  7em;}
}
@media (max-width: 1199px) {
.search{ margin-right: 2.5em;}
}
@media (max-width: 800px) {
header{ height: 64px; }
.nav{ top:64px; }
.logo { width: 5.8em; }
.logo span{ font-size: 75%; }
.s-Box .Ent{ width:calc(100% - 1.5em); padding:2.5em 4vw;}

.xhs-warp{ width:calc(100% - 1.5em);}

footer{ padding-top: 2.5em;}
.foot-nav{ display: none; }
.foot-un{ margin-top: 0; padding-top:0 }
.f-lx { width: 100%; margin-bottom: 1.5em; }
.f-ewm { width: 100%;}
.f-ewm span{ text-align: left; }
}

/*** 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( 255, 255, 255, 1);  position: relative; z-index: 0; border-radius: 50%; opacity: 1;}
.swiper-pagination-bullet-active::before{ background: rgba( 255, 255, 255, 1); }

/*** .banner css ***/ 
.banner { width:100%; height:43.75vw; color: #fff; 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; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 4s; transition: 4s; }
.banner .swiper-slide-active img { -webkit-transform: scale(1); transform: scale(1); }
.banner h3{ font-size: 3.3334vw; font-weight: bold; display: block; position: absolute; z-index: 2; left: 10%; top: 45%; opacity: 0; -webkit-transition: 2.5s; transition: 2.5s;}
.banner p{ font-size: 1.25vw; position: absolute; z-index: 2; left: 10%; top: 60%; opacity: 0; -webkit-transition: 2.5s; transition: 2.5s; -webkit-transition-delay: .5s; transition-delay: .5s; }
.banner .swiper-slide-active h3{ top: 35%; opacity: 1;}
.banner .swiper-slide-active p{ top: 50%; opacity: 1;}

/*** index public css ***/ 
.section{ padding: 5vw 0; position:relative; box-sizing:border-box;}

/*** 简介 index ***/
.iAbout .L{ width: 15%; }
.iAbout .M{ width: 60%; }
/*.iAbout .R{ width: 15%; }*/
.iAbout .L .tit { display: inline-block; text-align: center;}
.iAbout .L .tit span{ font: bolder 330%/1  "Arial Black", Impact, Haettenschweiler, "Franklin Gothic Bold", "sans-serif"; color: #000; }
.iAbout .L .tit b{ display: block; font-size: 87.5%;}
/*.iAbout .L .tit span::after { content: ""; display: block; width: 100%; height: 8px; background: #000; }*/
.iAbout .R .txt{ text-align: justify; text-indent: 2em; color: #666; }
.iAbout .R .txt p{ padding: .5em 0;}
.iAbout .R .txt p:first-child{ padding-top:0;}
.ljgd{ display: inline-block; position: relative; border: 2px solid #000; -webkit-border-radius: .25em; border-radius: .25em; padding: .5em 2em; font-size: 87.5%;}
.ljgd span{ position: relative; z-index: 2;-webkit-transition: .5s; transition: .5s;}
.ljgd::after { content: ""; position: absolute; top: 50%; left: 50%;  width: 0; height:0; background: #000; -webkit-transition: .5s; transition: .5s; opacity: 0; }
.ljgd:hover span{ color: #fff; }
.ljgd:hover::after{ content: ""; position: absolute; top: 0; left: 0;  width: 100%; height:100%; background: #000;opacity: 1; }

/*** 新闻 index ***/
.iNews{ background: #f5f5f5; }
.iNews .TAB-CLICK a{ font-size: 112.5%; font-weight: bold; line-height: 1; color: #666; margin-right: 1em; -webkit-transition: .3s; transition: .3s; }
.iNews .TAB-CLICK a.on{ font-size: 150%; color: #000;}
.iNews .tab-con{ display: none; margin-top: 2em; overflow:hidden;}
.iNews .tab-con.show{ display: block; }
.gd a{ display: none;}
.gd a.show{  display: block; }
.gd a::after {content: "\f105"; font:300 125% "Awesome5"; display: inline-block; vertical-align: middle; margin-left: .25em;}
.iNews .swiper { margin: 0 -1.5em 0;overflow: hidden;}
.iNews li { padding:0 1.5em;  box-sizing: border-box;  }
.iNews li .pic { width: 100%; position: relative; border-radius: 4px; overflow: hidden;  }
.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 .tit{ font-size:125%; font-weight: bold; color: #444; margin: .5em 0; }
.iNews li .btn-more{ font-size: 87.5%; color: #2d2d2d; }
.iNews li .btn-more::after {content: "\f178"; font:300 100% "Awesome5"; display: inline-block; vertical-align: middle; margin-left: .25em; -webkit-transition: .3s; transition: .3s; }
.iNews li:hover .btn-more::after{ margin-left: 1em; color: #000; }
.iNews li:hover .tit{ color: #000; }
.iNews li:hover .btn-more{ color: #000; }
.iNews .btn-next, .iNews .btn-prev{ 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%); cursor: pointer; color: #fff; padding: 0 .45em .1em .45em; background: rgba( 0, 0, 0, 1); -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }
.iNews .btn-next::after { content: "\f061"; font:300 75%/1 "Awesome5"; }
.iNews .btn-prev::after { content: "\f060"; font:300 75%/1 "Awesome5"; }
.iNews .btn-next{ right: 0; }
.iNews .btn-prev{ left: 0; }
.iNews .my-button-disabled, .iNews .my-button-disabled:hover{ background: rgba( 0, 0, 0, .75); }

@media (max-width: 720px) {
.section{ padding: 2em 0;}
.iAbout .L{ width: 100%; }
.iAbout .M{ width: 100%; margin: 1.5em 0; }
.iNews li .tit{ font-size:112.5%; }
}
@media (max-width: 640px) {
.banner h3{ font-size:150%; }
.banner p{ font-size: 87.5%; }

.banner h3{ top: 40%; }
.banner p{ top: 65%; }
.banner .swiper-slide-active h3{ top: 30%; }
.banner .swiper-slide-active p{ top: 55%; }

}
@media (max-width: 480px) {

}

/*** 产品 index ***/
@media (min-width: 1024px) {
.iPro li { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.iPro li:after { content: ""; display: block; padding-bottom: 49.79%;}
.iPro li a{ display: block; position: absolute; z-index: 2;}
.iPro li a .txt span{ position: absolute; top: .2em; z-index: 3; display: inline-block; color: #fff; font-weight: bold; padding: .25em 1.5em; white-space:nowrap; border: solid 1px #fff; -webkit-border-radius: 2em; border-radius: 2em; }
.iPro li a .txt::before { content: ""; display: block; position: absolute; top: 1em; z-index: 2; width: .5em; height: .5em; background: #ff2444; -webkit-border-radius: 50%; border-radius: 50%; }
.iPro li a .txt::after { content: ""; display: block; position: absolute; top: 1.2em; width: 35%; height: 1px; background: #fff; }
.iPro li.slide-1 { background-image: url('../images/img/tb-bg1.jpg'); }
.iPro li.slide-1 .cp1{ width: 11.5%; left: 13%; bottom: 2.5% }
.iPro li.slide-1 .cp2{ width: 8.5%; right: 11.5%; bottom:6.5% }
.iPro li.slide-1 .cp3{ width: 14%; left: 42.5%; bottom: 8.5% }
.iPro li.slide-1 .cp1 .txt span { left: 100%;}
.iPro li.slide-1 .cp1 .txt::before { left: 65%; }
.iPro li.slide-1 .cp1 .txt::after { left: 65%; }
.iPro li.slide-1 .cp2 .txt span { left: 100%; }
.iPro li.slide-1 .cp2 .txt::before { left: 65%; }
.iPro li.slide-1 .cp2 .txt::after { left: 65%; }
.iPro li.slide-1 .cp3 .txt span { left: 135%;}
.iPro li.slide-1 .cp3 .txt::before { left: 75%; }
.iPro li.slide-1 .cp3 .txt::after { left: 75%; width: 60%; }
.iPro li.slide-2 { background-image: url('../images/img/tb-bg2.jpg'); }
.iPro li.slide-2 .cp1{ width: 8.5%; left: 62.5%; bottom: 20.5% }
.iPro li.slide-2 .cp2{ width: 8.5%; left: 26.5%; bottom:32.7% }
.iPro li.slide-2 .cp3{ width: 9.5%; left: 12.5%; bottom: 8.5% }
.iPro li.slide-2 .cp4{ width: 12.5%; left: 78%; bottom: 12.5% }
.iPro li.slide-2 .cp1 .txt span { right: 125%;}
.iPro li.slide-2 .cp1 .txt::before { right: 90%; }
.iPro li.slide-2 .cp1 .txt::after { right: 90%; }
.iPro li.slide-2 .cp2 .txt span { left: 100%; }
.iPro li.slide-2 .cp2 .txt::before { left: 65%; }
.iPro li.slide-2 .cp2 .txt::after { left: 65%; }
.iPro li.slide-2 .cp3 .txt span { left: 115%;}
.iPro li.slide-2 .cp3 .txt::before { left: 80%;}
.iPro li.slide-2 .cp3 .txt::after { left: 80%; }
.iPro li.slide-2 .cp4 .txt span { right: 125%; }
.iPro li.slide-2 .cp4 .txt::before { right: 90%; }
.iPro li.slide-2 .cp4 .txt::after { right: 90%; }
.iPro li.slide-3 { background-image: url('../images/img/tb-bg3.jpg'); }
.iPro li.slide-3 .cp1{ width: 11.5%; left: 28.5%; bottom: 1% }
.iPro li.slide-3 .cp2{ width: 11.5%; left: 44.5%; bottom: 13.5% }
.iPro li.slide-3 .cp3{ width: 11.5%; left: 60.5%; bottom: 13.5% }
.iPro li.slide-3 .cp4{ width: 12.5%; left: 78.5%; bottom: 1.5% }
.iPro li.slide-3 .cp1 .txt span { right: 115%; }
.iPro li.slide-3 .cp1 .txt::before { right: 80%; }
.iPro li.slide-3 .cp1 .txt::after { right: 80%; }
.iPro li.slide-3 .cp2 .txt span { right: 115%; }
.iPro li.slide-3 .cp2 .txt::before { right: 80%; }
.iPro li.slide-3 .cp2 .txt::after { right: 80%; }
.iPro li.slide-3 .cp3 .txt span { left: 115%;}
.iPro li.slide-3 .cp3 .txt::before { left: 80%;}
.iPro li.slide-3 .cp3 .txt::after { left: 80%; }
.iPro li.slide-3 .cp4 .txt span { right: 115%; top:80%; }
.iPro li.slide-3 .cp4 .txt::before { right: 80%; top:calc(80% + .75em);}
.iPro li.slide-3 .cp4 .txt::after { right: 80%; top:calc(80% + 1em); }
.iPro li.slide-4 { background-image: url('../images/img/tb-bg4.jpg'); }
.iPro li.slide-4 a .txt span{ border: none; background: #6b767f; color: #fff; }
.iPro li.slide-4 a .txt::after { background: #6b767f; }
.iPro li.slide-4 .cp1{ width: 4.5%; left: 29.5%; top: 30%; }
.iPro li.slide-4 .cp2{ width: 8.5%; left: 51.5%; bottom: 40%; }
.iPro li.slide-4 .cp3{ width: 7%; left: 17.5%; bottom: 22.5%; }
.iPro li.slide-4 .cp4{ width: 8.5%; left: 73.5%; bottom: 17.5%; }
.iPro li.slide-4 .cp1 .txt span { left: 150%; }
.iPro li.slide-4 .cp1 .txt::before { left: 90%; }
.iPro li.slide-4 .cp1 .txt::after { left: 90%; width: 60%; }
.iPro li.slide-4 .cp2 .txt span { left: 115%; }
.iPro li.slide-4 .cp2 .txt::before { left: 80%; }
.iPro li.slide-4 .cp2 .txt::after { left: 80%; }
.iPro li.slide-4 .cp3 .txt span { left: 115%; }
.iPro li.slide-4 .cp3 .txt::before { left: 80%; }
.iPro li.slide-4 .cp3 .txt::after { left: 80%; }
.iPro li.slide-4 .cp4 .txt span { right: 115%; top:40%; }
.iPro li.slide-4 .cp4 .txt::before { right: 80%; top:calc(40% + .75em); }
.iPro li.slide-4 .cp4 .txt::after { right: 80%; top:calc(40% + 1em); }
.iPro li.slide-5 { background-image: url('../images/img/tb-bg5.jpg'); }
.iPro li.slide-5 .cp1{ width: 9.5%; left: 43.5%; top: 27% }
.iPro li.slide-5 .cp2{ width: 7.5%; left: 53.5%; bottom: 32.5% }
.iPro li.slide-5 .cp3{ width: 9.5%; left: 72.5%; bottom: 12.5% }
.iPro li.slide-5 .cp1 .txt span { left: 115%;}
.iPro li.slide-5 .cp1 .txt::before { left: 80%; }
.iPro li.slide-5 .cp1 .txt::after { left: 80%; }
.iPro li.slide-5 .cp2 .txt span { left: 115%; }
.iPro li.slide-5 .cp2 .txt::before { left:80%; }
.iPro li.slide-5 .cp2 .txt::after { left:80%; }
.iPro li.slide-5 .cp3 .txt span { left: 115%; }
.iPro li.slide-5 .cp3 .txt::before { left: 80%; }
.iPro li.slide-5 .cp3 .txt::after { left: 80%; }
.iPro li.slide-6 { background-image: url('../images/img/tb-bg6.jpg'); }
.iPro li.slide-6 .cp1{ width: 11.5%; left: 40.5%; top: 26.5% }
.iPro li.slide-6 .cp2{ width: 7.5%; left: 15.5%; top: 47% }
.iPro li.slide-6 .cp3{ width: 7.5%; left: 67%; top: 51% }
.iPro li.slide-6 .cp4{ width: 19.5%; left: 61.5%; top: 32.5% }
.iPro li.slide-6 .cp1 .txt span { left: 115%;}
.iPro li.slide-6 .cp1 .txt::before { left: 80%; }
.iPro li.slide-6 .cp1 .txt::after { left: 80%; }
.iPro li.slide-6 .cp2 .txt span { left: 115%;}
.iPro li.slide-6 .cp2 .txt::before { left: 80%; }
.iPro li.slide-6 .cp2 .txt::after { left: 80%; }
.iPro li.slide-6 .cp3 .txt span { left: 115%; }
.iPro li.slide-6 .cp3 .txt::before { left: 80%; }
.iPro li.slide-6 .cp3 .txt::after { left: 80%; }
.iPro li.slide-6 .cp4 .txt span { left: 28%; top: -55%;}
.iPro li.slide-6 .cp4 .txt::before { left: 50%; top: -5%}
.iPro li.slide-6 .cp4 .txt::after { left: calc(50% + .25em); top: -26%;  width: 1px; height: 25%; }
.iPro li a:hover .txt span{ border: solid 1px #000; background: #000; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; }
.iPro li a:hover .txt::after { background: #000; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; }
}

@media (max-width: 1023px) {
.iPro li { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.iPro li:after { content: ""; display: block; padding-bottom: 146.55%;}
.iPro li a{ display: block; position: absolute; z-index: 2;}
.iPro li a .txt span{ font-size: 87.5%; position: absolute; top: calc(.2em + 2px); z-index: 3; display: inline-block; color: #fff; font-weight: bold; padding: .25em 1em; white-space:nowrap; border: solid 1px #fff; -webkit-border-radius: 2em; border-radius: 2em; }
.iPro li a .txt::before { content: ""; display: block; position: absolute; top: 1em; z-index: 2; width: .5em; height: .5em; background: #ff2444; -webkit-border-radius: 50%; border-radius: 50%; }
.iPro li a .txt::after { content: ""; display: block; position: absolute; top: 1.2em; width: 35%; height: 1px; background: #fff; }
.iPro li.slide-1 { background-image: url('../images/mob-img/tb-bg1.jpg'); }
.iPro li.slide-1 .cp1{ width: 24.5%; left: 13%; bottom: 5% }
.iPro li.slide-1 .cp2{ width: 20.5%; right: 11.5%; bottom:8.5%; }
.iPro li.slide-1 .cp3{ display: none; }
.iPro li.slide-1 .cp1 .txt span { left: 100%;}
.iPro li.slide-1 .cp1 .txt::before { left: 65%; }
.iPro li.slide-1 .cp1 .txt::after { left: 65%; }
.iPro li.slide-1 .cp2 .txt span { right: 100%;}
.iPro li.slide-1 .cp2 .txt::before { left: 25%;}
.iPro li.slide-1 .cp2 .txt::after { left: 0; }
.iPro li.slide-2 { background-image: url('../images/mob-img/tb-bg2.jpg'); }
.iPro li.slide-2 .cp1{ display: none; }
.iPro li.slide-2 .cp2{ width: 20%; left: 14.5%; bottom:14.5%; }
.iPro li.slide-2 .cp3{  display: none; }
.iPro li.slide-2 .cp4{ width: 32.5%; right: 8%; bottom: 2.5%; }
.iPro li.slide-2 .cp2 .txt span { left: 100%;}
.iPro li.slide-2 .cp2 .txt::before { left: 65%; }
.iPro li.slide-2 .cp2 .txt::after { left: 65%; }
.iPro li.slide-2 .cp4 .txt span { right: 115%; }
.iPro li.slide-2 .cp4 .txt::before { right: 95%; }
.iPro li.slide-2 .cp4 .txt::after { right: 95%; width: 20%; }
.iPro li.slide-3 { background-image: url('../images/mob-img/tb-bg3.jpg'); }
.iPro li.slide-3 .cp1{ width: 27.5%; right: 10.5%; bottom: 2.5%; }
.iPro li.slide-3 .cp2{ display: none; }
.iPro li.slide-3 .cp3{ width: 25.5%; left: 10.5%; bottom: 16.5%; }
.iPro li.slide-3 .cp4{ display: none; }
.iPro li.slide-3 .cp1 .txt span { right: 120%; }
.iPro li.slide-3 .cp1 .txt::before { right: 86%; }
.iPro li.slide-3 .cp1 .txt::after { right: 86%; width: 34%; }
.iPro li.slide-3 .cp3 .txt span { left: 115%; }
.iPro li.slide-3 .cp3 .txt::before { left: 85%; }
.iPro li.slide-3 .cp3 .txt::after { left: 85%; width: 30%; }
.iPro li.slide-4 { background-image: url('../images/mob-img/tb-bg4.jpg'); }
.iPro li.slide-4 .cp1{ display: none; }
.iPro li.slide-4 .cp2{ width: 18%; right: 21.5%; bottom: 40% }
.iPro li.slide-4 .cp3{ width: 25%; left: 7.5%; bottom: 22.5% }
.iPro li.slide-4 .cp4{ width: 22.5%; left: 58.5%; bottom: 15% }
.iPro li.slide-4 .cp2 .txt span { left: 100%; }
.iPro li.slide-4 .cp2 .txt::before { left: 65%; }
.iPro li.slide-4 .cp2 .txt::after { left: 65%; }
.iPro li.slide-4 .cp3 .txt span { left: 105%; }
.iPro li.slide-4 .cp3 .txt::before { left: 70%; }
.iPro li.slide-4 .cp3 .txt::after { left: 70%; }
.iPro li.slide-4 .cp4 .txt span { right: 125%; }
.iPro li.slide-4 .cp4 .txt::before { right: 90%; }
.iPro li.slide-4 .cp4 .txt::after { right: 90%; }
.iPro li.slide-5 { background-image: url('../images/mob-img/tb-bg5.jpg'); }
.iPro li.slide-5 a .txt span{ background: #ff2444; color: #fff; border: none; }
.iPro li.slide-5 a .txt::after { background: #ff2444 }
.iPro li.slide-5 .cp1{ width: 18%; left: 16.5%; bottom: 34.5% }
.iPro li.slide-5 .cp2{ width: 18%; left: 38.5%; bottom: 23.5% }
.iPro li.slide-5 .cp3{ width: 22%; right: 14.5%; bottom: 4.5% }
.iPro li.slide-5 .cp1 .txt span { left: 100%;}
.iPro li.slide-5 .cp1 .txt::before { left: 65%; }
.iPro li.slide-5 .cp1 .txt::after { left: 65%; }
.iPro li.slide-5 .cp2 .txt span { right: 125%; }
.iPro li.slide-5 .cp2 .txt::before { right: 90%; }
.iPro li.slide-5 .cp2 .txt::after { right: 90%; }
.iPro li.slide-5 .cp3 .txt span { right: 105%; }
.iPro li.slide-5 .cp3 .txt::before { right: 70%;}
.iPro li.slide-5 .cp3 .txt::after { right: 70%;}
.iPro li a:hover .txt span{ border: solid 1px #000; background: #000; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; }
.iPro li a:hover .txt::after { background: #000; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; }
.iPro li.slide-6 { background-image: url('../images/mob-img/tb-bg6.jpg'); }
.iPro li.slide-6 .cp1{ width: 28.5%; left: 6.5%; bottom: 6.5%; }
.iPro li.slide-6 .cp2{ display: none; }
.iPro li.slide-6 .cp3{ width: 22.5%; right: 13%; bottom: 20.5%; }
.iPro li.slide-6 .cp4{ width: 30.5%; right: 10.5%; bottom: 37.5%; }
.iPro li.slide-6 .cp1 .txt span { left: 105%; }
.iPro li.slide-6 .cp1 .txt::before { left: 70%; }
.iPro li.slide-6 .cp1 .txt::after { left: 70%; }
.iPro li.slide-6 .cp3 .txt span { right: 100%; top: 55%; }
.iPro li.slide-6 .cp3 .txt::before { right: 65%; top: calc(55% + .75em) }
.iPro li.slide-6 .cp3 .txt::after { right: 65%; top: calc(55% + 1em) }
.iPro li.slide-6 .cp4 .txt span { left: 10%; top: -100%; }
.iPro li.slide-6 .cp4 .txt::before { left: 50%; top: -20%; }
.iPro li.slide-6 .cp4 .txt::after { left: calc(50% + .25em); top: calc(-35% - .25em); width: 1px; height: 35%; }
}

 
 /*** 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; }
.bar > .w-auto{ height: 100%;}
.bar .tit{ position: absolute; top: 45%; left: 50%; z-index: 3; font-size: 3.6vw; font-weight: 600; color: rgba( 255, 255, 255, 1); -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
.bar.bar-job .tit{ text-shadow: #a85c15 1px 0 0, #a85c15 0 1px 0, #a85c15 -1px 0 0, #a85c15 0 -1px 0; }
.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;}
.lmnr li::after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 4px; background: #ff2444; -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: #ff2444;}
.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 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: 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 ***/ 
.Products{ padding-top: 0; }
.sort{ 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%; position: relative; margin: 6em 0 4.4em 0; z-index: 2;}
.sort > li{ width:calc(33.3333% - .4em); margin: .6em .6em 0 0; position: relative; }
.sort > li:nth-child(3n) { margin-right: 0; }
.sort > li a{ display: block; text-align: center; color: #fff; box-sizing: border-box; }
.sort > li > a{ font-size:150%; text-align: center; padding: 1em 1em 1em 1.5em; background: rgba(0,0,0,.1); color: #222; box-sizing: border-box; }
.sort li.on > a { background: rgba(0,0,0,1); color: #fff; font-weight: bold; }
/*.sort .subClass { display: none; background: rgba(0,0,0,.85); position: absolute; width: 100%; padding: 1em 0;  }
.sort .subClass a { font-size:125%; padding: .25em 0; }
.sort .subClass li.on > a::before { content:"\f061"; font:100 87.5% "Awesome5"; margin:0 .5em 0 -1.2em;}*/
@media (min-width: 1025px) {
.sort a:hover { font-weight: bold;}
.sort > li > a::after  { content:"\f063"; font:100 87.5% "Awesome5"; margin-left: .5em;}
.sort > li:hover > a::after  { content:"\f062";}
.sort > li:hover > a{ background: rgba(0,0,0,1); color: #fff; }
/*.sort > li > .has{ display: none;}
.sort > li:hover .subClass { display: block; }*/
}
@media (max-width: 1024px) {
.sort > li a{ display: block; height: 100%; box-sizing: border-box; }
.sort > li > a{ font-size:125%; padding: .5em 1em; }
.sort > li > a::after { content:"\f063"; font:100 87.5% "Awesome5"; margin-left: .25em;}
/*.sort > li > .has{ position: absolute; top:.5em; right: 0; padding: .4em .8em; text-align: center; cursor: pointer; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s;}
.sort > li > .has::after{ content:"\f107"; font:400 125% "Awesome5";}
.sort > li.on .has{ color: #fff; }
.sort > li.active > a{ background: rgba( 0, 0, 0, 1); color: #fff; font-weight: bold; }
.sort > li.active > .has::after{ content:"\f106"; color: #fff; }
.sort .subClass a { font-size: 100%;  padding: .25em 1em .25em 1.5em; }*/
}
@media (max-width: 800px) {
.sort > li > a{ padding: .5em; }
}
@media (max-width: 560px) {
.sort > li{ width:calc(50% - .4em); margin: .6em .6em 0 0; }
.sort > li:nth-child(2n) { margin-right: 0; }
.sort > li:nth-child(3n) { margin-right: .6em; }
}

.pro-list li{ position:relative; width:calc(25% - 1.2em); margin:1.6em 1.6em 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;*/ box-sizing:border-box; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; 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:.5s; -o-transition:.5s; transition:.5s; box-sizing: border-box; }
.pro-list li:hover .pic { border:solid 1px #000; }
.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{ 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: #000; margin: .5em 0; -webkit-transition:1s; -o-transition:1s; transition:1s; }
.pro-list li:hover .txt::before {  width: 3.75em;}
/*分页*/
.pagination { width: 100%; font-size: 87.5%; margin-top:3em; text-align: center; }
.pagination a,.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:hove,.pagination p:hover { border: 1px #000 solid; color: #000; }
.pagination a.cur { background: #000; color: #fff; border: 1px solid #000; }

 /*** 产品详细 page css ***/ 
.Show-top .L{ width: 45%; }
.Show-top .R{ width: 45%; }
.Show-top .swiper-slide { position: relative; }
.Show-top .swiper-slide:after { content: ""; display: block; padding-bottom: 100%;}
.Show-top .swiper-slide img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; -webkit-transition:.5s; -o-transition:.5s; transition:.5s; box-sizing: border-box; }
.Show-top h1{ width: 100%; padding-bottom: 1em; border-bottom: 1px solid #e6e7eb; }
.Show-top h1 .cn{ font-size:300%; font-weight: bold; color: #212121; }
.Show-top h1 .en{ font-size:180%; color: #616161; margin-left: .5em; }
.Show-top .brief{ width: 100%; margin-top: 1em; font-size:125%; color: #999;}
.Show-top .txt{ color: #999; }
.Show-top .abtn { width: 100%; margin:4vw 0; }
.Show-top .abtn a{ background-color:#1c1e20; color:#fff; font-weight:bold; display:inline-block; padding:.5em 1em; margin-right:1em; -webkit-border-radius: 6px;border-radius: 6px; }
.Show-top .abtn a:hover{ background-color:#eee; color:#1c1e20;}
.Show-top .abtn a:nth-child(1)::before { content: "\f095"; font:900 100%/1 "Awesome5"; margin-right: .25em }
.Show-top .abtn a:nth-child(2)::before { content: "\f122"; font:900 100%/1 "Awesome5"; margin-right: .25em }
.Show-top .gallery { width: 100%; position: relative; box-sizing:border-box; }
.Show-top .gallery img{ padding: 10%; box-sizing: border-box;}
.Show-top .thumbs { width: 100%; position: relative; box-sizing:border-box; }
.Show-top .thumbs li{ opacity: .5; box-sizing: border-box; }
.Show-top .thumbs .swiper-slide-thumb-active{ border: solid 2px #000; opacity: 1; }
.Show-top .my-button-disabled{ opacity: .25}
.Show-top .btn-next, .Show-top .btn-prev{ cursor: pointer; color: #fff; background: #000; -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box; }
.Show-top .btn-next::after { content: "\f061"; font:400 100%/1 "Awesome5"; }
.Show-top .btn-prev::after { content: "\f060"; font:400 100%/1 "Awesome5"; }
.Show-top .btn-next, .Show-top .btn-prev{ padding: .2em .5em; position: absolute; top:50%; z-index:3; color:#000; -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 #000; }
.Show-top .btn-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%); }
.Show-top .btn-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%); }
.Show-top .gallery .btn-next, .Show-top .gallery .btn-prev{ font-size: 150%;}
.proShow .Details{ margin-top: 4em;}
.proShow .Details .tit{ background: #1c1e20; text-align: center; padding: .5em 1em; box-sizing: border-box;}
.proShow .Details .tit span{ color: #fff; font-size: 125%; font-weight: bold; }
.proShow .Details .text{ padding: 2.5em 0; line-height:2; text-align: justify; text-indent: 2em;}
.proShow .Details .text img{ margin:0 auto; max-width: 100%; width: auto; }
.proShow .Details .text table { width: 100%; }
.proShow .Details .text table th, .proShow .Details .text td{ border: solid 1px #e9ebec; text-align:center; padding:.75em; }
.proShow .Details .text table th { background: #f7f7f7; }
.proShow .Details .text table tr:nth-child(1) th { background: #fff; font-size: 112.5%; font-weight: bold; }

/* 上一个 下一个*/
.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: #000; 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:2.5em; box-sizing:border-box; }
.related .rel-tit{ font-size:150%; 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; text-align: center;}
.related .Rlist2 li:hover .pic { border: solid 1px #000; }
.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 .cn { font-size: 250%; font-weight: bolder; display: block; }
.About .L .tit .cn::after { content: ""; display: block; width: 2em; height: 2px; background: #212121; margin: .5em 0; }
.About .L .tit .en { font: 250% Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; color: #ddd; text-transform:Uppercase; }
.About .txt{ font-size: 112.5%; line-height:2 ; text-align: justify; text-indent: 2em; margin-bottom: 1em;}
.deepmao {position: relative; top: -4em; display: block; height: 0;overflow: hidden;}
.page-tit{ font-size: 250%; font-weight: bold; display: block; text-align: center; margin-bottom: 3vw; position: relative; z-index: 2; }
.page-tit::after { content: ""; display: block; width: 2em; height: 2px; background: #212121; margin: .5em auto; }

/*** 历程 page css ***/ 
.His { background: #f5f5f5;}
.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: #e8e9ec; 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::before {content: ''; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 15px solid transparent; border-bottom-color: #e8e9ec;}
.His li .text::after { content: "\f10e"; font:900 5vw/1 "Awesome5"; position: absolute; bottom: 7.5%; right: 2.5%; color: rgba( 0, 0, 0, .1); z-index: -1 }
.His .swiper-slide-active .text { display: block; }
.His li .text p{ padding: .5em 0;}
.His .btn-next, .His .btn-prev{  position: absolute; top:3.4em; z-index:3; color:#000; padding: .2em .54em; background:rgb(255,255,255,.75); border:solid 2px #212121; cursor: pointer; font-size: 150%; color: #fff; background: #000; -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }
.His .btn-next::after { content: "\f061"; font:300 100%/1 "Awesome5"; }
.His .btn-prev::after { content: "\f060"; font:300 100%/1 "Awesome5"; }
.His .btn-prev{ left:0; }
.His .btn-next{ right:0; }
.His .my-button-disabled{ opacity: .25}

/*** 企业文化 ***/
.QYWH{ position:relative; background: url('../images/wh-bg.jpg') no-repeat center bottom fixed; background-size: cover;}
.QYWH::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background:rgba(0, 0, 0, .25); }
.QYWH .page-tit{ color: #fff; }
.QYWH .page-tit::after { background: #fff; }
.QYWH ul{ position: relative; z-index: 2; color: #fff;}
.QYWH ul::after { content: ""; display: block; position: absolute; top: 50%; left: calc(50% - 1px); width: 2px; height: 100%; background:#fff; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.QYWH li { width: 40%; }
.QYWH li h4{ font-size: 150%; font-weight: bold;  text-align: center;}
.QYWH li h4::before { content: ""; font:900 150% "Awesome5"; display: block; }
.QYWH li:nth-child(1) h4::before { content: "\f3a5";  }
.QYWH li:nth-child(2) h4::before { content: "\f004";  }
.QYWH li p{ font-size: 125%;  text-align: center; white-space:pre-wrap; }

/*** 合作伙伴 ***/
.HZHB li{ position:relative; width:calc(20% - 1.6em); margin:2em 2em 0 0; box-sizing:border-box; overflow:hidden}
.HZHB li:nth-child(5n) { margin-right:0; }
.HZHB li:after { content: ""; display: block; padding-bottom: 50%;}
.HZHB li img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/*** 新闻 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 .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: 56.25%;}
.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: 1em; }
.news-list li .tit { font-size: 112.5%;  margin: .5em 0; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-list li .txt { width: 100%; font-size: 87.5%; color: #999; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-list li .tag-t {color: #999; }
.news-list li .R-more{ font-size: 87.5%; color: #666; margin-top: .75em; 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 { box-shadow: .275em .275em .5625em .625em rgba(0,0,0,.1); }
.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 .w-auto{ max-width: 900px; }
.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; text-indent: 2em;}
.newShow .detail img{ margin:1em auto; max-width: 100%; width: auto;}


/*** 相关新闻 ***/
.rel-new{ padding-top: 0; margin-top: 0; }
.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 }

/*** 服务理念 ***/
.Concept .slo-t{ padding: 2.5em 0 5em 0;}
.Concept .slogan{ font-size:200%; font-weight: bold; margin-bottom: .5em; text-align: center; }
.Concept .slogan::before { content: ""; display: inline-block; width: 2.5em; height: 1px; background: #000; vertical-align: middle;}
.Concept .slogan::after { content: ""; display: inline-block; width: 2.5em; height: 1px; background: #000; vertical-align: middle;}
.Concept .slo2{ padding: 2.5em 0 5em 0; }
.Concept .slo2 li{ width: calc(50% - 2.5em); background:#353e22; color: #fff; padding:2em; box-sizing: border-box;  }
.Concept .slo2 li:nth-child(2) { margin-left: 5em; }
.Concept .slo2 strong{ display: block; padding: 0 0 1em 0; font-size: 125%;font-weight: bold; }
.Concept .p-t { display: block; margin-top: 2em; }
.Concept .p-t li{ position: relative; width: 100%; box-sizing: border-box; }
.Concept .p-t li .pic{ width: 50%; position: relative; }
.Concept .p-t li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.Concept .p-t 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:.5s; -o-transition:.5s; transition:.5s; box-sizing: border-box; }
.Concept .p-t li .txt{ width: 50%; position: absolute; top:50%; left: 35%; z-index: 2; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); padding: 4vw; background: #a9b1ba; color: #000; box-sizing:border-box;  }
.Concept .p-t li:nth-child(2n) .pic{ margin-left: 50%; }
.Concept .p-t li:nth-child(2n) .txt{ left: 15%; }
.Concept .p-t li .txt strong{ display: block; padding-bottom: 1em; font-size: 125%;font-weight: bold; }
.Concept .put .tit{ margin:4em 0;}
.Concept .put .tit span{ display: inline-block; font-size:200%; background: #1c1d1d; color: #fff; padding:.25em 1em; }
.Concept .put li span{ display: block; font-size:150%; text-align: center; margin-top: 1em;}
.Concept .put li i{ display: block; font-size:300%; text-align: center; }

/*** 网点地图 ***/
.network{ height:90vh;position: relative;}
.network #l-map{ position:relative; width: 100%; height: 100%;}
.network #l-map img{ width:auto; max-width:inherit;}
.network #r-result{ position: absolute; top: 5%; left: 5%; z-index: 9; padding: 0 1em; }
.network #r-result input{ background: #fff; padding:.25em .5em; border: solid 1px #000; box-sizing: border-box;}
.network #searchResultPanel{ position: absolute; top: 50%; left: 50%; z-index: 9; width: 100%; }
.BMap_bubble_content img{ display: inline-block; }

/*** 联系 page css ***/ 
.Contact .L{ width: 65%;}
.Contact .R{ width: 15em;}
.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;}
.Contact .R img{ border: solid 1px #eee; -webkit-border-radius: 1.5em; border-radius: 1.5em;}
.Contact .R span{ display: block; text-align: center; }
/***地图 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;}
#map .BMap_bubble_content {white-space:nowrap;}

/*** 招聘 ***/
.Job ul{ margin-top:-2em; }
.Job li{ width: calc(50% - 1em); margin-top: 2em; position: relative; }
.Job li .pic { width: 100%; position: relative; border-radius: 4px; overflow: hidden;  }
.Job li .pic::after { content: ""; display: block; padding-bottom: 44%;}
.Job 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; opacity: .75}
.Job li .txt{ position: absolute; z-index: 2; top:50%;left:50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); font-size: 175%; font-weight: bold; color: #000; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; }
.Job li:hover .pic img { opacity: 1}
.j-list li { padding:  1.5em 0; border-bottom: solid 1px #ddd; cursor: default; }
.j-list li:first-child { padding-top: 1em;}
.j-list li .zwmc span{ font-size:150%; font-weight: bold; color: #666; }
.j-list li .zwmc::after{ content:"\f067"; font:400 100% "Awesome5"; margin-left: 2em; }
.j-list li.active  .zwmc span{ color: #000; }
.j-list li.active .zwmc::after{content:"\f068"; }
.j-list li .zwyq{ display: none;}
.j-list li:nth-child(1) .zwyq{ display: block}
.j-list li .zwyq h3{ font-size: 125%; font-weight: bold; margin: 1em 0; }

/*** 防伪查询 ***/
.Fake { 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;
min-height: 90vh; background: url('../images/fake-bg.jpg') no-repeat center bottom; background-size: cover; }
.Fake-form{ width: 50%; background: rgba(255,255,255,.75); margin:0 auto; padding: 2.5em; box-sizing: border-box;-webkit-border-radius: .75em; border-radius: .75em; }
.Fake-form .tit{ font-size: 150%; font-weight: bold; border-bottom: 1px solid rgba(0,0,0,.11); padding-bottom: 1em; margin-bottom: 1em;}
.Fake-form .inp-tit{ font-size: 112.5%; font-weight: bold; }
.Fake-form input[type='text'] { display: block; padding: 1em; background: #fff; width: 100%; margin-top: 1em; border-radius: 5px; color: #222; }
.Fake-form input[type='submit'] { display: block; width: 100%; background: #212121; border-radius: 5px; color: #fff; padding: 1em; margin-top: 1em;cursor: pointer;}
.result-box { margin-top: 1em; border: 1.5px dashed #cecece; padding: .75em .5em; min-height: 3em; background-repeat: no-repeat; border-radius: 3px; position: relative; background-color: #fff; }
.result-box:before { content: ""; position: absolute; left: 50%; top: -.5em; margin-left: -.5em; width: 1em; height: 1em; border: 1.5px dashed #cecece; transform: rotate(45deg); background-color: #fff; border-bottom: none; border-right: none; }


@media (min-width: 1921px) {
.newShow .w-auto{ max-width: 46.875vw; }
}

@media (max-width: 1440px) {
.Fake-form{ width:65%;}
}

@media (max-width: 1200px) {

.About .L{ width: 100%; }
.About .R{ width: 100%; margin-top: 1.5em }
.About .txt{ font-size: 87.5%; }
.About .L .tit .cn{ font-size: 250%; text-align: center;}
.About .L .tit .cn::after{ margin: .5em auto 0 auto; }
.About .L .tit .en{ display: none;}

.Show-top .brief{ font-size:100%; }

}

@media (max-width: 900px) {
.newShow .w-auto{ max-width: inherit; }
}

@media (max-width: 800px) {
.bar.bar-pro img { object-position: 75%; }

.lmnr li{ margin: 0 .5em;}

.About .L .tit .cn{ font-size: 175%; }
.page-tit{ font-size: 175%; }
.QYWH li h4{ font-size: 125%; }
.QYWH li p{ font-size: 100%; }
.HZHB li{ position:relative; width:calc(33.333% - .6667em); margin:1em 1em 0 0; box-sizing:border-box; overflow:hidden}
.HZHB li:nth-child(3n) { margin-right: 0; }
.HZHB li:nth-child(5n) { margin-right: 1em; }

.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; }
.pro-list li .txt{ font-size: 87.5%; }

.Show-top .L{ width: 100%; }
.Show-top .R{ width: 100%; margin-top: 2em; }
.Show-top .R .thumbs { display: none; }
.Show-top .abtn{ margin: 2em 0;}
.proShow .Details{ margin-top: 0;}
.proShow .Details .text{ padding: 1em 0;}
.proShow .Details .text table th, .proShow .Details .text td{ padding:.25em; }

.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%;}
.news-list li .tag-t{ font-size: 87.5%;}
.newShow .title h1{ font-size: 125%; }

.related .Rlist li{ width: 100%;}
.relink a{ width:100%; font-size: 87.5%; padding: 0 .5em;}
.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 .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: .75em 0; font-size: 87.5%;}

#map .BMap_bubble_content {white-space:pre-wrap;}

.Fake-form{ width: calc(100% - 2em);}

.Contact .L{ width: 100%;}
.Contact .R{ width: 15em; margin-top: 2em;}

.Job ul{ margin-top: 0; }
.Job li{ width: 100%; margin-top: 1em; }

.Concept .slo-t{ padding: 2.5em 0 4em 0; }
.Concept .slogan{ font-size: 150%;}
.Concept .slo2 li{ width: 100%; }
.Concept .slo2 li:nth-child(2){ margin-left: 0; margin-top: 1em; }
.Concept .p-t li .txt{ width: 65%;}
.Concept .p-t li:nth-child(2n) .txt{ left: 0; }
.Concept .p-t li .txt p{ font-size: 87.5%;}

}

@media (max-width: 560px) {
.Concept .p-t{ border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding:0 0 2em 0; }
.Concept .p-t li{ padding: 1em 0;  }
.Concept .p-t li .pic{ display: none; }
.Concept .p-t li .txt{ position: relative; left: inherit; top: inherit; -webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0); width: 100%;  padding: 0; background: none;}
.Concept .p-t li:nth-child(2n) .txt{ position: relative; left: inherit; }
.Concept .p-t li .txt strong{ padding: .5em 0;}

.Concept .put .tit{ margin:2.5em 0; }
.Concept .put .tit span{ font-size: 150%; }
.Concept .put li span{ font-size:112.5%; }
.Concept .put li i{ font-size:200%; }
}


@media (max-width: 480px) {
.QYWH ul::after{ display: none; }
.QYWH li { width: 100%; margin: 1em 0; }

}