body{ background-color:#fff;}


.font10{ font-size:1.0em;}
.font12{ font-size:1.2em;}
.font14{ font-size:1.4em;}
.font16{ font-size:1.6em;}
.font18{ font-size:1.8em;}
.font20{ font-size:2em;}
.font22{ font-size:2.2em;}
.font24{ font-size:2.4em;}
.font26{ font-size:2.6em;}
.font28{ font-size:2.8em;}
.font30{ font-size:3em;}
.font32{ font-size:3.2em;}

.line15{line-height:1.5em;}
.line20{line-height:2.0em;}
.line22{line-height:2.2em;}
.line24{line-height:2.4em;}
.line25{line-height:2.5em;}
.line26{line-height:2.6em;}
.line28{line-height:2.8em;}
.line30{line-height:3.0em;}

  .thumbnail{ background-color:transparent;}
  .mtop10{ margin-top:10px;}
  .mtop15{ margin-top:15px;}
  .mtop30{ margin-top:30px;}
  .mtop20{ margin-top:20px;}
  .mtop25{ margin-top:25px;}
  .mtop40{ margin-top:40px;}
  .mtop45{ margin-top:45px;}
  .mtop50{ margin-top:50px;}
  .mtop55{ margin-top:55px;}
  .mtop60{ margin-top:60px;}
  .mtop70{ margin-top:70px;}
  .mtop80{ margin-top:80px;}
  .mtop90{ margin-top:90px;}
  .mtop100{ margin-top:100px;}

  .padb10{ padding-bottom:10px;}
  .padb15{ padding-bottom:15px;}
  .padb30{ padding-bottom:30px;}
  .padb20{ padding-bottom:20px;}
  .padb25{ padding-bottom:25px;}
  .padb40{ padding-bottom:40px;}
  .padb45{ padding-bottom:45px;}
  .padb50{ padding-bottom:50px;}
  .padb55{ padding-bottom:55px;}
  .padb60{ padding-bottom:60px;}
  .padb70{ padding-bottom:70px;}
  .padb80{ padding-bottom:80px;}
  .padb90{ padding-bottom:90px;}
  .padb100{ padding-bottom:100px;}


.white{color:#fff;}
.black{color:#000}
.color3 {color:#333;}
.color5 {color:#555;}
.color7 {color:#777;}
.colorc {color:#ccc;}
.colore {color:#eee;}
.colorf60 {color:#f60;}
.center,.txtcenter{ text-align:center;}
.left,.txtleft{ text-align:left;}
.right,.txtright{ text-align:right;}

.bgwhite{background-color:#fff;}
.bgblack{ background-color:#000;}
.bgno{ background-color:none;}
.bge9{background-color:#e9e5e2}


/*width text banner*/
.soluresize{position:relative;width:100%; overflow:hidden;}
.soluresize .soluresizeback{position:absolute;width:1920px;top:0px;left:50%;margin-left:-960px;z-index:1; }
.soluresize .soluresizeback img{height:100%;}
.height800{height:800px}

.soluresizetextbox{position:relative;z-index:2;}
.soluresizetextbox h2.soluresizeh2{margin-top:100px; padding-bottom:30px;}
.soluresizetextbox p.soluresizep{}

.bgtxt1{   }
.bgtxt1 h2{   }
.imgw100{width:100%}
.noborder{border:none;}
.tblshowsolu table tr td{  vertical-align:middle ! important;}

.product_content>img{width: 100%;}
.product_pic{margin: 20px auto;}
.product_pic img{max-width: 100%; text-align: center; margin-left: auto;}
.pro_top a.cur{color:#fd4f00}

	.promodel{font-size: 1em; height: 40px; line-height: 40px;float: left;font-weight: normal;}
	.miniNavBox {float: right;text-align: right;height: 40px;line-height: 40px; }
	.miniNavBox a{margin:0 5px;}
	
	.pro_top{border-bottom: 1px solid #ebebeb;margin-bottom: 20px;}
	
	.showxs{display: none;}
	.hiddenxs{display: inline;}
.sptdleft {
    text-align: right;
    color: #000;
    padding-right: 15px;
    vertical-align: top;
    line-height: 45px;
}
.sptdright {
    text-align: left;
    color: #777;
    padding-left: 15px;
    vertical-align: middle;
    word-wrap: break-word;
    word-break: normal;
    border-left: solid 1px #f0f1f3;
    line-height: 45px;
}
.prosprow {
    color: #555;
    border: none;
    border-bottom: solid 1px #f6f7f8;
}



@media (max-width: 767px) {
	.sptdleft {
    text-align: left;
    color: #000;
    padding-right: 0px;
    line-height: 45px;
}
	.sptdright {
    border-top: solid 1px #f0f1f3;
    line-height: 35px;
}
.soluresize .soluresizeback{position:absolute;width:768px;top:0px;left:50%;margin-left:-384px;}
.soluresize .soluresizeback img{height:100%;width:100%;}
.height800{height:320px}
.soluresizetextbox h2.soluresizeh2{font-size:2em;margin-top:10%; padding-bottom:30px;}
.soluresizetextbox p.soluresizep{font-size:1.2em;}

 .bgtxt4{ line-height:1.6em;   margin-top:35px; padding-bottom:35px; }
 .bgtxt4 h2{ line-height:2em;   margin-top:15px; padding-bottom:15px;}
.showxs{display: inline;}
.hiddenxs{display: none;}
 .font26 { font-size: 1.8em; }
}

@media (min-width: 768px) and (max-width: 991px) {
.soluresize .soluresizeback{position:absolute;width:992px;top:0px;left:50%;margin-left:-496px;}
.soluresize .soluresizeback img{height:100%;width:100%;}
.height800{height:413px}
.soluresizetextbox h2.soluresizeh2{font-size:2em;margin-top:10%; padding-bottom:30px;}
.soluresizetextbox p.soluresizep{font-size:1.2em;}
.changjing { height: auto; line-height: 2em; overflow:auto; }

}

@media (min-width: 992px) and (max-width: 1199px) {
.soluresize .soluresizeback{position:absolute;width:1200px;top:0px;left:50%;margin-left:-600px;}
.soluresize .soluresizeback img{height:100%;width:100%;}
.height800{height:500px}
.soluresizetextbox h2.soluresizeh2{font-size:2.4em;margin-top:10%; padding-bottom:30px;}
.soluresizetextbox p.soluresizep{font-size:1.4em;}

}


@media (max-width: 1399px) and (min-width: 1200px){
.soluresize .soluresizeback{position:absolute;width:1400px;top:0px;left:50%;margin-left:-700px;}
.soluresize .soluresizeback img{height:100%;width:100%;}
.height800{height:583px}
.soluresizetextbox h2.soluresizeh2{font-size:2.6em;margin-top:10%; padding-bottom:30px;}
.soluresizetextbox p.soluresizep{font-size:1.6em;}

}
