/* Write your styles */
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;
}

/* 全局 css 变量 */
:root{--themeColor: #1e418b;}

/* 全局样式 */
.nj-container{overflow: hidden;width: 100%;max-width: 1920px;margin: 0 auto;padding: 0 15px;}
.all-pd{padding: 80px 0;}
.all-pb{padding-bottom: 80px;}
.all-pt{padding-top: 80px;}

.themeColor{color: var(--themeColor);}
.colorWhite{color: #fff!important;}
.all-title-box{max-width: 300px;}
.all-title-box .row{display: flex;align-items: baseline;}
.all-title-box .title{font-size: 24px;color: var(--themeColor);font-weight: bold;color: #333;white-space: nowrap;}
.all-title-box .subtitle{font-size: 16px;color: #999;white-space: nowrap;}
.all-title-box .entitle{font-size: 46px;color: #333;text-transform: uppercase;font-weight: bolder;white-space: nowrap;}
.all-title-box .entitle::first-letter { color: var(--themeColor); }
.img100{width: 100%;}


.ju-start{justify-content: flex-start!important;height: 90px;}

.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;  } */

.f_12{ font-size:12px; }
.f_16{ font-size:16px; }
.f_18{ font-size:18px; }
.f_20{ font-size:20px; }
.f_22{font-size: 22px;}
.f_24{ font-size:24px; }
.f_26{ font-size:26px; }
.f_28{ font-size:28px; }
.f_30{ font-size:30px; }
.f_32{ font-size:32px; }
.f_34{ font-size:34px; }
.f_36{ font-size:36px; }
.f_38{ font-size:38px; }
.f_40{font-size: 40px;}
.f_48{font-size: 48px;}
.f_50{font-size: 50px;}
.f_56{font-size: 56px;}
.f100{font-weight: 100;}

.fbd{font-weight: bold;}

@media (max-width:1680px) {
    .f_12{ font-size:12px; }
    .f_16{ font-size:14px; }
    .f_18{ font-size:16px; }
    .f_20{ font-size:18px; }
    .f_22{font-size: 20px;}
    .f_24{ font-size:22px; }
    .f_26{ font-size:24px; }
    .f_28{ font-size:26px; }
    .f_30{ font-size:28px; }
    .f_32{ font-size:30px; }
    .f_34{ font-size:30px; }
    .f_36{ font-size:30px; }
    .f_38{ font-size:30px; }
    .f_40{font-size: 32px;}
    .f_48{font-size: 34px;}
    .f_50{font-size: 34px;}
    .f_56{font-size: 34px;}
}

@media screen and (max-width:1024px){
    .f_12 {font-size: 12px;}
  .f_16 {font-size: 14px;}
  .f_18 {font-size: 16px;}
  .f_20 {font-size: 16px;}
  .f_22 {font-size: 16px;}
  .f_24 {font-size: 16px;}
  .f_26 {font-size: 16px;}
  .f_28 {font-size: 18px;}
  .f_30 {font-size: 18px;}
  .f_32 {font-size: 20px;}
  .f_34 {font-size: 20px;}
  .f_36 {font-size: 20px;}
  .f_38 {font-size: 20px;}
  .f_40 {font-size: 22px;}
  .f_48{font-size: 26px;}
  .f_50{font-size: 26px;}
  .f_56{font-size: 26px;}
}

/* 头部 */
header{position: relative;}
.header{position: relative;background-color: #fff;}
.header-top{background-color: #f2f2f2;}
.header-top .main{display: flex;justify-content: space-between;align-items: center;}
.header-top .p{font-size: 14px;color: #999;padding: 9px 0;display: flex;align-items: center;white-space: nowrap;}
.header-top .p a{color: #999;}
.header-top .p a:hover{color: var(--themeColor);text-decoration: underline;}
.header-top .p img{margin-right: 10px;}

.header .main{display: flex;justify-content: space-between;align-items: center;overflow: hidden;width: 100%;margin: 0 auto;}
.header .main .top-logo{flex-shrink: 0;}
.header .main .top-logo img{}
.header .main .top-menu{flex: 1;display: flex;justify-content: flex-end;}
.header .main .top-menu ul{display: flex;}
.header .main .top-menu ul li{position: relative;margin: 0 10px;}
.header .main .top-menu ul li:last-child{margin-right: 0;}
.header .main .top-menu ul li .a{line-height: 90px;font-size: 18px;color: #333;white-space: nowrap;display: block;min-width: 100px;text-align: center;}
.header .main .top-menu ul li:hover .a{color: var(--themeColor);}
.header .main .top-menu ul li.on .a{color: #fff;font-weight: bold;background: #6ac601;}


.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;}
}


/* banner */
.banner{position: relative;}
.banner-swiper{position: relative;}
.banner-swiper .item{width: 100%;}
.banner-swiper .img-box img{width: 100%;}
.banner-pa .swiper-pagination-bullet{opacity: 1;background: #fff;}
.banner-pa .swiper-pagination-bullet-active{opacity: 1;background: #6ac601;}

.banner-prev,.banner-next{position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;background: rgba(255,255,255,.2);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;}

.ty-top{position: relative;display: flex;justify-content: space-between;align-items: center;}
.ty-top .cate{display: flex;}
.ty-top .cate li{margin: 0 30px;}
.ty-top .cate li a{font-size: 18px;color: #666;white-space: nowrap;}
.ty-top .cate li.on a{font-weight: bold;color: var(--themeColor);}
.ty-top .cate li a:hover{color: var(--themeColor);}
.ty-top .group{display: flex;}
.ty-top .group .v-more{ background: none;border: 1px solid var(--themeColor);color: var(--themeColor);margin-left: 20px; }
.ty-top .group .v-more:hover,.ty-top .group .v-more.on{ background: var(--themeColor);color: #fff;border: 1px solid #fff; }


.v-more{position: relative;}
.v-more{display: block;background: var(--themeColor);border-radius: 20px;padding: 10px 24px 12px;font-size: 18px;color: #fff;line-height: 1;white-space: nowrap;transition: all .2s ease-out;border: 1px solid #fff;}
.v-more:hover{background: none;border: 1px solid var(--themeColor);color: var(--themeColor);}

/* 产品中心 */
.pro{}
.pro .main{padding-top: 50px;}
.pro .main .first{display: flex;}
.pro .main .first .img-box{width: 55%;overflow: hidden;}
.pro .main .first .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.pro .main .first .img-box:hover img{transform: scale(1.1);}
.pro .main .first .cont-box{width: 45%;padding: 4%;}
.pro .main .first .cont-box .title{font-size: 24px;font-weight: bold;color: var(--themeColor);}
.pro .main .first .cont-box .note{margin: 30px 0;font-size: 16px;color: #666;line-height: 2;}
.pro .main .first .cont-box .btn{position: relative;}
.pro .main .first .cont-box .btn a{font-size: 18px; width: 210px;height: 50px;border-radius: 25px;background: var(--themeColor);color: #fff; transition: all .5s ease-out;display: flex;justify-content: center;align-items: center; }
.pro .main .first .cont-box .btn a svg{transition: all .5s ease-out;margin-left: 30px;}
.pro .main .first .cont-box .btn a:hover svg{transform: translateX(10px);}
.pro .main .list{display: flex;margin: 0 -20px;}
.pro .main .list .item{margin: 40px 20px 0;width: calc(33.33333% - 40px);}
.pro .main .list .item .img-box{overflow: hidden;}
.pro .main .list .item .img-box img{width: 100%;transition: all .5s ease-out;}
.pro .main .list .item:hover .img-box img{transform: scale(1.1);}
.pro .main .list .item .title{transition: all .2s ease-out;padding: 20px;background: #f1f1f1;font-size: 18px;line-height: 1;color: #333;}
.pro .main .list .item:hover .title{color: #fff;background: var(--themeColor);}


/* 优势 */
.ys{padding: 20px 0; position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.ys .main{}
.ys .main .list{display: flex;padding: 120px 0 60px; }
.ys .main .list .item{text-align: center;padding: 30px 0 20px 0;color: #fff;margin-right: 30px;background: var(--themeColor);min-width: 130px;transition: all .3s ease-out;position: relative;top: 0;}
.ys .main .list .item:hover{background: #6ac601;top: -15px;cursor: pointer;}
.ys .main .list .item .order{font-family: "DINAlternate";font-size: 46px;font-weight: bold;line-height: 1;}

.x { position: relative; width: 50px; height: 40px;margin: 10px auto; }
.x::before, .x::after { content: ""; position: absolute;top: 50%; left: 50%; width: 20px; height: 1px; background-color: #fff; }
.x::before { transform-origin: center;transform:translate(-50%,-50%) rotate(45deg); }
.x::after { transform-origin: center;transform:translate(-50%,-50%) rotate(-45deg); }

.ys .main .list .item .title{font-size: 22px;line-height: 1;}
.ys .main .list .item .entitle{font-size: 14px;margin-top: 20px;}
.ys .main .cont{font-size: 18px;color: #333;line-height: 2.2;}

/* 案例应用 */
.caae{position: relative;}

.ty-list{ display: flex; flex-wrap: wrap; margin: 0 -25px; padding: 50px 0;}
.ty-list .item{width: calc(33.333333% - 50px);margin: 25px;}
.ty-list .fc{cursor: url(../images/saf.cur),auto;}
.ty-list .item .img-box{overflow: hidden;}
.ty-list .item .img-box img{width: 100%;transition: all .5s ease-out;}
.ty-list .item:hover .img-box img{transform: scale(1.1);}
.ty-list .item .title{padding: 20px;font-size: 18px;color: #666;background: #f1f1f1;transition: all .2s ease-out;}
.ty-list .item:hover .title{background: var(--themeColor);color: #fff;}


/* about */
.ab{position: relative;}
.ab .main{width: 50%;}
.ab .cont-box{padding: 80px 80px 80px 0;}
.ab .cont-box .title{font-size: 36px;color: #333;font-weight: bold;margin-bottom: 60px;}
.ab .cont-box .note{font-size: 16px;color: #666;line-height: 2.2;text-indent: 2em;}
.ab-bg1{position: absolute;left: 0;top: 0;width: 50%;height: 100%;background: #f9fafb;z-index: -1;}
.ab-img{position: absolute;right: 0;top: -10%;width: 50%;height: 100%;z-index: 1;
    background: url(../images/ab-img.jpg) no-repeat top right;
    background-size: 100% 100%;
}
.ab-img img{width: 100%;height: 100%;}

.ab-data{position: relative;width: 72.9166666%;background-image: url(../images/ab-data-bg.jpg);z-index: 10;
background-repeat: no-repeat;background-size: 100% 100%;display: flex;justify-content: center;padding: 70px 0;}
.ab-data .item{color: #fff;padding: 0 80px;}
.ab-data .item .num-box{display: flex;align-items: baseline;}
.ab-data .item .num-box .num{font-family: monospace;font-size: 60px;font-weight: bolder;line-height: 1.2;}
.ab-data .item .num-box .dw{font-size: 18px;padding-left: 10px;}
.ab-data .item .title{font-size: 16px;}


/* 资质证书 */
.zs{position: relative;}
.zs .main{position: relative;}
.zs-swiper{padding: 50px 0;}
.zs-swiper .item{padding: 20px;background: #f9fafb;width: 25%;text-align: center;}
.zs-swiper .item .img-box{overflow: hidden;}
.zs-swiper .item .img-box img{max-height: 200px;transition: all .5s ease-out;}
.zs-swiper .item .img-box:hover img{transform: scale(1.1);}
.zs-swiper .item .title{text-align: center;font-size: 18px;color: #333;margin-top: 15px;}

.tool-box{display: flex;align-items: center;justify-content: space-between;}
.zs-pa{position: relative;flex: 1;height: 2px;background: #e1e1e1;}
.zs-pa .swiper-pagination-progressbar-fill{background: var(--themeColor);}
.switch-box{display: flex;margin-left: 20px;}
.zs-prev, .zs-next{ width: 60px;height: 60px;border-radius: 100%;border: 1px solid var(--themeColor);display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .3s ease-out;margin-left: 30px; }
.zs-prev:hover, .zs-next:hover{background: var(--themeColor);}
.zs-prev svg, .zs-next svg{transition: all .3s ease-out;}
.zs-prev svg, .zs-next svg{transition: all .3s ease-out;}
.zs-prev:hover svg{transform: translateX(-5px);fill: #fff;}
.zs-next:hover svg{ transform: translateX(5px);fill: #fff;}

/* 联系我们 */
.ct{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.ct .main{display: flex;justify-content: space-between;}
.ct .main .left{color: #fff;}
.ct .main .left .title{font-size: 24px;}
.ct .main .left .subtitle{font-size: 36px;font-weight: bold;margin-bottom: 3%;}
.ct .main .left .note{font-size: 16px;line-height: 2;}
.ct .main .left .icon-box{display: flex;margin-top: 60px;align-items: center;}
.ct .main .left .icon-box .item{display: flex;align-items: center;}
.ct .main .left .icon-box .item .icon{width: 56px;height: 56px;border-radius: 100%;background: #fff;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.ct .main .left .icon-box .item .icon img{width: auto;}
.ct .main .left .icon-box .item .txt-box{color: #fff;}
.ct .main .left .icon-box .item .txt-box .txt{font-size: 18px;font-weight: bold;white-space: nowrap;}
.ct .main .left .icon-box .item .txt-box .entxt{font-size: 14px;white-space: nowrap;}
.ct .main .left .icon-box .line{width: 1px;height: 40px;background: rgba(255, 255, 255, .3);margin:0 40px}

.ct .main .right{width: 50%;padding-left: 5%;}
.ct-form{display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 18px;}
.ct-form .inp{width: 49%;height: 60px;padding: 10px;background: rgba(255, 255, 255, .3);border: none;outline: none;color: #fff;}
.ct-form .textarea{color: #fff; width: 100%;border: none;outline: none;background: rgba(255, 255, 255, .3);margin: 15px 0;padding: 20px 15px;}
.ct-form .submit{width: 100%;height: 60px;background: #fff;display: flex;justify-content: center;align-items: center;font-weight: bold;color:var(--themeColor);border: none;outline: none;}

.ct-form .inp::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color : #fff; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color : #fff; }
.ct-form .inp::-moz-placeholder { /* Mozilla Firefox 19+ */ color : #fff; }
.ct-form .inp:-ms-input-placeholder { /* Internet Explorer 10-11 */ color : #fff; }
.ct-form .inp::-ms-input-placeholder { /* Microsoft Edge */ color : #fff; }

.ct-form .textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color : #fff; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color : #fff; }
.ct-form .textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color : #fff; }
.ct-form .textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color : #fff; }
.ct-form .textarea::-ms-input-placeholder { /* Microsoft Edge */ color : #fff; }


/* news */
.news{background-color: #f9fafb;}
.news .main{display: flex;padding: 50px 0 0;margin: 00 -10px;}
.news .main .first{width: calc(33.333333% - 20px);background: #fff;margin: 0 10px;}
.news .main .first .img-box{overflow: hidden;}
.news .main .first .img-box img{width: 100%;transition: all .5s ease-out;}
.news .main .first .img-box:hover img{transform: scale(1.1);}
.news .main .first .cont-box{padding: 20px;}
.news .main .first .time{font-size: 16px;color: #999;}
.news .main .first .title{font-size: 18px;color: #333;font-weight: bolder;margin-top: 10px;line-height: 1;}
.news .main .first .title:hover{color: var(--themeColor);}
.news .main .first .note{font-size: 14px;color: #999;margin: 20px 0;}
.news .main .first .jt{position: relative;}
.news .main .first .jt img{transition: all .5s ease-out;}
.news .main .first:hover .jt img{transform: translateX(10px);}

.news .main .li{width: calc(33.333333% - 20px);margin: 0 10px;display: flex;flex-direction: column;}
.news .main .li .top{padding: 30px;background: #fff;}
.news .main .li .top .title{display: flex;justify-content: space-between;align-items: center;font-size: 18px;color: #333;font-weight: bolder;}
.news .main .li .top .title:hover{color: var(--themeColor);}
.news .main .li .top .title p{margin-right: 10px;}
.news .main .li .top .title img{transition: all .5s ease-out;}
.news .main .li .top:hover .title img{transform: translateX(10px);}
.news .main .li .top .time{font-size: 14px;color: #333;margin: 20px 0 40px;}
.news .main .li .top .note{font-size: 14px;color: #999;}

.news .main .li .list{padding: 15px 30px;background: #fff;margin-top: 20px;flex: 1;display: flex;flex-direction: column;justify-content: center;}
.news .main .li .list .item{display: flex;justify-content: space-between;align-items: center;margin: 15px 0;position: relative;}
.news .main .li .list .item::before{ content: "";width: 4px;height: 4px;display: block;background: #3782ce;border-radius: 100%;flex-shrink: 0;position: absolute;top: 50%;left: -4px;transform: translateY(-50%); }
.news .main .li .list .item .title{font-size: 14px;color: #333;margin: 0 10px;}
.news .main .li .list .item:hover .title{color:var(--themeColor);text-decoration: underline;}
.news .main .li .list .item .time{font-size: 14px;color: #999;flex-shrink: 0;}


/* footer */
footer{background-color: #010812;}
.foot{position: relative;}
.foot .main{display: flex;justify-content: space-between;padding-bottom: 40px;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.f-contact{position: relative;}
.f-contact .company{font-size: 22px;color: #fff;font-weight: bolder;padding-bottom: 10px;display: block;}
.f-contact .p1{font-size: 18px;color: rgba(255, 255, 255, .6);margin-top: 35px;}
.f-contact .p1 a{color: rgba(255, 255, 255, .6);}
.f-contact .p1 a:hover{text-decoration: underline;}

.f-menu{display: flex;flex-wrap: wrap;width: 250px;justify-content: space-between;}
.f-menu a{font-size: 18px;color: #fff;min-width: 50%;}
.f-menu a:nth-child(2n){text-align: right;}
.f-menu a:hover{text-decoration: underline;}

.f-join{position: relative;}
.f-join img{width: auto;}
.f-join a{font-size: 18px;color: #fff;width: 140px;height: 50px;border-radius: 25px;display: flex;justify-content: center;align-items: center;background-color: #6ac601;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.copyright{padding: 50px 0;}
.copyright .c-contact{display: flex;align-items: center;}
.copyright .c-contact .title{font-size: 28px;font-weight: bold;color: #fff;margin-right: 30px;}
.copyright .c-contact .icon-list{display: flex;}
.copyright .c-contact .item{width: 60px;height: 60px;border-radius: 60px;background-color: #fff;display: flex;justify-content: center;align-items: center;margin-left: 30px;}
.copyright .c-contact .item span{font-size: 18px;color: #333;padding-left: 15px;transition: all .2s ease-out;}
.copyright .c-contact .item svg{transition: all .2s ease-out;}
.copyright .c-contact .kf{width: 210px;}
.copyright .c-contact .item:hover svg{fill: var(--themeColor);}
.copyright .c-contact .item:hover span{color: var(--themeColor);}
.copyright .main{display: flex;justify-content: space-between;margin-top:35px;}
.copyright .main .p1{font-size: 14px;color: rgba(255, 255, 255, .5);}
.copyright .main .p1 a{color: rgba(255, 255, 255, .5);}
.copyright .main .p1 a img{margin-top: -9px;}


/* ny-banner */
.ny-banner{position: relative;overflow: hidden;}
.ny-banner .img-box{overflow: hidden;}
.ny-banner .img-box img{width: 100%;height: 100%;object-fit: cover; animation: bigimgani 5000ms 1 ease forwards;}
.ny-banner .cont-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 2;}
.ny-banner .cont-box::before{content: "";width: 100%;height: 100%;background: rgb(0 166 111 / 5%);position: absolute;top: 0;left: 0;z-index: -1;}
.ny-banner .cont-box .entitle{font-size: 60px;font-weight: normal;line-height: 1.3;text-transform: uppercase;color: #fff;}
.ny-banner .cont-box .title{display: block;color: #fff;font-size: 44px;line-height: 1.3;font-weight: bold;}
@keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.1);}}


/* 公司简介 */
.ny-ab{}
.ny-ab .main{display: flex;justify-content: space-between;margin-bottom: 50px;}
.ny-ab .main .left{width: 48%;}
.ny-ab .main .left .title{font-size: 28px;color: #333;font-weight: bold;margin-bottom: 40px;}
.ny-ab .main .left .subtitle{font-size: 26px;color: #333;font-weight: bold;margin-bottom: 5%;}
.ny-ab .main .left .cont{font-size: 18px;color: #666;line-height: 2;}
.ny-ab .main .right{width: 48%;}
.ny-ab .main .right img{width: 100%;height: 100%;max-height: 450px;}

.ny-ab .ubox{padding: 50px 0;display: flex;justify-content: space-between;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;}
.ny-ab .ubox::before{content: '';display: block;width: 1px;height: calc(100% - 120px);background: #ddd;position: absolute;top: 60px;left: 50%;display: none;}
.ny-ab .ubox .dl1{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ny-ab .ubox .dl1 dd{}
.ny-ab .ubox .dl1 dd .dtc{margin: 0px 0 0px;color: var(--themeColor);}
.ny-ab .ubox .dl1 dd .dtc .counter{font-size: 50px; }
.ny-ab .ubox .dl1 dt{width: 100%;color: #666;}


/* 企业文化 */
.ab2{padding: 85px 0 100px;background: url(../images/ab_2_1.jpg) center no-repeat;color: #fff;text-align: center;background-size: cover;}
.ab2 .ul1{margin-top: 130px;display: flex;}
.ab2 .ul1 li{width: 33.33%;position: relative;top: 0;transition: all .5s;}
.ab2 .ul1 li *{transition: all .5s;}
.ab2 .ul1 li::before{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background: url(../images/ab_2.png) center no-repeat;background-size: cover;}
.ab2 .ul1 li:nth-child(3):before{display: none;}
.ab2 .ul1 li .ico{display: block;width: 122px;margin: 0 auto 60px;border: 1px solid  rgba(255, 255, 255, 0.3);border-radius: 50%;position: relative;top: 0;}
.ab2 .ul1 li .xian{display: block;width: 40px;height: 1px;background:rgba(255, 255, 255, 0.3) ;margin: 25px auto;}
.ab2 .ul1 li .ltc{line-height: 1.6;}
.ab2 .ul1 li:hover .ico{top: -10px;}
.ab2 .ul1 li:hover {top: -5px;}


/* 发展历程 */
.ab3{padding: 100px 0 120px;background:#f7fbfc ;}
.ab3 .tt{text-align: center;}
.ab3 .atop{height: 190px;border-bottom: 1px solid #ddd;margin: 80px 0 120px;}
.ab3 .atop .ul1{display: flex;}
.ab3 .atop .ul1 li{width: 25%;text-align: center;cursor: pointer;overflow: hidden;}
.ab3 .atop .ul1 li .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background:var(--themeColor) ;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);}
.ab3 .atop .ul1 li .ico{display: block;width: 150px;height: 150px;border: 1px solid #ddd;position: relative;z-index: 3;border-radius: 50%;margin: 0 auto 30px;overflow: hidden;}
.ab3 .atop .ul1 li .ico .img{display: block;width: 80px;position: relative;margin: 15px auto 10px;}
.ab3 .atop .ul1 li .ico .img img{display: block;width: 100%;}
.ab3 .atop .ul1 li .ico .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.ab3 .atop .ul1 li .wz{color: #333;}
.ab3 .atop .ul1 li .yuan{width: 15px;height: 15px;background: #e6e6e6;border-radius: 50%;margin: 32px auto ;padding: 4px;}
.ab3 .atop .ul1 li .yuan s{display: block;width: 100%;height: 100%;background:#999 ;border-radius: 50%;}
.ab3 .atop .ul1 li .year{color: #555;font-weight: bold;}
.ab3 .atop .ul1 li.act .bg{transform: scale(1.05);-webkit-transform: scale(1.05);}
.ab3 .atop .ul1 li.act .ico .img img{opacity: 0;}
.ab3 .atop .ul1 li.act .ico .img img:nth-child(2){opacity: 1;}
.ab3 .atop .ul1 li.act .wz{color: #fff;}
.ab3 .atop .ul1 li.act .yuan{background:var(--themeColor) ;}
.ab3 .atop .ul1 li.act .yuan s{background:#fff ;}
.ab3 .atop .ul1 li.act .year{color: var(--themeColor);}
.ab3 .abtm {}
.ab3 .abtm .swiper2{}
.ab3 .abtm .swiper2 .swiper-slide{}
.ab3 .abtm .swiper2 .swiper-slide .sbox{display:flex;background:#fff ;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .img{width: 55.55%;overflow: hidden;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .img img{display: block;width: 100%;max-width: 1920px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);height: 100%;object-fit: cover;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .txt{width: 45.5%;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .txt{padding: 70px 70px 0;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .txt .stc{width: 100%;border-top: 1px dashed #ddd;padding: 35px 0 0 20px;margin-top: 40px;line-height: 36px;height: 290px;overflow: auto;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .txt .stc .st{position: relative;}
.ab3 .abtm .swiper2 .swiper-slide .sbox .txt .stc .st::before{content: '';display: block;width: 6px;height: 6px;background: #dbdbdb;border-radius: 50%;position: absolute;left: -20px;top: 15px;}

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}
.gdt::-webkit-scrollbar-thumb{ background:#1d96d5;}
.gdt::-webkit-scrollbar-track{ background:#ddd;}

/* ny-news */
.ny-news{position: relative;}
.ny-news .list{position: relative;margin-top: 30px;border-top: #eee solid 1px;}
.ny-news .list li{padding: 30px 0;border-bottom: #eee solid 1px;}
.ny-news .list li a{display: flex;}
.ny-news .list li a .img-box{width: 30%;overflow: hidden;position: relative;}
.ny-news .list 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-news .list li a .img-box:hover::before{ -webkit-animation: shine .75s; animation: shine .75s;}
.ny-news .list li a .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.ny-news .list li a .img-box:hover img{transform: scale(1.1);}
.ny-news .list li a .cont-box{width: 70%;padding-left: 40px;display: flex;flex-direction: column;justify-content: center;}
.ny-news .list li a .cont-box .time{font-size: 16px;color: #999;}
.ny-news .list li a:hover .cont-box .time{color: var(--themeColor);}
.ny-news .list li a .cont-box .time em{padding-right: 16px;}
.ny-news .list li a .cont-box .title{font-size: 20px;font-weight: bold;color: #333;margin: 0;margin: 10px 0;}
.ny-news .list li a:hover .cont-box .title{color: var(--themeColor);}
.ny-news .list li a .cont-box .note{font-size: 16px;color: #666;line-height: 2;margin-bottom: 25px;}
.ny-news .list li a .cont-box .btn{display: flex;align-items: center;font-size: 14px;color: #999;}
.ny-news .list li a:hover .cont-box .btn{color: var(--themeColor);}
.ny-news .list li a .cont-box .btn span{padding-right: 10px;}
.ny-news .list li a .cont-box .btn i{}

@-webkit-keyframes shine { 100% { left: 125% } }
@keyframes shine { 100% { left: 125% } }

/* ny-cate */
.ny-cate{ border-bottom: 1px solid #eee;box-shadow: 0 1px 10px #eee; }
.ny-cate ul{ display: flex;justify-content: center;align-items: center; }
.ny-cate ul li{margin: 0 40px;flex-shrink: 0;}
.ny-cate ul li a{ display: block;font-size: 18px;line-height: 80px;color: #333;position: relative; }
.ny-cate 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-cate ul li a:hover,.ny-cate ul .on a{ color: var(--themeColor); }
.ny-cate ul li a:hover::after,.ny-cate ul .on a::after{ opacity: 1;width: 100%;left: 0; }

@media screen and (max-width:1024px) {
    .ny-cate ul { overflow-x: scroll; justify-content: space-between; }
	.ny-cate ul li { margin: 0 10px; }
	.ny-cate ul li a { font-size: 14px;line-height: 50px; }
}

/* pagelist */
.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-nav */
.ny-nav{padding: 20px 0;border-bottom: 1px solid #d0d0d0;}
.ny-nav p{font-size: 16px;color: #666;}
.ny-nav p a{color: #666;}
.ny-nav p a:hover{color: var(--themeColor);}
.ny-nav p span{padding: 0 4px;}
@media screen and (max-width:1024px) {
	.ny-nav{padding: 10px 0;border-bottom: 1px solid #d0d0d0;}
	.ny-nav p{font-size: 13px;color: #333;}
	.ny-nav p span{padding: 0 2px;}
}


/* 产品列表 */
.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-warp { padding: 60px 0; background: #f3f3f3; }

/* 联系我们 */
/**公共样式**/
.ctmap{ background:#fff; padding:15px; margin-top:0;}
#allmap{ height:480px;}
#allmap img{ max-width:inherit;}

/*  */
.contact{}
.contact-main{ display: flex;justify-content: space-between; }
.contact-main .left{ max-width: 500px; }
.contact-main .left .title{ font-size: 24px;color: var(--themeColor);line-height: 1; }
.contact-main .left .note{ font-size: 16px;color: #666;line-height: 2;margin: 20px 0; }
.contact-main .left .contact-item{ display: flex;align-items: baseline;padding: 5px 0; }
.contact-main .left .contact-item i{ margin-right: 10px; }
.contact-main .left .contact-item p{ font-size: 16px;color: #999;line-height: 2; }
.contact-main .right{ flex: 1;margin-left: 40px; }
.contact-main .right .title{ font-size: 24px;color: var(--themeColor);line-height: 1; }
.contact-main .right .ly-form{ padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: space-between; }
.contact-main .right .ly-form .input-item{ width: 48%; }
.contact-main .right .ly-form .input-item input{ width: 100%;height: 50px;padding: 0 20px;border: 1px solid #b6b6b6;font-size: 16px; border-radius: 5px; }
.contact-main .right .ly-form .textarea{ width: 100%;margin-top: 20px; }
.contact-main .right .ly-form .textarea textarea{ width: 100%;padding:20px;border: 1px solid #b6b6b6;font-size: 16px; border-radius: 5px; }
.contact-main .right .ly-form button{ width: 200px;height: 50px;background: var(--themeColor);margin: 0 auto; color: #fff;margin-top: 20px;border: none; }
.contact-main .right .ly-form button:hover{ background: #224a9e; }

textarea:focus-visible, input:focus-visible { outline: -webkit-focus-ring-color auto 1px; outline-color: var(--themeColor); outline-style: auto; outline-width: 1px; }


@media screen and (max-width:1024px){
	.ny-warp { padding: 30px 0; }
	#allmap{ height:280px; font-size:12px;}
	.ctmap { background: #fff;padding: 10px;margin-top: 0; }
	.contact-main { flex-wrap: wrap; }
	.contact-main .left { max-width: 100%;width: 100%; }
	.contact-main .left .title { font-size: 18px; }
	.contact-main .left .note { font-size: 14px; line-height: 1.8;margin: 15px 0; }
	.contact-main .left .contact-item p { font-size: 14px; line-height: 1.8; }
	.contact-main .right { flex: 1;margin-left: 0;width: 100%;margin-top: 15px; }
	.contact-main .right .title { font-size: 18px; }
	.contact-main .right .ly-form .input-item input { height: 40px;padding: 0 10px;font-size: 14px;color: #666; }
	.contact-main .right .ly-form .textarea textarea { padding: 10px;font-size: 14px;color: #666; }
	.contact-main .right .ly-form button { width: 170px; height: 40px;font-size: 14px; }
}


/* 新闻详情 */
.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);}

@media screen and (max-width:1024px) {
    .ny-banner .img-box {height: 70vw;}
	.ny-banner .img-box img {width: 100%;height: 100%;object-fit: cover;}
	.ny-banner .cont-box .entitle {font-size: 30px;}
	.ny-banner .cont-box .title {font-size: 22px;}

    .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: 50vh;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;}
}







.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;}

.ny-banner .cont-box .entitle{font-size: 46px;}
.ny-banner .cont-box .title{font-size: 30px;}

.ab-data .item .num-box .num{font-size: 55px;}



}



@media screen and (max-width: 1440px){
.am-container{max-width: 1200px;}

.all-pd { padding: 60px 0; }
.all-pt { padding-top: 60px; }
.all-title-box .entitle{font-size: 36px;}
.all-title-box .title{font-size: 22px;}
.all-title-box .subtitle{font-size: 14px;}

.ty-top .cate li a{font-size: 16px;}
.ty-top .cate li { margin: 0 25px; }
.v-more{font-size: 16px;}


.header .main .top-menu ul li .a{font-size: 16px;}


.ny-banner .cont-box .entitle{font-size: 36px;}
.ny-banner .cont-box .title{font-size: 28px;}

.ys{}
.ys .main .list { display: flex; padding: 60px 0 30px; }
.ys .main .list .item{zoom: 0.85;}

.pro .main .first .cont-box{padding: 3%;}
.pro .main .first .cont-box .note{margin: 20px 0;}
.pro .main .first .cont-box .btn a{font-size: 16px;width: 180px;}



.ab .cont-box { padding: 50px 50px 50px 0; }
.ab .cont-box .title { font-size: 24px; margin-bottom: 40px; }
.ab-data{padding: 50px 0;}
.ab-data .item .num-box .num{font-size: 50px;}


.f-contact .p1,.f-menu a{font-size: 16px;}


.copyright .c-contact .item{zoom: 0.8;}

}


@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;}
    .am-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    /* ty */
    .all-pd { padding: 30px 0; }
    .all-pt{padding-top: 30px;}
    .all-title-box {}
    .all-title-box .entitle{font-size: 18px;}
    .all-title-box .title{font-size: 20px;}
    .all-title-box .subtitle{font-size: 12px;display: none;}



    .ty-top{flex-wrap: wrap;}
    .ty-top .cate{overflow-x: scroll;padding: 20px 0;width: 100%;order: 2;}
    .ty-top .cate li { margin: 0 15px; }
    .ty-top .cate li a{font-size: 16px;}

    .v-more { padding: 10px 20px 10px; font-size: 12px; }
    .v-more{order: 0;}

    /* header */
    .header-top .p{font-size: 12px;}

    .header .main{height: 70px;}
    .header .main .top-logo img { height: 45px;}
    .header .main .top-menu{display: none;}


    /* banner */
    .ny-banner .img-box {height: 70vw;}
	.ny-banner .img-box img {width: 100%;height: 100%;object-fit: cover;}
	.ny-banner .cont-box .entitle {font-size: 30px;}
	.ny-banner .cont-box .title {font-size: 22px;}

    .banner-prev, .banner-next{width: 30px;height: 30px;}
    .banner-prev svg, .banner-next svg{zoom: 0.7;}

    /* pro */
    .pro .main { padding: 0; }
    .pro .main .first{flex-wrap: wrap;}
    .pro .main .first .img-box{width: 100%;}
    .pro .main .first .cont-box{width: 100%;padding: 15px 0;}
    .pro .main .first .cont-box .title{font-size: 18px;}
    .pro .main .first .cont-box .note{margin: 10px 0;font-size: 14px;}
    .pro .main .first .cont-box .btn a { font-size: 12px; width: 130px; height: 40px; }
    .pro .main .first .cont-box .btn a svg{zoom: 0.7;}

    .pro .main .list{margin: 0 -5px;}
    .pro .main .list .item { margin: 20px 5px; width: calc(33.33333% - 10px); }
    .pro .main .list .item .title { padding: 10px 5px; font-size: 12px; }

    /* ys */
    .ys{padding: 0;background-position: left;}
    .ys .main .list{padding: 20px 0;overflow-x: scroll;}
    .ys .main .list .item{margin-right: 15px;}
    .ys .main .list .item .order{font-size: 30px;}
    .ys .main .list .item .title{font-size: 16px;}
    .ys .main .list .item .entitle{font-size: 12px;}
    .ys .main .cont{font-size: 14px;}

    /* case */
    .case{position: relative;}
    .ty-list { margin: 0 -5px; padding: 20px 0; }
    .ty-list .item { width: calc(50% - 10px); margin: 5px; }
    .ty-list .item .title{padding: 10px 5px;font-size: 14px;}

    /* ab */
    .ab .all-pt{padding-top: 0;}
    .ab .main{width: 100%;}
    .ab-img{display: none;}
    .ab .cont-box { padding: 20px 0; }
    .ab .cont-box .title { font-size: 18px; margin-bottom: 15px; }

    .ab-data { width: 100%; background-size: cover; justify-content: space-between; padding: 20px 0; }
    .ab-data .item { color: #fff; padding: 0 20px; }
    .ab-data .item .num-box .num { font-size: 28px; }
    .ab-data .item .num-box .dw { font-size: 12px; padding-left: 6px; }
    .ab-data .item .title { font-size: 14px; }


    /* zs */
    .zs-swiper { padding: 20px 0; }
    .switch-box{display: none;}
    .zs-swiper .item{padding: 10px;}
    .zs-swiper .item .title{font-size: 14px;margin-top: 10px;}

    /* contact */
    .ct .main{flex-wrap: wrap;}
    .ct .main .left{width: 100%;}
    .ct .main .left .icon-box { display: flex; margin-top: 20px; align-items: center; flex-wrap: wrap;}
    .ct .main .left .icon-box .item{margin-bottom: 20px;}
    .ct .main .left .icon-box .line{display: none;}
    .ct .main .left .title { font-size: 20px; }
    .ct .main .left .subtitle { font-size: 22px; margin-bottom: 1.5%; }
    .ct .main .left .note { font-size: 14px; line-height: 1.5;}
    .ct .main .right{width: 100%;padding-left: 0%;}
    .ct-form{font-size: 14px;}
    .ct-form .inp,.ct-form .submit{height: 50px;}
    .ct-form .textarea{padding: 15px 10px;}

    /* news */
    .news .main{flex-wrap: wrap;padding: 20px 0;margin: 0;}
    .news .main .first{width: 100%;margin: 0;}
    .news .main .li{width: 100%;margin: 0;margin-top: 10px;}
    .news .main .first .cont-box { padding: 15px; }
    .news .main .first .time { font-size: 12px; }
    .news .main .first .title{font-size: 16px;}
    .news .main .first .note { margin: 15px 0;}
    .news .main .li .top{padding: 15px;}
    .news .main .li .top .title{font-size: 16px;}
    .news .main .li .top .time { font-size: 12px; margin: 10px 0 15px; }
    .news .main .li .list{padding: 15px 20px;margin-top: 10px;}
    .news .main .li .list .item{margin: 8px 0;}

    /* foot */
    .foot .main{flex-wrap: wrap;padding-bottom: 30px;}
    .f-contact .p1 { font-size: 14px; margin-top: 10px; }
    .f-menu{display: none;}
    .f-join{margin-top: 20px;width: 100%;}
    .f-join a { font-size: 14px; width: 120px; height: 40px; }

    /* copyright */
    .copyright { padding: 20px 0; }
    .copyright .c-contact{flex-wrap: wrap;}
    .copyright .c-contact .title{font-size: 24px;}
    .copyright .c-contact .icon-list{width: 100%;margin-top: 10px;}
    .copyright .c-contact .item{zoom: .6;margin-left: 0;margin-right: 15px;}
    .copyright .main{margin-top: 15px;flex-wrap: wrap;}


    /* ny-ab */
    .ny-ab .main{margin-bottom: 20px;flex-wrap: wrap;}
    .ny-ab .main .left{width: 100%;}
    .ny-ab .main .left .title{font-size: 20px;margin-bottom: 15px;}
    .ny-ab .main .left .cont{font-size: 14px;}
    .ny-ab .main .right{width: 100%;}
    .ny-ab .ubox{padding: 20px 0;}
    .ny-ab .ubox .dl1 dd .dtc { margin: 10px 0 15px; }
    .ny-ab .ubox .dl1 dd .dtc .counter{font-size: 28px;}

    /* 企业文化 */
    .ab2{padding: 40px 0;}
  .ab2 .ul1{margin-top: 50px;overflow: auto;}
  .ab2 .ul1 li{width: 280px;}
  .ab2 .ul1 li .ltc{width: 280px;padding: 0 10px;}
  .ab2 .ul1 li .ico{width: 62px;margin: 0 auto 20px;}


  .ab3{padding: 30px 0;padding-bottom: 0;}
  .ab3 .atop{margin: 20px 0 ;height: auto;}
  .ab3 .atop .ul1{overflow: auto;}
  .ab3 .atop .ul1 li{width: 180px;overflow: visible;}
  .ab3 .atop .ul1 li .ico{width: 100px;height: 100px;}
  .ab3 .atop .ul1 li .ico .img{width: 40px;}
  .ab3 .atop .ul1 li .yuan{display: none;}
  .ab3 .atop .ul1 li .year{width: 180px;margin-bottom: 10px;}
  .ab3 .abtm .swiper2 .swiper-slide .sbox{display: block;}
  .ab3 .abtm .swiper2 .swiper-slide .sbox .img,.ab3 .abtm .swiper2 .swiper-slide .sbox .img img{width: 100%;height: auto;}
  .ab3 .abtm .swiper2 .swiper-slide .sbox .txt{width: 100%;padding: 20px 10px;}
  .ab3 .abtm .swiper2 .swiper-slide .sbox .txt .stc{padding: 20px 0 0 20px;margin-top: 10px;height: 250px;}
  .vd_tanchuang video{width: 90%;height: auto;top: 45%;left: 5%;}
  .vd_tanchuang.act video{top: 40%;}

    /* ny- news */
  .ty-top .group .v-more{margin-left: 5px;}
  .ny-news .list{margin-top: 15px;}
  .ny-news .list li{padding: 15px 0;}
  .ny-news .list li a .img-box{width: 35%;}
  .ny-news .list li a .cont-box{padding-left: 10px;width: 65%;}
  .ny-news .list li a .cont-box .time{font-size: 12px;}
  .ny-news .list li a .cont-box .title{font-size: 16px;}
  .ny-news .list li a .cont-box .note{font-size: 14px;line-height: 1.5;margin-bottom: 10px;}
  .ny-news .list li a .cont-box .btn{font-size: 12px;}


}


@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; }
}