@charset "utf-8";
/* CSS Document */
/*了解联盟样式开始*/

.ljlm {
	position: relative;
	width: 1210px;
	height: auto;
	top: 46px;
	left: 30px;
	margin: 0;
	display: block;
	z-index: 2;
	padding: 0 18px 6px;
}


.LjWid {
    position: relative;
    overflow:hidden;
	width: 1150px;
	height: 260px;
    padding: 0;
    margin:0; 
    top: -5px;  
}

.LjWid ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:1300%;
	position: absolute;
    left:0;
    top: 19px;
}
.LjWid ul li {
	width: 155px;
	height: 230px;
	float: left;
	display: inline;
	margin-left: 13px;
	-webkit-perspective: 250px;
	-moz-perspective: 250px;
	-ms-perspective: 250px;
	perspective: 250px;
	position: relative;
	z-index: 2;
	cursor:pointer;
}

.vbx {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
}
.vbx img {
	position: absolute;
	width: 139px;
	height: 138px;
	padding:8px;
	background:#fff;
	-webkit-transform: rotateY(25deg);
	-ms-transform: rotateY(25deg);
	-moz-transform: rotateY(25deg);
	transform: rotateY(25deg);
	font: 0;
	z-index: 2;
}
.vbx p {
	position: absolute;
	top: 115px;
	-webkit-transform: rotateY(25deg);
	-ms-transform: rotateY(25deg);
	-moz-transform: rotateY(25deg);
	transform: rotateY(25deg);
	font: normal 36px/1.2em "黑体";
	width: 155px;
	height: 45px;
	display: block;
	color: #800000;
	background: #fff;
	text-align: center;
	z-index: 2;
}
/*加入联盟样式开始*/

.JRbox {
	position: relative;
	width: 1244px;
	height: auto;
	top: 25px;
	left: -13px;
	margin: 0;
	display: block;
	z-index: 2;
	padding: 12px 18px 6px;
}
.lftbtn {
	position: absolute;
	left: 26px;
	width: 36px;
	height: 71px;
	float: left;
	display: inline;
	margin-top: 65px;
	z-index: 44;
}
.lftbtn a {
	width: 36px;
	height: 71px;
	display: block;
	background: url(../IMG/left.png) no-repeat left top;
	font: 0;
}
.rghtbtn {
	position: absolute;
	right: 76px;
	width: 36px;
	height: 71px;
	float: right;
	display: inline;
	margin-top: 65px;
	z-index: 44;
}
.rghtbtn a {
	width: 36px;
	height: 71px;
	display: block;
	background: url(../IMG/right.png) no-repeat left top;
	font: 0;
}
.JRbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.JRbox ul li {
	width: 249px;
	height: 249px;
	float: left;
	display: inline;
	margin-left: 56px;
	position: relative;
	z-index: 0;
}
.JRbja {
	width: 249px;
	height: 249px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 50%;
	opacity: 0.2;
	filter:alpha(opacity=20);
}
.JRbjb {
	width: 221px;
	height: 221px;
	display: block;
	position: absolute;
	z-index: 2;
	left: 14px;
	top: 14px;
	background: #fff;
	border-radius: 50%;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.JRbox ul li p {
	width: 221px;
	height: 131px;
	display: block;
	position: absolute;
	z-index: 4;
	left: 16px;
	top: 75px;
	color: #231815;
	font: normal 22px/1.2em "黑体";
	margin: 0;
	padding: 0;
	text-align: center;
}



.CGBJ {
    position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	z-index: 2222;
	padding:0;
    
}

.CG_BG
{
    position: absolute;
    left: 0;
	top: 0;
	margin: 0;
	display: block;
	width: 100%;
	height: 100%;
    background:#000;
    opacity:0.5;
    filter:alpha(opacity=50);
    z-index: 0;
    
    }

.CGbox {
	position: relative;
	width: 999px;
	height: auto;
	left: 245px;
	top: 140px;
	margin: 0;
	display: block;
	z-index: 222;
	padding: 12px 18px 6px;
}
.CGbja {
	width: 743px;
	height: 539px;
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 0;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.CGbjb {
	width: 719px;
	height: 513px;
	display: block;
	position: absolute;
	z-index: 2;
	left: 12px;
	top: 12px;
	background: #fff;
	border-radius: 0;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
.CGclose {
	width: 41px;
	height: 41px;
	display: block;
	position: absolute;
	z-index: 4;
	right: 270px;
    top: -23px;
	
}
.CGclose a{
	width: 41px;
	height: 41px;
	display: block;
	background: url(../IMG/close.png) no-repeat left top;
	font: 0;
}
.CGcnt {
	width: 719px;
	height: 513px;
	display: block;
	position: absolute;JRbja
	z-index: 3;
	left: 12px;
	top: 12px;
	margin: 0;
    z-index:2222;
}

.CGcnt h1{ width: 719px; display:block; font: normal 32px/1.2em "黑体"; color: #2da5a5; margin: 0; text-align: center; padding-top: 40px;}

.CGli{ width: 580px; font: normal 26px/1.2em "黑体"; color: #3e3a39; margin: 0; display: block; padding: 50px 0 0 140px;}

.CGBtn{ width: 220px; height: 62px; display: block; margin: 80px auto; padding: 0; }
.CGBtn a{ width: 220px; height: 62px; display:block; font: normal 25px/2.5em "黑体"; background: #fff; border-radius: 35px; border: 1px solid #800000; color: #800000; margin: 0; text-align: center; text-decoration: none;}
.CGBtn a:hover{ text-decoration: none; background: #800000; border-radius: 35px; border: 1px solid #800000; color: #fff;}

.YNbox{ position: absolute;
	width: 1280px;
	height: auto;
	left: 0;
	top: 140px;
	margin: 0;
	display: block;
	z-index: 222;
	padding: 0;
	}


.YNltbox{
	position: relative;
    overflow:hidden;
	width: 1280px;
	height: 260px;
    padding: 0;
    margin:0; 
    top: -5px;  
}

.YNltbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 1200%;
	position: absolute;
}
.YNltbox ul li {
	width: 249px;
	height: 249px;
	float: left;
	display: inline;
	margin-left: 56px;
	position: relative;
	z-index: 0;
}

/*未选中的时候显示的内容背景样式*/
.YNbja {
	width: 249px;
	height: 249px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	background: #fff;
	border-radius: 50%;
	opacity: 0.2;
	filter:alpha(opacity=20);
}
.YNbjb {
	width: 221px;
	height: 221px;
	display: block;
	position: absolute;
	z-index: 2;
	left: 14px;
	top: 14px;
	background: #fff;
	border-radius: 50%;
	opacity: 0.5;
	filter:alpha(opacity=50);
}


/*选中的时候显示的内容背景样式*/
.YNbjc {
	width: 249px;
	height: 249px;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	background: #7f5dc9;
	border-radius: 50%;
	opacity: 0.2;
	filter:alpha(opacity=20);
}
.YNbjd {
	width: 221px;
	height: 221px;
	display: block;
	position: absolute;
	z-index: 2;
	left: 14px;
	top: 14px;
	background: #7f5dc9;
	border-radius: 50%;
	opacity: 0.5;
	filter:alpha(opacity=50);
}


.YNltbox ul li p {
	width: 221px;
	height: 131px;
	display: block;
	position: absolute;
	z-index: 4;
	left: 16px;
	top: 75px;
	margin: 0;
	padding: 0;
}

.YNltbox ul li p a {
	width: 221px;
	height: 131px;
	display: block;
	color: #231815;
	font: normal 40px/2.5em "黑体";
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}


.YNlftbtn {
	position: absolute;
	left: 0;
	width: 36px;
	height: 71px;
	float: left;
	display: inline;
	margin-top: 65px;
	z-index: 44;
}
.YNlftbtn a {
	width: 36px;
	height: 71px;
	display: block;
	background: url(../IMG/left.png) no-repeat left top;
	font: 0;
}
.YNrghtbtn {
	position: absolute;
	right: 0;
	width: 36px;
	height: 71px;
	float: right;
	display: inline;
	margin-top: 65px;
	z-index: 44;
}
.YNrghtbtn a {
	width: 36px;
	height: 71px;
	display: block;
	background: url(../IMG/right.png) no-repeat left top;
	font: 0;
}

/*弹出样式开始*/
 .overlay{
            background:#000;
            opacity: 0.5;
            filter:alpha(opacity=50);
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }

        .box{
            position:fixed;
            top:-1500px;
            width:718px;
            left:30%;
            right:30%;
            color:#7F7F7F;
            padding:0;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
            }
.box img{
     width:718px;
     height:718px;
     font:0;

}
            a.boxclose{
                float:right;
                width:41px;
                height:41px;
                background:transparent url(../IMG/close.png) repeat top left;
                right: -25px;
                top: -25px;
                cursor:pointer;
                position: absolute;
            } 
            
            
.ltBtn {
	position: absolute;
	left: -1px;
	width: 36px;
	height: 71px;
	float: left;
	display: inline;
	top: 335px;
	z-index: 44;
}
.ltBtn a {
	width: 36px;
	height: 71px;
	display: block;
	background: url(../IMG/left.png) no-repeat left top;
	font: 0;
}
.RtBtn {
	position: absolute;
	right: -1px;
	width: 36px;
	height: 71px;
	float: right;
	display: inline;
	top: 335px;
	z-index: 44;
}
.RtBtn a {
	width: 36px;
	height: 71px;
	display: block;
	background: url(../IMG/right.png) no-repeat left top;
	font: 0;
}