wenhuayun/app/home/view/szwjs/public/css/public_1229.css

body{
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
	background-color: rgb(247,244,248);
}
input, textarea,select,option{
	outline: none;
	resize: none;
}
ul,li{
	padding: 0;
	margin: 0;
}
div{
	text-transform:uppercase;
}
.lowercase{
	text-transform:lowercase;
}
.fistcase{
	text-transform:capitalize;
}
select,option {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:transparent;
	border:none;
}
option::-ms-expand{ display: none; }
option{
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
	appearance:none;
	border:1px solid rgba(255,255,255,1);
}
.phonediv{
	display: none;
}
/* --背景色字体颜色--*/
option:hover{
	color:#fff;
	background-color:#1E90FF;
}
/**css3弹性盒子布局**/
.modeub
{
	display: -webkit-box !important;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: box !important;
	position:relative;
}
.modeac
{
	-webkit-box-align:center;
	-moz-box-align:center;
	-ms-box-align:center;
	-o-box-align:center;
	box-align:center;
}

.modepc
{
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-box-pack:center;
	-o-box-pack:center;
	box-pack:center;
}

.modever
{
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	-o-box-orient:vertical;
	box-orient:vertical;
}
.modef1
{
	position:relative;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
}
.modef2
{
	position:relative;
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-ms-box-flex: 2;
	-o-box-flex: 2;
	box-flex: 2;
}
.modef3
{
	position:relative;
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-ms-box-flex: 3;
	-o-box-flex: 3;
	box-flex: 3;
}
.modef4
{
	position:relative;
	-webkit-box-flex: 4;
	-moz-box-flex: 4;
	-ms-box-flex: 4;
	-o-box-flex: 4;
	box-flex: 4;
}
.modeae
{
	-webkit-box-align:end;
	box-align:end;
}
.modepe
{
	-webkit-box-align:end;
	-moz-box-align:end;
	-ms-box-align:end;
	-o-box-align:end;
	box-align:end;
}
.modepj
{
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-ms-box-pack:justify;
	-o-box-pack:justify;
	box-pack:justify;
}
.divhidden{
	overflow: hidden;
}
.contenter{
	margin: 0;
	padding: 0;
}
.content{
	max-width: 1200px;
	margin: 0 auto;
}
/*********首页*********/
.guidebg{
	/* background-color: #eb600b; */
	background-color: rgb(224,224,224);
}
.guidehg{
	height:34px;
}
.guideclor{
	/* color: rgb(247,244,248); */
	color: rgb(71,71,71);
}
.guideleft{
	float: left;
}
.guideright{
	float: right;
}
.guidemenu{
	font-size: 12px;
}
.guideline {
	line-height: 34px;
}
.guidecursor{
	cursor: pointer;
}
.guidecursor a{
	color: rgb(71,71,71);
	text-decoration: none;
}
.guidecursor a:hover{
	text-decoration:underline;
}
.segment{
	margin: 0 9px;
}
.logobg{
	background-color: rgb(255,255,255);
}
.logohg{
	height: 82px;
	z-index: 100;
	position: relative;
}
.logoleft{
	width: 230px;
	height: 54px;
	margin: 14px 0 ;
	cursor: pointer;
}
.logoimg{
	background-image: url("../images/logo.png");
}
.logobackimg{
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.logosearch{
	width: 230px;
	height: 32px;
	margin: 25px 0;
}
.searchbody{
	border: 1px solid rgb(236,212,210);
}
.search{
	border-radius: 20px;
	height: 30px;
}
.search input{
	border: none;
	width: 172px;
	height: 23px;
}
.search input::-webkit-input-placeholder {
	color: rgb(196,195,194);
}
.search input:-moz-placeholder {
	color: rgb(196,195,194);
}
.search input::-moz-placeholder {
	color: rgb(196,195,194);
}
.search input:-ms-input-placeholder {
	color: rgb(196,195,194);
}
.searchpadding{
	padding: 2px 10px;
}
.searchicon{
	color: rgb(191,54,40);
	line-height: 30px;
	cursor: pointer;
}
.iconpadding{
	padding: 0 20px 0  0;
}
.menubg{
	background-color: rgb(191,54,40);
}
.menuhg{
	height: 52px;
	z-index: 100;
	position: relative;
}
.menuul{
	font-size: 14px;
}
.menuline{
	height: 24px;
	padding: 14px 0;
	line-height: 24px;
}
.menuline li {
	list-style-type:none;
}
.menumr{
	margin-right:43px
}
.menuactive{
	height: 24px;
	background-color: rgb(255,255,255);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 12px;
}
.activecolor{
	color: rgb(191,54,40);
}
.banner{
	/* height: 412px; */
}
.bannerimg{
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.service{
	width: 280px;
	height: 57px;
	background-color: rgba(251,118,88,0.8);
	position: fixed;
	top: 60%;
	z-index: 9999;
}
.serviceradius{
	-webkit-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius:50px;
	border-bottom-right-radius: 50px;
	cursor: pointer;
}
.iconcolor{
	color: rgb(255,255,255);
}
.serviceIcon{
	line-height: 57px;
	text-align: center;
	font-size: 31px !important;
}
.servicetitle{
	margin-left: 17px;
	line-height: 57px;
}
.servicebg{
	background-image: url(../images/servicebg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.fiveservice{
	padding-top: 32px;
}
.fivediv{
	width: 224px;
	height: 288px;
	cursor: pointer;
}
.fivemr{
	margin-right: 20px;
}
.fivebg{

}
.fivecircle{
	width:132px;
	height:132px;
	border: 1px solid #1A1A34;
	-webkit-border-radius: 132px;
	border-radius: 132px;
	margin: 40px 46px 24px 46px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.texture{
	width: 88px;
	height: 88px;
	background-image: url(../images/texture.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.fivetitle{
	font-size:18px;
	color:rgba(77,77,77,1);
	text-align: center;
}
.fivedescribe{
	font-size:10px;
	color:rgba(128,128,128,1);
	text-align: center;
	margin-top: 11px;
	margin-right: 40px;
	margin-left: 40px;
}
.fiveiconcolor{
	color:rgba(227,48,29,1);
}
.fiveiconone{
	font-size: 36px !important;
}
.fiveicontow{
	font-size: 40px !important;
}
.fiveiconthree{
	font-size: 32px !important;
}
.fiveiconfour{
	font-size: 38px !important;
}
.fiveiconfive{
	font-size: 36px !important;
}
.market{
	padding-top: 86px;
}
.markettitle{
	font-size:24px;
	color:rgba(51,51,51,1);
}
.marketsegment{
	font-size:12px;
	color:rgba(128,128,128,1);
	line-height: 34px;
}
.marketsearch{
	width: 260px;
	height: 40px;
	background:rgba(255,255,255,1);
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.marketinputp{
	padding: 5px 0 5px 20px;
}
.marketinputp input{
	border: none;
	height: 30px;
	width: 189px;
	color:rgba(102,102,102,1);
	font-size: 12px;
}
.marketinputp input::-webkit-input-placeholder {
	color:rgba(102,102,102,1);
}
.marketinputp input:-moz-placeholder {
	color:rgba(102,102,102,1);
}
.marketinputp input::-moz-placeholder {
	color:rgba(102,102,102,1);
}
.marketinputp input:-ms-input-placeholder {
	color:rgba(102,102,102,1);
}
.marketsearchIcon{
	font-size:23px !important;
	color:rgba(26,26,52,1);
	cursor: pointer;
}
.marketiconp{
	padding:0 14px 0 0;
}
.marketdata{
	padding-top: 40px;
}
.dataleft{
	width: 230px;
	height: 300px;
	background:rgba(12,172,239,1);
	opacity:0.88;
	filter: Alpha(opacity=50);
	position: static;
	*zoom: 1;
}
.triangle-bottomleft{
	width: 0;
	height: 0;
	border-bottom: 10px solid rgb(30,104,135);
	border-right: 10px solid transparent;
	position: relative;
	left: 230px;
	top: 10px;
}
.triangle-topleft {
	width: 0;
	height: 0;
	border-top: 10px solid rgb(30,104,135);
	border-right: 10px solid transparent;
	position: relative;
	left: 230px;
	top: -10px;
}
.dataright{
	width:970px;
	height:280px;
	background:rgba(255,255,255,1);
	opacity:0.88;
}
.datacon{
	display:flex;
	justify-content:center;
	align-items:center;
}
.datamenu{
	width: 230px;
	height: 100px;
	color: rgb(247,244,248);
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
}
.datamenuactive{
	background:rgba(15,113,195,1);
	position: relative;
}
.datatitle{
	font-size: 16px;
	width: 145px;
	text-align: center;
}
.datajiantou{
	font-size: 8px !important;
	color: rgb(255,255,255);
	line-height: 21px;
}
.databody{
	padding: 57px 47px;
}
.databodydes{
	font-size:16px;
	color:rgba(51,51,51,1);
}
.dataunit{
	color: rgb(160,160,160);
}
.dataline{
	margin: 0 9px;
}
.dataprice{
	font-size:28px;
	color:rgba(253,37,15,1);
}
.datawidth{
	width: 219px;
}
.databody .datawidth:nth-of-type(5), .datawidth:nth-of-type(6), .datawidth:nth-of-type(7), .datawidth:nth-of-type(8){
	margin-top: 48px;
}
.datamenuborder{
	border-top: 1px solid rgba(24,137,185,1);
	border-bottom: 1px solid rgba(24,137,185,1);
}
.triangle-hexbottomleft{
	width: 0;
	height: 0;
	border-bottom: 10px solid rgba(164,78,30,1);
	border-right: 10px solid transparent;
	position: relative;
	left: 230px;
	top: 10px;
}
.triangle-hextopleft{
	width: 0;
	height: 0;
	border-top: 10px solid rgba(164,78,30,1);
	border-right: 10px solid transparent;
	position: relative;
	left: 230px;
	top: -10px;
}
.dataservice{
	width: 230px;
	height: 492px;
	background:rgba(255,128,56,1);
	opacity:0.88;
	filter: Alpha(opacity=50);
	position: static;
	*zoom: 1;
}
.dataservicecon{
	width: 970px;
	height: 472px;
	background:rgba(255,255,255,1);
	opacity:0.88;
}
.dataservicemenu{
	height: 248px;
	color: rgb(247,244,248);
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
}
.dataserviceactive{
	background:rgba(240,60,24,1);
	position: relative;
}
.dataservicemenuborder{
	border-top: 1px solid rgba(221,112,51,1);
	border-bottom: 1px solid rgba(221,112,51,1);
}
.dataservicebody{
	padding:28px 31px;
}
.servicemenutitle{
	font-size:14px;
	color:rgba(128,128,128,1);
	background:rgba(240,240,240,1);
	border-radius: 2px;
	padding: 8px;
	margin-right: 20px;
	cursor: pointer;
}
.activemenutitle{
	font-size:14px;
	color:rgba(255,255,255,1);
	background:rgba(244,75,37,1);
	border-radius: 2px
}
.servicetable{
	margin-top:30px;
}
.servicetable table{

}
.servicetable table th{
	padding: 15px 0;
}
.tabletitle{
	font-size:14px;
	color:rgba(128,128,128,1);
}
.tabledes{
	font-size:14px;
	color:rgba(26,26,26,1);
}
.servicetable table td{
	border-top: 1px solid rgba(245,245,245,1);
	padding: 15px 0;
}
.servicecon{
	padding-bottom: 40px;
}
.contentwhile{
	background-color: rgba(255,255,255,1);
}
.adcon{
	padding: 80px 0;
}
.adleft{
	width: 420px;
	height: 390px;
}
.adlefttop{
	width:420px;
	height:190px;
}
.adleftimg{
	background-position: center top;
	/* background-size: 100% 100%; */

	background-repeat: no-repeat;
}
.adlefttopimg{
	background-image: url(../images/rubbish/ad01.png);
}
.albg{
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.6);
	filter: Alpha(opacity=60);
	position: static;
	*zoom: 1;
}
.adtitle{
	position: relative;
	font-size:24px;
	color:rgba(255,255,255,1);
	height: 100%;
	cursor: pointer;

}
.updowleftright{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:center;
	box-pack:center;
}
.addes{
	font-size:10px;
	color:rgba(148,148,148,1);
}
.adleftbottom{
	margin-top: 10px;
}
.adcenter{
	width: 407px;
	height: 390px;
	margin-left: 10px;
	margin-right: 10px;
}
.adcentercenter{
	width: 407px;
	height: 390px;
}
.adcentertop{
	width: 407px;
	height:195px;
}
.aiicon{
	font-size: 50px !important;
}
.adright{
	width: 353px;
	height: 390px;
}
.adright2{
	width: 353px;
	height: 390px;
}
.adrighttop{
	width:100%;
	height:130px;
}
.newstitleleft{
	font-size:24px;
	color:rgba(51,51,51,1);
}
.newsline{
	margin: 0 9px;
	font-size:12px;
	color:rgba(128,128,128,1);
	line-height: 40px;
}
.newstitledes{
	font-size:12px;
	color:rgba(128,128,128,1);
	line-height: 40px;
}
.newsrighttitle{
	font-size:18px;
	color:rgba(51,51,51,1);
	cursor: pointer;
}
.newsrightwt{
	margin-left: 34px;
}
.newsrightactive{
	color:rgba(244,75,37,1);
}
.newstitle{
	border-bottom: 1px solid rgba(245,245,245,1);
	padding-bottom:9px;
	padding-right: 19px;
}
.newsbody{
	margin-top: 40px;
}
.newsleft{
	width: 506px;
	height: 300px;
	margin-right:60px;
	text-align:center;
}
.newsleft img{max-width:100%;}
.newsimg{
	background-image: url(../images/rubbish/newsimg.png);
}
.newsrighttop{

}
.newsright {
	width: 624px;
	padding-right: 10px;
}
.icontitle{
	width: 530px;
	margin-left: 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.newsicontitle{
	color:rgba(51,51,51,1);
	cursor: pointer;
	/**display:flex;
   justify-content:center;
   align-items:center;*/
}
.iocnfontsize{
	font-size: 9px !important;
	font-weight: bold;
}
.newstime{
	font-size:12px;
	color:rgba(128,128,128,1);
	line-height: 20px;
}
.newscon{
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:24px;
	margin: 17px 0 20px 20px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(245,245,245,1);
	cursor: pointer;
}
.newsactive{
	color:rgba(240,60,24,1) ;
}
.newsactive2{
	color:rgba(240,60,24,1) !important ;
}
.newsactive2 .norimg{
	background-image: url(../images/select.png) !important;
}
.icontitle-ml5{
	margin-left: 5px;
}
.rightmargin{
	margin-bottom: 25px;
}
.moreline{
	border-bottom: 1px solid rgba(245,245,245,1);
	width: 507px;
	margin: 12px 47px 0 20px;
}
.morepage{
	font-size:14px;
	color:rgba(26,26,52,1);
}
.news{
	padding-bottom:40px;
}
.businessbg{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
.businessbgimg{
	background-image: url(../images/businessbg.png);
}
.businesspadding{
	padding: 39px 0 50px 0;
}
.businesstitle{
	padding-bottom:19px;
}
.businessleft{
	width: 232px;
	height: 290px;
	margin-right: 10px;
	cursor: pointer;
}
.businessimg{
	height: 188px;
}
.businessimgages{
	background-image: url(../images/rubbish/business01.png);
}
.businessbottom{
	height: 122px;
	margin-top: -20px;
	padding: 0 15px;
}
.businessbottomimg01{
	background-image: url(../images/businessbg01.png);
}
.businessbottomimg02{
	background-image: url(../images/businessbg02.png);
}
.businessbottomimg03{
	background-image: url(../images/businessbg03.png);
}
.businessheadline{
	font-size:18px;
	color:rgba(51,51,51,1);
}
.businessdes{
	font-size:8px;
	color:rgba(51,51,51,1);
	line-height:10px;
	margin-top: 12px;
}
.businessubpc{
	display: -webkit-box !important;
	display: box !important;
	position:relative;-webkit-box-orient:vertical;
	box-orient:vertical;-webkit-box-pack:center;
	box-pack:center;
}
.businessright{
	width: 474px;
	height: 290px;
}
.businessright table{

}
.businessright table thead{
	background:rgba(26,26,52,1);
}
.businessright table thead tr{
	height:40px;
}
.businessright table thead th{
	font-size:14px;
	color:rgba(144,144,154,1);
}
.businessright table tbody{
	height:250px;
}
.businessright table tbody tr{
	text-align: center;
	cursor: pointer;
	line-height: 50px;
}
.businessright table tbody tr{
	font-size:12px;
	color:rgba(102,102,102,1);
}
.tablebg{
	background:rgba(255,255,255,0.6);
	filter: Alpha(opacity=60);
	position: static;
	*zoom: 1;
}
.fistmenumode{
	font-size:18px;
	font-family:PingFangSC-Regular;
	color:rgba(51,51,51,1);
	line-height:72px;
	margin-right: 35px;
	cursor: pointer;
}
.fistmanuactive{
	background-image: url(../images/fistmanuactive.png);
	background-position:bottom center;
	background-repeat: no-repeat;
	background-size: auto;
	color:rgba(244,75,37,1);
}
.fistmenu{
	height: 72px;
	background-color:rgba(240,240,240,0.88);
	padding: 0 0 0 71px;
}
.mode{
	width: 282px;
	height: 159px;
	background:rgba(255,255,255,1);
	opacity:0.88;
	cursor: pointer;
}
.mode .tobig-img:hover{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	z-index: 3000;
	transition:All 0.4s ease-in-out;
  -webkit-transition:All 0.4s ease-in-out;
  -moz-transition:All 0.4s ease-in-out;
  -o-transition:All 0.4s ease-in-out;
}
.modemargintop{
	margin-top: 30px;
}
.modemarginright{
	margin-right: 24px;
}
.modeborder01{
	border-top: 5px solid rgba(255,175,63,1);
}
.modeborder02{
	border-top: 5px solid rgba(254,108,113,1);
}
.modeborder03{
	border-top: 5px solid rgba(89,208,108,1);
}
.modeborder04{
	border-top: 5px solid rgba(52,103,236,1);
}
.modeborder05{
	border-top: 5px solid rgba(126,52,236,1);
}
.modeborder06{
	border-top: 5px solid rgba(89,208,198,1);
}
.modeborder07{
	border-top: 5px solid rgba(62,159,255,1);
}
.modeborder08{
	border-top: 5px solid rgba(255,212,63,1);
}
.modeicon01{
	width: 76px;
	height: 76px;
	background-image: url(../images/modeicon01.png);
}
.modeicon02{
	width: 68px;
	height: 76px;
	background-image: url(../images/modeicon02.png);
}
.modeicon03{
	width: 68px;
	height: 80px;
	background-image: url(../images/modeicon03.png);
}
.modeicon04{
	width: 80px;
	height: 80px;
	background-image: url(../images/modeicon04.png);
}
.modeicon05{
	width: 76px;
	height: 76px;
	background-image: url(../images/modeicon05.png);
}
.modeicon06{
	width: 72px;
	height: 76px;
	background-image: url(../images/modeicon06.png);
}
.modeicon07{
	width: 68px;
	height: 76px;
	background-image: url(../images/modeicon07.png);
}
.modeicon08{
	width: 76px;
	height: 68px;
	background-image: url(../images/modeicon08.png);
}
.modetitle{
	font-size:16px;
	color:rgba(51,51,51,1);
	margin-top: 22px;
}
.culture{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.cultureimg{
	background-image: url(../images/culture.png);
}
.culturepadding{
	padding: 39px 0  40px 0;
}
.cultureleft{
	width: 282px;
	height: 168px;
	cursor: pointer;
}
.culturebgimg{
	background-image: url(../images/rubbish/culture01.png);
	filter:alpha(Opacity=60);
	position: static;
	*zoom: 1;
}
.culturecon{
	background:rgba(255,255,255,0.6);
	filter: Alpha(opacity=60);
	position: static;
	*zoom: 1;
	height: 64px;
	width: 100%;
	margin-top: 104px;
}
.ubpe{
	display: -webkit-box !important;
	display: box !important;
	position:relative;-webkit-box-pack:end;
	box-pack:end;
}
.culturetitle{
	font-size:18px;
	color:rgba(51,51,51,1);
}
.culturedes{
	font-size:8px;
	color:rgba(129,134,138,1);
	margin-top: 3px;
}
.culturepargin{
	margin-right: 24px;
}
.threemode{
	margin-top: 33px;
}
.threemodeleft{
	width: 386px;
	height: 140px;
	cursor: pointer;
}
.threeimg{
	background-image: url(../images/rubbish/threemode01.png);
}
.threetitle{
	font-size:18px;
	color:rgba(255,255,255,1);
}
.modethree{
	margin-top: 40px;
}
.modethreeleft{
	width: 386px;
	height: 124px;
	cursor: pointer;
}
.modethreeimg{
	background-image: url(../images/rubbish/modethree01.png);

}
.modethreepadding{
	padding-left: 29px;
}
.modethreetitle{
	font-size:18px;
	color:rgba(51,51,51,1);
}
.modethreedes{
	font-size:8px;
	color:rgba(144,144,144,1);
	margin-top: 12px;
}
.updown{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
	-webkit-box-orient:vertical;
	box-orient:vertical;
	-webkit-box-pack:center;
	box-pack:center;
}
.modethreem{
	margin-right: 21px;
}
.fourmode{
	width: 1200px;
	height: 124px;
	padding-top: 40px;
}
.fourmodeimg{
	background-image: url(../images/rubbish/fourmode.png);
}
.fourmodetitle{
	font-size:18px;
	color:rgba(255,255,255,1);
}
.fourmodedes{
	font-size:8px;
	color:rgba(207,165,176,1);
	margin-top: 9px;
}
.fivemode{
	margin-top: 40px;
}
.fivemodelineleft{
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	width: 100px;
	height:6px;
	background:rgba(245,109,79,1);
	opacity:0.4;
}
.fivemodeicon{
	width: 160px;
	height: 160px;
	cursor: pointer;
}
.fivemodeiconimg{
	background-image: url(../images/fivemode01.png);
}
.leftupdownright{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
	-webkit-box-align:center;
	box-align:center;
}
.fivemodelinelefttow{
	width: 120px;
	height:6px;
	background:rgba(245,109,79,1);
	opacity:0.4;
}
.fivemodecircle{
	border: 5px solid rgba(245,109,79,0.4);
	width: 150px;
	height: 150px;
	-webkit-border-radius: 160px;
	border-radius: 160px ;
	cursor: pointer;
}
.fivemodelineright{
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 100px;
	height:6px;
	background:rgba(245,109,79,1);
	opacity:0.4;
}
.fivemodetitle{
	font-size:20px;
	color:rgba(244,75,37,1);
	margin-top: 21px;
}
.bannerbody{
	/* margin-top: 120px; */
	height: 318px;
}
.bannerservice{
	height: 318px;
	background-image: url(../images/bannerservice.png);
}
.residence{
	margin-top:80px;
}
.residenceleft{
	width: 619px;
	height: 502px;
	margin-right: 61px;
}
.residenceleftimg{
	height: 502px;
	background-image: url(../images/rubbish/residenceleftimg.png);
}
.residenceright{
	width: 520px;
}
.residencerighttitle{
	font-size: 24px;
	text-align: center;
}
.residencerighdes{
	font-size:14px;
	color:rgba(128,128,128,1);
	text-align: center;
}
.residencemenu{
	margin-top: 39px;
	border-bottom: 1px solid rgba(230,236,247,1);
	padding-bottom: 40px;
}
.residencemenubox{
	background:rgba(247,244,248,1);
	border-radius: 2px ;
	padding:9px 14px;
	border: 2px solid rgba(213, 221, 235, 1);
	cursor: pointer;
}
.residencemenuboxtitle {
	color: var(--color);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.residencemenumr{
	margin-right: 40px;
}
.centerleftright{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:center;
	box-pack:center;
}
.residencedes{
	font-size:14px;
	color:rgba(49,56,69,1);
	line-height:24px;
	margin-top: 38px;
}
.ub{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
}
.residencetelicon{
	width: 80px;
	height: 84px;
	background-image: url(../images/residencetel.png);
}
.residencecontact{
	margin-top: 64px;
}
.residennumber{
	font-size:18px;
	color:rgba(51,51,51,1);
	text-transform:lowercase;
}
.residennumberml{
	margin-left: -5px;
}
.residenceemail{
	margin-top: 20px;
	margin-left: 28px;
}
.residenceemailicon{
	background-image: url(../images/residenceemail.png);
	width: 36px;
	height: 26px;
	margin-right: 13px;
}
.codeicon{
	width: 162px;
	height: 162px;
	background-image: url(../images/codeicon.png);
	margin-top: 60px;
}
.residencebody{
	margin-top: 24px;
}
.residencebodyleft{
	width: 282px;
	height: 282px;
	background:rgba(235,236,243,1);
}
.residenceticon{
	background-image: url(../images/rubbish/priceicon01.png);
}
.residenceticonimg{
	width: 282px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.noprice{
	width: 87px;
	height: 87px;
	background-image: url(../images/noprice.png);
}
.residencebodyautor{
	height: 100px;
	background-image:-webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0));
	background-image:linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0));
	margin-top: 95px;
}
.residencebodyautor2{
	height: 100px;
	background-image:-webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0));
	background-image:linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0));
	margin-top: 110px;
}
.residencautor{
	font-size:18px;
	color:rgba(247,244,248,1);
}
.residencautordes{
	font-size:14px;
	color:rgba(239,236,240,1);
}
.residenceticonmr{
	margin-right: 24px;
}
.price{
	width: 114px;
	height: 50px;
	background-image: url(../images/price.png);
	margin-top: 20px;
	margin-left: -10px;
	font-size:20px;
	color:rgba(247,244,248,1);
	text-align: center;
	line-height:38px;
}
.residencebodymore{
	margin-top: 20px;
	width:1200px;
	height:48px;
	background:rgba(235,236,243,1);
}
.gomorepage{
	font-size:16px;
	color:rgba(51,51,51,1);
	cursor: pointer;
}
.banks{
	/* margin-top:30px; */
}
.banksleft{
	width: 600px;
	height: 516px;
	background-image: url(../images/rubbish/banksleft.png);
	margin-right: 61px;
}
.banksright{
	width: 539px;
}
.banksrightdesborder{
	border-bottom: 1px solid rgba(230,236,247,1);
	padding-bottom: 40px;
}
.contantsicon{
	width: 54px;
	height: 134px;
	background-image: url(../images/contantsicon.png);

}
.banksrightnum{
	padding-left: 150px;
	margin-top: 44px;
}
.number{
	font-size:18px;
	color:rgba(51,51,51,1);
}
.telnumber{
	margin-top: 25px;
}
.numberbody2{
	margin-left: -6px;
}
.qqnumber{
	margin-top: 7px;
}
.emailnumber{
	margin-top: 19px;
}
.banksbody{
	margin-top: 40px;
}
.banksbodyleft{
	width: 282px;
	height: 358px;
	cursor: pointer;
}
.banksbodylefticon{
	background-color: rgba(235,236,243,1);
	height: 212px;
}
.banksbodylefticonimg{
	background-image: url(../images/rubbish/priceicon01.png);
}
.banksbodyleftcon{
	height: 146px;
	background-color: rgb(255,255,255);
}
.banksleftcon{
	padding: 20px;

}
.banksleftcontitle{
	font-size:16px;
	color:rgba(51,51,51,1);
}
.banksbar{
	margin-top: 14px;
	height:10px;
	background:rgba(235,236,243,1);
	border-radius: 5px
}
.banksshadow{
	background-image:-webkit-linear-gradient(to right, rgba(239, 99, 22, 1), rgba(236, 179, 42, 1));
	background-image:linear-gradient(to right,rgba(239, 99, 22, 1),rgba(236, 179, 42, 1));
	height:10px;
	border-radius: 5px
}
.banksprice{
	font-size:24px;
	color:rgba(51,51,51,1);
	margin-top: 6px;
	font-weight: lighter;
}
.fontweight{
	font-weight:bolder;
}

.residencemenued{
	margin-top: 25px;
	/* border-bottom: 1px solid rgba(230,236,247,1); */
	/* padding-bottom: 40px; */
}

.residencemenued2{
	position: absolute;
	top: 155px;
	left: 414px;
}
.bankschoub{
	font-size:14px;
	color:rgba(51,51,51,1);
	margin-top: 9px;
	font-weight: lighter;
}
.banksmr{
	margin-right: 24px;
}
.camerimg{
	height: 381px;
	background-image: url(../images/yipaiimg.png);
	margin-top: 80px;
}
.paitop{
	margin-top: 80px;
}
.artfilmtitle{
	border-bottom: 1px solid rgba(230,236,247,1);
	padding-bottom: 19px;
}
.artfilm{
	margin-top: 40px;
}
.artfilmleft{
	width: 282px;
	height: 358px;
	cursor: pointer;
}
.artfilmleftmr{
	margin-right: 24px;
}
.artfilmname{
	height: 100px;
	background-image: -webkit-linear-gradient(360deg, rgba(61,63,75,0.5), rgba(235,236,244,0));
	background-image: linear-gradient(360deg,rgba(61,63,75,0.5),rgba(235,236,244,0));
	top: 112px;
	text-align: center;
	position: relative;
	line-height: 100px;
}
.artfilmpricemtbody{

	padding: 24px;
	background-color: rgba(255,255,255,1);
}
.artfilmtime{
	font-size:14px;
	color:rgba(51,51,51,1);
	text-align: center;
}
.timeartm{
	margin: 0 5px;
	color: rgba(244, 75, 37, 1);
	font-weight: bolder;
}
.artfilmpricemt{
	margin-top: 14px;
}
.artfilmprice{
	width: 77px;
	text-align: center;
}
.artfilmpriceborder{
	border-right: 1px solid rgba(235,236,243,1);
}
.qipai{
	font-size:14px;
	color:rgba(51,51,51,1);
}
.qipaiprice{
	font-size:16px;
	color:rgba(244,75,37,1);
	font-weight: bolder;
	margin-top: 19px;
	padding-bottom: 10px;
}
.shoppingmt{
	margin-top:60px;
}
.shoppingimg{
	height: 200px;
	background-image: url(../images/rubbish/shoppingimg.png);
}
.shopingtitle{
	width:200px;
	height:200px;
	background:rgba(35,61,32,0.8);
}
.shoppingname{
	font-size:40px;
	color:rgba(234,234,244,1);
	font-weight: bolder;
}
.shoppingnameen{
	font-size:14px;
	color:rgba(234,234,244,1);
	margin-top: 18px;
}
.shoppingdes{
	margin-top: 38px;
	font-size:14px;
	font-family:PingFangSC-Light;
	color:rgba(49,56,69,1);
	line-height:24px;
}
.shoppingrefer{
	margin-top: 48px;
	padding-bottom: 20px;
}
.referleft{
	width: 400px;
}
.refertitle{
	font-size:24px;
	font-family:PingFangSC-Light;
	color:rgba(51,51,51,1);
}
.refertel{
	margin-top: 28px;
}
.refertelleft{
	font-size:18px;
	font-family:PingFangSC-Light;
	color:rgba(163,163,163,1);
	line-height:32px;
}
.refertelnumber{
	font-size:18px;
	font-family:PingFangSC-Light;
	color:rgba(51,51,51,1);
	line-height:32px;
	margin-left: 9px;

}
.refertelnumber div{
	text-transform:lowercase;
}
.codeimg{
	width: 132px;
	height: 132px;
	background-image: url(../images/rubbish/code01.png);
}
.codeimg2{
	width: 132px;
	height: 132px;
	background-image: url(../images/rubbish/code02.png);
}
.honor{
	padding-top: 40px;
	padding-bottom:80px;
}
.honorbody{
	/* margin-top: 40px; */
}
.honorbody{
	height: 180px;
}
.honoricon{
	width: 282px;
	height: 180px;
}
.honoriconimg{
	background-image: url(../images/rubbish/honor01.png);
}
.swiper-button-next, .swiper-button-prev{
	width: 66px !important;
	height: 66px !important;
	background:rgba(26,26,52,0.7);
	margin-top: -35px !important;
}
.footertop{
	background:rgba(26,26,52,1);
	padding-top: 60px;
	padding-bottom: 50px;
}
.footertopleft{
	width: 400px;
	margin-right: 120px;
}
.footerborder{
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 17px;
	margin-bottom: 19px;
}
.footeraddressname{
	font-size:30px;
	font-family:PingFangSC-Regular;
	color:rgba(181,181,195,1);
}
.addressnameen{
	font-size:20px;
	font-family:PingFangSC-Ultralight;
	color:rgba(68,68,94,1);
	line-height: 42px;
	margin-left: 152px;
}
.footerdes{
	font-size:14px;
	font-family:PingFangSC-Light;
	color:rgba(143,143,168,1);
	margin-bottom: 15px;
	text-transform:lowercase;
}
.footertopright{

}
.qscode{
	width: 148px;
	height: 148px;
}
.qscodeimg{
	background-image: url(../images/rubbish/qscode.png);
	width: 148px;
	height: 148px;
}
.weixfont{
	color:rgba(255,255,255,1);
	font-size: 24px !important;
}
.weixtop{
	margin-top: 20px;
}
.saoguan{
	font-size:16px;
	font-family:PingFangSC-Thin;
	color:rgba(255,255,255,1);
	margin-left: 15px;
}
.about{
	font-size:16px;
	font-family:PingFangSC-Light;
	color:rgba(82,82,97,1);
	margin-top: 20px;
}
.aboutus{
	color: rgba(112, 112, 151, 1);
	margin-left: 5px;
	cursor: pointer;
}
.footerbottom{
	background:rgba(14,14,42,1);
	padding: 25px 0;
}
.friendline{
	font-size:12px;
	font-family:PingFangSC-Light;
	color:rgba(82,82,97,1);

}
.gongguan{
	width:200px;
	height:200px;
	background:rgba(199,122,46,0.8);
}
.gongguanname{
	font-size:40px;
	font-family:FZDBSJW--GB1-0;
	color:rgba(234,234,244,1);
}
.gongguanen{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(234,234,244,1);
	margin-top: 14px;
}
.touhang{
	width:200px;
	height:200px;
	background:rgba(17,0,0,0.6);
}
.touhname{
	font-size:40px;
	font-family:FZDBSJW--GB1-0;
	color:rgba(234,234,244,1);
}
.touhen{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(234,234,244,1);
	margin-top: 14px;
}
.servicelogo{
	width: 207px;
	height: 43px;
	background-image: url(../images/servicelogo.png);
}
.servicefriend{
	width: 204px;
	height: 25px;
	background-image: url(../images/servicefriend.png);
	margin-top: 24px;
}
.logofriend{
	width: 380px;
	height: 318px;
}
.logofriendmenu{
	height: 318px;
	width: 436px;
}
.menufriend{
	width: 20px;
	height: 109px;
	margin-right: 56px;
	cursor: pointer;
}
.menufriendname{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(98,56,22,1);
	text-align: center;
}
.rightleft{
	-webkit-box-pack:center;
	box-pack:center;
}
.activemenu{
	background-image: url(../images/activemenu.png);
}
.guafontsize{
	font-size: 41px !important;
}
.guafont{
	color: rgba(244,75,37,1);
}
.camerleft{
	width: 600px;
	padding-top: 40px;
}
.camerleftbg{
	width:200px;
	height:200px;
	background:rgba(37,62,101,0.5);
}
.camerlefttitle{
	font-size:40px;
	font-family:FZDBSJW--GB1-0;
	color:rgba(234,234,244,1);
}
.camerleften{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(234,234,244,1);
	margin-top: 19px;
}
.cameright{
	margin: 95px 30px 20px 50px;
	width: 520px;
}
.camerighttop{
	font-size:14px;
	font-family:PingFangSC-Light;
	color:rgba(49,56,69,1);
	line-height:24px;
}
.camerightconstact{
	margin-top: 53px;
}
.rightline{
	border-bottom: 1px solid rgba(49,56,69,1);
	width: 198px;
}
.rightlinetel{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(49,56,69,1);
	margin: 0 30px;
}
.telemail{
	margin-top: 52px;
}
.telcamer{
	width: 275px;
}
.telcolor{
	font-size: 22px !important;
	color: rgba(49,56,69,1);
}
.telfont{
	font-size:16px;
	font-family:PingFangSC-Light;
	color:rgba(51,51,51,1);
	margin-left: 19px;
}
.rightwin{
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 84px;
	z-index: 999;
}
.rightwinmenu{
	background:rgba(255,255,255,1);
	border:1px solid rgba(230, 230, 230, 1);
}
.winmenu{
	width: 84px;
	height: 74px;
	font-size:12px;
	font-family:PingFangSC-Light;
	color:rgba(102,102,102,1);
	cursor: pointer;

}
.winmenuborder{
	border-bottom:1px solid rgba(230, 230, 230, 1);
}
.winicon{
	font-size: 20px !important;
}
.sticktop{
	width: 84px;
	height: 85px;
	margin-top: 11px;
	background:rgba(240,240,240,1);
	display: none;
}
.jiantou{
	font-size: 10px;
	color: rgba(102,102,102,1);
	text-align: center;
	padding-top: 20px;
}
.dingbu{
	font-size:12px;
	font-family:PingFangSC-Light;
	color:rgba(102,102,102,1);
	margin-top: 10px;
	text-align: center;
}
.winactive{
	background:rgba(191,54,40,1);
	color: rgba(255,255,255,1) !important;
	width: 82px;
}
.iconactive{
	color: rgba(255,255,255,1) !important;
}

/**********详情页***********/
.detailsbg{
	background:rgba(255,255,255,1) !important;
}
.detailsbanner{
	height: 156px;
	background-color: rgba(12, 11, 41, 0.44);
	background-image: url(../images/pic.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.tabs{
	height: 64px;
	border-bottom: 1px solid rgba(207,200,208,1);
	border-radius: 1px ;
}
.hometabs{
	font-size: 20px !important;
	color: rgba(27,26,53,1);
	font-weight: bolder;
}
.tabstitle{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(76,76,76,1);
	line-height:22px;
	margin-left: 20px;
}
.tabslast{
	color:rgba(235, 76, 18, 1);
	cursor: pointer;
	margin-left: 0;
}
.backcolor{
	font-size: 20px !important;
	color: rgba(0,0,0,1)
}
.tabslastfont{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:22px;
	margin-left: 10px;
	cursor: pointer;
}
.tabslastfont .backcolor{
	float: left;
	margin-right: 5px;
}
.tabslastfont:hover a, .tabslastfont:hover .backcolor {
	color: rgb(235, 76, 18);
}
.detailstitle{
	font-size:32px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:45px;
	margin-top: 40px;
}
.sharecon{
	width:340px;
	height:42px;
	background:rgba(245,245,245,1);
	border-radius: 4px ;
	margin-top: 32px;
}
.sharetitle{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:20px
}
.jiathis_txt{
	margin-right: 12px !important;
}
.detailscome{
	margin-top: 32px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(244,242,245,1);
	border-radius: 1px ;
}
.comefont{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:22px
}
.comecolor{
	color: rgba(27, 26, 53, 1)
}
.comeml{
	margin-left: 40px;
}
.detailsdes{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:32px;
	margin-top: 40px;
}
.updownpage{
	margin-top: 120px;
	border-bottom: 1px solid rgba(207,200,208,1);
	border-radius: 1px;
	padding-bottom: 40px;
}
.detailsup{
	width:452px;
	height:42px;
	background-image: url(../images/upbg.png);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}
.detailsdown{
	width:452px;
	height:42px;
	background-image: url(../images/downbg.png);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}
.uptitle{
	margin-left: 5px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width: 320px;
}
.upname{
	color: rgba(128, 128, 128, 1);
	padding-left: 40px;
}
.recommend{
	margin-top: 40px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:22px;
	margin-bottom: 32px;
}
.nor{
	width:24px;
	height:24px;
	background-color:rgba(255,255,255,1);
	border-radius: 2px ;
}
.norimg{
	background-image: url(../images/nor.png);
}
.nortitle{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:20px;
	margin-left: 20px;
}
.nortime{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:20px;
	margin-left: 20px;
}
.recommendnor{
	margin-bottom: 24px;
	cursor: pointer;
}
.recommendlist{
	margin-bottom: 80px;
}
/**********本所介绍**********/
.modeleft{
	width: 240px;
}
.modelefttop{
	width: 240px;
	height: 120px;
	margin-top: -60px;
	background:rgba(184,55,32,1);
}
.lefttutitle{
	font-size:24px;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
	line-height:33px;
}
.leften{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(255,255,255,1);
	line-height:20px;
	margin-top: 5px;
}
.modeleftmenu{
	width:240px;
	height:680px;
	background: linear-gradient(180deg, rgba(244,242,245,1) 20%, rgba(244,242,245,0.5) 50%, rgba(244,242,245,0) 80%);
	background:-webkit-gradient(180deg, rgba(244,242,245,1) 20%, rgba(244,242,245,0.5) 50%, rgba(244,242,245,0) 80%);
}
.leftmenu{
	height: 67px;
	border-bottom:  1px dashed  rgba(207, 200, 208, 1);
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:22px;
	cursor: pointer;
}
.modekuai{
	font-size: 21px !important;
	margin-left: 19px;
	margin-right: 40px;
}
.jiesh{
	text-align: right;
}
.modeleftmenuactive{
	color:rgba(235,76,18,1);
}
.moderight{
	margin-left: 36px;
}
.moderighttag{
	height: 60px;
	border-bottom: 1px solid rgba(244,242,245,1);
	border-radius: 1px ;
}
.tagtitle{
	font-size:20px;
	font-family:PingFangSC-Regular;
	color:rgba(235,76,18,1);
	line-height:28px;
}
.tagline{
	margin: 0 10px;
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(235,76,18,1);
	line-height:20px;
}
.moderightnameactive .moderightcheck{
	border: 1px solid rgba(235, 76, 18, 1);
}
.moderightnameactive .linkorange{
	background-image: url(../images/orange.png);
}
.moderightnameactive .jianf{
	content: "\e668";
	color: rgba(235,76,18,1);
	background-image: url(../images/arrowdown.png);
}
.tagtitleen{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(235,76,18,1);
	line-height:20px;
}
.righttagdes{
	margin-top: 20px;
	font-size:12px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:17px;
	margin-bottom: 40px;
}
.arrowup{
	width: 15px;
	height: 15px;
	background-image: url(../images/arrowup.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.moderightcheck{
	width:24px;
	height:24px;
	background:rgba(255,255,255,1);
	border-radius: 2px ;
	border:1px solid rgba(244, 242, 245, 1);
}
.jianf{
	font-size: 12px !important;
	color: rgba(207,200,208,1);
}
.jianfactive{
	color: rgba(235,76,18,1);
}
.moderighttitle{
	height: 38px;
	border-bottom: 1px solid rgba(244,242,245,1);
	border-top: 1px solid rgba(244,242,245,1);
	margin-left: 20px;
	cursor: pointer;
}
.moderightname{
	font-size:16px;
	font-family:PingFangSC-Medium;
	line-height:22px;
	margin-left: 21px;
}
.moderightnamecolor{
	color:rgba(27,26,53,1);
}

.modeintrduce{
	margin-top: 40px;
}
.moderightcheckactive{
	border:1px solid rgba(235, 76, 18, 1);
}
.moderightnameactive{
	color:rgba(235,76,18,1);
}
.modeintrducedes{
	background:rgba(250,250,250,1);
	border-radius: 2px ;
	padding: 20px;
	border:1px solid rgba(244, 242, 245, 1);
	z-index: 9;
	margin-top: -1px;
}

.arrow_box {
	position: relative;
	background: rgba(250,250,250,1);
	border: 1px solid rgba(244, 242, 245, 1);
	width: 100%;
	height: 100%;
	margin: 30px 0 0 0 ;

}
.arrow_box::after,
.arrow_box::before {
	position:absolute;
	content:"";
	height:0;
	width: 0;
	pointer-events: none;
	border: solid transparent;
}
/*top*/
.arrow_box.top::after,
.arrow_box.top::before {
	bottom: 100%;
}

.arrow_box.top::after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgba(250,250,250,1);
	border-width: 10px;
	left: 50px;
	margin-left: -10px;
}
.arrow_box.top::before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color:rgba(244, 242, 245, 1);
	border-width: 11px;
	left: 50px;
	margin-left: -11px;
}
.miaoshu{
	padding: 20px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:22px;
}
.bodymb{
	margin-bottom: 100px;
}
.menuline li{
	cursor: pointer;
}
.adverleft{
	width: 214px;
	cursor: pointer;
}
.adverleftmr{
	margin-right: 16px;
}
.adverleftimg{
	height: 140px;
	background-image: url(../images/rubbish/business01.png);
}
.advercon{
	margin: 21px 0 0 0;
}
.adverleftmb{
	margin-bottom: 40px;
}
.advertitle{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:20px;
	margin-top: 10px;
}
.pagecon{
	margin-top: 40px;
}
.policybody{
	padding: 20px 51px 20px 0;
	cursor: pointer;
}
.policyimg{
	width: 172px;
	height: 140px;
}
.policycenter{
	margin-left: 20px;
}
.centername{
	padding:0 18px;
	height:28px;
	background:rgba(193,160,80,1);
	border-radius: 2px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(245,245,245,1);
	line-height:22px;
}
.centettitle{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:22px;
	margin-left: 10px;
}
.centerdes{
	font-size:14px;
	font-family:PingFangSC-Light;
	color:rgba(27,26,53,1);
	line-height:20px;
	margin-top: 16px;
}
.policyright{
	margin-left: 46px;
}
.policyyear{
	width:100px;
	height:32px;
	border-radius: 4px ;
	border:1px solid rgba(244, 242, 245, 1);
	font-size:18px;
	font-family:PingFangSC-Light;
	color:rgba(193,160,80,1);
	line-height:25px;
}
.policymd{
	font-size:32px;
	font-family:PingFangSC-Thin;
	color:rgba(144,129,95,1);
	line-height:45px;
	margin-top: 10px;
}
.policycontent{
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(244,242,245,1);
	border-radius: 1px ;
	margin-bottom: 40px;
}
.roadlist{
	margin-top: 40px;
	margin-bottom: 120px;
}
.listleft{
	width: 360px;
	cursor: pointer;
}
.listmr{
	margin-right: 32px;
}
.listmb{
	margin-bottom: 40px;
}
.leftlistimg{
	height: 240px;
	background-image: url(../images/rubbish/newsimg.png);
}
.leftlisttitle{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:22px;
	text-align: center;
	margin-top: 10px;
}
.leftlisttime{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:20px;
	margin-top: 10px;
	text-align: center;
}
.listicon{
	font-size: 60px !important;
	color: rgba(255,255,255,0.8);
}
.culturedestop{
	margin-top: 40px;
}
.culturetitle{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;
	text-align: center;
}
.descon{
	font-size:16px;
	font-family:PingFangSC-Light;
	color:rgba(27,26,53,1);
	line-height:32px;
}
.recruitlist{
	margin-top: 32px;
}
.recruitlisttitle{
	font-size:18px;
	font-family:PingFangSC-Medium;

	line-height:25px;
	margin-left: 16px;
}
.recruitlisttime{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:20px;
}
.recruitcon{
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(244,242,245,1);
	margin-bottom: 20px;
	cursor: pointer;
	color:rgba(27,26,53,1);
}
.menulistmt{
	margin-top: 8px;
}
.policieslist{
	margin-top: 32px;
}
.policieslisttext{
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(244,242,245,1);
	font-size:16px;
	font-family:PingFangSC-Regular;

	line-height:22px;
}
.textml{
	margin-left: 60px;
}
.textmr{
	margin-right: 30px;
}
.testwh{
	width: 120px;
	text-align: center;
}
.policiescon{
	margin-top: 22px;
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(244,242,245,1);
	cursor: pointer;
}
.policiescontitle{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:22px;
}
.policiescontime{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:22px;
}
.icondown{
	width:32px;
	height:32px;
	background-image: url(../images/icondown.png);
	cursor: pointer;
}
.linkorangewh{
	width: 6px;
	height: 14px;
}
.linkorange{
	background-image: url(../images/link.png);
}
.orangelink{
	background-image: url(../images/orange.png);
}
.servicetableborder table{
	border-bottom: 1px solid rgba(245,245,245,1);
	border-top: 1px solid rgba(245,245,245,1);
}
.basictop{
	margin-top: 20px;
	background:rgba(255,255,255,1);
	box-shadow: rgba(0, 0, 0, 0.08) 10px 10px 30px 5px ;//边框阴影
border-radius: 4px ;
	border:1px solid rgba(244, 242, 245, 1);
}
.basictitle{
	font-size:20px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:28px;
}
.linecolor{
	width:4px;
	height:30px;
	background:rgba(235,76,18,1);
	margin-right: 36px;
}
.basiccon{
	padding:40px;

}
.basicconicon{
	width:120px;
	height:120px;
	background:rgba(245,165,136,1);
	-webkit-border-radius: 120px;
	border-radius: 120px;
}
.basiclogo{
	width:56px;
	height:70px;
	background-image: url(../images/basiclogo.png);
}
.basicname{
	width:152px;
	height:32px;
	background:rgba(235,76,18,1);
	border-radius: 2px ;
	border:1px solid rgba(184, 55, 32, 1);
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
	line-height:22px;
	cursor: pointer;
}
.logintime{
	margin-top: 24px;
	font-size:14px;
	font-family:PingFangSC-Light;
	color:rgba(128,128,128,1);
	line-height:20px;
}
.basicborder{
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(244,242,245,1);
	border-radius: 2px ;
}
.nickleft{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:22px;
}
.nicktitle{
	color: rgba(27, 26, 53, 1);
}
.nicktop{
	margin-top: 20px;
}
.listborder{
	border-bottom: 1px solid rgba(244,242,245,1);
	padding-bottom: 20px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:22px;
	margin-bottom: 20px;
}
.listleftright{
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	cursor: pointer;
}
.listedtitle{
	color:rgba(27,26,53,1);
}
.listedstatus{
	color:rgba(235,76,18,1);
}
.listnumber{
	width:32px;
}
.liststyle{
	width:104px;
}
.liststu{
	width: 282px;
}
.listbutton{
	width: 161px;
}
.modifytag{
	padding: 40px;
}
.modifyleft{
	font-size:14px;
	height:30px;
	background:rgba(245,245,245,1);
	border-radius: 2px ;
	line-height:30px;
	padding: 5px 13px;
	color:rgba(128,128,128,1);
	cursor: pointer;
}
.modifyleftactive{
	background:rgba(235,76,18,1);
	color:rgba(255,255,255,1);
}
.modifymr{
	margin-right: 25px;
}
.modifyheader{
	margin-top: 40px;
}
.headertitle{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:22px;
	margin-right: 27px;
	width: 43px;
}
.headeright{
	margin-left: 40px;
}
.headerightdes{
	width:210px;
	height:44px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:22px;
}
.headerightbun{
	width:108px;
	height:32px;
	background:rgba(235,76,18,1);
	border-radius: 2px ;
	border:1px solid rgba(184, 55, 32, 1);
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
	line-height:22px;
	margin-top: 24px;
	cursor: pointer;
}
.headerightinput{
	width: 440px;
	height: 64px;
}
.inputleft{
	width: 24px;
	height: 52px;
	background-image: url(../images/gold_small_left.png);
	background-size: 24px 52px;
}
.inputright{
	width: 24px;
	height: 52px;
	background-image: url(../images/gold_small_right.png);
	background-size: 24px 52px;
}
.inputcenter{
	height: 52px;
	background-image: url(../images/gold_small_middle.png);
	background-size: 24px 52px;
}
.centerinput{
	width: 400px;
	height: 45px;
	border: none;
}
.selectbg{

	background-image: url(../images/cuthead.png);
	background-size: 12px 8px;
	background-repeat: no-repeat;
	background-position: right 12px;
	width: 400px;
}
.selectbg select {
	background: transparent;
	-webkit-appearance: none; /*for chrome*/
	height: 46px;
	border:none;
	width: 400px;
}
.shititle{
	text-align: right;
}
.informstop{
	margin-top: 32px;
}
.informslist{
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom:1px solid rgba(244,242,245,1);
	cursor: pointer;
}
.emailicon{
	width: 24px;
	height: 24px;
	background-image: url(../images/unread.png);
}
.emailiconactive{
	background-image: url(../images/read.png);
}
.informslisttitle{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;
	margin-left: 16px;
	margin-right: 40px;
}
.informslistime{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:20px;
}
.butg{
	color: rgba(207,200,208,1);
	font-size: 12px !important;
	width: 24px;
}
.statustop{
	margin-top: 10px;
}
.iconstatus{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(235,76,18,1);
	line-height:22px;
	margin-left: 22px;
}
.textarealeft{
	width: 24px;
	height: 184px;
	background-image: url(../images/gold_big_left.png);
	background-size: 24px 184px;
}
.textarearight{
	width: 24px;
	height: 184px;
	background-image: url(../images/gold_big_right.png);
	background-size: 24px 184px;
}
.textareacenter{
	height: 184px;
	background-image: url(../images/gold_big_middle.png);
	background-size: auto 184px;
}
.textareacenter textarea{
	width: 706px;
	border: none;
	height: 175px;
	line-height: 30px;
}
.headertextarea{
	width:760px;
	height:184px;
}
.buttontip{
	margin-top: 60px;
	margin-bottom: 60px;
}
.buttonleft{
	width: 72px;
	height: 32px;
	cursor: pointer;
}
.leftbutton{
	width: 9px;
	height: 32px;
	background-image: url(../images/ink_small_left.png);
	background-size: 9px 32px;
}
.rightbutton{
	width: 9px;
	height: 32px;
	background-image: url(../images/ink_small_right.png);
	background-size: 9px 32px;
}
.centerbutton{

	background-image: url(../images/ink_small_middle.png);
	background-size: auto 32px;
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(144,129,95,1);
	line-height:22px
}
.buttonright{
	width: 72px;
	height: 32px;
	margin-left: 40px;
	cursor: pointer;
}
.leftbutton2{
	width: 9px;
	height: 32px;
	background-image: url(../images/red_small_left.png);
	background-size: 9px 32px;
}
.rightbutton2{
	width: 9px;
	height: 32px;
	background-image: url(../images/red_small_right.png);
	background-size: 9px 32px;
}
.centerbutton2{
	height: 32px;
	background-image: url(../images/red_small_middle.png);
	background-size: auto 32px;
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(245,245,245,1);
	line-height:22px;
}
.numbercon{
	margin-bottom: 40px;
}
.numberlogoleft{
	width:80px;
	height:22px;
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:22px;
}
.numbericon{
	width:120px;
	height:120px;
	background:rgba(245,245,245,1);
	border:1px solid rgba(224, 224, 224, 1);
	-webkit-border-radius: 120px;
	border-radius: 120px;
	margin-left: 20px;
}
.numberno{
	width:26px;
	font-size:24px;
	font-family:PingFangSC-Medium;
	color:rgba(207,200,208,1);
	line-height:33px;
}
.radio{
	display: inline-block;
	position: relative;
	line-height: 18px;
	margin-right: 10px;
	cursor: pointer;
}
.radio input{
	display: none;
}
.radio .radio-bg{
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 5px;
	padding: 0;
	background-image: url(../images/unchecked.png);

	vertical-align: top;

	cursor: pointer;
	transition: all 0.2s ease;
}
.radio .radio-on{
	display: none;
}
.radio input:checked + span.radio-on{
	width: 20px;
	height: 20px;
	position: absolute;
	border-radius: 100%;
	background-image: url(../images/checked.png);
	top: 0px;
	left: 0px;
	transform: scale(0, 0);
	transition: all 0.2s ease;
	transform: scale(1, 1);
	display: inline-block;
}
.checkenumber{
	color:rgba(207,200,208,1);
}
.numberleft{
	margin-left: 20px;
}
.numberbody{
	width: 386px;
	height: 52px;
}
.numberlefticon{
	width: 24px;
	height: 52px;
	background-image: url(../images/link_small_left.png);
	background-size: 24px 52px;
}
.numberrighticon{
	width: 24px;
	height: 52px;
	background-image: url(../images/link_small_right.png);
	background-size: 24px 52px;
}
.numbercentericon{
	height: 52px;
	background-image: url(../images/link_small_middle.png);
	background-size: auto 52px;
}
.selectbg2 {
	background-image: url(../images/cuthead2.png);
}
.numberinputwh{
	width: 890px;
	height: 45px;
	border: none;
}
.butbgwh{
	height: 152px;
}
.emaildes{
	margin-top: 40px;
	border-bottom: 1px solid rgba(244,242,245,1);
	padding-bottom: 40px;
}
.emailedestitle{
	font-size:24px;
	font-family:PingFangSC-Semibold;
	color:rgba(184,55,32,1);
	line-height:33px;
}
.filenumber{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:20px;
	margin-top: 20px;
}
.opinion{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;
	margin-top: 40px;
}
.opiniondes{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:32px;
	margin-top: 40px;
}
.updataopinion{
	margin-top: 65px;
}
.updatatitle{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:22px;
	margin-right: 10px;
}
.opiniontz{
	margin-top: 60px;
}
.opinionbtright{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:32px;
}
.qscode2{
	width: 210px;
	height: 210px;
	background-image: url(../images/rubbish/qscode2.png);
	margin-top: 30px;
}
.opinionaddress{
	margin-top: 30px;
	width: 220px;
}
.numberlogoleft2{
	width: 150px;
	text-align: right;
}
.numberinputwh2{
	width: 850px;
}
.numberinputwh3{
	width: 400px;
}
.linesize{
	color: rgba(128, 128, 128, 1);
	font-size: 12px;
}
.textarealeft2{
	background-image: url(../images/gold_big_left2.png);
}
.textarearight2{
	background-image: url(../images/gold_big_right2.png);
}
.textareacenter2{
	background-image: url(../images/gold_big_middle2.png);
}
.basiccon2{
	padding: 20px 20px 0 20px;
}
.basiccon3{
	padding: 0 20px 0 20px;
	border-top: 20px solid rgba(245,245,245,1);
}
.modept{
	padding-top: 40px;
	padding-bottom: 40px;
}
.filename{
	font-size:20px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:28px;
	margin-right: 21px;
	margin-left:21px;
}
.sicon{
	width: 16px;
	height: 8px;
	background-image: url(../images/Sicon.png);
}
.buttonright2{
	width: 122px;
}
.xuzhi{
	margin-left: 20px;
}
.updataopinion2{
	margin-top: 40px;
}

/*************弹出层样式***********/
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
	background: rgba(00, 00, 00, 0.8)
}
.reveal-modal {
	visibility: hidden;
	top: 5% !important;
	left: 50%;
	margin-left: -300px;
	width: 645px;
	position:fixed;
	z-index: 9999;
	padding: 60px 100px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	background-image: url(../images/loginbg.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.cheless{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:22px;
}

.reveal-modal.small {
	width: 200px;
	margin-left: -140px;
}

.reveal-modal.medium {
	width: 400px;
	margin-left: -240px;
}

.reveal-modal.large {
	width: 600px;
	margin-left: -340px;
}

.reveal-modal.xlarge {
	width: 800px;
	margin-left: -440px;
}



.reveal-modal .close-reveal-modal {
	font-size: 55px;
	line-height: 0.5;
	position: absolute;
	top: -28px !important;
	right: 11px;
	color: rgba(76,76,76,1);
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
}
.logintop{
	margin-top: 22px;
	margin-bottom: 63px;
}
.logintitle{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:33px
}
.registerpage{
	font-size:18px;
	font-family:PingFangSC-Regular;
	color:rgba(188,142,30,1);
	line-height:25px;
}
.loginname{
	font-size: 26px !important;
	color: rgba(193,160,80,1);
	margin-right: 20px;
}
.logininput input{
	background: none;
}
.numberinputwh4{
	width: 350px;
}
.loginpagemb{
	margin-bottom: 24px;
}
.authcode{
	width: 250px;
	height: 42px;
	background-color: #dedede;
}
.loginpagemt{
	margin-top: 40px;
}
.rememberpassword{
	font-size: 16px;
	font-family: PingFangSC-Regular;
	color: rgba(76,76,76,1);
	line-height: 22px
}
.forgetpassword{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(235,76,18,1);
	line-height:22px;
}
.loginbutton{
	height:56px;
	background:rgba(235,76,18,1);
	border-radius: 8px ;
	font-size:24px;
	font-family:PingFangSC-Medium;
	color:rgba(255,255,255,1);
	line-height:33px;
	margin: 32px 0;
}
.registered{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(235,76,18,1);
	line-height:33px;
	margin: 0 11px;
}
.cardregisterpage{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:33px;
}
.fillecode{
	font-size:18px;
	font-family:PingFangSC-Regular;
	color:rgba(184,55,32,1);
	line-height:25px
	width: 120px;
}
.havename{
	font-size:18px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:25px;
}
.havelogin{
	color: rgba(235, 76, 18, 1);
}
.perfect{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:33px;
	margin: 0 41px;
}
.perfectname{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:22px
}
.resitop{
	margin-top: 80px;
}
.resiover{
	background:rgba(207,200,208,1);
	border:1px solid rgba(128, 128, 128, 1);
}
.uploadcard{
	font-size:20px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:28px;
}
.siconleft{
	margin-left: 30px;
}
.siconeight{
	margin-right: 30px;
}
.cardtitle{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:33px;
}
.findtitle{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:33px;
}
.aginresi{
	font-size:18px;
	font-family:PingFangSC-Regular;
	color:rgba(235,76,18,1);
	line-height:25px;
}
.mianzhuc{
	font-size:18px;
	font-family:PingFangSC-Regular;
	color:rgba(188,142,30,1);
	line-height:25px;
}
.miantop{
	margin-top: 60px;
}
.notetitle{
	font-size:24px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:33px;
}
.notedes{
	font-size:20px;
	font-family:PingFangSC-Regular;
	color:rgba(184,55,32,1);
	line-height:40px;
	width: 312px;
}
.alertbg{
	background:rgba(255,255,255,1);
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.13)
	border-radius: 8px ;
}
.cooperationbg{
	width:1000px;
	height:600px;
	background:rgba(255,255,255,1);
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.13)
	border-radius: 8px;
	left: 33%;
	padding: 0 20px;
}
.cooperationtitle{
	height: 68px;
}
.cooperationname{
	font-size:22px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:68px;
}
.part1{
	width: 100%;
	height: 358px;
	overflow: hidden;
	border:1px solid rgba(224, 224, 224, 1);
	border-radius: 4px ;
}
.item{
	position: relative;
	height: 358px;

	overflow-y: scroll;
	outline: none;
	line-height:20px;
}
.itemtitle{
	font-size:24px;
	font-family:PingFangSC-Semibold;
	color:rgba(184,55,32,1);
	line-height:33px;
	margin-top: 60px;
	text-align: center;
}
.itemtitledes{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:20px;
	text-align: center;
	margin-top: 20px;
}
.itemsamilltitle{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;
	margin-top: 40px;
	text-align: center;
}
.itembody{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:32px;
	margin-top: 60px;
	padding: 0 20px 60px 20px;
}
.yiyue{
	height:62px;
	background:rgba(244,242,245,1);
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:22px;
	padding-left: 26px;
	margin-top: -63px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius: 4px;
	margin-left: 1px;
}
.guaipailess{
	margin-top: 17px;
	padding: 0 20px;
	margin-bottom: 20px;
}
.lessleft{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;

}
.lessleftml{
	margin-left: 20px;
}
.cancel{
	font-size:14px !important;
	font-family:PingFangSC-Medium;
	color:rgba(144,129,95,1) !important;
	font-weight: lighter !important;
	top: 0 !important;
	right: 0 !important;
	position: relative !important;
}

.navContent{
	display: none;
}
.samlltitve{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:22px;
}
.zhidutitle{
	line-height: 50px;
	text-align: center;
	padding-left: 50px;
	border-bottom: 1px solid rgba(230,226,231,1);
	height: 50px;
	cursor: pointer;
}
.codebg{
	visibility: hidden;
	top: 40px !important;
	left: 67%;
	margin-left: -300px;
	width: 300px;
	position: fixed;
	z-index: 101;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-box-shadow: none;
	background-image: none;
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.arrow_box2 {
	position: relative;
	background: rgba(255,255,255,1);
	border: 1px solid rgba(244, 242, 245, 1);
	width: 100%;
	height: 100%;

}
.arrow_box2::after,
.arrow_box2::before {
	position:absolute;
	content:"";
	height:0;
	width: 0;
	pointer-events: none;
	border: solid transparent;
}
/*top*/
.arrow_box2.top::after,
.arrow_box2.top::before {
	bottom: 100%;
}

.arrow_box2.top::after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgba(250,250,250,1);
	border-width: 10px;
	left: 150px;
	margin-left: -10px;
}
.arrow_box2.top::before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color:rgba(244, 242, 245, 1);
	border-width: 11px;
	left: 150px;
	margin-left: -11px;
}
.qrcodebody{
	padding: 24px 20px;
	padding-bottom:0px;
}
.qrcodeimages{
	width: 120px;
	height: 120px;
}
.qricon{
	background-image: url(../images/qrcode/qrcode1.png);
}
.gongguantitle{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(76,76,76,1);
	line-height:20px;
	margin-top: 10px;
	text-align: center;
}
.ggmarginleft{
	margin-right: 20px;
}
.doubtwin{
	position: fixed;
	width: 460px;
	left: 10px;
	bottom: 20px;
	z-index: 9999;
}
.doubtleft{
	width: 154px;
	height: 230px;
	background-image: url(../images/red-pic.png);
	padding: 38px 34px
}
.doubtleftname{
	font-size:20px;
	font-family:PingFangSC-Semibold;
	line-height:28px;
	background-image: -webkit-gradient(linear, 0 60%, 0 bottom, from(rgba(253, 218, 132, 1)), to(rgba(235, 76, 18, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bolder;
}
.doubtleftcon{
	margin-top: 23px;
}
.qqfontcolor{
	font-size:14px;
	font-family:PingFangSC-Medium;
	color:rgba(253,218,132,1);
	line-height:20px;
}
.qqnumberfont{
	margin-left: 11px;
}
.doubtleftconmt{
	margin-top: 12px;
}
.doubtleftnamemt{
	margin-top: 20px
}
.doubtright{
	width: 174px;
	background-image: url(../images/gold-pic.png);
	padding: 28px 32px;
}
.doubtrighttitle{
	font-size:20px;
	font-family:PingFangSC-Semibold;
	color:rgba(235,76,18,1);
	line-height:28px;
	font-weight: bolder;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(235, 76, 18, 1)), to(rgba(235, 76, 18, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gtitle{
	font-size:18px;
	font-family:PingFangSC-Semibold;
	color:rgba(184,55,32,1);
	line-height:25px;
}
.rightqqfontcolor2{
	color: rgba(184,55,32,1) !important;
}
.rightqqfontcolor{
	color:rgba(27,26,53,1) !important;
}
.doubcolose{
	position: absolute;
	top: 25px;
	right: 25px;
	z-index: 99999;
}
.doubcolosefont{
	font-size: 24px !important;
	color: rgba(76,76,76,1);
}
.doubtop{
	top: -20px;
}

/********有疑问请点我新的样式************/
.clickme{
	position: fixed;
	width: 706px;
	background-image: url(../images/bg_gold.png);
	top: 100px;
	left: 20%;
	padding: 15px;
	z-index: 999;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.clickmeborder{
	border-right: 1px solid rgba(184,55,32,0.2);
	border-radius: 2px ;
}
.clickmeborderbt{
	border-bottom: 1px solid rgba(235,76,18,1);
	border-radius: 2px
}
.jinfumr{
	margin-right: 20px;

}
.jinfuml{
	margin-left: 20px;
}
.clickmeborderbtb{
	border-bottom: 1px solid rgba(184,55,32,0.2);
	border-radius: 2px ;
	padding-bottom: 15px;
}
.alertwin{
	width: 240px;
	height: 80px;
	position: fixed;
	top: 50%;
	left: 45%;
	background-image: url(../images/bg_alert.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 9999;
}
.alertheight{
	height: 100%;
}
.alertfont{
	background-image: -webkit-gradient(linear, 0 60%, 0 bottom, from(rgba(253, 218, 132, 1)), to(rgba(235, 76, 18, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.lesstbmt{
	position: absolute;
	z-index: 100;
	top: 532px;
	width: 100%;
}

.lastedmenu{
	margin-top: 22px;
	margin-bottom: 20px;
}
.lastedtitle{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(27,26,53,1);
	line-height:20px;
	margin-right: 10px;
}
.lastedtitlemenu{
	font-size:14px;
	font-family:PingFangSC-Regular;
	color:rgba(76,76,76,1);
	line-height:20px;
	margin-right: 30px;
	cursor: pointer;
}
.lastedmenuactive{
	background:rgba(184,55,32,1);
	color:rgba(245,245,245,1);
	border-radius: 2px ;
	padding: 2px 3px;
}
.lastedsearch{
	height: 32px;
	background:rgba(245,245,245,1);
	border-radius: 2px ;
}
.lastedsearchinput{
	width: 100%;
	height: 29px;
	border: none;
	background: none;
	padding-left: 10px;
}
.lastedbutton{
	width:72px;
	height:32px;
	background:rgba(184,55,32,1);
	border-radius: 2px ;
	font-size:12px;
	font-family:PingFangSC-Medium;
	color:rgba(245,245,245,1);
	line-height:17px;
	cursor: pointer;
}
.liastedimg{
	width: 276px;

	margin-right: 50px;
}
.liastedimgwh{
	height: 158px;
}
.liastedimgimg{
	background-image: url(../images/rubbish/lasted1.png);
}
.lastedlist{

}
.xiangxi{
	color: #8d8d8d
}
.expertsmr{
	margin-right: 50px;
}
.experts{
	width: 220px;
	height: 220px;

}
.expertsimg{
	background-image: url(../images/rubbish/experts.png);
}
.expertsname{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;
	margin-right: 46px;
	margin-left: 46px;
}
.expertsmt{
	margin-top: 20px;
}
.otherexperts{
	margin-top: 60px;
}
.otherexpertstitle{
	font-size:20px;
	font-family:PingFangSC-Medium;
	color:rgba(144,129,95,1);
	line-height:28px;
}
.wenli{
	color: rgba(244,242,245,1);
	font-size: 12px !important;
}
.otherlist{
	margin-top: 66px;
}
#swiper-experts {
	width: 100%;
	height: 120px;
}
.jiancolor{
	color: rgba(245,245,245,1);
	font-size: 12px !important;
}
.otherimg{
	width: 120px;
	height: 120px;
	border-radius: 3px;
	cursor: pointer;
}
.bankimg{
	width: 380px;
	height: 240px;
}
.banckimgimg{
	background-image: url(../images/rubbish/bankimg.png);
}
.bankdelete{
	width: 200px;
	height: 48px;
	background-image: url(../images/btn_delete.png);
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(244,242,245,1);
	line-height:22px;
	background-size: 100% 100%;
}
.imgcamer{
	background-image: url(../images/imgcamer.png);

}
.jiahao{
	color: rgba(207,200,208,1);
	border-radius: 2px ;
	font-size: 64px !important;
}
.uoimg{
	font-size:16px;
	font-family:PingFangSC-Regular;
	color:rgba(128,128,128,1);
	line-height:22px;
	margin-top: 34px;
}

.upfileter{
	position: absolute;
	width: 122px;
	height: 32px;
	left: 100px;
	background: transparent;
	font-size: 0;
	border: none;
	resize: none;
	z-index: 0;
	cursor: pointer;
	outline: medium none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	top: 0px;
}
.detelefileter{
	width: 200px;
	height: 48px;
	position: absolute;
	top: 96px;
	right: 90px;
	background: transparent;
	font-size: 0;
	border: none;
	resize: none;
	z-index: 0;
	cursor: pointer;
	outline: medium none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.imgfileter{
	width: 380px;
	height: 240px;
	position: absolute;
	top: 0px;
	background: transparent;
	font-size: 0;
	border: none;
	resize: none;
	z-index: 0;
	cursor: pointer;
	outline: medium none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.loginbuttonupimg{
	height: 38px;
	background: rgba(235,76,18,1);
	border-radius: 8px;
	font-size: 16px;
	font-family: PingFangSC-Medium;
	color: rgba(255,255,255,1);
	line-height: 38px;
	margin: 10px 0;
}
.loginfile{
	width: 100%;
	height: 38px;
	position: absolute;
	top: 10px;
	right: 0px;
	background: transparent;
	font-size: 0;
	border: none;
	resize: none;
	z-index: 0;
	cursor: pointer;
	outline: medium none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.gghaoimg{
	background-image: url(../images/gghao.png);
}
.shenzhen{
	background-image: url(../images/shenzhen.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.beijing{
	background-image: url(../images/beijing.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1366px) {
	.service{
		width: 231px;
	}
	.serviceIcon{
		margin-left: 14px;
	}
}

.phoneleftbutton{
	width: 9px;
	height: 32px;
	background-image: url(../images/ink_small_left2.png);
	background-size: 9px 32px;
}
.phonerightbutton{
	width: 9px;
	height: 32px;
	background-image: url(../images/ink_small_right2.png);
	background-size: 9px 32px;
}
.phonecenterbutton{
	background-image: url(../images/ink_small_middle2.png);
	background-size: auto 32px;
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(144,129,95,1);
	line-height:22px
}
.phonedeimg{
	background-image: url(../images/rubbish/newsimg.png);
}


.phonesicon{
	background-image: url(../images/Sicon2.png);
}
.phonemap{
	margin-top: 2em;
	padding: 1em;
}
.container{
	height: 630px;
	width: 576px;
	background-image: url(../images/map.png);
}
.amap-logo {
	right: 0 !important;
	left: auto !important;
	display: none;
}

.amap-copyright {
	right: 70px !important;
	left: auto !important;
}
.bitian{
	font-size: 16px;
	color: rgba(128, 128, 128, 1);
}
.youname{
	height: auto;
}
.faliuy{
	margin-bottom: 20px
}
.mapbg{
	width: 490px;
	height: 185px;
	background-image: url(../images/bg.png);
	padding: 3px 20px;
}
.phonemapbg{
	background-image: url(../images/phonebg.png);
}
.dingwei{
	font-size: 20px !important;
	color: rgba(245,165,136,1);
}
.dingweiadress{
	font-size:16px;
	font-family:PingFangSC-Medium;
	color:rgba(235,76,18,1);
	line-height:32px;
	margin: 0 5px;
}
.dingname{
	color: rgba(27, 26, 53, 1)
}
.dingline{
	color: rgba(207, 200, 208, 1)
}
.tabledes tr{
	cursor: pointer;
}
.pinginput{
	width: 122px;
	height: 32px;
	position: absolute;
	top: 3px;
	right: 0px;
	background: transparent;
	font-size: 0;
	border: none;
	resize: none;
	z-index: 0;
	cursor: pointer;
	outline: medium none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.detailesname{
	font-size:18px;
	font-family:PingFangSC-Medium;
	color:rgba(27,26,53,1);
	line-height:25px;
	width: 276px;
}
.companyheader{
	width: 110px;
	height: 110px;
	-webkit-border-radius: 110px;
	border-radius: 110px;
}
.companyinput{
	width: 108px;
	height: 32px;
	position: absolute;
	top: 69px;
	right: 101px;
	background: transparent;
	font-size: 0;
	border: none;
	resize: none;
	z-index: 0;
	cursor: pointer;
	outline: medium none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.productpadding{
	padding-bottom: 50px;
}
.nav1{
	perspective:100%;
}
.nav1 .datawidth:hover{
	transform:rotateY(360deg) scale(1.1);
}
/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;

}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: -5px;
	right: -5px;
	bottom: 0;
	background: rgba(204,204,204,0.5);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active {
}
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);

}
.fistcardtitle{
	top: 36px;
}
.winmenu .fistcard{
	display: inline-block;
	width: 82px;
	height: 74px;
	text-align: center;
	position: relative;
	text-decoration: none;
	overflow: hidden;

}
.winmenu .fistcard .iconfont{
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 100%;
	text-align: center;
	filter:alpha(opacity=100);
	opacity: 1;
}
.partialBorder {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}
.partialBorder > div {
	position: absolute;
	height: 10%;
	width: 10%;
	border: .15vw solid #fff;
}
.partialBorder .leftTop {
	left: 0;
	top: 0;
	border-right: none;
	border-bottom: none;
}
.partialBorder .rightTop {
	right: 0;
	top: 0;
	border-left: none;
	border-bottom: none;
}
.partialBorder .leftBot {
	left: 0;
	bottom: 0;
	border-right: none;
	border-top: none;
}
.partialBorder .rightBot {
	right: 0;
	bottom: 0;
	border-left: none;
	border-top: none;
}
.adleftsizing div, .adleftsizing div:before, .adleftsizing div:after {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

.elem {
	display: inline-block;
	color: white;
	position: relative;
	overflow: hidden;
	will-change: transform;
}
.elem:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	will-change: transform, opacity;
}
.elem:after {
	content: "";
	position: absolute;
	will-change: transform;
}
.elem:hover:before {
	opacity: 1;
}
/* SECOND ELEMENT */
.second:before {

	background-blend-mode: darken;
}
.second:hover .partialBorder {
	opacity: 1;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
}
.modenavcon, .modenavcon:before, .modenavcon:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;

}
/* MAIN VARIABLES FOR CUSTOMIZATION */
/* -------------------------------- */
.modenav {
	overflow: hidden;
	position: fixed;
	left: 28px;
	top: 50%;
	width: auto;
	height: 57px;
	background-color: rgba(251,118,88,0.8);
	border-radius: 5px;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
	-webkit-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	border-bottom-right-radius: 50px;
	z-index: 99999;
}
.modenav__cb {
	z-index: -1000;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
}
.modenav__content {
	position: relative;
	width: 57px;
	height: 100%;
	-webkit-transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
	transition: width 1s cubic-bezier(0.49, -0.3, 0.68, 1.23);
}
.modenav__cb:checked ~ .modenav__content {
	-webkit-transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
	transition: width 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
	width: 380px;
	left: 200px;
}
.modenav__items {
	position: relative;
	width: 380px;
	height: 100%;
	list-style-type: none;
	font-size: 0;
}
.modenav__item {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 57px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	cursor: pointer;
}
.modenav__item:hover {
}
.modenav__item-text {
	display: block;
	height: 100%;
	-webkit-transform: rotateY(-70deg);
	transform: rotateY(-70deg);
	opacity: 0;
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
	transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
	transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s;
	transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.7s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
}
.modenav__cb:checked ~ .modenav__content .modenav__item-text {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	opacity: 1;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
	transition: opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
	transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s;
	transition: transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5), opacity 0.2s, -webkit-transform 0.7s cubic-bezier(0.48, 0.43, 0.7, 2.5);
	-webkit-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.modenav__item:nth-child(1) .modenav__item-text {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.modenav__cb:checked ~ .modenav__content .modenav__item:nth-child(1) .modenav__item-text {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.modenav__btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 57px;
	height: 57px;
	cursor: pointer;
}
.modenav__btn:before, .modenav__btn:after {
	content: "";
	display: block;
	border-radius: 2px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
	transition: background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
	transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s;
	transition: transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3), background-color 0.3s, -webkit-transform 1s cubic-bezier(0.48, 0.43, 0.29, 1.3);
}
.modenav__btn:before {
}
.modenav__btn:hover:before, .modenav__btn:hover:after {
}
.modenav__cb:checked ~ .modenav__btn:before {
	-webkit-transform: translateY(0px) rotate(0deg);
	transform: translateY(0px) rotate(0deg);
}
.modenav__cb:checked ~ .modenav__btn:after {
	-webkit-transform: translateY(0px) rotate(0deg);
	transform: translateY(0px) rotate(0deg);
}
.wapper .fivediv, .businessleft, .cultureleft,.residencebodyleft,.banksbodyleft,.artfilmleft {
/* .wapper .fivediv, .businessleft, .cultureleft,.threemodeleft, .modethreeleft,.residencebodyleft,.banksbodyleft,.artfilmleft { */
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;

}
.wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{
/* .wapper .fivediv:hover, .businessleft:hover, .cultureleft:hover,.threemodeleft:hover,.modethreeleft:hover,.residencebodyleft:hover,.banksbodyleft:hover,.artfilmleft:hover{ */
	transform:translate(0,-3px);
	-webkit-transform:translate(0,-3px);
	-moz-transform:translate(0,-3px);
	-o-transform:translate(0,-3px);
	-ms-transform:translate(0,-3px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
	-moz-box-shadow:0px 5px 15px #e5e5e5;
	box-shadow:0px 5px 15px #e5e5e5;
}
.residencemenubox:hover,
.residencemenubox:focus {
	box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
}
.close {
	--color: #ff0000;
	--hover: rgba(213, 221, 235, 1);
}
.residencemenuboxtitle:hover, .residencemenuboxtitle:focus {
	border-color: var(--hover);
}
.button {
	cursor: pointer;
	background:  rgba(244,242,245,1);
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Bubble Right */
.bubble-right {
	display: inline-block;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bubble-right:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: right;
	transition-property: right;
	top: calc(50% - 10px);
	right: 0;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent  rgba(244,242,245,1);
}
.bubble-right:hover:before, .bubble-right:focus:before, .bubble-right:active:before {
	right: -10px;
}
.modeleftmenuactive.bubble-right:before {
	right: -10px;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	-o-box-orient:vertical;
	box-orient:vertical;
}
.ub
{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	position:relative;
}