#params{padding-bottom:80px;padding-top:50px;}

.para-row { overflow: hidden; border-bottom: 1px solid #bfbfbf;padding-top: 20px; /*padding-top: 50px;*/ padding-bottom: 50px;}
.para-row:last-child { border-bottom: 0px solid #e4e4e4; }

.prcol {  }
.col-one { width:25%;  float: left;  font-size: 16px;font-weight:700 }
.col-two { width:60%;  float: right; }
.col-two .prc2 { width:63%;  float: left; overflow: hidden;font-size: 16px; line-height:30px;/*line-height: 50px;*/color: #666;  }

.col-two .prc2.col-two-one{ font-size:16px;width:35%; }


.prcol ul.paralist { list-style: inside; }
.prcol ul.paralist li { margin-bottom: 10px; line-height: 1.8;font-size:15px; }



.col-two .prcone  {padding:35px 0; width:400px; }/*尺寸图*/
.col-two .prcone  img{max-width:100%;  }
.col-two img{max-width:100%;  }

.cellpic { position: relative; width: 354px; }

.cellpic .showed { opacity: 1; filter: alpha(opacity=100); }
.cellpic img { width: 100%; transition: opacity .5s; }
.cellpic .color { width: 100%; text-align: center;  color: #999; display:block; }

.para-title { overflow: hidden; font-size: 16px;width: 354px; text-align:center; }
 .para-title label {  }
 
.para-list { overflow: hidden; padding: 25px  0px; width: 354px; text-align:center;}
.para-list span { position: relative; width: 20px; height: 20px; display:inline-block; background:  #666;; border-radius: 50%; margin-right: 13px; cursor: pointer;border: 0px solid #fff;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }
.para-list span:last-child {margin-right: 0px;  }

.para-list span.color1 {  background-color:#dac5b7; }/*gold*/
.para-list span.color2 { background-color:#9b9ca1; }/*Gray*/
.para-list span.color3{  background-color:#000000; }/*Black*/
.para-list span.color21{  background-color:#343b4e; }/*Dark Blue*/
.para-list span.color22{  background-color:#1c2567; }/*Blue*/
.para-list span.color23{  background-color:#e2d6d4; }/*champagne gold*/

.para-list span.selected {border: 0px solid red;; background: #fd4f00;   -webkit-box-shadow: 2px 7px 15px rgba(0,0,0,.3);    -moz-box-shadow: 2px 5px 15px rgba(0,0,0,.3);    box-shadow: 2px 5px 15px rgba(0,0,0,.3);}
.para-list i { position: absolute; width: 30px; height: 30px; border: 1px solid #fd4f00; left: 50%; top: 50%; margin: -15px 0 0 -15px; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); transition: opacity .2s; }
.selected i { opacity: 1; filter: alpha(opacity=100); }


@media (max-width: 767px) {


#params{padding:0px 0 30px 0; }

.para-row {padding:15px 25px 0px 25px;border:none;}
.col-one {  padding:15px 0 15px 0;border-bottom:solid 1px #f2f2f2;font-size:12px }
.col-one,.col-two { width:100%;  float: none;  }
.col-two .prc2.col-two-one {font-size: 14px;  margin-bottom: 0px;  }
.col-two-one{font-size: 14px;}
.col-one h3 { font-size:18px; line-height: normal;font-weight:700;padding-bottom:15px; }
.col-two .prc2{font-size: 14px; line-height: 30px; }
.para-row .clearfix{padding-top:15px;}

.cellpic { width: 100%; height: auto;}
.cellpic li { padding:0px;text-align:center }

.cellpic img { width:80%;  }


.cellpic .color {padding-top: 10px;  }

.para-list { width: 100%;padding-top:10px; }

.para-list span { width: 10px; height: 10px;margin-right: 23px;  }
.para-list i { width: 26px; height: 26px;  left: 50%; top: 50%; margin: -13px 0 0 -13px;  }



}
@media (min-width: 420px) and (max-width: 768px) {
.para-row .clearfix{padding-left:100px;}
.col-two .prc2.col-two-one { width: 30%; }
.col-two .prc2 { width: 68%; }
.col-two .prc2.col-two-one { font-size: 16px;  }
.col-one {  font-size: 14px; }
.col-two .prc2 { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991px) {

.col-one h3 { font-size: 16px;font-weight:700; }
.col-two .prc2 { font-size: 16px;  }
.cellpic {width: 70%; }
.para-list { padding: 25px 0px; width: 70%;  }
.para-list span { width: 10px; height: 10px;margin-right: 23px;  }
.para-list i { width: 26px; height: 26px;  left: 50%; top: 50%; margin: -13px 0 0 -13px;  }


}


@media (min-width: 992px) and (max-width: 1199px) {

.col-one h3 { font-size: 16px;font-weight:700; }
.col-two .prc2 { font-size: 16px;  }
.cellpic {width: 70%; }
.para-list { padding: 25px 0px; width: 70%; }
.para-list span { width: 20px; height: 20px;margin-right: 23px;  }
.para-list i { width: 36px; height: 36px;  left: 50%; top: 50%; margin: -18px 0 0 -18px;  }

}


@media (min-width: 1200px) and (max-width: 1598px) {

.col-one h3 { font-size: 16px;font-weight:700; }
.col-two .prc2 { font-size: 16px;  }
.cellpic {width: 70%; }
.para-list { padding: 25px 0px; width:70%;  }
.para-list span { width: 20px; height: 20px;margin-right: 23px;  }
.para-list i { width: 36px; height: 36px;  left: 50%; top: 50%; margin: -18px 0 0 -18px;  }


}