/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #fff;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	min-height: 100%;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 550px;
	min-width: 320px;
	height: auto;
	z-index: 9999999;
	visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9999995;
	opacity: 0;
	background: rgba(1,1,1,0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #5b5b5b;
	background: #fff;
	position: relative;
	border-radius: 0px;
	margin: 0 auto;
}
.md-content .md-close-btn {
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 999999;
}
.md-content .md-close-btn a{
	color: #909090;
	cursor: pointer;
}
.md-content .md-close-btn a:hover{
	color: #212121;
}
.md-content .md-close {
	background: none;
	font-size:30px;
}

.md-content h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 20px;
	text-align: center;
	background: #fff;
	border-radius: 0;
	color: #797979;
}

.md-content > div {
	padding: 30px 40px;
	margin: 0;
	font-weight: 300;
	font-size: 14px;
}

.md-content > div p {
	margin: 0;
}

.md-content > div ul {
}

.md-content > div ul li {
}


/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7); 
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s; 
	-moz-transition: all 0.3s; 
	transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	transform: scale(1);
	opacity: 1;
}



@charset "utf-8";
/* CSS Document */

/* ===============================
   阿里巴巴普惠体（本地）
   =============================== */
body {
    /* 优先使用苹方和微软雅黑，无需下载，瞬间显示 */
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

/* ===============================
   强制覆盖原模板字体
   =============================== */
.zt1,
.zt2,
.zt3 {
  font-family: 'AlibabaPuHuiTi', sans-serif !important;
}

body {
  color: #666;
  font: 15px 'AlibabaPuHuiTi', sans-serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: 'AlibabaPuHuiTi', sans-serif !important;
}
.zt1{font-family: 'helveticaneueltstd';}
.zt2{font-family: 'muli';}
.zt3{font-family: 'mulib';}

body { color:#666;font:15px "muli";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option,button{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline: none;border: none;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
dl,dt{font-weight: normal;}
a {color:#666; text-decoration:none;} 
a:focus,input, button, textarea, select{outline:0;} 
a:hover{text-decoration: none;}
textarea{resize: none;}
img{max-width: 100%;}

.c{clear: both;}
.fl{float: left;}
.fr{float: right;}
.imgfd{overflow: hidden;width: 100%;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}
.imgg img{max-width: 100%;}

.pagination > li > a, .pagination > li > span{padding: 0 12px;border: 1px solid #bbb;color: #000;margin-right: 8px;display: block;font-size: 14px;text-align: center;line-height: 30px;}
.pagination li.first,.pagination li.last{display: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: #1E7BC1;border-color: #1E7BC1;color: #fff;}
.pagination > li > a:hover{color: #1E7BC1;}
.pagination li{float: left;}
.pagination{margin: 0;margin-top: 50px;display: inline-block;}
.digg{text-align: center;width: 100%;}
@media (max-width: 600px){
	.pagination{margin-top: 30px;}
}

.center{width: 1800px;margin: 0 auto;}
@media (max-width: 1600px){.center{width: 96%;}}

.f16{font-size: 16px;}
.f18{font-size: 18px;}


/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* QQ：9490489 */
.foot-wap,.head-wap{display: none;}
.foot-wap{position: fixed;bottom: 0;left: 0;z-index: 10;width: 100%;background: #fff;}
.foot-wap li{width: 25%;float: left;text-align: center;position: relative;padding: 8px 0;cursor: pointer;}
.foot-wap li p{font-size: 14px;color: #333333;margin-top: 4px;}
.foot-wap li span{color: #333333;font-size: 20px;}
.foot-wap li::after{content: '';width: 1px;height: 30px;background: #dbdbdb;position: absolute;right: 0;top: 14px;}
.foot-wap li:last-child::after{display: none;}

/* 语言菜单修复：确保二级菜单可见 */
.lang{
  position: relative;
  z-index: 99999;
  cursor: pointer;
  margin-right: 30px;
  padding: 0;
}
.lang i{
  margin-right: 10px;
  font-size: 18px;
}
.lang a {
  display: block;
  color: #666;
  overflow: hidden;
  font-size: 14px;
  color: #333333;
}
.lang dl{
  width: 100%;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  z-index: 9999;
  top: 30px;
  right: 0;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.lang:hover dl,
.lang[aria-expanded="true"] dl{
  max-height: 300px;
}
.lang dt{
  height: 20px;
  overflow: hidden;
  margin: 5px 0;
  padding: 0 14px;
}
.lang dt:first-child{
  margin-top: 8px;
}
.lang dt:last-child{
  margin-bottom: 8px;
}
.lang dt img{
  width: 19px;
  vertical-align: middle;
  margin-right: 6px;
}
.lang dt a{
  font-size: 14px;
  display: block;
  color: #333333 !important;
  padding: 5px 0;
  transition: background 0.2s;
}
.lang dt a:hover{
  text-decoration: none;
  background: #f5f5f5;
  border-radius: 4px;
}
.lang span{
  padding-right:10px;
  display: inline-block;
}
.page-header.typea:not(.typeanot) .lang a{
  color: #333333;
}
.page-header.typea:hover .lang a{
  color: #333333;
}

.toutanchu{
  text-align: center;
  max-width: 200px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
}
.toutanchu .moreall{
  height: 46px;
  line-height: 46px;
  padding-top: 0;
  padding-bottom: 0;
}
.toutanchu b{
  font-size: 34px;
  color: #333;
  display: block;
  margin-bottom: 20px;
  margin-top: 15px;
}
.toutanchu1 .inp1{
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  width: 95%;
  padding-left: 5%;
}
.toutanchu1 .inp2{
  height: 40px;
  line-height: 40px;
  background: #333333;
  border-radius: 4px;
  color: #fff;
  padding: 0 30px;
  margin-top: 20px;
  cursor: pointer;
}
.md-close{
  cursor: pointer;
}
.md-content .input_control{
  width: 100%;
  margin-right: 0;
  margin-top: 16px;
}
.kuagn-fd h2{
  font-size: 30px!important;
  color: #333!important;
  text-align: left;
}
.kuagn-fd .form .submit{
  width: 100%;
}
.toutanchu input{
  font-family: 'muli';
}
.toutanchu1 .iconfont{
  font-size: 20px;
  color: #333;
}
.input_control{
  position: relative;
  width: 32%;
  float: left;
  margin-right: 2%;
  background: #f2f5f8;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 54px;
  margin-top: 26px;
}
.input_control:nth-child(3){
  margin-right: 0;
}
.form_input{
  -webkit-appearance:none;
  -moz-appearance: none;
  outline:0;
  height: 54px;
  line-height: 54px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 30px;
  font-size: 14px;
  color: #666;
  width: 95%;
  background: #f2f5f8;
}
.input_control lable{
  color: red;
  position: absolute;
  left: 20px;
  line-height: 54px;
}
.form_input::-moz-placeholder,
.form_text::-moz-placeholder{
  color: #666;
}
.form_text{
  height: 100px;
  background: #f2f5f8;
  position: absolute;
  left: 30px;
  top: 15px;
  width: 95%;
  font-size: 14px;
  color: #666;
  line-height: 25px;
}
.input_control2{
  width: 100%;
  margin: 16px 0 25px;
  height: 130px;
}
.form .submit{
  width: 240px;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  background: #333333;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.page-header.typea:not(.typeanot) .hhsear i{
  color: #fff;
}
.page-header.typea:not(.typeanot):hover .hhsear i{
  color: #333;
}
.hhsear{
  position: relative;
  padding-right: 18px;
  margin-right: 18px;
}
.hhsear::before{
  content: '';
  position: absolute;
  top: -4px;
  right: 0;
  width: 1px;
  height: 20px;
  background: rgba(0,0,0,.3);
}
.page-header.typea:not(.typeanot) .hhsear::before{
  background: rgba(255,255,255,.3);
}
.page-header.typea:not(.typeanot):hover .hhsear::before{
  background: rgba(0,0,0,.3);
}

.foot-com{
  background: url("../images/foot.jpg") no-repeat center;
  background-size: cover;
  padding-top: 70px;
  display: flow-root;
}
.foot-com ul{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}
.foot-com li{
  position: relative;
  padding-left: 50px;
}
.foot-com li::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 300px;
  background: rgba(255,255,255,.2);
}
.foot-com li:nth-child(1)::before{
  opacity: 0;
}
.foot-com li:nth-child(1){
  padding-left: 0;
}
.foot-com .box1{
  max-width: 30%;
}
.foot-com .box1 .des{
  color: #fff;
}
.foot-com .box1 .wlogo{
  overflow: hidden;
  max-height: 40px;
  margin-bottom: 20px;
}
.foot-com .box1 .wlogo img{
  transform: translateY(-200px);
  filter: drop-shadow(#fff 0 200px);
  height:40px
}
.foot-com .box1 .b{
  font-size: 20px;
  text-transform: uppercase;
  margin: 10px 0 15px;
}
.foot-com .box1 .b i{
  color: #e98323;
}
.foot-com li .bt{
  font-size: 30px;
  display: block;
  margin-bottom: 30px;
}
.foot-com li .wz{
  font-size: 20px;
  color: #fff;
}
.foot-com li.box3{
  max-width: 710px;
}
.foot-com li.box2{
  max-width: 450px;
}
.foot-com .box3 a{
  float: left;
  margin-right: 30px;
}
.foot-com .box3 a:last-child{
  margin-right: 0;
}
.foot-com .box3 a:hover,
.foot-com .copy a:hover{
  text-decoration: underline;
}
.foot-com .copy{
  padding: 22px 0;
  border-top: 1px solid rgba(255,255,255,.2);
  display: flow-root;
  color: #fff;
  margin-top: 70px;
}
.foot-com .copy a{
  color: #fff;
}

.follow{
  display:inline-block;
}
.follow i{
  display:inline-flex;
  border: 1px solid #666;
  border-radius: 500px;
  padding: 6px;
}
.follow svg{
  width:16px;
  height:16px;
  fill:#999;
}
.follow a{
  display:inline-block;
  vertical-align:middle;
  margin-right:12px;
  float: left;
  background: none;
}
.follow a:last-child{
  margin-right: 0;
}

.follow2 svg{
  fill:#fff;
}
.follow2 i{
  border: 1px solid #fff;
}

@media (max-width: 1740px){
  .page-header{
    padding: 0 2%;
  }
}
@media (max-width: 1500px){
  .page-nav .item{
    margin-right: 20px;
  }
  .foot-com .box2{
    display: none;
  }
}
@media (max-width: 1200px){
  .page-logo .img, 
  .page-logo .img-w{
    height: 40px!important;
  }
  .page-nav .link{
    font-size: 15px;
  }
  .lang a{
    font-size: 14px;
  }
  .lang i{
    margin-right: 4px;
  }
}
@media (max-width: 1024px){
  .foot-wap{
    display: block;
  }
  .foot-com,
  .toutanchu{
    display: none;
  }
  .waph{
    height: 54px;
  }
  .page-header.typea:not(.typeanot) .lang a{
    color: #333333;
  }
  .lang{
    margin-right: 0;
  }
}
@media (max-width: 540px){
  .lang a{
    font-size: 14px;
  }
  .lang dt a{
    font-size: 12px;
  }
  .lang dt{
    line-height: 10px;
  }
}


/* 模板：AdminBuy.Cn */
/* QQ：9490489 */
@charset "UTF-8";body,
html{width: 100%}
input::-ms-clear,
input::-ms-reveal{display: none}
*,
:after,
:before{box-sizing: inherit}
html{font-family: sans-serif;line-height: 1.15;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: scrollbar;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
@-ms-viewport{width: device-width}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section{display: block}
body{margin: 0;color: rgba(0, 0, 0, .6);font-size: 14px;font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Arial, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-variant: tabular-nums;font-weight: 400;line-height: 1.5715;background-color: #fff;font-feature-settings: "tnum"}
[tabindex="-1"]:focus{outline: none!important}
hr{box-sizing: content-box;height: 0;overflow: visible}
h1,
h2,
h3,
h4,
h5,
h6{color: rgba(0, 0, 0, .6);font-weight: 500}
h1,
h2,
h3,
h4,
h5,
h6,
p{margin-top: 0;margin-bottom: 0}
abbr[data-original-title],
abbr[title]{text-decoration: underline;-webkit-text-decoration: underline dotted;text-decoration: underline dotted;border-bottom: 0;cursor: help}
address{margin-bottom: 1em;font-style: normal;line-height: inherit}
input[type=number],
input[type=password],
input[type=text],
textarea{-webkit-appearance: none}
dl,
ol,
ul{margin-top: 0;margin-bottom: 1em}
ol ol,
ol ul,
ul ol,
ul ul{margin-bottom: 0}
dt{font-weight: 500}
dd{margin-bottom: .5em;margin-left: 0}
blockquote{margin: 0 0 1em}
dfn{font-style: italic}
b,
strong{font-weight: bolder;color: #fff}
small{font-size: 80%}
sub,
sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline}
sub{bottom: -.25em}
sup{top: -.5em}
a{color: rgba(0, 0, 0, .6);text-decoration: none;background-color: transparent;outline: none;cursor: pointer;transition: color .3s;-webkit-text-decoration-skip: objects}
a:focus{text-decoration: none;-webkit-text-decoration-skip: ink;text-decoration-skip-ink: auto}
a:hover{text-decoration: none;outline: 0}
code,
kbd,
pre,
samp{font-size: 1em;font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace}
pre{margin-top: 0;margin-bottom: 1em;overflow: auto}
figure{margin: 0 0 1em}
img{vertical-align: middle;border-style: none}
svg:not(:root){overflow: hidden}
[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea{touch-action: manipulation}
table{border-collapse: collapse}
caption{padding-top: .75em;padding-bottom: .3em;color: rgba(0, 0, 0, .45);text-align: left;caption-side: bottom}
th{text-align: inherit}
button,
input,
optgroup,
select,
textarea{margin: 0;color: inherit;font-size: inherit;font-family: inherit;line-height: inherit}
button,
input{overflow: visible}
button,
select{text-transform: none}
[type=reset],
[type=submit],
button,
html [type=button]{-webkit-appearance: button}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner{padding: 0;border-style: none}
input[type=checkbox],
input[type=radio]{box-sizing: border-box;padding: 0}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time]{-webkit-appearance: listbox}
textarea{overflow: auto;resize: vertical}
fieldset{min-width: 0;margin: 0;padding: 0;border: 0}
legend{display: block;width: 100%;max-width: 100%;margin-bottom: .5em;padding: 0;color: inherit;font-size: 1.5em;line-height: inherit;white-space: normal}
progress{vertical-align: baseline}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height: auto}
[type=search]{outline-offset: -2px;-webkit-appearance: none}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-file-upload-button{font: inherit;-webkit-appearance: button}
output{display: inline-block}
summary{display: list-item}
template{display: none}
[hidden]{display: none!important}
mark{padding: .2em;background-color: #feffe6}
::-moz-selection{color: #fff;background: #1E7BC1}
::selection{color: #fff;background: #1E7BC1}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{font-family: inherit;font-weight: 400;line-height: 1.3;color: inherit;margin-bottom: 0}
.h1{font-size: 40px}
.h2{font-size: 28px}
.h3{font-size: 24px}
.h4{font-size: 20px}
.h5{font-size: 18px}
.h6{font-size: 16px}
hr{margin-top: 16px;margin-bottom: 16px;border: 0;border-top: 1px solid rgba(0, 0, 0, .1)}
.clearfix:after,
.clearfix:before{content: " ";display: table}
.clearfix:after{clear: both}
.center-block{display: block;margin-left: auto;margin-right: auto}
.pull-right{float: right}
.pull-left{float: left}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}
.sr-only-focusable:active,
.sr-only-focusable:focus{position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto}
.invisible{visibility: hidden}
.text-hide{font: "0/0", a;color: transparent;text-shadow: none;background-color: transparent;border: 0}
.text-left{text-align: left}
.text-right{text-align: right}
.text-center{text-align: center}
.text-justify{text-align: justify;text-justify: inter-ideograph}
.text-nowrap,
.text-truncate{white-space: nowrap}
.text-truncate{overflow: hidden;text-overflow: ellipsis}
.text-lowercase{text-transform: lowercase}
.text-uppercase{text-transform: uppercase}
.text-capitalize{text-transform: capitalize}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.overflow-hidden{overflow: hidden}
::-webkit-scrollbar{background: #f4f4f4;width: 8px;height: 8px}
::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, .2);width: 8px;height: 8px;border-radius: 8px}
::-webkit-scrollbar-track{border-radius: 8px}
input:-webkit-autofill{box-shadow: inset 0 0 0 1000px #fff!important}
svg.icon{width: 1em;height: 1em;vertical-align: -.15em;fill: currentColor;overflow: hidden}
.unable-to-interact{cursor: not-allowed;pointer-events: none}
@media only screen and (max-width:1440px){.h1{font-size: 32px}
.h2{font-size: 26px}
.h3{font-size: 22px}
.h4{font-size: 18px}
.h5{font-size: 16px}
.h6{font-size: 14px}}
@media only screen and (max-width:960px){.h1{font-size: 26px}
.h2{font-size: 21px}
.h3{font-size: 18px}
.h4{font-size: 16px}
.h5{font-size: 15px}}
@media only screen and (max-width:640px){.h1{font-size: 22px}
.h2{font-size: 19px}
.h3{font-size: 16px}
.h4{font-size: 15px}
.h5{font-size: 14px}
.h6{font-size: 13px}}
@-webkit-keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@keyframes fadeIn{0%{opacity: 0}
to{opacity: 1}}
@-webkit-keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@keyframes fadeOut{0%{opacity: 1}
to{opacity: 0}}
@-webkit-keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
@keyframes scaleIn{0%{transform: scale(.88)}
to{transform: scale(1)}}
.v-container{opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s}
.v-container.ready{opacity: 1;visibility: visible}
.el-message-box{max-width: 94%}
@media only screen and (max-width:640px){.el-cascader-menu{min-width: 100px}
.el-cascader-menu .el-cascader-node__label{font-size: 12px}
.el-cascader-menu .el-cascader-node__postfix{right: 6px;font-size: 12px}
.el-cascader-menu .el-cascader-node__prefix{left: 6px;font-size: 12px;display: none}
.el-cascader-menu .el-cascader-node{padding: 0 16px 0 0;line-height: 28px;height: 28px}}
.iconfont{font-family: iconfont!important;font-size: inherit;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.magnifierRentgen{box-sizing: border-box;overflow: hidden;position: relative;width: 100%}
.magnifierRentgen .magnifier-loupe{overflow: hidden;position: absolute;border-radius: 50%;top: 0;left: 0;box-shadow: 0 0 8px rgba(0, 0, 0, .3);cursor: none;transform: scale(1);display: none}
.c-notification{position: fixed;right: 0;top: 24px;z-index: 9999;max-width: calc(100vw - 32px);margin-right: 24px}
.c-notification-notice{position: relative;padding: 16px 24px;width: 384px;margin-bottom: 16px;margin-left: auto;overflow: hidden;background: #fff;border-radius: 2px;box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);-webkit-animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: NotificationFadeIn .2s cubic-bezier(.645, .045, .355, 1)}
.c-notification-notice .c-notification-notice-content{position: relative}
.c-notification-notice .c-notification-notice-with-icon{padding-left: 48px}
.c-notification-notice .c-notification-notice-with-icon .c-notification-notice-description{margin-top: 4px}
.c-notification-notice .c-notification-notice-icon{position: absolute;left: 0;margin-left: 4px;font-size: 24px;line-height: 24px}
.c-notification-notice .c-notification-notice-icon .icon-success{color: #52c41a}
.c-notification-notice .c-notification-notice-icon .icon-info{color: #1890ff}
.c-notification-notice .c-notification-notice-icon .icon-warning{color: #faad14}
.c-notification-notice .c-notification-notice-icon .icon-error{color: #ff4d4f}
.c-notification-notice .c-notification-notice-message{color: rgba(0, 0, 0, .85);font-size: 16px;line-height: 24px;padding-right: 24px}
.c-notification-notice .c-notification-notice-description{font-size: 14px;margin-top: 8px}
.c-notification-notice .c-notification-notice-close{position: absolute;top: 20px;right: 24px;color: #000;outline: none;font-size: 16px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s}
.c-notification-notice .c-notification-notice-close:hover{opacity: 1}
@-webkit-keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
@keyframes NotificationFadeIn{0%{left: 384px;opacity: 0}
to{left: 0;opacity: 1}}
.c-modal{position: relative;z-index: 1;background-color: #fff;margin: 0 auto;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);-webkit-animation: scaleIn .2s ease-in;animation: scaleIn .2s ease-in;border-radius: 5px;overflow: hidden}
.c-modal-wrap{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;display: flex;flex-wrap: wrap;align-items: center;-webkit-animation: fadeIn .2s ease-in;animation: fadeIn .2s ease-in;transition: opacity .2s, visibility .2s}
.c-modal-wrap.c-modal-wrap-hide{opacity: 0;visibility: hidden}
.c-modal-mask{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-color: rgba(0, 0, 0, .45);cursor: pointer}
.c-modal-content{max-width: 92vw;max-height: 84vh;overflow-y: auto}
.c-modal-close{position: absolute;right: 20px;top: 20px;z-index: 2;font-size: 24px;line-height: 1;cursor: pointer;opacity: .5;transition: opacity .3s, transform .3s;color: #000}
.c-modal-content-img a{display: block}
.c-modal-content-img img{max-width: 100%}
.c-modal-content-video video{width: 800px;max-width: 100%;display: block}
.c-modal-content-videojs{width: 800px;padding-bottom: 56.25%;max-width: 100%}
.c-modal-content-videojs .video-js{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0}
.shop-modal .c-modal{width: 560px;max-width: 92%;padding: 48px 2% 60px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);text-align: center}
.shop-modal .c-modal-content{max-width: 100%;max-height: 100%}
.shop-modal .c-modal-mask{opacity: 0}
.shop-modal .title{font-size: 20px;color: #000;margin-bottom: 4px}
.shop-modal .tit{color: #999}
.shop-modal .list{margin-top: 40px;justify-content: space-between}
.shop-modal .icon{width: 120px;display: block;margin-bottom: 12px}
.login-modal .c-modal{width: 450px;max-width: 92%;padding: 50px 60px;text-align: center}
.login-modal .c-modal-content{max-width: 100%;max-height: 100%}
.login-modal .c-modal-close{display: none}
.login-modal .title{font-size: 22px;color: #000;font-weight: 500;margin-bottom: 40px}
.login-modal .header{justify-content: center;font-size: 18px;border-bottom: 1px solid #eee;margin-bottom: 24px}
.login-modal .header .item{margin-right: 60px;font-weight: 500;color: #000;padding: 0 12px 12px;position: relative;cursor: pointer}
.login-modal .header .item.active{color: #1E7BC1}
.login-modal .header .item.active:after{opacity: 1}
.login-modal .header .item:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background-color: #1E7BC1;opacity: 0}
.login-modal .header .item:last-of-type{margin-right: 0}
.login-modal .links{justify-content: space-between;padding-top: 4px}
.login-modal .form{text-align: left;font-size: 14px}
.login-modal .form ::-moz-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form ::-webkit-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form :-ms-input-placeholder{color: rgba(0, 0, 0, .3)}
.login-modal .form .item{margin-bottom: 16px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #eee}
.login-modal .form .item.mb0{margin-bottom: 0}
.login-modal .form .label{width: 64px;line-height: 44px;padding: 0 8px}
.login-modal .form .input{width: calc(100% - 64px);height: 44px;border: none;padding: 0;outline: none;background: none;color: #000;font-size: 14px}
.login-modal .form .submit{background: #1E7BC1;border: none;outline: none;padding: 0;width: 100%;height: 48px;color: #fff;font-size: 18px;cursor: pointer}
.login-modal .social{margin-top: 40px}
.login-modal .social .tit{text-align: center;justify-content: center;position: relative;font-size: 16px;margin-bottom: 30px}
.login-modal .social .tit:after{content: "";position: absolute;width: 100%;height: 1px;z-index: 0;background-color: #e8e8e8}
.login-modal .social .tit span{padding: 0 16px;background-color: #fff;position: relative;z-index: 1}
.login-modal .social .btns{justify-content: center}
.login-modal .social .btn{font-size: 20px;width: 36px;line-height: 36px;height: 36px;text-align: center;color: #fff;border-radius: 50%;background-color: #6fa3f5;margin-right: 24px}
.login-modal .social .btn:last-of-type{margin-right: 0}
.login-modal .social .btn.weixin{background-color: #49b844}
.login-modal .social .btn.weibo{background-color: #e6162d}
@media only screen and (min-width:961px){.c-modal-close:hover{opacity: 1;transform: rotate(180deg)}}
@media only screen and (max-width:1440px){.login-modal .title{font-size: 20px;margin-bottom: 30px}
.login-modal .header{margin-bottom: 16px}
.login-modal .header .item{margin-right: 48px;padding: 0 8px 8px;font-size: 16px}
.login-modal .c-modal{width: 400px;padding: 40px}
.login-modal .form .submit{line-height: 44px;font-size: 16px}
.login-modal .social{margin-top: 30px}
.login-modal .social .tit{font-size: 14px;margin-bottom: 24px}}
@media only screen and (max-width:640px){.c-modal-content{max-width: 80vw;max-height: 72vh}
.c-modal-close{padding: 4px;top: 16px;right: 16px}
.shop-modal .c-modal{padding: 32px 4% 40px}
.shop-modal .title{font-size: 18px}
.shop-modal .tit{font-size: 12px}
.shop-modal .item{width: 27%;font-size: 12px}
.shop-modal .icon{width: 100%;margin-bottom: 8px}
.shop-modal .list{margin-top: 28px}
.login-modal .title{font-size: 18px;margin-bottom: 24px}
.login-modal .c-modal{padding: 32px}}
.c-empty{padding: 40px 0;font-size: 14px;text-align: center;color: rgba(0, 0, 0, .25)}
.c-empty-image{height: 40px;margin-bottom: 8px}
.c-empty-image svg{height: 100%}
.c-empty-img-simple .c-empty-img-simple-ellipse{fill: #f5f5f5}
.c-empty-img-simple .c-empty-img-simple-g{stroke: #d9d9d9}
.c-empty-img-simple .c-empty-img-simple-path{fill: #fafafa}
.c-empty-footer{margin-top: 16px}
.c-pagination{display: flex;flex-wrap: wrap;align-items: flex-start;margin-top: 30px;justify-content: flex-start;font-weight: 400}
.c-pagination.center{justify-content: center}
.c-pagination.type-a .c-pagination-item{background: none;color: #fff}
.c-pagination.type-a .c-pagination-item.active{background-color: #1E7BC1}
.c-pagination-item{display: block;font-size: 14px;line-height: 28px;background: #fff;border: 1px solid #ddd;padding: 0 10px;margin-right: 8px;margin-top: 8px;color: #999;transition: all .3s ease-out}
.c-pagination-item.disabled{cursor: not-allowed;color: #999;opacity: .4}
.c-pagination-item:last-of-type{margin-left: 0}
.c-pagination-item.active{color: #fff;background-color: #1E7BC1;border-color: #1E7BC1}
@media only screen and (min-width:641px){.c-pagination-item:not(.disabled):hover{color: #fff;background-color: #1E7BC1;border-color: #1E7BC1}}
@media only screen and (max-width:640px){.c-pagination{margin-top: 24px}}
.c-dropdown{position: absolute;z-index: 0;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;padding: 10px}
.c-dropdown:after,
.c-dropdown:before{content: "";position: absolute;z-index: 1;width: 0;height: 0}
.c-dropdown-wrap{position: relative;z-index: 1}
.c-dropdown-main{border: 1px solid #ebeef5;z-index: 0;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)}
.c-dropdown-main,
.c-dropdown-menu{background-color: #fff;position: relative}
.c-dropdown-menu{padding: 6px 0;text-align: left;outline: none;min-width: 120px}
.c-dropdown-menu-item{padding: 6px 12px;display: block;color: rgba(0, 0, 0, .65);background-color: #fff;font-size: 14px;transition: background-color .3s}
.c-dropdown-menu-item:hover{background-color: #f5f5f5}
.c-dropdown-placement-bottomCenter{bottom: 0;left: 50%;transform: translate(-50%, 100%)}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomCenter:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomCenter:after,
.c-dropdown-placement-bottomCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-bottomLeft{bottom: 0;left: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomLeft:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomLeft:after,
.c-dropdown-placement-bottomLeft:before{left: 24px}
.c-dropdown-placement-bottomRight{bottom: 0;right: -10px;transform: translateY(100%)}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{top: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ebeef5}
.c-dropdown-placement-bottomRight:after{top: 4px;border-bottom: 7px solid #fff}
.c-dropdown-placement-bottomRight:after,
.c-dropdown-placement-bottomRight:before{right: 24px}
.c-dropdown-placement-topCenter{top: 0;left: 50%;transform: translate(-50%, -100%)}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topCenter:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topCenter:after,
.c-dropdown-placement-topCenter:before{left: 50%;margin-left: -6px}
.c-dropdown-placement-topLeft{top: 0;left: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topLeft:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topLeft:after,
.c-dropdown-placement-topLeft:before{left: 24px}
.c-dropdown-placement-topRight{top: 0;right: -10px;transform: translateY(-100%)}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{bottom: 2px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #ebeef5}
.c-dropdown-placement-topRight:after{bottom: 4px;border-top: 7px solid #fff}
.c-dropdown-placement-topRight:after,
.c-dropdown-placement-topRight:before{right: 24px}
.c-dropdown-placement-leftCenter{left: 0;padding: 20px;top: 50%;transform: translate(-100%, -50%)}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftCenter:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftCenter:after,
.c-dropdown-placement-leftCenter:before{top: 50%;margin-top: -6px}
.c-dropdown-placement-leftTop{left: 0;padding: 20px;top: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftTop:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftTop:after,
.c-dropdown-placement-leftTop:before{top: 40px}
.c-dropdown-placement-leftBottom{left: 0;padding: 20px;bottom: -20px;transform: translateX(-100%)}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{right: 12px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 8px solid #ebeef5}
.c-dropdown-placement-leftBottom:after{right: 14px;border-left: 7px solid #fff}
.c-dropdown-placement-leftBottom:after,
.c-dropdown-placement-leftBottom:before{bottom: 40px}
@media only screen and (min-width:961px){.c-dropdown-wrap:hover .c-dropdown{opacity: 1;visibility: visible}}
@media only screen and (max-width:960px){.c-dropdown-wrap .c-dropdown{opacity: 1;visibility: visible;display: none}
.c-dropdown-wrap.mOn .c-dropdown{display: block;-webkit-animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1);animation: fadeIn .2s cubic-bezier(.645, .045, .355, 1)}}
.crumb-nav{font-size: 14px}
.crumb-nav-link{color: #aaa;position: relative;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;flex-wrap: wrap;align-items: center;margin-right: 10px}
.crumb-nav-link:after{content: "\E6A4";font-family: iconfont!important;font-size: 12px;line-height: 1;font-style: normal;margin-left: 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.crumb-nav-active{max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333}
@media only screen and (max-width:640px){.crumb-nav{font-size: 12px}}
.sy-ban .swiper-container{opacity: 0;transition: opacity .4s ease}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container.btn-typea .swiper-button-prev{left: 0;transform: translateX(-60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next{right: 0;transform: translateX(60px);background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}
.sy-ban .swiper-container.btn-typea .swiper-button-next,
.sy-ban .swiper-container.btn-typea .swiper-button-prev{outline: none;width: 44px;height: 100px;margin-top: -50px;background-color: rgba(0, 0, 0, .3);background-size: 12px 20px;background-position: 50%;transition: background-color .3s, opacity .3s, transform .3s}
.sy-ban .swiper-container.btn-typea .swiper-button-next:hover,
.sy-ban .swiper-container.btn-typea .swiper-button-prev:hover{background-color: #1E7BC1}
.swiper-slide{box-sizing: border-box;overflow: hidden}
.swiper-button-next,
.swiper-button-prev{outline: none}
.swiper-pagination.typea{bottom: 6%;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typea .swiper-pagination-bullet{width: 16px;height: 16px;border: 1px solid transparent;background-color: transparent;opacity: 1;position: relative;transition: all .3s}
.swiper-pagination.typea .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background-color: #fff;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;margin: -3px 0 0 -3px;transform: scale(.85)}
.swiper-pagination.typea .swiper-pagination-bullet-active{border-color: #fff;background-color: transparent}
.swiper-pagination.typea.swiper-pagination-bullets .swiper-pagination-bullet{}
.swiper-pagination.typeb{position: relative;bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 28px}
.swiper-pagination.typeb .swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid transparent;opacity: 1;background-color: transparent;position: relative;transition: all .3s;outline: none}
.swiper-pagination.typeb .swiper-pagination-bullet:after{content: "";position: absolute;left: 50%;top: 50%;width: 4px;height: 4px;margin: -2px 0 0 -2px;background-color: #ddd;border-radius: 50%;overflow: hidden;opacity: 1;transition: opacity .3s;transform-origin: 50% 50%;transform: scale(1.5);transition: all .3s}
.swiper-pagination.typeb .swiper-pagination-bullet-active{border-color: #1E7BC1;background-color: transparent;opacity: 1}
.swiper-pagination.typeb .swiper-pagination-bullet-active:after{background-color: #1E7BC1;transform: scale(1)}
.swiper-pagination.typeb.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination{bottom: 5%}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet{}
.sy-ban .swiper-container-horizontal>.svg-swiper-pagination .swiper-pagination-bullet:last-child{padding-right: 0;background: none;}
.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}
.sy-ban .swiper-container-horizontal>.index-solution-pagination .swiper-pagination-bullet{margin: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination{width: 120px;bottom: 0}
.sy-ban .swiper-container-horizontal>.index-product-pagination .swiper-pagination-bullet{margin: 0}
.svg-swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../fonts/1f7feb841afc4815923a24b2a518e0bb.svg) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .3s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@media only screen and (min-width:961px){.sy-ban .swiper-container.btn-typea:hover .swiper-button-next,.sy-ban .swiper-container.btn-typea:hover .swiper-button-prev{transform: translateX(0)}}
@media only screen and (max-width:1280px){.sy-ban .swiper-container-horizontal>.index-solution-pagination{bottom: 6%}}
@media only screen and (max-width:1200px){.index-solution-pagination{padding: 0}
.index-solution-pagination .box{justify-content: center}
.index-solution-pagination .hr,.index-solution-pagination .picture,.index-solution-pagination .tit{display: none}
.index-solution-pagination .spot{background-color: #fff}
.index-solution-pagination .spot:after,.index-solution-pagination .spot:before{display: none}
.index-solution-pagination .swiper-pagination-bullet{width: 24px;height: 24px}}
.editor-detail{color: rgba(0, 0, 0, .65);font-size: 15px;line-height: 2;text-align: justify;text-justify: inter-ideograph}
.editor-detail h3{font-size: 24px;font-weight: 500;color: #333;line-height: 1.4;margin-bottom: 16px}
.editor-detail h5{font-size: 16px;font-weight: 500;color: #000}
.editor-detail hr{margin: 24px 0}
.editor-detail p{padding: 1px 0}
.editor-detail ul{list-style: none;-webkit-padding-start: 0;padding-inline-start: 0;margin-bottom: 0}
.editor-detail ul li:before{box-sizing: border-box;content: "\2022";display: inline-block;font-size: 17px;margin-left: -24px;padding-right: 11px;text-align: right;font-weight: 700;width: 24px}
.editor-detail ul p{margin: 0}
.editor-detail ol{list-style: decimal}
.editor-detail li{margin-left: 24px;padding-top: 2px}
.editor-detail a{text-decoration: none}
.editor-detail blockquote{background-color: #f2f5fb;padding: 5px 20px;margin-left: 0;margin-right: 0;color: #243342;border-left: 5px solid #d0d6dc}
.editor-detail img{max-width: 100%}
.editor-detail.img-center img{display: block;margin: 0 auto}
.editor-detail.img-mg img{display: block;margin: 15px auto}
.editor-detail.word-type{text-indent: 2em}
.editor-detail.word-type p{margin: 20px 0}
.editor-detail.word-type p img{display: block;margin: 0 auto}
.editor-detail.word-type p:first-of-type{margin-top: 0}
.editor-detail.no-spacing p{margin: 0!important}
.article-page01{background-color: #f9f9f9;padding: 32px 0 80px}
.article-page01 .wrap{padding: 50px 64px 80px;background-color: #fff}
.article-page01 .title{font-weight: 700;color: #000;margin-bottom: 30px}
.article-page01 .content h5{font-weight: 700}
@media only screen and (max-width:1024px){.article-page01{padding: 0}
.article-page01 .wrap{width: 100%;padding: 40px 3% 0}
.article-page01 .title{margin-bottom: 20px}}
@media only screen and (max-width:640px){.editor-detail{font-size: 14px;line-height: 1.8}
.editor-detail h3{font-size: 18px;margin-bottom: 10px}
.editor-detail hr{margin: 18px 0}
.editor-detail.img-mg img{margin: 10px auto}
.editor-detail.word-type p{margin: 10px 0}}
/* body{opacity: 0;transition: opacity .3s}
body.isReady{opacity: 1} */
.page-main{overflow: hidden}
.page-pd-sm{padding: 64px 0}
.page-pd{padding: 90px 0}
.page-pd-plus{padding: 120px 0}
.c-imghover{overflow: hidden}
.c-imghover .c-imghover-item{transition: transform .4s ease-out}
.page-dw{position: absolute;left: 0;top: -100px;z-index: -1}
@media only screen and (min-width:961px){.c-imghover:hover .c-imghover-item{transition: transform 1s ease-out;transform: scale(1.1)}}
@media only screen and (max-width:1440px){.page-pd-sm{padding: 48px 0}
.page-pd{padding: 72px 0}
.page-pd-plus{padding: 100px 0}
.page-dw{top: -80px}}
@media only screen and (max-width:1200px){.page-pd-sm{padding: 40px 0}
.page-pd{padding: 60px 0}
.page-pd-plus{padding: 80px 0}}
@media only screen and (max-width:960px){.page-main{}
.page-pd-sm{padding: 30px 0}
.page-pd{padding: 48px 0}
.page-pd-plus{padding: 60px 0}
.page-dw{top: -60px}}
@media only screen and (max-width:640px){.page-pd-sm{padding: 24px 0}
.page-pd{padding: 40px 0}
.page-pd-plus{padding: 48px 0}}
.page-header{width: 100%;padding: 0 4%;position: fixed;left: 0;top: 0;z-index: 999;background-color: #fff;transition: transform .3s, background-color .3s ease-in, opacity .3s .3s}
.page-header.type-search .other,
.page-header.type-search .page-nav{opacity: 0;visibility: hidden}
.page-header.type-search .header-search{transform: translateY(0);opacity: 1;transition: opacity .3s, transform .3s}
.page-header.type-search .main{opacity: 1;transform: scaleY(1);transition-delay: 0s}
.page-header:after{content: "";position: absolute;left: 0;bottom: 0;z-index: 0;width: 100%;height: 1px;background-color: #333;opacity: .1;transition: opacity .3s}
.page-header .other{transition: opacity .3s, visibility .3s}

.page-header .language{margin-right: 16px}
.page-header .language .title{cursor: pointer;padding-right: 14px}
.page-header .language .title:after{content: "";position: absolute;right: 0;top: 50%;margin-top: -2px;z-index: 1;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid rgba(0, 0, 0, .6)}
.page-header .language .c-dropdown-menu{min-width: 90px;text-align: center}
.page-header .search,
.page-header .user{font-size: 16px;cursor: pointer}
.page-header .search:hover,
.page-header .user:hover{color: #1E7BC1}
.page-header .hr{width: 1px;height: 12px;background-color: #ccc;margin: 0 12px}
.page-header .shop{line-height: 16px;padding: 8px 16px;background-image: linear-gradient(#3f76fe, #2141c0);color: #fff;border-radius: 16px;margin-left: 48px}
.page-header .shop .iconfont{font-size: 16px;margin-right: 4px}
.page-header .shop .title:after{content: "";display: block;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;margin-left: 4px}
.page-header .shop .logo{height: 24px;display: block;margin: 0 auto}
.page-header .shop .c-dropdown-menu-item{padding: 8px 20px}
.page-header-zw{height: 80px;display: none}
.page-header-zw.show,
.page-logo{display: block}
.page-logo{position: relative}
.page-logo .img,.page-logo .img-w{transition: opacity .3s;}
.page-logo .img-w{position: absolute;left: 0;top: 0;z-index: 0;opacity: 0;transform: translateY(-200px);filter: drop-shadow(#fff 0 200px);}
.page-nav{margin-left: auto;position: relative;z-index: 1;transition: opacity .3s, visibility .3s}
.page-nav .item{margin-right: 60px;position: relative}
.page-nav .item.on .link{color: #1E7BC1}
.page-nav .item.on .link:after{transform: scaleX(1);opacity: 1}
.page-header .item:last-child:before{content: '';display: block;width: 20px;height:20px;background-size:100% 100%;position:absolute;left:-10px;top:50%;margin-top:-10px;}
.page-header.typea .item:last-child:before{background-size:100% 100%;}
.page-header .item:last-child:hover:before{background-size:100% 100%;}
.page-nav .link{max-width: 120px;height: 80px;display: flex;flex-wrap: wrap;align-items: center;text-align: center;position: relative;padding: 0!important;font-size: 20px;color: #333;text-transform: uppercase;line-height: 80px;overflow: hidden;}
.page-nav .link:after{content: "";position: absolute;left: 0;bottom: 0;background: #1E7BC1;width: 100%;height: 4px;transform: scaleX(0);opacity: 0;transition: opacity .3s, transform .3s}
.page-subnav{position: absolute;left: 0;top: 80px;width: 210px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);opacity: 0;visibility: hidden;transform: scaleY(0);transform-origin: center top;transition: transform .3s, opacity .3s, visibility .3s;}
.page-subnav .slink{display: block;font-size: 16px;padding: 0 16px;color: #666;background: #fff;position: relative;transition: background-color .4s, color .4s;text-align: left;font-family: Arial;height: 42px;line-height: 42px;overflow: hidden;}
.page-subnav .slink:before{content: "";display: block;height: 1px;background: #f6f6f6;position: absolute;top: 0;left: 10%;width: 80%}
.page-subnav .slink:first-of-type:before{opacity: 0}
.page-subnav .slink:hover{background: #f6f6f6;color: #1E7BC1}
.header-search{position: absolute;top: 0;left: 50%;width: 700px;margin-left: -350px;z-index: 1;opacity: 0;transform: translateY(-100%);transition: opacity .3s, transform .3s}
.header-search .form{padding: 25px 20px;background-color: #fff}
.header-search .submit{background: url(../images/icon-search.png) no-repeat 50%;border: none;outline: none;padding: 0;width: 24px;height: 50px;background-size: 22px;cursor: pointer}
.header-search .input{width: calc(100% - 48px);height: 50px;border: none;padding: 0 20px;font-size: 16px;outline: none;color: #333}
.header-search .main{position: absolute;left: 0;top: 100px;z-index: 0;padding: 20px 32px;width: 100%;background-color: #fff;border-top: 1px solid #eee;transform: scaleY(0);transform-origin: center top;opacity: 0;transition: opacity .3s, transform .3s}
.header-search .tit{font-size: 12px;color: #999;margin-bottom: 20px}
.header-search .item{margin-bottom: 12px}
.header-search .search-off{width: 24px;font-size: 24px;text-align: center;line-height: 1;cursor: pointer}
.header-search-bg{position: fixed;left: 0;bottom: 0;z-index: 8;background-color: #000;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity .6s, visibility .6s;cursor: pointer}
.header-search-bg.show{opacity: .5;visibility: visible}
.page-nava{position: fixed;left: 0;top: 0;z-index: 7;width: 100%;height: 100%;transition: opacity .4s ease-out, visibility .4s ease-out;opacity: 0;visibility: hidden;background-color: #fff}
.page-nava.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item{padding: 100px 4% 40px;height: calc(100vh - 50px);align-items: flex-start;position: absolute;left: 0;top: 100px;z-index: 1;width: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .4s ease-out, visibility .4s ease-out}
.page-nava .item.on{opacity: 1;visibility: visible;transition-timing-function: ease-in}
.page-nava .item.on .main,
.page-nava .item.on .side{transform: translateY(0);transition-timing-function: ease-in}
.page-nava .side{width: 28%;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .side .sitem{display: flex;flex-wrap: wrap;overflow: hidden}
.page-nava .side .link{font-size: 32px;font-weight: 300;color: grey;position: relative;line-height: 1.25;padding-bottom: 10px;margin-bottom: 40px;padding-left: 20px;transform: translateX(-20px);transition: transform .3s, color .3s;letter-spacing: 2px}
.page-nava .side .link:after{content: "";position: absolute;left: 0;bottom: 0;width: 54px;height: 2px;background-color: grey;transform-origin: left center;transition: width .3s, background-color .3s}
.page-nava .main{width: 72%;padding-right: 110px;align-items: flex-start;justify-content: space-between;position: relative;transform: translateY(50px);transition: transform .4s ease-out}
.page-nava .main .block{width: calc(50% - 20px);display: flex;flex-wrap: wrap;justify-content: space-between}
.page-nava .main .tit{font-size: 16px;margin-top: 18px;width: 100%}
.page-nava .close{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: absolute;right: 4%;top: 30px;z-index: 0;width: 50px;height: 50px;font-size: 20px;color: #444;cursor: pointer}
.page-nava .close:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid rgba(0, 0, 0, .15);border-radius: 50%;transition: transform .3s}
.page-nava .box1{position: relative;display: block;margin-top: 40px;overflow: hidden}
.page-nava .box1:first-of-type{margin-top: 0}
.page-nava .box1:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;background-color: rgba(0, 0, 0, .33);opacity: 0;transition: opacity .3s}
.page-nava .box1 .img{width: 100%;transition: transform .3s;position: relative;z-index: 0}
.page-nava .box1 .btn{width: 168px;line-height: 48px;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -84px;margin-top: -24px;background-color: #1E7BC1;color: #fff;text-align: center;border-radius: 24px;font-size: 17px;transform: translateY(50px);opacity: 0;transition: transform .3s, opacity .3s}
.page-nava .box1 .title{font-size: 24px;color: #fff;padding: 24px 30px}
.page-nava .box1 .title,
.page-nava .box1:before{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%}
.page-nava .box1:before{content: "";height: 40%;opacity: .4;background-image: linear-gradient(transparent, #000)}
.page-nava .wrap1{width: calc(50% - 20px);margin-top: 40px}
.page-nava .wrap1:first-of-type,
.page-nava .wrap1:nth-of-type(2){margin-top: 0}
.page-nava .box2{display: block;background-color: #f4f4f4;position: relative;padding-bottom: 100%;overflow: hidden}
.page-nava .box2 .img{max-width: 70%;max-height: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform .3s ease-out}
@media only screen and (min-width:1025px){.page-header.typea:not(.typeanot){background-color: transparent;}
.page-header.typea:not(.typeanot) .page-nav .item:nth-child(2) .link{background: url(../images/ic08.png) no-repeat right;}
.page-header.typea:not(.typeanot):hover .page-nav .item:nth-child(2) .link{background: url(../images/ic07.png) no-repeat right;}
.page-header.typea:not(.typeanot):after{background-color: #fff;opacity: .3;}
.h-lang a{color: #333;border: 1px solid #333;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.h-lang a:hover,.page-header.typea:not(.typeanot):hover .h-lang a:hover{border: 1px solid #1E7BC1;background: #1E7BC1;color: #fff;}
.page-header.typea:not(.typeanot) .h-lang a{color: #fff;border: 1px solid #fff;font-size: 16px;width: 70px;height: 30px;border-radius: 18px;line-height: 30px;display: block;text-align: center;}
.page-header.typea:not(.typeanot):hover .h-lang a{color: #333;border: 1px solid #333;}
.page-header.typea:not(.typeanot) .xiala-fl{background: url(../images/ic15.png) no-repeat center;}
.page-header.typea:not(.typeanot):hover .xiala-fl{background: url(../images/ic14.png) no-repeat center;}
.page-header.typea:not(.typeanot) .page-logo .img{opacity: 0}
.page-header.typea:not(.typeanot) .page-logo .img-w{opacity: 1}
.page-header.typea:not(.typeanot) .language .title,.page-header.typea:not(.typeanot) .page-nav .link{color: #fff}
.page-header.typea:not(.typeanot) .language .title:after{border-top-color: #fff}
.page-header.typea:not(.typeanot) .search,.page-header.typea:not(.typeanot) .user{color: #fff}
.page-header.typea:not(.typeanot) .hr,.page-header.typea:not(.typeanot):hover{background-color: #fff}
.page-header.typea:not(.typeanot):hover:after{opacity: .1}
.page-header.typea:not(.typeanot):hover .page-logo .img{opacity: 1}
.page-header.typea:not(.typeanot):hover .page-logo .img-w{opacity: 0}
.page-header.typea:not(.typeanot):hover .page-nav .link{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .page-nav .item.on .link,.page-header.typea:not(.typeanot):hover .page-nav .link:hover{color: #1E7BC1}
.page-header.typea:not(.typeanot):hover .language .title{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .language .title:after{border-top-color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .search,.page-header.typea:not(.typeanot):hover .user{color: rgba(0, 0, 0, .6)}
.page-header.typea:not(.typeanot):hover .hr{background-color: #ccc}
.page-nav .item:hover .link{color: #1E7BC1}
.page-nav .item:hover .link:after{transform: scaleX(1);opacity: 1}
.page-nav .item:hover .page-subnav{transform: scaleY(1);opacity: 1;visibility: visible}
.page-nava .side .link:hover{transform: translateX(0);color: #1E7BC1}
.page-nava .side .link:hover:after{width: 100%;background-color: #1E7BC1}
.page-nava .close:hover:after{transform: scale(1.1)}
.page-nava .box1:hover:after{opacity: 1}
.page-nava .box1:hover .btn{opacity: 1;transform: translateY(0)}
.page-nava .box1:hover .img{transform: scale(1.1)}
.page-nava .box2:hover .img{transform: translate(-50%, -50%) scale(1.1)}}
@media only screen and (max-width:1600px){.page-header{padding: 0 3%}
.page-nav .item{margin-right: 40px}
.page-nava .item{padding: 80px 3% 30px}
.page-nava .side .link{font-size: 28px;margin-bottom: 32px}
.page-nava .side .link:after{width: 48px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 128px;line-height: 40px;border-radius: 20px;font-size: 15px}
.page-nava .main .block{width: calc(50% - 17px)}
.page-nava .box1,.page-nava .wrap1{margin-top: 34px}
.page-nava .close{right: 3%;top: 24px}}
@media only screen and (max-width:1440px){.page-logo .img,.page-logo .img-w{height: 32px}
.page-nav .item{margin-right: 32px}
.page-nav .link{height: 80px;padding: 0}
.page-header .shop{font-size: 12px;margin-left: 20px}
.page-header .shop .iconfont{font-size: 14px}
.page-header .shop .title:after{display: none}
.page-subnav{width: 120px;top: 80px}
.page-subnav .slink{font-size: 13px;padding: 8px 16px}
.header-search{width: 520px;margin-left: -260px}
.header-search .form{padding: 20px}
.header-search .input{height: 40px;font-size: 14px;padding: 0 16px}
.header-search .submit{height: 40px}
.header-search .main{top: 80px;padding: 20px 24px}
.page-nava .item{top: 80px;height: calc(100vh - 80px)}
.page-header-zw{height: 80px}
.page-header .item:last-child:before{width: 16px;height:16px;left:-19px;top:51%;}}
@media only screen and (max-width:1280px){.page-nava .item{padding: 60px 3% 20px}
.page-nava .side .link{font-size: 24px;letter-spacing: 0;padding-bottom: 8px;margin-bottom: 28px}
.page-nava .side .link:after{width: 44px;height: 1px}
.page-nava .box1 .title{font-size: 18px;padding: 16px 24px}
.page-nava .box1 .btn{width: 120px;line-height: 36px;border-radius: 18px;font-size: 14px}
.page-nava .main{margin-left: auto}
.page-nava .main .block{width: calc(50% - 12px)}
.page-nava .main .tit{margin-top: 12px;font-size: 14px}
.page-nava .box1{margin-top: 24px}
.page-nava .wrap1{margin-top: 32px}
.page-nava .main{max-width: 800px}}
@media only screen and (max-width:1200px){.page-header .language{margin-right: 12px}
.page-header .hr{margin: 0 8px}
.page-header .shop{margin-left: 16px}
.page-nav .item{margin-right: 16px}}
@media only screen and (max-width:1024px){.page-logo .img,.page-logo .img-w{height: 26px}
.page-nav,.page-nava{display: none}
.page-header{height: 60px;padding-right: 0}
.page-header .shop{display: none}
.page-header .other{margin-left: auto;margin-right: 60px}
.page-header .hr,.page-header .search{display: none}
.page-header .user .iconfont{display: block;width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 22px}
.page-header .language{margin-right: 0}
.page-header .language .title{width: 60px;line-height: 60px;height: 60px;border-right: 1px solid #eee;text-align: center;font-size: 17px;padding: 0}
.page-header .language .title:after{display: none}
.page-header-zw{display: none!important}}
.mbnav-btn{width: 60px;height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;overflow: hidden;transition: all .4s ease-out;display: none}
.mbnav-btn-list{width: 30px;height: 18px;position: absolute;top: 21px;right: 15px}
.mbnav-btn-item{position: absolute;right: 0;width: 100%;height: 2px;background-color: #666;border-radius: 1px;border-radius: 1.5px;transition: all .3s}
.mbnav-btn-item:first-of-type{top: 0}
.mbnav-btn-item:nth-of-type(2){top: 8px}
.mbnav-btn-item:nth-of-type(3){width: 50%;top: 16px}
.mbnav{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s;overflow: hidden}
.mbnav ::-webkit-scrollbar{width: 0;height: 0;background-color: hsla(0, 0%, 100%, 0)}
.mbnav .data{display: none}
.mbnav .bg{left: 0;bottom: 0;z-index: 0}
.mbnav .bg,
.mbnav .main{position: absolute;top: 0;right: 0}
.mbnav .main{z-index: 1;width: 240px;height: 100%;background-color: #fff;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);overflow: hidden;transform: translateX(100%);transition: transform .3s}
.mbnav .header{background-color: #1E7BC1}
.mbnav .search{display: flex;flex-wrap: wrap;align-items: center;padding: 0 20px;height: 60px;line-height: 60px;border-bottom: none;background: #1E7BC1}
.mbnav .search .submit{background: none;padding: 0;width: 22px;background-size: 20px;font-size: 22px}
.mbnav .search .input,
.mbnav .search .submit{border: none;outline: none;height: 60px;color: #fff}
.mbnav .search .input{width: calc(100% - 22px);line-height: 1.5;padding: 0 0 0 12px;font-size: 16px;background: none}
.mbnav .search ::-moz-placeholder{color: #fff}
.mbnav .search ::-webkit-input-placeholder{color: #fff}
.mbnav .search :-ms-input-placeholder{color: #fff}
.mbnav .item{display: block;height: 50px;line-height: 50px;padding: 0 20px;font-size: 15px;border-bottom: 1px solid #f2f2f2;color: #777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative}
.mbnav .item.sub{padding-right: 40px}
.mbnav .item.sub:after{position: absolute;right: 16px;top: 50%;margin-top: -7px;content: "\E6A4";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.mbnav .slist{position: fixed;top: 0;right: 0;z-index: 1;width: 240px;height: 100%;transform: translateX(100%)}
.mbnav .sitem{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;opacity: 0;visibility: hidden;transition: opacity .3s, visibility .3s, transform .3s}
.mbnav .sitem.active{transform: translateX(-100%);opacity: 1;visibility: visible}
.mbnav .tit{font-size: 16px;line-height: 60px;padding-right: 20px;padding-left: 40px;text-align: right;background-size: 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #f2f2f2;position: relative}
.mbnav .tit:before{position: absolute;left: 16px;top: 50%;margin-top: -7px;content: "\E6DB";font-family: iconfont!important;font-size: 14px;line-height: 1;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
@-webkit-keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@keyframes phone-navtop-animon{0%{top: 0;transform: rotate(0)}
50%{top: 8px;transform: rotate(0)}
to{top: 8px;transform: rotate(45deg)}}
@-webkit-keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@keyframes phone-navbottom-animon{0%{width: 50%;top: 16px;transform: rotate(0)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 100%;top: 8px;transform: rotate(-45deg)}}
@-webkit-keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@keyframes phone-navtop-animoff{0%{top: 8px;transform: rotate(45deg)}
50%{top: 8px;transform: rotate(0)}
to{top: 0;transform: rotate(0)}}
@-webkit-keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@keyframes phone-navbottom-animoff{0%{width: 100%;top: 8px;transform: rotate(-45deg)}
50%{width: 100%;top: 8px;transform: rotate(0)}
to{width: 50%;top: 16px;transform: rotate(0)}}
@media only screen and (max-width:1024px){.mbnav-btn{display: block}
body.mbNavOpen .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animon .4s linear forwards;animation: phone-navtop-animon .4s linear forwards}
body.mbNavOpen .mbnav-btn-item:nth-of-type(2){opacity: 0}
body.mbNavOpen .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animon .4s linear forwards;animation: phone-navbottom-animon .4s linear forwards}
body.mbNavOpen .mbnav{opacity: 1;visibility: visible}
body.mbNavOpen .mbnav .main{transform: translateX(0)}
body.mbNavOpen .page-header{transform: translateX(-240px)}
body.mbNavOff .mbnav-btn-item:first-of-type{-webkit-animation: phone-navtop-animoff .4s linear forwards;animation: phone-navtop-animoff .4s linear forwards}
body.mbNavOff .mbnav-btn-item:nth-of-type(2){opacity: 1;transition: opacity .2s linear .2s}
body.mbNavOff .mbnav-btn-item:nth-of-type(3){-webkit-animation: phone-navbottom-animoff .4s linear forwards;animation: phone-navbottom-animoff .4s linear forwards}
body.mbNavOff .mbnav{opacity: 0;visibility: hidden}
body.mbNavOff .mbnav .main{transform: translateX(100%)}}
.bannerswiper{height: auto;width: 100%;overflow: hidden;}
.bannerswiper .swiper-slide{background: no-repeat 50%/cover;position: relative}
.bannerswiper .img-m{width: 100%;display: none}
.bannerswiper .video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
.index-solution .main{position: absolute;left: 50%;top: 20%;z-index: 1;color: #fff;transform: translateX(-50%)}
.index-solution .wrap{max-width: 670px}
.index-solution .content,
.index-solution .more,
.index-solution .title{transform: translateY(60px);opacity: 0;transition: transform .3s, opacity .3s}


.swiper-container-banner {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.swiper-container-banner .swiper-slide {
	text-align: left;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
	background: none !important;
	width: auto !important;
	height: auto !important;
}

.swiper-container-banner .swiper-button-next span,
.swiper-container-banner .swiper-button-prev span {
	font-size: 60px;
	color: #fff;
}

.swiper-container-banner .txt {
	position: absolute;
	left: 8%;
	top: 35%;
	color: #fff;
	max-width: 770px;
}

.swiper-container-banner .txt .wz1 b {
	font-size: 30px;
	line-height: 42px;
	display: block;
	text-transform: uppercase;
	margin: 12px 0 24px;
	overflow: hidden;
	height: 54px;
	font-family: 'mulib';
}

.swiper-container-banner .txt p {
	height: 60px;
	line-height: 30px;
	display: block;
	overflow: hidden;
	width: 400px;
}

.swiper-container-banner .txt .moreall {
	margin-top: 50px;
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-next {
	right: 0;
}

.swiper-container-banner .pic {
	width: 100%;
}


.des,
.des p {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	overflow: hidden;
}

.apadd {
	padding: 40px;
	display: flow-root;
	/* padding-top: 100px; */
}

.sytit {}

.sytit h2 {
	font-size: 40px;
	color: #222;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.sytit p {
	font-size: 20px;
	color: #333;
}

.moreall {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 500px;
	padding: 12px 30px;
	display: inline-block;
}

.moreall span,
.moreall4 span {
	font-size: 12px;
	margin-right: 6px;
}

.moreall:hover,
.moreall2 {
	border: 1px solid #1E7BC1 !important;
	background: #1E7BC1 !important;
	color: #fff !important;
}

.moreall2:hover {
	text-decoration: underline;
}

.moreall3 {
    border: none;
    background: #fff;
    /* 新增以下两行代码 */
    border-radius: 0; /* 改为方框 */
    padding: 12px 20px; /* 可以稍微调整内边距，使其更像矩形按钮 */
}
.moreall4 {
	color: #666;
}

.moreall4:hover {
	color: #1E7BC1 !important;
}

.moreall5 {
	color: #333;
	border: 1px solid #d3d3d3;
}

.sypro,
.syind,
.synew,
.nyfeed,
.saadv,
.nydo {
	background: #f2f5f8;
}

.sypro .cls dt {
	float: left;
	margin-right: 18px;
}

.sypro .cls dt:last-child {
	margin-right: 0;
}

.sypro li {
	float: left;
	width: 48.75%;
	margin-right: 2.5%;
	margin-top: 40px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.sypro li .imgfd {
	width: 42%;
}

.sypro li .imgfd img {}

.sypro li .txt {
	width: 58%;
}

.sypro li .txt .pad {
	padding-top: 50px;
	padding-left: 50px;
}

.sypro li:nth-child(2n) {
	margin-right: 0;
}

.sypro li .txt h3 {
	font-size: 26px;
	color: #2d2d2d;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sypro li .txt .des {
	height: 120px;
	overflow: hidden;
	margin: 20px 0 50px;
}

.sypro li:hover .txt b,
.sypro li:hover .txt h3 {
	color: #1E7BC1;
}

.syabo .txt {
	width: 44%;
}

.syabo .imgg {
	width: 50.5%;
}

.syabo .txt .des {
	margin: 30px 0 70px;
}

.tdnum {
	padding: 30px 25px;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 55px;
}

.tdnum dt {
	float: left;
	width: 22%;
	margin-right: 4%;
	text-align: center;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .3);
	padding: 30px 10px 40px;
	border-radius: 8px;
	overflow: hidden;
}

.tdnum dt:last-child {
	margin-right: 0;
}

.tdnum dt .num {
	font-size: 30px;
	font-weight: bold;
}

.tdnum dt .num b {
	font-size: 50px;
	margin-right: 5px;
}

.tdnum dt p {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	display: block;
}

.tdnum dt:hover {
	background: rgba(255, 255, 255, .9);
	color: #666;
}

.tdnum dt:hover .num {
	color: #1E7BC1;
}

.listthr li {
	width: 32%;
	margin-right: 2%;
	float: left;
}

.listthr li:nth-child(3n) {
	margin-right: 0;
}

.syind {}

.syind li {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	margin-top: 30px;
}

.syind li .effect-img {
	font-size: 0;
}

.syind li .effect-img img {
	width: 100%;
	/*height: 580px;*/
}

.syind li .effect-text {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 80px 40px;
	top: calc(100% - 200px);
	left: 0;
	transition: .5s;
}

.syind li .effect-text h2 {
	font-size: 30px;
	transition: .5s;
	font-weight: bold;
	margin-top: -20px;
	display: block;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	margin-bottom: 24px;
	color: #fff;
}

.syind li .effect-text .des {
	display: none;
	margin-bottom: 80px;
	height: 150px;
	overflow: hidden;
	color: #fff;
}

.syind li .effect-text .moreall4 {
	color: #fff;
}

.syind li:hover .effect-text {
	top: 0;
}

.syind li:hover .effect-text h2 {
	margin-top: 0px;
}

.syind li:hover .effect-text {
	background: rgba(0, 74, 165, .8);
}

.syind li:hover .effect-text .des {
	display: block;
}

.sywhy {
	background: url("../images/sy09.jpg") no-repeat left;
	background-size: cover;
}

.sywhy .sytit h2,
.sywhy .sytit p {
	color: #fff;
}

.sywhy .des {
	color: #fff;
	margin-top: 20px;
}

.sywhy .txt {
	width: 60%;
}

.sywhy .feed-sy {
	width: 34%;
	background: rgba(0, 74, 165, .4);
	/*text-align: center;*/
}

.sywhy .feed-sy .box {
	padding: 50px 65px;
}

.sywhy li {
	float: left;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 30px;
	margin-top: 40px;
}

.sywhy li .img {
	width: 20%;
}

.sywhy li .wz {
	width: 65%;
	color: #fff;
	margin-right: 10%;
}

.sywhy li .img .img2 {
	margin: 0 auto;
	display: block;
	max-width: 50px;
}

.sywhy li .wz b {
	font-size: 18px;
	display: block;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

.sywhy li .wz p {
	font-size: 14px;
	line-height: 22px;
	margin-top: 18px;
	display: block;
	height: 66px;
	overflow: hidden;
}

.sywhy .feed-sy b {
	font-size: 24px;
	color: #fff;
	display: block;
	margin-bottom: 30px;
}

.sywhy .feed-sy input {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-left: 4%;
	font-family: 'muli';
}

.sywhy .feed-sy textarea {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	padding-left: 4%;
	padding-top: 15px;
	height: 130px;
	font-family: 'muli';
}

.sywhy .feed-sy .tj {
	width: 100%;
	height: 62px;
	line-height: 62px;
	background: #e98323;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
}

.synew li {
	border-radius: 8px;
	overflow: hidden;
	margin-top: 30px;
	position: relative;
}

.synew li .imgfd img {
	height: 320px;
}

.synew li .txt {
	background: #fff;
	padding: 28px;
}

.synew li .date {
	position: absolute;
	background: #e98323;
	padding: 12px 25px;
	color: #fff;
	border-radius: 4px;
	top: 250px;
	left: 28px;
	z-index: 1;
}

.synew li .txt p {
	font-size: 22px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	display: block;
	color: #333;
}

.synew li .txt .des {
	height: 90px;
	margin: 20px 0;
}

.synew li:hover .txt p {
	color: #1E7BC1;
}

.synew li:last-child {
	border-radius: 0;
}

.synew li dt {
	border-radius: 8px;
	overflow: hidden;
}

.synew li dt .txt p {
	height: 30px;
	margin-bottom: 20px;
}

.synew li dt .cfls i {
	color: #e98323;
}

.synew li dt .nxz {
	background: #1E7BC1;
	padding: 54px 10px;
	margin-top: 42px;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
}

.synew li dt .nxz a {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 8px;
	height: 54px;
	line-height: 54px;
	min-width: 250px;
	overflow: hidden;
	color: #fff;
	padding: 0 10px;
	margin: 10px 0;
}

.synew li dt .nxz a span {
	margin-left: 5px;
}

.synew li dt .nxz a:hover {
	background: #fff;
	color: #1E7BC1;
}

@media (max-width: 1200px) {
	.swiper-container-banner .txt .wz1 b {
		font-size: 30px;
		line-height: 40px;
		height: 80px;
	}

	.swiper-container-banner .txt {
		top: 20%;
	}

	.sytit h2 {
		font-size: 26px;
		margin-bottom: 4px;
	}

	.sytit p {
		font-size: 16px;
	}

	.sypro li .txt .pad {
		padding-left: 20px;
	}

	.sypro li .txt h3,
	.tdnum dt .num,
	.syind li .effect-text h2 {
		font-size: 22px;
	}

	.des,
	.des p {
		font-size: 16px;
		line-height: 26px;
	}

	.sypro li .txt .des {
		height: 78px;
		margin-bottom: 30px;
	}

	.sypro li .imgfd img {
		height: 260px;
	}

	.apadd {
		padding-top: 100px;
	}

	.syabo .txt .des {
		margin: 20px 0 30px;
	}

	.tdnum {
		padding: 50px 30px;
	}

	.tdnum dt .num b {
		font-size: 30px;
	}

	.tdnum dt {
		padding: 24px 10px;
	}

	.syind li .effect-img img {
		height: 360px;
	}

	.syind li .effect-text {
		top: calc(100% - 150px);
	}

	.syind li .effect-text h2 {
		margin-bottom: 10px;
	}

	.sywhy .feed-sy input {
		font-size: 15px;
	}

	.synew li .txt p {
		font-size: 20px;
	}
}

@media (max-width: 960px) {
	.swiper-container-banner .pic {
		width: 120%;
		max-width: 120%;
	}

	.swiper-container-banner .txt .wz1 b {
		font-size: 26px;
		line-height: 36px;
		height: 72px;
	}

	.swiper-container-banner .txt .moreall {
		margin-top: 30px;
	}

	.f16,
	.des,
	.des p {
		font-size: 15px;
	}

	.moreall {
		padding: 10px 30px;
	}

	.swiper-container-banner .txt {
		max-width: 84%;
	}

	.sypro .cls,
	.syabo .imgg,
	.syind li:last-child {
		display: none;
	}

	.sypro li {
		margin-top: 30px;
	}

	.sytit h2 {
		font-size: 24px;
	}

	.sypro li .txt h3,
	.tdnum dt .num,
	.syind li .effect-text h2 {
		font-size: 20px;
	}

	.sypro li .txt .pad {
		padding-top: 30px;
	}

	.sypro li .txt .des {
		margin: 10px 0 20px;
	}

	.sypro li .imgfd img {
		height: 220px;
	}

	.syabo .txt,
	.sywhy .txt,
	.sywhy .feed-sy {
		width: 100%;
	}

	.tdnum dt .num b {
		font-size: 26px;
	}

	.tdnum dt {
		width: 46%;
		margin: 10px 2%;
	}

	.tdnum {
		padding: 30px 0;
	}

	.listthr li,
	.listthr li:nth-child(3n) {
		width: 49%;
		margin-top: 20px;
	}

	.listthr li:nth-child(2n) {
		margin-right: 0;
	}

	.syind li .effect-img img {
		height: 400px;
	}

	.sywhy .feed-sy b {
		margin-bottom: 15px;
	}

	.sywhy .feed-sy input {
		height: 48px;
		line-height: 48px;
		margin-bottom: 15px;
	}

	.sywhy .feed-sy textarea,
	.sywhy .feed-sy input {
		font-size: 14px;
	}

	.sywhy .feed-sy .box {
		margin-top: 30px;
	}

	.synew li:last-child {
		width: 100%;
	}
}

@media (max-width: 540px) {

	.swiper-container-banner .swiper-button-next span,
	.swiper-container-banner .swiper-button-prev span {
		font-size: 30px;
	}

	.swiper-container-banner .txt .wz1 b {
		font-size: 20px;
		line-height: 30px;
		height: 60px;
		margin: 5px 0 10px;
	}

	.swiper-container-banner .pic {
		width: 150%;
		max-width: 150%;
	}

	.swiper-container-banner .txt {
		top: 16%;
	}

	.sypro li,
	.syind li {
		width: 100%;
		margin-right: 0;
	}

	.sytit h2 {
		font-size: 20px;
	}

	.des,
	.des p {
		line-height: 24px;
	}

	.sypro li .txt .des {
		height: 72px;
	}

	.apadd {
		padding: 30px 0 40px;
	}

	.sypro li,
	.syind li {
		margin-top: 15px;
	}

	.apadd .moreall {
		display: none;
	}

	.syind li .effect-img img {
		height: 200px;
		object-fit: cover;
	}

	.sypro li .txt h3,
	.tdnum dt .num,
	.syind li .effect-text h2 {
		font-size: 18px;
	}

	.syind li .effect-text h2 {
		margin-bottom: 5px;
	}

	.syind li .effect-text {
		padding-left: 20px;
	}

	.listthr li,
	.listthr li:nth-child(3n) {
		width: 100%;
		margin-top: 15px;
	}

	.sywhy li .wz p {
		height: auto;
	}

	.sywhy .feed-sy .box {
		padding: 30px 20px;
	}

	.synew li .txt p {
		font-size: 18px;
		line-height: 24px;
		height: 48px;
	}

	.synew li .txt .des {
		height: 48px;
		margin: 10px 0;
		;
	}

	.synew li dt .txt p {
		height: 24px;
	}

	.synew li dt .nxz {
		padding: 30px 10px;
		margin-top: 15px;
	}

	.synew li .imgfd img {
		height: 260px;
	}

	.synew li .date {
		top: 200px;
	}

	.syabo .imgg {
		display: block;
		width: 100%;
	}

	.tdnum {
		margin-top: 40px;
	}
}

.banny {
	/* height: 540px; */
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #666;
}

.banny h2 {
	font-size: 40px;
	color: #fff;
	position: absolute;
	top: 46%;
	text-transform: uppercase;
}

.banny .img {
	/* height: 540px; */
	width: 100%;
	object-fit: cover;
}

.loca {
	position: absolute;
	bottom: 0;
	height: 80px;
	line-height: 80px;
	font-size: 14px;
	color: #fff;
}

.loca a {
	color: #fff;
}

.loca a:hover {
	text-decoration: underline;
}

.loca span {
	color: #e98323;
	margin-right: 5px;
}

.nycont .map {
	margin: 0 auto;
	display: block;
}

.nycont h3 {
	font-size: 30px;
	color: #333;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dedede;
	margin: 45px 0;
	padding-bottom: 35px;
}

.nycont dl,
.nycont .box {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.nycont dt {
	position: relative;
	padding-right: 8%;
}

.nycont dt:last-child {
	padding-right: 0;
}

.nycont dt::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 90px;
	background: #dedede;
	top: 0;
	right: 0;
}

.nycont dt:last-child::before {
	display: none;
}

.nycont dt .ic {
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	border: 1px solid #d2d2d2;
	border-radius: 500px;
	margin-right: 24px;
}

.nycont dt .ic span {
	font-size: 38px;
	color: #1E7BC1;
}

.nycont dt .wz {
	color: #666;
	line-height: 36px;
}

.nycont dt .wz i {
	font-size: 24px;
	color: #333;
	display: block;
	margin-top: 5px;
}

.nycont .box {
	margin-top: 75px;
}

.nycont .box .b {
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
}

.nycont .box .b i {
	color: #e98323;
}

.nycont .box .ewm {
	max-width: 100px;
	text-align: center;
}

.nycont .box .ewm p {
	display: block;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

.nycont .box .des {
	max-width: 48%;
}

.nyfeed h3 {
	font-size: 30px;
	color: #333;
}

.nyfeed .map {
	width: 46.25%;
	height: 490px;
	overflow: hidden;
}

.nyfeed .fefo {
	padding: 50px 30px;
	background: #fff;
	width: 52%;
}

.input_control {
	position: relative;
	width: 32%;
	float: left;
	margin-right: 2%;
	background: #f6f6f6;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	height: 54px;
	margin-top: 26px;
}

.input_control:nth-child(3) {
	margin-right: 0;
}

.form_input {
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
	height: 54px;
	line-height: 54px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 30px;
	font-size: 14px;
	color: #666;
	width: 95%;
	background: #f6f6f6;
}

.input_control lable {
	color: red;
	position: absolute;
	left: 20px;
	line-height: 54px;
}

.form_input::-moz-placeholder,
.form_text::-moz-placeholder {
	color: #666;
}

.form_text {
	height: 100px;
	background: #f6f6f6;
	position: absolute;
	left: 30px;
	top: 15px;
	width: 95%;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

.input_control2 {
	width: 100%;
	margin: 16px 0 25px;
	height: 150px;
}

.form i {
	font-size: 14px;
	color: #666;
	display: block;
}

.form .submit {
	width: 240px;
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	background: #1E7BC1;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	margin-top: 24px;
}

@media (max-width: 1200px) {

	.banny .img,
	.banny {
		height: 300px;
	}

	.banny h2 {
		font-size: 30px;
		top: 40%;
	}

	.nycont dt {
		margin-bottom: 20px;
		padding-right: 0;
		line-height: 30px;
	}

	.nycont dt .ic {
		width: 60px;
		height: 60px;
		line-height: 60px;
		margin-right: 10px;
	}

	.nycont dt .ic span {
		font-size: 26px;
	}

	.nycont dt::before {
		display: none;
	}

	.nycont h3 {
		font-size: 24px;
		padding-bottom: 20px;
	}

	.nycont dt .wz i {
		font-size: 20px;
		margin-top: 0;
	}

	.nyfeed h3 {
		font-size: 24px;
	}
}

@media (max-width: 960px) {

	.banny .img,
	.banny {
		height: 300px;
	}

	.nyfeed .map {
		display: none;
	}

	.nyfeed .fefo {
		width: 100%;
	}
}

@media (max-width: 540px) {

	.banny .img,
	.banny {
		height: 180px;
	}

	.loca {
		display: none;
	}

	.banny h2 {
		font-size: 22px;
	}

	.nycont h3,
	.nyfeed h3 {
		font-size: 20px;
	}

	.nycont h3 {
		margin: 25px 0;
		padding-bottom: 15px;
	}

	.nycont dt .wz {
		width: 80%;
		line-height: 30px;
	}

	.nycont dl,
	.nycont .box {
		display: flow-root;
	}

	.nycont dt {
		margin-bottom: 25px;
		display: flex;
	}

	.nycont .box {
		margin-top: 20px;
	}

	.nycont .box .des {
		max-width: 100%;
		margin: 15px 0;
	}

	.input_control {
		width: 100%;
		margin-right: 0;
	}

	.nyfeed .fefo {
		padding: 30px 20px;
	}

	.input_control {
		margin-top: 10px;
	}

	.form .submit {
		height: 50px;
		line-height: 50px;
		width: 160px;
		font-size: 16px;
		margin-top: 10px;
	}
}

.nytit {
	font-size: 38px;
	color: #333;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom: 45px;
}

.nyapp .tab {
	position: relative;
	min-height: 630px;
}

.nyapp .tab-hd {
	overflow: hidden;
	zoom: 1;
	background: #f7f7f7;
	padding: 70px 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.nyapp .tab-hd li {
	cursor: pointer;
	height: 75px;
	line-height: 75px;
	overflow: hidden;
	padding: 0 40px;
}

.nyapp .tab-hd li a {
	display: contents;
}

.nyapp .tab-hd li h3 {
	font-size: 26px;
	color: #333;
	position: relative;
}

.nyapp .tab-hd li h3::after {
	content: '';
	position: absolute;
	top: 34px;
	left: 0;
	background: #e98323;
	width: 4px;
	height: 95px;
	display: none;
}

.nyapp .tab-hd li .des {
	max-width: 64%;
	color: #fff;
	height: 90px;
	border-left: 4px solid #e98323;
	padding: 0 40px;
	margin-top: 35px;
	display: none;
}

.nyapp .tab-hd li.active {
	height: 160px;
	line-height: 160px;
	background: rgba(28, 37, 49, .4);
	padding: 0;
	width: 100%;
	max-width: 1600px;
	position: relative;
	z-index: 2;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.nyapp .tab-hd li.active h3 {
	font-size: 38px;
	color: #fff;
	margin-left: 40px;
	padding-left: 20px;
	width: 30%;
	overflow: hidden;
}

.nyapp .tab-hd li.active h3::after,
.nyapp .tab-hd li.active .des {
	display: block;
}

.nyapp .tab-bd {
	width: 100%;
	max-width: 1010px;
	background: #666;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.nyapp .tab-bd li {
	display: none;
	color: #fff;
}

.nyapp .tab-bd li:nth-child(1) {
	display: list-item;
}

.nyapp .tab-bd li img {
	height: auto;
	width: 100%;
	display: block;
}

.showapp .img {
	width: 45%;
}

.showapp .txt {
	width: 50%;
}

.showapp .txt h1 {
	font-size: 30px;
	color: #333;
	margin: 30px 0 20px;
}

.saadv li {
	text-align: center;
	padding: 60px 50px 40px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 74, 165, .2);
	min-height: 370px;
}

.saadv li h3 {
	color: #333;
	font-size: 26px;
	margin: 30px 0 15px;
	display: block;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
}

.saadv li .des {
	font-size: 16px;
	height: 90px;
}

.saadv li i {
	font-size: 80px;
	color: #1E7BC1;
	opacity: .1;
	font-weight: bold;
}

.saoth li {
	text-align: center;
}

.saoth li .imgfd img {
	height: 320px;
}

.saoth li p {
	color: #333;
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 20px;
}

.saoth li:hover p {
	color: #1E7BC1;
}

@media (max-width: 1400px) {
	.nyapp .tab-bd {
		max-width: 800px;
	}
}

@media (max-width: 1200px) {
	.nyapp .tab-bd {
		max-width: 60%;
	}

	.nyapp .tab-hd {
		width: 40%
	}

	.nyapp .tab-hd,
	.nyapp .tab-bd {
		position: inherit;
	}

	.nyapp .tab {
		min-height: auto;
	}

	.nyapp .tab-hd {
		padding: 40px 0;
	}

	.nyapp .tab-hd li {
		height: 60px;
		line-height: 60px;
	}

	.nyapp .tab-hd li h3 {
		font-size: 22px;
	}

	.nytit {
		font-size: 26px;
	}

	.showapp .txt h1 {
		margin-top: 0;
		font-size: 24px;
	}

	.saadv li i {
		font-size: 40px;
	}

	.saadv li .des {
		height: 78px;
		margin-bottom: 10px;
	}

	.saadv li {
		padding: 40px 20px;
	}

	.saoth li .imgfd img {
		height: 200px;
	}
}

@media (max-width: 960px) {

	.nyapp .tab-hd,
	.nyapp .tab-bd,
	.showapp .img,
	.showapp .txt {
		width: 100%;
		max-width: 100%;
	}

	.showapp .img {
		margin-bottom: 20px;
	}

	.saoth li .imgfd img {
		height: 240px;
	}

	.saadv li h3 {
		font-size: 20px;
	}

	.nytit {
		margin-bottom: 25px;
	}
}

@media (max-width: 540px) {
	.nytit {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.nyapp .tab-hd {
		padding: 15px 0;
	}

	.nyapp .tab-hd li h3 {
		font-size: 18px;
	}

	.nyapp .tab-hd li {
		height: 45px;
		line-height: 45px;
		padding: 0 20px;
	}

	.showapp .txt h1 {
		font-size: 20px;
	}

	.saadv li .des {
		height: auto;
	}

	.saadv li {
		min-height: auto;
	}

	.saadv li h3 {
		margin: 10px 0;
	}

	.saoth li p {
		font-size: 16px;
		margin: 10px 0;
	}
}

.nyclf {
	border-bottom: 1px solid #eaebed;
	overflow: hidden;
}

.nyclf ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}

.nyclf ul li {
	max-width: 25%;
	overflow: hidden;
	position: relative;
	height: 70px;
	line-height: 70px;
}

.nyclf ul li a {
	color: #333;
}

.nyclf ul li #line {
	width: 0px;
	height: 2px;
	background-color: #1E7BC1;
	margin: 0 auto;
	position: absolute;
	left: 0px;
	right: 0px;
	transition: width 0.3s linear;
	bottom: 0;
}

.nyclf ul li:hover #line,
.nyclf ul li.cur #line {
	width: 100%;
}

.nyclf ul li:hover a,
.nyclf ul li.cur a {
	color: #1E7BC1;
}

.nydo h2 {
	text-align: left;
}

.nyabout .des,
.nydo .des {
	color: #333;
	margin-bottom: 50px;
}

.nydo .txt {
	width: 44%;
}

.nydo .img {
	width: 52.5%;
}

.nydo .txt dt {
	width: 50%;
	float: left;
}

.nydo .txt dt .num {
	color: #1E7BC1;
	font-size: 36px;
	font-family: Arial;
}

.nydo .txt dt .num b {
	font-size: 58px;
	margin-right: 5px;
}

.nyacor li .imgfd img {
	height: 340px;
}

.nyacor li {
	position: relative;
	text-align: center;
	color: #fff;
}

.nyacor li .txt {
	position: absolute;
	left: 4%;
	width: 92%;
	top: 110px;
}

.nyacor li b {
	font-size: 24px;
	font-family: Arial;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.nyacor li .des {
	height: 90px;
	color: #fff;
}

.adminbuy_cn img {
    max-width: 100% !important;
    height: auto !important;
    display: block;          /* ← inline-block 改为 block */
}

.adminbuy_cn p {
	text-wrap: inherit !important;
}

.adminbuy_cn p span {
	text-wrap: inherit !important;
}

@media (max-width: 1200px) {
	.nyacor li .des {
		height: 104px;
	}
}

@media (max-width: 960px) {

	.nydo .img,
	.nydo .txt {
		width: 100%;
	}

	.nyabout .des,
	.nydo .des {
		margin-bottom: 20px;
	}

	.nydo .txt dt .num b {
		font-size: 30px;
	}

	.nydo .txt dl {
		margin-bottom: 30px;
		display: flow-root;
	}

	.nyclf ul li a {
		font-size: 16px;
	}
}

@media (max-width: 540px) {
	.nyclf {
		display: none;
	}

	.nydo .txt dt .num {
		font-size: 26px;
	}

	.nydo .txt dl {
		font-size: 16px;
	}

	.nyacor li .imgfd img {
		height: 250px;
	}

	.nyacor li b {
		font-size: 20px;
	}

	.nyacor li .des {
		height: auto;
	}

	.nyacor li .txt {
		top: 70px;
	}
}

.nyhis {
	overflow: hidden;
}

.hisgd {
	position: relative;
}

.nyhis .swiper-button-next,
.nyhis .swiper-button-prev {
	width: 50px !important;
	height: 50px !important;
	border: 1px solid #e2e2e2;
	border-radius: 500px;
	text-align: center;
	line-height: 50px;
	background: #fff !important;
	margin-top: 0;
	top: -25px;
}

.nyhis .swiper-button-next span,
.nyhis .swiper-button-prev span {
	color: #666;
	font-size: 18px;
	font-weight: bold;
}

.nyhis .swiper-button-next:hover,
.nyhis .swiper-button-prev:hover {
	border: 1px solid #1E7BC1;
	background: #1E7BC1 !important;
}

.nyhis .swiper-button-next:hover span,
.nyhis .swiper-button-prev:hover span {
	color: #fff;
}

.nyhis .mySwiper {
	border-top: 1px dashed #1E7BC1;
}

.nyhis .mySwiper .year {
	margin-top: -7px;
}

.nyhis .mySwiper .swiper-slide {
	font-size: 20px;
	color: #ced5db;
	text-align: center;
	height: 120px;
	line-height: 120px;
	position: relative;
}

.nyhis .mySwiper .swiper-slide::after {
	content: '';
	width: 14px;
	height: 14px;
	background: #ced5db;
	border-radius: 500px;
	top: 0;
	left: 48%;
	position: absolute;
}

.nyhis .mySwiper .swiper-slide-thumb-active {
	font-size: 60px;
	color: #1E7BC1;
	font-family: 'helveticaneueltstd';
}

.nyhis .mySwiper .swiper-slide-thumb-active::after {
	width: 22px;
	height: 22px;
	background: #1E7BC1;
}

.nyhis .mySwiper2 {
	overflow: hidden;
}

.nyhis .mySwiper2 .img {
	width: 45%;
}

.nyhis .mySwiper2 .txt {
	padding-right: 6%;
	width: 48%;
}

.nyhis .mySwiper2 .txt b {
	font-size: 24px;
	color: #333;
	display: block;
	margin: 20% 0 20px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.hisqua h2 {
	text-align: left;
}

.quaqh li .imgfd {
	background: #f6f6f6;
	padding: 24px;
}

.quaqh li .imgfd img {
	height: 340px;
}

.quaqh .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background: url(../images/ny15.png) no-repeat center;
	margin: 0 2px;
	opacity: 1;
}

.quaqh .swiper-pagination-bullet-active {
	width: 20px;
	height: 20px;
	background: url(../images/ny14.png) no-repeat center;
}

.quaqh .swiper-pagination {
	margin-top: 40px;
	width: 100%;
}

.listapic li {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 20px;
	float: left;
}

.listapic li:nth-child(4n) {
	margin-right: 0;
}

.listapic li .imgfd img {
	height: 290px;
}

.listser li {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 40px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.listser li:nth-child(2n) {
	margin-right: 0;
}

.listser li .imgfd img {
	min-height: 340px;
}

.listser li .txt {
	position: absolute;
	top: 60px;
	left: 6%;
	z-index: 1;
}

.listser li .txt h3 {
	font-size: 26px;
	color: #fff;
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.listser li .txt .des {
	color: #fff;
	height: 90px;
	margin: 20px 0 30px;
	max-width: 400px;
}

@media (max-width: 1200px) {
	.nyhis .mySwiper .swiper-slide-thumb-active {
		font-size: 34px;
	}

	.nyhis .mySwiper2 .txt b {
		margin-top: 30px;
		font-size: 20px;
	}

	.quaqh li .imgfd img {
		height: 260px;
	}

	.listapic li .imgfd img {
		height: 200px;
	}
}

@media (max-width: 960px) {

	.nyhis .mySwiper2 .img,
	.nyhis .mySwiper2 .txt {
		width: 100%;
		margin: 0;
	}

	.listapic li,
	.listapic li:nth-child(4n) {
		width: 49%;
		margin-right: 2%;
	}

	.listapic li:nth-child(2n) {
		margin-right: 0;
	}

	.listapic li .imgfd img {
		height: 270px;
	}

	.listser li .txt h3 {
		font-size: 20px;
	}

	.listser li .txt .des {
		height: 78px;
	}
}

@media (max-width: 540px) {
	.nyhis .mySwiper .swiper-slide {
		height: 90px;
		line-height: 90px;
		font-size: 16px;
	}

	.nyhis .mySwiper .swiper-slide-thumb-active {
		font-size: 20px;
	}

	.nyhis .mySwiper .swiper-slide::after {
		width: 10px;
		height: 10px;
	}

	.nyhis .mySwiper .swiper-slide-thumb-active::after {
		width: 15px;
		height: 15px;
	}

	.nyhis .swiper-button-next,
	.nyhis .swiper-button-prev {
		display: none;
	}

	.nyhis .mySwiper2 .txt b {
		font-size: 16px;
	}

	.quaqh li .imgfd {
		padding: 14px;
	}

	.quaqh li .imgfd img {
		height: 230px;
	}

	.quaqh .swiper-pagination {
		margin-top: 20px;
	}

	.nyhis .mySwiper {
		margin-top: 30px;
	}

	.listapic li .imgfd img {
		height: 140px;
	}

	.listapic li {
		margin-bottom: 10px;
	}

	.listser li,
	.listser li:nth-child(2n) {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.listser li .imgfd img {
		min-height: 280px;
	}

	.listser li .txt .moreall {
		display: inline-block;
	}

	.listser li .txt {
		top: 40px;
	}
}

.linecom li:nth-child(1) {
	width: 44%;
	float: left;
	margin-right: 4%;
}

.linecom li {
	float: right;
	width: 52%;
}

.linecom li .txt {
	background: #f2f5f8;
	border-radius: 8px;
	overflow: hidden;
}

.linecom li:nth-child(1) .imgfd {
	margin-top: 30px;
	border-radius: 8px;
	overflow: hidden;
}

.cfls b {
	color: #e98323;
	font-weight: normal;
}

.linecom .synew li .txt p {
	margin-bottom: 10px;
}

.listnew .nytit {
	margin-bottom: 0px;
	color: #1E7BC1;
}

.lineblo .nytit,
.lineblo .moreall4 {
	color: #fff;
}

.lineblo .synew {
	background: none;
}

.lineblo li {
	width: 48%;
	margin-right: 4%;
	float: left;
}

.lineblo li:last-child {
	margin-right: 0;
}

.lineblo li:last-child {
	border-radius: 8px;
}

.lineblo li .moreall4 {
	color: #666;
}

.listwt .content {
	display: none;
}

.listwt li {
	width: 46%;
	float: left;
	margin-right: 8%;
	margin-top: 30px;
}

.listwt li:nth-child(2n) {
	margin-right: 0;
}

.listwt li .topbar {
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #dcdcdc;
	background: url("../images/ny19.png") no-repeat right;
	font-size: 20px;
	color: #333;
	overflow: hidden;
}

.listwt li.active .topbar {
	background: url("../images/ny20.png") no-repeat right;
	color: #e98323;
}

.listwt .content .des {
	padding: 30px 20px;
}

.listblog .synew li .txt {
	background: #f2f5f8;
}

.listblog .synew li:nth-child(2n) {
	margin-right: 0;
}

.nyfl {
	width: 72%;
}

.nyfr {
	width: 24%;
}

.relrea b {
	font-size: 24px;
	color: #333;
}

.relrea .rec {
	width: 48px;
	height: 4px;
	background: #1E7BC1;
	margin-top: 5px;
}

.relrea li {
	width: 100%;
	display: flow-root;
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbddde;
	text-align: center;
}

.relrea li p {
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	color: #666;
}

.relrea li:hover p {
	color: #1E7BC1;
}

.relrea li .imgfd {
	border-radius: 4px;
	overflow: hidden;
}

.listneco li {
	background: #f2f5f8;
	padding: 30px;
	border-radius: 4px;
	overflow: hidden;
	display: flow-root;
	margin-bottom: 30px;
}

.listneco .imgfd {
	width: 32%;
	border-radius: 4px;
	overflow: hidden;
}

.listneco .imgfd img {
	height: 230px;
}

.listneco .txt {
	width: 65%;
}

.listneco .txt h2 {
	font-size: 22px;
	color: #333;
	display: block;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-weight: bold;
	margin-top: 20px;
}

.listneco .txt .des {
	height: 60px;
	margin: 20px 0 40px;
}

.listneco li:hover .txt h2 {
	color: #1E7BC1;
}

@media (max-width: 1200px) {
	.synew li .txt .des {
		height: 52px;
	}

	.listneco .txt .des {
		height: 52px;
	}
}

@media (max-width: 1024px) {
	.nyfl {
		width: 100%;
	}

	.nyfr {
		display: none;
	}

	.listneco .imgfd {
		width: 38%;
	}

	.listneco .txt {
		width: 58%;
	}
}

@media (max-width: 960px) {

	.linecom li:nth-child(1),
	.linecom li,
	.lineblo li,
	.listwt li {
		width: 100%;
	}

	.listneco .imgfd {
		width: 44%;
	}

	.listneco .txt {
		width: 50%;
	}

	.listneco .imgfd img {
		height: 200px;
	}

	.listneco .txt h2 {
		margin-top: 0;
		font-size: 18px;
	}
}

@media (max-width: 540px) {
	.linecom .synew li .imgfd img {
		height: 220px;
	}

	.listwt li .topbar,
	.listwt li.active .topbar {
		background: none;
	}

	.listwt li .topbar {
		height: 45px;
		line-height: 45px;
		font-size: 18px;
	}

	.listwt .content .des {
		padding: 15px;
	}

	.f18 {
		font-size: 15px;
	}

	.listblog .synew li .txt p {
		margin-bottom: 10px;
	}

	.listneco .txt .cfls,
	.listneco .txt .des {
		display: none;
	}

	.listneco li {
		padding: 15px;
		margin-bottom: 15px;
	}

	.listneco .imgfd img {
		height: 120px;
	}

	.listneco .txt h2 {
		height: 50px;
		line-height: 25px;
		margin-bottom: 20px;
		font-size: 16px;
	}
}

.show-new {
	background: #fff;
}

.show-new .pad {
	padding: 60px 50px;
}

.show-new h1 {
	font-size: 30px;
	color: #333;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
}

.show-new .mc {
	font-size: 16px;
	color: #666;
	line-height: 34px;
}

.show-new .line {
	width: 100%;
	height: 1px;
	background: #e8e8e8;
	margin: 20px 0;
}

.fanye {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.fanye li {
	width: 48%;
	font-size: 14px;
	color: #666;
}

.fanye li:nth-child(2) {
	text-align: right;
}

.fanye li a {
	color: #666;
}

.fanye li:hover a {
	color: #1E7BC1;
}

@media (max-width: 960px) {
	.show-new h1 {
		font-size: 20px;
	}
}

@media (max-width: 540px) {
	.show-new .pad {
		padding: 30px 20px;
	}

	.show-new h1 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.show-new .mc {
		font-size: 14px;
	}
}

.ny-fl {
	width: 26%;
}

.ny-fr {
	width: 72%;
}

.line-ny {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	height: 4px;
	margin-top: 10px;
}

.line-ny i {
	width: 90px;
	height: 4px;
	background: #1E7BC1;
	display: block;
}

.cp-fl {
	margin-bottom: 40px;
}

.cp-fl .line-ny {
	margin-bottom: 20px;
}

.cp-fl b {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

.cp-fl span {
	font-size: 26px;
	color: #333;
}

.m-like b {
	font-size: 20px;
	color: #333;
	font-weight: bold;
}

.m-like li {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
}

.m-like li .imgfd {
	width: 35%;
	border: 1px solid #f0f0f0;
}

.m-like li .imgfd img {
	height: 100px;
	margin: 0 auto;
	width: auto
}

.m-like li .txt {
	margin-left: 4%;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	height: 42px;
	overflow: hidden;
	max-width: 56%;
}

.m-like li .txt span {
	font-size: 14px;
	color: #777;
	display: block;
	font-weight: normal;
	margin-bottom: 4px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}

.m-like li:hover .txt {
	color: #1E7BC1;
}

.list-profl {
	padding-right: 24px;
}

.list-profl ul li {
	margin-bottom: 10px;
}

.list-profl .pp1 {
	font-size: 18px;
	position: relative;
	font-size: 18px;
	display: block;
	min-height: 30px;
}

.list-profl .pp1 a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.list-profl ul li .inactive {
	background: url(../images/off.png) no-repeat 0 7px;
	cursor: pointer;
	padding-left: 15px;
}

.list-profl ul li .inactives {
	background: url(../images/open.png) no-repeat 0 7px;
	cursor: pointer;
	padding-left: 15px;
}

.list-profl ul li ul {
	display: block !important;
}

.list-profl ul li ul li {
	border: none;
	margin-bottom: 0;
}

.list-profl ul li ul li .pp2 {
	margin-bottom: 6px;
	min-height: 20px;
	margin-left: 15px;
	line-height: 24px;
	display: inline-flex;
	background: none;
}

.list-profl ul li ul li .pp2 a {
	font-size: 16px;
	color: #666;
}

.list-profl ul li ul li ul {
	display: none;
	margin-left: 30px;
}

.list-profl ul li ul li ul li {
	background: url(../images/off.png) no-repeat 0 4px;
	display: flow-root;
	padding-left: 15px;
}

.list-profl ul li ul li ul li a {
	font-size: 16px;
	color: #333;
	line-height: 18px;
	margin-bottom: 6px;
	display: block;
}

.list-profl ul li ul li ul li i {
	font-size: 12px;
	color: #333;
	line-height: 18px;
}

.list-profl ul li ul li ul li a:hover,
.list-profl ul li a:hover,
.list-profl ul li ul li a:hover {
	color: #082d7f;
}

.list-profl ul li ul li ul li:hover,
.list-profl ul li ul li ul li.cur {
	background: url(../images/open2.png) no-repeat 0 4px;
}

.list-profl .num {
	font-size: 14px;
	color: #666;
	margin-left: 5px;
	font-weight: normal;
}

.list-pro li {
	margin-bottom: 40px;
	text-align: center;
}


.list-pro li .imgfd {
	position: relative;
}

.list-pro li h2 {
	display: block;
	color: #333;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 20px;
}

.list-pro li:hover h2 {
	color: #1E7BC1;
}

@media (max-width: 1024px) {
	.ny-fl {
		display: none;
	}

	.ny-fr {
		width: 100%;
	}
}

.show-pro1 .img {
	width: 35%;
}

.show-pro1 .txt {
	width: 60%;
}

.show-pro1 .txt h1 {
	font-size: 24px;
	color: #333;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px;
	padding: 20px 0;
}

.show-pro1 .txt li {
	width: 146px;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	float: left;
}

.show-pro1 .txt li:nth-child(1) {
	background: #ffb612 url(../images/ns-pro1.png) no-repeat 30px;
	margin-right: 34px;
}

.show-pro1 .txt li a {
	font-size: 14px;
	color: #fff;
	padding-left: 60px;
}

.show-pro1 .txt .share .he {
	width: 86px;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	background: #1E7BC1 url(../images/ns-ic1.png) no-repeat 30px;
	padding-left: 60px;
}

.show-pro1 .txt .share dl {
	top: 48px;
	width: 146px;
}

.show-pro1 .txt .share dl dt {
	width: 146px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 5px 0;
}

.show-pro1 .txt .share dl dt a {
	padding-left: 0 !important;
}

.show-pro1 .txt .share dl dt img {
	padding-left: 30px;
	margin-right: 10px;
}

.show-pro1 .txt .des {
	margin-bottom: 50px;
}

.show-pro2 .mt-tabpage {
	width: 100%;
}

.show-pro2 .mt-tabpage-title {
	height: 55px;
	border-bottom: 1px solid #1E7BC1;
	overflow: hidden;
}

.show-pro2 .mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #333;
	font-size: 18px;
	float: left;
	padding: 0 2%;
}

.show-pro2 .mt-tabpage-title .mt-tabpage-item-cur {
	color: #fff;
	background: #1E7BC1;
}

.show-pro2 .mt-tabpage-count {
	position: relative;
	width: 800px;
	height: 200px;
	overflow: hidden;
}

.show-pro2 .mt-tabpage-cont__wrap {
	position: absolute;
}

.show-pro2 .mt-tabpage-count .mt-tabpage-item {
	width: 100%;
	height: 200px;
}

.pignose-tab-wrapper {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.pignose-tab-wrapper .pignose-tab-btn {
	display: block;
	height: 55px;
	line-height: 55px;
	background: #fff;
	font-size: 18px;
	padding: 0 20px;
	color: #333;
}

.pignose-tab-wrapper .pignose-tab-btn.active,
.pignose-tab-wrapper .pignose-tab-btn:hover {
	background: #fff;
	color: #fff;
	background: #1E7BC1;
}

.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list {
	float: left
}

.pignose-tab-wrapper .pignose-tab-container {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 55px;
	text-align: left;
	border-top: 1px solid #1E7BC1;
	padding-top: 40px;
}

.pignose-tab-wrapper .pignose-tab-container.active {
	display: block
}

.show-pro .des {
	line-height: 30px;
	padding-bottom: 50px;
}

.des4 {
	min-height: 400px;
}

.pignose-tab-group {
	height: 55px;
	overflow: hidden;
}

.show-pro3 {
	margin-top: 60px;
}

.show-pro3 h2,
.cont h2 {
	font-size: 24px;
	color: #333;
	display: block;
	margin-bottom: 24px;
}

.show-pro3 li {
	width: 32%;
	float: left;
	margin-right: 2%;
	text-align: center;
}

.show-pro3 li:nth-child(3) {
	margin-right: 0;
}

.show-pro3 li p {
	font-size: 18px;
	color: #333;
	display: block;
	margin-top: 16px;
}

.show-pro3 li:hover p {
	color: #1E7BC1;
}

.des img {
	max-width: 100% !important;
	height: auto !important;
}

table {
	width: 100% !important;
}

.pro-d {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 30px;
}

.pro-d b {
	padding: 0 26px;
	background: #1E7BC1;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	display: inline-block;
}

@media (max-width: 1200px) {
	.show-pro1 .img .num {
		width: 80%;
	}
}

@media (max-width: 768px) {
	.show-pro3 li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 30px;
	}

	.show-pro3 li:nth-child(2) {
		margin-right: 0;
	}

	.show-pro3 h2,
	.cont h2 {
		font-size: 20px;
	}

	.show-pro1 .img,
	.show-pro1 .txt {
		width: 100%;
	}

	.show-pro1 .img {
		margin-bottom: 30px;
		max-width: 530px;
	}

	.show-pro1 .txt .des {
		margin-bottom: 20px;
	}

	.show-pro1 .txt h1 {
		font-size: 20px;
	}
}

@media (max-width: 500px) {
	.show-pro3 li p {
		font-size: 15px;
		margin-top: 5px;
	}

	.show-pro3 li {
		margin-bottom: 20px;
	}

	.show-pro3 {
		margin-top: 30px;
	}

	.show-pro3 h2,
	.cont h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.pignose-tab-wrapper .pignose-tab-btn {
		font-size: 15px;
	}

	.pignose-tab-group {
		height: 165px;
	}

	.pignose-tab-wrapper .pignose-tab-container {
		top: 165px;
		padding-top: 20px;
	}

	#big_img {
		height: 300px;
	}

	.pro-d b {
		font-size: 16px;
	}

	.pro-d {
		margin-bottom: 10px;
	}

	.des,
	.des p {
		font-size: 16px !important;
		line-height: 24px !important;
	}
}

.feed {
	margin-top: 60px;
}

.feed .box2 {
	width: 100%;
	background: #f2f5f8;
}

.feed .box2 .form_input,
.feed .box2 .input_control {
	background: #fff;
}

input:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
	;
}

@media (max-width: 600px) {
	.show-case dt {
		font-size: 14px;
		margin-right: 20px;
	}

	.show-case dl {
		line-height: 22px;
	}

	.feed {
		margin-top: 30px;
	}
}

.cont .pad {
	padding: 60px 45px 0;
}

@media (max-width: 960px) {
	.cont .pad {
		padding: 50px 40px;
		display: flow-root;
	}
}

@media (max-width: 540px) {
	.cont .pad {
		padding: 30px 20px;
	}
}




/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar {
	padding: 20px;
	overflow: hidden;
	clear: both
}

.pagebar .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 2px;
	border-radius: 3px;
	line-height: 100%
}

.pagination span {
	color: #333;
	font-size: 12px;
	padding: 7px 2px;
	margin: 0 2px;
	border-radius: 3px;
}

.pagination a:hover {
	color: #333;
	border: 1px solid #333;
}

.pagination a.page-num-current {
	color: #fff;
	background: #333;
	border: 1px solid #333;
}

.pagination .st {
	font-family: 宋体
}

.text-secondary {
	text-align: center;
	padding: 20px 0
}

/*online qq*/

.online_q {
	position: fixed;
	right: 0px;
	bottom: 30%;
	z-index: 9999;
}

.online_q .btn2 {
	width: 73px;
	height: 73px;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
	font-size: 12px;
	transition: .3s;
}

.online_q .btn-top {}

.online_q .btn2 span {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 3px;
	position: relative;
	padding-top: 49px;
	z-index: 999;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	font-size: 12px;
	color: #fff;
}

.online_q .btn-qq span {
	background: url(../images/piaofu_qq.png) center 11px no-repeat #b0b0b0;
}

.online_q .btn-tel span {
	background: url(../images/piaofu_tel.png) center 11px no-repeat #b0b0b0;
}

.online_q .btn-weixin span {
	background: url(../images/piaofu_weixin.png) center 11px no-repeat #b0b0b0;
}

.online_q .btn-email span {
    /* 保持原有图片和颜色不变 */
	background: url(../images/piaofu_email.png) center 11px no-repeat #b0b0b0;
    
    /* 👇 新增：强制将邮箱图标缩放到与微信/电话一致的尺寸 */
    background-size: 35px auto; 
}

.online_q .btn-top span {
	background: url(../images/piaofu_top.png) center no-repeat #fff;
}

.online_q .open.pic {
	position: absolute;
	background: #b0b0b0;
	width: 100px;
	height: 100px;
	right: 100px;
	top: 50%;
	margin-top: -50px;
	text-align: right;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden;
}

/* 防止邮箱地址过长被截断 */
.online_q .btn-email .open.tel {
    width: auto;
    min-width: 160px;
    max-width: 260px;
    padding: 0 15px;
    white-space: nowrap;
    font-size: 14px; /* 邮箱字号可比电话略小一点 */
}

.online_q .open.pic:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #b0b0b0;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -10px;
}

.online_q .open.pic img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-right: 10px;
}

.online_q .btn2:hover .open.pic {
	opacity: 1;
	right: 90px;
	visibility: visible;
}

.online_q .open.tel {
	position: absolute;
	background: #b0b0b0;
	width: 160px;
	height: 50px;
	border-radius: 20px;
	color: #fff;
	font-size: 18px;
	font-family: arial;
	text-align: center;
	line-height: 50px;
	right: 100px;
	top: 50%;
	margin-top: -25px;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden;
}

.online_q .open.tel:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #b0b0b0;
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -10px;
}

.online_q .btn2:hover .open.tel {
	opacity: 1;
	right: 90px;
	visibility: visible;
}

#gotop {
	transition: .5s;
	overflow: hidden;
	height: 73px;
}

#gotop.hide {
	height: 0;
}






















/* ===============================
   强制锁死导航栏样式（防 typea 干扰）
   =============================== */
.page-header.typea.nav-white {
	background: #fff !important;
}

/* Logo：红色主图显示，白色图隐藏 */
.page-header.typea.nav-white .page-logo .img {
	opacity: 1 !important;
	filter: brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(7451%) hue-rotate(357deg) brightness(96%) contrast(118%);
}

.page-header.typea.nav-white .page-logo .img-w {
	opacity: 0 !important;
}

/* 菜单文字：默认黑色 */
.page-header.typea.nav-white .page-nav .link {
	color: #000 !important;
}

/* 搜索图标：黑色 */
.page-header.typea.nav-white .search,
.page-header.typea.nav-white .search .iconfont,
.page-header.typea.nav-white .iconfont.icon-sousuo,
.page-header.typea.nav-white .icon-sousuo,
.page-header.typea.nav-white .icon-sousuo:before {
	color: #000 !important;
	font-size: 16px !important;
	-webkit-text-stroke: 0.5px #000 !important;
}

/* 搜索竖杠：浅灰透明 */
.page-header.typea.nav-white .hhsear::before {
	background: rgba(0, 0, 0, 0.15) !important;
	opacity: 1 !important;
}

/* 语言按钮：蓝色 */
.page-header.typea.nav-white .lang a {
	color: #1E7BC1 !important;
}

/* 语言弹窗文字：白色 */
.page-header.typea.nav-white .langlist dt a {
	color: #fff !important;
}

/* 禁止 hover 时背景/文字变色 */
.page-header.typea:not(.typeanot):hover {
	background: #fff !important;
}

.page-header.typea:not(.typeanot):hover .page-nav .link {
	color: #000 !important;
}




/* ===== 首页产品：横5纵2 + 间隔 ===== */

.sypro .product-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	justify-content: flex-start;
	padding: 0;
	margin: 0;
}

.sypro .product-grid li {
	width: calc((90% - 80px) / 5);
	/*  5列，4个间隔 */
	box-sizing: border-box;
	float: none !important;
	margin-right: 0 !important;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

/* 图片 */
.sypro .product-grid .img-box {
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #f7f7f7;
}

.sypro .product-grid .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}

.sypro .product-grid .img-box img:hover {
	transform: scale(1.05);
}

/* 标题 */
.sypro .product-grid h3 {
	font-size: 16px;
	margin: 10px 0 5px;
	text-align: center;
	color: #333;
}


.sypro .product-grid {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
}


/* 默认状态 */
.more-btn {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    color: #18203a;
    border: 1px solid #e5e7eb;
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
    transition: all .25s ease;
}

/* 图标间距 */
.more-btn .iconfont {
    margin-left: 6px;
    font-size: 12px;
    transition: transform .25s ease;
}

/* 鼠标移上去 */
.more-btn:hover {
    background-color: #2563eb;
    color: #ffffff;           
    border-color: #2563eb;
}



/* 描述 */
.sypro .product-grid .des {
	font-size: 12px;
	color: #666;
	text-align: center;
	padding: 0 8px;
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* More */
.sypro .product-grid .moreall4 {
	display: block;
	text-align: center;
	margin: 8px 0 12px;
	font-size: 13px;
	color: #1E7BC1;
}

.sypro .product-grid .moreall4:hover {
	text-decoration: underline;
}









/* ===============================
   单一产品布局
   =============================== */

/* 图片 */
.sypro .product-grid .img-box {
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #f7f7f7;
}

.sypro .product-grid .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 标题 */
.sypro .product-grid h3 {
	font-size: 16px;
	text-align: center;
	color: #333;
	margin: 12px 0 10px;
}

/* 灰色横杠 */
.sypro .product-grid .line {
	width: 90%;
	height: 1px;
	background: #e9e8e8;
	margin: 0 auto 12px;
}

/* 蓝色圆形 */
.sypro .product-grid .arrow-circle {
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	background: #1E7BC1;
	margin: 0 auto 15px;
	text-align: center;
}

/* 白色箭头 */
.sypro .product-grid .arrow-circle .iconfont {
	color: #fff;
	font-size: 14px;
}




/* 新增关于我们三个图片样式 */
.about-new-section {
	display: flex;
	justify-content: center;
	gap: 30px;
	max-width: 1850px;
	margin: 30px auto 0;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.about-new-item {
	position: relative;  
	width: 28%;
	height: 400px;
	overflow: hidden;
}

/* 图片 */
.about-new-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* 文字固定在图片下方 1/3 处 */
.about-new-text {
	position: absolute;
	top: 77%; 
	left: 0;
	width: 100%;
	text-align: center;
	pointer-events: none;
}

/* 标题 */
.about-new-text h3 {
	font-size: 18px;
	color: #000000;
	margin-bottom: 12px;
}

/* 按钮 */
.about-new-btn {
	display: inline-block;
	background: rgba(255,255,255,.9);
	color: #000;
	font-size: 14px;
	padding: 8px 24px;
	border-radius: 4px;
	cursor: pointer;
	pointer-events: auto;
}

.about-new-btn:hover {
	background: #1e7bc1;
	color: #fff;
	transition: all 0.3s ease;
}

/* 响应式 */
@media (max-width: 768px) {
	.about-new-section {
		flex-direction: column;
		gap: 20px;
	}

	.about-new-item {
		width: 100%;
		height: 320px;
	}
}





/* 新闻模块 */
/* ================= 核心布局：左图 + 右三列 ================= */
.news-custom-layout {
    display: flex;
    gap: 30px;
    align-items: stretch; /* 左右高度一致 */
    margin-top: 10px;
}

.news-left-img {
    width: 45%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    min-height: 350px; /* 保证左侧高度 */
}

.news-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

.news-right-list {
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 垂直分布（上、中、下） */
    gap: 15px;
}

/* 关键：让每个新闻项高度一致 + 垂直居中 */
.news-item {
    display: flex;
    gap: 20px;
    align-items: center; /* 垂直居中 */
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s;
    height: 100%; /* 占满容器高度 */
}

.news-item:hover {
    background-color: #f9f9f9;
    padding-left: 5px;
}

.news-item:last-child {
    border-bottom: none;
}

/* ================= 日期 + 标题 + 蓝色竖杠 ================= */
.news-date {
    text-align: center;
    min-width: 50px;
    flex-shrink: 0;
    position: relative;
    padding-right: 20px; /* 为竖杠留空间 */
}

/* 蓝色竖杠（在日期右侧） */
.news-date::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 24px;
    background: #1E7BC1;
}

.news-date .day {
    font-size: 32px;
    font-weight: bold;
    color: #1E7BC1; /* 蓝色 */
    line-height: 1;
}

.news-date .month {
    font-size: 13px;
    color: #1E7BC1; /* 蓝色 */
    margin-top: 5px;
}

.news-content {
    flex: 1;
}

.news-title {
    font-size: 18px;
    color: #1E7BC1; /* 蓝色 */
    margin: 0 0 8px 0;
    font-weight: bold;
    line-height: 1.4;
}

.news-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ================= 更多按钮：方框样式 ================= */
.more-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s;
}

.more-btn:hover {
    background: #1E7BC1;
    color: #fff;
    border-color: #1E7BC1;
}

/* ================= 标题 + 按钮样式 ================= */
.sytit h2 {
    margin: 0;
    font-weight: normal;
}

.zt1 {
    font-size: 24px;
    color: #333;
}

.zt2 {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.btn {
    display: inline-block;
    padding: 7.5px 16px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}

.btn.active {
    background: #0056b3;
    color: #fff;
    border-color: #0056b3;
}



/* ================= 公司新闻 / 行业动态 hover ================= */
.btn {
    display: inline-block;
    padding: 7.5px 16px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    background: #fff;
    transition: all 0.3s;
}

/* hover 时：和 more-btn 完全一致 */
.btn:hover {
    background: #1E7BC1;
    border-color: #1E7BC1;
    color: #fff;
}

/* 当前选中状态（保持你原有的 active） */
.btn.active {
    background: #1E7BC1;
    color: #fff;
    border-color: #1E7BC1;
}






/* 合作伙伴样式 */
/* ===============================
   合作伙伴 Logo 墙 (响应式)
   =============================== */
.partner-section {
  padding: 40px 0;
  background: #fff;
}

/* 容器限制最大宽度 */
.partner-section .container {
  max-width: 90%;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* 核心网格布局 */
.partner-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px 30px;
  align-items: center;
  justify-items: center;
}

/* Logo 图片容器 */
.partner-item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-item img {
  max-width: 100%;
  width: auto;
  height: auto;
  min-height: 48px;          /* ✅ 防止过小 */
  object-fit: contain;
  filter: grayscale(0%);
  transition: all 0.3s ease;
}

/* 鼠标悬停效果 */
.partner-item:hover img {
  transform: scale(1.05);
}

/* ===============================
   移动端适配
   =============================== */

/* 平板：一行 3 个 */
@media (max-width: 992px) {
  .partner-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 20px;
  }
}

/* ✅ 手机：始终一排 2 个 */
@media (max-width: 768px) {
  .partner-grid {
    grid-template-columns: repeat(2, 1fr); /* ✅ 强制两列 */
    gap: 20px;
  }

  .partner-item img {
    min-height: 44px; /* ✅ 控制最小高度，不压太死 */
  }
}

/* ✅ 极小屏：仍然一排 2 个（已删除 1 列规则） */
@media (max-width: 480px) {
  .partner-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .partner-item img {
    min-height: 40px;
  }
}







/* ===============================
   全局自适应安全（不影响原样式）
   =============================== */
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

/* ===============================
   首页产品：响应式列数
   =============================== */
@media (max-width: 1200px) {
  .sypro .product-grid li {
    width: calc((100% - 40px) / 3); /* 3列 */
  }
}

@media (max-width: 768px) {
  .sypro .product-grid li {
    width: calc((100% - 20px) / 2); /* 2列 */
  }
}

@media (max-width: 480px) {
  .sypro .product-grid li {
    width: 100%; /* 1列 */
  }
}

/* ===============================
   新闻模块：小屏竖排
   =============================== */
@media (max-width: 768px) {
  .news-custom-layout {
    flex-direction: column;
  }

  .news-left-img,
  .news-right-list {
    width: 100%;
  }

  .news-left-img {
    min-height: 220px;
  }
}

/* ===============================
   关于我们模块优化
   =============================== */
@media (max-width: 768px) {
  .about-new-item {
    height: auto;
  }

  .about-new-item img {
    height: 220px;
  }
}

/* ===============================
   自主研发板块（不破坏你现在效果）
   =============================== */
@media (max-width: 768px) {
  .blue-block {
    padding: 40px 15px 60px;
  }

  .white-card {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 0 -30px;
    gap: 12px;
  }

  .white-card img {
    width: 100%;
  }

  .line-main {
    font-size: 22px;
  }

  .line-sub {
    font-size: 14px;
  }
}

/* ===============================
   导航栏：防止手机被强行覆盖
   =============================== */
@media (max-width: 768px) {
  .page-header,
  .page-header.typea,
  .page-header.typea.nav-white {
    background: #fff !important;
  }

  .page-header .page-nav .link {
    color: #000 !important;
  }
}

/* ===============================
   数字统计自适应
   =============================== */
@media (max-width: 768px) {
  .tdnum dt {
    width: 46% !important;
    margin: 10px 2% !important;
  }
}


/* ========================================
   强制覆盖所有轮播组件分页指示器样式
   ======================================== */

/* === 1. 精确覆盖问题样式 === */
.newprod-dots .newprod-dot,
.newprod-dots .newprod-dot.active,
.news-dots .news-dot,
.news-dots .news-dot.active {
  min-width: auto !important;
  min-height: auto !important;
  padding: 0 !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 5px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  position: relative !important;
}

.newprod-dots .newprod-dot.active,
.news-dots .news-dot.active {
  width: 24px !important;
  background: #000 !important;
  border-radius: 5px !important;
}

/* === 2. 修复首页Banner === */
.swiper-container-banner .swiper-pagination-bullet,
.swiper-container-banner .swiper-pagination-bullet-active {
  min-width: auto !important;
  min-height: auto !important;
  padding: 0 !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 5px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

.swiper-container-banner .swiper-pagination-bullet-active {
  width: 24px !important;
  background: #ffffff !important;
  border-radius: 5px !important;
}

/* === 3. 响应式适配 === */
@media screen and (max-width: 768px) {
  .newprod-dots .newprod-dot,
  .newprod-dots .newprod-dot.active,
  .news-dots .news-dot,
  .news-dots .news-dot.active {
    width: 8px !important;
    height: 8px !important;
    margin: 0 4px !important;
  }
  
  .newprod-dots .newprod-dot.active,
  .news-dots .news-dot.active {
    width: 20px !important;
  }
}

@media screen and (max-width: 480px) {
  .newprod-dots .newprod-dot,
  .newprod-dots .newprod-dot.active,
  .news-dots .news-dot,
  .news-dots .news-dot.active {
    width: 7px !important;
    height: 7px !important;
    margin: 0 3px !important;
  }
  
  .newprod-dots .newprod-dot.active,
  .news-dots .news-dot.active {
    width: 18px !important;
  }
}