@import "base.css";


body{font-size: 12px;}
a {color: #333;text-decoration: none;}

.container{max-width: 1300px;margin: 0 auto;width: 96%;}
.w {max-width: 1300px;margin: 0 auto;width: 96%;}





.headerBox {background: #0f1014;width: 100%;}
.headerBox .shadeBox {background: -webkit-gradient(linear, left bottom, left top, from(#010103), to(#1f1e25));background: -webkit-linear-gradient(bottom, #010103, #1f1e25);background: -o-linear-gradient(bottom, #010103, #1f1e25);background: linear-gradient(to top, #010103, #1f1e25);}
.headerBox .top {border-bottom: 1px solid #36383c;color: #999;line-height: 40px;}
.headerBox .top .link {float: right;color: #fff;}
.headerBox .top .link a {color: #fff;}
.headerBox .top .link span {margin: 0 20px;}


.headerBox .header {color: #fff;padding: 30px 0;line-height: 30px;}
.headerBox .header .logo{width: 290px;float: left;padding-top: 8px;}
.headerBox .header .text {margin-left: 20px;float: left;font-size: 20px;padding-left: 15px;display: inline-block;border-left: 1px solid #36383c;}
.headerBox .header .phoneBox {float: right;font-size: 14px;color: #999;background: url("../images/phoneIcon.png") no-repeat left center;padding-left: 50px;}
.headerBox .header .phoneBox  .phoneNmber {font-size: 25px;color: #DA251D;font-weight: 600;}

.meun-off{position: fixed;right: 10px;top: 20px;padding: 5px;border-radius: 5px;background: #FFFFFF;z-index: 999;display: none;cursor: pointer}
.meun-off span{width: 23px;height: 2px;margin: 1px 0;background: #000;display: block;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.meun-off #span2{margin: 5px 0;}
.meun-on #span2{opacity: 0}
.meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}

.navBox {line-height: 44px;font-size: 16px;color: #333;background: #e4e4e6;overflow: hidden;}
.navBox ul li {float: left;width: calc(100% / 10);}
.navBox ul li a {display: inline-block;padding: 0 20px;}
.navBox ul li:hover a,.navBox ul li.current a {background: #DA251D;color: #fff;}



.searchBox {color: #fff;background-color: #333;padding: 15px 0}
.searchBox a {color: #fff;}

.searchBox .search {float: right;}
.searchBox .search input,.searchBox .search button{height: 25px;line-height: 25px;border:none;}
.searchBox .search input {width:calc(100% - 90px);color: #333;background: #fff;text-indent: 5px;float: left;}
.searchBox .search button {width: 80px;font-size: 14px;color: #fff;background: #de2518;float: right;}


.title {color: #333;text-align: center;}
.title span {font-size: 40px;font-weight: 600;position: relative;padding: 0 30px;}
.title span:before,.title span:after{width: 21px;height: 1px;background: #6f7682;content: "";position: absolute;top: 50%;}
.title span:before {left: 0;}
.title span:after {right:0;}
.hint {font-size: 14px;color: #999;margin: 10px 0 50px 0;}

.client {color: #333;text-align: center;padding: 60px 0;background: url("../images/client_bg.jpg") no-repeat center top;background-size: 100%;}




.client .clientBox {position: relative;padding: 0 50px;}
.client .clientList {margin:0 auto;height:60px;}
.client .clientList li {text-align: center;background: #fff;}
.client .clientList li>div{border: 1px dashed #ccc;}
.client .clientList li>div img{height: 60px;max-width: 100%}

.client .swiper-button-next,.client .swiper-button-prev {width: 32px;top:0;background: red;height: 100%;margin: 0;--swiper-navigation-size: 20px;}
.client .swiper-button-prev {left: 0;}
.client .swiper-button-next {right: 0;}

.client .swiper-button-prev.swiper-button-disabled, .client .swiper-button-next.swiper-button-disabled {opacity: 1;}

.leftBox{float: left;width: 260px;}
.rightBox {width:calc(100% - 280px);float: right;}

.product {overflow: hidden;padding: 60px 0;background: url("../images/product_bg.jpg") no-repeat center bottom;background-size: 100%}
.product .leftBox {color: #fff;background: url("../images/product_lbg.png") no-repeat center top;}
.product .leftBox .tit {text-align: center;padding: 50px 0;margin-bottom: 20px;background: url("../images/product_titlebg.png") no-repeat center top;}
.product .leftBox .tit h3{font-size: 40px;font-weight: 600;}

.product .leftBox ul{background:#da251d;padding: 0 10px;}
.product .leftBox ul li{padding-bottom: 20px;color: #FFFFFF}
.product .leftBox ul li h3 {font-size: 18px;line-height: 39px;border: 1px solid #c52718;text-align: center}
.product .leftBox ul li  a {color: #fff;display: inline-block;font-size: 14px;line-height: 2.5;padding: 0 2%;width: 43%}



.product .rightBox {padding-top: 40px;}
.product .rightBox .titleBox {padding: 10px 0;color: #ccc;font-size: 16px;border-bottom: 1px solid #d3d0d3;}
.product .rightBox .titleBox .titleCN {font-size: 24px;color: #333;margin-right: 10px;font-weight: 600;}
.product .rightBox .titleBox .more {width: 66px;height: 26px;border: 1px solid #E2E2E2;font-size: 12px;color: #333;float: right;text-align: center;line-height: 26px;}

.product .rightBox ul {padding: 27px 0;border-top: 1px solid #E2E2E2;margin-top: 3px;}
.product .rightBox ul li{float: left;font-size: 14px;line-height: 45px;color: #333;width:29.33%;border: 1px solid #d3d1d4;margin:20px 2% 39px;box-sizing: border-box}


.industryBox {background: #f4f2f3;padding: 85px 0;}
.industryBox .imgBox {float: left;position: relative;width:48%;}
.industryBox .imgBox .icon {display: inline-block;width: 30px;height: 30px;background-color: #de251d;font-size: 24px;font-weight: 900;color: #fff;text-align: center;line-height: 30px;position: absolute;bottom: 40%;right: -15px;}
.industryBox .imgBox .case {display: inline-block;font-size: 16px;color: #fff;background-color: #de251d;text-align: center;line-height: 36px;padding: 0 20px;position: absolute;bottom: -18px;right:8%;}

.industryBox ul {width:47%;float: right;}
.industryBox ul li{width:18%;height: 120px;min-width: 100px;font-size: 16px;color: #999;text-align: center;float: left;position: relative;margin: 0 1% 20px;background-image: url("../images/industry-1.png");background-position:center;background-repeat: no-repeat;background-color: #FFFFFF }
.industryBox ul li:hover {cursor: pointer;}
.industryBox ul li> span {display: inline-block;width: 100%;position: absolute;left: 50%;bottom: 16px;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.industryBox ul li.current ,.industryBox ul li:hover{color: #fff;background-color: #da251d}

.industryBox ul li:nth-child(1):hover,.industryBox ul li:nth-child(1).current{background-image: url("../images/industryRed-1.png");}
.industryBox ul li:nth-child(2){background-image:url("../images/industry-2.png");}
.industryBox ul li:nth-child(2):hover,.industryBox ul li:nth-child(2).current{background-image: url("../images/industryRed-2.png");}
.industryBox ul li:nth-child(3){background-image:url("../images/industry-3.png");}
.industryBox ul li:nth-child(3):hover,.industryBox ul li:nth-child(3).current{background-image: url("../images/industryRed-3.png");}
.industryBox ul li:nth-child(4){background-image:url("../images/industry-4.png");}
.industryBox ul li:nth-child(4):hover,.industryBox ul li:nth-child(4).current{background-image: url("../images/industryRed-4.png");}
.industryBox ul li:nth-child(5){background-image:url("../images/industry-5.png");}
.industryBox ul li:nth-child(5):hover,.industryBox ul li:nth-child(5).current{background-image: url("../images/industryRed-5.png");}
.industryBox ul li:nth-child(6){background-image:url("../images/industry-6.png");}
.industryBox ul li:nth-child(6):hover,.industryBox ul li:nth-child(6).current{background-image: url("../images/industryRed-6.png");}
.industryBox ul li:nth-child(7){background-image:url("../images/industry-7.png");}
.industryBox ul li:nth-child(7):hover,.industryBox ul li:nth-child(7).current{background-image: url("../images/industryRed-7.png");}
.industryBox ul li:nth-child(8){background-image:url("../images/industry-8.png");}
.industryBox ul li:nth-child(8):hover,.industryBox ul li:nth-child(8).current{background-image: url("../images/industryRed-8.png");}
.industryBox ul li:nth-child(9){background-image:url("../images/industry-9.png");}
.industryBox ul li:nth-child(9):hover,.industryBox ul li:nth-child(9).current{background-image: url("../images/industryRed-9.png");}
.industryBox ul li:nth-child(10){background-image:url("../images/industry-10.png");}
.industryBox ul li:nth-child(10):hover,.industryBox ul li:nth-child(10).current{background-image: url("../images/industryRed-10.png");}
.industryBox ul li:nth-child(11){background-image:url("../images/industry-11.png");}
.industryBox ul li:nth-child(11):hover,.industryBox ul li:nth-child(11).current{background-image: url("../images/industryRed-11.png");}
.industryBox ul li:nth-child(12){background-image:url("../images/industry-12.png");}
.industryBox ul li:nth-child(12):hover,.industryBox ul li:nth-child(12).current{background-image: url("../images/industryRed-12.png");}
.industryBox ul li:nth-child(13){background-image:url("../images/industry-13.png");}
.industryBox ul li:nth-child(13):hover,.industryBox ul li:nth-child(13).current{background-image: url("../images/industryRed-13.png");}
.industryBox ul li:nth-child(14){background-image:url("../images/industry-14.png");}
.industryBox ul li:nth-child(14):hover,.industryBox ul li:nth-child(14).current{background-image: url("../images/industryRed-14.png");}
.industryBox ul li:nth-child(15){background-image:url("../images/industry-15.png");}
.industryBox ul li:nth-child(15):hover,.industryBox ul li:nth-child(15).current{background-image: url("../images/industryRed-15.png");}




@media (max-width: 1024px) {
    .headerBox .top {line-height: 36px;}
    .headerBox .top .link span {margin: 0 10px;}

    .headerBox .header {padding: 20px 0;line-height: 26px;}
    .headerBox .header .logo{width: 250px;}
    .headerBox .header .text {display: none}
    .headerBox .header .phoneBox {font-size: 14px;}
    .headerBox .header .phoneBox  .phoneNmber {font-size: 20px;}


    .navBox {font-size: 14px;}
    .navBox ul li a{padding: 0;display: block}

    .searchBox .search {float: right;}

    .title span {font-size: 30px;}
    .hint {margin: 10px 0 30px 0;}

    .leftBox,.rightBox {float: none;width: 100%;}

    .product .leftBox {background:#393939;}
    .product .leftBox .tit {padding:30px 0 20px;margin-bottom:0;background:none;}
    .product .leftBox .tit h3{font-size:26px;}

    .product .leftBox ul li h3 {font-size: 16px;}

    .product .rightBox {padding-top: 20px;width:100%;float: none;}
    .product .rightBox .titleBox {font-size: 16px;}
    .product .rightBox .titleBox .titleCN {font-size: 20px;}


    .product .rightBox ul {padding:10px 0;}


    .industryBox {padding:50px 0;}
    .industryBox .imgBox {float: none;width:100%;margin-bottom: 40px;}

    .industryBox ul {width:100%;float: none;}
}

@media (max-width: 812px) {

    .no_mobile{display: none}


    .headerBox .header .logo{float: none;margin: auto}
    .meun-off{display: block}

    .navBox {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8);top: 0;left: 0;z-index: 998;display: none}
    .navBox ul{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
    .navBox ul li{width: 100%;}
    .navBox ul li a{color: #FFFFFF}


    .title span {font-size: 20px;}
    .hint {margin: 10px 0 30px 0;font-size: 12px}

    .client{padding: 30px 0;}
    .product {padding:20px 0;}
    .product .leftBox .tit {padding:20px 0 10px;}
    .product .leftBox .tit h3{font-size:20px;}
    .product .leftBox ul li a{font-size: 12px;}

    .product .rightBox {padding-top: 20px;width:100%;float: none;}
    .product .rightBox .titleBox {font-size: 12px;}
    .product .rightBox .titleBox .titleCN {font-size: 16px;}

    .product .rightBox ul li {font-size: 12px;width:46%;margin: 10px 2%;}


    .industryBox {padding:30px 0;}
    .industryBox .imgBox {float: none;width:100%;margin-bottom: 40px;}
    .industryBox .imgBox .icon{right: 0;}
    .industryBox .imgBox .case{font-size: 12px;}
    .industryBox ul li{width:31.33%;min-width: auto}


}

.safeguardBox {padding: 58px 0 88px 0;background: url("../images/safe_bg.jpg") no-repeat center top}
.safeguardBox .titleBox {text-align: center}
.safeguardBox .titleBox .titleCN {font-size: 20px;text-align:left;color: #333;background: url("../images/safeguard_title.png") no-repeat left center;padding-left: 300px;background-size: 289px;display: inline-block}
.safeguardBox .titleBox .titleCN h3 {font-size: 30px;}
.safeguardBox .titleBox .titleCN h3 strong {font-size: 40px;font-weight: 900;}


.safeguardBox ul{margin: 75px 0 30px;}
.safeguardBox ul li {}
.safeguardBox ul li .imgMessage{width: 40%;text-align: center}
.safeguardBox ul li .imgMessage img{max-height: 360px;}

.safeguardBox ul li .textInfo {width:56%;color: #666;padding-left: 100px;margin-top: 50px;font-size: 18px;box-sizing: border-box;background-repeat: no-repeat;background-position: left top;}
.safeguardBox ul li .textInfo .tit {font-size: 40px;font-weight: 600;color: #333;margin-bottom: 5px;}
.safeguardBox ul li .textInfo .tit .red {color: #DA251D;}
.safeguardBox ul li .textInfo .ENtext {font-size: 16px;color: #999;margin-bottom: 30px;}
.safeguardBox ul li .textInfo p{line-height:2;color: #666;word-break: break-all}

.safeguardBox ul li:nth-child(odd) .textInfo{float:left}
.safeguardBox ul li:nth-child(odd) .imgMessage{float: right;}
.safeguardBox ul li:nth-child(even) .textInfo{float:right}
.safeguardBox ul li:nth-child(even) .imgMessage{float: left;}




.serveBox {padding: 100px 0;background: url("../images/service_bg.jpg") center top}

.serveBox .flowText {}
.serveBox .flowText li {float: left;width:80px;margin-top:30px;margin-bottom:20px;font-size: 18px;line-height: 2;text-align: center;color: #666;position: relative;}
.serveBox .flowText li .img {height: 80px;width: 80px;margin: auto}
.serveBox .flowText li .serial {width: 42px;height: 42px;margin:10px auto;line-height: 42px;border: 1px solid #ccc;border-radius: 50%;text-align: center;}
.serveBox .flowText li.line{position: relative}
.serveBox .flowText li.line:before{position: absolute;content: "";width:76%;height: 1px;background:#ccc;left: 50%;bottom: 40%;transform: translateX(-50%)}

@media (max-width:1200px) {
    .safeguardBox {padding:40px 0 50px;}
    .safeguardBox .titleBox .titleCN {font-size:18px;}
    .safeguardBox .titleBox .titleCN h3 {font-size: 26px;}
    .safeguardBox .titleBox .titleCN h3 strong {font-size:32px;}


    .safeguardBox ul{margin:45px 0 20px;}
    .safeguardBox ul li{margin-bottom: 10px;}
    .safeguardBox ul li .imgMessage img{max-height:260px;}

    .safeguardBox ul li .textInfo {padding-left: 100px;margin-top: 30px;font-size: 16px;background-size: 80px;}
    .safeguardBox ul li .textInfo .tit {font-size: 32px; }
    .safeguardBox ul li .textInfo .ENtext {font-size: 14px;margin-bottom: 20px;}
}

@media (max-width:1024px) {
    .serveBox {padding:50px 0;}
    .serveBox .flowText li {width:33.3%;font-size: 16px;}
    .serveBox .flowText li.line{display: none}
}

@media (max-width:812px) {
    .safeguardBox {padding:40px 0 50px;}
    .safeguardBox .titleBox .titleCN {text-align: center;background: url(../images/safeguard_title.png) no-repeat center top;padding-left:0;background-size: 289px;font-size:12px;padding-top: 80px;}
    .safeguardBox .titleBox .titleCN {}
    .safeguardBox .titleBox .titleCN h3 {font-size: 20px;}
    .safeguardBox .titleBox .titleCN h3 strong {font-size:24px;}


    .safeguardBox ul{margin:20px 0;}
    .safeguardBox ul li{margin-bottom: 20px;}
    .safeguardBox ul li>div{float: none !important;width: 100% !important;}
    .safeguardBox ul li .imgMessage img{max-height: 200px;}
    .safeguardBox ul li .textInfo {padding-left:50px;margin-top:0;font-size: 12px;background-size:40px;}
    .safeguardBox ul li .textInfo .tit {font-size:18px; }
    .safeguardBox ul li .textInfo .ENtext {font-size: 12px;margin-bottom: 10px;}


    .serveBox {padding:30px 0;}
    .serveBox .flowText li {width:50%;font-size: 14px;margin-top: 20px;margin-bottom: 0}
}







.aboutBox {padding: 80px 0;}
.aboutBox .container{max-width: 1150px;}
.aboutBox .aboutTitle {position: relative;text-align: center;font-size: 24px;color: #666;}
.aboutBox .aboutTitle>div{width: 90%;max-width: 600px;margin: auto;position: relative;}
.aboutBox .aboutTitle>div:before{width: 100%;height: 2px;background: #da251d;position: absolute;content: "";left: 0;top: 50%;}
.aboutBox .aboutTitle>div span {font-size: 40px;color: #fff;background: #da251d;position: relative;z-index: 1;font-weight: bold;padding: 0 10px;}

.aboutBox .aboutInfo {position: relative;margin-top:30px;}
.aboutBox .aboutInfo .imgBox {width:44%;border:10px solid #d6d6d6;float: left;box-sizing: border-box}
.aboutBox .aboutInfo .infoBox {float: right;width:53%;box-sizing: border-box;padding: 25px 0;}

.aboutBox .aboutInfo .infoBox .tit {font-size: 30px;color: #DA251D;font-weight: 900;}
.aboutBox .aboutInfo .infoBox .tit_en {font-size: 12px;color: #666;margin-bottom: 15px;}

.aboutBox .aboutInfo .infoBox .textMessage {font-size: 14px;color: #666;line-height:1.8;padding:25px 30px 25px 0;margin-top: 30px;position: relative}
.aboutBox .aboutInfo .infoBox .textMessage:before {width: 120%;height: 100%;content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);border:10px solid #d6d6d6;z-index: -1}
.aboutBox .aboutInfo .infoBox .textMessage p{text-indent: 2em;margin-bottom: 10px;}
.aboutBox .aboutInfo .infoBox .textMessage .goBtn {padding: 0 20px;font-size: 16px;line-height: 36px;background: #db2522;color: #fff;border: none;outline: none;margin-top: 20px;display: inline-block}

.aboutBox .environmentBox {margin-top: 83px;}
.aboutBox .environmentBox ul li{text-align: center;font-size: 14px;color: #666;}
.aboutBox .environmentBox ul li p {margin-top: 10px;}


.newsBox {padding: 65px 0 100px 0;background: #f5f2f5;}
.newsBox  .tit {font-size: 18px;line-height: 26px;color: #333;padding-bottom: 13px;border-bottom: 1px solid #e6e3e6;margin-bottom: 20px;}
.newsBox  .tit .more {float: right;width: 66px;border: 1px solid #ccc;font-size: 12px;text-align: center;}

.newsBox .phoneBox {width: 18%;font-size: 14px;color: #999;background: #fff;padding: 19px 18px;text-align: center;float: left;box-sizing: border-box;}
.newsBox .phoneBox .text {margin: 26px 0 15px 0;background: url("../images/ico_tel.png") no-repeat center top;padding-top: 36px;line-height: 32px; }
.newsBox .phoneBox .text h3{font-size: 20px;color: #DA251D;}
.newsBox .phoneBox .consult {padding: 0 20px;font-size: 16px;line-height: 37px;background: #da281f;border-radius: 20px;border: none;color: #fff;}
.newsBox .phoneBox .consult:hover {cursor: pointer;}

.newsBox .dynamicState {padding: 17px 3%;width: 44%;margin: 0 3%;float: left;border-left: 1px solid #dfdcdf;border-right: 1px solid #dfdcdf;}
.newsBox .dynamicState .img {margin-bottom: 30px;}
.newsBox .dynamicState ul li {font-size: 14px;color: #666;line-height: 55px;border-bottom: 1px dashed #ccc;}
.newsBox .dynamicState ul li span {float: right;}

.newsBox .issueBox {width:25%;padding-top: 17px;float: right;}
.newsBox .issueBox ul li{font-size: 14px;border-radius:30px;padding: 0 16px;line-height: 60px;margin-bottom: 15px;overflow: hidden}
.newsBox .issueBox ul li:nth-child(odd){border: 1px solid #bababa;background: url("../images/issueBox_ico1.png") no-repeat left center #fff;padding-left: 70px;}
.newsBox .issueBox ul li:nth-child(even){background: url("../images/issueBox_ico2.png") no-repeat right center #dedede;padding-right: 70px;}





@media (max-width:1024px) {
    .aboutBox {padding: 40px 0;}

    .aboutBox .aboutTitle {font-size:20px;}
    .aboutBox .aboutTitle>div span {font-size:32px;}

    .aboutBox .aboutInfo {margin-top:30px;}
    .aboutBox .aboutInfo .imgBox {width:33%;border:5px solid #d6d6d6;}
    .aboutBox .aboutInfo .infoBox {width:65%;padding: 25px 0;}

    .aboutBox .aboutInfo .infoBox .tit {font-size: 20px;}
    .aboutBox .aboutInfo .infoBox .tit_en {margin-bottom: 5px;}

    .aboutBox .aboutInfo .infoBox .textMessage {font-size: 12px;padding:10px 15px 10px 0;margin-top: 20px;}
    .aboutBox .aboutInfo .infoBox .textMessage:before {border:5px solid #d6d6d6;}
    .aboutBox .aboutInfo .infoBox .textMessage p{margin-bottom:5px;}
    .aboutBox .aboutInfo .infoBox .textMessage .goBtn {padding: 0 20px;font-size: 12px;margin-top: 20px;display: inline-block}

    .aboutBox .environmentBox {margin-top: 83px;}
    .aboutBox .environmentBox ul li{text-align: center;font-size: 14px;color: #666;}
    .aboutBox .environmentBox ul li p {margin-top: 10px;}
}


@media (max-width:812px) {

    .aboutBox {padding: 30px 0;}

    .aboutBox .aboutTitle {font-size:14px;}
    .aboutBox .aboutTitle>div span {font-size:20px;}

    .aboutBox .aboutInfo {margin-top:10px;}
    .aboutBox .aboutInfo .imgBox {width:100%;border:3px solid #d6d6d6;float: none}
    .aboutBox .aboutInfo .infoBox {width:100%;padding: 25px 0;float: none}

    .aboutBox .aboutInfo .infoBox .tit {font-size: 16px;}

    .aboutBox .aboutInfo .infoBox .textMessage {padding:10px;margin-top: 20px;border: 3px solid #d6d6d6}
    .aboutBox .aboutInfo .infoBox .textMessage:before {display: none}
    .aboutBox .aboutInfo .infoBox .textMessage .goBtn {margin-top: 10px;}
    .aboutBox .environmentBox {margin-top: 20px;}



    .newsBox {padding:30px 0;}
    .newsBox  .tit {font-size: 14px;padding-bottom: 10px;margin-bottom:10px;}
    .newsBox  .tit .more {float: right;width: 66px;border: 1px solid #ccc;font-size: 12px;text-align: center;}


    .newsBox .dynamicState {padding: 17px 15px;width:100%;margin:0;float: none;border:0;box-sizing: border-box}
    .newsBox .dynamicState .img {margin-bottom:10px;}
    .newsBox .dynamicState ul li {font-size: 12px;line-height:30px;}

    .newsBox .issueBox {width:100%;padding-top: 17px;float: none;}
    .newsBox .issueBox ul li{font-size: 12px;border-radius:20px;padding: 0 16px;line-height: 40px;}
    .newsBox .issueBox ul li:nth-child(odd){background-size: 40px !important;padding-left: 50px;}
    .newsBox .issueBox ul li:nth-child(even){background-size: 40px !important;padding-right: 50px;}



}

.blogrollBox {padding: 30px 0 45px 0;}
.blogrollBox .box {overflow: hidden;font-size: 14px;margin-top: 25px;}
.blogrollBox .box a {margin: 0 15px;color: #666;}


.footerBox {background: #353233;overflow: hidden;}
.footerBox .container{position: relative;}
.footerBox .navMenu{;padding: 60px 0;width: calc(100% - 260px);float: left}

.footerBox .navMenu li {font-size: 16px;line-height: 1.8;float: left;display: inline-block;margin-bottom: 10px;position: relative;padding:0 50px;}
.footerBox .navMenu li:before { width: 1px;height:100%;background: #999999;opacity: 0.3;position: absolute;right: 0;top: 0;content: ""}
.footerBox .navMenu li:first-child {padding-left: 0}
.footerBox .navMenu li:last-child:before{display: none}

.footerBox .navMenu li h3{font-size: 20px;margin-bottom: 10px;color: #FFFFFF}
.footerBox .navMenu li a {color: #999999;}


.footerBox .qrCodeBox {width: 250px;float: right;background: url('../images/ewm_bg.png');padding:20px 50px ;box-sizing: border-box;position: absolute;right: 0;top: 0}
.qrCodeBox .text {font-size: 14px;color: #ffffff;line-height: 40px;}
.qrCodeBox .qqBox {margin: 10px;padding: 13px 0;cursor: pointer;border-top: 1px solid #999;color: #ffffff;}
.qrCodeBox .qqBox img {width: 23px;}
.qrCodeBox .qqBox p {font-size: 14px;}

.footerBox .footerBottom {padding:20px 0;border-top: 1px solid #999999;opacity: 0.3;color: #ffffff;font-size: 14px;width: 100%;}
.footerBox .footerBottom a {color: #ffffff;}


@media (max-width:1024px) {
    .footerBox .navMenu{;padding: 60px 0;width: calc(100% - 260px);float: left}

    .footerBox .navMenu li {font-size: 14px;padding:0 50px;}
    .footerBox .navMenu li h3{font-size:16px;margin-bottom: 10px;}

    .footerBox .qrCodeBox {width: 200px;padding:20px 20px }
    .qrCodeBox .text {font-size: 12px;line-height: 30px;}

    .qrCodeBox .qqBox {margin:5px;padding: 10px 0;}
    .qrCodeBox .qqBox img {display: none}
    .qrCodeBox .qqBox p {font-size: 12px;}

    .footerBox .footerBottom {padding:20px 0;font-size: 12px;}
}


@media (max-width:812px) {
    .footerBox .qrCodeBox {width: 100%;padding:10px 20px;position: initial }

    .qrCodeBox .qqBox {display: none}

    .footerBox .footerBottom {padding:20px 0;font-size: 12px;}
}



/*case*/
.productListInfo {
  overflow: hidden;
}
.productListInfo .productInfoItem {
  float: left;
  width: 43%;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  margin: 0 3%
}
.productListInfo .productInfoItem a{
    font-size:14px!important;
    float:left;
    border:0!important;
    color: #fff;
    opacity: 0.8;
}
.contentBox {background: #f5f2f5;}
.content {background: #ffffff;padding: 18px 0 50px 20px;box-sizing: border-box}
.content .leftBox {padding-top: 55px;color: #fff;}
.content .leftBox .tit {background: #2d2a2d;font-size: 14px;line-height: 100px;}
.content .leftBox .tit span {opacity: 0.3;}
.content .leftBox .tit em{font-size: 26px;font-weight: bold;margin-right: 10px;}
.content .leftBox .caseList {background: #dc251c;padding: 35px 10px 20px;}
.content .leftBox .caseList a {    border: 2px solid #c3231e;
    margin-bottom: 10px;
    font-size: 18px;
    opacity: 0.9;
    display: block;
    color: #FFFFFF;
    text-align: center;
    line-height: 2
}
.content .leftBox .caseList a:hover {cursor: pointer;}

.content .rightBox .titleNav {color: #333333;font-size: 24px;font-weight: bold;line-height: 50px;border-bottom: 1px solid #d8d5d8;overflow: hidden;margin-top: 50px;}
.content .rightBox .titleNav span {float: right;padding:0 25px;font-size: 14px;background: url("../images/ico_post.png") no-repeat left center;background-size:22px;}

.productListBox {}
.productListBox .noDataHint {font-size: 30px;color: #999;text-align: center;line-height: 100px;}
.productListBox li {width:33.3%;font-size: 14px;text-align: center;line-height: 35px;box-sizing: border-box;padding: 40px 30px;float: left}
.productListBox li a{display: block;border: 1px solid #d8d5d8;}
.productListBox li:hover p{background-color: #d92620;color: #fff;}


.newsList{padding: 20px 40px;}
.newsList li{padding: 50px 0;border-bottom: 1px solid #f6f4f5;}
.newsList li> a {display: inline-block;}
.newsList li> a .newsImg {display: inline-block;width: 235px;height: 130px;vertical-align: middle;margin-right: 50px;}
.newsList li> a .newsImg img {width: 100%;height: 100%;}
.newsList li> a .newsText {display: inline-block;width: 608px;height: 130px;color: #333;vertical-align: middle;}
.newsList li> a .newsText .newsItemTitle {font-size: 20px;margin-bottom: 20px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.newsList li> a .newsText .newsItemInfo {font-size: 16px;color: #666;line-height: 22px;margin-bottom: 18px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.newsList li> a .newsText .time {font-size: 14px;color: #999;}


.pagingBox {line-height: 30px;padding: 20px 0;text-align: center}
.pagingBox a{display: inline-block;padding: 0 10px;border: 1px solid #999999;}
.pagingBox a:hover,.pagingBox a.current{background: #999;color: #FFFFFF}



.content .rightBox .detailBox {padding: 25px;margin-top: 15px;}
.content .rightBox .detailBox .titleBox {text-align: center;}
.content .rightBox .detailBox .titleBox .title {font-size: 20px;}
.content .rightBox .detailBox .titleBox .time {font-size: 12px;margin: 10px 0 37px 0;border-bottom: 1px solid #656565;padding-bottom: 15px;}
.content .rightBox .detailBox .titleBox .time .company {color: #DA251D;}

.content .rightBox .caseMassege {padding: 25px;margin-top: 15px;}
.content .rightBox .caseMassege .imgBox {float: left;border: 1px dashed #aaa;width:42%}
.content .rightBox .caseMassege .caseText {width: 52%;float: right;font-size: 16px;color: #666;}
.content .rightBox .caseMassege .caseText li {margin-bottom: 35px;color: #999}
.content .rightBox .caseMassege .caseText .red {color: #DA251D;font-weight: 500;}
.content .rightBox .caseMassege .caseText li>div {display: inline-block;width: 49%;}
.content .rightBox .caseMassege .caseText li>div span {color: #333;}

.content .rightBox .introduceBox .titleBox {border-bottom: 1px solid #dddddd;}
.content .rightBox .introduceBox .titleBox .title {font-size: 16px;border-bottom: 3px solid #DA251D;display: inline-block;padding: 8px 13px;}
.content .rightBox .introduceBox .detailTextBox {color: #666666;padding: 35px 15px;font-size: 14px;}
.content .rightBox .introduceBox .detailTextBox p {margin-bottom: 40px;}



.info{padding: 25px 0;}
.info .info_tit{text-align: center;font-size: 18px;padding: 30px 0;color: #333;}
.info .info_content{padding-bottom: 80px;line-height: 1.8;font-size: 14px;}

.info .info_imgTit{font-size: 18px;color: #333;position: relative;padding-bottom: 15px;}
.info .info_imgTit:before{width: 74px;height: 3px;background: #d82429;margin-top: 10px;content: "";left: 0;bottom: 0;position: absolute}


.info .info_img{width: 100%;max-width: 450px;margin-bottom: 10px;}
.info .info_img .gallery-top li .con{padding: 20px;border: 1px solid #ebebeb;margin: 24px 0 30px 0;}

.info .info_img .gallery-thumbs{position: relative;padding: 0 40px;}
.info .info_img .gallery-thumbs li .con{border: 1px solid #ebebeb;padding: 3px;margin-left: 4px;}
.info .info_img .gallery-thumbs li.swiper-slide-active .con{background: #ebebeb;}
.info .info_img .gallery-thumbs .swiper-button-next,.info .info_img .gallery-thumbs .swiper-button-prev{outline: none;width: 20px;height: 100%;top: 0;background: #d82429;--swiper-theme-color: #d82429;--swiper-navigation-color: #fff;--swiper-navigation-size: 20px;margin: 0;}



@media (max-width:1024px) {
    .content {padding: 18px 10px;}
    .content .leftBox {padding-top:0;}
    .content .leftBox .tit {font-size: 12px;line-height:60px;}
    .content .leftBox .tit em{font-size: 20px;}

    .content .leftBox .caseList {padding:20px 10px 10px;text-align: center}
    .content .leftBox .caseList a {padding:0 20px;border: 1px solid #c3231e;margin:3px;font-size: 12px;width: 31.3%;float: left;box-sizing: border-box;}

    .content .rightBox .titleNav {font-size:16px;line-height:40px;margin-top:10px;}
    .content .rightBox .titleNav span {display: none}

    .productListBox li {padding: 40px 20px;}

    .content .rightBox .introduceBox .titleBox .title {font-size: 16px}

}


@media (max-width:640px) {
    .content {padding: 10px 5px;}
    .content .leftBox .tit {line-height:50px;}
    .content .leftBox .tit em{font-size:18px;}

    .content .leftBox .caseList a {padding:0 10px;width:auto;float:none;display: inline-block}

    .content .rightBox .titleNav {font-size:16px;line-height:40px;margin-top:10px;}
    .content .rightBox .titleNav span {display: none}

    .productListBox li {padding:10px;width: 100%;}



    .content .rightBox .detailBox {padding:15px;margin-top: 15px;}

    .content .rightBox .detailBox .titleBox .title {font-size: 18px;}

    .content .rightBox .caseMassege {padding: 25px;margin-top: 15px;}
    .content .rightBox .caseMassege .imgBox {float: none;width:100%}
    .content .rightBox .caseMassege .caseText {width:100%;float: none;font-size: 14px;}

    .content .rightBox .caseMassege .caseText li {margin-bottom:0;line-height: 2}
    .content .rightBox .caseMassege .caseText li>div {width:100%;}

    .content .rightBox .introduceBox .titleBox {border-bottom: 1px solid #dddddd;}
    .content .rightBox .introduceBox .titleBox .title {font-size: 16px;border-bottom: 3px solid #DA251D;display: inline-block;padding: 8px 13px;}
    .content .rightBox .introduceBox .detailTextBox {padding:20px 5px;font-size: 12px;}
    .content .rightBox .introduceBox .detailTextBox p {margin-bottom: 10px;}



    .info{padding: 10px 0;}
    .info .info_tit{font-size: 14px;padding:20px 0;}
    .info .info_content{padding-bottom: 20px;font-size: 12px;}

    .info .info_imgTit{font-size: 14px;padding-bottom: 15px;}
    .info .info_img .gallery-top li .con{margin:10px 0 20px;}


}






.navPage { background: #f5f5f5;line-height: 60px;font-size: 18px;}
.navPage a {display: inline-block;color: #333;padding: 0 30px;}
.navPage  a:hover,.navPage  a.current {color: #DA251D;}

.aboutbg{background: url("../images/about_bg.jpg") no-repeat center bottom;}
.about{padding-top: 130px;padding-bottom: 50px;}
.about .about_l {float: left;width: 60%;}
.about .about_l .titleBox {margin-bottom: 45px;color: #333333;font-size: 40px;font-weight: bold;}
.about .about_r {width: 38%;margin-top: 30px;float: right}

.about .text {color: #666666;font-size: 16px;line-height:2;}
.about .text p {margin-bottom: 25px;}


.companyShow .titleBox {width: 80%;max-width: 328px;line-height: 100px;border-bottom: 1px solid #dddddd;margin: 0 auto;text-align: center;color: #333333;font-size: 30px;font-weight: bold;position: relative}
.companyShow .titleBox:before {width: 62px;height: 5px;background: #DA2A1D;border-radius: 5px;position: absolute;content: "";bottom: -3px;left: 50%;transform: translateX(-50%);}

.companyShow ul {margin-top: 20px;}
.companyShow ul li {width: 25%;color: #666666;font-size: 14px;line-height: 2;text-align: center;float: left}
.companyShow ul li .con {background: #ffffff;padding: 15px;margin: 20px 40px;}



.equipment {padding: 20px 20px 50px;}
.equipment li{ font-size: 16px;width: 25%;text-align: center;float: left;margin-bottom: 20px;}
.equipment li .box {margin: 10px;border: 1px solid #f0f0f0;padding: 10px;background: #ffffff;}


.contactus{background: url("../images/contact_bg.jpg") no-repeat center top;}

.contactus .contactMessage {float: right;font-size: 20px;color: #fff;padding: 200px 0 150px;}
.contactus .contactMessage h3 {font-size: 34px;}
.contactus .contactMessage .tel {font-size: 18px;border-top: 1px solid #898785;border-bottom: 1px solid #898785;line-height: 60px;margin: 16px 0;}
.contactus .contactMessage .tel .phone {font-size: 30px;color: #DA251D;margin-left: 5px;vertical-align: middle;}
.contactus .contactMessage .info {margin-bottom: 15px;}

.contactus .advisoryAndserve {padding: 15px 30px;overflow: hidden;color: #fff;background: rgba(0,0, 0, 0.6);text-align: center}
.contactus .advisoryAndserve li {width:40%;display: inline-block;font-size: 15px;line-height: 30px;margin: 0 2%;background: url("../images/contactus1.png") no-repeat left center;background-size: 56px;padding-left:90px;box-sizing:border-box;text-align: left}
.contactus .advisoryAndserve li:nth-child(2) {background: url("../images/contactus1.png") no-repeat left center;}

.contactus .advisoryAndserve li h3 {font-size: 30px;font-weight: 600;}
.contactus .advisoryAndserve li .btn{float: right;display: inline-block;width: 54px;height: 54px;border: 1px solid #fff;font-size: 20px;margin-left: 50px;line-height: 54px;color: #FFFFFF}

.baiduMapBox {height: 408px;}
.baiduMapBox #container {width: 100%;height: 408px;font-size: 12px;}


@media (max-width:1024px) {
    .navPage {font-size: 16px;}
    .navPage a {padding: 0 20px;}

    .about{padding-top:80px;padding-bottom: 30px;}
    .about .about_l {width: 50%;}
    .about .about_l .titleBox {margin-bottom:20px;font-size: 26px;}
    .about .about_r {width:48%;margin-top: 10px;}

    .about .text {font-size: 14px;}
    .about .text p {margin-bottom:15px;}


    .companyShow .titleBox {line-height:60px;font-size:20px;}

    .companyShow ul li {width: 33.33%;}
    .companyShow ul li .con {padding: 15px;margin: 10px 20px;}


    .equipment {padding: 20px 20px 50px;}
    .equipment li{ font-size: 14px;width: 33.33%;margin-bottom: 10px;}
    .equipment li .box {padding:5px;}


    .contactus .contactMessage {float: right;font-size:14px;padding:80px 0 50px;}
    .contactus .contactMessage h3 {font-size: 22px;}
    .contactus .contactMessage .tel {font-size: 16px;line-height:40px;}
    .contactus .contactMessage .tel .phone {font-size:20px;}
    .contactus .contactMessage .info {margin-bottom: 10px;}


    .contactus .advisoryAndserve {padding: 15px 30px;}
    .contactus .advisoryAndserve li {width:40%;font-size: 12px;line-height: 30px;margin: 0 2%;background: url("../images/contactus1.png") no-repeat left center;padding-left:90px;}

    .contactus .advisoryAndserve li h3 {font-size: 20px;}
    .contactus .advisoryAndserve li .btn{width: 54px;height: 54px;font-size: 20px;margin-left: 50px;line-height: 54px;color: #FFFFFF}

}

@media (max-width:812px) {
    .navPage {font-size: 14px;}
    .navPage a {padding: 0 5px;}

    .about{padding:20px 0;}
    .about .about_l,.about .about_r {width:100%;float: none}
    .about .about_l .titleBox {margin-bottom:10px;font-size:18px;}
    .about .text {font-size: 12px;}
    .about .text p {margin-bottom:10px;}


    .companyShow .titleBox {line-height:40px;font-size:18px;}

    .companyShow ul li {width:100%;}
    .companyShow ul li .con {padding: 10px;margin: 10px;}


    .equipment {padding: 20px 10px;}
    .equipment li{ font-size: 12px;width:50%;}
    .equipment li .box {padding:5px;}


    .contactus .contactMessage {float: none;font-size:12px;padding:30px 0;}
    .contactus .contactMessage h3 {font-size: 18px;}
    .contactus .contactMessage .tel {font-size: 12px;line-height:30px;}
    .contactus .contactMessage .tel .phone {font-size:16px;}



    .contactus .advisoryAndserve {padding: 15px 20px;}
    .contactus .advisoryAndserve li {width:90%;font-size: 12px;background-size: 40px!important;padding-left: 50px;line-height: 26px;}

    .contactus .advisoryAndserve li h3 {font-size:16px;}

    .contactus .advisoryAndserve li .btn{width: 46px;height: 46px;font-size: 14px;margin-left: 20px;line-height: 46px;color: #FFFFFF}


}