/* 轮播、产品分类、用户信息s */
.index-banner {
    border-top: 1px solid #ff6700;
    height: 528px;
    position: relative;
}

.swiper-banner {
    height: 528px;
    text-align: center;
}

.swiper-banner .swiper-slide {
    font-size: 0;
}

.index-banner-link {
    display: inline-block;
    width: 780px;
    /*padding: 0 220px 0 200px;*/
    margin-right: 20px;
}

.index-banner-img {
    width: 780px;
    height: 528px;
}

.swiper-ctrl-wrap {
    display: inline-block;
    width: 780px;
    height: 528px;
    padding: 0 220px 0 200px;
    position: relative;
    top: -528px;
}

.swiper-banner-pagination {
    width: 780px;
    text-align: center;
    position: absolute;
    bottom: 16px;
}

.swiper-banner-pagination .swiper-banner-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    cursor: pointer;
}

.swiper-banner-pagination .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, 1);
}

.swiper-banner-btn {
    width: 34px;
    height: 52px;
    line-height: 52px;
    position: absolute;
    top: 238px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s;
}

.swiper-banner-btn .iconfont {
    font-size: 24px;
    color: #fff;
}

.swiper-banner:hover .swiper-banner-btn {
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.swiper-banner .swiper-banner-btn:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.swiper-banner-prev {
    left: 50%;
    margin-left: -400px;
}

.swiper-banner-next {
    right: 50%;
    margin-right: -380px;
}

.index-bcon {
    position: relative;
    top: -528px;
}

.index-category {
    width: 200px;
    height: 560px;
   /* padding-top: 12px;*/
    /*background-color: #fff;*/
    background: linear-gradient(rgb(255 153 0 / 89%), rgb(255 103 0 / 77%));
    position: absolute;
    border-radius: 7px;
    top: -35px;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*overflow: hidden;*/
}

.index-category-top {
    height: 35px;
    line-height: 35px;
    width: 200px;
    text-align: center;
    color: #fff;
    font-size: 16px;
   /* background: -o-linear-gradient(left, #ff9900, #ff6700);
    background: -webkit-gradient(linear, left top, right top, from(#ff9900), to(#ff6700));
    background: linear-gradient(to right, #ff9900, #ff6700);*/
}

.index-category-item {
    line-height: 25px;
    padding: 5px 15px;
}

.index-category-item-link {
    color: #333;
    /*border-bottom: 1px solid #d9d9d9;*/
    width: 170px;
    display: block;
}

.index-category-item:hover {
    background-color: #ffece0;
}

.index-category-item:hover .index-category-item-link {
    color: #555;
}

.index-category-item:hover .index-category-item-link:hover {
    color: #ff6700;
}

.index-category-item .iconfont {
    margin-right: 7px;
    font-size: 12px;
    color: #ffffff;
    float: right;
}

.index-cdetail-title .iconfont {
    float: left;
}

.index-category-detail {
    display: none;
    width: 770px;
    height: 515px;
    background-color: #fff;
    position: absolute;
    top: 40px;
    left: 205px;
    border-radius: 10px;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.6);
    box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.6);
}

.index-category-item:hover .index-category-detail {
    display: block;
}

.index-category-detail-l {
    float: left;
    height: 528px;
    padding-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.index-category-detail-item {
    line-height: 2;
    margin-bottom: 8px;
}

.index-category-detail-img {
    width: 100%;
    position: absolute;
    left: 10px;
    bottom: 15px;
}

.index-category-detail-img-item {

    height: 150px;
    width: 355px;
    margin: 10px;
    border-radius: 8px;
}

.index-category-detail-img-item img {
    width: 100%;
    height: 100%;
    background-color: #1b6d85;
    border-radius: 8px;
}

.index-cdetail-title {
    float: left;
    width: 720px;
    margin-left: 30px;
    color: #000;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

.index-cdetail-title i.iconfont {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.index-cdetail-list {
    float: left;
    width: 720px;
    margin-left: 30px;
    color: #333;
}

.index-cdetail-list a {
    float: left;
    color: #777;
    margin-right: 40px;
    font-size: 16px;
    position: relative;
}

.index-cdetail-list a:hover {
    color: #ff6700;
}

.index-cdetail-list a::after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #ccc;
    position: absolute;
    top: 6px;
    right: -20px;
}

.index-cdetail-list a:last-child::after {
    display: none;
}

.index-category-detail-r {
    float: left;
    width: 199px;
}

.index-cdetail-big {
    display: block;
    height: 176px;
    text-align: center;
}

.index-cdetail-img {
    display: block;
    margin: 0 auto;
    padding: 20px 0 5px 0;
}

.index-cdetail-name {
    display: inline-block;
    line-height: 1;
    padding: 4px 10px;
    color: #ff6700;
    border: 1px solid #ff6700;
}

.index-info {
    width: 220px;
    height: 445px;
    background-color: #fff;
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 1;
    border-radius: 10px;
}

.index-info-user {
    padding: 31px 0;
    text-align: center;
}

.index-info-pic {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 52px;
    margin: 0 auto;
}

.index-info-int {
    color: #333;
    margin: 17px 0;
}

.index-info-ctrl {
    text-align: center;
}

.index-info-btn1 {
    display: inline-block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background: -o-linear-gradient(left, #ff9900, #ff6700);
    background: -webkit-gradient(linear, left top, right top, from(#ff9900), to(#ff6700));
    background: linear-gradient(to right, #ff9900, #ff6700);
    text-align: center;
}

.index-info-btn1:hover {
    color: #fff;
}

.index-info-btn2 {
    display: inline-block;
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    margin-left: 5px;
    border: 1px solid #ff6700;
    font-size: 14px;
    color: #ff6700;
    background-color: #fff;
    text-align: center;
}

.index-info-btn2:hover {
    color: #ff6700;
}

.index-info-list {
    border-top: 1px solid #f3efec;
}

.index-info-item {
    float: left;
    height: 88px;
    border-right: 1px solid #f3efec;
    border-bottom: 1px solid #f3efec;
    overflow: hidden;
}

.index-info-item1,
.index-info-item4 {
    width: 72px;
}

.index-info-item2,
.index-info-item5 {
    width: 73px;
}

.index-info-item3,
.index-info-item6 {
    width: 73px;
    border-right: 0;
}

.index-info-item-con {
    display: block;
    height: 30px;
    color: #555;
    padding-top: 58px;
    text-align: center;
    /*background: url(../img/icon-entry.png) no-repeat;*/
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.index-info-item-con:hover {
    -webkit-transform: translate(0, -4px);
    -ms-transform: translate(0, -4px);
    transform: translate(0, -4px);
}

/*.index-info-item-con1 {
    background-position: 25px 18px;
}

.index-info-item-con2 {
    background-position: -48px 18px;
}

.index-info-item-con3 {
    background-position: -124px 18px;
}

.index-info-item-con4 {
    background-position: -202px 18px;
}

.index-info-item-con5 {
    background-position: -279px 18px;
}

.index-info-item-con6 {
    background-position: -353px 18px;
}*/

.index-info-purchase {
    padding: 12px 0 0 0;
    text-align: center;
}
.index-info-purchase a img{
    border-radius: 5px;
}

.index-category-lm {
    font-size: 16px;
    display: block;
    color: #fff;
}
.index-category-lm img{
    margin-right: 10px;

}
.index-category-lm .iconfont {
    font-size: 14px;
    margin-left: 15px;
}

.index-category-lm2 {
    font-size: 14px;
    color: #c3c3c3;
}

.index-category-lm2 a {
    margin-right: 5px;
    color: #999;
}

.index-category-lm2 a:hover {
    color: #ff6700;
}

/* 轮播、产品分类、用户信息e */

/*优质服务商s*/
.service-provider {
    width: 1220px;
    margin: 0 auto;
}

.service-provider-title {
    height: 55px;
    line-height: 55px;
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    border-bottom: 1px solid #E1E7F3;
    margin-bottom: 15px;
}

.service-provider ul li {
    background-color: #fff;
    height: 300px;
    width: 229px;
    margin: 0 7.5px 15px 7.5px;
    float: left;
    padding: 15px 10px;
}

.provider-title {
    text-align: center;
    /* 溢出部分隐藏 */
    overflow: hidden;
    /* 溢出部分用省略号代替 */
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制一个块元素显示的文本行数 */
    -webkit-line-clamp: 2;
    /* 设置伸缩盒对象子元素的排列方式 */
    -webkit-box-orient: vertical;
    height: 45px;
}

.provider-logo {
    margin: 10px;
    height: 130px;
    text-align: center;
}

.provider-logo img {
    height: 100%;
    width: auto;
}

.provider-ms {
    height: 35px;
    font-size: 12px;
    color: #999;
    text-align: center;
    /* 溢出部分隐藏 */
    overflow: hidden;
    /* 溢出部分用省略号代替 */
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制一个块元素显示的文本行数 */
    -webkit-line-clamp: 2;
    /* 设置伸缩盒对象子元素的排列方式 */
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.provider-jr {
    width: 70px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ff9900;
    margin: 0 auto;
    text-align: center;
    color: #ff9900;
    font-size: 12px;
}

.provider-jr a {
    color: #ff9900;
}

/*优质服务商e*/
/*<!-- 服务流程s -->*/
.service-process {
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
}

.service-process .service-process-title {
    font-size: 20px;
    color: #333;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.service-process-info {
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}

.service-process-details {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.service-process-details i {
    margin-right: 10px;
    font-size: 20px;
}

.service-process-details-1 {
    width: 240px;
    height: 100%;
    color: #ff9900;
    border-radius: 8px 0 0 0;
}

.service-process-details-2 {
    width: 240px;
    height: 100%;
    background-color: #ff9900;
}

.service-process-details-3 {
    width: 240px;
    height: 100%;
    background-color: #ff9900;
    border-left: 1px solid #fff;
}

.service-process-details-4 {
    width: 239px;
    height: 100%;
    background-color: #ff9900;
    border-left: 1px solid #fff;
}

.service-process-details-5 {
    width: 239px;
    height: 100%;
    background-color: #ff9900;
    border-left: 1px solid #fff;
    border-radius: 0 8px 0 0;
}

.service-process-date {
    height: 50px;
    width: 120px;
    margin-left: 60px;
}

.service-process-input {
    width: 1000px;
    margin: 15px 100px;
    height: 60px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}

.service-process-input-ul {
    width: 848px;
    float: left;
    padding-top: 15px;
}

.service-process-input .service-process-condition {
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #eee;
    border-right: 1px solid #999;
    position: relative;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
    background-color: #fff;
}

.service-process-condition li {
    margin-left: 25px;
}

.service-process-condition .iconfont {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 0;
    right: 12px;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.service-process-input .service-process-condition-auto {
    height: auto;
}

.service-process-condition-auto .icon-jiantou-x {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.service-process-condition .icon-xy-dingwei {
    font-size: 12px;
    color: #ff9900;
    position: absolute;
    top: 0;
    right: 100px;
}

.service-process-input-condition {
    float: left;
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
}

.service-process-input-text {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.service-process-input-text i {
    float: left;
    color: #ff9900;
    margin-left: 20px;
}

button.service-process-btn {
    height: 58px;
    width: 150px;
    border: 1px solid #ff9900;
    background-color: #ff9900;
    color: #fff;
    font-size: 18px;
}

.service-process-conceal {
    margin-left: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 30px;
}

.service-process-conceal a {
    color: #007aff;
}

.service-process-conceal input {
    margin-right: 15px;
}

/*<!-- 服务流程e -->*/
/*官方服务*/
.official-services {
    width: 1200px;
    height: 420px;
    margin: 20px auto;
    background-color: #fff;
}

.official-services .official-services-left {
    width: 240px;
    height: 100%;
}

.official-services .official-services-left img {
    width: 100%;
    height: 100%;
}

.official-services .official-services-right {
    width: 960px;
    height: 100%;
}

.official-services .official-services-right .official-services-top {
    width: 100%;
    height: 270px;
    padding: 20px 0;
}

.official-services .official-services-right .official-services-bottom {
    width: 100%;
    height: 149px;
    border-top: 1px solid #d9d9d9;
    position: relative;
}

.official-services-top1 {
    width: 239.25px;
    height: 100%;
    padding: 0 15px;
}

.official-services-bottom1 {
    width: 478.5px;
    height: 100%;
}
.official-services-bottom1:before{
    content: '';
    display: block;
    width: 1px;
    height: 85%;
    background-color: #d9d9d9;
    position: absolute;
    top: 18px;
    left: 0px;
}

.official-services-top .official-services-img {
    width: 100%;
    height: 75px;
    text-align: center;
    margin-bottom: 10px;
}

.official-services-top .official-services-img img {
    height: 100%;
    width: auto;
}

.official-services-top .official-services-title {
    font-size: 16px;
    color: #000;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.official-services-top .official-services-title:hover{
    color: #ff9900;
}
.official-services-top .official-services-ms {
    font-size: 12px;
    color: #999;
    text-align: center;
    height: 50px;
    text-align: center;
    /* 溢出部分隐藏 */
    overflow: hidden;
    /* 溢出部分用省略号代替 */
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制一个块元素显示的文本行数 */
    -webkit-line-clamp: 3;
    /* 设置伸缩盒对象子元素的排列方式 */
    -webkit-box-orient: vertical;
}
.official-services-top .official-services-ms:hover{
    color: #ff9900;
}
.official-services-top .official-services-price {
    text-align: center;
    margin-top: 20px;
}

.official-services-price span {
    color: #ff9900;
}

.official-services-price .price {
    font-size: 26px;
}

.official-services-bottom1 .official-services-img {
    width: 100px;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
}

.official-services-bottom1 .official-services-img img {
    height: auto;
    width: 100%;
}

.official-services-info {
    width: 350px;
    height: 100%;
    padding: 20px 0;
}

.official-services-info .official-services-title {
    font-size: 16px;
    color: #000;
    height: 40px;
    line-height: 40px;
}
.official-services-info .official-services-title:hover{
    color: #ff9900;
}
.official-services-info .official-services-ms {
    font-size: 12px;
    color: #999;
    height: 35px;
    /* 溢出部分隐藏 */
    overflow: hidden;
    /* 溢出部分用省略号代替 */
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制一个块元素显示的文本行数 */
    -webkit-line-clamp: 2;
    /* 设置伸缩盒对象子元素的排列方式 */
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
.official-services-info .official-services-ms:hover{
    color: #ff9900;
}
/*官方服务*/
/*
<!-- img1s -->*/
.center_img {
    width: 1200px;
    height: 85px;
    margin: 15px auto;
}

.center_img img {
    width: 100%;
    height: 100%;
}

/*
<!-- img1e -->*/
.index-section-title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.index-section-title-int {
    font-size: 14px;
    color: #555;
    font-weight: normal;
}


/*.index-hot-list {
    padding-top: 18px;
}*/

.index-hot-item {
    float: left;
    width: 590px;
    margin: 0 20px 20px 0;
}

.index-hot-item:nth-child(even) {
    margin-right: 0;
}

/*.index-hot-item:nth-child(11),
.index-hot-item:nth-child(12) {
    margin-bottom: 0;
}*/

.index-hot-item-l {
    float: left;
    width: 180px;
    height: 320px;
    overflow: hidden;
}

.index-hot-item-l1 {
    background: -o-linear-gradient(top, #3c84ff, #6bc6ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#3c84ff), to(#6bc6ff));
    background: linear-gradient(to bottom, #3c84ff, #6bc6ff);
}

.index-hot-item-l2 {
    background: -o-linear-gradient(top, #7633ff, #778aff);
    background: -webkit-gradient(linear, left top, left bottom, from(#7633ff), to(#778aff));
    background: linear-gradient(to bottom, #7633ff, #778aff);
}

.index-hot-item-l3 {
    background: -o-linear-gradient(top, #3ba8bd, #23c8ce);
    background: -webkit-gradient(linear, left top, left bottom, from(#3ba8bd), to(#23c8ce));
    background: linear-gradient(to bottom, #3ba8bd, #23c8ce);
}

.index-hot-item-l4 {
    background: -o-linear-gradient(top, #e8b64a, #fbd953);
    background: -webkit-gradient(linear, left top, left bottom, from(#e8b64a), to(#fbd953));
    background: linear-gradient(to bottom, #e8b64a, #fbd953);
}

.index-hot-item-l5 {
    background: -o-linear-gradient(top, #8b96b3, #adbcd2);
    background: -webkit-gradient(linear, left top, left bottom, from(#8b96b3), to(#adbcd2));
    background: linear-gradient(to bottom, #8b96b3, #adbcd2);
}

.index-hot-item-l6 {
    background: -o-linear-gradient(top, #be7b93, #e2abbc);
    background: -webkit-gradient(linear, left top, left bottom, from(#be7b93), to(#e2abbc));
    background: linear-gradient(to bottom, #be7b93, #e2abbc);
}

.index-hot-item-l7 {
    background: -o-linear-gradient(top, #ff8929, #ffad2d);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8929), to(#ffad2d));
    background: linear-gradient(to bottom, #ff8929, #ffad2d);
}

.index-hot-item-l8 {
    background: -o-linear-gradient(top, #f44e4e, #ff7f7f);
    background: -webkit-gradient(linear, left top, left bottom, from(#f44e4e), to(#ff7f7f));
    background: linear-gradient(to bottom, #f44e4e, #ff7f7f);
}

.index-hot-item-l9 {
    background: -o-linear-gradient(top, #8a86ff, #a1b3ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#8a86ff), to(#a1b3ff));
    background: linear-gradient(to bottom, #8a86ff, #a1b3ff);
}

.index-hot-item-l10 {
    background: -o-linear-gradient(top, #5ea08b, #74cfb2);
    background: -webkit-gradient(linear, left top, left bottom, from(#5ea08b), to(#74cfb2));
    background: linear-gradient(to bottom, #5ea08b, #74cfb2);
}

.index-hot-item-l11 {
    background: -o-linear-gradient(top, #5280de, #62acff);
    background: -webkit-gradient(linear, left top, left bottom, from(#5280de), to(#62acff));
    background: linear-gradient(to bottom, #5280de, #62acff);
}

.index-hot-item-l12 {
    background: -o-linear-gradient(top, #46be63, #55e177);
    background: -webkit-gradient(linear, left top, left bottom, from(#46be63), to(#55e177));
    background: linear-gradient(to bottom, #46be63, #55e177);
}

.index-hot-ltit {
    width: 145px;
    height: 66px;
    padding: 8px 0 0 15px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 0 0 33px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.index-hot-ltit-p1 {
    font-size: 20px;
    font-weight: bold;
}

.index-hot-ltit-p2 {
    font-size: 12px;
}

.index-hot-lpic {
    display: block;
    margin: 22px auto 0 auto;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.index-hot-item-l:hover .index-hot-lpic {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index-hot-item-r {
    float: left;
    width: 410px;
    background-color: #fff;
}

.index-hot-rt {
    padding: 10px 0;
    border-bottom: 1px solid #f3f0e9;
}

.index-hot-rt-item {
    float: left;
    width: 137px;
    height: 209px;
    text-align: center;
}

.index-hot-rt-item:nth-child(2) {
    background-color: #f7f7f7;
}

.index-hot-rt-item:nth-child(3) {
    width: 136px;
}

.index-hot-rt-item-name {
    font-size: 16px;
    color: #333;
    margin: 18px 0 26px 0;
}

.index-hot-rt-item-pic {
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.index-hot-rt-item:hover .index-hot-rt-item-pic {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index-hot-rb {
    height: 90px;
    padding: 22px 0 0 24px;
}

.index-hot-rb-item {
    float: left;
    width: 75px;
    margin: 0 20px 10px 0;
    color: #333;
}

/* 热门行业e */

/* 优选好商s */

.index-business {
    margin-top: 42px;
}

.index-business-list {
    padding-top: 18px;
}

.index-business-item {
    float: left;
    width: 590px;
    height: 312px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(229, 229, 229, 0.6);
    box-shadow: 0px 0px 8px 0px rgba(229, 229, 229, 0.6);
}

.index-business-item:nth-child(even) {
    margin-right: 0;
}

.index-business-item:nth-child(3),
.index-business-item:nth-child(4) {
    margin-bottom: 0;
}

.index-business-top {
    height: 70px;
    padding: 20px 24px 0 24px;
    background-color: #faf9f8;
}

.index-business-top-t {
    margin-bottom: 8px;
}

.index-business-top-name {
    float: left;
    max-width: 450px;
    font-size: 14px;
    color: #333;
}

.index-business-top-btn {
    float: right;
    width: 48px;
    height: 20px;
    line-height: 20px;
    padding-left: 16px;
    border: 1px solid #ff6700;
    border-radius: 11px;
    color: #ff6700;
    background-color: #ffece0;
}

.index-business-ti-item {
    float: left;
    margin-right: 40px;
    color: #777;
}

.index-business-ti-from {
    color: #ff8400;
}

.index-business-con {
    padding: 24px 0 0 24px;
}

.index-business-con-item {
    float: left;
    margin-right: 14px;
}

.index-business-con-item img {
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.index-business-con-item-l:hover img,
.index-business-con-item-rt:hover img,
.index-business-con-item-rb:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index-business-con-item-l {
    float: left;
    width: 174px;
    height: 174px;
    margin-right: 6px;
    overflow: hidden;
}

.index-business-con-item-l img {
    display: block;
    width: 174px;
    height: 174px;
}

.index-business-con-item-r {
    float: left;
}

.index-business-con-item-rt,
.index-business-con-item-rb {
    width: 84px;
    height: 84px;
    overflow: hidden;
}

.index-business-con-item-rt {
    margin-bottom: 6px;
}

.index-business-con-item-rt img,
.index-business-con-item-rb img {
    display: block;
    width: 84px;
    height: 84px;
}

.text-fl {
    white-space: nowrap;
    font-size: 12px;
}


/*友情*/
.index-friend {
    padding: 0 20px;
    background-color: #fff;
    font-size: 12px;
}

.index-friend-nav {
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid #f3efec;
}

.index-friend-nav-item {
    float: left;
    margin-right: 23px;
    color: #555;
    cursor: pointer;
    position: relative;
}

.index-friend-nav-item.act {
    color: #333;
}

.index-friend-nav-item.act::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #ff6700;
    position: absolute;
    left: 0;
    bottom: -2px;
}

.index-friend-con {
    height: 110px;
    padding: 17px 0 3px 0;
    overflow: hidden;
}

.index-friend-con a {
    float: left;
    width: 125px;
    margin: 0 20px 14px 0;
    color: #777;
}

.index-friend-con a:hover {
    color: #ff6700;
}

/*字母*/
.index-letter {
    color: #777;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
}

.index-letter a {
    padding: 0 9px;
    margin-right: 9px;
    color: #777;
}

.index-letter a:hover {
    color: #ff5700;
}

.index-letter a:last-child {
    margin-right: 0;
}


.title-sl {
    display: inline-block;
    border-bottom: 2px solid #FF570D;
    font-weight: 700;
    font-size: 18px;
    color: #FF570D;
    height: 54px;
    line-height: 66px;
}

.title-sl img {
    margin-bottom: 5px;
}

.title-ms {
    color: #94949D;
}

/*资讯动态*/
.blockbox10 {
    background: #F3F4F8;
    padding-bottom: 15px;
}

.blockbox10 .news {
    margin: 0 auto;
    padding: 10px 0;
}

.blockbox10 .news .ul {
    border-radius: 5px;
    height: 450px;
}

.blockbox10 .news .li {
    background: #fff;
    width: 440px;
    float: right;
    height: 450px;
    background: #fff;
}

.blockbox10 .news_title {
    border-bottom: 1px dotted #CACFD9;
    height: 55px;
    line-height: 55px;
}

.blockbox10 .news_title .text {
    line-height: 55px;
    font-size: 16px;
    color: #404041;
    margin-left: 25px;
}

.blockbox10 .news a.mores {
    float: right;
    display: block;
    height: 10px;
    line-height: 10px;
    margin: 22px 18px 0 0;
    color: #727272;
    padding-left: 10px;
    position: relative;
}

.blockbox10 .news a.mores::before {
    position: absolute;
    background: url(../img/css_sprites.png) no-repeat -455px -322px;
    content: '';
    width: 3px;
    height: 5px;
    top: 3px;
    left: 0;
}

.blockbox10 .news a.mores:hover {
    color: #000;
}

.blockbox10 .news ul {
    padding: 25px 25px 15px 25px;
}

.blockbox10 .news ul li a {
    display: block;
    height: 100%;
}

.blockbox10 .news ul li font {
    float: right;
    font-family: arial;
    font-size: 13px;
    color: #999;
}

.blockbox10 .news ul li:hover a {
    color: #ff6700;
}

.blockbox10 .news ul li:hover h2 {
    color: #ff6700 !important;
}

.blockbox10 .news .one {
    overflow: hidden;
    border-bottom: 1px dotted #CACFD9;

}

.blockbox10 .news .one .img {
    height: 90px;
    width: 150px;
    text-align: center;
    color: #fff;
    font-family: arial;
    position: relative;
    float: left;
}

.blockbox10 .news .one .img img {
    width: 100%;
    height: 100%;
}

.blockbox10 .news .one .news_li_content {
    margin-left: 165px;
}

.blockbox10 .news .one .news_li_content .img {
    width: 100%;
    height: 100%;
}

.blockbox10 .news .one .news_li_content h2 {
    font-size: 16px;
    font-weight: normal;
    color: #61697B;
    padding: 2px;
    position: relative;
}

.blockbox10 .news .one .news_li_content h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16px;
    height: 1px;
}

.blockbox10 .news .one .news_li_content p {
    line-height: 22px;
    font-size: 13px;
    color: #999;
    height: 22px;
    overflow: hidden;
    position: relative;
    height: 44px;
    line-height: 22px;
}

.blockbox10 .news .one .news_li_content p:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 5px;
}

.blockbox10 .news .one div.time {
    font-family: arial;
    font-size: 12px;
    color: #D2D2D2;
}

.blockbox10 .news li.s {
    line-height: 55px;
    border-bottom: 1px dotted #CACFD9;
    font-size: 14px;
    color: #6C6C6C;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.blockbox10 .news li.s::before {
    background: url(../img/css_sprites.png) no-repeat -455px -322px;
    position: absolute;
    content: '';
    top: 25px;
    left: 0;
    width: 3px;
    height: 5px;
}

.blockbox10 .news li.s a {
    color: #8A8A8A;
    float: left;
    width: 270px;
}

.blockbox10 .news .li1 {
    border-radius: 5px 0 0 5px;
}

.blockbox10 .news .li3 {
    border-radius: 0 5px 5px 0;
}

.blockbox10 .news .one2 {
    overflow: hidden;
    border-bottom: 1px dotted #CACFD9;
    height: 140px;
}

.blockbox10 .news .liboxs {
    padding: 0 15px;
    line-height: 22px;
}

.blockbox10 .news .liboxs a {
    display: block;
    width: 45%;
    height: 22px;
    float: left;
    margin: 0 0 4px 0;
    color: #6D6D6D !important;
}

.blockbox10 .news .liboxs a:hover {
    color: #ff6700 !important;
}

.blockbox10 .news .liboxs .a2, .blockbox10 .news .liboxs .a4 {
    float: right;
}

.blockbox10 .news .one2li {
    line-height: 50px;
    border-bottom: 1px dotted #CACFD9;
}

.blockbox10 .news .one2li a {
    color: #858282;
    line-height: 55px;
    padding: 0 15px;

}

.blockbox10 .news .li3 {
    width: 310px;
    border-right: none;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #E4E7EE;
}

.blockbox10 .news .sort {
    padding: 0 !important;
}

.blockbox10 .ul_left {
    float: left;
    width: 880px !important;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #E4E7EE;
}

.blockbox10 .ul_left .li {
    height: 394px;
}

.blockbox10 .big_news_title {
    border-bottom: 1px dotted #CACFD9;
    height: 55px;
    background: #fff;
}

.blockbox10 .big_news_title .text {
    line-height: 55px;
    font-size: 15px;
    color: #252525;
    margin-left: 25px;
    font-weight: 700;
}

.blockbox10 .ul_left .hd {
    float: left;
}

.blockbox10 .ul_left .hd ul {
    padding: 0;
    overflow: hidden;
    height: 100%;
}

.blockbox10 .ul_left .hd li {
    height: 56px;
    width: 145px;
    border-right: 1px dotted #CACFD9;
    float: left;
    line-height: 55px;
    text-align: center;
    color: #213151;
    font-size: 15px;
    position: relative;
    color: #7B7B7B;
    cursor: pointer;
}
.blockbox10 .ul_left .hd li:last-child {
    border-right: none;
}

.blockbox10 .ul_left .hd li.on em {
    color: #ff6700;
    font-weight: 700;
}

.blockbox10 .ul_left .hd li.on {
    font-weight: 700;
    background: #FFF;
    font-size: 16px;
    color: #343434;
}

.blockbox10 .ul_left .hd li span {
    padding-right: 20px;
    position: relative;
}

.blockbox10 .ul_left .hd li i {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8.5px;
}

.blockbox10 .ul_left .bd {
    float: left;
    height: 394px;
    overflow: hidden;
}

.blockbox10 .uls {
    width: 880px !important;
    height: 394px !important;
}

.blockbox10 .ul_left .lis {
    overflow: hidden;
    width: 880px !important;
    height: 394px !important;
    overflow: hidden;
}

.blockbox10 .news .one2 .search2 {
    margin: 15px;
}

.blockbox10 .news .one2 .search2 .searchBlock {
    height: 36px;
    border: solid 1px #ddd;
    background-color: #ffffff;
    position: relative;
}

.blockbox10 .news .one2 .search2 .searchBlock label {
    width: 36px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blockbox10 .news .one2 .search2 .searchBlock span {
    display: block;
}

.blockbox10 .news .one2 .search2 .searchBlock .searchText {
    background: #F4F4F4;
    border: none;
    height: 36px;
    width: 206px;
    padding: 0 10px;
    outline: 0 none;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #676767;
}

.blockbox10 .news .one2 .search2 .searchBlock .searchText:hover {
    background: #fff;
}

.blockbox10 .news .one2 .search2 .searchBlock .searchText:focus {
    background: #fff;
}

.blockbox10 .news .one2 .search2 .searchBlock .searchBtn {
    border: none;
    width: 53px;
    height: 38px;
    color: white;
    font-size: 14px;
    cursor: pointer;
    float: right;
    background: #747F9F;
    position: absolute;
    top: -1px;
    right: -1px;
}

.blockbox10 .news .one2 .search2 .searchBlock .searchBtn:hover {
    background: #ff6700;
}

.publicblock {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    zoom: 1;
}

.publicblock:after {
    content: '';
    display: block;
    clear: both;
}

.publicblock:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.title {
    width: 1200px;
    text-align: center;
    padding: 20px 0;
}

.title .t span {
    position: relative;
    color: #233159;
    font-size: 26px;
    font-weight: 700;
}

.title .t span:after {
    content: "";
    display: block;
    width: 38px;
    height: 10px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -4px;
    background: url(../img/css_sprites.png) no-repeat -594px -374px;
}

.title .t span:before {
    content: "";
    display: block;
    width: 38px;
    height: 10px;
    position: absolute;
    right: -50px;
    top: 50%;
    margin-top: -4px;
    background: url(../img/css_sprites.png) no-repeat -403px -390px;
}

.title p {
    color: #AFB3BF;
    font-size: 14px;
    margin-top: 5px;
}

/*优选好货*/
.preferred{
    width: 1200px;
    margin: 0 auto;
}
.preferred-ul{
    width: 100%;
}
.preferred-li{
    border: 1px solid #E4E7EE;
    border-radius: 3px;
    background-color: #fff;
    width: 240px;
    height: 280px;
    margin-bottom: 15px;
    padding: 15px;
}
.preferred-img{
    width: 100%;
    height: 180px;
    margin-bottom: 20px;
}
.preferred-img img{
    width: 100%;
    height: 100%;
}
.preferred-li p{
    /* 溢出部分隐藏 */
    overflow: hidden;
    /* 溢出部分用省略号代替 */
    text-overflow: ellipsis;
    /* 弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制一个块元素显示的文本行数 */
    -webkit-line-clamp: 2;
    /* 设置伸缩盒对象子元素的排列方式 */
    -webkit-box-orient: vertical;
}