﻿html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{
				margin: 0;
				padding: 0;
			}
			body{
				font-family: "微软雅黑";	
			}
			ul, ol,li {
				list-style:none; 
			}
			input { 
				padding-top:0; 
				padding-bottom:0; 
			}
			
			#footer_info_left{
				margin-bottom: 6%;
			}
			.nav>li>a:focus, .nav>li>a:hover{
				background-color:transparent;
			}
			.panel-footer{
				background-color:#393939;
				margin-bottom: 30px;
				color: #92989f;
			}
			.panel-footer a{
				color:#92989f;
			}
			.panel-footer a:hover{
				text-decoration: none;
				color: #fff;
				cursor: pointer;
			}
			.panel-footer h4{
				color: #fff;
				margin: 10px auto;
			}
			.panel-footer .icon-bar li{
				float: left;
			
			}
			
			.panel-footer .fh5co-border{
				border-left: 1px solid #e5e5e5;
				border-right: 1px solid #e5e5e5;
			}
			
			.panel-footer .address li{
				display: inline-block;			
				margin: 0 10px;
			}
			#footer_info_right{
				padding-bottom: 2em;
			}
			#footer_info_right h3{
				padding-bottom: 0.5em;
				
			}
			#footer_info_right ul li{
				padding-bottom: 0.5em;
			}
			.box ul .text-info01 div{
					width: 100%;
					height: 1px;
					background: #fff;
					margin: 3% 0 3% 0;
				}
			
			/*轮播图样式*/
			


	.box ul{
		width: 500%;
		position: relative;
		left: 0;
		top: 0;
/*		margin-top: 4%;*/
	}
	.box ul li{
		
		float: left;
	}
	.box ol{
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		font-size: 0;
	}
	.box ol li{
		width: 15px;
		height: 15px;
		background: #fff;
		display: inline-block;
		margin-left:10px;
		border-radius: 50%;
		cursor: pointer;
	}
	.box ol .current{
		background: #ab5ceb;
	}
	.box .left{
		width: 37px;
		height: 27px;
		background: url(../images/otl.png) no-repeat left top;
		position: absolute;
		top:50%;
		left: 3%;		
		z-index: 10;
		cursor: pointer;
		display: none;
	
	}
	.box .right{
		width: 37px;
		height: 27px;
		background: url(../images/right.png) no-repeat left top;
		position: absolute;
		top:50%;		
		z-index: 10;
		cursor: pointer;
		left: auto;
		right: 3%;
		background-position: left bottom;
		display: none;
	}
	.box ul li:hover{
		display: block;
	}
	/*轮播图样式*/
			
			@media screen and (min-width: 1200px){
				.bar_banner1 .text-info01 h2{
					font-size: 38px;
					font-family: "微软雅黑";
				}
				#hardware .indo_text01{
					font-size: 47px;
					font-family: "微软雅黑";
					}
				#hardware .indo_text02{
					font-size: 23px;
					font-family: "微软雅黑";
					}
			
				#footer_info_left{
					padding-left:15%;
				}	
				.cooperation input{
				    width: 146%;
				   	margin-left: -44px;
				}
				#about_us .team01{
					width:53%;
					margin-bottom: 8%; 
				}
				
				#about_us .team02{
					width:46% 
				}
				#footer_info_left{
					padding-left:15%;
				}
				.panel-footer .wrap{
				    padding-top: 3%;
				}
				.panel-footer .fh5co-border{
					border-left: 1px solid #4d4d4d;
					border-right: 1px solid #4d4d4d;
				}
				.panel-footer .modal-footer .jing_hui{
					display: inline;
    				margin-bottom: 2%;
				}
				.panel-footer .modal-footer{
				    border-top: 1px solid #4d4d4d;
				}
				
				.box ul div h4{
					margin-top: 5%;
					font-size: 20px;
					font-family: "微软雅黑";
				}
				.box ul .text-info02{
					position: absolute;
				    top: 22%;
					left: 33%;
					color: #fff;
				}

				.box ul .text-info03 h1,.box ul .text-info01 h1{
					margin-bottom: 5%;
					font-family: "微软雅黑";
					font-size: 3em;
				}
				.box ul .text-info03{
					position: absolute;
				    top: 34%;
	    			left: 18%;
				}
				.box ul .text-info03 .text-infoimg1{
					margin-top: 24%;
				}
				
				.about_img{
				    margin-top: 0;
				}
				h2 {
				  font-size: 44px;
				  letter-spacing: 0.075em;
				}
				#downLoad_app{
					width: 10%;
				    height: 46%;
					background: #c862f6;	
				}
				
				#downLoad_app{
					position: absolute;
					bottom: 0;    
					right: 13%;
				}
				#software .left_nav,#top_rolling_btn{
					top:350px;
				}
				#software .software_imgs>li{
					height: 100%;
				}
				#hardware_top_rolling>li{
					height: 100%;
				}
				#dowebok .downImg{
					width: 38%;
					margin-left: 0%;
				}
				#dowebok .downImg01{
					width: 73%;
					margin-left: 60%;
					margin-top: -25%;
				}
					
			}			
			@media screen and (min-width: 992px) and (max-width: 1200px){
				#about_us .team01{
					width:53% 
				}
				.cooperation input{
					
					margin-left: -37px;
				}
				
				#about_us .team02{
					width:46% 
				}
				#footer_info_left{
					padding-left:15%;
				}
				.box ol {
				    position: absolute;
				    top: 14%;
				}
				.panel-footer .fh5co-border{
					border-left: 1px solid #e5e5e5;
					border-right: 1px solid #e5e5e5;
				}
				.panel-footer .modal-footer .jing_hui{
					display: inline;
				}
				.box ul .text-info01{
					position: absolute;
				    top: 40%;
					left: 20%;
				}
				.box ul div h4{
					margin-top: 5%;
					font-size: 20px;
					font-family: "微软雅黑";
				}
				.box ul .text-info03{
					position: absolute;
				    top: 32%;
	    			left: 23%;
				}
				.box ul .text-info03 .text-infoimg1{
					margin-top: 18%;
				}
			
				.about_img{
				    margin-top: 0;
				}
				h2 {
				  font-size: 39px;
				  font-family: "微软雅黑";
				}
				#downLoad_app{
					width: 13%;
				    height: 46%;
					background: #c862f6;	
				}
				
				#downLoad_app{
					position: absolute;
					bottom: 0;    
					right: 7%;
				}
				#software .left_nav,#top_rolling_btn{
					top:300px;
				}
				/*#software .software_imgs{
					height: 724px;
				}*/
				#software .software_imgs>li{
					height: 100%;
				}
				/*#hardware_top_rolling{
					height: 900px;
				}
				#hardware_top_rolling>li{
					height: 100%;
				}*/
				#dowebok .downImg{
					width: 33%;
					margin-left: 14%;
				}
				#dowebok .downImg01{
					width: 80%;
					margin-left: 57%;
					margin-top: -25%;
				}
			}
			@media screen and (min-width: 768px) and (max-width: 992px){
				
				#about_us .team01{
					width:100% ;
				}
				
				#about_us .team02_img{
					width:100%;
				}
				#about_us .team03_img{
					width:100%;
				}
				#footer_info_left{
					padding-left:12%;
				}
				.panel-footer .modal-footer img{
					margin-top: -22px;
					margin-left: 75%;
				}
				.panel-footer .fh5co-border{
				    border: 0;		
				}
				.box ul .text-info01{
					position: absolute;
				    top: 34%;
					left: 20%;
					right: 20%;
				}
				.box ul div h4{
					margin-top: 5%;
					font-size: 20px;
					font-family: "微软雅黑";
				}
				.box ul .text-info03{
					position: absolute;
				    top: 32%;
	    			left: 15%;
				}
				.box ul .text-info03 .text-infoimg1{
					margin-top: 18%;
				}
			
				.about_img{
				    margin-top: 0;
				}
				h2 {
				  font-size: 37px;
				  font-family: "微软雅黑";
				}
				#downLoad_app{
					width: 15%;
				    height: 47%;
					background: #c862f6;	
				}
				
				#downLoad_app{
					position: absolute;
					bottom: 0;    
					right: 5%;
				}
				
				#software .left_nav,#top_rolling_btn{
					top:200px;
				}
				/*#software .software_imgs{
					height: 624px;
				}*/
				#software .software_imgs>li{
					height: 100%;
				}
				/*#hardware_top_rolling{
					height: 900px;
				}
				#hardware_top_rolling>li,#hardware_top_rolling>li>div{
					height: 100%;
				}*/
				#dowebok .downImg{
					width: 38%;
					margin-left: 38%;
				}
				#dowebok .downImg01{
					width: 80%;
					margin-left: 113%;
					margin-top: -25%;
				}
			}
			@media screen and (max-width: 768px){
				#footer_info_left{
					padding-left:9%;	
				}
				.panel-footer .fh5co-border{
				    border: 0;		
				}
			

				.panel-footer .modal-footer .jing_hui{
				    margin-top: 10px;
    				margin-left: 40%;
				}
				.box ul .text-info01{
					position: absolute;
				    top: 22%;
					left: 10%;
					
				}
				.box ul .text-info01 h1{
					font-size: 10px;
					margin-top: 10%;
					font-family: "微软雅黑";
				}
				.box ul div h4{
					margin-top: 5%;
					font-size: 6px;
					font-family: "微软雅黑";
				}
				.box ul .text-info03{
					position: absolute;
				    top: 32%;
	    			left: 20%;
				}
				.box ul .text-info03 .text-infoimg1{
					margin-top: 18%;
				}
				.box ul .text-info03 h1{
					font-size: 10px;
					font-family: "微软雅黑";
				}
			
				.bar_banner1{
					margin-top: 18%;
				}
				.about_img{
				    margin-top: 19%;
				}
				h2 {
				  font-size: 18px;
				  font-family: "微软雅黑";
				}
				#software .left_nav,#top_rolling_btn{
					top:50%;
				}
			}

			.panel-footer{
				background-color:#393939;
				margin-bottom: 0;
				color: #92989f;
			}
			.panel-footer a{
				color:#92989f;
			}
			.panel-footer a:hover{
				text-decoration: none;
				color: #D46DFF;
				cursor: pointer;
			}
			.panel-footer h4{
				color: #fff;
				margin: 10px auto;
			    padding-bottom: 6%;
			}
			.panel-footer .icon-bar li{
				float: left;
			
			}
			
			.panel-footer .address li{
				display: inline-block;			
				margin: 0 10px;
			}
			#footer_info_right{
				padding-bottom: 2em;
			}
			#footer_info_right h3{
				padding-bottom: 0.5em;
				
			}
			#footer_info_right ul li{
				padding-bottom: 0.5em;
			}
			

/*首页样式文件*/

			.box img{
				width: 100%;
				height: 100%;
			}
			select, input {
				 vertical-align:middle;
				}
			select, input, textarea { 
				font-size:12px; 
				font-family: "微软雅黑";
				margin:0;
			}
			textarea { 
				resize:none; 
			} /*防止拖动*/
			img {
				border:0;	
				vertical-align:middle; 
				} 
			table { 
				border-collapse:
				collapse; 
			}
			#fh5co-header #navLogo{
			       /* height: 70px; */
				    max-width: 100%;
				    position: relative;
				    top: -8px;
			}
			/*#partners_a{
				position: absolute;
			    bottom: 0;
			    right: 9%;
			}*/
			
			/*#downLoad_app img{
				width: 38px;height: 33px;
				display: inline-block;
				position: relative;
				top: 20%;*/
			}
			#downLoad_app span{
				color: #fff;
				position: relative;
				top: 20%;
			}
			#slider ul li{
				background: url(../images/banner.jpg) no-repeat;
				height: 600px;
				background-position: ;
				background-size: cover;
			}
			.bar_banner1{
				/*height: 100%;
		/*	    margin-top: 4%;*/*/
			}
			.bar_banner2{
				background: #f9f9f9;
				/*margin: 0 0 1% 0;*/
				height: 100%;
				position: relative;
			}
			.bar_banner2 span:nth-of-type(2){
				margin-top: 4%;
			}
			.bar_banner2 span:nth-child(1){
				margin-top: 7%;
			    font-size: 32px;
			    margin-right: -2%;
			    line-height: 46px;
			    font-family: "微软雅黑";
			}
			.bar_banner2 .text_title{
				font-size: 16px;
				font-family: "微软雅黑";
			}
			.bar_banner2 .img_k li{
				margin-bottom: 10%;
			}
			.bar_banner3{
				height: 100%;
				background: #303841;
			/*	margin-top: -1%;*/
				/*margin-bottom: 3%;*/
			}
			.bar_banner3 .indo_text01{
				margin-top: 2%;
				font-size: 3rem;
				font-family: "微软雅黑";
				color: #ffc000;
			}
			.bar_banner3 .indo_text02{
				
				font-size: 1.4rem;
				font-family: "微软雅黑";
				color: #7d8d9c;
				
			}
			/*.bar_banner3 span{
				margin-bottom: 1%;
			}*/
			.bar_banner3 img{
				display: inline;
			}
			.bar_banner2 .left_bar li,.bar_banner3 .left_bar li{
				width: 15px;
				height: 15px;
				margin-bottom:10px;
				border-radius: 50%;
				cursor: pointer;
				background: #515356;
			}
			.bar_banner2 .left_bar li.active ,.bar_banner3 .left_bar li.active{
				border: 3px solid #c700ff;
				background: transparent;
			} 
			.container_service{
				/*margin: 3% auto; */*/
			    color: #555555;
			    background: url(../images/myService.jpg) no-repeat;
			    background-size: cover;
			    /* margin-top: -3%; */
			    height: inherit;
			}
			.fh5co-service{
				margin:3% auto;
				border: 1px solid #CA63F7;
				height: 25em;
			}
		
			.container_service h1{
				color: #0F0F0F;
				/*color: #333;*/
				margin: 3% auto;
			
			}
			.container_service .thumbnail{
				height: 24em;
				border: 0;
				background-color: rgba(255,255,255,0.5);
			}
			.container_service h4{
				margin: 1% auto;
				color: #333;
			}
			.container_service .fh5co_service{
				margin-top: 3%;
				margin-bottom: 3%;
			}
			.container .info a{
				color:#ffc22f;
			}
			.container .info a span{
				font-size: 22px;
				font-family: "微软雅黑";
			}
			.container .form .btn-primary{
				background: #ff9600;
				border: 0px;
				margin-top: 44%;
			}
			.container .form span{
				color:#fff;
			}
			.container_cooperation{
				padding: 3% 0 6% 0 ;
			}
			.container_cooperation h1{
				padding: 3%;
			}
			.container_cooperation img{
				display: inline-block;
				
			}
			
			#fh5co_login{
				background-color: rgba(60,60,60,0.8);
				padding: 3%;
			}
			#fh5co_login .col-sm-11{
				margin: 3% -4%;
			}
			.software .img_k img{
				margin: 0 auto;
				
			}
			#navbar ul{
				background-color: #fff;
				position: absolute;
			    right: 0;
			    top: 0;
			}
			#fh5co-header.navbar-fixed-top{
				/*background: transparent;*/
				box-shadow: none;
			}
			
			/*banner2修改样式*/
			#software .img_k .col-md-4{
				text-align: -webkit-center;
				text-align: -moz-center;
				margin-bottom: 8%;
			}
			#software .mabbox_title{
				margin-bottom: 5%;
			}
			#software .mabbox{
				border-bottom: 3px solid #d165f9;
			}
			.box ul li{
				position: relative;
			}
			#software .samllbanner_icon{
				margin: 5% 0;
			}
			
			
			/*banner3样式*/
			/*#hardware .top_rolling01{
				animation:myfirst 2s;
				position:relative;
				-moz-animation:myfirst 2s; 
				-webkit-animation:myfirst 2s; 
				-o-animation:myfirst 2s;
			}
			#my_service .fh5co_service .top_rolling01:hover{
				@keyframes myfirst
				{
				    0%   {top:0px;}
				    50%  {top:50px}
				    100% {bottom:0px;}
				}
			}*/
			#hardware{
				position: relative;
			}
			#top_rolling_btn{
				position: absolute;
			    top: 50%;
			    right: 20px;
			    text-align: right;
			}
			#hardware .top_rolling li{
				display: none;
			}
			#hardware .top_rolling .active{
				display: block;
			}
			
			/*我们的服务-效果*/
			/*#my_service .fh5co_service .one:hover{		
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}
			#my_service .fh5co_service .two:hover{
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}
			#my_service .fh5co_service .three:hover{
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}*/
			#software{
				position: relative;
				padding: 0;
			} 
			#software .sliderbox li{
				display: none;
			}
			#software .sliderbox .active{
				display: block;
			}
			#software .sbkaUl h4{
		    	margin: 20% 0 3% 0;
			}

			#photo{
				background-color: #e38ffb;
			}
			#photo p{
				font-family: "微软雅黑";
			    font-size: 20px;
				margin: 2% 0 3% 0;
				color:#fff;
					
			}
			#photo p:nth-child(1){
				font-family: "微软雅黑";
				font-size: 24px;
				margin-top: 3%;
			}
			
					
			/*#photo .container{
				padding-bottom: 4%;
			}*/
			#photo_tab{
				margin-top: 10%;
			}
			#photo_tab a:hover,#photo_tab a.active{
				background-color: transparent;
				color: #d46dff ;
			}
			#photo_tab a{
				color: #7f7f7f;
			}
			#software .photo_nav{
				background: #f9f9f9;
				padding-bottom: 10%;
			}
			#control .control_top{
			    /*margin-top: 0;*/
			}
			#control .control02,.control03,.control04,#control .control05{
				text-align: -moz-center;
				text-align: -webkit-center;
			}
			#control span{
				font-family: "微软雅黑";
				font-size: 1.5rem;
				color: #606060;
			}
			#control .control01 h4,#control .control03 h4{
				color: #606060;
				margin:15% 0 5% 0;
			}
			/*#control .control01 span{
				color: #606060;
				
			}*/
			#control .control02 h4{
				color: #d164fa;
				margin-bottom: 4%;
			}
			/*#control .control02 img{
				margin-top: 10%;
			}*/
			#control .control02 .znsz{
				margin-top: 16%;
			}
			/*#control .control03 img,#control .control04 img,#control .control05 img{
				display: inline-block;
				margin-top: 10%;
			}*/
			#control .control03 .control03_img{
				margin-right: 10%;
			}
			#control .control03 .content{
				margin-top: 10%;
			}
			#control .control04 h4{
				color: #02d1b1;
				margin-bottom: 4%;
			}
			#control .control04 .control04_img{
			    margin: 10% 10% 0% 10%;
			}
			#control .control04 .content{
				margin-top: 10%;
			}
			#control .control05 h4{
				color: #00c6ff;
				margin-bottom: 4%;
			}
			#control .control05 .content{
				margin-top: 15%;
				
			}
			#control_nav{
				border-top: 3px solid #d46dff;
				display: flex;
				justify-content: space-around;
			    border-bottom: 0px;
			}
			#control_nav a{
				display: inline;
				padding: 0;
				margin: 0;
				border-width: 0;
			}
			#control_nav a:hover,#control_nav a:active{
				    background-color: transparent;
				    border-width: 0;
			}
			#control_nav li div{
				height: 30px;
				width: 56px;
				margin: 0 auto;
				background: transparent no-repeat;
			    position: relative;
    			top: -3px;
			}
			#control_nav li.active div{
				background: url(../images/sj.png) no-repeat;
			}
			#control_nav li.active span{
				color: #d46dff;
			}
			#control_nav li img{
				margin: 0 auto;
				max-width: 40%;
				max-height: 40%;
			}
			#control_nav_content img{
				margin-top: 5%;
				display: inline;
			}
			#software .software_imgs li.active{
				display: block;
			}
			#software .software_imgs>li{
				display: none;
			}
			#software .left_nav{
				position: absolute;
			}
			
			/*#photo_tab_content li{
				display: block;
			}
			#photo_tab_content li.active{
				display: block;
			}*/
			
			@-webkit-keyframes showImg{
				0%  {
					top: -50px;
					opacity: 0;
				}
				100%{
					top: 0;
				}
			}
			.slider li.showAni01{
				display: block;
			}
			.slider li.showAni01 .row{
				-webkit-animation: showImg 1s ease;
				-moz-animation: showImg 1s ease;
				-ms-animation: showImg 1s ease;
				position: relative;
			}
			
			.slider li.showAni02{
				display: block;
			}
			.slider li.showAni02 .row{
				-webkit-animation: showImg 1s ease;
				-moz-animation: showImg 1s ease;
				-ms-animation: showImg 1s ease;
				position: relative;
			}
			.slider li.showAni03{
				display: block;
			}
			.slider li.showAni03 .row{
				-webkit-animation: showImg 1s ease;
				-moz-animation: showImg 1s ease;
				-ms-animation: showImg 1s ease;
				position: relative;
			}
			
			.slider li.showAni04{
				display: block;
			}
			.slider li.showAni04 .row{
				-webkit-animation: showImg 1s ease;
				-moz-animation: showImg 1s ease;
				-ms-animation: showImg 1s ease;
				position: relative;
			}
			
			@-webkit-keyframes showFontleft{
				0%  {
					left: -500px;
					opacity: 0;
				}
				100%{
					left: 0;
				}
			}
			/*.slider .indo_text01{
				-webkit-animation: showFontleft 2s ease;
				-moz-animation: showFontleft 2s ease;
				-ms-animation: showFontleft 2s ease;
				position: relative;
			}*/
			@-webkit-keyframes showFontright{
				0%  {
					right: -500px;
					opacity: 0;
				}
				100%{
					right: 0;
				}
			}
			
			/*.slider .indo_text02{
				-webkit-animation: showFontright 2s ease;
				-moz-animation: showFontright 2s ease;
				-ms-animation: showFontright 2s ease;
				position: relative;
			}*/
			.slider li.showAni01{
				display: block;
			}
			
			
			
			
			
			#hardware_top_rolling .top_rolling01{
				text-align: center;
				margin-top: 3%;
			}
			#hardware_top_rolling .top_rolling02{
				margin-top: 3%;
			}
			#hardware_top_rolling .top_rolling03{
				margin-top: 3%;
			}
			#hardware_top_rolling .top_rolling04{
				margin-top: 3%;
			}
			#software .left_nav{
				position: absolute;
				right: 6px;
			/*top: 50%;*/
			}
			#software .left_nav li{
				width: 15px;
				height: 15px;
				margin-bottom: 10px;
				border-radius: 50%;
				cursor: pointer;
				border: 3px solid #bfbfbf;
			}
			#software .left_nav .active{
				background:#f001ff;
				border: 0;
			}
			/*#software .photo_tab_content .container{
				padding-top: 4%;
			}*/
			#photo .photo_sz{
				padding-bottom: 7%;
				margin-top: 6%;
			}
			#software .photo_tab_content p{
			    margin: 8% 6% 4% 8%;
			}
			#photo img{
				display:inline-block;
				margin-right: 1%;
			}
			#photo .photo_sz01:hover{		
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}
			#photo .photo_sz02:hover{
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}
			#photo .photo_sz03:hover{
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}
			#photo .photo_sz04:hover{
				transform: scale(1.2);
			    transition: all 1s ease 0s;
			    -webkit-transform: scale(1.2);
			    -webkit-transform: all 1s ease 0s;
			    -moz-transform: scale(1.2);
			    -moz-transform: all 1s ease 0s;
			}
			/*合作邀约*/ 
			.cooperation {
				background:rgba(60,60,60,0.9);
				padding-bottom:60px;
				font-family: "微软雅黑";
				position: relative;
   /* 			bottom: -6%;*/
			}
			.container-fluid{
				padding-left: 0px;
				padding-right: 0px;
			}
			.cooperation p {
				font-family: "微软雅黑";
				margin-top:30px;
				color:#fdc32e;
				font-size:30px;
				margin-bottom:20px;
				
			}
			.cooperation h4 {
				color:#FFFFFF;
				font-size:23px;
				line-height:31px;
				font-family: "微软雅黑";
				width:100%;
			}
			.cooperation input {
				width:100%;
				border:1px solid #FFFFFF;
				background:none;
				border-radius:2px;
				color:#ffffff;
				height:33px;
				font-size:13px;
				font-family: "微软雅黑";
			}
			.cooperation .submit-input {
				background:#ff9700;
				color:#FFFFFF;
				border:1px solid #ff9700;
				font-size:23px;
				line-height:23px;
				font-family: "微软雅黑";
			}
			.cooperation .submit768 {
				width:100%;
				margin-top:20px;
				margin-bottom: 20px;
			}
			/*合作邀约end*/
			 .margin0auto {
				margin:0 auto;
			}
			.padding0{
				padding: 0;
			}
			#a2 .yi01{
				margin-top: 10%;
			}
			#a2 .q09{
				    margin-top: 18%;
			}
			#a2 .yi02{
				    margin-top: 28%;
			}
			
			/*banner2  -第二张-图片动画*/
			@keyframes showRotal{
				0% {
    				margin-left: -1000px;
    				opacity: 0;
    /*/*				transform: rotate(-360deg);旋转*/
				}
				100%{
    				opacity: 1;
				}
			}
			/*文字动画*/
			@keyframes showFontd{
				0% {
    				margin-left: -1000px;
    				opacity: 0;
    			}
				100%{
    				opacity: 1;
				}
			}
			/*标题动画*/
			@keyframes showtTitile{
				0%  {
					top: -100px;
					opacity: 0;
				}
				100%{
					top: 0;
				}
			}

			@keyframes topbottom90{
				0%  {
					top:-72px;
				}
				100%{
					top:0;
				}
			}
			@keyframes bottomtop90{
				0%  {
					top:0;
				}
				100%{
				
					top:-72px;
				}
			}
			/*导航动画*/
			#fh5co-header.navbar-fixed-top{
			display: block;
			background: none;
			position: fixed;
			top: 0;
			left: 0;
			}
			.shown{
				position: absolute; 
				width: 100%;
				height: 100%;
				left:0; 
				top:-72px; 
				display: none;
				background: #FFF;
				box-shadow: 0 1px 1px rgba(136, 136, 136, 0.3)
			}
			
			.show0 {
			   top:0!important; 

				}
			.bottomtop90{
				-webkit-animation: bottomtop90 1s ease;
				-moz-animation: bottomtop90 1s ease;
				-ms-animation: bottomtop90 1s ease;
				position: relative;
			}
			.topbottom90{
				-webkit-animation: topbottom90 1s ease;
				-moz-animation: topbottom90 1s ease;
				-ms-animation: topbottom90 1s ease;
				position: relative;
			}
			.slowShow{
				-webkit-animation: slowShow 1s ease;
				-moz-animation: slowShow 1s ease;
				-ms-animation: slowShow 1s ease;
				position: relative;
			}
			.slowHidden{
				-webkit-animation: slowHidden 1s ease;
				-moz-animation: slowHidden 1s ease;
				-ms-animation: slowHidden 1s ease;
				position: relative;
			}

			.photo_sz p{
				-webkit-animation: showtTitile 2s ease;
				-moz-animation: showtTitile 2s ease;
				-ms-animation: showtTitile 2s ease;
				position: relative;
			}
			.showRotal1{
				animation: showRotal 1s 0.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			.showRotal2{
				animation: showRotal 1s 1s;
				animation-fill-mode:forwards;
    				opacity: 0;
			}
			.showRotal3{
				animation: showRotal 1s 1.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
			}
			.showRotal4{
				animation: showRotal 1s 2s;
				animation-fill-mode:forwards;
    				opacity: 0;
			}
			/*文字动画*/
			.photo_sz01 p{
				animation: showFontd 1s 2.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			.photo_sz02 p{
				animation: showFontd 1s 3s;
				animation-fill-mode:forwards;
    				opacity: 0;
			}
			.photo_sz03 p{
				animation: showFontd 1s 3.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
			}
			.photo_sz04 p{
				animation: showFontd 1s 4s;
				animation-fill-mode:forwards;
    				opacity: 0;
			}
			/*操控动画-start*/
			#a2 .yi01,#c2 .yi04,#e2 .yi06,.leftRight{
				animation:yi01 1.5s ;
				position: relative;
				-moz-animation:yi01 1.5s; 
				-webkit-animation:yi01 1.5s; 
				-o-animation:yi01 1.5s;
				opacity: 1;
				
				
			}
			@keyframes yi01{
			    0%  {right:500px;opacity: 0;}
			    100% {right:0px;opacity: 1;}
			}
			#a2 .yi02,#b2 .yi03,#d2 .yi05,.rightLeft{
				animation:yi02 1.5s ;
				position: relative;
				-moz-animation:yi02 1.5s; 
				-webkit-animation:yi02 1.5s; 
				-o-animation:yi02 1.5s;
				opacity: 1;
				
			}
			@keyframes yi02{
			    0%  {left:500px;opacity: 0;}
			    100% {left:0px;opacity: 1;}
			}
			#a2 .q09,#b2 h4,#b2 label,#c2 h4,#c2 label,#d2 h4,#d2 label,#e2 h4,#e2 label,.TopBottom{
				animation:q09 1.5s;
				position: relative;
				-moz-animation:q09 1.5s; 
				-webkit-animation:q09 1.5s; 
				-o-animation:q09 1.5s;
				font-weight: 400;
				opacity: 1;
		
			}
			@keyframes q09{
			    0%  {bottom:150px;opacity: 0;}
			    100% {bottom:0px;opacity: 1;}
			}
			
			#b2 .q08,#c2 .q06,#d2 img,#e2 img,.bottomtop{
				animation:cont 1.5s;
				position: relative;
				-moz-animation:cont 1.5s; 
				-webkit-animation:cont 1.5s; 
				-o-animation:cont 1.5s;
				font-weight: 400;
			}
			@keyframes cont{
			    0%  {bottom:-100px;opacity: 0;}
			    100% {bottom:0px;opacity: 1;}
			}
			
			
			.TopBottom1{
				animation: TopBottom1 1s 1s;
				animation-fill-mode:forwards;
    			opacity: 0;
				
			}
			@keyframes TopBottom1{
			    0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			
			.TopBottom2{
				animation: TopBottom2 1s 1.5s;
				animation-fill-mode:forwards;
    			opacity: 0;
				
			}
			@keyframes TopBottom2{
			    0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			.TopBottom3{
				animation: TopBottom3 1s 2s;
				animation-fill-mode:forwards;
    			opacity: 0;
				
			}
			@keyframes TopBottom3{
			    0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			.TopBottom4{
				animation: TopBottom4 1s 2.5s;
				animation-fill-mode:forwards;
    			opacity: 0;
				
			}
			@keyframes TopBottom4{
			    0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			
			
			
			/*操控动画-end*/
			
			/*banner2第三页淡入效果开始*/
			#software .photo_tab_content{
				animation: op 2s;
				position: relative;
				-moz-animation:op 2s; 
				-webkit-animation:op 2s; 
				-o-animation:op 2s;
			}
			@keyframes op{
			    0%  {opacity: 0;}
			    100% {opacity: 1;}
			}
			#partners .hz01{
				animation: hz01 1s 0.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz01{
				0% {
    				margin-left: -1000px;
    				opacity: 0;
    				transform: rotate(-360deg);
				}
				100%{
    				opacity: 1;
				}
			}
			/*banner2第三页淡入效果结束*/
			
			/*合作伙伴动画-开始*/
			#partners .hz1{
				animation: hz1 1s 0.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz1{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz2{
				animation: hz2 1s 1s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz2{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz3{
				animation: hz3 1s 1.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz3{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz4{
				animation: hz4 1s 2s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz4{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz5{
				animation: hz5 1s 2.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz5{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz6{
				animation: hz6 1s 3s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz6{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz7{
				animation: hz7 1s 3.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz7{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz8{
				animation: hz8 1s 4s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz8{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz9{
				animation: hz9 1s 4.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz9{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz10{
				animation: hz10 1s 5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz10{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz11{
				animation: hz11 1s 5.5s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz11{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			#partners .hz12{
				animation: hz12 1s 6s;
				animation-fill-mode:forwards;
    				opacity: 0;
				
			}
			@keyframes hz12{
				0% {
    				margin-left: -200px;
    				opacity: 0;
    				/*transform: rotate(-360deg);*/
				}
				100%{
    				opacity: 1;
				}
			}
			/*合作伙伴动画-结束*/
			.fontsize14{
				font-size: 14px;
				font-family: "微软雅黑";
			}

			.scrollUp img{
					width: 50px;
					height: 50px;
					position: fixed;
					bottom: 6%;
					right: 2%;
					background: rgba(136, 136, 136, 0.5);
					z-index: 999;
					border-radius:50% ;
			}
			.scrollUp img:hover{
				
					background: #d46dff;
					
			}
		.download{
			position: absolute;
			top: 81px;
			right: 5%;
			z-index: 999;
			font-family: "微软雅黑";
			text-align: center;
		
			
		}
		.download span{
			font-family: "微软雅黑";
			font-size: 19px;
			vertical-align:middle ;
			color: #fff;
			
		}
		.download a{
			padding:13px 16px;
			height: 5%;
			background:#c862f6 ;
		}
		.download img{
			width: 38px;
			height: 32px;
			
		}
		.showImg{
			background: url(../images/qa01.png);
		}
		.subSucess{
			position: absolute;
		    top: 27px;
    		right: 65px;
    		/*px;*/
			
		}
		.subSucess h2{
			color:#f2bd34;
			line-height: 58px;
			font-size: 34px;
			font-family: "微软雅黑";
		}
		.subSucess h3{
		/*	color:#484a4e;*/
		color: #a4a0a4;
		font-size: 27px;
		font-family: "微软雅黑";
			
		}
		