/*Huang CSS Document QQ:52710360 */
*{margin:0;padding:0;
box-sizing:border-box;  
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-o-box-sizing:border-box; 
}
html{border:none;width:100%;}
body{ border:none; height:100%; margin:0; padding:0;font-size:12px;font-family:Microsoft YaHei,Arial,SimSun,Verdana,Tahoma;color:#000000; background-color:#f5f5f5;}

form{margin:0;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
a{outline: medium none;}
a:link {color:#333333;text-decoration:none;}
a:visited {text-decoration:none;color:#333333;}
a:hover {text-decoration:underline;color:#F30;}
a:active {text-decoration:none;color:#F30;}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{border:0!important; float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i{ font-style:normal;}
input {vertical-align: middle;color: inherit;font-family: inherit;font-size: inherit;}
em{ font-style:normal;}


/*common*/
#mySwiper { height:230px; overflow:hidden;}
#mySwiper img{ width:100%;height:230px;}
#mySwiper .swiper-pagination-bullet{ height:10px; width:10px;}
#mySwiper .swiper-pagination-bullet-active{ background-color:#F60;}
#mySwiper .but{ width:48px; height:48px; background:url(../images/hover_right.png) no-repeat !important;
filter:alpha(opacity=0); 
-moz-opacity:0; 
opacity:0;
  transition:0.3s ease-out;
      -ms-transition:0.3s ease-out;
      -o-transition:0.3s ease-out;
      -moz-transition:0.3s ease-out;
      -webkit-transition:0.3s ease-out;
}
#mySwiper .swiper-button-prev{background:url(../images/hover_left.png) no-repeat !important;}

#mySwiper:hover .but{
filter:alpha(opacity=1); 
-moz-opacity:1; 
opacity:1;}