img {
    width:auto;
    height:auto;
}
body{ min-width:1200px;}
/*<!--6大优势-->*/
.advantage{ background: #f7f9fb;}


/*广告位*/
#join .ad{ width:867px; text-align:center; display:inline-block; background:url(../img/kh.png) no-repeat center; height:56px;    vertical-align: top; margin-top:11px;    background-size: 780px 51px;}
#join .ad span{ display:inline-block; font-size:15px; color:#2c4b3c; padding-left:12px; background:url(../img/bg_dian.png) no-repeat left center;    margin-right: 10px;
    letter-spacing: 1px; margin-left: 10px;}
#join .ad span i{ color:#ff4200;}
#join .ad-container .container{ text-align:center; height:80px;}
#join .ad p{ font-size:25px; color:#ff4200; font-weight:600;    letter-spacing: 2.2px;    margin-top: 0px;
    margin-bottom: 5px;}
.ad-container{ background:#eaf6f2; }
#join .ad-container .container img{ display:inline-block; width:auto; height:80px;margin-left: 14px;}

#join .asBanner{ height:574px; background:url(../img/img_joinBanner1.jpg) no-repeat center; position:relative;}
#asBanner{ margin-bottom:-80px; display:block;}
#join .asBanner .container .asLogo{ text-align:center;padding-top: 62px}
#join .asBanner .container .asLogo img.shu{ margin-left:1px; margin-right:1px;margin-left: 6px;
    margin-right: 20px;}
#join .asBanner .container { text-align:center;}	
#join .asBanner .container h1{ font-size:74px; color:#fff;    margin-top: 36px;    letter-spacing: 4px;}
#join .asBanner .container p{ font-size:35px; color:#fff;    margin-top: 23px;letter-spacing: 2.6px;}
#join .asBanner .container i{ font-size:24px; color:#fff; width:220px; height:50px; border-radius:25px; background:#ff6100; display:inline-block; text-align:center; line-height:49px;    margin-top: 68px;}
#join .asBanner .container i:hover{ background:#ff7e2e;}


#join .joinTab ul.tab-list{ width:90%; margin:0 auto;}
#join .joinTab ul.tab-list li a{ font-size:22px; color:#2e2d2d; display:inline-block; height:77px; border-bottom:3px solid rgba(255,255,255,0);    line-height: 77px;letter-spacing: 1.4px;}
#join .joinTab ul.tab-list li{ float:left; width:16.66%; text-align:center; min-width:199.5px;}
#join .joinTab{ background:rgba(255,255,255,0.7); z-index:11;    z-index: 12;
    position: relative;}
#join .joinTab .tab-icon{ height:46px; display:inline-block; background:url(../img/icon_joinBanner.png) no-repeat; width:46px; vertical-align:middle;}

#join .joinTab li.on .tab-icon,#join .joinTab li:hover .tab-icon{background:url(../img/icon_joinBannerCF.png) no-repeat;}
#join .joinTab ul.tab-list li.on a,#join .joinTab ul.tab-list li:hover a{ color:#e01222;border-bottom:3px solid #e01222;}
#join .joinTab li .tab-icon.icon-01{background-position:9px 0;}
#join .joinTab li .tab-icon.icon-02{background-position:-590px 2px;}
#join .joinTab li .tab-icon.icon-03{background-position:-296px 0;}
#join .joinTab li .tab-icon.icon-04{background-position:-888px 2px;}
#join .joinTab li .tab-icon.icon-05{background-position:-1205px 0;}
#join .joinTab li .tab-icon.icon-06{background-position:-1519px 0;}


/*<!--您现在还为没有品牌而烦恼*/
.joinAnnoyance{ height:728px; background:#f7f9fb;    padding-top:91px;}
.joinAnnoyance .container>p{ font-size:42px; color:#111111;    letter-spacing: 3px;    margin-bottom: 10.5px;}
.joinAnnoyance .container>p span{ color:#ff6100;/* font-weight:600;*/}
.joinAnnoyance .container{ text-align:center;}
.joinAnnoyance .container p.indent{ text-indent:240px;}
.joinAnnoyance .annoyanceBox{ min-height:388px; background:url(../img/img_wen.png) no-repeat left 10px; text-align:left; padding-left:504px;margin-top: 60px;    padding-top: 56px;}
.joinAnnoyance .annoyanceBox p{ line-height:36px; font-size:24px; color:#555555;    margin-bottom: 15.3px;}
.joinAnnoyance .annoyanceBox p img{ vertical-align:middle; margin-bottom:3px;    margin-right: 15px;}
.joinAnnoyance .annoyanceBox p.iconP-2{ padding-left:58px;}
.joinAnnoyance .annoyanceBox p.iconP-3{ padding-left:104px;}
.joinAnnoyance .container{ width:1280px;}


/*<!--六大售后保障系统不是噱头-->*/
.customerService{ height:568px; text-align:center; }
.customerService h3{font-size:42px; color:#e01222;    letter-spacing: 0.3px;padding-top: 44px;
    margin-bottom: 44px;}
.customerService h3 span{ color:#111111; font-weight:400;}
.customerService p{ font-size:30px; color:#363636;    margin-top: 18px; margin-bottom: 87px;}
.customerService ul li{ float:left; text-align:center; width:16.66%;}
.customerService ul li i{ display:block; font-size:22px; color:#555555; line-height:32px; margin-top: 10px;}
.customerService ul{margin: 0 -44px;}

/*<!--服务加入-->*/
.serviceJoin{ height: 592px; background: #e01222;}
.serviceJoin .container>p{ text-align: center;    letter-spacing: 1.3px;font-weight: 600;}
.serviceJoin .container p.sP1{ font-size: 24px; color: #ffea00;padding-top: 29px;}
.serviceJoin .container p.sP2{ font-size: 64px; color: #fff;}
.serviceJoin .container p.sP3{ font-size: 40px; color: #ffea00;}
.serviceJoin .container p.sP4{ font-size: 20px; color: #fffffe; font-weight: 400;}
.serviceJoin .container p.sP4 span{ font-size: 20px; color: #ffea00;}
.serviceJoin .container p.sP5{ font-size: 22px; color: #ffea00;margin-top: 10px;}
.serviceJoin .SPewm p{ text-align: center; font-size: 22px; color: #ffffff;    margin-top: 5px;}
.serviceJoin .SPewm,.serviceJoin .SPpeople{ height: 290px;}
.serviceJoin .SPewm{margin-left: 267px;}
.serviceJoin .servicePhone{ text-align: center;    margin-top: 23px;}
.serviceJoin .SPpeople p{ font-size: 42px; color: #fff; font-weight: #fff; font-weight: 600;}
.serviceJoin .SPpeople span{ display: block; font-size: 26px; color: #fff; font-weight: 600; margin-bottom: 8px;}
.serviceJoin .SPpeople{ text-align: left;margin-right: 250px;}





/*<!--加盟条件-->*/
.condition{ height:526px; background:#f7f9fb;}
.condition .container h2{ font-size:42px; color:#e01222;padding-top: 70px; margin-bottom: 3px;}
.condition .container>p{ font-size:22px; color:#e01222;}
.condition .container ul li{ font-size:21px; color:#1c1c1c;    margin-bottom: 16.8px;    letter-spacing: 1.3px;}
.condition .container ul li img{ vertical-align:middle; margin-bottom:3px;    margin-right: 20px;}
.condition .container{ height:100%; background:url(../img/img_condition.png) no-repeat right 70px;}
.condition .container ul{ margin-top:48px;}

/*报名*/
.signUp{ height:600px; background:url(../img/bg_signUp.jpg) no-repeat center; text-align:center;}
.signUp .container h1{ font-size:60px; font-weight:400; color:#fff;    letter-spacing: 5px;    padding-top: 26px; margin-bottom: 15px;}
.signUp .container h1 span{ font-weight:600;}
.signUp .container>p{ font-size:20px; color:#fff;    letter-spacing: 1.6px;    margin-bottom: 28px;}
.signUp .signUpLogin{ width:489px; height: 374px; background:rgba(255,255,255,0.3); display:inline-block; position:relative;}
.signUpLogin .ksbm{ position:absolute; top:0; right:0;}
.signUp .signUpLogin li input{ border:none; outline:none; font-size:14px; line-height:22px; padding-top:10px; padding-bottom:10px; background:#fff; padding-right:10px; border-radius:4px;padding-left:52px;    width: 222px;letter-spacing: 1px;}
.signUp .signUpLogin .form{ margin-top:44px;}

.signUp .signUpLogin li input.companyName{ background-image:url(../img/icon_name.png); background-repeat:no-repeat; background-position:left top; border-top-left-radius:0; border-bottom-left-radius:0;}
.signUp .signUpLogin li input.linkStyle{ background-image:url(../img/icon_phone.png); background-repeat:no-repeat; background-position:left top; border-top-left-radius:0; border-bottom-left-radius:0;}
.signUp .signUpLogin li select{border-radius:4px; line-height:42px; display:inline-block; height:42px; padding-left:50px;;appearance:none; -moz-appearance:none; -webkit-appearance:none;
 background-image:url(../img/icon_select.png); background-repeat:no-repeat; background-position:left top; border-top-left-radius:0; border-bottom-left-radius:0; font-size:14px; color:#121212; border:0;    padding-right: 4px; width: 138px; margin-right: 2px; margin-left: 3px; cursor:pointer;letter-spacing: 0.8px; text-indent: 1px; border:none; text-align:left;}
.signUp .signUpLogin li select::-ms-expand { display: none; }
.signUp .signUpLogin li{ margin-bottom:20px; position:relative;}
.signUp .signUpLogin li label{ position:absolute; left: 104px; bottom: -17px; color:#fff;}
.signUp .signUpLogin li.address label:last-child{left: 250px;}

.signUp .signUpLogin li.btnSubmit input{ width:282px; height:42px; padding:0; font-size:22px; color:#fff; background:#fe292d; font-weight:600; cursor:pointer;    font-family: \5FAE\8F6F\96C5\9ED1;}
.signUp .signUpLogin li input.getCode{ width:138px; padding-left:0; text-align:center; padding-right:0; background:#fe292d; color:#fff; cursor:pointer;}
.signUp .signUpLogin li input.yzm{ padding-left:10px; width:117px; margin-right:5px;}




/*大牌驾到*/
/*小标题*/
.demand-title{
	height: 80px;
	line-height: 80px;
	font-size: 42px;
	text-align: center;
	border-bottom: 1px solid #eaeaea;
}
.demand-title span{
	display: inline-block;
	vertical-align: top;
	height: 79px;
	width: 300px;
	border-bottom: 4px solid #8c8c8c;
}
.brand-container .demand-title{
	margin: 67px 0 13px 0;
}
.brand-container p{
	color: #8c8c8c;
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
.brand-container p em{
	color: #e01222;
}
.brand-container .brand-list{
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 133px;
}
.brand-container .brand-list.last{
	border-bottom:0;
	text-align: center;
}
.brand-container .brand-list ul{
	width: 1087px;
	display: inline-block;
    float: inherit;
}
.brand-container .brand-list li{
	float: left;
	width: 20%;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 29px;
	position: relative;
}

.brand-container .brand-list li .brand-cover{
	position: absolute;
	top:0;
	left: 29px;
	width: 158px;
	height: 100%;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 18px;
	line-height: 58px;
	opacity: 0;
	transition: opacity .3s ease-in-out; 
}
.brand-container .brand-list li:hover .brand-cover{
	opacity: 1;
}
.brand-container .brand-list.five-brand li{
	margin-top:48px;
}
.brand-container .brand-list li img{
	width: 158px;
	height: 58px;
}

.brand-container .brand-list .brand-title{
	width: 49px;
	height: 144px;
	background: #00b7b1;
	border-radius: 10px;
	font-size: 25px;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	margin:5px 27px 35px 27px;
}

.brand-container .go-btn{
	display: block;
	width:300px;
	height: 58px;
	line-height: 58px;
	background: #ff4200;
	font-size: 30px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	margin:40px auto 75px auto;
}
/*服务范围*/
.service-rand .service-title{
	height: 80px;
    line-height: 80px;
    font-size: 42px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: 5px;
    position: relative;
}
.service-rand .service-title:after{
	content: "";
	position: absolute;
	bottom:0;
	left: 438px;
	width: 302px;
	height: 4px;
	background: #8c8c8c;
}
.service-rand p{
	width: 850px;
	margin:30px auto;
	color: #999999;
	font-size: 14px;
	line-height: 24px;
}
.service-rand a{
	display: block;
    width: 300px;
    height: 46px;
    line-height: 46px;
    background: #e01222;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    margin:10px auto 40px auto;
}
.service-rand .map-container{
	width: 864px;
	height: 444px;
	background: url(../img/demand/service-map.jpg) no-repeat top center;
	margin:20px auto;
}

/*锅炉供应商页面*/
.suppService{ height:auto; padding-bottom: 37px;}
.suppService .container>p{ font-size:26px; color:#b5b5b5;}
.suppService h3 {padding-top: 102px; margin-bottom: 0px;}
.suppService p {  margin-top: 0px;}
.suppService ul li {  width: 20%;}
.suppService ul li i { display: block; font-size: 18px; font-weight:600;letter-spacing: 0.6px;    line-height: 37px; margin-top: 8px;}
.suppService ul li p { color:#555; font-size:14px;    margin-bottom: 48px;}
.suppCondition .container ul { margin-top: 77px;}


/*配件供应商*/
.whyJoin{ height:549px; background:#fefefe;}
.whyJoin .whyJoinBox{ width:1200px; height:548px; background:url(../img/bg_why.png) no-repeat center top; margin-top:74px; text-align:center;}
.whyJoin .whyJoinBox h2{ font-size:42px; color:#fff;    letter-spacing: 3px;padding-top: 14px;}
.whyJoin .whyJoinBox h2 span{ font-weight:400;}
.whyJoin .whyJoinBox>span{ font-size:26px; color:#fff;}
.whyJoin .whyJoinBox>p{ font-size:26px; color:#e01222; margin-top: 50px;letter-spacing: 2.2px;}
.whyJoin .whyJoinBox li p{ width:260px; font-size:20px; color:#3b3b3b; line-height:28px; text-align:left;letter-spacing: 1.7px;margin-top: 20px;}
.whyJoin .whyJoinBox li{ display:inline-block;}
.whyJoin .whyJoinBox li:first-child{ float:left;}
.whyJoin .whyJoinBox li:last-child{ float:right;}
.whyJoin .whyJoinBox li:nth-child(2) p{ width:270px;}
.whyJoin .whyJoinBox ul{margin-top: 46px;}


/*安装公司*/
.install table{ width:100%;  border-spacing: 0;border:1px solid #f1f1f1; border-bottom:none;}
.install table td{ border-bottom:1px solid #f1f1f1; text-align:left;}
.install table th{ background:#f6f6f6; border:none; padding:0;line-height: 88px;line-height: 106px;}
.install table th span{ font-size:28px; color:#242424; font-weight:400;    letter-spacing: 1.4px;}
.install table th span.vs{ font-size:74px; color:#ff6100;    vertical-align: bottom;}
.install table .hicMl span{ font-size:14px; color:#4a4a4a; text-align:left; line-height:24px; background:url(../img/icon_gou.png) no-repeat left center;min-height:28px;text-align:left; display:inline-block; padding-left:75px; background-position:34px center;}
.install table .tradMl span{ font-size:14px; color:#555555; text-align:left; line-height:24px; background:url(../img/icon_ca.png) no-repeat left center; min-height:28px; text-align:left; display:inline-block;padding-left:75px; background-position:34px center; padding-right:20px;}
.install table td span.yuan{ display:inline-block; width:70px; height:70px; border-radius:50%; background:#595e5d; text-align:center; line-height:70px; font-size:14px; color:#fff; margin:13px 0 12px;}
.install table tr td:nth-child(2){ text-align:center;} 
.install p { margin-bottom: 79px;}
.install{padding-bottom: 76px;}


/*能源*/
.energySupply .energyImg{ text-align:center;}
.energySupply p { margin-bottom: 67px;}
.energySupply{ padding-bottom:0;}
.energySupply .energyImg img{vertical-align: bottom;}


.installList>div{ width:45.2%; float:left; text-align:center;}
.installList>div:last-child{ float:right;}
.installList>div p{ width:370px; display:inline-block; font-size:28px; color:#555555;margin-bottom: 0px;    margin-top: 31px;letter-spacing: 2px;}
.installList{margin-top: 92px;}

.boxList>div{width:44%; float:left; text-align:center;}
.boxList>div:first-child{ width:28%;}
.boxList>div:last-child{ width:28%;}
.boxList{margin-top: -11px;}
.boxList>div p {  margin-top: 40px;}

@media(max-width:1500px){
	#join .joinTab ul.tab-list{ width:100%;}
	#join .joinTab ul.tab-list li a { font-size: 20px;}
	#join .joinTab .tab-icon { height: 40px; width:36px; background-size:1400px;}
	#join .joinTab li.on .tab-icon, #join .joinTab li:hover .tab-icon{background-size:1400px;}
	#join .joinTab li .tab-icon.icon-01{background-position:4px 0;}
	
	#join .joinTab li .tab-icon.icon-02{background-position:-529px 2px;}
	#join .joinTab li .tab-icon.icon-03{background-position:-267px 0;}
	#join .joinTab li .tab-icon.icon-04{background-position:-796px 2px;}
	#join .joinTab li .tab-icon.icon-05{background-position:-1079px 0;}
	#join .joinTab li .tab-icon.icon-06{background-position:-1361px 0;}
}


@media(max-width:1300px){
	#join{ overflow:hidden;}
	.joinAnnoyance .annoyanceBox { padding-left: 437px;}
	#join .joinTab ul.tab-list li a { font-size: 18px;}
}

/*线下服务商家*/
.service-container{
	padding: 50px 0 60px 0;
}
.service-container *{
	box-sizing: border-box;
}
.service-container .demand-title span{
	display: inline-block;
	vertical-align: top;
	height: 79px;
	width: 475px;
	border-bottom: 4px solid #8c8c8c;
}
.service-container .advantages{
	text-align: center;
	color: #8c8c8c;
	font-size: 20px;
	line-height: 36px;
}
.service-container .city-box{
	text-align: center;
	margin-top: 30px;
}
.service-container .city-list{
	display: inline-block;
	vertical-align: top;
}
.service-container .city-list li{
	float: left;
	min-width: 120px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	border: 1px solid #eaeaea;
	margin:0 2px 3px 0;
	color: #e01222;
}

.service-container .city-list li a{
	display: block;
	color: #484848;
}
.service-container .city-list li .active{
    color: #e01222;
}
.service-container .city-list li a:hover{
	color: #e01222;
	text-decoration: underline;
	cursor: pointer;
}
.service-container .case-list{
	margin-top: 30px;
}
.service-container .case-list li{
	float: left;
	width: 285px;
	height: 338px;
	border: 1px solid #e1e1e1;
	margin-right: 16px;
	transition: All 0.5s;
	-webkit-transition: All 0.5s;
	-moz-transition:All 0.5s;
	-ms-transition: All 0.5s;
	-o-transition: All 0.5s;
}
.service-container .case-list li:last-child{
	margin-right: 0;
}
.service-container .case-list li .img-box img{
	width: 100%;
	height: 100%;
}
.service-container .case-list li:hover .img-box img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.service-container .case-list li:hover{
	border-color: transparent;
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-4px,0);
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
	-o-transform: translate3d(0,-4px,0);
}
.service-container .case-list li .img-box{
	height: 180px;
	overflow: hidden;
	position: relative;
}
.service-container .case-list li .img-box img{
	transition: All 0.6s ease-in-out;
	-webkit-transition: All 0.6s ease-in-out;
	-moz-transition:All 0.6s ease-in-out ;
	-ms-transition: All 0.6s ease-in-out;
	-o-transition: All 0.6s ease-in-out;
}

.service-container .case-list li .case-intro{
	padding: 55px 10px 0 10px;
	text-align: center;
	position: relative;
}
.service-container .case-list li .case-intro .btitle{
	position: absolute;
	top:-49px;
	left: 93px;
	width: 98px;
	height: 98px;
	border-radius: 50%;
	background: #fff;
	color: #e01222;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	padding: 20px 0;
	letter-spacing: 1px;
	z-index: 10;
}
.service-container .case-list li .case-intro .company a{
	display: block;
	color:#111;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px;
}
.service-container .case-list li .case-intro .place{
	color: #8e8e8e;
}
.service-container .case-list li .case-intro .btn{
	display: inline-block;
	vertical-align: top;
	width: 110px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	margin-top: 10px;
}
.service-container .case-list li .case-intro .tel-btn{
	background: #e01222;
	color: #fff;
	margin-right: 15px;
}
.service-container .case-list li .case-intro .consult-btn{
	color: #1191bb;
	border: 1px solid #1191bb;
}



