diff --git a/css/index.css b/css/index.css
index c6d9620..bbe425b 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,617 +2,621 @@
 @import url(pscroll.css);
 /*首页*/
 .i_product_bg {
-  background-color: #f5f5f5;
-  overflow: hidden;
-  padding-bottom: 2.5%;
+    background-color: #000000;
+    overflow: hidden;
+    padding-bottom: 2.5%;
+    color: #FFFFFF;
 }
 
 .i_title {
-  margin-top: 5%;
-  margin-bottom: 4%;
-  overflow: hidden;
-  text-align: center;
+    margin-top: 5%;
+    margin-bottom: 4%;
+    overflow: hidden;
+    text-align: center;
 }
 
 .i_title.mg_0 {
-  margin: 0;
+    margin: 0;
 }
 
 .i_title h2 {
-  overflow: hidden;
-  font-weight: bold;
-  color: #000000;
-  letter-spacing: -3px;
-  text-transform: uppercase;
-  font-family: Arial, serif;
+    overflow: hidden;
+    font-weight: bold;
+    color: #FFFFFF;
+    letter-spacing: 8px;
+    text-transform: uppercase;
+    font-family: "Microsoft YaHei UI Light", serif;
 }
+
 .i_title.white h2 {
-  color: #fff;
+    color: #fff;
 }
 
 .i_title p {
-  background: url(../images/i_bg1.png) center bottom no-repeat;
-  color: #000000;
-  padding-bottom: 15px;
+    background: url(../images/i_bg1.png) center bottom no-repeat;
+    color: #FFFFFF;
+    padding-bottom: 15px;
 }
 
 .i_title.white p {
-  color: #fff;
+    color: #fff;
 }
 
 .nproduct_list2 {
-  overflow: hidden;
-  padding-bottom: 20px;
-  padding-top: 8px;
+    overflow: hidden;
+    padding-bottom: 20px;
+    padding-top: 8px;
 }
 
 .nproduct_list2 ul {
-  display: flex;
-  flex-wrap: wrap;
+    display: flex;
+    flex-wrap: wrap;
 }
 
 .nproduct_list2 ul li {
-  float: left;
-  width: 32.1%;
-  margin-left: 0.5%;
-  margin-right: 1%;
-  overflow: hidden;
-  margin-bottom: 1.5%;
-  text-align: center;
-  background-color: #fff;
-  padding-bottom: 4%;
-  border-radius: 10px;
+    float: left;
+    width: 32.1%;
+    margin-left: 0.5%;
+    margin-right: 1%;
+    overflow: hidden;
+    margin-bottom: 1.5%;
+    text-align: center;
+    background-color: #fff;
+    padding-bottom: 4%;
+    border-radius: 10px;
 }
 
 .nproduct_list2 ul li:nth-child(3n + 0) {
-  margin-right: 0;
+    margin-right: 0;
 }
 
 .nproduct_list2 ul li img {
-  display: inline-block;
-  width: 100%;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  -o-transform: scale(1);
-  transform: scale(1);
-  -webkit-transition: all 0.3s ease-out 0s;
-  -moz-transition: all 0.3s ease-out 0s;
-  -o-transition: all 0.3s ease-out 0s;
-  transition: all 0.3s ease-out 0s;
-  vertical-align: middle;
+    display: inline-block;
+    width: 100%;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+    -webkit-transition: all 0.3s ease-out 0s;
+    -moz-transition: all 0.3s ease-out 0s;
+    -o-transition: all 0.3s ease-out 0s;
+    transition: all 0.3s ease-out 0s;
+    vertical-align: middle;
 }
 
 .nproduct_list2 ul li .imgs {
-  width: 100%;
-  overflow: hidden;
+    width: 100%;
+    overflow: hidden;
 }
 
 .nproduct_list2 ul li h2 {
-  font-weight: normal;
-  color: #333333;
-  line-height: 36px;
-  height: 36px;
-  text-align: center;
-  overflow: hidden;
-  padding-left: 2%;
-  padding-right: 2%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  transition: all 0.3s;
-  margin-bottom: 1%;
+    font-weight: normal;
+    color: #333333;
+    line-height: 36px;
+    height: 36px;
+    text-align: center;
+    overflow: hidden;
+    padding-left: 2%;
+    padding-right: 2%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    transition: all 0.3s;
+    margin-bottom: 1%;
 }
 
 .nproduct_list2 ul li p {
-  line-height: 20px;
-  height: 40px;
-  overflow: hidden;
-  color: #929292;
-  font-size: 14px;
-  padding-left: 2%;
-  padding-right: 2%;
-  max-width: 350px;
-  margin: 0 auto;
+    line-height: 20px;
+    height: 40px;
+    overflow: hidden;
+    color: #929292;
+    font-size: 14px;
+    padding-left: 2%;
+    padding-right: 2%;
+    max-width: 350px;
+    margin: 0 auto;
 }
 
 .nproduct_list2 ul li em {
-  display: block;
-  color: #ee697e;
-  font-size: 14px;
-  margin-top: 10px;
-  line-height: 20px;
-  height: 20px;
-  overflow: hidden;
+    display: block;
+    color: #ee697e;
+    font-size: 14px;
+    margin-top: 10px;
+    line-height: 20px;
+    height: 20px;
+    overflow: hidden;
 }
 
 .nproduct_list2 ul li label {
-  display: block;
-  color: #333;
-  font-size: 14px;
-  line-height: 20px;
-  height: 20px;
-  overflow: hidden;
-  margin-top: 5px;
+    display: block;
+    color: #333;
+    font-size: 14px;
+    line-height: 20px;
+    height: 20px;
+    overflow: hidden;
+    margin-top: 5px;
 }
 
 .nproduct_list2 ul li:hover img {
-  -webkit-transform: scale(1.1, 1.1);
-  -moz-transform: scale(1.1, 1.1);
-  -o-transform: scale(1.1, 1.1);
-  -ms-transform: scale(1.1, 1.1);
-  transform: scale(1.1, 1.1);
+    -webkit-transform: scale(1.1, 1.1);
+    -moz-transform: scale(1.1, 1.1);
+    -o-transform: scale(1.1, 1.1);
+    -ms-transform: scale(1.1, 1.1);
+    transform: scale(1.1, 1.1);
 }
 
 .nproduct_list2 ul li:hover {
-  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
-  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
-  -webkit-transform: translate3d(0, -2px, 0);
-  transform: translate3d(0, -2px, 0);
-  transition: all 0.3s;
+    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+    -webkit-transform: translate3d(0, -2px, 0);
+    transform: translate3d(0, -2px, 0);
+    transition: all 0.3s;
 }
 
 .nproduct_list2 ul li:hover h2 {
-  color: #00a1e9;
+    color: #00a1e9;
 }
 
 .i_solution {
-  overflow: hidden;
-  padding-bottom: 4%;
-  padding-top: 8px;
+    overflow: hidden;
+    padding-bottom: 4%;
+    padding-top: 8px;
 }
 
 .i_solution ul li {
-  float: left;
-  width: 49%;
-  margin-right: 2%;
-  overflow: hidden;
-  margin-bottom: 1.5%;
-  text-align: center;
-  border-radius: 10px;
+    float: left;
+    width: 49%;
+    margin-right: 2%;
+    overflow: hidden;
+    margin-bottom: 1.5%;
+    text-align: center;
+    border-radius: 10px;
 }
 
 .i_solution ul li:nth-child(2n + 0) {
-  margin-right: 0;
+    margin-right: 0;
 }
 
 .i_solution ul li img {
-  display: block;
-  width: 100%;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  -o-transform: scale(1);
-  transform: scale(1);
-  -webkit-transition: all 0.3s ease-out 0s;
-  -moz-transition: all 0.3s ease-out 0s;
-  -o-transition: all 0.3s ease-out 0s;
-  transition: all 0.3s ease-out 0s;
-  /* vertical-align: middle; */
+    display: block;
+    width: 100%;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+    -webkit-transition: all 0.3s ease-out 0s;
+    -moz-transition: all 0.3s ease-out 0s;
+    -o-transition: all 0.3s ease-out 0s;
+    transition: all 0.3s ease-out 0s;
+    /* vertical-align: middle; */
 }
 
 .i_solution ul li .imgs {
-  margin: 0 auto;
-  overflow: hidden;
+    margin: 0 auto;
+    overflow: hidden;
 }
 
 .i_solution ul li .txts {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background: rgba(0, 0, 0, 0.5);
-  top: 0;
-  left: 0;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 0.5);
+    top: 0;
+    left: 0;
 }
 
 .i_solution ul li h2 {
-  font-weight: normal;
-  color: #fff;
-  line-height: 36px;
-  height: 36px;
-  text-align: center;
-  overflow: hidden;
-  padding-left: 2%;
-  padding-right: 2%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  transition: all 0.3s;
-  margin-bottom: 1%;
-  margin-top: 30%;
+    font-weight: normal;
+    color: #fff;
+    line-height: 36px;
+    height: 36px;
+    text-align: center;
+    overflow: hidden;
+    padding-left: 2%;
+    padding-right: 2%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    transition: all 0.3s;
+    margin-bottom: 1%;
+    margin-top: 30%;
 }
 
 .i_solution ul li p {
-  line-height: 20px;
-  height: 40px;
-  overflow: hidden;
-  color: #fff;
-  font-size: 16px;
-  padding-left: 2%;
-  padding-right: 2%;
-  max-width: 350px;
-  margin: 0 auto;
+    line-height: 20px;
+    height: 40px;
+    overflow: hidden;
+    color: #fff;
+    font-size: 16px;
+    padding-left: 2%;
+    padding-right: 2%;
+    max-width: 350px;
+    margin: 0 auto;
 }
 
 .i_solution ul li:hover img {
-  -webkit-transform: scale(1.1, 1.1);
-  -moz-transform: scale(1.1, 1.1);
-  -o-transform: scale(1.1, 1.1);
-  -ms-transform: scale(1.1, 1.1);
-  transform: scale(1.1, 1.1);
+    -webkit-transform: scale(1.1, 1.1);
+    -moz-transform: scale(1.1, 1.1);
+    -o-transform: scale(1.1, 1.1);
+    -ms-transform: scale(1.1, 1.1);
+    transform: scale(1.1, 1.1);
 }
 
 .i_case_bg {
-  background: url(../images/i_bg2.jpg) center center no-repeat;
-  background-size: cover;
-  overflow: hidden;
-  padding-bottom: 4%;
+    /*background: url(../images/i_bg2.jpg) center center no-repeat;*/
+    /*background-size: cover;*/
+    background: #000000;
+    overflow: hidden;
+    padding-bottom: 4%;
 }
 
 .i_case_bg .i_title h2 {
-  color: #fff;
+    color: #fff;
 }
 
 .i_case_bg .i_title p {
-  color: #fff;
-  background: url(../images/i_bg3.png) center bottom no-repeat;
+    color: #fff;
+    background: url(../images/i_bg3.png) center bottom no-repeat;
 }
 
 .i_link {
-  overflow: hidden;
-  margin-bottom: 3%;
+    overflow: hidden;
+    margin-bottom: 3%;
 }
 
 .i_link ul li {
-  float: left;
-  width: 15.8%;
-  margin-right: 1%;
-  margin-bottom: 1%;
-  overflow: hidden;
+    float: left;
+    width: 15.8%;
+    margin-right: 1%;
+    margin-bottom: 1%;
+    overflow: hidden;
 }
 
 .i_link ul li:nth-child(6n + 0) {
-  margin-right: 0;
+    margin-right: 0;
 }
 
 .i_link ul li .imgbox {
-  overflow: hidden;
-  border: 1px solid #f0f0f0;
+    overflow: hidden;
+    border: 1px solid #f0f0f0;
 }
 
 .i_link ul li .imgbox img {
-  display: block;
-  filter: grayscale(100%);
-  width: 100%;
-  -webkit-transform: scale(1);
-  -moz-transform: scale(1);
-  -ms-transform: scale(1);
-  -o-transform: scale(1);
-  transform: scale(1);
-  -webkit-transition: all 0.3s ease-out 0s;
-  -moz-transition: all 0.3s ease-out 0s;
-  -o-transition: all 0.3s ease-out 0s;
-  transition: all 0.3s ease-out 0s;
+    display: block;
+    filter: grayscale(100%);
+    width: 100%;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+    -webkit-transition: all 0.3s ease-out 0s;
+    -moz-transition: all 0.3s ease-out 0s;
+    -o-transition: all 0.3s ease-out 0s;
+    transition: all 0.3s ease-out 0s;
 }
 
 .i_link ul li .imgbox:hover img {
-  -webkit-transform: scale(1.1, 1.1);
-  -moz-transform: scale(1.1, 1.1);
-  -o-transform: scale(1.1, 1.1);
-  -ms-transform: scale(1.1, 1.1);
-  transform: scale(1.1, 1.1);
-  filter: grayscale(0);
+    -webkit-transform: scale(1.1, 1.1);
+    -moz-transform: scale(1.1, 1.1);
+    -o-transform: scale(1.1, 1.1);
+    -ms-transform: scale(1.1, 1.1);
+    transform: scale(1.1, 1.1);
+    filter: grayscale(0);
 }
 
 .banner_pos {
-  overflow: hidden;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  bottom: 0;
-  left: 0;
+    overflow: hidden;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    bottom: 0;
+    left: 0;
 }
 
 .banner_pos .banner_div {
-  /* display:table; vertical-align:bottom; */
-  height: 100%;
-  width: 100%;
-  position: relative;
+    /* display:table; vertical-align:bottom; */
+    height: 100%;
+    width: 100%;
+    position: relative;
 }
 
 /*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/
 /*.banner_pos img{transition:all 0.3s;filter: Alpha(Opacity=100);opacity: 1.0; max-width:100%;}*/
 .banner_pos .img001 {
-  height: 100%;
-  width: 57.6%;
-  vertical-align: bottom;
-  position: absolute;
-  bottom: 0;
-  right: 0%;
+    height: 100%;
+    width: 57.6%;
+    vertical-align: bottom;
+    position: absolute;
+    bottom: 0;
+    right: 0%;
 }
 
 .banner_pos .img001 img {
-  height: 100%;
-  filter: Alpha(Opacity=0);
-  opacity: 0;
+    height: 100%;
+    filter: Alpha(Opacity=0);
+    opacity: 0;
 }
 
 .banner_pos .txtsbox {
-  float: left;
-  width: 50%;
+    float: left;
+    width: 50%;
 }
 
 .banner_pos .txts {
-  float: right;
-  margin-right: 3%;
-  margin-top: 20%;
-  width: 94%;
-  max-width: 536px;
-  text-align: left;
+    float: right;
+    margin-right: 3%;
+    margin-top: 20%;
+    width: 94%;
+    max-width: 536px;
+    text-align: left;
 }
 
 .banner_pos .txts h2 {
-  color: #00a1e9;
+    color: #00a1e9;
 }
 
 .banner_pos .txts p {
-  color: #767676;
-  margin-top: 6%;
+    color: #767676;
+    margin-top: 6%;
 }
 
 .banner_pos .txts a {
-  margin-top: 6%;
-  width: 220px;
-  display: block;
-  height: 48px;
-  line-height: 48px;
-  border: 1px solid #606060;
-  text-align: center;
-  font-size: 12px;
-  color: #a2a2a2;
+    margin-top: 6%;
+    width: 220px;
+    display: block;
+    height: 48px;
+    line-height: 48px;
+    border: 1px solid #606060;
+    text-align: center;
+    font-size: 12px;
+    color: #a2a2a2;
 }
 
 .banner_pos .txts a em {
-  float: right;
-  margin-right: 7%;
-  font-style: normal;
-  font-family: "宋体", sans-serif;
-  font-size: 18px;
+    float: right;
+    margin-right: 7%;
+    font-style: normal;
+    font-family: "宋体", sans-serif;
+    font-size: 18px;
 }
 
 .banner_pos .txts a:hover {
-  border: 1px solid #00a1e9;
+    border: 1px solid #00a1e9;
 }
 
 .banner_pos .txts a:hover {
-  color: #00a1e9;
+    color: #00a1e9;
 }
 
 /*动画*/
 
 /*新闻*/
 .news_bg {
-  background: #f2f2f2;
-  padding-bottom: 50px;
-  overflow: auto;
+    background: #000000;
+    padding-bottom: 50px;
+    overflow: auto;
 }
 
 .news_bg .index_title {
-  text-align: center;
-  padding-top: 35px;
-  padding-bottom: 40px;
+    text-align: center;
+    padding-top: 35px;
+    padding-bottom: 40px;
 }
 
 .news_bg .index_title h3 {
-  font-size: 38px;
-  padding-bottom: 12px;
-  color: #333;
-  font-weight: bold;
+    font-size: 38px;
+    padding-bottom: 12px;
+    color: #333;
+    font-weight: bold;
 }
 
 .news_bg .index_title p {
-  background: url(../images/line.png) center center no-repeat;
-  width: 320px;
-  height: 22px;
-  margin: 0 auto;
+    background: url(../images/line.png) center center no-repeat;
+    width: 320px;
+    height: 22px;
+    margin: 0 auto;
 }
 
 .floor_5_1 {
-  display: flex;
-  justify-content: space-between;
+    display: flex;
+    justify-content: space-between;
 }
 
 .floor_5_1 .floor_5_z {
-  width: 380px;
-  position: relative;
-  margin-right: 20px;
+    width: 380px;
+    position: relative;
+    margin-right: 20px;
 }
 
 .floor_5_1 .floor_5_z a {
-  display: block;
+    display: block;
 }
 
 .floor_5_1 .floor_5_z .dk {
-  height: 213px;
-  width: 100%;
-  border-top: none;
-  padding: 0 1.5rem;
+    height: 213px;
+    width: 100%;
+    border-top: none;
+    padding: 0 1.5rem;
 }
 
 .floor_5_1 .floor_5_z b {
-  width: 380px;
-  height: 285px;
-  overflow: hidden;
-  display: block;
+    width: 380px;
+    height: 285px;
+    overflow: hidden;
+    display: block;
 }
 
 .floor_5_1 .floor_5_z img {
-  width: 100%;
-  height: 100%;
-  display: block;
-  transition: all 0.36s ease;
+    width: 100%;
+    height: 100%;
+    display: block;
+    transition: all 0.36s ease;
 }
 
 .floor_5_1 .floor_5_z h3 {
-  font-size: 18px;
-  color: #333;
-  line-height: 18px;
-  width: 100%;
-  display: block;
-  padding-top: 20px;
+    font-size: 18px;
+    color: #D2D2D2;
+    line-height: 18px;
+    width: 100%;
+    display: block;
+    padding-top: 20px;
 }
 
 .floor_5_1 .floor_5_z p {
-  font-size: 14px;
-  color: #666;
-  line-height: 24px;
-  width: 100%;
-  margin-top: 10px;
-  height: 87px;
+    font-size: 14px;
+    color: #D2D2D2;
+    line-height: 24px;
+    width: 100%;
+    margin-top: 10px;
+    height: 87px;
 }
 
 .floor_5_1 .floor_5_z i {
-  display: block;
-  font-size: 16px;
-  color: #1f6eb1;
-  margin: 0;
-  padding: 0;
-  width: 170px;
-  height: 36px;
-  line-height: 36px;
-  text-align: center;
-  border: #1f6eb1 solid 2px;
-  border-radius: 18px;
-  transition: ease-in-out 0.2s;
+    display: block;
+    font-size: 16px;
+    color:  #D2D2D2;
+    margin: 0;
+    padding: 0;
+    width: 170px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background: #E3611C;
+    border-radius: 18px;
+    transition: ease-in-out 0.2s;
 }
 
 .floor_5_1 .floor_5_z em {
-  display: block;
-  width: 100px;
-  height: 100px;
-  background-color: #1f6eb1;
-  text-align: center;
-  font-size: 16px;
-  color: #fff;
-  position: absolute;
-  left: 0;
-  top: 0;
+    display: block;
+    width: 100px;
+    height: 100px;
+    background-color: transparent;
+    text-align: center;
+    font-size: 16px;
+    color: #E3611C;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
 
 .floor_5_1 .floor_5_z em span {
-  display: block;
-  font-size: 60px;
-  color: #fff;
-  line-height: 50px;
-  padding-top: 14px;
+    display: block;
+    font-size: 60px;
+    color: #E3611C;
+    line-height: 50px;
+    padding-top: 14px;
 }
 
 .floor_5_1 .floor_5_z:hover h3 {
-  color: #1f6eb1;
+    color: #E3611C;
 }
 
 .floor_5_1 .floor_5_z:hover p,
 .floor_5_1 .floor_5_z:hover i span {
-  color: #333;
+    color: #D2D2D2;
 }
 
 .floor_5_1 .floor_5_z i:hover {
-  background-color: #1f6eb1;
-  color: #fff;
-  border: #1f6eb1 solid 2px;
+    cursor: pointer;
+    /*background-color: #1f6eb1;*/
+    /*color: #fff;*/
+    /*border: #1f6eb1 solid 2px;*/
 }
 
 .floor_5_1 .floor_5_z a:hover b img {
-  -webkit-transform: scale(1.08);
-  -ms-transform: scale(1.08);
-  transform: scale(1.08);
+    -webkit-transform: scale(1.08);
+    -ms-transform: scale(1.08);
+    transform: scale(1.08);
 }
 
 .floor_5_1 .floor_5_y {
-  flex: 1;
-  width: 1px;
-  height: 452px;
+    flex: 1;
+    width: 1px;
+    height: 452px;
 }
 
 .floor_5_1 .floor_5_y ul {
-  display: block;
-  width: 100%;
-  height: 452px;
-  margin: 0 auto;
+    display: block;
+    width: 100%;
+    height: 452px;
+    margin: 0 auto;
 }
 
 .floor_5_1 .floor_5_y ul li {
-  height: 10.3rem;
-  width: 100%;
-  margin: 0 auto 2.8rem;
-  position: relative;
-  border-bottom: #b9b9b9 dashed 1px;
-  padding-bottom: 2.8rem;
+    height: 10.3rem;
+    width: 100%;
+    margin: 0 auto 2.8rem;
+    position: relative;
+    border-bottom: #b9b9b9 dashed 1px;
+    padding-bottom: 2.8rem;
 }
 
 .floor_5_1 .floor_5_y ul li em {
-  width: 9rem;
-  height: 9rem;
-  border: #e5e5e5 solid 1px;
-  text-align: center;
-  font-size: 1.6rem;
-  color: #333;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  transition: all 0.3s ease-in-out 0s;
-  margin-right: 2rem;
+    width: 9rem;
+    height: 9rem;
+    text-align: center;
+    font-size: 1.6rem;
+    color: #E5E4E4;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    transition: all 0.3s ease-in-out 0s;
+    margin-right: 2rem;
 }
 
 .floor_5_1 .floor_5_y ul li em span {
-  display: block;
-  font-size: 6rem;
-  color: #333;
-  line-height: 5rem;
-  padding-top: 1.4rem;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  transition: all 0.3s ease-in-out 0s;
+    display: block;
+    font-size: 6rem;
+    color: #E5E4E4;
+    line-height: 5rem;
+    padding-top: 1.4rem;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    transition: all 0.3s ease-in-out 0s;
 }
 
 .floor_5_1 .floor_5_y ul li a {
-  display: flex;
-  width: 100%;
-  height: 100px;
-  position: relative;
+    display: flex;
+    width: 100%;
+    height: 100px;
+    position: relative;
 }
 
 .floor_5_1 .floor_5_y ul li h3 {
-  flex: 1;
-  width: 1px;
-  height: 10.3rem;
+    flex: 1;
+    width: 1px;
+    height: 10.3rem;
 }
 
 .floor_5_1 .floor_5_y ul li p {
-  font-size: 1.8rem;
-  color: #333;
-  width: 100%;
-  line-height: 1.8rem;
-  -webkit-transition: all 0.3s ease-in-out 0s;
-  -moz-transition: all 0.3s ease-in-out 0s;
-  transition: all 0.3s ease-in-out 0s;
+    font-size: 1.8rem;
+    color: #D2D2D2;
+    width: 100%;
+    line-height: 1.8rem;
+    -webkit-transition: all 0.3s ease-in-out 0s;
+    -moz-transition: all 0.3s ease-in-out 0s;
+    transition: all 0.3s ease-in-out 0s;
 }
 
 .floor_5_1 .floor_5_y ul li p span {
-  display: block;
-  font-size: 1.4rem;
-  color: #666;
-  line-height: 2.2rem;
-  padding-top: 1.8rem;
-  font-weight: normal;
+    display: block;
+    font-size: 1.4rem;
+    color: #C6C1C1;
+    line-height: 2.2rem;
+    padding-top: 1.8rem;
+    font-weight: normal;
 }
 
 .floor_5_1 .floor_5_y ul li:hover p {
-  color: #1f6eb1;
+    color: #E3611C;
 }
 
 .floor_5_1 .floor_5_y ul li:hover em,
 .floor_5_1 .floor_5_y ul li:hover em span {
-  color: #1f6eb1;
+    color: #E3611C;
 }
+
 /*新闻*/
 
 @media screen and (max-width: 1760px) {
@@ -625,244 +629,249 @@
 }
 
 @media screen and (max-width: 1000px) {
-  .i_link ul li {
-    width: 19%;
-  }
+    .i_link ul li {
+        width: 19%;
+    }
 
-  .i_link ul li:nth-child(6n + 0) {
-    margin-right: 1.1%;
-  }
+    .i_link ul li:nth-child(6n + 0) {
+        margin-right: 1.1%;
+    }
 
-  .i_link ul li:nth-child(5n + 0) {
-    margin-right: 0;
-  }
-  .floor_5_1 {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    align-items: center;
-  }
-  .floor_5_1 .floor_5_z {
-    width: 100%;
-  }
-  .floor_5_1 .floor_5_z b {
-    width: 100%;
-    height: auto;
-  }
-  .floor_5_1 .floor_5_y {
-    width: 100%;
-  }
+    .i_link ul li:nth-child(5n + 0) {
+        margin-right: 0;
+    }
+
+    .floor_5_1 {
+        display: flex;
+        justify-content: space-between;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .floor_5_1 .floor_5_z {
+        width: 100%;
+    }
+
+    .floor_5_1 .floor_5_z b {
+        width: 100%;
+        height: auto;
+    }
+
+    .floor_5_1 .floor_5_y {
+        width: 100%;
+    }
 }
 
 @media screen and (max-width: 960px) {
 }
 
 @media screen and (max-width: 830px) {
-  /*轮显*/
-  #slider {
-    display: none;
-  }
+    /*轮显*/
+    #slider {
+        display: none;
+    }
 
-  .flash_div {
-    display: block;
-    margin-top: 64px;
-  }
+    .flash_div {
+        display: block;
+        margin-top: 64px;
+    }
 
-  .i_link ul li {
-    width: 24%;
-  }
+    .i_link ul li {
+        width: 24%;
+    }
 
-  .i_link ul li:nth-child(5n + 0) {
-    margin-right: 1.1%;
-  }
+    .i_link ul li:nth-child(5n + 0) {
+        margin-right: 1.1%;
+    }
 
-  .i_link ul li:nth-child(4n + 0) {
-    margin-right: 0;
-  }
+    .i_link ul li:nth-child(4n + 0) {
+        margin-right: 0;
+    }
 }
 
 @media screen and (max-width: 780px) {
-  .nproduct_list2 ul li {
-    width: 49%;
-  }
+    .nproduct_list2 ul li {
+        width: 49%;
+    }
 
-  .nproduct_list2 ul li:nth-child(3n + 0) {
-    margin-right: 1%;
-  }
+    .nproduct_list2 ul li:nth-child(3n + 0) {
+        margin-right: 1%;
+    }
 
-  .nproduct_list2 ul li:nth-child(2n + 0) {
-    margin-right: 0;
-  }
+    .nproduct_list2 ul li:nth-child(2n + 0) {
+        margin-right: 0;
+    }
 }
 
 @media screen and (max-width: 640px) {
-  .nproduct_list2 ul li p {
-    font-size: 13px;
-  }
+    .nproduct_list2 ul li p {
+        font-size: 13px;
+    }
 
-  .i_link ul li {
-    width: 32.5%;
-  }
+    .i_link ul li {
+        width: 32.5%;
+    }
 
-  .i_link ul li:nth-child(4n + 0) {
-    margin-right: 1.1%;
-  }
+    .i_link ul li:nth-child(4n + 0) {
+        margin-right: 1.1%;
+    }
 
-  .i_link ul li:nth-child(3n + 0) {
-    margin-right: 0;
-  }
+    .i_link ul li:nth-child(3n + 0) {
+        margin-right: 0;
+    }
 }
 
 @media screen and (max-width: 480px) {
-  .nproduct_list2 ul li p {
-    font-size: 12px;
-  }
-  .floor_5_1 .floor_5_y ul li h3 {
-    width: 100%;
-    float: right;
-    height: 100px;
-  }
+    .nproduct_list2 ul li p {
+        font-size: 12px;
+    }
+
+    .floor_5_1 .floor_5_y ul li h3 {
+        width: 100%;
+        float: right;
+        height: 100px;
+    }
 }
 
 @media screen and (max-width: 360px) {
 }
 
 .cloud-product {
-  position: relative;
-  z-index: 9;
-  padding: 60px 0;
+    position: relative;
+    z-index: 9;
+    padding: 60px 0;
 }
 
 .cloud-product-title {
-  height: 32px;
-  text-align: center;
-  line-height: 32px;
-  font-size: 32px;
-  color: #333;
-  font-weight: 600;
+    height: 32px;
+    text-align: center;
+    line-height: 32px;
+    font-size: 32px;
+    color: #333;
+    font-weight: 600;
 }
 
 .color-blue {
-  color: #009fd9;
+    color: #009fd9;
 }
 
 .cloud-product-explain {
-  margin-top: 26px;
-  margin-bottom: 82px;
-  line-height: 24px;
-  text-align: center;
-  font-size: 16px;
-  color: #999;
+    margin-top: 26px;
+    margin-bottom: 82px;
+    line-height: 24px;
+    text-align: center;
+    font-size: 16px;
+    color: #E5E4E4;
 }
 
 .cloud-product-explain.white {
-  color: #fff;
+    color: #fff;
 }
 
 .cloud-product-ul {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
 }
 
 .cloud-product-ul li {
-  position: relative;
-  margin-left: 19px;
-  flex: 1;
-  width: 1px;
-  height: 522px;
-  background: #fff;
+    position: relative;
+    margin-left: 19px;
+    flex: 1;
+    width: 1px;
+    height: 522px;
+    background: #fff;
 }
 
 .cloud-product-ul li:first-child {
-  margin-left: 0;
+    margin-left: 0;
 }
 
 .cloud-product-single-top {
-  width: 100%;
-  height: 60px;
-  line-height: 60px;
-  text-align: center;
-  background-color: #f2f2f2;
+    width: 100%;
+    height: 60px;
+    line-height: 60px;
+    text-align: center;
+    background-color: #f2f2f2;
 }
 
 .cloud-product-name {
-  font-size: 18px;
-  color: #333;
-  font-weight: 700;
+    font-size: 18px;
+    color: #333;
+    font-weight: 700;
 }
 
 .cloud-product-single-bottom {
-  width: 100%;
-  height: 340px;
+    width: 100%;
+    height: 340px;
 }
 
 .empty-space {
-  width: 100%;
-  height: 99px;
+    width: 100%;
+    height: 99px;
 }
 
 .single-bottom-item {
-  height: 340px;
-  width: 100%;
+    height: 340px;
+    width: 100%;
 }
 
 .single-bottom-item:first-child {
-  border-right: 1px solid #eee;
+    border-right: 1px solid #eee;
 }
 
 .bg-product-pic {
-  margin: 48px auto 0;
-  width: 100%;
-  height: 82px;
+    margin: 48px auto 0;
+    width: 100%;
+    height: 82px;
 }
 
 .server-header-01 {
-  background: url(../images/product_header_icon_01.png) center no-repeat;
+    background: url(../images/product_header_icon_01.png) center no-repeat;
 }
 
 .server-header-02 {
-  background: url(../images/product_header_icon_02.png) center no-repeat;
+    background: url(../images/product_header_icon_02.png) center no-repeat;
 }
 
 .server-header-03 {
-  background: url(../images/product_header_icon_03.png) center no-repeat;
+    background: url(../images/product_header_icon_03.png) center no-repeat;
 }
 
 .server-header-04 {
-  background: url(../images/product_header_icon_04.png) center no-repeat;
+    background: url(../images/product_header_icon_04.png) center no-repeat;
 }
 
 .server-header-05 {
-  background: url(../images/product_header_icon_05.png) center no-repeat;
+    background: url(../images/product_header_icon_05.png) center no-repeat;
 }
 
 .server-header-06 {
-  background: url(../images/product_header_icon_06.png) center no-repeat;
+    background: url(../images/product_header_icon_06.png) center no-repeat;
 }
 
 .server-header-active-01 {
-  background: url(../images/product_header_active_icon_01.png) center no-repeat;
+    background: url(../images/product_header_active_icon_01.png) center no-repeat;
 }
 
 .server-header-active-02 {
-  background: url(/upload/product_header_active_icon_02.png) center no-repeat;
+    background: url(/upload/product_header_active_icon_02.png) center no-repeat;
 }
 
 .server-header-active-03 {
-  background: url(../images/product_header_active_icon_03.png) center no-repeat;
+    background: url(../images/product_header_active_icon_03.png) center no-repeat;
 }
 
 .server-header-active-04 {
-  background: url(../images/product_header_active_icon_04.png) center no-repeat;
+    background: url(../images/product_header_active_icon_04.png) center no-repeat;
 }
 
 .server-header-active-05 {
-  background: url(../images/product_header_active_icon_05.png) center no-repeat;
+    background: url(../images/product_header_active_icon_05.png) center no-repeat;
 }
 
 .server-header-active-06 {
-  background: url(../images/product_header_active_icon_06.png) center no-repeat;
+    background: url(../images/product_header_active_icon_06.png) center no-repeat;
 }
 
 /* .idc-bg {
@@ -874,401 +883,254 @@
 } */
 
 .product-introduce-title {
-  margin-bottom: 14px;
-  height: 22px;
-  line-height: 22px;
-  font-size: 22px;
-  text-align: center;
+    margin-bottom: 14px;
+    height: 22px;
+    line-height: 22px;
+    font-size: 22px;
+    text-align: center;
 }
 
 .product-introduce-title.normal-weight {
-  font-weight: 400;
+    font-weight: 400;
 }
 
 .product-introduce-content {
-  margin: 0 auto 20px;
-  width: 100%;
-  line-height: 14px;
-  font-size: 14px;
-  text-align: center;
-  color: #999;
+    margin: 0 auto 20px;
+    width: 100%;
+    line-height: 14px;
+    font-size: 14px;
+    text-align: center;
+    color: #999;
 }
 
 .product-introduce-list {
-  margin: 0 auto;
-  padding-top: 28px;
-  height: 135px;
-  width: 84%;
-  border: 1px solid #f1f1f1;
-  border-left: none;
-  border-right: none;
+    margin: 0 auto;
+    padding-top: 28px;
+    height: 135px;
+    width: 84%;
+    border: 1px solid #f1f1f1;
+    border-left: none;
+    border-right: none;
 }
 
 .introduce-list-small {
-  margin-bottom: 18px;
-  line-height: 14px;
-  font-size: 14px;
-  color: #999;
-  text-align: center;
+    margin-bottom: 18px;
+    line-height: 14px;
+    font-size: 14px;
+    color: #999;
+    text-align: center;
 }
 
 .product-introduce-price {
-  margin: 48px auto 0;
-  font-size: 14px;
-  text-align: center;
-  color: #333;
+    margin: 48px auto 0;
+    font-size: 14px;
+    text-align: center;
+    color: #333;
 }
 
 .normal-inner {
-  transition: all 0.5s;
-  -moz-transition: all 0.5s;
-  -webkit-transition: all 0.5s;
-  -o-transition: all 0.5s;
+    transition: all 0.5s;
+    -moz-transition: all 0.5s;
+    -webkit-transition: all 0.5s;
+    -o-transition: all 0.5s;
 }
 
 .active-inner {
-  position: absolute;
-  display: none;
-  width: 100%;
-  height: 100%;
-  -moz-opacity: 0;
-  -khtml-opacity: 0;
-  opacity: 0;
-  transition: all 0.5s;
-  -moz-transition: all 0.5s;
-  -webkit-transition: all 0.5s;
-  -o-transition: all 0.5s;
+    position: absolute;
+    display: none;
+    width: 100%;
+    height: 100%;
+    -moz-opacity: 0;
+    -khtml-opacity: 0;
+    opacity: 0;
+    transition: all 0.5s;
+    -moz-transition: all 0.5s;
+    -webkit-transition: all 0.5s;
+    -o-transition: all 0.5s;
 }
 
 .introduce-link {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 360px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 360px;
 }
 
 .active-inner-01 {
-  background: linear-gradient(#0084ff, #026bbc);
+    background: linear-gradient(#0084ff, #026bbc);
 }
 
 .active-inner-02 {
-  background: linear-gradient(#0084ff, #026bbc);
+    background: linear-gradient(#0084ff, #026bbc);
 }
 
 .active-inner-03 {
-  background: linear-gradient(#0084ff, #026bbc);
+    background: linear-gradient(#0084ff, #026bbc);
 }
 
 .active-inner-04 {
-  background: linear-gradient(#0084ff, #026bbc);
+    background: linear-gradient(#0084ff, #026bbc);
 }
 
 .active-inner-05 {
-  background: linear-gradient(#0084ff, #026bbc);
+    background: linear-gradient(#0084ff, #026bbc);
 }
 
 .active-inner-06 {
-  background: linear-gradient(#0084ff, #026bbc);
+    background: linear-gradient(#0084ff, #026bbc);
 }
 
 .cloud-product-ul li.active .active-inner {
-  display: block;
-  -moz-opacity: 1;
-  -khtml-opacity: 1;
-  opacity: 1;
+    display: block;
+    -moz-opacity: 1;
+    -khtml-opacity: 1;
+    opacity: 1;
 }
 
 .cloud-product-ul li.active .normal-inner {
-  display: none;
-  -moz-opacity: 0;
-  -khtml-opacity: 0;
-  opacity: 0;
+    display: none;
+    -moz-opacity: 0;
+    -khtml-opacity: 0;
+    opacity: 0;
 }
 
 .cloud-product-ul li {
-  -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);
-  -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);
-  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);
-  -webkit-transition: width 0.15s linear;
-  -o-transition: width 0.15s linear;
-  -moz-transition: width 0.15s linear;
-  transition: width 0.15s linear;
+    -webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);
+    -moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);
+    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.08);
+    -webkit-transition: width 0.15s linear;
+    -o-transition: width 0.15s linear;
+    -moz-transition: width 0.15s linear;
+    transition: width 0.15s linear;
 }
 
 .cloud-product-ul li.active {
-  z-index: 9;
-  width: 304px;
-  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+    z-index: 9;
+    width: 304px;
+    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
 }
 
 .active .product-introduce-content {
-  color: #eff6ff;
+    color: #eff6ff;
 }
 
 .active-product-introduce-title {
-  color: #fff;
+    color: #fff;
 }
 
 .active .product-introduce-list {
-  padding: 22px 0;
-  height: auto;
-  border-color: #3f9ff9;
+    padding: 22px 0;
+    height: auto;
+    border-color: #3f9ff9;
 }
 
 .introduce-list-large {
-  margin: 0 auto;
-  width: 100%;
-  line-height: 22px;
-  color: #ddebff;
-  font-size: 14px;
+    margin: 0 auto;
+    width: 100%;
+    line-height: 22px;
+    color: #ddebff;
+    font-size: 14px;
 }
 
 .active .product-introduce-price {
-  margin-top: 32px;
-  color: #fefeff;
+    margin-top: 32px;
+    color: #fefeff;
 }
 
 .product-introduce-price .price-white {
-  display: inline-block;
-  font-size: 36px;
-  height: 36px;
-  line-height: 36px;
-  color: #fff;
+    display: inline-block;
+    font-size: 36px;
+    height: 36px;
+    line-height: 36px;
+    color: #fff;
 }
 
 .clear {
-  display: block;
-  clear: both;
+    display: block;
+    clear: both;
 }
 
 .clearfix {
-  zoom: 1;
+    zoom: 1;
 }
 
 .clearfix::after {
-  content: "";
-  display: block;
-  clear: both;
-  height: 0;
-  visibility: hidden;
+    content: "";
+    display: block;
+    clear: both;
+    height: 0;
+    visibility: hidden;
 }
 
 .analysis {
-  width: 100%;
-  background-image: url(../images/bg2.gif);
-  padding: 4% 0;
-  background-size: cover;
+    width: 100%;
+    background-image: url(../images/bg2.gif);
+    padding: 4% 0;
+    background-size: cover;
 }
 
 .analysis .common_tit {
-  height: 120px;
-  color: #fff;
+    height: 120px;
+    color: #fff;
 }
 
 .analysis .box {
-  position: relative;
-  display: flex;
-  align-items: center;
+    position: relative;
+    display: flex;
+    align-items: center;
 }
 
 .analysis .box ul {
-  width: 1px;
-  flex: 1.5;
+    width: 1px;
+    flex: 1.5;
 }
 
 .analysis .box ul li {
-  -o-transition: all 0.6s;
-  -moz-transition: all 0.6s;
-  -webkit-transition: all 0.6s;
-  -ms-transition: all 0.6s;
-  transition: all 0.6s;
-  background-color: #fff;
-  height: 180px;
-  margin-bottom: 14px;
-  float: left;
-  padding-left: 32px;
-  padding-top: 16px;
-  padding-right: 30px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
+    -o-transition: all 0.6s;
+    -moz-transition: all 0.6s;
+    -webkit-transition: all 0.6s;
+    -ms-transition: all 0.6s;
+    transition: all 0.6s;
+    background-color: #fff;
+    height: 180px;
+    margin-bottom: 14px;
+    float: left;
+    padding-left: 32px;
+    padding-top: 16px;
+    padding-right: 30px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
 }
 
 .analysis .box ul li:last-child {
-  margin-bottom: 0;
+    margin-bottom: 0;
 }
 
 .analysis .box .center:hover,
 .analysis .box ul li:hover {
-  -moz-box-shadow: 0 2px 12px #cecece;
-  -webkit-box-shadow: 0 2px 12px #cecece;
-  box-shadow: 0 2px 12px #cecece;
-  filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#cecece');
-  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#cecece')";
+    -moz-box-shadow: 0 2px 12px #cecece;
+    -webkit-box-shadow: 0 2px 12px #cecece;
+    box-shadow: 0 2px 12px #cecece;
+    filter: progid:DXImageTransform.Microsoft.Shadow(strength=2, direction=180, color='#cecece');
+    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#cecece')";
 }
 
 .analysis .box ul {
-  height: auto;
-  overflow: hidden;
+    height: auto;
+    overflow: hidden;
 }
 
 .analysis .box ul li i {
-  font-size: 30px;
-  font-style: normal;
-  display: block;
-  height: 63px;
-  width: 63px;
-  line-height: 62px;
-  text-align: center;
-  color: #fff;
-  font-weight: 700;
-  float: left;
-  margin-right: 5px;
-  background: #37a0f1;
-  border-radius: 4px;
-}
-
-.analysis .box ul li strong {
-  font-size: 20px;
-  color: #37a0f1;
-  display: block;
-  height: 63px;
-  line-height: 62px;
-}
-
-.analysis .box ul li p {
-  line-height: 26px;
-  /* padding-top: 12 px; */
-  color: #8f8f8f;
-}
-
-.analysis .box ul li:nth-child(even) {
-  float: right;
-}
-
-.analysis .box .center {
-  -o-transition: all 0.6s;
-  -moz-transition: all 0.6s;
-  -webkit-transition: all 0.6s;
-  -ms-transition: all 0.6s;
-  transition: all 0.6s;
-  height: 617px;
-  width: 1px;
-  flex: 1;
-  text-align: center;
-}
-
-.analysis .box .center_txt {
-  position: absolute;
-  left: 50%;
-  top: 60px;
-  right: 50%;
-  width: 282px;
-  margin-left: -141px;
-  text-align: center;
-  font-size: 36px;
-  color: #37a0f1;
-  z-index: 2;
-}
-
-.analysis_more {
-  display: block;
-  margin: 30px auto 0;
-  text-align: center;
-}
-
-.analysis_more a {
-  display: inline-block;
-  padding: 15px 25px;
-  border: 3px solid #fff;
-  font-size: 20px;
-  color: #fff;
-  font-weight: bold;
-}
-
-.common_tit {
-  text-align: center;
-  clear: both;
-  float: none;
-}
-
-.common_tit strong {
-  color: #ffffff;
-  font-size: 36px;
-  display: block;
-}
-
-.common_tit p {
-  font-size: 18px;
-  padding-top: 10px;
-  color: rgba(255, 255, 255, 0.37);
-}
-
-.common_tit i {
-  font-size: 0;
-  line-height: 0;
-  background-color: #ff6600;
-  display: inline-block;
-  height: 5px;
-  width: 70px;
-  margin-top: 10px;
-}
-
-@media screen and (max-width: 1200px) {
-  .cloud-product-ul {
-    display: block;
-  }
-
-  .cloud-product-ul li {
-    position: relative;
-    margin: 0 auto;
-    width: 90%;
-    height: auto;
-    background: #fff;
-  }
-
-  .cloud-product-ul li.active {
-    margin: 0 auto;
-    width: 90%;
-    height: 460px;
-  }
-
-  .analysis .box {
-    display: block;
-  }
-
-  .analysis .center {
-    display: none;
-  }
-
-  .analysis .box ul {
-    flex: 0;
-    width: 90%;
-    margin: 0 auto;
-    margin-bottom: 20px;
-  }
-
-  .analysis .box ul li strong {
-    font-size: 17px;
-    color: #37a0f1;
-    display: block;
-    height: 50px;
-    line-height: 50px;
-    white-space: nowrap; /* 不换行 */
-    overflow: hidden; /* 溢出隐藏 */
-    text-overflow: ellipsis; /* 显示省略号 */
-  }
-
-  .analysis .box ul li i {
     font-size: 30px;
     font-style: normal;
     display: block;
-    height: 50px;
-    width: 50px;
-    line-height: 50px;
+    height: 63px;
+    width: 63px;
+    line-height: 62px;
     text-align: center;
     color: #fff;
     font-weight: 700;
@@ -1276,80 +1138,258 @@
     margin-right: 5px;
     background: #37a0f1;
     border-radius: 4px;
-  }
+}
 
-  .bg-product-pic {
-    margin: 25px auto 0;
-    width: 100%;
-    height: 82px;
-  }
+.analysis .box ul li strong {
+    font-size: 20px;
+    color: #37a0f1;
+    display: block;
+    height: 63px;
+    line-height: 62px;
+}
 
-  .introduce-list-large,
-  .introduce-list-small {
-    line-height: 26px;
-    font-size: 16px;
-  }
-
-  .analysis .box ul li p {
+.analysis .box ul li p {
     line-height: 26px;
+    /* padding-top: 12 px; */
     color: #8f8f8f;
-    font-size: 14px;
-  }
+}
 
-  .normal-inner {
-    margin-bottom: 24px;
-  }
+.analysis .box ul li:nth-child(even) {
+    float: right;
+}
 
-  .analysis .box ul li {
-    padding: 16px;
-    height: auto;
-    width: 100%;
-    box-sizing: border-box;
-  }
+.analysis .box .center {
+    -o-transition: all 0.6s;
+    -moz-transition: all 0.6s;
+    -webkit-transition: all 0.6s;
+    -ms-transition: all 0.6s;
+    transition: all 0.6s;
+    height: 617px;
+    width: 1px;
+    flex: 1;
+    text-align: center;
+}
 
-  .common_tit p {
-    font-size: 16px;
-  }
+.analysis .box .center_txt {
+    position: absolute;
+    left: 50%;
+    top: 60px;
+    right: 50%;
+    width: 282px;
+    margin-left: -141px;
+    text-align: center;
+    font-size: 36px;
+    color: #37a0f1;
+    z-index: 2;
+}
 
-  .analysis .common_tit {
-    height: auto;
-    padding-bottom: 20px;
-  }
+.analysis_more {
+    display: block;
+    margin: 30px auto 0;
+    text-align: center;
+}
 
-  .common_tit strong {
-    font-size: 30px;
-  }
+.analysis_more a {
+    display: inline-block;
+    padding: 15px 25px;
+    border: 3px solid #fff;
+    font-size: 20px;
+    color: #fff;
+    font-weight: bold;
+}
+
+.common_tit {
+    text-align: center;
+    clear: both;
+    float: none;
+}
+
+.common_tit strong {
+    color: #ffffff;
+    font-size: 36px;
+    display: block;
+}
+
+.common_tit p {
+    font-size: 18px;
+    padding-top: 10px;
+    color: rgba(255, 255, 255, 0.37);
+}
+
+.common_tit i {
+    font-size: 0;
+    line-height: 0;
+    background-color: #ff6600;
+    display: inline-block;
+    height: 5px;
+    width: 70px;
+    margin-top: 10px;
+}
+
+@media screen and (max-width: 1200px) {
+    .cloud-product-ul {
+        display: block;
+    }
+
+    .cloud-product-ul li {
+        position: relative;
+        margin: 0 auto;
+        width: 90%;
+        height: auto;
+        background: #fff;
+    }
+
+    .cloud-product-ul li.active {
+        margin: 0 auto;
+        width: 90%;
+        height: 460px;
+    }
+
+    .analysis .box {
+        display: block;
+    }
+
+    .analysis .center {
+        display: none;
+    }
+
+    .analysis .box ul {
+        flex: 0;
+        width: 90%;
+        margin: 0 auto;
+        margin-bottom: 20px;
+    }
+
+    .analysis .box ul li strong {
+        font-size: 17px;
+        color: #37a0f1;
+        display: block;
+        height: 50px;
+        line-height: 50px;
+        white-space: nowrap; /* 不换行 */
+        overflow: hidden; /* 溢出隐藏 */
+        text-overflow: ellipsis; /* 显示省略号 */
+    }
+
+    .analysis .box ul li i {
+        font-size: 30px;
+        font-style: normal;
+        display: block;
+        height: 50px;
+        width: 50px;
+        line-height: 50px;
+        text-align: center;
+        color: #fff;
+        font-weight: 700;
+        float: left;
+        margin-right: 5px;
+        background: #37a0f1;
+        border-radius: 4px;
+    }
+
+    .bg-product-pic {
+        margin: 25px auto 0;
+        width: 100%;
+        height: 82px;
+    }
+
+    .introduce-list-large,
+    .introduce-list-small {
+        line-height: 26px;
+        font-size: 16px;
+    }
+
+    .analysis .box ul li p {
+        line-height: 26px;
+        color: #8f8f8f;
+        font-size: 14px;
+    }
+
+    .normal-inner {
+        margin-bottom: 24px;
+    }
+
+    .analysis .box ul li {
+        padding: 16px;
+        height: auto;
+        width: 100%;
+        box-sizing: border-box;
+    }
+
+    .common_tit p {
+        font-size: 16px;
+    }
+
+    .analysis .common_tit {
+        height: auto;
+        padding-bottom: 20px;
+    }
+
+    .common_tit strong {
+        font-size: 30px;
+    }
 }
 
 /*核心技术 start*/
-.core_technology{
-    display: flex;
+.core_technology {
+    background: #000000;
+    color: #FFFFFF;
+    padding: 52px 0;
 }
-.core_technology .img_style{
+
+.core_technology .wrap {
+    display: flex;
+    justify-content: space-around;
+}
+
+.core_technology .img_style {
+    width: 72px;
+    height: 72px;
     margin-right: 16px;
 }
-.core_technology h2{
-    font-size: 36px;
-}
-.core_technology p{
-    font-size: 16px;
+
+.core_technology p {
     margin-top: 16px;
 }
+
 /*核心技术 end*/
-.service-item{
+.service-item {
     width: 1px;
     flex: 1;
     margin: 0 32px;
 }
-.core-bg{
+.service-item img{
+    width: 100%;
+}
+.service-item p{
+    text-align: center;
+    padding: 8px;
+    font-size: 28px;
+}
+
+.core-bg {
     background: url(../images/coreBg.png) no-repeat;
-    background-size:contain;
+    background-size: contain;
     display: flex;
     justify-content: flex-end;
 }
-.core-bg .core-content{
-    width: 50%;
+
+.core-bg .core-content {
+    width: 46%;
 }
-.core-bg .core-item{
+
+.core-bg .core-item {
     display: flex;
+    margin-bottom: 40px;
+}
+.core-bg .core-item img{
+    width: 54px;
+    height: 54px;
+    margin-right: 24px;
+}
+.core-bg .core-item h3{
+    padding: 6px 0;
+    margin-bottom: 22px;
+    font-weight: normal;
+    letter-spacing: 6px;
 }
diff --git a/css/style.css b/css/style.css
index c5c5279..1c52c29 100644
--- a/css/style.css
+++ b/css/style.css
@@ -42,7 +42,15 @@ th {
 .wrap {
   clear: both;
   width: 96%;
-  max-width: 1300px;
+  max-width: 1800px;
+  margin: 0 auto;
+  text-align: left;
+  zoom: 1;
+  overflow: hidden;
+}
+.wrap0 {
+  clear: both;
+  width: 100%;
   margin: 0 auto;
   text-align: left;
   zoom: 1;
@@ -51,7 +59,7 @@ th {
 .wrap2 {
   clear: both;
   width: 96%;
-  max-width: 1300px;
+  max-width: 1800px;
   margin: 0 auto;
   text-align: left;
   zoom: 1;
@@ -65,6 +73,9 @@ th {
   zoom: 1;
   overflow: hidden;
 }
+.bg_black{
+    background: #000;
+}
 .divhidden {
   display: none;
 }
@@ -105,7 +116,7 @@ th {
   font-size: 30px;
 }
 .f28 {
-  font-size: 30px;
+  font-size: 28px;
 }
 .f24 {
   font-size: 24px;
@@ -289,7 +300,8 @@ th {
 .header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
 .header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
 .header-v1 .top-main .top-main-content {
-  /* float:right;*/ /* margin-top:31px;*/
+   float:right;
+
   text-align: center;
 }
 .navBar {
@@ -1133,6 +1145,34 @@ th {
   filter: Alpha(Opacity=80);
   opacity: 0.8;
 }
+.case-title{
+    display: flex;
+    color: #FFFFFF;
+    align-items: center;
+}
+.case-content{
+    color: #FFFFFF;
+    text-align: left;
+}
+.case-icon{
+    width: 54px !important;
+    height: 54px !important;
+}
+.more-style{
+    display: flex;
+    justify-content: flex-end;
+}
+.more-style img{
+    width: 32px !important;
+    height: 32px !important;
+    margin-right: 24px;
+}
+#owl-demo3 .item{
+    background: #1D1D1F;
+    border-radius: 24px;
+    padding: 24px;
+    color: #FFFFFF;
+}
 @media screen and (max-width: 1600px) {
   .f50 {
     font-size: 47px;
@@ -1270,6 +1310,10 @@ th {
   .f_bg .f_div2_r a {
     font-size: 18px;
   }
+    .core_technology .img_style{
+        width: 50px !important;
+        height: 50px !important;
+    }
 }
 @media screen and (max-width: 960px) {
   .f50 {
diff --git a/images/缂栫粍 5.png b/images/case-arrow.png
similarity index 100%
rename from images/缂栫粍 5.png
rename to images/case-arrow.png
diff --git a/images/缂栫粍 9.png b/images/case-icon.png
similarity index 100%
rename from images/缂栫粍 9.png
rename to images/case-icon.png
diff --git a/images/i_bg1.png b/images/i_bg1.png
index f083863..ee18c0d 100644
Binary files a/images/i_bg1.png and b/images/i_bg1.png differ
diff --git a/index.htm b/index.htm
index e419feb..8f5d78e 100644
--- a/index.htm
+++ b/index.htm
@@ -27,7 +27,7 @@
     <script src="/{ms:global.style/}js/owl.carousel.js"></script>
     <script type="text/javascript" src="/{ms:global.style/}js/basic.js"></script>
   </head>
-  <body>
+  <body class="bg_black">
     <div class="home-header"><#include "header.htm" /></div>
 
     <!--轮显begin-->
@@ -78,27 +78,30 @@
     <!--移动端 flash end-->
 <!--    核心技术 start-->
     <div class="core_technology anim anim-1">
-        <div class="flex-box">
-            <img src="/template/1/default/images/slzch.png" class="img_style" alt="算力资源资产化" />
-            <div>
-                <h2>算力资源资产化</h2>
-                <p>将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
-            </div>
-        </div>
-        <div class="flex-box">
-            <img src="/template/1/default/images/zndd.png" class="img_style" alt="智能调度与交付" />
-            <div>
-                <h2>智能调度与交付</h2>
-                <p>动态调度Token，高效完成AI训练/推理任务</p>
-            </div>
-        </div>
-        <div class="flex-box">
-            <img src="/template/1/default/images/jzjs.png" class="img_style" alt="价值结算与再投资" />
-            <div>
-                <h2>价值结算与再投资</h2>
-                <p>按Token消耗付费，资金反哺算力设施扩容</p>
+        <div class="wrap">
+            <div class="flex-box">
+                <img src="/template/1/default/images/slzch.png" class="img_style" alt="算力资源资产化" />
+                <div>
+                    <h2 class="f36">算力资源资产化</h2>
+                    <p class="f16">将异构GPU算力统一计量，封装为标准化的“算力Token”</p>
+                </div>
+            </div>
+            <div class="flex-box">
+                <img src="/template/1/default/images/zndd.png" class="img_style" alt="智能调度与交付" />
+                <div>
+                    <h2 class="f36">智能调度与交付</h2>
+                    <p class="f16">动态调度Token，高效完成AI训练/推理任务</p>
+                </div>
+            </div>
+            <div class="flex-box">
+                <img src="/template/1/default/images/jzjs.png" class="img_style" alt="价值结算与再投资" />
+                <div>
+                    <h2 class="f36">价值结算与再投资</h2>
+                    <p class="f16">按Token消耗付费，资金反哺算力设施扩容</p>
+                </div>
             </div>
         </div>
+
     </div>
 <!--    核心技术 end-->
     <div class="i_product_bg">
@@ -132,8 +135,9 @@
         </div>
       </div>
     </div>
+<!--    核心技术-->
     <div class="i_product_bg">
-      <div class="wrap2">
+      <div class="wrap0">
         <div class="cloud-product">
           <div class="i_title mg_0 anim anim-1">
             <h2 class="f41">我们的核心技术</h2>
@@ -148,31 +152,31 @@
                     <div class="core-item">
                         <img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
                         <div>
-                            <h3>AI算力运营底座</h3>
-                            <p>提供基于摩尔线程、清微智能等高性能提供GPU集群的AI算力运营调度平台。</p>
+                            <h3 class="f28">AI算力运营底座</h3>
+                            <p class="f18">提供基于摩尔线程、清微智能等高性能提供GPU集群的AI算力运营调度平台。</p>
                         </div>
                     </div>
                     <div class="core-item">
                         <img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
                         <div>
-                            <h3>一体化开发平台</h3>
-                            <p>与三大运营商、头部集成商战略合作，拥有直达千行百
+                            <h3 class="f28">一体化开发平台</h3>
+                            <p class="f18">与三大运营商、头部集成商战略合作，拥有直达千行百
                                 业的规模销售与交付通道</p>
                         </div>
                     </div>
                     <div class="core-item">
                         <img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
                         <div>
-                            <h3>AI人才培育体系</h3>
-                            <p>汇聚各行业领先的垂直AI应用厂商及国家级实验室，共同打造深
+                            <h3 class="f28">AI人才培育体系</h3>
+                            <p class="f18">汇聚各行业领先的垂直AI应用厂商及国家级实验室，共同打造深
                             </p>
                         </div>
                     </div>
                     <div class="core-item">
                         <img src="/template/1/default/images/core-icon.png" class="img_style" alt="智算中心建设运营" />
                         <div>
-                            <h3>专项创投基金</h3>
-                            <p>擅长将前沿技术转化为客户价格，并协调多元生态伙伴，驱动项
+                            <h3 class="f28">专项创投基金</h3>
+                            <p class="f18">擅长将前沿技术转化为客户价格，并协调多元生态伙伴，驱动项
                                 目从规划到运营的全周期成功</p>
                         </div>
                     </div>
@@ -182,9 +186,43 @@
         </div>
       </div>
     </div>
+<!--    核心技术-->
+    <div class="i_case_bg">
+        <div class="wrap2">
+            {ms:channel type='self' typeid="1666653706550321164"}
+            <div class="i_title anim anim-1">
+                <h2 class="f41">${field.typetitle}</h2>
+                <p class="f24">${field.typeshorttitle}</p>
+            </div>
+            {/ms:channel}
+            <div id="owl-demo3" class="owl-carousel">
+                {ms:arclist typeid="1666653706550321164" size=10}
+                <div class="item">
+                    <dd class="">
+                        <a href="{ms:global.html/}${field.link}" title="${field.title}" >
+<!--                            <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>-->
+                            <div class="case-title">
+                                <img src="/template/1/default/images/case-icon.png" class="case-icon" alt="">
+                                <h2 class="f22">${field.title}</h2>
+                            </div>
+                            <div class="case-content">
+                                {@ms:len field.descrip 50 /}
+                            </div>
+                            <div class="more-style">
+                                <img src="/template/1/default/images/case-arrow.png" alt="">
+                            </div>
 
-
-
+                          <!--  <div class="txts">
+                                <h2 class="f22">${field.title}</h2>
+                                <p class="p">{@ms:len field.descrip 20 /}</p>
+                            </div>-->
+                        </a>
+                    </dd>
+                </div>
+                {/ms:arclist}
+            </div>
+        </div>
+    </div>
     <div class="i_product_bg">
       <div class="wrap2">
         {ms:channel type='self' typeid="1666653706550321152"}
@@ -247,7 +285,7 @@
         </div>
       </div>
     </div>
-    <div class="wrap2">
+    <div class="wrap2 bg_black">
       {ms:channel type='self' typeid="1666653706550321163"}
       <div class="i_title anim anim-1">
         <h2 class="f41">${field.typetitle}</h2>
@@ -272,32 +310,7 @@
         </ul>
       </div>
     </div>
-    <div class="i_case_bg">
-      <div class="wrap2">
-        {ms:channel type='self' typeid="1666653706550321164"}
-        <div class="i_title anim anim-1">
-          <h2 class="f41">${field.typetitle}</h2>
-          <p class="f24">${field.typeshorttitle}</p>
-        </div>
-        {/ms:channel}
-        <div id="owl-demo3" class="owl-carousel">
-          {ms:arclist typeid="1666653706550321164" size=10}
-          <div class="item">
-            <dd class="">
-              <a href="{ms:global.html/}${field.link}" title="${field.title}">
-                <div class="imgs"><img src="{@ms:file field.litpic/}" alt="${field.title}" /></div>
-                <div class="txts">
-                  <h2 class="f22">${field.title}</h2>
-                  <p class="p">{@ms:len field.descrip 20 /}</p>
-                </div>
-              </a>
-            </dd>
-          </div>
-          {/ms:arclist}
-        </div>
-      </div>
-    </div>
-    <div class="wrap">
+    <div class="wrap bg_black">
       {ms:channel type='self' typeid="1666653706550321169"}
       <div class="i_title anim anim-1">
         <h2 class="f41">${field.typetitle}</h2>