/*
* @Author: Jin HuaChao
* @Date:   2020-10-21 10:03:49
* @Last Modified by:   Jin HuaChao
* @Last Modified time: 2020-11-07 14:18:03
*/

.banner{
	padding-top: 100px;
	background: url('../image/banner.jpg') no-repeat center;
	height: 612px;
}

/*banner*/
.banner .btn{
	width:360px;
	height: 50px;
	background-color: #dd7a0b;
	margin:auto;
	font-size: 25px;
	color: #FBFBFB;
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	margin-top: 450px;
	box-shadow: 0px 0px 3px #dd7a0b;
	cursor: pointer;
}
.banner .btn:hover{
	background-color: #990b0b;
}
/**/
.section {
	overflow: hidden;

}
.section .a{
	max-width: 1200px;
	margin: auto;
}
.tit{
	height: 150px;
	line-height: 150px;
	color: #000000;
	text-align: center;
	font-size: 42px;
}
.section .a .tit{
	background: url('../image/tit-1.jpg') no-repeat center;
}
.descption{
	color: #535353;
	font-size: 16px;
	line-height: 33px;
	text-indent: 36px;
}
.we-do{
	height: 540px;
	margin-top: 30px;
	background: url('../image/bg-1.jpg') no-repeat center;
}
.we-do li{
	width: 600px;
	height: 270px;
	float: left;

}
.we-do .p1{
	color: #fefefe;
    font-size: 36px;
    text-align: center;
    padding-top: 68px;
}
.we-do .p2{
	color: #c4c3c3;
    font-size: 16px;
    text-align: center;
    width: 350px;
    margin: auto;
    margin-top: 10px;
}

/**/
.section.b{
	background: url('../image/bg-2.jpg') no-repeat center;
	height: 433px;
	margin-top: 30px;
}

.s_b_a{
	overflow: hidden;
	max-width: 1200px;
	margin: auto;
}
.s_b_a .tit{
	background: url('../image/tit-2.png') no-repeat center;
	color: #fefefe;
}

.s_b_a .p1{
	font-size: 16px;
    text-indent: 2rem;
    line-height: 38px;
    color: #cccccc;
    text-align: justify;
    padding: 10px 40px;
	background-image: -webkit-linear-gradient(bottom, rgb(255, 255, 255), rgb(200, 200, 200));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}

/*优势对比*/
.s_c_a{
	overflow: hidden;
	max-width: 1200px;
	margin: auto;
}
.s_c_a .tit{
	background: url('../image/tit-3.png') no-repeat center;
	color: #fefefe;
}

.vs {
	overflow: hidden;
	margin-top: 30px;
}
.vs>div{
	float: left;
}
.vs_l{
	width: 500px;
	height: 600px;
	background: url('../image/vs-l.jpg') no-repeat center;
}
.vs_tit{
	margin-top:50px;
}
.vs_tit p{
	text-align: right;
	color: #ffffff;
	padding: 0px 20px;

}
.vs_tit .p1{	
	font-size: 29px;
}
.vs_tit .p2{
	font-size: 24px;
}
.vs_m{
	width: 200px;
	height: 600px;
	background: url('../image/vs.jpg') no-repeat center;
}
 .vs_r .vs_tit p{
	text-align: left;
}
.vs_r{
	width: 500px;
	height: 600px;
	background: url('../image/vs-r.jpg') no-repeat center;
}

/*合作流程*/
.section.d{
	background: url('../image/bg-3.jpg') no-repeat center;
	height: 433px;
	margin-top: 30px;
}
.s_d_a{
	overflow: hidden;
	max-width: 1200px;
	margin: auto;

}
.s_c_a .content{
	color: #ffffff;
	font-size: 16px;
	padding: 40px 20px;
}
.s_c_a .content>p{
	line-height:40px;
}

.s_d_a .tit{
	background: url('../image/tit-4.png') no-repeat center;
	color: #fefefe;
}
.process{
	margin-top: 20px;
	overflow: hidden;
}

.process ul>li{
	float: left;
	width: 150px;
	text-align: center;
}
.process .p1{
	color: #fefefe;
	font-size: 16px;
	line-height: 32px;
}
.process .p2{
	color: #fefefe;
	font-size: 16px;
	line-height: 32px;
}

/*success*/

.s_e_a{
	overflow: hidden;
	max-width: 1200px;
	margin: auto;

}
.s_e_a .tit{
	background: url('../image/tit-5.png') no-repeat center;
	color: #fefefe;
}
.s_e_a .p {
	width: 800px;
	color: #555555;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	margin: auto;
}
.s_e_a .img{
	text-align: center;
	margin-top: 30px;
}


/*立即咨询*/
.operation-form{
    width: 1200px;
    height: 63px;
    margin: 20px auto;
    margin-top: 40px;
	


}
.operation-form input{
    height: 52px;
    width: 399px;
	line-height:52px;
	margin-left:3px;
	border:none;
    box-shadow:0 0 3px 3px #e7e7e7;
    border-radius: 28px;
    font-size: 16px;
    text-indent: 42px;
    color: rgb(102,102,102);
    background-color:#FFF; 
  	margin-right: 63px;
 }
 ::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 16px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 16px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 16px;
} 
.input-form{
	height: 63px;
	padding-top:5px;
	overflow: hidden;
	width: 1160px;
	margin: auto;
}
.operation-form input:first-child{
    margin-right: 93px;
}

.input-form button{
    height: 56px;
    width: 175px;
    background: #d07a0b;
    color:#ffffff;
    border-radius: 28px;
    border: 0px;
    box-shadow: 0px 0px 3px #dd7a0b;
    font-size: 21px;
    cursor: pointer
}

.input-form button:hover{

	background-color: #990b0b;
}

/*成功案例*/

.sucess{
	margin: auto;
	max-width: 1200px;
	overflow: hidden;
}

.sucess .tit{
	background: url('../image/tit-5.png') no-repeat center;
	color: #fefefe;
}
.sucess_a .hd {
	overflow: hidden;
	max-width: 800px;
	margin: auto;
}
.sucess_a .hd ul li{
	height: 50px;
	width: 160px;
	background: #cccccc;
	position: relative;
	margin: 20px;
	border-radius: 25px;
	float: left;
	line-height: 50px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
}


.sucess_a .hd ul li:not(:last-child):after{
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #cccccc;
    position: absolute;
    top: 50%;
    right: -40px;
}

.sucess_a .hd .on{
	background: #e33239;
}

.sucess_a .hd ul li:hover{
	background: #f3878b;
}
.sucess_a .bd ul{
	width: 1200px;
	overflow: hidden;
	margin: auto;
	position: relative;
}

.sucess_a .bd ul .pic {
	float: left;
	height: 430px;
	width: 760px;

	display: flex;
justify-content: center;
align-items: center;
}
.sucess_a .bd ul .pic img{

	box-shadow: 0px 0px 10px #5c5c5c;

}

.sucess_a .bd .content{
	position: absolute;
	width: 420px;
	height: 280px;
	top: 43px;
	left: 680px;
	background:rgba(0,0,0,0.5);
	padding: 20px;
	font-size: 17px;
	color: #ffffff;
}
.sucess_a .bd .content p{
	line-height: 28px;
    font-size: 16px;
    text-indent: 2rem;
}
.s_h ul{
	width: 280px;
	overflow: hidden;
	margin: auto;
}
.s_h ul li{
	width: 50px;
	height:10px;
	float: left;
	margin: 10px;
	background: #afafaf;
	border-radius: 5px;
}

.s_h ul li.on{
	background: red;
}