﻿@charset "utf-8";
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}





.gzly{ width:1200px; height:auto; margin:0 auto;}
.lylx{float: right; width: 392px; position:relative; margin-top:55px;}
.lylx i{display:block; padding-left:20px; background:url(/global/common_dot.gif) left center no-repeat; font-style:normal;}
.lylx .tit{ }
.lylx .box{ height: 448px;}
.lylx ul{margin-bottom:30px;}
.lylx ul li{padding:15px 10px; line-height: 62px;  position: relative;}
.lylx ul li::after{content:''; width: 100%; height: 1px; background: #bfbfbf; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; position: absolute; bottom: 0; left: 0;}
.lylx .more{display:block; position:absolute; left:30px; bottom:20px; width: 90px; height: 33px; background: #f4f1ee; text-align: center; line-height: 33px; border-radius: 15px;}
.lyzn{float: left; width: 747px;}
.lyzn .tit{border-bottom: #f64545 1px solid; margin-bottom:16px;}
.lyzn .tit h3{font-size: 24px; font-weight: normal; padding-bottom: 18px;}
.lyzn ul{margin:-40px; margin-top:55px; overflow: hidden;}
.lyzn ul li{float: left; width: 33%; height:100%;}
.lyzn ul li img{display: block; width: 100%; height: 490px;}
.lyzn ul li a{display: block;}
.lyzn ul li a span{position: absolute; width: 82px; height: 82px; top: 50px; left: 50%; margin-left: -41px; border-radius: 50%; overflow: hidden;}
.lyzn ul li a span b{background: #2cdf27; display: block; width: 100%; height: 100%; opacity:0.6;}
.lyzn ul li a span i{position: absolute; top: 15px;left:18px; height: 0; width: 100%; height: 100%;background:url(1.png) no-repeat ;}
.lyzn ul li.li1 a span b{background: #292ef4;}
.lyzn ul li.li1 a span i{ background-image:url(2.png);}
.lyzn ul li.li2 a span b{background: #f10278;}
.lyzn ul li.li2 a span i{background-image:url(3.png);}
.lyzn ul li.li3 a span b{background: #f10278;}
.lyzn ul li.li3 a span i{background-image:url(/global/mlgz_gzly_lyzn_icon4.png);}
.lyzn ul li h4{position: absolute; top: 150px; width: 30px; left: 50%; margin-left: -15px; text-align: center; font-weight: normal; font-size: 20px; font-weight: bold;}

.effect-jazz .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.effect-jazz{
	position: relative; overflow: hidden; margin:0 10px;
	
}
.effect-jazz img {opacity: .9;}
.effect-jazz .txt::after, .effect-jazz img{
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
}
.effect-jazz .txt::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.effect-jazz h4 {opacity: 0.8;}
.effect-jazz h4, .effect-jazz span b{
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
}
.effect-jazz:hover img {
	opacity: .7;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1);
}
.effect-jazz:hover .txt::after {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
.effect-jazz:hover h4{
	opacity: 1;
	-webkit-transform: scale3d(1.2, 1.2, 1.2);
	transform: scale3d(1.2, 1.2, 1.2);
	font-weight: bold;
	color:#900; text-shadow:0px 0px 8px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;
}
.effect-jazz:hover span b{opacity:1;}



