@charset "utf-8";
:root{--color:#2f318b}
header .top-box .nav-box{background:#fff}
body{padding-top:102px}
header .top-box{top:0}
@media screen and (min-width:1201px){header{top:0;background:#fff;height:102px}}
header .top-box .nav-box .mob-nav i{color:#000}
@media screen and (max-width:1200px){body{padding-top:62px}}
@media screen and (max-width:680px){body{padding-top:0}}
header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a,header .top-box .info .left span a:visited,header .top-box .nav-box .right .search-box,header .top-box .nav-box .right .search-close{color:#000}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:#fff}
main.index{margin-top:0}
.swiper-box.index-swiper{position:relative}
.swiper-box.index-swiper .swiper-index{height:auto}
.swiper-box.index-swiper .swiper-index img{display:block}
@media screen and (max-width:1200px){header .top-box .nav-box .right nav{background:rgba(255,255,255,.9)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:#0264af}
header .top-box .nav-box .right ul.nav1>li .submenu{background:none}
header .top-box .nav-box .right nav ul.nav1 i{color:#000}}
main.index section.about-us .block-box .content{flex-direction:inherit}
header .top-box .info .left{display:none}
header .top-box .info{justify-content:flex-end}
footer{background:#b6b6b6}
.copyright{background:#9e9e9e}
main.index section.products .list ul li,aside.nav2-template>ul>li:nth-of-type(1),main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button,main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1),main.page-template-1 .form .send-btn,main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black{background:#b6b6b6}
.productsDetails .btn-group button:nth-of-type(1),.item-faqdetails .btn-group button:nth-of-type(1),.item-aboutus .btn-group button:nth-of-type(1){background:var(--color)!important}
.item-faqdetails .btn-group button:nth-of-type(2),.item-aboutus .btn-group button:nth-of-type(2){background:#ED830D!important}
.table-wrap .table td{border-width:1px}
.faq-list{margin-top:4%;max-width:1268px}
.faq-list li{border:1px solid #bbced2;margin-bottom:12px;background:none}
.faq-list .project-info{padding:0;text-align:left;border:none}
.faq-list .project-name{cursor:pointer;font-size:16px;padding:17px 90px 17px 64px;position:relative;white-space:normal}
.faq-list .project-name::after{content:'';display:block;width:22px;height:22px;background:#bbced2;position:absolute;left:25px;top:19px}
.faq-list .project-name::before{content:'+';display:block;color:#213045;position:absolute;left:31px;top:21px;z-index:1;font-size:18px;line-height:18px;font-weight:500;text-align:center;width:10px;height:18px}
.faq-list .project-content{width:calc(100% - 154px);margin:0 0 0 64px;padding:16px 0;max-height:100%;font-size:14px;color:#666;line-height:24px;display:none;position:relative}
.faq-list .faq-item-act .project-content{border-top:1px solid rgba(187,206,210,.6)}
.faq-list .faq-item-act .project-name::before{content:'—';color:#fff;font-size:13px}
.faq-list .faq-item-act .project-name::after{background-color:#213045}
.banner2-box img{height:auto}
.item-faqdetails .article p,.item-aboutus .article p{margin-bottom:2px}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img{object-fit:contain}
main.index section.about-us .block-box .pic img{object-fit:cover}
aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img,aside .last-products li img{max-height:100%}
.item-faq ul li .box .left a{display:block;width:100%;position:relative;height:100%}
main.page-template-1 .max-width-box article .item-faq ul li .box .left a img{width:100%!Important;position:absolute;top:0;left:0;object-fit:contain}
.item-faq ul li .box .right p:nth-of-type(1) a{line-height:1.4}
.item-faq ul li .box .right p:nth-of-type(1) span.view-count{font-size:14px;line-height:1;display:block;margin:8px 0 14px;color:#555}
header .top-box .nav-box{top:0}
header .top-box .info{display:none}
@media(min-width:1021px){header{height:60px}}
body{padding-top:62px}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color) !important}
footer .footer-info h4{color:#000}
.concat-us .info .right p{line-height:25px}
footer .footer-info p:hover,main.page-template-1 .max-width-box aside ul.nav1 li a:hover,.copyright{color:var(--color)}
.faq-list .project-content{display:block}
footer .footer-info p,aside.nav2-template>ul>li.has-children2 .currentProType,.concat-us .info .right a:hover{color:var(--color)}
footer .footer-info p:hover{-webkit-transform:translateX(0px);transform:translateX(0px)}
.concat-us .info .right a{color:#000}
.category-title{border-color:var(--color)}
footer .footer-info p,.copyright{color:#000}
footer .footer-info h4{font-size:22px}
footer .footer-info p:hover{color:#000}
.qr-code{text-align:center}
footer .footer-info .logo-box .logo img{height:auto}
main.index section.products{padding-top:30px}
main.index section.about-us>img,.mb{display:none}
main.index section.about-us,main.index section.about-us .block-box{height:auto}
main.index,main.index section.products{padding-top:50px}
footer .footer-info a{color:#000}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{color:#ED830D}
main.index section.number{margin-bottom:0;margin-top:50px}
main.index section.about-us .block-box .content{padding:0 3%}
main.index section.about-us .block-box .content .button-box button{color:var(--color)}
main.index section.about-us .block-box .content .button-box{display:flex;justify-content:flex-end;width:100%}
@media(min-width:1201px){main.index .news{width:86.33333%}}
footer .footer-info .soft i{color:#fff}
main.index section.products .list ul li:hover{background:var(--color)}
main.index section.about-us .block-box .content .top h2{line-height:1;margin-bottom:20px}
main.index section.about-us .block-box .content .button-box button{border-color:var(--color)}
aside.nav2-template>ul>li.has-children2>ul>li ul>li a{font-size:14px}
main.page-template-1 .max-width-box aside ul.nav1 li{font-size:14px}
header .top-box .nav-box .left a img{max-height:50px}
footer .footer-info .logo-box .logo img{height:50px}
.max-width-box article .item-aboutus a:hover{color:#ED830D}
main.page-template-1 .max-width-box aside ul.nav1 li p{line-height:1.7;margin:8px 0}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{color:var(--color)}
@media screen and (min-width:1211px){.logo-box{max-width:340px}
footer .footer-info p{width:100%}
footer .footer-info .nav2{width:auto}}
@media screen and (max-width:1440px) and (min-width:1211px){.logo-box{max-width:280px}}
@media screen and (max-width:1280px) and (min-width:1211px){footer .footer-info h4{font-size:18px}
footer .footer-info .nav1{width:220px}
.logo-box{max-width:250px}}
ul.fotbrand{display:flex;margin-left:12px}
ul.fotbrand img{display:block}
@media screen and (max-width:880px){.copyright{flex-wrap:wrap;height:auto;text-align:center;padding-top:10px;padding-bottom:10px}}
@media screen and (max-width:768px){ul.fotbrand{margin:0}}
footer .footer-info p:hover{-webkit-transform:translateX(0px);transform:translateX(0px);color:#fff}
footer .footer-info p a:hover{color:var(--color)}
footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{padding-left:0}
.faq-list .project-info .project-name::before,.faq-list .project-info .project-name::after{display:none}
.faq-list .project-info .project-content{border-top:1px solid rgba(187,206,210,.6)}
.item-aboutus .article .project-name{font-size:14px;font-weight:700}
footer .footer-info p:hover{color:#000}
.project-content{word-break:initial}
.floatwindow_tel-num{color:#ED830D!important}
main.page-template-1 .form .send-btn:hover,.productsDetails .btn-group button:nth-of-type(2){background:#ED830D}
.item-aboutus h1{font-weight:bold;font-size:18px}
main.page-template-1 .max-width-box article .item-products-0 ul li{width:32%;margin-right:2%;height:auto}
main.page-template-1 .max-width-box article .item-products-0 ul li:nth-child(3n){margin-right:0}
main.page-template-1 .max-width-box article .item-products-0 ul li .box{display:block}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left{width:100%;display:block;border:none;border-bottom:1px solid #ccc}
main.page-template-1 .max-width-box article .item ul li .box .left a{display:block}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .left img{max-width:100%;height:auto!important}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{font-size:18px;line-height:1.5;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right{padding:10px;height:auto}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right button{background:#000;margin:12px auto 10px;display:block}
.banner2-box img{display:block}
.banner2-box{min-height:inherit;position:static;height:auto}
.tabs{margin:0}
@media (max-width:768px){main.page-template-1 .max-width-box article .item-products-0 ul li{width:49%}
main.page-template-1 .max-width-box article .item-products-0 ul li:nth-child(3n){margin-right:2%}
main.page-template-1 .max-width-box article .item-products-0 ul li:nth-child(2n){margin-right:0}
main.page-template-1 .max-width-box article .item-products-0 ul li .box .right p:nth-of-type(1) a{font-size:16px}}
.table-wrap{margin-top:initial}
.table-wrap .table td{text-align:center}
.max-width-box article .item-aboutus .article a{color:#000}
header .top-box .nav-box{padding:0 9vw;width:100% !important;max-width:100%;left:0}
@media(max-width:1500px){header .top-box .nav-box{padding:0 !important}}
main.index section.about-us .block-box .content .top p{font-size:14px}
.item-aboutus .article p:hover a{color:var(--color)}
.tabs{margin-top:0}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
aside.nav2-template>ul>li.has-children2 ul li:hover>ul{display:block!important}