/*@charset "gb2312";*/

/**

 * ----------------------------------------------------------------------------

 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)

 * $codex 2. CSS样式表各区块用注释说明

 * $codex 3. 尽量使用英文命名原则

 * $codex 4. 尽量不加中杠和下划线

 * $codex 5. 尽量不缩写，除非一看就明白的单词

 * $Author: psd2html

 * $mailto: <psd2html@qq.com>

 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9

*/






.page1 .arrow{

	width: 87px; height: 87px; position: absolute; left: 50%; margin-left: -44px; bottom: 110px; cursor: pointer;

	

	display:block;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	border-radius:50%;

}

.page1 .arrow table{

	width: 100%; height: 100%; text-align: center; position: relative; top: 5px;

}

.page1 .arrow:before, .page1 .arrow:after {

	content:'';

	position:absolute;

	left:0;

	top:0;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	border-radius:50%;

	pointer-events:none

}

.page1 .arrow:before {

	width:88px;

	height:88px;

	border:1px solid #fff;

	-moz-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);

	-o-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);

	-webkit-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);

	transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)

}

.page1 .arrow:after {

	width:86px;

	height:86px;

	border:2px solid #fff;

	background-color:rgba(255, 255, 255, 0.1);

	opacity:0;

	-moz-transform:scale(0.5, 0.5);

	-ms-transform:scale(0.5, 0.5);

	-webkit-transform:scale(0.5, 0.5);

	transform:scale(0.5, 0.5);

	-moz-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);

	-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);

	-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);

	transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1)

}

.page1 .arrow:hover:before {

	opacity:0;

	-moz-transform:scale(1.5, 1.5);

	-ms-transform:scale(1.5, 1.5);

	-webkit-transform:scale(1.5, 1.5);

	transform:scale(1.5, 1.5);

	-moz-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);

	-o-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);

	-webkit-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);

	transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)

}

.page1 .arrow:hover:after {

	opacity:1;

	-moz-transform:scale(1, 1);

	-ms-transform:scale(1, 1);

	-webkit-transform:scale(1, 1);

	transform:scale(1, 1)

}


























a {
	outline: none;
	text-decoration: none;
	
}
a:hover {
	text-decoration: none;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}


/**

 +------------------------------------------------------------------------------

 * Public Class

 +------------------------------------------------------------------------------

 * @subpackage  RBAC

 +------------------------------------------------------------------------------

 */


/*文字两侧对齐*/

/* 兼容IE6的定位属性fixed，固定不动样式 */



	

	/* 左侧 */

	/*left:0px;*/

	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/

	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/

}
/* 解决固定层在IE6下闪的问题 */


/*png图片ie6下透明滤镜实现写法*/


/**

 +------------------------------------------------------------------------------

 * FCK 兼容解决方案

 +------------------------------------------------------------------------------

 * @subpackage  RBAC

 +------------------------------------------------------------------------------

 */


/**

 +------------------------------------------------------------------------------

 * 表单样式

 +------------------------------------------------------------------------------

 * @subpackage  RBAC

 +------------------------------------------------------------------------------

 */



/**

 +------------------------------------------------------------------------------

 * 网站整体颜色总汇

 +------------------------------------------------------------------------------

 * @codex  颜色:使用颜色的名称或者16进制代码,如 

 * @subpackage  RBAC

 +------------------------------------------------------------------------------

 */

.ff8600, ff86aa a {
	color: #ff8600;
}
/**

 +------------------------------------------------------------------------------

 * 网站整字体大小

 +------------------------------------------------------------------------------

 * @codex   字体大小,直接使用"font+字体大小"作为名称,如

 * @package  ORG

 * @subpackage  RBAC

 +------------------------------------------------------------------------------

 */

.font14px {
	font-size: 14px;
}
.font9pt {
	font-size: 9pt;
}
/*自定义字体*/






/**

 +------------------------------------------------------------------------------

 * 网站整布局命名规范

 +------------------------------------------------------------------------------

 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease

 * @package  ORG

 * @subpackage  RBAC

 +------------------------------------------------------------------------------

 */

a {
	color: #fff;
	font-size:16px; font-weight:bold;
	transition: all 0.3s ease-in-out 0s;
}

body {
	font-family: "Microsoft YaHei", sans-serif;
}



body {
	font-size: 12px;
	line-height: 22px;
}
.wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.gb-header, .gb-nav {
	height: 86px;
	position:absolute;
	left: 0;
	right: 0;
	z-index: 8;
}


, .page1 .nav1 {
	z-index: 2;
}
 {
	width: 87px;
	height: 87px;
	position: absolute;
	left: 50%;
	margin-left: -44px;
	bottom: 110px;
	cursor: pointer;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
 table {
	width: 100%;
	height: 100%;
	
	position: relative;
	top: 5px;
}
:before, :after {
	content: '';
	position: absolute;
	left: 0;
}
/*:before {
	width: 88px;
	height: 88px;
	border: 1px solid #fff;
	-moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
:after {
	width: 86px;
	height: 86px;
	border: 2px solid #fff;
	background-color: rgba(255, 255, 255, 0.1);
	opacity: 0;
	-moz-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-webkit-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5);
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}*/
:hover:before {
	opacity: 0;
	-moz-transform: scale(1.5, 1.5);
	-ms-transform: scale(1.5, 1.5);
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
	-moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
:hover:after {
	opacity: 1;
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}
.gb-nav.show .gh a, .gb-nav.show .gh a:after, .gb-nav.show .gh a:before {
	background-color: #08903d;
}
.header .logo, .gb-nav .logo {
	margin-left: 60px;
	float: left;
	display: inline;
	margin-top: 9px;
}
.gb-nav .logo {
	position: relative;
}
.gb-nav .logo img {
	position: absolute;
	left: 0;
	top: 0;
}
.gb-nav .logo img.img2 {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}
.gb-nav.show .logo img.img2 {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.header .nav1 {
	position: absolute;
	margin-right: 70px;
	float: right;
	display: inline;
	margin-top: 40px;
}
.header .nav1 li {
	float: left;
	display: inline;
	margin-left: 40px;
	font-size: 20px;
	font-weight:bold;
	 color:#fff;
	
}
.header .nav1 li a{ color:#fff; }

.active .gb-arrow {
	margin-top: -23px;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
.slide-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}
.slide-wrap ul {
	width: 100%;
	height: 100%;
}
.slide-wrap li {
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.slide-wrap li .wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -250px;
}
.slide-wrap li.selected {
}
.slide-wrap li .bg {
background: url(../images/img50.png) repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
}
.slide-wrap li.selected .bg {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.slide-wrap li .img {
	position: relative;
	z-index: 9;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
}
.slide-wrap li.selected .img {
	-webkit-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important;
}
.slide-wrap li .text {
	color: #fff;
	font-size: 20px;
	margin-top: 25px;
	position: relative;
	z-index: 9;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.slide-wrap video {
	position: absolute;
	z-index: 0;
	top: -93px;
	left: 0px;
	min-width: 0px; /*min-height: 999px;*/
	min-width: 100%;
	height: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.slide-wrap li#s1 video {
	opacity: 0;
}
.slide-wrap li#s1.selected video {
	opacity: 1;
}
.slide-wrap li#s1 .img {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s1.selected .img {
	opacity: 1;
}
.slide-wrap li#s1 .text {
	opacity: 0;
}
.slide-wrap li#s1.selected .text {
	opacity: 1;
}
.slide-wrap li#s2 video {
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
}
.slide-wrap li#s2.selected video {
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
.slide-wrap li#s2 .img {
	position: relative;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s2.selected .img {
	opacity: 1;
}
.slide-wrap li#s2 .quan {
	position: absolute;
	right: 0;
	top: 0;
}
.slide-wrap li#s2 .img {
	opacity: 0;
}
.slide-wrap li#s2 .text {
	opacity: 0;
}
.slide-wrap li#s3 video {
	opacity: 0;
}
.slide-wrap li#s3.selected video {
	opacity: 1;
}
.slide-wrap li#s3 .img {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}
.slide-wrap li#s3.selected .img {
	opacity: 1;
}
.slide-wrap li#s3 .text {
	opacity: 0;
}
.slide-wrap li#s3.selected .text {
	opacity: 1;
}
.slide-nav-wrap {
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
	padding-top: 25px;
	margin-bottom: -22px;
	opacity: 1;
	overflow: hidden;
	z-index: 9999999;
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	height: 84px;
}
#slide-nav {
	position: relative;
	width: 620px;
	height: 26px;
	margin: auto;
	-moz-transform: translateX(90px);
	-ms-transform: translateX(90px);
	-webkit-transform: translateX(90px);
	transform: translateX(90px)
}
.nav-line {
	float: left;
	position: relative;
	width: 90px;
	height: 1px;
	top: 13px;
		background-color: #fff;
}
.nav-line:after {
	content: '';
	position: absolute;
	top: 0;
	width: 90px;
	height: 1%;
	background-color: #fff;
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
	
}
.nav-line.small:after {
	width: 78px
}
.nav-line.x-small:after {
	width: 63px;
	-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 1s cubic-bezier(0.77, 0, 0.175, 1)
}
.nav-line.prev:after {
	left: 0
}
.nav-line.next:after {
	right: 0
}
.nav-line:first-child:before, .nav-line:last-child:before {
	content: '';
	position: absolute;
	top: 0;
	width: 8000px;
	height: 1px;
	background-color: #fff;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.nav-line:first-child:before {
	left: -8000px
}
.nav-line:last-child:before {
	right: -8000px
}
.nav-bullet-container {
	float: left;
	position: relative;
	width: 26px;
	height: 26px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.nav-bullet-container:nth-child(1) {
	margin-left: 100px
}

.nav-bullet-container.active .nav-link:after {
	opacity: 1
}
.nav-link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
}
.nav-link:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: 0.5;
	-moz-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
.nav-link:after {
	content: '';
	position: absolute;
	left: 9px;
	top: 9px;
	width: 8px;
	height: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.5;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}
.nav-bullet {
	position: absolute;
	left: 9px;
	top: 9px;
	width: 8px;
	height: 8px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0;
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}
.nav-text {
	position: absolute;
	left: -44px;
	bottom: -22px;
	width: 113px;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-moz-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	color: #fff;
}