/*banner*/
.banner{
    width: 100%;
    height: 658px;
}
/*banner 下面表单*/
.index_form{
    box-shadow: 1px 1px 8px #ccc;
    padding:30px;
    width: calc(1200px - 60px);
    margin-top:-80px;
    background: #fff;
}
.index_form h2{
    margin-bottom:22px;
}
.index_form h2 span{
    font-size:26px;
    padding-right:10px;
    margin-right:20px;
    border-bottom:3px solid #f79c33;
}
.index_form h2 font{
    color:#f79c33;
    padding-right:4px;
}
.index_form .forms{
    /*text-align: center;*/
}
.index_form .forms .input{
    display: inline-block;
    position: relative;
    line-height: 45px;
    margin-right:20px;
}
.index_form .forms span{
    padding-right:10px;
}
.index_form .forms .input input{
    border:1px solid #ccc;
    height: 40px;
    border-radius: 3px;
    outline: 0px;
    /* text-indent: 10px; */
    /* width: 200px; */
}
.index_form .forms b{
    font-weight: normal;
    position: absolute;
    top:0px;
    right:10px;
    color: #666;
}
.index_form .forms .btn{
    display: inline-block;
    background: #f79c33;
    line-height: 40px;
    padding:0px 16px;
    border-radius: 5px;
    color:#fff;
    cursor: pointer;
}

/*免费设计流程*/
.freeTit{
    padding-top:30px;
}
.freeTit span{
    font-size:26px;
    display: inline-block;
}
.freeTit span:before{
    content:" ";
    width:20px;
    height: 20px;
    float:left;
    background:#f79c33;
    border-radius:20px;
    opacity: 0.6;
    margin-top:9px;
    margin-right:10px;
}
.freeFlow{
    padding:30px 0px;
}
.freeFlow .item{
    width:300px;
    height: 300px;
    float:left;
    text-align: center;
    background:#f9f9f9;
    transition: all 0.4s;
    color:#666;
    position: relative;
}
.freeFlow .item p{
    margin-top:60px;
    margin-bottom:20px;
    height: 60px;
}
.freeFlow .item:nth-child(1) p{
    background:url(../images/free01.png) no-repeat center center;
}
.freeFlow .item:nth-child(2) p{
    background:url(../images/free02.png) no-repeat center center;
}
.freeFlow .item:nth-child(3) p{
    background:url(../images/free03.png) no-repeat center center;
}
.freeFlow .item:nth-child(4) p{
    background:url(../images/free04.png) no-repeat center center;
}
.freeFlow .item h2{
    font-weight: bold;
    line-height: 35px;
    padding-bottom:20px;
}
.freeFlow .item:hover{
    background:#f79c33;
    transform:translateY(-10px);
    color:#fff;
}
.freeFlow .item i{
    display: inline-block;
    width:40px;
    position: absolute;
    bottom: 20px;
    border-top:4px solid #f9f9f9;
    left:calc(50% - 20px);
}
.freeFlow .item:hover:nth-child(1) p{
    background:url(../images/free1.png) no-repeat center center;
}
.freeFlow .item:hover:nth-child(2) p{
    background:url(../images/free2.png) no-repeat center center;
}
.freeFlow .item:hover:nth-child(3) p{
    background:url(../images/free3.png) no-repeat center center;
}
.freeFlow .item:hover:nth-child(4) p{
    background:url(../images/free4.png) no-repeat center center;
}
/*透明报价，最高可省30%*/
.opaty{
    background: #f6f6f6;
    padding-top:20px;
}
.opaty .opatyList{
    padding:40px 0;
}
.opaty .opatyList .item{
    width:400px;
    text-align: center;
    float: left;
    transition: all 0.4s;
}
.opaty .opatyList .item:hover{
    transform: translateY(-10px);
}
/*为什么选择买家宝？*/
.select{
    padding:60px 50px;
}
.select .tit .left{
    width:495px;
    float:left;
    height: 70px;
    line-height: 70px;
    background:#f79c33; 
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    text-align: center;
    font-size:30px;
    color:#fff;
}
.select .tit .pk{
    width:110px;
    float:left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size:50px;
    background:#eee;
    color:#666;
}
.select .tit .right{
    width:495px;
    float:left;
    height: 70px;
    line-height: 70px;
    background:#ddd;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    text-align: center;
    font-size:30px;
}
.select .selCont{
    padding:0px 100px;
}
.select .selCont .left{
    width:395px;
    float:left;
    line-height: 70px;
    background:#eee; 
    text-align: center;
    font-size:30px;
    color:#666;
    padding:20px 0px;
    text-align: right;
}
.select .selCont .left i{
    padding-left:30px;
}
.select .selCont .pk{
    width:110px;
    float:left;
    line-height: 70px;
    text-align: center;
    font-size:50px;
    color:#666;
    padding:20px 0px;
    background:#eee; 
}
.select .selCont .right{
    width:395px;
    float:left;
    line-height: 70px;
    padding:20px 0px;
    background:#eee; 
    text-align: center;
    color:#666;
    text-align: left;
}
.select .selCont .right i{
    padding-right: 30px;
}
/*效果图案例*/
.case{
    background: #fefefe;
    /*padding-top:20px;*/
}
.case .imgs{
    padding-top:40px;
}
.case .imgs .left{
    width:800px;
    float:left;
    /*background: #ccc;*/
}
.case .imgs .left .item{
    width:376px;
    height: 290px;
    float:left;
    position: relative;
    margin-bottom:30px;
    cursor: pointer;
}
.case .imgs .left .item img{
    width:376px;
    height: 290px;
}
.case .imgs .left .item .info{
    position: absolute;
    bottom:0px;
    width:100%;
    height: 45px;
    line-height: 45px;
    background: rgba(0,0,0,0.6);
    text-align: center;
    color:#fff;
}
.case .imgs .left .item:nth-child(2n+1){
    margin-right:30px;
}

.case .imgs .right{
    width:400px;
    height: 611px;
    float:right;
    background:url(../images/casebg.jpg) no-repeat center center;
}
.case .imgs .right .forms{
    padding-top:220px;
    padding-left:60px;
    padding-right:40px;
}
.case .imgs .right .forms .tit{
    text-align: center;
    font-size:16px;
    color:#f79c33;
}
.case .imgs .right .forms .tit span{
    display: inline-block;
    background: #f79c33;
    color:#fff;
    font-size:24px;
    padding:4px 6px;
    margin:0px 3px;
}
.case .imgs .right .forms form{
    display: block;
    padding-top:18px;

}
.case .imgs .right .forms form .input{
    position: relative;
    margin-bottom:18px;
}
.case .imgs .right .forms form .input input{
    height: 40px;
    background: #fff;
    width:100%;
    border:0px;
    text-indent: 10px;
    outline: 0px;
}
.case .imgs .right .forms form .input span{
    position: absolute;
    top:13px;
    right:10px;
    color:#999;
}
.case .imgs .right .forms form .btn{
    width:100%;
    height: 40px;
    line-height: 40px;
    text-align:center;
    background: #f79c33;
    color:#fff;
    border-radius: 4px;
}
.case .imgs .right .forms .war{
    font-size:12px;
    color:#666;
    padding-top:10px;
}

.advantage{
    width:100%;
    background: #f79c33;
    padding:30px 0px;
}
.advantage .item{
    width:200px;
    float:left;
    vertical-align: middle;
}
.advantage .item i{
    width:50px;
    height: 50px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/icon1.png) no-repeat center center;
    background-size:auto 100%;
    margin-right:5px;
}
.advantage .item:hover div{
    color:#fff;
}
.advantage .item:nth-child(2) i{
    background: url(../images/icon2.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:nth-child(3) i{
    background: url(../images/icon3.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:nth-child(4) i{
    background: url(../images/icon4.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:nth-child(5) i{
    background: url(../images/icon5.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:nth-child(6) i{
    background: url(../images/icon6.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:hover:nth-child(1) i{
    background: url(../images/icon01.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:hover:nth-child(2) i{
    background: url(../images/icon02.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:hover:nth-child(3) i{
    background: url(../images/icon03.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:hover:nth-child(4) i{
    background: url(../images/icon04.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:hover:nth-child(5) i{
    background: url(../images/icon05.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item:hover:nth-child(6) i{
    background: url(../images/icon06.png) no-repeat center center;
    background-size:auto 100%;
}
.advantage .item div{
    display: inline-block;
    vertical-align: middle;
    font-size:12px;
    color:#333;
}
.advantage .item div span{
    font-size:14px;
}
.advantage .item div  h2{
    font-size:18px;
}
.foot{
    margin-top:0px;
}






.bannerInfo2 {
	padding: 10px 0px; line-height: 40px;
}
.bannerInfo2 .info2 {
	margin-left:30px;
	color: rgb(102, 102, 102); vertical-align: middle; float: left;
}
.bannerInfo2 .info2 i {
	padding-right: 4px; vertical-align: middle; display: inline-block;
}
.bannerInfo2 .info2 span {
	padding-right: 4px; vertical-align: middle; display: inline-block;
}
.bannerInfo2 .info2 span {
	padding-right: 30px; font-size: 14px;
}
.bannerInfo2 .scroll2 {
	width: 530px; 
	/*width:100%;*/
	float: right;
}
.bannerInfo2 .scroll2 span {
	margin-left:30px;
	/*width: 120px; */
	color: rgb(247, 156, 51); float: left; display: inline-block;
}
.bannerInfo2 .scroll2 .list2 {
	width: 350px; height: 40px; color: rgb(136, 136, 136); line-height: 40px; overflow: hidden; float: left; position: relative;
}
.bannerInfo2 .scroll2 .list2 p {
	top: 40px; position: absolute;
}
.bannerInfo2 .scroll2 .list2 p:first-child {
	top: 0px;
}