@charset "utf-8";
/* CSS Document */
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; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif;  background:#fff;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;  }
.container12{width:1200px; margin:0 auto}
.container13{width:1300px; margin:0 auto}
.container14{width:1400px; margin:0 auto}
.container{width:1600px; margin:0 auto}
.containers{width:96%; margin:0 auto}
.container14s {width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.headUp {top: -100%;transition: 1s;position: absolute;width: 100%;}
.navfixed {background-color: #fff;box-shadow: 0 -7px 7px 7px #999;position: fixed;z-index: 999;top: 0; transition: 1s;}

/* 去除input自动填充背景色 */
input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important;}

/*字体引入*/
@font-face {
  font-family: "futura";
  src: url("../font/Futura\ Md\ BT\ Bold.ttf");
}

@font-face {
  font-family: "CalistoMT";
  src: url("../fonts/CALIBRIL(1).TTF");
}
/* CSS Document */


/* 头部 */
.head {position: fixed; z-index: 999;width: 100%;  height: 90px; }
.head h1 {margin-left: 1rem;}
.head h1 a {display: block;background: url(../images/logo.png) no-repeat center; width: 200px; height: 90px; background-size: 100%;}
.head-right {display: flex;}
.head-right > ul {display: flex;}
.head .head-con {width: 100%; margin: 0 auto; height: 100%; transition: .5s; display: flex;justify-content: space-between; align-items: center;}
.head-right > ul > li > a {font-size: 1rem;color: #fff; padding: 0 2rem; line-height: 90px; display: block; transition: .5s;}
.head-right > dl {display: flex; align-items: center; }
.head-right > dl > dd {width: 108px; height: 100%; line-height: 90px; display: flex;align-items: center; justify-content: center; border-left: 1px solid rgba(255, 255, 255, .15);  }
.head-right > dl > dd:nth-child(1) {display: none;}
.head-right > dl > dd:nth-child(1) > a {display: block; background: url(../images/head-icon1.png) no-repeat center; width: 1.4rem; height: 1.5rem; background-size: contain;}
.head-right > dl > dd:nth-child(2) > a {display: block; background: url(../images/head-icon2.png) no-repeat center; width: 1.2rem; height: 1.2rem; background-size: contain;}
.head-right > dl > dd:nth-child(2) {position: relative;}
.head-right > dl > dd:nth-child(2)::after {content: ""; position: absolute; top: auto; bottom: -10px; z-index: 22; right: 0;width: 100%; height: 30px; background-color: transparent;}
.head-right > dl > dd:nth-child(3) {width: 140px;}
.head-right > dl > dd:nth-child(3) span {font-size: 1rem; color: rgba(255, 255, 255, .33);}
.head-right > dl > dd:nth-child(3) em {font-size: 1rem; color: rgba(255, 255, 255, .33);padding: 0 5px;}
.head-right > dl > dd:nth-child(3) a.on span {color: #fff;}
.head-right > ul > li {text-align: center;}
.head-right > ul > li > a {position: relative; z-index: 2; text-align: center;}
.head-right > ul > li > a > span {position: relative;z-index: 2;}
.head-right > ul > li > a::after {content: ""; width: 100%; height: 100%; display: block;  transition: .5s; position: absolute;top: -100%; left: 0; background-color: #5a8ec0;}
.head-right > ul > li:hover a::after {top: 0;}
.head-right > ul > li:hover > span {color: #fff;}

.head-right > ul > li.on > a {background-color: #fff; color: #5a8ec0;}
.head-right > ul > li.on > span {color: #5a8ec0;}
.head-right > ul > li:nth-child(1).on > a {background-color: initial; color: #fff;}
.head-right > ul > li:nth-child(1).on > span {color: #fff;}

.head::after {width: 100%;  height: 1px;   content: "";  z-index: 99;  position: absolute;   bottom: 0;   left: 0;  background: rgba(255,255,255,0.15);  transition: all 3s ease-in-out;  animation: ProgressDots 5s both;}

.head:hover .head-con {background-color: #ffff;}
.head:hover::after {background-color: #e5e5e5}
.head:hover h1 a {background: url(../images/logo2.png) no-repeat center; background-size: 100%;}
.head:hover .head-right > ul > li > a  {color: #333;}
.head .head-right > ul > li:hover > a {color: #fff;}
.head:hover .head-right > dl > dd:nth-child(1) > a {background: url(../images/head-icon3.png) no-repeat center; background-size: contain; }
.head:hover .head-right > dl > dd:nth-child(2) > a {background: url(../images/head-icon4.png) no-repeat center; background-size: contain;}
.head .head-right > dl > dd:nth-child(2):hover .search-pro {opacity: 1;   transform: translateY(0); pointer-events: auto;}
.head:hover .head-right > dl > dd { border-left: 1px solid #e1e1e1;}
.head:hover .head-right > dl > dd:nth-child(3) {border-right: 1px solid #e1e1e1;}
.head:hover .head-right > dl > dd:nth-child(3) span { color: #bcbcbc; font-weight: bold;}
.head:hover .head-right > dl > dd:nth-child(3) em { color: #bcbcbc;}
.head:hover .head-right > dl > dd:nth-child(3) a.on span {color: #5891ca;}
.head .head-right > dl > dd:nth-child(1):hover > a {background: url(../images/head-icon5.png) no-repeat center; background-size: contain; }
.head .head-right > dl > dd:nth-child(2):hover > a {background: url(../images/head-icon6.png) no-repeat center; background-size: contain; }
.head .head-right > dl > dd:nth-child(3) a:hover span {color: #5891ca;}

.navfixed h1 a {background: url(../images/logo2.png) no-repeat center; background-size: 100%;}
.navfixed .head-right > ul > li > a  {color: #333;}
.navfixed .head-right > ul > li:hover > a {color: #fff;}
.navfixed .head-right > dl > dd:nth-child(1) > a {background: url(../images/head-icon3.png) no-repeat center; background-size: contain;}
.navfixed .head-right > dl > dd:nth-child(2) > a {background: url(../images/head-icon4.png) no-repeat center; background-size: contain;}
.navfixed .head-right > dl > dd { border-left: 1px solid #e1e1e1;}
.navfixed .head-right > dl > dd:nth-child(3) {border-right: 1px solid #e1e1e1;}
.navfixed .head-right > dl > dd:nth-child(3) span { color: #bcbcbc; font-weight: bold;}
.navfixed .head-right > dl > dd:nth-child(3) em { color: #bcbcbc;}
.navfixed .head-right > dl > dd:nth-child(3) a.on span {color: #333;}
/* .navfixed .menu-btn { border-left: 1px solid #e1e1e1; box-sizing: border-box;} */
.navfixed .menu-btn .icon span {background-color: #333;}

.navfixed .head-right > ul > li.on > a {color: #fff;}
.navfixed .head-right > ul > li.on > a::after {top: 0;}

.slideTxtBox {position: absolute; display: none;  background-color: #fff; width: 100%; left: 0; height: 100vh; background: url(../images/head-nav-bj.jpg) no-repeat center; background-size: cover;}
.slideTxtBox li a {display: block;}
.slideTxtBox > .hd > ul > li {width: 17.5%; text-align: center;height: 100%;line-height: 120px;background: #fff;}
.slideTxtBox > .hd > ul > li:nth-child(2){height:100vh}
.slideTxtBox > .hd > ul > li > a {color: #333; font-size: 1.8rem; padding: 0; position: relative;display: block;}
/* .slideTxtBox > .hd > ul > li > a::after {content: ""; width: 0; height: 4px; background-color: #5a8ec0; bottom: 0; position: absolute; left: 50%; transition: 1s;}  */
.slideTxtBox > .hd > ul > li:hover > a {color: #fff;background-color: #5a8ec0;}

.slideTxtBox > .hd > ul > li:hover > a::after {width: 100%;left: 0;}
.slideTxtBox > .hd > ul > li.on > a {color: #fff; background-color: #5a8ec0;}
.slideTxtBox > .hd > ul > li > a.on {color: #fff; background-color: #5a8ec0;}
.slideTxtBox > .hd > ul > li.ons > a {color: #fff; background-color: #5a8ec0;}
.slideTxtBox > .hd > ul > li > a.ons  {color: #fff; background-color: #5a8ec0;}

/* .slideTxtBox > .hd > ul > li.ons > a::after {width: 100%;left: 0;} */
.slideTxtBox > .bd {width: 65%; margin: 0 auto;}
.slideTxtBox > .bd > ul {display: none;}
.slideTxtBox2 {position: absolute; top: 0; width: 30%; height: 100%; }
.slideTxtBox2 .hd222 {width: 50%;  height: 100%; border-left: 1px solid #e5e5e5; border-right: none;  border-right: 1px solid #e5e5e5;background:rgba(255,255,255,0.7)}
.slideTxtBox2 .hd222 ul li { }
.slideTxtBox2 .hd222 ul li a {font-size: 1rem; color: #333; position: relative; text-align: left;     padding: 21px 0 22px 5%; line-height: 30px;}
.slideTxtBox2 .hd222 ul li a .nav3-jt {    margin-left: 60%;   display: inline-block; position: absolute; right: 5%;}
.slideTxtBox2 .hd222 ul li:hover > a {color: #fff; background-color: #5a8ec0;}
.slideTxtBox2 .hd222 ul li.on > a {color: #5a8ec0;}

.slideTxtBox2 > .hd222 > ul > li > dl {position: absolute; display: none; top: 0; right: 0; height: 100%; width: 50%; border-right: 1px solid #e5e5e5;background:rgba(255,255,255,0.5)}
.slideTxtBox2 > .hd222 > ul > li > dl dd a:hover {background-color:#5a8ec0 ; color: #fff;}
.slideTxtBox2 > .hd222 > ul > li > dl dd a {padding: 15px 5%; line-height: 25px;}
/* .slideTxtBox2 .hd li:hover  */

/* .slideTxtBox2 .bd { position: absolute; display: none; top: 0; right: 0; height: 100%; width: 50%; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; ; padding-left:5%;}
.slideTxtBox2 .bd ul {display: none;}
.slideTxtBox2 .bd ul li {line-height: 70px;}
.slideTxtBox2 .bd ul li a {font-size: 18px; color: #333;}
.slideTxtBox2 .bd ul li:hover > a {color: #5a8ec0;}
.slideTxtBox2 .bd ul li.on > a {color: #5a8ec0;} */
.head-nav1 > li:nth-child(3) {position: relative;}
.head-nav1 > li:nth-child(4) {position: relative;}
.head-nav1 > li:nth-child(5) {position: relative;}
.head-nav1 > li:nth-child(6) {position: relative;}


.head-nav1 > li > dl {position: absolute; display: none; position: absolute; background: #fff;  padding: 10px 20px; width: 162%; left: -30%;}
.head-nav1 > li > dl > dd {font-size: 0.9rem; color: #333; text-align: center; border-bottom: 1px solid #eee; padding: 1rem 0; position: relative;}
.head-nav1 > li > dl > dd > a {}
.head-nav1 > li > dl > dd::after {content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: #5891ca; left: 0; transition: .5s;} 
.head-nav1 > li > dl > dd:hover > a {color: #5891ca;}
.head-nav1 > li > dl > dd:hover::after {width: 100%; }

.search-pro {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding: 20px 30px; box-sizing:border-box;width: 400px;min-height: 200px;position: absolute;right: -20px;top: 110px;opacity: 0;transition: all .5s ease;-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);    transform: translateY(50px); box-shadow: 0 0 99px rgba(29,56,75,.4);    pointer-events: none;}
.search-pro::before {content: ""; position: absolute; top: -55px; z-index: 22; right: 0; width: 100%; height: 55px; background-color: transparent;}
.search-pro::after {content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}

.search-box:hover .search-pro {opacity: 1;transform: translateY(0);pointer-events: auto;}
.search{border-bottom: 1px solid #e1e1e1; margin-bottom: 10px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; }
.search-text{width: 310px; line-height: 50px;}
.search .sub{background: url(../images/head-icon4.png) no-repeat center; width: 25px; height: 50px; cursor: pointer;}
.search-list dl dt{float: left; margin-right: 10px; margin-bottom: 10px;     line-height: initial;}
.search-list dl dt a{position: relative; transition: all .5s ease .3s; display: inline-block; padding: 0 10px; background: #e1e1e1; border-radius: 4px;  text-align: center;}
.search-list dl dt a:after{content: '';display: block;width: 0;transition: width .5s ease-out;height: 100%;background-color: #5a8ec0;position: absolute;top: 0;left: 0; z-index: 0; border-radius: 4px;}
.search-list dl dt:hover a:after{width: 100%; }
.search-list dl dt span{font-size: 0.9rem; line-height: 36px; color: #999; position: relative; z-index: 1}
.search-list dl dt:hover span{color: #fff;}

.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
/*==========================================公共 结束=============================================*/

/*==========================================首页 开始=============================================*/
.banner{position:relative;z-index:2;height:100vh;}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .img{ position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out; background-size:cover !important}
.banner .miso-list li.miso-current .img{visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .miso-list li h2{position:relative;    margin-left: 15rem; -webkit-animation: sectitle0 2s ease-in-out 100ms forwards;animation: sectitle0 2s ease-in-out 100ms forwards;top:25px;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;margin-top: -15rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding: 0 0 0 0;}
.banner .miso-list li h2 p {font-size: 2rem; color: #fff; }
.banner .miso-list li h2 p span {font-family: "CalistoMT"; font-weight: 600;}
.banner .miso-list li h2 em {font-size: 1.5rem; color: #fff; display: block; line-height: 35px; width: 60%; margin-top: 2rem;     font-style: normal;}
@-webkit-keyframes sectitle0{
    0%{
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
    }
    100%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}

.banner .miso-list li.miso-current h2{ top:0; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .miso-list li a{display:inline-block;width:13.75rem;height:3.75rem;border-radius: 30px; transition: .5s; margin-top: 2rem; text-align:center;color:#fff;font-weight:bold;text-transform:uppercase;display: flex;align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3);}
.banner .miso-list li a span {margin-right: 2rem; font-size: 18px; color: #fff;}
.banner .miso-list li a:hover {background-color: #679cd2; border: none;}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

.banner .miso-prev,.banner .miso-next{z-index:100000;width:65px;height:65px;line-height: 65px;margin-top:-37.5px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-prev{left: 10rem;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 3rem;font-family:simsun;color:rgba(255,255,255,0.65);}
.banner .miso-next{right: 5rem;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-next:hover{ }
.banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:3rem; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .layui-container,.banner .layui-row,.banner .layui-col-xs12{ height:100%}
.banner .miso-list li .table{ text-align:left}
.banner .miso-prev:hover:before{ color:#fff}
.banner .miso-next:hover:before{ color:#fff}
@-webkit-keyframes ProgressDots {
    from {
    width: 0px;
    }
    to {
    width: 100%;
    }
}
.banner .miso-dots {position: absolute;height: 2px;top: 0;width: 100%;left: 0px;padding: 0px;margin: 0px;list-style-type: none;z-index: 100000;}
.banner .miso-dots li button {display: none;}
.banner .miso-dots li {float: left;width: 0px;height: 1px;background: #fff;position: absolute;left: 0px;top: 0;margin: 0;}
.banner .miso-dots li.miso-active {width: 100%;-webkit-animation: ProgressDots 5s both;animation: ProgressDots 5s both;}


/* 首页左侧固定 */
.index-left {position: fixed;left:0; top: 90px;     width: 155px; height: 100%; z-index: 2; }
.index-left dd {margin-top: 1rem;}
.index-left dd a {position: relative; z-index: 2;  width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .26); display: flex; align-items: center; justify-content: center;}
.index-left dd a img {position: relative;z-index: 2;}
.index-left dd a .con-hide {position: absolute; left: 0; width: 0;overflow: hidden;  height: 40px;  z-index: 0;  transition: all 0.36s ease-in-out; z-index: 0;  background-color: #679cd2; border-radius: 30px; text-align: center; line-height: 40px;}
.index-left dd a .con-hide span {color: #fff; font-size: 0.9rem;     filter: alpha(opacity=0); line-height: 40px; opacity: 0;  transition: all 0.36s ease-in-out;}
.index-left dd a:hover {border: none;}
.index-left dd a:hover .con-hide {width: 126px; padding-left: 20px;}
.index-left dd a:hover .con-hide span {opacity: 1;   transition-delay: 0.6s;}
.index-left dl {position: absolute; left: 0; width: 100%; bottom: 25%;padding: 0 58px;}
.index-left:after { width: 1px;  height: 90.5%;   content: "";   position: absolute;   bottom: 0;   right: 0;  background: rgba(255,255,255,0.15);  transition: all 3s ease-in-out; animation: ProgressDots2 5s both;}
@-webkit-keyframes ProgressDots2 {
    from {
    height:0;
    }
    to {
      height: 100%; 

    }
}




/* 右侧图标  */
.index-right {position: fixed; right: 4rem; bottom: 15%; z-index: 99;}
.index-right span {font-size: 14px; color: #fff; font-weight: bold; margin-left: 10px;}
.index-right img {animation: tpshansuo 1s infinite linear .65s; }

@-webkit-keyframes tpshansuo{
    0%{
    opacity: 0;
    transform: translateX(-15%);
    }
    100%{
    opacity: 1;
    transform: translateX(55%);
}
}







/* 首页底部 */
.index-bottom {position: fixed; bottom: 0;width: 100%; z-index: 2; background: rgba(0, 0, 0, .3); height: 80px;}
.bottom-con {display: flex;justify-content: space-between; align-items: center; height: 80px;}
.bottom-txtScroll {display: flex; align-items: center; margin-left: 9%;}
.bottom-txtScroll .hd {order: 2; display: flex; margin-left: 50px;}
.bottom-txtScroll .hd a {width: 28px; margin-left: 10px; cursor: pointer; height: 28px; display: block; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.bottom-txtScroll .hd a:hover {background: rgba(255, 255, 255, .25);}
.bottom-txtScroll .bd li span {font-size: 0.8rem; color: rgba(255, 255, 255, .5); display: block;}
.bottom-txtScroll .bd li a {font-size: 1rem; color: #fff; display: block; margin-top: 10px; display: -webkit-box;   overflow: hidden;    -webkit-line-clamp: 1; -webkit-box-orient:vertical;}
.index-bottom .bottom-right a {font-size: 0.8rem; color: #fff; position: relative;}
.index-bottom .bottom-right a::after {content: ""; position: absolute; width: 0; transition: .5s; height: 1px; left: 0; bottom: -15%; background-color: #fff; display: block;}
.index-bottom .bottom-right span {font-size: 0.8rem; color: #fff;}
.index-bottom .bottom-right a:hover:after  {width: 100%;}



/* ===================================================================================内页============================================================================================ */

.ny-banner { position: relative; background: url(../images/ny-banner1.jpg) no-repeat center; height: 620px; background-size: cover; overflow: hidden;}
.ny-banner .container {height: 100%;}
.ny-banner .about-ban {position: absolute; bottom: 0; height: 4.3rem; display: flex; align-items: center;justify-content: center; width: 100%; background-color: rgba(0, 0, 0, .2);}
.ny-banner .about-ban a {display: block; width: 200px; text-align: center; transition: .5s; color: #fff; font-size: 1rem; height: 100%; line-height: 4.3rem;}
.ny-banner .about-ban a:hover {background-color: #5a8ec0;}
.ny-banner .about-ban a.on {background-color: #5a8ec0;}
 .banner-title {text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
 .banner-title h1 {font-size: 3.7rem; color: #fff; font-weight: bold;}
 .banner-title h2 {font-size: 3.7rem; color: rgba(255, 255, 255, .15); font-weight: bold; position: relative; top: -25px;text-transform: uppercase;}
/* =======================产品中心====================== */
.ny-banner2 {background: url(../images/ny-banner2.jpg) no-repeat center; height: 500px; background-size: cover; position: relative;}
.ny-banner2 .banner-img {overflow: hidden;     display: flex;  align-items: center;  justify-content: center;}
.ny-banner2 .banner-img img {width: 100%;}
.ny-banner2 .banner-title {display: flex; justify-content: center; flex-direction: column;align-items: center; height: 100%; padding-top: 0;}
.ny-banner2 .banner-title h1 {position: relative; font-size: 2.5rem; color: #fff; font-weight: bold;}
.ny-banner2 .banner-title h2 {font-size: 3.7rem; color: rgba(255, 255, 255, .15); font-weight: bold; position: relative;top: -4%;}
/* .ny-banner2 .banner-title h1::after {position: absolute; content: ""; width: 108px; height: 6px;background: #5e82a4; bottom: -50px; left: 0;} */

.ny-banner2 .banner2-nav { background: rgba(0, 0, 0, .13); height: 110px;width: 100%;bottom: 0;position: absolute;}
.ny-banner2 .banner2-list {display: flex;  align-items: center; justify-content: space-between;  width: 1300px; margin: 0 auto; height: 110px; }
.ny-banner2 .banner2-list li {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.ny-banner2 .banner2-list li {width: 10%; height: 100%; transition: .5s; padding:  0.3rem ; box-sizing: border-box;}
.ny-banner2 .banner2-list li img {transition: .5s;}
/* .ny-banner2 .banner2-list li::after {content: ""; position: absolute; width: 0; bottom: -13px; left: 50%;  height: 5px;background: #6191c1; transition: .5s;} */
.ny-banner2 .banner2-list span {color: #fff;display: block; margin-top: 5px; font-size: 0.9rem;  line-height: 20px;}
/* .ny-banner2 .banner2-list li:hover:after  { left: 26%; bottom: -13px; width: 50%;} */
/* .ny-banner2 .banner2-list li:hover img {  transform:translateY(-10px);} */
/* .ny-banner2 .banner2-list li.on:after  { left: 26%; bottom: -13px; width: 50%;} */
/* .ny-banner2 .banner2-list li.on img {  transform:translateY(-10px);} */
.ny-banner2 .banner2-list li:hover {background: #6191c1;}
.ny-banner2 .banner2-list li.on {background: #6191c1;}



.solution-banner-list .banner-title {padding-top: 200px;}

/* =======================加入我们======================== */
.join-us-banner {background: url(../images/join-us-banner.jpg) no-repeat center;  background-size: cover; height: auto !important; padding-bottom: 33%;}
.join-us-banner .banner-title {display: none;}





/* =======================解决方案======================== */
.solution-banner {background: url(../images/solution-banner.jpg) no-repeat center;  background-size: cover;}
.solution-banner .about-ban {justify-content: space-around;}
.solution-banner .about-ban a {color: #fff; padding: 0 0.5rem; box-sizing: border-box; width: auto;}
.solution-fields {background: url(../images/solution-list-bj.jpg) no-repeat center; padding: 100px 0; background-size: cover;}
.solution-fields-box {position: relative; width: 1800px;margin: 0 auto;}
.solution-fields .solution-swiper {overflow: hidden;}
.solution-fields .solution-swiper .swiper-slide {display: flex; flex-direction: column;}

.solution-fields .solution-swiper .swiper-slide:nth-child(even)  .solution-info {order: 1;}
.solution-fields .solution-swiper .swiper-slide:nth-child(even)  .solution-fields-img{order: 2;}

.solution-fields-img {position: relative; overflow: hidden;}
.solution-fields-img img {width: 100%; display: block; transition: .5s;}
.solution-fields .solution-info {padding: 20px; box-sizing: border-box; background-color: #fff;}
.solution-fields .solution-info a {display: flex; align-items: center; justify-content: space-between;}
.solution-fields .solution-info .info-time {border: 2px solid #dddddd; display: inline-block; padding: 16px 12px; box-sizing: border-box; position: relative;}
.solution-fields .solution-info .info-time::after {position: absolute; content: ""; width: 50%; height: 3px; left: 25%;  background: #6191c1; top: -2px; transition: .5s;}
.solution-fields .solution-info .info-time h2 {font-size: 18px;color: #6191c1;font-weight: bold;}
.solution-fields .solution-info h3 {font-size: 0.9rem;color: #333333;line-height: 20px; margin: 0 0.5rem;}
.solution-fields .solution-info span {font-size: 10px;color: #999; line-height: 23px; text-transform: uppercase;}
.solution-fields .solution-hide {position: absolute;  transition: .5s;   left: -150%; top: 0; width: 100%; height: 100%; padding: 34px 40px; background-color: rgba(81,129,178,.8);}
.solution-fields .solution-hide li {padding: 15px 0; border-bottom: 1px solid rgba(238,246,255,.3);}
.solution-fields .solution-hide li a {color: #fff; font-size: 1rem; position: relative; left: 0; transition: .5s; display: flex; align-items: center;}
.solution-fields .solution-hide li a span {width: 90%;}
.solution-fields .solution-hide li a:hover { left: 10px;}
.solution-fields .solution-info .info-img { width: 33px; height: 33px; background: url(../images/solution-list-icon-jt.png) no-repeat center; background-size: 100%; flex-shrink: 0;}
.solution-fields .swiper-slide:hover .solution-info .info-img {background: url(../images/solution-list-icon-jt2.png) no-repeat center; background-size: 100%;}
.solution-fields .swiper-slide:hover .info-time::after {width: 100%; left: 0;}
.solution-fields .swiper-slide:hover .solution-hide {left: 0;}
.solution-fields .swiper-slide:hover .solution-fields-img img {transform: scale(1.05);}
.solution-fields .swiper-button-prev { width: 70px; top: 40%;     left: 0; display: inline-block; border-radius: 50%; height: 70px;background: #ffffff;border: 1px solid #d5d5d5;}
.solution-fields .swiper-button-prev::after {content: " "; background: url(../images/solution-list-jtz.png) no-repeat center; width: 100%; height: 100%; display: block;}
.solution-fields .swiper-button-next { width: 70px; top: 40%;     right: 0; display: inline-block; border-radius: 50%; height: 70px;background: #ffffff;border: 1px solid #d5d5d5;}
.solution-fields .swiper-button-next::after {content: " "; background: url(../images/solution-list-jty.png) no-repeat center; width: 100%; height: 100%; display: block;}
.solution-fields .swiper-button-prev:hover {border: 1px solid #3475b6}
.solution-fields .swiper-button-next:hover {border: 1px solid #3475b6}



/* =======================解决方案列表页======================== */
.solution-banner-list  {background-size: cover; height: 100vh;}
.solution-banner-list .banner-title {text-align: left; display: block; width: 80%; margin: auto;}
.solution-banner-list .banner-title h1::after {display: none;}
.solution-banner-list .banner-title i {display: block;width: 63px; height: 4px; background: #6191c1; margin-top: 20px;}
.solution-banner-list .banner-title p {font-size: 1rem; color: #fff; line-height:28px; width:50%; margin: 3rem 0;}
.solution-banner-list .banner-title a {display: inline-flex; transition: .5s; padding: 1rem 1.8rem; box-sizing: border-box; align-items: center;justify-content: flex-start; border: 1px solid rgba(255,255,255,.1);border-radius: 31px;}
.solution-banner-list .banner-title a span {font-size: 1.1rem; color: #ffffff; margin-left: 15px;}
.solution-banner-list .banner-title a img {transition: .5s;}
.solution-banner-list .banner-title a:hover {background: #5a8ec0; border: 1px solid  #5a8ec0;}
.solution-banner-list .banner-title a:hover img {transform: rotateY(180deg);}
.solution-banner-list .yidong-jt {display: flex; align-items: center; position: absolute; left: 50%; top: 70%; transform: translate(-50%, -50%);      margin: 3.125rem auto; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.2);}
.solution-banner-list .yidong-jt a {display: block; width: 100%; text-align: center;}
.solution-banner-list .yidong-jt img {animation: yidong-jt  1s infinite linear .65s;}
@-webkit-keyframes yidong-jt {
    0%{
    transform: translateY(-15%);
    }
    50%{
      transform: translateY(15%);
    }
    100%{
    transform: translateY(-15%);
  }
}
.solution-banner-list .about-ban {border-top: 1px solid rgba(255,255,255,.13);     position: absolute;bottom: 0; width: 100%;}
.solution-banner-list .about-ban .ban-box {display: flex; align-items: center; justify-content: space-between; height: auto; flex-wrap: wrap; }
.solution-banner-list ul {text-align: right; display: flex;   order: 2;     padding: 1rem 0;}
.solution-banner-list ul li a {font-size: 0.9rem; color: #F5F5F5;}
.solution-banner-list ul li:nth-child(1) a {background: url(../images/mbx-icon.png) no-repeat left;padding-left: 25px; background-size: contain;}
/* .solution-banner-list ul li a:hover {color: #3475b6;} */
/* .solution-banner-list ul li a.on {color: #3475b6;} */
.solution-banner-list .ban-list {display: flex; height: 100%; width: 100%; align-items: center;}
.solution-banner-list .ban-list a {font-size: 1.15rem;  color: #ffffff;  display: block; line-height: 76px; padding:0 2.2rem; box-sizing: border-box; width: 20%;padding: 1rem 0.5rem; box-sizing: border-box; text-align: center; line-height: 20px;}
.solution-banner-list .ban-list a:hover { background: rgba(255,255,255,.2);}
.solution-banner-list .ban-list a.on {background: rgba(255,255,255,.2);}

.Superbiotics {background: url(../images/solution-list-bj.jpg) no-repeat center; padding:120px 0; background-size: cover;}
.Superbiotics ul {display: flex; flex-wrap: wrap;justify-content: space-between;}
.Superbiotics ul::after {width: 30%; content: "";}
.Superbiotics ul li {width: 30%; position: relative; overflow: hidden;border-radius: 30px 30px 0 0;margin-bottom:60px;border-bottom:1px solid #ccc;padding-bottom:25px;}
.Superbiotics ul li div.pic {border-radius: 30px; transition: .5s; width: 100%;overflow: hidden;}
.Superbiotics ul li div img{width: 103%; transition: .5s;}
.Superbiotics ul li:hover div.pic img{transform: scale(1.1);}
.Superbiotics ul li .title {width: 100%;margin-top:31px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.Superbiotics ul li .title h3 {font-size: 1.3rem;  font-weight: 400; color: #333; line-height: 2rem;}
.Superbiotics ul li:hover .title h3{ color: #3475b6;}
.Superbiotics ul li .title span {font-size: 0.9rem;font-weight: 400; color: #666; line-height: 34px;}
.Superbiotics ul li .title-right {width: 42px; height: 42px;  opacity: 0.63;border: 1px solid #c7c7c7; border-radius: 50%; flex-shrink: 0;}
.Superbiotics ul li .title-right::after { content: ""; text-align: center;  display: inline-block; font-size: 20px; color: #fff; background: url(../images/product-center-list-icon-jt.png) no-repeat center; width: 100%; height: 100%;}
/* .Superbiotics ul li:hover img {transform: scale(1.1);} */
.Superbiotics ul li:hover .title-right::after {animation: centerListIcon 1s infinite linear .65s;}



/* =======================解决方案详情页======================== */
.solution-details {background: url(../images/solution-details.jpg) no-repeat center; background-size: cover; height: 839px;}
.solution-details .details-banner {display: flex; align-items: center; justify-content: space-between;     position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);}
.solution-details .details-banner .banner-title {width: 100%; padding-top: 0; width: 50%; margin: 0;}
.solution-details .details-banner .banner-title p {width: 100%; color: #FFF;}
.solution-details .details-banner .banner-title h1 {font-size: 2.5rem;}
.solution-details .details-banner .banner-title h2 {font-size: 3rem;}

/* .solution-details .details-video {width: 40%;}
.solution-details .details-video Img {width: 100%;} */
.solution-details .details-video {width: 45%;}
.solution-details .details-video video {width: 100%;}
.solution-details .details-video {position: relative;}
.solution-details .details-video a {background: url(../images/Profile-video-icon.png) no-repeat center; width: 48px; height: 48px; display: block; position: absolute; left: 0; top: 0; right: 0;  bottom: 0;margin: auto;}
.solution-details .about-ban {background: rgba(0,0,0,.18); padding: 0.5rem 0;}
.solution-details-list {margin:30px 0 100px 0;}
.solution-details-list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.solution-details-list li {width: 49%; display: flex; border: 1px solid #e9e9e9; margin-top: 30px;}
.solution-details-list li .list-img { width: 40%; overflow: hidden;     display: flex; align-items: center; justify-content: center;}
.solution-details-list li .list-img img {width: 100%; transition: .5s;display: block; }

.solution-details-list li .list-right {padding: 70px 75px;box-sizing: border-box; width: 61%; position: relative;}
.solution-details-list li h3 {color: #333333; line-height: 28px;font-size: 1.4rem; position: relative; z-index: 2;}
.solution-details-list li span {color: #A2A2A2; line-height: 20px;font-size: 1rem; position: relative; z-index: 2;}
.solution-details-list li a {width: 155px; height: 45px;background: #6191c1; position: relative; z-index: 2; margin-top: 70px; border-radius: 23px; display: flex; justify-content: center; align-items: center;}
.solution-details-list li a span {font-size: 1rem;color: #ffffff; margin-right: 20px;}
.solution-details-list li i {background: url(../images/solution-details-jt1.png) no-repeat center; width: 7px; height: 12px;display: block;}
.solution-details-list li:hover img {transform: scale(1.05);}
.solution-details-list li:hover h3 {color: #fff;}
.solution-details-list li:hover span {color: #fff;}
.solution-details-list li:hover a {background-color: #fff;}
.solution-details-list li:hover a span {color: #6191C1;}
.solution-details-list li:hover i {background: url(../images/solution-details-jt2.png) no-repeat center;}
.solution-details-list li .list-right::after {    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #5a8ec0; transition: .8s; z-index: 0; opacity: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.solution-details-list li:hover .list-right::after { opacity: 1; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}





/* =======================产品详情======================== */
.ny-banner2-details {background: url(../images/ny-banner2-details-banner.jpg) no-repeat center; height: 419px; background-size: cover; position: relative;}
.ny-banner2-details .banner-title {text-align: left; padding-top: 250px; display: block;}
.ny-banner2-details .banner-title h1 {font-size: 2rem;}
.ny-banner2-details .banner-title h2 {top: 0; font-size: 20px; color: #CED8E0; margin-top: -20px;}
.ny-banner2-details ul {text-align: right; display: flex;     justify-content: flex-end; position: absolute; bottom: 5%;}
.ny-banner2-details ul li a {font-size: 0.9rem; color: #F5F5F5;}
.ny-banner2-details ul li:nth-child(1) a {background: url(../images/mbx-icon.png) no-repeat left;  padding-left: 25px; background-size: contain;}
/* .ny-banner2-details ul li a:hover {color: #5a8ec0;} */
/* .ny-banner2-details ul li a.on {color: #5a8ec0;} */


/* ========================所有产品=================== */
.all-list-banner {background: url(../images/all-list-banner.jpg) no-repeat center; background-size: cover; height: 100vh; }
.all-list-banner .container {position: relative;}
.all-list-nav {display: flex;flex-wrap: wrap;     position: absolute; width: 100%; top: 20vh; max-height: 460px; overflow-y: auto;}
.all-list-nav dt {font-size: 1.2rem;color: #ffffff; line-height: 6rem;}
.all-list-nav dl { box-sizing: border-box; position: relative; width: 20%; margin-top: 3rem; text-align: center;     padding: 0 1rem; box-sizing: border-box;}
.all-list-nav dl::after {content: ""; position: absolute; height: 100%; width: 1px; opacity: 0.16; background: #ffffff; right: 0; top: 0;}
.all-list-nav dl:last-child::after {display: none;}
.all-list-nav dd a {font-size: 0.9rem;color: #fff; line-height: 25px; padding: 0.5rem 0; display: inline-block; transition: .5s; position: relative; left: 0;}
.all-list-nav dd a:hover {left: 10px;}
/* =====关于我们=====*/
/* 共用标题 */
.about-title {text-align: center; padding: 80px 0;}
.about-title h3 {font-size: 2.3rem;color: #333333;}
.about-title h4 {color: #898989;font-size: 1rem;margin-top: 1.25rem; display: inline-block;}

/* 公司简介 */
.Company {display: flex; justify-content: flex-end; align-items: center; margin: 5rem auto; width: 85%; justify-content: space-between;}
.Company .Company-left {width: 44%;}
.Company h3 {font-size: 2.2rem; color: #333;}
.Company h4 {font-size: 2rem; color: #f6f6f6; font-weight: bold;margin: 20px 0; }
.Company i {display: block; width: 66px; height: 5px; background-color: #5891ca; margin-bottom: 2.5rem; margin-top: 1rem;}
.Company p {font-size: 1rem; color: #666; margin-top: 20px; line-height: 32px;}
.Company .Company-right {position: relative;     width: 49%; }
.Company .Company-right a {background: url(../images/Profile-video-icon.png) no-repeat center; width: 48px; height: 48px; display: block; position: absolute; z-index: 2; left: 0; top: 0; right: 0;  bottom: 0;margin: auto;}
.Company .Company-right video {width: 100%;}
.Company .video-left {position: relative;     width: 49%;}
.Company .video-left video {width: 100%;}
.Company-num {background: url(../images/Profile-bj.jpg) no-repeat center;}
.Company-num ul {display: flex;justify-content: space-between; height: 256px; align-items: center;}
.Company-num li {text-align: center;position: relative; width: 25%; padding: 0 10px; box-sizing: border-box;}
.Company-num li::after {width: 1px;height: 90%;background-color: rgba(255, 255, 255, .15); content: "";position:absolute; right: 0;top: 0;}
.Company-num li:last-child::after {display: none;}
.Company-num li h3 {font-size: 4.56rem ;color: #ffff;font-weight: bold;line-height: 60px;position: relative;}
.Company-num li b {font-size: 60px; color: #fff; margin-left: 5%;}
.Company-num li span {font-size: 1rem;color: #fff; margin-top: 30px; display: inline-block; line-height: 20px;}
.Company-num .num-box {display: flex; align-items: center; justify-content: center;}
.Company-num.num2 b {font-size: 66px;color: #02903c;line-height: 60px;}

/* 企业文化 */
.culture-box {margin: 75px 0; margin-top: 0;}
.culture { position: relative;   text-align: center;  }    .culture-imgs {   display: inline-block;    margin: auto;  }
.culture-imgs img {  display: block;   width: 488px;   max-width: 100%;   animation: grayscales 2s linear infinite alternate;  }
 @keyframes grayscales {
    0% {
      filter: grayscale(0%);
    }
    100% {
      filter: grayscale(100%);
    }
}
.culturn-info {  position: absolute;   top: 50%;   margin-top: -65px;   text-align: center;}
.culturn-info.culturn-left {  left: 0px; width: 25%;}
.culturn-info.culturn-right { right: 0;   width: 25%;}
.culturn-info strong { display: block;   line-height: 1;  color: #333333;  font-size: 2rem;  }
.culturn-info i {width: 32px;  height: 3px; background-color: #3575B4; display: block; margin: 15px auto;}
.culturn-info p {  color: #999999;  font-size: 1.2rem; }


/* 创始人介绍 */
.founder-box {background: #f5f5f5; padding-bottom: 80px;}
.founder ul {display: flex;justify-content: space-between;}
.founder ul li {width: 43%;}
.founder li h3 {display: inline-block;}
.founder .founder-title {padding: 20px 0; padding-left: 30px; border-bottom: 1px solid #DDDDDD;text-align:center;}
.founder .founder-title h3 {color: #3575B4; font-weight: bold; font-size: 1.7rem;}
.founder dl {margin-left: 30px; width: 100%;}
.founder dd {display: flex;align-items: center; margin-top: 1.2rem;}
.founder .founder-img {position: relative;overflow: hidden;border-radius: 30px;}
.founder .founder-img img {border-radius: 30px; transition: .5s; width: 100%;}
.founder .founder-img::after {content: ""; position: absolute; background: rgba(255, 255, 255, .1); border-radius: 50%; bottom: -320%; right: -232%;width: 1000px; height: 1000px; transition: 1s;}
.founder .founder-img:hover::after {     bottom: -35%; right: -40%;}
.founder .founder-img:hover img {transform: scale(1.05);}
.founder .founder-title span {font-size: 1rem; color: #777777; line-height: 30px;  display: block;}
.founder dd i {width: 8px;  height: 8px;  background: #3575b4; display: inline-block; border-radius: 50%; z-index: 2; position: relative; flex-shrink: 0;}
.founder dd i::before {content: ""; position: absolute; width: 14px;  height: 14px; animation: shubiao 1s infinite linear .65s; background: #3575b4; border-radius: 50%; opacity: .2; left: -3px; top: -3px;}
.founder dd span {font-size: 1rem; color: #666666; margin-left: 15px; line-height: 20px; text-align: left;}
@keyframes shubiao {
	0% {
    /* opacity: 1; */
    -webkit-transform: scale(1);
	 }
	  33% {
      /* opacity: 0.5; */
      -webkit-transform: scale(1.2);
	 }
	  66% {
	    /* opacity: 0.5; */
    -webkit-transform: scale(1.3);
	 }
	 100% {
    /* opacity: 1; */
    -webkit-transform: scale(1);
	 }
}

/* 2023/6/20 改 */
.founder ul li {width: 100%;}
.founder .founder-img {width: 37%; margin: auto;}
.founder .founder-img img {width: auto; max-width: 100%;}

/* 核心价值观 */
.Values-box {background: url(../images/Values-bj.jpg) no-repeat center; padding-bottom: 100px;   background-attachment: fixed;     background-size: cover;}
.Values-box .about-title h3 {color: #fff;}
.Values-box .about-title i {width: 58px;  height: 4px;background: #ffffff; display: block; margin: auto; margin-top: 20px;}
.Values-box ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.Values-box li {width: calc(100%/3 - 20px); background: rgba(7,45,83,.1); position: relative; padding: 1.5rem; top: 0; transition: .5s; margin-top: 30px; box-sizing: border-box;}
.Values-box li .title {display: flex;justify-content: space-between; position: relative;z-index: 2;}
.Values-box li .title h3 {font-size: 1.2rem;font-weight: 700;color: #FFFFFF;}
.Values-box li .box-con {margin-top: 1rem; position: relative;z-index: 2; display: flex;}
.Values-box li .box-con:nth-child(3) {margin-left: 0px;}
.Values-box li span {font-size: 0.9rem; color: #fff; line-height: 20px; margin-right: 0px;}
.Values-box li p {display: inline-block; width: 82%; color: #fff; font-size: 0.8rem; line-height: 20px;}
.Values-box li::after {    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #5a8ec0; transition: .8s; z-index: 0; opacity: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.Values-box li:hover::after { opacity: 1; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.Values-box li:hover {top: -10px;}




.profile2 {   position: relative;  padding: 170px 0 200px;  z-index: 1;}
.profile2 .w1200 {width: 1600px; display: flex;  align-items: flex-start;   justify-content: space-between; }
.profile2 .left  .about-title {text-align: left;}
.profile2 .left  .about-title h4 {font-size: 36px; color: #DBDBDB; font-weight: bold;}
.profile2 .left  .about-title i {width: 58px;  height: 4px; background: #467db5; display: block; margin-top: 34px;}
.profile2 .w1200 .left .img { margin-top: 35px;  opacity: 1; transform: translateY(40px); transition: .5s;}
.profile2 .w1200 .left .img.flag {  opacity: 1; transform: translateY(0);}
.profile2 .w1200 .left .img.firimg {  margin-bottom: 25px;}
.profile2 .w1200 .left .img img { width: 180px;}
.profile2 .w1200 .left .aline { position: relative;  width: 180px;  height: 3px;  background: #EC6B22;  margin: 30px 0 0px;  overflow: hidden;}
.profile2 .w1200 .left .aline span {position: absolute; left: 0; width: 24px; height: 3px;  background: #fff; animation: aline1 3s infinite linear; }
.profile2 .w1200 .right {  transform: translateY(6px);}
.profile2 .w1200 .right .box {  position: relative;  display: flex; align-items: center; opacity: 1; /* transform: translateX(50%); */  transition: .6s;}
.profile2 .w1200 .right .box.flag {  opacity: 1;  transform: translateX(0);}
.profile2 .w1200 .right .box .swiper-time {  height: 320px;  padding-top: 145px; box-sizing: border-box; overflow: hidden;  margin-right: 60px;}
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide {  cursor: pointer; }
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active h5 { color: transparent;}
.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide h5 { position: relative; font-size: 18px; font-weight: bold;  color: #333;  line-height: 1; font-family: 'd';  transition: .5s;}
.profile2 .w1200 .right .box .swiper-timeline {   position: absolute;   top: 49%; left: 16px;  width: 181px; height: 5px; background: #5891ca; transform: translateY(-50%);  z-index: 2;}
.profile2 .w1200 .right .box .swiper-timebox { width: 858px; height: 489px;  opacity: 0.85;  background: #3475b6;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide { display: flex;align-items: center; padding: 0 85px; padding-right: 20px; justify-content: space-between;  box-sizing: border-box;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide .flags-time {display: flex;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 { font-size: 99px;  font-weight: 700;  color: #fff; /* font-family: 'd'; */  display: inline-block;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide span {color: #fff;font-size: 30px; line-height: 100px;     display: inline-block;   margin-top: 15px;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p { color: #fff; width: 450px; font-size: 0.9rem; line-height: 20px; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p span {font-size: 0.9rem; margin-top: 10px; line-height: 20px;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;display: block;}
.profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { position: absolute; width: 56px;  height: 56px;  border-radius: 50%; left: 280px; display: flex; align-items: center;  justify-content: center;  color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; z-index: 3; font-size: 12px; font-weight: 700; transition: .5s;  cursor: pointer;   font-size: 30px;}
.profile2 .w1200 .right .box .swiper-timebox .prev:hover, .profile2 .w1200 .right .box .swiper-timebox .next:hover { border-color: #5891ca; color: #5a8ec0;}
.profile2 .w1200 .right .box .swiper-timebox .prev {top: 70px; background: url(../images/swiper-timebox-jt1.png) no-repeat center;}
.profile2 .w1200 .right .box .swiper-timebox .next {bottom: 85px; background: url(../images/swiper-timebox-jt2.png) no-repeat center;}



/* 关于我们底部 */
.about-foot {background: #3c3c3c;}
.about-foot ul {padding: 40px 0 40px 0; display:flex;justify-content: space-between;  border-bottom: 1px solid #2c2c2c; position: relative;}
.about-foot ul li {width: 25%;}
.about-foot ul li:nth-child(1) {width: 15%;}
.about-foot ul::after {position: absolute;  width: 100%; height: 1px; background-color: #444444;  left: 0; content: "";  bottom: -2px; }

.about-foot li h3 {font-size: 1.125rem;color: #ffffff; font-weight: bold; margin-bottom: 20px;}
.about-foot li span {font-size: 0.9rem; color: rgba(255, 255, 255, .4); display: block;line-height: 20px;}
.about-foot li p {font-size: 0.9rem; color: rgba(255, 255, 255, .4); margin-top: 10px; line-height: 20px;}
.about-foot .foot-nav {padding: 35px 0 42px 0;}
.about-foot .foot-nav {display: flex; justify-content: space-between;}
.about-foot .foot-nav .nav-list {display: flex; width: 70%; justify-content: space-between;}
.about-foot .foot-nav .nav-list dt {font-size: 1rem;color: #ffffff; margin-bottom: 30px;}
.about-foot .foot-nav .nav-list dd {color: #9f9f9f;font-size: 0.8rem; margin-top: 15px;}
.about-foot .foot-nav .nav-list dd a {    color: rgba(255, 255, 255, .4);}
.about-foot .foot-nav .nav-list dd:hover a {color: #5a8ec0;}
.nav-right {width: 18%;}
.nav-right .codeBox {display: flex; text-align: center; justify-content: space-between;}
.nav-right .codeBox span {display: block;color: #ffffff;font-size: 0.8rem;margin-top: 16px;}


/* 2025/5/6新增加第三方链接 */
.nav-right dl {display: flex; margin-top: 2rem;}
.nav-right dl dd {margin-right: 20px;}
.nav-right dl dd:last-child {margin-right: 0;}
.nav-right dl dd a {width: 20px; height: 20px;  display: flex; align-items: center; justify-content: center;}
.nav-right dl dd a img , .nav-right dl dd a svg {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}

.nav-right dl dd:hover img , .nav-right dl dd:hover svg {transform: scale(1.05);}


.footer-copy {padding: 1.5rem 0; text-align: center; border-top: 1px solid #2c2c2c; position: relative;}
.footer-copy::after {position: absolute; width: 100%; height: 1px; background-color: #444444; top: 0;left: 0; content: ""; top: -2px;}
.footer-copy p {font-size: 0.9rem; color: rgba(255, 255, 255, .4);}
.footer-copy a {font-size: 0.9rem; color: rgba(255, 255, 255, .4);}
.footer-copy a:hover {color: #5a8ec0;}

/* 底部视频隐藏 */
.about-foot .foot-nav .nav-list dl:nth-child(3) dd:nth-child(4) {display: none;}


/* ==========产品中心==========*/
/* 产品列表 */
.product-center-list {margin-bottom: 100px;}
.product-center-list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.product-center-list ul::after {content: ""; width: 30%;}
.product-center-list li {width: 31%; margin-top: 50px; padding: 30px 25px; box-sizing: border-box; transition: .5s; position: relative;}
.product-center-list li .list-img {width: 100%;height: 275px;background: #f5f5f5; box-sizing: border-box; overflow: hidden;display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.product-center-list li .list-img img {width: 100%; transition: .5s; }
.product-center-list li i {display: block; width: 38px;height: 38px; background: #6191c1; border-radius: 50%; margin: 0 auto; position: relative;  top: -18px; opacity: 0; transition: .5s}
.product-center-list li i::after {content: ""; text-align: center; animation: centerListIcon 1s infinite linear .65s; display: inline-block; font-size: 20px; color: #fff; background: url(../images/product-center-list-icon-jt.png) no-repeat center;     width: 100%; height: 100%;}
.product-center-list li h3 {font-size: 18px;color: #6191c1; line-height: 25px; font-weight: 700; position: relative; display: inline-block; min-height: 3rem;}
.product-center-list li::after {content: ""; width: 50%; left: 25%; bottom: 39px; position: absolute;background: #6191c1;position:absolute; height: 0.01rem;}
.product-center-list li .title {text-align: center; margin: 20px 0;}
.product-center-list li span {font-size: 14px;color: #a2a2a2; line-height: 40px; display: block;}
/* .product-center-list li .list-img::after {content: ""; position: absolute; background: rgba(255, 255, 255, .1); border-radius: 50%; bottom: -800%; right: -800%;width: 1000px; height: 1000px; transition: 1.5s;}
.product-center-list li:hover .list-img::after{bottom: -200%; right: -200%;} */
.product-center-list li:hover img {transform: scale(1.05);}
.product-center-list li:hover {background: #fafafa;}
.product-center-list li:hover i {opacity: 1;}
@-webkit-keyframes centerListIcon{
    0%{
    opacity: 0;
    transform: translateX(-15%);
    }
    100%{
    opacity: 1;
    transform: translateX(5%);
  }
}







/* ==========产品详情==========*/
.pro-introduction {margin: 80px 0;}
.introduction .title{margin-bottom:60px;}
.pro-introduction .introduction {display: flex; justify-content: space-between;}
.introduction-left {width:37%; margin-top: 20px; order: 2;}
.introduction-left .title h3 {font-size: 30px;color: #333333;line-height: 40px; position: relative; z-index: 1;font-weight: bold;}
.introduction-left .title h4 {font-size: 48px;color: #f1f1f1;line-height: 28px; font-weight: bold;}
.introduction-left .title i {width: 63px;  height: 5px;  background: #6191c1; display: block; margin-top: 35px;}
/* .intro-div{overflow-y: auto;height:161px;}
.intro-con{height:auto;} */
.introduction-left p {font-size: 1rem; color: #666666; line-height: 28px; margin:0.8rem  0; display: flex; align-items: flex-start;}
.introduction-left p span {font-size: 1rem !important;display: flex; align-items: flex-start;}
.introduction-left dd {margin-top: 30px;}
.introduction-left dd {font-size: 18px;color: #333333; display: flex; align-items: center;}
.introduction-left dd i {width: 9px; height: 9px; background: #ebad22; display: block; border-radius: 50%; margin-right: 4%; position: relative;}
.introduction-left dd i::after {content: ""; position: absolute; width: 17px; height: 17px;border: 1px solid #ebad22; left: -5px; top: -5px; border-radius: 50%;}
.introduction-left ul {display: flex;margin-top: 80px; }
/* .introduction-left ul::after {content: ""; width: auto;} */
.introduction-left ul li a { width: 170px;  height: 60px; border-radius: 30px; display: flex; align-items: center; justify-content: center;  font-size: 18px; color: #fff;}
.introduction-left ul li a img {margin-right: 20px; display: block; transition: .5s;}
.introduction-left ul li:nth-child(1) a {  background: #6191c1; }
.introduction-left ul li:nth-child(2) a {  background: #EBAD22; margin: 0 20px;}
.introduction-left ul li:nth-child(3) a {  background: #748da5; }
.introduction-right {width: 55%;display: flex; overflow: hidden; position: relative; align-items: center; justify-content: space-between;}
.mySwiper2-pro {width: 674px; height: 100%;position:static; margin-left: 0;}
.mySwiper2-pro .slide-img {width: 100%;  height: 100%;   display: flex; justify-content: center; align-items: center;     border: 1px solid #f5f5f5;}
.introduction-right .swiper-slide img { display: block; width: 100%;  }
.mySwiper-pro .slide2-img img {}
.mySwiper-pro  {width: 176px; height: 430px;   position: inherit; margin: 4rem 0;}
.mySwiper-pro .slide2-img {position: relative;  height: 100%;   background: #f5f5f5; text-align: center; display: flex; justify-content: center; align-items: center;}
.mySwiper-pro .slide2-img::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; transition: .5s;}
.mySwiper-pro .swiper-slide-thumb-active .slide2-img::after {opacity: 0;}
.mySwiper2-pro .swiper-button-prev {width: 176px; height: 43px;background: #dbdbdb; position: absolute;left: initial; right: 0; top: 26px;}
.mySwiper2-pro .swiper-button-next {width: 176px; height: 43px;background: #dbdbdb; top: initial; bottom: 0; right: 0;}
.mySwiper2-pro .swiper-button-prev::after {content: "∧"; color: #8d8d8d; font-size: 1.5rem;}
.mySwiper2-pro .swiper-button-next::after {content: "∨"; color: #8d8d8d; font-size: 1.5rem;}

.introduction-left ul li:hover img {transform: rotateY(180deg);}
.introduction-left ul li:nth-child(2):hover img {transform: rotateY(360deg);}

/* 弹出层 */
#zlxz {display: none; background-color: #fff; padding: 50px; box-sizing: border-box; width: 60%; margin: auto;}
#zlxz .box-title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
#zlxz .box-title h3 {font-size: 32px; color: #000; font-weight: bold;}
#zlxz .box-title span {font-size: 50px; cursor: pointer;}
#zlxz form {display: flex; justify-content: space-between; flex-wrap: wrap;}
#zlxz input {width: 100%; height: 63px; outline: none; border: 1px solid #aaaaaa; position: relative; padding-left: 30px; box-sizing: border-box; margin-top: 20px;}
#zlxz form div {width: 48%; position: relative;}
#zlxz form div::after { content: ' *';color: red; font-size: 150%; position: absolute;     right: 20px;top: 46px;}
#zlxz .sub {width: 20%; height: 58px; color: #fff; font-size: 16px; cursor: pointer; background-color: #6191c1; border-radius: 30px; text-align: center; margin: 0 auto; margin-top: 50px; padding-left: 0;}
#zlxz textarea {width: 100%; outline: none;border: 1px solid #aaaaaa;margin-top: 20px; resize:none;padding: 30px 0 0 30px; box-sizing: border-box; }
#btn-video {display: none; background-color: #fff; padding: 50px; box-sizing: border-box; width: 50%;}
#btn-video .box-title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #ececec; }
#btn-video .box-title h3 {font-size: 32px; color: #000; font-weight: bold;}
#btn-video .box-title span {font-size: 50px; cursor: pointer;}
#btn-video video {width: 100%; height: 100%;}


/* 产品参数 */
.pro-content {background-color: #fafafa; padding-bottom: 50px;}
.pro-content .title {text-align: center; padding: 90px 0;}
.pro-content .title h3 {font-size: 2.3rem;color: #333333;line-height: 28px; position: relative; z-index: 1;font-weight: bold;}
.pro-content .title h4 {font-size: 3rem;color: #f1f1f1;line-height: 28px; font-weight: bold;}
.pro-content .title i {width: 63px;  height: 5px;  background: #6191c1; display: block; margin:  auto; margin-top: 30px; }
/* .pro-content .content p {line-height: 20px !important} */
.pro-content .content p,.pro-content .content p span {font-size:1rem !important;color:#333 !important; }
.pro-content table tbody tr:first-child td p { padding: 0px 0;}

/* 应用领域 */
.pro-fields {margin-bottom: 100px;}
.pro-fields .title {text-align: center; padding: 90px 0;}
.pro-fields .title h3 {font-size: 2.3rem;color: #333333;line-height: 28px; position: relative; z-index: 1;font-weight: bold;}
.pro-fields .title h4 {font-size: 2.8rem;color: #f1f1f1;line-height: 28px; font-weight: bold;}
.pro-fields .title i {width: 63px;  height: 5px;  background: #6191c1; display: block; margin:  auto; margin-top: 1.8rem; }
.pro-fields .fields-swiper {position: relative; overflow: hidden;}
.pro-fields .pro-fields-img {overflow: hidden; position: relative;}
.pro-fields .pro-fields-img img {width: 100%; transition: .5s;}
.pro-fields .swiper-slide span {display: block; width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 24px; color: #333; background-color: #efefef;}
.pro-fields .swiper-slide:hover .pro-fields-img img {transform: scale(1.05);}
.pro-fields .swiper-slide:hover span {background-color: #5a8ec0; color: #fff;}
.pro-fields .pro-fields-img::after {content: ""; position: absolute; background: rgba(255, 255, 255, .1); border-radius: 50%; bottom: -800%; right: -800%;width: 1000px; height: 1000px; transition: 1.5s;}
.pro-fields .pro-fields-img:hover::after {bottom: -200%; right: -200%;}

.pro-fields table {margin: auto;}









/* ==========加入我们==========*/
.join-us-title {padding: 5rem 0; text-align: center; padding-bottom: 3rem;}
.join-us-title h3 {color: #333333; line-height: 80px;font-size: 2.3rem;}
.join-us-title p {font-size: 16px;color: #898989; display: none;}
.talent-concept {background: url(../images/talent-concept-bj.png) no-repeat center;background-size: cover;padding-bottom: 100px;}

/* 人才理念 */
.concept {display: flex;align-items: center; justify-content: center; }
.concept-left {}
.concept-left li {margin-top: 30px; flex-wrap: wrap;}
.concept-left li:nth-child(1) {margin-top: 0;}
.concept-left li img {margin-right: 20px;}
.concept-left li h3 {font-size: 1.2rem;color: #333333;font-weight: 700;}
.concept-left li p {color: #333333;font-size: 1rem; line-height:40px;display: block; position: relative;padding-left: 25px;     width: 100%;}
.concept-left li:nth-child(1) p::before {content: ""; position: absolute; width: 14px; height: 14px; animation: shubiao 1s infinite linear .65s; background: #3575b4; border-radius: 50%;  opacity: .2; left: -3px; top: 12px;}
.concept-left li:nth-child(1) p::after {content: ""; width: 8px; height: 8px; background: #3575b4; display: inline-block; border-radius: 50%; z-index: 2; position: absolute;left: 0;top: 15px;}
.concept-left li:nth-child(2) p {width: 100%;}
.concept-left li:nth-child(2) p{font-weight: bold;line-height: 30px;font-size: 1.2rem;padding-left:0}
.concept-right {position: relative; overflow: hidden; margin-left: 20px; display: none;}
.concept-right img {border-radius: 40px; width: 100%;}

.concept-right::after {content: ""; position: absolute; background: rgba(255, 255, 255, .1); border-radius: 50%; bottom: -320%; right: -232%;width: 1000px; height: 1000px; transition: 1s;}
.concept-right:hover::after {         bottom: -90%; right: -50%;}
/* .concept-right:hover img {transform: scale(1.05);} */

/* 人才招聘 */
.talent-acquisition {margin-bottom: 100px;}
.talent-acquisition ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.talent-acquisition ul::after {content: ""; width: 32%;}
.talent-acquisition li {background: #f5f5f5; display: flex;justify-content: space-between; align-items: center; border-radius: 4.3rem; padding: 2.1rem 3.4rem; box-sizing: border-box; width: 32%; margin-top: 40px;}
.talent-acquisition li h3 {font-size: 1.1rem; font-weight: 700;}
.talent-acquisition li span {font-size: 0.8rem;color: #a1a1a1; margin-top: 15px; display: inline-block;}
.talent-acquisition li em {font-size: 0.8rem;color: #a1a1a1; margin-top: 15px; display: inline-block; margin-left: 10px;}
.talent-acquisition li p {font-size: 0.8rem;color: #666; margin-top: 15px;}
.talent-acquisition li .acquisition-right {width: 54px; height: 54px; display: flex; align-items: center;  justify-content: center; background: #6191c1; border-radius: 50%;}
.talent-acquisition li .acquisition-right span {font-size: 2.2rem;color: #ffffff; margin-top: 0;}

.acquisition-info {padding: 49px;box-sizing: border-box; background-color: #fff; width: 60%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition-info .box-title h3 {font-size: 26px; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 50px; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info .time span {font-size: 16px; color: #666;display: inline-block; margin-right: 100px;}
.acquisition-info .time span:nth-child(2) {display: none;}
.acquisition-info .time {border-bottom: 1px solid #ececec; padding-bottom: 20px;}
.acquisition-info dl {margin-top: 40px;}
.acquisition-info dt {color: #333; font-size: 16px;}
.acquisition-info dd {color: #666; font-size: 16px; margin-top: 20px;}
.acquisition-info dl p{margin-top:5px !important}
.acquisition-info dl span{margin-top:0 !important;font-size:14px !important;color:#666 !important ; line-height: 20px;}
.acquisition-info .more {display: flex; justify-content: space-between; margin-top: 50px;}
.acquisition-info .more a {display: inline-block; padding: 10px 30px; box-sizing: border-box; background-color: #6191c1; border-radius: 30px; font-size: 14px; color: #fff;}
.acquisition-info .more p {display: inline-block; padding: 10px 30px; box-sizing: border-box; background-color: #6191c1; border-radius: 30px; font-size: 14px; color: #fff; margin-top: 0;}



/* ==========新闻中心==========*/
.news-center-banner {background: url(../images/news-center-banner.jpg) no-repeat center; background-size: cover;}
.news-title {padding: 100px 0 50px 0; text-align: center;}
.news-title h3 {font-size: 2.3rem;color: #333333;}
.news-title i {width: 37px; height: 5px; background: #5891ca; display: block; margin: 20px auto;}
.company-news {margin-bottom: 100px;}
.companyNews-swiper {overflow: hidden;}
.company-news .companyNews-box {background: #f5f5f5;padding: 3.125rem 4.8rem; box-sizing: border-box;}
.company-news .companyNews-box em {font-size: 16px;color: #9f9f9f; position: relative; z-index: 2;}
.company-news .companyNews-box h3 {font-size: 1.1rem;color: #333333; line-height: 24px; min-height: 3rem; margin: 20px 0; position: relative; z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
.company-news .companyNews-box .box-img {width: 100%;position: relative; z-index: 2; overflow: hidden;}
.company-news .companyNews-box .box-img img {width: 100%; display: block; transition: .5s;}
.company-news .companyNews-box span {background: url(../images/company-news-jt.png) no-repeat center; width: 74px; height: 12px; display: block; margin-top: 30px; position: relative; z-index: 2;}
.company-news .more {width: 15rem; height: 3.7rem;  transition: .5s; text-align: center; line-height: 3.7rem;  margin: 0 auto; margin-top: 60px;  border-radius: 30px; display: block;font-size: 1.2rem;color: #5891ca; border: 1px solid #5891ca;}
.company-news .companyNews-box::after {    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #5a8ec0; transition: .8s; z-index: 0; opacity: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.company-news .companyNews-box:hover::after { opacity: 1; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.company-news .companyNews-box:hover em {color: #ffff;}
.company-news .companyNews-box:hover h3 {color: #ffff;}
.company-news .companyNews-box:hover span {background: url(../images/company-news-jt2.png) no-repeat center;}
.company-news .companyNews-box:hover img {transform: scale(1.05);}
.company-news .more:hover {background-color: #5891ca; color: #fff;}
/* 展会活动 */
.trade-fair {background: #f5f5f5; padding-bottom: 100px;}
.trade-fair .fair-swiper {overflow: hidden;}
.trade-fair .fair-box {display: flex; width: 100%;}
.trade-fair .fair-box .box-img {width: 45%;position: relative; overflow: hidden; position: relative;}
.trade-fair .fair-box .box-img img {width: 100%; display: block; height: 100%; transition: .5s;}
.trade-fair .fair-box .box-img span {position: absolute; top: 0;left: 0; width: 30%; display: block; text-align: center; padding: 13px 10px; font-size: 1rem;color: #ffffff; background: #5891ca; border-radius: 0px 0px 20px 0px;}
.trade-fair .fair-box .box-right {width: 55%; background-color: #fff; padding: 50px 30px 0 30px; box-sizing: border-box; position: relative;}
.trade-fair .fair-box .box-right h3 {font-size: 1.25rem; color: #333333; line-height: 28px; font-weight: bold; position: relative; z-index: 2; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.trade-fair .fair-box .box-right em {font-size: 14px;color: #666666;line-height: 28px;margin: 10px 0; position: relative; z-index: 2;}
.trade-fair .fair-box .box-right a {width: 40%; transition: .5s;position: relative; z-index: 2; margin-top: 3rem; background: #ffffff;border: 1px solid #959595; font-size: 0.8rem; border-radius: 21px; display: block; text-align: center; height: 2.5rem; line-height: 2.5rem;}
.trade-fair .fair-box .box-right a:hover {background-color: #5891ca;  color: #fff; border: 1px solid #5891ca;}
.trade-fair .more {width: 15rem; transition: .5s;  height: 3.7rem;  color: #5891ca; border: 1px solid #5891ca; text-align: center; line-height: 3.7rem;  margin: 0 auto; margin-top: 60px;  border-radius: 30px; display: block;font-size: 1.2rem;}
.trade-fair .fair-box:hover .box-img img {transform: scale(1.05);}
.trade-fair .fair-box .box-right::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #5a8ec0; transition: .8s; z-index: 0; opacity: 0; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
.trade-fair .fair-box:hover .box-right::after { opacity: 1; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.trade-fair .fair-box:hover .box-right h3 {color: #fff;}
.trade-fair .fair-box:hover .box-right em {color: #fff;}
.trade-fair .fair-box:hover .box-right a {border: none;}
.trade-fair .more:hover {background-color: #5891ca; color: #fff;}


/* 视频速递 */
.video-delivery {margin-bottom: 50px;}
.video-delivery .delivery-swiper {overflow:hidden;}
.video-delivery .delivery-swiper .swiper-wrapper {position: static;}
.video-delivery .delivery-swiper .swiper-slide {position:static;}
.video-delivery .delivery-box .box-title {display: flex; position: relative; justify-content: space-between;align-items: center; margin-bottom: 20px; padding-bottom: 20px;}
.video-delivery .delivery-box .box-title h3 {font-size: 1.8rem;color: #333333;font-weight: bold;}
.video-delivery .delivery-box .box-title a {font-size: 14px;color: #333333;}
.video-delivery .delivery-box .box-title::before {width: 100%; content: ""; height: 1px;  background: #dddddd; position: absolute; left: 0; bottom: 0;}
.video-delivery .delivery-box .box-title::after {width: 0; content: ""; height: 1px; background: #5891ca; position: absolute; left: 0; bottom: 0; transition: .5s;}

/* .video-delivery .delivery-box .box-video {} */
.video-delivery .delivery-box .box-video .video-con {position: relative; }
.video-delivery .delivery-box .box-video img {width: 100%; transition: .5s; display: block;}
.video-delivery .delivery-box .box-video a {background: url(../images/video-delivery-video-icon.png) no-repeat center; transition: 1s; width: 86px; height: 86px; display: block; position: absolute; left: 0; top: 0; right: 0;  bottom: 0;margin: auto;}
.video-delivery .delivery-box .box-video span {display: block; transition: .5s; height: 4.5rem; background: #f5f5f5;width: 100%; text-align: center; line-height: 4.5rem; font-size: 1.2rem; color: #333333;}
.video-delivery .delivery-box .box-title:hover::after {width: 100%;}
.video-delivery .delivery-box .box-title:hover a {color: #5891ca;}
.video-delivery .delivery-box .box-video:hover span {background-color: #5891ca; color: #fff;}
.video-delivery .delivery-box .box-video:hover a {transform: rotate(360deg);}
/* .delivery-hide {display: block; position: fixed; width: 80%;} */
/* .delivery-hide .hide-box {display: block; position: fixed; z-index: 999;transform: translateX(-50%); width: 100%; height: 100%;} */
/* #btn222 {position: fixed !important;top: 0!important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important;} */
.video-delivery-list {display: none; background-color: #fff; padding: 50px; box-sizing: border-box; width: 50%;}
.video-delivery-list .box-title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #ececec; }
.video-delivery-list .box-title h3 {font-size: 1.8rem; color: #000; font-weight: bold;}
.video-delivery-list .box-title span {font-size: 50px; cursor: pointer;}

.video-delivery-list video {width: 100%; height: 100%; margin: 10px 0;}



/* ==========新闻中心2==========*/
.all-news-list {margin: 100px 0;}
/* .all-news-list ul {display: flex; } */
/* .all-news-list ul::after {content: ""; width: 33.3%;} */
.all-news-list ul li {width: 100%; position: relative; overflow: hidden; padding: 60px 0; border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}

.all-news-list ul li .box-right {width: 60%;}
/* .all-news-list li:nth-child(2) {border: none;}
.all-news-list li:nth-child(5) {border: none;}
.all-news-list li:nth-child(8) {border: none;}
.all-news-list li:nth-child(11) {border: none;}
.all-news-list li:nth-child(14) {border: none;} */
/* .all-news-list li:nth-child(1) { border-left: 1px solid  rgba(221,221,221,.5);}
.all-news-list li:nth-child(2n+2) { border-left: 1px solid  rgba(221,221,221,.5);}
.all-news-list li:nth-child(2) {border-left: none;} */


.all-news-list li .companyNews-box { display: flex; }
.all-news-list li .companyNews-box em {font-size: 1rem;color: #9f9f9f; position: relative; z-index: 2;}
.all-news-list li .companyNews-box h3 {font-size: 1.1rem;color: #333333; line-height: 24px; margin: 20px 0; text-transform: capitalize; position: relative; z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.all-news-list li .companyNews-box .box-img {width: 100%;position: relative; z-index: 2; overflow: hidden;}
.all-news-list li .companyNews-box .box-img img {width: 100%; display: block; transition: .5s;}
.all-news-list li .companyNews-box span {background: url(../images/company-news-jt.png) no-repeat center; transition: .5s; width: 74px; height: 12px; display: block; margin-top: 30px; position: relative; z-index: 2;}
.all-news-list li p {font-size: 0.9rem; color: #555555; margin: 3rem 0; line-height: 25px;  position: relative;z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.all-news-list li .bj-img { position: absolute; bottom: 0; width: 100%;  bottom: -100%; transition: .5s;}
.all-news-list li .bj-img img {width: 100%; display: block; }
.all-news-list li:hover h3 {color: #5891ca;}
.all-news-list li:hover span {background: url(../images/company-news-jt3.png) no-repeat center; padding-left: 170%;}
.all-news-list li:hover .box-img img {transform: scale(1.05);}
.all-news-list li:hover .bj-img {bottom: 0;}

.all-news-list li .companyNews-box .box-left { width: 25%;margin-right: 110px; position: relative;}


.all-news-list li .companyNews-box .box-img h4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  display: block;
  text-align: center;
  padding: 13px 10px;
  font-size: 1rem;
  color: #ffffff;
  background: #5891ca;
  border-radius: 0px 0px 20px 0px;
}

/* ==========新闻详情==========*/

.news-details {background: url(../images/news-details-banner.jpg) no-repeat center; background-size: cover; height: 266px;}
.news-details .about-ban {border-top: none;}
.ny-news-xq {padding-top:100px;padding-bottom: 100px; background-color: #f5f5f5;}
.ny-news-xq .box-left {background-color: #fff; width: 68%; padding: 60px; box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 30px;}
.ny-news-xq .news-title{ border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:38px;}
.ny-news-xq .news-title h2{font-size:28px;line-height: 40px;margin-bottom:26px;color:#333;font-weight:bold;text-align: left;}
.ny-news-xq .news-title span{display: block;font-size:18px;color:#666;text-align: left;}
.ny-news-xq .news-title .fra {height:48px;line-height: 48px;border-radius:26px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 20px  #6191c1;padding:0 20px;display: block;text-indent: 30px;font-size:16px;}
.ny-news-xq .news-title .fra a {color: #fff;}
.ny-news-xq .news-title .title {width: 75%;}
.nr-content p img{margin:0 auto;display:inline;max-width: 100%;}
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table{width:100%  !important}
.nr-content table td{font-size:16px}
.nr-content .bottom-back {display: none;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .box-right {background-color: #fff;padding: 40px; box-sizing: border-box; width: 30%;}
.ny-news-xq .box-right h3 {font-size: 23px;color: #333333; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.ny-news-xq .box-right li {margin-top: 30px; }
.ny-news-xq .box-right li a {display: flex; align-items: center;}
.ny-news-xq .box-right li i {width: 8px; height: 8px;background: #eeeeee; margin-right: 15px; border-radius: 50%; flex-shrink: 0;}
.ny-news-xq .box-right li p {color: #666666;font-size: 16px; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ny-news-xq .box-right li:hover p {color: #5891ca;}
.ny-news-xq .box-right li:hover i {background: #5891ca;}

.page-fy .prev:hover a {color:#5891ca ;}
.page-fy .next:hover a {color:#5891ca ;}


/* ==========视频速递==========*/
.video-delivery-banner {height: 380px;}
.video-delivery-banner .banner-title {padding-top: 190px;}
.video-delivery-banner .about-ban {display: none;}
.video-classify {display: flex; justify-content: center; gap: 5rem;     background: #f5f5f5;}
.video-classify a {width: 170px;  transition: .5s;  height: 5rem;  text-align: center; line-height: 5rem; color: #333; font-size: 1.1rem;}
.video-classify a:last-child {margin-right: 0;}
.video-classify a.on {background: #5891ca; color: #fff;}
.video-classify a:hover {background: #5891ca; color: #fff;}
.all-video-list {margin-bottom: 200px;}
.all-video-list li {display: flex;align-items:flex-start; padding: 60px 0; border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.all-video-list .list-left {width: 30%;margin-right: 110px; position: relative;}
.all-video-list .list-left img {width: 100%;display: block;}
.all-video-list .list-left a {background: url(../images/video-delivery-video-icon.png) no-repeat center; width: 86px; height: 86px; display: block; position: absolute; left: 0; top: 0; right: 0;  bottom: 0;margin: auto;}
.all-video-list .list-right h3 {font-size: 1.8rem;color: #333; margin-top: 3rem;}
.all-video-list .list-right span {font-size: 1.2rem;color: #555555; display: block; margin-top: 2rem;}
.all-video-list li:hover h3 {color: #5891ca;}
.all-video-list .video-hide {background-color: #fff;}

.all-video-list .video-hide {display: none; background-color: #fff; padding: 50px; box-sizing: border-box; width: 70%;}
.all-video-list .video-hide .box-title {display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #ececec; }
.all-video-list .video-hide .box-title h3 {font-size: 32px; color: #000; font-weight: bold;}
.all-video-list .video-hide .box-title span {font-size: 50px; cursor: pointer;}
.all-video-list .video-hide .video-content {margin-top: 2rem; width: 100%;}
.all-video-list .video-hide .video-content img {width: 100%;}

/* ==========联系我们==========*/
.contact-banner {background: url(../images/contact-banner.jpg) no-repeat center;background-size: cover;}
.contact-banner .banner-title {display: none;}

/* 联系我们 */
.contact-way {margin: 6rem 0;}
.contact-way .way-title {text-align: center;}
.contact-way .way-title h3 {font-size: 2.3rem;color: #333333;}
.contact-way .way-title i {width: 60px; height: 5px;  background: #6191c1; display: block; margin: 0 auto; margin-top: 20px;}
.contact-way ul {display: flex;justify-content: space-between; margin-top: 100px;flex-wrap: wrap;}
.contact-way li {padding: 50px 30px;background: #f5f5f5; border-radius: 30px; width: 31%; box-sizing: border-box;}
.contact-way li:nth-child(2) strong {font-size: 1rem; margin-top: 1rem;}
/* .contact-way li:nth-child(2) span {margin-left: 0;} */
.contact-way li:nth-child(3) img {  width: 160px; height: 160px; margin: auto; margin-top: 1rem;}
.contact-way ul dt {font-size: 1.2rem;color: #333333;font-weight: bold; position: relative; padding-bottom: 1.5rem;}
.contact-way ul dt::after {content: ""; position: absolute; width: 105%; height: 1px;opacity: 0.73; background: #dddddd;left: -2%; bottom: -2%;}
.contact-way ul dd {display: flex; align-items: center; margin-top: 0.5rem;}
.contact-way ul li:nth-child(1) dl dd:last-child {align-items: flex-start;}
.contact-way ul li:nth-child(1) dl dd:last-child img {margin-top: 0.2rem;}
.contact-way ul dd span {font-size: 1rem;color: #555555; margin-left: 13px; line-height: 30px; }
/* 在线留言 */
.online-message {background: #f5f5f5; padding: 6rem 0;}
.message-box {display: flex; align-items: center; justify-content: space-between;}
.message-box h3 {font-size: 2.3rem;color: #333333;}
.message-box p {font-size: 0.8rem; color: #898989; margin-top: 20px; margin-bottom: 30px; line-height: 20px;}

.message-box .box-left {width: 48%;}
.message-box form {display: flex; justify-content: space-between; flex-wrap: wrap;}
.message-box input {width: 100%; height: 63px; outline: none; border: none; font-size: 0.8rem; position: relative; padding-left: 30px; box-sizing: border-box; margin-top: 20px;}
.message-box form div {width: 48%; position: relative;}
.message-box form div::after { content: ' *';color: red; font-size: 150%; position: absolute;     right: 20px;top: 46px;}
.message-box .sub {width: 25%; height: 3rem; color: #fff; font-size: 0.8rem; cursor: pointer; background-color: #6191c1; border-radius: 30px; text-align: center;  margin-top: 50px; padding-left: 0;}
.message-box textarea {width: 100%; outline: none;border: none;margin-top: 20px; resize:none;padding: 30px 0 0 30px; box-sizing: border-box; }

.message-box .box-right {width: 45%; position: relative; overflow: hidden;}
.message-box .box-right {border-radius: 50px;}
.message-box .box-right img {border-radius: 50px;width: 100%; }


.message-box .box-right::after {content: ""; position: absolute; background: rgba(255, 255, 255, .1); border-radius: 50%; bottom: -320%; right: -232%;width: 1000px; height: 1000px; transition: 1s;}
.message-box .box-right:hover::after {           bottom: -50%; right: -23%;}



/* ==========分页==========*/
.pagination {display: flex;justify-content: center;align-items: center; margin: 100px 0;}
.pagination a {padding: 5px 15px;box-sizing: border-box; display: block;background-color: #fbfbfb;color: #999;font-size: 14px; text-align: center;}
.pagination a {margin-right: 10px;}
.pagination a:last-child {margin-right: 0;}
.pagination a:hover {color: #02903c;}
.pagination a.on {color: #02903c;}



.pagelist {
  padding: 10px 0;
  margin-top: 15px;
  overflow: hidden;
  border-top: 0px solid #eee;
  text-align: center;
}


 .pagelist a, .pagelist span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 8px;
    margin-right: 5px;
}


.firstRow img {width: 100%; display: block;}


#founder-box,#Company,#Values-box,#profile2-box {position: relative; top: -50px;}

/* 2026.7.15 框架修改 */
.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between; align-items: center;  flex-wrap: wrap;}

.grid-2{display: grid; grid-template-columns: repeat(2, 1fr);}
.grid-3{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-4{display: grid; grid-template-columns: repeat(4, 1fr);}
.grid-5{display: grid; grid-template-columns: repeat(5, 1fr);}
.grid-6{display: grid; grid-template-columns: repeat(6, 1fr);}



.proclass-link a{text-align: center;display: inline-block;color: #000;border: 1px solid rgb(1, 1, 1,0.3);padding: .5rem 2.8rem; transition: .6s; margin-top: 2.375rem;}
@media (any-hover: hover) {
.proclass-link a:hover{background: #6191c1; color: #fff; border-color: #6191c1;}
}

.introduction-left .title h3{font-size: 48px; text-transform: uppercase;}


.proclass-bg{background: #fafafa; padding: 3.125rem 0; } 
.proclass-link2 a{display: inline-block;font-size: 2.25rem;color: #fff;text-transform: uppercase;font-weight: bold;border-radius: 7px;background: rgb(97, 145, 193);box-shadow: 0px 4px 11.05px 1.95px rgba(48, 48, 48, 0.26);padding: .94rem 4.4rem; transition: .6s;}
@media (any-hover: hover) {
  .proclass-link2 a:hover{transform: translateY(-5px);}
}


#c-placeholder{height: 90px;}
.pro-head .head-con {background-color: #ffff;}
.pro-head::after {background-color: #e5e5e5}
.pro-head h1 a {background: url(../images/logo2.png) no-repeat center; background-size: 100%;}
.pro-head .head-right > ul > li > a  {color: #333;}
.head .head-right > ul > li:hover > a {color: #fff;}
.pro-head .head-right > dl > dd:nth-child(1) > a {background: url(../images/head-icon3.png) no-repeat center; background-size: contain; }
.pro-head .head-right > dl > dd:nth-child(2) > a {background: url(../images/head-icon4.png) no-repeat center; background-size: contain;}
.head .head-right > dl > dd:nth-child(2):hover .search-pro {opacity: 1;   transform: translateY(0); pointer-events: auto;}
.pro-head .head-right > dl > dd { border-left: 1px solid #e1e1e1;}
.pro-head .head-right > dl > dd:nth-child(3) {border-right: 1px solid #e1e1e1;}
.pro-head .head-right > dl > dd:nth-child(3) span { color: #bcbcbc; font-weight: bold;}
.pro-head .head-right > dl > dd:nth-child(3) em { color: #bcbcbc;}
.pro-head .head-right > dl > dd:nth-child(3) a.on span {color: #5891ca;}

.pro-class-bg{ background-color: rgb(97, 145, 193,0.9); height: 143px;}
.pro-class-bg ul{height: 100%;}
.pro-class-bg ul li{text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 100%; transition: .5s;  box-sizing: border-box; padding: .3rem; width: 11%;}
.pro-class-bg ul li span{color: #fff;display: block; margin-top: 10px; line-height: 20px;}
.pro-class-bg ul li .arrow{margin-top: .2rem; opacity: 0; transition: .6s;}


.pro-class-bg ul li.on{background: rgba(255, 255, 255, .1);}
.pro-class-bg ul li.on .arrow{opacity: 1;}
.pro-class-bg ul li.on span{font-weight: bold;}

@media (any-hover: hover) {
  .pro-class-bg ul li:hover{background: rgba(255, 255, 255, .1);}
  .pro-class-bg ul li:hover .arrow{opacity: 1;}
  .pro-class-bg ul li:hover span{font-weight: bold;}
}






/* 产品筛选 */
.proOne {display: flex;justify-content: space-between;padding: 1.9375rem 0 15.75rem;align-items: flex-start;}
.proOne .lsit_nav {width: 25%;background: #f9f9f9;padding: 2.375rem 3.125rem 14.3125rem;border-radius: .625rem;margin-right: 7%;position: sticky;top: 90px;}
.proOne .lsit_nav strong{font-size: 1rem; margin-bottom: 1.25rem; display: block;}
.pro-search{height: 2.3125rem; margin-bottom: 1.25rem;}
.pro-search input{border: 1px solid rgba(51, 51, 51, .7); height: 100%; border-radius: 0;}
.pro-search .layui-input{border-right: none; background: transparent;}
.pro-search  .layui-btn{background: #fff; color: rgba(51, 51, 51, .5); font-size: .875rem; padding: 0 1.125rem; line-height: inherit;}
.pro-search  .reset-btn{margin-left: .25rem;}

.proOne .lsit_nav .layui-form-checked[lay-skin=primary]>i{}

.lsit_nav .layui-colla-content{padding: 0;border: none!important;}
.menu-box{display:flex;flex-direction: column;margin: .625rem 0 2.5rem;max-height: 252px;overflow-y: auto;}

.menu-box .menu-check-item{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#333;cursor:pointer; margin-bottom: .375rem;}
.menu-box .menu-check-item input[type=checkbox]{width:1rem;height:1rem;margin:0;accent-color:#6191c1;cursor:pointer;}
.menu-box .layui-form-checkbox[lay-skin=primary]{margin-bottom: .625rem}
.menu-box  .layui-form-checkbox[lay-skin=primary]>div{font-size: 1rem; color: #333;}

.proOne .lsit_nav li {border-bottom: 1px solid rgba(0, 0, 0, .1);border-top: none!important;}
.proOne .lsit_nav li .title h3{font-size: 1.5rem; color: #333333;}
.proOne .lsit_nav li .layui-form .layui-form-radio {display: block;line-height: initial;margin: .625rem 0;padding-right: .625rem;font-size: 1rem;color: #333;}
.proOne .lsit_nav li .layui-form .layui-form-radio>* {font-size: var(--font16); color: #333;}
.proOne .lsit_nav li .layui-form .layui-form-radio i {display: inline-flex;align-items: center;justify-content: center;font-size: var(--font18);color: #CECECE;width: 1.125rem;height: 1.125rem;/* background: #fff; */border-radius: 0;}
.proOne .lsit_nav li .layui-form .layui-form-radio i::before {width: 100%;height: 100%;display: inline-flex;align-items: center;justify-content: center;}
.proOne .lsit_nav li .layui-form .layui-icon-radio:before {content: "\e605";background: #6191c1;border-radius: 4px;color: #fff;font-size: var(--font12);}
/* 去除layui样式 */
.proOne .lsit_nav ul {border: 0 !important;}
.proOne .lsit_nav li .title {border: 0;height: auto;line-height: initial;background: none;/* border-bottom: 1px solid rgba(0, 0, 0, .1); */padding: .8125rem 0; cursor: pointer;}
.proOne .lsit_nav li .title .menu-arrow {transition: transform .3s; width: 1.1875rem;}
.proOne .layui-colla-item.on .title .menu-arrow {transform: rotate(180deg);}
.proOne .lsit_nav li .title i {display: none;}
.proOne .lsit_nav li .layui-form {border: 0; padding: 0;}
/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #6191c1; left: 0;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}

/* PC端隐藏切换按钮 */
@media screen and (min-width: 1024px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne {position: relative;}
  .proOne .lsit_nav {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s;padding: 1rem;box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
  .proOne .lsit_nav.show {left: 0;  overflow-y: auto;}
  .proOne .proList {width: 100%; max-width: 100%!important;}
  .filter-toggle {display: block;}
}


.proOne .proList {flex: 1;max-width: calc(100% - 25%); margin-top: 3.8125rem;}

.proList ul li{border-bottom: 1px solid rgba(1, 1, 1, .1); padding-bottom: 1.6875rem; margin-bottom: 2.5rem;}
.proList ul li .pic{width: 23.34%;margin-right: 5%; overflow: hidden;}
.proList ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.proList ul li .info{flex:1}
.proList ul li .info h4{font-size: 1.5rem; font-weight: bold;color: #333333; margin-bottom: 2.3125rem;}
.proList ul li .info p{font-size: 1rem; color: #333333; margin-bottom:1.25rem}
@media (any-hover: hover) {
  .proList ul li:hover .pic img{transform: scale(1.1);}
  .proList ul li:hover .info h4{color: #6191c1;}
}

.pro-introduction2 .introduction-right{width: 47.93%; height: 100%;}
.pro-introduction2 .introduction-left{width: 48.31%;}
.pro-introduction2 .introduction-left .title h3{text-transform: capitalize;}
.pro-introduction2 .mySwiper2-pro{width: 100%;}
.pro-introduction2 .mySwiper2-pro .swiper-pagination-bullet {width: 13px; height: 13px; background: rgba(1, 1, 1, .2); border-radius: 50%; opacity: 1; transition: .5s; margin: 0 8px;}
.pro-introduction2 .mySwiper2-pro .swiper-pagination-bullet-active{background: #6191C1;}
.pro-introduction2 .introduction-left .intro-div{max-height: 23.625rem; overflow-y: scroll;}
/* 滚动条样式 */
.pro-introduction2 .introduction-left .intro-div {scrollbar-width:thin;scrollbar-color: #6191C1 rgba(1, 1, 1, 0.1); overflow-y: auto;}
.pro-introduction2 .introduction-left .intro-div::-webkit-scrollbar {/*滚动条整体*/width: 4px;}
.pro-introduction2 .introduction-left .intro-div::-webkit-scrollbar-thumb {/*控制滑块*/ background:  #6191C1;}
.pro-introduction2 .introduction-left .intro-div::-webkit-scrollbar-track {/*控制轨道*/ border-radius: 0; background: rgba(1, 1, 1, .1);}

.pro-introduction2 .introduction-left .intro-con{width: 98%;}