.banner {
   position: relative;
}

.banner .links {
   line-height: 1.2;
   opacity: 0;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(95, 95, 95, .8);
   z-index: 5;
   padding: 10px 1.5%;
   color: #fff;
   padding-right: 120px;
}

.banner .links .tit {
   max-width: 855px;
}

.banner .links .mores {
   transition: .5s;
   position: absolute;
   right: 15px;
   top: 50%;
   margin-top: -15px;
   background: #c30d23;
   color: #fff;
   padding: 5px 15px;
   background: #c30d23;
   border-radius: 2px;
}

.bannerDot {
   z-index: 10;
   cursor: pointer;
   transition: .5s;
   position: absolute;
   top: 50%;
   margin-top: -30px;
   line-height: 60px;
   padding: 0 6px;
   background: rgba(194, 194, 194, .5);
   color: #666;
   font-size: 24px;
}

.swiper-prev {
   left: 2.5%;
}

.swiper-next {
   right: 2.5%;
}

.bannerSwiper .swiper-slide-active .links {
   opacity: 1;
}

.bannerDot:hover {
   background: #c30d23;
   color: #fff;
}

.brandIndex>a {
   display: block;
   width: 8%;
   margin-bottom: 0.3%;
   background: #f1f1f0;
   box-sizing: border-box;
   border: 1px solid #F1F1F0;
}

.brandIndex>a img {
   display: block;
   width: 100%;
}

.brandIndex>a:hover {
   border-color: #c30d23;
}

.eightDL dd {
   width: 23.5%;
   margin-bottom: 2%;
}

.eightDL dd>a {
   display: block;
   background: #f1f1f1;
   padding-bottom: 5px;
}

.eightDL dd .tit {
   padding: 5px 10px 0 10px;
   line-height: 1.2;
   height: 38px;
   overflow: hidden;
   line-height: 18px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.eightDL dd>a:hover {
   background: #605e5b;
   color: #fff;
}

.bannerPoint {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 5%;
   z-index: 10;
}

.bannerPoint .swiperPation {
   text-align: right;
}

.bannerPoint .swiperPation span {
   width: auto;
   height: auto;
   border-radius: 0;
   opacity: 1;
   width: 120px;
   border: 5px solid #888;
   transition: .5s;
}

.bannerPoint .swiperPation .swiper-pagination-bullet-active {
   border-color: #C30D23;
}

.readMore {
   padding: 2% 0;
   background: #eee;
}

.detailsTxt br {
   display: inline;
   line-height: 20px;
}

.breads {
   line-height: 24px;
   background: #f2f2f2;
   padding: 5px 0;
}

.coloreee {
   color: #eff2f4;
}

.colorlogo {
   color: #c30d23;
}

.breads .autowidth {
   color: #888;
}

.breads .autowidth span {
   color: #c30d23;
}

.breads .autowidth .color888 {
   color: #888;
}

.brandDL {
   position: relative;
   text-align: center;
   background-size: cover !important;
   width: 100.5%;
   justify-content: flex-start;
   -webkit-justify-content: flex-start;
}

.brandDL dd {
   width: 16.2%;
   margin-right: 0.46%;
   margin-bottom: 0.46%;
   position: relative;
   z-index: 3;
   background-size: cover !important;
}

.brandDL dd>a {
   position: relative;
   display: block;
   padding: 30% 5%;
   color: #222;
}

.brandDL dd>a .tit {
   text-transform: uppercase;
   font-weight: bold;
   font-family: arial;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.brandDL dd>a .tit,
.brandDL dd>a img {
   filter: drop-shadow(0 0 0.7px #fff) drop-shadow(0 0 0.7px #fff) drop-shadow(0 0 0.7px #fff);
   -webkit-filter: drop-shadow(0 0 0.7px #fff) drop-shadow(0 0 0.7px #fff) drop-shadow(0 0 0.7px #fff);
}

.brandDL dd>a:before {
   transition: .5s;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   content: '';
   background: rgba(0, 0, 0, .55);
}

.readMore .rm {
   width: 49%;
   position: relative;
}

.readMore .rm h5 {
   padding: 15px 0;
}

.readMore .rm .fr {
   width: 52%;
   height: 320px;
   background-size: cover !important;
   position: relative;
}

.readMore .rm .text {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 52%;
   padding: 3%;
   color: #fff;
   background: #005982;
}

.publicMore {
   display: inline-block;
   padding: 8px 25px;
   transition: .5s;
   border: 1px solid #dcdcdc;
   border-radius: 3px;
   color: #c30d23;
   margin-top: 15px;
   background: #fbfbfb;
}

.readMore .rm .ht {
   line-height: 24px;
   max-height: 96px;
   overflow: hidden;
}

.readMore .rm:nth-child(odd) .text {
   background: #8a8000;
}

.readMore .rm .fr .op {
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   top: 50%;
   line-height: 1;
   font-size: 70px;
   margin-top: -35px;
   color: #c30d23;
}

.orNews {
   background: #ebeef0;
   padding-bottom: 1%;
}

.newsDD dd {
   width: 24%;
   margin-bottom: 2%;
}

.newsDD dd>a {
   display: block;
   background: #fff;
}

.newsDD dd .txt {
   padding: 15px;
}

.max2 {
   height: 44px;
   overflow: hidden;
   line-height: 22px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.max3 {
   height: 66px;
   overflow: hidden;
   line-height: 22px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.max4 {
   max-height: 88px;
   overflow: hidden;
   line-height: 22px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.newsDD .date {
   color: #888;
   font-size: 12px;
   padding: 5px 0;
}

.traingsDL dd {
   width: 27%;
   text-align: center;
}

.traings {
   padding: 4% 0;
   background: #fff;
}

.indexNews {
   background-size: cover !important;
   margin-top: 20px;
   position: relative;
}

.newThree {
   max-width: 660px;
   text-align: center;
   margin: auto;
}

.newThree dd {
   position: relative;
   padding: 8% 0;
   margin: 0 20px
}

.newThree dd>a {
   display: block;
   width: 120px;
   line-height: 120px;
   color: #fff;
   border: 5px solid #bfbfbf;
   border-radius: 50%;
   background: #771a19;
}

.indexNews:before {
   position: absolute;
   bottom: 100%;
   left: 50%;
   margin-left: -40px;
   content: '';
   border-style: solid;
   border-width: 40px;
   border-color: transparent transparent #6e1916 transparent;
}

.newThree dd.on>a {
   background: #c30d23;
}

.newSon dl dd {
   width: 24%;
   margin-bottom: 1.5%;
   text-align: center;
}

.newSon dl dd>a {
   display: block;
   color: #fff;
}

.newSon dl dd .maxht2 {
   margin: 20px 0 15px 0;
}

.newSon dl .scaleImg {
   position: relative;
}

.newSon dl .scaleImg:before {
   position: absolute;
   z-index: 5;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   content: '';
   background: rgba(0, 0, 0, .5) url('../image/x2.png') no-repeat center;
   opacity: 0;
   transition: .5s;
}

.maxht2 {
   max-height: 44px;
   overflow: hidden;
   line-height: 22px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.newSon .item {
   display: none;
}

.newSon .item.on {
   display: block;
}


.indexPd {
   padding: 2% 0;
   background: #eee;
   position: relative;
   margin-bottom: 15px;
}

.indexPd:before {
   position: absolute;
   left: 50%;
   top: 100%;
   margin-left: -20px;
   content: '';
   border-width: 20px;
   border-style: solid;
   border-color: #eee transparent transparent transparent;
}

.indexPd dl {
   position: relative;
   padding-left: 25%;
   overflow: hidden;
   font-size: 0;
}

.indexPd dd {
   overflow: hidden;
   width: 20%;
   padding-top: 20%;
   position: relative;
   display: inline-block;
   font-size: 14px;
}

.activeUL {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 25%;
}

.activeUL li {
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   padding: 0;
   display: none
}

.activeUL li>a {
   display: block;
   height: 100%;
   width: 100%;
   color: #fff;
   background-size: cover !important;
}

.activeUL li.on {
   opacity: 1;
   z-index: 2;
}

.indexPd dd>a {
   display: block;
   position: absolute;
   left: 0;
   color: #fff;
   right: 0;
   top: 0;
   bottom: 0;
   background-size: cover !important;
}

.indexPd dd>a:before,
.activeUL li>a:before {
   transition: .5s;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   content: '';
   background: rgba(0, 0, 0, .25);
}

.indexPd dd .txts,
.activeUL li .txts {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   transition: .5s;
   padding: 7%;
}

.indexPd dd .cot,
.activeUL li .cot {
   margin-bottom: -25%;
   opacity: 0;
   transition: .5s;
   -webkit-opacity: 0;
}

.indexPd dd .tits,
.activeUL li .tits {
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

.indexPd dd .tits:before,
.activeUL li .tits:before {
   position: absolute;
   left: 0;
   bottom: 0;
   content: '';
   height: 3px;
   width: 40px;
   background: #ffff00;
}

.caseTit {
   text-align: center;
}

.caseTit:after {
   display: block;
   margin: 10px auto;
   width: 90px;
   height: 3px;
   content: '';
   background: #C30D23;
}

.color999 {
   color: #999;
}

.caseIndex {
   position: relative;
}

.leftCase {
   width: 48%;
}

.caseIndex .hot {
   position: absolute;
   right: 0;
   top: 0;
   width: 48%;
   bottom: 0;
}

.caseIndex .hot>a {
   display: block;
   width: 100%;
   height: 100%;
   background-size: cover !important;
   position: relative;
}

.caseIndex .hot .tit {
   transition: .5s;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   color: #fff;
   background: rgba(0, 0, 0, .5);
   padding: 3% 15px;
   padding-right: 100px;
}

.caseIndex .hot .tit .jx {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   padding: 0 25px;
   background-color: #C30D23 !important;
   width: 40px;
}

.leftCase dd {
   position: relative;
   margin: 0 0 15px 0;
   padding-left: 20px;
}

.leftCase dd:before {
   position: absolute;
   left: 0;
   top: 6px;
   content: '';
   border-style: solid;
   border-width: 5px;
   border-color: transparent transparent transparent #C30D23;
}

.leftCase dd p {
   margin-bottom: 5px;
}

.detailsTitle {
   border-top: 1px solid #999;
}

.detailsTitle span {
   display: inline-block;
   vertical-align: top;
   padding: 2% 0;
   position: relative;
}

.detailsTitle span:before {
   position: absolute;
   left: 0;
   top: -1px;
   width: 100%;
   content: '';
   border-top: 1px solid #C30D23;
}

a.Aback {
   line-height: 20px;
   font-size: 12px;
   background: #C30D23;
   color: #fff;
   border-radius: 3px;
   display: inline-block;
   padding: 0 10px;
}

.SpecialTit {
   background: #d2d2d2;
   padding: 10px 0;
   border-bottom: 1px solid #999;
   margin-bottom: 5px;
   text-align: center;
}

.newsDot {
   position: absolute;
   font-size: 18px;
   top: 50%;
   margin-top: -70px;
   width: 40px;
   margin-right: 14px;
   text-align: center;
   line-height: 70px;
   background: rgba(0, 0, 0, .5);
   color: #fff;
   z-index: 5;
}

.news-prev {
   left: 0;
}

.news-next {
   right: 0;
}

.max4Ht {
   max-height: 88px;
   overflow: hidden;
   line-height: 22px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}





.indexNum {
   padding: 3% 0;
   background-size: cover !important;
   text-align: center;
   background-attachment: fixed !important;
}

.indexNum .bt {
   width: 16.66%;
}

.ourCustDL dd {
   width: 24%;
   margin-bottom: 1%;
}

.ourCustDL dd>a {
   display: block;
   position: relative;
   overflow: hidden;
}

.ourCustDL dd .tit {
   z-index: 2;
   text-align: center;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 15px;
   background: rgba(0, 0, 0, .5);
   color: #fff;
}

.ourCustDL dd .shText {
   transition: .5s;
   z-index: 5;
   position: absolute;
   left: 0;
   right: 0;
   top: 100%;
   height: 100%;
   background: #c30d23;
   color: #fff;
   padding: 0 20px;
}

.ourCustDL dd .shText .flex {
   height: 100%;
   width: 100%;
   line-height: 1.8;
}

.bgebeef0 {
   background: #ebeef0;
}

.ctAbout {
   background-size: cover !important;
   line-height: 1.8;
   padding-left: 2.5%;
}

.ctAbout .fl_1 {
   width: 29%;
   padding: 20px 0;
   padding-right: 2.5%;
}

.ctAbout .fl_2 {
   width: 41%;
   padding: 20px 0;
   padding-right: 2.5%;
}

.ctAbout .fl_3 {
   width: 21%;
   text-align: center;
   padding: 2%;
   line-height: 1.5;
   background: rgba(255, 255, 255, .5);
}

.aboutOf {
   text-align: right;
   position: relative;
}

.aboutOf .fi {
   overflow: hidden;
   z-index: 2;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 250px;
   color: #fff;
   padding: 5%;
   background-size: cover !important;
   text-align: left;
}

.aboutOf .fi p {
   padding: 5% 0;
}

.qiehuan {
   line-height: 30px;
   border-bottom: 1px solid #ccc;
   white-space: nowrap;
}

.qiehuan .item {
   display: inline-block;
   vertical-align: top;
   padding: 0 5%;
   position: relative;
}

.qiehuan .item:before {
   position: absolute;
   left: 0;
   width: 0;
   bottom: -1px;
   content: '';
   height: 2px;
   background: #c30d23;
}

.qiehuan .item.on:before {
   width: 100%;
}

.uppercase {
   text-transform: uppercase;
}

.teamDL dd {
   width: 49%;
   margin-bottom: 2%;
   border-radius: 0 5px 5px 0;
}

.teamDL dd .img {
   transition: .5s;
   border: 1px solid #999;
   width: 45%;
   background-size: cover !important;
   max-width: 270px;
}

.teamDL dd .inText {
   padding: 8px;
   border: 3px solid #f2f2f2;
}

.topTxt .fl {
   width: 130px;
   max-width: 55%;
}

.topTxt .smallText {
   color: #999;
   line-height: 1.8;
}

.topTxt {
   margin-bottom: 10px;
   border-bottom: 1px solid #e5e5e5;
   position: relative;
}

.topTxt .shares>a {
   display: inline-block;
   vertical-align: top;
   width: 20px;
   line-height: 20px;
   border-radius: 3px;
   background: #3b5998;
   color: #fff;
   margin-right: 5px;
   text-align: center;
}

.topTxt .shares {
   padding: 10px 0;
}

.topTxt .shares .sh_2 {
   background: #55acee;
}

.topTxt .shares .sh_3 {
   background: #a02ca9;
   background-image: -webkit-radial-gradient(45px 45px, circle cover, #2c4ef1, #f0325a);
}

.topTxt .shares .sh_4 {
   background: #e60012;
}

.botTxt .iconfont {
   padding-right: 5px;
   color: #000;
}

.bannerAbout {
   text-align: center;
   color: #fff;
   padding: 5% 0;
}

.textLeft {
   text-align: left;
   line-height: 1.8;
}

.lines {
   display: block;
   width: 170px;
   height: 3px;
   background: #c30d23;
   margin: 10px auto;
   max-width: 30%;
}

.openMp4 {
   position: relative;
   cursor: pointer;
   margin-left: 28%;
}

.openMp4 video {
   display: block;
   width: 100%;
}

#video1 {
   position: relative;
   margin: auto;
   height: 80%;
   top: 10%;
}

.video-box {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99999;
   display: none;
   background: rgba(0, 0, 0, 0.8);
}

.video-close {
   color: #fff;
   font-size: 30px;
   position: absolute;
   right: 0;
   top: 0;
   border-radius: 50%;
   cursor: pointer;
   z-index: 9999999;
   padding: 15px;
   line-height: 1;
}

#fz-videoAct {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

video {
   max-width: 100%;
   display: block;
}

.openClick {
   color: #c30d23;
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   top: 50%;
   margin-top: -50px;
   font-size: 100px;
   line-height: 1;
   font-weight: bold;
}

.forms .publicText {
   width: 100%;
   display: block;
   text-indent: 1em;
   padding: 10px 0;
   line-height: 30px;
   height: 30px;
   border: 1px solid #888;
}

.forms .publicArea {
   width: 100%;
   box-sizing: border-box;
   display: block;
   text-indent: 1em;
   padding: 10px 0;
   border: 1px solid #888;
}

.forms .half {
   width: 48%;
}

.forms .ipunts label {
   min-width: 88px;
   text-align: right;
   padding-right: 10px;
   line-height: 1.6;
   font-size: 12px;
}

.forms .ipunts {
   margin-bottom: 30px;
}

.codeImg img {
   height: 52px;
   cursor: pointer;
}

.colorred {
   color: #c30d23;
}

.forms .codes {
   width: 35%;
   margin-right: 2%;
}

.centerBtn .btn {
   display: inline-block;
   width: 100px;
   text-align: center;
   background: #999999;
   color: #fff;
   line-height: 40px;
   margin: 0 10px;
   border: 0;
   cursor: pointer;
}

.centerBtn .btn1 {
   background: #c30d23;
}

.containerMap {
   height: 480px;
   position: relative;
   width: 150%;
}

.amap-logo,
.amap-copyright {
   display: none !important;
}

.mapAt {
   overflow: hidden;
   position: relative;
}

.mapIcon {
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(255, 255, 255, .9);
   padding: 2%;
   max-width: 36%;
   bottom: 0;
}

.mapIcon .pt {
   line-height: 26px;
   margin-bottom: 8px;
}

.mapIcon .pt .fl {
   margin-right: 10px;
}

.threePart {
   background: #f2f2f2;
   padding: 15px;
   border: 1px solid #888;
   margin: 2% 0;
}

.threePart .num {
   line-height: 48px;
   display: inline-block;
   font-size: 32px;
   margin: 0 10px;
   min-width: 48px;
   width: 48px;
   text-align: center;
   border: 1px solid #b2b2b2;
   color: #b2b2b2;
   border-radius: 50%;
}

.threePart .parts {
   padding-left: 1%;
}

.threePart .parts.on .num {
   color: #c30d23;
   border-color: #c30d23;
}

.xinwen {
   padding-top: 15px;
   justify-content: flex-start;
   -webkit-justify-content: flex-start;
   width: 101%;
}

.xinwen dd {
   overflow: hidden;
   width: 24%;
   margin-bottom: 1%;
   margin-right: 1%;
}

.xinwen dd>a {
   display: block;
   border: 1px solid #dcdcdc;
   border-bottom: 4px solid #ccc;
}

.xinwen dd .max4 {
   line-height: 25px;
   height: 100px;
   max-height: 100px;
   color: #666;
   overflow: hidden;
   margin: 8px 0;
   font-size: 12px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.xinwen dd .txt {
   padding: 15px;
}

.singleTxt2 {
   height: 48px;
   font-weight: bold;
   line-height: 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.pages {
   text-align: center;
   padding: 3% 0;
   font-size: 18px;
}

.pages .item {
   display: inline-block;
   vertical-align: top;
   margin: 0 2px 2px 2px;
   border: 1px solid #535353;
   line-height: 40px;
   min-width: 20px;
   text-align: center;
   padding: 0 10px;
   text-transform: capitalize;
}

.pages .on {
   background: #535353;
   color: #fff;
}

.newsFl {
   padding-bottom: 2%;
}

.detailsTxt {
   font-size: 14px;
   line-height: 2;
}

.detailsTxt img {
   height: auto !important;
   margin: 15px auto;
   max-width: 100%;
}

.detailsTxt video {
   display: block;
   width: 100%;
   max-width: 960px;
   margin: auto;
   background: #000;
}

.sharesApp {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
}

/*
.sharesApp .sh{display: inline-block;width: 20px;text-align: center;line-height: 20px;background: #0166ff;color: #fff;border-radius: 3px;margin: 0 3px 0 0;font-size: 14px;}
.sharesApp .sh2{background: #3b5998;}
.sharesApp .sh3{background: #55acee;}
.sharesApp .sh4{background: #007bb5;}
.sharesApp .sh5{background: #609ce4;}
*/
.returnGo {
   text-align: center;
}

.returnGo a {
   display: inline-block;
   padding: 5px 45px;
   background: #c30d23;
   color: #fff;
}

.videosDL {
   padding-top: 15px;
   justify-content: flex-start;
   -webkit-justify-content: flex-start;
   width: 101%;
}

.videosDL dd {
   width: 24%;
   margin-bottom: 1%;
   margin-right: 1%;
}

.videosDL dd>a {
   display: block;
}

.videosDL dd .scaleImg {
   position: relative;
}

.videosDL dd .scaleImg:before {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   content: '';
   z-index: 2;
   opacity: 0;
   transition: .5s;
   background: rgba(0, 0, 0, .5) url('../image/x2.png') no-repeat center;
}

.videosDL dd .txt {
   padding: 18px;
   border: 1px solid #e3e3e3;
   border-top: 0;
   border-bottom: 4px solid #999;
}

.videosDL dd .max2 {
   overflow: hidden;
   line-height: 24px;
   height: 48px;
   margin-bottom: 10px;
}

.proBan {
   z-index: 15;
   padding-top: 6px;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   overflow: hidden;
   width: 300px;
   background: rgba(96, 94, 91, .75);
   color: #fff;
}

.proBan dd>a {
   position: relative;
   display: block;
   padding: 14px 20px;
   line-height: 30px;
}

.proBan dd>a .iconfont {
   position: absolute;
   right: 15px;
   top: 10px;
}

.productBanner .swiper-prev {
   left: 300px;
}

.fourPro .scaleImg {
   display: block;
   width: 23.5%;
   margin: 2% 0 0 0;
   position: relative;
}

.fourPro .scaleImg .tit {
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -16px;
   line-height: 32px;
   background: rgba(255, 255, 255, .8);
   min-width: 90px;
   text-align: center;
   text-transform: uppercase;
   padding: 0 10px;
}

.proTitle {
   line-height: 32px;
   position: relative;
   padding-right: 68px;
   margin: 3% 0 2% 0;
}

.proTitle .more {
   position: absolute;
   right: 0;
   top: 0;
   text-transform: uppercase;
}

.proTitle .kinds a {
   padding-right: 8px;
}

.proTitle .kinds {
   line-height: 1.5;
}

.proIndex dd {
   width: 24%;
   margin-bottom: 1%;
}

.proIndex dd>a {
   display: block;
   border: 1px solid #999;
   color: #444;
   position: relative;
}

.proIndex dd .tit {
   background: #ebeef0;
   padding: 8px 15px;
   position: absolute;
   right: 0;
   top: 0;
   min-width: 80px;
   text-align: center;
}

.proIndex dd .cs {
   padding: 10px 15px 25px 15px;
}

.proIndex dd .cs>p {
   margin-top: 5px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.proIndex dd .inqu {
   border: 1px solid #999;
   border-top: 0;
}

.proIndex dd .inqu .flex1 {
   text-align: center;
   font-size: 12px;
   white-space: nowrap;
   min-width: 60px;
   text-transform: uppercase;
   line-height: 36px;
   background: #f2f2f2;
   border-bottom: 1px solid #eee;
}

.proIndex dd .inqu .flex1:nth-child(1) {
   border-right: 1px solid #999;
}

.proList dd {
   width: 32.33%;
   border-bottom: 5px solid #999;
   transition: .5s;
}

.proList dd .scaleImg {
   position: relative;
   z-index: 2;
}

.proIndex:after {
   display: block;
   content: "";
   width: 32.33%;
   height: 0px;
}

.proList dd .ticot {
   margin: 0 15px;
   /* border-bottom: 1px solid #999; */
   padding: 10px 0;
}

.proList dd .ticot p {
   /* max-width: 50%; */
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.listLeft {
   float: left;
   width: 340px;
   background: #fff;
   margin-right: 2%;
}

.listLeft .items {
   background: #fff;
   position: relative;
}

.listLeft .items:nth-last-child(1) {
   margin: 0;
}

.mangsKind {
   border: 1px solid #999;
}

.titlePd {
   padding: 10px 20px;
   border: 1px solid #999;
   background: #d2d2d2;
   border-bottom: 0;
}

.listLeft .items .one {
   position: relative;
   line-height: 50px;
   display: block;
   padding: 0 10px 0 20px;
   font-weight: bold;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.listLeft .items .one:before {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   border-top: 1px solid #C30D23;
   content: '';
   transition: .25s;
}

.listLeft .items .one .iconfont {
   position: absolute;
   right: 10px;
   top: 0;
}

.twoItems {
   line-height: 36px;
}

.twoItems .two {
   display: block;
   font-weight: bold;
   padding-left: 38px;
   border-bottom: 1px solid #fff;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.threeSon {
   padding-left: 38px;
   color: #999;
}

.threeItems {
   position: relative;
}

.threeItems .three {
   display: block;
}




.closeBrand {
   position: absolute;
   right: 0;
   top: 10px;
   padding: 5px;
}

.flBrand.on {
   display: block;
}

.twoSon .threeItem {
   border-top: 1px solid #EDEDED;
   text-transform: uppercase;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-left: 20px;
}

.twoItems .two .iconfont,
.items .one .iconfont {
   display: inline-block;
   transition: transform .5s;
   -webkit-transition: transform .5s;
}

.oneSon {
   display: none;
}

.listLeft .items.on .one {}

.leftJT {
   width: 14px;
   height: 14px;
   background: #fff;
   position: relative;
   display: inline-block;
   margin-right: 10px;
}

.leftJT:before {
   position: absolute;
   left: 2px;
   right: 2px;
   top: 50%;
   margin-top: -1px;
   height: 2px;
   background: #c30d23;
   content: '';
}

.leftJT:after {
   position: absolute;
   left: 50%;
   margin-left: -1px;
   top: 2px;
   bottom: 2px;
   width: 2px;
   background: #c30d23;
   content: '';
}

.listLeft .items.on .leftJT:after {
   display: none;
}




.listLeft .items.on .oneSon {
   display: block;
}

.twoItems.on .twoSon {
   display: block;
}

.twoItems.on .two .iconfont {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   color: #c30d23;
}

.listLeft .items.on .one .iconfont {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
}

.twoSon .threeItem.on {
   color: #c30d23;
}

.fenleiIco,
.closeList {
   display: none;
}

.lunboFl {
   float: left;
   width: 50%;
   margin-right: 2%;
   position: relative;
   border: 1px solid #999;
}

.smallImg {
   height: 80px;
}

.smallImg .swiper-slide {
   background-size: contain !important;
   cursor: pointer;
}

.swiperJT {
   cursor: pointer;
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   line-height: 20px;
   background: #c30d23;
   color: #fff;
}

.lunboFl .swiper-next {
   bottom: 0
}

.lunboFl .swiper-prev {
   top: 0
}

.smallImg .swiper-slide:before {
   cursor: pointer;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   border-bottom: 4px solid #999;
   transition: .5s;
}

.smallImg .swiper-slide.swiper-slide-thumb-active:before {
   border-color: #c30d23;
}

.smallImg img {
   display: block;
   width: 100%;
   height: 100%;
}

.gallery-top .swiper-slide img {
   display: block;
   width: 100%;
   width: calc(100% - 2px);
   box-sizing: border-box;
}


.gallery-thumbs {
   height: 100%;
}

.btTexts>p {
   padding: 3px 0;
}

.borderBt {
   padding: 10px 0;
   border-bottom: 1px solid #E3E3E3;
}

.mailBtn a {
   border-radius: 5px;
   white-space: nowrap;
   max-width: 49%;
   line-height: 40px;
   padding: 5px 30px;
   margin-right: 2%;
   border: 1px solid #999;
   background: #f2f2f2;
   min-width: 6em;
   text-align: center;
}

.mailBtn a i {
   color: #C30D23;
   padding-right: 5px;
}

.detailsLeft {
   float: left;
   width: 75%;
   margin-right: 2%;
}

.dtChange {
   line-height: 45px;
   margin-bottom: 2%;
   border-bottom: 1px solid #999;
   font-size: 0;
   white-space: nowrap;
   border-left: 1px solid #999;
}

.dtChange span {
   display: inline-block;
   font-size: 14px;
   vertical-align: top;
   position: relative;
   border: 1px solid #999;
   border-bottom: 0;
   border-left: 0;
   padding: 0 15px;
   cursor: pointer;
}

.dtChange span:before {
   position: absolute;
   left: 0;
   top: -1px;
   width: 0;
   content: '';
   height: 2px;
   background: #c30d23;
   transition: .5s;
}

.dtChange span.on:before {
   width: 100%;
}

.dtSon .ds {
   display: none;
}

.dtSon .ds.on {
   display: block;
}

.consTit {
   border-bottom: 1px solid #E3E3E3;
}

.consTit span {
   display: inline-block;
   vertical-align: top;
   position: relative;
   padding: 10px 0;
}

.consTit span:before {
   position: absolute;
   left: 0;
   bottom: -1px;
   background: #c30d23;
   width: 100%;
   content: '';
   height: 2px;
}

.forms2 .publicText {
   line-height: 20px;
   height: 20px;
}

.forms2 .codeImg img {
   height: 42px;
}

.detailsRight .rel {
   text-align: center;
   padding: 10px 0;
   border: 1px solid #E3E3E3;
   border-top: 2px solid #c30d23;
}

.teight .itm {
   width: 23.5%;
   margin-bottom: 1.5%;
   position: relative;
   border: 2px solid #999;
}

.teight .itm img {
   display: block;
   width: 100%;
}

.installImg {
   max-width: 50%;
}

.border000 {
   border-bottom: 1px solid #dcdcdc;
}

.mcCate .mc {
   width: 25%;
   margin-bottom: 2%;
}

.mcCate .mc.on {
   color: #C30D23;
}

.category .name {
   min-width: 10%;
   padding: 0 3% 0 1.5%;
   color: #777;
}

.mapImg {
   position: relative;
   width: 800px;
   max-width: 100%;
}

.sonAlert {
   display: none;
   position: absolute;
   text-align: center;
   padding: 10px 0;
   top: 100%;
   left: 0;
   right: 0;
}

.sonAlert .manyKind {
   padding: 15px;
   min-height: 200px;
   background: #fff;
   border: 1px solid #e5e5e5;
   text-align: left;
}

.sonAlert .manyKind>a {
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   padding: 10px 20px 10px 0;
}

.dazhouItem.on {
   z-index: 5;
}

.mcCate {
   position: relative;
}

.category_2 .itmCS {
   transition: .5s;
   position: relative;
   line-height: 40px;
   padding: 0 40px;
   padding-bottom: 5px;
   cursor: pointer;
   display: block;
   position: relative;
}

.category_2 .itmCS:before {
   position: absolute;
   left: 2%;
   transition: .5s;
   bottom: 5px;
   content: '';
   width: 0;
   border-top: 1px solid #C30D23;
}

.dazhouItem.on .itmCS:before {
   width: 96%;
}

.dazhouItem.on .itmCS {
   color: #C30D23;
}

.category_2 {
   position: relative;
}

.worldMap {
   position: absolute;
   right: 0;
   top: 5%;
   width: 300px;
}

.closeCase {
   display: none;
}

.caseSix {
   padding: 10px 3%;
   border: 3px solid #e5e5e5;
   margin-bottom: 3%;
}

.caseSix p {
   min-width: 33%;
   padding: 10px 0;
}

.tmDetails .flImg {
   width: 300px;
   margin-right: 3%;
}

.tmDetails .flImg img {
   display: block;
   width: 100%;
}

.botContact {
   padding-top: 2%;
}

.tmDetails {
   padding: 3% 0;
}

.tmDetails .topTxt .fls {
   width: auto;
   max-width: 50%;
}

.tmDetails .topTxt .fls p {
   margin-bottom: 10px;
}

.tmDetails .topTxt .smallText {
   width: 40%;
   position: absolute;
   right: 0;
   top: 0;
}

.botContact .iconfont {
   padding-right: 5px;
   color: #000;
}

.exList .pts {
   position: relative;
   padding-left: 18px;
   margin-bottom: 2%;
}

.exList .pts:before {
   position: absolute;
   left: 0;
   top: 12px;
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background: #999;
   content: '';
}

.experience .fl {
   width: 74%;
   margin-right: 4%;
}

.experience {
   line-height: 2;
}

.listLink {
   padding-bottom: 15px;
}

/*.voMap{ position: absolute;left: 270px;right: 0;top: 8px;bottom: 8px;background-size: contain !important;}
.voMap img{display: block;margin: auto;max-height: 98%;margin-top: 1%;}
.visitCS dl{ position: relative;}
.visitCS{background:#ebeef0;margin-top: 2%;position: relative;padding: 8px;}
.visitCS dd .fl{position: relative; cursor: pointer;line-height: 46px;float: none;background: #fff;padding: 0 15px;font-size: 16px;} 
.visitCS dd{padding:0 0 8px 0;width: 260px;}
.visitCS dd:nth-last-child(1){ padding: 0;}
.visitCS dd.on{z-index: 5;}
.visitCS dd .vo{ position: absolute;right: 0;top: 5%;height: 90%;display: none;}
.visitCS dd .visHeight{ background-color: #f2f6f7 !important; background-size: contain !important; padding:1% 2%; position: absolute;left: 260px;right: 0;top: 0;bottom: 0;display: none;overflow-y: auto;-webkit-overflow-scrolling: touch;font-size: 0;}
.visitCS dd .visHeight a{display: inline-block;font-size: 12px;padding-bottom: 1px; min-width: 24%;margin-right: 1%;vertical-align: top;}
.visitCS dd.on .visHeight{z-index: 5;}
.visitCS dd.on .fl{background: #f2f6f7;}*/

.page {
   width: 100%;
   padding: 3% 0;
   text-align: center;
   overflow: hidden;
   font-size: 15px;
   display: flex;
   justify-content: center;
   align-items: center
}

.page a,
.page span {
   border: 1px solid #ddd;
   border-radius: 5px;
   padding: 3px 10px;
   margin: 0 3px;
   display: inline-block
}

.page span,
.page a:hover {
   background: #C30D23;
   border: 1px solid #C30D23;
   color: #fff;
   border-radius: 5px;
}

.page .prev,
.page .next {
   margin: 0 10px;
}





.wodMap {
   height: 332px;
   background-size: cover !important;
}

.visHeight {
   display: none;
   padding: 1%;
   text-align: left;
   position: absolute;
   left: 0;
   right: 0;
   top: 40px;
   bottom: 0;
   background: rgba(246, 247, 248, .85);
   overflow-y: auto;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
}

.visitCS {
   margin-top: 2%;
   position: relative;
}

.visitCS dd {
   min-width: 12%;
   text-align: center;
}

.visitCS dd .titles {
   display: block;
   padding: 0 25px;
   line-height: 40px;
   color: #222;
   font-size: 16px;
}

.visitCS dl {
   border-bottom: 1px solid #e5e5e5;
}

.visitCS dd.on .titles {
   background: #f2f2f2;
}

/*.visitCS dd.on .visHeight{display: block;}*/
.visHeight .addFloor a {
   padding: 10px;
   display: inline-block;
   vertical-align: top;
}

.visHeight a .checks {
   display: inline-block;
   width: 9px;
   height: 9px;
   border: 1px solid #313131;
   background: #fff;
   margin-right: 5px;
}

.visHeight a.on .checks {
   border-color: #C30D23;
   background: #C30D23;
}

.visHeight .addFloor a.on {
   color: #C30D23;
}

.clickBtn {
   text-align: center;
   padding-top: 15px;
}

.clickBtn .bt {
   text-transform: uppercase;
   display: inline-block;
   line-height: 32px;
   background: #e5e5e5;
   min-width: 80px;
   text-align: center;
   padding: 0 5px;
   margin: 0 3.5%;
}

.clickBtn .okBtn {
   background: #C30D23;
   color: #fff;
}

.closeCase {
   display: none;
}





.searchDL {
   padding-bottom: 2%;
}

.searchDL dd {
   padding: 10px 0;
}

.searchDL dd .date {
   position: absolute;
   right: 0;
   top: 0;
   color: #888;
   font-size: 12px;
}

.searchDL dd .cot {
   padding-right: 80px;
   position: relative;
}

.viewMore {
   text-align: center;
}

.viewMore a {
   display: inline-block;
   padding: 10px 5%;
   border: 1px solid #666;
}

.line16 {
   line-height: 1.6;
}

.installtion {
   background: #ebeef0;
}

.installtion .detailsTxt {
   padding: 2%;
}

.brandPd {
   margin-bottom: 2%;
   
}

.brandPd .fl {
   cursor: pointer;
   width: 120px;
   position: relative;
   border: 2px solid #c30d23;
   margin: 0 15px 10px 0;
}

.flBrand {
   display: none;
   color: #333;
   position: absolute;
   left: 100%;
   top: 0;
   z-index: 10;
   padding: 0;
   min-width: 120px;
}

.itemBrand {
   background: rgba(242, 242, 242, .75);
   line-height: 26px;
   padding: 10px 0;
}

.itemBrand a {
   display: block;
   padding: 0 25px;
}

.pdContact {
   border: 1px solid #999;
   margin-top: 15px;
}

.pdContact .tit {
   padding: 10px 20px;
   border-bottom: 1px solid #999;
   background: #d2d2d2;
}

.pdContact .cat {
   padding: 15px 20px;
}

.pdContact .cat>p {
   margin-bottom: 5px;
}

.pdTitle {
   padding: 10px 0;
   border-bottom: 1px solid #aaa;
   margin-bottom: 2.5%;
   color: #111;
}

.shoufengqin .tit {
   background: #ebeef0;
   padding: 5px 2%;
   cursor: pointer;
}

.shoufengqin .detailsTxt {
   padding: 2% 0;
   display: none;
}

.shoufengqin .sfq {
   border-top: 1px solid transparent;
}

.shoufengqin .sfq {
   margin-bottom: 1%;
}

.shoufengqin .sfq.on .detailsTxt {
   display: block;
}

.shoufengqin .sfq.on .font30 {
   transform: translateY(4px) rotate(90deg);
   -webkit-transform: translateY(4px) rotate(90deg);
}

.shoufengqin .sfq.on {
   border-color: #c30d23;
}

.fourDD dd {
   width: 24%;
   margin-bottom: 2%;
}

.reSearch {
   max-width: 750px;
   border-radius: 60px;
   margin: auto;
   border: 1px solid #999;
   position: relative;
   padding: 0 30px;
}

.reSearch input {
   display: block;
   background: transparent;
   width: 100%;
   height: 30px;
   line-height: 30px;
   padding: 18px 0;
   text-align: left;
   font-size: 24px;
}

.reSearch .scBtn {
   position: absolute;
   right: 6px;
   top: 6px;
   bottom: 6px;
   width: 52px;
   line-height: 52px;
   background: #f2f2f2;
   border: 1px solid #9b9b9b;
   border-radius: 50%;
   font-size: 24px;
}

.scList span {
   padding: 0 10px;
}

.searchTit {
   line-height: 1.2;
}

.brandSc {
   text-transform: uppercase;
   color: #333;
   line-height: 2;
}

.brandSc span {
   color: #C30D23;
}

.prevNexts {
   padding: 2% 0;
}

.prevNexts .halfs {
   float: left;
   width: 48%;
   margin-right: 2%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

@media only screen and (max-width:1366px) {
   .proBan dd>a {
      padding: 6px 15px;
   }

   .listLeft {
      width: 270px;
   }

   .lunboFl {
      float: none;
      margin: 0 0 2% 0;
      width: auto;
   }
}

@media only screen and (min-width:1380px) {
   .aboutOf .fi p {
      padding: 7% 0;
   }
}

@media only screen and (min-width: 960px) {
   .brandDL dd>a:hover:before {
      background: rgba(130, 0, 16, .75);
   }

   .sonAlert .manyKind>a {
      min-width: 120px;
   }

   .banner .links .mores:hover {
      background: #fff;
      color: #c30d23;
   }

   .readMore .rm:hover .text {
      background: #C30D23;
   }

   .topTxt .shares>a:hover {
      opacity: .5;
   }

   .teamDL dd {
      transition: .5s;
   }

   .teamDL dd:hover .inText {
      border-color: #aaaa;
   }

   .teamDL dd:hover .img {
      border-color: #aaa;
   }

   .teamDL dd .inText {
      padding-left: 5%;
   }

   .botTxt>p {
      margin-bottom: 3px;
   }

   .teamDL dd .inText,
   .openClick i,
   .centerBtn .btn,
   .proIndex dd .tit {
      transition: .5s;
   }

   .openMp4:hover .openClick i {
      transform: scale(1.5);
      color: #004098;
   }

   .caseIndex .hot:hover .tit {
      background: rgba(195, 13, 35, .55);
      padding: 5% 15px;
   }

   .xinwen dd .fl:hover:before,
   .videosDL dd .scaleImg:hover:before {
      opacity: 1;
   }

   .pages .item:hover {
      background: #535353;
      color: #fff;
   }

   .sharesApp .sh:hover {
      background: #c30d23;
   }

   a.Aback {
      margin-right: 4px;
   }

   a.Aback:hover {
      background: #000;
      color: #fff;
   }

   .proIndex dd>a:hover .tit {
      background: #c30d23;
      color: #fff;
   }

   .mailBtn a:hover {
      opacity: .8;
   }

   .dazhouItem_6 .sonAlert,
   .dazhouItem_5 .sonAlert {
      margin-left: -550px;
   }

   .dazhouItem:hover {
      z-index: 9;
   }

   /*.dazhouItem:hover .sonAlert{display: block;}*/
   .dazhouItem:hover .quans {
      background: rgba(244, 124, 34, .5);
      border-color: rgba(244, 124, 34, .5);
   }

   .dazhouItem:hover .quans .iconfont {
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
   }

   .visitCS dd .fl:hover {
      color: #c30d23;
   }

   .viewMore a:hover {
      background: #666;
      color: #fff;
   }

   .proIndex dd .inqu .flex1:hover {
      opacity: .7;
   }

   .proIndex dd .inqu .flex1 {
      font-size: 14px;
   }

   .publicMore:hover {
      background: #c30d23;
      color: #fff;
      border-color: #c30d23;
   }

   .readMore .rm .fr .op,
   .videosDL dd .txt,
   .swiperJT {
      transition: .5s;
   }

   .swiperJT:hover {
      background: #b7a05a;
   }

   .readMore .rm .fr:hover .op {
      transform: rotate(180deg);
   }

   .ourCustDL dd:hover .shText {
      top: 0;
   }

   .nineList dd:hover:before {
      border-color: #c30d23;
   }

   .xinwen dd>a:hover {
      border-color: #c30d23;
   }

   .videosDL dd:hover .txt {
      border-color: #c30d23;
   }

   .dazhouItem:hover .itmCS:before {
      width: 100%;
   }

   .dazhouItem:hover .itmCS {
      color: #C30D23;
   }

   .reSearch .scBtn:hover {
      background: #c30d23;
      color: #FFF;
      border-color: #c30d23;
   }

   .newsFr .in:hover {
      opacity: .7;
   }

   .newSon dd:hover .scaleImg:before {
      opacity: 1;
   }

   .activeUL li:hover .cot,
   .activeUL li.on .cot {
      margin-bottom: 0;
      opacity: 1;
   }

   .activeUL li:hover .txts,
   .activeUL li.on .txts {
      background: rgba(195, 13, 35, .7);
   }

   .activeUL li:hover>a:before,
   .activeUL li.on>a:before {
      opacity: 0;
   }

   .indexPd dd:hover .txts {
      background: rgba(195, 13, 35, .6);
   }

   .newThree dd>a:hover {
      background: #C30D23;
   }

   .newsDot {
      cursor: pointer;
      transition: .5s;
   }

   .newsDot:hover {
      background: #fff;
      color: #C30D23;
   }

   .clickBtn .bt:hover {
      background: #ffd200;
      color: #333;
   }

   .mailBtn a:hover {
      border-color: #C30D23;
      color: #C30D23;
   }

   .btTexts>p {
      margin-bottom: 10px;
   }

   .proList dd:hover {
      border-color: #C30D23;
   }

   /*.visitCS dd:hover .visHeight{display: block;z-index: 5;}
	.visitCS dd:hover .titles{background: #F2F2F2;}*/
   .listLeft .items:hover>.flBrand {
      display: block;
   }

   .listLeft .items:hover .one:before {
      width: 100%;
   }

   .threeItems:hover .flBrand {
      display: block;
   }

   .threeItems:hover .three {
      color: #C30D23;
   }

   .proList dd .ticot:hover,
   .proIndex dd .cs:hover,
   .proIndex dd .cs:hover span {
      color: #C30D23;
   }

   .proIndex dd:hover>a,
   .proIndex dd:hover .inqu {
      border-color: #C30D23;
   }

}

@media only screen and (max-width:960px) {
   .listLeft {
      position: fixed;
      float: none;
      margin: 0;
      display: none;
      width: auto;
      left: 0;
      right: 0;
      top: 60px;
      bottom: 0;
      z-index: 48;
      background: rgba(0, 0, 0, .5);
      padding: 0;
   }

   .mangsKind {
      width: 250px;
      border: 0;
      background: #E3E3E3;
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
   }

   .fenleiIco {
      display: block;
      padding: 10px 0 15px 0;
      border-bottom: 1px solid #eee;
      margin-bottom: 1%;
   }

   .closeList {
      position: absolute;
      right: 0;
      top: 0;
      text-align: center;
      line-height: 40px;
      color: #fff;
      font-size: 20px;
      width: 40px;
      text-align: center;
      display: block;
      background: #c30d23;
   }

   .flBrand {
      position: static;
   }

   .listLeft .items {
      border-bottom: 1px solid #eee;
   }

   .itemBrand {
      background: transparent;
      padding: 0;
      color: #888;
   }

   .breads {
      background: #eee;
      border: 0;
   }

   .nineList {
      margin-top: 2%;
      padding-bottom: 0;
   }

   .nineList dd {
      width: 32.33%;
      margin-bottom: 1%;
   }

   .readMore .rm .fr {
      height: 220px;
   }

   .indexNum .bt .font20 {
      font-size: 15px;
   }

   .pdContact {
      display: none;
   }

   .indexPd dd .cot {
      display: none;
   }

   .shareBtn a {
      width: 38px;
      line-height: 38px;
      font-size: 18px;
   }

   .newsDL dd {
      width: 30.33%;
      margin-right: 3%;
   }

   .fourItem .item {
      width: auto;
   }

   .brandIndex>a {
      width: 12%;
   }

   .brandDL dd {
      width: 24.5%;
   }

   .teamDL {
      display: block;
   }

   .teamDL dd {
      width: auto;
   }

   .forms .half {
      float: none;
      width: auto;
   }

   .forms .publicText {
      height: 20px;
      line-height: 20px;
   }

   .codeImg img {
      height: 42px;
   }

   .forms .ipunts label {
      line-height: 40px;
      min-width: 110px;
   }

   .forms .ipunts {
      margin-bottom: 15px;
   }

   .threePart {
      display: block;
      text-align: center;
      padding: 10px 4px;
   }

   .threePart .tgf {
      justify-content: center;
      margin-bottom: 15px;
   }

   .threePart .jt {
      display: none;
   }

   .threePart .parts {
      padding: 0;
      display: block;
   }

   .threePart .num {
      width: 34px;
      line-height: 34px;
      min-width: 34px;
      font-size: 18px;
      margin-bottom: 10px;
   }

   .threePart .tgh {
      align-items: flex-start;
      -webkit-align-items: flex-start;
   }

   .xinwen dd .fl {
      width: 200px;
   }

   .videosDL dd {
      width: 49%;
   }

   .proBan {
      display: none;
   }

   .productBanner .swiper-prev {
      left: 0;
   }

   .bannerAuto {
      max-width: 100%;
   }

   .listLeft .items .one {
      line-height: 38px;
   }

   .twoItems {
      line-height: 30px;
   }

   .mcCate .mc {
      width: auto;
      padding-right: 3%;
   }

   .sonAlert {
      position: fixed;
      left: 0;
      right: 0;
      top: 60px;
      bottom: 0;
      z-index: 50;
      margin: 0;
      background: rgba(0, 0, 0, .5);
      width: auto;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
   }

   /*.dazhouItem.on .sonAlert{display: block;}*/
   .worldMap {
      display: block;
      position: static;
      margin: auto;
      float: left;
      max-width: 40%;
   }

   .sonAlert .manyKind>a {
      padding: 5px 10px 5px 0;
   }

   .sonAlert {
      padding: 0;
   }

   .closeCase {
      display: block;
      color: #fff;
      text-align: right;
      position: fixed;
      right: 0;
      top: 60px;
   }

   .closeCase i {
      display: inline-block;
      line-height: 1;
      vertical-align: top;
      background: #c30d23;
      padding: 8px;
      font-size: 16px;
   }

   .sonAlert .manyKind {
      padding: 2%;
   }

   .tmDetails .topTxt .smallText {
      font-size: 12px;
      max-width: 50%;
   }

   .ctAbout {
      display: block;
      padding: 0;
   }

   .ctAbout .fl_1,
   .ctAbout .fl_2,
   .ctAbout .fl_3 {
      width: auto;
      padding: 2.5%;
   }

   .ctAbout .fl_1 {
      background: rgba(255, 255, 255, .5);
   }

   .ctAbout .fl_1 br {
      display: none;
   }

   .xinwen dd {
      width: 49%;
   }

   .leftCase {
      width: 50%;
   }

   .leftCase dd {
      margin-bottom: 10px;
   }

   .titlePd {
      display: none;
   }

   .activeUL {
      display: none;
   }

   .indexPd dl {
      padding: 0;
   }

   .indexPd dd {
      width: 25%;
   }
}

@media only screen and (max-width:767px) {
   .lunboFl {
      float: none;
      width: auto;
      margin: 0 0 2% 0;
   }

   .detailsLeft {
      float: none;
      width: auto;
      margin: 3% 0 2% 0;
   }

   .detailsRight .rel {
      margin-bottom: 1%;
   }

   .mailBtn {
      text-align: right;
   }

   .btTexts>p {
      padding: 2px 0;
   }

   .readMore .wels {
      display: block;
   }

   .readMore .rm {
      width: auto;
      margin: 2% 0;
   }

   .readMore .rm .fr {
      height: 200px;
   }

   .readMore .rm .text {
      padding: 10px;
   }

   .newsDD dd,
   .ourCustDL dd {
      width: 49%;
   }

   .ourCustDL dd {
      margin-bottom: 2%;
   }

   .indexPd dl {
      padding: 0;
   }

   .indexPd dd {
      width: 33.33%;
      padding-top: 33.33%;
   }

   .leftCase {
      width: auto;
   }

   .caseIndex .hot {
      position: relative;
      width: auto;
      height: 70vw;
      margin-bottom: 2%;
   }

   .newSon dl dd {
      width: 49%;
   }

   .newSon dl dd .maxht2 {
      margin: 10px 0 5px 0;
   }

   .bannerPoint .swiperPation span {
      width: 60px;
      border-width: 2px;
   }

   .indexPd dd>a {
      margin: 1px;
   }

   .wodMap {
      height: 40vw;
   }

   .category_2 .itmCS {
      padding: 0 10px;
      font-size: 13px;
   }

   .visitCS dd .titles {
      padding: 0 10px;
      font-size: 13px;
   }

   .visHeight {
      position: fixed;
      left: 0;
      right: 0;
      top: 60px;
      z-index: 20;
   }

   .closeCase {
      display: block;
   }

   .visHeight .addFloor a {
      padding: 5px 10px;
   }

   .addFloor {
      max-height: calc(100% - 50px);
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
   }

   .prevNexts .halfs {
      width: auto;
      float: none;
      margin: 0 0 5px 0;
   }


}

@media only screen and (min-width:767px) {
   .detailsRight .proIndex dd {
      width: 100%;
      margin-bottom: 0;
   }

   .detailsRight .proIndex dd>a {
      border-top: 0;
   }
}

@media only screen and (max-width:640px) {
   .banner .links .tit {
      font-size: 16px;
   }

   .banner .links {
      padding: 10px;
      padding-right: 50px;
   }

   .banner .links .mores {
      font-size: 12px;
      padding: 3px 6px;
      right: 10px;
      margin-top: -10px;
   }

   .banner .swiper-slide {
      overflow: hidden;
   }

   .banner .swiper-slide .blockImg {
      max-width: 150%;
      width: 150%;
      position: relative;
      margin-left: -25%;
   }

   .brandIndex>a {
      width: 24%;
      margin-bottom: 1%;
   }

   .news .autowidth {
      display: block;
   }

   .newsTit {
      display: flex;
      display: -webkit-flex;
   }

   .newsTit .nw {
      flex: 1;
      -webkit-flex: 1;
   }

   .newsMore {
      display: none;
   }

   .newsDL {
      display: block;
   }

   .newsDL dd {
      width: auto;
      margin: 0 0 2% 0;
      padding: 2% 0;
      border-bottom: 1px solid #ccc;
   }

   .newsDL dd:nth-last-child(1) {
      margin: 0;
      border: 0;
   }

   .newsDL dd .txt {
      height: auto;
   }

   .newsDL dd>a {
      border: 0;
      padding: 0;
   }

   .brandDL dd>a {
      padding: 22% 5%;
      font-size: 12px;
   }

   .bannerAbout .bt,
   .indexNum .bt {
      width: 33.33%;
      margin-bottom: 10px;
   }

   .textLeft {
      line-height: 1.4;
   }

   .mapIcon {
      position: static;
      max-width: 100%;
   }

   .containerMap {
      width: auto;
      height: 250px;
   }

   .newsFl {
      float: none;
      width: auto;
      margin: 0;
   }

   .bannerDot {
      font-size: 16px;
      line-height: 40px;
      margin-top: -20px;
      padding: 0 4px;
   }

   .fourPro .scaleImg {
      width: 48.5%;
   }

   .proIndex dd {
      width: 49.5%;
   }

   .fourPro .scaleImg .tit {
      min-width: 70px;
   }

   .teight .itm {
      width: 48%;
   }

   .category .name {
      float: none;
      min-width: 0;
      padding: 0 0 2% 0;
      display: block;
      text-align: left;
   }

   .experience .fl {
      float: none;
      width: auto;
   }

   .experience {
      line-height: 1.7;
   }

   .tmDetails .flImg {
      float: none;
      width: auto;
      margin: 0 auto 2% auto;
      max-width: 400px;
   }

   .tmDetails .topTxt .fls {
      float: none;
      width: auto;
      max-width: 100%;
   }

   .tmDetails .topTxt .smallText {
      display: block;
      position: static;
      width: auto;
      max-width: 100%;
   }

   .tmDetails .topTxt .fls p {
      margin-bottom: 5px;
   }

   .botContact {
      display: block;
      line-height: 2;
   }

   .caseSix p {
      padding: 5px 0;
      min-width: 50%;
   }

   .caseSix {
      padding: 5px 10px;
   }

   .ourCustDL dd .tit {
      padding: 10px;
   }

   .newsDD dd .txt {
      padding: 8px;
   }

   .publicMore {
      padding: 5px 15px;
      font-size: 12px;
      margin-top: 8px;
   }

   .readMore .rm h5 {
      padding: 10px 0 5px 0;
      text-align: center;
   }

   .indexNum .font48 {
      line-height: 1.1;
      padding: 2% 0;
   }

   .aboutOf .fi {
      width: 40%;
      padding: 2% 15px;
      opacity: .8;
   }

   .openMp4 {
      margin-left: 0;
   }

   .aboutOf .fi p {
      padding: 1% 0;
   }

   .xinwen dd .txt {
      padding: 8px;
   }

   .singleTxt2 {
      line-height: 20px;
      height: 40px;
   }

   .xinwen dd .max4 {
      line-height: 20px;
      height: 80px;
   }

   .warranty .fl {
      width: auto;
      float: none;
      margin-bottom: 2%;
   }

   .installImg {
      width: auto;
      margin: 0 0 2% 0;
   }

   .fourDD dd {
      width: 48%;
   }

   .centerBtn {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between;
   }

   .centerBtn .btn {
      width: 48.5%;
      margin: 0;
   }

   .reSearch input {
      line-height: 24px;
      padding: 5px 0;
      font-size: 14px;
   }

   .reSearch {
      padding: 0 15px;
   }

   .reSearch .scBtn {
      line-height: 26px;
      width: 26px;
      font-size: 16px;
   }

   .traingsDL dd .font12 {
      display: none;
   }

   .newThree dd>a {
      width: 80px;
      line-height: 80px;
      border-width: 2px;
   }

   .indexNews:before {
      border-width: 20px;
      margin-left: -20px;
   }

   .newsDot {
      width: 26px;
      font-size: 14px;
      line-height: 40px;
      margin-top: -40px;
   }

}

@media only screen and (max-width:480px) {
   .eightDL dd {
      width: 49%;
   }

   .fourItem .item .fl {
      margin-right: 2%;
      width: 160px;
      min-width: 160px;
   }

   .fourItem .item {
      line-height: 1.3;
   }

   .brandDL dd {
      width: 32.85%;
   }

   .topTxt .fl {
      float: none;
      width: auto;
      max-width: 100%;
   }

   .topTxt {
      line-height: 1.3;
      margin-bottom: 5px;
   }

   .topTxt .shares {
      padding: 5px 0;
   }

   .topTxt .smallText {
      display: none;
   }

   .botTxt {
      font-size: 12px;
      line-height: 1.3;
   }

   .openClick {
      font-size: 60px;
      margin-top: -30px;
   }

   .forms .ipunts label {
      width: 100%;
      text-align: left;
   }

   .videosDL dd .txt {
      padding: 5px 8px;
   }

   .videosDL dd .max2 {
      margin-bottom: 4px;
   }

   .pages {
      font-size: 15px;
   }

   .proIndex dd .tit {
      padding: 3px 10px;
      font-size: 12px;
      min-width: 60px;
   }

   .proIndex dd .cs {
      padding: 5px 10px;
   }

   .proList dd .ticot {
      margin: 0 10px;
      display: block;
   }

   .proList dd .ticot p {
      max-width: 100%;
   }

   .indexPd dd .tits {
      font-size: 12px;
      margin-bottom: 0;
   }

   .indexPd dd .txts {
      padding: 10px;
   }

   .caseIndex .hot .tit {
      padding-right: 80px;
   }

   .caseIndex .hot .tit .jx {
      background-size: 20px !important;
      padding: 0 15px;
   }

   .mailBtn a {
      padding: 0 10px;
      flex: 1;
      justify-content: center;
   }

   .indexPd dd {
      width: 50%;
      padding-top: 40%;
   }
}

@media only screen and (max-width:414px) {
   .teamDL dd .inText {
      padding: 5px;
   }

   .qiehuan .item {
      padding: 0 10px;
   }

   .breads {
      font-size: 12px;
   }

   .xinwen dd .fl {
      width: 160px;
      margin-right: 10px;
   }

   .xinwen dd .max2 {
      margin: 6px 0;
   }

   .aboutOf .fi {
      font-size: 12px;
      width: 30%;
   }

}