.mb20 {

    margin-bottom: 20px

}



.bannerBox {

    width: 100%;

    position: relative;

    overflow-x: hidden;

    z-index: 1

}



.bannerBox ul {

    position: relative;

    width: 100%;

    height: 440px

}



.bannerBox li {

    position: absolute;

    background: #353535;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    height: 440px;

    transition: opacity .5s;

    -moz-transition: opacity .5s;

    -webkit-transition: opacity .5s;

    -o-transition: opacity .5s

}



.bannerBox li.cur {

    opacity: 1;

    z-index: 2

}



.bannerBox li a {

    display: block;

    width: 100%;

    height: 440px

}



.bannerPage {

    position: absolute;

    bottom: 62px;

    left: 0;

    width: 100%;

    text-align: center;

    font-size: 0;

    z-index: 3

}



.bannerPage span {

    display: inline-block;

    width: 10px;

    height: 10px;

    border: 2px rgba(255, 255, 255, .5) solid;

    border-radius: 12px;

    margin: 0 8px;

    cursor: pointer;

    vertical-align: top

}



.bannerPage span i {

    display: inline-block;

    width: 10px;

    height: 10px;

    background: rgba(49, 64, 101, .5);

    border-radius: 10px

}



.bannerPage span:hover {

    border: 2px rgba(255, 255, 255, 1) solid

}



.bannerPage span:hover i {

    background: rgba(49, 64, 101, 1)

}



.bannerPage span.cur {

    border: 2px rgba(18, 20, 25, .5) solid;

    cursor: default

}



.bannerPage span.cur i {

    background: rgba(170, 185, 218, .5)

}



.head {

    position: absolute;

    top: 0;

    width: 1180px;

    left: 50%;

    margin-left: -590px;

    z-index: 3

}



.headCity {

    padding-top: 27px

}



.headLogo {

    display: inline-block;

    width: 110px;

    height: 40px

}



.site-city {

    margin-left: 16px

}



.site-city .s2 {

    display: inline-block;

    margin-top: 24px;

    color: #fff

}



.site-city .s2 .em2,

.site-phone .s1 .em1 {

    width: 11px;

    height: 6px;

    background-position: -19px -9px;

    margin: 8px 0 0 4px;

    -webkit-transition: .3s;

    transition: .3s

}



.site-city:hover .em2 {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg)

}



.site-city .site-cityBox,

.site-city:hover .site-cityBox {

    top: 50px

}



.headNav {

    padding-top: 16px;

    font-size: 0

}



.headNav-top {

    height: 24px

}



.headLogin {

    display: inline-block;

    line-height: 24px;

    color: #fff;

    font-size: 14px

}



.headLogin:hover {

    color: #3596ff

}



.headTel {

    display: inline-block;

    line-height: 24px;

    font-size: 22px;

    font-weight: 700;

    color: #3d85c6;

    position: relative;

    margin: -3px 0 0 20px

}



.headTel .em1 {

    width: 19px;

    height: 20px;

    background-position: -473px -26px;

    margin: 5px 5px 0 0

}



.site-phone .s1 {

    height: 24px;

    line-height: 24px;

    color: #fff

}



.phone-box {

    top: 24px;

    right: 0

}



.headNav-list {

    display: block;

    padding-top: 8px;

    font-size: 0;

    text-align: right

}



.headNav-list li {

    display: inline-block;

    height: 30px;

    line-height: 30px;

    margin-left: 15px;

    position: relative

}



.headNav-list li a {

    display: inline-block;

    font-size: 16px;

    color: #fff

}



.headNav-list li a:hover {

    color: #3596ff

}



.categoryBox dd .a1 .hot,

.headNav-list li .hot {

    width: 28px;

    height: 16px;

    background-position: -356px 0;

    position: absolute;

    right: -10px;

    top: -7px

}



.searchBox {

    background: #fff;

    border-radius: 4px;

    position: relative;

    margin-top: -50px;

    z-index: 2;

    padding: 20px 35px;

    box-shadow: 0 0 11px rgba(0, 0, 0, .11);

}



.searchBox h1 {

    font-size: 20px;

    font-weight: 700;

    line-height: 24px;

    padding-bottom: 18px;

    color: #333

}



.searchBox h1.pb7 {

    padding-bottom: 9px;

    display: inline-block

}



.searchBox h1.pb7:hover {

    color: #3596ff

}



.searchCon {

    display: inline-block;

    width: 760px

}



.searchCon h1{

    padding-top: 15px;

}



.search-box {

    font-size: 0

}



.txt_search .em1 {

    width: 19px;

    height: 19px;

    background-position: -396px -26px;

    position: absolute;

    left: 9px;

    top: 8px

}



.txt_search input {

    height: 34px;

    line-height: 34px;

    padding: 0 10px 0 36px;

    width: 415px

}



.search-box .s1 {

    height: 36px;

    line-height: 36px;

    font-size: 18px;

    font-weight: 700;

    color: #fff;

    width: 106px

}



.search-box ul.select-opt {

    top: 36px;

    width: 460px

}



.seltion-cont {

    font-size: 0;

    padding-top: 15px

}



.categoryBox {

    height: 34px;

    line-height: 34px;

    font-size: 0;

}



.categoryBox.initial {

    height: initial

}



.categoryBox.pb4 {

    padding-bottom: 18px

}



.categoryBox dt {
    display: inline-block;

    font-size: 14px;

    font-weight: 700;

    padding-right: 18px;

    line-height: 34px;

}


.categoryBox dd {

    display: inline-block;

    vertical-align: top;

    font-size: 0;

    max-width: 710px

}



.categoryBox dd .a1 {

    display: inline-block;

    margin-right: 18px;

    font-size: 14px;

    position: relative

}



.categoryBox dd .a1 .hot {

    top: -3px;

    right: -8px

}



@media screen and (max-width:780px){
	.categoryBox {
    height: 34px;
    line-height: 34px;
    font-size: 0;
	clear:both;
	}
	.categoryBox dt {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-right: 18px;
    line-height: 34px;
	float:left;
	}
	.categoryBox dd {
		display: inline-block;
		vertical-align: top;
		font-size: 0;
		max-width: 710px;
		float:left;
		/* width:calc(100% - 46px); */
	}
	
	.index_banner{
		display:none;
	}
	
}

.index-filter {

    position: relative;

    padding-top: 12px;

    line-height: initial

}



.index-filter .a2 {display: inline-block;cursor: pointer;font-size: 0;width: 49px;height: 10px;background-color: #f2f2f2;margin-right: 1px;}



.index-filter .a2:hover {

    background-color: #3596ff

}



.index-filter i {

    position: absolute;

    top: 26px;

    font-size: 12px;

    color: #979fa8;

    display: inline-block;

    line-height: 16px

}



.index-filter i.i1 {

    left: -3px

}



.index-filter i.i2 {

    left: 48px

}



.index-filter i.i3 {

    left: 117px

}



.index-filter i.i4 {

    left: 185px

}



.index-filter i.i5 {left: 230px;}



.index-filter i.i6 {

    left: 320px;

    font-size: 20px

}



.entrustServing {

    display: inline-block;

    width: 340px

}



.entrustServing-tips {

    color: #333;

    font-size: 14px;

    display: inline-block

}



.entrustServing-tips:hover {

    color: #3596ff

}



.phoneBox {

    font-size: 0;

    position: relative;

    margin-bottom: 25px;

    padding-bottom: 2px;

    height: 34px

}



.phoneBox:after {

    position: absolute;

    bottom: 2px;

    width: 250px;

    height: 1px;

    left: 0;

    display: inline-block;

    overflow: hidden;

    content: '';

    border-bottom: 1px #f2f2f2 solid;

    visibility: initial

}



.phoneBox input {

    width: 220px;

    height: 34px;

    border: 0;

    border-right: 0;

    padding: 0 10px 0 30px;

    line-height: 34px;

    font-size: 14px;

    background: #fff;

    border-radius: 4px 0 0 4px;

    text-align: left;

    float: left

}



.phoneBox .btn {

    display: inline-block;

    width: 78px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    font-size: 14px;

    color: #3f454b;

    background: #fff;

    border: 1px #f2f2f2 solid;

    border-radius: 4px;

    cursor: pointer;

    float: right

}



.phoneBox .btn.ing,

.phoneBox .btn:hover {

    border-color: #3596ff;

    color: #3f454b

}



.phoneBox .em2 {

    width: 12px;

    height: 20px;

    background-position: -425px -26px;

    position: absolute;

    left: 10px;

    top: 7px

}



.phoneBox .btn.end {

    color: #979fa8;

    background: #e4e4e4;

    cursor: text;

    border-color: #e4e4e4

}



.phoneBox .btn.end:hover {

    border-color: #e4e4e4

}



.phoneBox .btn img {

    margin: 6px 4px 0 0;

    vertical-align: top

}



.phoneBox .wrong-tag {

    top: 35px

}



.Serving-tips {

    line-height: 24px;

    font-size: 14px;

    color: #3f454b

}



.titleBox {

    height: 34px;

    padding: 34px 0 15px;

    font-size: 0

}



.titleBox.pt14 {

    padding-top: 14px

}



.titleBox h1 {

    display: inline-block;

    font-size: 22px;

    font-weight: 700;

    line-height: 34px

}



.titleBox .s1 {

    display: inline-block;

    padding-left: 10px;

    height: 24px;

    line-height: 24px;

    color: #979fa8;

    font-size: 14px;

    padding-top: 8px

}



.likeMore a,

.titleBox .a1 {

    display: inline-block;

    height: 26px;

    line-height: 26px;

    border: 1px #f2f2f2 solid;

    border-radius: 4px;

    padding: 0 14px;

    color: #979fa8;

    margin-top: 3px;

    font-size: 14px;

    letter-spacing: 2px

}



.likeMore a:hover,

.titleBox .a1:hover {

    border-color: #3596ff;

    color: #3596ff

}



.titleTag {

    display: inline-block;

    height: 20px;

    line-height: 20px;

    border-radius: 20px;

    padding: 0 12px 0 2px;

    font-size: 14px;

    color: #fff;

    margin: 7px 0 0 10px;

    background: #fd6976;

    vertical-align: top

}



.titleTag .em1 {

    width: 16px;

    height: 16px;

    background-position: -447px -26px;

    margin: 2px 8px 0 0

}



.Special-news {

    display: inline-block;

    width: 580px

}



.Special-newsTop img {

    display: inline-block;

    width: 220px;

    height: 136px

}



.Special-newsTop .imgBox {

    display: inline-block;

    width: 220px;

    height: 136px;

    overflow: hidden;

    border-radius: 4px

}



.Special-newsTop .imgCon {

    display: inline-block;

    width: 325px;

    padding: 0 15px 0 20px;

    font-size: 0

}



.Special-newsTop .imgCon h2 {

    display: inline-block;

    width: 325px;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 16px;

    font-weight: 700;

    position: relative;

    margin-top: -2px

}



.Special-newsTop .imgCon p {

    color: #979fa8;

    font-size: 12px;

    line-height: 22px;

    padding-top: 12px

}



.Special-newsList {

    padding-top: 9px;

    font-size: 0

}



.Special-newsList li {

    display: block;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.Special-newsList li a {

    display: block;

    max-width: 530px;

    height: 28px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #333;

    float: left

}



.Special-newsList li i {

    display: inline-block;

    color: #979fa8;

    float: right;

    font-size: 12px

}



.Special-imgBox {

    font-size: 0

}



.Special-imgBox li {

    display: inline-block;

    width: 280px;

    margin-left: 20px;

    height: 200px;

    position: relative;

    border-radius: 4px;

    overflow: hidden

}



.Special-imgBox li img {

    display: block;

    width: 280px;

    height: 200px

}



.Special-imgBox .p1 {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 10px;

    height: 36px;

    line-height: 36px;

    background: rgba(0, 0, 0, .3);

    font-size: 14px;

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #fff

}



.businessBox,

.offerBox,

.shareBox {

    width: 1200px;

    font-size: 0

}



.businessBox li,

.offerBox li,

.shareBox li {

    display: inline-block;

    width: 280px;

    height: 350px;

    overflow: hidden;

    position: relative;

    margin-right: 20px;

    border-radius: 4px

}



.businessBox li img {

    display: block;

    width: 280px;

    height: 350px;

    border-radius: 4px

}



.box-txt1 {

    height: 65px;

    width: 100%;

    position: absolute;

    left: 0;

    top: 285px;

    transition: All .4s ease-in-out;

    -webkit-transition: All .4s ease-in-out;

    -moz-transition: All .4s ease-in-out;

    -o-transition: All .4s ease-in-out

}



.box-txt1 .h1-title {

    padding: 28px 12px 0;

    line-height: 30px;

    color: #fff;

    font-size: 18px

}



.box-txt1 .p1 {

    padding: 7px 12px 20px;

    font-size: 14px;

    line-height: 22px;

    background: rgba(0, 0, 0, .7);

    color: #fff;

    min-height: 66px

}



.businessBox li:hover .box-txt1 {

    transform: translate(0, -75px);

    -webkit-transform: translate(0, -75px);

    -moz-transform: translate(0, -75px);

    -o-transform: translate(0, -75px)

}



.businessBox.row-3 li,

.businessBox.row-3 li img {

    width: 380px;

    height: 160px

}



.businessBox.row-3 .box-txt1 {

    top: 94px

}



.businessBox.row-3 li:hover .box-txt1 {

    transform: translate(0, -53px);

    -webkit-transform: translate(0, -53px);

    -moz-transform: translate(0, -53px);

    -o-transform: translate(0, -53px)

}



.shareBox li {

    height: initial

}



.shareBox.mbli20 li {

    margin-bottom: 20px

}



.offerBox-img,

.shareBox-img {

    display: block;

    width: 280px;

    height: 210px;

    border-radius: 4px;

    overflow: hidden

}



.shareBox-img:hover {

    border-radius: 4px

}



.shareBox-img img {

    width: 280px;

    height: 210px

}



.houseBox-about {

    padding-top: 7px

}



.houseName {

    display: block;

    height: 24px;

    line-height: 24px;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 16px;

    font-weight: 700;

    color: #333

}



.houseAddress {

    display: inline-block;

    height: 24px;

    line-height: 24px;

    color: #8c8fa7;

    font-size: 12px;

    margin-top: 10px

}



.houseAddress .em1 {

    width: 12px;

    height: 14px;

    background-position: -394px 0;

    margin: 5px 5px 0 0

}



.housePrice {

    display: inline-block;

    height: 24px;

    line-height: 24px;

    font-size: 14px;

    color: #3f454b;

    margin-top: 10px

}



.housePrice .i1 {

    font-size: 24px;

    color: #ec203d;

    display: inline-block;

    margin-right: 5px;

    vertical-align: top;

    position: relative;

    margin-top: -2px

}



.housePrice .i2 {

    font-size: 12px;

    color: #979fa8;

    line-height: 24px;

    margin-top: 10px;

    text-decoration: line-through

}



.brandBox {

    width: 1120px;

    height: 110px;

    margin-top: 26px;

    padding: 0 30px

}



.brandBox .s1 {

    display: inline-block;

    height: 50px;

    line-height: 50px;

    margin: 30px 0;

    width: 120px;

    border-right: 2px #eee solid;

    font-size: 20px;

    font-weight: 700;

    color: #fff

}



.brandBox ul {

    padding: 19px 0 0 30px;

    font-size: 0;

    width: 480px

}



.brandBox li {

    display: inline-block;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    vertical-align: top;

    padding-right: 30px

}



.brandBox li a {

    display: block;

    color: #ffca3a

}



.brandBox li a:hover {

    text-decoration: underline

}



.brandBox li a.w100 {

    width: 100px

}



.brandBox li a.w112 {

    width: 112px

}



.brandBox li a.w170 {

    width: 170px

}



.brandBox li .em1 {

    width: 7px;

    height: 12px;

    background-position: -416px 0;

    margin: 12px 4px 0 0

}



.brandBtn {

    display: inline-block;

    width: 240px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    background: #3d85c6;

    color: #fff;

    font-weight: 700;

    font-size: 16px;

    border-radius: 4px;

    margin-top: 34px

}



.brandBtn:hover {

    background: #3596ff;

    color: #fff

}



.offerBox li {

    height: initial;

    overflow: initial

}



.offerBox-img {

    position: relative;

    z-index: 2

}



.offerBox-tips {

    display: inline-block;

    height: 26px;

    line-height: 26px;

    color: #fff;

    font-size: 12px;

    background: #fa8e90;

    border-radius: 3px;

    padding: 0 10px;

    position: absolute;

    top: 13px;

    right: -5px;

    z-index: 1

}



.offerBox-tips em {

    width: 16px;

    height: 16px;

    margin: 5px 5px 0 0

}



.offerBox-tips em.em1 {

    background-position: 0 -178px

}



.offerBox-tips em.em2 {

    background-position: -26px -178px

}



.offerBox-tips em.em3 {

    background-position: -52px -178px

}



.offerBox-tips em.em4 {

    background-position: -76px -178px

}



.offerBox-tips-i {

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 5px solid #fd6976;

    position: absolute;

    top: 37px;

    right: -5px;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    z-index: 1

}



.offerTips {

    display: inline-block;

    height: 24px;

    line-height: 24px;

    padding: 0 5px;

    border-radius: 4px;

    font-size: 14px;

    margin-top: 10px

}



.offerTips.t1 {

    background: #eff6f5;

    color: #a6c5c1

}



.offerTips.t2 {

    background: #f5f2e9;

    color: #e4d19e

}



.offerTips.t3 {

    background: #eef2f8;

    color: #a2afc8

}



.offerTips.t4 {

    background: #f7f0ee;

    color: #bc988d

}



.offerTips.t5 {

    background: #f0f0f1;

    color: #b6b4b7

}



.likeBox ul {

    width: 900px

}



.likeBox li {

    margin-bottom: 40px;

    position: relative

}



.likeImg {

    display: inline-block;

    width: 246px;

    height: 178px;

    border-radius: 4px;

    overflow: hidden;

    position: relative

}



.likeImg img {

    width: 246px;

    height: 178px

}



.likeAbout {

    display: inline-block;

    padding-left: 30px;

    position: relative;

    width: 624px;

    height: 162px

}



.likeAbout h2 {

    display: block;

    height: 30px;

    line-height: 30px;

    font-size: 20px;

    font-weight: 700;

    white-space: nowrap;

    text-overflow: ellipsis;

    position: relative;

    margin-top: -5px;

    padding-bottom: 15px

}



.likeAbout .p1,

.likeAbout .p2 {

    line-height: 28px;

    font-size: 14px;

    color: #3f454b;

    display: block;

    height: 28px;

    width: 440px;

    padding-bottom: 4px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.likeAbout .p1 .i1 {

    display: inline-block;

    color: #ddd;

    vertical-align: middle;

    margin: 0 8px

}



.likeAbout .p1 a {

    color: #3f454b

}



.likeAbout .p1 a:hover {

    color: #3596ff

}



.likeAbout .p1 .num {

}



.likeAbout .p2 {

    color: #979fa8

}



.likeAbout .p2 a {

    color: #979fa8

}



.likeAbout .p2 a:hover {

    color: #3596ff

}



.likeAbout .p-tag {

    width: 100%;

    font-size: 0

}



.likeAbout .p-tag .offerTips {

    margin-right: 10px;

    margin-top: 8px

}



.likeAbout-price {

    position: absolute;

    right: 0;

    top: 40px;

    text-align: right;

    color: #979fa8

}



.likeAbout-price .p1 {

    line-height: 32px;

    font-size: 14px

}



.likeAbout-price .p1 i {

    display: inline-block;

    font-size: 26px;

    font-weight: 700;

    color: #ec203d;

    padding-right: 5px;

    position: relative;

    margin-top: -3px;

    vertical-align: top

}



.likeAbout-price .p2 {

    line-height: 24px

}



.likeMore {

    text-align: center

}



.likeMore a {

    line-height: 38px;

    height: 38px;

    width: 218px;

    margin-top: 0

}



.zixun-left {

    display: inline-block;

    width: 380px;

    height: 363px;

    position: relative;

    border-radius: 4px;

    overflow: hidden

}



.zixun-left img {

    width: 380px;

    height: 363px

}



.zixun-pic-t {

    position: absolute;

    left: 0;

    bottom: 0;

    line-height: 20px;

    padding: 10px 10px 5px;

    width: 360px;

    font-size: 14px;

    color: #fff;

    height: 24px;

    line-height: 24px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.zixun-right {

    display: inline-block;

    width: 800px

}



.zixun-pic {

    margin: 0 0 0 20px;

    position: relative;

    display: inline-block;

    width: 380px;

    height: 182px;

    overflow: hidden;

    border-radius: 4px

}



.zixun-news {

    width: 380px;

    margin-left: 20px;

    padding-top: 14px

}



.zixun-h1 {

    height: 30px;

    line-height: 30px;

    padding-bottom: 5px;

    font-weight: 400

}



.zixun-h1 span {

    display: inline-block;

    font-size: 16px

}



.zixun-h1 a {

    float: right;

    color: #979fa8;

    font-size: 12px

}



.zixun-list li {

    height: 28px;

    line-height: 28px;

    font-size: 12px

}



.zixun-list a {

    display: block;

    width: 330px;

    height: 28px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #333;

    float: left

}



.zixun-list span {

    float: right;

    text-align: right;

    width: 50px;

    color: #979fa8

}



.toolBox {

    display: inline-block;

    width: 1000px

}



.beian_bottom {

    display: inline-block;

    width: 160px;

    height: 170px;

    text-align: center

}



.beian_bottom a {

    display: block;

    font-size: 0

}



.beian_bottom img {

    display: inline-block;

    width: 116px;

    height: 116px;

    margin: 40px auto 0

}



.beian_bottom p {

    font-size: 12px;

    color: #333

}



.Special-newsList li a,

.Special-newsTop .imgCon h2 a,

.categoryBox dd .a1,

.likeAbout h2 a,

.searchBox h1 a {

    color: #333

}



.Special-newsList li a:hover,

.Special-newsTop .imgCon h2 a:hover,

.categoryBox dd .a1:hover,

.likeAbout h2 a:hover,

.searchBox h1 a:hover,

.shareBox li:hover .shareName,

.zixun-h1 a:hover,

.zixun-list a:hover {

    color: #3d85c6

}



.Special-imgBox li img,

.Special-newsTop img,

.businessBox li img,

.likeImg img,

.offerBox-img img,

.shareBox-img img,

.zixun-left img,

.zixun-pic img {

    border-radius: 4px;

    transform: scale(1);

    -webkit-transform: scale(1);

    -webkit-transition: opacity .35s, -webkit-transform .35s;

    transition: opacity .35s, transform .35s;

    border-radius: 4px

}



.Special-imgBox li:hover img,

.Special-newsTop .imgBox:hover img,

.businessBox li:hover img,

.likeImg:hover img,

.offerBox-img:hover img,

.shareBox-img:hover img,

.zixun-left:hover img,

.zixun-pic:hover img {

    -webkit-transform: scale(1.04);

    transform: scale(1.04);

    border-radius: 4px

}



.clientbox {

    width: 1200px;

    white-space: nowrap

}



.clientbox li {

    width: 270px;

    height: 344px;

    background-color: #fff;

    margin-right: 30px;

    float: left;

    text-align: center;

    white-space: normal

}



.client-header {

    padding-top: 10px

}



.client-header img {

    display: inline-block;

    width: 80px;

    height: 80px;

    border-radius: 80px

}



.clientbox .p1 {

    padding-top: 15px;

    line-height: 28px;

    font-size: 22px

}



.clientbox .p2 {

    line-height: 22px;

    font-size: 14px

}



.clientbox .p3 {

    padding: 18px 0;

    margin-top: 15px;

    line-height: 22px;

    font-size: 14px;

    color: #979fa8;

    position: relative

}



.clientbox .seo_icon,

.service .seo_icon {

    display: inline-block;

    position: absolute;

    width: 19px;

    height: 12px;

    font-size: 0

}



.clientbox .em1 {

    background-position: left top;

    top: 0;

    left: 4px

}



.clientbox .em2 {

    background-position: -37px top;

    bottom: 0;

    right: 4px

}



.client-logo {

    width: 1200px;

    text-align: center;

    font-size: 0

}



.client-logo li {

    width: 220px;

    height: 80px;

    margin: 0 20px 20px 0;

    vertical-align: top;

    display: inline-block

}



.service {

    text-align: center;

    padding: 15px 0

}



.service .em1 {

    width: 448px;

    height: 10px;

    position: relative

}



.user-box {

    height: 24px;

    z-index: 2

}



.user-box .s1 {

    line-height: 24px;

    color: #fff

}



.user-box .s1 .em1 {

    background-position: -19px -9px;

    margin-top: 8px

}



.user-box ul {

    top: 24px

}



.slogan2.mt80 {

    margin-top: 40px

}



.likeImg .video {

    position: absolute;

    right: 0;

    bottom: 0;

    display: inline-block;

    width: 40px;

    height: 26px;

    font-size: 0

}

.entrustServing {

    display: block;

    float: right;

    margin-right: 3px;

}

.entrustServing h1{

    padding-top: 15px;

}

.searchBox h1.pb7{

    padding-top: 0;

}