li {list-style-type:none;}
#superContainer { height: 100%; position: relative; }
.section {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#fullPage-nav {position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right {right: 17px; }
#fullPage-nav.left {left: 17px; }
.fullPage-slidesNav {position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fullPage-slidesNav.bottom {bottom: 17px; }
.fullPage-slidesNav.top {top: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul {margin: 0; padding: 0; }
#fullPage-nav li, .fullPage-slidesNav li {display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fullPage-slidesNav li {display: inline-block;}
#fullPage-nav li a, .fullPage-slidesNav li a {display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }
#fullPage-nav span, .fullPage-slidesNav span {top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }
.fullPage-tooltip {position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right {right: 20px; }
.fullPage-tooltip.left {left: 20px; }

/*nav*/
.c_nav_main {width:50px; height:50px; position: fixed; right:50px; top:50px; z-index:400;} 
.c_nav_main>a {display:block; width:32px; height:28px; background:url(../images/index_nav_icon.png) no-repeat center center; background-size:100%;}
.c_nav_main>a>img {width:100%}
.subPage {width:100%; height: 100%;  position:fixed; left:100%; top:0; background:#fff; z-index:500}
.open{width:100%; height: 100%;  position: fixed; left:50%; top:0; background:#fff; -webkit-transition:-webkit-transform .6s ease-out;-webkit-transform: translate3d(0, 0, 0); z-index:500}
.c_nav_bg {position:fixed; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 0.5; z-index:400; display:none}
.backBtn { width:18px; height:18px; display:block; background:url(../images/guanbi.png) no-repeat center center; background-size:100%; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity: 0.8; position:absolute; left:50px; top:50px; -webkit-transition:all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.backBtn:hover {transform: rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform: rotate(90deg);}
.nav_list { position:absolute; left:15%; top:25%}
.nav_list>ul>li { padding:20px 0}
.nav_list_a1 {font-size:16px; line-height:20px; color:#666; letter-spacing:1px; width:120px; -webkit-transition:all 0.3s; -moz-transition: all 0.3s;
-o-transition: all 0.3s; transition: all 0.3s;}
.nav_list_now {color:#5677fc; background:url(../images/r_j_icon.png) no-repeat right center; background-size:12px 12px; display:block}
.nav_list_a1:hover {color:#5677fc;}



/*������*/
#menu {position: fixed; right: 20px; top: 40%; z-index: 100; list-style-type: none; }
#menu li {width: 27px; height: 27px; margin-top: 7px; overflow: hidden;}
#menu a {display: block; height: 27px; /*padding-right: 30px;*/ line-height: 27px; background: url(../images/dot.png) right -34px no-repeat; color: #f5f5f5; text-align:right; text-shadow: 1px 1px 0px #333; text-decoration: none; overflow: hidden;}
#menu span {display:block; width:27px; height: 27px; font-size: 12px; text-indent: 200px; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden;}
#menu a:hover span {text-indent:0;}
#menu .active a {background-position: right 0;}

.section {position: relative; overflow: hidden;}
.section .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.middle {position: relative; width: 1000px; height: 100%; margin-left: auto; margin-right: auto;}

/*page1*/
.section1 {position:relative}
.section1_logo {width:410px; height:165px; background:url(../images/page01/page01_logo.png) no-repeat center center; background-size:100%; position:absolute; left:50%; margin-left:-205px; top:50%; margin-top:-100px; z-index:100}
.section1_logo>img {width:100%}
.section1_txts {width:580px; height:18px; background:url(../images/page01/page01_txt.png) no-repeat center center; background-size:100%; position:absolute; left:50%; margin-left:-290px; bottom:140px; z-index:200}
.section1_bottom {width:80px; height:80px; position:absolute; left:50%; margin-left:-40px; bottom:30px;; z-index:100}
.section1_bottom>a {display:block; width:80px; height:80px; background: url(../images/page01/but_bottom.png) no-repeat center center; background-size:100% 100%; animation:myfirst infinite 2s; -moz-animation:myfirst infinite 2s; -webkit-animation:myfirst infinite 2s; -o-animation:myfirst infinite 2s;}

.section1_bottom2 {width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; bottom:30px;; z-index:9000}
.section1_bottom2>a {display:block; width:60px; height:60px; background: url(../images/bottom_list.png) no-repeat center center; background-size:100% 100%; animation:myfirst2 infinite 2.2s; -moz-animation:myfirst2 infinite 2.2s; -webkit-animation:myfirst2 infinite 2.2s; -o-animation:myfirst2 infinite 2.2s;}
@keyframes myfirst
{
0%   {filter:alpha(opacity=40);-moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
50%  {filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1; opacity:1;}
100% {filter:alpha(opacity=40);-moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
}
@keyframes myfirst2
{
0%   {filter:alpha(opacity=40);-moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
50%  {filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
100% {filter:alpha(opacity=40);-moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
}
#particles {width:100%;height:98%;overflow:hidden; position:absolute; z-index:1; left:0; top:0}

/*page2*/
.section2 {position:relative}
.section2_title { padding-top:5%}
.section2_title>p { display:block; width:120px; height:30px; background:url(../images/page02/page02_tit.png) no-repeat center center; background-size:100%; margin:auto;  position:relative; z-index:300}
.focus{height:100%;width:100%; position:absolute; left:0; top:0}
.focus .left{width:100%; height:100%; position:relative;overflow:hidden; z-index:20}
.focus .left li{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.focus .left li.active{z-index:2;}
.active_nonees {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.focus .left li p{display:none;}
.focus .right{width:100%; height:100%; position:absolute;left:0; top:0;  z-index:30}
.section2_list {margin:auto; position:relative; z-index:20}
.section2_list>ul {width:1200px; overflow:hidden; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-349px}
.section2_list>ul>li {width:300px; float:left; margin:80px 0 0 0; padding-bottom:90px;-webkit-transition:all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.section2_list>ul>li>div {display:block; width:300px; margin:auto; height:100%; font-size:22px; line-height:180%; color:#fff; text-align:center; letter-spacing:2px;-moz-user-select: none;-khtml-user-select: none; user-select: none;  cursor:pointer; position:relative}
.section2_list>ul>li>div>span {display:block;width:100px; height:100px; margin:20px auto;}
.section2_list>ul>li>div>a {width:160px; height:48px; font-size:18px; line-height:48px; text-align:center; color:#fff; border:#FFF solid 2px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; position:absolute; left:50%; margin-left:-80px; bottom:-80px; -webkit-transition:all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.section2_icon1 {background: url(../images/page02/page02_icon1.png) no-repeat center center; background-size:100px 100px}
.section2_icon2 {background: url(../images/page02/page02_icon2.png) no-repeat center center; background-size:100px 100px}
.section2_icon3 {background: url(../images/page02/page02_icon3.png) no-repeat center center; background-size:100px 100px}
.section2_icon4 {background: url(../images/page02/page02_icon4.png) no-repeat center center; background-size:100px 100px}
.section2_icon5 {background: url(../images/page02/page02_icon5.png) no-repeat center center; background-size:100px 100px}
.section2_icon6 {background: url(../images/page02/page02_icon6.png) no-repeat center center; background-size:100px 100px}
.section2_xq_hid {filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0; opacity:0;}
.section2_list ul li:hover a {filter:alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}

/*page3*/
.section3 {}
.section3_title {padding-top:5%;}
.section3_title>p {display:block; width:420px; height:80px; background:url(../images/page03/page03_tit.png) no-repeat center center; background-size:100%; margin:auto;  position:relative; z-index:300}
.section3_main {width:1280px; height:430px; position: absolute; left:50%; top:50%; margin-left:-640px; margin-top:-215px}
.section3_list01 { position:absolute; left:0; top:0}
.section3_list02 { position:absolute; left:50%; margin-left:-150px; top:0}
.section3_list03 { position:absolute; right:0; top:0}

.section3_list {width:300px; float:left; padding-bottom:90px; -webkit-transition:all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.section3_list>div {display:block; width:300px; margin:auto; height:100%; font-size:22px; line-height:180%; color:#fff; text-align:center; letter-spacing:2px;-moz-user-select: none;-khtml-user-select: none; user-select: none;  position:relative}
.section3_list>div>span {display:block;width:300px; height:300px; margin:20px auto;}
.section3_list>div>a {width:160px; height:48px; font-size:18px; line-height:48px; text-align:center; color:#565656; border:#676767 solid 2px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; position:absolute; left:50%; margin-left:-80px; bottom:-80px; -webkit-transition:all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.section3_icon1 {background: url(../images/page03/page03_icon01.png) no-repeat center center; background-size:300px 300px}
.section3_icon2 {background: url(../images/page03/page03_icon02.png) no-repeat center center; background-size:300px 300px}
.section3_icon3 {background: url(../images/page03/page03_icon03.png) no-repeat center center; background-size:300px 300px}


/*page4*/
.section4 {}
.section4_list {width:25%; height:50%; background-color:#CCC; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1}
.section4_ul {overflow:hidden}
.section4_ul_li_i { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#1c3575; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section4_list_txt {width:200px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-86px;}
.section4_list_txt>p { font-size:25px; color:#fff; height:70px; line-height:70px; display:blocks; text-align:center}
.section4_list_txt>span {font-size:18px; color:#fff; height:30px; line-height:30px; display:block; text-align:center}
.section4_list_txt>a {display:block; width:140px; height:48px; font-size:16px; line-height:48px; text-align:center; color:#fff; border:#FFF solid 2px; -moz-border-radius:50px; margin:20px auto 0 auto; -webkit-border-radius:50px; border-radius:50px; -webkit-transition:all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.section4_list_txt>a:hover {filter:alpha(opacity=60);-moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.section4_list:hover .section4_ul_li_i {filter:alpha(opacity=60);-moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
.section4_list:hover .section4_dh {
		filter:alpha(opacity=100);
		-moz-opacity:100; 
		-khtml-opacity:100; 
		opacity:100;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.section4_dh {
    filter:alpha(opacity=0);
		-moz-opacity:0; 
		-khtml-opacity:0; 
		opacity:0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    color: transparent;
}


.doweboks4 {width:100%; height:100%; position:absolute; left:0; top:0}
.slidizle {
	position: relative;
	overflow: hidden
}
.slidizle-content {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.slidizle-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
	display: none
}
.slidizle-slide.active {
	display: block
}
.slidizle-navigation {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10
}
.slidizle-navigation li {
	display: inline-block;
	width: 10px;
	height: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: white;
	opacity: .2;
	font-size: 1px;
	text-indent: -99999px;
	margin: 0 5px;
	cursor: pointer;
	-moz-transition: opacity 0.2s ease-in-out 0s;
	-o-transition: opacity 0.2s ease-in-out 0s;
	-webkit-transition: opacity 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	transition: opacity 0.2s ease-in-out 0s
}
.slidizle-navigation li:hover, .slidizle-navigation li.active {
	opacity: 1
}
.slidizle-next, .slidizle-previous {
	color: white;
	font-size: 30px;
	position: absolute;
	top: 50%;
	z-index: 30;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	opacity: 1;
	-moz-transition: opacity 0.2s ease-in-out 0s;
	-o-transition: opacity 0.2s ease-in-out 0s;
	-webkit-transition: opacity 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	transition: opacity 0.2s ease-in-out 0s
}
.slidizle-next.disabled, .slidizle-previous.disabled {
	opacity: .0;
	cursor: default
}
.slidizle-next {
	right: 60px
}
.slidizle-previous {
	left: 60px
}
.slidizle-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333 url("../img/loader.gif") no-repeat 50% 82%;
	opacity: 0;
	pointer-events: none;
	-moz-transition: opacity 0.2s ease-in-out 0s;
	-o-transition: opacity 0.2s ease-in-out 0s;
	-webkit-transition: opacity 0.2s ease-in-out;
	-webkit-transition-delay: 0s;
	transition: opacity 0.2s ease-in-out 0s
}
.loading .slidizle-loading {
	opacity: .8;
	pointer-events: auto
}
.header {
	height: 400px;
	background-size: cover;
	text-align: center;
	color: white;
	padding-top: 150px
}
.container {
	max-width: 1200px;
	margin: 0 auto
}
.text {
	text-align: center;
	color: #393939;
	padding: 100px
}
.sample {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	text-align: center;
	margin-bottom: 50px
}
.sample header {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: black 0 0 50px;
	background: rgba(0,0,0,0.3);
	padding: 50px 150px;
	z-index: 20
}
.slider-progressbar {
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fbd665;
	z-index: 20
}
.slider--animated .slidizle-content > .active ~ .slidizle-slide {
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.slider--animated .slidizle-slide {
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-moz-transition: -moz-transform 0.5s ease-in-out 0s;
	-o-transition: -o-transform 0.5s ease-in-out 0s;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-webkit-transition-delay: 0s;
	transition: transform 0.5s ease-in-out 0s;
	display: block !important
}
.slider--animated .slidizle-slide.active {
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 2
}
.slider--animated-up-down .slidizle-content > .active ~ .slidizle-slide {
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}
.slider--animated-up-down .slidizle-slide {
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-moz-transition: -moz-transform 0.5s ease-in-out 0s;
	-o-transition: -o-transform 0.5s ease-in-out 0s;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-webkit-transition-delay: 0s;
	transition: transform 0.5s ease-in-out 0s;
	display: block !important
}
.slider--animated-up-down .slidizle-slide.active {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	z-index: 2
}
.slidizle-navigation .slider-navigation-item {
	width: 50px;
	height: 30px;
	background-size: cover;
	background-position: 50% 50%;
	border: 2px solid white
}
.btn.btn--custom {
	background: white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px;
	color: black;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	outline: none
}





/*page5*/
.section5 {}
.section5_title {padding-top:5%;}
.section5_title>p {display:block; width:120px; height:32px; background:url(../images/page05/page05_tit.png) no-repeat center center; background-size:100%; margin:auto;  position:relative; z-index:300}
.section5_main {width:1360px; height:640px;  position: absolute; left:50%; top:50%; margin-left:-680px; margin-top:-320px}
.section5_list01 { position:absolute; left:0; top:10%}
.section5_list02 { position:absolute; left:50%; margin-left:-204px; top:10%}
.section5_list03 { position:absolute; right:0; top:10%}


.section5_list {float:left; width:30%;}
.section5_list>span {display:block; margin-bottom:10px; width:408px; height:67px}
.section5_list>span img { height:100%; display:block}
.section5_list>p { display:block; font-size:16px; color:#7f7f7f; line-height:180%}
.section5_list>i { display:block; width:406px; height:480px; background-repeat:no-repeat; background-position:center center; background-size: cover; overflow:hidden; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer}
.section5_zb1 { background-image:url(../images/page05/page05_img1.jpg)}
.section5_zb1:hover { background-image:url(../images/page05/page05_zb1.jpg)}
.section5_zb2 { background-image:url(../images/page05/page05_img2.jpg)}
.section5_zb2:hover { background-image:url(../images/page05/page05_zb2.jpg)}
.section5_zb3 { background-image:url(../images/page05/page05_img3.jpg)}
.section5_zb3:hover { background-image:url(../images/page05/page05_zb3.jpg)}
/*page6*/
.section6 {}
.section6_main {width:100%; height:75%; background: url(../images/page06/page06_bj.jpg) no-repeat center top; background-size:cover; overflow:hidden; position:relative}
.section6_main>p {display:block; width:846px; height:131px; background:url(../images/page06/page06_tit.png) no-repeat bottom center; background-size:100%; margin:auto; position:absolute; left:50%; margin-left:-423px; top:10%}
.section6_input { position:absolute; left:50%; top:55%; margin-left:-260px; margin-top:-130px}
.section6_input ul li { width:480px; margin:auto; margin-bottom:18px; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; padding:0 20px}
.section6_input ul li input {width:100%; display:block; height:50px; border:none; outline:none; font-size:16px; line-height:50px; color:#666; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#fff}
.section6_input ul li textarea {display:block; width:100%; height:120px; padding: 20px 0; border:none; font-size:16px; color: #333;line-height: 160%; resize:none; outline:none;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#fff}
.section6_input ul a {display:block; width:520px; margin:auto; height:50px; font-size:18px; background-color:#325cc7; color:#fff; text-align:center; line-height:50px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.section6_bottom {width:100%; height:25%; background-color:#fff}
.section6_bottom_main {width:1200px; height:100%; margin:auto; position:relative}
.section6_logo { width:180px; height:46px; background:url(../images/page06/page06_logo.png) no-repeat center center; background-size:100%; position:absolute; left:90px; top:40%; margin-top:-23px} 
.section6_p { position:absolute; left:50%; top:40%; margin-top:-26px; margin-left:-185px}
.section6_p p {font-size:16px; height:26px; line-height:26px; color:#293b52}
.section6_p p>span { padding-right:20px}
/* .section6_er { width:149px; height:149px; background:url(../images/page06/page06_er.png) no-repeat center center; background-size:100%; position:absolute; right:90px; top:50%; margin-top:-66px} */
.section6_txts {width:100%; font-size:14px; color:#293b52; line-height:30px; text-align:center; position:absolute; left:0; bottom:10%}

/*������*/
.dh_top {
	transition:all 1.2s  ;
	-webkit-transition:all 1.2s  ;
	-moz-transition:all 1.2s  ;
	-o-animation:all 1.2s  ;
	
	transform: translateY(-120%);
	-webkit-transform: translateY(-120%);
	-moz-transform: translateY(-120%);
	-o-transform: translateY(-120%);
	/*	
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	*/
}

.active .dh_top {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	/*	
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	*/
}

.dh_bottom {
	transition:all 1.2s  ;
	-webkit-transition:all 1.2s  ;
	-moz-transition:all 1.2s  ;
	-o-animation:all 1.2s  ;
	
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-o-transform: translateY(200px);
		
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	
}

.active .dh_bottom {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
		
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	
}


.dh_left {
	transition:all 1.2s  ;
	-webkit-transition:all 1.2s  ;
	-moz-transition:all 1.2s  ;
	-o-animation:all 1.2s  ;
	
	transform: translateX(-120%);
	-webkit-transform: translateX(-120%);
	-moz-transform: translateX(-120%);
	-o-transform: translateX(-120%);
	
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;

}
.active .dh_left {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
		
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	
}

.dh_right {
	transition:all 1.2s  ;
	-webkit-transition:all 1.2s  ;
	-moz-transition:all 1.2s  ;
	-o-animation:all 1.2s  ;
	
	transform: translateX(120%);
	-webkit-transform: translateX(120%);
	-moz-transform: translateX(120%);
	-o-transform: translateX(120%);
	
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
}
.active .dh_right {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	
}


/*pagett*/
.sectiontt {}
.sectiontt_title {padding-top:5%;}
.sectiontt_title>p {display:block; width:285px; height:78px; background:url(../images/pagett/pagett_tit.png) no-repeat center center; background-size:100%; margin:auto;  position:relative; z-index:300}
.sectiontt_main {width:90%;max-width:1680px; height:507px; position: absolute; left:50%; top:50%; margin-left:-47%; margin-top:-160px; background:url(../images/pagett/pagett_img.png) no-repeat center center; background-size:100%}