:root{
    --text-color: #fff;
    --active-color: #6fa341;
    --warning-color: #ff7878;
}

@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('fonts/SourceHanSansCN-Light.woff2') format('woff2');
}


*{ list-style-type: none; padding: 0; margin: 0; box-sizing: border-box; }
ul,li,ol{ list-style-type: none; padding: 0; margin: 0; }
html{ font-size: clamp(12px, 1.2vw, 18px); }
body{ background: #191919; color: var(--text-color);  font-family: 'SourceHanSansCN-Light', -apple-system, Arial, 'Microsoft YaHei', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
a{ color: var(--text-color); transition: all 0.3s ease-in-out; }
a:hover{ color: var(--active-color); text-decoration: none; }
h1,h2,h3,h4,h5,h6{ color:inherit; font-family: 'SourceHanSansCN-Light', -apple-system, Arial, 'Microsoft YaHei', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
address, dl, fieldset, figure, ol, p, pre, ul{ margin:0; }
p{ margin:15px 0; }

.uk-container{ max-width: 1580px; }
@media screen and (min-width: 960px) {
    .uk-container{ padding-left: 7vw; padding-right: 7vw;}
}


.fs100{ font-weight: 100; }
.f12{ font-size: .75rem; }
.f13{ font-size: .8125rem; }
.f14{ font-size: .875rem; }
.f16{ font-size: 1rem; }
.f18{ font-size: 1.125rem; }
.f20{ font-size: 1.25rem; }
.f22{ font-size: 1.375rem; }
.f24{ font-size: 1.5rem; }
.f26{ font-size: 1.625rem; }
.f30{ font-size: 1.875rem; }
.f36{ font-size: 2.25rem; }
.f40{ font-size: 2.5rem; }
.f48{ font-size: 3rem; }
.f50{ font-size: 3.125rem; }
.f60{ font-size: 3.75rem; }
.f80{ font-size: 5rem; }
.f100{ font-size: 6.25rem; }

/*边距间距*/
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.p10{ padding: 10px 0; }


/*文字颜色*/
.text-white{ color: #fff; }
.text-black{ color: #000; }
.text-main{ color: var(--active-color); }
.text-warning{ color: var(--warning-color); }

/*超出隐藏*/
.max-line-1{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.max-line-2,.max-line-3,.max-line-4,.max-line-5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.max-line-2{-webkit-line-clamp:2}
.max-line-3{-webkit-line-clamp:3}
.max-line-5{-webkit-line-clamp:5}

/*弹出提示弹窗*/
#modal-tips .uk-modal-body{ width: 400px; background: #363636; padding:60px; }
#modal-tips .uk-modal-body .iconfont{ font-size: 120px; line-height: 1; }
#modal-tips .uk-modal-close-outside{ padding:10px; background: #fff; border-radius: 50%; transform: translate(50%, -50%); }
#modal-tips .uk-modal-close-outside svg{ width: 20px; height: 20px; color:#000; }

.banner{ height: 100vh; width: 100%; overflow: hidden; box-sizing:content-box; }
.banner>img{ width: 100%; height: 100%; object-fit: cover; }
.banner .mask{ position: absolute; inset: 0; z-index: 2; background:url(../images/mask_tit.png) center no-repeat rgba(0,0,0,0.15); }
.banner .scroll{ z-index: 9; bottom:40px; animation: scrollBounce 2s ease-in-out infinite; }


@keyframes scrollBounce{
    0%, 100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(15px);
    }
}
.uk-animation-kenburns { animation-name: uk-kenburns; animation-duration: 10s; animation-iteration-count: infinite; animation-direction: alternate; }




.banner_holder{ height: 100vh; width: 100%;}

.inban{ height: 780px; width: 100%; overflow: hidden; }
.inban>img{ width: 100%; height: 100%; object-fit: cover; }
.inban .mask{ position: absolute; inset: 0; z-index: 2; background:url(../images/mask_tit.png) center no-repeat rgba(0,0,0,0.15); }
.inban .scroll{ z-index: 9; bottom:40px; animation: scrollBounce 2s ease-in-out infinite; }
.inban .bar{ position: absolute; z-index:2; top: 50%; transform: translateY(-50%); left: 0; right: 0; }

.inban .product_bar{ position: absolute; inset: 0; z-index: 2; }
.inban .product_bar .uk-wrap{ position: absolute; left: 7vw; top: 50%; transform: translateY(-50%); padding-left:280px; }
.inban .product_bar .uk-wrap .tit{ margin-bottom: 1em; }
.inban .product_bar .ico{ position: absolute; right:7vw; top: 20%; max-width: 600px; }

.inban .slider{ position: absolute; z-index:2; top: 50%; transform: translateY(-50%); left: 0; right: 0; padding:0 7vw; margin-left: 300px; }
.inban .slider>div{ max-width: 1600px; margin: 0 auto; }
.inban .slider .ico{ width: 100%; aspect-ratio: 1/1; background: #363636; width: 100%; height: 100%; padding:10px; }
.inban .slider .ico img{ max-width: 100%; max-height: 100%; }
.inban .slider .name{ padding:10px 0; }


.inban_holder{ height: 780px; width: 100%;}

.navbar{ width:280px; position: relative; z-index: 10; background-color: rgba(0,0,0,0.3); }
.navbar:after{ content: ''; position: absolute; right:0; top: 0; bottom:0; z-index: 2; width: 1px; background-color: rgba(255,255,255,0.1); }
.navbar .logo{ padding:40px 0; text-align: center; }
.navbar .logo img{ height: 30px; width: auto; }
.navbar .menu{ width: 100%; }
.navbar .menu>ul>li{ position: relative; }
.navbar .menu>ul>li>a{ color:#cacaca; font-size: 18px; display: block; position: relative; }
.navbar .menu>ul>li>a:hover{ color:var(--active-color); }
.navbar .menu>ul>li{ height: 50px; line-height: 50px; text-align: center; }
.navbar .menu>ul>li>a>span{ display: inline-block; position: relative; }
.navbar .menu>ul>li>a>span::before{ content: ''; position: absolute; left: -20px; top: 50%; z-index: 2; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #fff; }
.navbar .menu>ul>li.active>a{ color: var(--active-color); }
.navbar .menu>ul>li.active>a>span::before{ background-color: var(--active-color); }
.navbar .menu>ul>li::before{ content: ''; position: absolute; left: -100%; bottom: 0; width: 100%; height: 100%; background: rgba(111,163,65,0.15); transition: left 0.4s ease-in-out; z-index: -1; }
.navbar .menu>ul>li:hover::before{ left: 0; }
.navbar .menu>ul>li>a span::after{ content: ''; position: absolute; left: -17px; top: 50%; z-index: 1; width: 0; height: 0; border: 1px solid var(--active-color); border-radius: 50%;transform: translateY(-50%); transition: all 0.3s ease;}
.navbar .menu>ul>li:hover>a span::after{ width: 24px; height: 24px; left: -30px; }

/* Submenu Styles */
.navbar .menu>ul>li .submenu{position:absolute;left:280px;top:0;height: 100vh;background:rgba(0,0,0,.3);width:0;overflow:hidden;opacity:0;transition:width .4s ease-in-out,opacity .4s ease-in-out;transition-delay:0s;z-index:100;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1)}
.navbar .menu>ul>li .submenu ul{padding:0; width: 100%; display:flex;flex-direction:column;justify-content:center;height:100%}
.navbar .menu>ul>li .submenu ul li{height:50px;line-height:50px;text-align:center; }
.navbar .menu>ul>li .submenu ul li a{color:#cacaca;font-size:16px;display:block;transition:color .3s ease; position: relative;}
.navbar .menu>ul>li .submenu ul li a::before{ content: ''; position: absolute; left: -100%; bottom: 0; width: 100%; height: 100%; background: rgba(111,163,65,0.15); transition: left 0.4s ease-in-out; z-index: -1; }
.navbar .menu>ul>li .submenu ul li a:hover::before{ left: 0; }
.navbar .menu>ul>li:hover .submenu,
.navbar .menu>ul>li .submenu:hover{width:220px;opacity:1;transition-delay:0.3s}


.inban .navbar .menu>ul>li .submenu{ height: 780px; bottom:auto; }


.indexwrap{ position: relative; z-index: 2; background-color: #191919; }
.ipart1{ height: 100vh; width: 100%; background:url(../images/bg1.jpg) center no-repeat; background-size: cover; position: relative; }
.ipart1 .uk-box{ height: 100%; padding:0 7vw; position: relative; z-index: 2; }
.ipart1 .left{ width: 50%; }
.ipart1 .left .tit{ color:rgba(255,255,255,0.1); letter-spacing: 0.1em; margin-bottom: 0.5em; }
.ipart1 .left .tit span{ font-size: 60px; line-height: 1; }
.ipart1 .left .tit sup{ margin-left:1rem; line-height: 1; }
.ipart1 .left .subtit{  margin-bottom:1em;  }
.ipart1 .left .desc{ color:rgba(255,255,255,0.75);line-height: 2; }
.ipart1 .right{ width: 30%; margin-left:20%; }
.ipart1 .right ul li{ padding-left:8.75rem; position: relative; margin-bottom: 6rem; }
.ipart1 .right ul li:last-child{ margin-bottom: 0; }
.ipart1 .right ul li .ico{ position: absolute; left: 0; top:5px; }
.ipart1 .right ul li .ico .iconfont{ line-height: 1;}
.ipart1 .right ul li .desc{ color:rgba(255,255,255,0.4)}

.ipart1::after{ content: ''; position: absolute; right:0; top:0; bottom:0; width: 40%; z-index: 1; background: rgba(0,0,0,0.4); }

.ipart2{ height: 100vh; width: 100%; background:url(../images/bg2.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; }
.ipart2 .uk-box{ height: 100%; margin:0 7vw; position: relative; z-index: 2; } 
.ipart2 .uk-box .uk-subnav{ margin-left:0; width: 100%; margin-bottom: 5rem;  padding-top:8rem; }
.ipart2 .uk-box .uk-subnav>li{ padding-left: 0; width: 25%; }
.ipart2 .uk-box .uk-subnav>li a{ line-height: 2.6; font-size: 1.125rem; justify-content: center; color:#222; position: relative; transition: all 0.3s ease-in-out; }
.ipart2 .uk-box .uk-subnav>li a::before{ content: ''; position: absolute; left: 0; top: 0; bottom:1px; width: 1px; background: #b3b3b3; }
.ipart2 .uk-box .uk-subnav>li:last-child a::after{ content: ''; position: absolute; right: 0; top: 0; bottom:1px; width: 1px; background: #b3b3b3; }
.ipart2 .uk-box .uk-subnav>li.uk-active a,.ipart2 .uk-box .uk-subnav>li:hover a{ background-color: var(--active-color); color: #fff; }
.ipart2 .uk-box .uk-subnav>li.uk-active a::before,.ipart2 .uk-box .uk-subnav>li.uk-active a::after{ display: none; }
.ipart2 .uk-box .uk-switcher .uk-width-auto\@s{ width: 40%; }
.ipart2 .uk-box .ico{ position: absolute; top:16rem; right:0; max-width: 60%; left: 50%; padding-right: 6.25rem; max-height: 70%; }
.ipart2 .uk-box .ico img{ max-width: 810px; }
.ipart2 .uk-box .uk-wrap{ padding-left:6.25rem; padding-right: 50%; }
.ipart2 .uk-box .uk-wrap .tit{ margin-bottom: 1em; }
.ipart2 .uk-box .uk-wrap .desc{ color:#454545; line-height: 2; }


.ipart3{ height: 100vh; width: 100%; background:url(../images/bg3.jpg) center no-repeat; background-size: cover; position: relative; }
.ipart3 .uk-box{ height: 100%; margin:0 7vw; position: relative; z-index: 2; }
.ipart3 .uk-box .hd{ padding-top:10rem; }
.ipart3 .uk-box .hd .tit{ margin-bottom: 0.5em; }
.ipart3 .uk-box .bar{ position: absolute; bottom:110px; left: 0; right: 0; }
.ipart3 .uk-box .bar .uk-wrap{ background:rgba(0,0,0,0.4); padding:50px; position: relative; text-align: right; }
.ipart3 .uk-box .bar .uk-wrap .tit{ line-height: 2.4;}
.ipart3 .uk-box .bar .uk-wrap .ico{ position: absolute; left: 50px; top: 50%; transform: translateY(-50%); }


.ipart4{ height: 100vh; width: 100%; background:url(../images/bg4.jpg) center no-repeat; background-size: cover; position: relative; }
.ipart4 .uk-box{ height: 100%; margin:0 7vw; position: relative; z-index: 2; }
.ipart4 .uk-box .hd{ margin-bottom: 3rem; padding-top:6rem; }
.ipart4 .bd li{ margin-top:-1px!important; }
.ipart4 .bd li .uk-wrap{ padding:40px 0; border-top:1px solid rgba(255,255,255,0.1); z-index: 1; border-bottom: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease; }
.ipart4 .bd li .uk-wrap *{ transition: all 0.3s ease; }
.ipart4 .bd li .uk-wrap .date{ color:#979797; line-height: 1.2; width: 140px; text-align: center; margin-top:-5px; margin-right:20px; }
.ipart4 .bd li .uk-wrap:hover{ border-color:var(--active-color); z-index: 3; }
.ipart4 .bd li .uk-wrap:hover .date{ color:var(--active-color); }
.ipart4 .bd li .uk-wrap:hover .tit{ color:var(--active-color); }
.ipart4 .fd{ margin-top:3.75rem; }
.ipart4 .fd .uk-button{ border:1px solid #ffff; background: none; width: 10em; line-height: 3em; position: relative; overflow: hidden; transition: color 0.4s ease-in-out; }
.ipart4 .fd .uk-button::before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--active-color);transition: width 0.4s ease-in-out; z-index: -1; }
.ipart4 .fd .uk-button:hover{ color: #fff; }
.ipart4 .fd .uk-button:hover::before{ width: 100%; }



.footer{ background:#000; position: relative; z-index: 2; padding:5.625rem 0 5rem; }
.footer .uk-box{ height: 100%; margin:0 7vw; position: relative; z-index: 2; }
.footer .left .uk-wrap{ padding-right:12.5rem;}
.footer .fotlogo{ border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:2.5rem; margin-bottom: .9375rem; }
.footer .fotlogo img{ height: 30px; }
.footer .fotnav li{ margin-right:4em; }
.footer .fotnav li:last-child{ margin-right:0; }
.footer .fotnav li a{ display: inline-block; line-height: 3; }
.footer .copyright{ padding:40px 0; color:rgba(255,255,255,0.5); }
.footer .fotqr>div{ margin-left:5rem; text-align: center; max-width: 140px; }
.footer .fotqr>div:first-child{ margin-left:0; }
.footer .fotqr>div>div{ padding:10px 5px; }

@media screen and (max-width: 1500px) {
    .footer .left .uk-wrap{ padding-right: 0rem; }
}


.to-top{ z-index: 999; bottom:40px; right:20px; opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s ease-in-out; }


.to-top a{ background:var(--active-color); width: 40px; height: 40px; line-height: 40px; text-align: center; color:#fff; }
.to-top.active{  opacity: 1; visibility: visible; transform: translateY(0); }
.to-top a:hover{ background: var(--active-color); color:#fff; }


/*关于我们*/
.company1{background:url(../images/bg_abt1.jpg) center no-repeat; background-size: cover; padding:15rem 0; }
.company1-wrap{align-items:flex-start}
.company1 .left{padding-right:50px}
.company1 .left .tit{ font-weight:600;color:#fff;line-height:1.5;margin:0}
.company1 .mid{padding:0 40px}
.company1 .right{padding-left:40px}
.company1 .desc{ color:rgba(255,255,255,.75);line-height:2;margin:0}

.company2{background:url(../images/bg_abt2.jpg) center no-repeat; background-size: cover; min-height: 780px; }
.company2 .uk-wrap{ padding-top: 12.5rem;}

.company3{background:url(../images/bg_abt3.jpg) center no-repeat; background-size: cover; min-height: 780px; }
.company3 .uk-wrap{ padding-top: 22rem;}

.company4{background:url(../images/bg_abt4.jpg) center no-repeat; background-size: cover; min-height: 900px; }
.company4 .uk-wrap{ padding-top: 16rem;}
.company4 .uk-wrap h2{ margin-bottom: 1em; }
.company4 .uk-wrap .desc{ line-height: 2;}


/*服务保障*/
.servicebox{ padding:8rem 0 0; }
.servicebox>.uk-container>div{ margin-bottom: 6rem; }
.servicebox .service .uk-wrap{ background:rgba(0,0,0,0.4); padding:50px 60px; position: relative; text-align: right; width: 20%; min-width: 330px; }
.servicebox .service .uk-wrap .tit{ line-height: 2.4;}
.servicebox .service .uk-wrap .ico{ position: absolute; left: 50px; top: 50%; transform: translateY(-50%); }
.servicebox .service .uk-box{ padding:0 50px; max-width: 50%; }
.servicebox .service .uk-box .desc{ color:rgba(255,255,255,0.6); margin-top:2rem; line-height: 1.4; }
.service5{ background:url(../images/bg_srv.jpg) center no-repeat; background-size: cover; }
.service5>.uk-container{ min-height: 600px; }
.service5 .desc{ line-height: 2;}


/*产品详情*/
.product_detail{ padding:5rem 7vw; background: url(../images/bg_pro.jpg) top center no-repeat #191919; background-size: 100% auto; }
.product_box{ padding:6rem 0; }
.product_detail .ico{ width: 50%; padding:0 5rem; text-align: center; }
.product_detail .ico img{ max-width: 600px;}
.product_detail .uk-wrap{ padding-left:20%; width: 50%; }

.product_pics{ max-width: 1280px; margin-left: auto; margin-right: auto; }
.product_pics.uk-grid-small>*{ padding-left:0!important; }
.product_pics li .uk-ico{ margin:0 7px; }
.product_pics li .ico{ background: #363636; width: 100%; aspect-ratio: 1/1; padding:2rem; }
.product_pics li .ico img{ max-width: 100%; max-height: 100%; }
.product_pics li .name{ padding:20px; text-align: center; background: #363636; }

.product_bot{ background:url(../images/bg_srv.jpg) center no-repeat; background-size: cover; position: relative; z-index: 2; }
.product_bot>.uk-container{ min-height: 400px; }
.product_bot .desc{ line-height: 2;}



.tbody{ padding:7.5rem 0; }
/*新闻列表*/
.newspart{  margin-bottom: 3.125rem; background:#000;  }
.newspart .left{ overflow: hidden;}
.newspart .pic{ width:100%; height: 440px; overflow: hidden; }
.newspart .uk-wrap{ margin:40px 50px; }
.newspart .uk-wrap .date{ margin: 1em 0; }
.newspart .uk-wrap .date .uk-icon{ margin-right: 5px; }
.newspart .uk-wrap .desc{ color:rgba(255,255,255,.6); line-height:2.2; margin-bottom: 2em; }
.newspart .uk-wrap .more a{ min-width: 160px; }
.newspart .uk-wrap .more a span{ position: relative; z-index: 2; }
.newspart .uk-wrap .more a{ border:1px solid #ffff; background: none; width: 10em; line-height: 3em; position: relative; overflow: hidden; transition: color 0.4s ease-in-out; }
.newspart .uk-wrap .more a::before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: var(--active-color);transition: width 0.4s ease-in-out; z-index: 1; }
.newspart .uk-wrap .more a:hover{ color: #fff; }
.newspart .uk-wrap .more a:hover::before{ width: 100%; }


.newslist li{ position: relative; margin-top: -1px; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); padding:40px 0px;}
.newslist li .pic{ width:280px; margin-right:50px; }
.newslist li .date{ margin-left:20px; margin-right:80px; width:90px; position: relative; color:#666666; padding-top: 5px; }
.newslist li .date .f60{ line-height: 1.2;}
.newslist li .date::before{ position: absolute; top:50%; right: -40px; transform: translateY(-50%); content:''; display: block; width:10px; height: 10px; background: #666666; border-radius: 50%; }
.newslist li .con{ padding-right:20px; }
.newslist li .con .tit{ margin-bottom:10px; }
.newslist li .con .desc{color:#8d8d8d; line-height: 1.8; min-height: 60px; margin-top:8px; }
.newslist li:hover{ border-color:var(--active-color); position: relative; z-index: 1; background: #000; }
/* .newslist li:hover .tit, .newslist li:hover .con .desc{ color:var(--main-color); } */
.newslist li:hover .date{ color:var(--active-color); }
.newslist li:hover .date::before{ background: var(--active-color); }

.newsdetail h1{ padding:0 6.25rem; }
.newsdetail .infos{ color:#7f7f7f; }
.newsdetail .infos>div{ padding:0 20px; }
.newsdetail .infos a{ color:var(--active-color); }
.newsdetail .content{ color: #b3b3b3; line-height: 2; }
.newsdetail .content img{ display:block; margin:15px auto; }



/*上下链接*/
.cother{  }
.cother ul li{ padding: 12px 20px 12px 110px; background-size: auto; position: relative; margin-bottom: 20px; background-color: #111111; }
.cother ul li a{color:#8a8a8a; white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis; }
.cother ul li a:hover{color:var(--active-color); }
.cother li span{ position: absolute; top:12px; left: 25px; padding-left:20px; background-repeat: no-repeat; background-position: left center; color:#8a8a8a; }
.cother li:first-child span{ background-image: url(../images/icon_prev.png); }
.cother li:last-child span{ background-image: url(../images/icon_next.png); }




/*分页*/
.pages{ margin: 50px 0;}
.pages .uk-pagination a,.pages .page-num{ display: block; padding:0; height: 40px; line-height: 40px; padding:0 8px; min-width:38px; text-align: center; border:1px solid rgba(255,255,255,0.1);  background: none; margin-left:-1px; color:#666; }
.pages .uk-pagination a:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #0c0c0c; color:#748185; }
.pages .uk-pagination a:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #0c0c0c; color:#748185; }
.pages .uk-pagination a span{ display: block; height: 100%; height: auto; padding:0; text-align: center; }
.pages .uk-pagination a svg{ display: block;}
.pages .uk-pagination .page-item{ justify-content: center; display: flex; }
.pages .uk-pagination .page-num-current{ color:#fff; background: var(--active-color); border-color:var(--active-color); }
.pages .uk-pagination a:hover{ color:#fff; background: #0c0c0c; border-color:var(--active-color); }
.pages .uk-pagination a:hover span{ color:#fff;}
.pages .uk-pagination .uk-icon{ padding:9px 0; }
.pages .uk-pagination .current{ border-top:1px solid var(--active-color); border-bottom:1px solid var(--active-color); height: 40px; line-height: 38px; padding:0 15px; color:#748185; background:#0c0c0c; }
.pages .jump { margin-left:20px; }
.pages .jump select{ height: 38px; border:1px solid #e8ecee; color:#748185; line-height: 38px; border-radius: 4px; padding-left:10px; padding-right:10px; }
.pages .jump input{ width:50px; border:1px solid #e8ecee; height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left:5px; text-align: center; color:#748185; outline: none; }
.pages .jump button{ cursor: pointer; color:#748185; background:#ffffff; height: 38px; padding:0 10px; border:1px solid #e8ecee; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }




/*联系我们*/
.contact1{ background: #1a1a1a; padding: 80px 0; }

/* 联系信息卡片 */
.contact-info-card{ background: #252525; padding: 3.75rem 5rem; margin-bottom: 60px; margin-top:10rem; }
.contact-info-card .info-item{ display: flex; align-items: center; padding: 20px 0 20px 50px; position: relative; }
.contact-info-card .ico{ position: absolute; left: 0; top:5px; }
.contact-info-card .content .label{ color: rgba(255,255,255,0.6); margin-bottom: 5px; }
.contact-info-card .content .value{ color: #fff; }
.contact-info-card .worktime .value{ margin-top:20px; }
.contact-info-card .qr-codes{ display: flex; justify-content: flex-end; gap: 90px; padding:0; }
.contact-info-card .qr-item{ text-align: center; }
.contact-info-card .qr-item img{ width: 140px; height: 140px; display: block; margin-bottom: 10px; }
.contact-info-card .qr-item span{ font-size: 16px; color: rgba(255,255,255,0.6); }

/* 留言表单 */
.contact-form{ margin: 0 auto; padding-bottom: 9.375rem; }
.contact-form .form-title{text-align:center;margin-bottom:1em;}
.contact-form .uk-input{ height: 60px; }
.contact-form .uk-input,.contact-form .uk-textarea{background:0 0;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:16px;padding:12px 15px;}
.contact-form .uk-input::placeholder,.contact-form .uk-textarea::placeholder{color:rgba(255,255,255,.4)}
.contact-form .uk-input:focus,.contact-form .uk-textarea:focus{border-color:var(--active-color);background:0 0;color:#fff}
.contact-form .uk-textarea{resize:none; min-height: 180px; }

.demand-section{display:flex;align-items:center;margin:30px;flex-wrap:wrap;gap:15px}
.demand-section .demand-label{font-size:16px;color:rgba(255,255,255,.6);margin-right:6em; }
.demand-section .demand-checkbox{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#909090; margin-right:2em;}

.demand-section .demand-checkbox span{transition:color .3s}
.demand-section .demand-checkbox:hover span{color:var(--active-color)}
.demand-section .demand-checkbox input[type=checkbox]{width:20px;height:20px;margin-right:8px;accent-color:var(--active-color);cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.3);appearance:none;-webkit-appearance:none;border-radius:3px;position:relative;transition:all .2s ease}
.demand-section .demand-checkbox input[type=checkbox]:checked{background:var(--active-color);border-color:var(--active-color)}
.demand-section .demand-checkbox input[type=checkbox]:checked::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.submit-wrap{text-align:center;margin-top:35px}
.submit-wrap .submit-btn{background:var(--active-color); height: 60px; min-width: 180px; color:#111111;border:none;padding:12px 50px;font-size:18px;cursor:pointer;transition:background .3s ease}
.submit-wrap .submit-btn:hover{background:#5a8a35}

.contact_srv{ background:url(../images/bg_cat.jpg) center no-repeat; background-size: cover; }
.contact_srv>.uk-container{ min-height: 600px; }
.contact_srv .desc{ line-height: 2;}


@media screen and (max-width: 1440px) {
    html{ font-size:14px; }
    
    .banner .mask{ background-size:auto 200px; }
    
    .ipart1 .right ul li{ margin-bottom: 5rem;}
    .ipart2 .uk-box .uk-subnav{ padding-top:5rem; margin-bottom: 5rem; }
    .ipart2 .uk-box .ico{ top:13rem; }
    .ipart2 .uk-box .uk-wrap .tit{ margin-bottom: 1em; }

    .ipart3 .uk-box .hd{ padding-top:10rem; }
    .ipart3 .uk-box .bar .uk-wrap{ padding:40px; }
    .ipart3 .uk-box .bar .uk-wrap .ico{ left: 40px; }
    
    .ipart4 .uk-box .hd{ padding-top:5rem; margin-bottom: 3rem; }
    .ipart4 .bd li .uk-wrap{ padding:28px 0; }
    .ipart4 .fd{ margin-top: 3rem; }

    .company1{ padding-top:10rem; padding-bottom: 10rem; }
    .company2{ min-height: 700px; }
    .company2 .uk-wrap{ padding-top:10rem; }
    .company3{ min-height: 700px; }
    .company3 .uk-wrap{ padding-top:22rem; }
    .company4{ min-height: 700px; }
    .company4 .uk-wrap{ padding-top:14rem; }

    .servicebox{padding-top:6rem; }
    .servicebox>.uk-container>div{ margin-bottom: 5rem;}
    .service5>.uk-container{ min-height: 500px; }


    .newslist li{ padding:28px 0; }
    .newslist li .con .desc{ min-height: 2em;}
    
    .inban .product_bar .ico{ max-width: 500px; }
    .product_box{ padding:6rem 0; }
    .product_detail{ padding-top:4rem; padding-bottom: 4rem; }
    .product_detail .ico img{ max-width: 400px; }

    .contact_srv>.uk-container{ min-height: 500px; }

}


@media screen and (max-width: 1280px) {
    html{ font-size:13px; }
    
    .inban{ height: 720px; }
    .banner .mask{ background-size:auto 160px; }
    


    .company2{ min-height: 660px; }
    .company3{ min-height: 660px; }
    .company4{ min-height: 660px; }

    .product_detail .ico img{ max-width: 360px; }

}