@charset "utf-8";
:root {--color:#af721a}
.parts-icon>div img{max-height:100%;width:auto;}
.feedbackForm{width:100%;}
.con-contain p{padding-bottom:5px;line-height:1.7em;}
legend { width:auto; border-bottom:none;}
.about-banner p,.pro-banner p,.net-banner p,.con-banner p,.about-banner p span,.pro-banner p span,.net-banner p span,.con-banner p span,.about-banner p a,.pro-banner p a,.net-banner p a,.con-banner p a {color:#000;}
.net-banner>img,.about-banner>img,.con-banner>img,.pro-banner>img {min-height:120px;}
.about-banner div,.pro-banner>div,.net-banner div,.con-banner div {top:50%;-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);}
@media (max-width:1460px) and (min-width:1200px){.construction-nav.container ul li{width:33.3333%}}
@media (max-width:1200px){.construction-nav.container ul li{width:50%}}
.table {width:800px; margin:inherit;}
#search {width:250px;position:absolute;right:15px;top:16px;z-index:999}
#search>div {width:100%;padding:0;}
.btns {width:100%;}
.seatxt {width:180px;height:40px;padding-left:10px;font-size:14px;}
.stbn {width:70px;height:40px;font-size:14px;}
.nav-mid {width:100%;margin:0;padding:0 280px 0 320px;}
@media screen and (max-width:1250px){#search{display:none}
.nav-mid{padding-right:20px;}}
.ltd-img .contain>div iframe{width:800px;height:440px;max-width:100%;}
.ind li .ind-img:after{background:rgba(0,0,0,.5)}
.home-container .partners ul li {max-width:24%;min-width:24%;}
.common-container .contact-wrapper{justify-content:space-between;}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide{height:auto;}
footer .footer-container .bottom-info .cate ul li a,footer .footer-container .bottom-info .nav ul li a,footer .footer-container .bottom-info .intro .intro-text,footer .footer-container .right-text{color:#fff}
footer .footer-container .bottom-info .cate ul li a,footer .footer-container .bottom-info .nav ul li a,footer .footer-container .bottom-info .intro .intro-text,footer .footer-container .right-text{color:#fff}
footer .footer-container .bottom-info .code .ErWeiImg{display:none}
.qrimg,.top-share{display:flex;align-items:center}
header nav ul{margin-left:auto;margin-right:15px}
@media (max-width:1200px){.top-share{display:none}}
@media (min-width:769px){header nav ul li#liproducts,header nav ul{position:static;}
  header nav ul .submenu.nav3{margin-right:0;justify-content:flex-start;padding:20px 260px 0;background:#f7f7f7;box-sizing:border-box;align-items:flex-start;max-height:450px;overflow-y:auto;width:100%;right:0;left:0;}
  header nav ul .submenu.nav3>li{width:33%;position:relative;min-height:100px;padding:0 6% 0 118px;margin:0 0 20px 0;box-sizing:border-box;display:block;}
  header nav ul .submenu.nav3>li:after{display:none}
  header nav ul .submenu.nav3>li>a{font-size:15px;font-weight:bold;margin-bottom:4px;}
  header nav ul .submenu.nav3>li a{padding:0;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  header nav ul .submenu.nav3>li a:hover{background:0 0;color:#0a63bf}
  header nav ul .submenu.nav3 ul a{font-size:14px;padding-top:4px}
  .cate-con .cate-info{display:none}
  .cate-con .cate-img{position:absolute;top:0;left:0;overflow:hidden;width:100px;height:100px;display:flex;align-items:center;justify-content:center}
  .cate-con .cate-img img{width:100%;height:100%;object-fit:cover}
  header nav ul .submenu.nav3>li .cate-con ul{display:block}
  header nav ul .submenu.nav3>li .cate-con ul li{margin:0;display:block;}
  header nav ul .submenu.nav3>li .cate-con ul li:after{display:none}}
@media (max-width:1520px) and (min-width:769px){header nav ul #liproducts .submenu{padding:20px 100px}}
@media (max-width:1280px) and (min-width:769px){header nav ul #liproducts .submenu{padding:20px 50px}}
@media (max-width:1080px) and (min-width:769px){header nav ul #liproducts .submenu{padding:20px 25px}}
@media (max-width:1600px) and (min-width:1366px){header nav ul  .submenu{padding:20px 100px}}
@media (max-width:1365px) and (min-width:769px){header nav ul  .submenu{padding:20px 50px}}
.advantage{margin-top:50px}
.adv-items {display:flex;flex-wrap:wrap;align-items:center;background:#000}
.adv-items .adv-img,.adv-items .adv-desc{width:50%;}
.adv-items .adv-img img{width:100%}
.adv-items .adv-desc{padding:5%;color:#fff}
.adv-items .adv-desc h4{font-size:28px;line-height:1.75;}
.adv-items .adv-desc .adv-text{line-height:1.8;margin-top:20px}
.adv-items .adv-desc .rm{color:#fff;margin-top:20px;display:inline-block;background:#af7212;padding:10px 20px;}
.home-container .partners ul li{padding-bottom:24%}
@media (max-width:1400px){.adv-items .adv-desc{padding:2%}}
@media (max-width:1200px){.adv-items .adv-desc h4{font-size:20px}
.adv-items .adv-desc .adv-text,.adv-items .adv-desc .rm{font-size:14px}
}
@media (max-width:991px){
    .adv-items .adv-img,.adv-items .adv-desc{width:100%;}
    .adv-items:nth-child(2){flex-direction:column-reverse}
}
@media (min-width:769px){.home-container .hot-product ul li{width:24%;}}
.lastest-news {margin-top:50px}

.pro-detail-content .pro-review .pro-preview-right{padding-right:0;}
.pro-detail-content .pro-review .pro-preview-right article{margin-right:0}
.pro-detail-content .pro-intro article{padding-left:0;padding-right:0;}
.pro-detail-content .pro-review .pro-preview-right .btn-list .send{background:#000;}
.pro-detail-content .pro-review .pro-preview-right .btn-list .send span,.pro-detail-content .pro-review .pro-preview-right .btn-list .ichat a{color:#fff}
.pro-detail-content .pro-review .pro-preview-right .btn-list .ichat{background:#af721a}
.top-share a,footer .footer-container .bottom-info .code img{margin-right:3px}
.addthis_inline_share_toolbox{margin-top:30px}
.home-container .about-info .about-content{background:#000}
.home-container .about-info .about-content .about-btn{background:#af721a}
.news-detail-content article p {  margin-top:0px;}
.common-container .news-content .news-list .list-1 .news-img {display:none;}
.common-container .news-content .news-list .list-1 {height:auto;padding:25px;}
@media (max-width:560px){.common-container .news-content .news-list .list-1 {padding:10px;}}
@media (min-width:768px){.products-content .pro-list .list-1:nth-of-type(4n) {margin-right:6px;}
.products-content .pro-list .list-1 {width:24%;min-width:24%;margin-right:6px;}}
.products-content .pro-list .list-1 article{height:unset}
.products-content .pro-list .list-1 article a{-webkit-line-clamp:6;}
.products-content .pro-list .list-1 {padding-bottom:85px;position:relative;}
.products-content .pro-list .list-1 .compare-action {position:absolute;width:calc(100% - 40px);bottom:0;margin:20px;}
.products-content .pro-list .list-1>span {position:absolute;bottom:55px;width:calc(100% - 40px);left:0;}
@media (max-width:768px){.products-content .pro-list .list-1 {padding-bottom:65px;}
.products-content .pro-list .list-1 .compare-action {width:calc(100% - (2 * 2.6666666667vw));margin:15px 2.6666666667vw;}
.products-content .pro-list .list-1>span {bottom:50px;width:calc(100% - (2 * 2.6666666667vw));}}
.products-content .seo-key {margin-top:20px;}
@media (min-width:769px){header nav>ul>li>a{white-space:nowrap;}
header nav ul .submenu{right:0;margin:0;box-sizing:border-box;padding:0;}}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.flex-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.imgbox{overflow:hidden}
.imgbox img{width:100%;display:block;-webkit-transition:.3s;transition:.3s}
.imgbox img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.breadcrumbs-nav{background:#eee}
.new-ab-wrapper .abouts-content{padding:0}
.container{max-width:1430px;margin:0 auto;padding:0 15px}
.container h2{font-size:30px;font-weight:700;margin-bottom:20px}
@media (max-width:1024px){
.container h2{font-size:24px;margin-bottom:15px}
}
.container h3{font-size:24px}
@media (max-width:1024px){
.container h3{font-size:20px}
}
.container p{line-height:1.5}
.container *{font-family:Arial,Helvetica,sans-serif}
.color-main{color:#af721a}
.color-gray{color:#d0d0d0}
.bg-gray{background-color:#eee}
.bg-black{background-color:#222}
.mb-8{margin-bottom:80px}
@media (max-width:1024px){
.mb-8{margin-bottom:30px}
}
.py-8{padding:80px 0}
@media (max-width:1024px){
.py-8{padding:30px 0}
}
.py-13{padding:130px 0}
@media (max-width:1024px){
.py-13{padding:30px 0}
}
.text-justify{text-align:justify}
.text-center{text-align:center}
.line{width:45px;height:4px;background:#af721a}
.br-tf-56{border-top-left-radius:56px;overflow:hidden}
.br-rb-56{border-bottom-right-radius:56px;overflow:hidden}
.ab1-con .ab1-left{width:27%}
.ab1-con .ab1-left>p{margin:30px 0;font-size:20px}
.ab1-con .ab1-left .num{font-weight:700;font-size:30px;display:inline-block;border-bottom:1px solid #d5d7d9}
.ab1-con .ab1-left li p:nth-child(2){padding:5px 0}
.ab1-con .ab1-left .bot-text{margin-top:50px;font-size:56px;font-weight:700}
@media (max-width:1440px){
.ab1-con .ab1-left .bot-text{font-size:40px}
}
.ab1-con .ab1-right{width:64%}
@media (max-width:1024px){
.ab1-con .ab1-left{width:100%;margin-bottom:15px}
.ab1-con .ab1-left>p{margin:15px 0;font-size:16px}
.ab1-con .ab1-left .bot-text{margin-top:20px}
.ab1-con .ab1-right{width:100%}
}
.ab2-con{background:#2c2c2c;color:#fff}
.ab2-con .ab2-left{width:27%;border:1px solid #fff}
.ab2-con .ab2-left .box{padding:60px 20px}
.ab2-con .ab2-left .box h2{margin:30px 0}
.ab2-con .ab2-left .box p{font-size:16px}
.ab2-con .ab2-right{width:66%}
.ab2-con .ab2-right li{width:30.6666666667%;margin-right:4%}
.ab2-con .ab2-right li:nth-child(3n){margin-right:0}
.ab2-con .ab2-right li:nth-child(-n+3){margin-bottom:50px}
.ab2-con .ab2-right p{font-size:16px}
.ab2-con .ab2-right h3{margin:20px 0}
@media (max-width:1024px){
.ab2-con .ab2-left{width:100%;margin-bottom:20px}
.ab2-con .ab2-left .box{padding:15px}
.ab2-con .ab2-left .box h2{margin:15px 0}
.ab2-con .ab2-right{width:100%}
.ab2-con .ab2-right li h3{margin:15px 0}
}
@media (max-width:768px){
.ab2-con .ab2-right li{width:calc((100% - 15px)/ 2);margin-right:15px}
.ab2-con .ab2-right li:nth-child(2n){margin-right:0}
}
.ab3-con .sub-title{font-size:24px;font-weight:700;margin-bottom:20px;line-height:1}
.ab3-con .ab3-left{width:53%}
.ab3-con .ab3-right{width:40%}
.ab3-con .ab3-right p{font-size:20px}
@media (max-width:1024px){
.ab3-con .sub-title{font-size:20px;margin-bottom:15px}
.ab3-con .ab3-left{width:100%;margin-bottom:15px}
.ab3-con .ab3-right{width:100%}
.ab3-con .ab3-right p{font-size:16px}
}
.ab4-con img{width:100%;display:block}
.ab4-con .container{position:relative}
.ab4-con .fixed-text{position:absolute;top:60px;left:15px;max-width:250px}
@media (max-width:768px){
.ab4-con .fixed-text{top:0}
}
.ab5-con{background:url(/uploads/23036/ab5_bg.jpg) no-repeat;background-size:cover;padding:10% 0;color:#fff}
.ab5-con h2{max-width:750px;text-transform:capitalize}
.ab5-con p{margin:30px 0;font-size:20px}
.ab5-con .vm{background:#af721a;padding:10px;display:inline-block;color:#fff;font-size:24px}
@media (max-width:1024px){
.ab5-con p{font-size:16px;margin:15px 0}
.ab5-con .vm{font-size:16px}
}
.ab6-con{background:#eee;padding-bottom:220px}
.ab6-con .case-title{color:#d0d0d0;width:222px;font-size:78px;font-weight:700;text-transform:uppercase}
.ab6-con .case-box{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;padding:50px}
.ab6-con .case-box .case-left{width:36%;padding-top:60px}
.ab6-con .case-box .case-left li{margin-bottom:15px;font-size:18px}
.ab6-con .case-box .case-left h3{color:#af721a;margin-bottom:10px}
.ab6-con .case-box .case-right{width:54%}
.ab6-con .case-box .case-right img{width:100%}
@media (max-width:1024px){
.ab6-con .case-box{padding:15px}
.ab6-con .case-box .case-left,.ab6-con .case-box .case-right{width:100%;padding:0}
.ab6-con .case-box .case-left p{font-size:16px}
.ab6-con .case-title{width:100%;font-size:48px}
}
.new-ab-wrapper+footer{margin-top:-140px}
.ab7-con{background:url(/uploads/23036/ab7_bg.jpg) no-repeat;background-size:cover;padding:6% 0}
.ab7-con .ab7-box{max-width:440px}
.ab7-con .ab7-box h2{margin-bottom:15px}
.ab7-con .ab7-box h3{margin-bottom:15px}
.ab7-con .ab7-box p{font-size:20px}
@media (max-width:1024px){
.ab7-con .ab7-box p{font-size:16px}
}
.ab8-con{color:#fff}
.ab9-con{color:#fff;padding:6% 0}
.ab9-con .ab9-left{width:19%}
.ab9-con .ab9-left p{margin-top:20px;font-size:18px}
.ab9-con .ab9-middle{width:53%}
.ab9-con .ab9-right{width:15%}
.ab9-con .ab9-right li{font-size:36px;position:relative;padding-left:50%;margin-bottom:40px}
.ab9-con .ab9-right li:before{content:"";position:absolute;width:45%;height:1px;background:#797a7a;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media (max-width:1024px){
.ab9-con .ab9-right li{font-size:24px}
}
@media (max-width:768px){
.ab9-con .ab9-left{width:100%}
.ab9-con .ab9-middle{width:100%;margin:10px 0}
.ab9-con .ab9-right{display:none}
}
.ab10-con{padding:5% 0}
.ab10-con .ab10-left{width:52%;position:relative;z-index:1}
.ab10-con .ab10-left h2,.ab10-con .ab10-left h3{margin-bottom:10px}
.ab10-con .ab10-left .case-title{font-size:74px;font-weight:700;text-transform:uppercase;color:#cfcfcf}
@media (max-width:1440px){
.ab10-con .ab10-left .case-title{font-size:48px}
}
.ab10-con .ab10-left .text-box{color:#fff;padding:40px 50px}
.ab10-con .ab10-left .text-box p{font-size:20px}
@media (max-width:1024px){
.ab10-con .ab10-left .text-box p{font-size:16px}
}
.ab10-con .ab10-right{width:61%;margin-left:-13%}
@media (max-width:768px){
.ab10-con .ab10-left{width:100%}
.ab10-con .ab10-left .text-box{padding:10px}
.ab10-con .ab10-right{width:100%;margin-left:0}
}
.ab11-con{padding:5% 0 calc(25% + 140px);background:#222 url(/uploads/23036/ab11_img.jpg) no-repeat center bottom;color:#fff}
.ab11-con p{font-size:20px;margin-bottom:15px}
.ab11-con h2{line-height:1}
.ab11-con h2 span{font-size:102px;color:#af721a;font-style:italic}
@media (max-width:1024px){
.ab11-con p{font-size:16px}
}
@media (max-width:768px){
.ab11-con h2 span{font-size:50px}
}