@font-face {
    font-family: "Playfair_Display";
    src: url(../fonts/PlayfairDisplay-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "CormorantSC";
    src: url(../fonts/CormorantSC-Regular-2.ttf) format("truetype");
}
@font-face {
    font-family: "Cormorant";
    src: url(../fonts/Cormorant-Regular.woff.ttf) format("truetype");
}
@font-face {
    font-family: "CastoroTitling";
    src: url(../fonts/CastoroTitling-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Chillax-Variable";
    src: url(../fonts/Chillax-Variable.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat";
    src: 
    url(../fonts/montserrat/ttf/Montserrat-Regular.ttf) format("truetype"),
    url(../fonts/montserrat/ttf/Montserrat-Medium.ttf) format("truetype"),
    url(../fonts/montserrat/ttf/Montserrat-Bold.ttf) format("truetype"),
    url(../fonts/montserrat/ttf/Montserrat-ExtraBold.ttf) format("truetype"),
    url(../fonts/montserrat/ttf/Montserrat-Black.ttf) format("truetype"),
    
    url(../fonts/montserrat/otf/Montserrat-Black.otf) format("opentype"),
    url(../fonts/montserrat/otf/Montserrat-ExtraBold.otf) format("opentype"),
    url(../fonts/montserrat/otf/Montserrat-Bold.otf) format("opentype"),
    url(../fonts/montserrat/otf/Montserrat-Medium.otf) format("opentype"),
    url(../fonts/montserrat/otf/Montserrat-Regular.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-Black";
    src: 
    /*url(../fonts/montserrat/ttf/Montserrat-Regular.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-Medium.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-Bold.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-ExtraBold.ttf) format("truetype"),*/
    url(../fonts/montserrat/ttf/Montserrat-Black.ttf) format("truetype"),
    
    url(../fonts/montserrat/otf/Montserrat-Black.otf) format("opentype");
    /*url(../fonts/montserrat/otf/Montserrat-ExtraBold.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-Bold.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-Medium.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-Regular.otf) format("opentype");*/
}

@font-face {
    font-family: "Montserrat-Bold";
    src: 
    /*url(../fonts/montserrat/ttf/Montserrat-Regular.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-Medium.ttf) format("truetype"),*/
    url(../fonts/montserrat/ttf/Montserrat-Bold.ttf) format("truetype"),
    /*url(../fonts/montserrat/ttf/Montserrat-ExtraBold.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-Black.ttf) format("truetype"),*/

    /*url(../fonts/montserrat/otf/Montserrat-Black.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-ExtraBold.otf) format("opentype"),*/
    url(../fonts/montserrat/otf/Montserrat-Bold.otf) format("opentype");
    /*url(../fonts/montserrat/otf/Montserrat-Medium.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-Regular.otf) format("opentype");*/
}

@font-face {
    font-family: "Montserrat-Medium";
    src: 
    /*url(../fonts/montserrat/ttf/Montserrat-Regular.ttf) format("truetype"),*/
    url(../fonts/montserrat/ttf/Montserrat-Medium.ttf) format("truetype"),
    /*url(../fonts/montserrat/ttf/Montserrat-Bold.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-ExtraBold.ttf) format("truetype"),*/
    /*url(../fonts/montserrat/ttf/Montserrat-Black.ttf) format("truetype"),*/

    /*url(../fonts/montserrat/otf/Montserrat-Black.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-ExtraBold.otf) format("opentype"),*/
    /*url(../fonts/montserrat/otf/Montserrat-Bold.otf) format("opentype"),*/
    url(../fonts/montserrat/otf/Montserrat-Medium.otf) format("opentype");
    /*url(../fonts/montserrat/otf/Montserrat-Regular.otf) format("opentype");*/
}

/* Write your styles */
*{
   -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
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%;}
img{pointer-events: none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.img-box{position: relative;}
/* .img-box::after{content:''; position:absolute;z-index:100;left:0;right:0;top:0;bottom:0;opacity:0;z-index: 10;}*/
.am-container{max-width: 84.895833%;}
.am-container-index{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%;} */

html{-webkit-text-size-adjust:100%;}
@media (min-width:1921px) and (max-width:2880px) {
    html{font-size:.455vw}
}
@media (min-width:1601px) and (max-width:1920px) {
    html{font-size:.520vw}
}
@media (min-width:1025px) and (max-width:1600px) {
    html{font-size:.625vw}
}
@media (max-width:1024px) {
    /* html{font-size:2vw} */
}

body {
    font-family: "Montserrat","Chillax-Variable","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;
    /*font-family: "Montserrat";*/
}

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 全局 css 变量 */
:root{
    --themeColor: #ffaa00;
    --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;}

.themeColor{color: var(--themeColor)!important;}
.colorWhite{color: #fff!important;}

.all-title-box{position: relative;}
.all-title-box .row{display: flex;align-items: baseline;}
.all-title-box .title{font-size: 18px;font-weight: 400;color: #999;white-space: nowrap;line-height: 1;margin-bottom: 1.5rem;text-transform: uppercase;}
.all-title-box .subtitle{font-size: 1.6rem;color: #999;white-space: nowrap;}
.all-title-box .entitle{
    /* font-family: "Playfair_Display";  */
    font-family: "Chillax-Variable"; 
    font-size: 3.2rem;color: var(--themeColor);white-space: nowrap;line-height: 1;font-weight: 400;text-transform: uppercase;}
.all-title-box .line{width: 5rem;height: 3px;background: var(--themeColor);margin: 1rem 0;}
.all-title-box .note{ font-size: 1.8rem; line-height: 2; color: #000; margin-bottom: 3rem;text-align: justify; }

.img100{width: 100%;}
.fixbg{ width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; -webkit-background-attachment: fixed; /* background-attachment: scroll\9; */ position: relative; }

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

.ohide{overflow: hidden;}

.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: 10px;   height: 10px;  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:var(--themeColor);  } */

.ty-btn{width: 16rem;height: 5.6rem;line-height: 5.6rem;border-radius: 0;background: var(--themeColor);display: block;color: #fff;font-size: 1.8rem;position: relative;text-align: center;border: none; }

.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;justify-content: center; align-items: center;border-radius: 2.5rem;border: 1px solid #fff;line-height: 1;font-size: 1.8rem;width: 16rem;height: 5rem;transition: all .3s ease-out;color: #fff;}
.ty-more.def{color: #999;border-color: #999;}
.ty-more .tt{font-family: "Chillax-Variable";transition: all .3s ease-out;}
.ty-more .icon{margin-left: .5rem;}
.ty-more .icon{transition: all .3s ease-out;}
.ty-more:hover{border-color: var(--themeColor);color: var(--themeColor);}
.ty-more:hover .icon{ transform: translateX(5px); }

.ty-bgimg{ background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: relative; overflow: hidden; }
.ty-scalebg{ position: absolute; overflow: hidden; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 3s ease-out; transform: scale(1.1);}
.swiper-slide-active .ty-scalebg{
    transform: scale(1);
}
/* swiper-screen  */
html,body {position: relative;}

.swiper-screen{width: 100%;height: 100vh;margin-left: auto;margin-right: auto;}
.swiper-screen>.swiper-wrapper{    height: auto !important; }
.swiper-screen>.swiper-wrapper>.swiper-slide{ overflow:hidden;}
.swiper-screen>.swiper-wrapper>.swiper-slide:last-child{height:auto !important;}

.swiper-screen>.swiper-scrollbar{ right:0;top:0; height:100%; width:15px;background:rgb(243,243,243);border-radius: 0;}
.swiper-screen>.swiper-scrollbar .swiper-scrollbar-drag{ border-radius:0; background:rgb(193,193,193)}
.swiper-screen .screen-pa { right: initial; left: 5rem; top: 50%;z-index: 500; }
.swiper-screen .screen-pa .swiper-pagination-bullet { width: auto; height: auto; display: inline-block; border-radius: 0; background: none;line-height: 1; opacity: 1; margin: 4rem 0;display: block; color: #fff;font-family: initial;transition: all .3s ease-out;position: relative;opacity: 1;}
.swiper-screen .screen-pa .swiper-pagination-bullet::before { content: "";width: 1.2rem;height: 1px;background: #fff;position: absolute; right: calc(100% + 1rem);top: 50%;transform: translateY(-50%);transition: all .3s ease-out; }
.swiper-screen .screen-pa .swiper-pagination-bullet-active { background: none; opacity: 1; }
.swiper-screen .screen-pa .swiper-pagination-bullet.swiper-pagination-bullet-active::before { width: 4rem;}

.swiper-screen .screen-pa.theme .swiper-pagination-bullet {color: var(--themeColor);}
.swiper-screen .screen-pa.theme .swiper-pagination-bullet::before {background: var(--themeColor);}


.f-center{min-height: 100vh;display: flex;align-items: center;}
.w-100{width: 100%;}

/* heaser */
header{position: relative;width: 100%;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: all .3s ease-out;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}
/* .header *{transition: all .3s ease-out;} */
.header .main{display: flex;justify-content: space-between;align-items: center;}
.header .main .top-logo{flex-shrink: 0;}
.header .main .top-logo img{max-height: 5.2rem;}
.header .main .top-logo .def{display: block;}
.header .main .top-logo .act{display: none;}
.header .main .top-menu{flex: 1;}
.header .main .top-menu ul{display: flex;justify-content: flex-end;}
.header .main .top-menu ul li{ margin: 0 3.75rem;min-width: 5rem;position: relative;}
/* .header .main .top-menu ul li:last-child{margin-right: 0;} */
.header .main .top-menu ul li .a{font-family: "Montserrat-Black"; font-size: 1.6rem;color: #fff;white-space: nowrap;line-height: 8rem;display: block;text-align: center;position: relative;font-weight: bold;}
.header .main .top-menu ul li .a::after{ content: "";width: 0%;height: 3px;background-color: var(--themeColor);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .3s ease-out; }
/* .header .main .top-menu ul li.on{color: var(--themeColor);} */
.header .main .top-menu ul li.on .a{color: var(--themeColor);}
.header .main .top-menu ul li.on:hover .a{color: var(--themeColor);}
.header .main .top-menu ul li:hover .a{color: var(--themeColor);}
.header .main .top-menu ul li.on .a::after{width: 100%;}
.header .main .top-menu ul li:hover .a::after{width: 100%;}

/* top-tool */
.header .main .top-tool{flex-shrink: 0;display: flex;align-items: center;margin-left: 3.75rem;}
.header .main .top-tool .top-wzdt{display: flex;align-items: center;font-size: 1.8rem;color: #666;}
.header .main .top-tool .top-wzdt img{width: 2rem;margin-right: 1rem;}
.header .main .top-tool .line{width: 1px;height: 2rem;background-color: rgb(255 255 255 / 30%);margin: 0 3rem;}
.header .main .top-tool .top-search{display: flex;justify-content: center;align-items: center;position: relative;min-height: 8rem;}
.header .main .top-tool .top-search img{width: 2rem;cursor: pointer;pointer-events: auto;}
.header .main .top-tool .top-language{position: relative;margin: 0rem;display: flex;align-items: center;min-height: 8rem;cursor: pointer;}
.header .main .top-tool .top-language img{width: 2rem;}
.header .main .top-tool .top-language .tt{color: var(--themeColor);font-size: 1.8rem;line-height: 1;margin-left: 1rem;}
.header .main .top-tool .top-language:hover .subnav {opacity: 1;visibility: visible;top: calc(95%);}
.header .main .top-tool .line{width: 1px;height: 2rem;background-color: rgb(255 255 255 / 30%);}

/* down */
.header.down{ box-shadow: 0 3px 12px rgba(98,107,181,.25);background: rgba(255, 255, 255, 1);}
.header.down .main .top-logo .def{display: none;}
.header.down .main .top-logo .act{display: block;}
.header.down .main .top-menu ul li .a{ color: #333;}
.header.down .main .top-tool .top-search img { filter: invert(1); }


/* hd-search */
.hd-search{ position: absolute;right: 0;top: calc(100% + 15px); display: none;right: -2rem;}
.hd-search form{ display: flex; box-shadow: 0 3px 12px rgba(98,107,181,.25); border-radius: 0.5rem; overflow: hidden; }
.hd-search form input{ border: none; background: #fff;border-radius: .5rem  0 0 .5rem; padding: 1.2rem; outline: none; }
.hd-search form button{ white-space: nowrap; border: none;outline: none; background: var(--themeColor); color: #fff; width: 8rem;border-radius: 0 .5rem .5rem 0; }

/* subnav */
.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;display: flex;white-space: nowrap;flex-wrap: wrap;}
.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;width: 100%;}
.subnav .item{width: 100%;}
.subnav .item a{font-family: "Montserrat-Medium"; font-weight: 400;color: #666;padding: 1.2rem 1.5rem;line-height: 22px;text-align: center;display: block;transition: all .2s ease-in-out;font-size: 1.4rem;font-weight: 500;}
.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{position: relative;}
.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: .2rem;background-color: #76838f;margin: .6rem;}
.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;}
}


/* 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%;height: 100vh;object-fit: cover;min-height: 300px;}
.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: flex-start;align-items: center;}
.banner-swiper .item .cont-box{display: flex;flex-direction: column;align-items: flex-start;}
.banner-swiper .item .cont-box .p1{font-family: "Montserrat-Black"; font-size: 6rem; color: #fff;line-height: 1.4;font-weight: bold;}
.banner-swiper .item .cont-box .p2{
    font-family: "Playfair_Display"; 
    font-size: 4rem;color: #fff;line-height: 1;margin-top: 5rem;font-weight: bold;letter-spacing: 0.08em;}

/* banner-tool */
.banner-tool { position: absolute; bottom: 3.4rem; width: 100%; left: 50%; transform: translateX(-50%); z-index: 100;display: flex;align-items: center;}
.banner-tool .btn{cursor: pointer;}
.banner-tool .btn img{transition: all .3s;}
.banner-tool .btn:hover img{transform: scale(1.1);}

.banner-swiper .banner-pa{position: absolute;bottom: 3rem;display: flex;justify-content: center;}
.banner-swiper .banner-pa span{width: 1.4rem;height: 1.4rem;background: none;border-radius: 50%;border: 1px solid transparent;display: block;position: relative;opacity: 1;margin: 0 .8rem!important;}
.banner-swiper .banner-pa span::after{content: "";width: .6rem; height: .6rem;background: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banner-swiper .banner-pa span.swiper-pagination-bullet-active{border-color: #fff;}

.banner-swiper .down{position: absolute;left: 50%;bottom: 5rem;transform: translateX(-50%);text-align: center;z-index: 20; }
.banner-swiper .down .mouse{ -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite; }
.banner-swiper .down img{height: 3.4rem;}
.banner-swiper .down p{font-size: 1.4rem;color: #fff;line-height: 1;margin-top: 1rem;}

/* scroll-tips */
.scroll-tips{position: absolute;bottom: 2.5rem;left: 50%;display: flex;flex-direction: column; align-items: center;z-index: 100;overflow: hidden;transform: translateX(-50%);}
.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-top: .5rem;}
.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);}}


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

/* 动画 */
@-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)}}

/* ab */
.ab{position: relative;}
.ab .all-pd{position: relative;}
.ab .cont-box{position: relative;margin-top: 5rem;max-width: 670px;}
.ab .cont-box .subtitle{font-family: "Montserrat-Black"; font-size: 2.8rem;color: #fff;font-weight: bold;margin-bottom: 4rem;}
.ab .cont-box .note{font-size: 2rem;color: rgb(255 255 255 / 80%);line-height: 2;margin-bottom: 10rem;text-align: left;}

/* ys */
.ys{position: relative;}
/* .ys .all-title-box{position: absolute;} */
.ys ul{position: relative;display: flex;height: 100vh;}
.ys ul li{flex: 1;position: relative;padding: 4%;border-right: 1px solid #ededed;}
.ys ul li::after{ content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: .6rem; background: var(--themeColor); transition: all .5s ease; }
.ys ul li:last-child{border: none;}
.ys ul li .cont{position: absolute;top: 50%;transition: all .5s ease; width: 100%; left: 0;}
.ys ul li .cont .icon-box{width: 10rem;height: 10rem;background: #f2f2f2;display: flex;justify-content: center;align-items: center;margin: 0 auto;border-radius: 50%;transition: all .3s ease;}
.ys ul li .cont .icon-box img{max-height: 50%;transition: all .3s ease;}
.ys ul li .cont .tt{font-family: "Montserrat-Blod"; margin: 4rem 0;text-align: center;font-size: 2.4rem;color: #333;line-height: 1;font-weight: bold;}
.ys ul li .cont .line{margin: 4rem auto;width: 3rem;height: .3rem;background: var(--themeColor);border-radius: .15rem;}
.ys ul li .cont .note{font-size: 1.8rem;color: #666;text-align: center;padding: 0 1rem;}

.ys ul li.on::after{ width: 100%; }
.ys ul li.on .cont{transform: translateY(-15%);}
.ys ul li.on .cont .icon-box{background: var(--themeColor);}
.ys ul li.on .cont .icon-box img{filter: invert(1);animation: myshake .5s ease-in-out;}

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

/* ser */
.ty-top{display: flex;justify-content: space-between;align-items: center;}
.ser{position: relative;}
.ser ul{display: flex;justify-content: flex-end;margin: 0 -1.75rem;padding-top: 3.25rem;}
.ser ul li{padding: 1.75rem;}
.ser ul li .cont{padding: 4rem 2.5rem;border: 1px solid #fff;min-width: 12.5vw;display: flex;min-height: 14.583333vw;border-radius: 1rem;justify-content: space-between;flex-direction: column;transition: all .3s ease;}
.ser ul li .cont:hover{background: var(--themeColor);border-color: var(--themeColor);}
.ser ul li .cont .tt-box{display: flex;justify-content: space-between;align-items: flex-start;}
.ser ul li .cont .tt-box span{font-size: 2.2rem;color: #fff;}
.ser ul li .cont .tt-box img{transition: all .3s ease;width: 3.2rem;}
.ser ul li .cont:hover .tt-box img{transform: rotate(180deg);}
.ser ul li .cont .icon-box{display: flex;justify-content: flex-end;}
.ser ul li .cont .icon-box img{max-height: 5.8rem;}
.ser ul li .cont:hover .icon-box img{animation:  myshake .5s ease-in-out;}

/* case */
.case{position: relative;}
.case-list{display: flex;flex-wrap: wrap;margin: 0 -.8rem;}
.case-list li{padding: .8rem;}
.case .case-list li{max-height: 25vh;}
.case-list li a{display: block;border-radius: 1rem;overflow: hidden;position: relative;height: 100%;}
.case-list li a .img-box{overflow: hidden;position: relative;height: 100%;}
.case-list li a .img-box::after{ content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;transition: all .5s ease; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.case-list li a .img-box img{transition: all .5s ease;width: 100%;height: 100%;object-fit: cover;}
.case-list li a .cont-box{position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0;left: 0;z-index: 10;background: transparent;transition: all .5s ease;display: flex;justify-content: center;align-items: center;height: 100%;}
.case-list li a .cont-box .def{position: absolute;z-index: 11;width: 100%;padding: 4%;left: 0;bottom: 0;transition: all .5s ease;visibility: visible;opacity: 1;}
.case-list li a .cont-box .def .tt{font-size: 2rem;font-weight: bold;color: #fff;}
.case-list li a .cont-box .def .entt{font-family: "Chillax-Variable"; font-size: 1.4rem;color: #fff;}
.case-list li a .cont-box .act{position: relative;z-index: 12;display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .5s ease;transform: translateY(4rem);width: 100%;padding: 0 2%; visibility: hidden;opacity: 0; text-align: center;}
.case-list li a .cont-box .act .tt{font-size: 2rem;color: #fff;line-height: 1.2;text-align: center;}
.case-list li a .cont-box .act .entt{font-family: "Chillax-Variable"; font-size: 1.6rem;color: #fff;margin: 2rem 0 2rem;line-height: 1;}
.case-list li a .cont-box .act .more{width: 5rem;height: 5rem;background: #fff;border-radius: 50%;position: relative;transition: all.5s ease;display: flex;justify-content: center;align-items: center;font-size: 2rem;}
.case-list li a .cont-box .act .more i{color: var(--themeColor);transition: all.3s ease;}
/* .case-list li a .cont-box .act .more::before{content: "";width: 2px;height: 2.2rem;background: var(--themeColor);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.case-list li a .cont-box .act .more::after{content: "";width: 2.2rem;height: 2px;background: var(--themeColor);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} */

.case-list li a:hover .img-box img{transform: scale(1.1);}
.case-list li a:hover .cont-box{background: rgb(255 170 0 / 45%);}
.case-list li a:hover .cont-box .def{visibility: hidden;opacity: 0;bottom: -4rem;}
.case-list li a:hover .cont-box .act{visibility: visible;opacity: 1; transform: translateY(0);}
.case-list li a .cont-box .act .more:hover i{transform: translateX(.5rem);}

/* footer */
footer{position: relative;background: #081620;}
.f-top{display: flex;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(255,255,255,.15);}
.f-slogan{flex-shrink: 0;font-size: 2.4rem;font-weight: bold;color: #fff;}
.f-logo img{height: 4.3rem;}
.f-nav{display: flex;}
.f-nav li{margin: 0 3.5rem;}
.f-nav li:last-child{margin-right: 0;}
.f-nav li a{font-size: 1.6rem;color: rgba(255,255,255,.7);}
.f-nav li a:hover{color: #fff;}
.f-cat{display: flex;flex-wrap: wrap;}
.f-cat .item{margin-right: 7.14285%;min-width: 200px;margin-bottom: 2rem;}
.f-cat .item.addr{flex: 1;}
.f-cat .item .icon{height: 4.2rem;}
.f-cat .item .tt{font-size: 1.8rem;color: rgba(255,255,255,.7);line-height: 1;margin: 2.5rem 0;font-weight: 400;}
.f-cat .item .p1{font-size: 1.6rem;color: #fff;line-height: 2;}
.f-cat .item .b{font-size: 1.8rem;}
.f-cat .f-code{text-align: center;}
.f-cat .f-code img{max-width: 10rem;pointer-events: auto;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;}
.f-cat .f-code .tt{margin-top: 1rem;font-size: 1.6rem;color: rgba(255,255,255,1);line-height: 1;padding-bottom: .5rem;border-bottom: 1px solid #fff;}
.f-cat .f-code .tt i{margin-right: .5rem;}
.f-link{position: relative;padding-bottom: 3rem;}
.f-link span{font-size: 1.4rem;color: rgba(255,255,255,.5);}
.f-link a{font-size: 1.4rem;color: rgba(255,255,255,.5);padding-right: 1rem;}
.f-link a:hover{color: #fff;text-decoration: underline;}

.copyright{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,.15);padding: 4rem 0;}
.copyright .p1{font-size: 1.4rem;color: rgba(255,255,255,.5);}
.copyright .p1 a{color: rgba(255,255,255,.5);}
.copyright .p1 a:hover{text-decoration: underline;color: #fff;}
.copyright .p1 a img{height: 2rem;margin-top: -1rem;}

/* ny-banner */
.ny-banner{position: relative;overflow: hidden;}
.ny-banner .img-box{overflow: hidden;position: relative;}
.ny-banner .img-box::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: all .5s ease; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); }
.ny-banner .img-box img{width: 100%;max-height: 20vh;object-fit: cover;animation: bigimgani 5000ms 1 ease forwards;}
.ny-banner .cont-box{width: 100%;height: 100%;position: absolute;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;align-items: center;top: 0;}
.ny-banner .cont-box .cont{color: #fff;line-height: 1;max-width: 500px;}

.updown { -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite; }

.f-news .img-box img{width: 100%;height: 100vh;object-fit: cover;max-height: 100vh;}
.f-news .cont-box{
    align-items: flex-end;
    top: 0;
    padding-top: 5vh;padding-bottom: 5vh;
}
.f-news .cont-box .cont{
max-width: initial;
}
.f-news .cont-box .cont .title{font-size: 4.6rem;font-weight: 400;}
.f-news .cont-box .cont .date{font-size: 2rem;margin-top: 2.6rem;}

@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}
@keyframes updown {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px);}
    50% { transform: translate(0px, 0px);}
    75% { transform: translate(0px, 10px);}
    100% { transform: translate(0px, 0px);}
}

/* ny-ab */
.ny-ab{position: relative; min-height: 100vh;}
.ny-ab .pd{position: relative;padding: 8rem 0;}
.ny-ab .main{display: flex;justify-content: space-between;align-items: center;padding: 5rem;background: #fff;border-radius: 1.5rem;margin: 3rem -5rem;position: relative;padding-top: 7rem;}

.ny-ab-back{display: flex; justify-content: flex-end; margin-bottom: 2rem; position: absolute; top: 2rem; right: 2rem;}
.ny-ab-back a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;color: #666;white-space: nowrap;}
.ny-ab-back a img{margin-right: 1rem;height: 2rem;transition: all .3s ease-out;}
.ny-ab-back a:hover img{transform: translateX(.5rem);}
.ny-ab-back a:hover{color: var(--themeColor);}

.ny-ab .main .lgbox{margin-left: -5rem;display: flex;justify-content: center;align-items: center;flex: 1;}
.ny-ab .main .ab-logo{max-height: 15rem;}
.ny-ab .main .cont-box{width: 58.75%;/* margin-left: 5%; */}
.ny-ab .main .cont-box .subtitle{font-family: "Montserrat-Black"; font-size: 2.4rem;color: #000;font-weight: bold;}
.ny-ab .main .cont-box .cont{font-size: 1.8rem;line-height: 2;text-align: left;margin: 3rem 0;color: #333;}
.ny-ab .main .cont-box .cont p{margin-bottom: 1vw;}
.ny-ab .main .cont-box .ab-img{position: relative;}
.ab-swiper{position: relative;border-radius: 1rem;overflow: hidden;}
.ab-swiper .swiper-slide{overflow: hidden;}
.ab-swiper .swiper-slide .img-box{overflow: hidden;}
.ab-swiper .swiper-slide .img-box img{width: 100%;max-height: 40vh;object-fit: cover;}

.ab-swiper .ab-pa{position: absolute;bottom: 2rem;display: flex;justify-content: center;z-index: 10;}
.ab-swiper .ab-pa span{width: 1.4rem;height: 1.4rem;background: none;border-radius: 50%;border: 1px solid transparent;display: block;position: relative;opacity: 1;margin: 0 .8rem!important;}
.ab-swiper .ab-pa span::after{content: "";width: .6rem; height: .6rem;background: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ab-swiper .ab-pa span.swiper-pagination-bullet-active{border-color: #fff;}
.ab-swiper .btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 20;visibility: hidden;opacity: 0;transition: all .3s ease;}
.ab-swiper .btn i{font-size: 6rem;color: var(--themeColor);cursor: pointer;transition: all .3s ease;}
.ab-swiper .ab-prev{left: 4rem;}
.ab-swiper .ab-next{right: 4rem;}
.ab-swiper:hover .ab-prev{left: 2rem;visibility: visible;opacity: 1;}
.ab-swiper:hover .ab-next{right: 2rem;visibility: visible;opacity: 1;}

/* xszc */
.xszc{position: relative;background-color: #fff;}
.xszc .top{display: flex;justify-content: space-between;align-items: center;}
.xszc .top .xszc-logo{margin-top: 6rem;max-height: 10.1rem;}
.xszc .top .cont-box{width: 58.75%;margin-left: 5%;}
.xszc .top .cont-box .subtitle{ font-size: 2.8rem; color: #000; font-weight: bold; margin-bottom: 3rem; }
.xszc .top .cont-box .cont{font-size: 1.8rem;line-height: 2;color: #333;text-align: left;}
/* .xszc .top .cont-box .cont p{margin-bottom: 1vw;} */
.xszc .line{margin-top: 10rem;width: 58.75%;margin-left: auto;height: 1px;background: #ebebeb;}
.xszc .bom{position: relative;display: flex;justify-content: space-between;align-items: center;padding: 7rem 0;}
.xszc .bom .img-box{position: relative;}
.xszc .bom .img-box img{max-height: 9.6rem;}
.xszc .bom .cont-box{ width: 58.75%; margin-left: 5%; }
.xszc .bom .cont-box .item{display: flex;padding: 3.3rem 0;align-items: center;}
.xszc .bom .cont-box .item .tt-box{min-width: 8rem;line-height: 1;margin-right: 5rem;}
.xszc .bom .cont-box .item .tt-box .tt{font-family: "Montserrat-Black";font-size: 2.2rem;color: #333;white-space: nowrap;font-weight: bold;}
.xszc .bom .cont-box .item .tt-box .entt{font-size: 1.6rem;color: #333;margin-top: 1rem;}
.xszc .bom .cont-box .item .cont{position: relative;}
.xszc .bom .cont-box .item .cont .tt{font-size: 1.8rem;color: #333;}
.xszc .bom .cont-box .item .cont .entt{font-size: 1.6rem;color: #333;}


/* ny-hzhb */
.ny-hzhb{position: relative;background-color: #f5f5f5;}
.ny-hzhb .ty-top{align-items: center;}
.ny-hzhb .pnote{width: 58.75%;margin-left: 5%;font-size: 1.8rem;line-height: 2;color: #333;}
.ny-hzhb ul{display: flex;flex-wrap: wrap;margin: 5% -1.5rem;}
.ny-hzhb ul li{padding: 1.5rem;}
.ny-hzhb ul li .img-box{border-radius: 1rem;overflow: hidden;}
.ny-hzhb ul li .img-box img{width: 100%;}

/* ser */
.ny-ser{position: relative;background-color: #f5f5f5;z-index: 10;}
.ny-ser .main{display: flex;justify-content: space-between;}
.ny-ser .main ul{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ny-ser .main ul.left{position: relative;}
.ny-ser .main ul.right{position: relative;}
.ny-ser .main ul li{position: relative;padding: 1.3vw;}
.ny-ser .main ul .item{padding: 3vw 5vw;display: flex;flex-direction: column;justify-content: space-between;background-color: #fff;width: 100%;min-height: 28vw;transition: all 0.2s ease-in-out;height: 100%;}
.ny-ser .main ul .item *{transition: all 0.2s ease-in-out;}
.ny-ser .main ul .item .icon-box{position: relative;}
.ny-ser .main ul .item .icon-box img{max-height: 5.8rem;filter: invert(1);}
.ny-ser .main ul .item:hover .icon-box img{ animation: myshake .5s ease-in-out; }
.ny-ser .main ul .item .cont-box{position: relative;}
.ny-ser .main ul .item .cont-box .tt{font-size: 2.6rem;color: #000;margin-bottom: 3rem;}
.ny-ser .main ul .item .cont-box .note{font-size: 2rem;color: #333;}

.ny-ser .main ul li .item:hover{background-color: var(--themeColor);}
.ny-ser .main ul li .item:hover .icon-box img{filter: invert(0);}
.ny-ser .main ul li .item:hover .cont-box .tt{color: #fff;}
.ny-ser .main ul li .item:hover .cont-box .note{color: #fff;}

/* ny-ser-list */
.ny-ser2{position: relative;background: #f5f5f5;}
.ny-ser-list{position: relative;}
.ny-ser-list li{display: flex;}
.ny-ser-list li:nth-child(2n){ flex-direction: row-reverse; }
.ny-ser-list li .cont-box{width: 50%; padding: 4vw 5vw;display: flex;flex-direction: column;justify-content: space-between;background-color: #fff;align-items: center;text-align: center;}
.ny-ser-list li .cont-box .icon{position: relative;width: 10rem;height: 10rem;background-color: #f2f2f2;display: flex;justify-content: center;align-items: center;border-radius: 50%;transition: all .5s ease;}
.ny-ser-list li .cont-box .icon img{max-height: 50%;filter: invert(1);}
.ny-ser-list li .cont-box .cont{position: relative;margin-top: 5rem;}
.ny-ser-list li .cont-box .cont .tt{font-family: "Montserrat-Black"; font-size: 2.6rem;color: #000;margin-bottom: 3rem;font-weight: bold;}
.ny-ser-list li .cont-box .cont .note{font-size: 2rem;color: #333;text-align: left;}
.ny-ser-list li .img-box{width: 50%;overflow: hidden;}
.ny-ser-list li .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
/* .ny-ser-list li:hover .cont-box .icon{background: var(--themeColor);}
.ny-ser-list li:hover .cont-box .icon img{animation: myshake .5s ease-in-out;filter: invert(0);}
.ny-ser-list li:hover .img-box img{ transform: scale(1.07); } */
.ny-ser-list li.on .cont-box .icon{background: var(--themeColor);}
.ny-ser-list li.on .cont-box .icon img{animation: myshake .5s ease-in-out;filter: invert(0);}
.ny-ser-list li.on .img-box img{ transform: scale(1.07); }






/* ny-case */
.ny-case{background-color: #f5f5f5;}
/* .ny-case ul{max-width: 100%;margin: 0 -.8rem;} */

.ny-case-list{margin: 0 1rem;}

/* case-de-banner */
.case-de-banner{position: relative;}
.case-de-swiper{position: relative;}
.case-de-swiper .swiper-slide{position: relative;overflow: hidden;}
.case-de-swiper .swiper-slide .img-box{overflow: hidden;position: relative;}
/* .case-de-swiper .swiper-slide .img-box::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; transition: all .5s ease; background: rgba(0, 0, 0, 0.2) ; } */
.case-de-swiper .swiper-slide .img-box img{width: 100%;height: 100vh;min-height: 300px;max-height: 100vh; object-fit: cover;}

.case-de-swiper .cont-box{position: absolute;width: 100%;left: 50%;transform: translateX(-50%);width: 100%;z-index: 200;bottom: 3.4rem;display: flex;align-items: flex-end;}
.case-de-swiper .cont-box .cont{position: relative;flex: 1;}
.case-de-swiper .cont-box .cont .title{font-family: "Montserrat-Black"; font-size: 3.2rem;color: #fff;line-height: 1.4;margin-bottom: 1rem;text-shadow: 3px 3px 3px rgba(0,0,0,0.3);font-weight: bold;}
.case-de-swiper .cont-box .cont .cate{font-size: 2rem;color: #fff;text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.case-de-swiper .cont-box .cont .cate a{color: #fff;}
.case-de-swiper .cont-box .cont .cate a:hover{text-decoration: underline;}
.case-de-swiper .cont-box .cont .loca{font-size: 1.8rem;color: rgb(255 255 255 / 60%);padding-left: 2rem;}

/* case-tool */
.case-tool { position: relative; display: flex;align-items: center;justify-content: flex-end;}
.case-tool .btn{cursor: pointer;}
.case-tool .btn img{transition: all .3s;height: 1.8rem;}
.case-tool .btn:hover img{transform: scale(1.1);}
.case-pa{width: auto; font-size: 1.8rem; color: rgb(255 255 255 / 60%); line-height: 1; padding: 0 3rem; position: relative; bottom: initial;}
.case-pa span{padding: 0 .2rem;}
.case-pa span.current{font-size: 2.2rem;color: #fff;font-weight: bold;}
.case-tool .tk{ position: relative; margin-left: 3rem; cursor: pointer; pointer-events: auto; font-size: 1.8rem; color: #fff; display: flex; align-items: center; padding: 1.5rem 3rem; background: #B4B4B4; border-radius: 3rem; line-height: 1; 
box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition: all .3s ease; }
.case-tool .tk img{height: 2rem;margin-right: 1.5rem;}

.case-next, .case-prev{position: absolute;z-index: 100;top: 50%;transform: translateY(-50%);color: #fff;font-size: 6rem; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);cursor: pointer;transition: all .3s ease; display: none;}
.case-prev{left: 3rem;}
.case-next{right: 3rem;}
.case-next:hover, .case-prev:hover{color: var(--themeColor);}
.case-de-swiper:hover .case-next, .case-de-swiper:hover .case-prev{display: block;}

/* ny-cla */
.ny-cla{position: relative;background: #fff;}
.ny-cla .cate{display: flex;align-items: center;background: #fff;padding: 3rem 0;overflow-x: auto;}
.ny-cla .cate li{font-family: "Montserrat-Medium"; margin-right: 1.5rem;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 1.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); }

/* filter-btn */
.filter-btn{ width: 48px; height: 48px; border-radius: 50%; position: fixed; right: 20px; bottom: 24px; background-color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 1080; box-shadow: 0 3px 12px rgba(98,107,181,.25);}
.filter-btn i{ font-size: 16px; color: #000; }

/* filter-box */
.filter-box{ width: 240px; position: fixed; height: 100%; right: -320px; top: 0; z-index: 14; background-color: #B4B4B4; padding: 30px 24px; color: #fff; overflow-y: auto; z-index: 1050; box-shadow: -3px 0 12px rgba(98,107,181,.25);transition: all .4s;}
.filter-box.on{ right: 0; }
.filter-box .hd{display: flex;align-items: center;}
.filter-box .hd .icon{font-size: 18px;font-weight: 400;margin-right: 15px;}
.filter-box .hd .tt{font-size: 18px;}
.filter-box .hd{position: relative;}
.selt{position: relative;}
.selt-hd{font-size: 14px; line-height: 32px; margin-top: 40px;}
.selt-bd{position: relative;margin-top: 10px;}
.selt-top{ min-height: 48px; background-color: rgba(255, 255, 255, 0.36); border-radius: 24px; width: 100%; font-size: 14px; padding: 0 24px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.selt-top .tt{font-size: 14px;}
.selt-top .icon{font-size: 16px;}
.selt-list-box{
    display: none;
    position: absolute;
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    box-shadow: 2px 10px 18px rgba(0, 0, 0, 0.1);
    font-size: 13px;
    z-index: 30;
}
.selt-list{
    border-radius: 24px;
    background-color: #fff;
    max-height: 400px;
    z-index: 30;
    overflow-y: auto;
    
}
.selt-list a{
    display: block;
    height: 48px;
    padding: 0 20px 0 24px;
    font-size: 13px;
    color: #000;
    line-height: 48px;
    display: flex;white-space: nowrap;
    flex-direction: row;
    width: 100%;
    border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.selt-list a:hover{ background-color: #ddd; color: #000 !important; }
.selt-list a.act{ background-color: #ddd; color: #000 !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.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-pro-de */
.ny-case-de{position: relative;background: #fff;}
.ny-case-de .main{display: flex;align-items: flex-start;justify-content: space-between;position: relative;}
.ny-case-de .main .left{ width: 58.75%; font-size: 1.8rem;line-height: 2;text-align: left;color: #000;position: relative;}
.ny-case-de .main .left .back{display: flex; justify-content: flex-end; margin-bottom: 2rem; position: absolute; bottom: 100%; right: 0;}
.ny-case-de .main .left .back a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;color: #666;white-space: nowrap;}
.ny-case-de .main .left .back a img{margin-right: 1rem;height: 2rem;transition: all .3s ease-out;}
.ny-case-de .main .left .back a:hover img{transform: translateX(.5rem);}
.ny-case-de .main .left .back a:hover{color: var(--themeColor);}
.ny-case-de .main .right{width: 25.25%;}
.ny-case-de .main .right .cont{position: relative;font-size: 1.8rem;color: #000;line-height: 2;}
.ny-case-de .main .right .cont h1{margin-top: 10px;font-size: 1.6rem!important;color: #b4b4b4!important;font-weight: 400;}
.ny-case-de .main .right .cont h2{margin-top: 10px;font-size: 1.6rem!important;color: #b4b4b4!important;font-weight: 400;}
.ny-case-de .main .right .cont h3{margin-top: 10px;font-size: 1.6rem!important;color: #b4b4b4!important;font-weight: 400;}
.ny-case-de .main .right .cont p{font-size: 1.8rem!important;line-height: 2!important;}
.ny-case-de .main .right .cont strong{margin-top: 10px;font-size: 1.6rem;color: #b4b4b4;font-weight: 400;}
.ny-case-de .main .right .cont p:first-child strong{margin-top: 0;}
.ny-case-de .main .right .cont h1:first-child{margin-top: 0;}
.ny-case-de .main .right .cont h2:first-child{margin-top: 0;}
.ny-case-de .main .right .cont h3:first-child{margin-top: 0;}

/* case-xgtj */
.case-xgtj{position: relative;}
.case-xgtj .ty-top{margin-bottom: 4rem;}
.case-xgtj .sett{display: flex;}
.case-xgtj .sett span{font-family: "Montserrat-Bold"; font-size: 2.6rem;color: #000;line-height: 1;padding-bottom: 1.6rem;border-bottom: .4rem solid var(--themeColor); font-weight: 500;font-weight: bold;}
.xgtj-swiper{position: relative;margin: 0 -1rem;}
.case-xgtj-list{display: flex;}
.case-xgtj-list li{padding: 1rem;}
.case-xgtj-list li a{display: block;}
.case-xgtj-list li a .img-box{position: relative;overflow: hidden;}
.case-xgtj-list li a .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.case-xgtj-list li a:hover .img-box img{transform: scale(1.07);}
.case-xgtj-list li a .cont-box{margin: 2rem 0;}
.case-xgtj-list li a .cont-box .tt{font-size: 1.6rem;color: #666;}

.case-xgtj{position: relative;}
.switch-box{display: flex;}
.switch-box .btn{width: 5rem;height: 5rem;display: flex;justify-content: center;align-items: center;font-size: 2rem;color: #666;margin-left: 2.5rem;border-radius: 50%;background: #f2f2f2;cursor: pointer;transition: all .2s ease;}
.switch-box .btn:hover{ background: var(--themeColor); color: #fff; }

/* ny-join */
.ny-join{position: relative;}
.join-top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.join-top .cont-box{width: 50%;}
.join-top .cont-box .cont{font-size: 2rem;color: #333;margin-top: 5rem;line-height: 2;}
.join-top .img-box{ width: 45%; position: relative; overflow: hidden; border-radius: 1rem; }
.join-top .img-box img{width: 100%;}

.join-list{position: relative;}
.join-list li{border-bottom: 1px solid #d2d2d2;margin-bottom: 2.5rem;}
.join-list li .title-box{display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.join-list li .title-box .title{font-size: 2.2rem;font-weight: bold;}
.join-list li .title-box .btn{width: 6.4rem;height: 6.4rem;position: relative;cursor: pointer;}
.join-list li .title-box .btn::before{content: "";width: 2.4rem;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #999;}
.join-list li .title-box .btn::after{content: "";width: 2px;height: 2.4rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #999;}
.join-list li.on .title-box .btn::after{display: none;}
.join-list li .cont-box{padding: 5rem 7rem;background: #f2f2f2;color: #666;line-height: 2;font-size: 1.6rem;display: none;}
.join-list li .cont-box h3{font-size: 1.8rem;line-height: 3;margin: 1.5rem 0;border-bottom: 1px solid #cccccc}
/* .join-list li.on .cont-box{display: block;} */

/* ny-cat */
.ny-cat{position: relative;}
.ny-cat .main{display: flex;background: #f9fafb;border-radius: 1rem;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: #111827;margin-bottom: 1.5rem;font-weight: bold;}
.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;pointer-events: auto;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;}
.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;width: auto;padding: 0 2rem;white-space: nowrap;}

/* ny-ser-de */
.ny-ser-de{position: relative;background-color: #f5f5f5;z-index: 10;}
.ny-ser-de .cont{padding: 6rem; position: relative; margin-top: -12rem; background: #fff; font-size: 2rem; line-height: 2;}

/* ny-news */
.ny-news{position: relative;}
.ny-news-list{display: flex;flex-wrap: wrap;/* margin: 0 -1.5rem; */}
.ny-news-list li{padding: 1.5rem;}
.ny-news-list li a{display: block;position:relative;}
.ny-news-list li a .img-box{overflow: hidden;}
.ny-news-list li a .img-box img{width: 100%;transition: all .5s;aspect-ratio: 6/4;object-fit: cover;}
.ny-news-list li a .cont-box{line-height: 22px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));padding: 2rem;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;color: #fff;font-size: 1.125vw;line-height: 1.44;z-index: 10;}
.ny-news-list li a .cont-box .tt{color: #ffffff;margin: 1.5rem 0 0;font-size: 1.8rem;font-weight: 400;/* height: 44px; */}
.ny-news-list li a .cont-box .date{font-size: 1.5rem;color: rgba(255, 255, 255, 0.7);padding-top: 1rem;}
.ny-news-list li a:hover .cont-box .tt{color: var(--themeColor);}
.ny-news-list li a:hover .img-box img{transform: scale(1.1);}

/* ny-news-de */
.ny-news-de{background-color: #f5f5f5;}

.ny-news-l{width: 65%;float: left;background: #ffffff;padding: 5rem 3%;box-sizing: border-box;box-shadow: 0 0 3rem 0 rgba(0, 0, 0, .07);border-radius: 0;}
.ny-news-r{width: 32%;float: right;padding: 3rem 2.3% 0;box-sizing: border-box;background: #fff;border-radius: 0;}

.nynews-head{ border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:20px;}
.nynews-head h1{font-size: 2.6rem;margin-bottom:10px;}
.nynews-head .info{font-size: 1.4rem;color:#999;}
.nynews-head .info span{ display:inline-block; margin-right:15px;}
.nynews-boxarc{border-bottom:1px solid #eee;margin-bottom:30px;line-height:2;padding-bottom:20px;min-height: 200px;font-size: 1.6rem;}
.nynews-boxarc p{line-height:2!important;margin-bottom: 1vw;}
.nynews-boxarc img{margin-bottom: 10px;}
.nysxp{ position:relative;padding-right: 0;}
.nysxp ul li{ line-height:2;}
.nysxp ul li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nysxp .return{ position:relative; right:0; top:0%; transform:translateY(0%);text-align: center;}
.nysxp .return a{ display:inline-block; border-radius:30px; padding:10px 35px; border:1px solid #ddd; font-size:14px;}
.nysxp .return a:hover{ border-color:var(--themeColor); background:var(--themeColor); color:#fff;}

.news-back{top: 5.5rem;right: 3%;}

.ny-news-r .title{font-size: 2rem;padding-bottom: 10px;line-height: 3;font-weight: bold;border-bottom: 1px solid #eee;}
.right_list a{display:block;padding:0 0 20px;width:100%;border-top:1px dashed #e5e5e5}
.right_list a:first-child{border-top:0}
.right_list .picture{width:100%; overflow:hidden;}
.right_list .picture img{ transition:all .3s linear;}
.right_list .picture:hover img{ transform:scale(1.06)}
.right_list .lans{width:100%}
.right_list .t1{font-size: 1.6rem;line-height: 2.6rem;color:#333;margin: 2.1rem 0 1.5rem;}
.right_list .t2{font-size: 1.4rem;color:#999}
.right_list a:hover .t1{color:var(--themeColor);}
@media screen and (max-width:1024px) {
    .news-back{top: 0rem;right: 0%;}
    
    .ny-news-l{width: auto;float:none;padding:15px;border-radius: 0;}
	.ny-news-r{width: auto;float:none;margin-top:15px;padding-top:10px;padding-left: 1.5rem;padding-right: 1.5rem;}

	.nynews-head h1{ font-size:16px;}
	.nynews-head .info{ font-size:1.4rem;}
	.nynews-head .info span{ margin-right:5px;}
	.nynews-boxarc p,.nynews-boxarc{ font-size:13px;}
	.nysxp{ position:relative;padding-right: 0px;}
	.nysxp ul li{font-size:12px;}
	.nysxp ul li a{ font-size:12px;}
	.nysxp .return{ position:relative; top:0; transform:translate(0); text-align:center; margin-top:20px;}
	.nysxp .return a{ display:inline-block; padding:5px 20px; font-size:12px;}
	.ny-news-r .title{ font-size:18px; line-height:2;}
	.right_list .t2{ font-size:12px;}
	.right_list .t1{font-size: 14px;line-height: 26px;margin: 10px 0 6px;}
	.right_list a {padding: 0 0 10px;}
}

@media screen and (max-width: 1680px){
    /* html { font-size: 55.5%; } */
    /* .am-container{max-width: 1300px;} */
    .header .am-container { max-width: 96%; }

    .case .ty-top{padding-bottom: 4rem;}
}

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

    .header .am-container{ max-width: 96%; }
    /* .all-title-box .entitle { font-size: 3.6rem; } */
    .header .main .top-menu ul li { margin: 0 2.5rem; }

    /* .banner-swiper .item .cont-box .p1{font-size: 4rem;}
    .banner-swiper .item .cont-box .p2{ font-size: 4.2rem; } */

    .ser ul li .cont { padding: 3rem 2.5rem; }
    .ser ul li .cont .icon-box img { max-height: 4.8rem; }
    .ser ul li .cont .tt-box span { font-size: 2rem; } 
    .ser ul li .cont .tt-box img { width: 2.8rem; }

    .ny-cla .cate { padding: 2rem 0; }
    
    .case .ty-top{padding-bottom: 2rem;}
}


@media screen and (max-width:1024px){
    html { font-size: 48.5%; }
    html {background: #fafafa;}
    body{ margin:0 auto; background:#fff; zoom:1;}
    .arccontent img{ height:auto !important;max-width: 100%!important;}

    ::-webkit-scrollbar  {  width: 4px;   height: 4px;  background-color: #F5F5F5;  } 
    ::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 4px;  background-color: #F5F5F5;  }  
    ::-webkit-scrollbar-thumb  {  border-radius: 4px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color:var(--themeColor);  }

    .am-container{padding-left: 20px;padding-right: 20px;max-width: 100%;}

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

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

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

    .all-title-box .title { font-size: 18px; }
    .all-title-box .subtitle { font-size: 3rem; }
    .all-title-box .entitle { font-size: 2.4rem;font-weight: bold; }

    .ty-btn { width: 13rem; height: 5rem; line-height: 5rem; font-size: 1.6rem; }
    .ty-more { font-size: 1.6rem; width: 13rem; height: 4.4rem; }

    .swiper-screen { width: 100%; height: auto;}
    .swiper-screen>.swiper-wrapper { display: block; }

    .f-center{height: auto;}

    .header .main .top-menu { display: none; }
    .header .main .top-tool { margin-left: 2rem; }
    .header .main .top-tool .line { margin: 0 1rem; }
    .header .main .top-tool .top-search { margin-right: 1rem; }

    
    .ab{min-height: 60vh;}
    .ab .cont-box { position: relative; margin-top: 3rem; max-width: 610px; }
    .ab .cont-box .subtitle { font-size: 2.2rem; margin-bottom: 3rem; }
    .ab .cont-box .note { margin-bottom: 3rem; font-size: 1.8rem;}

    .ys ul { position: relative; display: flex;flex-wrap: wrap; height: auto;margin: 0 -20px; }
    .ys ul li { flex: auto; position: relative;width: 50%; padding: 4%; border-right: 1px solid #ededed; }
    .ys ul li .cont { position: relative; top: 0%;margin-bottom: 3rem; }
    .ys ul li .cont .icon-box { width: 9rem; height: 9rem; }
    .ys ul li .cont .tt { margin: 2rem 0; font-size: 2rem; line-height: 1.2;}
    .ys ul li .cont .note { font-size: 1.8rem; white-space: inherit; }
    .ys ul li .cont .line { margin: 2rem auto; }

    .ser ul { display: flex; justify-content: flex-start; flex-wrap: nowrap; margin: 0 -1.75rem; padding-top: 3.25rem; overflow: auto; }
    .ser ul li { padding: 1.75rem; flex-shrink: 0; }
    .ser ul li .cont { min-height: 23rem;min-width: 20rem;padding: 3rem 2.5rem;width: 25rem; }
    .ser ul li .cont .tt-box span { font-size: 1.6rem; }
    .ser ul li .cont .icon-box img { max-height: 4.5rem; }

    .case-list { display: flex; flex-wrap: wrap;  }
    .case-list li { padding: 1.5rem; }
    .case-list li a .cont-box .def { padding: 2rem 2rem; }
    .case-list li a .cont-box .def .tt { font-size: 2rem; }
    
    .f-nav { display: none; }
    .f-cat .item { margin-bottom: 2rem; }
    .f-cat .item .tt { margin: 1.5rem 0; }
    .copyright { padding: 2rem 0; }

    .ny-ab { position: relative; min-height: auto; }
    .ny-ab .pd{padding-bottom: 0;}
    .ny-ab .main { display: flex;flex-wrap: wrap; margin-bottom: 0;}
    .ny-ab .main .ab-logo {display: none; }
    .ny-ab .main .cont-box { width:100%; margin-left: 0; margin-top: 0;}
    .ny-ab .main .cont-box .subtitle { font-size: 2.2rem; }
    .ny-ab .main .cont-box .cont { font-size: 1.8rem; line-height: 2; }
    
    .ny-ab-back { display: flex; justify-content: flex-end; margin-bottom: 3rem; position: relative; top: 0; right: 0; width: 100%; }

    .xszc .main {flex-wrap: wrap; }
    .xszc .main .cont-box { width: 100%; margin-left: 0%; margin-top: 5rem;}
    .xszc .main .cont-box .subtitle { font-size: 2.2rem; }
    .xszc .main .xszc-logo { max-height: 6.1rem; margin-top: 5rem;}

    .xszc .top{flex-wrap: wrap;}
    .xszc .top .cont-box { width: 100%; margin-left: 0%; margin-top: 5rem;}
    .xszc .top .cont-box .subtitle { font-size: 2.2rem; }

    .xszc .line { margin-top: 6rem; width: 100%;}
    .xszc .bom {flex-wrap: wrap; padding: 7rem 0; }
    .xszc .bom .img-box { position: relative; width: 100%; margin-bottom: 6rem; }
    .xszc .bom .img-box img { max-height: 7.15rem; }
    .xszc .bom .cont-box { width: 100%; margin-left: 0%; }

    .ny-hzhb .ty-top { align-items: flex-start;flex-wrap: wrap; }
    .ny-hzhb .pnote { width: 100%; margin-left: 0%; font-size: 1.8rem; line-height: 2; margin-top: 3rem;}
    .ny-hzhb ul { margin: 0% -1.5rem; }
    .ny-hzhb ul li { padding: 1rem; }

    .ny-ser .main { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .ny-ser .main ul { width: 100%; }
    .ny-ser .main ul .item { padding: 5vw; }
    .ny-ser .main ul .item .cont-box { position: relative;margin-top: 4rem; }
    .ny-ser .main ul .item .cont-box .tt { font-size: 2.2rem; }
    .ny-ser .main ul .item .cont-box .note { font-size: 1.8rem; }
    .ny-ser .main ul .item .icon-box img { max-height: 5rem; }

    .ny-cla .cate { padding: 2rem 0;}
    .ny-cla .cate li { margin-right: 1rem; flex-shrink: 0;}
    .ny-cla .cate li a { white-space: nowrap; }

    .ny-case-de .main { display: flex;flex-wrap: wrap; }
    .ny-case-de .main .left { width: 100%; padding: 1rem; border-radius: 1rem; position: relative; top: 0; margin-right: 0; }  
    .ny-case-de .main .right { margin-top: 3rem; width: 100%; padding: 1rem; }
    .ny-case-de .main .left .back{position: relative;bottom: initial; right: initial;}

    .join-list li .title-box .title { font-size: 2rem; }
    .join-list li .cont-box { padding: 2rem 3rem ; }

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

    .ny-cat ul li { align-items: flex-start; }

    .ny-banner .img-box img { min-height: 20vh; }

    .ny-ser-de .cont { padding: 3rem; margin-top: -6rem; }
	
	.f-news .cont-box .cont .title {font-size: 2.4rem;line-height: 1.4;}
	.f-news .cont-box .cont .date {font-size: 1.6rem;margin-top: 1.5rem;}

    
}

@media screen and (max-width:768px) {
    .header .main .top-logo img { max-height: 4.3rem; }

    .header .am-container { max-width: 100%; }
    .ny-banner .img-box img { min-height: 20vh; }
	 .f-news .img-box img { min-height: 300px; }
	
    .case-pa { font-size: 1.6rem; padding: 0 2rem; }
    .case-de-swiper .swiper-slide .img-box img { width: 100%;height: auto; }
    .case-de-swiper .cont-box { bottom: 2.4rem; }
    .case-de-swiper .cont-box .cont .title { font-size: 2rem; }
    .case-de-swiper .cont-box .cont .cate { font-size: 1.7rem; }
    .case-de-swiper .cont-box .cont .loca { font-size: 1.5rem; }
    
    .ys ul { position: relative; display: flex;flex-wrap: wrap; height: auto;margin: 0 -20px; }
    .ys ul li { flex: auto; position: relative;width: 50%; padding: 4%; border-right: 1px solid #ededed; }
    .ys ul li .cont { position: relative; top: 0%;margin-bottom: 3rem; }
    .ys ul li .cont .icon-box { width: 9rem; height: 9rem; }
    .ys ul li .cont .tt {margin: 2rem 0;font-size: 1.8rem;line-height: 1.2;}
    .ys ul li .cont .note {font-size: 1.6rem;white-space: inherit;}
    .ys ul li .cont .line { margin: 2rem auto; }

    .ser ul { margin: 0 -20px; }
    .ser ul li .cont { min-height: 20rem; min-width: 19rem; padding: 2rem 2rem; width: 22rem;}

    .ny-ser .main ul li { padding: 1.5vw; }
    .ny-ser .main ul .item .icon-box img { max-height: 4.5rem; }

    .all-title-box .note { text-align: left; }

    
    /* .ny-ser-list li .cont-box .icon img { max-height: 4.5rem; } */
    .ny-ser-list li .cont-box .cont { margin-top: 4rem; }
    .ny-ser-list li .cont-box .cont .tt { font-size: 2.2rem; margin-bottom: 3rem; }
    .ny-ser-list li .cont-box .cont .note { font-size: 1.8rem; }

    .join-top .cont-box { width: 100%; }
    .join-top .cont-box .cont { font-size: 1.8rem; margin: 3rem 0; text-align: left;}
    .join-top .img-box { width: 100%; }

    .case-tool .tk { margin-left: 1rem; }

    .case-next, .case-prev { font-size: 4rem; }

}

@media screen and (max-width: 567px) {
    .banner-swiper .item .cont-box .p1 {
    font-size: 5rem;
    white-space: pre-wrap;
    line-height: 1.3;
}
    .banner-swiper .item .cont-box .p2 { font-size: 2.2rem; margin-top: 2rem; }

    .ny-ser-list li { display: flex;flex-direction: row-reverse; flex-wrap: wrap;margin-bottom: 20px;}
    .ny-ser-list li .cont-box { width: 100%; padding: 4rem 3rem; }
    .ny-ser-list li .img-box { width: 100%; overflow: hidden; }
    
    .case-list li a .cont-box .def .tt {
        font-size: 1.6rem;white-space: pre-wrap;
    }
    
    .xszc .bom .cont-box .item {flex-wrap: wrap;}
    .xszc .bom .cont-box .item .cont {margin-top: 2rem;}

    .nynews-boxarc p {
        line-height: 2!important;
        margin-bottom: 2vw;
    }
}