@charset "utf-8";
/* CSS Document */
@import url(global.css);

/*引导页*/
.guide{ background:url(../images/guidebg.jpg) no-repeat;}
.guide .content{ position:absolute; width:800px; height:570px; left:50%; top:60px; margin-left:-400px; }
.guide .content .g_logo{ display:block; width:600px; height:212px; margin-bottom:50px; background:url(../images/guidelogo.png) no-repeat; margin: 0 auto 50px  auto;}
.guide .content .links li{ text-indent:-9999px  }
.guide .content .links .left{ width:250px; float:left;}
.guide .content .links .right{ width:250px; float:right;}
.guide .content .links .left a,.right a{ width:250px; height:100px; margin-bottom:25px;}

.guide .content .links .middle{ width: 275px; float:left; margin-left:25px;}
.guide .content .links .middle a{ height:162px; margin-bottom:25px;}

.guide .content .links .link_01{ background:url(../images/iconspanel.png) no-repeat 0px 0px;}
.guide .content .links .link_02{ background:url(../images/iconspanel.png) no-repeat 0px -125px;}
.guide .content .links .link_03{ background:url(../images/iconspanel.png) no-repeat 0px -250px;}
.guide .content .links .link_04{ background: url(../images/iconspanel.png) no-repeat -275px 0px;}
.guide .content .links .link_05{ background:url(../images/iconspanel.png) no-repeat -275px -187px;}
.guide .content .links .link_06{ background:url(../images/iconspanel.png) no-repeat -550px 0px;}
.guide .content .links .link_07{ background:url(../images/iconspanel.png) no-repeat -550px -125px;}
.guide .content .links .link_08{ background:url(../images/iconspanel.png) no-repeat -550px -250px;}

.guide .content .links a{display:block; cursor: pointer; -webkit-transition:0.5s ease all;-moz-transition:0.5s ease all;}
.guide .content .links a:hover { -webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2); -webkit-box-shadow:0px 0px 10px #fff;-moz-box-shadow:0px 0px 10px #fff;}

/*-------动画效果翻转-----------
.guide .content .links a{
	-webkit-transform:rotateY(0deg);
	-webkit-transition:all .3s linear 0s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-moz-transform:rotateY(0deg);
	-moz-transition:all .3s linear 0s;
	-ms-transform-style:preserve-3d;
	-ms-transform:rotateY(0deg);
	-ms-transition:all .3s linear 0s;
	}
.guide .content .links a:hover {transform:rotateY(90deg);-webkit-transform:rotateY(45deg);-moz-transform:rotateY(180deg);}
*/