/*html,body{
width: 100%;
height: 100%;
}*/
.main-box{
    padding-bottom:50px;
}
.proTitle{
    margin-top:50px;
}
.proTitle h1{
    font-size:30px;
    font-weight: 700;
    color:#000;
}
.proTitle span{
    display:block;
    width:200px;
    height:2px;
    background:#000;
    margin:10px auto 10px;
}
.main-box p{
    color:#af772a;
    font-size:20px;
    margin-bottom:50px;
}
/*正文样式*/
div[class*='col']{
    padding:0;
}
.attrContent{
    width:835px;
    height: auto;
    margin:0 auto;
    /*display:flex;*/

}
.attrContent_box{
    height:100%;
    /*flex:1;*/
   /* border:1px solid #000;*/
    position: relative;
    margin-bottom: 10px;
    /*overflow: hidden;*/
/*    -webkit-transition:all 1s linear;
       -moz-transition:all 1s linear;
        -ms-transition:all 1s linear;
         -o-transition:all 1s linear;
            transition:all 1s linear;*/
}

/*.attrContent_box img{
    width: 100%;
    height: 100%;
    z-index: 3;
}*/

.attrContent_box .attrPop{
    height:100%;
    position: absolute;
    top: 50%;
    left:50%;
      overflow:auto;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.7);
    /*padding-left: 10%;*/
    display:none;
    z-index: 5;
    cursor:pointer ;
    vertical-align:middle;
    
}

.attrContent_box .attrPop h2{
    width:100%;
    margin:0 auto;
    font-size: 3rem;
    padding-top: 20%;
    /*margin-bottom: 10px;*/
    color:#000;
}
.attrContent_box .attrPop p{
    width: 90%;
    text-align:left;
    overflow:hidden;
    line-height:1.6rem;
    font-size: 15px;
    /*white-space:nowrap;*/
    text-overflow: ellipsis;
    margin:0;
    clear:both;
    margin-bottom:3px ;
    padding-left: 10%;
     color:#000;

}
.attrContent_box .attrPop span{
    display:block;
    width: 80%;
   word-wrap:break-word;
    margin: 0 auto;
     color:#000;
}
.attrContent_box_img{
overflow:hidden;
}
.attrContent_box_img img{
width: 100%;
height:100%;    
display:inline-block;
}
.attrContent_box .attrPop span{

      font-size: 14px;
}
.attrContent_box .attrPop span i{
     width:22px;
    height:22px;
    background:url(../images/right.png)no-repeat;
    vertical-align: middle;
    margin-right:5px;
    display:inline-block;

}
.attrContent_box .attrPop .changeTop{
    padding-top:13%;
}
  .more_btn{
        width: 15em;
        height:3.5em;
        line-height: 3.5em;
        margin-left:50%;
        -webkit-transform: translateX(-7.5em);
           -moz-transform: translateX(-7.5em);
            -ms-transform: translateX(-7.5em);
             -o-transform: translateX(-7.5em);
                transform: translateX(-7.5em);
        border: 2px solid #af772a; 
        color:#af772a;      
    }
     .more_btn button{
        width:100%;
        font-size: 2.5em;
        color:#af772a; 
        background: transparent;
        border:none;
     }

    .attrContent_box .attrPop p{
    margin:0 0 3px 0;

}
@media (max-width:992px){
    .attrContent{
        width: 745px;
    }
}

@media (max-width:768px){
.attrContent{
   
    width: 100%;
     margin:0 auto;
     padding:0;
     position: relative;

}
.thumbnail{
    line-height: 0;
}
.proTitle span{
    display:block;
    width:200px;
    height:1px;
    background:#000;
    margin:10px auto 10px;
}
.attrContent_box_img{
    overflow:hidden;
}
.attrContent_box .attrPop p{

    line-height:1.86rem;
  
}

.attrContent_box .attrPop{
    position: absolute;
    width:46%;
    top: 0;
    right:0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    padding-left: 0%;
    border:2px solid #af772a;
    display:block;
    }

    .attrContent_box .attrPop h2,.attrContent_box .attrPop p{
        width: 100%;
    }
    .attrContent_box .attrPop p{
        padding:0 3vw;
        text-align: center;
    }
.triangle{
        width: 0;
        height: 0;
        margin-left: 10px;
        border-top: 8px solid transparent;
        border-left: 15px solid black;
        border-bottom: 8px solid transparent;
        display: inline-block;
     }
} 

@media (max-width:768px){
    .attrContent{
        height: auto;
    }
.attrContent_box{
    width:99vw;
    margin:0;
    margin-bottom: 10px;
}
.main-box{
    padding-bottom:30px;
}
.proTitle{
    margin-top:15px;
}
.proTitle h1{
    font-size:30px;
    font-weight: 700;
    color:#000;
}
.proTitle span{
    display:block;
    width:200px;
    height:1px;
    background:#000;
    margin:10px auto 10px;
}
.main-box p{
    color:#af772a;
    font-size:20px;
    margin-bottom:30px;
}
.attrContent_box .attrPop h2{
    margin-bottom: 26px;
    color:#000;
}
.attrContent_box .attrPop span.triangle {
    display:inline-block;
    width: 20px;
    margin-left: 10px;

} 
}
@media (max-width:480px){
        .attrContent_box{
            min-height: 140px;
            overflow:hidden;
        }
    .attrContent_box .attrPop h2{
    margin:0 auto;
    font-size: 1.68rem;
    margin-bottom: 2vw;
   margin-top: 20px;
   padding:0;
    height: 20px;
    line-height: 20px;
}
    .attrContent_box .attrPop p{
    text-align:left;
    overflow:hidden;
    line-height:20px;
    font-size: 1.42rem;
    text-overflow: ellipsis;
    margin-bottom:15px ;
    padding:0 2vw;
}
 .attrContent_box .attrPop{|
    border:1px solid #af772a;
 }
@media (max-width:360px){
     .attrContent_box .attrPop h2{
        padding-top:0;
        margin-bottom: 1vw;
     }
     .attrContent_box .attrPop p{
           line-height:15px;
           font-size: 13px;
     }
}
 .triangle{
        width: 0;
        height: 0;
        margin-left: 10px;
        border-top: 5px solid transparent;
        border-left: 10px solid black;
        border-bottom: 5px solid transparent;
        display: inline-block;
     }
}
}
/*修改图片样式的结束===========================*/
.attrContent_box{
    float: left\9;
}