html, body{
    font-size: 100%;
	background:	#fff;
	font-family:'Microsoft YaHei','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
/*    background-image:url(../img/bg.png);  */
    margin-top:0px;
    padding-top :0px;        
}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}
.input-group {margin: 0px 0px 30px 0px !important;}
.input-group {height: 40px;}
.login-content{margin-top :40px;}
.login-bnt{display: block;margin-left: auto;margin-right: auto;}
table img{max-width:100px;height:auto;display: block;margin-left: auto;margin-right: auto;border-radius:8px; /*圆角处理*/}
table span {width: 5px;height: 5px;}
table input[type="text"]{width:30px;text-align:center;}
nav input[type="text"]{width:100px;}
.bingui {width:100%;display:block;text-align:center;margin:5px;}
.news img{width:100%;height:auto;display: block;margin-left: auto;margin-right: auto;border-radius:8px; /*圆角处理*/}
.footer1 {
    margin:0px;
    padding:0px;
    position:fixed ;
    width:100%;
    bottom:0px; 
    right:0px; 
    z-index :1000;
}
.banner{
    width :100%; 
    height :auto;
}
.banner img {
    width:100%;
    height:auto;
    margin :0px;
    padding :0px;
}
.box {
    margin:10px 0 0 10px;
    width:140px;
    border:1px solid #808080;
    border-radius:8px;
}
.box img {
    width:120px;
    height:auto;
    border-radius:5px;
    margin:9px 0 0 9px;
}
.box h5,h6 {
    margin-left :9px;
}
.mybox {
    margin:auto;
    width:300px;
    height:300px;
    text-align:center center;      
}
.mybox img {
    width:100%;
    height:auto;
    border-radius:5px;
    margin:auto;
}
.mycustom {
    margin:10px 0 0 10px;
    padding:10px;
    width:320px;
    border:1px solid #808080;
    border-radius:8px;
    float:left;
    text-align:center center;
}
.mycustom img {
    width:280px;
    height:auto;
    border-radius:5px;
    margin :auto;   
}
.mycustom span {    
    background-image:url(/img/shopping.png);
    width:128px;
    height:35px;    
    float:right;
}
.mycustom span:hover {
    cursor:pointer ;
}
.myload {
    position:fixed ;
    top:50%; 
    left:50%;
    width:86px;
    height :86px;
    margin-left:-43px;    
    background: url(../img/loader.gif) no-repeat center center; 
    z-index :100;
    display:none;
}
.select {
    color:#0094ff;
    margin-left:8px;
}
.select button:hover{
    color:#f60;
    background-color:#f3edc2
}
.selected{
    border:#ddd 0px solid;
    border-radius:4px;
    margin:5px;
    color:#fff;
    background-color:#f60;
}
.mybtn {
    border:#ddd 0px solid;
    border-radius:4px;
    margin:5px;
    background-color:#fff;
    color:#666;
}
.mybtndel {
    border:#ddd 0px solid;
    border-radius:4px;
    margin:5px;    
    color:#fff;
    padding-right:20px;
    background:#f60 url("close.gif") right 9px no-repeat
}
.customer  img {
    z-index:auto;
    -webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
    -ms-transform: scale(1,1);
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 250ms;
    -o-transform: scale(1,1);
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 250ms;   
}
.customer img:hover {
    z-index:99;
    -webkit-transform-origin:-30% 0;
	-webkit-transform: scale(5.0);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(5.0);
    -moz-transform-origin:-30% 0;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
    -ms-transform: scale(5.0);
    -ms-transform-origin:-30% 0;
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 750ms;
    -o-transform: scale(5.0);
    -o-transform-origin:-30% 0;
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 750ms;
	overflow: hidden;
}
.pic {
    width:80%;
    height:auto;
    border-radius:8px;
}
.clearfix:after {
  clear: both;
   }
.clearfix {
  zoom: 1;
   }
.pic2 {    
    width :100%;
    height:auto;
    border-radius:8px;
}
.comdinfo img {
    width:100%;
    height:auto;
}
@media screen and (max-width: 769px) {
.customer img:hover {
    z-index:99;
    -webkit-transform-origin:0 0;
	-webkit-transform: scale(2.0);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(2.0);
    -moz-transform-origin:0 0;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
    -ms-transform: scale(2.0);
    -ms-transform-origin:0 0;
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 750ms;
    -o-transform: scale(2.0);
    -o-transform-origin:0 0;
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 750ms;
	overflow: hidden;
}
}