.banner{ position: relative;}
.banner .wap{
	display: none;
}
.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: #557376;color: #fff;padding: 5px 15px;background: #557376;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: #557375;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: #557376;}
.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;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;}

.nineList{background: #ebeef0;position: relative;z-index: 2;margin-top: -5%;padding: 1%;}
.nineList dd{position:relative;width: 10.1%;font-size: 12px;color: #555;text-align: center;background: #fff;text-align: center;line-height: 1.4;}
.nineList dd img{display: block;margin: auto;max-width: 70%;}
.nineList dd:before{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';border: 1px solid #fff;transition: .5s;}
.nineList dd>a{display: block;height: 100%;position: relative;z-index: 2;}
.nineList dd .tit{max-width: 100%;margin: auto;padding-bottom: 5px; font-size:12px;}
.breads{line-height: 24px;background:#f2f2f2;padding: 5px 0;}
.coloreee{color: #eff2f4;}
.colorlogo{color: #557376;}
.breads .autowidth{color:#888;}
.breads .autowidth span{color:#48a7b0;}
.breads .autowidth .color888{color:#888;}
.brandDL{ position: relative;text-align: center;background-size: cover !important;}
.brandDL:before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';z-index: 1;background: rgba(0,0,0,.7);}
.brandDL:after{position: absolute;left: 0;width: 50%;top: 0;bottom: 0;content: '';z-index: 1;background: rgba(84,85,85,.5);}
.brandDL dd{width: 16.666%;position: relative;z-index: 3;}
.brandDL dd>a{ border-right: 1px solid #fff;border-bottom: 1px solid #fff; display: block;padding:35px 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);}

.readMore .rm{width: 49%;position: relative;}
.readMore .rm h5{ padding: 15px 0;}
.readMore .rm .fr{width: 52%; height: 230px;background-size: cover !important;position: relative;}
.readMore .rm .text{ position: absolute; left: 0;top: 0;bottom: 0;right: 52%;border: 2px solid #ebeef0;padding: 3%;color: #545555;}
.publicMore{display: inline-block;padding: 8px 25px;transition: .5s; border: 1px solid #dcdcdc;border-radius:3px;color: #557376;margin-top: 15px;background: #fbfbfb;}
.readMore .rm .ht{line-height: 24px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.readMore .rm:nth-child(odd) .text{background: #EBEEF0;}
.readMore .rm:nth-child(odd) .more{background: #fff;}
.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: #557376;}
.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{overflow: hidden;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.max3{overflow: hidden;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.max4Ht{overflow: hidden;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsDD .date{color: #888;font-size: 12px;padding: 5px 0;}
.indexNum{ padding: 3% 0;background-size: cover !important;text-align: center;background-attachment: fixed !important;}
.indexNum .bt{ width: 16.66%;}
.ourCustDL dd{width: 24%;}
.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: #557376;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: 4% 5%;background-size: cover !important;text-align: left;display: flex;flex-direction: column;justify-content: space-between;}
.aboutOf .fi p{ width: 100%;font-weight: bold;}
.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: #557376;}
.qiehuan .item.on:before{width: 100%;}
.uppercase{ text-transform: uppercase;}
.teamDL dd{width: 49%;margin-bottom: 2%;border: 3px solid #f2f2f2;border-radius: 0 5px 5px 0;}
.teamDL dd .img{transition: .5s; width: 35%;background-size: cover !important;max-width: 270px;}
.teamDL dd .inText{padding: 8px;}
.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: #557376;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: #000;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: #557376;}
.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: 40%;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: #557376;border-color: #557376;}
.xinwen{ padding-top: 15px;}
.xinwen dd{overflow: hidden;width: 32.33%;margin-bottom: 1.5%;}
.xinwen dd >a{display: block;border: 1px solid #dcdcdc;border-bottom: 4px solid #ccc;}
.xinwen dd .max4{line-height: 25px;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{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: 5% 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;}
.newsFr{overflow: hidden;margin: 15px 0;}
.newsFl { float: left;width: 74%;margin-right: 3.5%;}
.newsFr .in{background: #557376;color: #fff; display: block; text-transform: uppercase;line-height: 46px;margin-bottom: 15px;text-align: center;}
.newsFr .tit{line-height: 50px;background: #f2f2f2;text-align: center;border-top: 2px solid #557376;}
.hotDL dd{padding: 10px 10px 10px 29px;position: relative;border: 1px solid #f2f2f2;border-top: 0;}
.hotDL dd:before{ 
	position: absolute;
    content: '.';
    color: #557376;
    left: 10px;
    top: 9px;
    font-size: 50px;
    line-height: 0;
}
.hotDL dd >a{text-transform: uppercase;line-height: 23px;overflow: hidden;margin-bottom: 2px;display: inline-block;}
.detailsTxt{ font-size: 14px;line-height: 2;}
.detailsTxt img{ height: auto !important;margin: 15px auto;max-width: 100%;}
.detailsTxt video{display: block;width: 100%;}
.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: #557376;color: #fff;}
.videosDL { padding-top: 15px;}
.videosDL dd{ width: 32.33%;margin-bottom: 1.5%;}
.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('../images/cp.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;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.5%;}
.proIndex dd>a{display: block;border: 1px solid #e3e3e3;color: #444;position: relative;}
.proIndex dd .tit{background: #ebeef0;padding: 8px 15px; z-index: 3; position: absolute;right: 0;top: 0;min-width: 80px;text-align: center;}
.proIndex dd .cs{padding:15px 15px;background: #ebeef0;}
.proIndex dd .cs >p{margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proIndex dd .inqu .flex1{text-align: center;font-size: 12px;white-space: nowrap;font-size: 12px;min-width: 60px; color: #fff;text-transform: uppercase; line-height: 36px;background: #999;border-bottom: 1px solid #eee;}
.proIndex dd .inqu .flex1:nth-child(1){border-right: 1px solid #eee;background: #557376;}
.proList dd{width: 32.33%;border-bottom: 5px solid #999;}
.proIndex:after{display: block;content: "";width: 32.33%;height: 0px;}
.xinwen:after{display: block;content: "";width: 32.33%;height: 0px;}
.videosDL:after{display: block;content: "";width: 32.33%;height: 0px;}
.proList dd .scaleImg{position: relative;z-index: 2;}
.listLeft{ float: left;width: 340px;background: #fff;margin-right:2%;}
.listLeft .items{background: #fff; }
.listLeft .items:nth-last-child(1){margin: 0;}
.mangsKind{border: 1px solid #dcdcdc;}
.listLeft .items .one{position: relative;border-bottom: 1px solid #dcdcdc; line-height: 50px;background: #ebeef0; display: block;padding: 0 20px 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.listLeft .items .one .iconfont{ position: absolute;right: 10px;top:0;}
.twoItems{line-height: 40px;position: relative;}

.twoItems .two{display: block; padding-left: 38px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.twoItems .two:before{ position: absolute;left: 0;bottom: 0;width: 0;border-top: 1px solid #557375;content: '';transition: .25s;}
.twoItems .two.on{color: #557375;}
/*.twoItems.on .two{border-color: #557375;}*/
.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;padding: 15px 0;}
.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: #557376;content: '';}
.leftJT:after{ position: absolute;left: 50%;margin-left: -1px;top: 2px;bottom: 2px;width: 2px;background: #557376;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: #557376;}
.listLeft .items.on .one .iconfont{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.twoSon .threeItem.on{color: #557376;}
.fenleiIco,.closeList{display: none;}
.lunboFl{float: left;width: 55%;margin-right: 2%;position: relative;}
.smallImg { position: absolute;right: 0;top: 0;bottom: 0;width: 100px;padding: 30px 0}
.gallery-top{ margin-right: 110px;}
.smallImg .swiper-slide{background-size: contain !important;}
.swiperJT{cursor: pointer; position: absolute;left: 0;right: 0;text-align: center;line-height: 20px;background: #557376;color: #fff;}
.lunboFl .swiper-next{bottom: 0}
.lunboFl .swiper-prev{top: 0}
.smallImg .swiper-slide:before{cursor: pointer; position: absolute; left: 0;right: 0;top: 0;bottom: 0;content: '';border: 1px solid #e3e3e3;transition: .5s;}
.smallImg .swiper-slide.swiper-slide-thumb-active:before{ border-color: #557376;}
.smallImg img{ display: block; width: 100%;height: 100%;}
.gallery-top .swiper-slide img{border: 1px solid #ddd;display: block;width: 100%; width: calc(100% - 2px); box-sizing: border-box;}
.gallery-top .swiper-slide:before{border: 1px solid #ddd;z-index: 5; position: absolute;left: 0;right: 2px;top: 0;bottom: 0;content: '';}

.btTexts{background: #f7f9fa;padding: 10px;border: 1px solid #e3e3e3;}
.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; width: 49%; padding: 10px 0;background: #999;color: #fff;min-width: 6em;text-align: center;}
.mailBtn .em{background: #557376;}
.detailsLeft{ float: left;width: 75%;margin-right: 2%;}
.dtChange{line-height: 45px; margin-bottom: 2%; border-bottom: 1px solid #E3E3E3;font-size: 0; white-space: nowrap;border-left: 1px solid #E3E3E3;}
.dtChange span{display: inline-block; font-size: 14px; vertical-align: top;position: relative;border: 1px solid #E3E3E3; 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: #557376;transition: .5s;}
.dtChange span.on:before{ width: 100%;}
.dtChange span.on:after{position: absolute;left: 0;width: 100%;bottom: -1px;background: #fff;content: '';height: 2px;}
.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: #557376;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 #557376;}
.teight .itm{width:23.5% ;margin-bottom: 1.5%;position: relative;border: 2px solid #999;}
.teight .itm img{display: block;width: 100%;}
.installImg{width: 62%;margin-right: 2%;}
.border000{border-bottom: 1px solid #dcdcdc;}
.mcCate .mc{width: 25%; margin-bottom: 2%;}
.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: 300px; background: rgba(255,255,255,.9);border: 1px solid #e5e5e5;text-align: left;padding-right: 300px;}
.sonAlert .manyKind >a{display: inline-block;vertical-align: top;font-size: 14px;padding: 10px 20px 10px 0;}
.dazhouItem.on {z-index: 5;}
.category_2 .itmCS{transition: .5s;position: relative; line-height: 40px;padding: 0 40px;cursor: pointer;display: block;position: relative;}
.dazhouItem.on .itmCS{background: #ebeef0;}
.category_2 { position: relative;}
.worldMap{ position: absolute;right: 0;top: 5%;width: 300px;}
.dazhouItem .itmCS:after{opacity: .5; position: absolute;left: 50%;margin-left: -5px;top: 100%;content: '';border-width:7px 5px;border-style: solid;border-color: #557375 transparent transparent transparent;opacity: 0;}
.closeCase{display: none;}
.caseSix {padding:10px 3%;border: 3px solid #e5e5e5;margin-bottom: 3%;}
.caseSix p{min-width: 50%;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;}
.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;}
.warranty{border: 1px solid #eee;}
.warranty .fl{width: 40%;}
.warranty .overHidden{ padding: 2%; }
.line16{line-height: 1.6;}
.installtion{background: #ebeef0;}
.installtion .detailsTxt{padding: 2%;}
.brandPd{ margin-bottom: 2%;display: none;}
.brandPd.on .flBrand{display: block;}
.brandPd .fl{cursor: pointer;width: 120px;position: relative;border: 2px solid #557376;margin: 0 15px 10px 0;}
.flBrand{display: none; position: absolute;left: 100%;top: 0;z-index: 10;min-width: 120px;}
.flBrand.on{display: block;}
.closeBrand{ position: absolute;right: 0;top: 10px;padding: 5px;}
.itemBrand{background: rgba(242,242,242,.85);line-height: 26px;padding: 10px 0;}
.itemBrand a{display: block;padding: 0 25px;}
.pdContact{border: 1px solid #dcdcdc;margin-top: 15px;}
.pdContact .tit{ padding:10px 15px;border-bottom: 1px solid #DCDCDC;background: #ebeef0;}
.pdContact .cat{ padding: 15px;}
.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: #557375;}
.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;}

.newsTitles{border-bottom: 1px solid #ccc;position: relative;margin-bottom: 3%;padding-bottom: 15px;padding-right: 100px;}
.returnGoAD{ position: absolute;right: 0;bottom: 15px;}
.returnGoAD a{padding: 4px 25px;}
.xinwen2s{margin-top: 5%;}
.xinwen2s dd{overflow: hidden;width: 24%;margin-bottom: 1%; margin-right: 1%;}
.xinwen2s dd >a{display: block;border: 1px solid #dcdcdc;border-bottom: 4px solid #DCDCDC;}
.xinwen2s dd .max4{line-height: 25px; 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;}
.xinwen2s dd .txt{ padding: 15px;}
.newsDot{position: absolute; font-size: 18px; top: 50%;margin-top: -30px;width: 40px;text-align: center;line-height: 60px;background: rgba(0,0,0,.5);color: #fff;z-index: 5;}
.news-prev{ left: 0;border-radius: 0 5px 5px 0;}
.news-next{ right: 0;border-radius: 5px 0 0 5px;}
.singleTxt2{font-weight: bold;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 15px;}
.prevNexts{ padding: 2% 0;}
.prevNexts .halfs{float: left;width: 48%;margin-right: 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ourCustomer{
	padding-bottom: calc(2% + 10px);
}
.ourCustomer .customerBox{
	position: relative;
}
.ourCustomer .customerBox .customerLeft{
	width: 50%;
	position: absolute;
	height: 100%;
}
.customerLeft{
	justify-content: space-between;
}
.customerLeft .item.itemLeft{
	width: 66%;
	height: 100%;
}
.customerLeft .item.itemLeft a{
	width: 100%;
	height: 100%;
}
.customerLeft .item{
	height: 48%;
}
.customerLeft .item a{
	width: 100%;
	display: block;
	position: relative;
	height: 100%;
}
.customerLeft .item a img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	object-fit: cover;
}
.customerLeft .item a .tit{
	z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}
.customerLeft .itemBox{
	width: 32%;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}
.customerLeft .itemBox .item{
	width: 100%;
}
.customerLeft .itemBox .item a .tit{
	font-size: 12px;
	padding: 10px;
}
.ourCustomer .customerBox .customerRight{
	width: 48.5%;
	float: right;
}
.customerRight dd{
	border: 1px solid #cacccc;
	margin-bottom: 7px;
	background-color: #fff;
}
.customerRight dd:last-child{
	margin-bottom: 0;
}
.customerRight dd a{
	width: 100%;
	display: block;
	padding: 10px 20px;
	box-sizing: border-box;
}
.customerRight dd a .tit{
	color: #b9baba;
	line-height: 15px;
	margin-top: 5px;
}
.ourVideo{
	padding-bottom: calc(2% + 10px);
}

.ourVideo .videoDL{
	justify-content: space-between;
}
.ourVideo .videoDL dd{
	width: 23.9%;
	background-color: #fff;
	border-bottom: 5px solid #557376;
}
.ourVideo .videoDL dd a{
	width: 100%;
	height: auto;
	display: block;
}
.ourVideo .videoDL dd a .scaleImg{
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 56%;
}
.ourVideo .videoDL dd a .scaleImg:after{
	width: 29px;
	height: 38px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: '';
	background-image: url('../images/videox.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.ourVideo .videoDL dd a .scaleImg img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.ourVideo .videoDL dd a .con{
	padding: 7px 15px 18px;
}
.ourVideo .videoDL dd a .con .tits{
	font-size: 14px;
	line-height: 22px;
}
.ourVideo .videoDL dd a .con .tit{
	font-size: 12px;
	line-height: 24px;
	color: #222;
	margin-top: 16px;
}

.ourNews .itemBox{
	justify-content: space-between;
	flex-wrap: wrap;
}
.ourNews .itemBox .item{
	width: 48.6%;
	margin-bottom: 34px;
}
.ourNews .itemBox .item a{
	width: 100%;
}
.ourNews .itemBox .item a .scaleImg{
	width: 47.5%;
	height: 0;
	padding-bottom: 26.8%;
	position: relative;
}
.ourNews .itemBox .item a .scaleImg img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.ourNews .itemBox .item a .scaleImg .time{
	color: #fff;
	background-color: #557376;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 0 20px;
	line-height: 35px;
}
.ourNews .itemBox .item a .con{
	width: 52.5%;
	box-sizing: border-box;
	padding: 12px 20px 0;
}
.ourNews .itemBox .item a .con .max2{
	line-height: 22px;
}
.ourNews .itemBox .item a .con .max3{
	font-size: 12px;
	line-height: 22px;
	color: #999;
	margin-top: 5px;
}
.ourNews .itemBox .item a .con .more{
	text-align: right;
	font-size: 14px;
	line-height: 20px;
	color: #222;
	text-transform: uppercase;
	margin-top: 22px;
}


@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;}
	.gallery-top{ margin-right: 25%;}
	.smallImg{ width: 23%;}
}
@media (max-width: 1024px){
	.ourCustomer .customerBox .customerLeft{
		width: 100%;
		height: 50vh;
		position: relative;
	}
	.ourCustomer .customerBox .customerRight{
		width: 100%;
		float: none;
		margin-top: 10px;
	}
}


@media only screen and (min-width: 960px){
	.banner .links .mores:hover{background: #fff;color: #557376;}
	.brandDL dd>a:hover{background: #557376;}
	.topTxt .shares >a:hover{opacity: .5;}
	.teamDL dd{transition: .5s;}
	.teamDL dd:hover{border-color: #aaaa;}
	.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: #557376;}

	.xinwen dd .fl:hover:before,.videosDL dd .scaleImg:hover:before{opacity: 1;}
	.pages .item:hover{background: #535353;color: #fff;}
	.sharesApp .sh:hover{background: #557376;}
	.returnGo a:hover{background: #000;color: #fff;}
	.proIndex dd>a:before{transition: .5s; position: absolute;left: -1px;right: -1px;top: -1px;bottom: -1px;content: '';border: 1px solid transparent;}
	.proIndex dd>a:hover:before{border-color: #557376;}
	.proIndex dd>a:hover .tit{background: #557376;color: #fff;}
	.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: #557376;}
	.viewMore a:hover{background: #666;color: #fff;}
	.proIndex dd .inqu .flex1:hover{opacity: .7;}
	.publicMore:hover{background: #557376;color: #fff;border-color: #557376;}
	.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: #557375;}
	.xinwen dd >a:hover{border-color: #557375;}
	.videosDL dd:hover .txt{border-color: #557375;}
	.dazhouItem:hover .itmCS{background: #557375;color: #fff;}
	.dazhouItem:hover .itmCS:after{opacity: 1;}
	.twoItems:hover .two:before{width: 100%;}
	.twoItems:hover .flBrand{display: block;}
	/*.brandPd .fl:hover .flBrand{display: block;}*/
	.reSearch .scBtn:hover{background: #557375;color: #FFF;border-color: #557375;}
	.newsFr .in:hover{opacity: .7;}
	.proList dd{ transition: .5s}
	.proList dd:hover{border-color: #557376;}
	
	.newsDot{ cursor: pointer;transition: .5s;}
	.newsDot:hover{background: #557376;color: #fff;}
	.xinwen2s dd >a:hover{border-color: #557375;}
	
}
@media only screen and (max-width:960px ) {
	.listLeft {position: fixed;float: none;margin: 0; display: none; width: auto; left: 0;right: 0;top: 62px;bottom: 0;z-index: 48;background: rgba(0,0,0,.5);padding: 0;}
	.mangsKind{ width: 250px;background: #E3E3E3;height: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
    .fenleiIco{display: block;padding: 10px 0 15px 0;}
    .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: #557376;}
    .itemBrand{ padding: 5px 0;}
    .oneSon{ padding: 5px 0;}
    .itemBrand a{ padding: 0 0 0 50px;}
    
    
    
    .flBrand{ position: static;}
	.breads{background: #eee;border: 0;}
	.banner .autowidth{width: auto;max-width: 100%;}
	.banner .pc{display: none;}
	.banner .wap{display: block;}
	.nineList{ margin-top: 2%;padding-bottom: 0;}
	.nineList dd{ width: 32.33%;margin-bottom: 1%;}
	.readMore .rm .fr{ height: 180px;}
	.indexNum .bt .font20{font-size: 12px;}
	.visitCS dd .visHeight a{ min-width: 0;width: auto;padding-right: 10px;}
	.pdContact{display: none;}
	
	
	.shareBtn a{ width: 38px;line-height: 38px;font-size: 18px;}
	.shareBtn a span {width: 18px;height: 18px;}
	.newsDL dd{width: 30.33%;margin-right: 3%;}
	.fourItem .item{width: auto;}
	.brandIndex >a{width: 12%;}
	.brandDL dd{ width: 25%;}
	.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;}
	.newsFl{ width: 68%;margin-right: 2%;}
	.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: #557376;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%;}
	.visitCS dd{width: 180px;}
	.voMap{ left: 190px;}
	.visitCS dd .visHeight{ left: 180px;}
        .ourCustDL dd .shText{display:none}
}

@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 {display: block;}
    .readMore .rm{ width: auto;}
    .readMore .rm .text{ padding: 10px;}
    .newsDD dd,.ourCustDL dd{ width: 49%;}
    .ourCustDL dd{margin-bottom: 2%;}
    .ourCustDL dd:nth-child(3),.ourCustDL dd:nth-child(4){
    	margin-bottom: 0;
    }
    .prevNexts .halfs{ width: auto;float: none;margin: 0 0 5px 0;}
    .ourCustomer .customerBox .customerLeft{
    	display: block;
    	height: auto;
    }
    .ourCustomer .customerBox .customerLeft .item{
    	width: 100% !important;
    	margin-bottom: 10px;
    }
    .ourCustomer .customerBox .customerLeft .itemBox{
    	width: 100%;
    }
    .ourCustomer .customerBox .customerLeft .item a{
    	padding-bottom: 75%;
    	height: 0;
    }
    .ourCustomer .customerBox .customerRight{
    	margin-top: 0;
    }
    .customerRight dd a{
    	padding: 10px;
    }
    .ourNews .itemBox .item{
    	width: 100%;
    	margin-bottom: 10px;
    }
    .ourNews .itemBox .item a .scaleImg{
    	width: 100%;
    	padding-bottom: 50%;
    }
    .ourNews .itemBox .item a .con{
    	width: 100%;
    	padding: 10px 0;
    }
    .ourNews .itemBox .item a .con .more{
    	margin-top: 10px;
    }

    /*.ourVideo .videoDL{
    	display: block;
    }*/
    .ourVideo .videoDL dd{
    	margin-bottom: 10px;
    	width: 49%;
    	/*width: 100%;*/
    }
    .ourCustomer .customerBox .customerLeft .item:last-child{
    	display: none;
    }
    .ourVideo .videoDL dd:nth-child(3),.ourVideo .videoDL dd:nth-child(4){
    	margin-bottom: 0;
    	/*display: none;*/
    }
.orNews dd:nth-child(3),.orNews dd:nth-child(4){display:none}
    .ourNews .itemBox .item:nth-child(3),.ourNews .itemBox .item:nth-child(4){
    	display: none;
    }
    .customerRight dd:nth-child(3),.customerRight dd:nth-child(4){
    	display: none;
    }
    .ourCustomer .customerBox .customerLeft .itemBox{
    	display: none;
    }
    .customerRight dd:nth-child(2){
    	margin-bottom: 0;
    }
    .ourCustomer{
    	padding-bottom: 20px;
    }
    .ourVideo .videoDL dd:last-child{
    	margin-bottom: 0;
    }
    .ourVideo{
    	padding-bottom: 20px;
    }
    .ourVideo .videoDL dd a .scaleImg:after{
    	width: 20px;
    	height: 24px;
    	opacity: 0.65;
    }
}
@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 (min-width:640px ) {
	.visitCS dd.on .fl .iconfont{opacity: 0;}
	.visitCS dd.on .vo{display: block;}
}

@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%;}
	.banner .swiper-slide .blockImg{min-height:160px;}
	.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:15px 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;}
	.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;}
	.xinwen dd .max4{line-height: 20px;}
	.warranty .fl{ width: auto;float: none;margin-bottom: 2%;}
	.installImg{ width: auto;margin: 0 0 2% 0;}
	.visitCS dd{ width: auto;}
	.voMap{display: none;}
	.visitCS dd .visHeight{ position: static;}
	.visitCS dd.on .fl .iconfont{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
	.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;}
	
}
@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: 33.33%;}
	.brandDL:after{ width: 33.333%;}
	.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;}
	.smallImg{ padding: 25px 0;}
	.xinwen2s dd .txt{ padding: 10px;}
	.singleTxt2{ margin-bottom: 5px;}
}

@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%;}
	.category_2 .itmCS{ padding: 0 25px;}
}


.aboutFlex{
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}
.aboutFlex .con{
	width: 31.9%;
}
.aboutFlex .con .tits{
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
}
.aboutFlex .con .tit{
	color: #222;
	margin-top: 5px;
}

.faqBox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faqBox ul li{
	width: calc(50% - 7px);
	margin-bottom: 12px;
}
.faqBox ul li .liBox{
	width: 100%;
	background-color: #f2f2f2;
	border-radius: 5px;
	overflow: hidden;
	padding-left: 50px;
	padding-right: 15px;
	box-sizing: border-box;
}
.faqBox ul li .tits{
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #222;
	line-height: 65px;
	position: relative;
	cursor: pointer;
}
.faqBox ul li .tits i{
	width: 21px;
	height: 21px;
	background-image: url('../images/jia.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: -35px;
	top: 22px;
}
.faqBox ul li .tits.on i{
	background-image: url('../images/jian.png');
}
.faqBox ul li .tits span{
	height: 65px;
	width: 100%;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow:  ellipsis;
}
.faqBox ul li .tit{
	font-size: 12px;
	line-height: 22px;
	color: #222;
	margin-top: -10px;
	padding-bottom: 10px;
	display: none;
}


.honor{
	width: 65.6%;
	margin-top: 9px;
}
.honorBox{
	width: 100%;
	background-position: center bottom;
	background-image: url('../images/honor_bg.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-top: 9px;
	padding-bottom: 30px;
}
.honorBox .list{
	width: 73.4%;
	margin: 0 auto;
}
.honorBox .list ul{
	position: relative;
}
.honorBox .list ul li{
	position: absolute;
	z-index: -1;
	opacity: 0;
}

@media (max-width: 1200px){
	.faqBox ul li .tits{
		font-size: 15px;
		line-height: 42px;
	}
	.faqBox ul li .tits span{
		height: 42px;
	}
	.faqBox ul li .tits i{
		top: 11px;
	}
	.faqBox ul li .tit{
		font-size: 14px;
		line-height: 20px;
	}
}
@media (max-width: 960px){
	.honor{
		width: 100%;
	}
	.aboutFlex{
		display: block;
		margin-top: 15px;
	}
	.aboutFlex .con{
		width: 100%;
	}
}
@media (max-width: 768px){
	.faqBox ul{
		display: block;
	}
	.faqBox ul li{
		width: 100%;
		margin: 0 0 6px 0;
	}
	.faqBox ul li .liBox{
		padding: 0 10px 0 26px;
	}
	.faqBox ul li .tits i{
		width: 14px;
		height: 14px;
		top: 14px;
		left: -20px;
	}
	.faqBox ul li .tit{
		font-size: 12px;
		line-height: 18px;
	}
	.honorBox{
		padding-bottom: 20px;
	}
	.honorBox .list{
		width: 80%;
	}
}