@charset "utf-8";

*{margin:0; padding:0;}

.f1{float:left;}
.f2{float:right;}
.b1{border-right:1px solid #fff;}
.b2{border-left:1px solid #fff;}
.clear{clear:both;}


.index_s_hd_show{width:1180px; margin:0 auto;height: 588px;}
.index_s_hd_sleft{width:588px; height:588px; overflow:hidden;}
.index_s_hd_sleft img:hover{transform: scale(1.05, 1.05); transition:0.3s transform; -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);}
.index_s_hd_sright{width:580px; height:588px;}
.index_s_hd_sright_timg{width:580px; height:294px;overflow: hidden;}
.index_s_hd_sright_timg img:hover{transform: scale(1.1, 1.1); transition:0.3s transform;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.index_s_hd_sright_ul{width:600px;margin-top: 4px;}
.index_s_hd_sright_ul li{width:288px; height:290px; float:left; margin-right: 4px;overflow: hidden;}
.index_s_hd_sright_ul li img:hover{transform: scale(1.1, 1.1); transition:0.3s transform;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.index_s_hd_show img{transition: transform .3s ease-out;transform: translateX(0);}
.index_s_hd_show img:hover{box-shadow: 0px 0px 10px #C3C3C3; transition: all 600ms ease;}