* { margin: 0; padding: 0; }

.container { width: 950px; margin: 0 auto; position: relative; }

.item-1 { width: 566px; height: 420px; background: url(http://n.sinaimg.cn/sx/34d5b499/20160728/oy_03.png); margin: 66px 0 0 10px; position: relative; }

.oy_list1, .oy_list2, .oy_list3, .oy_list4 { display: block; width: 115px; height: 115px; border-radius: 50%; position: absolute; top: 22px; left: 28px; cursor: pointer; }
.oy_list1:hover, .oy_list2:hover, .oy_list3:hover, .oy_list4:hover { background: #fff; opacity: 0.2; }

.oy_list2 { top: 164px; left: 104px; }

.oy_list3 { top: 249px; left: 254px; }

.oy_list4 { top: 279px; left: 424px; }

.item-2 { position: absolute; top: -62px; left: 262px; }

.item-2-1 { width: 689px; height: 290px; overflow: hidden; }
.item-2-1 img { width: 100%; }

.hide { display: none; }

.clear { clear: both; }

.item-3 { padding: 18px 10px; background: #f2f2f2; font-size: 16px; }
.item-3 .item-3-1 { width: 223px; float: left; }
.item-3 .item-3-1 ul { margin: 0; padding: 0; list-style-type: none; }
.item-3 .item-3-1 ul li { width: 100%; display: inline-block; height: 45px; line-height: 45px; background: #dedede; margin-bottom: 2px; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size: 16px;font-family:微软雅黑;font-weight: bold;}
.item-3 .item-3-1 ul li.item-3-1-active { background: #3acfb8; color: #fff; }
.item-3 .item-3-2 { width: 76%; height: 327px; line-height: 28px; float: right; padding: 10px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #3acfb8; color: #fff; }

/*# sourceMappingURL=oyxy.css.map */