﻿.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: #571675;color: #fff;padding: 5px 15px;background: #571675;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: #571675;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: #571675;}
.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;}
.bannerPoint{position: absolute;left: 0;right: 0;bottom: 0;z-index: 10;padding: 10px 0;background: rgba(0,0,0,.5);}
.bannerPoint .swiperPation { text-align: center;font-size: 0;}
.bannerPoint .swiperPation span{width: auto;height: auto;vertical-align: top; border-radius: 0;opacity: 1;width: 120px;border: 1px solid #e79f26;transition: .5s; margin: 0 5px;}
.bannerPoint .swiperPation span img{display: block;}
.bannerPoint .swiperPation .swiper-pagination-bullet-active{border-color: #571675;}
.readMore{padding: 2% 0;background: #eee;}
.bge5e5e3{background: #e5e5e3;}
.breads{line-height: 24px;background:#f2f2f2;padding: 5px 0;font-size: 14px;}
.coloreee{color: #eff2f4;}
.colorlogo{color: #571675;}
.brandDL{ position: relative;text-align: center;background-size: cover !important;justify-content: flex-start;-webkit-justify-content: flex-start;background-size: cover !important;padding: 5% 20% 5% 5%;}
.brandDL dd{width: 18%;margin-right: 2%; margin-bottom:2%; position: relative;z-index: 3;background-size: cover !important;}
.brandDL dd>a{position: relative; display: block;padding:30px 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: #571675;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: #571675;}
.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;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.max3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.max4{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{text-align: center;border-bottom: 1px solid #aaa;}
.newThree dd{position: relative;flex: 1;-webkit-flex: 1;}
.newThree dd:after{ position: absolute;left: 50%;bottom: -1px;content: '';width: 0;height: 2px;background: #571675;}
.newThree dd.on:after{ left: 0;width: 100%;}
.newThree dd>a{display: block;padding: 10px 0;}
.newSon dl dd{width: 24%;margin-bottom: 3%;}
.newSon dl dd>a{display: block;}
.newSon dl dd .maxht2{ margin:15px 0;color:#555;line-height: 1.3;}
.newSon dl .scaleImg{ position: relative;}
.maxht2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newSon .item{display: none;}
.newSon .item.on{display: block;}
.aMores{display: inline-block;background: #cecece;padding: 2px 50px;color: #555;font-weight: bold;font-size: 18px;margin-top: 15px;}
.successNews .nImg{ width: 470px;margin-right: 3%;max-width: 50%;}
.lispNew >*{ margin: 10px 0;}
.eprodDL{ padding: 3% 0;overflow: hidden;}
.eprodDL dd{
	width: 18.6%;
	float: left;
	margin-right: 1.75%;
	margin-bottom: 1.75%;
	overflow: hidden;
}
.eprodDL dd:nth-child(5n){
	margin-right: 0;
}
.eprodDL dd a{
	width: 100%;
	position: relative;
	display: block;
}
.eprodDL dd a .tit{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	left: 20px;
}
.eprodDL dd a .tit .t{
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
}
.eprodDL dd a .tit .t1{
	display: flex;
	align-items: center;
	font-size: 12px;
	margin-top: 20px;
	line-height: 12px;
	font-family: 'hn_pro_text';
}
.eprodDL dd a .tit .t1 img{
	width: 13px;
	height: 4px;
	margin-left: 10px;
}
@media (max-width: 1024px){
	.eprodDL dd{
		width: 49% !important;
		margin-bottom: 2%;
		margin-right: 2%;
	}
	.eprodDL dd:nth-child(5n){
		margin-right: 2%;
	}
	.eprodDL dd:nth-child(2n){
		margin-right: 0;
	}
	.eprodDL dd a .tit .t{
		font-size: 12px;
		line-height: 14px;
	}
	.eprodDL dd a .tit .t1{
		font-size: 10px;
		line-height: 12px;
	}
}

.industryBox{
	padding-bottom: 25px;
}
.industryBox .item{
	width: 49.2%;
	float: left;
}
.industryBox .item a{
	width: 100%;
	height: 0;
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 76%;
}
.industryBox .item a .imgs{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.industryBox .item a .imgs img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.industryBox .item a .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/bg1.png');
}
.industryBox .item a .con{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 18px;
}
.industryBox .item a .con .tits{
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow:  ellipsis;
}
.industryBox .item a .con .more{
	display: flex;
	font-size: 16px;
	line-height: 18px;
	align-items: center;
	color: #fff;
	margin-top: 15px;
}
.industryBox .item a .con .more img{
	width: 13px;
	height: 4px;
	margin-left: 12px;
}
.industryBox .itemBox{
	width: 49.3%;
	float: right;
}
.industryBox .itemBox .item{
	width: 48.3%;
	margin-bottom: 3.4%;
}
.industryBox .itemBox .item:nth-child(2n){
	float: right;
}
.industryBox .itemBox .item a{
	padding-bottom: 75%;
}
.industryBox .itemBox .item a .con .tits{
	font-size: 16px;
	line-height: 18px;
}

@media (max-width: 768px){
	.industryBox .item{
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.industryBox .item a .con{
		padding: 0 8px;
		bottom: 10px;
	}
	.industryBox .item a .con .tits{
		font-size: 14px;
		line-height: 18px;
	}
	.industryBox .item a .con .more{
		font-size: 12px;
		line-height: 14px;
	}
	.industryBox .itemBox{
		width: 100%;
		float: none;
	}
	.industryBox .itemBox .item{
		float: left;
	}
	.industryBox .itemBox .item a .con .tits{
		font-size: 14px;
		line-height: 18px;
	}
}



.ourTeamDL dd,.ourTeamDL dd dt{flex: 1;-webkit-flex: 1;}
.ourTeamDL dt{width: 1px;background: #aaa;margin: 0 1%; margin-top: 60px;}
.ourTeamDL .dd3{min-width: 30.3%;}
.ourTeamDL dd .tit{text-align: center;font-weight: bold;line-height: 26px;min-height: 52px;}
.openVideo{position: absolute;left: 0;right: 0;text-align: center;top: 50%;line-height: 1;font-size: 70px;margin-top: -35px;color: #571675;}
.ckNres{border-left: 1px solid #fff;}
.ckNres dd{ width: 25%;}
.ckNres dd>a{display: block;position: relative;border-right: 1px solid #fff;color: #fff;}
.ckNres dd .imgs{overflow: hidden;}
.ckNres dd .imgs:after{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';background: rgba(0,0,0,.5);}
.readList{background-size: cover !important;}
.ckNres dd .bots{position: absolute;left: 0;right: 0;bottom: 8%;padding:0 5% ;z-index: 5;}
.ckNres dd .bots .tit{ margin-bottom: 20px;}
.ckNres dd .tops{position: absolute;z-index: 6;left: 0;right: 0;top: 8%;padding: 0 5%;opacity: 0;transform: translate(0,100%);-webkit-transform: translate(0,100%);}
.ckNres dd .tops .tit{ margin-bottom: 20px;}



.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: #571675;}
.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: #571675 !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 #571675;}
.leftCase dd p{ margin-bottom: 5px;}
.detailsTitle{border-bottom: 1px solid #999; margin:0 0 2% 0;padding-bottom: 10px;}
.detailsTitle .tit{position: relative;}
a.Aback{line-height: 20px; font-size: 12px; background: #571675;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;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{overflow: hidden;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.a2a_default_style a{transition: 0s;}




.indexNum{background-size: cover !important;text-align: center;background-attachment: fixed !important;}
.indexNum .bt{ width: 33.33%;box-sizing: border-box;-webkit-box-sizing: border-box;border-top: 1px solid #eee;border-left: 1px solid #eee;padding: 4% 0;}
.indexNum .bt:nth-child(1),.indexNum .bt:nth-child(4){border-left: 0;}
.indexNum .bt:nth-child(1),.indexNum .bt:nth-child(2),.indexNum .bt:nth-child(3){border-top: 0;}
.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: #571675;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: #571675;}
.qiehuan .item.on:before{width: 100%;}
.uppercase{ text-transform: uppercase;}
.teamDL:after{content: '';width: 32%;}
.teamDL dd{width: 32%;margin-bottom: 2%;border: 1px solid #e9e9e9;padding: 1% 0;}
.teamDL dd .img{transition: .5s;border: 1px solid #999; width: 45%;background-size: cover !important;max-width: 270px;}
.teamDL dd .inText{padding: 0 15px;}
.tmDetails .topTxt { position: relative;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.topTxt .smallText{color: #999;line-height: 1.8;}
.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: #571675;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: #571675;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: #571675;}
.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: #571675;color: #e79f26;}
.containerMap{ height: 480px;position: relative;width: 150%;}
.amap-logo,.amap-copyright{display: none !important;}
.mapAt{overflow: hidden;position: relative;}
.mapIcon{ position: absolute;left: 5%;top: 5%;background: rgba(255,255,255,.9);padding: 2%;max-width: 40%;}
.mapIcon .pt{line-height: 26px;}
.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: #571675;border-color: #571675;}
.xinwen dd{overflow: hidden;width: 31.33%;margin-bottom: 2.5%; }
.xinwen dd >a{display: block;border: 1px solid #dcdcdc;border-bottom: 5px 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:3% 0;font-size: 18px;}
.pages .item{display: inline-block;vertical-align: top;margin: 0 2px 2px 2px;border: 1px solid #e9e9e9;line-height: 40px;min-width: 20px;text-align: center;padding: 0 10px;text-transform:capitalize;}
.pages .on{background: #e9e9e9;}
.newsFr{overflow: hidden;margin:0 0 15px 0;}
.newsFl { float: left;width: 76%;margin-right: 3%;}
.newsFr .in{background: #571675;color: #E79F26; 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 #571675;}
.hotDL dd{padding: 10px 10px 10px 29px;position: relative;border: 1px solid #f2f2f2;border-top: 0;}
.hotDL dd:before{ position: absolute;content:'●';color: #E79F26;left: 10px;top: 8px;}
.hotDL dd >a{text-transform: uppercase;line-height: 23px;max-height: 46px;overflow: hidden;margin-bottom: 2px;display: inline-block;}
.acback{background: #571675;color: #E79F26;padding: 2px 12px;}
.detailsTxt{ font-size: 14px;line-height: 2;}
.detailsTxt img{ height: auto !important;margin: 15px auto;display: block;}
.detailsTxt video{display: block;width: 100%;max-width: 960px;margin: auto;background: #000;}
.sharesApp{display: inline-block;white-space: nowrap;}
.sharesApp .sh{display: inline-block;width: 40px;text-align: center;line-height: 40px;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;}
.detailsTitle .a2a_default_style .a2a_svg{width: 32px !important;line-height: 32px !important;height: 32px !important;}
.returnGo{ text-align: center;}
.returnGo a{display: inline-block;padding: 5px 45px;background: #571675;color: #fff;}
.videosDL {justify-content: flex-start;-webkit-justify-content: flex-start;width: 102%;}
.videosDL dd{ width: 31.33%;margin-bottom: 2%;margin-right: 2%;}
.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(/disk/images/add12.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: 31.83%;border: 1px solid #dcdcdc;}
/* .proIndex dd{width: 31.83%;margin-bottom: 2%;border: 1px solid #dcdcdc;} */
.proIndex dd>a{display: block;color: #444;position: relative;padding: 10px;}
.proIndex dd .tit{padding: 8px 15px;position: absolute;right: 0;top: 0;z-index: 3;}
.proIndex dd .cs{padding:5px 0 0 0;}
.proIndex dd .cs >p{background: #ececec;padding: 5px 8px;display: flex;}
.proIndex dd .cs >p:nth-child(even){background: #fbfbfb;}
.proIndex dd .cs >p span{flex: 1;}
.proIndex dd .inqu{ padding:0 10px 10px 10px;}
.proIndex dd .inqu .imk{width: 48%;text-align: center;border: 1px solid #E3E3E3;padding: 5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proIndex dd .inqu .imk2{color: #571675;border-color: #571675;}
.proList dd .scaleImg{position: relative;z-index: 2;}
.proIndex:after{display:block;content:"";width: 31.83%;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;margin-right: 2%;}
.mangsKind{padding: 5px;background: #ebebeb;}
.listLeft .items{ margin:0 0 5px 0;background: #fff; }
.listLeft .items:nth-last-child(1){margin: 0;}
.listLeft .items .one{position: relative;line-height: 50px;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;}
.listLeft .items .one img{width: 30px;height: 30px;background: #fff;border-radius: 50%;object-fit: cover;margin-right: 10px;margin-top: -2px;}
.twoItems{line-height: 36px;padding: 0 10px;position: relative;}
.twoItems .two{display: block;border-top: 1px solid #EDEDED;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.twoSon{font-size: 14px;padding: 10px; position: absolute;right: 0;top: 0;background: rgba(235,235,235,.7);min-width: 140px;z-index: 3;}
.twoSon .threeItem{text-transform: uppercase;line-height: 24px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.twoItems .two .iconfont,.items .one .iconfont{display: inline-block;transition:transform .5s;-webkit-transition:transform .5s;}
.oneSon,.twoSon { display: none;}
.listLeft .items.on .one{background: #571675;color: #E79F26;}
.listLeft .items.on .oneSon{ display: block;}
.twoItems.on .twoSon {display: block;}
.twoItems.on .two{color: #e79f26;}
.listLeft .items.on .one .iconfont{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.twoSon .threeItem.on{color: #e79f26;}
.fenleiIco,.closeList{display: none;}
.lunboFl{float: right;width: 52%;margin-left: 2%;}
.smallImg .swiper-slide{width: 23.2%;margin-right: 10px;}
.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: #571675;}
.smallImg img{ display: block; width: 100%;}
.gallery-top .swiper-slide:before{border: 1px solid #ddd;z-index: 5; position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';}
.btTexts{background: #f7f9fa;padding: 10px 15px;border: 1px solid #e3e3e3;}
.btTexts >p{ padding: 5px 0;}
.borderBt{ padding: 10px 0;border-bottom: 1px solid #E3E3E3;}
.mailBtn a{border-radius: 5px; white-space: nowrap; width: 46%;line-height: 40px; padding: 5px 0;border: 1px solid #999; text-align: center;}
.mailBtn a i{color: #571675;padding-right: 5px;}
.mailBtn a.em{color: #571675;border-color: #571675;}
.detailsRight { float: left;width: 260px;margin-left: 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: #571675;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: #571675;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 #571675;}
.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: 1.5%;}
.mcCate .mc.on{color: #571675;}
.category .name{min-width: 8%;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 #571675;}
.dazhouItem.on .itmCS:before{width: 96%;}
.dazhouItem.on .itmCS{color: #571675;}
.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: 48%;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;color: #888;}

.wodMap{ height: 332px;background-size: cover !important;}
.visitCS dd .fl{margin-right: 2%;cursor: pointer;text-transform: uppercase;} 
.visitCS dd .fl span{padding-right: 15px;}
.visitCS dd{ line-height: 30px;border-bottom: 1px solid #666;padding: 6px 0;}
.visitCS dd .visHeight{height: 30px;overflow: hidden;}
.visitCS dd .visHeight a{display: inline-block;font-size: 14px;padding-right: 25px;}
.visitCS dd.on .visHeight{ height: auto;}
.visitCS dd.on .fl .iconfont{transform: rotate(90deg);-webkit-transform: rotate(90deg);display: inline-block;}


/*.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: #571675;background: #571675;}
.visHeight .addFloor a.on {color: #571675;}
.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: #571675;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;}
.line18{line-height: 1.7;}
.line19{line-height: 1.9;}
.installtion{background: #ebeef0;}
.installtion .detailsTxt{padding: 2%;}
.brandPd{ margin-bottom: 2%;display: none;}
.brandPd .fl{cursor: pointer;width: 160px;position: relative;border:1px solid #dcdcdc;margin: 0 15px 5px 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: #571675;}
.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: 15px 0;text-align: left;font-size: 18px;}
.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;}
.brandSc span{color: #571675;}


.pubilcMenu{padding: 1.5% 0;}
.pubilcMenu .fit{text-transform: uppercase;}
.pubilcMenu .ctLine{height: 2px;position: relative;background: #d8d8d8;margin: 0 0 0 15px;}
.pubilcMenu .ctLine span{position: absolute;left: 0;bottom: 0;}
.publicLink .item{min-width: 120px;padding: 0 15px;line-height: 36px;background: #cecece;margin-left: 15px;text-align: center;}
.publicLink .item.on{background: #571675;color: #e79f26;}
.coverBg{background-size: cover !important;}
.aboutTop{padding: 5% 3% 10% 0;text-align: left;}
.aboutTop .abTxt{padding: 2% 4%;background: rgba(25,93,130,.14);max-width: 870px;}
.line12{line-height: 1.2;}
.line13{line-height: 1.3;}
.aboutFlex .leftImg{width: 48%;position: relative;margin-left: 5%;cursor: pointer;}
.snsSix{ text-align: center;position: relative;}
.snsSix:before{position: absolute;left: 0;right: 0;top: 50%;content: '';border-top: 1px solid #d8d8d8}
.snsSix .sns{width: 20%;flex-direction: column;-webkit-flex-direction: column;}
.snsSix .odd{flex-direction: column-reverse;-webkit-flex-direction: column-reverse;}
.snsSix .img{ padding: 40px 0;position: relative;max-width: 100%;}
.snsSix .img img{display: block;margin: auto;height: 66px;}
.snsSix .txt{word-break: break-all; height:66px; padding: 40px 0;max-width: 100%;display: flex;flex-direction: column;justify-content: center;display: -webkit-flex; -webkit-flex-direction: column; -webkit-justify-content: center;}
.snsSix .img:before{position: absolute;left: 50%;bottom: 0;height: 40px;content: '';border-left: 1px solid #d8d8d8;}
.snsSix .odd .img:before{ bottom: auto;top: 0;}
.snsSix .img:after{ position: absolute;left: 50%;margin-left: -5px;width: 10px;height: 10px;content: '';background: #d8d8d8;border-radius: 10px;bottom: -5px;}
.snsSix .odd .img:after{ bottom: auto;top: -5px;}
.snsSix{margin: 2% 0 5% 0;}

.teamLeft{width: 35%;text-align: center;padding:0 3%;border-right: 1px solid #e9e9e9;}
.teamLeft .tx{display: block;border: 1px solid #ddd;margin-bottom: 10px;border-radius: 50%;}
.teamLeft .tx img{display: block;border-radius: 50%;width: 100%;}
.teamDL .botTit{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e9e9e9;}
.warrtyItem .xh{width: 80px;height: 80px;border: 1px solid #d0d0d0;position: relative; margin-right: 2%;border-radius: 50%;line-height: 1.1;text-align: center;text-transform: uppercase;}
.warrtyItem .xh .num{position: absolute;left: 0;top: 0;background: #571675;color: #E79F26;line-height: 20px;width: 20px;text-align: center;border-radius: 50%;font-size: 12px;}
.warrtyItem .img{max-width: 40%;}
.mrt20{ margin-right: 2%;}
.flexja{border-top: 1px solid #d0d0d0;padding-top: 10px;margin-top: 10px;}
.flexja .jia{width: 15px;line-height: 15px;height: 15px;text-align: center;background: #515050;color: #fff;font-size: 12px;margin-right: 10px;margin-top: 6px;}
.warrtyItem .witem{margin-bottom: 1%;position: relative;}
.warrtyItem .witem:before{ position: absolute;left: 40px;bottom: 0;content: '';top: 90px;width: 1px;background: #D0D0D0;}
.warrtyItem .witem:after{ position: absolute;left: 38px;bottom: 0;content: '';width: 5px;height: 5px;background: #d0d0d0;border-radius: 5px;}
.warrtyItem .xh:after{ position: absolute;bottom: -10px;left: 37px;content: '';width: 5px;height: 5px;background: #d0d0d0;border-radius: 5px;}
.tranImgs .tig{width: 25%;text-align: center;}
.tranImgs .sm{font-size: 0;border-bottom: 1px solid #d0d0d0;margin-bottom: 30px;}
.tranImgs .big{margin: 0 15px;border: 1px solid #d0d0d0;}
.tranImgs .big img{display: block;width: 100%;}
.tranImgs{margin: 3% 0 5% 0;position: relative;}
.tranImgs:before{position: absolute;left: 0;content: '';top: 30px;width: 6px;height: 6px;border: 1px solid #d0d0d0;border-radius: 6px;background: #fff;}
.tranImgs:after{position: absolute;right: 0;content: '';top: 30px;width: 6px;height: 6px;border: 1px solid #d0d0d0;border-radius: 6px;background: #fff;}
.installFlex .imgs{ position: relative;width: 22.5%;margin-right: 4%;border: 1px solid #D0D0D0;}
.installFlex .imgs:before{position: absolute;left: 10px;top: 10px;width: 100%;height: 100%;border: 1px solid #571675;content: '';}
.inImgs{background: rgba(206,206,206,.7);padding: 2% 0 2% 20%;width: 100%;position: relative;left: -20%;z-index: 5;margin-top: 3%;border-bottom: 5px solid #571675;}
.inImgs .fwt{width: 25%;}
.inImgs .fwt img{width: 50px;margin-right: 10px;}
.mNews dd .alink{overflow: hidden;padding: 2% 0;position: relative;}
.mNews dd .alink:after{position: absolute;left: 50px;margin-left: 2%;bottom: 0;content: '';border-top: 1px solid #d0d0d0;right: 0;}
.mNews .date{width: 50px;text-align: center;background: #cecece;line-height: 30px;margin-right: 2%;font-weight: bold;}
.mNews .date .d1{padding: 7px 0;background: #f2f2f2;}
.mNews .scaleImg{width: 32%;margin-left: 2%;min-width: 270px;}
.mNews .moreSpan{display: inline-block;background: #cecece;padding:2px 5px;font-size: 14px;margin-top: 2%;font-weight: bold;}
.mNews .tit{line-height: 1.2;margin-bottom: 1.2%;}
.mNews dd:nth-child(1) .alink{padding-top: 0;}
.brandSc a{display: inline-block;border: 1px solid #999;border-radius: 30px;padding: 0 15px;margin:0 5px 15px 5px;line-height: 28px;}
.brandSc a.on{background: #571675;border-color: #571675;color: #E79F26;}
.conKind{ margin-top: 50px;}
.conCon{padding:10px 20px;}
.colore79f26{color: #e79f26;}
.conCon .iconfont{margin-right: 8px;}
.conCon .cc{padding: 5px 0;}
.clearTop{ margin-bottom: 3%;}
.proIndex dd .asc{padding-top: 5px;}
.mapQH{padding: 2% 0 0 0;}
.manyMaps{width: 300px;max-width: 30%;margin-right: 10px;margin-top: 40px;}
.manyMaps img{display: none;width: 100%;}
.manyMaps img.on{display: block;}
.visitCS dd{ margin-bottom: 2%;overflow: hidden;padding-left: 50px;position: relative;border: 0;}
.visitCS dd:before{ position: absolute;left: 50px;right: 0;bottom: 0;border-top: 1px solid #666;content: '';}
.visitCS dd:nth-child(2),.visitCS dd:nth-child(5){margin-left: 2%;}
.visitCS dd:nth-child(3),.visitCS dd:nth-child(4){margin-left: 4%;}
.visitCS dd .iconImg{position: absolute;left: 0;top: 0;width: 40px;}
.visitCS dd .iconImg img{display: block;width: 100%;}
.visitCS dd .iconImg .img2{display: none;}
.visitCS dd.on .iconImg .img2{display: block;}
.visitCS dd.on .iconImg .img1{display: none;}
.visitCS dd .visHeight a.on{color: #640b8d;}
.visitCS dd.on .fl{color: #440462;}

.mapVis{ position: relative;width: 86%;margin:0 auto 2% auto;}
.sixMap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.sixMap img{display: none;width: 100%;}
.sixMap img.on{display: block;}
.visitMap{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.visitiContent{display: none;z-index: 6; position: absolute;text-align: center;width: 780px;padding: 10px;top: 100%;left: 50%;margin-left: -200px;}
.visitMap dd:nth-child(2) .visitiContent{left: auto; right: 50%;margin-right: -200px;}
.visitiContent .visiSon{display: inline-block;min-height: 200px; padding: 15px; vertical-align: top;background: rgba(255,255,255,.95);border: 1px solid #E3E3E3;text-align: left;}
.visitiContent .visiSon >a{display: inline-block;vertical-align: top;font-size: 14px;padding: 8px 16px 8px 0;}


.visitMap dd{position: absolute;margin-left: -18px;margin-top: -18px;}
.visitLink:before{position: absolute;z-index: 1; width: 20px;height: 20px;content: '';background: #fff;border-radius: 50%;left: 8px;top: 3px;}
.visitMap dd .visitLink .iconfont{ z-index: 2;position: relative; font-size: 36px; line-height: 36px;width: 36px; display: block;text-align: center;}
.visitMap dd .tit{position: absolute;right: 15px;top: 1px;white-space: nowrap;padding:2px 25px 2px 35px;font-size: 16px;  background: rgba(0,0,0,.1);background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.25));}
.visitLink{position: relative;color: #222; cursor: pointer;transition: .5s;transform-origin: center bottom;-webkit-transition: .5s;-webkit-transform-origin: center bottom;}
.visitMap dd.on .visitLink{transform: scale(1.3);-webkit-transform: scale(1.3);color: #e79f26;}
.visitMap dd.on .visitLink .tit{background: linear-gradient(to right,rgba(255,255,255,0),rgba(0,0,0,.2));text-shadow: 1px 1px 0.5px #333;}
.visitMap dd:nth-child(1){ left: 13%;top: 65%;}
.visitMap dd:nth-child(2){ left: 82%;top: 42%;}
.visitMap dd:nth-child(3){ left: 33%;top: 38%;}
.visitMap dd:nth-child(4){ left: 14%;top: 32%;}
.visitMap dd:nth-child(5){ left: 20%;top: 47%;}
.visitMap dd:nth-child(6){ left: 43%;top: 82%;}
.newsFl .detailTeam dd{width: auto;}
.detailTeam{width: 52.5%;margin-right: 3%;}
.listLink >p{min-width: 30%;}
.xinwenFour{width: 101%;}
.xinwenFour dd{width: 24%;margin: 0 1% 1% 0;}



@media only screen and (max-width:1480px ) {
	.proBan dd>a{ padding: 6px 15px;}
	.listLeft{ width: 270px;}
	.headers{border-width: 5px;}
	.eprodDL dd .tit{width: auto;padding: 0 5px;}
}

@media only screen and (min-width:1380px ) {
	.aboutOf .fi p{ padding: 7% 0;}
	.btTexts{min-height: 258px;}
	.dtChange span{font-size: 16px;}
	.mcCate .mc{width: 22%; margin-bottom: 1.5%;}
}
@media only screen and (max-width:1200px ) {
	.teamDL dd{width: 49%;}
	.inImgs{width: auto;left: 0;padding:2%;}
	.inImgs .fwt img{width: 30px;margin-right: 5px;}
}

@media only screen and (min-width: 1060px){
	.brandDL dd>a:hover:before{background: rgba(87,21,118,.75);}
	.sonAlert .manyKind >a{ min-width: 120px;}
	.banner .links .mores:hover{background: #fff;color: #571675;}
	.readMore .rm:hover .text{background: #571675;}
	.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;}
	.trans5,.ckNres dd .imgs img,.ckNres dd .imgs:after{transition: 1s;-webkit-transition: 1s;}
	.proIndex dd,.teamDL dd,.openClick,.aMores,.teamDL dd .inText,.openClick i,.centerBtn .btn,.proIndex dd .tit{transition: .5s;-webkit-transition: .5s;}
	.openMp4:hover .openClick i{transform: scale(1.5);color: #571675;}
    .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: #e9e9e9;}
	.sharesApp .sh:hover{background: #571675;}
	a.Aback{ margin-right: 4px;}
	a.Aback:hover{background: #000;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: #571675;}
	.viewMore a:hover{background: #666;color: #fff;}
	.proIndex dd .inqu .flex1:hover{opacity: .7;}
	.proIndex dd .inqu .flex1{ font-size: 14px;}
	.publicMore:hover{background: #571675;color: #fff;border-color: #571675;}
	.forms .publicText,.mNews dd .moreSpan,.mNews dd .d2,.eprodDL dd .imgs img,.newThree dd:after,.readMore .rm .fr .op,.videosDL dd .txt,.swiperJT{transition: .5s;-webkit-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: #571675;}
	.xinwen dd >a:hover{border-color: #571675;}
	.videosDL dd:hover .txt{border-color: #571675;}
	.dazhouItem:hover .itmCS:before{width: 100%;}
	.dazhouItem:hover .itmCS{color: #571675;}
	.reSearch .scBtn:hover{background: #571675;color: #FFF;border-color: #571675;}
	.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:hover:after{ left: 0;width: 100%;}
	.newsDot{ cursor: pointer;transition: .5s;}
	.newsDot:hover{background: #571675;color: #fff;}
	.clickBtn .bt:hover{background: #ffd200;color: #333;}
	.mailBtn a:hover{border-color: #571675;color: #571675;}
	.proList dd:hover{border-color: #571675;}
	.visitMap dd:hover .visitLink{transform: scale(1.3);-webkit-transform: scale(1.3);color: #e79f26;}
	.visitMap dd:hover .visitLink .tit{background: linear-gradient(to right,rgba(255,255,255,0),rgba(0,0,0,.2));text-shadow: 1px 1px 0.5px #333;}
	.listLeft .items:hover> .flBrand{display: block;}
	.listLeft .items:hover .one:before{width: 100%;}
	.threeItems:hover .flBrand{display: block;}
	.threeItems:hover .three{color: #571675;}
	.proList dd .ticot:hover,.proIndex dd .cs:hover,.proIndex dd .cs:hover span{color: #571675;}
	.proIndex dd:hover>a,.proIndex dd:hover .inqu{border-color: #571675;}
	.aMores:hover{background: #571675;color: #e79f26;}
	.eprodDL dd:hover .imgs img,.ckNres dd:hover .imgs img{transform: scale(1.05);-webkit-transform: scale(1.05);}
	.ckNres dd:hover .imgs:after{opacity: .6;}
	.ckNres dd:hover .tops{transform: translate(0,0);-webkit-transform: translate(0,0);opacity: 1;}
	.ckNres dd:hover .bots .tit{opacity: 0;transform: translate(0,-100%);}
	
	.publicLink .item:hover{background: #571675;color: #e79f26;}
	.aboutFlex .leftImg:hover .openClick{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.teamDL dd:hover{border-color: #571675;}
	.mNews dd:hover .moreSpan{background: #571675;color: #fff;}
	.mNews dd:hover .d2{background: #571675;color: #E79F26;}
	.hotDL dd:hover:before{color: #571675;}
	.acback:hover{background: #E79F26;color: #571675;}
	.brandSc a:hover{background: #571675;border-color: #571675;color: #E79F26;}
	.twoSon .threeItem:hover,.twoItems .two:hover{color: #e79f26;}
	.proIndex dd .inqu .imk:hover{background: #571675;border-color: #571675;color: #fff;}
	.forms .publicText:focus,.forms .publicArea:focus{border-color: #E79F26;}
	.visitMap dd:hover .visitiContent{display: block;}
}
@media only screen and (max-width:1060px ) {
	.listLeft {position: fixed;float: none;margin: 0; display: none; width: auto; left: 0;right: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;top: 65px;bottom: 0;z-index: 48;background: rgba(0,0,0,.5);padding: 0;background: #E3E3E3;}
    .mangsKind{max-width: 500px; width: auto;background: #E3E3E3;height: auto;margin-right: 40px;}
    .conKind{ margin-top: 0;}
    .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: #571675;}
    .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: 23%;}
	.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: 48%;}
	.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: #571675;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%;}
	
	.readList .autowidth{ width: auto;max-width: 100%;}
	.openVideo,.openClick{font-size: 36px;margin-top: -18px;}
	.newsFl{ width: 68%;margin-right: 2%;}
	.mNews .scaleImg{min-width: 200px;}
	.proIndex dd{width: 48%;}
	.mapVis{width: auto;}
	.visitLink{transform: scale(0.7);}
	.visitMap dd.on .visitLink{transform: scale(0.8);}
	
	.visitiContent{ position: fixed;left: 0;right: 0;top: 62px;bottom: 0;z-index: 50;margin: 0;background: rgba(0,0,0,.5);width: auto;}
	.closeCase{display: block;color: #fff;text-align: right;}
	.closeCase i{display: inline-block;line-height: 1; vertical-align: top;background: #F47C22;padding: 8px;font-size: 16px;}
	.visitiContent .visiSon{overflow-y: auto;-webkit-overflow-scrolling: touch;max-height: calc(100% - 70px);}
	.visitMap dd.on .visitiContent{display: block;}
	.visitiContent .visiSon >a{line-height: 1.2;}
	.teamFlex {display: block;}
	.detailTeam{width: auto;margin: 0 0 2% 0;}
}

@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: 36px;}
    .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;}
    .closeCase{display: block;}
    .visHeight .addFloor a{ padding: 5px 10px;}
    .addFloor{max-height: calc(100% - 50px);overflow-y: auto;-webkit-overflow-scrolling: touch;}
    
    .eprodDL dd{ width: 25%; margin-bottom: 2%;}
    .aboutFlex {display: block;}
    .aboutFlex .leftImg{width: auto;margin: 0;}
    .snsSix .img img{ height: 40px;}
    .snsSix .txt{font-size: 12px;height: 40px;}
    .warrtyItem .witem .rts{display: block;}
    .warrtyItem .img{max-width: 100%;}
    .warrtyItem .witem{margin-bottom: 20px;}
    .installFlex {display: block;}
    .installFlex .imgs{width: 95%;margin: 0 0 20px 0;}
    .newsFl{ float: none;width: auto; margin: 0;}
    .brandDL{padding: 2% 0 2% 2%}
    
   
    .fenleiIco{display: block;padding: 10px 0;margin-bottom: 10px;}
    .closeList{ position: fixed; right: 0;top: 50%;text-align: center;line-height: 40px;color: #fff;font-size: 20px;width: 40px;text-align: center;display: block;background: #571675;}
    .lunboFl{ float: none;width: auto;margin: 0  0 2% 0;}
    .clearTopBot {display: block;}
    .detailsRight{float: none;width: auto;margin: 0;}
    .pubilcMenu{padding: 12px 0;}
	.publicLink .item{min-width: 0; margin: 0 8px 0 0;padding: 0 8px;}
	.publicLink {width: 100%;}
	.mapQH{display: block;}
	.manyMaps{width: auto;max-width: 300px;margin:0 auto 20px auto;display: none;}
	.visitCS dd{ margin-left: 0 !important;}
	.visitCS dd .visHeight a{padding-right: 10px;}
	.visitCS dd .visHeight{overflow: visible;}

}
@media only screen and (min-width:767px ) {
	.detailsRight .proIndex dd{width: 100%;margin-bottom: 0;}
	.detailsRight .proIndex dd{border-top: 0;}
}
.banner .swiper-slide .blockImg.wap{display: none;}
@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: 100%;width: 100%;position: relative;}
	.banner .swiper-slide .blockImg.pc{display: none;}
	.banner .swiper-slide .blockImg.wap{display: block;}
	
	.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: 48.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;}
	.xinwen dd .max4{line-height: 20px;}
	.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;}
	.indexNews:before{ border-width: 20px; margin-left: -20px;}
	.newsDot{ width: 26px;font-size: 14px;line-height: 40px;margin-top: -40px;}
	
	.ckNres dd{ width: 50%;}
	.successNews {display: block;}
	.successNews .nImg{ width: auto;margin: 0;max-width: 100%;}
	.ckNres dd>a{border-bottom: 1px solid #fff;}
	.aMores{padding: 0 30px;font-size: 16px;}
	.openVideo{ font-size: 36px;margin-top: -18px;}
	
	.inImgs .fwt{width: 50%;padding: 2% 0;}
	.mNews dd .cot{display: block;}
	.mNews .scaleImg{min-width: 100%;margin-bottom: 15px;margin-left: 0;}
	.mNews dd .alink{padding: 15px 0;}
	
}
@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: 31%;}
	.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: 5px;font-size: 12px;}
	.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{ width: 48%;}
	.indexPd dd{ width: 50%;padding-top: 40%;}
	.eprodDL dd .tit{ font-size: 12px;}
	.ourTeamDL dd{flex: inherit;-webkit-flex: inherit;width: 48%; margin-bottom: 3%;}
	.ourTeamDL dt{display: none;}
	.ourTeamDL dd .tit{line-height: 16px;min-height: 32px;font-size: 14px;}
	.ourTeamDL .dd3{ width: 56.5%;}
	.ourTeamDL .dd4{ width: 39.5%;}
	.detailsTitle {display: block;}
	.detailsTitle .tit{margin-bottom: 10px;}
	.proIndex dd .inqu .imk{font-size: 10px;}
	.proIndex dd>a{padding: 5px;}
	
}

@media only screen and (max-width:414px ) {
	.teamDL dd .inText{ padding: 5px 5px 5px 10px;}
	.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%;}
	.teamDL .marginBot3{ margin-bottom: 0;}
	.tranImgs .sm{margin-bottom: 10px;}
	.tranImgs .big{margin: 0 5px;}
}


.honorBox{
	margin-top: -60px;
	margin-bottom: 50px;
}
.faqBox{
	margin-top: 50px;
	padding-bottom: 35px;
}
.faqBox ul{
	display: flex;
    flex-wrap: wrap;
}
.faqBox ul li{
	width: calc(50% - 8px);
	margin: 0 4px 8px;
}
.faqBox ul li .liBox{
	width: 100%;
	border: 2px solid #d8d8d8;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: left;
}
.faqBox ul li .tits{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px 0 20px;
	font-size: 18px;
	line-height: 58px;
	color: #3b3b3b;
	cursor: pointer;
}
.faqBox ul li .tits span{
	flex: 1;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow:  ellipsis;
}
.faqBox ul li .tits i{
	width: 15px;
	height: 15px;
	margin-left: 10px;
	display: block;
	background-image: url('../images/jia.png');
	background-position: center;
	background-repeat: no-repeat;
}
.faqBox ul li .tits.on i{
	background-image: url('../images/jian.png');
}
.faqBox ul li .tit{
	font-size: 16px;
	line-height: 23px;
	color: #999;
	padding: 0 55px 10px 20px;
	margin-top: -10px;
	display: none;
}

@media (max-width: 1200px){
	.faqBox ul li .tits{
		font-size: 15px;
		line-height: 42px;
	}
	.faqBox ul li .tits span{
		height: 42px;
	}
	.faqBox ul li .tit{
		font-size: 14px;
		line-height: 20px;
	}
}
@media (max-width: 768px){
	.faqBox{
		padding-bottom: 15px;
	}
	.faqBox ul{
		display: block;
	}
	.faqBox ul li{
		width: 100%;
		margin: 0 0 6px 0;
	}
	.honorBox{
		margin-top: -20px;
		margin-bottom: 20px;
	}
	.faqBox{
		margin-top: 15px;
	}
	.faqBox ul li .liBox{
		border-width: 1px;
	}
	.faqBox ul li .tits{
		padding: 0 15px 0 10px;
	}
	.faqBox ul li .tits i{
		width: 10px;
		height: 10px;
	}
	.faqBox ul li .tit{
		padding: 0 30px 0 10px;
		font-size: 12px;
		line-height: 18px;
	}
}