@charset "UTF-8";
* {
    box-sizing: border-box;
  }
   
body{
    font-family: Arial;
    padding: 10px;
    background: #f1f1f1;
    background: url("photos/bg.png")center center;
    background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:top;
	margin-right:200px;
    background-size: 100%;
    background-attachment:scroll;
}
  /* 头部标题 */
.header {
    background-color: #dddddd50;
    text-align:center;
    padding: 15px;
  }
h1{
    color:rgba(245, 245, 245, 0.87);
}
  /* 导航条 */
  .topnav {
    overflow: hidden;
    background-color: rgba(51, 51, 51, 0.589);
  }
   
  /* 导航条链接 */
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
   
  /* 链接颜色修改 */
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }

body{background-color: #F0F0F0;
	height: 100%;
    margin: 0;
     text-align: center;
     width: 100%;
}
.header {
    background-color: #dddddd50;
    text-align:center;
    padding: 15px;
  }

.page-title{border: #343333;
	        align-content: center;
	        margin-top: 100px;
	        margin-left: 350px;
	        margin-right: 350px;
         }
.page-description{
	         border: 1px #DCC4AC;
		     text-align: center;
	         margin-top: 50px;
	         margin-left: 300px;
	         margin-right: 300px;
}
.btn1{background:#DFDFDF;
	  color:gray;
	  width: 100px;
	  height: 30px;
	  border-color: antiquewhite;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
       
}

.btn2{background:#DFDFDF;
	  color: gray;
	  width: 100px;
	  height: 30px;
	  border-color: antiquewhite;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;}

.btn3{background:#DFDFDF;
	  color:gray;
	  width: 100px;
	  height: 30px;
	  border-color: antiquewhite;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;}

.introduction-title{text-align: center;                     
	                color:gray;
}

.introduction-description{text-align:center;
	                      margin-left: 200px;
	                      margin-right: 200px;
	                      color:gray;}
	
.srapping{
	text-align: center;
           margin-left: 10px;
           color:grey;
		}
.icon1{margin-left: 300px;   
}
.icon2{margin-left: 320px;}

.scrapping-description1{text-align: right;
                        margin-right: 80px;}

.icon2{
       left:600px;
}
.div0{
	width: 1107px;
	height: 358px;
	margin: auto;
}
.div1{
	width: 500px;
	height: 358px;
	float: left;
	text-align: center;
}
.div2{width: 500px;
	height: 358px;
	float: right;
	text-align: center;
}
.chart{border-width: 10px;
       border-color:white;
}
.visualization{color: gray;}
.imgdes{margin-right: 200px;
	    margin-left: 200px;
}
.cd{margin-left: 200px;
	margin-right: 200px;
	margin-bottom: 50px;
}