﻿@charset "utf-8";
:root{--color:#1d2088;--color2:#029a45}
#home-feed h3{text-transform:uppercase;font-size:2.2em;text-align:center}
#home-feed {background:#f7f7f7;padding:50px 0;}
#home-feed .send-inquiry {max-width:1200px;margin:50px auto 0;}
#home-feed .send-inquiry .inquiry-form input {border-color:#ccc;border-radius:5px}
#home-feed .send-inquiry .inquiry-form textarea {border-color:#ccc;border-radius:5px}
#home-feed .send-inquiry .send-btn {margin:25px auto 0;border-radius:5px}
#home-feed #SubmitName_I{background:url(/uploads/17006/index/inname.png) no-repeat;background-position:right -24px}
#home-feed #SubmitEmail_I{background:url(/uploads/17006/index/inemail.png) no-repeat;background-position:right -24px}
#home-feed #SubmitPhone_I{background:url(/uploads/17006/index/inphone.png) no-repeat;background-position:right -24px}
#home-feed #SubmitCompanyName_I{background:url(/uploads/17006/index/incompany.png) no-repeat;background-position:right -24px}
#home-feed #SubmitContent_I{background:url(/uploads/17006/index/incontent-c.png) no-repeat right 14px}
html{scroll-padding-top:100px}
@media (max-width:768px){#home-feed h3{font-size:19px}
#home-feed .send-inquiry{margin-top:30px}}
#contact{display:none}
.more-btn1{margin-right:20px}
.more-btn{text-transform:capitalize}
#sol-swiper .sol-img img{padding:30px;box-sizing:border-box;max-height:500px;object-fit:cover}
.sol-img{background:#fff}
#product .pro-list .pro-name{margin:10px 0;line-height:22px;height:44px}
@media (max-width:560px){#product .pro-list .pro-item{padding:10px}
#sol-swiper .sol-img img{padding:15px 15px 0}}
#product .product-more .more-btn,.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pdown1 a,.pdown2 a,.pdown3 a,.pdown4 a{background:var(--color);border-color:var(--color);color:#fff}
.send-inquiry .send-btn{background:var(--color);border:1px solid var(--color)}
.send-inquiry .send-btn:before{display:none}
.foot-feedback .feedback-btn{border:1px solid var(--color)}
#ind .ind-r{z-index:2}
@media (min-width:769px){#ind .ind-wrap{padding-right:140px}}
@media (max-width:768px){#ind .ind-r iframe{height:400px;display:block}}
@media (max-width:560px){#ind .ind-r iframe{height:300px}
#ind .ind-l h3{font-size:20px}}
#product .pro-list .pro-more{text-transform:capitalize;background:var(--color);border:1px solid var(--color);color:#fff}
#new .new-more{text-transform:capitalize;background:var(--color);border:1px solid var(--color);color:#fff;transition:.3s;display:inline-block;padding:5px 18px}
#new .new-more i{display:none}
.bannerbtn{position:absolute;bottom:10vw;left:50%;transform:translate(-50%,0)}
.bannerbtn.btn2{bottom:9.5vw}
.bannerbtn a{border:1px solid var(--color);background:var(--color);color:#fff;font-size:1.3vw;padding:1vw 3vw;margin:0 .5vw}
@media (max-width:768px){.bannerbtn{bottom:8vw}
.bannerbtn.btn2{bottom:8vw}}
@media (max-width:480px){.bannerbtn{bottom:7.5vw}
.bannerbtn.btn2{bottom:7.5vw}
.bannerbtn a{font-size:1vw;padding:.5vw 2vw;margin:0 .5vw}}
@media (max-width:359px){.bannerbtn{display:none}}
#home-clients{margin-bottom:50px}
.home-clientslist{display:flex;flex-wrap:wrap;margin-top:30px;justify-content:space-between}
.home-clientslist li{width:15.5%}
.home-clientslist li img{width:100%}
@media (max-width:1080px){.home-clientslist li{width:32%;margin-bottom:10px}}
@media (max-width:560px){.home-clientslist li{width:49%;margin-bottom:5px}
#home-clients{margin-bottom:30px}
.home-clientslist{margin-top:20px}}
#new .new-img{width:100%;padding-bottom:100%}
#new .new-img img{height:100%;position:absolute;top:0;left:0;object-fit:contain}
.product-main .pro-list.list1 .pro-more{background:var(--color);color:#fff;text-transform: capitalize;}
.inner-banner h2, .inner-banner h1{transform:translateY(-6vw);}
@media (max-width:768px){.inner-banner h2, .inner-banner h1{transform:translateY(-11vw);}}
.head-main .head-logo img:nth-child(1){margin-right:10px}
@media (min-width:769px){.head-nav .submenu li ul {display:none;left:100%;top:0;position:absolute;}
.head-nav .submenu{overflow:visible}
.head-nav .submenu li{position:relative}
.head-nav .submenu li:hover ul{display:block}}
.sidebar-newcate li.LiLevel1:hover>ul.sub-menu{display:block!important;}
.sidebar-newcate li.LiLevel1:hover>i.iconfont{transform: rotate(90deg);}
.product-main.mobcate-main>.l-wrap>.prolist-content{width:100%;}
.product-main .pro-list.list1 .pro-name{min-height:58px;}
@media (max-width:500px){.product-main .pro-list.list1 .pro-name{min-height:79px;}
.prolist-bottom iframe{width:100% !important;height:auto !important;min-height:260px;}}
.head-top .head-contact i, .head-top .head-contact em,.head-top .head-contact a:hover{color:#fff}
.bannerbtn a:hover,.more-btn:hover,#product .pro-list .pro-more:hover,#new .new-more:hover,.send-inquiry .send-btn:hover,.foot-feedback .feedback-btn:hover,.product-main .pro-list.list1 .pro-more:hover{background:var(--color2);color:#fff;border-color:var(--color2)}
.send-inquiry .send-btn:hover .span{color:#fff!important}
#ind .adv-icon .icon-img{overflow:hidden}
#ind .adv-icon .icon-img img{filter:drop-shadow(0 200px 0 var(--color2));transform:translateY(-200px)}
#product .pro-list .pro-item:hover{border-color:var(--color2)}
#product .product-more .more-btn:hover, .pro-detail .pro-btnlist>a:hover, .pro-detail .pro-btnlist .pro-btn:hover, .pdown1 a:hover, .pdown2 a:hover, .pdown3 a:hover, .pdown4 a:hover{background:var(--color2);color:#fff;border-color:var(--color2)}
.advan .advan-icon>i, .advan .advan-icon>em{background-image:url(/uploads/17006/page/p2024061210044078481.png)}
.foot-main .foot-title:after{background:var(--color2)}
.foot-cate a:hover, .foot-right a:hover, .foot-main a:hover{color:var(--color2)}
header .head-share{margin-right:30px;margin-left:auto;display:flex;}
header .head-share li{margin:0 5px;}
header .head-share li .social-item{display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;background: #555;color: #FFF;border-radius: 2px;transition: transform .3s ease;}
header .head-share li .social-item.fb{background:#3b5997}
header .head-share li .social-item.tw{background:#2d2d2d}
header .head-share li .social-item.lk{background:#0A66C2}
header .head-share li .social-item.you{background:#FF0000}
header .head-share li .social-item.pi{background:#cc2127}
header .head-share li .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
header .head-share li .social-item.tik{background:var(--fontcolor)}
header .head-share li .social-item.vk{background:#0077FF}
@media (max-width:1024px){header .head-share{display:none}}
@media (min-width:1025px){.head-nav>ul>li{margin:0;}
.head-nav>ul>li>a{padding:0 15px;}
.head-nav>ul>li>a:hover,.head-nav a.inmenu_1{background:var(--color);color:#fff;}}
@media (min-width:1025px) and (max-width:1470px){.head-nav>ul>li>a{padding:0 12px;}}
.sidebar-newcate li.LiLevel1>a {height:auto;white-space:normal;line-height:1.4;padding:14px 35px 14px 40px;}
.sidebar-cate li>.iconfont {right:10px;}
.sidebar-cate .sub-menu li,.sidebar-cate .pro-menu li {height:auto;white-space:normal;line-height:1.4;padding:10px 20px 10px 40px;}
.sidebar-prolist li{transition:all .3s;padding:10px;}
.sidebar-prolist li:hover{background:var(--color)}
.sidebar-prolist li:hover .pro-info a{color:#fff}
.common-main.new-main .sidebar .sidebar-item:last-child,.common-main.product-main.mobcate-main .sidebar .sidebar-item:last-child {background: url(https://css02.v15cdn.com/m424/siggleimg/feedback.webp) no-repeat center/cover;padding:10px;}
.common-main.new-main .sidebar .sidebar-item:last-child .sidebar-title,.common-main.product-main.mobcate-main .sidebar .sidebar-item:last-child .sidebar-title{color:#fff;padding-bottom:0;}
.common-main.new-main .sidebar .sidebar-item:last-child .sidebar-title:after,.common-main.product-main.mobcate-main .sidebar .sidebar-item:last-child .sidebar-title:after{display:none;}
.common-main.new-main .sidebar .sidebar-item:last-child .send-inquiry .inquiry-form textarea,.common-main.new-main .sidebar .sidebar-item:last-child .send-inquiry .inquiry-form input,.common-main.product-main.mobcate-main .sidebar .sidebar-item:last-child .send-inquiry .inquiry-form textarea,.common-main.product-main.mobcate-main .sidebar .sidebar-item:last-child .send-inquiry .inquiry-form input{border-radius: 3px;}
.common-main.new-main .sidebar .sidebar-item:last-child .wmkcfeedback .send-btn,.common-main.product-main.mobcate-main .sidebar .sidebar-item:last-child .wmkcfeedback .send-btn{width:100%;border-radius: 3px;background:var(--color)}
.send-inquiry .inquiry-form .wmkcfb-company{background:#fff url(https://css02.v15cdn.com/m403/darkblue/imgs/company.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.send-inquiry .inquiry-form .wmkcfb-name{background:#fff url(https://css02.v15cdn.com/m403/darkblue/imgs/user.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.send-inquiry .inquiry-form .wmkcfb-title{width:100%;background:#fff url(https://css02.v15cdn.com/m403/darkblue/imgs/title.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.send-inquiry .inquiry-form .wmkcfb-phone{background:#fff url(https://css02.v15cdn.com/m403/darkblue/imgs/phone.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.send-inquiry .inquiry-form .wmkcfb-email{background:#fff url(https://css02.v15cdn.com/m403/darkblue/imgs/email.webp) no-repeat;background-size:20px 20px;background-position:right 10px top 14px}
.send-inquiry .inquiry-form .wmkcfb-content{background:#fff url(https://css02.v15cdn.com/m403/darkblue/imgs/pencil.webp) no-repeat;background-size:18px 18px;background-position:right 10px top 10px;font-family:Arial,sans-serif}
.wmkcfeedback .send-btn{margin:25px auto!important}
.send-inquiry .inquiry-form input:focus::-webkit-input-placeholder,.send-inquiry .inquiry-form textarea:focus::-webkit-input-placeholder{transform:scale(.8) translate(2px,-14px)}
.new-main .new-list.list0 .new-date {font-size:16px;color:var(--color2);}
.new-main .new-list.list0>li:hover {background:var(--color);}
.new-main .new-list.list0>li:hover * {color:#fff!important}
.document-main .project-list.faq-list>li .project-info:hover .project-content{display:block}
.document-main .project-list.faq-list .project-name{font-weight:500}
.sidebar-newcate li.LiLevel1 ul.sub-menu li:hover{background:var(--color)}
.sidebar-newcate li.LiLevel1 ul.sub-menu li:hover a{color:#fff}