@charset "utf-8";
.banner{
	margin-bottom: 40px;
	background: url('../images/companyInfor2.jpg') no-repeat center;
}
/*--标题Tab--*/
.companyProfile{
	height: 650px;	
}
.companyProfile,.productMeaning,.productShow{
	padding-top: 40px;
}
.companyProfileTitle,.productInforTitle,.productMeaningTitle{
	width: 40%;
	display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /*for ie9*/
    border-bottom: 1px solid #ccc;
    justify-content: center;
    margin: 0 auto 48px auto;
    display: table;
}
.companyProfileTitleDetails,.productInforTitleDetails,.productMeaningTitleDetails{
    width: 65%;
    text-align: center;
    margin-left: 50%;
    transform: translate(-50%,3px);
    -moz-transform: translate(-50%,3px);
    -ms-transform: translate(-50%,3px);
    -o-transform: translate(-50%,3px);
    -webkit-transform: translate(-50%,2px);
    border-bottom: 3px solid #478ae5;;
    font-size: 24px;
    color: #666;
    padding-bottom: 20px;
}
.productInforTitle{
	margin-bottom: 30px;
}
.smallFont{
	font-size: 14px;
	color:#999;
}
.productInforP{
	text-align: center;
}
.productInforP1{
	margin-bottom: 40px;
}
/***************************************************************产品简介页面*******************************************************/
.productInforImg{
	position: relative;
}
.cloud{
	position: absolute;
    left: 14.5%;
    top: 50px;
    animation: "cloud" 2s infinite linear;
	-webkit-animation: "cloud" 2s infinite linear;
	-moz-animation: "cloud" 2s infinite linear;
	-o-animation: "cloud" 2s infinite linear;
}
.arrows{
	position: absolute;
    top: 185px;
    width: 30%;
    left: 16%;
    color:#4581d3;
}
.arrowLine{
	position: absolute;
    top: 341px;
    width: 29%;
    left: 17.11%;
    height: 1px;
    border-bottom: 2px solid #79a3dd;
}
.circle{
	position: absolute;
	width: 144px;
	height: 144px;
    left: 45.77%;
	border: 2px dashed  #4581d3;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius:50%;
	/*animation: "loading" 6s infinite linear;
	-webkit-animation: "loading" 6s infinite linear;
	-moz-animation: "loading" 6s infinite linear;
	-o-animation: "loading" 6s infinite linear;*/
}
.circle1{
    top: 30px;
}
.circle2{
	top: 290px;
}
.article1{
	position: absolute;
	width: 11%;
	height: 222px;
	top: 385px;
    left: 17.3%;
	color:#666;
	font-size:20px;
	text-align: center;
	border: 2px dashed #4581d3;
}
.article1 p{
    margin: 10px 0;
}
.article1Border{
	position: absolute;
    width: 20%;
    height: 72px;
    top: 416px;
    left: 28.1%;
    border-bottom: 2px solid #79a3dd;
    border-right: 2px solid #79a3dd;
}
.productInfor{
	margin-top: -40px;
	padding: 40px 0;
	background-color: #f3f3f3;
}
.productInforImg .lift {
    margin: 0 38%;
}
.rightTitle1{
    position: absolute;
    top: 65px;
    left: 65%;
    font-size: 20px;
    color: #666;
}
.rightLine0{
    width: 7%;
    height: 1px;
    position: absolute;
    left: 58%;
    top: 80px;
	border-bottom: 2px solid  #79a3dd;
}
.rightLine1{
    width: 13%;
    height: 1px;
    position: absolute;
    left: 56.1%;
    top: 180px;
	border-bottom: 2px solid  #79a3dd;
	transform: rotate(30deg);
	-ms-transform:rotate(30deg); 	/* IE 9 */
	-moz-transform:rotate(30deg); 	/* Firefox */
	-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
	-o-transform:rotate(30deg); 	/* Opera */
}
.rightLine2{
    width: 9.8%;
    height: 1px;
    position: absolute;
    left: 58.3%;
    top: 370px;
	border-bottom: 2px solid  #79a3dd;
}
.article2{
	position: absolute;
    width: 18%;
    height: 366px;
    top: 190px;
    left: 68%;
    font-size: 20px;
    text-align: center;
    border: 2px dashed #4581d3;
	
}
.rightTitle2{
	margin-top: 25px;
}
.rightLine{
	margin-top: 14px;
	width: 0px;
	height: 220px;
	margin-left: 50%;
	border-left: 2px dashed #4581d3;
}
.lightning,.wifi{
	position: absolute;
	left: 45%;
}
.lightning1{
    top: 88px;
}
.wifi{
    left: 36%;
    top: 146px;
    z-index:99; 
}
.lightning2{
    top: 234px;
}
.rightTitle3{
	margin-top: 14px;
}
/*产品介绍图片部分*/
.liLine{
    margin: 14px 5% 0 2%;
}
.imaginaryLine{
	width: 0px;
	height: 124px;
	border-left:1px dashed  #4581d3;
    margin-left: 45%;
    animation: "loading" 4s infinite linear;
	-webkit-animation: "imaginaryLine" 4s infinite linear;
	-moz-animation: "imaginaryLine" 4s infinite linear;
	-o-animation: "imaginaryLine" 4s infinite linear;
}
/*动画兼容性*/
/*云动画*/
@keyframes "cloud"{
	0% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
	50% {
		transform:translate(0, -15px);
		-webkit-transform:translate(0, -15px);
		-moz-transform: translate(0, -15px);
		-ms-transform: translate(0, -15px);
		-o-transform: translate(0,-15px);
	}
	100% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
}
@-webkit-keyframes "cloud"{
	0% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
	50% {
		transform:translate(0, -15px);
		-webkit-transform:translate(0, -15px);
		-moz-transform: translate(0, -15px);
		-ms-transform: translate(0, -15px);
		-o-transform: translate(0,-15px);
	}
	100% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
}
@-moz-keyframes "cloud"{
	0% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
	50% {
		transform:translate(0, -15px);
		-webkit-transform:translate(0, -15px);
		-moz-transform: translate(0, -15px);
		-ms-transform: translate(0, -15px);
		-o-transform: translate(0,-15px);
	}
	100% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
}
@-o-keyframes"cloud"{
	0% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
	50% {
		transform:translate(0, -15px);
		-webkit-transform:translate(0, -15px);
		-moz-transform: translate(0, -15px);
		-ms-transform: translate(0, -15px);
		-o-transform: translate(0,-15px);
	}
	100% {
		transform:translate(0, 0px);
		-webkit-transform:translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
	}
}
/*箭头动画*/
@keyframes "imaginaryLine"{
	/*0%   {height:124px}
	25%  {height:31px}
	50%  {height:63px}
	75%  {height:95px}
	100% {height:124px}*/
}
@-webkit-keyframes "imaginaryLine"{
	/*0%   {height:124px}
	25%  {height:31px}
	50%  {height:63px}
	75%  {height:95px}
	100% {height:124px}*/
}
@-moz-keyframes "imaginaryLine"{
	/*0%   {height:124px}
	25%  {height:31px}
	50%  {height:63px}
	75%  {height:95px}
	100% {height:124px}*/
}
@-o-keyframes "imaginaryLine"{
	/*0%   {height:124px}
	25%  {height:31px}
	50%  {height:63px}
	75%  {height:95px}
	100% {height:124px}*/
}
/*圆圈动画*/
@keyframes "loading"{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes "loading"{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes "loading"{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-o-keyframes "loading"{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
/***************************************************************产品意义页面*******************************************************/
.productMeaningList{
	margin-left: 2%;
}
.productLi{
	text-align: center;
	border: 1px solid #ddd;
	height: 428px;
    width: 24%;
    margin-right: 1%;
	float: left;
}
.productLi:hover{
	-webkit-box-shadow:-1px 4px 20px #e6e6e6;
	box-shadow:-1px 4px 20px #e6e6e6;
	-moz-box-shadow:-1px 4px 20px #e6e6e6;
}
.productLi h3{
    margin-bottom: 24px;
}
.productMeaningList .img{
	margin-top: 50px;
	height: 100px;
	width:100px;
	background-size: 100% 100%;  
  	-moz-background-size: 100% 100%;  
  	-webkit-background-size: 100% 100%;  
  	margin: 50px 35% 24px 35%;
  
}
.img1{
	background: url('../images/cpzx_icon1.png') no-repeat center;
}
.img2{
	background: url('../images/cpzx_icon2.png') no-repeat center;
}
.img3{
	background: url('../images/cpzx_icon3.png') no-repeat center;
}
.img4{
	background: url('../images/cpzx_icon4.png') no-repeat center;
}
.img1_{
	background: url('../images/cpzx_icon1_1.png') no-repeat center;
}
.img2_{
	background: url('../images/cpzx_icon2_1.png') no-repeat center;
}
.img3_{
	background: url('../images/cpzx_icon3_1.png') no-repeat center;
}
.img4_{
	background: url('../images/cpzx_icon4_1.png') no-repeat center;
}
/******************************平台展示页面********************************/
/*.productShow{
	margin-top: 40px;
}*/
.productShow0{
	height: 458px;
  	margin-bottom: 8px;
}
.productShow1{
	background: url(../images/ptzs_pic2.png) no-repeat;
	background-size: 100% 100%;  
  	-moz-background-size: 100% 100%;  
  	-webkit-background-size: 100% 100%;  
}
.productShow2{
	background: url(../images/ptzs_pic3.png) no-repeat;
	background-size: 100% 100%;  
  	-moz-background-size: 100% 100%;  
  	-webkit-background-size: 100% 100%;  
}
.productShow3{
	background: url(../images/ptzs_pic1.png) no-repeat;
	background-size: 100% 100%;  
  	-moz-background-size: 100% 100%;  
  	-webkit-background-size: 100% 100%;  
}
.productShow4{
	background: url(../images/ptzs_pic4.png) no-repeat;
	background-size: 100% 100%;  
  	-moz-background-size: 100% 100%;  
  	-webkit-background-size: 100% 100%;  
    margin-bottom: 56px;
}
.productPlatformContent{
	/*width: 50%;*/
    padding-top: 130px;
}
.productPlatformContent1,.productPlatformContent3{ 
    margin-left: 10%;
}
.productPlatformContent2,.productPlatformContent4{
    margin-left: 65%;
}
.productShowTitle{
	font-size: 22px;
	color:#478AE5;
	margin-bottom: 20px;
}
 .productPlatformContent4{
	padding-right:50px;
}
/*************************************************屏幕适配**************************************************/
/*产品功能*/
/*@media only screen and (max-width:1099px ) {
	.functionContentTitle {
    	margin-left: 8%;
	}
}*/