@charset "utf-8";
/* Custom Stylesheet */
body, html {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	background: #f5f5f5;
	text-align: center;
	overflow: hidden;
	-webkit-transition: opacity 400ms;
	-moz-transition: opacity 400ms;
	transition: opacity 400ms;
}

body, .main_zy, html {
	display: block;
	position: static;
	padding: 0;
	width: 100%;
	height: 100%;
	float: left;
}

body .header {
	color: #ecf0f1;
}

.main_zy p {
	color: #ecf0f1;
	font-size: 16px;
	font-weight: 100;
}

.nav-top a {
	color: #ecf0f1;
}

/* ALL DEMO */
h1 {
	color: #ecf0f1;
}

.menu, .header, .nav-top {
	margin-bottom: 0;
	position: relative;
	z-index: 10;
}



/*page1*/
.main_zy section.page1 {
	overflow: hidden;
}

.main_zy section.page1 .page_container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	margin-bottom: 50px;
	z-index: 9;
	right: 0;
	margin: auto;
}


/*page1*/

/*page2*/
.main_zy section.page2 {
	overflow: hidden;
}

.main_zy section.page2 .page_bg {
	background: url("../images/bg2.jpg") center top no-repeat #F5F5F5;
}

.main_zy section.page2 .page2_left {
	max-width: 530px;
	position: absolute;
	height: 100%;
	width: 44%;
}

.page2_left_top {
	position: absolute;
	z-index: 2;
	top: -58px;
	padding-left: 28px;
}

.page2_tsecond {
	position: absolute;
	left: 160px;
	bottom: 0;
}

.main_zy section.page2 .pg_banner_bg {
	width: 530px;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 109, 184, 0.85);
	z-index: 0;
}

.main_zy section.page2 .page_container {
	width: 100%;
	height: 74%;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 50px;
	max-width: 1280px;
	z-index: 9;
	right: 0;
	margin: auto;
}

.main_zy section.page2 .page2_tt {
	position: absolute;
	z-index: 2;
	width: 92%;
	padding: 0 28px;
	text-align: justify;
	text-indent: 30px;
	top: 16%;
	color: #fff;
}

.main_zy section.page2 .page2_list {
	position: absolute;
	z-index: 2;
	width: 86%;
	padding: 0 20px;
	top: calc( 24% + 140px);
}

.main_zy section.page2 .page2_list ul li {
	display: inline-block;
	text-align: left;
	width: 48%;
	padding: 1%;
}

.main_zy section.page2 .page2_icon {
	float: left;
    -webkit-animation-name: mydemo1;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
  
}
.main_zy section.page2 .page2_list ul li a:hover .page2_icon {
    -webkit-animation-name: mydemo;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;


}
@-webkit-keyframes mydemo{
from{-webkit-transform:rotateY(0deg)}  
to{-webkit-transform:rotateY(360deg)}
 }
@-webkit-keyframes mydemo1{
from{-webkit-transform:rotateY(180deg)}  
to{-webkit-transform:rotateY(0deg)}
 }

.main_zy section.page2 .list_tt {
	float: left;
    padding-left: 14px;
}

.main_zy section.page2 i {
	height: 66%;
	width: 1px;
	background-color: #fff;
	position: absolute;
	left: 48%;
	top: 0;
	bottom: 0;
	margin: auto;
}

.main_zy section.page2 .page2_right {
	position: relative;
	height: 100%;
}

.main_zy section.page2 .page2_m1 {
	position: absolute;
	right: 18%;
	z-index: 10;
	top: -14%;
	max-width: 636px;
	width: 42%;
	box-shadow: 0 0 40px #000;
}

.main_zy section.page2 .page2_m2 {
	position: absolute;
	right: 0;
	z-index: 10;
	top: 45%;
	max-width: 421px;
	width: 26%;
}

.main_zy section.page2 .page_container h1 {
	letter-spacing: -1px;
	font-weight: 100;
	font-size: 70px;
	color: black;
	margin-bottom: 10px;
	text-align: left;
}

.main_zy section.page2 .page_container p {
	line-height: 200%;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}
/*page2*/

/*page3*/
.main_zy section.page3 {
	overflow: hidden;
}

.main_zy section.page3 .page_bg {
	background: url("../images/s4.jpg") center top no-repeat;
}

.main_zy section.page3 .page_container {
	width: 100%;
	height: 74%;
	position: absolute;
	bottom: 5%;
	left: 0;
	max-width: 1200px;
	z-index: 9;
	right: 0;
	margin: auto;
}

.main_zy section.page3 .page3_right {
}

.main_zy section.page3 .page3_right .pg_banner_bg {
	max-width: 530px;
	position: absolute;
	width: 44%;
	background-color: rgba(0, 109, 184, 0.85);
	right: 0;
}

.page3_right_top {
	top: 12%;
	position: absolute;
	text-align: left;
	margin: auto;
	left: calc(100% - 330px);
}

.page3_tfirst {
	float: left;
}

.page3_tsecond {
	position: absolute;
	left: 68px;
	bottom: 0;
}

.page3_right_tt {
	position: absolute;
	top: 30%;
	right: 40px;
	left: 0;
	text-align: right;
	margin: auto;
}

.main_zy section.page3 .products {
	position: absolute;
	top: 68%;
	left: 0;
	margin: auto;
	margin-top: -225px;
	overflow: hidden;
}

/*产品滚动*/
/* scrollpic */
.scrollpic{max-width:1200px;min-height:350px;margin:0 auto; width:1200px;}
#myscroll{display:block; width:1065px; margin:0 auto; position:relative; height:220px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0px; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0 20px;}
#myscroll ul li a{display:block; float:left; width:315px; padding:0 0px; position:relative; height:220px; color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#myscroll a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 15px 0 15px; background:url(images/go.png) right no-repeat; height:40px; width:295px; line-height:40px; border-bottom:1px solid rgba(0,0,15,.2);-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;text-overflow:ellipsis;}
#myscroll a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden; color:#4e4e4e}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{/*margin:10px; */width:100%; display:block; height:42px;}
#mybtns a{width:45px; height:90px; display:block; float:left; outline:none}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/left.png); position:absolute; left:0; top:100px}
#mybtns #left:hover{background-image:url(../images/left2.png); position:absolute; left:0; top:100px}
#mybtns #right{background-image:url(../images/right.png); position:absolute; right:0; top:100px}
#mybtns #right:hover{background-image:url(../images/right2.png); position:absolute; right:0; top:100px}



/*page3*/

/*page4*/
.main_zy section.page4 {
	overflow: hidden;
}

.main_zy section.page4 .page_bg {
	background: url("../images/s3.jpg") center top no-repeat #f0f0f0;
	position: relative;
	z-index: 1;
}

.main_zy section.page4 .page_container {
	width: 100%;
	height: 74%;
	position: absolute;
	bottom: 5%;
	left: 0;
	max-width: 1200px;
	z-index: 2;
	right: 0;
	margin: auto;
}
.main_zy section.page4 .products {
	position: absolute;
	top: 68%;
	left: 0;
	margin: auto;
	margin-top: -225px;
	overflow: hidden;
}
/*产品滚动*/
/* scrollpic */
.scrollpic2{max-width:1200px;min-height:350px;margin:0 auto; width:1200px;}
#myscroll2{display:block; width:1065px; margin:0 auto; position:relative; height:220px; overflow:hidden;}
#myscroll2 #myscrollbox2{display:block; float:left; position:absolute; left:0px; top:0; width:1000000px;}
#myscroll2 ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll2 ul li{display:block; float:left; padding:0; margin:0 20px;}
#myscroll2 ul li a{display:block; float:left; width:315px; padding:0 0px; position:relative; height:220px; color:#333;}
#myscroll2 a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#myscroll2 a .intro h5{padding:0; margin:0; font-size:16px; font-weight:bold; padding:0 0px 0 0px; background:url(images/go.png) right no-repeat; height:40px; width:295px; line-height:40px; border-bottom:1px solid rgba(0,0,0,.2);-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;text-overflow:ellipsis;}
#myscroll2 a .intro p{font-size:13px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden; color:#4e4e4e}
#myscroll2 a .intro{bottom:-61px;}
#myscroll2 a:hover .intro{bottom:0px;}

#mybtns2{/*margin:10px; */width:100%; display:block; height:42px;}
#mybtns2 a{width:45px; height:90px; display:block; float:left; outline:none}
#mybtns2 a:hover{background-color: #d7000f;}
#mybtns2 a:hover, #myscroll2, #mybtns2 a,#myscroll2 a:hover .intro, #myscroll2 a .intro,#myscroll2 #myscrollbox2{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns2 #left2{background-image:url(../images/left.png); position:absolute; left:0; top:100px}
#mybtns2 #left2:hover{background-image:url(../images/left2.png); position:absolute; left:0; top:100px}
#mybtns2 #right2{background-image:url(../images/right.png); position:absolute; right:0; top:100px}
#mybtns2 #right2:hover{background-image:url(../images/right2.png); position:absolute; right:0; top:100px}

.main_zy section.page4 .page4_left {
	width: 52%;
	height: 48%;
	position: absolute;
}

.main_zy section.page4 .page4_left .pg_banner_bg {
	background-color: rgba(0, 109, 184, 0.7);
	width: 100%;
	height: 100%;
}

.page4_left_tt {
	position: absolute;
	text-align: right;
	bottom: 7%;
	right: 40px;
}

.page4_left_tt p {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 180%;
}

.page4_left_top {
	position: absolute;
	bottom: 30%;
	right: 195px;
	text-align: left;
}

.page4_tfirst {
	float: left;
}

.page4_tsecond {
	position: absolute;
	bottom: 0;
	left: 120px;
}

.fp_dash {
	width: 100%;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.fp1 {
	position: absolute;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	left: -20%;
	bottom: 40%;
	width: 18%;
}

.fp1:before {
	content: "";
	width: 320%;
	height: 1px;
	position: absolute;
	left: 100%;
	background-color: #fff;
	top: 50%;
}

.fp2 {
	position: absolute;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	left: 28%;
	bottom: 150%;
	width: 25%;
	height: 8%;
}

.fp2:before {
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 108%;
}

.fp3 {
	position: absolute;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	left: 65%;
	bottom: 150%;
	width: 25%;
	height: 8%;
}

.fp3:before {
	content: "";
	width: 1px;
	height: 900%;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 108%;
}

.smaple {
	position: absolute;
	right: 0;
	margin-left: -400px;
	bottom: 6%;
	width: 60%;
	max-width: 820px;
}
/*page4*/

/*page5*/
.main_zy section.page5 {
	overflow: hidden;
}

.main_zy section.page5 .page_bg {
	background: url("../images/page_5_bg.jpg") center top no-repeat #f3f3f3;
	position: relative;
	z-index: 1;
	width:100%;
}

.main_zy section.page5 .page_container {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	/*max-width:1200px;*/
	
}
.main_zy section.page5 .products {
	width:1200px;
	margin:0 auto;
}

.page5_right {
	width: 52%;
	left: 0;
	position: absolute;
	bottom: 0;
	height: 58%;
	z-index: 2;
}

.page5_right .pg_banner_bg {
	background-color: rgba(0, 109, 184, 0.8);
	width: 100%;
	height: 100%;
}

.page5_right_bottom {
	position: absolute;
	width: 50%;
	margin: auto;
	left: 20%;
	bottom:40%;
}

.page5_tfirst {
	float: left;
}

.page5_tsecond {
	position: absolute;
	bottom: 0;
	left: 0;
}

.page5_right_tt {
	position: absolute;
	top: 100px;
	text-align: justify;
	width: 410px;
	left: 260px;
}

.page5_right_tt p {
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 1px;
}

.news {
	width: 780px;
	max-width: 1280px;
	margin: auto;
	overflow: hidden;
	position: absolute;
	height: 100%;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: 10%;
}

.news_inner {
	position: absolute;
	right: 0;
	bottom:15px;
	margin: auto;
	height:540px;
	width:303px;
	z-index:2
}
.news_text{
	position: absolute;
	z-index:3;
	right: 0;
	width:303px;
	top:220px;
	
}
.news_text p{
	font-size:14px;
	color:#000;
	text-align:left;
	padding-left:52px;
	margin-top:20px;
	line-height:200%;
	}
/*page5*/


/*page6*/
.main_zy section.page6 {
	overflow: hidden;
}

.main_zy section.page6 .page_bg {
	background: url("/img/page_6_bg.jpg") center top no-repeat #f0f0f0;
	position: relative;
	z-index: 1;
}

.main_zy section.page6 .page_container {
	width: 100%;
	/*height: 72%;*/
	height:-moz-calc(100% - 100px);
	height:-webkit-calc(100% - 100px);
	height: calc(100% - 100px);
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 50px;
	/*max-width: 1280px;*/
	z-index: 9;
	right: 0;
	margin: auto;
}

.contact {
	width: 100%;
	height: 100%;
}

.contact_inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.pg_banner_bg {
	width: 100%;
	height: 100%;
	background-color: rgba(80, 80,80, 0.95);
}

.page6_bottom {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -12%;
	width: 50%;
}

.page6_tfirst {
	float: left;
}

.page6_tsecond {
	position: absolute;
	bottom: 0;
	left: 110px;
}
#box_conMap{
	position: absolute;
	left: 0;
	right: 0;
	bottom:40px;
	}
.contact_tt {
	width: 100%;
	margin: auto;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	/*top: 84px;*/
	position: absolute;
	left: 0;
	right: 0;
	bottom:35px;
	font-size:14px;
	/*padding-top: 36px;*/
}

.contact_tt p {
	font-size: 14px;
	line-height: 300%;
	letter-spacing: 1px;
}

.icp_footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 14px;
	left: 0;
	right: 0;
	margin: auto;
}

.icp_footer p {
	font-size: 14px;
	line-height: 36px;
	font-weight:normal
}

.icp_footer a {
	font-size: 14px;
	color: #fff;
	font-weight:normal
}

/*Animate*/
/*page2*/
.main_zy section.page2 .page_bg {
/*	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;*/
	display: block;
	height: 100%;
	width: 100%;
}

.main_zy section.page2.active .page_bg {
/*	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;*/
	display: block;
	height: 100%;
	width: 100%;
	transition-delay: 0.8s;
}

section.page2.section .page2_left .pg_banner_bg {
	height: 0;
	transition: 1.8s;
	bottom: -20%;
	z-index: -1;
}

section.page2.section.active .page2_left .pg_banner_bg {
	height: 100%;
	transition: 1.2s;
	transition-delay: 1.4s;
	bottom: 0;
	z-index: -1;
}

section.page2.section .page2_left_top {
	opacity: 0;
	transform: translateX(-20px);
	transition: 0.8s;
}

section.page2.section.active .page2_left_top {
	opacity: 1;
	transform: translateX(0);
	transition: 0.8s;
	transition-delay: 1.2s;
}

section.page2.section .page2_tt {
	opacity: 0;
	transform: translateY(-20px);
	transition: 0.8s;
}

section.page2.section.active .page2_tt {
	opacity: 1;
	transform: translateY(0px);
	transition: 1.2s;
	transition-delay: 1.4s;
}

section.page2.section .page2_list {
	opacity: 0;
	transform: translateY(0px);
	transition: 1.2s;
}

section.page2.section.active .page2_list {
	opacity: 1;
	transform: translateY(0px);
	transition: 1.2s;
	transition-delay: 1.6s;
}

section.page2.section .page2_m1 {
	opacity: 0;
	transform: translateX(-80px);
	transition: 1.2s;
}

section.page2.section.active .page2_m1 {
	opacity: 1;
	transform: translateX(0px);
	transition: 1.2s;
	transition-delay: 1.6s;
}

section.page2.section .page2_m2 {
	opacity: 0;
	transform: translateX(80px);
	transition: 1.2s;
}

section.page2.section.active .page2_m2 {
	opacity: 1;
	transform: translateX(0px);
	transition: 1.2s;
	transition-delay: 1.6s;
}


.inAboutCate {
	overflow: hidden;
	width: 1200px;
	margin: 20px auto 0 auto;
	position: relative;
	height: 266px;
	z-index:90;
}

.inAboutCate ul li {
	position: absolute;
	top: 60px;
	z-index:100;
	
}

.inAboutCate ul li a {
	width: 109px;
	height:150px;
	/*background: url(../images/aboutBg.png) center top no-repeat;*/
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 266px;
	display: block;
	transition: all .7s;
	-moz-transition: all .7s;
	-webkit-transition: all .7s;
	color:#4e4e4e
}

.inAboutCate ul li a:hover {
	/*background: url(../images/aboutOver.png) center top no-repeat*/
}
.indexabout{width:1200px; margin:0 auto;clear:both;font-size:15px; line-height:220%; position:relative;
    transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	opacity: 0;
	margin-top:80px
	}
.active .indexabout{
	opacity:1;
	transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	margin-top:60px
}
/*2018-12-15*/
.about_nav{ 
    clear:both;  
	width:1200px; 
	margin:80px auto 0 auto;
	transition: all 0.7s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	opacity: 0;
}
.active .about_nav{
	opacity: 1;
	transition-delay: 2.5s;
	-moz-transition-delay: 2.5s;
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s;
	margin:100px auto 0 auto;
	
}
.about_nav li {
	float: left;
	width: 235px;
	height: 235px;
	margin-right: 86.66px;
}

.about_nav li.a4 {
	margin-right: 0;
}

.about_nav li a {
	width: 235px;
	height: 235px;
	display: block;
	position: relative;
	background: #393939;
	padding: 28px 25px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}

.about_nav li:nth-child(1) a {
	background: #e62129;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.about_nav li a:hover {
	background: #e62129;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.a_ico {
	text-align: right;
	margin-bottom: 40px;
	transition: all 0.5s ease-in-out 0s;
}

.about_nav li a:hover .a_ico {
	transform: rotateX(360deg) scale(1);
}
/*2018-12-15*/
.a_h2 {
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	padding-top: 10px;
}

/*li a SPAN {
	position: absolute;
	background-color: #fff;
	transition: all 0.6s cubic-bezier(0.15, 0.26, 0.45, 0.74) 0s;
}*/

li a .line {
	width: 50px;
	top: 0px;
	height: 2px;
	left: 0px;
}

li a:hover .line {
	width: 65%;
}

.inAboutCate .a1 {
	left: 545px;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	background: url(../images/about_01.png) center top no-repeat;
	
}

.inAboutCate .a2 {
	left: 545px;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	background: url(../images/about_02.png) center top no-repeat;
}

.inAboutCate .a3 {
	left: 545px;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	background: url(../images/about_03.png) center top no-repeat;
}

.inAboutCate .a4 {
	right: 545px;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	background: url(../images/about_04.png) center top no-repeat;
}

.inAboutCate .a5 {
	right: 545px;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	background: url(../images/about_05.png) center top no-repeat;
}

.active .inAboutCate .a3 {
	opacity: 1;
	transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s
}

.active .inAboutCate .a1 {
	left: 206px;
	opacity: 1;
	transition-delay: 3s;
	-moz-transition-delay: 3s;
	-webkit-transition-delay: 3s;
	-o-transition-delay: 3s
}

.active .inAboutCate .a2 {
	left: 376px;
	opacity: 1;
	transition-delay: 2s;
	-moz-transition-delay: 2s;
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s
}

.active .inAboutCate .a4 {
	right: 376px;
	opacity: 1;
	transition-delay: 2.5s;
	-moz-transition-delay: 2.5s;
	-webkit-transition-delay: 2.5s;
	-o-transition-delay: 2.5s
}

.active .inAboutCate .a5 {
	right: 206px;
	opacity: 1;
	transition-delay: 3.5s;
	-moz-transition-delay: 3.5s;
	-webkit-transition-delay: 3.5s;
	-o-transition-delay: 3.5s
}

/*page2*/

/*page3*/
.main_zy section.page3 .page_bg {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	display: block;
	height: 100%;
	width: 100%;
}

.main_zy section.page3.active .page_bg {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	display: block;
	height: 100%;
	width: 100%;
	transition-delay: 0.8s;
}

section.page3 .page3_right .pg_banner_bg {
	height: 0;
	transition: 1.8s;
	top: -20%;
	z-index: -1;
}

section.page3.section.active .page3_right .pg_banner_bg {
	height: 100%;
	transition: 1.2s;
	transition-delay: 1.4s;
	top: 0;
	z-index: -1;
}

section.page3.section .page3_right_top {
	opacity: 0;
	transform: translateX(-20px);
	transition: 0.8s;
}

section.page3.section.active .page3_right_top {
	opacity: 1;
	transform: translateX(0);
	transition: 0.8s;
	transition-delay: 1.2s;
}

section.page3.section .page3_right_tt {
	opacity: 0;
	transform: translateY(80px);
	transition: 0.8s;
}

section.page3.section.active .page3_right_tt {
	opacity: 1;
	transform: translateY(0);
	transition: 0.8s;
	transition-delay: 1.2s;
}

section.page3.section .products {
	opacity: 0;
	transform: translateX(-80px);
	transition: 0.8s;
}

section.page3.section.active .products {
	opacity: 1;
	transform: translateX(0px);
	transition: 0.8s;
	transition-delay: 1.4s;
}
/*page3*/

/*page4*/
.main_zy section.page4 .page_bg {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	display: block;
	height: 100%;
	width: 100%;
}

.main_zy section.page4.active .page_bg {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	display: block;
	height: 100%;
	width: 100%;
	transition-delay: 0.8s;
}

section.page4.section .page4_left .pg_banner_bg {
	width: 0;
	transition: 1.8s;
	left: 0;
	z-index: -1;
}

section.page4.section.active .page4_left .pg_banner_bg {
	width: 100%;
	transition: 0.8s;
	transition-delay: 1s;
	left: 0;
	z-index: -1;
}

section.page4.section .page4_left .page4_left_top {
	opacity: 0;
	transform: translateY(-80px);
	transition: 0.8s;
}

section.page4.section.active .page4_left .page4_left_top {
	opacity: 1;
	transform: translateY(0px);
	transition: 0.8s;
	transition-delay: 1.8s;
}

section.page4.section .page4_left .page4_left_tt {
	opacity: 0;
	transform: translateY(20px);
	transition: 0.8s;
}

section.page4.section.active .page4_left .page4_left_tt {
	opacity: 1;
	transform: translateY(0px);
	transition: 0.8s;
	transition-delay: 2s;
}

section.page4.section .fp_dash .smaple .fp1 {
	opacity: 0;
	transition: 0.8s;
}

section.page4.section.active .fp_dash .smaple .fp1 {
	opacity: 1;
	transition: 2s;
	transition-delay: 1.2s;
}

section.page4.section .fp_dash .smaple .fp1:before {
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	left: 100%;
	background-color: #fff;
	top: 50%;
	transition: 0.8s;
}

section.page4.section.active .fp_dash .smaple .fp1:before {
	content: "";
	width: 320%;
	height: 1px;
	position: absolute;
	left: 100%;
	background-color: #fff;
	top: 50%;
	transition: 2s;
	transition-delay: 1.2s;
}

section.page4.section .fp_dash .smaple .fp2 {
	opacity: 0;
	transition: 0.8s;
}

section.page4.section.active .fp_dash .smaple .fp2 {
	opacity: 1;
	transition: 2s;
	transition-delay: 1.2s;
}

section.page4.section .fp_dash .smaple .fp2:before {
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 108%;
	transition: 0.8s;
}

section.page4.section.active .fp_dash .smaple .fp2:before {
	content: "";
	width: 1px;
	height: 900%;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 108%;
	transition: 2s;
	transition-delay: 1.2s;
}

section.page4.section .fp_dash .smaple .fp3 {
	opacity: 0;
	transition: 0.8s;
}

section.page4.section.active .fp_dash .smaple .fp3 {
	opacity: 1;
	transition: 2s;
	transition-delay: 1.2s;
}

section.page4.section .fp_dash .smaple .fp3:before {
	content: "";
	width: 1px;
	height: 0;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 108%;
	transition: 0.8s;
}

section.page4.section.active .fp_dash .smaple .fp3:before {
	content: "";
	width: 1px;
	height: 900%;
	position: absolute;
	left: 50%;
	background-color: #fff;
	top: 108%;
	transition: 2s;
	transition-delay: 1.2s;
}

section.page4.section .fp_dash .smaple {
	opacity: 0;
	transition: 0.6s;
}

section.page4.section.active .fp_dash .smaple {
	opacity: 1;
	transition: 1s;
	transition-delay: 0.6s;
}
/*page4*/

/*page5*/
.main_zy section.page5 .page_bg {
/*	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;*/
	display: block;
	height: 100%;
	width: 100%;
}

.main_zy section.page5.active .page_bg {
/*	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;*/
	display: block;
	height: 100%;
	width: 100%;
	transition-delay: 0.8s;
}

section.page5.section .page5_right .pg_banner_bg {
	width: 0;
	transition: 1.8s;
	right: 0;
	z-index: -1;
}

section.page5.section.active .page5_right .pg_banner_bg {
	width: 100%;
	transition: 0.8s;
	transition-delay: 1.2s;
	right: 0;
	z-index: -1;
}

section.page5.section .page5_right .page5_right_bottom {
	opacity: 0;
	transform: translateY(80px);
	transition: 0.8s;
}

section.page5.section.active .page5_right .page5_right_bottom {
	opacity: 1;
	transform: translateY(0px);
	transition: 1s;
	transition-delay: 1.6s;
}

section.page5.section .page5_right .page5_right_tt {
	opacity: 0;
	transform: translateY(80px);
	transition: 0.8s;
}

section.page5.section.active .page5_right .page5_right_tt {
	opacity: 1;
	transform: translateY(0px);
	transition: 1s;
	transition-delay: 1.8s;
}

section.page5.section .news {
	opacity: 0;
	transform: translateX(80px);
	transition: 0.8s;
}

section.page5.section.active .news {
	opacity: 1;
	transform: translateX(0px);
	transition: 0.8s;
	transition-delay: 0.8s;
}
/*page5*/

/*page6*/
.main_zy section.page6 .page_bg {
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	display: block;
	height: 100%;
	width: 100%;
}

.main_zy section.page6.active .page_bg {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	transition: transform 10s;
	-webkit-transition: transform 10s;
	-webkit-transition: -webkit-transform 10s;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	display: block;
	height: 100%;
	width: 100%;
	transition-delay: 0.8s;
}

section.page6.section .contact_inner .pg_banner_bg {
	width: 100%;
	height: 0;
	transition: 1.8s;
	bottom: 0;
	z-index: -1;
	position: absolute;
}

section.page6.section.active .contact_inner .pg_banner_bg {
	width: 100%;
	height: 100%;
	transition: 0.8s;
	transition-delay: 1.2s;
	bottom: 0;
	z-index: -1;
	position: absolute;
}

section.page6.section .page6_bottom {
	opacity: 0;
	transform: translateY(80px);
	transition: 0.8s;
}

section.page6.section.active .page6_bottom {
	opacity: 1;
	transform: translateY(0px);
	transition: 1s;
	transition-delay: 1.8s;
}

section.page6.section .contact_tt {
	opacity: 0;
	transform: translateY(80px);
	transition: 0.8s;
}

section.page6.section.active .contact_tt {
	opacity: 1;
	transform: translateY(0px);
	transition: 1s;
	transition-delay: 1.8s;
}

section.page6.section .icp_footer {
	opacity: 0;
	transform: translateY(80px);
	transition: 0.8s;
}
/*page6*/





section.page6.section.active .icp_footer {
	opacity: 1;
	transform: translateY(0px);
	transition: 1s;
	transition-delay: 1.8s;
}

section.page2.section .t_in {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transition: all 1s;
	opacity: 0;
}
section.page2.section.active .t_in {
	transform: scale(1) rotate(0deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .6;
}
section.page2.section .t_in {
	width: 50%;
	height: 450px;
	border: #FFFFFF 0px solid;
	position: absolute;
	right: 5%;
	margin-left: -125px;
	top: 20%;
	margin-top: -125px;
	opacity: 0;
}
section.page2.section .fangk li:nth-child(1) {
	width: 0;
position: absolute;
	height: 1px;
	background: #fff;
}

section.page2.section .fangk li:nth-child(2) {
	height: 0;
 position: absolute;
	width: 1px;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page2.section .fangk li:nth-child(3) {
	width: 0;
  position: absolute;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}

section.page2.section .fangk li:nth-child(4) {
	height: 0;
   position: absolute;
    width: 1px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page2.section.active .fangk li:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

section.page2.section.active .fangk li:nth-child(2) {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page2.section.active .fangk li:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}
section.page2.section.active .fangk li:nth-child(4) {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page2.section.active .fangk li:nth-child(1) {
	transition: all 1s linear 2s;
	transition-delay: 1.8s;
}
section.page2.section.active .fangk li:nth-child(2) {
	transition: all 1s linear 3s;
	transition-delay: 1.8s;
}
section.page2.section.active .fangk li:nth-child(3) {
	transition: all 1s linear 4s;
	transition-delay: 1.8s;
}
section.page2.section.active .fangk li:nth-child(4) {
	transition: all 1s linear 5s;
	transition-delay: 1.8s;
}
section.page2.section .fangk li:nth-child(1) {
    transition: all 1s linear 0.8s;
}
section.page2.section .fangk li:nth-child(2) {
    transition: all 1s linear 0.8s;
}
section.page2.section .fangk li:nth-child(3) {
    transition: all 1s linear 0.8s;
}
section.page2.section .fangk li:nth-child(4) {
    transition: all 1s linear 0.8s;
}
/**page2**/


/**page3**/
section.page3.section .t_in1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: all 1s;
	opacity: 0;
}
section.page3.section.active .t_in1 {
	transform: scale(1) rotate(45deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .6;
}
section.page3.section .t_in1 {
	width: 600px;
	height: 550px;
	border: #FFFFFF 0px solid;
	position: absolute;
	left: -5%;
	margin-left: -250px;
	top: 5%;
	margin-top: -125px;
	opacity: 0;
}
section.page3.section .t_in2 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: all 1s;
	opacity: 0;
}
section.page3.section.active .t_in2 {
	transform: scale(1) rotate(45deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .6;
}
section.page3.section .t_in2 {
	width: 600px;
	height: 550px;
	border: #FFFFFF 0px solid;
	position: absolute;
	right: -5%;
	margin-right: -250px;
	bottom: -5%;
	margin-top: -125px;
	opacity: 0;
}
section.page3.section .fangk li:nth-child(1) {
	width: 0;
position: absolute;
	height: 1px;
	background: #fff;
}

section.page3.section .fangk li:nth-child(2) {
	height: 0;
 position: absolute;
	width: 1px;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page3.section .fangk li:nth-child(3) {
	width: 0;
  position: absolute;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}

section.page3.section .fangk li:nth-child(4) {
	height: 0;
   position: absolute;
    width: 1px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page3.section.active .fangk li:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

section.page3.section.active .fangk li:nth-child(2) {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page3.section.active .fangk li:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}
section.page3.section.active .fangk li:nth-child(4) {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page3.section.active .fangk li:nth-child(1) {
	transition: all 1s linear 2s;
	transition-delay: 1.8s;
}
section.page3.section.active .fangk li:nth-child(2) {
	transition: all 1s linear 3s;
	transition-delay: 1.8s;
}
section.page3.section.active .fangk li:nth-child(3) {
	transition: all 1s linear 4s;
	transition-delay: 1.8s;
}
section.page3.section.active .fangk li:nth-child(4) {
	transition: all 1s linear 5s;
	transition-delay: 1.8s;
}
section.page3.section .fangk li:nth-child(1) {
    transition: all 1s linear 0.8s;
}
section.page3.section .fangk li:nth-child(2) {
    transition: all 1s linear 0.8s;
}
section.page3.section .fangk li:nth-child(3) {
    transition: all 1s linear 0.8s;
}
section.page3.section .fangk li:nth-child(4) {
    transition: all 1s linear 0.8s;
}
/**page3**/

/**page4**/
section.page4.section .t_in {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transition: all 1s;
	opacity: 0;
}
section.page4.section.active .t_in {
	transform: scale(1) rotate(0deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .4;
	z-index: 1;
}
section.page4.section .t_in {
	width: 62%;
	height: 70%;
	border: #FFFFFF 0px solid;
	position: absolute;
	right: -1%;
	margin-left: -125px;
	bottom: 2%;
	margin-top: -125px;
	opacity: 0;
}
section.page4.section .fangk li:nth-child(1) {
	width: 0;
position: absolute;
	height: 1px;
	background: #fff;
}

section.page4.section .fangk li:nth-child(2) {
	height: 0;
 position: absolute;
	width: 1px;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page4.section .fangk li:nth-child(3) {
	width: 0;
  position: absolute;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}

section.page4.section .fangk li:nth-child(4) {
	height: 0;
   position: absolute;
    width: 1px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page4.section.active .fangk li:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

section.page4.section.active .fangk li:nth-child(2) {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page4.section.active .fangk li:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}
section.page4.section.active .fangk li:nth-child(4) {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page4.section.active .fangk li:nth-child(1) {
	transition: all 1s linear 2s;
	transition-delay: 1.8s;
}
section.page4.section.active .fangk li:nth-child(2) {
	transition: all 1s linear 3s;
	transition-delay: 1.8s;
}
section.page4.section.active .fangk li:nth-child(3) {
	transition: all 1s linear 4s;
	transition-delay: 1.8s;
}
section.page4.section.active .fangk li:nth-child(4) {
	transition: all 1s linear 5s;
	transition-delay: 1.8s;
}
section.page4.section .fangk li:nth-child(1) {
    transition: all 1s linear 0.8s;
}
section.page4.section .fangk li:nth-child(2) {
    transition: all 1s linear 0.8s;
}
section.page4.section .fangk li:nth-child(3) {
    transition: all 1s linear 0.8s;
}
section.page4.section .fangk li:nth-child(4) {
    transition: all 1s linear 0.8s;
}
/**page4**/

/**page5**/
section.page5.section .t_in {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transition: all 1s;
	opacity: 0;
}
section.page5.section.active .t_in {
	transform: scale(1) rotate(0deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .8;
	z-index: 1;
}
section.page5.section .t_in {
	width: 55%;
	height: 70%;
	border: #FFFFFF 0px solid;
	position: absolute;
	left: 3%;
	margin-left: -125px;
	bottom: 2%;
	margin-top: -125px;
	opacity: 0;
}
section.page5.section .fangk li:nth-child(1) {
	width: 0;
position: absolute;
	height: 1px;
	background: #fff;
}

section.page5.section .fangk li:nth-child(2) {
	height: 0;
 position: absolute;
	width: 1px;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page5.section .fangk li:nth-child(3) {
	width: 0;
  position: absolute;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}

section.page5.section .fangk li:nth-child(4) {
	height: 0;
   position: absolute;
    width: 1px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page5.section.active .fangk li:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

section.page5.section.active .fangk li:nth-child(2) {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page5.section.active .fangk li:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}
section.page5.section.active .fangk li:nth-child(4) {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page5.section.active .fangk li:nth-child(1) {
	transition: all 1s linear 2s;
	transition-delay: 1.8s;
}
section.page5.section.active .fangk li:nth-child(2) {
	transition: all 1s linear 3s;
	transition-delay: 1.8s;
}
section.page5.section.active .fangk li:nth-child(3) {
	transition: all 1s linear 4s;
	transition-delay: 1.8s;
}
section.page5.section.active .fangk li:nth-child(4) {
	transition: all 1s linear 5s;
	transition-delay: 1.8s;
}
section.page5.section .fangk li:nth-child(1) {
    transition: all 1s linear 0.8s;
}
section.page5.section .fangk li:nth-child(2) {
    transition: all 1s linear 0.8s;
}
section.page5.section .fangk li:nth-child(3) {
    transition: all 1s linear 0.8s;
}
section.page5.section .fangk li:nth-child(4) {
    transition: all 1s linear 0.8s;
}
/**page5**/

/**page6**/
section.page6.section .t_in1 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: all 1s;
	opacity: 0;
}
section.page6.section.active .t_in1 {
	transform: scale(1) rotate(45deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .6;
	z-index: 2;
}
section.page6.section .t_in1 {
	width: 600px;
	height: 550px;
	border: #FFFFFF 0px solid;
	position: absolute;
	left: -5%;
	margin-left: -250px;
	top: 5%;
	margin-top: -125px;
	opacity: 0;
}
section.page6.section .t_in2 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: all 1s;
	opacity: 0;
}
section.page6.section.active .t_in2 {
	transform: scale(1) rotate(45deg);
	filter: blur(0px);
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	opacity: .6;
	z-index: 2;
}
section.page6.section .t_in2 {
	width: 600px;
	height: 550px;
	border: #FFFFFF 0px solid;
	position: absolute;
	right: -5%;
	margin-right: -250px;
	bottom: -5%;
	margin-top: -125px;
	opacity: 0;
}
section.page6.section .fangk li:nth-child(1) {
	width: 0;
position: absolute;
	height: 1px;
	background: #fff;
}

section.page6.section .fangk li:nth-child(2) {
	height: 0;
 position: absolute;
	width: 1px;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page6.section .fangk li:nth-child(3) {
	width: 0;
  position: absolute;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}

section.page6.section .fangk li:nth-child(4) {
	height: 0;
   position: absolute;
    width: 1px;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page6.section.active .fangk li:nth-child(1) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
}

section.page6.section.active .fangk li:nth-child(2) {
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	top: 0px;
	right: 0px;
}
section.page6.section.active .fangk li:nth-child(3) {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	bottom: 0px;
	right: 0px;
}
section.page6.section.active .fangk li:nth-child(4) {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
    bottom: 0px;
    left: 0px;
}
section.page6.section.active .fangk li:nth-child(1) {
	transition: all 1s linear 2s;
	transition-delay: 1.8s;
}
section.page6.section.active .fangk li:nth-child(2) {
	transition: all 1s linear 3s;
	transition-delay: 1.8s;
}
section.page6.section.active .fangk li:nth-child(3) {
	transition: all 1s linear 4s;
	transition-delay: 1.8s;
}
section.page6.section.active .fangk li:nth-child(4) {
	transition: all 1s linear 5s;
	transition-delay: 1.8s;
}
section.page6.section .fangk li:nth-child(1) {
    transition: all 1s linear 0.8s;
}
section.page6.section .fangk li:nth-child(2) {
    transition: all 1s linear 0.8s;
}
section.page6.section .fangk li:nth-child(3) {
    transition: all 1s linear 0.8s;
}
section.page6.section .fangk li:nth-child(4) {
    transition: all 1s linear 0.8s;
}

.p6-1 {
    width: 1200px;
    height: 30px;
	margin:0 auto;
    opacity: 1;
    text-align: left;
    transition: all 1.5s;
    text-align: center;
}
.p6-1 li {
    width: 400px;
    float: left;
    height: 160px;
}

.p6-1 li:nth-child(1) {
    width: 399px;
    float: left;
  
}

.p6-1 li:nth-child(2) {
    width: 399px;
    float: left;
  
}

.p6-1 li h1 {
    font-size: 18px;
    color: #e5e0da
}

.p6-1 li a {
    font-size: 14px;
    color: #aaa;
    transition: all 1.5s;
}

.p6-1 li a:hover {
    font-size: 14px;
    color: #fff
}
/**page6**/
.w_img-002{ 
    width:310px;
	height:56px;
	margin:0 auto;
	left:50%;
	position: absolute;
	margin-left:-155px
}
/*新闻中心*/
#bnc_tilte{ padding:50px 0;}
#bnct_left{ width:370px; float:left;}
#bnct_right{ width:470px; float:right;}
#bnct_rihgt ul{ float:right;}
#bnct_rihgt ul li{ float:left; height:35px; cursor:pointer; margin:0 20px; }
#bnct_rihgt ul li a{font-size:18px; color:#000; font-weight:bold;}
#bnct_rihgt ul li:hover{ border-bottom:5px solid #D69C3D; color:#D69C3D; font-weight:bold;}
#bnct_rihgt ul li:hover a{color:#D69C3D; font-weight:bold;}
.onbnctli{border-bottom:5px solid #D69C3D; }
.onbnctli a{color:#D69C3D!important; font-weight:bold;}
.bncc_body{ display:none;}

/*#bnc_left_news{ width:800px; float:left;}*/
#bnc_right_news{ width:275px; float:right;}
#bnc_right_news{ width:275px;}

#bnc_content ul li{ margin:0 0 17px 0; width:760px;}
#bnc_content ul li:hover .bnc_news_time{ background:#aa8756;}
#bnc_content ul li:hover .bnc_news_text h4 a{ color:#aa8756;}
.bnc_news_time{ width:97px; height:97px; float:left; background:#bbbbbb;}
.bnc_news_time h2{ height:65px; line-height:65px; text-align:center; color:#FFF; font-size:50px;}
.bnc_news_time h3{ height:25px; line-height:25px; font-weight:normal; font-size:14px; color:#FFF; text-align:center;}
.bnc_news_text{ float:right; width:630px; height:67px; padding:15px; background:#ededed;}
.bnc_news_text h4{ height:25px;}
.bnc_news_text h4 a{ font-size:15px;}
.bnc_news_text h5{ font-size:13px; font-weight:normal; color:#929292; line-height:23px;}

/*新闻详情页*/
#bnc_news_page{ padding:0 0 30px 0;}
#bnc_news_page h2{ height:35px; line-height:35px; text-align:center; font-size:16px; }
#bnc_news_page h4{ text-align:center; }
#bnc_news_page h4 span{ font-size:12px; color:#878787; font-weight:normal; padding:0 5px;}
.newspage_content{ padding:20px;}
.newspage_content p{ font-size:13px; font-weight:normal; color:#878787; font-weight:normal; line-height:25px;}
#prev_next{ height:60px; line-height:60px; padding:0 0 50px 0;}
#prev_left{ float:left; width:50%; height:60px; line-height:60px; text-align:left;}
#prev_right{ float:right; width:50%;height:60px; line-height:60px; text-align:right;}
#prev_next span{ font-size:13px; color:#000;}
#prev_next span a{ font-size:13px; color:#000;}
#prev_next span a:hover{ border-bottom:1px solid #000;}

.site_news {
    padding: 30px 0;
    border-bottom: 1px dashed #cfcfcf;
}
.site_news_right{
	width: 800px;
}

.site_news_right p {
    line-height: 45px;
    font-weight: bold;
    font-size: 16px;
}

.site_news_right h5 {
    line-height: 25px;
    font-weight: normal;
    color: #767676;
    text-indent: 2em;
    font-size: 13px;
}

.site_news_right h6 {
    line-height: 25px;
    font-weight: normal;
    margin-top: 20px;
    font-size: 13px;
    color: #000000;
}

.site_news_right h6 a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.site_news_right h6 a:hover {
    background: #D69C3D;
}
.site_news_left {
    width: 363px;
    height: 250px;
    margin-right: 36px;
    overflow: hidden;
}

.site_news_left img {
    width: 363px;
    height: 250px;
}
.impr_title{
	margin:0 0 10px 0;
}
.float_clear{ clear:both;}
#mean_list{ width:840px; margin:0 auto;}
#mean_list ul li{ float:left; width:138px; height:138px; padding:0 35px; cursor:pointer;}
.mcontent{ display:none;}
#mean_conent{ padding:30px 0;}

/* page */
.page{width:100%;height:40px;text-align:center;line-height:38px;}
.page_con{display:inline-block;*display:inline;*zoom:1;}
.page a,
.page_text,
.page_btn{display:inline-block;width:58px;height:38px;/*float:left;*/border:1px solid #d9d9d9;font-size:14px;color:#888;background:#fff;margin:0 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);transition: all 0.3as ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.page a:hover,
.page_btn:hover{background:#f5f5f5;}
.page a.on{background:#D69C3D;color:#fff;font-weight:bolder;border-color:#D69C3D;}
.page a.goprev,
.page a.gonext{width:88px;}
.page a.goprev{margin-right:15px;}
.page a.non{background:#f8f8f8;border-color:#e9e9e9;color:#ababab;cursor:default;}
.page span{font-size:14px;color:#666;margin:0 5px;float:left;}
.page_text{text-align:center;color:#333;}
.page_btn{color:#666;width:68px;}
a.page_num{width:38px;}

/*在线客服*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#951C1F;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:200px;background:#fff;position:absolute;right:57px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 12px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; margin-bottom:10px}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 10px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item a:hover{ color:#951C1F}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:14px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


/**2018-12-8首页培训学习**/
.indexnews{ clear:both; width:1200px; margin:60px auto 0 auto}
.indexnews ul li{ float:left; width:386.66px; margin-right:20px;transition: all linear 0.3s;box-shadow: rgba(0,0,0,0.1) 0 8px 20px;}
.indexnews ul li img{ width:100%; height:256px}
.indexnews ul li h3{ font-size:15px; font-weight:600; margin:0; text-align:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#FFF; padding:15px 0 15px 10px;}
.indexnews ul li p{ margin:0; padding:0px 0 15px 10px; background:#FFF; font-size:14px; color:#333; text-align:left; height:100px; overflow:hidden; font-weight:normal; line-height:180%}
.indexnews ul li:hover{box-shadow: rgba(0,0,0,0.5) 0 8px 20px; transform:translateY(-10px);}
/*****首页新闻***/
.indexnewslist{clear:both; width:1200px; margin:60px auto 0 auto}
.indexnewslist ul li{/*background:#FFF; float:left; width:590px; margin-bottom:20px; padding:20px;*/transition: all linear 0.3s;box-shadow: rgba(0,0,0,0.1) 0 8px 20px}
.indexnewslist ul li:hover{box-shadow: rgba(0,0,0,0.5) 0 8px 20px; transform:translateY(-10px);}
.indexnewslist ul li:hover a{ color:#F00}
.indexnewslist .pic{float:left; width:200px;}
.indexnewslist .text{float:right; width:328px; text-align:left; color:#4e4e4e}
.indexnewslist .text h3{ font-size:15px; font-weight:normal}
.indexnewslist .text p{ color:#4e4e4e; margin-top:10px}

.newsbiaoti{ border:#e0e0e0 1px solid; height:70px; background:#f6f6f6; padding-top:10px; margin-bottom:20px; margin-top:0; }
.newsbiaoti h2{font-weight:600; font-size:16px; text-align:center;color:#222}
.newsbiaoti p{border-top:#E0e0e0 1px solid; margin:10px 20px 0 20px; clear:both; font-size:14px; color:#666; padding-top:5px; font-weight:normal}