@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: #222; overflow-x: hidden; overflow-y: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
div, h1, h2, h3, h4, h5, h6, b, em, i, span, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, textarea, button { font-size:100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; }
table { cellspacing:0; cellpadding:0; border-spacing:0 }
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: #222; -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 #2b488a;}/*选中后及鼠标上移*/
a { color: inherit; outline: none; text-decoration: none; cursor:pointer;}
a:hover { color: #ed1b24; }
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; max-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:8px;height: auto} 滚动条整体样式
::-webkit-scrollbar-track{background-color:#eee;}滚动条里面小方块
::-webkit-scrollbar-thumb{background-color:#03a349;}滚动条里面轨道
::-webkit-scrollbar-thumb:hover {background-color:#4eab90;}
::-webkit-scrollbar-thumb:active {background-color:#4eab90;}*/

/********* public css *********/
body{ min-width:320px; }
.w-auto{ width:100%; max-width: 1200px; margin: 0 auto; position: relative; box-sizing:border-box; }

/********* header css *********/
header {background: rgb(255, 255, 255, 1); margin: 0 auto; height: 90px; width: 100%; padding: 0 4vw; position: relative; top:0; z-index:999; box-sizing:border-box;}
header.scoll{ position: fixed; -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 50%); box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);}
header .logo, header .logo a { height:100%; }
header .logo a img{ width:auto; height:75%; }
header .logo img{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity:0; -webkit-animation: logo ease .8s 1.4s forwards; -moz-animation: logo ease .8s 1.4s forwards; -ms-animation: logo ease .8s 1.4s forwards; -o-animation: logo ease .8s 1.4s forwards; animation: logo ease .8s 1.4s forwards;}
@keyframes logo {
	from { transform: translateY(-100%); opacity:0;}
	to { transform: translateY(0%); opacity:1;}
}
header .NLST { height: 100%;}
.menuBtn{ display:none;}

/*** nav css ***/
.nav{ 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: 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;
 height:100%; box-sizing: border-box; }  
.nav > li{ height:100%; padding: 0 1em; color: #444; 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-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; height:100%; position:relative; font-size: 100%; box-sizing:border-box; -webkit-transition: .4s; transition: .4s; }
.nav > li > .has{ color:#fff; 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::before{content: "\f107"; font:300 100% "Awesome5"; }
.nav li .subClass li{ padding:.75em 1.5em; white-space:nowrap; color:#fff; border-bottom:solid 1px rgb(255,255,255,.1); box-sizing: border-box;}
/*.nav li .subClass li:first-child{ padding-top:0}*/
.nav li .subClass li a{ display:block;text-transform: capitalize;}
.nav > li > a:hover, .nav > li.on > a,.nav > li:hover > .has::before { color:#ed1b24; -webkit-transition: .4s; transition: .4s;  }
@media (min-width: 1025px) {
.nav li .subClass { position: absolute; top:calc(100% + 1px); left: -25%; z-index: 999; min-width:160px; border-radius: .25em; background:rgb(0,0,0,.8); opacity: 0; 
-webkit-transform: perspective( 600px ) rotateX( -90deg ); 
-moz-transform: perspective( 600px ) rotateX( -90deg ); 
-ms-transform: perspective( 600px ) rotateX( -90deg ); 
-o-transform: perspective( 600px ) rotateX( -90deg ); 
transform: perspective( 600px ) rotateX( -90deg ); 
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; 
-o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; 
transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; 
-webkit-transform-origin: 0% 0%; 
-moz-transform-origin: 0% 0%; 
-ms-transform-origin: 0% 0%; 
-o-transform-origin: 0% 0%; 
transform-origin: 0% 0%; }
.nav li:hover .subClass{ opacity: 1; 
-webkit-transform: perspective( 600px ) rotateX( 0deg ); 
-moz-transform: perspective( 600px ) rotateX( 0deg ); 
-ms-transform: perspective( 600px ) rotateX( 0deg ); 
-o-transform: perspective( 600px ) rotateX( 0deg ); 
transform: perspective( 600px ) rotateX( 0deg ); 
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; 
-o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; 
transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; }
.nav li .subClass li:hover .Subnav{ display: block;}
}

/*** 语言 ***/
.L-S {margin: 0 1em; padding: 0 1em; border-left: 1px solid #ebeff1; border-right: 1px solid #ebeff1; box-sizing: border-box;}
.L-S a{ position:relative; padding: 0 .5em;}
/*.L-S a:hover{ background:#2b488a; -webkit-transition: .4s; transition: .4s;}*/
.L-S a.Language::before {content: "\f0ac"; font:300 100% "Awesome5"; margin-right: .25em; }
header .tel{ height: 100%;  box-sizing: border-box;}
header .tel a{ font:bold 160% 'Arial', 'Tahoma', 'Microsoft YaHei', sans-serif; color: #ed1b24; }
header .tel a i { display: inline-block; margin-right: .25em; -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }

/*** 搜索 ***/
.L-S .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:95; opacity:0;
-webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.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:4em; 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:2em; height:2em; background:#000; border:solid 2px #fff; cursor:pointer;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.close::after {content: "\f00d"; font:300 150%/1 "Awesome5"; color:#fff; }

/********* footer css *********/
footer { background:#e7eaed; font-size: 87.5%; padding:4em 0; box-sizing:border-box}
footer .L{ width: 20%; }
footer .M{ width: 50%; -webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
footer .R{ width: 15%; }
footer .M li{ margin: 0 5%; color: #555;}
footer .M li a{ display: block; padding: .2em 0;}
footer .M li h4{ font-size: 125%; padding: 0 0 .5em 0; color: #222;}
footer .L .tel{ width: 100%; margin: 1em 0 0 1em;}
footer .L .tel span{display: block; font-size: 112.5%; padding-left: .25em;}
footer .L .tel span::before {content: "\f87b"; font:900 125% "Awesome5";  color: #ed1b24; vertical-align: middle; margin-right: .25em;}
footer .L .tel a{ font:bold 260% 'Arial', 'Tahoma', 'Microsoft YaHei', sans-serif; color: #ed1b24;}
.copyright { background:#1c1e20; width:100%; font-size:87.5%; color: rgb( 255,255,255,.35); padding: .5em 0; }

/* 侧边栏  */
.rightFix { width: 3.75em; position: fixed; right: 4px; top: 60%; z-index: 999; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }
.rightFix a { width: 100%; height: auto; font-size: 75%; color: #fff; background: #e5322d; text-align: center; display: block; margin-bottom: 1px; position: relative; padding:.666em 0; border-radius: 5px; }
.rightFix a::before{content: ""; font:300 200% "Awesome5"; display: block; }
.rightFix a.fix-qq::before{ content: "\f1d6"; font-family: "Awesome5 Brands"; }
.rightFix a.fix-tel::before{ content: "\f879"; }
.rightFix a.fix-wx::before{ content: "\f029"; }
.rightFix a.fix-top::before{ content:"\f106"; font-size: 250%; }

.rightFix .ewm { display: none; width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #ff9b00; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px; }
.rightFix .ewm p { padding-top: 5px; }
.rightFix a:hover .ewm { opacity: 1; filter: alpha(opacity=100); left: -140px; display: block; }
.rightFix .ewm img { width: 110px; height: 110px; }
.rightFix a span { 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: 210px; height: 100%; position: absolute; left: -78px; top: 0px; background: #ff9b00; color: #fff; font-weight: bold; font-size: 200%;opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px; }
.rightFix a:hover { background-color: #ff9b00; overflow: visible; }
.rightFix a:hover h3 { color: #fff; }
.rightFix a.fix-wx:hover img { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix a:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.bottomFix{ display: none; }
.qq-dialog{ width: 50%; text-align: center; position:fixed; top:50%; left:50%; z-index:-1; opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.qq-dialog.show{ opacity:1; z-index:95;}
.qq-dialog .QQ-num a{ display: inline-block; font-size: 87.5%; color: #fff; text-align: center; padding: .5em;}
.qq-dialog .QQ-num a::before{ content: "\f1d6";font:300 150% "Awesome5 Brands"; display: block; }
.wx-dialog{ position:fixed; top:50%; left:50%; z-index:-1;opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.wx-dialog.show{ opacity:1; z-index:95;}
.dlg-con{ position: relative; text-align: center; background: rgba(0,0,0,.9); color: #fff; padding: 1em; }
.dialog{ display: none; }


@media (min-width: 1921px) {
body{ font-size:.833333333vw; }
header { height: 4.6875vw; }
.w-auto{ max-width: 75vw; }
}
@media (max-width: 1680px) {
header { padding: 0 3vw; }
.nav > li{ padding: 0 .75em;}
}
@media (max-width: 1440px) {
header { padding: 0 2vw; }
.nav > li{ padding: 0 .5em;}
}
@media (max-width: 1280px) {
body{ padding-bottom: 72px;}
header { padding: 0 16px; }
.w-auto{ padding:0 16px; }
footer .M{ width: 60%;}
footer .M li{ margin:0 4vw}

.rightFix{ display: none;}
.bottomFix{ 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;
-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%; padding: .5em; background: rgba(0,0,0,.5); position: fixed; left: 0; bottom:0; z-index: 99; box-sizing: border-box; }
.bottomFix a { width: 100%; background: #ed1b24;color: #fff; text-align: center; padding:8px; margin: 0 .5vw; border-radius: 5px; }
.bottomFix a h3{ font-size: 75%; }
.bottomFix a::before{content: ""; font:300 125% "Awesome5"; display: block; }
.bottomFix a.fix-qq::before{ content: "\f1d6"; font-family: "Awesome5 Brands"; }
.bottomFix a.fix-tel::before{ content: "\f879"; }
.bottomFix a.fix-wx::before{ content: "\f029"; }
.bottomFix a.fix-top::before{ content:"\f106"; }
}
@media (max-width: 1200px) {
header { height: 60px; }
.menuBtn { display:block; position:absolute; right:0; z-index:99; background:#ed1b24; text-align:center; width:60px; height: 60px; padding:12px; cursor: pointer; -ms-transition: all .3s; -moz-transition: all.3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; box-sizing:border-box;}
.menuBtn b { display: block; height: 3px; background: rgba(255,255,255,1); margin: 5px 0 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -ms-transition: all .3s; -moz-transition: all.3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.menuBtn.open b { display: none; margin: 0; position: absolute; top:48%; width: 39px }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }
.nav{ display:block; width:100%; height:100%; position:fixed; top: 60px; left:-100%; z-index:98; background: rgba(255,255,255,1); padding:16px; border-top:solid 2px #ffb200;-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition:.3s; box-sizing:border-box; } 
.nav.show{ left:0; } 
.nav > li{ font-size:100%; height: auto; display:block; padding: 0; border-bottom:solid 1px rgba(0,0,0,.5); }
.nav > li a{color:#000; padding:8px; }
.nav > li > a{ display: block;}
.nav > li:after,.nav > li.on:after { display:none;}
.nav > li > .has{ width:40px; height:40px; line-height:40px; text-align:center; top:0; bottom:inherit;left:inherit; right:0; -webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.nav > li > .has::before{content:"\f067";font:400 125% "Awesome5"; color:#ed1b24; }
.nav > li.active > .has::before{content:"\f068"; }
.nav li .subClass{ display:none; background:none; position:relative; left: inherit;}
.nav li .subClass:before {content:""; position:absolute; top: 0; left:10px; width:1px; height:100%; background:rgba(0,0,0,1); }
.nav li .subClass li{ position: relative; padding:0; border:none; }
.nav li .subClass li a::before {content:""; display:inline-block; vertical-align:6px; width:8px; height:1px; background:rgba(0,0,0,1); }
.nav li .subClass li a{ display: inline-block; color: #000; margin-left:3px;}
.nav li .subClass .Subnav{ display: none; position: relative; left:0;  top: 0; background:none; min-width:auto; width: 100%; white-space:nowrap; border-radius:0;}
.nav li .subClass .Subnav li{ margin-left:1.5em;}
.nav li .subClass .Subnav li a::before{display: none;}
.nav li .subClass .hass{ display: inline-block; position: relative; top:0; right:0; width:40px; height:40px; line-height:40px; text-align: center; -webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.nav li .subClass .hass::before{content: "\f067"; font:400 100% "Awesome5"; color:#ffb200; }
.nav li .subClass li.active > .hass::before{content:"\f068"; }

header .NLST{ margin-right: 60px;}
.s-Box .Ent{ width:94%; padding:1.5em; }
footer .L .tel{ margin-left: .5em;}
footer .L .tel a{ font-size: 3vw;}
}
@media (max-width: 1024px) {
}
@media (max-width: 800px) {
header .L-S{ margin:0; }
header .tel{ display: none;}

footer{ padding: 2.5em 0;}
footer .L{ width: 100%; text-align: center;}
footer .L img{ width: 50%; margin: 0 auto;}
footer .L .tel a{ font-size: 8vw }
footer .M{ display: none;}
footer .R{ width: 100%; margin-top: 1em;}
footer .R img{ width: 50%; margin: 0 auto;}
}
@media (max-width: 480px) {
header .NLST{ margin-right: 48px;}
header .L-S{ padding:0; border: none; }
}


/********* index css *********/
.button-prev,.button-next{ 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; 
cursor: pointer; outline:none;position:absolute; top:45%; z-index:20; font-size:300%; color:#fff;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.button-prev::before{content: "\f104"; font:100 100%/1 "Awesome5"; }
.button-next::before{content: "\f105"; font:100 100%/1 "Awesome5"; }
.button-prev{ left:0;}
.button-next{ right:0;}
.swiper-pagination{ line-height: normal;}

/*** .banner css ***/ 
.banner { width:100%; height: 41.6666vw; min-height: 240px; position:relative;}
.banner .swiper-wrapper,.banner .swiper-slide { width:100%; height: 100%; position:relative; overflow: hidden; }
/*.banner .swiper-slide::after { content: ""; display: block; padding-bottom: 41.66666%;}
.banner .swiper-slide img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position:center;}*/
.banner .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;}
.banner .swiper-pagination-bullet::before { content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; background: rgb( 0,0,0,1); border-radius: 50%; outline: none; }
.banner .swiper-pagination-bullet-active{ border: 1px solid #ed1b24; position: relative; z-index: 0; border-radius: 50%; opacity: 1;}
.banner .swiper-pagination-bullet-active::before{ background: #ed1b24;}
.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: cubic-bezier(.77, 0, .175, 1) transform 2s; transition: cubic-bezier(.77, 0, .175, 1) transform 2s; }
.banner .swiper-slide-active img { -webkit-transform: scale(1); transform: scale(1); }
.banner .swiper-slide .inner{ position: relative; z-index:3; }
.banner .swiper-slide .inner h2{ font-size: 2.91666vw; font-weight: lighter; color: #ec1b2a; }
.banner .swiper-slide .inner .txt{  font-size: 1.25vw; font-weight: lighter; color: #5d6777; }
.banner .slide1 .inner{ 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: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
top: 25%; opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}
.banner .slide1 .inner h2{ width: 100%; text-align: center; letter-spacing:.04em;}
.banner .slide1.swiper-slide-active .inner { top: 30%; opacity: 1;}
.banner .slide2 .inner{ top:45%; left:50%; opacity: 0; -webkit-transform:translate(0,-50%); transform:translate(0,-50%);-webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}
.banner .slide2.swiper-slide-active .inner { top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); opacity: 1;}
.banner .swiper-slide .inner2{ position: relative; z-index:3; width: 100%; height: 100%; color: #595e61;}
.banner .swiper-slide .inner2 .marker{ position: absolute; top: 41.5%; left: 54%; color:#ec1b2a; opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 1s; transition-delay: 1s;}
.banner .swiper-slide .inner2 .marker::before{ content: "\f3c5"; font:400 200% "Awesome5";  display: block; text-align: center; }
.banner .swiper-slide .inner2 h2 b{font-size: 150%; font-weight: bold; color: #ec1b2a; }
.banner .swiper-slide .inner2 .txt{ width: 50%; position: absolute; left: 20%; top: 10%; opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
.banner .swiper-slide .inner2 .txt2{  width: 25%; position: absolute; right: 10%; bottom: 10%; opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transition-delay: 2s; transition-delay: 2s; }
.banner .swiper-slide .inner2 .txt2 span{ display: block; }
.banner .swiper-slide-active .inner2 .marker { top: 51.5%; opacity: 1;}
.banner .swiper-slide-active .inner2 .txt{ top: 20%; opacity: 1; }
.banner .swiper-slide-active .inner2 .txt2{ bottom: 20%; opacity: 1;}
@media (max-width: 1680px) {
.banner .swiper-slide .inner2 .marker{ left: 53.5%; }
.banner .swiper-slide-active .inner2 .marker { top: 50.5%;}
}
@media (max-width: 1440px) {
.banner .swiper-slide .inner2 .marker{ left: 53%; }
.banner .swiper-slide .inner2 .marker::before{ font-size: 150%; }
}
@media (max-width: 1280px) {
.banner .swiper-slide .inner2{ font-size: 87.5%;}
}
@media (max-width: 1024px) {
.banner .swiper-slide .inner2 .marker{ left: 52%; }
.banner .swiper-slide-active .inner2 .marker { top: 49%;}
}
@media (max-width: 800px) {
.banner .swiper-slide .inner h2{ font-size: 150%; font-weight: normal; }
.banner .swiper-slide .inner .txt{ font-size: 12px; font-weight: normal; color: #5d6777; }
.banner .slide1 .inner{top: 10%;}
.banner .slide1.swiper-slide-active .inner { top: 20%;}
.banner .slide2 .inner{left:45%;width: 50%;}
.banner .swiper-slide .inner2{ font-size: 75%;}
.banner .swiper-slide .inner2 .txt2{ display: none;}
.banner .swiper-slide .inner2 .txt{ left: 10%;}
}
@media (max-width: 720px) {
.banner .swiper-slide .inner2 .marker{ left: 51%; }
}
@media (max-width: 640px) {
.banner .swiper-slide .inner2 .marker{ left: 50%; }
.banner .swiper-slide-active .inner2 .marker { top: 47%;}
.banner .swiper-slide .inner2 .txt{ left: 5%;}
}



/*** index public css ***/ 
.section{ padding:4em 0; position:relative; box-sizing:border-box;}
.secTit { width:100%; color: #ed1b24; font-size: 225%; font-weight:bold; text-align: center; white-space: nowrap; padding-bottom:.75em; }
.secTit::after { content: ""; display: block; width: 140px; height: 14px; margin: 0 auto; background: url('../images/plug.png') no-repeat center bottom; background-size: cover; opacity: .75 }
.secTit .en { display: block; font: 55% 'Arial', 'Tahoma', "serif"; text-transform: uppercase; }
.more{display: inline-block; position: relative; margin: 3em auto 0 auto; padding: .5em 3em; border: 2px solid #e9edef; text-align: center; color: #666; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; overflow: hidden;}
.more::after { content: ""; position: absolute; top: 0; left: 150%; width: 200%; height: 100%; -webkit-transform: skew(-20deg); transform: skew(-20deg); 
background-image: -moz-linear-gradient(90deg, transparent, hsla(0,0%,100%,.25), transparent);
background-image: -webkit-gradient(linear, 90deg, transparent, hsla(0,0%,100%,.25), transparent);
background-image: -webkit-linear-gradient(90deg, transparent, hsla(0,0%,100%,.25), transparent);
background-image: -o-linear-gradient(90deg, transparent, hsla(0,0%,100%,.25), transparent);
background-image: -ms-linear-gradient(90deg, transparent, hsla(0,0%,100%,.25), transparent);
background-image: linear-gradient(90deg, transparent, hsla(0,0%,100%,.25), transparent);}
.more:hover::after { left: -150%; -webkit-transition: .5s ease 0s; transition: .5s ease 0s; }
.more:hover { background: #ed1b24; color: #fff;}


/*** sec2 应用 ***/
.iApp { width: 100%; overflow: hidden;}
.iApp .swiper-container{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
width:100%; position:relative; overflow:hidden;}
.iApp .item { position:relative; overflow:hidden; box-sizing:border-box;}
.iApp .item::after { content: ""; position: absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.iApp .item .img { width:100%; position:relative; } 
.iApp .item .img::after { content: ""; display: block; padding-bottom: 100%; }
.iApp .item .img img { position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.iApp .item.cur::after {  background:rgba(0,0,0,0);}
.iApp .item .txt{ position:absolute; top:0; left:0; z-index:2; color:#fff; padding:2.4vw; box-sizing: border-box;  }
.iApp .item .txt h3{ font-size:200%; font-weight: bold;position:relative }
.iApp .item .txt span{ font-size:75%; text-transform:Uppercase; }
.iApp .item .txt p{ display: none;}
.iApp .item.cur .txt span,.iApp .item.cur .txt p{ display:block;  }
.iApp .item .txt i { display:block; width:4em; height: 4em; min-width:48px; min-height:48px; background: url('../images/ico3.png') no-repeat 0 0 / cover ; }
.iApp .item .txt .i1 { background-position: left 0;}
.iApp .item .txt .i2 { background-position: left -4em;}
.iApp .item .txt .i3 { background-position: left -8em;}
.iApp .item .txt .i4 { background-position: left -12em;}
.iApp .item .txt .i5 { background-position: left -16em;}
@media (min-width: 801px) {
.iApp .swiper-slide{ flex-shrink:1; }
.iApp .button-prev,.iApp .button-next{ display:none; }
}

/*** ad ***/
.ad { height: 150px; background: url('../images/ad-bg.jpg') no-repeat center center; background-size: 100% 100%; position: relative;}
.ad .w-auto{ height: 100%; }
.ad .L {width: 70%; padding-left: 220px; color:rgb(255, 255, 255, .85); box-sizing: border-box;}
.ad .R {width: 20%; margin-left: 10%; color:#fff; box-sizing: border-box;}
.ad .L .pic{ position: absolute; left: 0; bottom:0;}
.ad .L .pic img{ width: 55%;}
.ad .L .txt strong{ font-size: 200%;}
.ad .L .txt strong em{ color:#ed1b24; font-weight: bold;}
.ad .R .txt{ position: relative; padding-left: 48px; box-sizing: border-box;}
.ad .R .txt::before {content: "\f87b"; font:100 300% "Awesome5"; position: absolute; left: 0; top: 50%; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.ad .R .txt em{ font-style: italic; font-size: 87.5%; }
.ad .R .txt span{ display: block;  font: bold 200%  'Arial', sans-serif; white-space:nowrap; }

/*** sec2 关于 ***/
.ibout{ position: relative; padding: 0 }
.ibout::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url('../images/about2.jpg') no-repeat center fixed; background-size: cover;}
.ibout::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; background:rgb(0, 0, 0, .75); background-size: cover;}
.ibout .w-auto{ padding: 4em 0; z-index: 3}
.ibout .secTit{ text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.ibout .secTit::after { background-image: url('..//images/plug2.png'); background-size: cover; opacity: .75 }
.ibout .contxt { width: 100%; padding: 0 1em; position: relative; color: #fff; font-size: 112.5%; line-height: 2; text-indent: 2em;text-align: justify; box-sizing: border-box;}

/*** 企业文化 ***/
.iCul {/* background: url('../images/bg4.jpg') no-repeat 0 0 / cover ;*/ overflow: hidden; padding-top: 4em; }
.iCul ul{display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
width: 100%; }
.iCul li{display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
-webkit-box-pack: 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: 33.33333%; height: 25em; position: relative; border-right: solid 1px #e0e0e0; box-sizing: border-box;}
.iCul li::after { content: ""; display: block; width: 3px; height: 1.5em; background: #ed1b24; position: absolute; top: 1.5em; right: -2px;}
.iCul li:last-child{border-right:none;}
.iCul li:last-child::after { display: none;}
.iCul li .nor{width: 100%; text-align: center; color: #333;}
.iCul li .nor i{ font-size: 300%; padding-bottom: .5em;}
.iCul li .hov h5{ display: block;}
.iCul li .nor h5 span{ font-size: 200%; font-weight: bold; }
.iCul li .nor h5 em{ display: block; color: #999; text-transform:Uppercase}
/*.iCul li .hov{ position: absolute; top: 0; height: 0; width: 100%; overflow: hidden;}*/
.iCul li .hov::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0,0,0,.5);}
.iCul li .hov .txt { 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: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
-webkit-box-align-content: center; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center;
width: 100%; height: 100%; color: #ed1b24; position: relative; z-index: 5; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.iCul li .hov .txt i{ width: 100%; text-align: center; font-size: 320%;}
.iCul li .hov .txt h5{ width: 100%; text-align: center; font-size: 200%; font-weight: bold; padding: 1em 0;}
.iCul li .hov .txt p{ width: 100%; text-align: center; font-size: 125%; }
.iCul li .hov .pic img { position:absolute; top: 0; bottom: 0; left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
/*.iCul li.cur .hov{ height: 100%; transition: .3s all; }*/
.iCul .button-prev,.iCul .button-next{ display: none;}


/*** 历程 ***/
.iHis { background: url('../images/bg5.png') no-repeat top center / cover ; overflow: hidden;}
.iHis .swiper-container{ width: 100%; padding: 1.5em 4vw; position: relative; box-sizing: border-box; }
.iHis .swiper-container::after { content: ""; display: block; width: 100%; height: 2px; background: #e0e0e0; position: absolute; left: 0; top: calc(50% - 1px); }
.iHis .swiper-container li{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; height: auto; padding:0 2.5em; box-sizing: border-box}
/*.iHis .year { display: none; text-align: center; position: absolute; top:calc(50% - 1.1em);; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }
.iHis .year .Num{ font:italic 4em/1 "Arial Black", "sans-serif"; color:#333;  display: block;}
.iHis .year .hi-point { margin: 2em auto; border-radius: 50%; background: #fff; width: 1.25em; height: 1.25em; position: relative; box-shadow: 0 0 1vw 0 rgba(0,0,0,0.2); }
.iHis .year .hi-point::before {content: ''; position: absolute; left: 50%; top: 50%; border-radius: 50%; background: #ed1b24; width: 50%; height: 50%; transform: translate(-50%, -50%); z-index: 0;}
.iHis .year p{ font-size: 112.5%; }*/
.iHis .hi-text { background: #fff; width: 100%; box-shadow: 0 0 1em 0 rgba(0,0,0,.2); margin: 0 auto; }
.iHis .hi-text .pic { width: 100%; position:relative; box-sizing:border-box;}
.iHis .hi-text .pic::after {content: ""; display: block; padding-bottom: 66.66666%;}
.iHis .hi-text .pic img { position:absolute; top: 0; bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.iHis .hi-text .Num{ font-size:125%; font-weight: bold; line-height: 1; color: #ed1b24; padding-bottom: .75em; margin-bottom: .75em;  border-bottom: 1px solid #ddd;  box-sizing: border-box; }
.iHis .hi-text .Num i{ font:italic 180%/1 "Arial Black", "sans-serif"; font-style: italic; margin-right: .25em}
.iHis .hi-text .txtCon{ padding: 2em; box-sizing: border-box; }
.iHis .hi-text .txtCon .tit{ font-size: 125%; font-weight: bold;}
.iHis .hi-text .txtCon .txt{ font-size: 87.5%; color: #999; line-height: 1.8}
.iHis .btn-prev,.iHis .btn-next{ width: 4em; position: absolute; top:50%; z-index: 3; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); opacity: .75; cursor: pointer; }
.iHis .btn-prev{ left: 4vw; }
.iHis .btn-next{ right: 4vw;}
.iHis .btn-prev:hover,.iHis .btn-next:hover{ opacity: 1 }
.iHis .my-button-disabled,.iHis .my-button-disabled:hover{ opacity:0; }

/*** sec3 实力 地图 ***/
.imap #map{ position:relative; width: 100%; height: 65vh;}
.imap #map img{ width:auto; max-width:inherit;}
.imap #map label.BMapLabel{ display:none;}
@media (min-width: 801px) {
.imap #map .BMap_bubble_content{white-space: nowrap;}
}

/*** sec4 新闻 ***/
.inews .L{ width: calc(50% - 2em); position: relative; border-bottom: solid 2px #eaeef2; box-sizing: border-box;}
.inews .R{ width: calc(50% - 2em); position: relative; box-sizing: border-box;}
.inews .L a::after{ content: ""; display: block; position: absolute; bottom:0; width: 0; height: 2px; background: #eaeef2;  }
.inews .L .pic { width: 100%; position:relative; box-sizing:border-box;}
.inews .L .pic::after {content: ""; display: block; padding-bottom: 50%;}
.inews .L .pic img { position:absolute; top: 0; bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.inews .L .tit{ font-size:125%; color:#222; margin: .5em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.inews .L .txt{ font-size:87.5%; color: #999; 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 .L .time{ font-size: 87.5%; color: #999; margin-top: .5em;}
.inews .L a:hover::after{ background: #ed1b24; width: 100%;  transition:all ease .4s;  }
.inews .L a:hover .tit{ color:#ed1b24;}
.inews .R li { width: 100%; border-bottom: solid 1px #eaeef2; margin-bottom: 1.2em; padding-bottom:1.2em; position:relative; box-sizing:border-box;}
.inews .R li::after{ content: ""; display: block; position: absolute; bottom:0; width: 0; height: 1px; background: #eaeef2; }
.inews .R li:last-child{ margin-bottom: 0;}
.inews .R li a{display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;}
.inews .R li .time{ 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-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:5em; text-align:center; font:87.5%/1 'Arial', serif; color:#999; }
.inews .R li .time b{ display:block; width: 100%; font-size:350%; font-weight: bold;}
.inews .R li .text{ width: calc(100% - 6em); padding-right: 4em; box-sizing: border-box;  }
.inews .R li .text::after {content: "\f178"; font:100 200% "Awesome5"; color: #999; 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%);}
.inews .R li .tit{ font-size:125%; color:#222; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.inews .R li .txt{ font-size:87.5%; color: #999; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.inews .R li:hover::after{ background: #ed1b24; width: 100%;  transition:all ease .4s;  }
.inews .R li:hover .time{ margin-left:.25em; transition:all ease .4s; }
.inews .R li:hover .text{ margin-right:.25em; transition:all ease .4s; }
.inews .R li:hover .text::after{ right: .25em; transition:all ease .4s; }

@media (min-width: 1921px) {	
.swiper-pagination-bullet { width: 1em; height: 1em; }
.swiper-pagination-bullet:before { top: .2em; left: .2em; width: calc(1em - .4em); height: calc(1em - .4em); }
.secTit::after { width: 9vw; height: .8vw; }
}
@media (max-width: 1919px) {
.iHis .swiper-container li{ padding:0 2.08333vw; }
}
@media (max-width: 1280px) {
.iHis .swiper-container li{ padding:0 1.04vw; }
.ad .R{ margin-left: 2.5vw; }
}

@media (max-width: 960px) {
.iApp{ padding-bottom: 0}
.ad{ background-image: none; background-color:#e5322d; height: auto; padding: .5em; box-sizing: border-box; }
.ad .L{ display: none;}
.ad .R{ width: 100%; margin-left: 0; }
.ad .R .txt{ margin: 0 auto; width: 270px;}
.ad .L .pic{ display: none; }
}
@media (max-width: 800px) {
.section{ padding:2.5em 0;}
.secTit{ font-size:190%;}

.iApp{ padding-bottom: 0}
.iApp .item .txt{ padding: 2em;}
.iApp .item .txt p{ display: block;}

.iCul { padding-top:2.5em }
.iCul li{ border-right:none; }
.iCul li::after{ display: none;}
.iCul li .nor{ display: none;}
.iCul li .hov{ position: relative; width: 100%; height: 100%; }
.iCul .button-prev,.iCul .button-next{ display: block;}

.ibout .contxt{ font-size: 100%; line-height: 1.5}

.inews .L{ width: 100%; padding-bottom: 1em}
.inews .R{ width: 100%; margin-top: 1em; font-size: 87.5%}
.inews .R li .text{padding-right:0}
.inews .R li .text::after{ display: none;}
}


/********* page css *********/
.bar{width:100%; height: 20.833333vw; min-height: 200px; position:relative; overflow: hidden;} 
.bar::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.25); }
.bar .pic{ width:100%; height:100%; position: absolute; top: 0} 
/*.bar .pic::after { content: ""; display: block; padding-bottom: 20.833333%; }*/
.bar .pic img { position: absolute; top: 0; bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.bar.about-bar .pic img {  object-position: bottom;}
.bar.Sam-bar::after{background:rgba(0,0,0,0); }
.bar.Pro-bar::after{background:rgba(0,0,0,0); }
.bar.Hon-bar::after{background:rgba(120,140,150,.25); }
.bar .w-auto{ height: 100%; }
.crumbs{ position: absolute; left: 50%; top:50%; -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); z-index:5; }
.crumbs h2{ font-size:300%; font-weight:bold; color:#ed1b24; text-align: center; -webkit-text-stroke: 1px #fff;}
.pos { padding:.5em 0; font-size:87.5%; color:rgba(255,255,255,.85); text-align: center; box-sizing:border-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: break-all; }
.pos::before{content: "\f015"; font:900 110% "Awesome5"; margin-right:.25em; }
.bar.Sam-bar .pos{color:#222;}
.bar.Pro-bar .pos{color:#222; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.bar.Hon-bar .pos{color:#222; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
/*lv2栏目*/
.sortNav{ -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 25%); box-shadow: 0px 0px 5px rgb(0 0 0 / 25%); }
.sortNav .w-auto{ width:100%; overflow-x: auto; overflow-y:hidden;}
.sortNav .w-auto::-webkit-scrollbar{ width:25px; height: 2px} 
.sortNav .w-auto::-webkit-scrollbar-thumb{ background-color:#1a1a1a;border-radius: 1em;}
.sortNav .Flex{	-webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -o-flex-flow: row nowrap; flex-flow: row nowrap;}
.sortNav li a { display:block; font-size:112.5%; margin:0 2.5em; padding:.8em 0; position:relative; white-space:nowrap;}
.sortNav li a:hover{ color:#ed1b24; font-weight:bold;}
.sortNav li.on a{ color:#ed1b24; font-weight:bold;}
.sortNav li.on a::after { content: ""; display:block; position: absolute; right:0; bottom:0; left:0; z-index:2; width:100%; height:4px; background:#ed1b24; }

/*** 简介 ***/
.about .txt{ font-size:112.5%; line-height: 2; text-align: justify; text-indent: 2em; padding-bottom: 1em;}
.about .txt p{ padding: .5em 0;}

/*** 历程 ***/
.His { background: url('../images/bg5.png') no-repeat top center / cover ; overflow: hidden;}
.His .ab-txt{ font-size:112.5%; line-height: 2; text-align: justify; text-indent: 2em; padding-bottom: 1em;}
.His .swiper-container{ width: 100%; padding: 0 4vw; margin-top: 4em; position: relative; box-sizing: border-box; }
.His .swiper-container::after { content: ""; display: block; width: 100%; height: 2px; background: #e0e0e0; position: absolute; left: 0; top: calc(50% - 1px); }
.His .swiper-container li{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; height: auto; padding:0 2.5em; box-sizing: border-box}
.His .hi-text { background: #fff; width: 100%; box-shadow: 0 0 2em 0 rgba(0,0,0,.2); margin: 0 auto; }
.His .hi-text .pic { width: 100%; position:relative; box-sizing:border-box;}
.His .hi-text .pic::after {content: ""; display: block; padding-bottom: 66.66666%;}
.His .hi-text .pic img { position:absolute; top: 0; bottom: 0;left: 0;right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.His .hi-text .Num{ font-size:125%; font-weight: bold; line-height: 1; color: #ed1b24; padding-bottom: .75em; margin-bottom: .75em;  border-bottom: 1px solid #ddd;  box-sizing: border-box; }
.His .hi-text .Num i{ font:italic 180%/1 "Arial Black", "sans-serif"; font-style: italic; margin-right: .25em}
.His .hi-text .txtCon{ padding: 2em; box-sizing: border-box; }
.His .hi-text .txtCon .tit{ font-size: 125%; font-weight: bold;}
.His .hi-text .txtCon .txt{ font-size: 87.5%; color: #999; line-height: 1.8}
.His .btn-prev,.His .btn-next{ width: 4em; position: absolute; top:50%; z-index: 3; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); opacity: .75; cursor: pointer; }
.His .btn-prev{ left: 4vw; }
.His .btn-next{ right: 4vw;}
.His .btn-prev:hover,.iHis .btn-next:hover{ opacity: 1 }
.His .my-button-disabled,.iHis .my-button-disabled:hover{ opacity:0; }

/***企业文化***/
.culture .tab-con { width: 100%; }
.culture .TAB-CLICK { width: 100%;  }
.culture .TAB-CLICK li{width: calc(100% / 6); background-color:#000; color: #fff; padding: 1.5em; margin-top: 1px; border-right: solid 1px #ddd; box-sizing: border-box;}
.culture .TAB-CLICK li:last-child{ border: none;}
.culture .TAB-CLICK li h2 b{ font-size:150%; line-height: 1; display: block;}
.culture .TAB-CLICK li h2 em{ font-size:87.5%; }
.culture .TAB-CLICK li h2::after {content: ""; font:100 250% "Awesome5"; display: block; margin-top: 1.5em; }
.culture .TAB-CLICK li:nth-child(1)  h2::after {content: "\f4c6"; }
.culture .TAB-CLICK li:nth-child(2)  h2::after {content: "\f1d8"; }
.culture .TAB-CLICK li:nth-child(3)  h2::after {content: "\f3a5"; }
.culture .TAB-CLICK li:nth-child(4)  h2::after {content: "\f4ba"; }
.culture .TAB-CLICK li:nth-child(5)  h2::after {content: "\f559"; }
.culture .TAB-CLICK li:nth-child(6)  h2::after {content: "\f521"; }
.culture .TAB-CLICK li.on{ background:#ed1b24; }
.culture .TAB-CLICK li.on a{ color:rgba(255,255,255,1); }
.culture .tab-item{ height:0; visibility:hidden; overflow:hidden;}
.culture .tab-item.show{ height:auto; visibility:visible; }
.culture .tab-con li{display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; 
 -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
box-sizing: border-box;}
.culture .tab-con li .inner{ width: 38%; color: #666; }
.culture .tab-con li .pic{ width: 55%; }
.culture .tab-con li .inner h2{ margin: 1em 0; color: #000;}
.culture .tab-con li .inner h2 b{ font-size:150%; font-weight: bold;line-height: 1; display: block;}
.culture .tab-con li .inner h2 em{ font-size:87.5%;}
.culture .tab-con li .inner h3{ font-size:125%; color: #000; margin-bottom: 1em;}
.culture .tab-con li .inner p{ padding: .5em 0;}


/*** 实力 ***/
.Str li{ width: calc((100% / 8) - 1em); margin: .5em;}
.Str li img{ margin: 0 auto;}

/*** 产品中心 ***/
.Pro-L{width: calc(23% - 1em); position:relative; box-sizing: border-box; }
.Pro-R{width: calc(77% - 1em); position:relative; box-sizing: border-box; }
.sort-tit{ background: url('../images/sortbg.png') no-repeat bottom left #ed1b24; padding:1em 1.5em; font-size:180%; color:#fff; text-transform:Uppercase; box-sizing:border-box; -webkit-border-radius: .15em .15em 0 0; border-radius: .15em .15em 0 0; }
.sort-list { padding: 1em 0; border-left: solid 7px #cecece; -webkit-border-radius: 0 0 .15em .15em; border-radius: 0 0 .15em .15em;}
.sort-list li{ font-size: 112.5%; color:#222; padding:0 1em; position: relative; }
.sort-list li a{ display: block; padding:.75em .25em; border-bottom: solid 1px #ccc; }
.sort-list li.on:before,.sort-list li:hover:before {content: ""; display: block; position: absolute; top: 0; left: -7px; height: 100%; width: 7px; background-color: #ed1b24;}
.sort-list li.on a{ color: #ed1b24; font-weight: bold;}
.pro-list{ margin-top:-1em;}
.pro-list li{ position:relative; width:calc(25% - .75em); margin:1em 1em 0 0; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; overflow:hidden}
.pro-list li:nth-child(4n) { margin-right:0; }
.pro-list li .pic { position:relative; border:solid 1px rgba(0,0,0,.1); box-sizing:border-box;}
.pro-list li .pic:after { content: ""; display: block; padding-bottom: 66.666666%;}
.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:all .5s; -o-transition:all .5s; transition:all .5s;}
.pro-list li .txt{ padding:.5em 0; line-height: 2; position:relative; z-index:2; background:#fff; 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: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::before,.pro-list li::after { position:absolute; top:0; left:0; z-index: 3; background:#ed1b24; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.pro-list li::before { content: ""; width:0; height:1px;}
.pro-list li::after { content: ""; width:1px; height:0; }
.pro-list li:hover::before { content: ""; width:100%; }
.pro-list li:hover::after { content: ""; height:100%; }
.pro-list li a::before,.pro-list li a::after { position:absolute; bottom:0; right:0; z-index: 3; background:#ed1b24; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.pro-list li a::before { content: ""; width:0; height:1px;}
.pro-list li a::after { content: ""; width:1px; height:0; }
.pro-list li a:hover::before { content: ""; width:100%; }
.pro-list li a:hover::after { content: ""; height:100%; }
.pro-list li .more2 { position: absolute; left: 1em; bottom: -100%; width: calc(100% - 2em); z-index: 5; text-align: center; font-size:87.5%; padding: .75em 0; background: #ed1b24; color: #fff; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; transition: 0.5s all; }
.pro-list li:hover .more2 { bottom: .75em; }

/*** 产品详情 ***/
.proShow .Pro-R .show-pic{  text-align:center; position:relative;}
.proShow .Pro-R .show-pic img { margin: 0 auto;}
.proShow .Pro-R .show-pic .tit { font-size: 150%; font-weight: bold; margin-top: 1em;}
.pro-info { width:100%;}
.pro-info .tit { width:100%; background: #f0f0f0; margin: 2.5em 0;}
.pro-info .tit span { display:inline-block; background: #ed1b24; color: #fff; padding:.5em 1.5em; }
.detail{ line-height:2; text-align: justify; text-indent: 2em; margin-bottom: 2.5em; }
.detail img{ margin:0 auto; display:block}

/*分页*/
.pagination { width: 100%; font-size: 87.5%; margin-top:2em; text-align: center; }
.pagination a { display: inline-block; padding:.5em .9em; border: 1px #ccc solid; color: #333; line-height: normal; }
.pagination a:hover { border: 1px #ed1b24 solid; color: #ed1b24; }
.pagination .cur { background: #ed1b24; color: #fff; border: 1px solid #ed1b24; }
.pagination p { display: inline-block; padding:.5em .5em; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; cursor:pointer; line-height: normal;}

/*定位指向*/
.guide{ width:100%; font-size:87.5%; background:#e7e7e7; padding:1em; box-sizing:border-box; }
.guide span{ width:calc((100% - 100px) / 2); color:#666;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.guide span:nth-child(2) { width:100px; }
.guide span:last-child { text-align:right; }
.guide span a{ color:#333}
.guide span a:hover{ color:#2b488a; }

/*** 相关 ***/
.related{ width:100%; margin-top:2em; padding:2em 0; box-sizing:border-box; }
.related .rel-tit{ font-size:150%; 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; overflow:hidden;} 
.related .Rlist2 li .pic:after { content: ""; display: block; padding-bottom: 66.66666%;}
.related .Rlist2 li .pic img { position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.related .Rlist2 li .txt{ padding:.5em; position:relative; z-index:2; background:#fff; font-size:87.5%; text-align: center;}
.related .Rlist2 li .txt .PML{ font-weight:bold;}
.related .Rlist2 li:hover .pic { -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;}

/*** 目录下载 ***/
.clg-list{ margin-top:-1em;}
.clg-list li{ position:relative; width:calc(25% - .75em); margin:1em 1em 0 0; -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; overflow:hidden}
.clg-list li:nth-child(4n) { margin-right:0; }
.clg-list li .pic { position:relative; box-sizing:border-box; overflow:hidden;}
.clg-list li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.clg-list li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; box-sizing:border-box;}
.clg-list li .txt{ padding:.5em; position:relative; z-index:2; background:#e5e5e5; text-align:center}
.clg-list li .txt .PML{ font-weight:bold;}
.clg-list li a:hover .pic { -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;}

/*** 厂房 荣誉证书 相册***/
.gallery { width:100%; position:relative;}
.gallery a {width:calc(25% - .75em); margin: 0 1em 1em 0; text-align:center; border:solid 1px rgba(0,0,0,.1); box-sizing: border-box; overflow:hidden; }
.gallery a:nth-child(4n) { margin-right: 0 }
.gallery a .pic { width:100%; position:relative;}
.gallery a .pic::after { content: ""; display: block; padding-bottom: 66.6666667%;}
.gallery a .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;-webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.gallery a:hover .pic img { -webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.Honor .gallery a .pic::after { padding-bottom: 70.707070%;}
.Honor .gallery a .pic img { object-position: top;}

/*** 新闻 ***/
.news-list { margin-top: -1.5em }
.news-list li { padding: 2.5em; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;  }
.news-list li:nth-child(2n) { background: #f5f5f5; }
.news-list li a{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.news-list li .txt { width: 60%; -webkit-transition: all .5s; transition: all .5s;}
.news-list li .txt span { font: 112.5% 'Arial', 'sans-serif'; color: #999; }
.news-list li .txt .tit { display: block; font-size: 137.5%; font-weight: bold; color: #000; margin: 1em 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; }
.news-list li .txt .info { color: #777; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; }
.news-list li .pic { width: 30%; position: relative; }
.news-list li .pic:after { content: ""; display: block; padding-bottom: 66.6666667%;}
.news-list li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px;-webkit-transition: all .5s; transition: all .5s;}
.news-list li .btn-more { display: inline-block;font-size: 87.5%; color: #222; padding: .5em 0; margin-top: 1.5em; }
.news-list li .btn-more::after{content: "\f178"; font:300 125% "Awesome5"; margin-left:.25em; display: inline-block; vertical-align: middle; -webkit-transition: all .5s; transition: all .5s;  }
.news-list li:hover{ background: #ed1b24; }
.news-list li:hover .txt{ margin-left:1em; }
.news-list li:hover .txt span { color:#fff;} 
.news-list li:hover .txt .tit { color:#fff;} 
.news-list li:hover .txt .info{ color:#fff;} 
.news-list li:hover .btn-more { color:#fff;} 
.news-list li:hover .btn-more::after{ margin-left:1em; }
.news-list li:hover .pic img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*** 新闻详情 ***/
.newShow .title{ border-bottom:dashed 1px #ddd; padding-bottom:.5em; 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;}
/*** 相关新闻 ***/
.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: "\f1e6"; font:400 100% "Awesome5"; margin-right:.5em; display: inline-block; opacity: .5 }

/*** 联系 ***/
.contact .L{width: calc(55% - 2vw); }
.contact .R{width: calc(45% - 2vw); background-color: #f5f5f5; padding: 3vw; box-sizing: border-box; }
.contact .L .tit{ width: 100%; font-size: 150%; font-weight: bold; border-bottom:solid 1px rgba(0,0,0,.1); position: relative;}
.contact .L .tit::after { content: ""; display: block; width: 4em; height: 2px; background-color: #000;}
.contact .L .txt{ font-size: 112.5%;  line-height: 2; padding-top: 1em;}
.contact .L .txt img{ width: 35%; }
.contact .form { width:100%;  box-sizing:border-box; }
.contact .form .row { margin-top:1em;}
.contact .form .row:first-child{ margin-top:0}
.contact .form input,.contact .form textarea { display:block; font-size:112.5%; width:100%; padding:.5em; border:solid 1px rgb( 0,0,0,.1); -webkit-border-radius: 4px; border-radius: 4px; box-sizing:border-box; }
.contact .form textarea { resize: vertical;}
.contact .form button[type="submit"]{padding:.5em 1em; background: rgb( 0,0,0,1); color:#fff; border: none; cursor:pointer; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.5s; transition: 0.5s;}
.contact .form button[type="submit"]:hover{background: #ed1b24; }

@media (max-width: 1919px) {
.His .swiper-container li{ padding:0 2.08333vw; }
}
@media (max-width: 1280px) {
.His .swiper-container li{ padding:0 1.04vw; }
}

@media (max-width: 1200px) {
.Str li{ width: calc((100% / 6) - 1em);}

.Pro-L{width: 100%; }
.Pro-R{width: 100%; margin-top: 1.5em}
.sort-tit{ display: none; }
.sort-list { 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; padding: 0; border-left: none;}
.sort-list li{ padding: 0; margin-right: 1em}
.sort-list li.on:before,.sort-list li:hover:before { display: none;}
.sort-list li.on a{ color: #ed1b24; font-weight: bold; border-bottom: solid 4px #ed1b24;}
}

@media (max-width: 1024px) {
.contact .L{width: 100%; }
.contact .R{width: 100%; padding: 2em; margin-top: 1em; }
}


@media (max-width: 800px) {
.sortNav .Flex.justify-3{-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; }
.sortNav li a { margin:0 1em; }

.His .ab-txt{ display: none; }
.His .swiper-container { margin-top: 0;}

.pro-list li .txt{ font-size: 87.5%; }

.culture .tab-con { width: 100%; margin-top: 1em; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.culture .TAB-CLICK li{width: calc(100% / 3);}
.culture .TAB-CLICK li h2 b{ font-size:125%; line-height: 1; display: block;}
.culture .TAB-CLICK li h2{ position: relative; padding-left: 1.5em; }
.culture .TAB-CLICK li h2 em{ display: none; }
.culture .TAB-CLICK li h2::after {content: ""; font:100 100% "Awesome5"; position: absolute; top: 0;  left: 0; margin-top: 0; }
.culture .tab-con li .inner{ width: 100%;}
.culture .tab-con li .pic{ width: 100%; }

.Str li{ width: calc((100% / 4) - 1em);}

.news-list li{ padding: 1em;}
.related .Rlist li{ width:100%; }

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

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

@media (max-width: 640px) {

.culture .TAB-CLICK li{padding: .75em; }
.culture .TAB-CLICK li h2 b{ font-size:100%; }

.Str li{ width: calc((100% / 3) - 1em);}

.pro-list li{ width:calc(50% - .5em); }
.pro-list li:nth-child(3n) { margin-right:1em; }
.pro-list li:nth-child(2n) { margin-right:0; }
.proShow .Pro-L{ display: none}

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

.news-list li .txt { width: 100%;}
.news-list li .pic { width: 100%; }

.contact .R{ padding: 2em 1em; }
}

@media (max-width: 380px) {

}