*{
    margin:0;
    padding:0;
    border:0;
    background: none;
}
.flex{
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
  display: -moz-box; /* Firefox 17- */  
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
  display: -moz-flex; /* Firefox 18+ */  
  display: -ms-flexbox; /* IE 10 */  
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
}
.flex-column{
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.space-between{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.wrap{
  -webkit-flex-wrap: wrap;  
  -moz-flex-wrap: wrap;  
  -ms-flex-wrap: wrap;  
  -o-flex-wrap: wrap;  
  flex-wrap: wrap;  
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
ul,ol,li{
    list-style: none;
}
p{
    margin:0;
}
textarea{
    resize: none !important;
}
a:hover{
    text-decoration: none;
}

.page1{
  width: 100%;
  height:600px;
  background: linear-gradient(298deg, #3269eb 0%, #104fe6 100%);
}
.page1-content{
  width:1080px;
}
.page1-header{
  color:#fff;
  padding-top:15px;
}

.page1-header img{
  height:30px;
}
.page1-menu{
  margin-left:160px;
}
.page1-menu a{
  margin-right:45px;
  font-weight: 300;
  height:35px;
  cursor: pointer;
  color:#fff;
  text-decoration: none;
}
.page1-menu a:hover{
  color:#fff;
}
.m-select{
  border-bottom:2px solid #fff;

}
.page1-left{
  width:546px;
  color:#fff;
}
.page1-right{
  width:567px;
  height:432px;
}
.page1-text1{
  font-size:56px;
}
.page1-text2{
  opacity: 0.68;
  margin-top:16px;
}
.page1-btn{
  background: linear-gradient(270deg, #ff9783 0%, #ff613d 100%);
  width:176px;
  height:46px;
  border-radius:25px;
  color:#fff;
  letter-spacing: 1px;
  font-size:22px;
  line-height: 46px;
  text-align: center;
  margin-top:70px;
  cursor:pointer;
}
.page2{
  padding:72px 0px;
}
.page-title{
  font-size:36px;
  color:#000;
  line-height:50px;
  height:50px;
  text-align:center;
}
.page-note{
  margin-top:14px;
  color:#c5c5c5;
  font-size:14px;
  text-align:center;
}
.page2-li{
  width:160px;
  text-align: center;
  margin-right: 120px;
  margin-top:60px;
}
.page2-li img{
  width:108px;
  height:108px;
}
.ul-text1{
  color:#222;
  font-size:18px;
  margin-top:25px;
  font-weight:600;
}
.ul-text2{
  margin-top:12px;
  font-size:16px;
  color:#222;
  font-weight: 300;
}
.page3{
  padding:72px 0px;
  background:#f8f9fb;
}
.page3-section{
  background: #fff;
  box-shadow: 0px 6px 20px 0px rgba(0, 82, 177, 0.08);
  border-radius:10px;
  text-align:center;
  width:328px;
  height:350px;
  padding-top:24px;
  margin-top:55px;
  margin-right:50px;
}
.page3-section img{
  width:328px;
  margin-top:24px;
}
.page3-text1{
  font-size:22px;
  color:#222;
  font-weight: 300;
}
.page3-text2{
  margin-top:24px;
  line-height:24px;
  color:#555;
}
.page4{
  padding:72px 0;
}
.page4-content{
  margin-top:50px;
}
.page4-li{
  text-align:center;
  width: 200px;
  margin-right:70px;
}
.page4-li img{
  width:72px;
  height:72px;
}
.page4-text1{
  margin-top:10px;
  color:#222;
  font-weight:600;
  font-size:18px;
}
.page4-text2{
  margin-top:12px;
  font-size: 14px;
  color:#222;
  font-weight: 300;
  line-height:28px;
}
.page5{
  background:#F2F8FF;
  padding:30px 0;
}
.page5-content{
  width:1080px;
  margin:0 auto;
}
.page5-left img{
  height:30px;
}


.page5-text1{
  height:20px;
  line-height:20px;
  color:#222;
  font-weight:400;
  margin-top:10px;
}
.page5-text2{
  color:#222;
  height:18px;
  font-size: 12px;
  margin-top:10px;
  color:#555;
}
.page5-text3{
  color:#aaa;
  font-size:12px;
  margin-top:10px;
}
.page5-right{
  color:#606266;
  font-weight:300;
  font-size: 12px;
  text-align:center;
}
.page5-right img{
  width:135px;
}
.us{
  color:#fff;
  font-size:12px;
  position:fixed;
  right:0px;
  bottom: 100px;
  height:242px;
}
.us-right img{
  width:20px;
  height:20px;
}
.us-1{
  background:rgb(124, 170, 247);
  width:48px;
  height:56px;
  text-align: center;
  padding-top:13px;
  cursor:pointer;
}
.us-2{
  background: #A4C4F9;
}
.us-1:hover{
  background: #409EFF;
}
.us-left{
  text-align:center;
  padding:10px 10px;
  color:#606266;
  font-size:12px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);
  margin-right:3px;
  display:none;
}
.us-left1{
  text-align:center;
  padding:10px 10px;
  color:#606266;
  font-size:12px;
  margin-right:3px;
}















