a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
ul  li{
	list-style: none;
}
body{
	/*font-family: "思源黑体" !important;*/
	font-family: "arial, helvetica, sans-serif";
}
header nav{
	float: right;
	margin-top: 25px;
	display: inline-block;
	width: 1300px;
}
header{
	height: 120px;
	/*background-color:rgba(0,0,0,0.4);*/
	position: absolute; /*right: 0;*/ top: 0; list-style-type: none; z-index: 70;
	width: 100%;
}
P{margin: 0; padding: 0;}

.fl{
	float: left;
}
.fr{
	float: right;
}
.mr_60{
	margin-right: 60px;
}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}


#dowebok .demo1{
	background: url(../images/dy_bg.png) center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
	position: relative;
}

#dowebok .demo2{
	/*background: url(../images/d2.png) center;*/
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
	position: relative;
}

#dowebok .demo3{
	/*background: url(../images/platform.png) center;*/
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
	position: relative;
}






#dowebok .demo05{
	background: url(../images/bhsj_bg.png) center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
	background-size: 100%;
	position: relative;
}
#dowebok .demo5{
	background: url(../images/ghsj_bg.png) center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
	background-size: 100%;
	position: relative;
}
#dowebok .demo6{
	background: url(../images/about.png) center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
	position: relative;
}
#dowebok .demo06{
	background: url(../images/foot_bg.png) center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
	position: relative;
}
#dowebok .loks{
	position: absolute;
	top: 0;
	left: 0;
	/*background-color:rgba(0,0,0,0.6);*/
	z-index: 1;
	height: 100%;
	width: 100%;
}
#dowebok .mask{
	position: absolute;
	top: 0;
	left: 0;
	/*background-color:rgba(0,0,0,0.6);*/
	z-index: 1;
	height: 100%;
	width: 100%;
}
/*#dowebok .mask1{
	background: url(../images/bg.png) no-repeat;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
	position: relative;
}*/
#dowebok .mask_top span{
	width: 150px;
	height: 2px;
	background-color: #FFFFFF;
	display:block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
#dowebok .mask_top h3{
	/*line-height: 100vh;*/
	font-weight: normal;
	letter-spacing: 10px;
	font-size: 80px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 70px;
}
#dowebok .mask_top i{
	color: #1e90ff;
	font-style: normal;
}
#dowebok .mask_top  p{
	text-transform:uppercase;
	font-size: 40px;
}
 .mask_top{
	margin-top: 315.5px;
    margin-bottom: 0px;
}
.Second_top h3{
	font-weight: normal;
	letter-spacing: 5px;
	font-size: 28px;
	margin-bottom: 40px;
	color: #666666;
}

#dowebok .Second_top span{
	width: 150px;
	height: 2px;
	background-color: #FFFFFF;
	display:block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

#dowebok .Second_top  p{
	text-transform:uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	color: #999999;
}
 .Second_top{
	margin-top: 115.5px;
    margin-bottom: 0px;
}









/*锚点导航*/
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	width:15px !important;
    height:15px !important;
   /* border: 1px solid #1e90ff !important;*/
  background-color: #878787 !important;;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    background: #372918 !important;
}
#fp-nav ul li, .fp-slidesNav ul li {
	margin-bottom: 15px !important;
}

#menu { margin: 0; padding: 0;display: block; margin-left: 280px;}
#menu li { float: left;  font-size: 14px; margin: 0 0px 0 40px;line-height: 55px;}
#menu a { float: left;  color:#372918; text-decoration: none;}
#menu .active a { color: #372918; border-bottom: solid 2px #372918; display: block;}


/*logo*/
.logo{
	position: absolute;
    top: 40px;
    left: 0;
}
.logo img{
	float: left;
	margin-right: 20px;
}
.logo span{
	height: 48px;
	width: 1px;
	display:block;
	float: left;
	background-color: #FFFFFF;
	margin-right: 20px;
	
}
.logo p{
	display: inline-block;
	float: left;
	color: #372918;
	font-size: 18px;
	/*height: 48px;
	line-height: 48px;*/
	text-align: center;
	letter-spacing: 2px;
}
.hd{
	/*margin: 0 350px;*/
    position: relative;
    width: 1280px;
    margin:auto ;
}
.downloads{
	float:right;
	margin-top: 10px;
}
.downloads a{
	display: inline-block;
	width: 120px;
	height: 28px;
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	background-color: #372918;
	border-radius: 5px;
	margin: 0 0px 0 15px;
	text-decoration: none;
	 -webkit-transform: translateZ(0);
    transform: translateZ(0);
	
}
.Second_bottom{
	width: 100%;
	/*overflow: hidden;*/
	margin-top: 146px;
}












	.fr_demo{
	overflow: hidden;
	/*position: absolute;*/
	background: url(../images/bg.png) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	}

















.Second_list {
    /*margin: 20px auto -20px;*/
    width: 1200px;
    margin: 0 auto;
}

.Second_icon img{
	/*width: 110px;
	height: 91px;*/
	margin: 50px 0 40px 0;
}
.Second_icon{
	/*padding:65px;*/
	overflow: hidden;
	float: left;
	width:210px;
	height: 145px;
	margin-bottom: 10px;
	
}

.Second_list ul li h3{
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
	float: left;
	display: inline-block;
	width:210px;
	color: #666666;
	margin-bottom: 20px;
}
.Second_txt{
	padding: 10px;
}
.Second_txt p{
	font-size: 12px;
	color: #999999;
}

.Second_list ul li{
	float: left;
	margin: 0 100px 20px 0;
	width: 210px;
	height: 284px;
	 -webkit-transform: translateZ(0);
  transform: translateZ(0);
	border-radius: 5px;
	-moz-box-shadow:0px 0px 20px #ADADAD;
	-webkit-box-shadow:0px 0px 20px #ADADAD;
	box-shadow:0px 0px 20px #ADADAD;
 background-color: #FFFFFF;
}

.Second_list ul li:nth-child(4n){
	margin-right: 0px;
}
.Second_list ul li:hover{
	-moz-box-shadow:0px 0px 30px #666666;
	 -webkit-box-shadow:0px 0px 30px #666666; 
	 box-shadow:0px 0px 30px #666666;
	transition: all 0.4s ease 0s;
}

.third_top {
	margin-top: 115.5px !important;
    margin-bottom: 0px;
}


.third_top h3{
	 font-weight: normal;
    letter-spacing: 5px;
    font-size: 28px;
    margin-bottom: 40px;
    color: #666666;
}
.third_top span{
	width: 150px;
	height: 2px;
	background-color: #2fa9ff;
	display:block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.third_top p{
	text-transform:uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	color: #999999;
}
.third_losrt{
	width: 1200px;
	margin: 200px auto !important;
}
.third_bottom ul li{
	background-color: #FFFFFF;
	border-radius: 5px;
	-moz-box-shadow:1px 0px 20px #ADADAD; -webkit-box-shadow:1px 0px 20px #ADADAD; box-shadow:1px 0px 20px #ADADAD;
	margin: 0 50px 20px 0 !important;
}
.third_bottom ul li:hover{
	-moz-box-shadow:1px 0px 30px #666666; -webkit-box-shadow:1px 0px 30px #666666; box-shadow:1px 0px 30px #666666;
}
.third_bottom ul li:nth-child(3n){
	margin-right: 0px !important;
}
.advantage  .third_icon img{
	position: absolute;
	top: -40px;
	right: 132px;
	z-index: 1;
}
.third_icon{
	float: left;
	width:356px;
}

.third_bottom h3{
	color: #666666 !important;
	width:356px !important; 
	font-size: 16px;
	margin-top: 70px;
	margin-bottom: 20px;
}

.third_bottom p{
	color: #999999 !important;
	font-size: 12px !important;
}

.third_txt {
	padding:0 45px 0 45px;
	text-align: left;
}

/*.third_bottom ul  li:hover{
	background-color:rgba(0,129,255,0.5) !important;
	transition: all 0.4s ease 0s;
}

.third_bottom ul li:hover  h3{
	color:#FFFFFF !important;
}


.third_bottom ul li:hover  p{
	color:#FFFFFF !important;
}*/


.fr_title{
	margin-bottom: 40px;
}

.fr_title h3{
	font-size: 48px;
}


.fr_demo .fr_bmtxt p{
	font-size: 24px;
	letter-spacing: 2px;
}
.mt_40{
	/*margin-top:120px;*/
	margin-bottom: 80px;
	overflow: hidden;
	padding-top: 100px;
}

.fr_list{
	overflow: hidden;
	/*padding: 120px 80px 40px 120px;*/
}
.fr_list ul{
	width: 760px;
    display: inline-block;
    margin-top: 50px;
}
.fr_list ul li{
	text-align: center;
	width: 202px;
	height: auto;
	float: left;
	margin: 0 50px 20px 0;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.fr_list ul li p{
	font-size: 22px;
	margin-top: 20px;
}

.fr_list ul li img{
	width: 202px;
	height: 182px;
}



.join{
	width: 180px;
	height: 48px;
	/*background-color: #FFFFFF;*/
	line-height: 48px;
	overflow: hidden;
	border-radius: 50px;
	text-decoration: none;
	border: solid 2px #e1b37a;
	float: right;
	margin: 120px 120px 0 0;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.join a{
	font-size: 20px;
	display:block;
	text-decoration: none;
	color: #e1b37a;
	background: url(../images/2211.png) no-repeat 125px 15px;
	background-size:15%;
	text-align: left;
	text-indent: 1.8rem;
}

.ab_bg{
	width: 1200px;
	height: 567px !important;
	margin: 100px auto;
	text-align: left;
	overflow: hidden;
	height: 100%;
}
.ab_txt{
	overflow: hidden;
}
.ab_txt h3{
	display: inline-block;
	color: #666666;
	font-size: 36px;
	font-weight: normal;
	margin-bottom:48px;
}

.ab_brief{
	width: 650px;
}
.ab_brief p{
	font-size: 18px;
	line-height: 30px;
	color: #999999;
}

.ab_pd{
	/*padding: 140px;*/
}

.ab_logo{
	margin-bottom: 30px;
}


.ab_mt{
	/*margin: 240px 0px 40px 100px;*/
}
.fazlc{
margin: 0 0 0 30%;
}
.fazlc img{
	text-align: center;
	width: 626px;
	height:723px ;
}
.gy_heigt{
	height: 780px;
	overflow: hidden;
}



.footer{
	width: 100%;
	/*background-color: #3e3e3e;*/
	position: absolute;
	bottom:360px;
}


.ft_mgauto{
	width: 1200px;
	margin:0 auto;
	height: 200px;
}

.ft_mgauto ul{
	width: 370px;
	float: left;
	padding-top:40px;
	margin: 0 30px 0 0;
}

.ft_mgauto ul li{
	font-size: 16px;
	color: #000000;
	text-align: left;
	/*line-height: 30px;*/
	margin-bottom: 20px;
}
.ft_logo {
	margin-bottom: 15px;
}


/*.ft_mgauto span{
	display:inline-block;
	width: 1px;
	height:100px;
	float: left;
	background-color: #949494;
	margin-top: 55px;
	margin-right: 72px;
}*/
.ft_mgauto .ul_two{
	width: 300px;
	margin: 20px 10px 0 0;
}
.ul_two li img{
	margin-right: 20px;
	line-height: 1px;
	float: left;
}
.ft_mgauto .WeChat{
	width: 180px;
	/*background-color: #505050;*/
	/*float: right;*/
	height:200px ;
}

.erwm img{
	width: 146px;
	height: 146px;
	margin-bottom: 10px;
}
.erwm p{
	font-size: 18px;
}

.bein{
	margin-top: 10px;
}





/*CSS3*********动画设置*/

/*.Second_list ul li:hover{
-webkit-animation-name: wobble-to-bottom-right;
  animation-name: wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: all 0.4s ease 0s;
}

@-webkit-keyframes wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}*/











.downloads .dowbtn{
	width: 80px;
	height: 28px;
}
.downloads a:hover{
	-webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: all 0.4s ease 0s;
}
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


.fr_list ul li:hover{
	-webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: all 0.4s ease 0s;
}
.join:hover{
	-webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition: all 0.4s ease 0s;
}






















@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: translateZ(0);
	    transform: translateZ(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


.active .sencuElement {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}




















@-webkit-keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: translateZ(0);
    	transform: translateZ(0);
	}
}

@keyframes fadeInUp1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: translateZ(0);
    	transform: translateZ(0);
	}
}

.fadeInUp1 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


.active .sencuElement1 {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp1;
	animation-name: fadeInUp1
}






















@-webkit-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		 -webkit-transform: translateZ(0);
        transform: translateZ(0);
	}
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transform: translateZ(0);
        transform: translateZ(0);
	}
}

.fadeInUp2 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


.active .sencuElement2 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}













@-webkit-keyframes fadeInUp3 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp3 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp3 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


.active .sencuElement3 {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp3;
	animation-name: fadeInUp3
}














@-webkit-keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}


.active .Second_top {
	-webkit-animation-duration: 1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}





















.active .sec_title {
	-webkit-animation-duration: 1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

.active .thirdElement {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

.active .thirdElement1 {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInUp1;
	animation-name: bounceInUp1
}

.active .thirdElement2 {
	-webkit-animation-duration: 3s;
	animation-duration:3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInUp2;
	animation-name: bounceInUp2
}










































.active .bhsj,.active .bhgys {
	-webkit-animation-duration: 1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownBig1;
	animation-name: fadeInDownBig1
}

@-webkit-keyframes bounceInUp1 {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes bounceInUp1 {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.active .bounceInUp1 {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}



















@-webkit-keyframes bounceInUp2 {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes bounceInUp2 {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0);
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

.active .bounceInUp2 {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}















@-webkit-keyframes fadeInDownBig1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig1 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0);
	}

	100%{
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.active .fadeInDownBig1 {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}






















/*下载弹窗*/
 .Cover_up{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.4);
	display: none;
}
.Popup{
	width: 320px;
	height: 456px;
	background: url(../images/dw_bg.png) no-repeat;
	background-size: 100%;
	border-radius: 5px;
	position: absolute;
	z-index: 1111;
	top: 25%;
	left:40%;
	display: none;
}
.Popup1{
	width: 320px;
	height: 456px;
	background: url(../images/lg_bg.png) no-repeat;
	background-size: 100%;
	border-radius: 5px;
	position: absolute;
	z-index: 1111;
	top: 25%;
	left:40%;
	display: none;
}
.tc_logo{
	width: 320px;
	text-align: center;
	padding-top: 40px;
}

.WXicon{
	width: 320px;
	text-align: center;
	padding-top: 20px;
}
.WXicon img{
	width: 229px;
	height: 198px;
}






.Close img:hover{
	-webkit-animation:circle .5s;/*匀速 循环*/
}


@-webkit-keyframes circle{
	
0%{ transform:rotate(0deg); }
100%{ transform:rotate(180deg); }

}



.dwn_txt{
	width: 320px;
	text-align: center;
	margin-top: 15px;
}
.dwn_txt p{
	font-size: 20px;
	color: #070707;
	margin-bottom: 10px;
}
.dwn_txt h3{
	font-size: 24px;
	color: #070707;
}
.Close{
	position: absolute;
	top: 0;
	right:-50px;
	cursor: pointer;
}




.my_about{
	position: absolute;
	top: 40%;
}
.ul_two .dz img{
	overflow: hidden;
	float: left;
}

.logo1{

}
.logo1 img{
	float: left;
	margin-right: 20px;
}
.logo1 span{
	height: 40px;
	width: 2px;
	display:block;
	float: left;
	background-color: #000000;
	margin-right: 20px;
	margin-top: -6px;
}
.logo1 p{
	display: inline-block;
	float: left;
	color: #000000;
	font-size: 18px;
	text-align: center;
	letter-spacing: 2px;
}








 .advantage  li{
	width: 356px;
	height: 208px;
	float: left;
	position: relative;
}
.fr_demo1{
	width: 1200px;
	margin:170px auto;
}
.bhsj_content{
	width: 1200px;
	height: 663px;
	background-color: #FFFFFF;
	border-radius: 10px;
	-moz-box-shadow: 1px 0px 20px #ADADAD;
    -webkit-box-shadow: 1px 0px 20px #ADADAD;
    box-shadow: 1px 0px 20px #ADADAD;
}
.sj_title{
	height:264px;
	background: url(../images/sj_title.png) no-repeat center;
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: 0 0%;
	background-size: 100%;
}
.sj_title h3{
	font-size: 36px;
	margin-bottom: 20px;
}
.sj_title p{
	font-size: 24px;
}
.title_txt{
padding: 80px;
}
.sj_list {
	height:399px ;
	position: relative;
}
.sj_list ul  li{
	float: left;
	margin-right: 211px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.sj_list ul li:hover{
	background: url(../images/hv.png) no-repeat;
	background-size: 100%;
	
}

.sj_list ul  li:nth-child(3){
	margin-right: 0px;
}
.sj_list ul  li img{
	text-align: center;
}
.sj_icon{
	padding: 70px 0px 0 110px;
	height: 339px;
}
.more{
	width: 186px;
	height: 68px;
	line-height: 60px;
	text-align: center;
	display: block;
	background: url(../images/more.png) no-repeat center;
	background-size: 100%;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	position: absolute;
	bottom: 40px;
	left: 42%;
}
.more:hover{
	background: url(../images/btn_hv.png) no-repeat;
	transition: .4s;
}
.active .title_txt {
	-webkit-animation-duration: 2s;
	animation-duration:2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

.gh_list ul li{
	margin-right: 272px;
}
.gh_list ul li:hover{
	background: url(../images/gh_hv.png) no-repeat !important;
}
.fl_wd{
	width: 500px;
	float: left;
	margin-top: 140px;
}
.fr_img{
	float: right;
}
.foot_fr{
	width: 700px;
}
.WeChat{
	float: right !important;
}


/*媒体查询适配**CSS********/
@media screen and (max-width: 1600px){
	header nav {
    float: right;
    margin-top: 25px;
    display: inline-block;
}
.hd {
    margin: 0 200px;
    position: relative;
	}
	.fr_demo1 {
    width: 1200px;
    margin: 80px auto;
	}
	.fl_wd {
    width: 500px;
    float: left;
    margin-top: 100px;
	}
	.footer {
    width: 100%;
    position: absolute;
    bottom: 260px;
	}
}

.lg_btn{
	width: 320px;
	margin-top: 200px;
}
.lg_btn a{
	width: 233px;
    height: 70px;
    line-height: 60px;
    text-align: center;
    display: block;
    background: url(../images/lg_btn.png) no-repeat center;
    background-size: 100%;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    margin: auto;
    letter-spacing: 2px;
   /* text-shadow:0px 0px 4px #FF8400;*/
}
.lg_btn a:hover{
	background: url(../images/lg_btnhv.png) no-repeat center;
	transition: .4s;
}


.gh_list ul li p{
	color: #666666;
	font-size: 16px;
}