/*通用样式*/
body{
	min-width: 320px;
	 margin:0 auto;
padding:0;
font-family:"Microsoft YaHei";
color:#515151;
}
input,button,select,textarea{outline:none;}
div,p,ul,li{ margin:0; padding:0;}
ul,li{ list-style:none;}
a{ text-decoration:none;font-family:"Microsoft YaHei"; color:#515151;}
a:hover{text-decoration: none;}
.qc{clear:both; height:0px;}
img{ border:0px;outline-width:0px;vertical-align:top; }
b{
	font-weight:normal;}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	padding:0px;
	margin:0;
	font-weight:normal;
}
u{text-decoration:none;}
i{
	font-style:normal;}
input{font-family:"Microsoft YaHei";}
textarea{font-family:"Microsoft YaHei"; padding:0; margin:0;}
*{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.donghua_k{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ywdx{text-transform:uppercase;}
.fy{ text-align:center; padding:60px 0;}
.fy ul li{ border:1px solid #d6d4d4; display: inline-block;}
.fy ul li a{ display:inline-block; padding:10px 20px;}
.fy ul li.thisclass{ background:#d3a100; color:#fff; padding:10px 20px;}
.fy ul li:hover{background:#d3a100;color: #fff;}
.fy ul li:hover a{color: #fff;}
.fy ul li:hover .pageinfo,.fy ul li:hover .pageinfo strong{color: #fff;}

#section0 .fp-tableCell{ position: absolute; height:100% !important; padding: 0;}
#section0,#section0 .flex-container,#section0 .slider-1 .slides li .contain,#section0 .flexslider,#section0 .flexslider .slides,#section0 .flexslider .slides > li,#section0 .container{ height:100% !important;}

.menu-trigger{ display: none !important; z-index: 22;}
.sy_nav{ position: fixed; left: 0; bottom: 0; width: 100%; background: url(../images/tp6.png) center no-repeat;background-size: auto 100% !important; z-index: 5;}
.sy_nav .container{ position: relative;}
.sy_nav{ line-height: 120px;}
.sy_nav .right{ float: right; padding-top:20px;line-height: 40px; position: relative; z-index: 1; width:120px; height:80px;}
.sy_nav .right p{ display: inline-block; background: #d3a100; width:80px; height: 80px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.sy_nav .right p span{display: inline-block; width: 100%; height: 100%; background-size: 25px !important;}
.sy_nav .right p:nth-child(1) span{background: url(../images/tp19.png) center no-repeat;}
.sy_nav .right p:nth-child(2) span{background: url(../images/tp20.png) center no-repeat;}
.sy_nav .right p:nth-child(3) span{background: url(../images/tp21.png) center no-repeat;}
.sy_nav .right p:hover{ background: #3d9b63;}
.sy_nav .logo{float: left; position: relative; z-index: 1;}
.sy_nav .logo img{ vertical-align: middle; display: inline-block; width: 100%;}
.sy_nav ul li{ float:left; width: 14.2857142%; padding: 0 15px; position: relative; text-align: center;}
.sy_nav ul li a{ display: block; font-size: 16px; color: #221e1f; position: relative; z-index: 2;}
.sy_nav ul li:after{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(../images/tp17.png) center no-repeat;
    bottom: 0px;
    content: " ";
    z-index:1;
    display: block;
    margin: 0 auto;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    
    -webkit-transform: scale3d(50,50,1); 
	transform: scale3d(50,50,1); 
	
	-webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
	
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	
}
.sy_nav ul li:hover:after,.sy_nav ul li.hover:after{
    
    -webkit-transform: scale3d(1,1,1); 
	transform: scale3d(1,1,1); 
	
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity:1;
		
	-webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
}
.sy_nav ul li:hover a,.sy_nav ul li.hover a{ color: #fff;}


.active .section0wzb{
	-webkit-transform: scale3d(1,1,1) !important;
    -ms-transform: scale3d(1,1,1) !important;
    -o-transform: scale3d(1,1,1) !important;
    -moz-transform: scale3d(1,1,1) !important;
    transform: scale3d(1,1,1) !important;
	opacity: 1 !important;
	-webkit-opacity: 1 !important;
	-moz-opacity:1 !important;
}
.section0wzb{
	-webkit-transform: scale3d(0,0,1) !important;
    -ms-transform: scale3d(0,0,1) !important;
    -o-transform: scale3d(0,0,1) !important;
    -moz-transform: scale3d(0,0,1) !important;
    transform: scale3d(0,0,1) !important;
	opacity: 0 !important;
	-webkit-opacity: 0 !important;
	-moz-opacity:0 !important;
       -webkit-animation: banner2 0.6s ease 1;
    -ms-animation: banner2 0.6s ease 1;
    -moz-animation: banner2 0.6s ease 1;
}
@-webkit-keyframes banner2{
	0%{
		-webkit-transform: scale3d(0,0,1); 
		transform: scale3d(0,0,1);
	}
	100%{
		-webkit-transform: scale3d(1,1,1); 
		transform: scale3d(1,1,1);
	}
}

@keyframes banner2{
	0%{
		-webkit-transform: scale3d(0,0,1); 
		transform: scale3d(0,0,1);
	}
	100%{
		-webkit-transform: scale3d(1,1,1); 
		transform: scale3d(1,1,1);
	}
}

#fullpage .gundong{ width: 44px; position: absolute; left: 50%; bottom: 170px; margin-left: -22px; z-index: 3;cursor:pointer;
transform:translateY(-30px);
-ms-transform:translateY(-30px);/* Internet Explorer */
-moz-transform:translateY(-30px); /* Firefox */
-webkit-transform:translateY(-30px); /* Safari 和 Chrome */
-o-transform:translateY(-30px); /* Opera */
opacity: 0;
-webkit-opacity: 0;
-moz-opacity:0;
-webkit-animation: gundong 1.8s ease infinite;
-ms-animation: gundong 1.8s ease infinite;
-moz-animation: gundong 1.8s ease infinite;
animation-delay:2s;
-webkit-animation-delay:1s;
}
@-webkit-keyframes gundong{
	0%{
		transform:translateY(-30px);
		-ms-transform:translateY(-30px);/* Internet Explorer */
		-moz-transform:translateY(-30px); /* Firefox */
		-webkit-transform:translateY(-30px); /* Safari 和 Chrome */
		-o-transform:translateY(-30px); /* Opera */
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity:0;
	}
	30%{
		transform:translateY(0);
		-ms-transform:translateY(0);/* Internet Explorer */
		-moz-transform:translateY(0); /* Firefox */
		-webkit-transform:translateY(0); /* Safari 和 Chrome */
		-o-transform:translateY(0); /* Opera */
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity:1;
	}
	60%{
		transform:translateY(0);
		-ms-transform:translateY(0);/* Internet Explorer */
		-moz-transform:translateY(0); /* Firefox */
		-webkit-transform:translateY(0); /* Safari 和 Chrome */
		-o-transform:translateY(0); /* Opera */
		opacity: 1;
		-webkit-opacity: 1;
		-moz-opacity:1;
	}
	100%{
		transform:translateY(30px);
		-ms-transform:translateY(30px);/* Internet Explorer */
		-moz-transform:translateY(30px); /* Firefox */
		-webkit-transform:translateY(30px); /* Safari 和 Chrome */
		-o-transform:translateY(30px); /* Opera */
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity:0;
	}
}
#fullpage .gundong img{ width: 100%;}
.fp-tableCell{ padding-bottom: 100px;}
#section1{background: url(../images/tp18.jpg) center no-repeat; background-size: cover;}
.sy_title p{ font-size:36px; color: #272828; line-height: 72px; }
.sy_title p a{ color:#272828;}
.sy_title p i{ font-size:36px; color: #d3a100;}
.sy_title span{ font-size: 18px; color: #343535; line-height: 30px;}
.sec_about .container{ overflow: visible;}
.sec_about .nr{ position: relative; width: 66.666666%; margin-top: 30px;}
.sec_about .nr ul{ margin: 0 -5px; padding: 10px 0; overflow: visible;}
.sec_about .nr li{ padding: 5px;}
.sec_about .nr li:nth-child(1){
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sec_about .nr li:nth-child(2){
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.sec_about .nr li:nth-child(3){
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sec_about .nr li:nth-child(4){
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.sec_about .nr li:nth-child(5){
	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.sec_about .nr li:nth-child(6){
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.sec_about .nr li:nth-child(7){
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.sec_about .nr li:nth-child(8){
	-webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.sec_about .nr li img{ width: 100%;
	display: block;
	}
.sec_about .nr li:hover{
	 position: relative;
	 z-index: 2;
}
.sec_about .nr li img:hover{
	-webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
    -moz-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow: 1px 1px 10px #000;
	box-shadow: 1px 1px 10px #000;
    -webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;
}
.sec_about .nr .bj{ position: absolute; left:60px; top:50%;background: #d3a100; height: 120px; width: 100%; overflow: hidden; -webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px; text-align: right; line-height: 120px; padding-right: 60px; margin-top: -60px;
}
.sec_about .nr .bj a{ display: block;}
.active .sec_about .nr .bj{ width: 106%;}
.sec_about .nr .bj:hover{width: 120%;
	-webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}





.sec_about .nr .bj img{ display: inline-block; vertical-align: middle;}
.sec_about .text{ font-size: 14px; color: #3b3c3c; width: 75.66666%; line-height: 26px; height: 78px; overflow: hidden; margin-top: 20px;
transition-delay: .9s;
-moz-transition-delay: .9s; /* Firefox 4 */
-webkit-transition-delay: .9s; /* Safari 和 Chrome */
-o-transition-delay:.9s; /* Opera */
}
#section2{background: url(../images/tp22.jpg) center no-repeat; background-size: cover;}
.sec_pro .sy_title{ text-align: center;}
.sec_pro .sy_title p{ color: #fff;}
.sec_pro .sy_title p a{ color: #fff;}
.sec_pro .sy_title span{ color: #fff;letter-spacing:8px;}
.sec_pro .sy_title span a{ color: #fff;}
.sec_pro .nr{ padding-top: 50px;}
.sec_pro .nr li img{ width: 100%;}
.sec_pro .nr li:nth-child(1){
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.sec_pro .nr li:nth-child(2){
	-webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
    transition: all 1.2s;
}
.sec_pro .nr li:nth-child(3){
	-webkit-transition: all 1.4s;
    -moz-transition: all 1.4s;
    -ms-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s;
}

.sec_pro ul li{ text-align: center;padding: 0 30px 40px 30px; overflow: hidden;}
.sec_pro ul li .port-5{ border: none;}
.sec_pro ul li .port-5 img{ width: 100%;}
.sec_pro ul li .port-5 span{ font-size: 18px; color: #fff; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-top: 20px;}
.sec_pro ul li .port-5 p{ color:#fff; line-height: 20px; padding-top: 5px; height: 45px; overflow: hidden; }
.sec_pro ul li .text{ text-align: center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.sec_pro ul li .text span{ font-size: 18px; color: #fff; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-top: 20px;}
.sec_pro ul li .text p{ color: #fff;line-height: 20px; padding-top: 5px; height: 45px; overflow: hidden;}
.sec_pro ul li:hover .text{transform: translateY(-100%); opacity: 0;}
.sec_pro ul li:hover .port-5.effect-2 img{transform: scale(0.5) translateY(100%); position: relative; z-index: 9; border: 1px solid rgba(000, 000, 000, 0.2);}
.sec_pro ul li:hover .port-5.effect-2 .text-desc{transform: translateY(0px); opacity: 1;}










#section3{background: url(../images/tp24.jpg) center no-repeat; background-size: cover;}
.sec_ser .sy_title{ text-align: center;}
.sec_ser .nr{ color: #222222; line-height: 26px; padding-top: 50px;}
.sec_ser .left .nr1{ display: block; font-size: 48px; line-height: 48px; color: #d3a100; font-family: "方正兰亭纤黑简体";
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.sec_ser .left .nr2{ font-size: 23px; line-height: 23px; color: #363737; font-family: "方正兰亭纤黑简体";
-webkit-transition: all 1.2s;
-moz-transition: all 1.2s;
-ms-transition: all 1.2s;
-o-transition: all 1.2s;
transition: all 1.2s;
}
.sec_ser .left .nr3{ font-size: 28px; color: #222222; padding-top: 40px;
-webkit-transition: all 1.4s;
-moz-transition: all 1.4s;
-ms-transition: all 1.4s;
-o-transition: all 1.4s;
transition: all 1.4s;
transition-timing-function: cubic-bezier(0.9,0,0,0.9);
}
.sec_ser .left p.nr4{ height: 104px; overflow: hidden; padding-top: 20px;
-webkit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;
transition: all 1.6s;
}
.sec_ser .left .link{ display: block;  width:170px; height: 50px; line-height: 50px; margin-top: 80px;background: #d3a100;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; font-size: 15px; color:#fff; text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sec_ser .left .link:after{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #a6c7b0;
    transform: translate(0,50px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: simsun;}
.sec_ser .left .link:hover{background: #d3a100; color: #d3a100;}
.sec_ser .left .link:hover::after {
    opacity: 1;
    transform: translate(0,0);
}



.sec_ser .right img{ width: 100%;}
.sec_ser .right{ padding:0; overflow: hidden}
.sec_ser .right:hover img{
	-webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
	}

#section4{background: url(../images/tp27.jpg) center no-repeat; background-size: cover;position: relative;}
.sec_news .sy_title{ text-align: center;}
.sec_news .sy_title p{ color: #fff;}
.sec_news .sy_title p a{ color: #fff;}
.sec_news .sy_title span{ color: #fff;letter-spacing:8px;}
.sec_news .sy_title span a{ color: #fff;}
.sec_news .nr{ padding-top: 50px}
.sec_news .nr .left a{ display: block; position: relative; overflow: hidden;}
.sec_news .nr .left a img{ width: 100%;}
.sec_news .nr .left a p{ position: absolute; left:0; bottom: 0; width: 100%;background: rgba(13,130,60,.7); line-height: 90px; color: #fff; padding: 0 20px 0 50px; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec_news .nr .left a p:after{content: " "; width: 15px; height: 15px;border: 1px solid #fff; position: absolute;left:20px; top:38px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.sec_news .nr .left a p span{ font-size: 14px; float: right;}

.sec_news .nr .left a:hover img{
	-webkit-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);}

.sec_news .nr .right li{ margin-top: 7px; position: relative;}
.sec_news .nr .right li:nth-child(1){ margin: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.sec_news .nr .right li:nth-child(2){
-webkit-transition: all 1.1s;
-moz-transition: all 1.1s;
-ms-transition: all 1.1s;
-o-transition: all 1.1s;
transition: all 1.1s;
}
.sec_news .nr .right li:nth-child(3){
-webkit-transition: all 1.2s;
-moz-transition: all 1.2s;
-ms-transition: all 1.2s;
-o-transition: all 1.2s;
transition: all 1.2s;
}
.sec_news .nr .right li:nth-child(4){
-webkit-transition: all 1.3s;
-moz-transition: all 1.3s;
-ms-transition: all 1.3s;
-o-transition: all 1.3s;
transition: all 1.3s;
}


.sec_news .nr .right li a{display: block; background: rgba(255,255,255,.85); color: #454545; line-height: 90px; padding: 0 20px 0 50px;font-size: 18px; position: relative; z-index: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec_news .nr .right li a:after{content: " "; width: 15px; height: 15px;border: 1px solid #d3a100; position: absolute;left:20px; top:50%; margin-top: -7.5px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.sec_news .nr .right li span{ font-size: 14px; float: right;}
.sec_news .nr .right li:after{content: " "; width: 0; height: 100%; background: #d3a100; position: absolute; left: 0; top:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease-out;transition:all .5s ease;}
.sec_news .nr .right li:hover:after{width: 100%;}
.sec_news .nr .right li:hover a{background: none;}
.sec_news .nr .right li:hover a,.sec_news .nr .right li:hover a span{ color: #fff;}
.sec_news .nr .right li:hover a:after{ border: 1px solid #fff;}

.sec_news .footer{ position: absolute;left:0; bottom: 130px; width: 100%; font-size: 14px; line-height: 27px; color: #fff; text-align: center;}
.sec_news .footer span{ display: inline-block; padding: 0 5px;}
.sec_news .footer a{ color: #fff;}

/*加载动画*/
#divPageLoading{
		background-color: #33b367;
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 99;
		margin-top: 0px;
		top: 0px;
	}
	#loading-center{
		width: 100%;
		height: 100%;
		position: relative;
		}
	#loading-center-absolute {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 200px;
		width: 200px;
		margin-top: -100px;
		margin-left: -100px;
	}
	.object{
		width: 50px;
		height: 50px;
		background-color: rgba(255,255,255,0);
		margin-right: auto;
		margin-left: auto;
		border: 4px solid #FFF;
		left: 73px;
		top: 73px;
		position: absolute;
	}
	#first_object{
		-webkit-animation: first_object_animate 1s infinite ease-in-out;
		animation: first_object_animate 1s infinite ease-in-out;
	}
	#second_object{
		-webkit-animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out;
		animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out;
		}	
	#third_object{
		-webkit-animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out;
		animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out;
		}	
	@-webkit-keyframes second_object {
	 100% { width: 100px; height:100px; left: 48px; top: 48px; }
	}		
	@keyframes second_object {
	100% { width: 100px; height:100px; left: 48px; top: 48px; }
	}
	@-webkit-keyframes third_object {
	 100% { width: 150px; height:150px; left: 23px; top: 23px;}
	}		
	@keyframes third_object {
	100% { width: 150px; height:150px; left: 23px; top: 23px;}
	}
	@-webkit-keyframes first_object_animate {
	  0% { -webkit-transform: perspective(100px); }
	  50% { -webkit-transform: perspective(100px) rotateY(-180deg); }
	  100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); }
	}
	@keyframes first_object_animate {
	  0% { 
	    transform: perspective(100px) rotateX(0deg) rotateY(0deg);
	    -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); 
	  } 50% { 
	    transform: perspective(100px) rotateX(-180deg) rotateY(0deg);
	    -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg) ;
	  } 100% { 
	    transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
	    -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);
	  }
	}
	@-webkit-keyframes second_object_animate {
	  0% { -webkit-transform: perspective(200px); }
	  50% { -webkit-transform: perspective(200px) rotateY(180deg); }
	  100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); }
	}	
	@keyframes second_object_animate {
	  0% { 
	    transform: perspective(200px) rotateX(0deg) rotateY(0deg);
	    -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); 
	  } 50% { 
	    transform: perspective(200px) rotateX(180deg) rotateY(0deg);
	    -webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg) ;
	  } 100% { 
	    transform: perspective(200px) rotateX(180deg) rotateY(180deg);
	    -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);
	  }
	}
	@-webkit-keyframes third_object_animate {
	  0% { -webkit-transform: perspective(300px); }
	  50% { -webkit-transform: perspective(300px) rotateY(-180deg); }
	  100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); }
	}

	@keyframes third_object_animate {
	  0% { 
	    transform: perspective(300px) rotateX(0deg) rotateY(0deg);
	    -webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); 
	  } 50% { 
	    transform: perspective(300px) rotateX(-180deg) rotateY(0deg);
	    -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg) ;
	  } 100% { 
	    transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
	    -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);
	  }
	}
/*加载动画结束*/

.fullpage-wrapper *{-webkit-transition:all 1.2s;-moz-transition:all 1.2s;-ms-transition:all 1.2s;-o-transition:all 1.2s;transition:all 1.2s}
.act_left{-webkit-transform:translateX(-1000px) !important;-ms-transform:translateX(-1000px) !important;transform:translateX(-1000px) !important;opacity: 0 !important;-webkit-opacity: 0 !important;-moz-opacity:0 !important;}
.active .act_left{-webkit-transform:translateX(0) !important;-ms-transform:translateX(0) !important;transform:translateX(0) !important;opacity: 1 !important;-webkit-opacity: 1 !important;-moz-opacity: 1 !important;}
.act_left{-webkit-transform:translateX(-1000px) !important;-ms-transform:translateX(-1000px) !important;transform:translateX(-1000px) !important;opacity: 0 !important;-webkit-opacity: 0 !important;-moz-opacity:0 !important;}
.active .act_right{-webkit-transform:translateX(0) !important;-ms-transform:translateX(0) !important;transform:translateX(0) !important;opacity: 1 !important;-webkit-opacity: 1 !important;-moz-opacity: 1 !important;}
.act_right{-webkit-transform:translateX(1000px) !important;-ms-transform:translateX(1000px) !important;transform:translateX(1000px) !important;opacity: 0 !important;-webkit-opacity: 0 !important;-moz-opacity:0 !important;}
.active .act_down{-webkit-transform:translateY(0) !important;-ms-transform:translateY(0) !important;transform:translateY(0) !important;opacity: 1 !important;-webkit-opacity: 1 !important;-moz-opacity: 1 !important;}
.act_down{-webkit-transform:translateY(1000px) !important;-ms-transform:translateY(1000px) !important;transform:translateY(1000px);opacity: 0 !important;-webkit-opacity: 0 !important;-moz-opacity:0 !important;}
.active .act_up{-webkit-transform:translateY(0) !important;-ms-transform:translateY(0) !important;transform:translateY(0) !important;opacity: 1 !important;-webkit-opacity: 1 !important;-moz-opacity: 1 !important;}
.act_up{-webkit-transform:translateY(-1000px) !important;-ms-transform:translateY(-1000px) !important;transform:translateY(-1000px) !important;opacity: 0 !important;-webkit-opacity: 0 !important;-moz-opacity:0 !important;}

.act_bounceIn{opacity:0 !important;-webkit-transform:scale(.3,.3) !important;-ms-transform:scale(.3,.3) !important;transform:scale(.3,.3) !important}
.active .act_bounceIn{opacity:1 !important;-webkit-transform:scale(1,1) !important;-ms-transform:scale(1,1) !important;transform:scale(1,1) !important}

.zy_nav{background: url(../images/tp28.png) center no-repeat;bottom: auto; top:0;}
.zy_banner{ height: 500px; background: url(../images/tp29.jpg) fixed top center no-repeat; padding-top: 120px;}
.zy_banner .table{ display: table; width: 100%; height: 100%;}
.zy_banner .table_cell{ display: table-cell; vertical-align: middle;}
.zy_banner p{
	font-size:36px;
    color: #fff;
    line-height:40px;
}
.zy_banner p i{
	font-size: 36px;
    color: #d3a100;}
.zy_banner span{ display: block; font-size: 18px; color: #fff;letter-spacing: 8px;}
.zy_banner b{display: block; color: #d3a100; padding-top: 20px; padding-left: 30px; background: url(../images/tp30.png) left bottom no-repeat; background-size: 25px;}
.zy_banner b a{ color: #d3a100;}

.zy_nav_left ul {text-align: center; padding: 80px 0 40px;}
.zy_nav_left ul li{ display: inline-block; margin: 0 5px 10px; font-size: 18px; color: #fff;line-height: 60px;background: #d3a100; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; position: relative;}
.zy_nav_left ul li a{ display: inline-block; color: #fff; padding: 0 50px;}
.zy_nav_left ul li a::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index:1;
    opacity: 0;
    color: #fff;
    transform:translate(0,50px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.zy_nav_left ul li:hover{background: #947100;}
.zy_nav_left ul li:hover a{color: #fff;}
.zy_nav_left ul li:hover a::after {
    opacity: 1;
    transform:translate(0,0);
}
.zy_nav_left ul li.hover{background: #d3a100;}
.zy_nav_left ul li.hover a{color: #fff;}
.zy_nav_left ul li.hover a::after {
    opacity: 1;
    transform:translate(0,0);
}
.pro_nr ul{margin:0 -30px;}
.pro_nr ul li{ text-align: center;padding: 0 30px 40px 30px; overflow: hidden;}
.pro_nr ul li a{ display: block;}
.pro_nr ul li .port-5 img{ width: 100%;}
.pro_nr ul li .port-5 span{ font-size: 18px; color: #fff; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-top: 20px;}
.pro_nr ul li .port-5 p{ color:#fff; line-height: 20px; padding-top: 5px; height: 45px; overflow: hidden; }
.pro_nr ul li .text{ text-align: center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.pro_nr ul li .text span{ font-size: 18px; color: #232323; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-top: 20px;}
.pro_nr ul li .text p{ color: #b1b1b1;line-height: 20px; padding-top: 5px; height: 45px; overflow: hidden;}
.pro_nr ul li a:hover .text{transform: translateY(-100%); opacity: 0;}

.port-5{ width: 100%; position: relative; overflow: hidden; text-align: center; border: 1px solid rgba(000, 000, 000, 0.2); overflow: visible;}

.text-desc{position: absolute; left: 0; top: 0; background-color: #d3a100; height: 100%; opacity: 0; width: 100%; padding: 20px;}
.port-5.effect-2{z-index: 2;}
.port-5.effect-2 img{transition: 0.5s; transform: none);}
.pro_nr ul li a:hover .port-5.effect-2 img{transform: scale(0.5) translateY(100%); position: relative; z-index: 1;}
.port-5.effect-2 .text-desc{transform: translateY(-100%); opacity: 0; padding: 20px; transition: 0.5s;}
.pro_nr ul li a:hover .port-5.effect-2 .text-desc{transform: translateY(0px); opacity: 1;}

.zy_footer{ text-align: center; background: #d3a100; color: #fff; padding: 30px 0;}
.zy_footer a{ color: #fff;}
.zy_footer span{ padding: 0 10px;}

.pro_info_nr{ padding-bottom: 50px;}
.pro_info_nr .left{padding: 0; border: 1px solid #dcdcdc;}
.pro_info_nr .left img{ width: 100%;}
.pro_info_nr .right{padding: 0 0 0  5%;}
.pro_info_nr .right h3{ font-size: 36px; color: #232323;}
.pro_info_nr .right i{ display: block; width: 100px; height: 4px; background: #d3a100; margin: 20px 0;}
.pro_info_nr .right p{ font-size: 18px; color: #232323; line-height: 40px;}

.pro_info_nr1{ padding-bottom: 50px;}
.pro_info_nr1 .title{background: #eeeeee; line-height: 70px; overflow: hidden;}
.pro_info_nr1 .title span{ display: block; float: left; padding: 0 5%; background: #d3a100; font-size: 28px; color: #fff;}
.pro_info_nr1 .nr{ font-size: 16px; color: #232323; line-height:30px; padding:0 0 20px 0;}
.pro_info_nr1 .nr img{ max-width: 100%;}
.flip{ border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; padding: 20px 0;}
.flip p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flip p:nth-child(2){ text-align: right;}
.flip p a{ color: #232323;}
.flip p a:hover{ color: #d3a100;}
.zy_title{ text-align: center; padding-bottom: 40px;}
.zy_title p{ font-size: 55px;}

.zy_ser .port-5.effect-2 .text-desc i{ display: block; margin: 0 auto; width: 100px; line-height: 25px;background: #fff; color: #d3a100; margin-top: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; font-size: 12px;}
.zy_ser ul li .text{ position: relative;background: #f3f3f3;}
.zy_ser ul li .text span{ display: block; margin-left: 45px; line-height: 30px; padding: 20px 0; font-size: 18px; color: #353535;text-align: left;}
.zy_ser ul li .text:after {
    content: " ";
    width: 15px;
    height: 15px;
    border: 1px solid #d3a100;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -7.5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.pro_nr ul{margin: 0 -15px;}
.pro_nr ul li{ padding: 0 15px 30px 15px;}

.zt_about img{ max-width: 100%;}
.zt_about .text1{ padding-right: 30px;}
.zt_about .text1 div{ padding: 0 5px;padding-bottom: 10px;}
.zt_about .text1 div img{ width: 100%;}
.zt_about h3{ font-size: 36px; color: #d3a100; font-weight: bold; padding-bottom: 20px; line-height: 40px;}
.zt_about{ color: #3b3c3c; line-height: 30px; padding-bottom: 60px;}


.zt_contact{ padding: 60px 0 80px;}
#map{height:450px;font-size:12px;}
#map .anchorBL, #map .BMap_stdMpCtrl, #map .BMap_omCtrl{ display: none;}
.zt_contact h3{ font-size: 30px; color: #363636; padding-bottom: 20px;}
.zt_contact h3 span{ display: inline-block; font-weight: bold; color: #d3a100;}
.zt_contact p{ font-size: 14px; color: #3a3a39; line-height: 30px;}
.zt_contact .right{ padding-left: 30px;}
.zt_contact .rwm{ padding-top: 20px;}
.zt_contact .rwm img{ max-width: 90%; border: 1px solid #EEEEEE;}
.zt_contact .rwm div{ padding: 0;}
.zt_contact .rwm div p{ padding-top: 10px;}

.honor_nr ul li img{ width: 100%;}
.honor_nr ul li div{ border: 1px solid #dcdcdc; padding: 15px 30px; position: relative;}
.honor_nr ul li p{font-size: 16px; color: #343535; text-align:  center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 20px 0 30px;}
.honor_nr ul li div:after{ content: " "; position: absolute; left:0; top:0; width: 100%; height: 100%;background: rgba(16,130,60,.8) url(../images/tp36.png) center no-repeat; background-size: 30px;    transform: scale(0.5);opacity: 0;
-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.honor_nr ul li:hover div:after{transform: scale(1);opacity: 1;}
.honor_nr ul li:hover p{ color: #d3a100;}

.new_info_nr h3{ font-size: 30px; color: #353535; text-align: center;}
.new_info_nr p{ color: #b4b4b4; text-align: center; padding: 10px 0 20px;}
.new_info_nr p span{ display: inline-block; padding: 0 10px;}
.new_info_nr div{ background: #eee; padding: 20px;  line-height: 24px; color: #737373;}

.zy_new .nr .right li a{background: #f8f8f8;}
.zy_new{ }




@media (min-width: 992px) and (max-width: 1460px) {
}
@media (max-width:1200px){
	.sy_nav .right{display: none;}
	.sec_news .nr .right li a{ line-height: 71px; }
	.sec_news .nr .right li a:after{}
}
@media (min-width:992px){
}
@media (max-width:992px){
	body{font-size: 12px;}
	.sy_nav{ background: #d3a100; height: auto; line-height: normal; bottom: auto; top:0;
	-moz-box-shadow:1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
	box-shadow: 1px 1px 10px #ccc;
	}
	.sy_nav ul{ display: none;}
	.sy_nav .logo{width: 30%; float: none;}
	.sy_nav .logo img{ display: block; padding:10px 0}
	.fp-tableCell{ padding-bottom: 0; padding-top: 60px;}
	.sy_title p{ font-size: 24px; line-height: 30px;}
	.sy_title p i{ font-size: 36px;}
	.sec_about .nr{ width: 100%; margin-top: 5px; margin-bottom: 70px;}
	.active .sec_about .nr .bj{ width:100px; height: 80px; line-height: 40px; top:auto; margin-top: 0; bottom: -50px; left:50%; margin-left: -50px; padding: 0;text-align: center;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; padding-top: 25px;}
	.sec_about .nr .bj{ width:100px; height: 80px; line-height: 40px; top:auto; margin-top: 0; bottom: -50px; left:50%; margin-left: -50px; padding: 0;text-align: center;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; padding-top: 25px;}
	.sec_about .nr .bj img{
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.sec_about .nr li:nth-child(5),.sec_about .nr li:nth-child(6),.sec_about .nr li:nth-child(7),.sec_about .nr li:nth-child(8){ display: none;}
	.sec_about .text{ width: 100%;}
	.sec_pro .sy_title span,.sec_news .sy_title span{ font-size: 12px;letter-spacing: 2px;}
	.sy_title span{ font-size: 12px;}
	.sec_pro .nr{ margin: 0 -5px; padding-top: 10px;}
	.sec_pro .nr li{ padding: 0 5px;}
	.sec_pro .nr li span{ padding-top: 5px; font-size: 15px;}
	.sec_pro .nr li p{ font-size: 12px;}
	.sec_ser .nr{ padding-top: 20px;}
	.sec_ser .left .nr1{ font-size: 18px; line-height: 20px;}
	.sec_ser .left .nr2{ font-size: 14px; line-height: 20px;}
	.sec_ser .left .nr3{ padding-top: 10px; font-size: 18px;}
	.sec_ser .left p.nr4{ font-size: 12px;}
	.sec_ser .left .link{ height: 30px; width: 130px; margin-top: 10px; font-size: 12px;line-height: 30px;}
	.sec_news .nr{ padding-top: 20px;}
	.sec_news .nr .right li a{ line-height: 50px;}
	.sec_news .left{ display: none;}
	.sec_news .nr .right li a{ font-size: 14px;}
	.menu-trigger{ display: block !important;}
	.sec_news .footer{ bottom: 20px; font-size: 12px;}
	.zy_banner p i{ font-size: 35px;}
	.zy_banner p{ font-size: 30px; line-height: 40px;}
	.zy_banner{ padding-top: 70px; height: 300px;}
	.zy_banner span{ font-size: 12px;letter-spacing: 2px;}
	.zy_nav_left ul{ padding: 20px 0 10px;}
	.zy_nav_left ul li{ line-height: 30px; font-size: 12px;}
	.zy_nav_left ul li a{padding: 0 20px;}
	.new_info_nr h3{ font-size: 18px;}
	.pro_info_nr1 .nr{ font-size: 12px; line-height: 30px; padding-top: 10px;}
	.flip p:nth-child(2){ text-align: left;}
	.pro_info_nr1 .nr{ padding-bottom: 20px;}
	.flip{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 10px 0;}
	.flip p{ line-height: 30px;}
	.pro_info_nr1{padding-bottom: 20px;}
	.zy_title{ padding-bottom: 10px;}
	.zy_new{padding-bottom: 20px;}
	.pro_info_nr .right h3{ font-size: 18px;}
	.pro_info_nr .right i{ margin: 10px 0; width: 80px;}
	.pro_info_nr .right p{ font-size: 12px; line-height: 30px;}
	.pro_info_nr{ padding-bottom: 20px;}
	.pro_info_nr1 .title{ line-height: 40px;}
	.pro_info_nr1 .title span{ font-size: 13px;}
	.pro_info_nr .right{ padding: 10px 0 0;}
}
@media (min-width: 768px) and (max-width: 992px) {
}
@media (max-width:768px){
	.sec_ser .right{ display: none;}
	.sec_pro .nr li:nth-child(3){ display: none;}
	.sec_pro ul li:hover .port-5.effect-2 img{
	    transform: scale(1) translateY(0);}
	.sec_pro ul li:hover .port-5.effect-2 .text-desc{
		transform: translateY(100%);
    	opacity: 0;
	}
	.sec_pro ul li:hover .text {
	    transform:none;
	    opacity:1;
	}
	
	.pro_nr ul li a:hover .port-5.effect-2 img{
	    transform: scale(1) translateY(0);}
	.pro_nr ul li a:hover .port-5.effect-2 .text-desc{
		transform: translateY(100%);
    	opacity: 0;
	}
	.pro_nr ul li a:hover .text {
	    transform:none;
	    opacity:1;
	}
	.pro_nr ul li a .text span{ font-size: 12px; padding: 10px 0;}
	.pro_nr ul li a:hover .text span{ color: #353535;}
	.pro_nr ul li{ padding-bottom: 15px;}
	.zy_footer{ padding: 10px 0;}
	.honor_nr ul li:hover div:after {
	    transform: scale(1);
	    opacity: 0;
	}
	.honor_nr ul li p{font-size: 12px;
	    padding: 10px 0;}
	.honor_nr ul li:hover p {
	    color: #343535;
	}
	.zt_about h3{ font-size: 18px; line-height: 18px; padding-bottom: 5px;}
	.zt_about{padding-bottom: 20px;}
	.zt_contact{ padding: 20px 0;}
	#map{ height: 200px;}
	.zt_contact h3{ font-size: 18px; padding-bottom: 10px; padding-top: 10px;}
	.zt_contact p{ font-size: 12px;}
	.zt_about .text1{ padding: 0;}
	
}
@media (max-width:430px){
/*}*/