/* 授权家居商 公示页面。 区别与授权查询中的页面 */

#mid {
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
@media screen and (max-width: 1200px) {
    #mid {
        margin-top: 4.6875em;
    }
}
@media screen and (max-width: 480px) {
    #mid {
        margin-top: 3.75em;
    }
}

/*  总布局   */
.ab_1_mid{
		   margin:0 5%;}
		}
@media screen and (max-width:1400px) {
		.ab_1_mid{
		   margin:0 5%;}
		}

}
/*  内容区标题  */
.pro_0 {
    margin-top: 3.8em;
    margin-bottom: 3.8em;
    padding-right: 20em;
    font-size: 0.875em;
    position: relative;
}
.pro_1 {
    margin-top: 3.8em;
    margin-bottom: 3.8em;
    padding-right: 20em;
    font-size: 0.875em;
    position: relative;
}
.pro_1_left{
    font-size: 1.3em;
}
 .pro_1_left p{
   display:none;
}
.pro_1_left ul li a.on {
    font-weight: bold;
}
@media screen and (max-width: 950px) {
	.pro_1 {
        margin-top: 2em;
        margin-bottom: 3em;
        padding-right: 0;
    }

	.pro_1_left {
        position: relative;
        z-index: 10;
    }
    .pro_1_left p {
        border-bottom: 1px #dedede solid;
        display: block;
        position: relative;
        height: 33px;
        line-height: 33px;
    }
         

      .pro_1_left ul {
        background-color: #fff;
        z-index: 100;
        position: absolute;
        left: 0;
        top: 34px;
        width: 100%;
        -webkit-box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);
        -ms-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);
        -o-box-shadow: 0 0.9375em 1.875em rgba(0,0,0,0.1);
        box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
        padding: 0.5em 0;
        display: none;
    }
        .pro_1_left ul li {
        margin: 0;
        display: block;
        width: 100%;
    }
    .pro_1_left ul li a {
        color: #000;
        display: block;
        padding: 0 1em;
    }
    .pro_1_left p:after {
        content: " ";
        display: inline-block;
        vertical-align: middle;
        height: 6px;
        width: 6px;
        border: 1px solid #333;
        border-right: 0;
        border-top: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: -6px 0 0 10px;
        position: absolute;
        right: 4px;
        bottom: 50%;
        margin-top: -4px;
    }

     .pro_1_left.on ul {
        display: block;
    }

 }




.pro_1_left ul li:nth-child(1) {
  /*  margin-left: 0;*/ /* 第一个 不缩进 */
}
.pro_1_left ul li {
    line-height: 2.142857142857143em;
    display: inline-block;
    margin-left: 2.6em;
}
.pro_1_left ul li a.on {
    font-weight: bold;
}
.pro_1_right {
    position: absolute;
    right: 0;
    top: 0;
    /*width: 20em;*/
    width: 40em;
    height: 2.142857142857143em;
  /*  border-radius: 2.142857142857143em;
    border: 1px #9b9b9b solid;*/
}
.pro_1_right div .sproname {
    font-size: 1em;
    width: 100%;
    border: none;
    background: none;
    height: 2em;
    line-height: 2em;
}
.sprobtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: none;
    background: none;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/product/img3.png);
    cursor: pointer;
    width: 3em;
}
@media screen and (max-width: 950px) {
    .pro_1_right {
        position: static;
        width: auto;
        margin-top: 1em;
    }
}


/* 内容区 */

.xd_m_1 {
    color: #4b4b4b;
  /*  padding-left: 25vw;*/
    padding-top: 2em;
    padding-bottom: 2em;
    position: relative;
    background-color: #efefef;
}
.xd_m_11 {
    color: #4b4b4b;
  /*  padding-left: 25vw;*/
  /*  padding-top: 2em;
    padding-bottom: 2em;*/
    position: relative;
    /*background-color: #efefef;*/
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.clearfix {
}
.xd_m_1_sals_mid {
    /*margin-left: 14.21875vw;
    text-align: center;*/
    text-align: left;
}
.xd_m_1_sals_mid dl dd {
    display: inline-block;
    margin-right: .5em;

    vertical-align: middle;
}
.xd_m_1_sals_mid dl dd div {
    padding: 0 .5em;
    background-color: #fff;
}
.xd_m_1_sals_mid dl dd select {
    height: 2.5em;
    font-size: 1.125em;
   /* border: none;*/
    /*width: 320px;*/
    width: 7em;
    background-color: ##fbfbfb;
}
.xd_m_1_sals_mid dl dd select {
    color: #000;
}
@media screen and (max-width: 1200px) {
    .xd_m_1_sals_mid dl dd select {
        font-size: 1em;
    }
}

.msc {
    font-size: 1.5em;
    line-height: 1.875em;
}


.xd_m_2 {
    position: relative;
}
.xd_m_2_right {
  /*  margin-left: 14.21875vw;*/
    /*padding-top: 7.29166666666667vw;*/
  /*  padding-top: 1em;*/
     margin-top: 3em;
    position: relative;
    /*border-left: 1px #cdcdcd solid;*/
    /*padding-left: 3.125vw;*/
    margin-bottom: 14.84375vw;
}
.xdmals_1, .xdmals_2 {
    /*margin-right: 6.77083333333333vw;*/
}
@media screen and (max-width: 640px) {
    .xdmals_1 {
        margin-right: 0;
    }
}


.xdmals_1 ul li {
    margin-bottom: 2.5em;
    float: left;
    width: 32%;
   /* margin-right: 2%;*/
    margin-right: 1%;
}
@media screen and (max-width: 1200px) {
    .xdmals_1 ul li {
        width: 49%;
        margin-right: 0;
    }
}

@media screen and (max-width: 640px) {
    .xdmals_1 ul li {
        width: 100%;
         margin-bottom: 1.5em;
    }
}
 

.xdmals_1_mid_1 {
    height: 88px;
}
.xdmals_1_mid_2 {
    min-height: 173px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}
.xdmals_1_mid_2 {
    margin-top: 1em;
    line-height: 1.8;
    margin-bottom: 1.5em;
}
.xdmals_1_mid_3 span {
    display: inline-block;
    color: #fff;
    background-color: #ebbb6f;
    width: 8.4375em;
    line-height: 2.5em;
    height: 2.5em;
    text-align: center;
}




  /* fenye */
    .pagination-content {
    text-align: center;
    margin-bottom: 7vw;
}
    .pagination-content ul li {
    margin: 0 5px;
    display: inline-block;
    width: 1.875em;
    height: 1.875em;
    text-align: center;
    line-height: 1.875em;
}
.pagination-content ul li a:hover, .pagination-content ul li.active span {
    background-color: #f08519;
    color: #fff;
}
.pagination-content ul li a, .pagination-content ul li span {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: block;
    width: 1.875em;
    height: 1.875em;
    border-radius: 100%;
    color: #000;
}
.pagination-content ul li a, .pagination-content ul li span {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: block;
    width: 1.875em;
    height: 1.875em;
    border-radius: 100%;
    color: #000;
}

.pagination-content  .disabled span {
   color: #afaeae;
}