/* Write your styles */
:root{
    --color: #034377;
}
html {
    scroll-padding-top: 9rem;
}
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(--color);}
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: block; width:100% !important;    overflow-x: auto;}
.arccontent table tbody{display: table;width:100%;}
.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; }
::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);}
::-webkit-scrollbar-thumb {background: var(--color);}
::-webkit-scrollbar-thumb:window-inactive {background: #000;}
::-webkit-scrollbar-thumb:vertical:hover {background: #000;}
html{-webkit-text-size-adjust:100%;}
@media (min-width:2281px) and (max-width:2880px) {
    html{font-size:.455vw}
}
@media (min-width:1921px) and (max-width:2280px) {
    html{font-size:.485vw}
}
@media (min-width:1601px) and (max-width:1920px) {
    html{font-size:.525vw}
}
@media (min-width:1025px) and (max-width:1600px) {
    html{font-size:.625vw}
}
@media (max-width:1024px) {
    html{font-size:1.2vw}
}
@media (max-width:768px) {
    html{font-size:1.5vw}
}
@media (max-width:568px) {
    html{font-size:2vw}
}

header{ position:fixed; width:100%; left:0; top:0; z-index:88; background:#fff; transition:all .3s linear; box-shadow:0 2px 10px rgba(0,0,0,0.05)}
header .head-main {display: flex;justify-content: space-between;align-items: center;}
header .head-main .logo{ height:9rem; line-height:9rem;}
header .head-main .logo img{ max-height:5rem;}
header .head-main .logo .lg1{ display:none;}
header .head-main .logo .lg2{}
header .head-main .h-r{display:flex;justify-content: space-between;align-items: center;  width:85%;}
header .head-main .search{ cursor:pointer;}
header .head-main .search i{ display:block; line-height:0;}
header nav{ width:88%;}
header nav>ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header nav>ul>li{ float:left;flex: auto;-webkit-box-flex: auto;text-align: center;}
header nav>ul>li.re{position: relative;}
header nav>ul>li>a{ display: inline-block; line-height:9rem; font-size:1.8rem; color:#333; position: relative;}
header nav>ul>li>a i{ margin-left:4px;}
header nav>ul>li>a:before{ content:"";  width:4px; height:4px; border-radius:50%; background:var(--color); position:absolute; left:calc(50% - 2px); bottom:0rem;transition: all .3s linear; opacity:0; display:none;}
header nav>ul>li:hover>a:before{ opacity:1; bottom:2rem;}
header nav>ul>li.on>a:before{ opacity:1; bottom:2rem;}

header nav>ul:hover>li.on>a:before{ opacity:1; bottom:2rem;}
header nav:hover>ul>li.on>a:before{ opacity:0;}
header nav>ul:hover>li.on>a{ font-weight: normal;}
header nav:hover>ul>li.on>a{color:#333; background:none;-webkit-text-fill-color:#333;}

header nav>ul>li:hover>a:before,header nav>ul>li.on:hover>a:before,header nav>ul>li.on>a:before{ }
header nav>ul>li:hover>a,header nav>ul>li.on:hover>a,header nav>ul>li.on>a{font-weight:bold; color:#333;}
.ulnav>li .subnav{position: absolute;width:100%;background-color: #FFF; margin:0; box-shadow: 0 20px 38px rgba(0,0,0,.05); height: auto;z-index: 199;top: 10rem;left: 0;opacity:0; visibility:hidden;transition: all .36s ease; border-top:1px solid #eee; text-align:center; padding:3.5rem 0;}

.ulnav>li:hover .subnav{opacity:1;visibility: visible;top:9rem;}
.ulnav>li .subnav{ display:flex;justify-content: center;}
.ulnav>li .subnav li{ margin:0 1.5rem;}
.ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 8px 5px;line-height: 3rem;display: block;transition: all .2s ease-in-out;font-size: 1.6rem;}
.ulnav>li .subnav li a:hover{ color:var(--color);}
.nav-warp{ display:none;}
.warpbg{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.88); left:0; top:0; z-index:1990; display:none;}
.warpbg:after{ position:fixed; right:15px; top:15px; color:rgba(255,255,255,.81);    content: "\f00d"; font-size:1.8rem; cursor:pointer;}

.searchbox .am-container{ max-width:100%;}
.searchbox{ padding:0.2rem 0; position:fixed; width:100%; left:0; top:9rem; z-index:999; display:none;}
.searchbox .searchmain{ background:#fff; position:relative;width: 50rem;float: right;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.searchbox .searchmain:before{ content:""; display:block; width:25px; height:26px; background-size:contain; position:absolute; left:30px; top:50%; transform:translateY(-50%); opacity:.5;}
.searchbox .searchmain .am-form-field{ padding:1.5rem 2rem; border:none; outline:none; box-shadow:none;}
.searchbox .searchmain .am-btn{ position:absolute; right:0; top:0; height:100%; width:10rem; background:var(--color); color:#fff; border:none; outline:none;}

header.baid{ background:none;}
header.baid .head-main .logo .lg1{ display: inline-block;}
header.baid .head-main .logo .lg2{ display:none;}
header.baid nav>ul>li:hover>a, header.baid nav>ul>li.on:hover>a, header.baid nav>ul>li.on>a{ color:#fff;}
header.baid nav>ul>li>a{ color:#fff;}

header.baid .head-main .search i svg path{fill:#fff;}


.img100{ width:100%;}
.hm-banner{ position:relative; background:#f6f7f7;}
.swiper-banner{ overflow:hidden;}
.swiper-banner .swiper-slide .banitem .img100{ max-height:100vh; object-fit: cover;}
.swiper-banner .swiper-button-next{ right:0; opacity:1; margin-left:2rem;}
.swiper-banner  .swiper-button-prev{ left:0; opacity:1;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{background-size: 8px 18px; top:0; margin-top:0; transform:translateY(0); position:relative; width:4.5rem; height:4.5rem; border-radius:50%; border:1px solid #fff;}
.swiper-banner .swiper-button-next:hover,.swiper-banner .swiper-button-prev:hover{ opacity:1;}

.swiper-banner .swiper-slide{ width: 100%;}
.swiper-banner .swiper-slide .txt{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2;/*pointer-events: none;*/}
.swiper-banner .swiper-slide .txt .bansimg{ display:block;}
.swiper-banner .swiper-slide .txt .mo{/*pointer-events: auto;*/ display:inline-block;}
.swiper-banner .swiper-slide .txt .mo .en{ font-size:4.4rem; text-transform:uppercase;}
.swiper-banner .swiper-slide .txt .mo .tit{ font-size:4.8rem; font-weight:600; margin-top:1rem; margin-bottom:2rem;}
.swiper-banner .swiper-slide .txt .mo .note p{ position:relative; padding-left:2rem; line-height:2;}
.swiper-banner .swiper-slide .txt .mo .note p:before{ content:""; display:block; width:8px; height:8px; background:#ea264f; position:absolute; left:0; top:calc(50% - 4px);transform: rotate(45deg);}
.swiper-banner .swiper-slide .txt .mo .note{ font-size:2.2rem; white-space:pre-line;}
.swiper-banner .swiper-slide .txt .mo .line{ display:inline-block; width:12rem; height:4px; background:#fff;}
.swiper-banner .swiper-slide .txt .mo .ban-more{ font-size:1.6rem; margin-top:6rem; display:inline-block;}
.swiper-banner .swiper-slide .txt .mo .ban-more a{ display:flex;align-items: center; padding:1.4rem 5rem; font-size:1.6rem;  color:var(--color);transition:all .3s linear; background:#fff; border-radius:4rem;}
.swiper-banner .swiper-slide .txt .mo .ban-more a span{ display:flex;align-items: center;}

.swiper-banner .swiper-slide .txt .mo .ban-more a i{ display:inline-block; margin-left:3rem;transition:all .3s linear; line-height:0;}
.swiper-banner .swiper-slide .txt .mo .ban-more a:hover span:before{ margin-right:1.5rem;}
.swiper-banner .swiper-slide .txt .mo .ban-more a:hover i{ transform:translateX(0.6rem);}

.swiper-banner .swiper-slide.swiper-slide-active .banitem .img100{-webkit-animation: banner_outside 6s ease 1 forwards;-moz-animation: banner_outside 6s ease 1 forwards;-o-animation: banner_outside 6s ease 1 forwards;animation: banner_outside 6s ease 1 forwards;}
.ban-pagination{ position:absolute; width:100%; left:0; bottom:3rem; z-index:299;}
.swiper-banner .ban-fixs{z-index:10; color:#fff;display: flex; align-items: center;}
.swiper-banner .ban-fixs .swiper-banpa{ font-size:1.8rem; font-weight:600; margin-right:0.5rem;}
.swiper-banner .ban-opx{  color:#fff; padding:1rem 2rem; padding-left:3rem;display: flex;justify-content: space-between;align-items: center;}
.swiper-banner .ban-opx .ban-nrbtn{display: flex;justify-content: space-between;align-items: center;}
.swiper-banner .ban-opx .ban-nrbtn .ztapf{ cursor:pointer; margin:0 2rem;}
.swiper-banner .ban-opx .ban-nrbtn .ztapf .am-icon-play{ display:none;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ position:relative; width:3.4rem; height:3.4rem; font-weight:600; background:none; margin:0 8px; opacity:1; border-radius:50%;transition: all .36s ease; }
.swiper-banner .swiper-banpa .swiper-pagination-current{ }
.swiper-banner .swiper-banpa .swiper-pagination-bullet:before{ content:""; display:block; width:0.8rem; height:0.8rem; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.swiper-banner  .swiper-banpa .swiper-pagination-bullet-active{ background:rgba(255,255,255,0.5); }
.swiper-banner  .swiper-banpa .swiper-pagination-bullet-active:before{ background:#fff; width:1.2rem; height:1.2rem;}
.swiper-banner .swiper-slide.swiper-slide-active .banitem .img100{-webkit-animation: banner_outside 6s ease 1 forwards;-moz-animation: banner_outside 6s ease 1 forwards;-o-animation: banner_outside 6s ease 1 forwards;animation: banner_outside 6s ease 1 forwards;}
.swiper-banner .swiper-slide .fadeInUp1{transform: translate3d(0, 50%, 0); opacity:0; transition:all 0.5s linear;}
.swiper-banner .swiper-slide.swiper-slide-active .fadeInUp1,.swiper-banner .swiper-slide.swiper-slide-duplicate-active .fadeInUp1{transform: none; opacity:1;}

.banner_outside.animated{animation: banner_outside 6s ease 1 forwards;}

.ui-loop{width:4rem;height:4rem;left: 0;top: 0;position: relative;}
.ui-loop svg{ width:100%; height:100%;}
.ui-loop .path-loop {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 4px;opacity: 1;}
.ui-loop .act {opacity: 1!important;}
.ui-loop .path-loop-bg {fill: none;stroke: #e0e0e0;stroke-miterlimit: 10;stroke-width: 2px;opacity: 1;}

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

.swiper-banner .down{z-index: 20; }
.swiper-banner .down .mouse{ -webkit-animation: updown 2s linear infinite; animation: updown 2s linear infinite; display:inline-block; text-align:center; }
.swiper-banner .down img{height: 2.6rem;}
.swiper-banner .down p{font-size:12px;color: #fff;line-height: 1;margin-top: 1rem;}
@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);}
}

.show-sm{ display:none;}
.hide-sm{}
.bgr{ background:#f6f7f7;}
.am-pd{ padding:8rem 0; overflow:hidden;}
.am-pb{ padding-bottom:8rem; overflow:hidden;}
.ny-pd{ padding:8rem 0; overflow:hidden;}
.t-center{ text-align:center;}
.t-right{ text-align:right;}
.felx100{ display:flex; height:100%; align-items: center; position:relative; z-index:22;}
.felx100 .hm-box{ width:100%;padding-top:9rem;}
.felx-center{ display:flex; align-items: center;justify-content: space-between;}
.felx-center-center{ display:flex; align-items: center;justify-content: center;}
.ani{transition:all .3s;}
.txt-line1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-line2{-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.txt-line3{-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.txt-line4{-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.hm-title .tit{ font-size:4.4rem; font-weight:bold;}
.hm-title .info{ font-size:2.2rem; white-space:pre-line; margin-top:1rem;}
.hm-title.bs{ color:#fff;}
.hm-more{ display:inline-block;}
.hm-more a{ display:flex; align-items: center;justify-content: center; padding: 1.4rem 3rem; background:#fff; border-radius:4rem;  color:var(--color);}
.hm-more a i{ display:block;margin-left:2rem;transition:all .3s linear; line-height:0;}
.hm-more a span{ transition:all .3s linear;}
.hm-more a:hover i{ transform:translateX(5px)}
.hm-more a:hover{ background:var(--color); color:#fff; border-color:#fff;}
.hm-more a:hover i svg path{ fill:#fff;}
.hm-more2 a{background:var(--color); color:#fff; border-color:#fff;}
.hm-more2 a i svg path{ fill:#fff;}
.show-sm{ display:none;}

.hm-about{ position:relative; padding:15rem 0;}
.hm-about .bg{ position: absolute; width:100%; height:100%; left:0; top:0;}
.hm-about .bg img{width: 100%;height: 100%;object-fit: cover;}
.hm-about .bg.animated img {animation: banner_outside 6s ease 1 forwards;}
.hm-about .am-container{ position:relative; z-index:9;}

.hm-ab-txt{ max-width:72rem;}
.hm-ab-txt .hm-more{ margin-top:8rem;}
.hm-about-note{ margin-top:4rem; color:#fff; font-size:1.6rem; line-height:2;}
.hm-about-data{ margin-top:10rem;}
.hm-about-data ul{ display:flex;flex-wrap: wrap;justify-content: space-around;}
.hm-about-data ul li{ margin-bottom:2rem; color:#fff;}
.hm-about-data ul li .num{}
.hm-about-data ul li .num span{ font-size:6rem; font-weight:600; line-height:1;}
.hm-about-data ul li .num em{ vertical-align: top; margin-left:0.5rem;}
.hm-about-data ul li .tit{ margin-top:0.5rem;}

.hm-product{ background:url(../images/bg-product.jpg) center top no-repeat; background-size:cover; overflow:hidden;}

.hm-product-hd{ position:relative; border-bottom:1px solid #d9d9d9;}
.hm-product-hd ul{ position:relative; z-index:9; display:flex;    justify-content: center;    gap: clamp(34px, 4vw, 74px);}
.hm-product-hd ul li a{ display:block; font-size:2rem; color:#666; padding:1.5rem 0; position:relative; cursor:pointer;}
.hm-product-hd ul li.on a{ color:var(--color);}
.hm-product-hd ul li a:before{ content:""; display:block; width:0%; height:4px; background:var(--color); position:absolute; left:50%; transform:translateX(-50%); bottom:-2px; transition:all .3s linear; opacity:0;}
.hm-product-hd ul li.on a:before{ opacity:1; width:100%;}

.swiper-product{ margin-top:8rem; background:url(../images/yucai.png) center top no-repeat;}
.swiper-product .swiper-slide{ width:50%;}

.swiper-product .swiper-slide .box{ display:block; opacity:0.5; transition:all .3s linear;}
.swiper-product .swiper-slide.swiper-slide-active .box{ opacity:1;}
.swiper-product .swiper-slide .box a { display:block; max-width:70rem; margin:0 auto;}
.swiper-product .swiper-slide .box a .img{ overflow:hidden;}
.swiper-product .swiper-slide .box a .img img{ width:100%; transition:all .3s linear;}
.swiper-product .swiper-slide .box a:hover .img img{ transform:scale(1.05)}
.swiper-product .swiper-slide .box a .txt{ text-align:center; margin-top:2rem; transition:all .3s linear; opacity:0;}
.swiper-product .swiper-slide.swiper-slide-active .box a .txt{ opacity:1;}
.swiper-product .swiper-slide .box a .txt .tit{ font-size:2.2rem; font-weight:600; color:#333;}
.swiper-product .swiper-slide .box a .txt .note{ font-size:2rem; color:#888; margin-top:2rem;}

.hm-product-btn{ display:flex;justify-content: center;gap:3rem; margin-top:5rem;}
.hm-product-btn .hm-more a{ border:1px solid var(--color)}

.siper-probtn{ position:absolute; width:100%; left:0; bottom:5rem; z-index:9;pointer-events: none;}
.siper-probtn .box{ display:flex;justify-content: space-between;}
.siper-probtn .box .swiper-cp-btn{ width:4rem; height:3rem; pointer-events: auto; cursor:pointer;}


.solution{ position:relative;}
.solution .sol-title{ position:absolute; width:100%; left:0; top:10rem; z-index:9;}
.solution-tab .hd{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:8;    pointer-events: none;}
.solution-tab .hd ul{ height:100%; display:flex;}
.solution-tab .hd ul li{ height:100%; border-right:1px solid rgba(255,255,255,.2); display:flex;align-items: end; flex:1;}
.solution-tab .hd ul li a{ display:block; width:100%;    pointer-events: auto;}
.solution-tab .hd ul li .box{ position:relative; margin-bottom:8rem; transition:all .3s linear;}
.solution-tab .hd ul li.on .box{transform: translateY(-26rem); }
.solution-tab .hd ul li .box .m{ position:relative; z-index:9; padding:3rem; text-align:center; color:#fff;}
.solution-tab .hd ul li .box .m .icon{}
.solution-tab .hd ul li .box .m .tit{ font-size:2rem; font-weight:600; margin-bottom:1rem; margin-top:1rem;}
.solution-tab .hd ul li .box .m .note{ font-size:1.4rem; margin-bottom:2rem; white-space:pre-line;}
.solution-tab .hd ul li .box .m .more{ width:5.4rem; height:5.4rem; display:flex;align-items:center; margin:0 auto;justify-content: center; border-radius:50%; background:var(--color); opacity:0;transition:all .3s linear;}
.solution-tab .hd ul li.on .box .m .more{ opacity:1;}
.solution-tab .hd ul li .box .pic{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;}
.solution-tab .hd ul li .box .pic img{ width:100%; height:100%;object-fit: cover;}
.solution-tab .bd .bg{ overflow:hidden;}
.solution-tab .bd .bg img{ width:100%; }
.solution-tab .bd .bg img{animation: banner_outside 4s ease 1 forwards;}

.hm-case-hed{ display:flex;align-items: center;justify-content: space-between;}

.swiper-case{ margin-top:5rem;}
.swiper-case ul li a{ display:block; border:1px solid #eee; position:relative;}
.swiper-case ul li a:after{ content:""; display:block; width:0; height:4px; background:var(--color); position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s linear;}
.swiper-case ul li a:hover:after{ width:100%;}
.swiper-case ul li a i{ display:block; overflow:hidden;}
.swiper-case ul li a i img{ width:100%; transition:all .3s linear;}
.swiper-case ul li a:hover i img{ transform:scale(1.05)}
.swiper-case ul li a .txt{ padding:2rem;}
.swiper-case ul li a .txt .tit{ font-size:2rem; color:#333; font-weight:600;}
.swiper-case ul li a .txt .info{ color:#888;}
.swiper-case ul li a .bot{ padding:2rem; border-top:1px solid #eee; display:flex;align-items: center;justify-content: space-between; color:#666;}
.swiper-case ul li a:hover .bot .more{ color:var(--color); font-weight:600;}

.swiper-case .swiper-p-case{ margin-top:3rem; text-align:center;}
.swiper-case .swiper-p-case span{ width:2.2rem; height:2.2rem; opacity:1; display:inline-flex;align-items: center;justify-content:center; background:none;}
.swiper-case .swiper-p-case span:before{ content:""; background:#ccc; width:1rem; height:1rem; display:block; border-radius:50%;}
.swiper-case .swiper-p-case span.swiper-pagination-bullet-active{ border:2px solid #03437769;}
.swiper-case .swiper-p-case span.swiper-pagination-bullet-active:before{ background:var(--color);}

.hm-huoban{ background:url(../images/bg-huoban.jpg) center no-repeat; background-size:cover;}

.hm-hb-list{ margin-top:5rem;}
.hm-hb-list ul{ display:flex; margin:0 -1rem;flex-wrap: wrap;}
.hm-hb-list ul li{ width:20%; padding:1rem;}
.hm-hb-list ul li i{ display:block; background:#fff; text-align:center; transition:all .3s linear; border:1px solid #eee;}
.hm-hb-list ul li:hover i{ box-shadow:0 2px 10px rgba(0,0,0,.1)}
.hm-hb-list ul li i img{ max-height:10rem; }

.hm-news{ background:url(../images/bg-news.jpg);}

.hm-news-box{ margin-top:3rem;}
.hm-news-box .first{ display:flex;justify-content: space-between;flex-wrap: wrap;margin:0 -1.5rem;}
.hm-news-box .first .left{display:flex;justify-content: space-between;flex-wrap: wrap; width:66.7%; padding:0 1.5rem;}
.hm-news-box .first .left .news-paly{ width:64%;}
.hm-news-box .first .left .news-item{ width:36%; height:100%; background:#fff;}
.news-item{background:#fff;}
.news-item a{ height:100%; display:flex;flex-flow: column;justify-content: space-between; padding:3rem; position: relative; z-index:9;}
.news-item a:after{ opacity:0; content:""; display:block; left:0; top:0; position:absolute; width:0%; height:100%; z-index:-1;background:linear-gradient(to right,var(--color),#054577); transition:all .3s linear;}
.news-item a:hover:after{ opacity:0; width:100%;}
.news-item a:before{ content:""; display:block; width:0; height:4px; background:var(--color); position:absolute; z-index:1; left:50%; bottom:0; transform:translateX(-50%); transition:all .3s linear;}
.news-item a:hover:before{ width:100%;}
.news-item a .tit{ font-size:2rem; color:#333;}
.news-item a .note{ font-size:1.6rem; color:#888; margin-top:1.5rem;}
.news-item a .bot{ margin-top:3rem;}
.news-item a .bot .date{ border-bottom:1px solid #eee; color:#999; margin-bottom:1rem; padding-bottom:1rem;}
.news-item a .bot .more{ color:#666;}
.news-item a:hover .tit{ color:var(--color); }

.news-item a:hover .more{ color:var(--color);}

.hm-news-box .first .right{ width:33.3%;padding:0 1.5rem;}
.hm-news-box .first .right .news-item{ height:100%;}
.hm-news-box .two{ margin-top:3rem;}
.hm-news-box .two ul{ margin:0 -1.5rem; display:flex;flex-wrap: wrap;}
.hm-news-box .two li{ width:33.3%; padding:0 1.5rem;}

.swiper-news ul li a{ display:block; position:relative;}
.swiper-news ul li a .img img{ width:100%;}
.swiper-news ul li a .txt{ position:absolute; width:100%; padding:1.7rem; padding-right:5rem;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.81)); left:0; bottom:0; font-size:2rem; color:#fff;}
.swiper-news .swiper-news-pa{ width:auto; position:absolute; right:1.7rem; bottom:2rem; z-index:9; left:auto;}
.swiper-news .swiper-news-pa span{ width:1rem; height:1rem; background:#eee; opacity:1;}
.swiper-news .swiper-news-pa span.swiper-pagination-bullet-active{ background:var(--color);}

footer{ background:#101b23; color:#fff;}
footer a{ color:#fff;}
footer .foot-box{ display:flex;justify-content: space-between;align-items: center;}
footer .foot-box .foot-l{ border-right:1px solid rgba(255,255,255,.2); width:64%;}
footer .foot-box .foot-l .foot-l-box{ max-width:80%; padding-bottom:10rem;}
footer .foot-box .foot-l .foot-search{ max-width:60rem;padding-top:10rem;}
footer .foot-box .foot-l .foot-search .tit{font-family: 'futura'; font-size:3.2rem; font-weight:600;}
footer .foot-box .foot-l .foot-search .f-search-box{ }
footer .foot-box .foot-l .foot-search .f-search-box{ position:relative; margin-top:2rem; max-width:41rem;}
footer .foot-box .foot-l .foot-search .f-search-box .am-form-field{ padding:1.5rem 2rem; background:#fff; border:1px solid rgba(255,255,255,.6); color:#666;}
footer .foot-box .foot-l .foot-search .f-search-box .am-form-field::placeholder { }
footer .foot-box .foot-l .foot-search .f-search-box .am-btn{border-radius:4rem; background:none;  position:absolute; height:calc(100% - 10px); right:5px; top:5px; outline:none; padding:0 2.5rem;}
footer .foot-box .foot-l .foot-search .f-search-box .am-btn img{ max-width:2.2rem;}
footer .foot-nav { margin-top:10rem;}
footer .foot-nav ul{ display:flex;flex-wrap: wrap;justify-content: space-between;}
footer .foot-nav ul li{ width:29%; margin-bottom:2rem;}
footer .foot-nav ul li a{ display:flex;justify-content: space-between;align-items: center; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:2rem; font-size:1.8rem; color:rgba(255,255,255,.6);}
footer .foot-nav ul li a:hover{ color:#fff;}
footer .foot-nav ul li a i{ color:rgba(255,255,255,.8)}

footer .foot-r{ width:25%;}
footer .foot-r-box .foot-tit{ font-size:1.8rem; font-weight:600; color:#fff; display:inline-block; border-bottom:3px solid #fff; padding-bottom:1rem; margin-bottom:3rem;}
footer .foot-r-box .list ul li{ margin-bottom:1rem; display:flex;align-items: center; color:rgba(255,255,255,.51)}
footer .foot-r-box .list ul li i{ display:block; width:3rem; text-align:center;}
footer .foot-r-box .share{ margin-top:5rem;}
.share ul{ display:flex;align-items: center;}
.share ul li{ position:relative; margin-right:3rem; cursor:pointer;}
.share ul li .hover{position: absolute;white-space: nowrap;background-color: #fff;font-size: 14px;border-radius: 4px;padding: 6px 8px;bottom: 100%;margin-bottom: 8px;left: 50%;transform: translate(-50%);font-weight: 700;animation: fadeSlideUpIn .2s; opacity:0; visibility:hidden; transition:all .3s linear; bottom:90%;width:130px;    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);}
.share ul li .hover img{ width:100%;}
.share ul li .hover:after{content: "";position: absolute;top: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top-color: #fff;}
.share ul li:hover .hover{ opacity:1; visibility:inherit; bottom:100%;}

.nybanner{ text-align:center; overflow:hidden; position:relative;}
.nybanner>img{ width:100%;-webkit-animation:banner_outside 6s linear forwards;animation:banner_outside 6s linear forwards}
.nybanner .nybantxt{ position:absolute; width:100%; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:23; color:#fff;}
.nybanner .nybantxt .cn{font-size: 4rem;overflow: hidden; margin-bottom:8px; font-weight:bold;}
.nybanner .nybantxt .line{ width:6.6rem; height:0.4rem; background:#fff; background:#fff; margin:0 auto;}

.ny-about{ background:url(../images/bg-about2.jpg) center no-repeat; background-size:cover;}
.ny-ab-txt{ display:flex;justify-content: space-between; margin-bottom:8rem;}
.ny-ab-txt .left{ width:28rem;}
.ny-ab-txt .left .ny-ab-logo .tit{ font-size:4rem; color:var(--color)}
.ny-ab-txt .right{ width:60%; font-size:1.8rem; line-height:2;}
.ny-about .hm-about-data ul li{ color:var(--color);}


.swiper-zss{ padding-top:10px; margin-top:4rem; }
.swiper-zss .swiper-slide{ width:25%; padding:0 15px}
.swiper-zss .swiper-slide a{ display:block; position:relative;border-radius:8px; z-index:2;transition: all .3s linear; box-shadow:0 2px 8px 2px rgba(0,0,0,.01); border:1px solid #eee; background:#fff; overflow:hidden;}
.swiper-zss .swiper-slide a i{ display:block; margin:0 auto; position:relative; padding:20px; height:33rem; line-height:25rem; text-align:center;}
.swiper-zss .swiper-slide a i img{ max-height:100%;}
.swiper-zss .swiper-slide a:hover{ }
.swiper-zss .swiper-slide a .txt{ position:relative; z-index:2; text-align:center;transition: all .3s linear;  padding:15px 0; color:#333; background:#eee; font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.swiper-zss .swiper-slide a:hover .txt{ background:var(--color); color:#fff;}
.swiper-pa-zs{ position:relative; bottom:0; margin-top:30px;}
.swiper-z-next,.swiper-z-prev{ width:60px; height:60px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-150%); z-index:9;transition: all .1s linear; background-repeat:no-repeat; background-position:center;background-color:var(--color); outline:none;}
.swiper-pa-zs .swiper-pagination-bullet{ width:14px; height:14px;}
.swiper-pa-zs .swiper-pagination-bullet-active{ background:var(--color);}

.swiper-huanjing { margin-top:5rem;}
.swiper-huanjing ul li{ width:50%;}
.swiper-huanjing ul li a{ display:block; overflow:hidden; position:relative;}
.swiper-huanjing ul li a .img img{ width:100%; transition:all .3s linear; max-height:75vh;object-fit: cover;}
.swiper-huanjing ul li a:hover .img img{ transform:scale(1.05)}

.sc-btn{ width:6rem; height:6rem; border-radius:50%; background:rgba(255,255,255,0.8);display:flex;justify-content:center;align-items: center; font-size:2.2rem; position:absolute; top:50%; transform:translateY(-50%); z-index:9; cursor:pointer; transition:all .3s linear;}
.sc-btn:hover{ background:var(--color); color:#fff;}
.sc-btn i{ line-height:0;}
.sc-btn.swiper-cj-prev{ left:7.2vw;}
.sc-btn.swiper-cj-next{ right:7.2vw;}

.ny-product-main{ display:flex; flex-wrap: wrap;}
.ny-product-main .left{ width:30rem;}
.ny-product-main .right{ flex:1; padding-left:5rem;}

.ny-pro-nav{ height:100%; background:#f5f5f5; padding:3rem;}
.ny-pro-nav .title{ font-size:2.4rem; border-bottom:1px solid #dcdcdc; padding-bottom:2rem; margin-bottom:2rem;}
.ny-pro-nav .list ul li a{ display:block; padding:2rem 0; border-bottom:1px dashed #dcdcdc;}
.ny-pro-nav .list ul li.on a{ color:var(--color); font-weight:600;}
.ny-pro-nav .list ul li a:before{ content:"\f0a4"; margin-right:1rem;}

.ny-pro-list ul{display:flex; flex-wrap: wrap; margin:0 -1rem;}
.ny-pro-list ul li{ width:33.3%; padding:0 1rem; margin-bottom:3rem;}
.ny-pro-list ul li .box{ border:1px solid #eee; padding:3rem;transition:all .3s linear; background:#fff; position:relative;}
.ny-pro-list ul li .box:before{ content:""; display: block; width:0; height:3px; background:var(--color); position:absolute; left:0; bottom:0; z-index:1; transition:all .3s linear;}
.ny-pro-list ul li .box:hover:before{ width:100%;}
.ny-pro-list ul li .box:hover{ box-shadow:0 2px 10px rgba(0,0,0,.1)}
.ny-pro-list ul li .box .title{ color:#333; text-align:center; margin-bottom:2rem;}
.ny-pro-list ul li .box .title .tit{ font-size:3.2rem; font-weight:800;}
.ny-pro-list ul li .box .title .stit{ font-size:2rem;}
.ny-pro-list ul li .box .img{ overflow:hidden;}
.ny-pro-list ul li .box .img img{ width:100%; transition:all .3s linear;}
.ny-pro-list ul li .box:hover .img img{ transform:scale(1.05)}
.ny-pro-list ul li .box .can{ display:flex;justify-content: space-around; margin-top:2rem; margin-bottom:3rem;}
.ny-pro-list ul li .box .can .item{ text-align:center; color:#666;}
.ny-pro-list ul li .box .can .item .t{ font-size:2rem;}
.ny-pro-list ul li .box .can .item .b{ font-size:1.2rem;}
.ny-pro-list ul li .box .bot{ display:flex;justify-content: center;}
.ny-pro-list ul li .box .bot a{ display:block; text-align:center; padding:0.8rem 1.5rem; border:1px solid #eee;}
.ny-pro-list ul li .box .bot a:hover{ background:var(--color); color:#fff;}
.ny-pro-list ul li .box .bot a:first-child{ margin-right:2rem; width:10rem;}

.pages{ text-align:center; margin-top:2.5rem;}
.pages a{width:4rem;margin:0 5px;height:4rem;line-height:4rem;text-align:center;display:inline-block;background:#fff;border-radius: 8px;box-shadow:0 2px 2px 2px rgba(0,0,0,.05)}
.pages a.on,.pages a:hover{ background:var(--color); color:#fff;  }

.ny-pro-head{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ny-pro-head .left{ width:50%;}
.ny-pro-head .left .title{ margin-bottom:3rem;}
.ny-pro-head .left .tit{ font-size:4rem; font-weight:800;}
.ny-pro-head .left .stit{ font-size:2.2rem; color:var(--color);}
.ny-pro-head .left .can{ display:flex; text-align:center; margin-bottom:3rem;}
.ny-pro-head .left .can .item{ margin-right:4rem;}
.ny-pro-head .left .can .item .t{ font-size:2.4rem;}
.ny-pro-head .left .info{ border-top:1px solid #d1d1d1; padding-top:3rem; white-space:pre-line; line-height:2; margin-bottom:3rem;}
.ny-pro-head .left .btn a{ padding:1rem 2rem; background:var(--color); color:#fff;}
.ny-pro-head .right{ width:45%;}

.cpxq-title{ font-size:4rem; font-weight: bold;}
.ny-pro-arc .arccontent{ margin-top:3rem; line-height:2;}


.product-other{ margin-top: 5rem;}
.product-other .retitles h3{font-size: 2.4rem;font-weight: bold;}
.product-other .retitles h4{font-size: 2rem;color: #999; margin: 0;text-transform: uppercase;}
.product-other .re-list{ margin-top:2rem;}
.product-other .re-list ul{ margin:0 -2rem;}
.product-other .re-list ul li{ padding:1.5rem 2rem;}
.product-other .re-list ul li a{ display:block; overflow:hidden; text-align:center; padding:0.5rem;transition: all .3s linear; box-shadow:0 2px 10px rgba(0,0,0,.05); background:#fff; border-radius:4px;}
.product-other .re-list ul li a i{ display:block; overflow:hidden;}
.product-other .re-list ul li a i img{transition: all .3s linear;}
.product-other .re-list ul li a:hover i img{ transform:scale(1.08)}
.product-other .re-list ul li a .tit{ font-size:1.8rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:1.5rem;}

.ny-sol-list ul li{ margin-bottom:8rem;}
.ny-sol-list ul li a{ display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ny-sol-list ul li a .img{ width:50%; overflow:hidden; border-radius:1rem;}
.ny-sol-list ul li a .img img{ width:100%; transition:all .3s linear;}
.ny-sol-list ul li a .img:hover img{ transform:scale(1.05)}
.ny-sol-list ul li a .txt{ width:40%;}
.ny-sol-list ul li a .txt .tit{ font-size:4rem; color:#333;}
.ny-sol-list ul li a .txt .note{ font-size:2rem; margin-top:3rem; margin-bottom:5rem; color:#666; line-height:2;}
.ny-sol-list ul li a .txt .more{ width:5.4rem; height:5.4rem; display:flex;align-items:center; justify-content: center; border-radius:50%; background:var(--color); transition:all .3s linear;}
.ny-sol-list ul li a .txt .more:hover{ transform: rotate(45deg);}
.ny-sol-list ul li:nth-child(2n+1) a{flex-flow: row-reverse;}




.service-content{ display:flex;justify-content: space-between;}
.service-content .left{ width:25.7%;}
.service-content .right{width:67.6%;}
.lm-title{ font-size:3.2rem; font-weight:bold;}
.lm-nav{ margin-top:2rem;}
.lm-nav ul li a{ display:block;}
.lm-nav ul{margin-top:20px}
.lm-nav ul li{position:relative;border-bottom:1px solid #dae1e7}
.lm-nav ul li:before{width:0;left:0;bottom:-1px;height:2px;position:absolute;background:var(--color);content:"";transition:all .4s}
.lm-nav ul li.cur:before,.lm-nav ul li:hover:before{width:100%}
.lm-nav ul li a{display:block;padding:30px 40px 30px 0;line-height:1.4;transition:all .4s;color:#666;position:relative}
.lm-nav ul li.cur a,.lm-nav ul li:hover a{color:var(--color)}
.lm-nav ul .fh{margin-top:50px}
.lm-nav ul li a:before{width:16px;height:13px;background:url(../images/pub_a_jt1.png) center center/cover;position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"";transition:all .4s}
.lm-nav ul li.cur a:before,.lm-nav ul li:hover a:before{background:url(../images/pub_a_jt2.png) center center/cover}

.goback{ margin-top:4rem;}
.goback a{}
.banner_more,a.banner_more{color:#fff;padding:16px 80px 16px 30px;border-radius:50px;display:inline-block;position:relative;line-height:1;transition:all .4s;overflow:hidden;border:1px solid rgba(255,255,255,.4)}
.banner_more i,a.banner_more i{width:46px;height:46px;position:absolute;right:10px;top:50%;transition:all .4s;overflow:hidden;transform:translateY(-50%);background:url(../images/banner_more_icon.png) center center/cover}
.banner_more:hover i,a.banner_more:hover i{transform:translateY(-50%) scale(.7)}

a.banner_more3{color:var(--color);border:1px solid rgba(3,67,119,.34);position:relative;transition:all .3s}
.banner_more3 i,a.banner_more3 i{background:url(../images/banner_more_icon2.png) center center/cover}
.banner_more3:hover,a.banner_more3:hover{border:none;transform:scale(1.1);color:#fff;background:var(--color)}
.banner_more3:before,a.banner_more3:before{background:var(--color);width:0;height:100%;content:"";position:absolute;left:0;top:0;z-index:-1;transition:all .3s}
.banner_more3:hover:before,a.banner_more3:hover:before{width:100%}
.banner_more3:hover i,a.banner_more3:hover i{background:url(../images/banner_more_icon.png) center center/cover}

.arc-service{ background:#fff; border-radius:1rem; padding:5rem; min-height:100%;}
.arc-service .tit{ font-size:3rem; font-weight:bold; margin-bottom:3rem;}
.arc-service .arccontent{ line-height:2;}


.ny-case-list { margin-top:4rem;}
.ny-case-list ul{ display:flex;flex-wrap: wrap; margin:0 -1rem;}
.ny-case-list ul li{ width:33.3%; padding:1rem;}
.ny-case-list ul li a{ display:block; border:1px solid #eee; position:relative;}
.ny-case-list ul li a:after{ content:""; display:block; width:0; height:4px; background:var(--color); position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s linear;}
.ny-case-list ul li a:hover:after{ width:100%;}
.ny-case-list ul li a i{ display:block; overflow:hidden;}
.ny-case-list ul li a i img{ width:100%; transition:all .3s linear;}
.ny-case-list ul li a:hover i img{ transform:scale(1.05)}
.ny-case-list ul li a .txt{ padding:2rem;}
.ny-case-list ul li a .txt .tit{ font-size:2rem; color:#333; font-weight:600;}
.ny-case-list ul li a .txt .info{ color:#888;}
.ny-case-list ul li a .bot{ padding:2rem; border-top:1px solid #eee; display:flex;align-items: center;justify-content: space-between; color:#666;}
.ny-case-list ul li a:hover .bot .more{ color:var(--color); font-weight:600;}


.ny-news-l{    width: calc(100% - 48rem);float: left;background: #ffffff;padding: 50px 3%;box-sizing: border-box;box-shadow: 0 0 30px 0 rgba(0, 0, 0, .07); border-radius:1rem;}
.ny-news-r{    width: 44rem;float: right;padding: 30px 2.3% 0;box-sizing: border-box;background: #fff;box-shadow: 0 0 30px 0 rgba(0, 0, 0, .07);border-radius:1rem;}

.nynews-head{ border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:20px;}
.nynews-head h1{ font-size:2.6rem; margin-bottom:1rem;}
.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;}
.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;}
.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 #ddd; font-size:14px;}
.nysxp .return a:hover{ border-color:var(--color); background:var(--color); color:#fff;}


.ny-news-r .title{font-size: 2rem;padding-bottom:1rem;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; border-radius:1rem;}
.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:26px;color:#333;margin:21px 0 15px}
.right_list .t2{font-size:1.4rem;color:#999}

.ny-news-main .hm-news-box .two li{ margin-bottom:3rem;}

.ny-contact-main{ display:flex;justify-content: space-between;flex-wrap: wrap;}
.ny-contact-main .left{ width:48%;}
.ny-contact-main .left .word .name{ font-size:4.4rem; font-weight: bold;}
.ny-contact-main .left .word .cont{ margin-top:4rem;}
.ny-contact-main .left .word .cont .item{ margin-bottom:2rem; display:flex; align-items: center;}
.ny-contact-main .left .word .cont .item .icon{ width:4.5rem;}
.ny-contact-main .left .word .cont .item .txt{ flex:1;}
.ny-contact-main .left .word .cont .item .txt .tit{ font-size:1.8rem; font-weight:bold;}
.ny-contact-main .left .word .cont .item .txt .info{ font-size:1.8rem; color:#666;}
.ny-contact-main .left .word .cont .item .txt .info a{ color:var(--color); font-weight:bold; font-size:2rem;}

.ny-contact-main .share{ padding-left:4.5rem; margin-top:3rem;}
.ny-contact-main .share ul li .icon svg path{ fill:var(--color)}
.ny-contact-main .right{ width:50%;}

#allmap{ height:40rem;}

.form-control{ background:#fff; border:none; border-radius:4px; padding:2rem; width:100%; outline:none; box-shadow:none;}
.ny-message .mes-form{ margin-top:5rem;}
.ny-message .mes-form .mes-form-box{display:flex;flex-wrap: wrap;justify-content: space-between;}
.ny-message .mes-form .mes-form-box .item{ width:calc(33.3% - 0.2rem); margin-bottom:0.4rem; position:relative;}
.ny-message .mes-form .mes-form-box .item .yzm{ position:absolute; right:1rem; top:50%; transform:translateY(-50%); z-index:9;}
.ny-message .mes-form .mes-form-box .item.w10{ width:100%;}
.ny-message .mes-form .form-text{ height:20rem;}

.ny-message .swbtn{ margin-top:3rem;}
.ny-message .swbtn .am-btn{ margin-right:2rem; background:#fff; outline:none; border-radius:4px; padding:1.3rem 3rem;}
.ny-message .swbtn .am-btn.am-btn-var{ background:var(--color); color:#fff;}

.ny-search-list{ min-height: 40vh; margin-top: 5rem;}
.ny-search-list ul li{ padding-bottom: 3rem;margin-bottom: 3rem;border-bottom: 1px solid #e1e1e1;}
.ny-search-list ul li .title{font-size: 2rem;color: #333;}
.ny-search-list ul li .note{font-size: 1.6rem;color: #666;margin-top: 1.5rem;}
.red{color: #f30;}
@media screen and (min-width: 2000px){
.am-container{max-width: 170rem;}
}
@media screen and (max-width: 1920px){
.am-container{max-width: 143rem;}
}
@media screen and (max-width: 1680px){
.am-container{max-width: 1300px;}
}
@media screen and (max-width: 1440px){
.am-container{max-width: 1200px;}
}


@media screen and (max-width:1024px){
html {background: #fafafa;}
body{ max-width:1024px; margin:0 auto; background:#fff; zoom:1;}	
.arccontent img{ height:auto !important;}
.am-container{ padding:0 2rem;}
.menu-bar{ display:block; width:26px; height:18px; float:right; position: absolute; right:1.5rem; top: 3.5rem; border-bottom:2px solid #333;}
.menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:0;}
.menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#333; position:absolute; left:0; top:50%;}
header.baid .menu-bar{ border-color:#fff;}
header.baid .menu-bar:after,header.baid .menu-bar:before{ background:#fff;}
header .head-main .h-r{ width:22%;}

header .menu{ width:30%;}
.searchbox .searchmain{ width:100%;}
header .logo img{ max-height:36px;}
header nav{ position:fixed; width:100%; height:100%; left:-100%; top:0; z-index:99999;transition: all .3s linear;}
header  nav.active{ left:0; opacity:1;pointer-events: none;}
header .am-container{ height:100%;}
header  nav .ulnav{ display:block; width:60%;background:#fff; height:100%; position:relative;overflow-y: auto;    pointer-events: auto;}
header  nav .ulnav>li{ width:100%; float:none; border-bottom:1px solid rgba(0,0,0,.05); border-radius:0!important; position:relative;}
header nav .ulnav>li>a{ line-height:60px; color: #333 !important; font-size:2rem;}
header.baid .menu nav>ul>li>a{ color:#333;}
header nav .ulnav>li>a:before{ display:none;}
header nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(0,0,0,.81); line-height:60px;}
header nav .ulnav>li .subnav{ position:relative; display:none; top:0 !important; opacity:1;visibility:inherit; border-radius:0; padding:0;}
header nav .ulnav>li .subnav li{ border-bottom:1px dashed #eee;}
header nav .ulnav>li .subnav li:last-child{ border:none;}
header nav .ulnav>li:hover>a{ }
header nav .ulnav>li .subnav.show{ display:block;}
header  nav>ul>li>a i{ display:none;}
header .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ width:100%; height:100%; position: fixed; right:0; top:0; background:rgba(0,0,0,.81); display:none; z-index:1920}
.nav-warp .am-close{ color:#fff; font-size:24px; padding:15px; opacity:.5;    padding-left: 66%;}
header .top-search{ margin-top:2.5rem;}

.swiper-banner{}
.swiper-banner .swiper-slide .txt .mo .tit{ font-size:2.5rem; margin-top:0.5rem; margin-bottom:1rem;}
.swiper-banner .swiper-slide .txt .mo .en{ font-size:2rem;}
.swiper-banner .swiper-slide .txt .mo .line{ width:5rem; height:2px;}
.swiper-banner .swiper-slide .txt .mo .note{ font-size:1.6rem;}
.swiper-banner .swiper-slide .txt .mo .ban-more{ margin-top:1rem; display:none;}
.swiper-banner .swiper-slide .txt .mo .ban-more a{ padding:1rem 2rem;}
.swiper-banner .ban-fixs{ bottom:2rem;}
.swiper-banner .swiper-slide .banitem .img100{ width:150%; max-width:150%; margin-left:-25%; height:auto;object-fit: cover;}
.swiper-banner .swiper-slide .txt{transform: translateY(-60%);}

.hide-sm{ display:none;}
.show-sm{ display:block;}
.am-pd{ padding:4rem 0;}
.ny-pd{ padding:4rem 0;}
.hm-title .tit{ font-size:2.4rem;}
.hm-title .info{ font-size:1.8rem;}
.hm-more a{ padding:1rem 2rem;}
.hm-more a i{ margin-left:0.5rem; transform:scale(0.8)}

.hm-about{ padding:4rem 0;}
.hm-about-note{ margin-top:3rem;}
.hm-ab-txt .hm-more{ margin-top:3rem;}
.hm-about-data{ margin-top:4rem;}
.hm-about-data ul li .num span{ font-size:2.4rem;}
.hm-about .bg:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:var(--color); opacity:0.7}

.hm-product-hd ul{justify-content: flex-start;gap: 28px;overflow-x: auto;overflow-y: visible;scrollbar-width: none; padding:0 2rem;}
.hm-product-hd ul li{flex: 0 0 auto;}
.hm-product-hd ul li a{ font-size:1.8rem;}

.swiper-product .swiper-slide{ width:100%;}
.swiper-product{ background-size:90% auto;}
.siper-probtn{ bottom:65%;}
.siper-probtn .box .swiper-cp-btn{ transform:scale(0.6)}

.solution{ padding:4rem 0;}
.solution .sol-title{ position:relative; top:0;}
.solution .sol-title .hm-title.bs{ color:#333;}
.solution-tab .hd{ position:relative; margin-top:3rem; padding:0 2rem;}
.solution-tab .bd{ display:none;}

.solution-tab .hd ul li .box .pic{ opacity:1;}
.solution-tab .hd ul li.on .box{ transform:translateY(0)}
.solution-tab .hd ul li .box{ margin-bottom:0;}
.solution-tab .hd ul{    flex-wrap: wrap; margin:0 -1rem;}
.solution-tab .hd ul li .box .m .more{ display:none;}
.solution-tab .hd ul li{ width:50%; padding:1rem;}
.solution-tab .hd ul li a{ border-radius:1rem; overflow:hidden;}
.solution-tab .hd ul li .box .m .note{ display:none;}
.solution-tab .hd ul li .box .m .icon svg{ transform:scale(0.8)}

.hm-hb-list{ margin-top:3rem;}
.hm-hb-list ul{ margin:0 -0.5rem;}
.hm-hb-list ul li{ width:33.3%; padding:0.5rem;}


.hm-news-box .first .left{ width:100%;}
.hm-news-box .first .left .news-paly{ width:100%;}
.swiper-news ul li a .txt{ font-size:1.8rem; padding-right:8rem;}
.hm-news-box .first .left .news-item{ width:100%; height:auto; margin-top:2rem;}
.hm-news-box .first .right{ width:100%;margin-top:2rem;}
.news-item a .tit{ font-size:1.8rem;}
.hm-news-box .two{ margin-top:1rem;}
.hm-news-box .two ul{ margin:0 -1rem;}
.hm-news-box .two ul li{ width:100%; padding:1rem; margin-bottom:0;}


footer .foot-box{flex-wrap: wrap;}
footer .foot-box .foot-l{ width:100%; border:none;}
footer .foot-box .foot-l .foot-l-box{ max-width:100%; padding-bottom:4rem;}
footer .foot-box .foot-l .foot-search{ padding-top:4rem;}
footer .foot-box .foot-l .foot-search .tit{ font-size:2.4rem;}
footer .foot-nav{ margin-top:4rem;}
footer .foot-r{ width:100%;}
footer .foot-r-box{ padding-bottom:4rem;}

.nybanner .nybantxt{ top:60%;}
.nybanner .nybantxt .cn{ font-size:2.2rem;}
.nybanner .nybantxt .line{ width:3.3rem; height:1px;}
.ny-ab-txt{ display:block;margin-bottom: 4rem;}
.ny-ab-txt .left{ width:100%;}
.ny-ab-txt .left .ny-ab-logo{ text-align:center;}
.ny-ab-txt .left .ny-ab-logo .img img{ max-width:20rem;}
.ny-ab-txt .left .ny-ab-logo .tit{ font-size:2.4rem; margin-top:1rem;}
.ny-ab-txt .right{ width:100%; margin-top:2rem;}


.swiper-zss .swiper-slide{ width:50%; padding:0 5px;}
.swiper-zss .swiper-slide a i{ padding:10px; height:210px; line-height:190px;}
.swiper-z-next, .swiper-z-prev{ width:30px; height:30px;background-size: contain; background-color:rgba(0,0,0,.5)}
.swiper-z-next{ right:0;}
.swiper-z-prev{ left:0;}
.zslist{ margin-top:10px;}
.swiper-pa-zs{ margin-top:20px;}
.swiper-pa-zs .swiper-pagination-bullet{ width:8px; height:8px;}
.swiper-zss .swiper-slide a .txt{ font-size:12px; padding:6px 0;}


.swiper-huanjing { margin-top:3rem;}
.swiper-huanjing ul li{ width:80%;}
.sc-btn{ width:5rem; height:5rem; display:none;}

.ny-product-main .left{ width:100%;}
.ny-product-main .right{ width:100%; padding-left:0; margin-top:3rem;}
.ny-pro-list ul li{ width:100%;}

.ny-pro-head {flex-flow: column-reverse;}
.ny-pro-head .left{ width:100%;}
.ny-pro-head .right{ width:100%;}
.ny-pro-head .left .tit{ font-size:2.4rem;}
.ny-pro-head .left .stit{ font-size:2rem;}
.cpxq-title{ font-size:2.4rem;}


.ny-sol-list ul li{ margin-bottom:3rem;}
.ny-sol-list ul li a{ display:block;}
.ny-sol-list ul li a .img{ width:100%;}
.ny-sol-list ul li a .txt{ width:100%; padding-top:2rem;}
.ny-sol-list ul li a .txt .tit{ font-size:2.2rem;}
.ny-sol-list ul li a .txt .note{ font-size:1.6rem; margin-top:0.5rem; margin-bottom:1.5rem;}
.ny-sol-list ul li a .txt .more{ display:none;}

.service-content{flex-flow: column-reverse;}
.service-content .left{ width:100%;}
.service-content .right{ width:100%;}
.lm-title{ font-size:2.4rem;}
.arc-service{ padding:2.5rem;}
.arc-service .tit{ font-size:2.4rem; margin-bottom:2rem;}

.ny-case-list ul li{ width:100%;}

.ny-news-l{width: auto;float:none;padding:2rem; border-radius:1rem;}
.ny-news-r{width: auto;float:none;margin-top:15px;padding-top:10px;padding-left: 2rem;padding-right:2rem;border-radius:1rem;}

.nynews-head h1{ font-size:2rem;}
.nynews-head .info{ font-size:1.6rem;}
.nynews-head .info span{ margin-right:5px;}
.nynews-boxarc p,.nynews-boxarc{}
.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 .t1{ font-size:14px;}
.right_list .t2{ font-size:12px;}


.ny-contact-main .left{ width:100%;}
.ny-contact-main .left .word .name{ font-size:2.4rem;}
.ny-contact-main .left .word .cont{ margin-top:3rem;}
.ny-contact-main .right{ width:100%; margin-top:4rem;}

.ny-message .mes-form .mes-form-box .item{ width:100%;}
.ny-message .mes-form{ margin-top:3rem;}
}