/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#1557ac;}
img,video{ max-width:100%;}
.am-container{max-width: 143rem;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}

.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.arccontent .ue-table-interlace-color-double{ background-color: #f7faff; }
body{font-family: "Noto Sans SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
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:.525vw}
}
@media (min-width:1025px) and (max-width:1600px) {
    html{font-size:.625vw}
}
@media (max-width:1024px) {
    html{font-size:2vw}
}

header .top{ height:9rem; background:url(../images/top_bg.jpg) center top repeat-x; background-size:auto 100%;}
header .top .logo{ float:left;}
header .top .logo a{display: flex;justify-content: center;align-items: center;}
header .top .logo a .img{ height:9rem; line-height:9rem;}
header .top .logo a .txt{ font-size:1.6rem; font-weight:bold;white-space: pre; text-align:center; margin-left:2rem; line-height:1.5;}
.gradient-text{background-image:-webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
header .top .top-tel{ background:url(../images/icon-tel.png) 0 center no-repeat; height:9rem;  padding-left:36px;padding-top: 1.6rem; float:right; font-weight:bold}
header .top .top-tel em{ font-size:1.4rem;}

header .nav{ height:6rem; line-height:6rem; background:linear-gradient(180deg, #0a285e, #030814);}

header .nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header .nav .ulnav>li{/*flex:auto;-webkit-box-flex:auto;*/ text-align:center; position:relative; float:left;}
header .nav .ulnav>li>a{ color:#fff; font-size:1.8rem; display:block; font-weight:bold;}
header .nav .ulnav>li:after{ content:""; display:none; width:1px; height:16px; background:#3c5da3; position:absolute; left:0; top:50%; margin-top:-8px;}
header .nav .ulnav>li:first-child:after{ display:none;}
header .nav .ulnav>li:hover>a{/*background:#dba339; background:linear-gradient(180deg, #fdefbb, #f8d160,#dba339,#dba339);*/color:#d1aa5d;}
header .nav .ulnav>li.on>a{ /*background:#dba339;background:linear-gradient(180deg, #fdefbb, #f8d160,#dba339,#dba339);*/color:#d1aa5d;}
header .nav .ulnav>li.on +li:after,header .nav .ulnav>li:hover:after,header .nav .ulnav>li:hover +li:after{ display:none;}

.ulnav>li .subnav{position: absolute;width:16rem;background-color:rgba(0,0,0,.8); margin:0; box-shadow: 0 2px 10px rgba(0,0,0,.05); height: auto;z-index: 199;top: 68px;left: -4rem;overflow: hidden;opacity:0; visibility:hidden;transition: all .36s ease;}
.ulnav>li:hover .subnav{opacity:1;visibility: visible;top:6rem;}
.ulnav>li .subnav li{ border-bottom:1px solid rgba(255,255,255,.1);}
.ulnav>li .subnav li a{font-weight: 500;color: #ccc; padding: .8rem .5rem;line-height: 2.2rem;display: block;transition: all .2s ease-in-out;font-size: 1.4rem;}
.ulnav>li .subnav li a:hover{ color:#fff;}

.hm-more a{ display:inline-block; padding: 1rem 4.5rem; border-radius:30px; background:#dba339; color:#fff;background:linear-gradient(180deg, #fdefbb, #f8d160,#dba339,#dba339); transition: all .3s linear;box-shadow: 0 2px 1px rgba(0,0,0,.5);}
.hm-more a:hover{ background:#dba339;background:linear-gradient(180deg, #dba339,#dba339, #f8d160,#fdefbb);}
.t-center{ text-align:center;}
.t-right{ text-align:right;}
.img100{ width:100%;}
.swiper-banner{ background:#1e2136;/*font-family: "Microsoft JhengHei"*/}
.swiper-banner .swiper-button-next{ right:30px; opacity:.2;}
.swiper-banner  .swiper-button-prev{ left:30px; opacity:.2;}
.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{background-size: 20px 40px;}
.swiper-banner .swiper-button-next:hover,.swiper-banner .swiper-button-prev:hover{ opacity:.8;}
.swiper-banner .swiper-slide{ background:#1e2136;width: 100%; height:100%;}
.swiper-banner .swiper-slide .txt{ position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); color:#fff; z-index:2;}
.swiper-banner .swiper-slide .banitem .img100{ height:calc(100vh - 15rem);    object-fit: cover;}
.swiper-banner .swiper-slide .txt .bansimg{ display:block; max-width:54rem;}
.swiper-banner .swiper-slide .txt .mo{ display:inline-block;}
.swiper-banner .swiper-slide .txt .line{ width:0; height:5px; background:#fff; margin-bottom:5%;transition: all .8s linear;}
.swiper-banner .swiper-slide .txt .line.animated{ width:250px;}
.swiper-banner .swiper-slide .txt .tit{ font-size:20px; line-height:1;font-weight:bold; text-transform:uppercase;}
.swiper-banner .swiper-slide .txt .note{ font-size:50px; line-height:1; margin:5% 0;font-weight:bold;}
.swiper-banner .swiper-slide .txt .info{ font-size:16px; font-weight: lighter;}
.swiper-banner .swiper-banpa{ bottom:20px;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ position:relative; width:8px; height:8px; margin:0 10px; background:#d7d7d7; opacity:1; border-radius:6px;transition: all .36s ease; }

.swiper-banner  .swiper-banpa .swiper-pagination-bullet-active{width:12px; height:12px;  opacity: 1;}

.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 .hm-more{ margin-top:10%;}
.ban-ben{ position:absolute; width:100%; left:0; bottom:45px; z-index:99;}
.ban-ben .benflex{display: flex;align-items: center;}
.ban-ben .swiper-banpa{ margin:0 2.5rem; display: flex;align-items: center;}
.ban-ben .ban-btn{ width:4rem; height:4rem; background-color:#fff; border-radius:50%; cursor:pointer; transition:all .3s linear;}
.ban-ben .ban-btn.swiper-ban-next{ background-image:url(../images/jt-h-r.png); background-position:center; background-repeat:no-repeat; background-size:1rem auto; display:none;}
.ban-ben .ban-btn.swiper-ban-prev{ background-image:url(../images/jt-h-l.png); background-position:center; background-repeat:no-repeat;background-size:1rem auto;display:none;}
.ban-ben .ban-btn.swiper-ban-prev.swiper-button-disabled{background-color:rgba(255,255,255,.2);background-image:url(../images/jt-b-l.png);}
.ban-ben .ban-btn.swiper-ban-next.swiper-button-disabled{background-color:rgba(255,255,255,.2);background-image:url(../images/jt-b-r.png);}

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

.am-pd{ padding:8rem 0; overflow:hidden;}
.am-pt{ padding-top:8rem; overflow:hidden;}
.home-title{ text-align:center;}
.home-title .tit{ font-size:4rem; font-weight:900;}
.home-title .note{ font-size:1.8rem; font-weight:bold; color:#cfa757;}
.home-title .note.gradient-text{background-image:-webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.home-title .info{ font-size:1.8rem; color:#fff; margin-top:1rem;}

.home-yuyue{ background:url(../images/bg-product.jpg) center repeat-y; background-size:100% auto;}
.hm-youshi-list{ margin:5rem 0;}
.hm-youshi-list ul{ margin:0 -3.5rem;}
.hm-youshi-list ul li{ padding:0 3.5rem;}
.hm-youshi-list ul li .box{ background:rgba(255,255,255,.1); padding:5rem 1rem; text-align:center; transition:all .3s linear; cursor:pointer;}
.hm-youshi-list ul li .box:hover{background:rgba(255,255,255,.2);}
.hm-youshi-list ul li .box .tit{ font-size:3rem; font-weight:900;}
.hm-youshi-list ul li .box .note{ color:#fff; font-size:1.6rem;}
.hm-yy-mes{ max-width:82%; margin:0 auto;}
.hm-yy-mes .hm-yy-mes-box .inp{ width:28%; float:left; padding:0 .5rem;}
.hm-yy-mes .hm-yy-mes-box .inp .am-form-field{ background:none; border:1px solid rgba(255,255,255,.5); border-radius:3rem; padding:1.5rem 3rem; color:#fff; font-size:1.8rem;}
.hm-yy-mes .hm-yy-mes-box .btn{ width:16%; padding-left:.5rem;float:left; }
.hm-yy-mes .hm-yy-mes-box .btn .am-btn-default{ font-size:1.8rem;border-radius:3rem; padding:1.5rem; width:100%;background: linear-gradient(180deg, #fdefbb, #f8d160,#dba339,#dba339); color:#fff; border:none; outline:none;}

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

.mySwiper-case{ margin-top:5rem;}
.mySwiper-case .swiper-slide a{ display:block; position:relative; overflow:hidden;}
.mySwiper-case .swiper-slide a .thumb{ position:relative; overflow:hidden;}
.mySwiper-case .swiper-slide a .thumb img{ width:100%;object-fit: cover; transition:all .3s linear;max-height: 71rem;}
.mySwiper-case .swiper-slide a:hover .thumb img{ transform:scale(1.05)}
.mySwiper-case .swiper-slide a .thumb:before{ content:""; width:100%; height:20%; position:absolute; left:0; bottom:0; z-index:2; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0.5));}
.mySwiper-case .swiper-slide a .txt{ position:absolute; left:0; bottom:0; width:100%; padding:2rem; font-size:2.4rem; font-weight:bold; color:#fff; text-align:center; z-index:99;}

.home-product{ background:url(../images/bg-product.jpg) center repeat-y; background-size:100% auto;}
.home-product .am-container{ max-width:90%;}
.hm-pro-box{ margin-top:3rem;}
.hm-pro-box .hd{ margin-bottom:2rem;}
.hm-pro-box .hd ul{ display:flex;justify-content: space-around;}
.hm-pro-box .hd ul li a{ font-size:2.2rem; color:#fff; position:relative; padding-bottom:1rem; cursor:pointer; display:inline-block;}
.hm-pro-box .hd ul li a:before{ content:""; display:block; width:0; height:2px; background:#dab464; position:absolute; left:50%; bottom:0; transform:translateX(-50%);transition:all .3s linear;}
.hm-pro-box .hd ul li.on a{background-image: -webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hm-pro-box .hd ul li.on a:before{ width:100%;}
.hm-pro-box .bd .ul ul{ margin:0 -1.5rem;}
.hm-pro-box .bd .ul ul li{ padding:1.5rem;}
.hm-pro-box .bd .ul ul li a{ display:block; }
.hm-pro-box .bd .ul ul li a .thumb{ width:100%; overflow:hidden;}
.hm-pro-box .bd .ul ul li a .thumb img{width:100%;object-fit: cover; transition:all .3s linear;}
.hm-pro-box .bd .ul ul li a:hover .thumb img{transform:scale(1.05)}
.hm-pro-box .bd .ul ul li a .tit{ font-size:2rem; color:#fff; padding:2rem;}
.hm-pro-more{ text-align:center;}


.hm-youshi{ background:url(../images/bg-ys.jpg) center no-repeat; background-size:cover;}
.hm-youshi-box{ margin-top:5rem;}
.hm-youshi-box ul li{ border-top:1px solid rgba(255,255,255,.3); border-right:1px solid  rgba(255,255,255,.3);}
.hm-youshi-box ul li:last-child{ border-right:none;}
.hm-youshi-box ul li .box{ padding:8rem; position:relative; overflow:hidden; cursor:pointer;}
.hm-youshi-box ul li .box .icon{ width:12rem; height:12rem; margin:0 auto; border:1px solid rgba(255,255,255,.3); border-radius:50%; position:relative;}
.hm-youshi-box ul li .box .icon:before{ content:""; display:block; width:88%; height:88%; position:absolute; border-radius:50%; background:#28292d; left:50%; top:50%; transform:translate(-50%,-50%);}
.hm-youshi-box ul li .box .icon img{ position:absolute; z-index:99;left:50%; top:50%; transform:translate(-50%,-50%);}
.hm-youshi-box ul li .box .txt{ text-align:center; margin-top:1rem;}
.hm-youshi-box ul li .box .txt .tit{ font-size:2.6rem; font-weight:900;}
.hm-youshi-box ul li .box .txt .stit{ font-size:1.4rem;}
.hm-youshi-box ul li .box .note{ font-size:1.4rem; color:#fff; margin-top:3rem; text-align:center;min-height: 12rem;}
.hm-youshi-box ul li .box .thumb{ text-align:center;}
.hm-youshi-box ul li .box .num{ font-size:8rem;font-weight:900; margin-top:1rem; text-align:center;}
.hm-youshi-box ul li .box .defu{ transition:all .3s linear; transform:translateY(0)}
.hm-youshi-box ul li .box .hover{ position:absolute; left:0; top:0; padding:8rem; opacity:0;transition:all .3s linear;transform:translateY(5rem)}
.hm-youshi-box ul li .box .hover .num{ margin-top:0; line-height:1;}
.hm-youshi-box ul li .box .hover  .note{ margin-bottom:2rem;}
.hm-youshi-box ul li .box:hover .defu{ opacity:0;transform:translateY(-5rem)}
.hm-youshi-box ul li .box:hover .hover{ opacity:1;transform:translateY(0)}


.hm-news{background:url(../images/bg-product.jpg) center repeat-y; background-size:100% auto;}
.hm-news-box{ margin-top:3rem;}
.hm-news-box .hd{ margin-bottom:2rem;}
.hm-news-box .hd ul{ display:flex;justify-content: center;}
.hm-news-box .hd ul li{ margin:0 3rem;}
.hm-news-box .hd ul li a{ font-size:2.2rem; color:#fff; position:relative; padding-bottom:1rem; cursor:pointer; display:inline-block;}
.hm-news-box .hd ul li a:before{ content:""; display:block; width:0; height:2px; background:#dab464; position:absolute; left:50%; bottom:0; transform:translateX(-50%);transition:all .3s linear;}
.hm-news-box .hd ul li.on a{background-image: -webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hm-news-box .hd ul li.on a:before{ width:100%;}
.hm-news-box .bd{ margin-top:3rem;}
.hm-news-box .bd .ul .newsbox{ display:flex;}
.hm-news-box .bd .ul .newsbox .left{ width:42%; float:left;}
.hm-news-box .bd .ul .newsbox .left a{ display:block;}
.hm-news-box .bd .ul .newsbox .left a .thumb{ overflow:hidden;}
.hm-news-box .bd .ul .newsbox .left a .thumb img{ width:100%;object-fit: cover;transition:all .3s linear;}
.hm-news-box .bd .ul .newsbox .left a:hover .thumb img{transform:scale(1.05)}
.hm-news-box .bd .ul .newsbox .left a .txt{ background:#fff; padding:3rem; position:relative;}
.hm-news-box .bd .ul .newsbox .left a .txt:before{ content:""; display:block; width:100%; height:2px; background:#cfa757; position:absolute; left:0; bottom:0;}
.hm-news-box .bd .ul .newsbox .left a .txt .date{ font-size:1.4rem; color:#999;}
.hm-news-box .bd .ul .newsbox .left a .txt .tit{ font-size:2rem; font-weight:600; color:#333; margin:1.2rem 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hm-news-box .bd .ul .newsbox .left a .txt .note{ font-size:1.4rem; color:#999;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.hm-news-box .bd .ul .newsbox .right{ width:58%; float:left; padding-left:4%;}
.hm-news-box .bd .ul .newsbox .right ul{ border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display: flex;flex-flow: column;justify-content: space-between;height: 100%;}
.hm-news-box .bd .ul .newsbox .right ul li{ padding:2rem 0;}
.hm-news-box .bd .ul .newsbox .right ul li a{ display:block;}
.hm-news-box .bd .ul .newsbox .right ul li a .date{font-size:1.4rem; color:rgba(255,255,255,.8);}
.hm-news-box .bd .ul .newsbox .right ul li a .tit{font-size:2rem; font-weight:600; color:#fff; margin:1.2rem 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hm-news-box .bd .ul .newsbox .right ul li a .note{font-size:1.4rem;  color:rgba(255,255,255,.8);-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.hm-new-more{ text-align:center; margin-top:4rem;}


.hm-team{ background:#030816}
.hm-team-list{ position:relative; margin-top:3rem;}
.hm-team-list .mySwiper-team .swiper-slide a{ display:block; background:#fff;}
.hm-team-list .mySwiper-team .swiper-slide a .thumb{ overflow:hidden;}
.hm-team-list .mySwiper-team .swiper-slide a .thumb img{ width:100%;object-fit: cover;transition:all .3s linear;}
.hm-team-list .mySwiper-team .swiper-slide a:hover .thumb img{transform:scale(1.05)}
.hm-team-list .mySwiper-team .swiper-slide a .txt{ padding:2.5rem; text-align:center;}
.hm-team-list .mySwiper-team .swiper-slide a .txt .tit{ font-size:2.2rem; font-weight:bold; color:#0f2047;}
.hm-team-list .mySwiper-team .swiper-slide a .txt .note{ color:#666; white-space: pre-wrap; margin-top:1rem;min-height: 8rem;}
.tem-btn{ width:6rem; height:6rem; display:flex; border-radius:50%; background:#fff; position:absolute; top:50%; transform:translateY(-50%); z-index:22; cursor:pointer; justify-content: center;align-items: center; color:#dda840;}
.tem-btn i{ line-height:1; font-size:3rem; }
.tem-btn.swiper-tem-next{ right:-3rem;}
.tem-btn.swiper-tem-prev{ left:-3rem;}


.hm-about{background:url(../images/bg-ys.jpg) center no-repeat; background-size:cover;}
.hm-about .hm-abbox .hm-ab-txt{ text-align:center; font-size:3rem; color:#fff; min-height:30rem;}
.hm-about .hm-abbox .hm-ab-txt em{ font-weight:900; font-size:5rem;background-image: -webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hm-about .hm-abbox .hm-ab-icon{ margin-bottom:15rem; text-align:center;}
.hm-about .hm-abbox .hm-ab-icon a{ display:inline-block; width:12rem; height:12rem; background:rgba(255,255,255,.2); border-radius:50%; padding:2rem;}
.hm-about .hm-abbox .hm-ab-icon a i{ width:8rem; height:8rem; border-radius:50%; display:inline-block;background: linear-gradient(180deg, #fdefbb, #f8d160,#dba339,#dba339);box-shadow: 0 2px 1px rgba(0,0,0,.5); position:relative;transition:all .3s linear;}
.hm-about .hm-abbox .hm-ab-icon a:hover i{transform: rotate(360deg);}
.hm-about .hm-abbox .hm-ab-icon a i:before{ content:""; display:block; width:3px; height:40%; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.hm-about .hm-abbox .hm-ab-icon a i:after{ content:""; display:block; height:3px; width:40%; background:#fff; border-radius:2px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

.hm-about .hm-abbox .hm-ab-hd{ border-bottom:1px solid rgba(255,255,255,.2);}
.hm-about .hm-abbox .hm-ab-hd .hd ul{ display: flex;justify-content: space-around;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li a{ cursor:pointer; position:relative; display:block; padding-bottom:4rem;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li a:before{ content:""; display:block; height:3px; background:#cfa757; width:0; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); opacity:0; transition:all .3s linear;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li .thumb{ width:7rem; height:7rem; overflow:hidden; margin:0 auto;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li .thumb i{ display:block; width:200%;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li .thumb i img{ width:7rem;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li p{ font-size:2.2rem; text-align:center; color:#fff;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li.on a:before{ width:100%; opacity:1;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li.on a p{background-image: -webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight:900;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li.on .thumb i{ margin-left:-100%;}

footer{ background:#030816;}
footer .footer1{ padding-top:3rem;}
footer .footer1 .footer-navbox{ display:flex;justify-content: space-between;align-items: center;}
footer .footer1 .footer-navbox .foot-nav ul{display:flex;justify-content: space-between;align-items: center;}
footer .footer1 .footer-navbox .foot-nav ul li{ margin-left:5rem;}
footer .footer1 .footer-navbox .foot-nav ul li a{ color:rgba(255,255,255,.7); font-size:1.8rem;}
footer .footer1 .footer-navbox .foot-nav ul li a:hover{ color:#fff;}
footer .footer1 .footer-main{ border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); margin-top:3rem; padding:5rem 0; margin-bottom:3rem; display:flex;justify-content: space-between;align-items: center;}
footer .footer1 .footer-main .left{ display:flex;justify-content: space-between; color:#fff; font-size:1.8rem;}
footer .footer1 .footer-main .left a{ color:#fff;}
footer .footer1 .footer-main .left .tit{ line-height:2; display:flex;align-items: center; color:#fff;}
footer .footer1 .footer-main .left .tit img{ margin-right:1rem;}
footer .footer1 .footer-main .left .foot-tel .tel{ font-size:2.4rem; font-weight:900;}
footer .footer1 .footer-main .left .foot-tel .tel em{ font-size:1.6rem; font-weight:normal;}
footer .footer1 .footer-main .left .foot-contact{ padding-left:5rem;}
footer .footer1 .footer-main .foot-ewm{ text-align:center;}
footer .footer1 .footer-main .foot-ewm .thumb{ border:1px solid rgba(255,255,255,.2); padding:10px;}
footer .footer1 .footer-main .foot-ewm .thumb img{ width:9rem;}
footer .footer1 .footer-main .foot-ewm p{ font-size:1.4rem; color:rgba(255,255,255,.8); margin-top:1rem;}
footer .footer1 .footer-link{ padding-bottom:3rem; font-size:1.4rem; color:rgba(255,255,255,.7);}
footer .footer1 .footer-link a{color:rgba(255,255,255,.7); display:inline-block; padding:0 1rem; position:relative;}
footer .footer1 .footer-link a:before{ content:""; display:block; width:1px; height:50%; background:rgba(255,255,255,.5); position:absolute; right:-1px; top:50%; transform:translateY(-50%);}
footer .footer1 .footer-link a:last-child:before{ display:none;}
footer .footer2{ background:#01030a; padding:3rem 0; color:rgba(255,255,255,.5); font-size:1.4rem;}
footer .footer2 a{color:rgba(255,255,255,.5)}
footer .footer2 .copry{ float:left;}
footer .footer2 .supo{ float:right;}

.wechat-ses{ width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 1.8rem;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 1.4rem;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 1.4rem; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}
.wechat-wrap{background: rgba(0, 0, 0, .6);width: 100%;height: 100%;position: fixed;left: 0;top: 0; z-index: 1400; display: none;}

.wechat-dialog{width:90%; background:#fff; border-radius:10px; padding:18px; position:fixed; left:5%; top:50%; transform:translate(0,-50%); z-index:1211; display:none;box-sizing:border-box;}
.wechat-dialog .tit{ text-align:center; font-size:1.8rem;}
.wechat-dialog .copy-wx{ background:#f5f5f5; border-radius:10px;font-size:1.8rem; padding:20px; text-align:center; margin:15px 0; color:#666;}
.wechat-dialog .copy-wx .info{ font-size:1.8rem; color:#999;}
.wechat-dialog .copy-wx p span{ color:#25ba45;}
.wechat-dialog .wx-close{ position:absolute; right:5px; top:5px; font-size:20px; padding:0 10px; cursor:pointer;}
.wechat-mask{ position:fixed; display:none; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0;z-index:1210;}

.wechat-ses{ width:400px; max-width: 70%; padding: 30px;background: #fff;border-radius: 10px;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1404; display: none;box-shadow: 0 2px 20px 2px rgba(0,0,0,.5);}
.wechat-ses .icon{width: 44px;height: 44px;display: block;margin: 0 auto;}
.wechat-ses .tit{font-size: 1.8rem;font-weight: bold;text-align: center; margin-top: 10px; margin-bottom: 15px;}
.wechat-ses .note{font-size: 1.4rem;color: #777;text-align: center; margin-bottom: 15px;}
.wechat-ses .wxbtn{text-align: center;}
.wechat-ses .wxbtn a{font-size: 1.4rem; display: inline-block; padding: 8px 30px;background-color: #1aad17;color: #fff;border-radius: 6px;}

.foot-bar{ position:fixed; width:100%; height:7rem; background:#011d45; left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:.5rem;}
.foot-bar ul li a{ color:#fff; font-size:2rem; display:block; text-align:center;}
.foot-bar ul li a img{ width:2.4rem;height:2.4rem;}
.foot-bar ul li a span{ display:block; font-size:1.5rem; }

.sollright{ position:fixed; z-index:999; background:#fff; border-radius:60px;  right:10px; bottom:20%; padding-top:20px;}
.sollright .ri-com{ position:relative; text-align:center; margin-bottom:15px;}
.sollright .ri-com a{ display:block; text-align:center; width:80px;}
.sollright .ri-com a p{ font-size:14px; margin-top:2px; color:#333;}
.sollright .ri-com .wx-ewm{  width:120px; padding:10px; position:absolute; right:40px; top:50%; transform:translateY(-50%); background:#fff; border-radius:10px; transition:all .3s linear; opacity:0; visibility:hidden;}
.sollright .ri-com.ri-wx:hover .wx-ewm{ opacity:1; visibility:inherit;right:80px;}
.sollright .ri-top{  background:#d1aa5d; border-radius:0 0 50px 50px;transform: translateY(1px);}
.sollright .ri-top a{height:50px; display:flex;justify-content: center;align-items: center;}

.ny-banner{ position:relative; overflow:hidden;}
.ny-banner .bing img{-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;}

.ny-warp{background:url(../images/bg-product.jpg) center repeat-y; background-size:100% auto; padding:3rem 0;}
.ny-warp .ny-left{ width:30rem; float:left; background:#030814;}
.ny-warp .ny-left .ny-left-nav{background: linear-gradient(153deg, #011538, #030814);}
.ny-warp .ny-left .ny-l-title{ text-align:center;font-family: 'Noto Serif SC'; padding-top:1.5rem;}
.ny-warp .ny-left .ny-l-title .tit{background-image: -webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:2.4rem; font-weight:900;}
.ny-warp .ny-left .ny-l-title .en{background-image: -webkit-linear-gradient(bottom,#dba339 0%,#dba339 30%,#fdefbb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:1.4rem;font-weight:900;}
.ny-warp .ny-left .ny-left-nav ul li{ text-align:center; color:#ffba3c; border-bottom:1px solid rgba(255,255,255,.1)}
.ny-warp .ny-left .ny-left-nav ul li a{ display:flex;color:#d1aa5d; padding:1.8rem 0;    justify-content: center;align-items: center;}
.ny-warp .ny-left .ny-left-nav ul li a:before{ content:""; display:block; width:2rem; height:1rem; background:url(../images/n-navo-l.png) center no-repeat; background-size:contain; margin-right:0; opacity:0; transition:all .3s linear;}
.ny-warp .ny-left .ny-left-nav ul li a:after{ content:""; display:block; width:2rem; height:1rem; background:url(../images/n-navo-r.png) center no-repeat; background-size:contain; margin-left:0; opacity:0; transition:all .3s linear;}
.ny-warp .ny-left .ny-left-nav ul li.on a:before,.ny-warp .ny-left .ny-left-nav ul li:hover a:before{ margin-right:1rem; opacity:1;}
.ny-warp .ny-left .ny-left-nav ul li.on a:after,.ny-warp .ny-left .ny-left-nav ul li:hover a:after{ margin-left:1rem; opacity:1;}
.ny-warp .ny-left .ny-left-contact{ background:url(../images/conatctbg.jpg) right top no-repeat #09090b;}
.ny-warp .ny-left .ny-left-contact .ny-l-contact{ padding:3rem; color:#fff;}
.ny-warp .ny-left .ny-left-contact .ny-l-contact .tit{color:#d1aa5d; font-weight:900; font-size:1.8rem; margin-bottom:1rem;}
.ny-warp .ny-left .ny-left-contact .ny-l-contact .info{ font-size:1.4rem; line-height:2}
.ny-warp .ny-right{ width:calc(100% - 30rem); float:left; padding-left:3rem;}
.ny-warp .ny-right .ny-right-main{  background:#0f0e0e;background: linear-gradient(311deg, #011538, #030814);min-height: 70.5rem;}

.ny-mbx{ height:6rem; line-height:6rem; padding:0 2rem; border-bottom:1px solid rgba(255,255,255,.1)}
.ny-mbx .tit{ float:left; font-size:2rem; color:#d1aa5d; position:relative; padding-left:15px;}
.ny-mbx .tit:before{ content:""; display:block; width:3px; height:30%; background:#ffba3c; border-radius:3px; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.ny-mbx .path{ float:right; color:rgba(255,255,255,.8); font-size:1.4rem;}
.ny-mbx .path a{ color:rgba(255,255,255,.8);}
.ny-abcom .jianjie{ padding:3rem; color:#fff; line-height:2;}
.ny-abcom .jianjie h3{font-size: 2.4rem;}
.ny-case-list{ padding:1.5rem;}
.ny-case-list ul{}
.ny-case-list ul li{ padding:1.5rem;}
.ny-case-list ul li a{ display:block; position:relative; overflow:hidden;}
.ny-case-list ul li a .thumb{ position:relative; overflow:hidden;}
.ny-case-list ul li a .thumb img{ width:100%;object-fit: cover; transition:all .3s linear;max-height: 71rem;}
.ny-case-list ul li a:hover .thumb img{ transform:scale(1.05)}
.ny-case-list ul li a .thumb:before{ content:""; width:100%; height:20%; position:absolute; left:0; bottom:0; z-index:2; background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0.5));}
.ny-case-list ul li a .txt{ position:absolute; left:0; bottom:0; width:100%; padding:2rem; font-size:1.6rem; font-weight:bold; color:#fff; text-align:center; z-index:99;}
.ny-cse{ padding-bottom:3rem;}
.pages{ text-align:center; font-size:1.4rem; margin:1.5rem 0;}
.pages a {display: inline-block;padding: .5rem 1.4rem;margin-left: .4rem; background:#fff; border-radius: 4px;}
.pages a.on ,.pages a:hover {background: #ffba3c;color: #FFF;}

.casepage{ position:relative;}
.casepage .casemain{ max-width:76%; margin:0 auto;}
.casepage .casemain .case-head{ border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:2rem; position:relative;}
.casepage .casemain .case-head h1{ color:#fff;}
.casepage .casemain .case-head .info{ color:rgba(255,255,255,.61)}
.casepage .casemain .case-head .back{ position:absolute; right:0; top:3rem;padding-left: 30px; color:#ffba3c;}
.casepage .casemain .case-head .back:before{content: '';position: absolute;left: 0;top: 50%;z-index: 1;width: 20px;height: 1px;background-color: #af966d;}
.casepage .casemain .case-content{ margin-top:2rem; color:rgba(255,255,255,.81); line-height:2;}

a.case-next,a.case-prev{width:66px;height:66px;display:block;border:1px dashed rgba(255,255,255,.5);position:absolute;top:50%;z-index:4;border-radius:50%;font-size:14px;color:rgba(255,255,255,.5);line-height:66px;text-align:center}
a.case-prev:before{content:'';position:absolute;left:-22px;top:50%;z-index:0;width:30px;height:1px;background-color:rgba(255,255,255,.3)}
a.case-next:before{content:'';position:absolute;right:-22px;top:50%;z-index:0;width:30px;height:1px;background-color:rgba(255,255,255,.3)}
a.case-prev{left:1.2%}
a.case-next{right:1.2%}
a.case-next:hover,a.case-prev:hover{background-color:rgba(255,255,255,.3);color:#af966d;border-color:#fff}

.ny-product-list{ padding:1.5rem;}
.ny-product-list ul{ }
.ny-product-list ul li{ padding:1.5rem;}
.ny-product-list ul li a{ display:block; }
.ny-product-list ul li a .thumb{ width:100%; overflow:hidden;}
.ny-product-list ul li a .thumb img{width:100%;object-fit: cover; transition:all .3s linear;}
.ny-product-list ul li a:hover .thumb img{transform:scale(1.05)}
.ny-product-list ul li a .tit{ font-size:1.8rem; color:#fff; padding:1rem 1rem 0 1rem;}

.ny-newscase{ padding:2rem;}
.ny-newscase ul li{ background:rgba(255,255,255,0.1); padding:2rem; position:relative;box-shadow: 0 2px 4px 4px rgba(0,0,0,.02); margin-bottom:1rem;}
.ny-newscase ul li a{ display:block;}
.ny-newscase ul li a i{ display:block; width:25%; float:left; overflow:hidden;}
.ny-newscase ul li a i img{transition: all .7s;object-fit: cover;}
.ny-newscase ul li:hover img{transform: scale(1.06);}
.ny-newscase ul li a .txt{ width:75%; padding-left:20px; float:left;}
.ny-newscase ul li a .txt.w100{ width:100%; padding-left:0;}
.ny-newscase ul li a .txt .tit{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size:1.8rem; font-weight:bold; color:#fff;}
.ny-newscase ul li a .txt .line{ width:100%; height:1px; background:rgba(238,238,238,0.12); margin:1.5rem 0;}
.ny-newscase ul li a .txt .note{ font-size:1.4rem; color: rgba(255,255,255,.61);display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.ny-newscase ul li a .txt .info{ font-size:1.4rem; margin-top:1.5rem; color:rgba(255,255,255,.41);}
.ny-newscase ul li a .txt .info span{ display:inline-block; margin-right:2.5rem;}
.ny-newscase ul li a .tou{ position:absolute; right:40px; top:0; background:#ee2d32; color:#fff; display:inline-block; padding:4px 10px;}
.ny-newscase ul li a .txt.w10{ width:100%; padding-left:0;}
.ny-newscase.w10 i{ width:25%;}


.article-wrap{padding:3rem;color:#fff;min-height:500px;}
.article-wrap a{ color:#fff;}
.article-wrap hr{border-top: 1px solid rgba(255,255,255,.1);}
.article-wrap .article-header { text-align:center; margin-bottom:2rem;}
.article-wrap .article-header h1{color: #fff;font-size: 2.4rem;margin-bottom:2rem; font-weight:normal;}
.article-wrap .article-header .sub{ color:rgba(255,255,255,.5); font-size:1.4rem;font-weight: lighter;}
.article-wrap .article-header .sub span{ margin:0 1rem; display:inline-block;}
.article-wrap .article-header .sub span i{ margin-right:.4rem;}

.article-body{letter-spacing: 0.08rem;line-height:2;min-height:400px; margin-bottom:2.5rem;}
.article-body img{ max-width:100%; height:auto !important;}
.article-footer{ font-size:1.4rem; line-height:2;}
.info_key { line-height:30px;overflow:hidden; padding-bottom:20px;font-size:14px;}
.info_key em{ padding: 0px 1.2rem;}
.info_key span { font-size:1.4rem;}
.info_key a { margin-right:1.4rem;}

.xgnews{ border-top: 1px solid rgba(255,255,255,.1); padding:3rem; }
.xgnewstit{ font-size:1.8rem; font-weight:bold; margin-bottom:15px; color:#fff;}
.xgnews .xgnews-list ul li{ font-size:1.4rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height:2.8; padding-right:1.5rem;}
.xgnews .xgnews-list ul li a{ color:#fff;}

.ny-rongyu{ padding:1.5rem;}
.ny-rongyu ul li{ padding:1.5rem;}
.ny-rongyu ul li a{ display:block; text-align:center; cursor:pointer;}
.ny-rongyu ul li a .thumb{ display:block; overflow:hidden;}
.ny-rongyu ul li a .thumb img{ transition:all .3s linear;}
.ny-rongyu ul li a:hover .thumb img{ transform:scale(1.05)}
.ny-rongyu ul li a .tit{ font-size:1.8rem; color:#fff; margin-top:1rem;}

.ny-team{ padding:1.5rem;}
.ny-team ul li{ padding:1.5rem;}
.ny-team ul li a{ display:block; text-align:center; cursor:pointer;background: rgba(255,255,255,.1); padding-bottom: 1.5rem;}
.ny-team ul li a .thumb{ display:block; overflow:hidden;}
.ny-team ul li a .thumb img{ transition:all .3s linear;}
.ny-team ul li a:hover .thumb img{ transform:scale(1.05)}
.ny-team ul li a .tit{ font-size:1.8rem; color:#fff; margin-top:1rem; padding: 0 1.5rem;}
.ny-team ul li a .note{ font-size:1.5rem; color:#fff; margin-top:.2rem;white-space: pre-wrap;padding: 0 1.5rem;}

.ny-contact{ padding:3rem;}
.ny-contact-main{ padding:3rem 0; color: #ffba3c;}
.ny-contact-main .company{ font-size:2.4rem; margin-bottom:1.5rem}
.ny-contact-main .info{ line-height:2;}
.ny-contact-main .info a{color: #ffba3c;}
#allmap{ height:50rem;}
#allmap img{ max-width:inherit; font-size:14px;}

.mesipu{ }
.mesipu .item{ }
.mesipu .item .iput{ margin-bottom:1.5rem;}
.mesipu .item .iput .am-form-field{ padding:16px; border: none;outline: none;box-shadow: none;background: rgba(255,255,255,.9);}
.mesipu .item.wyb .iput{ width:100%;}
.c-t-m-btn{ text-align:center; margin-top:2rem;}
.c-t-m-btn .am-btn{ background:#d1aa5d; padding:16px; width:200px; color:#fff; border-radius:4px; border:none; outline:none;}

.contact-mes{ }

.open-mess{ width:43rem; position:fixed; left:50%; top:50%; z-index:1899; transform:scale(0) translate(-50%,-50%); visibility:hidden; opacity:0;transition:all .3s linear;}
.open-mess.show{ visibility:inherit; opacity:1; transform:scale(1) translate(-50%,-50%);}
.open-mess .hed{ padding:3rem; background:url(../images/bg-ys.jpg) center no-repeat; background-size:cover; color:#d1aa5d; position:relative;}
.open-mess .hed .am-close{ position:absolute; right:3rem; top:50%; transform:translateY(-50%); width:2.4rem; height:2.4rem; line-height:2.4rem; color:#d1aa5d; font-size:1.6rem; opacity:1;}
.open-mess .hed span{ display:block; font-size:2rem; font-weight:900;}
.open-mess .hed em{ font-size:1.6rem;}
.open-mess .omess-box{ background:#fff; padding:3rem;}
.open-mess .omess-box .inp{ margin-bottom:1.5rem;}
.open-mess .omess-box .inp .am-form-field{ border-radius:6px; padding:1.5rem;}
.open-mess .omess-box .btn .am-btn{ width:100%; padding:1.5rem; border-radius:4px; background:#d1aa5d; color:#fff; border:none; outline:none;}
.mess-mask{ background:rgba(0,0,0,.8); width:100%; height:100%; position:fixed; left:0; top:0; z-index:1898; display:none;}

@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;}
.hm-youshi-box ul li .box{ padding:4rem;}
.hm-youshi-box ul li .box .hover{ padding:4rem;}
}


@media screen and (max-width:1024px){
html {background: #fafafa;}
body{ max-width:768px; margin:0 auto; background:#fff; zoom:1; padding-bottom:54px;}	
.am-container{ padding-left:2rem; padding-right:2rem;}
.arccontent img{ height:auto !important;}
header .nav{ position:fixed; width:100%; height:100%; left:0; top:0; display:none; z-index:99999; background:rgba(0,0,0,.81)}
header .nav.active{ display:block;}
header .nav .am-container{ padding:0; height:100%;}
header .nav .ulnav{ display:block; width:60%;background: #214798; height:100%; position:relative;overflow-y: auto;}
header .nav .ulnav>li{ width:100%; float:none; border-bottom:1px solid rgba(255,255,255,.1)}
header .nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(255,255,255,.81)}
header .nav .ulnav>li .subnav{ position:relative; display:none; top:0; opacity:1;visibility:inherit;}
header .nav .ulnav>li:hover>a{ background:none;}
header .nav .ulnav>li .subnav.show{ display:block;width: 100%;left: 0;}
header .nav .ulnav>li>a{font-size:2rem;}
.ulnav>li .subnav li a{ padding:1.4rem 1.2rem; font-size:1.8rem;}
.menu-bar{ display:block; width:26px; height:18px; float:right; position: absolute; right:1.5rem; top:22px; border-bottom:2px solid #fceeba;}
.menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#fceeba; position:absolute; left:0; top:0;}
.menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#fceeba; position:absolute; left:0; top:50%;}
nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ width:40%; height:100%; position:absolute; right:0; top:0;}
.nav-warp .am-close{ color:#fff; font-size:24px; padding:15px; opacity:.5;}
header .top{ height:8rem;}
header .top .logo a .txt{ display:none;}
header .top .logo a .img{ height:8rem; line-height:8rem;}
header .top .logo a .img img{ height:5rem;}
header .top .top-tel{ height:8rem; padding-top: 0.6rem;background-size:2.2rem auto; padding-left:2.8rem; margin-right: 8rem;font-size: 2rem;}

.hm-more a{ font-size:1.6rem; padding:.8rem 2.5rem;}
.swiper-banner .swiper-slide .txt .bansimg{ max-width:35rem;}
.swiper-banner .swiper-slide .banitem .img100{ height:45rem;}
.ban-ben{ bottom:2rem;}
.ban-ben .ban-btn{ width:4rem; height:4rem; background-size:1.5rem auto; }
.ban-ben .swiper-banpa{ margin:0 1.5rem;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ width:.8rem; height:.8rem; margin:0 1rem;border-radius:50%;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet-active{ width:1.2rem; height:1.2rem;}

.am-pd{ padding:4rem 0;}
.am-pt{ padding-top:4rem;}
.home-title .tit{ font-size:3rem;}
.home-title .info{ font-size:1.6rem;}
.home-title .note{ font-size:1.6rem;}
.hm-youshi-list ul{ margin:0 -0.5rem;}
.hm-youshi-list ul li{ padding:0 0.5rem;}
.hm-youshi-list ul li .box .tit{ font-size:1.8rem;}
.hm-youshi-list ul li .box .note{ font-size:1.4rem;}
.hm-youshi-list ul li .box{ padding:2rem 1rem;min-height: 14rem;}
.hm-youshi-list{ margin:3rem 0;}
.hm-yy-mes .hm-yy-mes-box .inp{ width:100%; float:none; margin-bottom:2rem;}
.hm-yy-mes .hm-yy-mes-box .btn{ width:100%; float:none;}
.mySwiper-case{ margin-top:3rem;}
.mySwiper-case .swiper-slide a .txt{ font-size:1.8rem;}
.home-product .am-container{ max-width:1024px;}
.hm-pro-box .hd ul li{ margin-right:1.5rem;}
.hm-pro-box .hd ul li a{ font-size:1.8rem;}
.hm-pro-box .hd ul{ justify-content: left;white-space: nowrap; overflow-x: auto;}
.hm-pro-box .bd .ul ul{ margin:0 -0.5rem;}
.hm-pro-box .bd .ul ul li{ padding:.5rem;}
.hm-pro-box .bd .ul ul li a .tit{ padding:1.5rem; font-size:1.6rem;}
.hm-youshi-box{ margin-top:3rem;}
.hm-youshi-box ul li .box{ padding:2.5rem;}
.hm-youshi-box ul li{border-right: none;}
.hm-youshi-box ul li .box:hover .defu{ opacity:1;transform:translateY(0)}
.hm-youshi-box ul li .box:hover .hover{ opacity:0;transform:translateY(0)}
.hm-youshi-box ul li .box .icon{ width:9rem; height:9rem;}
.hm-youshi-box ul li .box .txt .tit{ font-size:2.4rem;}
.hm-youshi-box ul li .box .note{ min-height:inherit; margin-top:1.5rem;}
.hm-youshi-box ul li .box .num{ font-size:5rem;}

.hm-news-box .bd .ul .newsbox .left a .txt{ padding:1.5rem;}
.hm-news-box .bd .ul .newsbox .left a .txt .tit{ margin:.5rem 0;}
.hm-news-box .hd ul li a{ font-size:1.8rem;}
.hm-news-box .bd .ul .newsbox{ display:block;}
.hm-news-box .bd .ul .newsbox .left{ width:100%; float:none;}
.hm-news-box .bd .ul .newsbox .right{ width:100%; float:none; padding-left:0; margin-top:2rem;}
.hm-news-box .bd .ul .newsbox .right ul li{ padding-bottom:0;}
.hm-news-box .bd .ul .newsbox .right ul li:last-child{ padding-bottom:2rem;}
.hm-news-box .bd .ul .newsbox .right ul li a .tit{ margin:.5rem 0;}

.tem-btn{ display:none;}
.hm-team-list .mySwiper-team .swiper-slide a .txt{ padding:1.5rem;}
.hm-team-list .mySwiper-team .swiper-slide a .txt .tit{ font-size:2rem;}
.hm-team-list .mySwiper-team .swiper-slide a .txt .note{ font-size:1.4rem;}

.hm-about .hm-abbox .hm-ab-txt{ font-size:2rem;min-height: 17rem;}
.hm-about .hm-abbox .hm-ab-txt em{ font-size:3.5rem;}
.hm-about .hm-abbox .hm-ab-icon a{ width:8rem; height:8rem;}
.hm-about .hm-abbox .hm-ab-icon a i{ width:4rem; height:4rem;}
.hm-about .hm-abbox .hm-ab-icon{ margin-bottom:8rem;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li a{ padding-bottom:2rem;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li .thumb{ width:5rem; height:5rem;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li .thumb i img{ width:5rem;}
.hm-about .hm-abbox .hm-ab-hd .hd ul li p{ font-size:1.8rem;}

footer .footer1 .footer-navbox{    justify-content: center;}
footer .footer1 .footer-navbox .foot-nav{ display:none;}
footer .footer1 .footer-main{ display:block;padding: 3rem 0;}
footer .footer1 .footer-main .left{ display:block;}
footer .footer1 .footer-main .left .foot-contact{ padding-left:0;}
footer .footer1 .footer-main .foot-ewm{ margin-top:2rem;}
footer .footer1 .footer-main .foot-ewm .thumb{ width:12rem; margin:0 auto;}
footer .footer1 .footer-main .foot-ewm .thumb img{ width:12rem;}
footer .footer1 .footer-link{ display:none;}
footer .footer2 .copry{ float:none; text-align:center;}
footer .footer2 .supo{ float:none; text-align:center;}
.sollright{ display:none;}

.ny-warp .ny-left{ width:100%; float:none;}
.ny-warp .ny-left .ny-left-contact{ display:none;}
.ny-warp .ny-left .ny-l-title{ display:none;}
.ny-warp .ny-right{width:100%; float:none; padding-left:0;}
.ny-warp .ny-left .ny-left-nav .list{ overflow-x:auto;}
.ny-warp .ny-left .ny-left-nav .list ul{white-space: nowrap; display:flex;  }
.ny-warp .ny-left .ny-left-nav ul li{ flex:1;}
.ny-warp .ny-left .ny-left-nav ul li a{ padding:1.8rem 1rem;}
.ny-warp .ny-left .ny-left-nav ul li.on a{ font-weight:900;}
.ny-warp .ny-left .ny-left-nav ul li a:before{ display:none;}
.ny-warp .ny-left .ny-left-nav ul li a:after{ display:none;}

.ny-warp .ny-left .ny-left-nav ul li.on a:before,.ny-warp .ny-left .ny-left-nav ul li:hover a:before{ display:none;}
.ny-warp .ny-left .ny-left-nav ul li.on a:after,.ny-warp .ny-left .ny-left-nav ul li:hover a:after{ display:none;}
.ny-mbx .path{ display:none;}
.ny-abcom .jianjie{ padding:2rem;}
.ny-case-list ul li{ padding:.5rem;}
a.case-next, a.case-prev{ display:none;}
.casepage .casemain{ max-width:100%;}
.ny-product-list ul li{ padding:.5rem;}
.ny-product-list ul li a .tit{ font-size:1.6rem;}

.ny-warp .ny-right .ny-right-main{ min-height:inherit;}

.ny-newscase{ padding:2rem 0;}
.ny-newscase ul li{ padding:1rem; margin-bottom:1rem;}
.ny-newscase ul li a{display: flex;justify-content: space-between;align-items: center;}
.ny-newscase ul li a i{/* display:none; */border-radius:4px;overflow: hidden;}
.ny-newscase ul li a .txt{ padding-left:2rem; /**//* width:100%; */}
.ny-newscase ul li a .txt .tit{ font-size:1.6rem;}
.ny-newscase ul li a .txt .note{ -webkit-line-clamp: 2; font-size:1.4rem;}
.ny-newscase ul li a .txt .info{ display:none;}
.ny-newscase ul li a .txt .line{ margin:4px 0;}
.ny-newscase ul li a i img{height:7.8rem;object-fit: cover;}

.article-wrap{padding:1.5rem;  border: none;}
.article-wrap .article-header h1{ font-size:2rem; margin-bottom:1rem;}
.article-wrap .article-header{ margin-bottom:1rem;}
.article-footer ul li{ float:none !important; font-size:1.4rem; height:2;}
.article-body{ font-size:1.6rem;}
.article-body p{font-size:1.6rem;}
.article-body p span{font-size:1.6rem!important;}
.article-body img{ height:auto !important;}

.ny-rongyu{ padding:1rem;}
.ny-rongyu ul li{ padding:1rem;}
}