@charset "utf-8";

body{font:12px/22px arial, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; letter-spacing:0; color:#333; margin:0; padding:0; -webkit-font-smoothing: antialiased;}

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form{margin: 0; padding:0;}

.m20{
	margin-top: 20px;
}
.m30{
   margin-top: 30px;
}
.m40{
   margin-top: 40px;
}
.ml19{
   margin-left:19%;
}
.modal-backdrop{z-index: 940;}
.modal{z-index: 950;}
#files li{ list-style-type: none;}
img{border:0px;}

a{color:#000; text-decoration:none; cursor:pointer; outline:none; }

a, area {outline:none; blr:expression(this.onFocus=this.blur())} 

a:hover{ color:#e60012; text-decoration:none;}

input,button,select,textarea{outline:none;}

.btn-file { position: relative; overflow: hidden;}

.btn-file input[type=file] { position: absolute;top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block;}

html{overflow-x:hidden; overflow:-moz-scrollbars-vertical; -webkit-text-size-adjust:none;}

body{background: url(../images/bg.png);}



.clear {clear:both; width:100%; *display:inline;}

.suspension-asktool{
   z-index: 0;
}

.option{

   -webkit-transition: all 0.2s ease-in;

   -moz-transition: all 0.2s ease-in;

   -o-transition: all 0.2s ease-in;

   -ms-transition: all 0.2s ease-in;

   transition: all 0.2s ease-in;   

}



#bsBox{

   min-height: 420px;

   min-width: 560px;

}

#bdshare_weixin_qrcode_dialog{

   min-height: 315px;

   min-width: 250px;

}

#bdshare_weixin_qrcode_dialog .bd_weixin_popup_foot{

   padding-left: 10px;

}

.effect{

   overflow: hidden; 

   position: relative; 

   text-align: center; 

   }

.effect img {

   width: 100%;


   display: block; 

   position: relative;    

   opacity:1;

   -moz-transform:scale(1,1);

   -webkit-transform:scale(1,1);

   -o-transform:scale(1,1);

   -ms-transform:scale(1,1);

   transform:scale(1,1);

   -webkit-transition: all 0.2s ease-in;

   -moz-transition: all 0.2s ease-in;

   -o-transition: all 0.2s ease-in;

   -ms-transition: all 0.2s ease-in;

   transition: all 0.2s ease-in;

}

.effect:hover img {

  opacity:1;

   -moz-transform:scale(1.05,1.05);

   -webkit-transform:scale(1.05,1.05);

   -o-transform:scale(1.05,1.05);

   -ms-transform:scale(1.05,1.05);

   transform:scale(1.05,1.05);

}

.wh180{
   	
   width: 180px !important;
   height: 180px !important;
   margin: 0 auto ;
}





#main .side .stores{

   overflow: hidden;

   padding: 8px 0;

   background: #fff;

}

#main .side .stores a.side-btn{

   display: block;

   height: 44px;

   line-height: 44px;

   font-size: 14px;

   padding-left: 27px;

   color: #333;

   background: url(../images/side-bg.png) no-repeat 8px 17px;

   border-bottom: 1px solid #dddddd;

}

#main .side .stores a.side-btn:hover{

   background: url(../images/side-bg.png) no-repeat 8px -73px;

   color: #e60012

}

#main .side .stores a.current{

   background: url(../images/side-bg.png) no-repeat 8px -28px;

   color: #e60012

}

#main .side .stores .stores-menu{

   padding: 10px 0 10px 27px;

   border-bottom: 1px solid #dddddd;

}

#main .side .stores .stores-menu li{

   line-height: 24px;

   list-style-type: none;

}

#main .side .stores .stores-menu li a{

   display: block;

   color: #333333;

}

#main .side .stores .stores-menu li a:hover, #main .side .stores .stores-menu li.current a{

   color: #e60012;

}

#main .side .stores ul.none, #main .side .stores a.none{

   border: none;

}

#main .side .stores ul.none{

   border-top: 1px solid #dddddd;

}



#breadcrumb{
   width: 100%;
   max-width: 1200px;
   margin: 0 auto 3px auto;
   overflow: hidden;
   position: relative;
   padding-left: 10px;
   z-index: 1;
   height: 40px;

}
@media screen and (max-width: 768px) {
   .ml19{
      margin-left: 6%;
   }
   #breadcrumb{
      display: none;
   }

}
#breadcrumb ul{

   overflow: hidden;

}

#breadcrumb ul li{

   list-style-type: none;

   float: left;

   margin-right: 10px;

   line-height: 42px;

   color: #404040;

}

#breadcrumb ul li a{

   color: #404040;

   background: url(../images/breadcrumb-bg.png) no-repeat right center;

   padding-right: 15px;

}

#breadcrumb ul li a:hover{

   color: #e60012;

}

#breadcrumb .share{

   position: absolute;

   top: 0;

   right: 0;

}

#breadcrumb .share .t{

   float: left;

   line-height: 42px;

   color: #404040;

}

#breadcrumb .share .bdsharebuttonbox{

   overflow: hidden;

}

#breadcrumb .share .bdsharebuttonbox a{

   margin:12px 0 0 5px;

   float: left;

}