@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.DB_tab25 {
	width:100%;
	height:100%;
	cursor:pointer;
	overflow:hidden;
}
.DB_tab25 .DB_bgSet {
	position:relative;
	height:100%;
}
.DB_tab25 .DB_mask{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .0);
	z-index: 8;
}
.DB_tab25 .DB_bgSet li {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
}
.DB_tab25 .DB_imgSet li {
	position:relative;
	width:100%;
	z-index:9;
}
.DB_tab25 .DB_imgSet .DB_1_1 {
	font-size: 76px;
}
.DB_tab25 .DB_imgSet .DB_1_2 {
	font-size:120px;
}
.DB_tab25 .DB_imgSet .DB_2_1 {
	position:absolute;
	left:50%;
	top:250px;
	margin-left:-285px;
}
.DB_tab25 .DB_imgSet .DB_2_2 {
	position:absolute;
	left:50%;
	top:520px;
	margin-left:-240px;
}
.DB_tab25 .DB_imgSet .DB_3_1 {
	position:absolute;
	left:50%;
	top:250px;
	margin-left:-280px;
}
.DB_tab25 .DB_imgSet .DB_3_2 {
	position:absolute;
	left:50%;
	top:500px;
	margin-left:-240px;
}
.DB_tab25 .DB_imgSet .DB_4_1 {
	position:absolute;
	left:50%;
	top:260px;
	margin-left:-330px
}
.DB_tab25 .DB_imgSet .DB_4_2 {
	position:absolute;
	left:50%;
	top:520px;
	margin-left:-340px
}
.DB_tab25 .DB_menuWrap {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	z-index:99999999;
	height:52px;
	margin-top:-46px;
}
.DB_tab25 .DB_menuWrap {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	z-index:99999999;
	height:52px;
	margin-top:-46px;
}
.DB_tab25 .DB_menuWrap .DB_menuSet {
	position:absolute;
	width:100%;
	text-align:center;
	font-size:0;
	border-radius:20px;
}
.DB_tab25 .DB_prev {
	position:absolute;
	left:6%;
	top:0;
	cursor:pointer;
}
.DB_tab25 .DB_next {
	position:absolute;
	right:6%;
	top:0;
	cursor:pointer;
}
.slideshow-image {
	-webkit-animation-name: kenburns;
	animation-name: kenburns;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
@-webkit-keyframes kenburns {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

}

.DB_tab25 .DB_imgSet li div {
    z-index: 10;
    position: absolute;
    bottom: 30%;
    left: 10%;
    width: 100%;
    opacity: 0;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s;
}
.DB_tab25 .DB_imgSet li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 90px;
    padding: 0;
	margin:0;
    line-height: 90px;
	color: rgba(255,255,255, 1);
}
.DB_tab25 .DB_imgSet li div p {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 180px;
    padding: 0;
	margin:0;
    line-height: 180px;
	color: rgba(255,255,255, 1);
}

.DB_tab25 .DB_imgSet li div .txt_1_1{font-size: 76px;}
.DB_tab25 .DB_imgSet li div .txt_1_2{font-size: 120px;}
.DB_tab25 .DB_imgSet li div .txt_2_1{font-size: 100px;}
.DB_tab25 .DB_imgSet li div .txt_3_1{font-size: 70px;}
.DB_tab25 .DB_imgSet li div .txt_4_1{font-size: 90px;}
.DB_tab25 .DB_imgSet li div .txt_5_1{font-size: 90px;}

@media screen and (max-height:768px){
	.DB_tab25 .DB_imgSet li div .txt_1_1{font-size: 60px;}
	.DB_tab25 .DB_imgSet li div .txt_1_2{font-size: 90px; line-height: 90px;}
	.DB_tab25 .DB_imgSet li div .txt_2_1{font-size: 60px;}
	.DB_tab25 .DB_imgSet li div .txt_3_1{font-size: 60px;}
	.DB_tab25 .DB_imgSet li div .txt_4_1{font-size: 60px;}
	.DB_tab25 .DB_imgSet li div .txt_5_1{font-size: 60px;}
}


/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -webkit-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	31% {
		opacity: 1;
		transform: scale(1);
	}
	100% { opacity: 1 }
}
@-moz-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -moz-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -moz-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -moz-transform: scale(10);
	}
	31% {
		opacity: 1;
		transform: scale(1);
	}
	100% { opacity: 1 }
}
@-o-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -o-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -o-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -o-transform: scale(10);
	}
	31% {
		opacity: 1;
		transform: scale(1);
	}
	100% { opacity: 1 }
}
@-ms-keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    -ms-transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    -ms-transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    -webkit-transform: scale(10);
	}
	31% {
		opacity: 1;
		transform: scale(1);
	}
	100% { opacity: 1 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(200px);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0px);
	}
	17% {
	    opacity: 1;
	    transform: scale(1);
	}
	19% { opacity: 0 }
	25% {
	    opacity: 0;
	    transform: scale(10);
	}
	31% {
		opacity: 1;
		transform: scale(1);
	}
	100% { opacity: 1 }
}




/*以下fullpage*/

.section { overflow: hidden; height: 980px; color: #fff; font-size: 50px;}

.banner { background: #000; }
.service { background: #000; }
.about { background:url(../images/about.jpg) no-repeat; }
.news { background:url(../images/home_news.jpg) no-repeat;}
.hcontact { background:url(../images/home_map.jpg) center no-repeat;}
.page6 { background: #22ffff;}

@media screen and (max-height:768px){
	.about { background-size:100% auto; }
	.news { background-size:100% auto; }
	.hcontact { background-size:100% auto; }
}



.service ul{width: 100%; overflow: hidden;}
.service ul li{width: 20%; height: 980px; float: left; position: relative;}
.service ul li .bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.service ul li .bg.bg1{background: url(../images/page2_1.jpg) top center no-repeat;}
.service ul li .bg.bg2{background: url(../images/page2_2.jpg) top center no-repeat;}
.service ul li .bg.bg3{background: url(../images/page2_3.jpg) top center no-repeat;}
.service ul li .bg.bg4{background: url(../images/page2_4.jpg) top center no-repeat;}
.service ul li .bg.bg5{background: url(../images/page2_5.jpg) top center no-repeat;}
.service ul li .bg.bg6{background: url(../images/page2_6.jpg) top center no-repeat;}
.service ul li a{display: block;}
.service ul li .p2text{width: 100%; text-align: center; color: #fff; position: absolute; top: 35%; z-index: 1; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.service ul li .p2text .icon{padding:3rem 0; position: relative; margin-bottom: 8rem;}
.service ul li .p2text .icon i{font-size: 6rem; line-height: 100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.service ul li .p2text .icon::after, .service ul li .p2text .icon::before{
	width: 3rem;
	height: 2px;
	content: "";
	position: absolute;
	background: #fff;
	left:50%;
	margin-left: -1.5rem;
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.service ul li .p2text .icon::after{top: 0;}
.service ul li .p2text .icon::before{bottom: 0;}
.service ul li .p2text h3{font-size: 2rem; letter-spacing: 1.5rem; text-indent: 1.5rem; line-height: 300%;}
.service ul li .p2text p{font-size: 1.6rem;}

.service ul li:hover .bg{opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;}
.service ul li:hover .p2text{top: 30%; }
.service ul li:hover .p2text .icon i{font-size: 7rem;}
.service ul li:hover .p2text .icon::after, .service ul li:hover .p2text .icon::before{width: 5rem; margin-left: -2.5rem;}
@media screen and (max-height:768px){
	.service ul li .p2text{top: 25%;}
	.service ul li:hover .p2text{top: 22%; }
}

.about{text-align: center; color: #fff;}
.about h3{font-size: 3rem; letter-spacing: 1rem; text-indent: 1rem; font-weight: 100; padding: 20rem 0 3rem 0;}
.about span{display: block; font-size: 1.6rem; font-weight: bold; padding-bottom: 2rem;}
.about .line{width: 5rem; border-top: 0.2rem solid #fff; margin: 0 auto;}
.about h4{font-size: 1.6rem; padding: 4rem 0;}
/*.about p{font-size: 1.4rem; line-height: 200%; font-style: italic; padding-top: 3rem;}*/
.about .info{max-width: 50%; margin: 0 auto; font-size: 1.6rem; line-height: 200%; }
.about .info p{text-indent: 30px;}
@media screen and (max-height:768px){
	.about .info{max-width: 60%;}
}
/*
.page4 .title{text-align: center; color: #fff;}
.page4 .title h3{font-size: 3rem; font-weight: 100; line-height: 100%; padding: 10rem 0 2rem 0;}
.page4 .title p{font-size: 1.4rem; line-height: 200%;}

.page4 ul{width: 85%; margin: 0 auto; overflow: hidden; color: #fff; padding-top: 5rem;}
.page4 ul li{width: 19%; height: 550px; float: left; margin: 0 0.5%; text-align: center; background: #000; position: relative; overflow: hidden;}
.page4 ul li a{
	display: block;
	font-size: 1.4rem;
	color: #fff;
	width: 50%;
	border: 1px solid #fff;
	line-height: 300%;
	position: absolute;
	bottom: 30%;
	left: 50%;
	opacity: 0;
	margin-left:-25%;
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.page4 ul li a:hover{background: #ddbc9f; border-color: #ddbc9f; color: #000;}
.page4 ul li:hover a{
	bottom: 40%;
	opacity: 1;
}
.page4 ul li .bg{position: absolute; width: 100%; height: 100%; opacity: 0.4; -webkit-opacity: 0.4; -moz-opacity: 0.4; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.page4 ul li .bg.bg1{background: url(../images/page4_1.jpg) top center no-repeat;}
.page4 ul li .bg.bg2{background: url(../images/page4_2.jpg) top center no-repeat;}
.page4 ul li .bg.bg3{background: url(../images/page4_3.jpg) top center no-repeat;}
.page4 ul li .bg.bg4{background: url(../images/page4_4.jpg) top center no-repeat;}
.page4 ul li .bg.bg5{background: url(../images/page4_5.jpg) top center no-repeat;}
.page4 ul li .protitle{position: absolute; width: 100%; top:15%; text-align: center;}
.page4 ul li .protitle h3{font-size: 1.8rem; position: relative; padding-bottom: 2rem;}
.page4 ul li .protitle h3::before{
	width: 2rem;
	height: 0.3rem;
	content: "";
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -1rem;
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
.page4 ul li .protitle p{font-size: 1.4rem; font-weight: bold; padding: 15% 10%;}
.page4 ul li .protitle p span{display: block; font-size: 1.2rem;}
.page4 ul li .content{position: absolute; bottom: 10%; padding: 0 10%; font-size: 1.4rem;}
.page4 ul li:hover .bg{opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;}
.page4 ul li:hover .protitle h3::before{width: 50%; margin-left:-25%;}
*/
.news .title{text-align: center; color: #fff;}
.news .title h3{font-size: 3rem; font-weight: 100; line-height: 100%; padding: 10rem 0 1rem 0;}
.news .title p{font-size: 1.4rem; line-height: 200%;}
.news .title ul{text-align: center; padding: 30px 0;}
.news .title ul li{width: 150px; margin: 0 10px; display: inline-block; _display: inline; *display: inline; zoom: 1;}
.news .title ul li a{display: block; padding: 10px; color: #fff; font-size: 14px; border: 1px solid #fff;}
.news .title ul li a:hover{background-color: #fff; color: #000;}
.news .newsHot{width: 1200px; margin: 0 auto; background: #fff; overflow: hidden;}
.news .newsHot .newsImg{width: 600px; height: 320px; float: left; overflow: hidden; position: relative;}
.news .newsHot .newsImg img{
	display: block; 
	position: absolute; 
	width: 100%; 
	left: 0; 
	top: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.news .newsHot .newsTit{width: 600px; float: left;}
.news .newsHot .newsTit h2{font-size: 24px; padding: 50px 30px 20px 30px; line-height: 100%; font-weight: 500;}
.news .newsHot .newsTit em{display: block; margin: 0 0 40px 30px; padding-left: 10px; font-size: 16px; border-left: 2px solid #cc9966;}
.news .newsHot .newsTit .content{padding: 0 30px; font-size: 14px; line-height: 30px;}
.news .newsHot:hover{background-color: #ffeadc;}
.news .newsHot:hover .newsTit a{color: #993300;}
.news .newsHot:hover .newsImg img{
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.news .newsList{width: 1200px; margin: 0 auto; padding-top: 30px;}
.news .newsList li{width: 600px; height: 200px; float: left; background: #fff; overflow: hidden;}
.news .newsList li .newsImg{width: 300px; height: 320px; float: left; overflow: hidden; position: relative;}
.news .newsList li .newsImg img{
	display: block; 
	position: absolute; 
	width: 100%; 
	left: 0; 
	top: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.news .newsList li .newsTit{width: 300px; float: left;}
.news .newsList li .newsTit h2{font-size: 18px; padding: 30px 30px 20px 30px; line-height: 100%; font-weight: 500;}
.news .newsList li .newsTit .content{padding: 0 30px; font-size: 14px; line-height: 30px;}
.news .newsList li:hover{background-color: #ffeadc;}
.news .newsList li:hover .newsTit a{color: #993300;}
.news .newsList li:hover .newsImg img{
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

@media screen and (max-height:768px){
	
	.news .title h3{font-size: 22px; padding: 100px 0 10px 0;}
	.news .title p{font-size: 12px; line-height: 200%;}
	.news .title ul{text-align: center; padding: 30px 0;}
	.news .title ul li{width: 150px; margin: 0 10px; display: inline-block; _display: inline; *display: inline; zoom: 1;}
	.news .title ul li a{display: block; padding: 10px; color: #fff; font-size: 14px; border: 1px solid #fff;}
	.news .title ul li a:hover{background-color: #fff; color: #000;}
	.news .newsHot{width: 80%; margin: 0 auto; background: #fff; overflow: hidden;}
	.news .newsHot .newsImg{width: 30%; height: 200px; float: left; overflow: hidden; position: relative;}
	.news .newsHot .newsImg img{
		display: block; 
		position: absolute; 
		width: 100%; 
		left: 0; 
		top: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.news .newsHot .newsTit{width: 70%; float: left;}
	.news .newsHot .newsTit h2{font-size: 18px; padding: 30px 30px 15px 30px; line-height: 100%; font-weight: 500;}
	.news .newsHot .newsTit em{ margin: 0 0 15px 30px; padding-left: 10px; font-size: 12px;}
	.news .newsHot .newsTit .content{ padding: 0 30px; font-size: 14px; line-height: 24px; overflow: hidden;}
	.news .newsHot:hover{background-color: #ffeadc;}
	.news .newsHot:hover .newsTit a{color: #993300;}
	.news .newsHot:hover .newsImg img{
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}
	.news .newsList{width: 80%; margin: 0 auto; padding-top: 20px;}
	.news .newsList li{width: 50%; height: auto; float: left; background: #fff; overflow: hidden;}
	.news .newsList li .newsImg{width: 35%; height: 120px; float: left; overflow: hidden; position: relative;}
	.news .newsList li .newsImg img{
		display: block; 
		position: absolute; 
		width: 100%; 
		left: 0; 
		top: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.news .newsList li .newsTit{width: 65%; float: left;}
	.news .newsList li .newsTit h2{font-size: 16px; padding: 20px 30px 15px 30px;}
	.news .newsList li .newsTit .content{padding: 0 30px; font-size: 14px; line-height: 22px;}
	.news .newsList li:hover{background-color: #ffeadc;}
	.news .newsList li:hover .newsTit a{color: #993300;}
	.news .newsList li:hover .newsImg img{
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}
	
}

#fp-nav ul li:last-child { display: none;}

/*
#fp-nav { z-index: 3; position: absolute; top: 50%; right: 3%;}
#fp-nav .active { width:40px; border-color:#ff3300; }
#fp-nav li { cursor: pointer; margin-bottom: 30px; transition: all .7s ease; width: 20px; line-height: 16px; border-bottom:#ccc 2px solid;  font-size:0.9rem; font-family:arial; text-align:right; font-weight:bold; color:#fff; }
*/
.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}