@charset "utf-8";
.qdhz-banner {
	background:url(../img/banner-zsjm.jpg?v=202009041700) no-repeat 50% 50%;
	height: 600px;
	color: #FFF;
	background-size:cover; 
	min-width: 1200px;
	position: relative;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.banner-bottom {
    text-align: center;
    padding: 40px 0;
    background: url(../img/banner-bottom-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.banner-bottom p {
    color: #8F8E94;
    font-size: 18px;
    line-height: 28px;
}
.banner-bottom p.small {
	font-size: 14px;
	margin-top: 20px;
}
/**代理商优势**/
.agent-container .container-item dl {
	float: left;
	margin:0px 23px 20px 23px;
	text-align: center;
}
.agent-container .container-item dl dt {
	width: 150px;
	height: 150px;
    transition: all 0.2s linear;
}
.agent-container .container-item dl dd {
	font-size: 20px;
	color: #030303;
	margin-top: 10px;
}
.agent-container .container-item dl dt:hover{
	transform: scale(1.4);
    -webkit-transform: scale(1.4);
	transition: all 0.2s linear;
}
.agent-container .container-item dl:hover dd {
	color: #FF5B29;
}
/**代理商条件***/
.agent-condition-container {
	margin-top: 70px;
}
.agent-condition-container .container-item {
	padding: 0 35px;
}
.agent-condition-container .agent-condition-item {
	width:190px;
	height:120px;
	background: #F8F8FB;
	text-align: center;
	padding: 60px 35px;
	border-top:6px solid #FF5B29;
	margin-right: 30px;
}
.agent-condition-container .agent-condition-item.maegin-right-none{
	margin-right: 0px;
}
.agent-condition-container .agent-condition-item h4 {
	color: #030303;
	font-size: 22px;
	font-weight:400;
}
.agent-condition-container .agent-condition-item p {
	color: #8F8E94;
	font-size: 16px;
	margin-top: 30px;
	line-height:22px;
}
/**代理商流程**/
.agent-step-container {
	height: 505px;
	background: #030303;
	color: #fff;
	margin-top: 90px;
	padding-bottom: 60px;
}
.agent-step-container dl {
	margin:0 86px;
	float: left;
	text-align: center;
    transition: all 0.2s linear;
	position: relative;
}
.agent-step-container dl:after {
	position: absolute;
	content:"";
    top: 80px;
    right: -85px;
   	width: 14px;
	height: 15px;
	background:url(../img/apply-right-icon.svg) no-repeat;
}
.agent-step-container dl dt {
	width: 102px;
	height: 102px;
	margin-top: 37px;
}
.agent-step-container dl dd {
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
}
.agent-step-container dl dt:hover {
	transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transition: all 0.2s linear;
}
.agent-step-container dl.lastafter:after{
	background:none;
}
.agent-step-container a.custom-service:hover {
    background: #FFAE6C;
}
.agent-step-container .white-font {
	color: #fff;
}
.agent-step-container .container-item {
	padding-left: 102px;
}
.agent-step-container dl.lastafter:after {
    background: none;
}
.second-page-footer{
	margin-top: 90px;
	background:url(../img/second-page-footer-bg.jpg) no-repeat center top;
	background-size: cover;
	text-align: center;
	height: 240px;
}
.second-page-footer p {
	color: #FFFFFF;
	font-size: 28px;
	padding-top: 100px;
}
.agent-step-container a  {
    display: block;
    width: 140px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    margin:55px auto 0 auto;
}
.agent-step-container a:hover {
	background: #fff;
    color: #FF5B29;
}
/**他们都在用盟主**/
.case-container .case-item {
	width: 358px;
	height: 290px;
	float: left;
	overflow: hidden;
	background:#fff;
	border: 1px solid #F0F2F5;
	position: relative;
	margin:0px 20px 40px 20px;
}
.case-container .case-item .case-item-show img {
	width: 358px;
	height: 223px;
}
.case-container .case-item .case-item-show p {
	color: #8F8E94;
	font-size: 14px;
	padding-left: 20px;
	padding-bottom: 6px;
}
.case-container .case-item .case-item-toggle {
	padding: 20px;
	background:rgba(255,91,41,0.9);
	position: absolute;
	top:400px;
	left: 0;
	height: 100%;
	width: 90%;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.case-container .case-item:hover .case-item-toggle{
	top:0px;
}
.case-container .case-item .case-item-toggle .company-desc {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
}
.case-container .case-item .case-item-toggle-top p {
	font-size: 20px;
	width: 220px;
	padding-bottom: 10px;
	color: #fff;
	line-height: 28px;
}
.case-container .case-item  .case-item-toggle-top p.case-company-info{
	font-size: 14px;
	padding: 0;
	height: auto;
	line-height: 20px;
}
.case-container .case-item  .case-item-toggle-top img {
	width: 80px;
	height: 80px;
}
.case-container  a.more-case {
	display: block;
	width:140px;
	height:42px;
    border:1px solid #FF5B29;
	border-radius:2px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 42px;
	margin:30px auto 0px auto;
	color: #FF5B29
}
.case-container  a.more-case:hover {
	background:#FFAE6C;
	color: #fff;
	border:1px solid #FFAE6C;
}
.qdhz-banner .common-banner-custom-service.font-weight {
	font-weight: bold;
	letter-spacing: 2px;
}