#el_18491561718339{width:100%;} #el_50061561718346 img { max-width: 100%; } #el_50061561718346 { transition-property: all; transition-duration: 1s; } #el_79441561718362 { padding-top: 80px; padding-bottom: 80px; } @media screen and (max-width: 767px){ #el_79441561718362 { padding-top: 20px; padding-bottom: 20px; } } #el_71021561718362{width:100%;} #el_39011561718386{width:50%;} @media screen and (max-width: 767px){ #el_39011561718386{width:100%;}} #el_77741561718405 p { margin: 0; } #el_77741561718405 { font-size: 15px; color: #7F7F7F; line-height: 150%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #el_87181561718394{width:50%;} @media screen and (max-width: 767px){ #el_87181561718394{width:100%;}} #el_87681561718510 p { margin: 0; } #el_87681561718510 { font-size: 16px; color: #333; line-height: 187%; padding-top: 70px; padding-left: 60px; background-color: #F2F2F2; padding-right: 10px; padding-bottom: 10px; } @media screen and (max-width: 767px){ #el_87681561718510 { padding-top: 50px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } } @media screen and (max-width: 767px){ #el_13171561718839 { margin-top: 20px; } } #el_75031561718839{width:100%;} #el_63611561719027 img { max-width: 100%; } #el_63611561719027 .p_row { position: relative; overflow: hidden; margin: 0; } #el_63611561719027 .p_list { float: left; width: 25%; padding: 5px; cursor: pointer; } #el_63611561719027 .p_box { text-align: center; } #el_63611561719027 .p_image { position: relative; } #el_63611561719027 .p_image:hover .p_photo_bg { opacity: 1; transform: translateY(-50%); } #el_63611561719027 .p_photo_bg { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-left: -25px; background: rgba(0,0,0,0.5); opacity: 0; transition: all .3s; } #el_63611561719027 .p_photo_bg:before { content: ''; position: absolute; top: 43%; left: 43%; transform: translate(-50%,-50%); width: 15px; height: 15px; border: 1px solid #fff; border-radius: 50%; } #el_63611561719027 .p_photo_bg:after { content: ''; position: absolute; top: 52%; left: 63%; width: 2px; height: 10px; background: #fff; transform: rotate(125deg); } #el_63611561719027 .p_image:hover .p_photo_border { opacity: 1; transform: scale(.95); } #el_63611561719027 .p_photo_border { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #fff; opacity: 0; transition: all .3s; } #el_63611561719027 .p_title { display: block; font-size: 16px; background-color: #fff; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; font-weight: bold; } @media screen and (max-width: 767px){ #el_63611561719027 .p_list { width: 50%; } }