@charset "utf-8";
/* CSS Document */
@import url(Flex.css);

* { -webkit-text-size-adjust: auto !important; -ms-text-size-adjust: auto !important; }/*Chrome默认字体最小为12px，*/
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0;}/*字体抗锯齿渲染*/
body { font: normal 100%/1.5 '微软雅黑', 'Microsoft YaHei', Arial, Sans-serif; color: #333; overflow: auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
div, h1, h2, h3, h4, h5, h6, /*b, em, i, span,*/ ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, textarea, button { font-size:100%; font-style: normal; font-weight: normal; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing:0 }/* 解决单元格双线问题 */
table,th,td{word-break:break-all;}/* 解决单元格纯数字或字母不自动换行 */
ul, ol, dl, li, dt, dd { list-style: none; }
input, textarea, button { background:none; border: none; outline: none; text-decoration: none; resize: none; font: 100% '微软雅黑', 'Microsoft YaHei', Arial, 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: #fff;*/ -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: #fff; */ -webkit-transition: background-color 43200s ease-in-out 0s; transition: background-color 43200s ease-in-out 0s;}/*去除自动填充后默认背景色*/
input,textarea,select  { border:solid 1px #aaa; box-sizing:border-box; }/*自定义边框*/
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover{ border: 1px solid #1e56a0; }/*选中后及鼠标上移*/
select{outline: none;}/*去除这个选中的边框样式*/
/*初始颜色*/
input::-webkit-input-placeholder { color: rgb( 0,0,0,.5); }
input::-moz-placeholder { color: rgb( 0,0,0,.5); } /* firefox 19+ */
input:-ms-input-placeholder { color: rgb( 0,0,0,.5); } /* ie */
input:-moz-placeholder { color: rgb( 0,0,0,.5); }
a {color: inherit; outline: none; text-decoration: none; cursor:pointer;}
a:hover { color: #1e56a0; }
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: 5px; height:5px; }
::-webkit-scrollbar-track{ border-radius: 0px; background: #dadada; }
::-webkit-scrollbar-thumb{ border-radius: 5px; background:#1b77fb; }
::-webkit-scrollbar-thumb:hover{ border-radius: 5px; background:#1b77fb; }*/

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

/********* header css *********/
header { width: 100%; height: 100px; position: fixed; top: 0; z-index: 9; padding: 0 4vw; box-sizing: border-box; -webkit-transition: 1s ease 0s; transition: 1s ease 0s;  }
header.scoll { height: 75px; background-color: rgba(0, 0, 0, .5); backdrop-filter: saturate(180%) blur(10px); box-shadow: 0 0 6px 0 rgba( 0, 0, 0, .25); }
header .logo, header .logo a { height: 100%; }
header .logo img { width: auto; height: 58%; }
.NTS { height:100%; }
.T-tel{ background: #fff; width: 2em; height: 2em; border-radius: 100%; text-align: center; line-height: 2em; margin: 0 .5em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.T-tel::after { content: "\f2a0"; font:900 100% "Awesome5"; color: #1e56a0; }
.Search{ background: #fff; width: 2em; height: 2em; border-radius: 100%; text-align: center; line-height: 2em; }
.Search::after { content: "\f002"; font:300 100% "Awesome5"; color: #1e56a0; }

.body-nav header { background: rgba( 255, 255, 255, 0); backdrop-filter: none; }
.body-nav header .logo img { filter: none; }
.body-nav header.scoll { background-color: rgba(0, 0, 0, .5); backdrop-filter: saturate(180%) blur(10px); }
.body-nav header.scoll .logo img { width:auto; filter: grayscale(100%) invert(100%) brightness(100); }

/*** nav css ***/
@media (min-width: 1025px) {
header .logo img { width:auto; filter: grayscale(100%) invert(100%) brightness(100); }
.body-pro header .logo img { width:auto; filter: grayscale(100%) invert(100%) brightness(100); }
.body-show{ padding-top: 100px; }

.nav{ margin-right: 5vw; }
.nav > li{ position: relative; color: #fff; box-sizing: border-box; }
.nav > li > a{ display: block; font-size: 100%; padding: 1em 2vw; }
.nav > li.on > a, .nav > li:hover > a { font-weight: bold; }
.nav > li > .has{ color: #fff; position: absolute; bottom: 0; left: 50%; transform:translate(-50%,0); }
.nav > li > .has::after{ content: "\f107"; font:300 100% "Awesome5";}
.nav > li:hover > .has::after{ }
.nav > li > .hasClass { display: none; position: absolute; left:50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); padding: .25em 0; background: #fff; border-radius: 4px; box-sizing: border-box; box-shadow: 0 4px 8px 0 rgba( 0, 0, 0, .25); }
.nav > li > .hasClass li { width: 100%; position: relative; color: #202020; text-align: left; white-space:nowrap; padding: 0 1em; box-sizing: border-box; }
.nav > li > .hasClass li > a { display: block; font-weight: bold; padding: .5em 0; box-sizing: border-box; }
.nav > li > .hasClass li:hover { background: #1e56a0; }
.nav > li > .hasClass li:hover > a { color: #fff; }
.nav > li > .hasClass li > .has { display: inline-block; margin-left: .5em; }
.nav > li > .hasClass li > .has::after{ content: "\f105"; font:300 100% "Awesome5"; display: inline-block; }
.nav > li > .hasClass li:hover > .has{ color: #fff; }
.nav > li > .hasClass li .lv2Class { position: absolute; top: 0; left: 100%; -webkit-transform: translateY(100%); transform: translateY(100%);-webkit-transition: .5s; transition: .5s; opacity: 0; border-radius: 4px; background: #1e56a0; color: #fff; }
.nav > li > .hasClass li:hover .lv2Class{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.nav > li > .hasClass li .lv2Class li:hover > a { color: #000; }

header.scoll .nav > li { color: #fff; }
header.scoll .nav > li > .hasClass li { color: #202020; }

.body-nav header .nav > li { color: #1e56a0; }
.body-nav header .nav > li > .has { color: #1e56a0; }
.body-nav header.scoll .nav > li { color: #fff; }
.body-nav header.scoll .nav > li > .has{ color: #fff; }

}

.menuBtn { display: none; position: relative; /*right:0; z-index: 9;*/ width: 48px; height: 48px; cursor: pointer; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; padding: 12px; margin-right: -12px; /*background: #1e56a0;*/  box-sizing: border-box; }
.menuBtn b { display: block; height: 2px; background: #1e56a0; margin: 2px 0 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.menuBtn.open b { display: none; margin: 0; position: absolute; top: 48%; width: 25px; }
.menuBtn.open b:first-child { display: block; left: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.menuBtn.open b:last-child { display: block; left: 12px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
header.scoll .menuBtn b{background: #fff;}

@media (max-width: 1024px) {
header.scoll .logo img { width:auto; filter: grayscale(100%) invert(100%) brightness(100); }

.menuBtn { display: block; order: 1; }
.nav{ display:block; width:100%; height:calc(100vh - 60px); position:fixed; top:60px; right:-150%; z-index:98; padding:1em; background: #1e56a0; background: linear-gradient(to bottom, #1e56a0, #1e56a0); color: #fff; border: none; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition:.5s; }
.nav.show{ right:0; box-shadow: 0px 10px 10px rgb(0 0 0 / 25%); box-sizing:border-box; } 
.nav > li{ font-size: 112.5%; position: relative; padding:1em 0; border-bottom:solid 1px rgba(0,0,0,.2); }
.nav > li > a{ text-transform:Uppercase; }
.nav > li .hasClass{ position: relative; display: none; }
.nav > li .hasClass::after{ content: ''; position: absolute; left:2px; top:0; width:1px; height: calc(100% - 1.45em); background:rgba(0,0,0,.25); }
.nav > li .hasClass > li{ padding:.75em 0 .75em 1em; position: relative; }
.nav > li .hasClass > li::before{ content:""; position: absolute; left:3px; top:1.5em; width:.5em; height:1px; background:rgba(0,0,0,.25); }
.nav > li .lv2Class{ position: relative; display: none; }
.nav > li .lv2Class > li { padding:.25em 0; }
.nav > li .lv2Class > li::before{ content:""; display: inline-block; width:.5em; height:1px; background:rgba(0,0,0,.25); vertical-align: middle; margin-right: .25em; }
.nav > li .has{ position: absolute; top: 1em; right: 0; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; background:rgba(0,0,0,.25); border-radius: 100%; }
.nav > li .has::after{ content:"\f067"; font:300 100% "Awesome5"; color: #fff; }
.nav > li .hasClass .has{ top: .25em; right: 1em; }
.nav > li.active > .has::after{ content:"\f068"; }
.nav > li.active  li.active .has::after{ content:"\f068"; }
}

/*** 搜索 ***/
.s-Box{ position:fixed; top:0; right:0; left:0; bottom:0; background: rgba(0,0,0,.5); width:100vw; height:100vh; z-index:101;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 .form-row{ display: box; display: flex; align-items: center; height:100%; }
.s-Box .Ent{ width: 100%; max-width:66.66em; background:#fff; padding:2.5em; margin:0 auto; position: relative; box-sizing:border-box; }
.s-Box .Ent .form-row{ margin-top: 2.5em}
.s-Box .Ent input[type="text"]{ width: calc(100% - 4.5em); padding:.75em .25em; box-sizing:border-box; }
.s-Box .Ent button[type="submit"]{ background: #1e56a0; color: #fff; width:4.5em; padding:.75em 0; border: solid 1px #1e56a0; cursor:pointer; }
.s-Box .Ent button[type="submit"]::after {content: "\f002"; font:300 100% "Awesome5"; }
.close { position: absolute; right: 2.5em; top: 1em; }
.close::after {content: "\f00d"; font:100 200%/1 "Awesome5"; color:#666; }

/*** footer ***/
.copyright { background: #1e56a0; font-size: 87.5%; color: rgba(255,255,255,.85); padding:1em 0; }
.copyright p{ display: inline-block; width: 50%; vertical-align: middle; }
.copyright p:nth-child(2){ text-align: right; }
.copyright a:hover{ color: #000; }


@media (min-width: 1921px) {
body{ font-size: .83333vw; }
.w-auto{ max-width: 83.3333%; }
.w2-auto{ max-width: 75%; }
header{ height: 5.20833vw; }
header.scoll { height: 3.90625vw; }
header .logo, header .logo a { height: 100%; }
header .logo img { height: 58%; }

.body-show{ padding-top:  5.20833vw; }
}


@media (max-width: 1780px) {
header{ padding: 0 2vw; }

}

@media (max-width: 1640px) {
header{ padding: 0 1em; }
.w-auto{ padding: 0 1em; }
}

@media (max-width: 1440px) {

}

@media (max-width: 1280px) {
.w2-auto{ padding: 0 1em; }
}

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

}
@media (max-width: 1024px) {
header { height: 60px; position: relative; }
header.scoll { height: 60px; position: fixed; }
header .logo, header .logo a { height: 100%; }
header .logo img { height: 75%; }

.s-Box .Ent{ padding:2.5em 1em; }
}

@media (max-width: 768px) {

.copyright p{ display: inline-block; width:100%; text-align: center; }
.copyright p:nth-child(2){ text-align: center; }

}


/*********.swiper public css *********/
.btn-prev, .btn-next{ 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%); cursor: pointer; outline: none; border: solid 1px #1e56a0; border-radius: 100%; width: 5em; height: 5em; text-align: center; line-height: 5.2em; box-sizing: border-box;  }
.btn-prev{ left:0; }
.btn-next{ right:0; }
.btn-prev::after { content: "\f060"; font:300 150% "Awesome5"; color: #202020; }
.btn-next::after { content: "\f061"; font:300 150% "Awesome5"; color: #202020; }
.my-button-disabled{ opacity: .5; }


/********* index *********/
.banner{ width: 100%; height: 100vh; position: relative; }
/*.banner::after{content: ""; display: block; padding-bottom:56.25%; }*/
.banner video { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; }

/*** public ***/
.section{ padding: 5em 0; position:relative; box-sizing:border-box;}
/*.set-tit h3 { background: url('assets/images/L-ico.png') no-repeat left bottom /auto 100%; padding: .25em 0 .25em 3.5em; }*/
.set-tit h3{ position: relative; padding: 0 0 0 3.5em;  }
.set-tit h3::before { content: ""; position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; width: 4em; background: url('../images/L-ico.png') no-repeat left bottom /auto 100%; }
.set-tit h3 span{ font-size: 200%; font-weight: bold; color: #1e56a0; }
.set-tit p{ font-size:275%; font-weight: lighter; color: #202020; margin-top: .25em; }
.set-top{ -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; 
margin-bottom: 2.5em; }
.set-menu a{ font-size: 137.5%; font-weight: bold; margin: 0 0 0 0; padding-bottom: .25em; position: relative; -webkit-transition: .5s;transition: .5s;}
.set-menu a::after { content: ""; display: inline-block; vertical-align: middle; width: 2vw; height: 1px; background: #ccc; margin: 0 1vw; }
.set-menu li:last-child a::after{ display: none; }

/*** 产品 index ***/
.iPro .swiper li{ padding: 3em 2vw; text-align: center; box-sizing: border-box; }
.iPro .swiper .pic { width:100%; position:relative; overflow: hidden; }
.iPro .swiper .pic::after { content: ""; display: block; padding-bottom: 100%; }
.iPro .swiper .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.iPro .swiper .txt { font-size: 150%; margin-top: 1rem; }
.iPro .swiper .swiper-slide { transition: 300ms; transform: scale(.8); }
.iPro .swiper .swiper-slide-active, .iPro .swiper .swiper-slide-duplicate-active { transform: scale(1); border: solid 2px #1e56a0; }
.iPro .swiper .btn-prev,.iPro .swiper .btn-next{ border-color: #ccc; }
.iPro .swiper .btn-prev::after, .iPro .swiper .btn-next::after { font-weight:100; color: #000; }

/*** 简介 index ***/
.iAbout{ width: 100%;1background: url('../images/bg-0.jpg') no-repeat bottom right/cover; }
/*.iAbout::before { content: ""; position: absolute; top: 2.5%; bottom: 0; left: -2.5%; right: 0; background: url('assets/images/bg-logo.png') no-repeat left center /auto 100%; opacity: .035;}*/
.iAbout .L { width: 55%; padding: 2.5vw 2.5vw 0 0; position: relative; z-index: 2; /*background: rgba(255,255,255,.5); */ box-sizing: border-box; }
.iAbout .R { width: 45%; padding: 2.5vw 2.5vw 0 0; position: relative; z-index: 2; /*background: rgba(255,255,255,.5); */ box-sizing: border-box; }

.iAbout .L .txt { color: #777; padding: 2.5em 0; text-align: justify; line-height: 2; }
.iAbout .L .txt h2{ font-size: 300%; font-weight: lighter; color: #333; }
.iAbout .slcs li span b{ font-size:350%; color: #1d1e22; }
.iAbout .slcs li span i{ font-style: normal; }
.ckgd { display: inline-block; background: #1e56a0; border-radius: 4em; padding: .75em 2em; margin-top: 4vw; color: #fff; -webkit-transition: .5s; transition: .5s;  }
.ckgd::after { content: "\f105"; font:300 150% "Awesome5"; color: #1e56a0; display: inline-block; width: 1em; height: 1em; text-align: center; line-height: 1em; margin-left: .5em; vertical-align: middle; background: #fff; border-radius: 100%; }
.ckgd:hover { color: #fff; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }

/*** 证书 index ***/
.iCer .swiper li{ padding: 0 2vw; text-align: center; box-sizing: border-box; }



.iCer .swiper .pic { width:100%; position:relative; overflow: hidden; }
.iCer .swiper .pic::after { content: ""; display: block; padding-bottom: 141.428%; }
.iCer .swiper .pic img { position: absolute; top: 50%; bottom: 0; left: 0; right: 0; width: 100%;  object-fit: cover; object-position: center; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); }
.iCer .swiper .txt { font-size: 150%; margin-top: 1rem; }

/*** 优势 index ***/
.iQyys { width: 100%; background: url('../images/bg-3.jpg') no-repeat 50% 50% /cover fixed; }
.iQyys::before { content:""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #1e56a0; background-image: linear-gradient(45deg, #041935, #1e56a0); opacity: .85; }
.iQyys .w-auto{ position: relative; z-index: 2; }
.iQyys .set-tit h3 span{ color: #fff; font-size: 250%; }
.iQyys .set-tit h3{ padding: 0; text-align: center; display: inline-block; }
.iQyys .set-tit h3::before{filter: grayscale(100%) invert(100%) brightness(100); position: inherit; display: block; width: 6em; height: 5em; background: url(../images/L-ico.png) no-repeat center /100% auto; opacity: .5; margin:0 auto;}
.iQyys .L { width: 20em;}
.iQyys .R { width: calc(100% - 24em); }
.iQyys ul { width: 100%; position: relative; }
.iQyys ul::before{content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,.15); }
.iQyys ul::after{ content: "";position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: rgba(255,255,255,.15); }
.iQyys ul li { width: 50%; padding: 4vw; color: #fff; box-sizing: border-box; }
.iQyys ul li b { font-size: 250%; font-weight: lighter; display: block; margin-bottom: 2rem }

/*** 新闻 index ***/
.iNews .swiper ul { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; margin-top: 2.5em; }
.iNews .swiper ul li{ padding: 0 1.25vw; position: relative; box-sizing: border-box; }
.iNews .swiper ul li::before { content: ""; display: block; width: 100%; height: 1px; background: #c3c3c3; margin-bottom: 2.5em; }
.iNews .swiper ul li::after { content: ""; position: absolute; top: 0; left: 1.25vw; width: 0; height: 1px; background: rgba(30,86,160,1); -webkit-transition: .5s;  transition: .5s; }
.iNews .swiper ul li .tit{ font-size: 125%; font-weight: bold; margin: 1em 0; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.iNews .swiper ul li .time{ color:#606060; }
.iNews .swiper ul li .time::before { content: "\f017"; font:300 100% "Awesome5"; margin-right: .5em; }
.iNews .swiper ul li .pic { width: 100%; position:relative; border-radius: 1em; overflow: hidden; }
.iNews .swiper ul li .pic::after { content: ""; display: block; padding-bottom: 66.666%; }
.iNews .swiper ul li .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.iNews .swiper .btn-prev, .iNews .swiper .btn-next{ background: rgba(30,86,160,1); width: 3em; height: 3em; line-height: 3.25em; }
.iNews .swiper .btn-prev::after, .iNews .swiper .btn-next::after { font-weight:100; font-size: 125% "Awesome5"; color: #fff; }
.iNews .swiper ul li:hover::after { width: calc(100% - 2.5vw); }

/*** 联系 index***/
.iCon { width: 100%; background: url('../images/bg-map2.png') no-repeat right center /cover; position: relative; background-size:cover; }
.iCon::before { content: ""; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 60%; height: 100%; background-image:linear-gradient(to right, #f0f0f0, rgba(0,0,0,0)); }
.iCon .w-auto{ position: relative; z-index: 2; padding-left: 4vw; box-sizing: border-box; }
.iCon .text{ width: 60%; margin-top: 1.5em; }
.iCon .text li { padding: 1em 0;}
.iCon .text li span{ display: block; font-size: 112.5%; font-weight: bold; padding-bottom: .5em; }
.iCon .text li span::before { content: ""; font:300 100% "Awesome5"; margin-right: .5em; }
.iCon .text li:nth-child(1) span::before { content: "\f1d8"; }
.iCon .text li:nth-child(2) span::before { content: "\f3cd"; }
.iCon .text li:nth-child(3) span::before { content: "\f879"; }
.iCon .text li:nth-child(4) span::before { content: "\f674"; }

@media(max-width: 1600px) {
.iAbout .L { background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.5)); }
.iAbout .L .txt{ color: #404040; }
.iAbout .slcs li span b { font-size: 3.5vw; }
}


@media(max-width: 1400px) {

.btn-prev, .btn-next{ width: 5.7143vw; height: 5.7143vw; text-align: center; line-height: 5.9143vw;  }
.btn-prev::after, .btn-next::after { font-size: 150%; }

.banner{ height: 56.25vw; }

.set-tit p{ font-size: 3.14286vw;}
.set-menu a{ font-size: 125%; }

.iNews .swiper ul li .tit{ font-size: 100%; }

}

@media(max-width: 1200px) {
.section { padding: 3em 0; }
.set-menu a{ font-size: 112.5%; }
}

@media (max-width: 1024px) {

.btn-prev, .btn-next{ width: 1.5em; height: 3em; line-height: 3em; border-color: #ccc; }
.btn-prev{ border-radius: 0 50em 50em 0; border-left: none; box-shadow: 3px 0 2px rgb(0 0 0 / 15%); }
.btn-next{ border-radius: 50em 0 0 50em; border-right: none; box-shadow: -3px 0 2px rgb(0 0 0 / 15%); }
.btn-prev::after { content: "\f104"; font:100 125% "Awesome5"; margin-left: -.25em }
.btn-next::after { content: "\f105"; font:100 125% "Awesome5"; margin-right: -.25em }

.iAbout{ width: 100%; background: url('../images/bg-m0.png') no-repeat bottom center/100% auto #f8f8f8; }
.iAbout .L{ width: 100%; padding:0 0 45vw 0; background:none; }

.iNews .swiper .btn-prev, .iNews .swiper .btn-next{ background: rgba(255,255,255,1); width: 1.5em; height: 3em; line-height: 3em; border: none; }
.iNews .swiper .btn-prev::after, .iNews .swiper .btn-next::after { color: #000; }
.iNews .swiper ul li{ padding: 0; }

}

@media (max-width: 960px) {
.iQyys .set-tit{ text-align: center; }
.iQyys .set-tit h3 span{ font-size:200%; }
.iQyys .L{ width: 100%; }
.iQyys .R{ width: 100%; }
.iQyys ul li b{ font-size: 150%; margin-bottom:.75em; }
.iQyys ul li p{ font-size: 87.5%; }
}

@media (max-width: 768px) {
.section { padding: 2em 0; }

.set-tit p{ font-size: 150%; }
.set-menu{ width: 100%; margin-top: 1.5em; }
.ckgd{ font-size: 87.5%; margin-top:2em; }

.iCon .text{ width: 100%; }

.iNews .swiper ul{ margin-top: 0; }
}
@media (max-width: 640px) {

.iAbout .L .txt{ font-size: 87.5%; padding: 1.5em 0; }
.iAbout .L .txt h2{ font-size: 200%; }
.iAbout .slcs.justify-4{ -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; }
.iAbout .slcs li { width: 33.3333%; }
.iAbout .slcs li p{ font-size: 87.5%; }
.iAbout .slcs li span b{ font-size: 175%; }
.iAbout .slcs li span i{ font-size: 87.5%; }

.iPro .swiper li{ padding: 2vw; }
.iPro .swiper .txt{ font-size: 125%; }

.iQyys ul::before,.iQyys ul::after{ display: none; }
.iQyys ul li{ width: 100%; border-bottom: solid 1px rgba(255,255,255,.15); padding:1.5em 0; }
}

@media (max-width: 480px) {
.iPro .swiper li{ padding: 2vw; }
}


/********* page *********/
.bar{ width: 100%; height: 37.5vw; min-height: 240px; position: relative; }
.bar::before { content: ""; position: absolute; z-index: 1; bottom: 0; left: 0; width: 40%; height: 100%; background: linear-gradient(75deg, rgba(30, 86, 160, .65) 15%, rgba(30, 86, 160, 0) 85%); }
.bar img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.bar .text{ position: absolute; z-index: 2; bottom: 30%; left: 10vw; color: #fff;}
.bar .text{ text-shadow: 2px 0px 2px rgba(0, 0, 0, .5); }
.bar .text .tit{  font-size: 300%; font-weight: bold; }
.bar .text .pos{  font-size: 87.5%; }
/*.bar-about { height: 48.25vw;}
.bar-about .text{ bottom: 45%; }*/
.bar-about img { object-position: bottom; }
/*.pos2{ font-size: 87.5%; color: #6d6d6d; padding: 1rem 0; background: #f5f5f8; border-top: solid 1px #ccc; }
.pos2 span{ color: #1a1a1a; }
.pos2 a:first-child::before { content: "\f015"; font:900 100%/1 "Awesome5"; margin-right: .25em }*/

/*** 简介 ***/
.About { position: relative; z-index: 2; }
.About .gssj { margin-top: calc(-5em - 3vw); width: 100%; background: #fff; text-align: center; padding: 1.5em 0; box-shadow: 0 0 6px 0 rgba( 0, 0, 0, .25); box-sizing: border-box;}
.About .gssj .tit{ font-size: 300%; font-weight: bold; }
.About .gssj li span b{ font-size:250%;  }
.About .gssj li span i{ font-style: normal; }
.About .text{ margin-top: 5em; }
.About .text .tit{ font-size: 175%; font-weight: bold; text-indent: 1em; margin-bottom: .5em; }
.About .text .txt{ line-height: 2; }
.About .text .txt p{ padding: .5em 0; text-align: justify;/* text-indent: 2em;*/ color: #737373; }
.About .text .txt img{ margin: 0 auto; max-width: 100%; }

/*** 分类栏目 page ***/
.s1_nav{ position: relative; z-index: 2; }
.s1_nav ul { margin-top: calc(-5em + 2vw); width: 100%; background: #fff; box-shadow: 0 0 6px 0 rgba( 0, 0, 0, .25); box-sizing: border-box; }
.s1_nav li{ font-size: 125%; font-weight: bold; padding: 1.5em 1em; margin: 0 1em; position: relative; }
.s1_nav li::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 3px; background: #1e56a0; -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; transition: 1s ease 0s; }
.s1_nav li.on{ color: #1e56a0; }
.s1_nav li.on::after,.s1_nav li:hover::after { width: 100%; left: 0 }

.s2_nav{ position: relative; z-index: 2; background: #f5f5f8; border-top: solid 1px #ccc; }
.s2_nav ul { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; box-sizing: border-box; }
.s2_nav li{ font-weight: bold; padding: 1.25em .5em; margin: 0 1em; position: relative; }
.s2_nav li::after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 3px; background: #1e56a0; -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; transition: 1s ease 0s; }
.s2_nav li.on{ color: #1e56a0; }
.s2_nav li.on::after,.s2_nav li:hover::after { width: 100%; left: 0 }

/*** 产品列表 ***/
.Pro ul{ margin-top: -2vw; }
.Pro li{ width: calc(25% - 1.5vw); margin:2vw 2vw 0 0; padding: 1vw; position: relative; background: #f7f8f9; text-align: center; transition: all ease .36s; box-sizing: border-box;}
.Pro li:nth-child(4n) { margin-right: 0; }
.Pro li .pic { width: 100%; position:relative; background: #fff; box-sizing: border-box;  box-shadow: 2px 4px 8px 0 rgba( 0, 0, 0, .1); }
.Pro li .pic::after { content: ""; display: block; padding-bottom: 100%; }
.Pro 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; }
.Pro li .pic .spec { font-size: 87.5%; position: absolute; top:.5em; left: .5em; }
.Pro li .txt{ margin: 1em 0 0 0; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.Pro li:hover{ background: rgba(30, 86, 160, 1); transform:translateY(-4px); }
.Pro li:hover .txt{ color: #fff; font-weight: bold; }

/*** 产品详细 ***/
.Show-top { padding: 4em 0; }
.Show-top .L { width: 48%; }
.Show-top .R { width: 45%; }
.Show-top .swiper li { position: relative; }
.Show-top .swiper li:after { content: ""; display: block; padding-bottom: 100%;}
.Show-top .swiper li 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; }
.Show-top .gallery { width: 84%; position: relative; border: solid 1px rgb(0 0 0 / 5%); box-sizing:border-box; }
.Show-top .thumbs { width: 16%; position: relative; box-sizing:border-box; }
.Show-top .thumbs li{ box-sizing: border-box; }
.Show-top .thumbs li.swiper-slide-thumb-active img{ border: solid 1px #005d97; }
.Show-top .thumbs li img { position: absolute; top:50%; right: 0; bottom: 0; left:0; width: 100%; height: auto; object-fit: cover; object-position: center; box-sizing: border-box;
-webkit-transform:translate(0,-50%); transform:translate(0,-50%); }
.Show-top .my-button-disabled{ opacity: 0; }
.Show-top .btn-prev, .Show-top .btn-next{ color: #005d97; width: 1em; height: 2em; line-height: 2em; border:none;}
.Show-top .btn-prev::after { content: "\f104"; font:300 100% "Awesome5"; margin-right: .15em; }
.Show-top .btn-next::after { content: "\f105"; font:300 100% "Awesome5"; margin-left: .15em; }
.Show-top .btn-prev{ left:0; border-radius: 0 25em 25em 0; border-left: 0; box-shadow: 3px 0 2px rgb(0 0 0 / 25%); }
.Show-top .btn-next{ right:0; border-radius: 25em 0 0 25em; border-right: 0; box-shadow: -3px 0 2px rgb(0 0 0 / 25%); }
.Show-top .gallery .btn-prev, .Show-top .gallery .btn-next{ width: 1.5em; height: 3em; line-height: 3.2em; }
.Show-top .gallery .btn-prev::after, .Show-top .gallery .btn-next::after { font-size:150%; }
.Show-top .thumbs .my-button-disabled{ opacity: 0; }
.Show-top .thumbs .btn2-prev, .Show-top .thumbs .btn2-next{ position: absolute; left:50%; z-index: 3; color: #005d97; width: 2.5em; height: 1.25em; text-align: center; border:none; box-sizing: border-box; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); color: #000; }
.Show-top .btn2-prev{ top:0; border-radius: 0 0 25em 25em; border-left: 0; box-shadow: 0 2px 0 rgb(0 0 0 / 25%); }
.Show-top .btn2-next{ bottom:0; border-radius: 25em 25em 0 0; border-right: 0; box-shadow:  0 -2px 0 rgb(0 0 0 / 25%); }
.Show-top .thumbs .btn2-prev::after { content: "\f106"; font:300 150%/.5 "Awesome5"; }
.Show-top .thumbs .btn2-next::after { content: "\f107"; font:300 150%/1 "Awesome5"; }

.Show-top .R .tit{ font-size: 150%; font-weight: bold; color: #212121; }
.Show-top .sx { margin-top: 2vw; }
.Show-top .color a{ display: block; width: 1.5em; height: 1.5em; margin: 0 .25em; border-radius: 100%; position: relative; box-sizing: border-box; } 
.Show-top .color a:first-child{ margin-left: 0;}
.Show-top .type a{ display: block; width: 5em; height: 5em; margin: 0 .25em; border: solid 1px #ddd; position: relative; box-sizing: border-box; }
.Show-top .type a:first-child{ margin-left: 0;}
.Show-top .type a img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Show-top .type a::before { content: attr(title); position: absolute; left: 50%; bottom: 80%; background: #000; padding: .25em .5em; line-height: 1; border-radius: 4px; margin-bottom: .75em; min-width: 3.5em; color: #fff; white-space: pre; text-align: center; text-transform: none; transform: translate(-50%); visibility: hidden; opacity: 0; transition: all .25s ease-out; font-size: 87.5%; }
.Show-top .type a::after { content: ""; position: absolute; left: 50%; bottom: 80%; border-color: #000 transparent transparent; border-style: solid; border-width: .25em .25em 0; margin:0 0 .35em -.25em; visibility: hidden; opacity: 0; transition: all .25s ease-out; }
.Show-top .type a:hover::before,.Show-top .type a:hover::after { bottom: 100%; opacity: 1; visibility: visible; }
.Show-top .lx_tel{ display: inline-block; font-size: 125%; font-weight: bold; color: #fff; background: #235c98; height: 2em; line-height: 2em; padding:0 1em 0 2.5em; border-radius: 8em; position: relative; box-sizing: border-box;  }
.Show-top .lx_tel::before { content: "\f879"; font:900 100% "Awesome5"; position: absolute; top: 0; left: -1px; width: 2em; height: 2em; line-height: 2em; text-align: center; background: #222; color: #fff; border-radius: 50%; }
.proDet { background: #f7f7fa; padding: 2.5em 0; }
.ss-tit{ text-align: center; position: relative; }
/*.ss-tit::before, .ss-tit::after { content: ""; position: absolute; top: 50%; background: #ccc; width: calc(50% - 4em); height: 2px; }
.ss-tit::before { left: 0; }
.ss-tit::after{ right: 0; }*/
.ss-tit span{ font-size: 150%; font-weight: bold; padding: 0 .75em; position: relative; z-index: 2; box-sizing: border-box; }

.proDet table { width: 100%; background: #fff; }
.proDet table caption{ text-align: left; margin-bottom: 1em; }
.proDet table tr:nth-child(2n-1){ background: #f7f8f8; }
.proDet table tr:nth-child(1){ background: #235c98; color: #fff; }
.proDet table th, .proDet table td{ border:1px solid #ccc; text-align:center; padding:.25em; position: relative; overflow: hidden; }

/*** 相关产品 ***/
.rel-pro ul li { width: calc( 25% - 1.5em); margin:2em 2em 0 0; }
.rel-pro ul li:nth-child(4n) { margin-right: 0; }
.rel-pro ul li .pic { width: 100%; position:relative; border: solid 1px #ddd; overflow: hidden; }
.rel-pro ul li .pic::after { content: ""; display: block; padding-bottom: 100%; }
.rel-pro ul li .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.rel-pro ul li .txt{ padding: 1em 0; text-align: center;}

/*** 详细 ***/
.details .text{ padding: 1.5em 0; line-height:2; text-align: justify;; }
.details .text p{ padding: .5em 0; }
.details .text img{ margin:0 auto; max-width: 100%; width: auto; }

/*分页*/
.pagination { width: 100%; font-size: 87.5%; margin-top:3vw; text-align: center; }
.pagination a,.pagination p { display: inline-block; padding:.5em .9em; margin-top: .5em; border: 1px #ccc solid; color: #333; line-height: normal; }
.pagination a:hover,.pagination p:hover { border: 1px #1e56a0 solid; color: #1e56a0; }
.pagination a.cur { background: #1e56a0; color: #fff; border: 1px solid #1e56a0; }
@media (max-width: 768px) {
.pagination a,.pagination p { padding:.25em .65em; }
}

/* 上一个 下一个*/
.relink{ width:100%; font-size: 87.5%; margin-top: 1.5rem; box-sizing:border-box; }
.relink a{ width:calc((100% - 8em) / 2); padding:0; 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; box-sizing: border-box; }
.relink a:nth-child(2) { width:8em; text-align: center; }
.relink a:last-child { text-align:right; }

/*** 实景 设备 证书 ***/
.album { margin-top:-1.5em; }
.album li{ position:relative; width:calc(25% - 1.8vw); margin:1.5em 2.4vw 0 0; text-align: center; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.2); box-sizing:border-box; overflow:hidden; }
.album li:nth-child(4n) { margin-right:0; }
.album li .pic { position:relative; -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; -webkit-transition: .3s; transition: .3s; overflow:hidden;}
.album li .pic::after { content: ""; display: block; padding-bottom: 75%; }
.album li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center; padding: 4px; -webkit-transition:.3s; transition: .3s; box-sizing: border-box; }
.album li:hover .pic img{ -webkit-transform:scale(1.1); transform:scale(1.1); }
.album li a::before { content: "\f00e"; font:300 250%/1 "Awesome5"; color: #fff; position: absolute; top:0; left:50%; z-index: 3; opacity: 0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-transition:.4s;transition:.4s;}
.album li a::after{content: ""; width:0; height: 0; position:absolute; top:50%; left:50%; right:0; bottom:0; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
-webkit-transition:.4s; transition:.4s; }
.album li a:hover::before { top:50%; opacity: 1;}
.album li a:hover::after{ width:100%; height: 100%; background:rgba(0, 0, 0, .25); }

/*** 设备 ***/
.equ_text { margin-bottom: 3em; padding:0 2em; box-sizing: border-box; }
.equ_text .s1_tit { font-size: 137.5%; font-weight: bold; }
.equ_text .s2_tit { font-size: 112.5%; font-weight: bold; }
.equ_text li { padding: .5em 0; line-height: 2;  }
.equ_text ol::before { content: ""; display: inline-block; width: .65em; height: .65em; background: #222; border-radius: 50%; margin-right: .5em; }

/*** 证书 ***/
.cer_list { width: 100%; margin-top: -2em; }
.cer_list li{ position:relative; width:calc(20% - 1.6em); margin:2em 2em 0 0; border-radius: 4px; box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .35);  box-sizing: border-box; }
.cer_list li:nth-child(5n) { margin-right:0; }
.cer_list li a{ display: block; position: relative; padding: 1.5em; }
.cer_list li::before, .cer_list li::after, .cer_list li a::before, .cer_list li a::after { content: ""; position: absolute; width: .75em; height: .75em; background: rgba( 0, 0, 0, .125); border-radius: 50%; box-shadow: inset 0 0 .25em rgba(0, 0, 0, .5); }
.cer_list li::before { content: ""; top: .5em; left: .5em; }
.cer_list li::after { content: ""; top: .5em; right: .5em; }
.cer_list li a::before { content: ""; bottom: .5em; left: .5em; }
.cer_list li a::after { content: ""; bottom: .5em; right: .5em; }
.cer_list li .pic { position:relative; -webkit-border-radius: 2px; border-radius: 2px; box-sizing:border-box; -webkit-transition: .3s; transition: .3s; overflow:hidden;}
.cer_list li .pic::after { content: ""; display: block; padding-bottom: 141.4285%; }
.cer_list li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width:100%; height: 100%; border-radius: 2px; object-fit: cover; object-position: center; -webkit-transition:.3s; transition: .3s; }
.cer_list li :hover .pic img{-webkit-transform:scale(1.05); transform:scale(1.05); }


/*** 新闻 ***/
.News ul { margin-top: -2.5em; box-sizing: border-box;}
.News li{ width: calc(33.333% - 2.2vw); margin:2.5em 3.3vw 0 0; transition: all ease 0.36s; box-sizing: border-box; }
.News li:nth-child(3n) { margin-right: 0; }
.News li .pic{ width: 100%; position: relative; z-index: 2; box-sizing: border-box; overflow: hidden; }
.News li .pic::after { content: ""; display: block; padding-bottom: 56.25%; }
.News li .pic img { position: absolute; top:0; right: 0; bottom: 0; left:0; width: 100%; height: 100%; object-fit: cover; object-position: center;  transition:all ease 0.36s; box-sizing: border-box; }
.News li .sy{ margin-top: 1em; color: #999; }
.News li .tit{ font-size: 125%; line-height: 2; position: relative;text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.News li .time{ margin-top: .75em; color: #999; }
.News li a:hover img {transform:scale(1.05);}
.News li:hover { transform:translateY(-4px); background:#fff; }

/*** 新闻详细 ***/
.newShow { min-height: 45em; }
.newShow .details { border-bottom: solid 1px #ddd; }
.newShow .title{ font-size:200%; font-weight: bold; text-align:center; }
.newShow .tag{ font-size:87.5%; color:#999; text-align:center; padding: 1em 0; border-bottom: solid 1px #ddd;}
.newShow .tag span{ margin:0 2em; }
.newShow .tag span::before {content: "\f34e"; font:400 100% "Awesome5"; margin-right:.25em; }
.newShow .tag span:nth-child(2)::before{content: "\f004";}
.newShow .details .text{ text-indent: 2em; }

/*** 相关新闻 ***/
.rel-news{ margin-top: 5em; }
.rel-tit{ font-size: 150%; font-weight: bold; }
.rel-news li{ width:calc(50% - 2em); margin-top: 1em; border-bottom:1px dashed #dbdbdb; line-height: 3; 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; }
.rel-news li::before {content: "\f105"; font:400 100% "Awesome5"; margin-right:.5em; display: inline-block; opacity: .5 }

/*** 联系 ***/
.Contact ul li{ width: 33.333%; padding: 2.5vw; border-right: solid 1px #ddd; box-sizing: border-box; }
.Contact ul li:last-child{ border: none; }
.Contact ul li span{ display: block; font-size: 150%; font-weight: bold; color: #666; margin: 1em 0; }
.Contact ul li p{ font-size: 150%; color: #666; }
.Contact ul li::before { content: "\f3c5"; font:900 125% "Awesome5"; display: inline-block; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.5em; background: #1e56a0; color: #fff; border-radius: 100%; }
.Contact ul li:nth-child(1)::before { content: "\f3c5"; }
.Contact ul li:nth-child(2)::before { content: "\f2a0"; }
.Contact ul li:nth-child(3)::before { content: "\f674"; }

/*** 地图css ***/ 
#container{ width: 100%; height: 66vh; }
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0; }
.custom-info { width:31em; border: solid 1px silver; }
div.info-top { position: relative; background: #fff; padding:.5em 1em; border-bottom: 1px solid #ddd; }
div.info-top div { display: inline-block; font-size: 112.5%; font-weight: bold;  }
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s; }
div.info-middle { font-size: 87.5%; padding: 1em; line-height: 1.5; white-space:pre-wrap; }
div.info-bottom { height: 0px; width: 100%; clear: both; text-align: center; }
div.info-bottom img { position: relative; left:50%; z-index: 104; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); }
.ptit{ display: none; }

@media (min-width: 1921px){
.News li a { max-width: 75%; } 
.Msg form { max-width: inherit; }
}

@media (max-width: 1600px) {
.bar .text { left: 5vw; }
.Show-top { padding: 3em 0; }
}

@media (max-width: 1400px) {
.s1_nav li{ font-size: 112.5%; padding: 1.5em .75vw; }
}

@media (max-width: 1200px) {

.s1_nav li{ font-size: 112.5%; }

.Show-top { padding: 2em 0; }
.proDet { padding: 2em 0; }
.proDet table{ font-size: 87.5%; }

}

@media (max-width: 1024px) {

.About .gssj { margin-top: 0; }

.s1_nav .w-auto{ padding: 0; }
.s1_nav ul { margin-top: 0; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; overflow-y: hidden; overflow-x: scroll; }
.s1_nav ul::after { content: "向左滑动"; display: block; position: absolute; right: 0; width: 1.5em; height: 100%; text-align: center; background: #1e50ae; font-size: 10px; color: #fff; border-radius: 8px 0 0 8px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-lr; writing-mode: vertical-rl; }
.s1_nav li{ padding: 1.25em 0; margin: 0 1em; white-space:nowrap; }

.s2_nav .w-auto{ padding: 0; }
.s2_nav ul { -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; justify-content: flex-startr; width: 100%; margin-top: 1.5em; overflow-y: hidden; overflow-x: scroll; }
.s2_nav ul::after { content: "向左滑动"; display: block; position: absolute; right: 0; width: 1.5em; height: 100%; text-align: center; background: #1e50ae; font-size: 10px; color: #fff; border-radius: 8px 0 0 8px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-lr; writing-mode: vertical-rl; }
.s2_nav li{ white-space:nowrap; }

.Pro ul{ margin-top: -1em; }
.Pro li{ width: calc( 33.3333% - .6667em); margin:1em 1em 0 0; padding: 1em; }
.Pro li:nth-child(4n) { margin-right: 1em; }
.Pro li:nth-child(3n) { margin-right: 0; }
.Pro li .pic .spec { font-size: 87.5%; }
.Pro li .txt { font-size: 87.5%; }

.News li .text .tit{ font-size: 100%; font-weight: bold; }
.News li .text .time{ font-size: 87.5%; }
.News li .text .txt{ font-size: 87.5%; }
.News li:hover .xq span{  font-size: 87.5%; }

.relink a{ display: block; width: 100%; }
.relink a:nth-child(2){ text-align: left; }
.relink a:last-child{ text-align: left; }

.rel-news{ margin-top: 3em; }
.rel-news li {width: calc(50% - 1em); }

.equ_text { padding:0 1.5em; }

}

@media (min-width: 769px) and (max-width: 1024px) {
.Show-top .type a{ width: 4em; height: 4em; }

.cer_list { margin-top: -1em; }
.cer_list li{ position:relative; width:calc(25% - .75em); margin:1em 1em 0 0; }
.cer_list li:nth-child(5n) { margin-right:1em; }
.cer_list li:nth-child(4n) { margin-right:0; }

.equ_text { padding:0 1em; }
}

@media (max-width: 768px) {
.bar .text { left: 50%; -webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0); text-align: center; }
.bar::before{ display: none; }
.bar .text .tit{  font-size: 250%; }
.bar .text .pos{  font-size: 75%; }

.About .gssj li { width: 33.333%; }
.About .gssj li p{ font-size: 87.5%; }
.About .gssj li span b{ font-size:150%;  }
.About .gssj li span i{ font-size: 87.5%; }
.About .text{ margin-top: 2.5em; }
.About .text .txt{ font-size: 100%; }

.s1_nav li{ font-size: 112.5%; }

.Pro ul{ margin-top: -1em; }
.Pro li{ width: calc( 50% - .5em); margin:1em 1em 0 0; padding: .5em; }
.Pro li:nth-child(3n) { margin-right: 1em; }
.Pro li:nth-child(4n) { margin-right: 1em; }
.Pro li:nth-child(2n) { margin-right: 0; }
.Pro li .pic { width: 100%; margin-top: 0; border: solid 1px #eee; box-shadow: none; }
.Pro li .pic .spec { font-size: 75%; }
.Pro li .txt{ margin-top: .5em; }

.Show-top .L{ width: 100%; }
.Show-top .R{ width: 100%; padding:0; }
.Show-top .gallery { width: 100%; }
.Show-top .thumbs{ display: none; }
.Show-top .R h1{ margin-top: 1.5rem; }
.Show-top .sx{ margin-top: 1.5em; }
.Show-top .type a{ width: 4em; height: 4em; }


.proDet table{ font-size: 75%; }

.rel-pro ul li { width: calc( 50% - .5em); margin:1em 1em 0 0; }
.rel-pro ul li:nth-child(4n) { margin-right: 1em; }
.rel-pro ul li:nth-child(2n) { margin-right: 0; }
.rel-pro ul li .txt{ font-size: 87.5%; }

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

.cer_list li{ position:relative; width:calc(33.3333% - 1em); margin:1.5em 1.5em 0 0; }
.cer_list li:nth-child(5n) { margin-right:1.5em; }
.cer_list li:nth-child(3n) { margin-right:0; }

.equ_text { margin-bottom: 2em; padding:0; }

.News ul { margin-top: -1.5em; }
.News li{ width: 100%; margin:0; padding: 1.5em 0; border-bottom: dashed 1px #ddd;}
.News li:nth-child(3n) { margin-right: 0; }
.News li .sy,.News li .time{ font-size: 87.5%; }

.rel-news{ margin-top: 2em; }
.rel-news li { width: 100%; }

.Contact ul li{ width: 100%; padding: 1.5em 0; border: none; }

}


@media (max-width: 640px) {

.News li .tit{ font-size: 112.5%; font-weight: bold; }

.Contact ul li span{ font-size: 125%; margin: .5em 0; }
.Contact ul li p{ font-size: 100%;  }

.custom-info  { width:24em; border: solid 1px silver; }
div.info-top{ padding: .5em; }
div.info-top div { font-size: 100%; }
div.info-middle{ font-size: 75%; padding: .5em; }


.cer_list { margin-top: -1em; }
.cer_list li{ position:relative; width:calc(50% - .5em); margin:1em 1em 0 0; }
.cer_list li:nth-child(5n) { margin-right:1em; }
.cer_list li:nth-child(3n) { margin-right:1em; }
.cer_list li:nth-child(2n) { margin-right:0; }

}

@media (max-width: 480px) {
	

	
}