ul,li{
             list-style: none;
         }
         #div_buy{
       	width: 120px;
       	height: 120px;
       	display: none;
       	margin-top: -26px;
       	margin-right:60px;
       	float: right;
       	background-color: #FFFFFF;
       	border: 1px solid gainsboro;
       	position: relative;
       	z-index: 99;
       	font-size: 14px;
       	color: gray;
       	
       }
       #div_buy img{
       	width: 120px;
       	height: 120px;
       }
        .plat{
            position: absolute;
            width: 100%;
            height: 400px;
            top:80px;
          
        }
        li img{
            width:100%;
            height: 400px;
            top: 0px;
            left: 0px;
            position: absolute;
        }
        li{
            opacity: 0;
            transition: 1s;
        }
        li:first-child {
            opacity: 1;
        }
        .btn{
            width: 70px;
            height: 30px;
            position: absolute;
            left: 1px;
            top: 150px;
            text-align: center;
            color: #FFFFFF;
            background-color: rgb(0,0,0,0.7);
            cursor: pointer;
            display: none;
        }
        .btn:hover{
             background-color: rgb(0,0,0,0.9);
         }
        .btn:active{
            background-color: rgb(0,0,0,0.5);
        }
        .btn1{
            width: 70px;
            height: 30px;
            position: absolute;
            top: 150px;
            right: 1px;
            text-align: center;
            color: #FFFFFF;
            background-color: rgb(0,0,0,0.7);
            cursor: pointer;
            display: none;
        }
        .btn1:hover{
            background-color: rgb(0,0,0,0.9);
        }
        .btn1:active{
            background-color: rgb(0,0,0,0.5);
        }
        .dot{
        	position: absolute;
        	z-index: 98;
        }
        .num0{
            width: 10px;
            height: 10px;
            position: absolute;
            background-color: rgb(255,255,255,0.8);
            border-radius: 50%;
            left:660px;
            top: 350px;
            z-index: 98;
        }
        .num1{
            width: 10px;
            height: 10px;
            position: absolute;
            background-color: rgb(255,255,255,0.8);
            border-radius: 50%;
            left: 680px;
            top: 350px;
             z-index: 98;
        }
        .num2{
            width: 10px;
            height: 10px;
            position: absolute;
            background-color: rgb(255,255,255,0.8);
            border-radius: 50%;
            left: 700px;
            top: 350px;
            z-index: 98;
        }
        .num3{
            width: 10px;
            height: 10px;
            position: absolute;
            background-color: rgb(255,255,255,0.8);
            border-radius: 50%;
            left: 720px;
            top: 350px;
            z-index: 98;
        }
        .num:hover{
            background-color: rgb(0,0,0,0.7);
        }
        .follow{
            background-color: rgb(0,0,0,0.7);
        }
       
	.top{
		width: 100%;
		height: 70px;
		position: absolute;
		z-index: 99;
		background-color: white;
		opacity: 0.95;
	}
	.img_logo{
	    margin-top: 7px;
		margin-left: 50px;
		
	}
	.div_top{
		
	}
	.div_top a{
		
		margin-bottom:20px ;
	}
	.div_top:hover a{
		text-decoration: none;
		
	}
	
	.div_top2 a:hover{
		position: relative;
		z-index: 99;
		cursor: pointer;
		
		text-decoration: none;
		color: dodgerblue;
		
	}
	.div_top2{
		float: right;
		margin-top: 10px;
		display: inline-block;
        
		margin-right: 70px;
		transform: translateY(10px);
	}
       .div_show{
       	cursor: pointer;
        
       }
       .div_show:hover{
       	color: dodgerblue;
       }
       .div_show2{
       	width: 120px;
       	height: 120px;
       	text-align: center;
       	line-height: 25px;
       	cursor: pointer;
       	display: none;
       	margin-top: -30px;
       	margin-right: 485px;
       	float: right;
       	background-color: #FFFFFF;
       	border: 1px solid gainsboro;
       	position: relative;
       	z-index: 98;
       	font-size: 14px;
       	color: gray;
       	
       }
       .div_show2 div{
       	height: 30px;
       }
       .div_show2 div:hover{
       	background-color: dodgerblue;
       	color: white;
       }
       .div_show2 a{
       	text-decoration: none;
       	color:gray ;
       }
       .div_show2 div:hover{
       	background-color: dodgerblue;
       }
       .div_show2 div:hover a{
       	color: white;
       }
       .div_show2 a:hover{
       	background-color: dodgerblue;
       	color: white;
       }
       .div_knowledge{
       	cursor: pointer;
       }
       .div_knowledge2{
       	width: 120px;
       	height: 120px;
       	text-align: center;
       	line-height: 25px;
       	cursor: pointer;
       	display: none;
        margin-top: -30px;
       	margin-right: 285px;
       	float: right;
       	background-color: #FFFFFF;
       	border: 1px solid gainsboro;
       	position: relative;
       	z-index: 98;
       	font-size: 14px;
       	color: gray;
       }
       .div_knowledge2 div{
       	height: 30px;
       }
       .div_knowledge2 div:hover{
       	background-color: dodgerblue;
       	color: white;
       }
       .div_knowledge2 a{
       	text-decoration: none;
       	color:gray ;
       }
       .div_knowledge2 div:hover{
       	background-color: dodgerblue;
       }
       .div_knowledge2 div:hover a{
       	color: white;
       }
       .div_knowledge2 a:hover{
       	background-color: dodgerblue;
       	color: white;
       }
       
       .div_index{
       	margin-right: 30px;
       	color: black;
       	text-decoration: none;
       }
       
       .div_show{
       	margin-right: 30px;
       	color: black;
       	text-decoration: none;
       }
       .div_mail{
       	margin-right: 30px;
       	color: black;
       	text-decoration: none;
       }
       .div_knowledge{
       	margin-right:30px;
       	color: black;
       	text-decoration: none;
       }
       .div_we{
       	margin-right: 30px;
       	color: black;
       	text-decoration: none;
       }
       .div_online{
       	margin-right:20px;
       	color: black;
       	text-decoration: none;
       }
       .div_online i{
       	margin-right:3px;
       	color: #1A6EB5;
       }
        .div_buy{
       	
       	width: 100px;
       	height: 25px;
        text-align:center;
       	background-color:#1A6EB5;
       	margin-right: 10px;
       	
       	 font-size: 14px;
       	 line-height: 25px;
      	display: inline-block;
       	
       	
       }
       .div_buy a{
       	color: white;
       	text-decoration: none;
       }
       .div_buy a:hover{
       	color: whitesmoke;
       }
       .div_fw{
    	width: 100%;
    	height: 200px;
    	margin-top: 430px;
    	text-align: center;
    	margin-left: -75px;
    	position: relative;
    	z-index: 97;
    	
    }
    .div_fw1{
    	display: inline-block;
    	font-size: 20px;
    	margin-left: 60px;

    }
    #fw1{
    	margin-left: 100px;
    }
    .div_fw1 a{
    	color:darkgray;
    	text-decoration: none;
    	font-size: 18px;
    	
    }
    
    .div_fw1:hover{
    	text-decoration: none;
    	color: dodgerblue;
    	cursor: pointer;
    }
    .div_fw1 a:hover{
    	text-decoration: none;
    	color: dodgerblue;
    	cursor: pointer;
    }
    .year{
    	width: 100%;
    	height: 620px;
    	background-color: whitesmoke;
    	margin-top: 20px;
    }
    .year1{
    	display: inline-block;
    	margin-left: 200px;
    	margin-top: 20px;
    	background-color: white;
    	height: 400px;
    }
    .year2{
    	display: inline-block;
    	margin-left: 100px;
    	margin-top: 20px;
    	background-color: white;
    	height: 400px;
    }
    .year3{
    	display: inline-block;
    	margin-left: 100px;
    	margin-top:40px;
    	background-color: white;
    	height: 400px;
    }
    .money1{
    	width: 250px;
    	height: 115px;
    	background-color: #1E90FF;
    	text-align: center;
    	font-size: 25px;
    	color: white;
    	line-height: 110px;
    	
    }
    .money1 b{
    	font-size: 30px;
    	
    	
    }
    .money2{
    	width: 250px;
    	height: 115px;
    	background-color: green;
    	text-align: center;
    	font-size: 25px;
    	color: white;
    	line-height: 110px;
    	
    }
    .money2 b{
    	font-size: 30px;
    	
    	
    }
    .money3{
    	width: 250px;
    	height: 115px;
    	background-color: cornflowerblue;
    	text-align: center;
    	font-size: 25px;
    	color: white;
    	line-height: 110px;
    	
    }
    .money3 b{
    	font-size: 30px;
    	
    	
    }
    .people1{
    	text-align: center;
    	font-size: 19px;
    	color: grey;
    }
    .people2{
    	text-align: center;
    	font-size: 19px;
    	color: grey;
    }
    .people3{
    	text-align: center;
        font-size: 19px;
        color: grey;
    }
    .peoplecolor1{
    	font-size: 25px;
    	color: #1E90FF;
    }
    .peoplecolor2{
    	font-size: 25px;
    	color: #008000;
    }
    .peoplecolor3{
    	font-size: 25px;
    	color: #6495ED;
    }
    .people1 a{
    	font-size: 25px;
    }
    .people2 a{
    	font-size: 25px;
    }
    .people3 a{
    	font-size: 25px;
    }
    .them{
    	width: 60%;
    	margin: auto;
    	margin-top: 50px;
    	color: #939FA6;
    }
    .jisuanqi{
        float: right;
        margin-right: 20px;
        margin-top: 20px;
    }
    .want{
    	float: right;
    	margin-right: 250px;
    	margin-top: 20px;
    	color: #6D737B;
    	
    }
    .input1{
    	border:#8AAAD2 1px solid;
    }
    .find{
    	border-bottom:#6B8FBD  1px solid;
    	color: #6B8FBD;
    	margin-left: 200px;
    	padding-bottom: 15px;
    }
    #aaa{
    	color: #23C069;
    	font-size: 30px;
    }
    #yuan{
    	color: #23C069;
    	
    } 
            #btn_top{
				width: 30px;
				height: 30px;
				border: 0px;
				border-radius: 3px;
				position: fixed;
				right: 50px;
				z-index: 99;
				color: #ffffff;
				bottom: 30px;
				background-color: dodgerblue;
				box-shadow: 0px 0px 6px dodgerblue;
                } 
	        #roll{
               width:40px; 
               height:40px; 
               background:darkred; 
               position:absolute;
               margin-top: -90px;
               margin-right: 10px;
               text-align: right;
               font-size: 17px;
               z-index: 10;
               border-radius: 3px;
               transition: all 0.3s linear 0s;
               overflow: hidden;
               color: white;
               background-color: #333333;
               opacity: 0.8;
               } 
            #roll2{
               width:40px; 
               height:40px; 
               position:absolute;
               z-index: 9;
               margin-top: -51px;
               margin-right: 10px;
               text-align: right;
               font-size: 17px;
               padding-top: 5px;
               border-radius: 3px;
              /* box-shadow: 0px 0px 6px dodgerblue;*/
               transition: all 0.3s linear 0s;
               overflow: hidden;
               color: white;
               background-color: #333333;
               opacity: 0.8;
            }
            #roll a{
            	margin-right: 10px;
            }
            #roll2 a{
            	margin-right: 10px;
            }
            #roll i{
            	margin-right: 10px;
            	font-size: 20px;
            	color: white;
            }
            #roll2 i{
            	margin-right: 10px;
            	font-size: 20px;
            	color: white;
            }
            .roll{
            	font-size: 20px;
            	line-height: 40px;
            }
            #more{
            	margin-top: 40px;
            	background-color: #F6F6F6;
            	width: 100%;
            	height: 300px;
            	color: #717171;;
            }
            .information{
            	display: inline-block;
            	margin-left: 250px;
    	        margin-top: 50px;
    	        height: 200px;
    	        width: 300px;
    	      }
            .information div{
            	margin-left: 20%;
            	width: 80%;
            	height: 100%;
            }
            .problem{
            	display: inline-block;
    	        margin-top: 50px;
    	        height: 200px;
    	        width: 300px;
    	        border-left:#EEEEEE  1px solid;
    	      }
            .problem div{
            	margin-left: 20%;
            	width: 80%;
            	height: 100%;
            }
            .know{
            	display: inline-block;
    	        margin-top: 50px;
    	        height: 200px;
    	        width: 300px;
    	        border-left:#EEEEEE  1px solid;
            }
            .know div{
            	margin-left: 20%;
            	width: 80%;
            	height: 100%;
            }
            .in{
            	font-size: 23px;
            	font-weight: 250;
            	margin-right: 10px;
            }
            .more{
              font-size: 14px;
              line-height: 40px;
              margin-right: 20px;
            }
            .fo{
            	font-size: 15px;
            	line-height: 30px;
            }
            .bot{
            	width: 100%;
            	height: 100px;
            	margin-top: 60px;
            	background-color: #D7E1E5;
            }
            #show{
                 position: absolute;
                 top: 130px;
                 left: 170px;
                 display: inline-block;
            }
            #show2{
            	width: 60%;
                display: inline-block;
                margin-top: 100px;
            	margin-left: 323px;
            	border-left:#D7E1E5 1px solid;
            }
            #show2 img{
            	margin-left: 40px;
            }
            .advantage{
            	 width: 160px;
            	 height: 40px;
            	 border:#D7E1E5 1px solid;
            	 border-right:white 1px solid;
            	 line-height: 40px;
            	 text-align: center;
            	 position: relative;
            	 z-index: 9;
            }
            .advantage a{
            	 color: #005EAD;
            	 text-decoration: none;
            }
            .function{
            	 width: 160px;
            	 height: 40px;
            	 border:#D7E1E5 1px solid;
            	 line-height: 40px;
            	 text-align: center;
            	 margin-top: 20px;
            }
            .function a:hover{
            	color: #005EAD;
            }
            .function a{
            	 color:#555759;
            	 text-decoration: none;
            }
            .plan{
            	 width: 160px;
            	 height: 40px;
            	 border:#D7E1E5 1px solid;
            	 line-height: 40px;
            	 text-align: center;
            	 margin-top: 20px;
            }
            .plan a:hover{
            	color: #005EAD;
            }
            .plan a{
            	 color:#555759;
            	 text-decoration: none;
            }
            .case{
            	 width: 160px;
            	 height: 40px;
            	 border:#D7E1E5 1px solid;
            	 line-height: 40px;
            	 text-align: center;
            	 margin-top: 20px;
            }
            .case a:hover{
            	color: #005EAD;
            }
            .case a{
            	 color:#555759;
            	 text-decoration: none;
            }
            .bot1{
            	 padding-top: 20px;
            	 margin-left: 125px;            	
            }
            .bot1 a{
            	 text-decoration: none;
            	 font-size: 15px;
            	 color: #939FA6;
            	 line-height: 25px;
            }
            .bot1 a:hover{
            	 color:#005EAD;
            }
            .bot2{
            	 padding-top: 5px;
            	 margin-left: 125px;            	
            }
            .bot2 a{
            	 text-decoration: none;
            	 font-size: 15px;
            	 color: #939FA6;
            	 line-height: 25px;
            }