*{
		margin: 0;
		padding: 0;
	}
	body{
		position: relative;
		overflow: hidden;
	}
	canvas{
		position: absolute;
	}
	.all{
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.all_top{
		width: 100%;
		height: 80px;
		text-align: center;
		position:absolute;
		z-index: 999999;
	}
	.all_top_content{
		width: 60%;
		height: 100%;
		display: inline-block;
	}
	.all_top_content .ul_all{
		width: 100%;
		height: 100%;
		list-style: none;
	}
	.all_top_content .ul_all .left{
		width: 25%;
		height: 100%;
		float: left;
		position: relative;
	}
	.all_top_content .ul_all .right{
		width: 70%;
		height: 100%;
		float: right;
	}
	.all_top_content .ul_all .left img{
		position: absolute;
		margin: auto;
		top:0;
		bottom:0;
		left:0;
	}
	.all_top_content .ul_all .left span{
		color:#ffffff;
		display: inline-block;
		line-height: 80px;
		/* margin-left: 35%; */
		font-size: 1.2em;
		position: absolute;
		margin: auto;
		top:0;
		bottom:0;
		left:60%;
	}
	.all_top_content .ul_all .right ul{
		width: 100%;
		height: 100%;
		list-style: none;
	}
	.all_top_content .ul_all .right ul li{
		width: 16%;
		height: 100%;
		float: right;
		color:#ffffff;
		line-height: 80px;
		cursor: pointer;
	}
	.all_top_content .ul_all .right ul li span{
		display: inline-block;
		height: 100%;
	}
	.all_top_content .ul_all .right ul li .cho{
		color:#00abe9;
		border-bottom:1px #00abe9 solid;
	}
	.all_top_content .ul_all .right ul li .cho1{
		color:#ffffff;
		border-bottom:1px #ffffff solid;
	}
	.content{
		width: 100%;
		background:transparent; 
		position: absolute;
		margin-top: 80px;
		z-index: 999;
		height:calc(100vh * 0.92);
	}
	 .content .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        background:transparent;
    }
    .content .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background:transparent; 
        color:#ffffff;
    }
   	.content .five_div{
   		display: block;
   	}
   	 .content .two_div{
   		display: block;
   	}
   	.content .five_div>div{
   		margin-top: 20px;
   	}
    .right_content{
    	width: 50px;
    	height: 200px;
    	position: fixed;
    	bottom:20px;
    	right:0;
    	z-index: 999999;
    }
     .right_content ul{
     	width: 100%;
     	height: 100%;
     	list-style:none;
     }
      .right_content ul li{
      	width: 100%;
      	height: 34px;
      	margin-top: 10px;
      	position: relative;
      }
      .right_content ul li{
      	background-position: 100% auto;
      	background: no-repeat right;
      }
      .right_content ul .one{
      /* 	background: url("../img/icon1.png") no-repeat right; */
      }
      .right_content ul .two{
      	/* background: url("../img/icon2.png") no-repeat right; */
      }
      .right_content ul .three{
      	/* background: url("../img/icon3.png") no-repeat right; */
      }
      .right_content ul .four{
      	/* background: url("../img/icon4.png") no-repeat right; */
      }
      /* 内容第一模块  start */
      .one_div_all{
      	width: 60%;
      	height: auto;
      	position: absolute;
      	margin: auto;
      	left:0;
      	right:0;
      	top:0;
      	bottom:0;
      	position: relative;
      }
       .one_div_all p{
	      	font-size: 2em;
	      	color:#ffffff;
	      	display: inline-block;
	      	width: 100%;
	      	height: 120px;
	      	line-height: 120px;
      	}
      .one_div_all .banner{
      	width: 100%;
      	height: 70%;
      	top:100px;
     }
    .banner .swiper-container {
        width: 100%;
        height: 100%;
    }
     .banner .swiper-container .swiper-wrapper{
     	height: 92%;
     }
   .banner .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
         background: transparent;
    }
    .banner .swiper-slide img{
    	  width: 100%;
    	  height: 100%;
    }
    .banner .swiper-pagination-bullet{
     	background-color: transparent;
     	border:2px #ffffff solid;
    }
    .banner .swiper-pagination-bullet-active{
    	background-color: #e26e6e;
    }
    /* 内容第一模块  end */
    /* 内容第二模块  start */
    .two_div_all{
    	width: 60%;
      	height: 80%;
      	position: absolute;
      	margin: auto;
      	left:0;
      	right:0;
      	bottom:0;
      	background:url("../img/img2.png") bottom no-repeat;
      	background-size:auto 100%;
    }
    .two_div_all div{
    	width: 50px;
    	height: 50px;
    	position: absolute;
    	margin: auto;
    	background: url("../img/img3.png") no-repeat center;
    	background-size:auto 100%;
    	cursor: pointer;
    	display: none;
    }
 .two_div_all div{
  -webkit-animation: bglow .3s ease infinite;
}
 
@-webkit-keyframes bglow {
  0% {
    opacity: 0.5;
  }
}

    .two_div_all .one{
    	top:18%;
    	/* left:32%; */
    	
    }
     .two_div_all .two{
    	top:12%;
    /* 	left:25%; */
    	
    }
     .two_div_all .three{
    	top:33%;
    	/* right:32%; */
    	
    }
     .two_div_all .four{
    	top:25%;
    	/* right:25%; */
    	
    }
       .two_div_all .five{
    	top:53%;
    	/* right:25%; */
    	
    }
     .two_div_all .six{
    	top:42%;
    	/* right:25%; */
    	
    }
      .two_div_all .seven{
    	top:65%;
    	/* right:25%; */
    	
    }
     .two_div_all .eight{
    	top:58%;
    	/* right:25%; */
    	
    }
    	/* 产品介绍 start */
    	.productInfo{
    		width: 200px;
    		height: auto;
    		position: fixed;
    		z-index: 999999;
    		display: none;
    	}
    	.productInfo .div_top{
    		width: 100%;
    		height: auto;
    		background-color: #0786bd;
    		color:#ffffff;
    		text-align: center;
    	}
    	.productInfo .div_top p{
    		display: inline-block;
    		width: 100%;
    		line-height: 40px;
    		height:40px;
    		font-size: 1.2em;
    		text-align: center;
    	}
    	.productInfo .div_top .info{
    		display: inline-block;
    		width: 90%;
    		text-align: left;
    		margin-top: 5px;
    		line-height: 25px;
    	}
    	.productInfo .div_top p span{
    		display: inline-block;
    		height: 100%;
    		width:60%;
    		border-bottom:1px #ffffff solid;
    	}
    	.productInfo .div_bottom{
    		width: 100%;
    		height: 38px;
    		background-color: #ffffff;
    		color:#0786bd;
    		line-height: 38px;
    		text-align: center;
    		cursor: pointer;
    	}
    	/* 产品介绍 end */
    	/*申请试用 start*/
    	.apply{
    		width: 330px;
    		height: 300px;
    		position: fixed;
    		z-index: 999999;
    		border-radius:5px;
    		background-color: #f5f5f5;
    		text-align: center;
    		display: none;
    	}
    	.apply p{
    		display: inline-block;
    		width: 90%;
    		height: 40px;
    		line-height: 40px;
    		text-align: left;
    		border-bottom:1px #e6e6e6 solid;
    	}
    	.apply div{
    		width: 100%;
    		height: 60px;
    		text-align: center;
    	}
    	.apply .one_div{
    		margin-top: 10px;
    	}
    	.apply div input{
    		width: 80%;
    		height:40px;
    		border:1px #268cc1 solid;
    		display: inline-block;
    		margin-top: 10px;
    		border-radius:5px;
    	}
    	.apply .btn{
    		display:inline-block;
    		width: 80%;
    	}
    	.apply .btn div{
    		height: 40px;
    		width: 40%;
    		border-radius:5px;
    		margin-top: 10px;
    		line-height: 40px;
    	}
    	.apply .btn .no{
    		float: left;
    		color:#666666;
    		border:1px #d9d9d9 solid;
    		cursor: pointer;
    	}
    	.apply .btn .ok{
    		float: right;
    		background-color: #2f91c3;
    		color:#ffffff;
    		cursor: pointer;
    	}
    	/*申请试用 end*/
    /* 内容第二模块  end */
    /* 内容第三模块  start */
    .three_div_all{
    	height:80%;
    	display: inline-block;
    	width:calc(100vw * 0.7);
    	
    }
     .three_div_all .left{
     	width: 6%;
     	height: 100%;
     	float: left;
     	background: url("../img/img4.png") no-repeat center;
     	background-size:auto 100%;
     }
     .three_div_all .right{
     	width: 92%;
     	height: 100%;
     	float: right;
     }
     .three_div_all .right ul{
     	width: 100%;
     	height: 87%;
     	list-style: none;
     }
     .three_div_all .right ul li{
     	width: 100%;
     	height: auto;
     	text-align: left;
     }
       .three_div_all .right ul li .p{
       		line-height: 25px;
       }
      .three_div_all .right ul li .title{
      	color:#cbb312;
      	line-height: 40px;
      }
       .three_div_all .right ul li span{
       	font-size: 0.8em;
       	display: inline-block;
       	line-height: 25px;
       }
    /* 内容第三模块  end */
    /*内容第六模块 start*/
    .six_div_all{
    	width:60%;
    	height:88%;
    	display: inline-block;
    	margin-top: 20px;
    }
    .six_div_all ul{
    	width: 330px;
    	height: 80px;
    	list-style: none;
    	display: inline-block;
    }
    .six_div_all ul li{
    	width: 32.5%;
   		display: inline-block;
   		height: 50%;
   		float: left;
   		line-height: 40px;
    }
    .six_div_all ul li hr{
     	margin-top: 20px;
     	border:1px #0786bd solid;
     }
    .six_div_all ul .last{
    	width: 100%;
    	color:#bcbdbe;
    }
     .six_div_all p{
     	width: 100%;
     	height: 80px;
     	line-height: 80px
     }
     .six_div_all span{
     	display: inline-block;
     	width: 95%;
     	line-height: 25px;
     	text-align: left;
     	font-size: 0.8em;
     }
     .six_div_all div{
     	width: 100%;
     	height:auto;
     	display: inline-block;
     }
     .six_div_all div img{
     	width: 100%;
     }
    /*内容第六模块 end*/
    /*内容第五模块 start*/
    .five_div_all{
    	width: 60%;
    	height: 88%;
    	display: inline-block;
    }
    .five_div_all .top{
    	width: 100%;
    	height: 30px;
    	border:1px #e6e6e6 solid;
    	background-color: #f8f8f8;
    	border-radius:50px;
    	text-align: left;
    	line-height: 30px;
    	font-size: 0.8em;
    }
     .five_div_all .top span{
     	color:#666666;
     	margin-left: 20px;
     }
     .five_div_all .top .this{
     	color:#e26e6e;
     	margin-left: 0px;
     }
      .five_div_all .center{
      	width: 100%;
      	height: 23%;
      	border:1px #d9d9d9 solid;
      	margin-top: 20px;
      	border-radius:5px;
      	position: relative;
      }
       .five_div_all .center ul{
       		width: 100%;
       		height:90%;
       		list-style: none;
       		position: absolute;
       		margin: auto;
       		top:0;
       		bottom:0;
       }
        .five_div_all .center ul li{
        	width: 24.5%;
        	height:40px;
        	float: left;
        }
         .five_div_all .center ul .remark, .five_div_all .center ul .remark1{
         	width: 100%;
         }
         .five_div_all .center ul li p{
         	width: 90%;
         	display: inline-block;
         	height: 40px;
         	font-size: 0.6em;
         	line-height: 40px;
         	margin-left: -8%;
         } 
         .five_div_all .center ul li p span{
         	display: inline-block;
         	color:#666666;
         }
           .five_div_all .center ul li p .span{
           	color:#000000;
           }
          .five_div_all .center ul li p input{
          	height: 30px;
          	width: 55%;
          	border:1px #b3b3b3 solid;
          	display: inline-block;
          	vertical-align: middle;
          }
          .five_div_all .center ul .remark p input{
          	width: 35%;
          }
              .five_div_all .center ul .remark1{
         	height: 20px;
         }
          .five_div_all .center ul .remark1 p{
          	line-height: 20px;
          }
          .five_div_all .center ul .remark1 p span{ 
          	line-height: 20px;
          }
          .five_div_all .bottom{
          	width: 100%;
          	height: 70%;
          	border:1px #d9d9d9 solid;
          	margin-top: 10px;
          	border-radius:5px;
          }
          .five_div_all .bottom div{
          	width: 100%;
          	text-align: left;
          	font-size: 0.8em;
          }
           .five_div_all .bottom .bottom_one{
           		height:40px;
           		background-color: #f0f0f0;
           		line-height: 40px;
           }
            .five_div_all .bottom .bottom_one span{
            	color:#000000;
            	display: inline-block;
            	margin-left: 50px;
            	
            }
             .five_div_all .bottom .bottom_one input{
             	line-height: 30px;
             	height:28px;
             	width: 70%;
             }
              .five_div_all .bottom .bottom_two{
           		height:65%;
           		position: relative;
              }
             .five_div_all .bottom .bottom_two span{
              	color:#000000;
            	display: inline-block;
            	margin-left: 50px;
             	line-height:40px;
             	position: absolute;
             }
            .five_div_all .bottom .bottom_two textarea{
           		height:70%;
           		position: absolute;
           		width: 70%;
           		margin-top: 8px;
           		margin-left: 125px;
           }
           .five_div_all .bottom .bottom_two .file{
           		position: absolute;
           		margin-left: 125px;
           		margin-top: 22%;
           		width: 70px;
           }
            .five_div_all .bottom .bottom_three{
           		height:40px;
           		background-color: #e6e6e6;
           }
            .five_div_all .bottom .bottom_three span{
             	color:#8c8c8c;
             	line-height: 40px;
             	margin-left: 20px;
            }
            .five_div_all .bottom .bottom_three #v_container{
            	height: 32px;
            	width: 80px;
            	display: inline-block;
            	position: absolute;
            	margin-top: 3px;
            	border-radius:5px;
            }
             .five_div_all .bottom .bottom_three input{
             	height: 30px;
             	width:50px;
             	font-size: 1.2em;
             	text-align: center;
            }
            .five_div_all .bottom .bottom_four{
           		height:40pxo
           }
           .five_div_all .bottom .bottom_four a{
           		height:30px;
           		display: inline-block;
           		width: 85px;
           		margin-left: 15%;
           		line-height: 30px;
           		background-color: #e16e6e;
           		text-align: center;
           		margin-top: 8px;
           		cursor: pointer;
           }
    /*内容第五模块 end*/
    /**/
    .right_content_content{
    	width: 250px;
    	position: fixed;
    	bottom:30px;
    	height: 200px;
    	right:0;
    	z-index: 999;
    }
     .right_content_content ul{
     	width: 100%;
     	height: 100%;
     	list-style: none;
     }
      .right_content_content ul li{
     	width: 100%;
     	height:50px;
     }
      .right_content_content ul li img{
      	width: 100px;
      	hegiht:100px;
      	margin-top: -30px;
      	border-radius:5px;
      	position:absolute;
      	right: -260px;
        opacity:0.5; 
      }
      .right_content_content ul li div{
      	 height:35px;
        line-height:35px;
        color:#ffffff;
        width:100%;
        position:absolute;
        background: url("../img/icon5.png") no-repeat left;
        text-align: center;
        margin-top: -2px;
        text-align: left;
        font-size: 0.9em;
        font-weight: bold;
         right: -260px;
        opacity:0.5;  
      }
      .right_content_content ul li .four{
        margin-top: -8px;
      }
    /*  .right_content_one{
    	width: 200px;
    	height: 50px;
    	position: fixed;
    	bottom:30px;
    	right:0;
    	z-index: 999999;
    	
    }
     .right_content ul .three div{
        height:35px;
        line-height:35px;
        color:#ffffff;
        width:200px;
        position:absolute;
     	right: -200;
        opacity:0.5; 
        background: url("../img/icon5.png") no-repeat left;
        text-align: center;
     }
      .right_content ul .one div{
        height:120px;
        width:120px;
        line-height:35px;
        color:#ffffff;
        position:absolute;
        text-align: center;
        top:-50px;
        background: url("../img/icon6.png");
      	background-size:100% 100%;
        right: -200;
        opacity:0.5;
     }
      .right_content ul .two div{
        height:120px;
        width:120px;
        line-height:35px;
        color:#ffffff;
        position:absolute;
        text-align: center;
        top:-50px;
        background: url("../img/icon6.png");
        background-size:100% 100%;
        right: -200;
        opacity:0.5;
     }
       .right_content ul .four div{
        height:120px;
        width:120px;
        line-height:35px;
        color:#ffffff;
        position:absolute;
        text-align: center;
        top:-50px;
        background: url("../img/icon6.png");
        background-size:100% 100%;
       right: -200;
        opacity:0.5;
     } */
   /*   .right_content ul li{
     	border:1px red solid;
     } */
    /**/ 
        /*内容第四模块  start*/
    .four_div_all{
    	width:60%;
    	height:88%;
    	display: inline-block;
    }
       .four_div_all ul{
    	width: 330px;
    	height: 80px;
    	list-style: none;
    	display: inline-block;
    }
    .four_div_all ul li{
    	width: 32.5%;
   		display: inline-block;
   		height: 50%;
   		float: left;
   		line-height: 40px;
    }
    .four_div_all ul li hr{
     	margin-top: 20px;
     	border:1px #0786bd solid;
     }
    .four_div_all ul .last{
    	width: 100%;
    	color:#bcbdbe;
    }
    .four_div_all .div{
    	width: 100%;
    	height:415px;
    	display: inline-block;
    	position: relative;
    }
    .four_div_all .div>div{
    	width: 180px;
    	height:415px;
    	display: inline-block;
    }
    .four_div_all .div>div .title{
    	width: 100%;
    	height:30px;
    	text-align: left;
    	margin-top: 20px;
    }
     .four_div_all .div>div .title img,.four_div_all .div>div .title span{
     	vertical-align: middle;
     }
     .four_div_all .div>div ul{
     	width: 100%;
     	height: 85%;
     	/* border-left:1px #ffffff dashed; */
     }
      .four_div_all .div>div ul li{
      	width: 100%;
      	height: auto;
      	text-align: right;
      	margin-left: 13px;
      	border-left:1px #e6e6e6 dashed;
      }
      .four_div_all .div>div ul li .img_one{
      	margin-left: -16px;
      }
      .four_div_all .div>div  ul li .title{
      	/* text-align: center; */
      	line-height: 30px;
      	display: inline-block;
      	width: 90%;
      	float: left;
      	margin-left: 5px;
      }
       .four_div_all .div>div  ul li .title img{
       		max-height: 20px;
       		max-width: 20px;
       }
      .four_div_all .div>div  ul li .title-content{
      	line-height: 25px;
      	display: inline-block;
      	width: 80%;
      	text-align: left;
      	float: right;
      	display: none;
      }
       .four_div_all .div>div  ul li .title-content span{
       		font-size: 0.8em;
       }
    /*内容第四模块  end */