@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.prod-menu li a, .prod-list .box .tit, .tel-wrap .tel-txt p, .prod-list02 .tit a, .honor-wrap .tit a, .news-list .box .con .tit, #certify .swiper-slide p, .page-honor-list li .tit, .page-style-list li .tit, .page-video-list li .tit, .turn-page a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* page */
.ih-item { position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item, .ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ih-item a { color: #333; }
.ih-item a:hover { text-decoration: none; }
.ih-item img { width: 100%; height: 100%; }
.ih-item.circle { position: relative; width: 220px; height: 220px; border-radius: 50%; }
.ih-item.circle .img { position: relative; width: 220px; height: 220px; border-radius: 50%; }
.ih-item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle .img img { border-radius: 50%; }
.ih-item.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ih-item.square { position: relative; width: 316px; height: 216px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ih-item.circle.effect1 .spinner { width: 230px; height: 230px; border: 10px solid #ecab18; border-right-color: #1ad280; border-bottom-color: #1ad280; border-radius: 50%; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.ih-item.circle.effect1 .img { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto; }
.ih-item.circle.effect1 .img:before { display: none; }
.ih-item.circle.effect1.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.circle.effect1 .info { top: 10px; bottom: 0; left: 10px; right: 0; background: #333; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.ih-item.circle.effect1 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect1 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect1 a:hover .spinner { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.ih-item.circle.effect1 a:hover .info { opacity: 1; }
.ih-item.circle.effect2 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect2.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.circle.effect2 .info { background: #333; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect2 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect2 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect2.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect2.left_to_right a:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.ih-item.circle.effect2.left_to_right a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect2.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect2.right_to_left a:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.ih-item.circle.effect2.right_to_left a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect2.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect2.top_to_bottom a:hover .img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.ih-item.circle.effect2.top_to_bottom a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect2.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect2.bottom_to_top a:hover .img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.ih-item.circle.effect2.bottom_to_top a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect3 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect3.colored .info { background: #1a4a72; }
.ih-item.circle.effect3 .info { background: #333; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect3 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect3 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect3.left_to_right .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); }
.ih-item.circle.effect3.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect3.left_to_right a:hover .img { -webkit-transform: scale(0.5) translateX(100%); -moz-transform: scale(0.5) translateX(100%); -ms-transform: scale(0.5) translateX(100%); -o-transform: scale(0.5) translateX(100%); transform: scale(0.5) translateX(100%); }
.ih-item.circle.effect3.left_to_right a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect3.right_to_left .img { -webkit-transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -ms-transform: scale(1) translateX(0); -o-transform: scale(1) translateX(0); transform: scale(1) translateX(0); }
.ih-item.circle.effect3.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect3.right_to_left a:hover .img { -webkit-transform: scale(0.5) translateX(-100%); -moz-transform: scale(0.5) translateX(-100%); -ms-transform: scale(0.5) translateX(-100%); -o-transform: scale(0.5) translateX(-100%); transform: scale(0.5) translateX(-100%); }
.ih-item.circle.effect3.right_to_left a:hover .info { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect3.top_to_bottom .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.ih-item.circle.effect3.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect3.top_to_bottom a:hover .img { -webkit-transform: scale(0.5) translateY(100%); -moz-transform: scale(0.5) translateY(100%); -ms-transform: scale(0.5) translateY(100%); -o-transform: scale(0.5) translateY(100%); transform: scale(0.5) translateY(100%); }
.ih-item.circle.effect3.top_to_bottom a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect3.bottom_to_top .img { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.ih-item.circle.effect3.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect3.bottom_to_top a:hover .img { -webkit-transform: scale(0.5) translateY(-100%); -moz-transform: scale(0.5) translateY(-100%); -ms-transform: scale(0.5) translateY(-100%); -o-transform: scale(0.5) translateY(-100%); transform: scale(0.5) translateY(-100%); }
.ih-item.circle.effect3.bottom_to_top a:hover .info { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect4 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ih-item.circle.effect4.colored .info { background: #1a4a72; }
.ih-item.circle.effect4 .info { background: #333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; }
.ih-item.circle.effect4 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect4 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect4 a:hover .img { opacity: 0; pointer-events: none; }
.ih-item.circle.effect4 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.circle.effect4.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect4.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect4.left_to_right a:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect4.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect4.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect4.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect4.right_to_left a:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect4.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect4.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect4.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect4.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect4.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect4.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect4.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect4.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect4.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect5 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.circle.effect5.colored .info .info-back { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.circle.effect5 .info { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.ih-item.circle.effect5 .info .info-back { visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333; background: rgba(0, 0, 0, 0.6); -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ih-item.circle.effect5 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect5 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect5 a:hover .info { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); }
.ih-item.circle.effect5 a:hover .info .info-back { visibility: visible; }
.ih-item.circle.effect6 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect6.colored .info { background: #1a4a72; }
.ih-item.circle.effect6 .info { background: #333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect6 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect6 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect6.scale_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.circle.effect6.scale_up a:hover .img { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.ih-item.circle.effect6.scale_up a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect6.scale_down .info { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.ih-item.circle.effect6.scale_down a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.circle.effect6.scale_down a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect6.scale_down_up .info { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s; -moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s; }
.ih-item.circle.effect6.scale_down_up a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.circle.effect6.scale_down_up a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect7 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.ih-item.circle.effect7.colored .info { background: #1a4a72; }
.ih-item.circle.effect7 .info { background: #333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; }
.ih-item.circle.effect7 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect7 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect7 a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.circle.effect7 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.circle.effect7.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect7.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect7.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect7.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect7.top_to_bottom .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect7.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect7.bottom_to_top .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect7.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect8.colored .info { background: #1a4a72; }
.ih-item.circle.effect8 .img-container { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ih-item.circle.effect8 .img-container .img { opacity: 1; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; }
.ih-item.circle.effect8 .info-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; transition: all 0.3s ease-in-out 0.3s; }
.ih-item.circle.effect8 .info { width: 100%; height: 100%; background: #333; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.6s; -moz-transition: all 0.35s ease-in-out 0.6s; transition: all 0.35s ease-in-out 0.6s; }
.ih-item.circle.effect8 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect8 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect8 a:hover .img-container { pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.circle.effect8 a:hover .img-container .img { opacity: 0; pointer-events: none; }
.ih-item.circle.effect8 a:hover .info-container { opacity: 1; }
.ih-item.circle.effect8 a:hover .info-container .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect8.left_to_right .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect8.left_to_right .info-container { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect8.left_to_right a:hover .img-container .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect8.left_to_right a:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect8.right_to_left .img-container .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect8.right_to_left .info-container { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect8.right_to_left a:hover .img-container .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect8.right_to_left a:hover .info-container { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect8.top_to_bottom .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect8.top_to_bottom .info-container { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect8.top_to_bottom a:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect8.bottom_to_top .img-container .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect8.bottom_to_top .info-container { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect8.bottom_to_top a:hover .info-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect9 .img { opacity: 1; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.ih-item.circle.effect9.colored .info { background: #1a4a72; }
.ih-item.circle.effect9 .info { background: #333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; }
.ih-item.circle.effect9 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect9 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect9 a:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.circle.effect9 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect9.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
.ih-item.circle.effect9.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); }
.ih-item.circle.effect9.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
.ih-item.circle.effect9.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); }
.ih-item.circle.effect9.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect9.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect9.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect9.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect10 .img { z-index: 11; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect10.colored .info { background: #1a4a72; }
.ih-item.circle.effect10 .info { background: #333; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect10 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect10 .info p { color: #bbb; font-style: italic; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect10 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect10.top_to_bottom .info h3 { margin: 0 30px; padding: 25px 0 0 0; height: 78px; }
.ih-item.circle.effect10.top_to_bottom .info p { margin: 0 30px; padding: 5px; }
.ih-item.circle.effect10.top_to_bottom a:hover .img { -webkit-transform: translateY(50px) scale(0.5); -moz-transform: translateY(50px) scale(0.5); -ms-transform: translateY(50px) scale(0.5); -o-transform: translateY(50px) scale(0.5); transform: translateY(50px) scale(0.5); }
.ih-item.circle.effect10.bottom_to_top .info h3 { margin: 95px 30px 0; padding: 25px 0 0 0; height: 78px; }
.ih-item.circle.effect10.bottom_to_top .info p { margin: 0 30px; padding: 5px; }
.ih-item.circle.effect10.bottom_to_top a:hover .img { -webkit-transform: translateY(-50px) scale(0.5); -moz-transform: translateY(-50px) scale(0.5); -ms-transform: translateY(-50px) scale(0.5); -o-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); }
.ih-item.circle.effect11 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.circle.effect11 .img { opacity: 1; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect11.colored .info { background: #1a4a72; }
.ih-item.circle.effect11 .info { background: #333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease 0.35s; -moz-transition: all 0.35s ease 0.35s; transition: all 0.35s ease 0.35s; }
.ih-item.circle.effect11 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect11 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect11 a:hover .img { opacity: 0; }
.ih-item.circle.effect11 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.circle.effect11.left_to_right .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
.ih-item.circle.effect11.left_to_right .info { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); }
.ih-item.circle.effect11.left_to_right a:hover .img { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); }
.ih-item.circle.effect11.left_to_right a:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
.ih-item.circle.effect11.right_to_left .img { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
.ih-item.circle.effect11.right_to_left .info { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); -o-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); }
.ih-item.circle.effect11.right_to_left a:hover .img { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); -o-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); }
.ih-item.circle.effect11.right_to_left a:hover .info { -webkit-transform: translateZ(0) rotateY(0); -moz-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); -o-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
.ih-item.circle.effect11.top_to_bottom .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); }
.ih-item.circle.effect11.top_to_bottom .info { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); }
.ih-item.circle.effect11.top_to_bottom a:hover .img { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); }
.ih-item.circle.effect11.top_to_bottom a:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); }
.ih-item.circle.effect11.bottom_to_top .img { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); }
.ih-item.circle.effect11.bottom_to_top .info { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); -o-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); }
.ih-item.circle.effect11.bottom_to_top a:hover .img { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); -o-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); }
.ih-item.circle.effect11.bottom_to_top a:hover .info { -webkit-transform: translateZ(0) rotateX(0); -moz-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); -o-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); }
.ih-item.circle.effect12 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect12.colored .info { background: #1a4a72; }
.ih-item.circle.effect12 .info { background: #333; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect12 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect12 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect12 a:hover .img { opacity: 0; pointer-events: none; }
.ih-item.circle.effect12 a:hover .info { opacity: 1; visibility: visible; }
.ih-item.circle.effect12.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
.ih-item.circle.effect12.left_to_right .info { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); }
.ih-item.circle.effect12.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); }
.ih-item.circle.effect12.left_to_right a:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.ih-item.circle.effect12.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
.ih-item.circle.effect12.right_to_left .info { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); }
.ih-item.circle.effect12.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); }
.ih-item.circle.effect12.right_to_left a:hover .info { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.ih-item.circle.effect12.top_to_bottom .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
.ih-item.circle.effect12.top_to_bottom .info { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); }
.ih-item.circle.effect12.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%) rotate(-180deg); -moz-transform: translateY(-100%) rotate(-180deg); -ms-transform: translateY(-100%) rotate(-180deg); -o-transform: translateY(-100%) rotate(-180deg); transform: translateY(-100%) rotate(-180deg); }
.ih-item.circle.effect12.top_to_bottom a:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.ih-item.circle.effect12.bottom_to_top .img { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); }
.ih-item.circle.effect12.bottom_to_top .info { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); }
.ih-item.circle.effect12.bottom_to_top a:hover .img { -webkit-transform: translateY(100%) rotate(180deg); -moz-transform: translateY(100%) rotate(180deg); -ms-transform: translateY(100%) rotate(180deg); -o-transform: translateY(100%) rotate(180deg); transform: translateY(100%) rotate(180deg); }
.ih-item.circle.effect12.bottom_to_top a:hover .info { -webkit-transform: translateY(0) rotate(0); -moz-transform: translateY(0) rotate(0); -ms-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.ih-item.circle.effect13.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.circle.effect13 .info { background: #333; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect13 .info h3 { visibility: hidden; color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect13 .info p { visibility: hidden; color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect13 a:hover .info { opacity: 1; }
.ih-item.circle.effect13 a:hover h3 { visibility: visible; }
.ih-item.circle.effect13 a:hover p { visibility: visible; }
.ih-item.circle.effect13.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.circle.effect13.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.circle.effect13.from_left_and_right a:hover h3 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect13.from_left_and_right a:hover p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.circle.effect13.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect13.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.circle.effect13.top_to_bottom a:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect13.top_to_bottom a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect13.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect13.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.circle.effect13.bottom_to_top a:hover h3 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect13.bottom_to_top a:hover p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.circle.effect14 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.circle.effect14 .img { visibility: visible; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.ih-item.circle.effect14.colored .info { background: #1a4a72; }
.ih-item.circle.effect14 .info { background: #333; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; }
.ih-item.circle.effect14 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect14 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect14 a:hover .img { opacity: 0; visibility: hidden; }
.ih-item.circle.effect14 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.circle.effect14.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ih-item.circle.effect14.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ih-item.circle.effect14.left_to_right a:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.ih-item.circle.effect14.left_to_right a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.ih-item.circle.effect14.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ih-item.circle.effect14.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ih-item.circle.effect14.right_to_left a:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); }
.ih-item.circle.effect14.right_to_left a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.ih-item.circle.effect14.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ih-item.circle.effect14.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.ih-item.circle.effect14.top_to_bottom a:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); }
.ih-item.circle.effect14.top_to_bottom a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
.ih-item.circle.effect14.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.ih-item.circle.effect14.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ih-item.circle.effect14.bottom_to_top a:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.ih-item.circle.effect14.bottom_to_top a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
.ih-item.circle.effect15 .img { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect15.colored .info { background: #1a4a72; }
.ih-item.circle.effect15 .info { background: #333; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(-720deg); -moz-transform: scale(0.5) rotate(-720deg); -ms-transform: scale(0.5) rotate(-720deg); -o-transform: scale(0.5) rotate(-720deg); transform: scale(0.5) rotate(-720deg); -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; }
.ih-item.circle.effect15 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect15 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect15 a:hover .img { opacity: 0; visibility: hidden; -webkit-transform: scale(0.5) rotate(720deg); -moz-transform: scale(0.5) rotate(720deg); -ms-transform: scale(0.5) rotate(720deg); -o-transform: scale(0.5) rotate(720deg); transform: scale(0.5) rotate(720deg); }
.ih-item.circle.effect15 a:hover .info { opacity: 1; visibility: visible; -webkit-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.ih-item.circle.effect16 .img { z-index: 11; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect16.colored .info { background: #1a4a72; }
.ih-item.circle.effect16 .info { background: #333; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect16 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect16 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect16.left_to_right .img { -webkit-transform-origin: 95% 40%; -moz-transform-origin: 95% 40%; -ms-transform-origin: 95% 40%; -o-transform-origin: 95% 40%; transform-origin: 95% 40%; }
.ih-item.circle.effect16.left_to_right .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 95%; margin: -4px 0 0 -4px; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); }
.ih-item.circle.effect16.left_to_right a:hover .img { -webkit-transform: rotate(-120deg); -moz-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); }
.ih-item.circle.effect16.right_to_left .img { -webkit-transform-origin: 5% 40%; -moz-transform-origin: 5% 40%; -ms-transform-origin: 5% 40%; -o-transform-origin: 5% 40%; transform-origin: 5% 40%; }
.ih-item.circle.effect16.right_to_left .img:after { content: ''; width: 8px; height: 8px; position: absolute; border-radius: 50%; top: 40%; left: 5%; margin: -4px 0 0 -4px; background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 1px rgba(255, 255, 255, 0.9); }
.ih-item.circle.effect16.right_to_left a:hover .img { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); }
.ih-item.circle.effect17 .info { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect17 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect17 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect17 a:hover .img:before { box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }
.ih-item.circle.effect17 a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect17 a:hover .info p { opacity: 1; }
.ih-item.circle.effect17.colored a:hover .img:before { box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1); }
.ih-item.circle.effect18 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.circle.effect18 .img { z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.ih-item.circle.effect18.colored .info .info-back { background: #1a4a72; }
.ih-item.circle.effect18 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.ih-item.circle.effect18 .info .info-back { opacity: 1; border-radius: 50%; width: 100%; height: 100%; background: #333; }
.ih-item.circle.effect18 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect18 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect18.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.ih-item.circle.effect18.bottom_to_top a:hover .img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); }
.ih-item.circle.effect18.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ih-item.circle.effect18.top_to_bottom a:hover .img { -webkit-transform: rotate3d(1, 0, 0, -180deg); -moz-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); -o-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); }
.ih-item.circle.effect18.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ih-item.circle.effect18.left_to_right a:hover .img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); }
.ih-item.circle.effect18.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ih-item.circle.effect18.right_to_left a:hover .img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); }
.ih-item.circle.effect19.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.circle.effect19 .info { background: #333; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.circle.effect19 .info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 140px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect19 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect19 a:hover .info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.circle.effect20 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.circle.effect20 .img { -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.ih-item.circle.effect20.colored .info .info-back { background: #1a4a72; }
.ih-item.circle.effect20 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.ih-item.circle.effect20 .info .info-back { opacity: 1; visibility: hidden; border-radius: 50%; width: 100%; height: 100%; background: #333; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ih-item.circle.effect20 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 55px 0 0 0; height: 110px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
.ih-item.circle.effect20 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); }
.ih-item.circle.effect20 a:hover .img { opacity: 0; }
.ih-item.circle.effect20 a:hover .info .info-back { opacity: 1; visibility: visible; }
.ih-item.circle.effect20.top_to_bottom .info .info-back { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); }
.ih-item.circle.effect20.top_to_bottom a:hover .img { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); }
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); }
.ih-item.circle.effect20.bottom_to_top .info .info-back { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); }
.ih-item.circle.effect20.bottom_to_top a:hover .img { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); }
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); }
.ih-item.square.effect1 { overflow: hidden; }
.ih-item.square.effect1.colored .info { background: #1a4a72; }
.ih-item.square.effect1 .img { z-index: 11; position: absolute; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect1 .info { background: #333; visibility: hidden; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect1 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect1.left_and_right .info h3 { position: absolute; top: 12px; left: 12px; text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; margin: 0; }
.ih-item.square.effect1.left_and_right .info p { position: absolute; right: 12px; bottom: 12px; margin: 0; font-style: italic; font-size: 12px; color: #bbb; }
.ih-item.square.effect1.left_and_right a:hover .img { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); }
.ih-item.square.effect1.top_to_bottom .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 10px 0 0 0; }
.ih-item.square.effect1.top_to_bottom .info p { font-style: italic; font-size: 12px; color: #bbb; padding: 5px; text-align: center; }
.ih-item.square.effect1.top_to_bottom a:hover .img { -webkit-transform: translateY(30px) scale(0.6); -moz-transform: translateY(30px) scale(0.6); -ms-transform: translateY(30px) scale(0.6); -o-transform: translateY(30px) scale(0.6); transform: translateY(30px) scale(0.6); }
.ih-item.square.effect1.bottom_to_top .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 134px 0 0 0; }
.ih-item.square.effect1.bottom_to_top .info p { font-style: italic; font-size: 12px; color: #bbb; padding: 5px; text-align: center; }
.ih-item.square.effect1.bottom_to_top a:hover .img { -webkit-transform: translateY(-30px) scale(0.6); -moz-transform: translateY(-30px) scale(0.6); -ms-transform: translateY(-30px) scale(0.6); -o-transform: translateY(-30px) scale(0.6); transform: translateY(-30px) scale(0.6); }
.ih-item.square.effect2 { overflow: hidden; }
.ih-item.square.effect2.colored .info { background: #1a4a72; }
.ih-item.square.effect2.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect2 .img { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.ih-item.square.effect2 .info { background: #333; visibility: hidden; -webkit-transition: all 0.35s 0.3s ease-in-out; -moz-transition: all 0.35s 0.3s ease-in-out; transition: all 0.35s 0.3s ease-in-out; }
.ih-item.square.effect2 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.6s ease-in-out; -moz-transition: all 0.35s 0.6s ease-in-out; transition: all 0.35s 0.6s ease-in-out; }
.ih-item.square.effect2 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -ms-transform: translateY(-200px); -o-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.35s 0.5s linear; -moz-transition: all 0.35s 0.5s linear; transition: all 0.35s 0.5s linear; }
.ih-item.square.effect2 a:hover .img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); opacity: 0; }
.ih-item.square.effect2 a:hover .info { visibility: visible; }
.ih-item.square.effect2 a:hover .info h3, .ih-item.square.effect2 a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect3 { overflow: hidden; }
.ih-item.square.effect3.colored .info { background: #1a4a72; }
.ih-item.square.effect3 .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect3 .info { height: 65px; background: #333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect3 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px 10px 0 4px; margin: 4px 0 0 0; }
.ih-item.square.effect3 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 5px; text-align: center; }
.ih-item.square.effect3 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect3.bottom_to_top .info { top: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect3.bottom_to_top a:hover .img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); }
.ih-item.square.effect3.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect3.top_to_bottom .info { bottom: auto; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect3.top_to_bottom a:hover .img { -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
.ih-item.square.effect3.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect4 { overflow: hidden; position: relative; }
.ih-item.square.effect4.colored .info { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.square.effect4 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 { position: absolute; background: #333; background: rgba(0, 0, 0, 0.6); height: 361px; width: 361px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect4 .mask1 { left: auto; right: 0; top: 0; -webkit-transform: rotate(56.5deg) translateX(-180px); -moz-transform: rotate(56.5deg) translateX(-180px); -ms-transform: rotate(56.5deg) translateX(-180px); -o-transform: rotate(56.5deg) translateX(-180px); transform: rotate(56.5deg) translateX(-180px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; }
.ih-item.square.effect4 .mask2 { top: auto; bottom: 0; left: 0; -webkit-transform: rotate(56.5deg) translateX(180px); -moz-transform: rotate(56.5deg) translateX(180px); -ms-transform: rotate(56.5deg) translateX(180px); -o-transform: rotate(56.5deg) translateX(180px); transform: rotate(56.5deg) translateX(180px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; }
.ih-item.square.effect4 .info { background: #111; height: 0; visibility: hidden; width: 361px; -webkit-transform: rotate(-33.5deg) translate(-112px, 166px); -moz-transform: rotate(-33.5deg) translate(-112px, 166px); -ms-transform: rotate(-33.5deg) translate(-112px, 166px); -o-transform: rotate(-33.5deg) translate(-112px, 166px); transform: rotate(-33.5deg) translate(-112px, 166px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; }
.ih-item.square.effect4 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: transparent; margin-top: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; }
.ih-item.square.effect4 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.35s; -moz-transition: all 0.35s ease-in-out 0.35s; transition: all 0.35s ease-in-out 0.35s; }
.ih-item.square.effect4 a:hover .mask1 { -webkit-transform: rotate(56.5deg) translateX(1px); -moz-transform: rotate(56.5deg) translateX(1px); -ms-transform: rotate(56.5deg) translateX(1px); -o-transform: rotate(56.5deg) translateX(1px); transform: rotate(56.5deg) translateX(1px); }
.ih-item.square.effect4 a:hover .mask2 { -webkit-transform: rotate(56.5deg) translateX(-1px); -moz-transform: rotate(56.5deg) translateX(-1px); -ms-transform: rotate(56.5deg) translateX(-1px); -o-transform: rotate(56.5deg) translateX(-1px); transform: rotate(56.5deg) translateX(-1px); }
.ih-item.square.effect4 a:hover .info { width: 300px; height: 120px; visibility: visible; top: 40px; -webkit-transform: rotate(0deg) translate(0, 0); -moz-transform: rotate(0deg) translate(0, 0); -ms-transform: rotate(0deg) translate(0, 0); -o-transform: rotate(0deg) translate(0, 0); transform: rotate(0deg) translate(0, 0); }
.ih-item.square.effect4 a:hover .info h3, .ih-item.square.effect4 a:hover .info p { opacity: 1; }
.ih-item.square.effect5.colored .info { background: #1a4a72; }
.ih-item.square.effect5.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect5 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect5 .info { background: #333; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect5 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; }
.ih-item.square.effect5 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect5 a:hover .img { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; }
.ih-item.square.effect5 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.ih-item.square.effect5.left_to_right .info { -webkit-transform: scale(0) rotate(-180deg); -moz-transform: scale(0) rotate(-180deg); -ms-transform: scale(0) rotate(-180deg); -o-transform: scale(0) rotate(-180deg); transform: scale(0) rotate(-180deg); }
.ih-item.square.effect5.right_to_left .info { -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); transform: scale(0) rotate(180deg); }
.ih-item.square.effect6 { overflow: hidden; }
.ih-item.square.effect6.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.square.effect6.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect6 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect6 .info { background: #333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect6 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect6 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear; }
.ih-item.square.effect6 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.ih-item.square.effect6 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect6.from_top_and_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect6.from_top_and_bottom .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3, .ih-item.square.effect6.from_top_and_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect6.from_left_and_right .info h3 { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.square.effect6.from_left_and_right .info p { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.square.effect6.from_left_and_right a:hover .info h3, .ih-item.square.effect6.from_left_and_right a:hover .info p { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect6.top_to_bottom .info h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect6.top_to_bottom .info p { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect6.top_to_bottom a:hover .info h3, .ih-item.square.effect6.top_to_bottom a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect6.bottom_to_top .info h3 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect6.bottom_to_top .info p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect6.bottom_to_top a:hover .info h3, .ih-item.square.effect6.bottom_to_top a:hover .info p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect7 { overflow: hidden; }
.ih-item.square.effect7.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.square.effect7.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect7 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect7 .info { background: #333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect7 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; -webkit-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); -o-transform: scale(4); transform: scale(4); -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; }
.ih-item.square.effect7 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.35s 0.3s linear; -moz-transition: all 0.35s 0.3s linear; transition: all 0.35s 0.3s linear; }
.ih-item.square.effect7 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.ih-item.square.effect7 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect7 a:hover .info h3, .ih-item.square.effect7 a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect8 { overflow: hidden; }
.ih-item.square.effect8.colored .info { background: #1a4a72; }
.ih-item.square.effect8.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect8 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect8 .info { background: #333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect8 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; -webkit-transition: all 0.35s 0.1s ease-in-out; -moz-transition: all 0.35s 0.1s ease-in-out; transition: all 0.35s 0.1s ease-in-out; }
.ih-item.square.effect8 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s 0.15s linear; -moz-transition: all 0.35s 0.15s linear; transition: all 0.35s 0.15s linear; }
.ih-item.square.effect8 a:hover .img { opacity: 0; }
.ih-item.square.effect8 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect8.scale_up .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect8.scale_up .info { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.ih-item.square.effect8.scale_up .info h3, .ih-item.square.effect8.scale_up .info p { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.ih-item.square.effect8.scale_up a:hover .img { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); }
.ih-item.square.effect8.scale_up a:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect8.scale_up a:hover .info h3, .ih-item.square.effect8.scale_up a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect8.scale_down .img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect8.scale_down .info { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); }
.ih-item.square.effect8.scale_down .info h3, .ih-item.square.effect8.scale_down .info p { -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); }
.ih-item.square.effect8.scale_down a:hover .img { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.square.effect8.scale_down a:hover .info { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect8.scale_down a:hover .info h3, .ih-item.square.effect8.scale_down a:hover .info p { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect9 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.square.effect9.colored .info .info-back { background: #1a4a72; }
.ih-item.square.effect9.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect9 .img { position: relative; z-index: 11; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.ih-item.square.effect9 .info { z-index: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.ih-item.square.effect9 .info .info-back { opacity: 1; width: 100%; height: 100%; padding-top: 30px; background: #333; }
.ih-item.square.effect9 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 0; }
.ih-item.square.effect9 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect9.left_to_right .img { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ih-item.square.effect9.left_to_right a:hover .img { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); }
.ih-item.square.effect9.right_to_left .img { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ih-item.square.effect9.right_to_left a:hover .img { -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotate3d(0, 1, 0, -180deg); transform: rotate3d(0, 1, 0, -180deg); }
.ih-item.square.effect9.top_to_bottom .img { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ih-item.square.effect9.top_to_bottom a:hover .img { -webkit-transform: rotate3d(1, 0, 0, -180deg); -moz-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); -o-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); }
.ih-item.square.effect9.bottom_to_top .img { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.ih-item.square.effect9.bottom_to_top a:hover .img { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); }
.ih-item.square.effect10 { overflow: hidden; }
.ih-item.square.effect10.colored .info { background: #1a4a72; }
.ih-item.square.effect10.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect10 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect10 .info { background: #333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect10 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; }
.ih-item.square.effect10 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect10 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect10.left_to_right .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect10.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.square.effect10.left_to_right a:hover .img { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.square.effect10.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect10.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect10.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.square.effect10.right_to_left a:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.square.effect10.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect10.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect10.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect10.top_to_bottom a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect10.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect10.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect10.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect10.bottom_to_top a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect10.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect11 { overflow: hidden; }
.ih-item.square.effect11.colored .info { background: #1a4a72; }
.ih-item.square.effect11.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect11 .img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect11 .info { background: #333; visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; }
.ih-item.square.effect11 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; }
.ih-item.square.effect11 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect11 a:hover .img { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.square.effect11 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect11.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.square.effect11.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect11.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.square.effect11.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect11.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect11.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect11.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect11.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect12 { overflow: hidden; }
.ih-item.square.effect12.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.square.effect12.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect12 .img { -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; }
.ih-item.square.effect12 .info { background: #333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; }
.ih-item.square.effect12 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; }
.ih-item.square.effect12 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; }
.ih-item.square.effect12 a:hover .info { visibility: visible; opacity: 1; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.ih-item.square.effect12 a:hover .info h3 { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.ih-item.square.effect12 a:hover .info p { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; }
.ih-item.square.effect12.left_to_right .info { -webkit-transform: translate(-460px, -100px) rotate(-180deg); -moz-transform: translate(-460px, -100px) rotate(-180deg); -ms-transform: translate(-460px, -100px) rotate(-180deg); -o-transform: translate(-460px, -100px) rotate(-180deg); transform: translate(-460px, -100px) rotate(-180deg); }
.ih-item.square.effect12.left_to_right .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }
.ih-item.square.effect12.left_to_right .info p { -webkit-transform: translateX(-300px) rotate(-90deg); -moz-transform: translateX(-300px) rotate(-90deg); -ms-transform: translateX(-300px) rotate(-90deg); -o-transform: translateX(-300px) rotate(-90deg); transform: translateX(-300px) rotate(-90deg); }
.ih-item.square.effect12.left_to_right a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
.ih-item.square.effect12.left_to_right a:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.ih-item.square.effect12.left_to_right a:hover .info p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
.ih-item.square.effect12.right_to_left .info { -webkit-transform: translate(460px, -100px) rotate(180deg); -moz-transform: translate(460px, -100px) rotate(180deg); -ms-transform: translate(460px, -100px) rotate(180deg); -o-transform: translate(460px, -100px) rotate(180deg); transform: translate(460px, -100px) rotate(180deg); }
.ih-item.square.effect12.right_to_left .info h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }
.ih-item.square.effect12.right_to_left .info p { -webkit-transform: translateX(300px) rotate(90deg); -moz-transform: translateX(300px) rotate(90deg); -ms-transform: translateX(300px) rotate(90deg); -o-transform: translateX(300px) rotate(90deg); transform: translateX(300px) rotate(90deg); }
.ih-item.square.effect12.right_to_left a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
.ih-item.square.effect12.right_to_left a:hover .info h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.ih-item.square.effect12.right_to_left a:hover .info p { -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); -o-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
.ih-item.square.effect12.top_to_bottom .info { -webkit-transform: translate(-265px, -145px) rotate(-45deg); -moz-transform: translate(-265px, -145px) rotate(-45deg); -ms-transform: translate(-265px, -145px) rotate(-45deg); -o-transform: translate(-265px, -145px) rotate(-45deg); transform: translate(-265px, -145px) rotate(-45deg); }
.ih-item.square.effect12.top_to_bottom .info h3 { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); }
.ih-item.square.effect12.top_to_bottom .info p { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); }
.ih-item.square.effect12.top_to_bottom a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.ih-item.square.effect12.top_to_bottom a:hover .info h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.ih-item.square.effect12.top_to_bottom a:hover .info p { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.ih-item.square.effect12.bottom_to_top .info { -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); }
.ih-item.square.effect12.bottom_to_top .info h3 { -webkit-transform: translate(200px, -200px); -moz-transform: translate(200px, -200px); -ms-transform: translate(200px, -200px); -o-transform: translate(200px, -200px); transform: translate(200px, -200px); }
.ih-item.square.effect12.bottom_to_top .info p { -webkit-transform: translate(-200px, 200px); -moz-transform: translate(-200px, 200px); -ms-transform: translate(-200px, 200px); -o-transform: translate(-200px, 200px); transform: translate(-200px, 200px); }
.ih-item.square.effect12.bottom_to_top a:hover .info { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.ih-item.square.effect12.bottom_to_top a:hover .info h3 { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.ih-item.square.effect12.bottom_to_top a:hover .info p { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; }
.ih-item.square.effect13 { overflow: hidden; }
.ih-item.square.effect13.colored .info { background: #1a4a72; background: rgba(26, 74, 114, 0.6); }
.ih-item.square.effect13.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect13 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect13 .info { background: #333; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect13 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; }
.ih-item.square.effect13 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect13 a:hover .img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.ih-item.square.effect13 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect13.left_to_right .info { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.ih-item.square.effect13.left_to_right a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect13.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.ih-item.square.effect13.right_to_left a:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.ih-item.square.effect13.top_to_bottom .info { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect13.top_to_bottom a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect13.bottom_to_top .info { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect13.bottom_to_top a:hover .info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect14.colored .info { background: #1a4a72; }
.ih-item.square.effect14.colored .info h3 { background: rgba(12, 34, 52, 0.6); }
.ih-item.square.effect14 .img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.ih-item.square.effect14 .info { background: #333; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease 0.2s; -moz-transition: all 0.35s ease 0.2s; transition: all 0.35s ease 0.2s; }
.ih-item.square.effect14 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; }
.ih-item.square.effect14 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect14 a:hover .img { opacity: 0; pointer-events: none; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.ih-item.square.effect14 a:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.ih-item.square.effect14.left_to_right .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
.ih-item.square.effect14.left_to_right a:hover .img { -webkit-transform: translateX(100%) rotate(180deg); -moz-transform: translateX(100%) rotate(180deg); -ms-transform: translateX(100%) rotate(180deg); -o-transform: translateX(100%) rotate(180deg); transform: translateX(100%) rotate(180deg); }
.ih-item.square.effect14.right_to_left .img { -webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); -o-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); }
.ih-item.square.effect14.right_to_left a:hover .img { -webkit-transform: translateX(-100%) rotate(-180deg); -moz-transform: translateX(-100%) rotate(-180deg); -ms-transform: translateX(-100%) rotate(-180deg); -o-transform: translateX(-100%) rotate(-180deg); transform: translateX(-100%) rotate(-180deg); }
.ih-item.square.effect14.top_to_bottom .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect14.top_to_bottom a:hover .img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.ih-item.square.effect14.bottom_to_top .img { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.ih-item.square.effect14.bottom_to_top a:hover .img { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.ih-item.square.effect15 { overflow: hidden; -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; }
.ih-item.square.effect15.colored .info { background: #1a4a72; }
.ih-item.square.effect15 .img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ih-item.square.effect15 .info { background: #333; opacity: 0; -webkit-transition: all 0.35s ease-in-out 0.3s; -moz-transition: all 0.35s ease-in-out 0.3s; transition: all 0.35s ease-in-out 0.3s; }
.ih-item.square.effect15 .info h3 { text-transform: uppercase; color: #fff; text-align: center; font-size: 17px; padding: 10px; background: #111; margin: 30px 0 0 0; }
.ih-item.square.effect15 .info p { font-style: italic; font-size: 12px; position: relative; color: #bbb; padding: 20px 20px 20px; text-align: center; }
.ih-item.square.effect15 a:hover .img { opacity: 0; visibility: hidden; }
.ih-item.square.effect15 a:hover .info { visibility: visible; opacity: 1; }
.ih-item.square.effect15.left_to_right .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ih-item.square.effect15.left_to_right .info { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ih-item.square.effect15.left_to_right a:hover .img { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.ih-item.square.effect15.left_to_right a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.ih-item.square.effect15.right_to_left .img { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; }
.ih-item.square.effect15.right_to_left .info { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.ih-item.square.effect15.right_to_left a:hover .img { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); }
.ih-item.square.effect15.right_to_left a:hover .info { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.ih-item.square.effect15.top_to_bottom .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ih-item.square.effect15.top_to_bottom .info { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.ih-item.square.effect15.top_to_bottom a:hover .img { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); }
.ih-item.square.effect15.top_to_bottom a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
.ih-item.square.effect15.bottom_to_top .img { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; }
.ih-item.square.effect15.bottom_to_top .info { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; }
.ih-item.square.effect15.bottom_to_top a:hover .img { -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.ih-item.square.effect15.bottom_to_top a:hover .info { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
@font-face { font-family: "iconfont"; src: url("../fonts/my/iconfont.woff") format("woff"); }
.iconfont { font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-tel2:before { content: '\e681'; }
.icon-email2:before { content: '\e62c'; }
.icon-home:before { content: '\e763'; }
.icon-about:before { content: '\e61d'; }
.icon-add:before { content: '\e620'; }
body { font-family: "微软雅黑"; }
h1, h2, h3, ul, p { padding: 0; margin: 0; }
ul { list-style: none; }
a { color: #333333; text-decoration: none !important; }
.welcome-wrap { display: none; }
.top-wrap { margin-bottom: 0; background: none; border: 0; border-bottom: 1px solid #f1f1f1; }
.logo button { margin-right: 0; }
.logo h1 { width: 75%; padding: 5px 0; }
.logo h1 a { display: block; height: 100%; background: url(../images/logo.png) no-repeat center left; background-size: contain; font-size: 0; }
.top-tel { display: none; }
.nav-menu li a { color: #555555; }
.nav-menu li.active > a {color: #FFFFFF;background: #ca9553;}
.nav-menu li .sec-menu { display: none; }
#banner { font-size: 0; text-align: center; }
#banner .carousel-inner { margin-bottom: -22px; }
#banner .carousel-indicators { margin-bottom: 0; bottom: 5px; color: #ffffff; font-size: 0; background: rgba(202, 149, 83, 0.3); line-height: 20px; border-radius: 15px; width: auto; left: 0; right: 0; margin: auto; display: inline-block; position: relative; }
#banner .carousel-indicators li { margin: 0 8px; background: #ffffff; border: 2px solid #ca9553; vertical-align: middle; opacity: .6; }
#banner .carousel-indicators li.active { width: 10px; height: 10px; opacity: 1; }
.search-wrap { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; }
.search-wrap .sea-l .form-group { margin-bottom: 0; border: 1px solid #cccccc; border-radius: 4px; position: relative; overflow: hidden; }
.search-wrap .sea-l .txt { width: 100%; height: 30px; border: 0; padding-left: 10px; padding-right: 50px; }
 .search-wrap .sea-l .txt::-webkit-input-placeholder {
 color: #999999;
}
.search-wrap .sea-l .sub-btn { position: absolute; width: 45px; height: 30px; right: 0; background: url(../images/search.png) no-repeat; background-position: 3px -6px; border: 0; }
.search-wrap .sea-r { margin-top: 10px; max-height: 40px; overflow: hidden; color: #999999; }
.search-wrap .sea-r a { display: inline-block; color: #666666; }
.tit01 { text-align: center; }
.tit01 h2 { font-size: 18px; color: #ca9553; }
.tit01 p { text-transform: uppercase; font-size: 12px; color: #999999; }
.prod-menu { font-size: 0; }
.prod-menu li { width: 33%; font-size: 14px; display: inline-block; background: #f7f6f5; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-align: center; }
.prod-menu li a { padding: 8px 0; display: block; }
.product-wrap { margin-top: 20px; }
.product-wrap .prod-menu { margin-top: 15px; }
.product-wrap .prod-r { margin-top: 15px; }
.product-wrap .prod-list { overflow: hidden; }
.product-wrap .prod-list .box9 { display: none; }
.prod-list { overflow: hidden; }
.prod-list .box { width: 48%; height: auto; margin: 0 1%; margin-bottom: 15px; border: 1px solid #f1f1ef; box-shadow: none; float: left; }
.prod-list .box .ih-item.square { width: 100%; height: auto; border: 0; box-shadow: none; }
.prod-list .box a { display: block; }
.prod-list .box a .mask1, .prod-list .box a .mask2, .prod-list .box a .info { display: none; }
.prod-list .box .img { height: 0; padding-top: 66.66667%; position: relative; display: block; }
.prod-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.prod-list .box .tit { line-height: 30px; padding: 0 5px; font-size: 14px; text-align: center; }
.prod-list .box .tit a { color: #666666; }
.tel-wrap { position: relative; }
.tel-wrap .tel-btn { display: block; border: 1px solid #ca9553; border-radius: 30px; line-height: 30px; color: #ca9553; padding-left: 15px; }
.tel-wrap .tel-txt { position: absolute; width: 55%; right: 0; top: 0; bottom: 0; background: #ca9553; color: #ffffff; border-radius: 30px; line-height: 30px; }
.tel-wrap .tel-txt:before { content: ''; display: inline-block; width: 18px; height: 100%; background: url(../images/prod-tel.png) no-repeat center; background-size: contain; vertical-align: middle; margin-left: 8px; }
.tel-wrap .tel-txt p { max-width: 80%; display: inline-block; vertical-align: middle; font-size: 12px; }
.img-ad { display: none; }
.tit02 { padding-bottom: 10px; text-align: center; background: url(../images/tit02.png) no-repeat center bottom; }
.tit02 h2 { font-size: 18px; margin-bottom: -18px; }
.tit02 p { color: rgba(202, 149, 83, 0.2); text-transform: uppercase; font-weight: bold; }
.product-wrap02, .case-wrap { margin-top: 25px; }
.product-wrap02 .prod-list02, .case-wrap .prod-list02 { margin-top: 15px; }
.prod-list02 { text-align: center; }
.prod-list02 .box { border: 1px solid #f1f1ef; }
.prod-list02 .ih-item { width: 100%; height: auto; box-shadow: none; border: 0; }
.prod-list02 .ih-item .img { height: 0; padding-top: 66.66667%; position: relative; display: block; transform: scale(1); }
.prod-list02 .ih-item .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.prod-list02 .ih-item.square.effect5 a:hover .img { transform: scale(1); }
.prod-list02 .ih-item .info { display: none; }
.prod-list02 .tit { line-height: 36px; padding: 0 15px; font-size: 16px; text-align: center; }
.prod-list02 .tit a { display: block; }
.prod-list02 .swiper-pagination { margin-bottom: 0; bottom: 5px; color: #ffffff; font-size: 0; background: rgba(202, 149, 83, 0.3); line-height: 20px; border-radius: 15px; display: inline-block; position: static; left: 0; right: 0; margin: auto; margin-top: 15px; width: auto; padding: 0 10px; }
.prod-list02 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px; border: 0; background: #ffffff; vertical-align: middle; border: 2px solid #e6b000; opacity: .6; }
.prod-list02 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; border-color: #ca9553; }
.my-pagination, .news-wrap .news-list .swiper-pagination, #certify .swiper-pagination { margin-bottom: 0; bottom: 5px; color: #ffffff; font-size: 0; background: rgba(202, 149, 83, 0.3); line-height: 20px; border-radius: 15px; display: inline-block; position: static; left: 0; right: 0; margin: auto; margin-top: 15px; width: auto; padding: 0 10px; }
.my-pagination .swiper-pagination-bullet, .news-wrap .news-list .swiper-pagination .swiper-pagination-bullet, #certify .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 8px; border: 0; background: #ffffff; vertical-align: middle; border: 2px solid #e6b000; opacity: .6; }
.my-pagination .swiper-pagination-bullet-active, .news-wrap .news-list .swiper-pagination .swiper-pagination-bullet-active, #certify .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; border-color: #ca9553; }
.case-wrap { background: #fbf9f6; padding: 20px 0; }
.case-wrap .tit { background: #ffffff; }
.about-wrap { margin-top: 25px; }
.about-wrap .about { margin-top: 15px; }
.about-wrap .img img { width: 100%; }
.about-wrap .con { background: #f7f6f5; padding: 15px; }
.about-wrap .con .tit { font-size: 16px; }
.about-wrap .con .txt { max-height: 180px; margin-top: 10px; color: #666666; overflow: hidden; }
.about-wrap .con .more { margin-top: 10px; text-align: right; }
.about-wrap .con .more a { display: inline-block; background: #ffffff; color: #666666; line-height: 30px; padding: 0 10px; }
.honor-wrap { margin-top: 25px; padding: 0 15px; }
.honor-wrap .ih-item { width: 100%; height: auto; border: 0; box-shadow: none; }
.honor-wrap .ih-item.square.effect6 a:hover .img { transform: scale(1); }
.honor-wrap .img { height: 0; padding-top: 139.28571%; position: relative; display: block; }
.honor-wrap .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.honor-wrap .info { display: none; }
.honor-wrap .tit { line-height: 30px; text-align: center; font-size: 14px; }
.honor-wrap .tit a { display: block; }
.honor-wrap .tit a:after { content: ''; width: 50px; height: 1px; margin: 0 auto; margin-top: 5px; background: #999999; display: block; }
.honor-wrap .swiper-button-next, .honor-wrap .swiper-button-prev { width: 48px; height: 48px; background: url(../images/honor-turn.png) no-repeat; background-position: -10px -10px; }
.honor-wrap .swiper-button-next { background-position: -10px -78px; }
.news-wrap { margin-top: 25px; }
.news-wrap .news { margin-top: 15px; }
.news-wrap .news .tab-tit a { padding: 0px 12px; line-height: 32px; margin-right: 10px; display: inline-block; border: 1px solid #cccccc; border-radius: 30px; font-weight: 500; }
.news-wrap .news .tab-tit a.active { background: #ca9553; border-color: #ca9553; color: #ffffff; }
.news-wrap .news .tab-con { margin-top: 15px; }
.news-wrap .news-list { display: none; text-align: center; }
.news-list .box .ih-item.square { width: 100%; height: auto; box-shadow: none; border: 0; }
.news-list .box .img { height: 0; padding-top: 58.8235%; position: relative; display: block; }
.news-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.news-list .box .con { text-align: left; }
.news-list .box .con a { display: block; }
.news-list .box .con .tit { line-height: 36px; font-size: 16px; }
.news-list .box .con .txt { color: #808080; height: 40px; overflow: hidden; }
.news-list .box .con .time { margin-top: 10px; padding-top: 10px; color: #999999; border-top: 1px solid #cccccc; font-weight: bold; }
.style-wrap { margin-top: 30px; }
.style-wrap .swiper-button-next, .style-wrap .swiper-button-prev { width: 48px; height: 48px; top: 40%; background: url(../images/honor-turn.png) no-repeat; background-position: -10px -10px; }
.style-wrap .swiper-button-prev { left: 0; }
.style-wrap .swiper-button-next { background-position: -10px -78px; right: 0; }
#certify { position: relative; width: 100%; margin: 0 auto; margin-top: 20px; text-align: center; }
#certify .swiper-container { padding-bottom: 30px; }
#certify .swiper-slide { width: 70%; background: #fff; box-shadow: 0 8px 30px #ddd; }
#certify .swiper-slide img { display: block; }
#certify .swiper-slide p { line-height: 36px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
#certify .img { height: 0; padding-top: 70%; position: relative; display: block; }
#certify .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.footer-wrap { margin-top: 30px; padding-top: 15px; background: #f7f6f5; }
.footer-wrap .f-footer { margin-top: 15px; }
.f-menu { padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; font-size: 0; }
.f-menu a { width: 33%; font-size: 14px; display: inline-block; }
.foot-l .tit { padding-left: 30px; font-size: 15px; font-weight: 500; color: #ca9553; background: url(../images/f-cont1.png) no-repeat center left; }
.foot-l .list { margin-top: 10px; color: #666666; }
.foot-l .list .item { padding-left: 30px; margin-bottom: 5px; }
.foot-l .list .item01 { background: url(../images/f-cont2.png) no-repeat top left; }
.foot-l .list .item02 { background: url(../images/f-cont3.png) no-repeat top left; }
.foot-l .list .item03 { background: url(../images/f-cont4.png) no-repeat top left; }
.foot-l .list .item04 { background: url(../images/f-cont5.png) no-repeat top left; }
.foot-r { margin-top: 15px; }
.f-tel { padding: 15px; padding-left: 80px; background: url(../images/f-tel.png) no-repeat 15px 15px #FFFFFF; }
.f-tel h3 { margin-bottom: 10px; font-size: 16px; color: #474443; font-weight: 500; }
.f-tel p { color: #ca9553; font-size: 15px; font-weight: 500; line-height: 24px; }
.f-tel p i { display: block; }
.f-tel p i { display: inline-block; }
.f-tel p i:after { content: '/'; display: inline-block; margin-left: 5px; margin-right: 5px; }
.f-tel p i:last-child:after { display: none; }
.f-logo { margin-top: 15px; }
.f-logo img { max-width: 100%; }
.f-link { margin-top: 20px; padding-top: 15px; border-top: 1px solid #e2e2e2; color: #666666; }
.f-link a { color: #666666; display: inline-block; margin-right: 5px; }
.copyright { background: #ca9553; color: #ffffff; margin-top: 15px; padding: 10px 0; }
.copyright a { color: #ffffff; }
.about-wrap .con .tit { color: #ca9553; }
.page-banner { height: 100px; }
.main { margin-top: 15px; }
.side-tit, .crumbs { display: none; }
.crumbs-search { background: #f5f5f5; padding: 10px; margin-top: 15px; }
.crumbs-search .search-wrap { padding: 0; margin: 0; border: 0; }
.content { margin-top: 15px; }
.side-menu .active { background: #ca9553; }
.side-menu .active a { color: #ffffff; }
.page-honor-list, .page-style-list, .page-video-list { overflow: hidden; }
.page-honor-list li, .page-style-list li, .page-video-list li { width: 48%; margin: 0 1%; margin-bottom: 20px; float: left; }
.page-honor-list li a, .page-style-list li a, .page-video-list li a { display: block; }
.page-honor-list li .img, .page-style-list li .img, .page-video-list li .img { height: 0; padding-top: 140.357%; position: relative; display: block; }
.page-honor-list li .img img, .page-style-list li .img img, .page-video-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-honor-list li .tit, .page-style-list li .tit, .page-video-list li .tit { margin-top: 10px; font-size: 16px; font-weight: 500; text-align: center; color: #666666; }
.page-style-list li .img, .page-video-list li .img { padding-top: 70%; }
.page-news-list .box { margin-bottom: 20px; }
.page-news-list .box:hover .ih-item.square.effect8.scale_up a .img { transform: scale(1); opacity: 1; }
.page-news-list .box:hover .ih-item.square.effect8.scale_up a .info { transform: scale(0); visibility: hidden; opacity: 0; }
.main.show .content { background: #f5f5f5; padding: 10px; }
.text-title { margin-top: 5px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; }
.text-title h1 { font-size: 18px; font-weight: bold; }
.text-title p { margin-top: 10px; color: #666666; }
.detail-box p { margin-bottom: 24px; }
.detail-box p img { max-width: 100% !important; height: auto !important; }
.detail-box .simg img { max-width: 100% !important; height: auto !important; }
.detail-box img { max-width: 100%; height: auto !important; }
.BMap_Marker img, #allmap img { max-width: none; }
.turn-page { margin-top: 20px; margin-bottom: 20px; color: #666666; border-top: 1px solid #cccccc; padding-top: 20px; }
.turn-page a { display: inline-block; color: #666666; max-width: 75%; vertical-align: bottom; }
.turn-page .turn-l { margin-bottom: 10px; }
.page-tit { font-size: 16px; color: #ca9553; margin-top: 10px; margin-bottom: 15px; }
.page-contact { background: #f5f5f5; overflow: hidden; }
.page-contact .map { height: 250px; overflow: hidden; }
.page-contact .cont-r { padding: 20px; overflow: hidden; }
.page-contact .cont-r .tit h2 { margin-bottom: 10px; font-size: 16px; font-weight: normal; font-weight: bold; color: #000000; }
.page-contact .cont-r .tit p { margin-bottom: 16px; font-size: 14px; color: #999999; }
.page-contact .cont-r .tit:after { content: ''; display: block; width: 34px; height: 4px; background: #ca9553; border-radius: 4px; }
.page-contact .cont-r .txt { margin-top: 20px; }
.page-contact .cont-r .txt p { margin-bottom: 10px; line-height: 22px; }
.page-contact .cont-r .txt p img { margin-right: 10px; }
.page-contact .cont-r .btns { margin-top: 15px; }
.page-contact .cont-r .btns .item { width: 23px; height: 18px; margin-right: 15px; display: inline-block; position: relative; }
.page-contact .cont-r .btns .item .toggle { display: block; background: url(../images/contact.png) no-repeat; height: 100%; }
.page-contact .cont-r .btns .item .big { width: 116px; height: 124px; padding-top: 17px; background: url(../images/f-qr-bg.png) no-repeat center top; position: absolute; text-align: center; bottom: 100%; display: none; }
.page-contact .cont-r .btns .item .big img { width: 80px; height: 80px; }
.page-contact .cont-r .btns .item01 .toggle { background-position: -53px 0; }
.page-contact .cont-r .btns .item02 .toggle { background-position: -116px 0; }
.page-contact .cont-r .btns .item02 .big { left: -66px; }
.page-contact .cont-r .btns .item03 .toggle { background-position: 3px 0; }
.page-contact .cont-r .kefu { margin-top: 15px; }
.page-contact .cont-r .kefu a { display: block; width: 140px; line-height: 50px; background: #ffffff; text-align: center; color: #666666; border-radius: 25px; font-size: 18px; }
.page-qr { margin-top: 20px; background: #F5F5F5; margin-left: 0; margin-right: 0; padding-top: 15px; padding-bottom: 15px; }
.page-qr .col-xs-6 { text-align: center; }
.page-qr .col-xs-6 img { max-width: 100%; }
.page-message { margin-top: 20px; background: #F5F5F5; padding: 15px; }
.page-message .tit { padding-bottom: 10px; border-bottom: 1px solid #cccccc; font-size: 16px; }
.page-message .message-form { margin-top: 15px; margin-bottom: 25px; }
.page-message .message-form .form-group.inline input { margin-bottom: 15px; }
.page-message .message-form .form-group.inline .req-icon { position: absolute; color: #ca9553; margin-left: 79%; margin-top: -40px; }
.page-message .message-form .sub-btn input { width: 50%; margin: 0 auto; background: #ca9553; color: #ffffff; border-color: #ca9553; }
.stateMenu { display: block; position: fixed; bottom: 0; z-index: 1000; left: 0; width: 100%; border-top: 1px solid #e0e0e0; background-color: #f2f2f2; }
.stateMenu .list { display: -webkit-flex; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.stateMenu .list li { border-right: 1px solid #e0e0e0; border-left: 1px solid #f6f6f6; flex: 1; text-align: center; }
.stateMenu .list li:first-child { border-left: none; }
.stateMenu .list li:last-child { border-right: none; }
.stateMenu .list a { display: block; line-height: 26px; padding: 0.3rem 0 0.5rem; }
.stateMenu .list .iconfont { display: block; line-height: 16px; font-size: 18px; }
.stateMenu .list3 .iconfont { border-top: 1px solid #e0e0e0; width: 38px; height: 38px; line-height: 1.8rem; margin: 0 auto; margin-top: -22px; font-size: 33px; border-radius: 50%; box-sizing: border-box; background-color: #f2f2f2; color: #ca9553; }
.stateMenu .list3 .iconfont:before { position: relative; top: 10px; }
body { height: 100%; padding-bottom: 50px; }
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }
.side-qq { display: none; }
.material.table { background: #ffffff; }
.material.table tr, .material.table th { text-align: center; }
.material.table th { min-width: 62px; font-weight: bold; color: #333333; }
.page { clear: both; padding: 20px 0 40px; text-align: center; }
.page a { display: inline-block; margin-bottom: 5px; padding: 0px 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #ca9553; color: white; text-decoration: none; }
.page a.a1 { padding: 0px 15px; line-height: 28px; margin-top: 0px; }
.page span { display: inline-block; padding: 0px 15px; line-height: 28px; background: #ca9553; border: 1px solid #ca9553; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
 @media screen and (min-width: 375px) {
.tel-wrap { position: relative; width: 88%; margin: 0 auto; }
.f-tel p { font-size: 16px; }
}
 @media screen and (min-width: 414px) {
.f-tel p { font-size: 18px; }
}
 @media screen and (min-width: 768px) {
.logo { width: 42%; }
.top-wrap .header { padding: 0; height: 40px; }
.top-wrap .logo .navbar-brand { margin-left: 0; margin-top: 0; padding-top: 5px; }
.top-wrap .logo { height: 50px; }
.top-wrap .logo .navbar-brand { width: 100%; height: 100%; }
#nav-menu { box-shadow: none; }
#nav-menu > ul > li > a { padding: 15px 5px; }
.top-tel { display: block; float: right; background: url(../images/top-tel.png) no-repeat left top; background-size: auto 40px; padding-left: 55px; padding-top: 14px; margin-top: 5px; }
.top-tel p { line-height: 20px; font-weight: 500; color: #ca9553; }
.search-wrap .sea-l { width: 41.6666%; margin-right: 28px; float: left; }
.search-wrap .sea-r { margin-top: 7px; max-height: 20px; }
.search-wrap .sea-r a:after { content: '/'; display: inline-block; margin-left: 5px; margin-right: 4px; }
.prod-menu li { width: 25%; }
.prod-list .box { width: 31%; }
.product-wrap .prod-list .box9 { display: block; }
.prod-list .box .tit { line-height: 36px; }
.tel-wrap { width: 46%; }
.img-ad { display: block; height: 150px; margin-top: 20px; }
.img-ad a { height: 100%; display: block; font-size: 0; background-size: cover !important; }
.about-wrap .about { overflow: hidden; }
.about-wrap .about .img { height: 0; padding-top: 33.3333%; position: relative; display: block; width: 50%; float: left; }
.about-wrap .about .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.about-wrap .about .con { width: 83.3333%; background: #f7f6f5; overflow: hidden; margin-left: -34%; margin-top: 30px; padding-left: 36.66666%; padding-bottom: 30px; float: left; }
.about-wrap .about .con .txt { max-height: 122px; }
.honor-wrap .swiper-button-next, .honor-wrap .swiper-button-prev { top: 42%; }
#certify .swiper-slide { width: 500px; }
#certify .swiper-slide p { line-height: 58px; }
.f-menu a { width: 16%; }
.crumbs-search { overflow: hidden; }
.crumbs { display: block; float: left; background: url(../images/home.png) no-repeat center left; padding-left: 24px; line-height: 30px; }
.crumbs a { color: #666666; }
.crumbs-search .search-wrap { width: 300px; float: right; }
.crumbs-search .search-wrap .sea-l { float: none; width: 100%; }
.crumbs-search .search-wrap .sea-l .form-group { border: 0; }
.page-honor-list li, .page-style-list li, .page-video-list li { width: 31%; }
.page-news-list { margin-left: -2%; }
.page-news-list .box { width: 31%; margin-left: 2%; float: left; }
.page-contact .map { width: 48%; max-height: 450px; height: auto; float: left; }
.page-contact .cont-r { padding: 35px 20px; }
.page-contact .cont-r .tit p { margin-bottom: 5px; }
.page-contact .cont-r { padding: 20px 20px; }
.page-contact .cont-r .btns { margin-top: 15px; }
.page-message .message-form .form-group.inline { overflow: hidden; }
.page-message .message-form .form-group.inline input { width: 48%; float: right; }
.page-message .message-form .form-group.inline input:first-child { float: left; }
.page-message .message-form .form-group.inline .req-icon { margin-left: 44%; margin-top: 9px; }
.page-message .message-form .form-group.inline .req-icon.icon1 { margin-left: -3%; }
.page-message .message-form .sub-btn input { width: 150px; }
.page-qr { padding-top: 30px; padding-bottom: 30px; position: relative; }
.page-qr:before { content: ''; width: 1px; height: 160px; background: #cccccc; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
}
 @media screen and (min-width: 992px) {
body { font-size: 16px; }
.container { padding: 0; }
.logo { width: 32%; }
#nav-menu { width: 970px; margin: 0 auto; padding: 0; }
#nav-menu > ul > li > a { padding: 15px 16px; }
.search-wrap { margin-top: -50px; height: 100px; padding: 25px 30px; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; }
#banner .carousel-indicators { bottom: 80px; }
.search-wrap .sea-l .txt { height: 50px; padding-left: 20px; font-size: 16px; }
.search-wrap .sea-l .sub-btn { height: 50px; background-position: -1px 6px; }
.search-wrap .sea-r { margin-top: 15px; font-size: 16px; }
.search-wrap .sea-r a:hover { color: #ca9553; text-decoration: underline !important; }
.tit01 h2 { font-size: 24px; }
.tit01 p { font-size: 20px; }
.product-wrap { margin-top: 60px; }
.prod-menu li a { font-size: 16px; padding: 12px 0; }
.prod-menu li a:hover { background: #ca9553; color: #ffffff; }
.prod-list .box .tit { line-height: 40px; font-size: 16px; }
.prod-list .box a .mask1, .prod-list .box a .mask2, .prod-list .box a .info { display: block; }
.prod-list .box:hover { border-color: #ca9553; }
.prod-list .box:hover .tit { background: #ca9553; }
.prod-list .box:hover .tit a { color: #ffffff; }
.prod-list .box .ih-item.square.effect4 .info { height: 40px; top: 70px; }
.prod-list .box .ih-item.square.effect4 .info h3 { margin: 0; border: 0; }
.prod-list .box .ih-item.square.effect4 a .info { transform: translate(112px, 0); }
.prod-list .box .ih-item.square.effect4 a .info h3 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod-list .box .ih-item.square.effect4 a:hover .info { transform: none; }
.prod-list .box .ih-item.square.effect4 a:hover .info h3 { transform: none; transition: none; }
.tel-wrap { width: 600px; margin-top: 40px; height: 60px; }
.tel-wrap .tel-btn { line-height: 58px; padding-left: 34px; font-size: 24px; }
.tel-wrap .tel-txt p { font-size: 24px; }
.tel-wrap .tel-txt:before { width: 24px; margin-left: 30px; margin-right: 5px; background-size: 24px; }
.img-ad { margin-top: 100px; }
.product-wrap02, .case-wrap, .case-wrap { margin-top: 100px; }
.tit02 h2 { margin-bottom: -46px; font-size: 40px; }
.tit02 p { font-size: 40px; }
.product-wrap02 .prod-list02, .case-wrap .prod-list02 { margin-top: 40px; }
.prod-list02 .tit { padding: 0; line-height: 60px; }
.prod-list02 .tit a { padding: 0 5px; }
.prod-list02 .swiper-pagination { margin-top: 40px; }
.case-wrap { padding-top: 80px; }
.prod-list02 .ih-item.square.effect5 .info { display: block; }
.prod-list02 .ih-item.square.effect5 .info h3 { margin-top: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod-list02 .ih-item.square.effect5 a:hover .img { transform: scale(0); }
.case-wrap { padding-bottom: 90px; background: url(../images/case-bg.jpg) no-repeat; background-size: cover; }
.about-wrap { margin-top: 100px; }
.about-wrap .about { margin-top: 40px; }
.about-wrap .about .img { margin-bottom: 7px; box-shadow: 3px 3px 7px rgba(202, 149, 83, 0.2); }
.about-wrap .con { padding-top: 40px; }
.about-wrap .con .tit { font-size: 20px; }
.about-wrap .about .con .txt { line-height: 30px; margin-top: 25px; max-height: 157px; }
.about-wrap .con .more a:hover { background: #ca9553; color: #ffffff; }
.honor-wrap { margin-top: 66px; }
.honor-wrap a { cursor: default; }
.honor-wrap .tit a { font-size: 16px; color: #666666; }
.honor-wrap .tit { margin-top: 20px; font-weight: normal; }
.honor-wrap .ih-item.square.effect6 a:hover .img { transform: scale(1.2); }
.honor-wrap .ih-item.square.effect6 .info h3 { margin-top: 60%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.honor-wrap .info { display: block; }
.prod-list .box:hover .ih-item.square.effect4 a .mask1 { transform: rotate(56.5deg) translateX(1px); }
.prod-list .box:hover .ih-item.square.effect4 a .mask2 { transform: rotate(56.5deg) translateX(-1px); }
.prod-list .box:hover .ih-item.square.effect4 a .info { width: 300px; transform: rotate(0deg) translate(0, 0); visibility: visible; }
.prod-list .box:hover .ih-item.square.effect4 a .info h3 { opacity: 1; }
.prod-list02 .box:hover .ih-item.square.effect5 a .img { transform: scale(0); }
.prod-list02 .box:hover .ih-item.square.effect5 a .info { visibility: visible; opacity: 1; transform: scale(1) rotate(0deg); transition-delay: 0.3s; }
.prod-list02 .box:hover .tit { background: #ca9553; }
.prod-list02 .box:hover .tit a { color: #ffffff; }
.prod-list02 .box .ih-item .info { display: block; }
.prod-list02 .box .ih-item .info h3 { margin-top: 70px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod-list02 .box:hover .ih-item.square.effect6 .img { transform: scale(1.2); }
.prod-list02 .box:hover .ih-item.square.effect6 a .info { visibility: visible; opacity: 1; }
.prod-list02 .box:hover .ih-item.square.effect6.from_top_and_bottom a .info h3 { transform: translateY(0); }
.honor-wrap .swiper-slide:hover .ih-item.square.effect6 a .img { transform: scale(1.2); }
.honor-wrap .swiper-slide:hover .ih-item.square.effect6 a .info { visibility: visible; opacity: 1; }
.honor-wrap .swiper-slide:hover .ih-item.square.effect6 a .info h3 { transform: translateY(0); }
.honor-wrap .swiper-slide:hover .tit a { color: #ca9553; }
.honor-wrap .tit a:after { margin-top: 11px; }
.honor-wrap .tit { margin-top: 0; padding-top: 20px; }
.news-wrap { margin-top: 100px; padding-top: 100px; padding-bottom: 98px; background: url(../images/news-bg.jpg) no-repeat center; background-size: cover; }
.tit02 h2 { font-weight: bold; }
.news-wrap .news { margin-top: 40px; padding: 50px; background: #ffffff; }
.news-wrap .news .tab-tit a { padding: 0 19px; line-height: 44px; font-size: 18px; }
.news-wrap .news .tab-tit a:hover { color: #ffffff; background: #ca9553; border-color: #ca9553; }
.news-wrap .news .tab-con { margin-top: 40px; }
.news-wrap .news-list .swiper-pagination { margin-top: 40px; }
.style-wrap { margin-top: 100px; }
#certify { margin-top: 40px; }
.footer-wrap { margin-top: 94px; padding-top: 50px; }
.f-menu { margin-left: -30px; padding-bottom: 30px; }
.f-menu a { width: auto; margin-left: 30px; font-weight: 500; }
.f-menu a:hover { color: #ca9553; }
.footer-wrap .f-footer { overflow: hidden; margin-top: 40px; }
.footer-wrap .f-footer .foot-l { width: 38.3333%; float: left; }
.footer-wrap .f-footer .foot-r { width: 43.33333%; margin-top: 0; float: right; }
.f-link { margin-top: 45px; padding-top: 30px; }
.f-link a:hover { color: #ca9553; }
.f-link a:hover:after { color: #666666; }
.f-link a:after { content: '|'; display: inline-block; margin-left: 10px; margin-right: 5px; }
.f-link a:last-child:after { display: none; }
.copyright .copy-l {width: 55.9166%;float: left;}
.copyright .copy-r { width: 35%; float: right; text-align: right; }
.f-tel p i { display: inline-block; }
.f-tel p i:after { content: '/'; display: inline-block; margin-left: 5px; margin-right: 5px; }
.f-tel p i:last-child:after { display: none; }
.f-tel p { font-weight: 500; font-size: 20px; }
.f-tel h3 { margin-bottom: 4px; font-size: 18px; }
.f-tel { height: 80px; }
.f-logo { margin-top: 6px; }
.welcome-wrap { display: block; height: 50px; background: #f7f6f5; }
.welcome-wrap .wel-l { float: left; color: #666666; line-height: 50px; }
.welcome-wrap .wel-r { float: right; }
.welcome-wrap .wel-r a { line-height: 50px; padding: 0; font-size: 16px; color: #666666; border: 0; padding-left: 30px; }
.welcome-wrap .wel-r a:hover { color: #ca9553; }
.welcome-wrap .wel-r .btn02 { margin-left: 40px; }
.welcome-wrap .wel-r .btn01 { background: url(../images/wel-btn1.png) no-repeat center left; }
.welcome-wrap .wel-r .btn02 { background: url(../images/wel-btn2.png) no-repeat center left; }
.top-wrap { height: 140px; }
.top-wrap .logo { width: 589px; height: 80px; margin-top: 30px; }
.top-wrap .logo .navbar-brand { padding: 0; }
.top-tel { min-width: 188px; min-height: 60px; margin-top: 30px; padding-left: 82px; padding-top: 24px; background-size: auto; }
.top-tel p { font-size: 28px; line-height: 28px; }
#nav-menu > ul > li > a { padding: 15px 12px; }
.prod-list .box:hover .ih-item.square.effect4 a .info h3 { transform: rotate(0deg) translate(0, 0); }
.honor-wrap .swiper-button-prev:hover, .style-wrap .swiper-button-prev:hover { background-position: -78px -10px; }
.honor-wrap .swiper-button-next:hover, .style-wrap .swiper-button-next:hover { background-position: -78px -78px; }
.honor-wrap .swiper-slide:hover .tit a:after { background: #ca9553; }
.crumbs-search .search-wrap { height: 40px; box-shadow: none; }
.crumbs-search .search-wrap .sea-l .txt, .crumbs-search .search-wrap .sea-l .sub-btn { height: 40px; }
.crumbs-search .search-wrap .sea-l .sub-btn { background-position: -1px 0px; }
.crumbs { line-height: 40px; }
.crumbs-search { padding-left: 20px; padding-right: 20px; }
.page-banner { height: 200px; max-width: 1920px; margin: 0 auto; }
.page-banner img { width: 100%; }
.page-honor-list li, .page-style-list li, .page-video-list li { margin-bottom: 30px; }
.page-honor-list li a .img, .page-style-list li a .img, .page-video-list li a .img { overflow: hidden; }
.page-honor-list li a .img img, .page-style-list li a .img img, .page-video-list li a .img img { transition: all linear .3s; }
.page-honor-list li a .tit, .page-style-list li a .tit, .page-video-list li a .tit { margin-top: 15px; }
.page-honor-list li a .tit:after, .page-style-list li a .tit:after, .page-video-list li a .tit:after { content: ''; display: block; width: 50px; height: 1px; background: #999999; margin: 0 auto; margin-top: 20px; }
.page-honor-list li a:hover .img img, .page-style-list li a:hover .img img, .page-video-list li a:hover .img img { transform: scale(1.2); }
.page-honor-list li a:hover .tit, .page-style-list li a:hover .tit, .page-video-list li a:hover .tit { color: #ca9553; }
.page-honor-list li a:hover .tit:after, .page-style-list li a:hover .tit:after, .page-video-list li a:hover .tit:after { background: #ca9553; }
.page-style-list li a .tit:after, .page-video-list li a .tit:after { display: none; }
.news-list .box .ih-item.square.effect8 a .info h3 { margin-top: 56px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news-list .box:hover .ih-item.square.effect8 a .img { transform: scale(5); opacity: 0; }
.news-list .box:hover .ih-item.square.effect8 a .info { transform: scale(1); visibility: visible; opacity: 1; }
.news-list .box:hover .ih-item.square.effect8 a .info h3 { transform: scale(1); }
.news-list .box:hover .con .tit { color: #ca9553; }
.news-list .box:hover .con .time { color: #ca9553; border-color: #ca9553; }
.page-video-list li .img:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/play.png) no-repeat center rgba(0, 0, 0, 0.5); transition: opacity .2s linear; }
.page-video-list li a:hover .img:after { opacity: 0; }
.text-title { margin-bottom: 20px; }
.text-title h1 { font-size: 24px; }
.text-title p { margin-top: 15px; }
.main.show .content { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 30px; }
.detail-box { color: #666666; line-height: 30px; }
.turn-page { overflow: hidden; }
.turn-page a:hover { color: #ca9553; }
.turn-page .turn-l { width: 48%; float: left; }
.turn-page .turn-r { width: 48%; float: right; text-align: right; }
.turn-page { margin-top: 30px; }
.turn-page { border-color: #e5e5e5; padding-top: 40px; }
.page-tit { font-size: 20px; margin-bottom: 20px; }
.page-contact .cont-r .btns .item01 .toggle:hover { background-position: -85px 0; }
.page-contact .cont-r .btns .item02 .toggle:hover { background-position: -147px 0; }
.page-contact .cont-r .btns .item03 .toggle:hover { background-position: -25px 0; }
.page-contact .cont-r .kefu a:hover { color: #ca9553; }
.page-contact .cont-r .btns .item02:hover .big { display: block; }
.page-contact .cont-r .btns .item02 .big { left: -75px; }
.page-contact .cont-r { padding-top: 40px; }
.page-message { padding: 60px 100px 60px 100px; }
.page-message .tit { padding-bottom: 40px; font-size: 20px; color: #333333; padding-bottom: 0; border-bottom: 0; }
.page-message .message-form { margin-top: 30px; }
.page-message .message-form .txt textarea { height: 200px; border: 0; font-size: 16px; padding-top: 20px; }
.page-message .message-form .form-group.inline input { height: 60px; border: 0; font-size: 16px; }
.page-message .message-form .sub-btn { margin-top: 60px; }
.page-message .message-form .txt { margin-top: 40px; }
.page-message .message-form .form-group.inline input { margin-bottom: 0; }
.page-message .message-form .sub-btn input { width: 200px; height: 60px; font-size: 24px; margin-left: 0; }
.page-message .message-form .form-group.inline .req-icon { margin-top: 18px; }
.page-message .message-form .form-group.inline .req-icon { margin-left: 33%; }
.side-qq { display: block; position: fixed; width: 60px; height: auto; right: 0; top: 33%; z-index: 100; }
.side-qq ul { list-style: none; }
.side-qq li { width: 60px; height: 65px; margin-bottom: 1px; position: relative; }
.side-qq li a { position: absolute; width: 60px; height: 100%; top: 0; right: 0; transition: all 0.3s; opacity: 1; color: #fff; line-height: 46px; font-size: 15px; background: #ca9553; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-decoration: none; }
.side-qq li.side01 a img, .side-qq li.side02 a img, .side-qq li.side03 a img, .side-qq li.side04 a img, .side-qq li.side05 a img { padding-left: 6px; padding-top: 6px; display: block; }
.side-qq li.side02 a { overflow: visible; }
.side-qq li.side02 span { width: 120px; height: 120px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); position: absolute; right: 110%; top: 0; display: none; }
.side-qq li.side02 span img { width: 100%; height: 100%; padding: 0; }
.side-qq li.side02:hover a { width: 60px; }
.side-qq li.side02:hover span { display: block; }
.side-qq li.side03 a span { width: 200px; line-height: 65px; padding-left: 15px; font-size: 22px; font-weight: bold; display: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: absolute; right: 95%; top: 0; background: #ca9553; }
.side-qq li.side03:hover a span { display: block; }
.side-qq li.side01 a, .side-qq li.side05 a { line-height: 27px; text-align: center; }
.side-qq li.side01 a img, .side-qq li.side05 a img { margin: 0 auto; }
.side-qq li.side01 a span, .side-qq li.side05 a span { font-size: 12px; }
.side-qq li.side04 a { background: #666666; }
.side-qq li.side01 a span { display: none; }
.stateMenu { display: none; }
body { padding-bottom: 0; }
.material.table tr th { padding-top: 14px; padding-bottom: 13px; }
.material.table tr td { padding-top: 14px; padding-bottom: 13px; }
#nav-menu > ul > li:hover > a { background: #ca9553; color: #ffffff; }
#nav-menu > ul > li:hover .sec-menu { display: block; }
#nav-menu > ul > li .sec-menu { width: 150px; margin-left: -20px; position: absolute; z-index: 1; background: rgba(255, 255, 255, 0.9); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35); overflow: hidden; }
#nav-menu > ul > li .sec-menu li { line-height: 40px; font-size: 14px; text-align: center; border-bottom: 1px dashed #e2e2e2; }
#nav-menu > ul > li .sec-menu li:last-child { border-bottom: 0; }
#nav-menu > ul > li .sec-menu li a { display: block; }
#nav-menu > ul > li .sec-menu li a:hover { color: #ca9553; }
.foot-l .tit { font-size: 16px; }
.f-tel p i { font-weight: 500; }
.page-news-list .box:hover .ih-item.square.effect8.scale_up a .img { transform: scale(5); opacity: 0; }
.page-news-list .box:hover .ih-item.square.effect8.scale_up a .info { transform: scale(1); visibility: visible; opacity: 1; }
#nav-menu > ul > li .sec-menu li a { color: #666666; }
}
 @media screen and (min-width: 1200px) {
.container { width: 1200px; }
#nav-menu { width: 100%; background: #ca9553; box-shadow: 0 0px 10px rgba(0, 0, 10, 0.35); position: relative; z-index: 1; }
#nav-menu > ul { width: 1200px; margin: 0 auto; float: none; }
#nav-menu > ul > li > a { color: #ffffff; padding: 20px 22px; }
#nav-menu > ul > li { font-size: 16px; }
#banner .carousel-indicators { line-height: 30px; padding: 0 15px; }
#banner .carousel-indicators li { width: 12px; height: 12px; margin: 0 10px; }
#banner .carousel-indicators li.active { width: 12px; height: 12px; }
.product-wrap .prod-l { width: 200px; float: left; }
.product-wrap .prod-l .tit01 { height: 80px; background: #ca9553; text-align: left; padding-left: 20px; padding-top: 25px; }
.product-wrap .prod-l .tit01 h2, .product-wrap .prod-l .tit01 p { color: #ffffff; }
.product-wrap .prod-l .tit01 h2 { margin-bottom: -12px; }
.product-wrap .prod-l .tit01 p { color: rgba(255, 255, 255, 0.2); font-size: 18px; }
.product-wrap .prod-r { width: 960px; float: right; margin-top: 0; }
.product-wrap .prod-menu { min-height: 830px; margin-top: 1px; }
.prod-menu li { width: 100%; line-height: 59px; border-bottom: 0; display: block; }
.prod-menu li a { padding: 0 20px; text-align: left; position: relative; }
.prod-menu li a:after { content: ''; display: block; width: 160px; height: 1px; border-bottom: 1px dashed #d6d6d6; margin: 0 auto; }
.prod-menu li a:before { content: ''; width: 18px; height: 18px; background: url(../images/prod-menu.png) no-repeat; background-position: -10px -10px; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; }
.prod-menu li a:hover:before { background-position: -48px -10px; }
.prod-menu li.active a:before { background-position: -48px -10px; }
.product-wrap .prod-list { margin-left: -30px; }
.prod-list .box { width: 300px; margin-right: 0; margin-left: 30px; margin-bottom: 30px; }
.prod-list .box .tit { line-height: 50px; }
.img-ad { height: 250px; }
.prod-list02 .swiper-pagination, .my-pagination, .news-wrap .news-list .swiper-pagination, #certify .swiper-pagination { line-height: 30px; padding: 0 15px; }
.prod-list02 .swiper-pagination .swiper-pagination-bullet, .my-pagination .swiper-pagination-bullet, .news-wrap .news-list .swiper-pagination .swiper-pagination-bullet, #certify .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 10px; }
.about-wrap .about .img { position: relative; z-index: 1; }
.about-wrap .about .con .txt { max-height: 180px; }
.about-wrap .about .con { margin-top: 50px; padding-left: 37.6%; padding-right: 40px; padding-bottom: 50px; }
.about-wrap .con .more { margin-top: 50px; }
.about-wrap .con .more a { width: 120px; padding: 0; line-height: 35px; text-align: center; }
.news-wrap .news { background: url(../images/news-bg2.png) no-repeat center; height: 660px; }
.news-list .box:hover .ih-item.square.effect8 .img { transform: scale(5); }
.news-list .box:hover .ih-item.square.effect8 .info { transform: scale(1); visibility: visible; opacity: 1; }
.news-list .box:hover .ih-item.square.effect8 .info h3 { transform: scale(1); }
.news-list .box:hover .con .tit, .news-list .box:hover .con .time { color: #ca9553; }
.news-list .box:hover .con .time { border-color: #ca9553; }
.news-list .box .con .tit { line-height: 60px; padding-top: 10px; }
.news-list .box .con .txt { font-size: 14px; line-height: 30px; height: 60px; }
.news-list .box .con .time { margin-top: 20px; padding-top: 20px; }
.f-menu a { font-size: 16px; margin-left: 43px; }
.foot-l .list .item { margin-bottom: 10px; }
.footer-wrap .f-footer .foot-l { width: 40%; }
.foot-l .list { margin-top: 18px; }
.f-tel p { font-size: 28px; }
.f-tel h3 { margin-bottom: 6px; }
.copyright { margin-top: 28px; padding: 14px 0; }
.f-link a:after { margin-left: 18px; margin-right: 8px; }
.page-banner { height: 450px; }
.main { margin-top: 60px; }
.main .side { width: 200px; float: left; }
.main .main-r { width: 960px; float: right; }
.crumbs-search { margin-top: 0; }
.side-tit { display: block; background: #ca9553; color: #ffffff; }
.side-tit h2 { line-height: 80px; font-size: 24px; font-weight: 500; padding-left: 20px; }
.side-menu { margin-top: 1px; }
.side-menu li { border-right: 0; }
.page-prod-list { margin-left: -30px; }
.page-prod-list li { margin-left: 30px; margin-right: 0; }
.content { margin-top: 50px; }
.page-honor-list, .page-style-list, .page-video-list { margin-left: -26px; }
.page-honor-list li, .page-style-list li, .page-video-list li { width: 280px; margin-left: 26px; margin-right: 0; }
.page-honor-list li .img, .page-style-list li .img, .page-video-list li .img { padding-top: 390px; }
.page-honor-list li .tit, .page-style-list li .tit, .page-video-list li .tit { color: #666666; }
.page-style-list, .page-video-list { margin-left: -30px; }
.page-style-list li, .page-video-list li { width: 300px; margin-left: 30px; }
.page-style-list li .img, .page-video-list li .img { padding-top: 70%; }
.news-list .box .ih-item.square.effect8 a .info h3 { margin-top: 70px; }
.page-news-list { margin-left: -30px; }
.page-news-list .box { width: 300px; margin-left: 30px; margin-bottom: 50px; }
.main.show .content { padding-left: 60px; padding-right: 60px; padding-top: 60px; position: relative; }
.main.show .content:before { content: ''; width: 60px; height: 40px; background: url(../images/angle1.png) no-repeat center; display: block; position: absolute; top: 0; right: 0; }
.main.show .content:after { content: ''; width: 59px; height: 40px; background: url(../images/angle2.png) no-repeat; position: absolute; left: 0; bottom: 0; }
.text-title { margin-top: 0; margin-bottom: 30px; padding-bottom: 25px; }
.turn-page { margin-top: 50px; }
.page-contact .map { width: 660px; height: 450px; }
.page-contact .cont-r { padding: 50px 50px; }
.page-contact .cont-r .tit h2 { margin-bottom: 5px; }
.page-contact .cont-r .tit p { margin-bottom: 20px; }
.page-contact .cont-r .txt p span { color: #666666; }
.page-contact .cont-r .bshare-custom { margin-top: 40px; }
.page-contact .cont-r .btns .item { margin-right: 40px; }
.page-contact .cont-r .tit h2 { color: #333333; font-weight: 500; }
.page-contact .cont-r .tit h2 { font-size: 20px; margin-bottom: 10px; }
.page-contact .cont-r .txt p { margin-bottom: 12px; }
.page-contact .cont-r { padding: 50px 40px; padding-top: 70px; }
.page-contact .map { height: 470px; max-height: 470px; }
.page-contact .cont-r .txt { margin-top: 38px; }
.page-contact .cont-r .txt p { margin-bottom: 15px; }
.page-qr { margin-top: 30px; padding-top: 46px; padding-bottom: 34px; }
.page-message { margin-top: 30px; }
.page-message .message-form .form-group.inline .req-icon { margin-left: 37%; }
.page-message .message-form .sub-btn input { width: 280px; height: 80px; }
#nav-menu > ul > li > a:after { content: ''; position: absolute; width: 40px; height: 4px; background: #ffffff; border-radius: 2px; bottom: 0; left: 0; right: 0; margin: auto; display: none; }
#nav-menu > ul > li.active > a:after, #nav-menu > ul > li:hover > a:after { display: block; }
.page-message .message-form .form-group.inline .req-icon { margin-left: 480px; }
#nav-menu > ul > li .sec-menu li { line-height: 40px; }
}
/*搜索页面*/
.searchWrap { padding-bottom: 30px; }
.searchTop { margin-left: auto; margin-right: auto; padding: 20px 0; }
.searchTop form { position: relative; width: 50%; margin: auto; }
.searchTop input[type="text"] { text-indent: 20px; padding-right: 46px; width: 100%; background-color: #f6f6f6; border: none; height: 46px; border-radius: 6px; overflow: hidden; box-sizing: border-box; line-height: 46px; transition: all .5s ease; }
.searchTop input[type="text"] { transition: all .5s ease; }
.searchTop .searchWrapBtn { position: absolute; z-index: 2; right: 0; top: 0; border-radius: 0 6px 6px 0; padding: 0 15px; height: 46px; line-height: 46px; text-align: center; border: none; background: #eee; color: #999; }
.searchTop .searchWrapBtn { z-index: 5; cursor: pointer; }
.searchTop .iconfont { font-size: 20px; color: #999; }
.searchTop .searchTit { margin-bottom: 10px; padding: 0px 20px; font-size: 15px; text-align: center; }
.searchTop .searchTit a { margin: 0 5px; }
.searchTop .searchTit .on { font-weight: bold; color: #F00; }
.searchTop .tips { margin-top: 8px; font-size: 14px; text-align: center; }
.searchTop .tips span { color: #F00; }
.searchNo { margin-top: 10px; font-size: 16px; text-align: center; }
.searchNo span { color: #F00; }
.searchList { margin-bottom: 20px; }
.searchList li { position: relative; padding: 0 10px; line-height: 3.2; border-radius: 4px; transition: all 0.4s; }
.searchList li .timer { position: absolute; right: 10px; top: 0; color: #999; font-size: 14px; }
.searchList li a { display: block; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchList li:hover { box-shadow: 0 0 3px #ddd; }