/* Write your styles */
/* *{transition: all .3s linear;} */
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:var(--themeColor);}
img,video{ max-width:100%;}
.am-container{max-width: 1430px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}

.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; }
.arccontent .ue-table-interlace-color-double{ background-color: #f7faff; }

body {
    font-family: "Noto Sans SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
.animated{ -webkit-animation-duration: 1s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* 全局 css 变量 */
:root{--themeColor: #1e418b;}

/* 全局样式 */
.nj-container{overflow: hidden;width: 100%;max-width: 1920px;margin: 0 auto;padding: 0 15px;}
.all-pd{padding: 80px 0;position: relative;}
.all-pb{padding-bottom: 80px;}
.all-pt{padding-top: 80px;}

.themeColor{color: var(--themeColor);}
.colorWhite{color: #fff!important;}
.all-title-box{display: block;}
.all-title-box .title{font-size: 24px;color: #333;font-weight: bold;line-height: 1;}
.all-title-box .subtitle{font-size: 18px;color: #333;}
.all-title-box .entitle{font-size: 42px;color: #333;font-weight: bold;white-space: nowrap;}

/* .all-title-box .entitle::after{
	content: "";width: 52px;height: 4px;margin: 0 auto;background: var(--themeColor);display: block;margin-top: 5px;
} */

.ju-start{justify-content: flex-start!important;height: 90px;}
.vh100{width: 100%;height: 100vh;position: relative;}
.abvh100{width: 100%;height: 100%;/* position: absolute;top: 0;left: 50%;transform: translateX(-50%); */}
.img-bg{background-repeat: no-repeat;background-size: cover;background-position: center;}
.img100{width: 100%;}


.c5{transition: all .5s;}
.c1{transition: all 1s;}
.position-re{position: relative!important;}
.line-clamp-1,.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.line-clamp-1{-webkit-line-clamp: 1;}
.line-clamp-2{-webkit-line-clamp: 2;}
.line-clamp-3{-webkit-line-clamp: 3;}
.line-clamp-4{-webkit-line-clamp: 4;}
.line-clamp-5{-webkit-line-clamp: 5;}
.text-wrap {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
/* ::-webkit-scrollbar  {  width: 6px;   height: 6px;  background-color: #F5F5F5;  }  */
/*定义滚动条轨道 内阴影+圆角*/
/* ::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  }   */
/*定义滑块 内阴影+圆角*/
/* ::-webkit-scrollbar-thumb  {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color:#8fc31f;  } */

.ty-brn{
    width: 190px;height: 56px;border: 1px solid #e1e1e1;position: relative;border-bottom: none;overflow: hidden;background: #fff;position: relative;z-index: 1;
}
.ty-brn .btn{height: 100%; font-size: 18px;color: #333;font-weight: 500;display: flex;justify-content: center;align-items: center;}
.ty-brn::after{content: "";width: 100%;height: 3px;background: var(--themeColor);position: absolute;left: 0;bottom: 0;transition: all .3s ease-out;z-index: -1;}
.ty-brn:hover::after{height: 100%;}
.ty-brn:hover .btn{color: #fff;}
.ty-brn:hover{border: none;}


/* header */
header{position: relative;}
.header{position: relative;}
.header .main{display: flex;justify-content: space-between;align-items: center;}
.header .main .top-logo{flex-shrink: 0;}
.header .main .top-logo img{width: auto;}
.header .main .top-menu{position: relative;}
.header .main .top-menu ul{display: flex;}
.header .main .top-menu ul li{position: relative;}
.header .main .top-menu ul li .a{font-size: 18px;color: #333;line-height: 100px;display: block;white-space: nowrap;position: relative;min-width: 60px;text-align: center;margin: 0 30px;}
.header .main .top-menu ul .on .a{font-weight: bold;color: var(--themeColor);}
.header .main .top-menu ul li .a:hover{color: var(--themeColor);}
.header .main .top-menu ul li .a::after{ content: "";width: 0;height: 3px;background-color: var(--themeColor); position: absolute;left: 50%;bottom: 0; transition: all .4s ease; -webkit-transition: all .4s ease; }
.header .main .top-menu ul li:hover .a::after{ left: 0;width: 100%; }
.header .main .top-menu ul .on .a::after{left: 0;width: 100%;}
.header .main .top-menu ul li:last-child .a{margin-right: 0;}

.htop{display: flex;justify-content: space-between;background: #ebebeb;}
.htop-main{ display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.htop-main .item{font-size: 14px;color: #999;display: flex;align-items: center;padding: 10px 0;}
.htop-main .item .icon{margin-right: 4px;display: flex;justify-content: center;align-items: center;border-radius: 100%;}
.htop-main .item .icon i{font-size: 22px;
    color: var(--themeColor);
    line-height: 1;
    transform: translateY(2px);}
.htop-main .item span{font-size: 18px;color: var(--themeColor);}
.htop-main .item a{font-size: 20px;color: var(--themeColor);font-weight: bold;letter-spacing: 0.05rem;}

.subnav{position: absolute;width: 105%;background-color: #FFF;margin: 0;box-shadow: 0 2px 38px rgb(0 0 0 / 15%);height: auto;z-index: 199;top: 130%;left: 50%;opacity: 0;visibility: hidden;transition: all .36s ease;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-radius: 5px;transform: translateX(-50%);}
.top-menu ul li:hover .subnav {opacity: 1;visibility: visible;top: calc(95%);}

.subnav::before{content: "";display: block;position: absolute;left: 50%;top: -8px;margin-left: -5px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #fff;}
.subnav .item{border-bottom: 1px solid #f5f5f5;}
.subnav .item:first-child{border-radius: 5px 5px 0 0;}
.subnav .item a{font-weight: 400;color: #666;padding: 8px 5px;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.subnav .item a:hover{color: var(--themeColor);}

/* sm menu */
.sm-menubg{width: 100%;height: 100%;background-color: #333333;opacity: .5;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.sm-menu{width: 70%;height: 100%;background-color: #FFFFFF;position: fixed;top: 0;left: -70%;z-index: 1001;transition: all .5s;overflow-y: auto;overflow-x: hidden;box-shadow: 1px 1px 1px #9f9f9f80;}
.sm-menu nav{}
.sm-menu nav ul{overflow: hidden;padding-bottom: 70px;}
.sm-menu nav ul li{border-bottom: 1px solid #EEEEEE;position: relative;background-color: #FFFFFF;}
.sm-menu nav ul li:first-child{border-top: 1px solid #EEEEEE;}
.sm-menu nav ul li a{display: flex;margin: 0 40px;padding: 15px 0;font-size: 16px;align-items: center;}
.sm-menu nav ul li a img{margin-right: 5px;display: none;}
.sm-menu nav ul .on a img{display: block;}
.sm-menu nav ul li .down{position: absolute;top: 0;right: 0;width: 40px;height: 100%;padding-top: 13px;text-align: center;cursor: pointer;}
.sm-menu nav ul li .down i{transition: all .3s;transform: rotate(-90deg);}
.sm-menu nav ul li .rotate i{transition: all .3s;transform: rotate(0deg);}
.sm-menu nav ul .on a{color: var(--themeColor);}
.sm-menu nav ul li .sub{position: relative;display: none;transition: all .5s;}
.height-o{height: 0;}
.height-auto{height: auto;}
.sm-menu nav ul li .sub a{font-size: 14px;margin: 0;padding: 10px 0 10px 55px;}
.sm-menu nav ul .on .sub a{color: #666666;}
.sm-menu nav ul .on .sub a:hover{color: var(--themeColor);}
.top-search{padding-left: 30px;position: relative;line-height: 120px;}
.search-icon{position: relative;}
.search-icon:hover .search-formbox{top: 120px;opacity: 1;visibility: visible;}
.search-formbox{/* width: 240px; */height: 42px;position: absolute;top: 150px;right: -30px;opacity: 0;visibility: hidden;background-color: #FFFFFF;transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all .8s ease; -o-transition: all 1s ease;}
.search-formbox form{border: 1px solid #ddd; /* width: 240px; */ overflow: hidden;display: flex;}
.search-formbox button{line-height: initial;}
.search-formbox form input{border: none; color: #333; line-height: 30px; padding: 0 0px 0 10px; width: 170px; height: 40px;outline: 0;}
.search-formbox form button{width: 40px; height: 40px;background: transparent; padding: 0; border: none; margin: 0 auto;}
.sm-menubar{cursor: pointer;display: none;}
.bar-line{width: 26px;height: 2px;background-color: #76838f;margin: 6px;}
.bar-line-top{transition: all .5s;}
.bar-line-center{opacity: 1;}
.bar-line-bottom{transition: all .5s;}
.on .bar-line-top{
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%;
}
.on .bar-line-center{opacity: 0;}
.on .bar-line-bottom{
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 8%;
	-ms-transform-origin: 8%;
	-o-transform-origin: 8%;
	transform-origin: 8%;
}
@media screen and (max-width:1024px) {
	.sm-menubar {display: block;}
	.htop-main .item.welcome{display: none;}
}
@media screen and (max-width:1024px) {
	.htop-main .item span{font-size: 14px;}
	.htop-main .item a{font-size: 14px;}
}


/* banner */
.banner{position: relative;}
.banner .img-box{width: 100%;}
.banner .img-box img{width: 100%;}

.banner-prev,.banner-next{position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;background: rgba(255,255,255,.5);border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 1;transition: all .3s linear;}
.banner-prev{left: 2%;}
.banner-next{right: 2%;}
.banner-prev svg,.banner-next svg{transition: all .2s linear;}
.banner-prev:hover,.banner-next:hover{background: #fff;box-shadow: 0 0 5px rgb(30 65 139 / 30%);}
.banner-prev:hover svg,.banner-next:hover svg{fill: var(--themeColor);}
.banner-prev:hover svg{margin-right: 10px;}
.banner-next:hover svg{margin-left: 10px;}

/* about */
.ab{position: relative;}
.ab .main{display: flex;flex-wrap: wrap;background-size: auto;}
.ab .main .left{width: 50%;padding-right: 40px;}
.ab .main .left .ab-title{font-size: 36px;font-weight: bold;color: #333;margin-top: 10%;}
.ab .main .left .note{font-size: 16px;color: #666;line-height: 2;margin: 8% 0;}

.ab .main .right{width: 50%;}
.ab .main .right .img-box{height: 100%;}
.ab .main .right .img-box img{width: 100%;height: 100%;object-fit: cover;}

.data-box{display: flex;width: 100%;max-width: 1150px;background: #fff;box-shadow: 0 0 14px rgb(194 196 206 / 30%);
padding: 50px 0;position: relative;margin-top: -8%;}
.data-box .item{width: 25%;text-align: center;position: relative;}
.data-box .item::after{content: "";width: 1px;height:50%;background: #efefef;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.data-box .item:last-child::after{display: none;}
.data-box .item .num-box{display: block;}
.data-box .item .num-box .num{font-size: 60px;font-weight: bold;color: var(--themeColor);font-family: "DINAlternate";display: inline-block;position: relative;}
.data-box .item .num-box .num::before{content: "";width: 30px;height: 30px;border-radius: 100%;background: #e8ecf3;position: absolute;top: 17%;left: -10%;z-index: 1;}
.data-box .item .num-box .num span{display: block;position: relative;z-index: 2;}
.data-box .item .num-box .dw{font-size: 18px;color: var(--themeColor);padding-left: 8px;}
.data-box .item .title{font-size: 16px;color: #666;margin-top: 10px;}

/* 行业应用 */
.hyyy{background: #f0f5fa;}
.hyyy .main{display: flex;flex-wrap: wrap;}
.hyyy .main .left{width: 300px;}
.hyyy .main .left .note{font-size: 16px;color: #333;line-height: 2;margin:12% 0;}

.hyyy .main .right{width: calc(100% - 300px);}
.hyyy-swiper{margin: 0 -20px}
.hyyy-swiper .swiper-slide{width: 33.333333%;padding: 120px 10px;}
.hyyy-swiper .item{position: relative;top: 0;transition: all .5s ease-out;}
.hyyy-swiper .swiper-slide-active .item{top: 100px;}
.hyyy-swiper .swiper-slide-next .item{top: -100px;}
.hyyy-swiper .item .img-box{width: 100%;overflow: hidden;}
.hyyy-swiper .item .img-box img{width: 100%;transition: all .5s ease-out;}
.hyyy-swiper .item:hover .img-box img{transform: scale(1.1);}
.hyyy-swiper .item .cont-box{padding: 15px; position: absolute;left: 0;bottom: 0;background: var(--themeColor);color: #fff;}
.hyyy-swiper .item .cont-box .order{font-size: 60px;font-family: "DINAlternate";line-height: 1;}
.hyyy-swiper .item .cont-box .title{font-size: 18px;margin: 15px 0;}
.hyyy-swiper .item .cont-box .line{width: 30px;height: 1px;background: #fff;transition: all .5s ease-out;}
.hyyy-swiper .item:hover .cont-box .line{width: 100%;}

.hyyy-btn-box{    display: flex; justify-content: flex-end; padding-right: 20%; position: relative; top: -20px;}
.hyyy-prev,.hyyy-next{width: 60px;height: 60px;background: #c6c9cd;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 1;transition: all .3s linear;margin: 0 15px;}
.hyyy-prev svg,.hyyy-next svg{transition: all .2s linear;}
.hyyy-prev:hover,.hyyy-next:hover{background: var(--themeColor);box-shadow: 0 0 5px rgb(30 65 139 / 30%);}
.hyyy-prev:hover svg,.hyyy-next:hover svg{fill: #fff;}
.hyyy-prev:hover svg{margin-right: 10px;}
.hyyy-next:hover svg{margin-left: 10px;}

/* product */
.pro{background: #fff;}
.pro-main{position: relative;}
.pro-main .cla{display: flex;margin: 4% 0;border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.pro-main .cla li{width:auto; flex: 1; padding: 25px 0;position: relative;background: #fff;}
.pro-main .cla li::after{content: "";width: 0;height: 3px;background: var(--themeColor);position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);transition: all .5s ease-out;}
.pro-main .cla li:hover::after,.pro-main .cla .on::after{width: 100%;}
.pro-main .cla .on{background: #f0f5fa;}
.pro-main .cla li .item{text-align: center;}
.pro-main .cla li .item .dy{width: 44px;height: 44px;border: 1px solid #bfbfbf;display: flex;justify-content: center;align-items: center;margin: 0 auto;border-radius: 100%;}
.pro-main .cla li .item .xy{width: 81.8181%;height: 81.8181%;border: 3px solid #bfbfbf;border-radius: 100%;}
.pro-main .cla li .item .title{font-size: 18px;color: #333;margin-top: 20px;}

.pro-main .cla .on .item .dy{border-color: var(--themeColor);}
.pro-main .cla .on .item .xy{border-color: var(--themeColor);}
.pro-main .cla .on .item .title{color: var(--themeColor);}

.pro-main .cont{display: flex;flex-wrap: wrap;}
.pro-main .cont .left{width: 50%; padding: 5%; display: flex; flex-direction: column; justify-content: space-evenly;}
.pro-main .cont .left .title{font-size: 24px;color: #333;font-weight: bold;}
.pro-main .cont .left .note{font-size: 16px;color: #999;line-height: 2;margin: 2% 0;}
.pro-main .cont .left .btn{font-size: 16px;color: var(--themeColor);display: flex;align-items: center;}
.pro-main .cont .left .btn .yuan{width: 30px;height: 30px;border: 1px solid var(--themeColor);border-radius: 100%;position: relative;transition: all .5s;}
.pro-main .cont .left .btn:hover .yuan{transform: rotate( 180deg );}


.pro-main .cont .left .btn .yuan::before{content: "";width: 50%;height: 2px;background: var(--themeColor);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro-main .cont .left .btn .yuan::after{content: "";width: 2px;height: 50%;background: var(--themeColor);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro-main .cont .left .btn .txt{padding-left: 10px;transition: all .5s ease-out;}
.pro-main .cont .left .btn:hover .txt{padding-left: 15px;}
.pro-main .cont .right{width: 50%;}
.pro-main .cont .right .img-box{height: 100%;overflow: hidden;}
.pro-main .cont .right .img-box img{width: 100%;height: 100%;object-fit: cover;}


/* 理念 */
.ln{position: relative;overflow: hidden;}
.ln .bg{ background-size: cover; background-repeat: no-repeat; background-position: center; background-size:cover; position:absolute;transform:scale(1.1); left:0; top:0; width:100%; height:100%;transition: all 4s linear;}
.ln .bg.animated{ transform:scale(1)}
.ln .main{padding: 15% 0;}
.ln .main .title{font-size: 36px;color: #333;font-weight: bold;position: relative;padding-bottom: 20px;}
.ln .main .title .line{width: 0;height: 3px;background: var(--themeColor);position: absolute;display: block;left: 0;bottom: 0;transition: all 1s ease-out;}
.ln .main .title .line.animated{width: 50px}
.ln .main .note{font-size: 16px;color: #333;line-height: 2;margin: 50px 0 90px;max-width: 590px;}

/* news */
.ty-top{display: flex;justify-content: space-between;align-items: center;}
.news-main{display: flex;flex-wrap: wrap;margin-top: 4%;}
.news-main .left{width: calc(50% - 7%);margin-right: 7%;background: #f8f9fb;position: relative;}
.news-main .left::after{content: "";width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;background:var(--themeColor);transition: all .5s ease-out;transform: translateX(-50%);}
.news-main .left:hover::after{width: 100%;}
.news-main .left a{display: block;}
.news-main .left a .img-box{overflow: hidden;}
.news-main .left a .img-box img{width: 100%;transition: all .5s ease-out;}
.news-main .left a:hover .img-box img{transform: scale(1.1);}
.news-main .left a .cont-box{padding: 30px;}
.news-main .left a .cont-box .date{font-size: 14px;color: #999;}
.news-main .left a .cont-box .title{font-size: 18px;color: #333;font-weight: bold;line-height: 1.5;margin: 30px 0 20px;}
.news-main .left a:hover .cont-box .title{color: var(--themeColor);}
.news-main .left a .cont-box .note{font-size: 14px;color: #333;margin-bottom: 20px;}
.news-main .right{width: 50%;display: flex;flex-direction: column;}
.news-main .right .item{flex: 1;padding: 30px 0;border-bottom: 1px solid #ebebeb;position: relative;}
.news-main .right .item::after{content: "";width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;background:var(--themeColor);transition: all .5s ease-out;transform: translateX(-50%);}
.news-main .right .item:hover::after{width: 100%;}
.news-main .right .item:first-child{border-top: 1px solid #ebebeb;}
.news-main .right .item .a{display: flex;flex-direction: column;justify-content: center;}
.news-main .right .item .date{font-size: 14px;color: #999;}
.news-main .right .item .title{font-size: 18px;font-weight: bold;color: #333;margin: 10px 0 20px;}
.news-main .right .item:hover .title{color: var(--themeColor);}
.news-main .right .item .note{font-size: 14px;color: #999;}


/* 底部 */
footer{background: #21262d;}
.foot .main{display: flex;justify-content: space-between;align-items: flex-start;border-bottom:1px solid rgb(255 255 255 / 30%);}
.f-contact{max-width: 300px;}
.f-contact .f-logo{position: relative;}
.f-contact .f-logo img{width: auto;}
.f-contact .p1{margin: 20px 0;font-size: 18px;color: rgb(255 255 255 / 60%);}
.f-contact .p1 span{font-weight: bold;}

.f-menu{display: flex;flex-wrap: wrap;max-width: 340px;}
.f-menu .item{width: 50%;font-size: 18px;color: #fff;line-height: 2.5;}
.f-menu .item:hover{text-decoration: underline;}

.f-code{padding: 10px;background: #fff;text-align: center;font-size: 14px;color: #333;}
.f-code .txt{margin-top: 5px;}

/* copyright */
.copyright{min-height: 80px;display: flex;align-items: center;}
.copyright .main{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.copyright .main .p1{font-size: 14px;color: rgb(255 255 255 / 50%);}
.copyright .main .p1 a{color: rgb(255 255 255 / 50%);}
.copyright .main .p1 a:hover{text-decoration: underline;color: #fff;}
.copyright .main .p1 a img{margin-top: -10px;}

/* ny-banner */
.ny-banner {position: relative;overflow: hidden;}
.ny-banner .img {background-color: #000;background-size: cover;background-position: center;}
.ny-banner .img .mark{background: url("../images/mark1.png");width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.ny-banner .img{ /*animation: bgimgain 5000ms 1 ease-out;*/}
@keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}}
.ny-banner .text {text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%, -50%);}
.ny-banner .text .title-1{font-size: 48px;text-transform: uppercase;}
.ny-banner .text .title-2{font-size: 30px;}
.img-block { display: block; width: 100%; height: 100%;object-fit: cover; }

/* ny-about */
.ny-ab{position: relative;}
.ny-ab .data-box{min-width: 100%;margin-top: 5%;}

/* 企业文化 */
.ny-culture {padding: 80px 0 10px 0;overflow: hidden;background: #fcfcfc;}
.ny-culture .cz-content {width:90%;}
.ny-culture-content {margin: 60px 0;overflow: hidden;position: relative; }
.ny-culture-nav {position: absolute;width: 300px;height:90px;right:5%;top:1%;z-index: 10;}
.ny-culture-nav a{display: block;font-size: 14px;line-height: 30px; overflow: hidden;position: absolute;height:100%;padding:0 0 0 20px;color: #a1a7b2;}
.ny-culture-nav a::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;background: #e6e8ed;}
.ny-culture-nav .swiper-slide-thumb-active a::before{background: var(--themeColor);}
.ny-culture-nav .swiper-slide-thumb-active a {color:var(--themeColor);}
.ny-culture-swiper {position: relative;overflow: hidden;}
.ny-culture-swiper .ny-culture-item{position: relative;overflow: hidden;padding-bottom: 7%;}
.ny-culture-swiper .ny-culture-item .img{float: left;width:60%;}
.ny-culture-swiper .ny-culture-item .img img{width: 100%;}
.ny-culture-swiper .ny-culture-item .text{background: #fff;position: absolute;right:5%;bottom:7%;z-index: 5;padding:3%  5%;width:40%;box-shadow: 0px 15px 30px 0px rgba(25, 34, 51, 0.1);}
.ny-culture-swiper .ny-culture-item .text .num-1{font-size: 14px;color: var(--themeColor);position: relative;padding-left: 60px;margin: 20px 0;}
.ny-culture-swiper .ny-culture-item .text .num-1::before {content: '';width: 50px;height: 1px;position: absolute;left: 0;top: 50%;background: var(--themeColor);}
.ny-culture-swiper .ny-culture-item .text .title-2{font-size: 24px;color: #26334c;}
.ny-culture-swiper .ny-culture-item .text .text-3{font-size: 14px;color: #a1a7b2;line-height: 24px;padding: 30px 0;overflow: hidden;}


/* ny-news */
.ny-cla{ display: flex; align-items: center; justify-content: center; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); background: #fff; width: fit-content; margin: auto; z-index: 20; box-shadow: 0px 15px 32px 0px rgb(164 167 170 / 10%);}
.ny-cla .item { width: 260px; height: 100px; display: flex; align-items: center; justify-content: center; transition: 0.8s; position: relative; cursor: pointer; }
.ny-cla .item .color { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: var(--themeColor); z-index: 0; transition: 0.5s; opacity: 0; }
.ny-cla .item:after { content: ''; width: 1px; height: 18px; background: #D9D9D9; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: 0.6s; }
.ny-cla .item:before { content: ''; width: 0; height: 3px; background: #FFFFFF; position: absolute; left: 50%; bottom: 23px; transition: 0.6s; margin-left: -10px; z-index: 1; }
.ny-cla .item:last-child:after { display: none; }
.ny-cla .on .color { opacity: 1; }
.ny-cla .item:hover .color { opacity: 1; }
.ny-cla .on:after { opacity: 0; }
.ny-cla .item:hover:after { opacity: 0; }
.ny-cla .on:before { width: 18px; }
.ny-cla .item:hover:before { width: 18px; }
.ny-cla .item p { font-size: 16px; font-weight: normal; color: #999999; position: relative; top: 0; transition: 0.5s; z-index: 1; }
.ny-cla .on p { font-size: 24px; color: #FFFFFF; top: -8px; }
.ny-cla .item:hover p { font-size: 24px; color: #FFFFFF; top: -8px; }

.ny-news{position: relative;background: #f7f7f7;}
.ny-news .list{margin: 5% 0;}
.ny-news .list .item{display: flex;padding: 2.5%;margin-bottom: 2.5%;border-bottom: 1px solid #F1F1F1;position: relative;background: #fff;}
.ny-news .list .item:hover{box-shadow: 0px 15px 32px 0px rgb(164 167 170 / 10%);}
.ny-news .list .item::after{content: '';width: 0;height: 1px;background: var(--themeColor);position: absolute;left: 0;bottom: 0;transition: all .5s ease-out;}
.ny-news .list .item:hover::after{width: 100%;}
.ny-news .list .item .img-box{overflow: hidden;width: 28%;}
.ny-news .list .item .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.ny-news .list .item:hover .img-box img{transform: scale(1.1);}
.ny-news .list .item .cont-box{flex: 1;padding: 0 2.5%;}
.ny-news .list .item .cont-box .date{font-size: 14px;color: #999;margin: 5px 0 3%;}
.ny-news .list .item .cont-box .title{font-size: 22px;color: #333;font-weight: bold;}
.ny-news .list .item .cont-box .title:hover{color: var(--themeColor);font-weight: bold;}
.ny-news .list .item .cont-box .note{font-size: 16px;color: #666;}
.ny-news .list .item .jt{width: 60px;height: 60px;background: #f5f5f5;border-radius: 100%;display: flex;justify-content: center;align-items: center;transition: all .3s linear;align-self: center;overflow: hidden;}
.ny-news .list .item .jt svg{transition: all .3s linear;}
.ny-news .list .item:hover .jt{background: var(--themeColor);}
.ny-news .list .item:hover .jt svg{fill: #fff;
    animation:  .9s ease-in-out 0s infinite normal none running myfadeOutRight;
}
@keyframes myfadeOutRight { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 100% { opacity: 0; transform: translate3d(100%, 0, 0); } }


/* 新闻详情 */
.news-de{position: relative;background: #f7f7f7;}
.news-de .main{background: #fff;padding: 5%;position: relative;}
.news-de .main .title{font-size: 24px;color: #000;}
.news-de .main .info{display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #999;padding: 30px 0;border-bottom: 1px solid #DCDCDC;}
.news-de .main .content{padding: 5% 0;margin-bottom: 5%; font-size: 16px;line-height: 2;color: #666;border-bottom: 1px solid #DCDCDC;}

.nysxp{ position:relative;padding-right: 150px;}
.nysxp ul li{ line-height:2;}
.nysxp ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #666;font-size: 14px;}
.nysxp ul li a:hover{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: var(--themeColor);}
.nysxp .return{ position:absolute; right:0; top:50%; transform:translateY(-50%)}
.nysxp .return a{ display:block; border-radius:30px; padding:10px 35px; border:1px solid #DCDCDC; font-size:14px;color: #333;}
.nysxp .return a:hover{ border-color:var(--themeColor); color:#fff;background: var(--themeColor);}

/* 联系我们 */

#allmap{ height:640px;}
#allmap img{ max-width:inherit;}

.ny-warp{padding: 40px 0;background: #fafbfb;}
.ny-ct-main{background:#fff;padding:80px;margin-top:-120px;min-height:400px;position:relative;z-index:999;}
.ny-ct-left{ width:50%; float:left;}
.ny-ct-left .tit{ font-size:32px; margin-bottom:10px;}
.ny-ct-left .note{color:#999; }
.ny-ct-left .cont{margin-top:40px;}
.ny-ct-left .cont p{ border-bottom:1px dashed #eee; margin-bottom:15px; padding-bottom:15px;}
.ny-ct-left .cont p img{ margin-right:10px;}
.ny-ct-right{ width:50%; float:right; padding-left:40px;}

.mesipu{}
.mesipu .item{}
.mesipu .item .iput{ width:50%; float:left; padding:0 10px; margin-bottom:20px;position:relative;}
.mesipu .item .iput:nth-child(3){}
.mesipu .item .iput .bitian{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#f30;font-size:14px;}
.mesipu .item .iput .am-form-field{ padding:15px; background:#f5f5f5; border:none; outline:none;}
.zbcg-mes .mesipu .item .iput{width:25%;}
.mesipu .item.wyb .iput{ width:100%;}
.c-t-m-btn{ padding-left:10px;}
.c-t-m-btn .yzm{ float:left; width:50%; margin-right:15px; position:relative;}
.c-t-m-btn .yzm .am-form-field{ padding:15px; background:#f5f5f5; border:none; outline:none;}
.c-t-m-btn .yzm img{ position:absolute; right:10px; top:50%; transform:translateY(-50%); z-index:23;}
.c-t-m-btn .am-btn{ background:#c52b23; padding:15px; width: calc(50% - 25px); color:#fff; border-radius:4px;}

.zbcg-mes .mesipu .item .iput:nth-child(3){width:25%;}

/* ny-nav */
.ny-nav{ border-bottom: 1px solid #eee;box-shadow: 0 1px 10px #eee; }
.ny-nav ul{ display: flex;justify-content: center;align-items: center; }
.ny-nav ul li{margin: 0 40px;flex-shrink: 0;}
.ny-nav ul li a{ display: block;font-size: 18px;line-height: 80px;color: #333;position: relative; }
.ny-nav ul li a::after{ content: "";width: 0;height: 2px;background-color: var(--themeColor); position: absolute;bottom: 0;left: 50%;opacity: 1; -webkit-transition: all .4s ease;transition: all .4s ease; }
.ny-nav ul li a:hover,.ny-nav ul .on a{ color: var(--themeColor); }
.ny-nav ul li a:hover::after,.ny-nav ul .on a::after{ opacity: 1;width: 100%;left: 0; }

@media screen and (max-width:1024px) {
    .ny-nav ul { overflow-x: scroll; justify-content: space-between; }
	.ny-nav ul li { margin: 0 10px; }
	.ny-nav ul li a { font-size: 14px;line-height: 50px; }

}


/* 产品列表 */
.ny-product{position: relative;background: #f7f7f7;}
.ny-product-main{position: relative;}
.ny-product-main ul{ display: flex;flex-wrap: wrap; }
.ny-product-main ul li{ margin: 15px;width: calc(33.33333% - 30px); }
.ny-product-main ul li a{ display: block;padding: 15px;border:1px solid #eee;transition: all .5s;background: #fff; }
.ny-product-main ul li a .img-box{ overflow: hidden;position: relative; }
.ny-product-main ul li a .img-box:before { position: absolute; top: 0; left: -90%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); }
.ny-product-main ul li a .img-box img{ width: 100%;transition: all 1s;max-height: 304px;object-fit: cover; }
.ny-product-main ul li a .product-title{ display: flex;justify-content: space-between;align-items: center;margin-top: 30px; }
.ny-product-main ul li a .product-title .title{ font-size: 16px;color: #333;font-weight: 400;line-height: 1.5; }
.ny-product-main ul li a .product-title i{ width: 42px;height: 42px;border: #ccc dashed 1px;border-radius: 100%; color: #ccc;display: flex;justify-content: center;align-items: center; line-height: 1;font-size: 24px;transition: all 0.5s;flex-shrink: 0; }
.ny-product-main ul li a:hover{ box-shadow: 0 0  20px rgb(205 209 213 / 60%); }
.ny-product-main ul li a:hover .img-box img{ transform: scale(1.1); }
.ny-product-main ul li a:hover .img-box:before{ -webkit-animation: shine 1s; animation: shine 1s; }
.ny-product-main ul li a:hover .product-title .title{ color: var(--themeColor); }
.ny-product-main ul li a:hover .product-title i{ background: var(--themeColor);color: #fff; border-color: var(--themeColor);}

@keyframes shine { 0%{ left: -100%; } 100%{ left: 100%; } }

@media screen and (max-width:1024px) {
	.ny-product-main ul li { margin: 5px;width: calc(50% - 10px); }
	.ny-product-main ul li a { padding: 7.5px; }
	.ny-product-main ul li a .product-title { margin-top: 15px; }
	.ny-product-main ul li a .product-title .title { font-size: 12px; }
	.ny-product-main ul li a .product-title i { width: 25px; height: 25px;font-size: 16px; }
}

/* 产品详情 */
/**公共样式**/
.ny-warp{ padding:60px 0; background:#f3f3f3;}
.ny-right{ width:78%; float:right;}
.ny-left{ width:20%; float:left;}
/**左侧栏目导航**/
.side-nav .lanmu-tit{background:var(--themeColor);text-indent: 42px; position:relative; padding:20px 0;}
.side-nav .lanmu-tit span{color: #fff;font-size: 26px;font-weight: normal;overflow: hidden; display:block;}
.side-nav .lanmu-tit em{ color:rgba(255,255,255,.5); font-size:14px; display:block;}
.side-nav .lanmu-nav{overflow: hidden;width: 100%;background-color: #fff;border-left: 1px solid #ececec;border-right: 1px solid #ececec;}
.side-nav .lanmu-nav>ul>li{position: relative;line-height: 60px;text-indent: 45px;font-size: 16px;border-bottom: 1px solid #ececec;}
.side-nav .lanmu-nav>ul>li>a{color: #333;text-decoration: none;display: block; position:relative;}
.side-nav .lanmu-nav>ul>li>a:before{content: "\f105"; text-indent:1px; text-align:center; display:block; width:18px; height:18px; line-height:15px; overflow:hidden; border-radius:50%; color:#999; border:1px solid #eee; position:absolute; right:40px; top:50%; margin-top:-9px;transition: all .3s linear;}
.side-nav .lanmu-nav>ul>li>a:hover:before,.side-nav .lanmu-nav>ul>li.on>a:before{background:var(--themeColor);color:#fff;}
.side-nav .lanmu-nav>ul>li>a:hover,.side-nav .lanmu-nav>ul>li.on>a{ color:var(--themeColor)}
/**左侧联系方式**/
.sidecon{background: #fff;margin-top:20px;}
.sidecon .tit{ height:70px; background:var(--themeColor); color:#fff; text-align:center; font-size:24px; line-height:70px;}
.sidecon img{ width:100%;}
.sidecon .txt{ padding:20px 20px 10px 20px; font-size:1.4rem;border: 1px solid #eee;}
.sidecon .txt p{ margin-bottom:10px;}
.sidecon .txt p.stit{ font-weight:bold;}

/**产品内容样式**/
.pro-head{ background:#fff; padding:30px;position: relative;}
.pro-head .pro-head-l{ width:40%; float:left;}
#magnifier{position:relative;}
.small-box{position:relative;margin-bottom:20px;border:1px solid #eee; border-radius:2px; overflow:hidden;}
.small-box img{display:block; width:100%;height: 100%;object-fit: cover;}
.small-box .hover{display:none;position:absolute;left:0;top:0;width:200px;height:200px;border:1px solid #aaa;background:#fff;opacity:.5;cursor:move}
.thumbnail-box{position:relative;width:100%}
.thumbnail-box .btn{position:absolute;top:0;width:22px;height:100%; border-radius:2px;cursor: pointer;}
.thumbnail-box .btn:hover{color: var(--themeColor);}
.thumbnail-box .swiper-button-disabled{color: #333!important;cursor: initial;}
.thumbnail-box .btn-prev{left:0;background:#eee; font-size:18px; color:#333; text-align:center;}
.thumbnail-box .btn-prev:before{content: "\f104"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.thumbnail-box .btn-next:before{content: "\f105";position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.thumbnail-box .btn-next{right:0;background:#eee;}
.thumbnail-box .list{overflow:hidden;width:90%;margin:0 auto}
.thumbnail-box .wrapper{width:100000px}
.thumbnail-box .list .item{float:left;padding:0 5px;width: 20%;cursor: pointer;}
.thumbnail-box .list .item img{border:2px solid #fff; width:100%;}
.thumbnail-box .list .item-cur img{border:2px solid var(--themeColor)}
.big-box{
	display:none;overflow:hidden;position:absolute;left:101%;top:0;
	width:100%;height:100%;border:1px solid #8d8d8d; z-index: 1920;
}
.big-box img{display:block; width:900px; max-width:1200px;}

.pro-head-r{ width:57%; float:right;}
.pro-head-r .note{ /*background:#f5f5f5; padding:15px;*/ min-height:150px;margin-top:15px;font-size: 16px;color: #666;line-height: 2;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.lianxitel{overflow:hidden;margin-top:25px;background: #f5f5f5;position: relative; bottom: 0;width:auto;margin-bottom:0;}
.lianxitel .zxkk{width:150px;display:block;height:50px;line-height:50px;text-align:center;background:var(--themeColor);color:#fff;font-size:15px;float:left}
.lianxitel .zxkk img{padding-right:7px}
.lianxitel p{display:block;height:50px;line-height:50px;background:#f5f5f5;color:#444;font-size:15px;float:left;text-align:center; padding-left:15px;}
.lianxitel p span{color:var(--themeColor);font-size:22px;font-weight:700}

.toy-tit{ padding:12px 0; font-size:20px; position:relative; padding-left:30px; background:#ebebeb; color:#fff; overflow:hidden; z-index:99;}
.toy-tit:after{ content:""; width:180px; height:100%; position:absolute; left:-22px; top:0; background:var(--themeColor); z-index:-1;transform: skewX(22deg);}
.toy-tit:before{ content:""; display:block; width:6px; height:14px; background:#fff; position:absolute; left:15px; top:50%; margin-top:-7px;}
.pro-indof{ background:#fff; padding:30px; font-size:16px; line-height:2;}
.pro-indof img{ height:auto !important;}


.xgcp{ margin-top:20px;}
.zixunbox_title{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.zixunbox_title_l{font-size:22px;font-weight:600;color:#111}
.zixunbox_title_l em{color:var(--themeColor)}
.zixunbox_title_l b{font-size:13px;color:#999;margin-left:10px; font-weight:normal;}
.zixunbox_title_r a{font-size:14px;color:#777}
.mySwiper-xg{ margin-top:15px;}
.mySwiper-xg .swiper-slide{ width:33.333%; padding:0 5px;}
.mySwiper-xg .swiper-slide a{ display:block; overflow:hidden; background:#fff; padding:20px; padding-bottom:0;border: 1px solid #eee;}
.mySwiper-xg .swiper-slide a .tit{ border-top:1px solid #f1f1f1; padding:15px 0; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mySwiper-xg .swiper-slide a i{display: block;overflow: hidden;}
.mySwiper-xg .swiper-slide a i img{width: 100%;transition: all .5s;}
.mySwiper-xg .swiper-slide a:hover i img{transform: scale(1.1);}
.mySwiper-xg .swiper-pagination{ position:relative; bottom:0;}
.tjyt-list{ margin-top:10px; overflow:hidden;}
.tjyt-list ul{ margin:0 -10px;}
.tjyt-list ul li{ padding:0 15px; font-size:14px; line-height:3.6; }
.tjyt-list ul li a{ display:block;border-bottom:1px solid #e8e8e8;}
.tjyt-list ul li a p{ width:75%; float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.tjyt-list ul li a span{ float:right; color:#999;}

.ny-pro-de .cont-list{ margin: 10px 0; }
.mySwiper-xg .xgcp-pagination .swiper-pagination-bullet-active{ background: var(--themeColor); }
.mySwiper-propay .swiper-pagination-f .swiper-pagination-bullet-active{ background: var(--themeColor); }

@media screen and (max-width:1024px){
    /**公共样式**/
    .ny-warp{ padding:20px 0;}
    .ny-left{ width:100%; float:none;}
    .ny-right{ width:100%; float:none;}

    /**左侧栏目导航**/
    .sidecon{ display:none;}
    .side-nav{ margin-bottom:15px;}
    .side-nav .lanmu-tit{text-indent:1em; padding:10px 0;}
    .lanmu-tit:before {content: "\f0d7";position: absolute;right: 15px;top:50%; transform:translateY(-50%); color:#fff;}
    .side-nav .lanmu-tit span{ font-size:18px;}
    .side-nav .lanmu-tit em{ display:none;}
    .side-nav .lanmu-nav{ display:none;}
    .side-nav .lanmu-nav.on{ display:block;}
    .side-nav .lanmu-nav>ul>li{ line-height:50px; font-size:14px;}

    .pro-head{ padding:0;}
    .pro-head-r{ width:100%; float:none; padding:20px;}
    .pro-head-r h1{ font-size:18px;}
    .pro-head-r hr{ margin:5px 0;}
    .pro-head-r .note{ font-size:12px; margin-top:10px;}
    .lianxitel{ margin-top:15px;position: relative;width:100%;margin-bottom:15px;}
    .lianxitel .zxkk{ width:110px; font-size:12px;}
    .lianxitel p{ font-size:12px;}
    .lianxitel p span{ font-size:18px;}
    .toy-tit{ font-size:18px; padding:8px 0; padding-left:30px;}
    .pro-indof{ padding:10px;font-size: 14px;}
    .zixunbox_title_l{ font-size:18px;}
    .zixunbox_title_l b{ font-size:1rem;}
    .zixunbox_title_r a{ font-size:1rem;}
    .mySwiper-xg .swiper-slide a{ padding:5px;}
    .mySwiper-xg .swiper-slide a .tit{ font-size:12px; padding:5px 0;}
    .mySwiper-xg .swiper-slide{ width:50%;}
    .tjyt-list ul li{ line-height:3;}

}

/* ny-case */
.ny-case{position: relative;}
.ny-case .main{position: relative;}
.ny-case .main .cate{
	margin: 50px 0 30px;display: flex;font-size: 16px;color: #fff;letter-spacing: 2px;height: 70px;align-items: center;justify-content: center;
	border-bottom: 1px solid #e6e6e6;
}
.ny-case .main .cate li{line-height: 70px;margin: 0 15px;cursor: pointer;width: 200px;position: relative;}
.ny-case .main .cate li::after{content: "";width: 0;height: 3px;position: absolute;left: 0;bottom: -1px;background: var(--themeColor);transition: all .5s;}
.ny-case .main .cate .on::after{width: 100%;}
.ny-case .main .cate li:hover::after{width: 100%;}
.ny-case .main .cate li a{color: #333;display: block;text-align: center;}

.ny-case .main .list{display: flex;flex-wrap: wrap;}
.ny-case .main .list li{padding: 15px;width: 33.33333%;}
.ny-case .main .list li a{display: block;}
.ny-case .main .list li a .img-box{overflow: hidden;}
.ny-case .main .list li a .img-box img{width: 100%;transition: all .5s;}
.ny-case .main .list li a:hover .img-box img{transform: scale(1.05);}
.ny-case .main .list li a .title{padding: 7% 0;border: 1px solid #e6e6e6;border-top: none;text-align: center;font-size: 14px;}

@media screen and (max-width:1024px) {
    .ny-case .main {overflow: hidden;}
	.ny-case .main .cate {margin: 15px 0;font-size: 14px;height: auto;}
	.ny-case .main .cate li {line-height: 50px;margin: 0 15px;width: auto;}
	.ny-case .main .cate li::after.ny-case .main .cate li::after{height: 2px;}
	.ny-case .main .list li {padding: 5px;width: 50%;}
}



/* case-content */
.sshd{background-color: #f5f5f5;}
.sshd-main{display: flex;flex-wrap: wrap;}
.sshd-main .left{width: calc(75% - 40px);margin-right: 40px;padding: 2% 0;background-color: #fff;box-shadow: 0 1px 10px 0 rgb(206 223 241 / 20%);border-radius: 5px;}
.sshd-main .left .page-title{font-size: 30px;color: #333;text-align: center;margin-bottom: 2%;}
.sshd-main .left .main{margin: 0 2%;}
.sshd-main .left .main .swiper-box1{position: relative;padding: 0 50px;}
.sshd-main .left .main .swiper-box1 .img-box{}
.sshd-main .left .main .swiper-box1 .img-box img{width: 100%;}
.prev1{position: absolute;top: 50%;left: 0;transform: translateY(-50%);cursor: pointer;}
.next1{position: absolute;top: 50%;right: 0;transform: translateY(-50%);cursor: pointer;}
.sshd-main .left .main .swiper-box2{padding: 40px 5%;}
.sshd-main .left .main .swiper-box2 .img-box{cursor: pointer;position: relative;}
.sshd-main .left .main .swiper-box2 .img-box::after{content: '';background-color: rgba(255,255,255,.7);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.sshd-main .left .main .swiper-box2 .swiper-slide-thumb-active .img-box::after{background-color: rgba(255,255,255,0);}
.sshd-main .left .main .swiper-box2 .img-box img{width: 100%;}
.sshd-main .left .main .content-box{font-size: 16px;color: #333;line-height: 1.75em;background-color: rgba(221,221,221,.2);padding: 21px 21px 24px;margin: 0 3%;overflow: hidden;}

.sshd-main .right{width: 25%;	background-color: #fff;padding: 2%;box-shadow: 0 1px 10px 0 rgb(206 223 241 / 20%);border-radius: 5px;}
.sshd-main .right .main{}
.sshd-main .right .main .page-title{font-size: 24px;color: #333;}
.sshd-main .right .main .item{padding: 5% 0;border-bottom: 1px dashed #c1c1c1;}
.sshd-main .right .main .item a{font-size: 16px;color: #666;}
.sshd-main .right .main .item a:hover{color: var(--themeColor);}

@media screen and (max-width:1024px) {
	.sshd-main .left {width: 100%;margin-right: 0;padding: 3% 0;background-color: #fff;margin-bottom: 20px;border-radius: 10px;}
	.sshd-main .left .main .swiper-box1 {position: relative;padding: 0 10px;}
	.prev1, .next1{display: none;}
	.sshd-main .left .main .swiper-box2 {padding: 15px 11px;}
	.sshd-main .left .page-title {font-size: 16px;margin-bottom: 3%;}
	.sshd-main .left .main .content-box {font-size: 14px;line-height: 1.75em;padding: 11px 11px 20px;}
	.sshd-main .right {width: 100%;padding: 3%;border-radius: 10px;}
	.sshd-main .right .main .page-title {font-size: 16px;}
	.sshd-main .right .main .item {padding: 3% 0;}
	.sshd-main .right .main .item a {font-size: 14px;line-height: 1;}
}

/* 分页 */
.pages{text-align:center; font-size:14px; margin:15px 0;}
.pages a{display: inline-block;padding: 5px 14px;border: 1px solid #ddd;margin-left: 4px; background:#fff;}
.pages a.on ,.pages a:hover{background: var(--themeColor);color: #FFF;}

@media screen and (max-width:1024px) {
	.pages {text-align: center;font-size: 10px;margin: 5px 0;}
	.pages a {display: inline-block;padding: 5px 10px;border: 1px solid #ddd;margin-left: 4px;background: #fff;}
}


/* 招商加盟 */
.ny-zsjm{position: relative;}
.ny-zsjm .main{padding-top: 4%;}



.wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;}

.wechat-dialog{width:90%; background:#fff; border-radius:10px; padding:18px; position:fixed; left:5%; top:50%; transform:translate(0,-50%); z-index:1211; display:none;box-sizing:border-box;}
.wechat-dialog .tit{ text-align:center; font-size:20px;}
.wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px; padding:20px; text-align:center; margin:15px 0; color:#666;}
.wechat-dialog .copy-wx .info{ font-size:12px; color:#999;}
.wechat-dialog .copy-wx p span{ color:#25ba45;}
.wechat-dialog .wx-close{ position:absolute; right:5px; top:5px; font-size:20px; padding:0 10px; cursor:pointer;}
.wechat-mask{ position:fixed; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0;z-index:1210;}

.wechat-ses{ width:400px; max-width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;box-shadow: 0 2px 20px 2px rgba(0,0,0,.5);}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 18px;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 14px;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 14px; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}

.foot-bar{ position:fixed; width:100%; height:54px; background:#1c50a2; left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:8px;}
.foot-bar ul li a{ color:#fff; font-size:12px; display:block; text-align:center;}
.foot-bar ul li a img{ width:18px;}
.foot-bar ul li a span{ display:block; font-size:1rem;}



@media screen and (max-width: 1680px){
    .am-container{max-width: 1300px;}

    .header .main .top-menu ul li .a{font-size: 17px;margin: 0 25px;}
}
@media screen and (max-width: 1440px){
    .am-container{max-width: 1200px;}

    .header .main .top-menu ul li .a{font-size: 16px;margin: 0 20px;}
}


@media screen and (max-width:1024px){
    html {background: #fafafa;}
    body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;}
    .arccontent img{ height:auto !important;}
    .all-pd{ padding:30px 0;}
    .all-title-box .title { font-size: 20px; }
    .all-title-box .entitle { font-size: 12px; }

    .header .main{height: 70px;}
    .top-menu{display: none;}

    .banner-prev, .banner-next{width: 30px;height: 30px;}
    .banner-prev svg, .banner-next svg{zoom: 0.7;}
	
	 .header .main .top-logo img{ height: 40px; }
	
    .ab .main{flex-wrap: wrap;}
    .ab .main .left{width: 100%;padding-right: 0;margin-bottom: 4%;}
    .ab .main .left .ab-title { font-size: 18px; margin-top: 5%; }
    .ab .main .left .note { font-size: 14px; margin: 4% 0; }
    .ty-brn { width: 120px; height: 45px;}
    .ty-brn .btn { font-size: 14px; }
    .ab .main .right { width: 100%; }
    .data-box { box-shadow: 0 0 10px rgb(194 196 206 / 30%); padding: 10px 0; margin-top: 0%;margin: 20px 0; }
    .data-box .item .num-box .num{font-size: 24px;}
    .data-box .item .num-box .dw{font-size: 12px;}
    .data-box .item .title{font-size: 13px;margin-top: 5px;}
    .data-box .item .num-box .num::before{width: 15px;height: 15px;}


    .hyyy .main .left { width: 100%; }
    .hyyy .main .left .note { font-size: 14px; line-height: 2; margin:3% 0; }
    .hyyy .main .right { width: 100%; margin-top: 15px;}
    .hyyy-swiper { margin: 0 -5px; }
    .hyyy-swiper .swiper-slide { width: 50%; padding: 0 5px; }
    .hyyy-swiper .swiper-slide .item{top: 0!important;}

    .hyyy-swiper .item .cont-box { padding: 10px; }
    .hyyy-swiper .item .cont-box .order{font-size: 20px;}
    .hyyy-swiper .item .cont-box .title { font-size: 14px; margin: 6px 0; }

    .hyyy-prev, .hyyy-next{width: 30px;height: 30px;margin: 0 10px;}
    .hyyy-btn-box { margin-top: 15px; display: flex; justify-content: center; padding-right: 0; top: 0; }
    .hyyy-prev svg, .hyyy-next svg{zoom: 0.7;}

    .pro-main .cla li { padding: 10px 0; }
    .pro-main .cla li .item .dy{width: 30px;height: 30px;}
    .pro-main .cla li .item .title{font-size: 13px;margin-top: 8px;}
    .pro-main .cla li::after{height: 2px;}
    .pro-main .cont .left { width: 50%; padding: 2.5%; }
    .pro-main .cont .left .title { font-size: 16px; }
    .pro-main .cont .left .note{font-size: 12px;line-height: 1.8;}
    .pro-main .cont .left .btn{font-size: 12px;margin-top: 5px;}
    .pro-main .cont .left .btn .yuan{width: 20px;height: 20px;}
    .pro-main .cont .left .btn .txt { padding-left: 5px; }

    .ln .main { padding: 0; }
    .ln .main .title{font-size: 22px;}
    .ln .main .note { font-size: 15px; margin: 30px 0 50px; }

    .news-main .left { width: 100%; margin-right: 0; }
    .news-main .left a .cont-box { padding: 10px; }
    .news-main .left a .cont-box .date{font-size: 12px;}
    .news-main .left a .cont-box .title{font-size: 16px;margin: 10px 0;}

    .news-main .right {width: 100%; }
    .news-main .right .item{padding: 15px 0;}
    .news-main .right .item .date{font-size: 12px;}
    .news-main .right .item .title{font-size: 16px;margin: 10px 0;}

    .foot .main{flex-wrap: wrap;}
    .f-contact{max-width: 100%;}
    .f-contact .p1{font-size: 14px;margin: 10px 0;}
    .f-menu {width: 50%; max-width: 100%; }
    .f-menu .item{width: 50%; padding: 0 10px;font-size: 14px;}
    .f-code{padding: 5px;font-size: 13px;}
    .copyright .main .p1{font-size: 12px;}

    .ny-banner .img{height: 60vw;animation:none}
    .ny-banner .text .title-1,.ny-banner .text .title-2{font-size: 16px;}

    .ny-culture{padding: 20px 0 0 0;}
    .ny-culture-content{margin: 20px 0;}
    .ny-culture-nav { position: relative; width: 100%; height: 90px; right: 0; top: 0; z-index: 10;margin-bottom: 20px; }
    .ny-culture-swiper .ny-culture-item .img{width: 100%;float: none;}
    .ny-culture-swiper .ny-culture-item .text { position: relative; right: auto; bottom: auto; z-index: 5; padding: 3% 5%; width: 100%; }
    .ny-culture-swiper .ny-culture-item .text .num-1{margin: 10px 0;}
    .ny-culture-swiper .ny-culture-item .text .title-2{font-size: 16px;}
    .ny-culture-swiper .ny-culture-item .text .text-3{padding: 10px 0;}

    .ny-cla{width: 90%;top: -32.5px;}
    .ny-cla .item{height: 65px;}
    .ny-cla .on:before{bottom: 15px;}
    .ny-cla .item:before{bottom: 15px;}
    .ny-cla .item p{font-size: 12px;top: -4px;}
    .ny-cla .item:hover p,.ny-cla .on p{font-size: 12px;top: -4px;}

    .ny-news .list .item .cont-box .title{font-size: 16px;}
    .ny-news .list .item .cont-box .date{font-size: 12px;}
    .ny-news .list .item .cont-box .note{font-size: 14px;}
    .ny-news .list .item .jt{display: none;}
    .ny-news .list .item .img-box{width: 30%;}

    .news-de .main .title{font-size: 20px;}
    .news-de .main .info{padding: 10px 0;font-size: 12px;}
    .news-de .main .content{font-size: 14px;}

    .nysxp { padding-right: 120px; }
    .nysxp ul li a { font-size: 12px; }
    .nysxp .return a {border-radius: 20px;padding: 5px 15px;font-size: 12px;}

    #allmap {height: 45vh;font-size: 12px;}
	.ny-ct-main{ padding:15px; margin-top:-60px;}
	.ny-ct-left{ width:100%; float:none;}
	.ny-ct-left .tit{ font-size:16px; font-weight:bold;}
	.ny-ct-left .note{ font-size:12px;}
	.ny-ct-left .cont{ margin-top:20px;}
	.ny-ct-left .cont p{ font-size:14px;}
	.ny-ct-left .cont p img{ width:20px; margin-right:5px;}
	.ny-ct-right{ width:100%; float:none; padding-left:0;}
	.mesipu .item .iput{width: 100%;float: none; margin-bottom: 10px;font-size: 12px;}
	.zbcg-mes .mesipu .item .iput,.zbcg-mes .mesipu .item .iput:nth-child(3){width:100%;}
	.mesipu .item .iput:last-child{margin-bottom: 0;}
	.mesipu .item .iput .bitian{font-size:12px;}
	.mesipu .item .iput .am-form-field{font-size: 12px;}
	.mesipu .item{margin-bottom: 10px;}
	.c-t-m-btn{ padding-right:10px;}
	.c-t-m-btn .am-btn{ padding:10px; width:140px; font-size:12px; display:block; margin:0 auto;}
	.c-t-m-btn .yzm .am-form-field{font-size: 12px;}
	.c-t-m-btn .yzm{ float:none; width:100%; margin-right:0; margin-bottom:10px;}

}

@media screen and (max-width:768px) {
    .cndns-right{display: none;}

    .banner .img-box { width: 100%; height: 55vw; }
    .banner .img-box img { width: 100%; height: 100%; object-fit: cover; }
}
































