@charset "gb2312";
@main_color: #6cb246;
@main_color2: #008FFF;
@main_color3: #FFF;
@main_color4: #3d3d3d;
.transform_rotate(@s:7deg){
    transform:rotate(@s);
    -ms-transform:rotate(@s); 	/* IE 9 */
    -moz-transform:rotate(@s); 	/* Firefox */
    -webkit-transform:rotate(@s); /* Safari บอ Chrome */
    -o-transform:rotate(@s); 	/* Opera */
}
.centered_index{width: 1200px; margin: 0 auto;}
.hezuo{position: relative;}
.hezuo .hd{}
.hezuo .hd a.prev{left: -50px;}
.hezuo .hd a.next{right: -50px;}
.hezuo .hd a{position: relative; position: absolute; top:45%; display: block; z-index: 2; width: 30px; height: 50px; cursor: pointer;}
.hezuo .hd a i{display: inline-block; width: 32px; height: 7px; border-radius: 10px; background: #707070; position: absolute;}
.hezuo .hd a.prev i.i1{.transform_rotate(-45deg);}
.hezuo .hd a.prev i.i2{.transform_rotate(45deg); top:18px;}
.hezuo .hd a.next i.i1{.transform_rotate(-315deg);}
.hezuo .hd a.next i.i2{.transform_rotate(315deg); top:18px;}
.hezuo .hd a:hover i.i1{background: @main_color;}
.hezuo .hd a:hover i.i2{background: @main_color;}
.hezuo ul{margin: 45px 0 0 0;}
.hezuo ul li{float: left; width: 150px; margin: 0 8px 0 0;}
.hezuo ul li:nth-last-child(1){margin: 0 0 0 0;}
.hezuo ul li img{width: 100%; border: 1px solid #ccc; border-radius: 10px;}