﻿
/*产品列表弹出窗口*/
#pro-view { position: fixed; left:0; top: 0; width: 100%; height: 100%; background:#fff; z-index: 99999999; display:none; -webkit-animation: proView linear 0.5s forwards; animation: proView linear 0.5s forwards; overflow: hidden; }
#pro-view > .caption { width: 100%; height: 50px; background:#fff; line-height: 50px; text-align: center; font-size: 18px;color: #000;}
#pro-view > .closed { cursor:pointer ; width: 50px; height: 50px; position: absolute;  top: 0; right: 0; z-index: 10; }
#pro-view > .closed:after { width: 50%; height: 2px; border-radius: 2px; background:#999; display: block; content: ''; position: absolute;  left: 25%; top: 24px; -webkit-transform: rotate(45deg); transform: rotate(45deg);  }
#pro-view > .closed:before { width: 50%; height: 2px; border-radius: 2px; background:#999; display: block; content: ''; position: absolute;  left: 25%; top: 24px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }
#pro-view > .main { position: absolute; left:0; top:50px; right:0; bottom:0;}
#pro-view > .main > .mainBox { width: 100%; height: 100%; position: relative; }
@-wekbit-keyframes proView { 
	0% { transform: scale(0.2); }
	100% { transform: scale(1); }
}
@keyframes proView { 
	0% { transform: scale(0.2); }
	100% { transform: scale(1); }
}
#iSlider-wrapper { position: absolute;  left: 0; top: 0; width: 100%; height: 100%; }
#iSlider-wrapper ul { list-style: none; margin: 0; padding: 0; height: 100%; overflow: hidden; }
#iSlider-wrapper li { position: absolute;  margin:  0; padding: 0; height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-pack:center; width:100%;-webkit-box-align:center; list-style: none; }
#iSlider-wrapper li img { max-height: 100%; max-width: 100%; }





/*Q356*/
.product{width: 96%;margin: 0 auto;}
.prolist .titlee { line-height: 28px; background-color:#F1F1F1; margin-bottom:0px; font-size: 12px;}
.prolist {
    margin-left: -2%;
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative;
    height: auto;
}
.prolist li {
    float: left;
    width: 50%;padding-left: 2%;
  cursor: pointer;
    height: auto;
    position: relative;
    margin-top: 0%;
}
.prolist li img {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
}
.i_name {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #000;
    -webkit-appearance: none;
    font-style: normal;
   
}
