@charset "UTF-8";
@media (max-width:1600px) {
    .wp { max-width: 1200px; }
}
:root { --action: #FE0501; --bgcolor: #f4f4f4; --c333:#333; --c999:#999; --c666:#666; --cfff: #ffffff; --c888:#888888; }
@font-face { font-family: 'DINPro-Regular'; src: url('../fonts/DINProRegular.eot'); src: url('../fonts/DINProRegular.eot') format('embedded-opentype'), url('../fonts/DINProRegular.woff2') format('woff2'), url('../fonts/DINProRegular.woff') format('woff'), url('../fonts/DINProRegular.ttf') format('truetype'), url('../fonts/DINProRegular.svg#DINProRegular') format('svg'); }
@font-face { font-family: "DINPro-Medium"; src: url("../fonts/DINPro-Medium.woff2") format("woff2"), url("../fonts/DINPro-Medium.woff") format("woff"), url("../fonts/DINPro-Medium.ttf") format("truetype"), url("../fonts/DINPro-Medium.eot") format("embedded-opentype"), url("../fonts/DINPro-Medium.svg") format("svg"); font-weight: normal; font-style: normal; }
.font-en { font-family: "DINPro-Medium"; }
.case-item .pic{border:solid 1px #dddddd;}
/*头部 S*/
.header { position: fixed; left: 0; top: 0; right: 0; z-index: 99; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; border-bottom: 1px solid rgba(238, 238, 238, .2); }
.header .wp { max-width: 1800px; height: 100px; align-items: center; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.header.fixed { background: #fff; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1);height:100px;}
.header.fixed .wp { height: 80px; }
.logo-wrap { align-items: center; }
.logo-wrap img { width: 188px; }
.logo-wrap .slogan { display: block; font-size: 14px; color: #aaaeb5; margin-left: 25px; margin-top: 8px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.logo-wrap .slogan b { display: block; font-size: 18px; color: #ffffff; font-weight: normal; line-height: 1.1; margin-bottom: 3px; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.logo-wrap .inner { display: none; }
.header.inner .logo-wrap .inner, .header.fixed .logo-wrap .inner, .header:hover .logo-wrap .inner { display: block; }
.header.fixed .logo-wrap .nomarl, .header.inner .logo-wrap .nomarl, .header:hover .logo-wrap .nomarl { display: none; }
.header.inner, .header:hover { background: #fff; }
.header.fixed .nav-link, .header.inner .nav-link, .header:hover .nav-link { color: #4d4d4d; }
.header.fixed .logo-wrap .slogan b, .header.inner .logo-wrap .slogan b, .header:hover .logo-wrap .slogan b { color: #201b18; }
.header.fixed .logo-wrap .slogan, .header.inner .logo-wrap .slogan, .header:hover .logo-wrap .slogan { color: #81868e; }
/* .body-inner { padding-top: 101px; } */
.nav-list { margin-right: 75px; }
.nav-list li { position: relative; padding-left: 20px;padding-right: 20px;height:100px;line-height:100px;}
.nav-link { display: block; position: relative; font-size: 20px; color:white; line-height: 100px; }
.nav-list li.on .nav-link, .nav-link:hover { color: #FE0501 !important; }
.head-search { width: auto; opacity: 1; }
.head-search form { align-items: center; height: 36px; line-height: 34px; border-radius: 18px; border: solid 1px #FE0501; padding-right: 12px;margin-top:32px;}
.head-search .search-inp { width: 125px; padding: 0 10px 0 20px; font-size: 14px; color: #FE0501; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; opacity: .9; }
.head-search:hover .search-inp { opacity: 1; }
.head-search .search-sub { width: 18px; height: 18px; font-size: 18px; color: #FE0501; cursor: pointer; }
.head-search .search-inp::-webkit-input-placeholder { color: #FE0501; opacity: .7; }
.head-search .search-inp:-moz-placeholder { color: #FE0501; opacity: .7; }
.head-search .search-inp::-moz-placeholder { color: #FE0501; opacity: .7; }
.head-search .search-inp:-ms-input-placeholder { color: #FE0501; opacity: .7; }
.header.fixed .head-search .search-inp, .header.inner .head-search .search-inp { color: #333; opacity: 1; }
.header.fixed .head-search .search-inp::-webkit-input-placeholder, .header.inner .head-search .search-inp::-webkit-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp:-moz-input-placeholder, .header.inner .head-search .search-inp:-moz-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp::-moz-input-placeholder, .header.inner .head-search .search-inp::-moz-input-placeholder { color: #81868e; opacity: 1; }
.header.fixed .head-search .search-inp:-ms-input-placeholder, .header.inner .head-search .search-inp:-ms-input-placeholder { color: #81868e; opacity: 1; }
.nav-list .np:hover .erj{
    display: block !important;
}
.erj a{background:rgba(233,32,34,.65);z-index:2;color:white;}
.erj a,.erj span{display:block;position:relative}
.erj span{width:100%}
.erj span:before>a{background:0 0}
.erj span:hover{background-color:#FE0501}
.erj span a:hover:before{width:100%;opacity:.6}
.erj{display:none;position:absolute;width:140%;margin-left:-37px;top: 100px;}
.erj a{line-height:20px;height:auto;padding:10px 0;border-top:1px solid #fff;text-align:center}
/*手机导航*/
.menu-btn { z-index: 999; overflow: hidden; margin-left: 20px; width: 35px; height: 35px; background: 0 0; text-indent: -5260px; opacity: 1; position: relative; z-index: 999; }
.menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 { position: absolute; top: 50%; right: 0; display: block; width: 36px; height: 2px; background: #FE0501; transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s; transition-property: transform, width, margin, background-color }
.menu-btn .line-1 { margin-top: -11px; width: 30px }
.menu-btn .line-3 { margin-top: 11px; width: 30px }
.drawerMenu-open .menu-btn .line-1 { visibility: hidden }
.drawerMenu-open .menu-btn .line-2 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.drawerMenu-open .menu-btn .line-3 { margin-top: 0 !important; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.searchbtn { width: 40px; line-height: 38px; text-align: center; font-size: 24px; color: #FE0501 }
.mobNav { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 1); z-index: 98; padding-top: 53px; padding: 40px 5% 30px; display: none }
.mobNav ul { height: 70vh; overflow: auto }
.mobNav ul li { padding: 15px 0; border-bottom: 1px solid #ddd }
.mobNav ul li:last-child { border-bottom: 0 }
.mobNav ul li .navp a { font-size: 15px; color: #333; font-weight: bold; }
.mobNav ul li.cur .navp a { color: #FE0501 }
.mobNav ul li .navp i { display: block; width: 16px; transition: .3s; transform-origin: center; margin-right: 5px }
.mobNav ul li.on .navp i { transform: rotate(-45deg); }
.mobNav ul li .subNavm { margin-top: 10px; padding-left: 10px; display: none }
.mobNav ul li .subNavm a { display: block; line-height: 30px; font-size: 14px }
.headerm { display: none; padding: 10px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: #fff; height: 60px }
.headerm .logo img { height: 40px; width: auto; }
.serm { height: 20px; display: inline-block; }
.product-subnav { position: absolute; z-index: 9; left: 0; width: 100%; background: #fff; padding-top: 30px; border-top: 1px solid #ddd; padding-bottom: 50px; display: none; box-shadow: 0 4px 10px rgba(116, 116, 116, 0.1); }
.product-subnav .wp { height: auto; align-items: flex-start; max-width: 1600px;height: auto !important;}
.product-subnav .wp .cate-type { width: 280px; padding-top: 10px; }
.product-subnav .wp .cate-type li { font-size: 16px; margin-bottom: 20px; padding-left: 20px; position: relative; }
.product-subnav .wp .cate-type li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #c49c61; }
.product-subnav .wp .cate-type li a { color: #333; }
.product-subnav .wp .cate-type li a:hover { color: #c49c61; }
.cate-com { flex: 1; padding-left: 70px; border-left: 1px solid #ddd; }
.cate-com h3 { font-size: 24px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.cate-com .cont a { display: inline-block; width: 16.5%; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 10px; }
@media (max-width:1800px) {
    /* .nav-list li { margin-left: 30px; } */
    .product-subnav .cate-com { max-height: 500px; overflow: hidden; padding-top: 20px; padding-bottom: 30px; overflow-y: scroll; }
    .product-subnav .cate-com::-webkit-scrollbar { width: 6px; height: 6px; }
    .product-subnav .cate-com::-webkit-scrollbar-button { background-color: #ddd; }
    .product-subnav .cate-com::-webkit-scrollbar-track { background: #ddd; }
    .product-subnav .cate-com::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
    .product-subnav .cate-com::-webkit-scrollbar-corner { background: #999; }
    .product-subnav .cate-com::-webkit-scrollbar-resizer { background: #FF0BEE; }
}
@media (max-width:1650px){
    /* .logo-wrap img{width:408px;} */
}

@media (max-width:1600px) {
    .nav-link { font-size: 15px; }
    .nav-list { margin-right: 40px; }
    .logo-wrap .slogan { font-size: 12px; margin-left: 18px; }
    .logo-wrap .slogan b { font-size: 16px; }
    .head-search .search-inp { width: 110px; padding: 0 10px 0 15px; font-size: 12px; }
    .foot-nav .item{width: 18% !important;}
}
@media (max-width:1500px) {
    /* .logo-wrap img{width:370px;} */
}
@media (max-width:1440px) {
    .nav-list { margin-right: 30px; }
    .nav-list li {padding-left:17px;padding-right:17px;}
    /* .logo-wrap img { width: 337px; } */
}
@media (max-width:1440px) {
    .nav-list li {padding-left:14px;padding-right:14px;}
}
@media (max-width:1366px) {
    .nav-link { font-size: 14px; }
    .head-search { padding-right: 8px; }
    .head-search .search-inp { width: 100px; padding: 0 5px 0 10px; }
    .product-subnav .wp .cate-type { width: 220px; }
    .cate-com { padding-left: 50px; }
    .cate-com h3 { font-size: 20px; padding-bottom: 12px; margin-bottom: 12px; }
    .foot-nav .item{width: 17% !important;}
}
@media (max-width:1300px) {
    .nav-list li{
        padding-left: 11px;
        padding-right: 11px;
    }
}
@media (max-width:1280px) {
    .logo-wrap img {
        /* width: 308px; */
    }
    .logo-wrap .slogan {
        margin-left: 15px;
    }
    /* .nav-list li { margin-left: 18px; } */
    .header .wp {
        width: 94%;
    }
   
}
@media (max-width: 1200px) {
    .nav-link {
        font-size: 13px;
    }
}
@media (max-width:1024px) {
    .nav-list li:first-child { margin-left: 0; }
    .header { display: none; }
    .headerm { display: block; }
    body { padding-top: 55px; }
    .menu-btn { transform: translateY(-2px); }
    .headerm { height: 55px }
    .headerm .logo img { height: 35px; width: auto; position: relative; top: -2px; }
}
@media screen and (max-width:768px) {
    
}

/*头部 E*/

/*尾部 S*/
.foot-nav{width:100%;}
.footer { border-top: 2px solid #FE0501; background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover; }
.copyright { padding: 20px 0; border-top: 1px solid #39434e; color: white; }
.footA { padding-top: 50px; padding-bottom: 70px; }
.foot-nav .item { float: left;width:20%; }
/* .foot-nav .item ~ .item { margin-left: 90px; } */
.foot-nav .item .tit { font-size: 18px; color: white; position: relative; padding-bottom: 27px; margin-bottom: 20px; line-height: 1; }
.foot-nav .item .tit:before { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background-color: #FE0501; }
.foot-nav .item ul li a { line-height: 36px; color: white; display: inline-block; }
.foot-nav .item ul li a:hover, .copyright a:hover { color: #FE0501; }
.foot-nav .item .cont { padding-top: 5px; }
.foot-nav .item .cont h4 { font-family: DINPro-Medium; font-size: 32px; line-height: 32px; color: #FE0501; }
.foot-nav .item .cont p { font-size: 14px; line-height: 30px; color: white; margin-top: 14px; }
.foot-qr { text-align: center; padding-top: 10px; }
.foot-qr .qr-item ~ .qr-item { margin-left: 20px; }
.foot-qr .qr-item img { width: 140px; }
.foot-qr p { font-size: 14px; line-height: 30px; color: white; margin-top: 10px; }
.copyright a { color: white; }
@media (max-width:1800px) {
    .foot-qr .qr-item img { width: 110px; }
}
@media (max-width:1750px) {
    .in-4 .list .right ul li .box .txt p { font-size:14px !important; }
}
@media (max-width:1700px) {
    .in-4 .list .right ul li .box .txt p { font-size:14px !important; }
}

@media (max-width:1650px) {
    .in-4 .list .right ul li .box .txt p{
        font-size: 11px !important;
    }
}
@media (max-width:1600px) {
    .foot-qr .qr-item ~ .qr-item { margin-left: 15px; }
    .foot-qr .qr-item img { width: 100px; }
    .foot-nav .item ~ .item { margin-left: 30px; }
    .foot-nav .item ul li a { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .foot-nav .item ul li a { line-height: 30px; }
    .foot-nav .item .cont h4 { font-size: 26px; line-height: 26px; }
    .foot-nav .item .cont p { max-width: 320px; }
    .in-4 .list .right ul li .box .txt h5{
        padding-bottom:0px;
    }
}
@media (max-width:1470px) {
    .in-4 .list .right ul li .box .txt h5{padding-bottom:0px !important;}
    .in-4 .list .right ul li .box .txt p{padding-bottom:10px !important;}
}



@media (max-width:1366px) {
    .foot-nav .item .cont h4 { font-size: 21px; line-height: 1; }
    .foot-nav .item:last-child { width: 260px; }
}
@media (max-width:640px) {
    .foot-nav .item, .foot-nav .item:last-child { width: 100% !important; }
    .foot-nav { width: 100%; }
    .foot-nav .item .cont h4 { font-size: 24px; line-height: 1; }
    .foot-nav .item .cont p { font-size: 14px; line-height: 1.75; max-width: 100%; }
    .foot-qr { margin-top: 0; width: 70%; margin: 20px auto 0; justify-content: center; padding-top: 0; }
    .foot-qr img { width: 80px; }
    .copyright { font-size: 13px; }
}

/*尾部 E*/

/*首页 S*/
.homeA .item-left { position: relative; width: 49.375%; }
.homeA .item-left img { height: 100%; object-fit: cover; }
.homeA .item-left .cont { position: absolute; left: 70px; top: 80px; z-index: 2; color: #fff; }
.homeA .item-left .cont h3 { font-size: 22px; }
.homeA .item-left .cont h3 b { font-size: 48px; line-height: 1.3; font-weight: normal; }
.homeA .item-left .cont p { font-size: 16px; line-height: 26px; color: #ffffff; opacity: 0.6; margin-top: 25px; }
.homeA .item-left .in-scroll-num-min { position: absolute; left: 0; bottom: 50px; z-index: 2; }
.homeA .item-right { width: 49.375%; }
.in-solution-list li .abox { height: 334px; background-color: #ffffff; border: solid 1px #dddddd; position: relative; text-align{pboot:sitetplpath}/images/: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden; background-size: cover; }
.in-solution-list li .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .05); }
.in-solution-list li:nth-child(1), .in-solution-list li:nth-child(2) { margin-bottom: 20px; }
/* .in-solution-list li:nth-child(2n) .abox { background: #fff !important; } */
.in-solution-list li .abox .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(254,5,1, .85); color: #fff; padding: 10%;    /*display: none;*/ z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.in-solution-list li .abox:hover .cover { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.in-solution-list li .abox .cover h4 {    font-size: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    margin-top: 47px;}
.in-solution-list li .abox .cover p { color: rgba(255, 255, 255, .7); margin-top: 10px; line-height: 1.5; }
.in-solution-list li .abox .cover i { display: table;
    vertical-align: middle;
    font-size: 37px;
    height: 24px;
    line-height: 63px;
    color: #fff;
    /* text-align: center; */
    margin-top: 20px;
    margin: auto; }
.in-solution-list li .abox .cont { position: relative; z-index: 3; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;width:100%;text-align: center;}
.in-solution-list li .abox:hover .cont { opacity: 0; }
.in-solution-list li .abox .cont h4 { width: 80%; margin: 10px auto 15px; font-size: 22px; line-height: 24px; color: #595757; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in-solution-list li .abox .cont .iconfont { font-size: 38px; line-height: 48px; height: 24px; color: #81868e; display: inline-block; vertical-align: middle; }
.solution-icon { display: inline-block; width: 37px; height: 38px; background: url(../images/solution-icon.png) no-repeat center; background-size: contain; }
.in-solution-list li:nth-child(1) .abox .cont .solution-icon { display: none; }
.in-solution-list li:nth-child(1) .abox .cont h4, .in-solution-list li:nth-child(2n+1) .abox .cont .iconfont { color: #fff; }
.in-solution-list li:nth-child(1) .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100; background: rgba(0, 0, 0, .2); z-index: 2; }
.in-solution-list li:nth-child(4) .abox:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100; background: rgba(0, 0, 0, .2); z-index: 2; }
.in-solution-list li:nth-child(4) .abox .cont .solution-icon { display: none; }
.in-solution-list li:nth-child(4) .abox .cont h4, .in-solution-list li:nth-child(2n+1) .abox .cont .iconfont { color: #fff; }
.in-scroll-num-min { padding: 0 70px; width: 100%; }
.in-scroll-num-min li { width: 22%; color: #fff; }
.in-scroll-num-min li .num { font-family: DINPro-Regular; font-size: 40px; letter-spacing: -2px; color: #ffffff; line-height: 1; }
.in-scroll-num-min li .num i { font-style: normal; }
.in-scroll-num-min li .tit { font-size: 16px; color: #ffffff; opacity: 0.5; margin-top: 4px; }
.homeB { background: url(../images/product-bg.png) no-repeat center; background-size: cover; }
.in-product .product-index-list .item { margin-bottom: 0; }
.in-title { text-align: center; }
.in-title.left { text-align: left; }
.in-title h3 { font-size: 48px; color: #1b202e; line-height: 1.2; }
.in-title h4 { font-size: 16px; line-height: 26px; color: #81868e; margin-top: 18px; }
.in-title.white h3 { color: #fff; }
.in-title.white h4 { color: #ffffff; opacity: 0.6; }
.homeC { border-bottom: 1px solid #ddd; }
.product-search-index { margin: -45px auto 0; width: 1200px; height: 90px; background-color: #FE0501; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); border-radius: 45px; border: 3px solid #FE0501; justify-content: space-between; overflow: hidden; }
.product-search-index .f-l { display: flex; align-items: center; padding-left: 60px; width: 83%; background: #fff; }
.product-search-index .f-l input { width: 100%; }
.product-search-index i { font-size: 24px; color: #FE0501; }
.product-search-index .sub { font-size: 20px; background: #FE0501; color: #fff; width: 17%; cursor: pointer; }
.in-air-tab { width: 100%;
     /* background: url(../images/product-cate-bg.jpg) no-repeat center; */
      background-size: cover; text-align: center; padding-top: 12px; overflow: hidden; padding-left: 20px;margin-bottom:20px; }
.in-air-tab li { color:black; font-size: 16px; margin-bottom: 10px; line-height: 60px; position: relative; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; text-align: left; padding-left: 10px;width:16%;margin-left:1%;margin-right:1%; float:left;}
.in-air-tab li a { color: black; }
.in-air-tab li:before { content: ""; position: absolute; left: 0; width: 99%; height: 96%; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; border: 1px solid #d4dbd4;}
.in-air-tab li.on:before, .in-air-tab li:hover:before {    /*left: 19px;*/
opacity: 1; visibility: visible; }
.in-air-tab li.on, .in-air-tab li:hover, .in-air-tab li a:hover, .in-air-tab li.on a { color: #FE0501; }
.in-air-tab li i { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 15px; background-repeat: no-repeat; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-air-tab li.on i, .in-air-tab li:hover i { background-position: -30px 0; }
.in-air-tab li span { position: relative; }
.in-air-content { width: 100%;    /*padding-left: 20px;*/ }
.in-air-list li { text-align: center; }
.in-air-list li h4 { font-size: 16px; line-height: 48px; color: #595757; padding: 0 15px; }
.in-air-list li:last-child .abox { height: 0; padding-bottom: 100%; background: #F2F3F3; position: relative; }
.in-air-list li:last-child .abox .middle { position: absolute; left: 0; top: 50%; font-size: 16px; color: #FE0501; text-align: center; width: 100%; line-height: 48px; margin-top: -52px; }
.in-air-list li:last-child .abox .middle .icon-jia { display: inline-block; width: 44px; height: 44px; line-height: 44px; font-size: 44px; }
.in-ys-content .item { position: relative; }
.in-ys-content .item .cont { position: absolute; z-index: 2; left: 11%; top: 19%; color: #fff; max-width: 630px; }
.in-ys-content .item .cont h4 { font-size: 48px; line-height: 1.3; color: #ffffff; }
.in-ys-content .item .cont p { font-size: 16px; line-height: 36px; color: #ffffff; opacity: 0.8; margin-top: 32px; }
.in-ys-tab { position: absolute; left: 0; bottom: 55px; z-index: 3; width: 100%; }
.in-tab-box .wp { height: 130px; background-color: #ffffff; align-items: center; }
.in-ys-tab .wp { background: url(../images/bg-bar.png) no-repeat center; background-size: cover; }
.in-tab-box ul li { width: 25%; text-align: center; height: 100%; align-items: center; justify-content: center; flex-wrap: wrap; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .pic { display: inline-block; vertical-align: middle; width: 66px; height: 66px; line-height: 66px; font-size: 0; background-color: #FE0501; margin-right: 10px; border-radius: 50%; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .pic .ys-icon { background-repeat: no-repeat; width: 38px; height: 38px; display: inline-block; vertical-align: middle; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .tit { display: inline-block; vertical-align: middle; text-align: left; max-width: 70%; }
.in-tab-box ul li .tit h4 { font-size: 20px; line-height: 1; color: #2e3136; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.in-tab-box ul li .tit .en { font-size: 14px; color: #81868e; margin-top: 8px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; line-height: 1.5; }
.in-tab-box ul li .tit p { display: none; font-size: 14px; line-height: 20px; color: #ffffff; opacity: 0.6; margin-top: 10px; }
.in-tab-box ul li:hover { background-color: #FE0501; }
.in-tab-box ul li:hover .pic { background: #fff; }
.in-tab-box ul li:hover .pic .ys-icon { background-position: -38px 0; }
.in-tab-box ul li:hover .tit h4 { color: #fff; }
.in-tab-box ul li:hover .tit .en { color: #ffffff; opacity: 0.5; }
.in-partner-list li { margin-bottom: 20px; }

/*.in-partner-list li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: .7; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }*/
.eg_button.texture:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/xiewenbackground.svg);
    background-size: 4px;
    background-repeat: repeat;
    opacity: .2;
}
/*.in-partner-list li:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity: 1; }*/
.homeG .pic { margin-top: 10px; }
.in-wd-tab { position: relative; }
.in-wd-tab .wp { background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); height: 160px; }
.homeH { padding-top: 250px; padding-bottom: 140px; margin-top: -80px; background-repeat: no-repeat; background-size: cover; }
.homeH .cont { font-size: 16px; line-height: 36px; color: #ffffff; opacity: 0.8; margin-top: 32px; margin-bottom: 40px; }
.in-scroll-num-big { margin-top: 100px; padding: 0 50px; }
.in-scroll-num-big li { max-width: 25%; color: #fff; }
.in-scroll-num-big li .num { font-family: DINPro-Medium; font-size: 60px; line-height: 1; color: #ffffff; }
.in-scroll-num-big li .num i { font-style: normal; }
.in-scroll-num-big li .tit {text-align: center; font-size: 16px; color: #ffffff; opacity: 0.8; margin-top: 6px; }
.in-tit-wrap { align-items: flex-end; }
.in-news-tab { margin-bottom: 20px; }
.in-news-tab li { margin-left: 10px; }
.in-news-tab li a { display: block; padding: 0 15px; height: 32px; line-height: 32px; border-radius: 16px; font-size: 16px; color: #595757; background: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.in-news-tab li.on a, .in-news-tab li a:hover { background-color: #FE0501; color: #fff; }
.in-news-content { margin-top: 32px; padding-bottom: 1px; }
.in-news-list .item .news-pic { position: relative; height: 274px; display: block; }
.in-news-list .item .news-pic img { height: 100%; object-fit: cover; }
.in-news-list .item .news-pic .cont { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 12px 20px; background: url(../images/news-tit-bg.png) no-repeat center; background-size: cover; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); }
.in-news-list .item .news-pic .cont .date { font-size: 14px; line-height: 20px; color: #ffffff; }
.in-news-list .item .news-pic .cont .tit { font-size: 20px; color: #ffffff; margin-top: 2px; }
.in-news-list .item ul { padding: 5px 20px; border: solid 1px #dddddd; }
.in-news-list .item ul li { line-height: 40px; border-bottom: 1px solid rgba(238, 238, 238, .5); }
.in-news-list .item ul li:last-child { border-bottom: none; }
.in-news-list .item ul li .tit { font-size: 14px; color: #595757; width: 70%; }
.in-news-list .item ul li .tit:hover { color: #FE0501; }
.in-news-list .item ul li .date { font-size: 14px; color: #81868e; }
.in-service { padding: 0 135px; }
.in-service .in-title .com-more { margin-top: 60px; }
@media (max-width:1600px) {
    .in-title h3 { font-size: 42px; }
    .in-solution-list li .abox {        /*height: 200px;*/ }
    .in-news-list .item .news-pic .cont .tit { font-size: 16px; }
    .in-news-list .item .news-pic .cont .date, .in-news-list .item ul li .tit, .in-news-list .item ul li .date { font-size: 12px; }
    .in-tab-box ul li .tit .en { font-size: 12px; }
    .in-service { padding: 0; }
    .in-ys-content .item .cont { max-width: 600px; }
    .in-ys-content .item .cont h4 { font-size: 42px; }
    .in-air-tab { padding-top: 45px; padding-left: 15px; }
    .in-air-tab li { font-size: 14px; line-height: 50px; }
    .in-air-tab li i { margin-right: 10px; }
    .in-air-list li h4 { font-size: 14px; }
    .homeA .item-left .cont { left: 50px; top: 50px; }
    .in-scroll-num-min { padding: 0 50px; }
    .in-scroll-num-min li .num { font-size: 36px; }
    .in-scroll-num-min li .tit { font-size: 14px; }
    .in-solution-list li .abox { height: 210px; }
    .in-solution-list li .abox .cover h4 { font-size: 16px; }
    .in-solution-list li .abox .cover p { font-size: 12px; }
    .homeA .item-left img { height: 440px; }
    .product-search-index { width: 1000px; }
    .in-news-list .item .news-pic { height: 240px; }
}
@media (max-width:1440px) {
    .in-air-tab li { line-height: 55px; }
    .in-news-list .item .news-pic { height: 225px; }
    .in-scroll-num-big li .tit {font-size: 14px;}
}
@media (max-width:1366px) {
    .in-air-tab li { line-height: 52px; }
    .in-news-list .item .news-pic { height: 212px; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 38px; }
    .in-scroll-num-big li .num { font-size: 50px; }
}
@media (max-width:1280px) {
    .in-air-tab li { line-height: 50px; font-size: 14px; }
    .in-news-list .item .news-pic { height: 198px; }
    .foot-nav .item ~ .item { margin-left: 30px; }
}
@media (max-width:1200px) {
    .in-ys-content .item .cont { left: 5.5%; top: 10%; max-width: 600px; }
}
@media (max-width:1024px) {

    /*.in-solution-list li .abox:hover .cover { display: none; }*/
    .in-solution-list li:nth-child(1) .abox:before { display: none; }
    .in-solution-list li:nth-child(4) .abox:before { display: none; }
    .in-scroll-num-min { padding: 0 30px; }
    .homeA .item-left .cont { left: 30px; top: 50px; }
    .in-solution-list li .abox { height: 180px; }
    .homeA .item-left img { height: 380px; }
    .product-search-index { width: 92%; }
    .in-air-tab { padding-top: 30px; width: 100%; display: flex; flex-wrap: wrap; }
    .in-air-tab li { line-height: 40px; font-size: 13px; padding-left: 5px; width: 20%; }
    .in-air-tab li i { background-size: 40px; width: 20px; height: 20px; margin-right: 10px; }
    .in-air-tab li.on i, .in-air-tab li:hover i { background-position: -20px 0; }
    .in-air-content { width: 100%; margin-top: 20px; }
    .in-title h4 { font-size: 14px; line-height: 1.5; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 36px; }
    .in-ys-tab { position: static; padding: 30px 0; }
    .in-ys-content .item .cont { left: 5.5%; top: 20%; max-width: 60%; }
    .in-tab-box ul li .pic { margin-right: 0; }
    .in-tab-box ul li .tit { text-align: center; max-width: 100%; margin-top: 10px; width: 100%; }
    .in-tab-box ul li .tit h4 { font-size: 18px; }
    /* .case-item .pic img { height: 165px; width: 100%; } */
    .case-item .tit { padding: 0 15px; }
    .homeG .pic { width: 60%; }
    .in-scroll-num-big { margin-top: 100px; padding: 0 0px; }
    .in-scroll-num-big li .tit { font-size: 14px; }
    .in-scroll-num-big li .num { font-size: 40px; }
    .in-news-list .item:last-child { display: none; }
    .in-news-list .item { width: 33.3333%; }
    .foot-form .title .tel b { font-size: 28px; }
    .foot-form .title h3 b { font-size: 34px; }
    .foot-form .title h3, .foot-form .title h4 { font-size: 18px; }
    .foot-nav .item ul li a { max-width: 150px; }
    .copyright .fr { float: none; }
    .foot-nav .item { display: none; margin-left: 0; }
    .foot-nav .item ~ .item { margin-left: 0; }
    .foot-nav .item:last-child { display: block; }
    .foot-nav .item .tit { display: none; }
    .in-scroll-num-min li .tit { font-size: 12px; }
    .in-tab-box .wp { height: auto; }
}
@media (max-width:768px) {
    .homeA .item-left, .homeA .item-right { width: 100%; }
    .homeA .item-right { margin-top: 20px; }
    .homeA .item-left .cont { left: 20px; top: 30px; }
    .homeA .item-left .cont h3 { font-size: 16px; }
    .homeA .item-left .cont h3 b { font-size: 28px; }
    .homeA .item-left .cont p { font-size: 14px; line-height: 1.5; margin-top: 20px; }
    .homeA .item-left .in-scroll-num-min { bottom: 30px; padding: 0 20px; }
    .in-scroll-num-min li .num { font-size: 26px; }
    .in-scroll-num-min li .tit { font-size: 11px; line-height: 1.5; }
    .homeA .item-left img { height: 300px; width: 100%; object-fit: cover; }
    .in-solution-list li .abox .cont h4 { line-height: 1.5; font-size: 14px; }
    .solution-icon { width: 28px; height: 28px; }
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 28px; }
    .in-title h4 { font-size: 14px; line-height: 1.5; padding: 0 20px; margin-top: 12px; }
    .swp-bar-wrap .swp-btn { display: none; }
    .homeC, .product-search-index { display: none; }
    .pb-130 { padding-bottom: 60px; }
    .in-ys-content .item img { width: 100%; height: 280px; object-fit: cover; }
    .in-ys-content .item .cont { left: 4%; top: 40px; max-width: 92%; }
    .in-ys-content .item .cont h4 { font-size: 22px; }
    .in-ys-content .item .cont p { font-size: 14px; line-height: 1.5; margin-top: 30px; }
    .in-tab-box ul li .tit h4 { font-size: 16px; line-height: 1.3; padding: 0 5px; }
    .in-tab-box ul li .pic { width: 50px; height: 50px; line-height: 50px; }
    .in-tab-box ul li .pic .ys-icon { width: 28px; height: 28px; background-size: 56px; }
    .in-tab-box ul li:hover .pic .ys-icon { background-position: -28px 0; }
    .in-tab-box ul li { width: 50%; padding: 10px; }
    .in-tab-box .wp { align-items: flex-start; }
    /* .case-item .pic img { height: 240px; } */
    .in-partner-list li { margin-bottom: 0; }
    .in-partner-list li { width: 33.3333%; }
    .com-more { font-size: 14px; }
    .in-title h3 br { display: none; }
    .in-title.left { text-align: center; width: 100%; }
    .in-service .in-title .com-more { margin-top: 30px; }
    .homeG .pic { width: 100%; margin-top: 30px; }
    .in-wd-tab { display: none; }
    .homeH { padding-top: 40px; padding-bottom: 40px; margin-top: 40px; }
    .homeH .cont { font-size: 14px; line-height: 2; color: #ffffff; opacity: 0.8; margin-top: 30px; margin-bottom: 40px; }
    .in-scroll-num-big { margin-top: 50px; padding: 0 0px; margin-bottom: -20px; }
    .in-scroll-num-big li { max-width: 50%; width: 50%; margin-bottom: 30px;text-align: center;}
    .in-scroll-num-big li .tit { font-size: 10px; }
    .in-scroll-num-big li .num { font-size: 30px; }
    .in-news-tab { margin-top: 30px; }
    .in-news-list .item { width: 50%; display: none; }
    .in-news-list .item:nth-child(1), .in-news-list .item:nth-child(2) { display: block; }
}
@media (max-width:640px) {
    .in-title h3, .in-ys-content .item .cont h4 { font-size: 24px; }
    .in-ys-content .item .cont h4 { font-size: 20px; }
    .in-ys-content .item .cont p { margin-top: 25px; }
    .in-ys-content .item { background: #000; }
    .in-ys-content .item img { opacity: .95; }
    .in-news-tab { width: 100%; }
    .in-news-tab li { margin-left: 0; }
    .in-news-list .item { width: 100%; display: none; }
    .in-news-list .item:nth-child(1), .in-news-list .item:nth-child(2) { display: none; }
    .in-news-list .item:first-child { display: block; }
    .footA { padding-top: 40px; padding-bottom: 30px; }
    .links { color:white; font-size: 14px; padding-bottom: 20px; display: none; }
    .foot-qr p { font-size: 13px; margin-top: 10px; line-height: 1; }
    .foot-nav .item .cont { padding-top: 0; }
}

/*首页 E*/

/*产品 S*/
.cate-wrap { padding-top: 50px; padding-bottom: 30px; }
.cate-wrap li { float: left; margin-right: 1.3333%; margin-bottom: 20px; }
.cate-wrap-4 li { width: 24%; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 0; }
.cate-wrap-5 li { width: 19%; margin-right: 1.2222%; }
.cate-wrap-5 li:nth-child(5n) { margin-right: 0; }
.cate-wrap li a { display: block; height: 52px; line-height: 50px; background-color: #f8f8f8; border: solid 1px #dddddd; font-size: 16px; color: #595757; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.cate-wrap li.on a, .cate-wrap li a:hover { color: #fff; border-color: #FE0501; background-color: #FE0501; }
.air-search {    /*background: url(../images/product/search-bg.png) no-repeat center;*/

    /*background-size: cover;*/
background: rgba(3, 21, 40, .9); border: solid 1px #dddddd; padding: 55px 60px 55px 65px; }
.air-search .tit { font-size: 32px; line-height: 1.3; color: #fff; }
.air-form .item { width: 340px; margin-right: 20px; }
.air-form .item .subtit { font-size: 16px; color: #fff; margin-bottom: 10px; }
.air-form .item select { width: 100%; height: 40px; background-color: #f5f5f5; border: solid 1px #dddddd; cursor: pointer; padding: 0 15px; color: #81868e; }
.air-form .item select {    /*很关键：将默认的select选择框样式清除*/
appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #f5f5f5 url(../images/sel-sj.png) no-repeat 95% center; }

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.air-form .item select:focus { outline: none; }
.air-form .item:last-child { width: 120px; }
.air-form .item button { width: 120px; height: 40px; background-color: #FE0501; line-height: 40px; color: #fff; font-size: 16px; color: #ffffff; text-align: center; cursor: pointer; }

/*其他气体*/
.air-search-qt .cont { margin-top: 30px; }
.air-search-qt .cont .inp-qt { line-height: 50px;    /*border: 1px solid #FE0501;*/ width: 1000px; margin: 0 auto; text-align: center; background: #fff; border-radius: 25px; font-size: 16px;    /*box-shadow: 0 0 20px rgba(0,0,0,0.1);*/ }
.s-tip { text-align: left; margin-top: 30px; font-size: 16px; }
.s-reault { font-weight: bold; color: #fff; margin-bottom: 10px; }
.s-info { line-height: 30px; color: #FE0501; }
.s-info a { margin-right: 20px; color: #FE0501; line-height: 30px; padding-bottom: 2px; }
.s-info a:hover { text-decoration: underline; }
.com-zixun { width: 300px; height: 40px; background-color: #ffffff; border: solid 1px #FE0501; line-height: 38px; font-size: 16px; color: #FE0501; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zixun:hover { background-color: #FE0501; color: #fff; }
.com-zixun i { font-size: 24px; color: #FE0501; display: inline-block; vertical-align: middle; margin-right: 8px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.com-zixun:hover i { color: #fff; }
.air-result { padding: 40px 50px; background: #fff; border: solid 1px #dddddd; border-top: none; margin-bottom: 50px; }
.air-result ul li { width: 14%; line-height: 1.5; padding: 9px 5px 9px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #595757; font-size: 15px; }
.air-result-qt ul li { width: 12.5%; }
.air-result ul li .on { color: #FE0501; }
.sort_letter { width: 100%; color: #333; margin-top: 20px; margin-bottom: 10px; font-size: 0; }
.air-result ul .sort_letter:first-child { margin-top: 0; }
.sort_letter h4 { display: inline-block; background-color: #FE0501; color: #fff; width: 26px; height: 26px; line-height: 26px; font-size: 18px; vertical-align: middle; text-align: center; }
.product-index-list { margin-bottom: -20px; }
.product-index-list .item { text-align: center; margin-bottom: 20px; }
.product-index-list .item .tit { line-height: 60px;
    font-size: 16px;
    color: #595757;
    padding: 0 15px;
    /* background: #fbf8f8; */
    margin-top: 1px;
    border: 1px solid #e7e8e5; }
.product-inner-list { margin-bottom: -24px; }
.product-inner-list .item { margin-bottom: 24px; }
.product-inner-list .item .box { background: #fff; padding: 20px; }
.product-inner-list .item .pic { width: 45%; height: 337.5px; overflow: hidden; }
.product-inner-list .item .pic img { height: 100%; object-fit: cover; }
.product-inner-list .item .cont { width: 50%; padding-top: 8%; }
.product-inner-list .item .cont h4 a { font-size: 20px; color: #2e3136; }
.product-inner-list .item .cont h4 a:hover { color: #FE0501; }
.product-inner-list .item .cont p { font-size: 14px; line-height: 24px; color: #81868e; margin-top: 20px; margin-bottom: 20px; }
.morebar a { display: inline-block; vertical-align: middle; width: 128px; height: 30px; background-color: #81868e; border-radius: 15px; line-height: 30px; text-align: center; color: #ffffff; }
.morebar .chat { background-color: #FE0501; margin-right: 6px; }
.morebar a i { display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 21px; color: #fff; }
@media (max-width:1800px) {
    .com-zixun { width: 200px; }
}
@media (max-width:1600px) {
    .air-form .item { width: 280px; }
    .product-inner-list .item .cont { padding-top: 5%; width: 54%; padding-right: 10px; }
    .product-inner-list .item .cont h4 a { font-size: 18px; }
    .air-result { padding: 30px; }
    .air-result ul li { font-size: 14px; }
    .product-inner-list .item .cont p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
    .product-inner-list .item .pic { height: 248px; }
    .in-scroll-num-big li .num{font-size:44px;}
}
@media (max-width:1440px) {
    .air-form .item { width: 240px; }
    .com-zixun { width: 150px; }
    .air-result-qt ul li { width: 14.2857%; font-size: 14px; }
    .product-index-list .item .tit { font-size: 15px; }
}
@media (max-width:768px) {
    .product-index-list .item .tit { font-size: 14px; line-height: 40px; }
}

/*产品详情*/
.product-body{padding-top:0px;}
.product-album img{border:1px solid #e2e1d8;}
.product-intro { padding: 20px 0; }
.product-intro .cont { width: 53.2%; padding-right: 110px; padding-top: 30px; }
.product-intro .cont h1 { font-size: 30px; line-height: 1.3; color: #2e3136; }
.product-intro .cont .des { font-size: 16px; line-height: 32px; color: #81868e; margin-top: 15px; margin-bottom: 35px; height: 143px; overflow-y: scroll; }
.product-intro .cont .des::-webkit-scrollbar { width: 6px; height: 6px; }
.product-intro .cont .des::-webkit-scrollbar-button { background-color: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-track { background: #ddd; }
.product-intro .cont .des::-webkit-scrollbar-thumb { background: #999; border-radius: 4px; }
.product-intro .cont .des::-webkit-scrollbar-corner { background: #999; }
.product-intro .cont .des::-webkit-scrollbar-resizer { background: #FF0BEE; }
.product-intro .cont h3 { font-size: 18px; color: #2e3136; margin-bottom: 20px; }
.product-intro .cont .morebar { margin-top: 71px; }
.morebar-big .zx { width: 178px; height: 42px; border-radius: 21px; line-height: 42px; font-size: 18px; }
.morebar-big .zx i { margin-right: 10px; font-size: 24px; }
.morebar-big .chat { margin-right: 10px; }
.morebar-big .tel { display: inline-block; vertical-align: middle; line-height: 42px; color: #4d4d4d; margin-left: 20px;font-size:22px;}
.morebar-big .tel a { font-size:22px; }
.morebar-big .tel i { font-size: 25px; color: #FE0501; display: inline-block; vertical-align: middle; margin-right: 10px; }
.product-album { width: 30.8%; height: 429px; }
.swiper-container-big { float: left; width: 80%; box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.15); height: 100%; }
.album-small { position: relative; float: right; width: 120px; height: 100%; padding: 84px 0; text-align: center; }
.swiper-container-small { height: 100%; overflow: hidden; padding: 1px 0; }
.swiper-container-small .swiper-slide { width: 100%; border: solid 1px #dddddd; overflow: hidden; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-small .on { border-color: #FE0501; }
.swiper-container-small .swiper-slide img { height: 100%; }
.album-small .prev, .album-small .next { position: absolute; left: 50%; top: 20px; z-index: 2; display: block; width: 100%; background: #ddd; line-height: 30px; cursor: pointer; width: 30px; height: 30px; text-align: center; margin-left: -15px; border-radius: 50%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.album-small .prev:hover, .album-small .next:hover { background: #FE0501; }
.album-small .prev:focus, .album-small .next:focus { outline: none; }
.album-small .next { top: auto; bottom: 20px; }
.album-small .prev i, .album-small .next i { display: inline-block; color: #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.album-small .next i { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.product-content { width: 74.6%; }
.product-xg { width: 24%; }
.pro-tab-tit { padding: 30px 14px 20px; background: #fff; border-bottom: 1px solid #ddd; font-size: 0; }
.pro-tab-tit li { display: inline-block; font-size: 20px; padding: 0 10px; position: relative; color: #4d4d4d; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.js-tab-tit { padding: 30px 40px 20px; }
.js-tab-tit li { cursor: pointer; }
.js-tab-tit li:hover, .pro-tab-tit li.on { color: #FE0501; }
.pro-tab-tit li:before { content: ""; position: absolute; left: 50%; bottom: -21px; width: 0; height: 2px; background: #FE0501; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.pro-tab-tit li.on:before { width: 100%; left: 0; }
.pro-tab-tit li ~ li { margin-left: 40px; }
.product-detail { background: #fff; padding: 50px 60px 70px; }
.product-detail .item { line-height: 1.75; font-size: 16px; }
.product-detail .item ~ .item { display: none; }
.product-detail .item p { margin-bottom: 5px; }
.product-detail .item td { border: 1px solid #ededed; }
.product-detail .item table { width: 100% !important; }
.product-body .wp{width:1400px;}
/*.product-detail .item p>img {width: 50%;}*/
.detail-other { background: #fff; margin-top: 10px; padding: 30px 40px; }
.detail-page { width: 65%; }
.detail-page .item { max-width: 45%; }
.product-index-list-xg .item { margin-bottom: 5px;margin-top:11px; }
.product-form h3 { font-size: 26px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px; }
.com-form-box { margin-top: 50px; }
.com-form-box ul { margin-left: -8px; margin-right: -8px; }
.com-form-box ul li { position: relative; float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px; padding: 0 8px; }
.com-form-box ul li input { font-size: 16px; color: #999; width: 100%; line-height: 64px; padding: 0 30px; border: 1px solid #e5e5e5; background: #fff; }
.com-form-box ul li input:focus, .com-form-box .textarea:focus, .com-form-box .submit:focus { outline: none; box-sizing: border-box; }
.com-form-box .textarea { box-sizing: border-box; padding: 30px; height: 270px; width: 100% !important; border: none; border: 1px solid #e5e5e5; font-size: 16px; color: #999; background: #fff; }
.com-form-box .submit { margin-top: 20px; width: 100%; height: 64px; line-height: 64px; text-align: center; background: var(--action); color: #fff; font-size: 20px; cursor: pointer; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.com-form-box .submit:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
@media (max-width:1800px) {
    .product-intro .cont .morebar { margin-top: 60px; }
    .product-intro .cont .des { max-height: 143px; overflow-y: scroll; }
}
@media (max-width:1600px) {
    .product-intro .cont h1 { font-size: 28px; }
    .product-detail { padding: 40px; }
    .swiper-container-small { height: 100%; }
    .product-album { height: 507px; }
    .product-intro .cont { padding-right: 40px; padding-top: 20px; }
    .album-small { width: 100px; height: 100%; overflow: hidden; }
    .swiper-container-small {        /*padding: 5px 0;*/ }
    .swiper-container-small .swiper-slide {        /*height: auto !important;*/ }
    .swiper-container-small .swiper-slide img { height: 100%; object-fit: contain; }
}
@media (max-width:1280px) {
    .product-intro .cont { padding-right: 40px; }
    .morebar-big .tel { margin-left: 10px; }
    .morebar-big .zx { width: 160px; font-size: 16px; }
}
@media (max-width:1200px) {
    .product-album { height: 450px; }
    .album-small { width: 90px; }
}
@media (max-width:1024px) {
    .product-album { height: 378px; }
    .album-small { width: 70px; }
}
@media (max-width:640px) {
    .morebar-big .protel { margin-top: 15px !important; display: block; width: 100%; }
}

/*产品 E*/
.mdjj{
    width:100%;
    margin-bottom:30px;
}
.ym{padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
    display: table;
    margin: auto;}
.ym a{float:left; border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; margin-right:5px; margin-bottom:5px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.ym a:hover{background:#5c5c5c; color:#FFF; border:solid 1px #5c5c5c;}

a.page-num-current {
    background: #FE0501;
    color: #FFF;
    border: solid 1px #FE0501;
}
.ym span  {
    display: block;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}
/* 产品 */
.product-intro{
    max-width:1400px;
}
/*案例 S*/
.nhhde{
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    height: 60px;
    position: relative;
}
.cate-big { margin-top: -60px; position: relative; z-index: 3; height: 60px; background-color: rgba(0, 0, 0, .2); }
.cate-big a {position: relative; display: block;text-align: center; line-height: 60px; font-size: 18px; color: #dddddd; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big.cate-3 a { width: 33.3333%; }
.cate-big.cate-4 a { width: 25%; }
.cate-big.cate-5 a { width: 20%; }
.cate-big.cate-6 a { width: 16.6666%; }
.cate-big a.on { color: #FE0501; }
.cate-big a:hover { color: #FE0501; }
.cate-big a:before { content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background-color: #FE0501; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.cate-big a:hover:before, .cate-big a.on:before { left: 0; width: 100%; opacity: 1; }
.partner-list { margin-bottom: -30px; }
.partner-list .item { text-align: center; margin-bottom: 30px; }
.partner-list .item .tit { padding: 20px 15px; font-size: 18px; color: #4d4d4d; line-height: 1.3; }
.case-list { margin-bottom: -30px; }
.case-list .item { margin-bottom: 30px; }
.case-item .pic img { object-fit: cover; width: 100%;}
.case-item .tit { border: solid 1px #dddddd; border-top: none; padding: 0 24px; }
.case-item .tit h4 { font-size: 20px; color: #281f20; border-bottom: solid 1px #eeeeee; padding: 15px 0; }
.case-item .tit p { font-size: 14px; height: 72px; color: #81868e; padding: 12px 0; }
.detail-title { text-align: center; background: #fff; padding: 50px 60px 40px; border-bottom: 1px solid #ddd; }
.detail-title h1 { line-height: 1.3; font-size: 36px; color: #4d4d4d; }
.detail-title .info { margin-top: 20px; color: #81868e; }
.detail-title .info span { margin: 0 10px; }
@media (max-width:1366px) {
    .case-item .tit h4 { font-size: 18px; }
}
@media (max-width:1024px) {
    .case-item .tit { padding: 0 15px; }
}
@media (max-width:768px) {
    /* .case-item .pic img { height: 240px; } */
    .case-item .tit h4 { font-size: 16px; }
}
@media (max-width:640px) {
    /* .case-item .pic img { height: 115px; } */
    .case-item .tit h4 { font-size: 14px; }
    .case-item .tit p { font-size: 12px; height: auto; color: #81868e; padding: 8px 0; }
}

/*案例 E*/
.o_df-center {
    text-align: center !important;
  }
  .o_g {
    display: block;
    *zoom: 1;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 0!important;
    line-height: auto;
  }
  .o_g:after {
    content: ".";
    height: 0;
    visibility: hidden;
    clear: both;
    display: block;
  }
  .o_g .o_u.o_df_10-12 {
    width: 83.33333333%;
  }
  .o_u {
    display: inline-block;
    text-rendering: auto;
    box-sizing: border-box;
  }
.home_st .advantage .title_h2 h2{display:inline-block;font-size:48px;font-weight:500;line-height:53px;letter-spacing:0;color:#fff!important;text-align:center;margin-bottom:20px}
.home_st{background:#f8f8f8;position:relative;padding-bottom:48px;}
.home_st .bg{position:absolute!important;left:0;top:0;width:100%;height:330px;z-index:1}
.home_st .limit_text{height:45px}
.home_st .logo_box{padding-bottom:20px;text-align:left}
.home_st .logo_box img{height:30px}
.home_st .logo_box a{font-size:14px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;color:#FE0501;float:right;margin-top:1%;cursor:pointer}
.home_st .logo_box a i{font-size:14px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;padding-left:5px;color:#FE0501;position:relative;bottom:1px}
.home_st .tools{text-align:center;padding-bottom:60px}
.home_st .tools .eg_button{width:250px;height:50px;line-height:50px;font-size:16px}
.advantage{padding:60px 0 25px 0;position:relative;z-index:5}
.advantage .title_h2{text-align:center}
.home_st .advantage .title_h2 h2{display:inline-block;font-size:48px;font-weight:500;line-height:53px;letter-spacing:0;color:#fff!important;text-align:center;margin-bottom:20px}
.advantage>p{font-size:16px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#fff;max-width:83.33333333%;margin:0 auto;text-align:center;margin-bottom:25px;opacity:.8}
.advantage .o_g{position:relative}
.advantage .swiper-container{margin:0 -15px;position:static}
.advantage .swiper-container .swiper-slide{text-align:center;padding:20px 10px;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block}
.advantage .swiper-container .swiper-slide .content{display:block;box-shadow:0 0 10px 0 rgba(0,0,0,.1);background:#f8f8f8}
.advantage .swiper-container .swiper-slide .content .img{display:block;overflow:hidden;text-align:center}
.advantage .swiper-container .swiper-slide .content .description{padding:30px}
.advantage .swiper-container .swiper-slide .content .description .title{font-size:20px;line-height:30px;font-weight:700;letter-spacing:0;color:#333;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.advantage .swiper-container .swiper-slide .content .description p{font-size:16px;line-height:22px;color:#999;max-width:100%;margin:0 auto;text-align:left;margin-bottom:0}
.advantage .swiper-container .arrow{font-size:48px;color:#FE0501;position:absolute;left:4.16666665%;margin-left:-24px;top:60%;margin-top:-24px;cursor:pointer}
.advantage .swiper-container .arrow.arrow-next{left:auto;right:4.16666665%;margin-right:-24px}
.advantage .swiper-container .arrow.noslide{color:#b2c9e1}
.index_animate{position:absolute;left:0;top:0;width:100%;height:100%}
.index_animate .index_animateBox{display:inline-block;width:14.2857%;height:100%;border-right:1px solid #eee}
@media (min-width:1200px) and (max-width:1280px){.advantage .swiper-container .swiper-slide .content .img{}
.advantage .swiper-container .arrow{top:56%}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px;line-height:20px}
.home_st .logo_box{padding:20px 0 0 0}
.home_st .logo_box img{height:25px;display:block;padding-bottom:20px}
.home_st .logo_box a{display:block;height:40px;border-top:1px solid #eee}
.home_st .logo_box a,.home_st .logo_box a i{font-size:12px;float:none;line-height:40px}
.home_st .logo_box a i{float:right}
.advantage>p{width:66.667%}
.advantage .swiper-container .swiper-slide .content .description{padding:30px 30px 0 30px}
}
@media (min-width:992px) and (max-width:1199px)
{.home_st .advantage .title_h2 h2{font-size:36px;line-height:42px;margin-bottom:15px;color:black !important;}

.advantage>p{margin-bottom:10px;width:66.667%}
.advantage .swiper-container{margin:0 -10px}
.advantage .swiper-container .swiper-slide{padding:20px 10px}
.advantage .swiper-container .swiper-slide .content .img{}
.advantage .swiper-container .swiper-slide .content .description{padding:20px 20px 0 20px}
.advantage .swiper-container .swiper-slide .content .description .title{font-size:16px;line-height:26px;margin-bottom:10px}
.home_st .bg{height:270px}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px;line-height:20px}
.home_st .logo_box{padding:20px 0 0 0}
.home_st .logo_box img{height:25px;display:block;padding-bottom:20px}
.home_st .logo_box a{display:block;height:40px;border-top:1px solid #eee}
.home_st .logo_box a,.home_st .logo_box a i{font-size:12px;float:none;line-height:40px}
.home_st .logo_box a i{float:right}
}
@media (min-width:701px) and (max-width:991px){.advantage{padding:60px 0 20px}
.home_st .advantage .title_h2 h2{font-size:36px;line-height:42px;margin-bottom:15px}
.advantage>p{margin-bottom:10px}
.advantage .swiper-container{margin:0 -10px}
.advantage .swiper-container .swiper-slide{padding:10px}
.advantage .swiper-container .swiper-slide .content{box-shadow:0 0 5px 0 rgba(0,0,0,.1)}
.advantage .swiper-container .swiper-slide .content .img{}
.advantage .swiper-container .swiper-slide .content .description{padding:15px 30px 0 30px}
.advantage .swiper-container .swiper-slide .content .description .title{font-size:16px;line-height:22px;margin-bottom:10px}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px}
.advantage .swiper-container .arrow{font-size:32px}
.advantage .swiper-container .arrow.arrow-next{margin-right:-18px}
.advantage .swiper-container .arrow.arrow-prev{margin-left:-18px}
.home_st .bg{height:300px}
.advantage .swiper-container .swiper-slide .content .img{height:200px}
.advantage .swiper-container .arrow{top:64%}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px;line-height:20px}
.home_st .logo_box{padding:20px 0 0 0}
.home_st .logo_box img{height:25px;display:block;padding-bottom:20px}
.home_st .logo_box a{display:block;height:40px;border-top:1px solid #eee}
.home_st .logo_box a,.home_st .logo_box a i{font-size:12px;float:none;line-height:40px}
.home_st .logo_box a i{float:right;bottom:-1px}
.home_st .tools .eg_button{width:200px;height:40px;line-height:40px;font-size:14px}
}
/* 首页新闻 */
.ckskk{
    display: table;
    width: 100%;
    text-align: center !important;
    margin-bottom: 30px;
}
.homeA{
    padding-top:55px;
}
.container1400 {
    width: 75%;
    margin: auto;
}
.in-4 .title_h2{text-align: center;padding-top:50px;}
.in-4 .title_h2 h2{
    display: inline-block;
    text-align: center;
    font-size: 48px;
    /* font-weight: 500; */
    line-height: 53px;
    letter-spacing: 0;
    color: black!important;
    text-align: center;
    margin-bottom: 20px;
}
.nb_con{
    padding-bottom: 50px;
}
.in-4 .prod_subTitle{
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 22px;
    letter-spacing: 0;
    color: black;
    max-width: 83.33333333%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
    opacity: .8;
}
.news_btl{width:350px;float:left;font-weight:400;font-size:42px}
.news_btl span{font-size:24px;display:block;color:#999;font-weight:100}
.nb_tab{font-size:0;text-align:center;margin:0 auto;margin-top:41px;margin-bottom:16px}
.nb_tab a{width:171px;height:45px;display:inline-block;vertical-align:top;color:#000;border-radius:30px}
.nb_tab a+a{margin-left:50px}
.nb_tab a.on{color:#fff;background:#FE0501}
.mod1499 .nb_tab a b,.nb_tab a i{display:inline-block;vertical-align:top;line-height:42px}
.nb_tab a b{font-size:19px;font-weight:400;letter-spacing:1px;line-height:45px}
.nb_tab li{width:171px;height:45px;background:#f5f5f5;display:inline-block;vertical-align:top;color:#333;margin-left:15px;margin-right:15px;border-radius:30px}
.in-4{margin-bottom:40px}
.in-4 .list{display:flex;justify-content:space-between;margin-top:27px}
.in-4 .list .left{width:37%}
.in-4 .list .left .img{overflow:hidden}
.in-4 .list .left .img img{transition:all .7s ease-in-out}
.in-4 .list .left .txt{padding:20px;background:#f6f6f6}
.in-4 .list .left .txt h5{font-size:22px;color:#333;font-weight:700;padding-bottom:20px}
.in-4 .list .left .txt p{font-size:15px;color:#666;padding-bottom:20px}
.in-4 .list .left .txt span{font-size:15px;color:#666}
.in-4 .list .left:hover .img img{transform:scale(1.09)}
.in-4 .list .left:hover .txt{background:#FE0501}
.in-4 .list .left:hover .txt h5,.in-4 .list .left:hover .txt p,.in-4 .list .left:hover .txt span{color:#fff}
.in-4 .list .right{width:60%}
.in-4 .list .right ul li{background:#f6f6f6;margin-bottom:4%}
.in-4 .list .right ul li .box{display:flex;align-items:center;justify-content:space-between}
.in-4 .list .right ul li .box .img{overflow:hidden;width:27%}
.in-4 .list .right ul li .box .img img{width:100%;transition:all .7s ease-in-out}
.in-4 .list .right ul li .box .txt{padding:10px;width:72%}
.in-4 .list .right ul li .box .txt h5{font-size:22px;color:#333;font-weight:700;margin-top:5px;padding-bottom:18px;margin-left:25px}
.in-4 .list .right ul li .box .txt p{font-size:15px;color:#666;margin-left:25px;padding-bottom:21px}
.in-4 .list .right ul li .box .txt span{font-size:15px;color:#666;margin-left:25px}
.in-4 .list .right ul li:hover{background:#FE0501}
.in-4 .list .right ul li:hover .box .img img{transform:scale(1.09)}
.in-4 .list .right ul li:hover .box .txt h5,.in-4 .list .right ul li:hover .box .txt p,.in-4 .list .right ul li:hover .box .txt span{color:#fff}
@media screen and (max-width:900px) {
    .phonendj{
        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 12px;
        
    }
    .product-body .wp{width:94%;}
    .o_g .o_u.o_df_10-12{width:93%;}
    .phonemjj h2{
        float: left;
        width: 100%;
        display: table;
        color: black;
        line-height: 34px;
        font-size: 13px;
        border: 1px solid #d2d2c9;
    }
    .in-4 .title_h2 h2{font-size:28px;}
    .container1400{width:95%;}
    .in-4 .prod_subTitle{max-width:90%;}
    .cate-big a{padding-left:0px;padding-right:0px;}
}

@media (min-width:576px) and (max-width:700px){.advantage{padding:60px 0 20px}
.home_st .advantage .title_h2 h2{font-size:36px;line-height:42px;margin-bottom:15px;color:black !important;}
.advantage>p{margin-bottom:10px}
.advantage .swiper-container{margin:0 -10px}
.advantage .swiper-container .swiper-slide{padding:20px 10px}
.advantage .swiper-container .swiper-slide .content{box-shadow:0 0 5px 0 rgba(0,0,0,.1)}
.advantage .swiper-container .swiper-slide .content .description{padding:15px 30px 0 30px}
.advantage .swiper-container .swiper-slide .content .description .title{font-size:16px;line-height:22px;margin-bottom:10px}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px;line-height:20px}
.advantage .swiper-container .arrow{font-size:32px}
.advantage .swiper-container .arrow.arrow-next{margin-right:-18px}
.advantage .swiper-container .arrow.arrow-prev{margin-left:-18px}
.home_st .bg{height:300px}
.advantage .swiper-container .swiper-slide .content .img{}
.advantage .swiper-container .arrow{top:64%}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px;line-height:20px}
.home_st .logo_box{padding:20px 0 0 0}
.home_st .logo_box img{height:25px;display:block;padding-bottom:20px}
.home_st .logo_box a{display:block;height:40px;border-top:1px solid #eee}
.home_st .logo_box a,.home_st .logo_box a i{font-size:12px;float:none;line-height:40px}
.home_st .logo_box a i{float:right;bottom:0}
.home_st .tools .eg_button{width:200px;height:40px;line-height:40px;font-size:14px}
}
@media (max-width:575px){.advantage{padding:45px 0 25px}
.home_st .advantage .title_h2 h2{font-size:28px;line-height:34px;margin-bottom:15px;color:black !important;font-weight:normal;}
.advantage>p{font-size:14px;line-height:20px;margin-bottom:5px;color:black !important;}
.advantage .swiper-container{margin:0 -5px;padding:0 8.33333333%}
.advantage .swiper-container .swiper-slide{padding:20px 5px 5px 5px;width:250px!important;height:auto!important;-moz-box-sizing:content-box;box-sizing:content-box}
.advantage .swiper-container .swiper-slide .content{box-shadow:0 0 5px 0 rgba(0,0,0,.1)}
.advantage .swiper-container .swiper-slide .content .img{height:150px}
.advantage .swiper-container .swiper-slide .content .description{padding:15px 20px 0 20px}
.advantage .swiper-container .swiper-slide .content .description .title{font-size:16px;line-height:22px;margin-bottom:5px}
.advantage .swiper-container .swiper-slide .content .description p{font-size:14px}
.index_animate .index_animateBox{width:25%}
.home_st .bg{height:300px}
.advantage .swiper-container .swiper-slide .content .img{height:160px}
.advantage .swiper-container .arrow{top:64%}
.advantage .swiper-container .swiper-slide .content .description p{font-size:12px;line-height:18px}
.home_st .logo_box{padding:20px 0 0 0}
.home_st .logo_box img{height:25px;display:block;padding-bottom:20px}
.home_st .logo_box a{display:block;height:40px;border-top:1px solid #eee}
.home_st .logo_box a,.home_st .logo_box a i{font-size:12px;float:none;line-height:40px}
.home_st .logo_box a i{float:right;bottom:0}
.home_st .tools .eg_button{width:83.33333333%;height:40px;line-height:40px;font-size:14px}
.home .news .content .list .item .content_title{font-size:14px}
.home_st .tools{padding-bottom:45px}
.home .news .content .list .item .lb .hr{top:0}
.home .chuangxin a{width:100%;left:0;margin-left:0}
.home .live_banner .swiper-slide .con_box .now{text-align:center}
}


/*方案 S*/
.solution-list { margin-bottom: -30px; }
.solution-list .item { margin-bottom: 30px; }
.solution-list .item .abox { position: relative; background: #fff; padding: 10px; overflow: hidden; }
.solution-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(195, 156, 97, .9); z-index: 2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; visibility: hidden; text-align: center; color: #fff; padding: 0 15%; }
.solution-list .item .abox .pic { height: 365px; }
.solution-list .item .abox .pic img { height: 100%; width: 100%; object-fit: cover; }
.solution-list .item .abox:hover .solution-cover { opacity: 1; visibility: visible; }
.detail-banner { position: relative; }
.detail-banner .pic { overflow: hidden; height: 0; padding-bottom: 31.25%; background: #f5f5f5; }
.detail-banner .pic img { width: 100%; -webkit-animation: SlickIn 8s; animation: SlickIn 8s; }
.detail-banner .tit { position: absolute; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 50%; margin-left: -800px; }
.detail-banner .tit h1 { font-size: 48px; line-height: 1.3; color: #ffffff; margin-bottom: 160px; }
.solution-cover h4 { font-size: 24px; line-height: 1.3; color: #f5f5f5; margin-bottom: 40px; }
.solution-cover p { font-size: 16px; line-height: 30px; color: #ffffff; opacity: 0.7; margin-bottom: 30px; }
.solution-cover i { font-size: 24px; color: #fff; height: 24px; line-height: 24px; width: 24px; }
.solution-list .item .abox .tit { padding: 20px 15px 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.solution-list .item .abox:hover .tit { opacity: 0; }
.solution-list .item .abox .tit h4 { font-size: 16px; width: 80%; color: #666; }
.solution-list .item .abox .tit i { font-size: 24px; color: #81868e; height: 24px; line-height: 24px; width: 24px; }
.solution-item ~ .solution-item { margin-top: 65px; }
.solution-item { padding-bottom: 60px; border-bottom: 2px solid #ddd; }
.solution-item:last-child { padding-bottom: 0; border-bottom: none; }
.solution-item .cont { font-size: 16px; position: relative; }
.solution-item .solution-tit { font-size: 24px; color: #1b202e; padding-left: 23px; position: relative; line-height: 28px; margin-bottom: 40px; }
.solution-item .solution-tit:before { content: ""; position: absolute; left: 0; width: 4px; height: 28px; background-color: #FE0501; }
.solution-item .solution-album { margin-top: 40px; }
.product-index-list.solution-album .item { margin-bottom: 0; }
.product-index-list.solution-album .item .abox { border: 1px solid #ddd; }
@media (max-width:1600px) {
    .detail-banner .tit { left: 4%; margin-left: 0; }
    .solution-list .item .abox .pic { height: 265px; }
    .solution-cover { padding: 0 5%; }
    .solution-cover h4 { font-size: 18px; margin-bottom: 20px; }
    .solution-cover p { font-size: 14px; }
}

/*方案 E*/

/*新闻 S*/
.page-news-list .item { border: solid 1px #d9d9d9; border-top: none; padding: 30px 40px; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item:first-child { border-top: solid 1px #d9d9d9; }
.page-news-list .item:hover { box-shadow: 0px 0px 20px 0px 
rgba(46, 49, 54, 0.2); border-color: #FE0501; }
.page-news-list .item ~ .item:before { content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background: transparent; z-index: 2; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item ~ .item:hover:before { background: #FE0501; }
.page-news-list .item .pic { width: 304px;text-align: center; }
.page-news-list .item .pic img { width: 100%; height: 100%; object-fit: contain; }
.page-news-list .item .cont { width:63%; margin-left: 50px; }
.page-news-list .item .cont .tit { font-size: 24px; color: #1b202e; line-height: 1.5; }
.page-news-list .item .cont .des { font-size: 14px; line-height: 30px; color: #81868e; height: 90px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.page-news-list .item .cont .more { display: inline-block; width: 120px; height: 32px; border-radius: 16px; border: solid 1px #FE0501; line-height: 30px; text-align: center; margin-top: 65px; color: #FE0501; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.page-news-list .item:hover .cont .more { background-color: #FE0501; color: #fff; }
.page-news-list .item .date { position: absolute; right: 80px; text-align: center; font-family: DINPro-Regular; font-size: 16px; letter-spacing: -1px; color: #81868e; }
.page-news-list .item .date b { font-family: DINPro-Regular; font-size: 40px; font-weight: normal; letter-spacing: -2px; color: #595757; line-height: 1; display: block; margin-bottom: 8px; }
.page-news-list.tech-list .item { width: 49%; margin-bottom: 20px; }
.page-news-list.tech-list .item .cont { width: 100%; margin-left: 0; }
.page-news-list.tech-list .com-page { margin-top: 60px; }
.page-news-list.tech-list .item ~ .item:before { top: 0; background: #d9d9d9; }
.page-news-list.tech-list .item ~ .item:hover:before { background: #FE0501; }

/*新闻 E*/

/*关于 S*/
.aboutA { padding-top: 90px; padding-bottom: 45px; }
.aboutA .cont { text-align: left; margin-top: 30px; margin-bottom: 35px; font-size: 16px; line-height: 30px; color: #595757; max-width: 79%; width: 100%; margin: 30px auto 35px;    /*height: 155px;*/ overflow: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

/*.aboutA .cont.on {
height: 390px;
}*/
.nhhd{display: table;}
.nhhd span{float: left;
    line-height: 67px;
    font-size: 35px;
    color: black;}
.aboutA .pic { position: relative; }
.aboutA .pic .video-btn { position: absolute; left: 50%; top: 50%; z-index: 2; width: 100px; margin-left: -50px; margin-top: -50px; }
.page-scroll-list { padding:29px 70px 70px; }
.aboutB { padding-top: 84px; padding-bottom: 94px; }
.culture-list { margin-top: 64px; }
.culture-list .item { width: 32.5%; background: #fff; padding: 60px 20px; text-align: center; }
.culture-list .item h4 { font-size: 24px; line-height: 1; color: #1b202e; margin-top: 28px; margin-bottom: 15px; }
.culture-list .item p { font-size: 16px; color: #595757; }
.culture-list .item img { display: inline-block; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.culture-list .item:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.aboutC { padding-top: 100px; padding-bottom: 140px; background: url(../images/history-bg.jpg) no-repeat center; background-size: cover; }

/*发展历程*/
.history-wrap { position: relative; }
.history-wrap:before { content: ""; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #ababab; }
.swiper-container-history { padding: 360px 0; overflow: visible; margin-top: 90px; }
.swiper-container-history .swiper-slide { width: 520px; position: relative; }
.swiper-container-history .swiper-slide-active { opacity: 1; }
.swiper-container-history .swiper-slide ~ .swiper-slide { margin-left: -160px; }
.swiper-container-history .swiper-slide .cont { position: absolute; width: 100%; height: 254px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px 
rgba(18, 45, 107, 0.15); top: 50px; padding: 45px 50px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.swiper-container-history .swiper-slide .cont:before { content: ""; position: absolute; top: -14px; z-index: 2; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 14px solid #fff; margin-left: 56px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont:before { top: auto; bottom: -14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-container-history .swiper-slide .cont h4 { font-size: 24px; line-height: 30px; color: #281f20; }
.swiper-container-history .swiper-slide .cont .des { font-size: 16px; line-height: 30px; color: #81868e; margin-top: 25px; }
.swiper-container-history .swiper-slide:nth-child(2n) .cont { top: auto; bottom: 120px; }
.swiper-container-history .swiper-slide .tit { font-size: 28px; line-height: 36px; color: #81868e; font-family: DINPro-Medium; margin-top: -75px; margin-left: 90px; position: relative; }
.swiper-container-history .swiper-slide .tit span { color: #81868e; display: inline-block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit span { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); color: #FE0501; }
.swiper-container-history .swiper-slide .tit:before { content: ""; position: absolute; left: 18px; bottom: -50px; width: 22px; height: 22px; background-color: #dddddd; border-radius: 50%; }
.swiper-container-history .swiper-slide .tit:after { content: ""; position: absolute; left: 24px; bottom: -44px; width: 10px; height: 10px; background-color: #81868e; border-radius: 50%; }
.swiper-container-history .swiper-slide.swiper-slide-active .tit:after { background-color: #FE0501; }
.page-fwwd { padding-top: 30px; padding-bottom: 115px; }
.page-fwwd .pic-big { text-align: center; margin-top: 70px; }
.fwzc-list { margin-top: 50px; }
.fwzc-list .item { width: 24%; border: solid 1px #dddddd; max-height: 410px; padding: 75px 20px; text-align: center; }
.fwzc-list .item h4 { font-size: 24px; color: #1b202e; line-height: 1; margin-top: 35px; margin-bottom: 20px; }
.fwzc-list .item p { font-size: 14px; line-height: 28px; color: #81868e; }
.honor-list { margin-bottom: -35px; }
.honor-list .item .honor-box .pic { border: solid 1px #dddddd; }
.honor-list .item .honor-box .pic img { width: auto; }
.honor-list .item .honor-box h4 { margin-bottom: 35px; }

/*关于 E*/

/*联系 S*/

.contactA { padding-top: 85px; padding-bottom: 55px; background: url(../images/contact/contact-bg.jpg) no-repeat center top; background-size: cover; }
.contact-list-1 { margin-top: 55px; background-color: #ffffff; border: solid 1px #dddddd; padding: 50px 100px;justify-content: normal !important; }
.contact-list-1 li { width: 25%; margin: 30px 0;}
.contact-list-1 li .des { padding-left: 20px; }
.contact-list-1 li .des h4 { font-size: 16px; line-height: 1.5; color: #595757; }
.contact-list-1 li .des p { font-size: 20px; line-height: 1.5; color: #1b202e; }
.contact-list-1 li:last-child .des p { font-size: 18px; }
.contact-list-1 li:nth-child(3n) { width: 25%; }
/* .contact-list-1 li:last-child { width: 50%; } */
.contactC { padding: 85px 0 65px; }
.contact-list-2 { margin-top: 55px; }
.contact-list-2 li { margin-bottom: 20px; }
.contact-list-2 li .box { position: relative; padding: 30px 20px 30px 20px; height: 200px; background: url(../images/contact/company-bg.jpg) no-repeat right bottom; border: solid 1px #dddddd; }
.contact-list-2 li .box:before { content: ""; position: absolute; left: -1px; top: 30px; width: 3px; height: 26px; background-color: #FE0501; }
.contact-list-2 li .box h4 { font-size: 18px; color: #1b202e; }
.contact-list-2 li .cbox { display: flex; justify-content: space-between; flex-wrap: wrap; }
.contact-list-2 li .box .des { margin-top: 20px; font-size: 16px; line-height: 32px; color: #595757; overflow: hidden; flex: 1; }
.contact-list-2 li .box .des p { position: relative; }
.contact-list-2 li .box .des p:before { content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: middle; background-image: url(../images/contact/lianxiren.png); background-repeat: no-repeat; background-size: contain; margin-right: 5px;    /*margin-top: -2px;*/ position: absolute; left: -25px; top: 0; margin-top: 5px; opacity: .5; }

.contact-list-2 li .box .des p:nth-child(1):before { background-image: url(../images/contact/lianxiren.png); }
.contact-list-2 li .box .des p:nth-child(2):before { background-image: url(../images/contact/shouji.png); }
.contact-list-2 li .box .des p:nth-child(3):before { background-image: url(../images/contact/qq.png); }
.contact-list-2 li .box .des p:nth-child(4) { display: none; }
.contact-list-2 li .box .pic { width: 110px; margin-top: 10px; }
.contactB { position: relative; }
.map-bar { position: absolute; left: 50%; bottom: 32px; z-index: 22; margin-left: -800px; height: 90px; align-items: center; background-color: #ffffff; box-shadow: 0px 0px 15px 0px 
rgba(0, 0, 0, 0.15); padding: 0 35px; font-size: 16px; }
.map-bar .tit .iconfont { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 24px; color: #FE0501; }
.map-bar .tit b { font-size: 20px; color: #1b202e; font-weight: normal; }
.map-bar .more { display: inline-block; width: 240px; height: 50px; background-color: #FE0501; border-radius: 25px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; }
@media (max-width:1800px) {
.contact-list-1 li:nth-child(3n) { width: 40%; }
.contact-list-2 li .box .pic { width: 100px; margin-top: 20px; margin-left: 15px; }
}
@media(max-width:1600px) {
.map-bar { margin-left: -600px; }
.contact-list-1 { padding: 30px 50px; }
.contact-list-2 li .box { height: 225px; }
.contact-list-2 li .box .des { font-size: 14px; }
.contact-list-2 li .box .des p ~ p { margin-top: 10px; }
.contact-list-2 li .box .des { line-height: 24px; }
.contact-list-1 li .des p { font-size: 18px; margin-top: 5px; }
.contact-list-1 li:last-child .des p { font-size: 17px; }
.contact-list-2 li .box .pic { width: 100px; }
}
@media (max-width:1440px) {
.contact-list-2 li .box .des { font-size: 14px; }
.contact-list-1 li .des p { font-size: 18px; margin-top: 5px; }
.contact-list-1 li:last-child .des p { font-size: 16px; }
}
@media (max-width:1366px) {
.contact-list-2 li .box { padding: 30px 30px; }
.contact-list-1 li { width: 25%; }
.contact-list-1 li:nth-child(3n) { width: 42%; }
.contact-list-2 li .box .des p ~ p { margin-top: 5px; }
}
@media (max-width:1300px) {
.contact-list-1 li:last-child .des p { font-size: 14px; }
.contact-list-2 li .box h4 { font-size: 16px; }
.contact-list-2 li .box .des { font-size: 13px; }
}
@media (max-width:1200px) {
.map-bar { position: absolute; left: 4%; margin-left: 0; }
.contact-list-2 li .box .des { flex: none; }
.contact-list-2 li .box .pic { width: 200px; margin-left: 0; height: 200px; }
.contact-list-2 li .box { height: auto; }
.contact-list-2 li .box .des { height: 82px; }
}
@media (max-width:640px) {
.contact-list-1 li:nth-child(3n) { width: 50%; }
}

/*联系 E*/

/*智造实力 S*/
.muscleA { position: relative; padding-top: 75px; padding-bottom: 62px; border-bottom: 1px solid #ddd; }
.muscleA .page-title p { width: 66.25%; margin-top: 35px; }
.muscleA .cont { margin-top: 35px; width: 66.25%; font-size: 16px; line-height: 30px; color: #595757; }
.muscleA .yf-pic { margin-top: 60px; }
.yfcenter-num { position: absolute; right: 0; top: 26%; width: 24%; }
.muscleB { padding-top: 100px; padding-bottom: 85px; }
.muscleC { padding-top: 85px; padding-bottom: 85px; }
.swiper-container-hzjg { margin-top: 45px; }
.swiper-container-honor { margin-top: 40px; }
.honor-box { text-align: center; }
.honor-box .pic { background: #fff; padding: 30px 20px; height: 460px; display: flex; align-items: center; justify-content: center; }
.honor-box .pic img { max-height: 100%; }
.honor-box h4 { font-size: 16px; line-height: 1.5; color: #595757; margin-top: 20px; margin-bottom: 4px; }
.muscleD { padding: 95px 0; }
.scsl-pic { margin-top: 50px; margin-bottom: 40px; }
.scsl-scroll li { text-align: center; width: 32%; }
.muscleE { padding-top: 85px; padding-bottom: 110px; }
.swiper-container-hzzs { margin-top: 45px; }

/*智造实力 E*/
.qt-title { margin-bottom: 50px; }
.qt-title h3 { text-align: center; font-size: 36px; color: #333; line-height: 1; }

/*服务支持*/
.down-list a { width: 49%; height: 60px; align-items: center; padding: 0 20px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); margin-top: 20px; font-size: 16px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.down-list a:hover { background: #FE0501; color: #fff; }
.down-list a .tit { width: 80%; }
.down-list a .tit span { flex: 1; line-height: 1.3; }
.down-list a .tit i { color: #FE0501; margin-right: 10px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.down-list a:hover .tit i { color: #fff; }
.down-list a .down i { margin-right: 5px; }
.honor-list .item .vid-box .pic { height: auto; padding: 0; position: relative; height: 200px; }

/*.honor-list .item .vid-box .pic:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
background: url(../images/video-btn2.png) no-repeat center;
background-size: contain;
}*/
.honor-list .item .vid-box .pic:before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05) url(../images/video-btn2.png) no-repeat center; background-size: 60px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.honor-list .item .vid-box:hover .pic:before { background-color: rgba(195, 156, 97, .7); }
.qr-tc { display: none; position: fixed; left: 50%; top: 50%; margin-left: -120px; margin-top: -100px; width: 240px; padding: 20px 15px 15px; text-align: center; z-index: 99; font-size: 16px; line-height: 30px; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 10%); }
.qr-tc p {    /*margin-top: 10px;*/ }
.qr-tc p b { font-size: 20px; color: #FE0501; }
.qr-tc .close-btn { font-size: 12px; color: #999; margin-top: 10px; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; }
.qr-tc .close-btn:hover { color: #FE0501; }
.product-search-tj { margin-top: 50px; }

/*其他补充*/

/*Map*/
#map { height: 500px; }

/*#map,#map * {transition:none;}
.map_loading i {position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 0.45rem;
color: #FFF;}*/
.infowindow-content { padding: 25px 15px; }
.infowindow-content h3 { font-size: .15rem; color: #0370be; font-weight: bold; white-space: nowrap; margin: 0 0 .1rem; }
.infowindow-content p { font-size: .13rem; color: #333; margin: 0 0 .05rem }
.amap-adcombo-close { background-color: #000 }
.foot-form { padding: 72px 0; background: url(../images/form-bg.jpg) no-repeat center; background-size: cover; }
.foot-form .title { width: 30%; padding-top: 10px; }
.foot-form .cont { width: 60.9%; }
.foot-form .title h3 { font-size: 24px; line-height: 1.5; color: #000000; }
.foot-form .title h3 b { font-size: 48px; }
.foot-form .title h4 { font-size: 24px; line-height: 1.5; color: #000000; }
.foot-form .title .tel { margin-top: 45px; }
.foot-form .title .tel b { font-family: DINPro-Medium; font-size: 32px; line-height: 36px; color: #FE0501; display: inline-block; vertical-align: middle; }
.foot-form .title .tel i { display: inline-block; vertical-align: middle; width: 33px; height: 33px; background-color: #FE0501; color: #fff; font-size: 20px; border-radius: 50%; line-height: 33px; text-align: center; }
.foot-form .title .tel span { display: inline-block; width: 25px; height: 26px; vertical-align: middle; font-size: 12px; line-height: 1.1; text-align: center; color: #4d4d4d; margin-left: 4px; margin-right: 12px; }
.foot-form .cont .form-list .inp { width: 32.5%; height: 50px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 0 25px; }
.foot-form .cont .form-list textarea { width: 100%; height: 120px; background-color: #ffffff; font-size: 16px; color: #888888; padding: 12px 25px; margin-top: 10px; }
.foot-form .cont .form-list .sub { width: 200px; height: 50px; background-color: #FE0501; margin-top: 20px; font-size: 16px; color: #ffffff; cursor: pointer; }
@media (max-width:1600px) {
.foot-form .title h3 b { font-size: 36px; }
.foot-form .title h3, .foot-form .title h4 { font-size: 20px; }
.down-list a { font-size: 15px; }
.fwzc-list .item p { font-size: 13px; }
.honor-box .pic { height: 424px; }
.foot-form .title .tel b { font-size: 24px; line-height: 24px; }
}
@media (max-width:768px) {
.swiper-pagination-bullet-active { background: #FE0501; }
.cate-banner .tit { top: 28%; }
.cate-banner .tit img { height: 90px; }
.foot-form { padding: 40px 0; }
.foot-form .title { width: 100%; padding-top: 0; }
.foot-form .cont { width: 100%; }
.foot-form .title h3, .foot-form .title h4 { font-size: 16px; line-height: 1.75; }
.foot-form .title h3 b { font-size: 28px; }
.foot-form .title .tel { margin-top: 30px; margin-bottom: 35px; }
.foot-form .title .tel b { font-size: 32px; }
.foot-form .cont .form-list .inp { width: 100%; height: 40px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 0 15px; }
.foot-form .cont .form-list .inp ~ .inp { margin-top: 10px; }
.foot-form .cont .form-list textarea { width: 100%; height: 80px; font-size: 14px; padding: 10px 15px; margin-top: 10px; }
.foot-form .cont .form-list .sub { width: 180px; height: 40px; margin-top: 15px; font-size: 14px; }
}
.links { color: white; font-size: 14px; padding-bottom: 25px; }
.links a { color: white; margin-right: 10px; }
.links a:hover { color: #FE0501; }
@media (max-width:1600px) {
.page-news-list .item .date { right: 40px; }
.page-news-list .item .cont { width: 48%; margin-left: 40px; }
}
@media (max-width:1020px) { }
@media (max-width:768px) {
.cate-wrap { padding-top: 20px; padding-bottom: 20px; }
.cate-wrap li { margin-bottom: 10px; }
.cate-wrap li a { height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px; }
.cate-wrap-4 li { width: auto; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 1.3333%; }
.air-search { padding: 25px 25px; }
.air-search .tit { font-size: 24px; }
.air-search-qt .cont .inp-qt { line-height: 50px; width: 100%; font-size: 12px; }
.s-tip { margin-top: 30px; font-size: 14px; }
.air-result { padding: 20px 20px; margin-bottom: 10px; }
.air-result-qt ul li { width: 50%; font-size: 14px; padding: 5px 5px 5px 0; }
.air-form .item { width: 100%; margin-top: 15px; }
.air-search .cont .com-zixun { display: none; }
.air-result ul li { width: 50%; padding: 5px 5px 5px 0; font-size: 14px; }
.product-inner-list .item .pic { width: 100%; height: auto; overflow: hidden; }
.product-inner-list .item .cont { padding-top: 20px; width: 100%; padding-right: 0; }
.body-inner { padding-top: 55px; }
.mbx-bar .wp { padding: 8px 0; height: auto; font-size: 12px; }
.mbx-bar .wp .back-btn { display: none; }
.product-intro { padding: 20px 0; flex-direction: column-reverse; }
.product-intro .cont { width: 100%; padding-right: 0; padding-top: 30px; }
.product-album { width: 100%; }
.swiper-container-big { float: none; width: 100%; height: auto; }
.album-small { display: none; }
.product-intro .cont h1 { font-size: 20px; }
.product-intro .cont .des { max-height: 165px; overflow-y: scroll; font-size: 14px; line-height: 1.75; margin-top: 20px; }
.morebar-big .zx { width: 130px; height: 40px; border-radius: 21px; line-height: 40px; font-size: 14px; }
.morebar-big .tel { margin-top: 0; line-height: 40px; margin-left: 0; }
.product-content { width: 100%; }
.js-tab-tit { padding: 15px 20px; }
.pro-tab-tit li { font-size: 16px; }
.pro-tab-tit li ~ li { margin-left: 10px; }
.product-detail { padding: 20px; }
.pro-tab-tit li:before { bottom: -16px; }
.product-form h3 { font-size: 20px; color: #333; font-weight: bold; text-align: center; margin-bottom: 0px; margin-top: 10px; }
.com-form-box { margin-top: 30px; }
.com-form-box ul li input { font-size: 14px; color: #999; width: 100%; line-height: 40px; padding: 0 15px; }
.com-form-box .textarea { padding: 15px; height: 120px; font-size: 14px; line-height: 1.75; }
.com-form-box .submit { margin-top: 10px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
.product-xg { display: none; width: 100%; }
.product-detail img { max-width: 100%; width: auto !important; height: auto !important; }
.detail-other { padding: 10px 20px; }
.detail-other .share { display: none; }
.detail-page { width: 100%; }
.detail-page .item { max-width: 100%; padding: 5px 0; }
.solution-list { margin-bottom: -20px; }
.solution-list .item { margin-bottom: 20px; }
.solution-list .item .abox .pic { height: 325px; }
.solution-list .item .abox .solution-cover { display: none; }
.solution-list .item .abox .tit { padding: 15px 0px 5px; }
.solution-list .item .abox .tit h4 { font-size: 14px; width: 100%; color: #666 !important; }
.solution-list .item .abox .tit i { display: none; }
.solution-list .item .abox:hover .tit { opacity: 1; }
.product-index-list.solution-album .item { margin-bottom: 20px; }
.scroll-item { width: 32%; margin-bottom: 30px; text-align: center; }
.scroll-item .num { font-size: 24px; }
.scroll-item .tit { font-size: 12px; }
}
@media (max-width:640px) {
.contact-list-2 li { width: 100%; }
.contactC { padding: 40px 0 40px; }
.in-news-list .item .news-pic{height:100%;}
.contact-list-2 { margin-top: 35px; }
.contact-list-2 li .box { height: auto; padding: 25px 30px; }
.contact-list-2 li .box .des p:before { margin-top: 2px; }
.contact-list-2 li .box:before { top: 20px; }
.contact-list-2 li .box .pic { width: 180px; height: 180px; }
.contactA { padding-top: 20px; padding-bottom: 40px; }
.contact-list-1 { margin-top: 35px; }
.contactB img { height: 200px; object-fit: cover; }
.map-bar { position: absolute; left: 4%; bottom: 32px; margin-left: 0; height: 90px; padding: 10px 15px 20px; font-size: 14px; line-height: 1.5; justify-content: center; }
.map-bar .tit b { font-size: 14px; }
.map-bar .more { width: 140px; height: 35px; border-radius: 20px; line-height: 35px; font-size: 14px;        /*margin-top: 10px;*/ }
.contactB {        /*text-align: center;*/ }
.contact-list-1 { padding: 20px 15px; }
.contact-list-1 li { width: 50%; text-align: center; justify-content: center; align-items: flex-start; margin: 20px 0; }
.contact-list-1 li .des { padding-left: 0; width: 100%; }
.contact-list-1 li img { width: 40px; }
.contact-list-1 li .des p { font-size: 13px; margin-top: 5px; }
.detail-banner .pic { overflow: hidden; height: 200px; padding-bottom: 0; background: #f5f5f5; }
.detail-banner .pic img { height: 100%; object-fit: cover; }
.detail-banner .tit { left: 0; margin-left: 0; padding: 0 4%; text-align: center; }
.detail-banner .tit h1 { font-size: 22px; line-height: 1.3; color: #fff; margin-bottom: 30px; }
.mbx-box i { font-size: 16px; margin-right: 5px; }
.solution-list .item .abox .pic { height: 145px; }
.product-intro .cont .des { max-height: none; overflow-y: visible; height: auto; }
.product-intro .cont img { height: 50px; }
.product-intro .cont .morebar { margin-top: 40px; }
.morebar-big .tel i { display: none; }
.morebar-big .tel span { font-size: 16px; }
.solution-item .solution-tit { font-size: 20px; padding-left: 15px; line-height: 20px; margin-bottom: 30px; }
.solution-item .solution-tit:before { width: 3px; height: 20px; }
.solution-item { padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.solution-item ~ .solution-item { margin-top: 35px; }
.swp-bar-case .swp-btn { display: none; }
.swp-bar-case { margin-top: 20px; }
.swp-bar .swp-page .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; }
.cate-big { margin-top: 20px; height: auto; background: #f5f5f5; justify-content: flex-start; }
.cate-big a { line-height: 36px; font-size: 14px; color: #333;width:50%;}
.cate-big a.on { color: #fff; background: #FE0501; }
.nhhde{
    background-color:white;
    height: auto;
}
.cate-big a:before { height: 1px; }
.in-solution-list li .abox { height: 174px; }
.solution-icon { display: none; }
.homeA .item-left .cont h3 b { font-size: 24px; }
.homeA .item-left .cont h3 { font-size: 12px; }
.in-scroll-num-min li .tit { font-size: 10px; line-height: 1.5; }
.in-solution-list li .abox .cont h4 { text-shadow: 0 2px 4px rgba(0, 0, 0, .2); font-size: 13px; }
.in-title h4 { font-size: 12px; }
.homeA .item-left .cont p { font-size: 12px; margin-top: 15px; }
.homeA .item-left img { height: 260px; }
.banner .swiper-pagination .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.product-index-list .item .tit { font-size: 12px; line-height: 40px; }
.in-ys-content .item .cont h4 { font-size: 18px; }
.in-ys-content .item .cont p { font-size: 12px; margin-top: 20px; }
.in-tab-box ul li .tit .en { font-size: 10px; margin-top: 5px; }
.in-tab-box ul li .tit h4 { font-size: 14px; line-height: 1.3; padding: 0; }
.com-more { padding: 0 30px; }
.homeH .cont { font-size: 14px; }
.homeH .cont br { display: none; }
.in-scroll-num-big li .num { font-size: 24px; }
.in-scroll-num-big li .tit { margin-top: 4px; }
.in-news-tab li a { font-size: 14px; }
.in-news-list .item .news-pic .cont .tit { font-size: 14px; }
.foot-form .title h3, .foot-form .title h4 { font-size: 14px; }
.foot-form .title h3 b { font-size: 24px; }
.foot-form .title .tel b { font-size: 21px; }

/*关于*/
.aboutA { padding-top: 40px; padding-bottom: 40px; }
.page-title.center h3 { padding-bottom: 20px; font-size: 20px; }
.page-title.center h3:before { height: 2px; }
.aboutA .cont { font-size: 14px;        /*line-height: 1.75;*/ max-width: 100%; }
.page-scroll-list { padding: 40px 0 20px; text-align: center; }
.scroll-item .tit { font-size: 10px; }
.aboutA .pic .video-btn { width: 40px; margin-left: -20px; margin-top: -20px; }
.aboutB { padding-top: 40px; padding-bottom: 40px; }
.culture-list { margin-top: 35px; }
.culture-list .item { width: 100%; padding: 30px 20px; }
.culture-list .item ~ .item { margin-top: 10px; }
.culture-list .item img { width: 60px; }
.culture-list .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
.aboutC { padding-top: 40px; padding-bottom: 40px; }
.swiper-container-history { padding: 0; margin-top: 0;        /*background: #fff;*/ overflow: hidden; }
.swiper-container-history .swiper-slide { width: 100%; }
.history-wrap:before { display: none; }
.swiper-container-history .swiper-slide ~ .swiper-slide { margin-left: 0; }
.swiper-container-history .swiper-slide .cont { position: static; height: auto; padding: 20px;        /*box-shadow: none;*/ }
.swiper-container-history .swiper-slide .tit, .swiper-container-history .swiper-slide .cont:before { display: none; }
.swiper-container-history .swiper-slide .cont h4 { font-size: 18px; line-height: 1; }
.swiper-container-history .swiper-slide .cont .des { font-size: 14px; line-height: 1.75; color: #81868e; margin-top: 20px; }
.history-wrap { margin-top: 30px; }
.page-title p { margin-top: 15px; font-size: 12px; line-height: 1.5; }
.culture-list .item p { font-size: 12px; }
.fwzc-list .item { width: 100%; max-height: none; padding: 25px 20px; }
.fwzc-list .item ~ .item { margin-top: 20px; }
.fwzc-list { margin-top: 35px; }
.fwzc-list .item img { width: 60px; }
.fwzc-list .item h4 { font-size: 18px; margin-top: 20px; margin-bottom: 10px; }
.fwzc-list .item p { font-size: 12px; line-height: 1.75; }
.page-fwwd { padding-top: 20px; padding-bottom: 40px; }
.honor-box .pic { padding: 10px 10px; height: 220px; }
.honor-list .item .honor-box h4 { margin-bottom: 20px; font-size: 12px; margin-top: 10px; }
.honor-list { margin-bottom: -15px; }
.page-news-list .item { padding: 15px; justify-content: space-between; }
.page-news-list .item .pic { width: 25%; height: auto; }
.page-news-list .item .date { display: none; }
.page-news-list .item .cont .tit { font-size: 16px; }
.page-news-list .item .cont { width: 70%; margin-left: 0; flex: none; }
.page-news-list .item .cont .des { font-size: 12px; line-height: 1.75; height: auto; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.page-news-list .item .cont .more { display: none; }
.cate-banner .tit { top: 26%; }
.muscleA { padding-top: 40px; padding-bottom: 40px; }
.page-title.left h3 { padding-left: 15px; font-size: 24px; }
.page-title.left h3:before { left: 0; top: 0; width: 4px; height: 24px; }
.muscleA .page-title p { width: 100%; margin-top: 15px; }
.muscleA .cont { margin-top: 30px; width: 100%; font-size: 14px; line-height: 1.75; }
.yfcenter-num { position: static; right: 0; top: 0; width: 100%; margin-top: 30px; }
.muscleA .yf-pic { margin-top: 0; }
.scroll-item .num span { position: relative; top: 0; font-size: 20px; }
.muscleA .scroll-item { width: 49%; }
.scroll-item h4 { font-size: 12px; }
.muscleA .yf-pic li { width: 100%; }
.muscleA .yf-pic li ~ li { margin-top: 10px; }
.muscleB { padding-top: 40px; padding-bottom: 40px; }
.swp-page-com { margin-top: 30px; }
.swp-page-com .swiper-pagination-bullet { margin: 0 5px !important; width: 10px; height: 10px; }
.muscleC { padding-top: 40px; padding-bottom: 40px; }
.honor-box h4 { font-size: 12px; line-height: 1.5; color: #595757; margin-top: 10px; margin-bottom: 0px; }
.muscleD { padding: 40px 0; }
.solution-list .item .abox .tit h4 { font-size: 12px; }
.scsl-pic { margin-top: 40px; margin-bottom: 20px; }
.scsl-pic li { width: 100%; }
.scsl-pic li ~ li { margin-top: 10px; }
.muscleD .scsl-scroll { margin-top: 30px; }
.muscleD .scsl-scroll li { margin-bottom: 0; }
.muscleE { padding-top: 40px; padding-bottom: 40px; }
.cate-banner .tit img { height: 65px; }
.cate-big.cate-6 a { width: 25%; }
.down-list a:first-child { margin-top: 0; }
.down-list a { width: 100%; height: 50px; align-items: center; padding: 0 15px; margin-top: 10px; font-size: 12px; }
.page-news-list.tech-list .item { width: 100%; margin-bottom: 15px; }
.page-news-list.tech-list .com-page { margin-top: 30px; width: 100%; }
.honor-list .item .vid-box .pic { height: 150px; }
.honor-list .item .vid-box .pic:before { background-size: 40px; }
.cate-wrap-4 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cate-wrap-4 li { width: 49%; margin-right: 0; }
.cate-wrap-4 li:nth-child(4n) { margin-right: 0; }
.cate-wrap li a { padding: 0 5px; }
.cate-wrap-4.clearfix:after { display: none; }
.nodata-info { text-align: center; font-size: 14px; line-height: 30px; border-top: 1px solid #ddd; padding-top: 30px; }
.nodata-info b { color: #FE0501; font-size: 16px; }
.product-search-tj { margin-top: 40px; }
}
.holder-pic { position: relative; }
.holder-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

/*移动端咨询*/
.menu-footer { display: none; width: 100%; height: 45px; line-height: 45px; text-align: center; background: rgba(0, 0, 0, 0.7); font-size: 0; position: fixed; left: 0; bottom: 0; z-index: 99999; }
.menu-footer a { position: relative; float: left; width: 50%; color: #fff; font-size: 14px; }
.menu-footer i { margin-top: -2px; margin-right: 5px; vertical-align: middle; display: inline-block; }
.menu-footer a ~ a:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -5px; height: 10px; border-left: 1px solid #a0a0a0; opacity: 0.5; }
@media (max-width:640px) {
.menu-footer { display: block; }
.footer { padding-bottom: 45px; }
#to-top { visibility: hidden; }
}

/*右侧客服新*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    top: 48%;
  }
  
  #toolbar li {
    margin-bottom: 3px;
    width: 72px;
    height: 72px;
    right: 0;
    position: relative;
  }
  
  #toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 72px;
    height: 72px;
    overflow: hidden;
    background: #FE0501;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
  }
  
  #toolbar li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 72px;
    height: 72px;text-align:center;color:#fff;font-size:14px;line-height:78px;
    background-color: #FE0501;
    position: relative;
    z-index: 99;
  }
  
  #toolbar li .icon-qq:after {
    background-position: 0 -150px;
  }
  
  #toolbar li .icon-phone:after {
    background-position: 0 -90px;
  }
  
  #toolbar li .icon-ewm:after {
    background-position: 0 -30px;
  }
  
  #toolbar li .icon-message:after {
    background-position: 0 -120px;
  }
  
  #toolbar li .icon-top:after {
    background-position: 0 -60px;
  }
  
  #toolbar li .icon-wangwang:after {
    background-position: 0 0;
  }
  
  #toolbar li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
  }
  
  #toolbar li.ewms .ewm-box {
    position: absolute;
    padding: 5px;
    background: #FE0501;
    width: 110px;
    right: 130%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
  }
  
  #toolbar li.ewms .ewm-box p {
    margin-bottom: 0;
  }
  
  #toolbar li.ewms .ewm-box img {
    max-width: 100%;
  }
  
  #toolbar li.ewms .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #FE0501;
    border-right: none;
  }
  
  #toolbar li.ewms:hover .icon {
    background-position: -57px -180px;
  }
  
  #toolbar li.ewms:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  
  #toolbar li.backtop {
    cursor: pointer;
  }
  
  #toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #FE0501;
  }
  
  #toolbar li:hover a {
    width: 200px;
  }
  
  #toolbar li:hover .icon-font {
    background-color: #FE0501;
  }
  
  #toolbar li:hover .icon-qq:after {
    background-position: -30px -150px;
  }
  
  #toolbar li:hover .icon-phone:after {
    background-position: -30px -90px;
  }
  
  #toolbar li:hover .icon-ewm:after {
    background-position: -30px -30px;
  }
  
  #toolbar li:hover .icon-message:after {
    background-position: -30px -120px;
  }
  
  #toolbar li:hover .icon-wangwang:after {
    background-position: -30px 0;
  }
  
  #toolbar li:hover .icon-top:after {
    background-position: -30px -60px;
  }
  
/*客服02*/
.kf02 { position: fixed; top: 110px; right: 0; z-index: 999; width: 130px; background: #f3f3f3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.kf02.on { right: -130px; }
.kf02-head { height: 134px; background: url(../images/common/kf-2-0.png) no-repeat center; font-size: 0; }
.kf02-list li ~ li { border-top: 1px solid #dadada; }
.kf02-list li .box { position: relative; padding: 5px 0px 5px 40px; }
.kf02-qq { position: absolute; left: 10px; top: 50%; width: 15px; height: 18px; background: url(../images/common/kf-2-qq.png) no-repeat center; background-size: contain; margin-top: -10px; }
.kf02-list li .box:hover .kf02-qq { -webkit-animation: sh-shake 2s ease infinite; animation: sh-shake 2s ease infinite; }

/*动画——抖动效果*/
@-webkit-keyframes sh-shake {
0%, 25%, 100% { -webkit-transform: translateY(0) }
3%, 9%, 15% { -webkit-transform: translateY(-3px) }
6%, 12%, 20% { -webkit-transform: translateY(3px) }
}
@keyframes sh-shake {
0%, 25%, 100% { -webkit-transform: translateY(0); transform: translateY(0) }
3%, 9%, 15% { -webkit-transform: translateY(-3px); transform: translateY(-3px) }
6%, 12%, 20% { -webkit-transform: translateY(3px); transform: translateY(3px) }
}
.kf02-list li .box .cont { font-size: 12px; line-height: 18px; font-size: 0; }
.kf02-list li .box .cont span { display: inline-block; width: 50%; font-size: 12px; color: #333; vertical-align: middle; }
.kf02-list li .box .cont span.big { width: 100%; }
.kf02-foot { height: 24px; background: url(../images/common/kf-2-1.png) no-repeat center; cursor: pointer; display: block !important; position: static !important; opacity: 1 !important; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.kf02-foot:hover { opacity: .8 !important; }
.kf02-left { position: absolute; left: -30px; top: 0; width: 30px; height: 120px; background: #bf9f62; border-radius: 5px; text-align: center; color: #fff; font-size: 16px; padding-top: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; line-height: 1.3; cursor: pointer; }
.kf02-left .icon-right { display: inline-block; margin-top: 8px; width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; background: url(../images/common/kf-02-close.png) no-repeat center; background-size: 5px; }
.kf02-close { position: absolute; left: -25px; top: 0; width: 25px; height: 30px; background: rgba(0, 0, 0, .2); cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.kf02-close .icon-close { width: 25px; height: 30px; background: url(../images/common/kf-02-close.png) no-repeat center; background-size: 10px;   /*-webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;*/ }
.kf02-close:hover { background-color: rgba(244, 101, 28, .5); }
.kf02-close.on .icon-close { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media (max-width:1600px) {
    /*.kf02-head { height: 40px; background: #f4651c; text-align: center; line-height: 40px; font-size: 14px; color: #fff; }*/
    /*.kf02-list li .box .cont { line-height: 14px; }*/
    /*.kf02-list li .box { padding: 5px 0px 1px 50px; }*/
}
@media (max-width:1024px) {
    .kf02 {display: none;}
}
.coss{
    position: absolute;
    left: 0;
    top: -86%;
    width: 100%;
    height: 86%;
    background-color: rgba(254,5,1, .85);

}

.coss h2{
    color: white;
    font-size: 18px;
    margin-top: 39%;
}
.cossf h2{
    color: white;
    font-size: 18px;
    margin-top: 39%;
}
.mores{
    width: 44%;
    display: table;
    margin: auto;
    border: 1px solid white;
    color: white;
    margin-top: 8%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 22px;
}

.in-product .product-index-list .item:hover .coss{
    top:0px;
}
.cossf{
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(254,5,1, .85);

}
.in-air-list li:hover .cossf{
  top:0px;
}
@media (max-width:800px) {
    .coss{
        height:79%;
    }
    .coss h2{
        font-size:14px;
    }
    .mores{width:64%;padding-top:4px;padding-bottom: 4px;}
}