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



html{font-size: 62.5%;}

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: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 全局 css 变量 */
:root{
    /* --themeColor: #277ce4; */
    --themeColor: #007440;
    --themeColor2: #f0cb00;
}
/* #0f6ff9  #2d73f0*/

/* 全局样式 */
/* [class*=am-u-] { padding-left: 0; padding-right: 0; } */

.all-pd{padding: 10rem 0;}
.all-pd-8{padding: 8rem 0;}
.all-pd-6{padding: 6rem 0;}

.all-pb{padding-bottom: 10rem;}
.all-pb-8{padding-bottom: 8rem;}
.all-pb-6{padding-bottom: 6rem;}

.all-pt{padding-top: 10rem;}
.all-pt-8{padding-top: 8rem;}
.all-pt-6{padding-top: 6rem;}

.all-mr{margin: 20px 0;}

.themeColor{color: var(--themeColor)!important;}
.colorWhite{color: #fff!important;}
.all-title-box{position: relative;}
/* .all-title-box::before{content: "";width: 1.2rem;height: 1.2rem;background-color: var(--themeColor2);position: absolute;top: 1.4rem;left: -2.2rem;} */
.all-title-box .row{display: flex;align-items: baseline;}
.all-title-box .title{font-size: 4rem;font-weight: bold;color: #333;white-space: nowrap;line-height: 1;text-transform: uppercase;}
.all-title-box .subtitle{font-size: 1.6rem;color: #999;white-space: nowrap;}
.all-title-box .entitle{font-size: 2rem;color: #999;white-space: nowrap;line-height: 1;margin-top: 1.6rem;text-transform: uppercase;}
/* .all-title-box .entitle::first-letter { color: var(--themeColor); } */
.img100{width: 100%;}

.flex{display: flex;}
.order1{order: 1;}

.ohide{overflow: hidden;}
.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,.line-clamp-6{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;}
.line-clamp-6{-webkit-line-clamp: 6;}
.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-btn */
.ty-btn{padding: 0.8em 2em; border-radius: 0rem; background: var(--themeColor); color: #fff; font-size: 1.8rem; position: relative; text-align: center; border: none; display: inline-block;}
.ty-btn::before, .ty-btn::after { content: ''; position: absolute; right: 0; top: 0; background: var(--themeColor);  }
.ty-btn::before { height: 0%; width: 2px; }
.ty-btn::after { width: 0%; height: 2px; }
.ty-btn:hover { background: transparent; }
.ty-btn:hover::before { height: 100%; transition: all 0.5s ease;}
.ty-btn:hover::after { width: 100%; transition: all 0.5s ease;}
.ty-btn > span { display: block; }
.ty-btn:hover > span { color: var(--themeColor); transition: all 0.5s ease;}
.ty-btn:hover > span::before { height: 100%; transition: all 0.5s ease;}
.ty-btn:hover > span::after { width: 100%; transition: all 0.5s ease;}
.ty-btn > span::before, .ty-btn > span::after { content: ''; position: absolute; left: 0; bottom: 0; background: var(--themeColor);  }
.ty-btn > span:before { width: 2px; height: 0%; }
.ty-btn > span:after { width: 0%; height: 2px; }


.ty-subtitle{ font-size: 4rem; color: #333; font-weight: 500;line-height: 6rem;letter-spacing: -0.05rem; }
.ty-hover-box{overflow: hidden;}
.ty-hover-box img{transition: all .5s ease-out;}
.ty-hover-box:hover img{transform: scale(1.1);}

/* ty-more */
.ty-more{display: flex;align-items: center;padding: 1.5rem 2.7rem;border-radius: 2.5rem;border: 1px solid #fff;line-height: 1;}
.ty-more .icon{display: flex;justify-content: center;align-items: center;transition: all .5s;}
.ty-more .icon svg,.ty-more .icon img{transition: all .5s;}
.ty-more .icon img{width: 1.1rem;}
.ty-more .tt{font-size: 1.4rem;color: #fff;padding-right: 2rem;}
.ty-more:hover .icon svg{transform: rotate(45deg);}
.ty-more:hover .icon img{transform: rotate(45deg);}

/* ty-bgimg */
.ty-bgimg{ background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: relative; overflow: hidden; }

/*  */
.ny-title-box{position: relative;}
.ny-title-box .entitle{font-size: 4.2rem; line-height: 5.2rem; font-family: 'Century'; word-break: normal;}
.ny-title-box .cntitle{font-size: 3.2rem; line-height: 4.8rem; font-weight: 500; margin-top: 1.2rem;}
.ny-title-box .line{width: 10rem;height: .1rem;margin: 2rem auto;background: var(--themeColor2);}


/* heaser */
header{position: relative;min-height: 10rem;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;background: rgba(255, 255, 255, .8); box-shadow: 0 0 5px #999999; backdrop-filter: saturate(5) blur(20px);}
.header .main{display: flex;justify-content: space-between;align-items: center;}
.header .main .top-logo{flex-shrink: 0;width: 252px;height: 24px;font-size: 0;}
.header .main .top-logo img{}
.header .main .top-menu{flex: 1;}
.header .main .top-menu ul{display: flex;justify-content: flex-end;}
.header .main .top-menu ul li{position: relative;min-width: 5rem;margin: 0 2rem;}
.header .main .top-menu ul li .a{font-size: 1.8rem;color: #666;white-space: nowrap;line-height: 10rem;display: block;text-align: center;}
.header .main .top-menu ul li.on .a{color: var(--themeColor);font-weight: bold;}
/* .header .main .top-menu ul li::after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: .3rem; background: var(--themeColor2); transition: all .3s ease-out; transform: translateX(-50%); } */
/* .header .main .top-menu ul li.on::after{width: 100%;} */
/* .header .main .top-menu ul li:hover::after{width: 100%;} */
.header .main .top-tool{flex-shrink: 0;display: flex;align-items: center;margin-left: 4rem;}
.header .main .top-tool .top-language{cursor: pointer;position: relative;line-height: 10rem;}
.header .main .top-tool .top-language img{height: 2.5rem;}
.header .main .top-tool .top-language:hover .subnav {opacity: 1;visibility: visible;top: calc(95%);}

.subnav{position: absolute;min-width: 160%;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%);white-space: nowrap;}
.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 10px;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 1.4rem;}
.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);font-size: 16px;}
.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);}

.sm-menubar{cursor: pointer;display: none;}
.bar-line{width: 2.6rem;height: 2px;background-color: #76838f;margin: .6rem;}
.index_down .bar-line{background-color: #fff;}
.bar-line-top{transition: all .4s;}
.bar-line-center{opacity: 1;transition: all .4s;}
.bar-line-bottom{transition: all .4s;}
.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;width: 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;}
    .header .main .top-tool .top-search{margin: 0 1rem;}

    .header .main .top-tool .top-language{margin-right: 10px;}
}


/* banner */
.banner{position: relative;}
.banner-swiper{position: relative;}
.banner-swiper .item{position: relative;}
.banner-swiper .item .img-box{position: relative;overflow: hidden;}
.banner-swiper .item .img-box img{width: 100%;min-height: 400px;height: calc(100vh - 10rem);object-fit: cover;}
.banner-swiper .item .am-container{position: absolute;width: 100%;margin: 0 auto;height: 100%;top: 0;left:50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;}
.banner-swiper .item .cont-box{width: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.banner-swiper .item .cont-box .p1{font-size: 6rem;color: #fff;line-height: 1;font-weight: bold;}
.banner-swiper .item .cont-box .p2{font-size: 3rem;color: #fff;font-weight: 400;line-height: 1.5;margin-top: 4rem;margin-bottom: 6rem;}
.banner-swiper .item .cont-box .p3{font-size: 4.8rem;color: #fff;line-height: 1;margin-bottom: 7rem;font-weight: bold;}
.banner-swiper .item .cont-box .more{}

.banner-swiper .banner-pa{ bottom: 4rem; top: initial; left: 50%; transform: translateX(-50%); background: rgb(168 168 168 / 20%); width: 160px;}
.banner-swiper .banner-pa .swiper-pagination-progressbar-fill{ background: var(--themeColor); }
.banner-swiper .banner-pa .swiper-pagination-bullet{width: 1rem;height: .4rem;border-radius: .2rem;background: #fff;opacity: 1;transition: all .5s ease-out;margin: 0 .5rem;}
.banner-swiper .banner-pa .swiper-pagination-bullet-active{width: 2rem;}
.banner .ty-more .icon{margin: 0 auto;}

.banner-swiper .item.swiper-slide-active .img-box img{-webkit-animation: banner_outside 7s ease 1 forwards;-moz-animation: banner_outside 7s ease 1 forwards;-o-animation: banner_outside 7s ease 1 forwards;animation: banner_outside 7s ease 1 forwards;}

.scroll-tips{position: absolute;bottom: 3rem;left: 3rem;display: flex;align-items: center;z-index: 100;overflow: hidden;}
.scroll-tips .mouse{width: 2.2rem;height: 3.2rem;border-radius: 1.1rem;border: .2rem solid #fff;position: relative;}
.scroll-tips .txt{font-size: 1.4rem;color: #fff;margin-left: 1rem;}
.scroll-tips .mouse:before{content: '';position: absolute;left: 50%;top: .8rem;width: .2rem;height: .8rem;background: #fff;border-radius: 50%;margin-left: -.1rem;animation: scroll 2s infinite;}
@keyframes scroll{0%{opacity: 1;}100%{opacity: 0;transform: translateY(2rem);}}

@-webkit-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}
@-moz-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}
@-o-keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}
@keyframes banner_outside{from{-o-transform:scale(1.1);transform:scale(1.1)}
to{-o-transform:scale(1);transform:scale(1)}}

/* about */
.ab{position: relative;background-repeat: no-repeat;background-size: cover;overflow: hidden;}

.ab .main{display: flex;padding: 4rem 0;}
.ab .main .left{width: 50%;flex-shrink: 0;}
.ab .main .left .subtitle{font-size: 2.6rem;font-weight: 500;color: #fff;margin-top: 8rem;margin-bottom: 3.5rem;}
.ab .main .left .note{font-size: 16px;color: #fff;line-height: 2;}
.ab .main .left .btn-box{margin: 6rem 0 7rem;display: flex;}
.ab .main .left .btn-box .ty-more{margin-right: 3.2rem;}

.ab-data{display: flex;justify-content: space-between;align-items: center;margin-bottom: 6rem;margin-top: 10rem;}
.ab-data .line{width: 1px;height: 4rem;background: rgba(215, 215, 215, .5);margin: 0 auto;}
.ab-data .item{line-height: 1;}
.ab-data .item .num-box{line-height: 1;}
.ab-data .item .num-box .num{font-size: 5.6rem;color: #fff;font-weight: bold;font-family: cursive;}
.ab-data .item .num-box .dw{font-size: 1.8rem;color: #fff;padding-left: 1rem;}
.ab-data .item .title{font-size: 1.6rem;color: rgba(215, 215, 215, .6);margin-top: 1.5rem;}

.ab .main .right{width: 50vw;position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;}
.ab-swiper{width:100%;margin-left: 11rem;}
.ab-swiper .item{display: block;position: relative;width: 50%;}
.ab-swiper .item .img-box{overflow: hidden;}
.ab-swiper .item .img-box img{width: 100%;transition: all .5s ease-out;}
.ab-swiper .item:hover .img-box img{transform: scale(1.1);}
.ab-swiper .item .icon{position: absolute;top: 5rem;left: 3rem;z-index: 10;width: 6.8rem;height: 6.8rem;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.ab-swiper .item .icon::before{content: "";width: 100%;height: 100%;;border-radius: 100%;position: absolute;top: 0;left: 0;z-index: -1;transform: scale(1.2);border: 1px solid #fff;}
.ab-swiper .item .icon img{width: 55%;}
.ab-swiper .item:hover .icon img{ animation: myshake .5s; /* animation-iteration-count: infinite; */ animation-direction: alternate; animation-timing-function: ease-in-out; }
.ab-swiper .item .title-box{position: absolute;width: 100%;height: auto;bottom: 5rem;line-height: 1;}
.ab-swiper .item .title-box .title{font-size: 2.4rem;color: #fff;font-weight: bold;padding-left: 3rem;}
.ab-swiper .item .title-box .entitle{font-size: 1.4rem;color: #fff;padding-left: 3rem;margin-top: 1rem;}

@keyframes myshake {
    0% {transform: translateX(0);}
    25% {transform: translateX(-5px) rotate(-5deg);}
    50% {transform: translateX(5px) rotate(5deg);}
    75% {transform: translateX(-5px) rotate(-5deg);}
    100% {transform: translateX(0);}
}

/* pro-cate */
.pro-cate{position: relative;}
.pro-cate .pro-cate-swiper{position: relative;}
.pro-cate .pro-cate-swiper .item{position: relative;overflow: hidden;}
.pro-cate .pro-cate-swiper .item .img-box{position: relative;overflow: hidden;}
.pro-cate .pro-cate-swiper .item .img-box img{width: 100%;min-height:55vh;object-fit: cover; transition: all 5s linear; transform: scale(1.1); }
.pro-cate .pro-cate-swiper .item.swiper-slide-active .img-box.animated img{ transform: scale(1); }

.pro-cate .cla{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;display: flex;z-index: 100;}
.pro-cate .cla li{width: 25%;border-right: 1px solid rgba(215, 215, 215, .5);transition: all .5s ease-out;border-top: 1px solid rgba(215, 215, 215, .5);}
.pro-cate .cla li.on{background: rgb(39 124 228 / 80%);}
.pro-cate .cla li:last-child{border-right: none;}
.pro-cate .cla li a{display: block;display: flex;justify-content: center;align-items: center;line-height: 8rem;padding: 3rem 0;}
.pro-cate .cla li a img{flex-shrink: 0;height: 4.7rem;}
.pro-cate .cla li:hover a img{ animation: myshake .5s; }
.pro-cate .cla li a span{font-size: 2.2rem;color: #fff;font-weight: bold;padding-left: 3.5rem;}

/* case */
.case{position: relative;background: #f2f4f8;}
.case-container{position: relative;width: 92.708333%;margin: 0 auto;}
.case-list{padding-top: 4rem;display: flex;flex-wrap: wrap;}
.case-list li{padding: 1rem;}
.case-list li a{display: block;background: #fff;transition: all .5s ease-out;border-radius: .8rem;overflow: hidden;}
.case-list li a:hover{box-shadow: 1px 1px 10px rgb(39 124 228 / 20%);}
.case-list li a .img-box{overflow: hidden;}
.case-list li a .img-box img{width: 100%;transition: all .5s ease-out;}
.case-list li a:hover .img-box img{transform: scale(1.1);}
.case-list li a .cont-box{padding: 2rem;}
.case-list li a .cont-box .title{font-size: 1.8rem;color: #333;font-weight: bold;}
.case-list li a .cont-box .cate{font-size: 1.4rem;color: #999;margin-top: 1rem;line-height: 1;}

/* pro-design */
.pro-design{position: relative;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.pro-design .main{padding: 8% 0;}
.pro-design .main .t1{font-size: 3rem;color: #fff;font-weight: bold;line-height: 1;margin-top: 7rem;margin-bottom: 2.5rem;}
.pro-design .main .t2{font-size: 2rem;font-weight: 500;color: #fff;}
.pro-design .main .note{font-size: 14px;color: #fff;line-height: 2;margin: 6.5rem 0 7rem;max-width: 445px;}

/* news */
.news{position: relative;background-repeat: no-repeat;background-size: cover;}
.news .main{display: flex;padding: 8rem 0;}
.news .main .cate-box{display: flex;flex-direction: column;justify-content: space-between;flex-shrink: 0;min-width: 22rem;}
.news .main .cate-box .cate{}
.news .main .cate-box .cate ul{}
.news .main .cate-box .cate ul li{display: flex;align-items: center;padding: 2.5rem 0;}
.news .main .cate-box .cate ul li a{font-size: 1.8rem;color: #999999;}
.news .main .cate-box .cate ul li .line{width: 3rem;height: 2px;margin-right: 1.4rem;background: none;}
.news .main .cate-box .cate ul li.on .line{background: var(--themeColor);}
.news .main .cate-box .cate ul li.on a{font-weight: bold;color: var(--themeColor);}
.news .main .cate-box .more{display: flex;}
.news .main .cate-box .more .ty-more{background: var(--themeColor);}

.news .main .list-box{flex: 1;border-right: 1px solid #ebebeb;border-left: 1px solid #ebebeb;}
.news .main .list-box ul{display: flex;}
/* .news .main .list-box ul li{width: 33.3333%;} */
.news .main .list-box ul li a{display: block;padding: 5rem 3rem;transition: all .5s ease-out;}
.news .main .list-box ul li a *{transition: all .5s ease-out;}
.news .main .list-box ul li a .date-box{position: relative;}
.news .main .list-box ul li a .date-box .d{font-size: 4rem;color: #333;font-weight: bold;line-height: 1;}
.news .main .list-box ul li a .date-box .ym{font-size: 1.4rem;color: #999;line-height: 1;line-height: 1;margin-top: 1.5rem;}
.news .main .list-box ul li a .title{font-size: 1.8rem;color: #333;margin: 2rem 0 3rem;}
.news .main .list-box ul li a .img-box{overflow: hidden;}
.news .main .list-box ul li a .img-box img{width: 100%;}
.news .main .list-box ul li a .note{font-size: 1.4rem;color: #999;line-height: 1.5;height: 4.2rem;margin: 3rem 0 4rem;}
.news .main .list-box ul li a .more{display: flex;}
.news .main .list-box ul li a .more span{font-size: 1.4rem;color: #999;}

.news .main .list-box ul li a:hover{ background: linear-gradient(to bottom right, #017440, #007440); }
.news .main .list-box ul li a:hover *{color: #fff!important;}
.news .main .list-box ul li a:hover .img-box img{transform: scale(1.1);}
.news .main .list-box ul li a .more span:hover{text-decoration: underline;}

/* 合作伙伴 */
.hzhb{background-repeat: no-repeat;background-size: cover;}
.hzhb .main{padding: 8rem 0;}
.hzhb .list{display: flex;flex-wrap: wrap;}
.hzhb .list li{width: calc(20% - 3rem);margin: 1.5rem;background: #fff;display: flex;justify-content: center;align-items: center;overflow: hidden;transition: all .5s ease-out;padding: 5px;}
.hzhb .list li img{max-width: 80%;}
.hzhb .list li:hover{ box-shadow: 1px 1px 10px rgb(39 124 228 / 20%); transform: scale(1.1); }

.linian_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 4rem;}
.linian_list .item{width: 24%;}
.linian_list .item .img{width: 100%;height: 0;padding-top: 150%;box-sizing: content-box;background-position: center;background-size: contain;background-repeat: no-repeat;transition: all 0.4s;}
.linian_list .item .linian1{background-image: url(../picture/wenhua_01.jpg);}
.linian_list .item .linian2{background-image: url(../picture/wenhua_02.jpg);}
.linian_list .item .linian3{background-image: url(../picture/wenhua_03.jpg);}
.linian_list .item .linian4{background-image: url(../picture/wenhua_04.jpg);}

.linian_list .item .linian1:hover{background-image: url(../picture/wenhua_01_h.jpg);}
.linian_list .item .linian2:hover{background-image: url(../picture/wenhua_02_h.jpg);}
.linian_list .item .linian3:hover{background-image: url(../picture/wenhua_03_h.jpg);}
.linian_list .item .linian4:hover{background-image: url(../picture/wenhua_04_h.jpg);}

.fz_desc{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 3rem;}
.fz_desc .leftcon{font-size: 2.4rem;}
.fz_desc .img{}


/* footer */
footer{position: relative;background: #000813;}
.foot{position: relative;}
.foot .main{display: flex;border-bottom: 1px solid rgba(255, 255, 255, .3);justify-content: space-between;flex-wrap: wrap;}
.f-info{margin-right: 7rem;max-width: 400px;}
.f-info .title{font-size: 2.2rem;color: #fff;line-height: 1;margin-bottom: 4rem;}
.f-info .p1{font-size: 1.8rem;color: rgba(255, 255, 255, .6);margin: 1rem 0;}

.f-nav{display: flex;flex-wrap: wrap;padding: 0 4%;align-content: flex-start;}
.f-nav li{width: 50%;margin-bottom: 2rem;}
.f-nav li a{font-size: 1.8rem;color: rgba(255, 255, 255, .6);}
.f-nav li a:hover{color: #fff;}

.f-code{font-size: 1.4rem;color: #fff;text-align: center;}
.f-code img{max-width: 10rem;}
.f-code p{margin-top: 1rem;}

.f-copyright{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 4rem 0;}
.f-copyright .p1{font-size: 1.4rem;color: rgba(255, 255, 255, .5);}
.f-copyright .p1 a{color: rgba(255, 255, 255, .5);}
.f-copyright .p1 a:hover{color: #fff;}
.f-copyright .p1 a img{height: 2rem;margin-top: -1rem;}

/* 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: 5rem;font-weight: bold;color: #fff; line-height: 1.3;text-transform: uppercase;}
.ny-banner .cont-box .title{display: block;color: #fff;font-size: 4rem;line-height: 1.3;font-weight: bold;}
@keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.1);}}

/* ny-cla */
.ny-cla{position: relative;background: #fff;}
.ny-cla .cate{display: flex;align-items: center;background: #fff;padding: 2rem 0;overflow-x: auto;}
.ny-cla .cate li{margin-right: 3rem;flex-shrink: 0;}
.ny-cla .cate li *{transition: all .3s;}
.ny-cla .cate li a{ display: inline-block; vertical-align: middle; font-size: 1.8rem; padding: .5rem 2.5rem; box-sizing: border-box; border: 1px solid transparent; border-radius: 2.5rem;white-space: nowrap;}
.ny-cla .cate li.on a{ border-color: var(--themeColor); color: var(--themeColor); }
.ny-cla .cate li:hover a{ border-color: var(--themeColor); color: var(--themeColor); }

@media screen and (max-width: 1024px) {
    .ny-cla .cate { padding: 2rem 0;overflow-x: auto; }
    .ny-cla .cate li { margin-right: 1rem; flex-shrink: 0;}
    .ny-cla .cate li a { white-space: nowrap; }
}

.ny-ab{position: relative;}
.ny-ab .main{display: flex;}
.ny-ab .main .left{width: 55%;}
.ny-ab .main .left .subtitle{color: #333;}
.ny-ab .main .left .note{color: #333;margin-top: 5rem;}
.ny-ab .main .img-box{width: 45%;padding-left: 6rem;}
.ny-ab .main .img-box img{width: 100%;}

.ny-ab-data{display: flex;justify-content: space-between;align-items: center;margin: 6rem 0;}
.ny-ab-data .line{width: 1px;height: 4rem;background: rgba(215, 215, 215, .5);margin: 0 auto;}
.ny-ab-data .item{line-height: 1;}
.ny-ab-data .item .num-box{line-height: 1;}
.ny-ab-data .item .num-box .num{font-size: 5.6rem;color: var(--themeColor);font-weight: bold;font-family: cursive;}
.ny-ab-data .item .num-box .dw{font-size: 1.8rem;color: var(--themeColor);padding-left: 1rem;}
.ny-ab-data .item .title{font-size: 1.6rem;color: var(--themeColor);margin-top: 1.5rem;}

#canvas{ position: absolute; left: 0; top: 0; z-index: -1; height: 100%;width: 100%;overflow: hidden;}
#canvas canvas { position: absolute; height: 100% !important; margin-top: 410px; }

/* 企业文化 */
.ab2 .ul1{width: 100%;height: 600px;background: url(../images/ab_2.jpg) center no-repeat;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 8rem;overflow: hidden;}
.ab2 .ul1 li{position: relative;width: 50%;overflow: hidden;color: #fff;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.ab2 .ul1 li div{display: block;width: 100%;}
.ab2 .ul1 li .ico img{display: block;margin: 0 auto;}
.ab2 .ul1 li .ltt{margin: 4rem 0 3rem;font-size: 3.2rem;font-weight: 500;letter-spacing: .1em;}
.ab2 .ul1 li .ltc{font-size: 2.2rem;font-weight: 500;letter-spacing: .1em;}
.ab2 .ul1 li .xian2{display: block;width: 20px;height: 1px;background: rgba(255, 255, 255, 0.6);margin: 0 auto 30px;}
.ab2 .ul1 li .xian{display: block;width: calc(100% - 20px);height: calc(100% - 20px);border: 1px solid rgba(255, 255, 255, 0.3);position: absolute;top: 10px;left: 10px;z-index: 2;transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
.ab2 .ul1 li:hover{background: var(--themeColor);}
.ab2 .ul1 li:hover .xian{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
.ab2 .tt{font-size: 40px;}
.ab2 .en{margin: 23px 0 50px;font-size: 22px;}

/* 发展历程 */
/* fzlc */
.fzlc{position: relative;overflow: hidden;}
.fzlc .main{display: flex;justify-content: space-between;}
.fzlc .main .left{position: relative;width: 42.5%;}
.fzlc .main .right{position: relative;width: 47.318%;}
.fzlc .main .right::before{ content: ''; position: absolute; right: -5.5rem; bottom: -5.5rem; width: 100%; height: 100%; background-image: -moz-linear-gradient( 121deg, #277ce4 20%, #8BC34A 100%);border-radius: 2rem;
    background-image: -webkit-linear-gradient( 121deg, #277ce4 20%, #8BC34A 100%);
    background-image: -ms-linear-gradient( 121deg, #277ce4 20%, #8BC34A 100%); }
.fcont-swiper{position: relative;height: 100%;}
.fcont-swiper .swiper-slide .tt{ font-size: 7rem; color: var(--themeColor); font-weight: bold; font-family: 'dinBold'; margin-top: 2rem; padding-bottom: 5rem; }
.fcont-swiper .swiper-slide .note{ font-size: 2rem; color: #343434; line-height: 1.5; padding-left: 3rem;position: relative;}
.fcont-swiper .swiper-slide .note::before{ content: ""; display: inline-block; position: absolute; left: .3rem; top: 1.2rem; width: 1rem; height: 1rem; background: var(--themeColor); border-radius: 50%; }

.fimg-swiper{position: relative;}
.fimg-swiper .swiper-slide{position: relative;}
.fimg-swiper .swiper-slide .img-box{overflow: hidden;border-radius: 2rem;}
.fimg-swiper .swiper-slide .img-box img{width: 100%;}

.fzlc-tool{display: flex;justify-content: center;align-items: center;position: relative;}
.fzlc-tool::before{ content: ""; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var( --themeColor); z-index: 0; 
    background: linear-gradient(
        to right,
        rgba(0, 64, 152, 0.1) 0%,
        rgba(0, 64, 152, 0.5) 10%,
        rgba(0, 64, 152, 0.5) 20%,
        rgba(0, 64, 152, 0.5) 30%,
        rgba(0, 64, 152, 0.5) 40%,
        rgba(0, 64, 152, 0.5) 50%,
        rgba(0, 64, 152, 0.5) 60%,
        rgba(0, 64, 152, 0.5) 70%,
        rgba(0, 64, 152, 0.5) 80%,
        rgba(0, 64, 152, 0.5) 90%,
        rgba(0, 64, 152, 0.1) 100%)
}
.fzlc-tool .btn{ width: 5.8rem; height: 5.8rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #f2f2f2; transition: all .3s;cursor: pointer;position: relative;z-index: 10;flex-shrink: 0;}
.fzlc-tool .btn svg{transition: all .3s;fill: var(--themeColor);}
.fzlc-tool .btn:hover{background: var(--themeColor);}
.fzlc-tool .btn:hover svg{fill: #fff;}

.fzlc-tool .am-container{margin: 0;position: relative;z-index: 10;}
.fyear-swiper{position: relative;}
.fyear-swiper .swiper-slide{position: relative;padding-top: 5rem;cursor: pointer;}
.fyear-swiper .swiper-slide .dot{position: relative;width: 2.4rem;height: 2.4rem;border-radius: 50%;background: rgb(0 64 152 / 12%);display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.fyear-swiper .swiper-slide .dot::after{ content: "";width: 41.6666%;height: 41.6666%;border-radius: 50%;background: var(--themeColor); }
.fyear-swiper .swiper-slide .tt{font-size: 2.2rem;color: #666;padding-top: 1.5rem;text-align: center;line-height: 3.5rem;transition: all .3s;}
.fyear-swiper .swiper-slide-thumb-active .tt{transform: scale(1.3);font-weight: bold;color: var(--themeColor);}

@media screen and (max-width: 1024px) {
    .fzlc .main {flex-wrap: wrap; }
    .fzlc .main .left { position: relative; width: 100%; }
    .fzlc .main .right { width: 100%; margin-top: 3.5rem;}
    .fzlc .main .right::before { content: ''; position: absolute; right: -20px; bottom: -30px; }
    .fcont-swiper .swiper-slide .tt { font-size: 5rem; margin-top: 2rem; padding-bottom: 4rem; line-height: 1; }
    .fcont-swiper .swiper-slide .note { font-size: 1.8rem;}
}

/* rzzs */
.rzzs{position: relative; background: #f8fafd;}
.rzzs .main{position: relative;}
.rzzs-swiper{position: relative;}
.rzzs-swiper .item{padding: 2rem;background: #fff;cursor: pointer;position: relative;border-radius: .8rem;overflow: hidden;box-shadow: 0 2px 1rem rgb(0 0 0 / 10%);}
.rzzs-swiper .item::after{ content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0%; height: .4rem; background: var(--themeColor); transition: all .3s ease-out; }
.rzzs-swiper .item .img-box{overflow: hidden;border: 1px solid #eee;}
.rzzs-swiper .item .img-box img{width: 100%;transition: all .3s ease-out;}
.rzzs-swiper .item .title{font-size: 1.8rem;color: #333;line-height: 1.5;margin: 2rem 0 1rem;text-align: center;transition: all .3s ease-out;}

.rzzs-swiper .item:hover::after{ width: 100%; }
.rzzs-swiper .item:hover .title{color: var(--themeColor);font-weight: bold;}
.rzzs-swiper .item:hover .img-box img{transform: scale(1.05);}
.rzzs-pa{display: flex;justify-content: center;align-items: center;position: relative;margin: 0 2rem;}
.rzzs-pa .swiper-pagination-bullet{ width: 1.5rem; height: 1.5rem;margin: 0 1rem;display: flex;border-radius: 100%;border: 1px solid transparent; border-radius: 100%; background: none;position: relative;justify-content: center;align-items: center; opacity: .5; }
.rzzs-pa .swiper-pagination-bullet::after{ content: "";width: .5rem;height: .5rem;background: var(--themeColor);border-radius: 100%;transition: all .3s ease-out; display: block; }
.rzzs-pa .swiper-pagination-bullet-active{ border: 1px solid var(--themeColor);opacity: 1; }

.rzzs-tool{display: flex;justify-content: center;align-items: center;}
.rzzs-tool .btn{display: flex;justify-content: center;align-items: center;cursor: pointer;}
.rzzs-tool .btn svg{transition: all .3s ease;}
.rzzs-tool .btn:hover svg{fill: var(--themeColor);transform: scale(1.1);}


/* 公司风采 */
.gsfc{position: relative;}
.gsfc-swiper{position: relative;}
.gsfc-swiper .swiper-slide{position: relative;width: auto;max-width: 100%;}
.gsfc-swiper .swiper-slide .img-box{overflow: hidden;border-radius: 1rem;}
.gsfc-swiper .swiper-slide .img-box img{width: auto;transition: all .5s;max-height: 40vh;object-fit: cover;}
.gsfc-swiper .swiper-slide .img-box:hover img{transform: scale(1.08);}


/*发展历程*/
.history-swiper {margin-top: 5rem;padding-top: 4rem;position: relative; }
.history-swiper:before{position: absolute;left: 0;top: 0;width: 100%;height: 3rem;content: "";z-index: 0;background-color: var(--themeColor);}
.history-swiper:after{position: absolute;left: 0;top: 1.5rem;width: 100%;height: 1px;border-top: 1px dashed #fff;content: "";z-index: 1;}
.history-swiper .swiper-slide{position: relative;z-index: 2;cursor: pointer;}
.history-swiper .swiper-slide:after{position: absolute;left: 50%;top: -4rem;margin-top: 7px; width: 15px;height: 15px;border-radius: 15px;content: "";border: 1px solid #fff;}
.history-swiper .swiper-slide:hover:after,.history-swiper .swiper-slide.swiper-slide-active:after{background-color: #fff;}
.history-swiper .swiper-slide:hover .con,.history-swiper .swiper-slide.swiper-slide-active .con{color: var(--themeColor);}
.history-swiper .swiper-slide .year{font-size: 3rem;font-weight: bold;color: var(--themeColor);text-align: center;}
.history-swiper .swiper-slide .con{display: flex;position: relative;justify-content: center;align-items: flex-start;}
.history-swiper .swiper-slide .name{width: 20px;font-size: 1.4rem;margin-right: 6px;}
.history-swiper .swiper-slide .enname{margin-top: 6px; writing-mode: vertical-rl;max-height: 300px;line-height: 1.4}
.history-swiper .swiper-wrapper{align-items: flex-start!important;}
/* 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.page-num-current ,.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-pro */
.ny-pro { position: relative; background: #f5f5f5; }
.nypro-main{ position: relative;}

.product-content {margin-top: 0; overflow:hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;background-color: #fff;-webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.08);box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
.product-content-left {padding: 60px 100px 55px 90px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;background-color: #fff;-webkit-box-shadow: 6px 0 12px -4px rgba(0,0,0,0.08);box-shadow: 6px 0 12px -4px rgba(0,0,0,0.08);}
.product-content-left .title-box {margin-bottom: 40px;text-align: center;}
.product-article {line-height: 1.8;overflow: hidden;font-size: 1.8rem;}
.product-article p img{margin: 1rem 0;}
.product-content-left .title-box .cn {font-size: 30px;color: #333;}
.product-content-left .title-box .en {margin-top: 3px;font-size: 12px;font-family: "Tahoma";color: #858585;letter-spacing: 4px;text-transform: uppercase;}
.product-content .product-related {padding:50px;}
.product-related {width: 373px;text-align: center;overflow: hidden;}

.product-related .title {margin-bottom: 32px;font-size: 22px;color: #333;}
.product-related-swiper {overflow: hidden;}
.product-related-swiper.no-init .swiper-wrapper {display: block;text-align: center;width: 100%;}
.product-related-swiper.no-init li:first-child {padding-top: 0;}
.product-related-swiper.no-init li {padding: 40px 0 30px;border-bottom: 1px dashed #cacaca;}
.product-related-swiper.no-init li a:hover p{color: var(--themeColor);}
.product-related-swiper p {margin-top: 16px;font-size: 16px;color: #555;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.product-related-swiper .img{ padding:0; position:relative; overflow:hidden;}
.product-related-swiper .img img{ position:relative; width: 100%; transition: all .4s ease;}
.product-related-swiper .img:hover img{ transform: scale(1.1);}

@media screen and (max-width:1024px){
/**公共样式**/
.ny-warp{ padding:20px 0;}
/**产品内容**/	
.nypro-head{ margin-top:0; padding:0; margin:0 -1.5rem;}
.nypro-head .nypro-head-pic{ width:100%; float:none;}
.nypro-head .nypro-head-txt{ width:100%; float:none; padding:15px;}
.nypro-head .nypro-head-txt h1{ font-size:18px;}
.nypro-head-txt .note{ font-size:12px; margin-top:8px;}
.nypro-head-txt .tel{ margin-top:8px;}
.nypro-head-txt .tel a{ font-size:18px;}
.nypro-head-txt .tel a svg{ width:20px; height:20px; bottom:-4px;}
.mySwiper-propic .swiper-pagination-bullet{ width:8px; height:8px;}
.nypro-main{ margin:0 -1.5rem;}
.product-content{ margin-top:1.5rem;}
.product-related{ display:none;}
.product-content-left{ padding:20px;}
.product-content-left .title-box{ margin-bottom:15px;}
.product-content-left .title-box .cn{ font-size:20px; font-weight:bold;}
.product-content-left .title-box .en{ font-size:12px;}
.product-article{ overflow-x:auto;}
	
}


/* ny-pro-de */
.ny-pro-de{position: relative;background: #f0f0f0;}
.ny-pro-de .hd{display: flex;padding: 3%;background: #fff;}
.ny-pro-de .hd .hl{width: 45%;}
.ny-pro-de .hd .hl .big-swiper{position: relative;}
.ny-pro-de .hd .hl .big-swiper .item{position: relative;}
.ny-pro-de .hd .hl .big-swiper .item .img-box{overflow: hidden;}
.ny-pro-de .hd .hl .big-swiper .item .img-box img{width: 100%;}
.ny-pro-de .hd .hl .big-swiper .item .img-box img:hover{cursor: zoom-in;}
.ny-pro-de .hd .hl .small-swiper{padding-top: 2rem}
.ny-pro-de .hd .hl .small-swiper .item{border: 2px solid transparent;}
.ny-pro-de .hd .hl .small-swiper .item.swiper-slide-thumb-active{border-color: var(--themeColor);}
.ny-pro-de .hd .hl .small-swiper .item .img-box{overflow: hidden;}
.ny-pro-de .hd .hl .small-swiper .item .img-box img{width: 100%;}

.ny-pro-de .hd .hr{width: 55%;padding-left: 5%;}
.ny-pro-de .hd .hr .title{font-size: 3rem;color: #333;padding-bottom: 1.5rem;margin-bottom: 2.5rem;border-bottom: 1px solid #e5e5e5;}
.ny-pro-de .hd .hr .note{line-height: 2;font-size: 14px;color: #212529;}
.ny-pro-de .hd .hr .ck{line-height: 2;padding-bottom: 2.5rem;font-size: 14px;color: #888;border-bottom: 1px solid #e5e5e5;}
.ny-pro-de .hd .hr .ck .p1{color: #888;}
.ny-pro-de .hd .hr .ck .p1 a{color: var(--themeColor);}
.ny-pro-de .hd .hr .cat{}
.ny-pro-de .hd .hr .cat .item{display: flex;align-items: center;font-size: 1.8rem;color: #212529;border-bottom: 1px solid #e5e5e5;padding: 2.5rem 0;}
.ny-pro-de .hd .hr .cat .item svg{margin-right: .5rem;}
.ny-pro-de .hd .hr .cat .item a{color: var(--themeColor);}
.ny-pro-de .hd .hr .btns{display: flex;margin-top: 3rem;}
.ny-pro-de .hd .hr .btns .btn{margin-right: 3rem;width: 16rem;height: 4.6rem;border-radius: .46rem;display: flex;justify-content: center;align-items: center;font-size: 1.6rem;color: #fff;font-weight: bold;background: var(--themeColor);}
.ny-pro-de .hd .hr .btns .btn i{margin-right: .5rem;font-size: 1.8rem;line-height: 1;margin-top: -1px;}
.ny-pro-de .hd .hr .btns .b1{background: #00a650;}
.ny-pro-de .hd .hr .btns .b1:hover{background: #009014;}
.ny-pro-de .hd .hr .btns .b2{background: #555555;}
.ny-pro-de .hd .hr .btns .b2:hover{background: #333;}

.ny-pro-de .bd{padding: 3%;background: #fff;margin-top: 4rem;}
.ny-pro-de .bdt{border-bottom: 1px solid #e5e5e5;margin-bottom: 3rem;}
.ny-pro-de .bdt h3 { font-size: 2.2rem; font-weight: 600; padding: 0 2rem 2rem 0; color: var(--themeColor);}
.ny-pro-de .cont{min-height: 15rem;line-height: 2;color: #444;font-size: 16px;}

@media screen and (max-width: 1024px) {
    .ny-pro-de .hd{flex-wrap: wrap;}
    .ny-pro-de .hd .hl{width: 100%;}
    .ny-pro-de .hd .hr{width: 100%;margin-left: 0;padding-left: 0;margin-top: 1.5rem;}
    .ny-pro-de .cont{font-size: 14px;}
}

/* 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{cursor: pointer;}
.sshd-main .left .main .swiper-box1 .img-box img{width: 100%;max-height: 50vh; object-fit: cover;}
.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;}
}

/* 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-nav2 */
.ny-nav2{position: relative;background: #f0f0f0;padding: 4rem 0;}
.ny-nav2 .main{font-size: 1.6rem;padding: 2rem;background: #fff;display: flex;align-items: center;}
.ny-nav2 .main img{height: 1.4rem;margin-right: .5rem;}
.ny-nav2 .main a{color: #212529;}
.ny-nav2 .main a:hover{color: var(--themeColor);}
.ny-nav2 .main span{color: #999;padding: 0 .5rem;}

@media screen and (max-width:1024px) {
    .ny-nav{padding: 3rem 0;}
}

/* ny-news */
.ny-news{position: relative;background: #F6F6F6;}
.ny-news .list{margin: 0 -1.5rem;display: flex;flex-wrap: wrap;}
.ny-news .list li{padding: 1.5rem;}
.ny-news .list li *{transition: all .5s ease-out;}
.ny-news .list li a{display: block;background: #fff;padding: 3rem;border: 1px solid transparent;}
.ny-news .list li a .top{display: flex;justify-content: space-between;align-items: center;}
.ny-news .list li a .top .time-box{line-height: 1.2;color: #999;color: #999;}
.ny-news .list li a .top .time-box .y{display: block;font-size: 1.6rem;}
.ny-news .list li a .top .time-box .md{display: block;font-size: 1.2rem;}
.ny-news .list li a .top .icon{width: 3rem;height: 3rem;border-radius: 100%;background: #DBDBDB;color: #fff;font-size: 2.2rem;transition: all .5s ease-out;display: flex;justify-content: center;align-items: center;line-height: 1;}
.ny-news .list li a .top .icon i{transform: translate(1px, -1px);}
.ny-news .list li a .img-box{overflow: hidden;margin-top: 2.5rem;}
.ny-news .list li a .img-box img{width: 100%;transition: all .5s ease-out;}
.ny-news .list li a .cont-box{position: relative;}
.ny-news .list li a .cont-box .title{font-size: 1.6rem;margin-top: 2rem;color: #333;font-weight: initial;}
.ny-news .list li a .cont-box .note{font-size: 1.4rem;margin-top: 1.5rem;color: #999;}

.ny-news .list li a:hover{border-color: var(--themeColor);}
.ny-news .list li a:hover .top .time-box{color: var(--themeColor);}
.ny-news .list li a:hover .top .icon{background: var(--themeColor);}
.ny-news .list li a:hover .img-box img{transform: scale(1.1);}


/* 新闻详情 */
.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;text-align: justify;}

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


/* ny-join */
.ny-job-list{ margin-top:4rem;}
.ny-job-list ul li{ margin-bottom:2rem;}
.ny-job-list ul li .box{ background:#fff; padding:1rem 0;}
.ny-job-list ul li .box .hded{ position:relative; padding:1rem 3.5rem; cursor:pointer;}
.ny-job-list ul li .box .hded:before{ content:""; display:block; width:3px; height:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); background:var(--themeColor);}
.ny-job-list ul li .box .hded .tit{ font-size:2.4rem; color:var(--themeColor); margin-bottom:1rem;}
.ny-job-list ul li .box .hded .info{ color:#777; font-size:1.8rem;}
.ny-job-list ul li .box .hded .info span{ display:inline-block; margin-right:1.5rem;}
.ny-job-list ul li .box .hded .btn{position: absolute;
    top: 50%;
    margin-top: -1rem;
    right: 1.5em;
    height:2.2rem;
    width: 2.2rem;
    display: flex;justify-content: center;align-items: center;font-size: 2.2rem;color: var(--themeColor);line-height: 2;
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 220ms ease 0s,all 220ms ease 0s;
    transition: all 220ms ease 0s,all 220ms ease 0s
}
.ny-job-list ul li .box .hded .btn.on{transform: rotate(90deg);}
.ny-job-list ul li .box .hbod{ padding:2rem 3.5rem; display:none; padding-bottom:3rem;}
.ny-job-list ul li .box .hbod .neirong{ line-height:2;}
.ny-job-list ul li .box .hbod .tjjl{ margin-top:2.5rem;}
.ny-job-list ul li .box .hbod .tjjl .send-btn {
    display: inline-block;
    border: 0;
    background-color:var(--themeColor);
    color: #fff;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 25px
}

.ny-job-list ul li .box .hbod .tjjl .send-btn:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../fonts/9eff7abc69224ce99ff79441ee0ad8e2.woff) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
    margin-right: 8px
}

.join-cover{position:fixed;left:0;top:0;bottom:0;right:0;z-index:100;background-color:#0000004d;visibility:hidden;opacity:0;transition:all .3s}
.join-message{width:600px;height:250px;background-color:#fff;position:fixed;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:101;border-radius:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px #0003;visibility:hidden;opacity:0;transition:all .3s}
.join-message .inner{text-align:center}
.join-message .message{display:flex;align-items:center;padding-bottom:20px;padding-top:40px}
.join-message .text{font-size:16px;color:#333;text-align:center;line-height:1.8}
.join-message .text a{color:#2d207c}
.join-message .text a:hover{text-decoration:none}
.join-message button{border:1px #2d207c solid;color:#2d207c;padding:10px 40px;border-radius:30px;font-size:14px}
.join-message button:active{opacity:.5}
.join-message-show{visibility:visible;opacity:1}

/* 联系我们 */
.map{position: relative;}
.map .main{position: relative;}

#allmap{ height:50vh;}
#allmap img{ max-width:inherit;}

/* ny-cat */
.ny-cat{position: relative;}
.ny-cat .main{display: flex;background: #f9fafb;border-radius: .5rem;padding: 8rem 6rem;flex-wrap: wrap;}
.ny-cat .main .info{width: 40%;}
.ny-cat .main .info .list{position: relative;}
.ny-cat .main .info .list li{margin-bottom: 3rem;}
.ny-cat .main .info .list li:last-child{margin-bottom: 0rem;}
.ny-cat .main .info .list li .tt{font-size: 1.8rem;color: #000;margin-bottom: 1.5rem;}
.ny-cat .main .info .list li .p1{font-size: 1.6rem;;line-height: 2;color: #666;}
.ny-cat .main .info .code{position: relative;display: flex;}
.ny-cat .main .info .code .item{text-align: center;margin-right: 2rem;}
.ny-cat .main .info .code img{max-width: 14rem;}
.ny-cat .main .info .code .tt{text-align: center;color: #666;line-height: 1;margin-top: 1rem;}

.ny-cat .main .msg{flex: 1;padding: 6rem;background: #fff;border-radius: .5rem;}
.ny-cat .main .msg form{position: relative;}
.ny-cat .main .msg form .item{margin-bottom: 2rem;}
.ny-cat .main .msg form .item:last-child{margin-bottom: 0;}
.ny-cat .main .msg form .item .tt{font-size: 1.8rem;color: #111827;margin-bottom: 1rem;}
.ny-cat .main .msg form .item input{width: 100%;padding: 1.2rem;outline: none; border-radius: 0.75rem; border: 1px solid #e5e7eb; font-size: 1.4rem;transition: all .3s;}
.ny-cat .main .msg form .item textarea{ width: 100%; padding: 1.2rem; outline: none; border-radius: 0.75rem; border: 1px solid #e5e7eb; font-size: 1.4rem; resize: none; height: 10rem; transition: all .3s;margin-bottom: 1.8rem;}
.ny-cat .main .msg form .item input:focus, .ny-cat .main .msg form .item textarea:focus{ border-color: var(--themeColor); box-shadow: 0 0 0 1px var(--themeColor); }
.ny-cat .main .msg form .item button{ border-radius: 0;}

@media screen and (max-width:1024px) {
    .ny-cat { position: relative; background: #f9fafb; }
    .ny-cat .main { display: flex; background: #f9fafb; border-radius: .5rem; padding: 4rem 2rem; flex-wrap: wrap; }
    .ny-cat .main .info { width: 100%; }
    .ny-cat .main .msg { flex: auto; width: 100%; padding: 4rem 2rem; margin: 0 -2rem; background: #fff; border-radius: .5rem; margin-top: 4rem; }
}

.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:10px;}

.pro_jscs{padding: 40px 0 60px;background-color: #f1f1f1;text-align: center;}
.pro_jscs table {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-spacing: 0;
    margin: 40px auto;
}
.pro_jscs table th {
    background: var(--themeColor) !important;
    color: #1d1d1f !important;
    font-weight: bold;text-align: center;padding: 10px;border: 1px solid #ccc;
}
.pro_jscs table tr:nth-child(2n+1) td{background: rgb(185 202 188);color: #1d1d1f !important;}
.pro_jscs table tr:nth-child(1) td{background: var(--themeColor);color: #fff !important;}
.pro_jscs table tr td {
    font-size: 16px;
    line-height: 38px;
    padding: 10px;
    color: #1d1d1f;
    word-break: break-all;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
}

@media screen and (max-width: 1680px){
    html { font-size: 55.5%; }
    .am-container{max-width: 1300px;}
}
@media screen and (max-width: 1440px){
    html { font-size: 48.5%; }
    .am-container{max-width: 1200px;}
}


@media screen and (max-width:1024px){
    html {background: #fafafa;}
    body{ margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;}
    .am-container{padding-left: 20px;padding-right: 20px;}
    .arccontent img{ height:auto !important;}

    .all-pd{padding: 5rem 0;}
    .all-pd-8{padding: 4rem 0;}
    .all-pd-6{padding: 3rem 0;}

    .all-pb{padding-bottom: 5rem;}
    .all-pb-8{padding-bottom: 4rem;}
    .all-pb-6{padding-bottom: 3rem;}

    .all-pt{padding-top: 5rem;}
    .all-pt-8{padding-top: 4rem;}
    .all-pt-6{padding-top: 3rem;}

    .all-title-box .title{font-size: 3rem;}
    .all-title-box .entitle{font-size: 1.8rem;}

    header { min-height: 70px; }
    .header .main{min-height: 70px;}
    .header .main .top-menu{display: none;}

    .banner-swiper .item .cont-box .p1{font-size: 3rem;}
    .banner-swiper .item .cont-box .p2 { font-size: 1.8rem; margin-top: 2rem; margin-bottom: 3rem; }
    .banner-swiper .item .cont-box .p3 { font-size: 2.4rem; margin-bottom: 3.5rem; }
    .banner-swiper .banner-pa { bottom: 2rem; height: .4rem; width: 16rem; }

    .scroll-tips { position: absolute; bottom: 1rem; left: 2rem;}

    .ab .main{flex-wrap: wrap;}
    .ab .main .left{width: 100%;}
    .ab .main .right { width: 100%; position: relative; height: 100%; display: flex; align-items: center; }

    .ab-data .item .num-box .num{font-size: 3.6rem;}
    .ab-swiper { width: 100%; margin-left: 0; margin-right: -20px;}

    .ab-swiper .item .icon { top: 2rem; left: 2rem; width: 4.8rem; height: 4.8rem; }

    .pro-cate .cla li a{flex-direction: column;line-height: initial;padding: 2rem 0;}
    .pro-cate .cla li a span{font-size: 1.6rem;margin-top: 1rem;padding-left: 0;text-align: center;}
    .pro-cate .cla li a img{height: 3.7rem;}
    .ab-swiper .item .title-box{bottom: 2rem;}
    .ab-swiper .item .title-box .title,.ab-swiper .item .title-box .entitle{padding-left: 2rem;}
    .ab-swiper .item .title-box .title{font-size: 2rem;}

    .news .main{flex-wrap: wrap;padding: 4rem 0;}
    .news .main .cate-box{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
    .news .main .cate-box .more{align-self: center;}
    .news .main .cate-box .cate ul li{padding: .5rem;}
    /* .news .main .list-box ul li{width: 80%;} */

    .hzhb .main{padding: 4rem 0;}
    .hzhb .list li { width: calc(25% - 2rem); margin: 1rem; min-height: 50px; }

    .foot .main{flex-wrap: wrap;}
    .f-info{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .f-nav{display: none;}
    .f-icon{margin: 3rem 0 0;}
    .f-copyright{padding: 3rem 0;}

    .ny-banner .img-box { height: 350px; }
    .ny-banner .cont-box .entitle{font-size: 24px;}
    .ny-banner .cont-box .title{font-size: 18px;}

    .ny-cla ul li{margin: 0 1rem;}

    .ny-ab .main{padding-bottom: 0;}
    .ny-ab .main .img-box{width: 100%;padding-left: 0;}
    .ny-ab .main .left .subtitle { margin-top: 4rem; }
    .ab .main .left .subtitle { margin-top: 4rem; font-size: 2.2rem;}
    .ab-data{margin-bottom: 5rem; margin-top: 5rem;}

    .ab2 .ul1 { width: 100%; height: auto; display: flex; margin-top: 5rem;overflow: auto; }
    .ab2 .ul1 li{width: 60%;flex-shrink: 0;padding: 3rem 0;}

    .ryzz .main .top .cate li{padding: 10px;}
    .ryzz .main .top .cate li .total { font-size: 24px; }
}

@media screen and (max-width: 767px) {
    .cndns-right{display: none;}

    .ny-banner .img-box { height: 250px; }

    .news-de .main{margin-left: -20px;margin-right: -20px;}

    .history-swiper .swiper-slide:after{top: -4.3rem;}
    .header .main .top-logo{width: 126px;height: 12px;}
}