.page {
  position: relative;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
}

.layer1 {
  width: 100%;
}




.label2 {
  width: 30px;
  height: 30px;
  margin: 15px 0 0 40px;
}

.main2 {
	z-index: 63;
	height: 750px;
	overflow: hidden;
	/*background: url(../img/SketchPngb444deb6aa4f18bc73a0a3d19ce896bd2dd71b0e64d0bfffc1bc125ff216dff6.png) 100% no-repeat;*/
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.mod1 {
  width: 1200px;
  height: 720px;
  margin: 0px auto;
  z-index: 9999999;
  padding-top: 100px;
}

.wrap1 {
  width: 540px;
  height: 106px;
  margin-top: 143px;
}

.word2 {
  width: 540px;
  height: 60px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 40px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 60px;
  text-align: left;
}

.txt2 {
  width: 500px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin-top: 20px;
}

.wrap2 {
  height: 500px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  width: 550px;
}

.outer1 {
  width: 256px;
  height: 50px;
  margin: 435px 0 0 0px;
}

.bd2 {
  z-index: 77;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background: url(../img/SketchPng3c9a2720172b5104879548518f7e063e0c013c533f25cc83c8dbbfc29c8f3298.png)
    100% no-repeat;
  margin-left:20px;
}

.img1 {
  z-index: 78;
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.bd3 {
  width: 194px;
  height: 46px;
  margin-top: 1px;
  margin-left: 10px;
}

.info2 {
  width: 194px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 21px;
  text-align: left;
}

.txt3 {
  width: 42px;
  height: 19px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 14px;
  font-family: MicrosoftYaHei;
  white-space: nowrap;
  line-height: 19px;
  text-align: left;
  margin-top: 6px;
}

.mod2 {
  z-index: 99999968;
  position: absolute;
  left: 690px;
  top: 100px;
  width: 550px;
  height: 421px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  /*background: url(../img/SketchPngf36817bf02a25471c6fa1cabb04f02cedffe3acce732618adf6885a67f82e5d8.png)
    100% no-repeat;*/
}

.wrap3 {
  z-index: 69;
  height: 421px;
  /*background: url(../img/SketchPngd0835158491914327b42bfb805979b7bde8307f2f28ea484093fb0da192d4a29.png)
    100% no-repeat;*/
  width: 550px;
  overflow: hidden;
  position: absolute;
  top: 100px;
}

.img2 {
  width: 550px;
  height: auto;
  border-radius: 20px 20px 0 0;
}

.mod3 {
  z-index: 64;
  height: 720px;
  /*background: url(../img/SketchPnga0aa163816c0c6d7a4de582d9a635a64fa8428c88a0006d95c5dd5703f1919b2.png)
    100% no-repeat;*/
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.pic1 {
  width: 100%;
  height: auto;
}

.word3 {
  width: 152px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 38px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
  margin: 0px auto;
}

.main3 {
  width: 1200px;
  margin: 0px auto;
  margin-top: 55px;
  margin-bottom: 55px;
}

.outer2 {
  z-index: 3;
  height: 614px;
  border-radius: 10px;
  overflow: hidden;
  background: url(../img/SketchPng79042c3ff98d731ca28abe45aeba4f07b3903646a6555dfcca0e3aa4a9276364.png) -4px -2px
    no-repeat;
  width: 386px;
  position: relative;
}

.bd4 {
  width: 366px;
  height: 322px;
  margin-top: 277px;
}

.bd5 {
  height: 60px;
  background: url(../img/SketchPng5bcf0effafd01cbcf44480d0ad2c5f3ab3689c495f9f6022405c94c92e7add43.png)
    100% no-repeat;
  width: 60px;
}

.group1 {
  width: 18px;
  height: 32px;
  background: url(../img/SketchPngb59b40f92895425b50addc8219c60369f09c3646db1bed88bf16d4d6306619ae.png)
    100% no-repeat;
  margin: 14px 0 0 21px;
}

.info3 {
  width: 338px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 21px;
  text-align: left;
  margin: 204px 0 0 20px;
}

.word4 {
  width: 43px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: MicrosoftYaHei;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  margin: 13px 0 0 323px;
}

.pic2 {
  z-index: 4;
  position: absolute;
  left: -4px;
  top: -2px;
  width: 394px;
  height: 602px;
}

.bd6 {
  z-index: 5;
  position: absolute;
  left: -2px;
  top: -5px;
  width: 393px;
  height: 620px;
  background: url(../img/SketchPng85dd1e7d663bdf290c1c2d72fd34d1e5591378e049e3811da69d3cb23ace3995.png) -2px
    4px no-repeat;
}

.outer3 {
  z-index: 51;
  height: 614px;
  border-radius: 10px;
  overflow: hidden;
  background: url(../img/SketchPng7f2db312c343eb99386bce2c5f74b27ad5751ddbde068713b37e4d022e058ffb.png) -4px -2px
    no-repeat;
  width: 386px;
  position: relative;
}

.group2 {
  width: 346px;
  height: 58px;
  margin: 541px 0 0 20px;
}

.word5 {
  width: 338px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 21px;
  text-align: left;
}

.word6 {
  width: 43px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: MicrosoftYaHei;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
  margin: 13px 0 0 303px;
}

.group3 {
  z-index: 52;
  position: absolute;
  left: -8px;
  top: 1px;
  width: 402px;
  height: 614px;
  background: url(../img/SketchPngeeabb665988b2accef43ab146a9483376342cc04689b7894cafea6b23cb7a4fa.png)
    4px -2px no-repeat;
}

.outer4 {
  z-index: 58;
  height: 614px;
  border-radius: 10px;
  overflow: hidden;
  background: url(../img/SketchPng7f2db312c343eb99386bce2c5f74b27ad5751ddbde068713b37e4d022e058ffb.png) -4px -2px
    no-repeat;
  width: 386px;
  position: relative;
}

.main4 {
  width: 287px;
  height: 21px;
  margin: 541px 0 0 20px;
}

.word7 {
  width: 287px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 21px;
  text-align: left;
}

.main5 {
  width: 43px;
  height: 24px;
  margin: 13px 0 0 323px;
}

.txt4 {
  width: 43px;
  height: 24px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: MicrosoftYaHei;
  white-space: nowrap;
  line-height: 24px;
  text-align: left;
}

.main6 {
  width: 60px;
  height: 60px;
  margin: -322px 0 277px 326px;
}

.layer4 {
  height: 60px;
  background: url(../img/SketchPng45f3939cca75861186eae0a9776d133036192dbae2ef4e9b1f5c09492e2d4d35.png)
    100% no-repeat;
  width: 60px;
}

.mod4 {
  width: 18px;
  height: 32px;
  background: url(../img/SketchPng42a052cd0e38f2e521a9d2aaf1525f6e7c6c34d0a39192a89ff3138755bec981.png)
    100% no-repeat;
  margin: 14px 0 0 21px;
}

.main7 {
  z-index: 59;
  position: absolute;
  left: -7px;
  top: 1px;
  width: 404px;
  height: 614px;
  background: url(../img/SketchPngae39190cce8ed2f9f6ac0c1e16dd4ab278f87c8924d0f8c512a6e558710da4e4.png)
    3px -2px no-repeat;
}

.main8 {
  width: 140px;
  height: 20px;
  margin: 40px 0 0 770px;
}

.outer5 {
  width: 20px;
  height: 20px;
  background-color: rgba(46, 128, 226, 1);
  border-radius: 50%;
}

.outer6 {
  width: 20px;
  height: 20px;
  background-color: rgba(46, 128, 226, 0.3);
  border-radius: 50%;
}

.outer7 {
  width: 20px;
  height: 20px;
  background-color: rgba(46, 128, 226, 0.3);
  border-radius: 50%;
}

.outer8 {
  width: 20px;
  height: 20px;
  background-color: rgba(46, 128, 226, 0.3);
  border-radius: 50%;
}

.txt5 {
  width: 190px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 38px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 50px;
  text-align: center;
  margin: 0px auto;
}

.main9 {
  width: 1200px;
  display: block;
  margin: 0px auto;
  margin-top:40px;
}

.wrap4 {
  height: 277px;
  border-radius: 10px;
  border: 1px solid rgba(212, 212, 212, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 386px;
  float: left;
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
}
.wrap4:hover {
  height: 277px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  width: 386px;
}
.wrap4:nth-child(3n) {
  margin-right: 0px;
}

.group4 {
  width: 386px;
  height: 260px;
}

.section2 {
  z-index: 10;
  position: relative;
  width: 386px;
  height: 217px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  /*background: url(../img/SketchPngc86e2334f6748b0146b2d315c9c9d0ffd86f1c6cd2879a3afafe4382aab02db3.png)
    100% no-repeat;*/
}

.img3 {
  z-index: 11;
  position: absolute;
  width: 384px;
}

.txt6 {
  width: 40px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 17px 0 0 173px;
}

.wrap5 {
  height: 277px;
  border-radius: 10px;
  border: 1px solid rgba(212, 212, 212, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 386px;
}

.block1 {
  width: 386px;
  height: 260px;
}

.box1 {
  z-index: 16;
  position: relative;
  width: 386px;
  height: 217px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: url(../img/SketchPngc86e2334f6748b0146b2d315c9c9d0ffd86f1c6cd2879a3afafe4382aab02db3.png)
    100% no-repeat;
}

.pic3 {
  z-index: 18;
  position: absolute;
  left: 0;
  top: 0;
  width: 386px;
  height: 217px;
}

.pic4 {
  z-index: 17;
  position: absolute;
  left: 1px;
  top: 0;
  width: 385px;
  height: 217px;
}

.info4 {
  width: 60px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 17px 0 0 164px;
}

.wrap6 {
  height: 277px;
  border-radius: 10px;
  border: 1px solid rgba(212, 212, 212, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 386px;
}

.section3 {
  width: 386px;
  height: 260px;
}

.bd7 {
  z-index: 23;
  position: relative;
  width: 386px;
  height: 217px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: url(../img/SketchPngc86e2334f6748b0146b2d315c9c9d0ffd86f1c6cd2879a3afafe4382aab02db3.png)
    100% no-repeat;
}

.img4 {
  z-index: 25;
  position: absolute;
  left: 0;
  top: 0;
  width: 386px;
  height: 217px;
}

.pic5 {
  z-index: 24;
  position: absolute;
  left: 1px;
  top: 0;
  width: 385px;
  height: 217px;
}

.info5 {
  width: 40px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 17px 0 0 173px;
}

.main10 {
  width: 1200px;
  height: 277px;
  justify-content: space-between;
  margin: 0px auto;
  margin-top:40px;
}

.group5-0 {
  height: 277px;
  border-radius: 10px;
  border: 1px solid rgba(212, 212, 212, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-right: 20px;
  width: 386px;
}

.main11-0 {
  z-index: auto;
  position: relative;
  width: 386px;
  height: 260px;
}

.section4-0 {
  z-index: 30;
  position: absolute;
  left: 0;
  top: 0;
  width: 386px;
  height: 217px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: url(../img/SketchPngc86e2334f6748b0146b2d315c9c9d0ffd86f1c6cd2879a3afafe4382aab02db3.png)
    100% no-repeat;
}

.img5-0 {
  z-index: 32;
  position: absolute;
  left: 0;
  top: 0;
  width: 386px;
  height: 217px;
}

.pic6-0 {
  z-index: 31;
  position: absolute;
  left: 1px;
  top: 0;
  width: 385px;
  height: 217px;
}

.word8-0 {
  width: 60px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 234px 0 0 173px;
}

.group5-1 {
  height: 277px;
  border-radius: 10px;
  border: 1px solid rgba(212, 212, 212, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-right: 20px;
  width: 386px;
}

.main11-1 {
  z-index: auto;
  position: relative;
  width: 386px;
  height: 260px;
}

.section5-1 {
  z-index: 37;
  position: absolute;
  left: 0;
  top: 0;
  width: 386px;
  height: 217px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: url(../img/SketchPngc86e2334f6748b0146b2d315c9c9d0ffd86f1c6cd2879a3afafe4382aab02db3.png)
    100% no-repeat;
}

.section6-1 {
  z-index: 39;
  height: 217px;
  background: url(../img/SketchPng052dfd03911b9e708b7bd8fd9cac9296b6e093a245ef340b5acf82c8a21c7df4.png)
    100% no-repeat;
  width: 386px;
  position: absolute;
  left: 0;
  top: 0;
}

.box2-1 {
  height: 217px;
  background: url(../img/SketchPng23fe90fca1cdff31e058456e5c66b9bef8867726e51864c92e4af02ce03ad79a.png)
    100% no-repeat;
  width: 386px;
}

.img6-1 {
  width: 386px;
  height: 217px;
}

.img7-1 {
  z-index: 38;
  position: absolute;
  left: 1px;
  top: 0;
  width: 385px;
  height: 217px;
}

.word8-1 {
  width: 60px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 234px 0 0 173px;
}

.group5-2 {
  height: 277px;
  border-radius: 10px;
  border: 1px solid rgba(212, 212, 212, 1);
  background-color: rgba(255, 255, 255, 1);
  margin-right: 20px;
  width: 386px;
}

.main11-2 {
  z-index: auto;
  position: relative;
  width: 386px;
  height: 260px;
}

.section7-2 {
  z-index: 46;
  position: absolute;
  left: 2px;
  top: 0;
  width: 386px;
  height: 217px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  background: url(../img/SketchPngc86e2334f6748b0146b2d315c9c9d0ffd86f1c6cd2879a3afafe4382aab02db3.png)
    100% no-repeat;
}

.box3-2 {
  z-index: 48;
  height: 217px;
  background: url(../img/SketchPng19214e815e62846c9f4abe66c0eaf79831131ef1ca616f1ea67c238dfe757e11.png)
    100% no-repeat;
  width: 386px;
  position: absolute;
  left: 0;
  top: 0;
}

.img8-2 {
  width: 386px;
  height: 217px;
}

.pic7-2 {
  z-index: 47;
  position: absolute;
  left: 1px;
  top: 0;
  width: 385px;
  height: 217px;
}

.word8-2 {
  width: 60px;
  height: 26px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 26px;
  text-align: left;
  margin: 234px 0 0 173px;
}

.main12 {
  height: 480px;
  background-color: rgba(242, 251, 254, 1);
  margin-top: 82px;
  padding-top:60px;
  width: 100%;
}

.section8 {
  width: 152px;
  height: 50px;
  margin: 0px auto;
}

.word9 {
  width: 152px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 38px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
}

.section9 {
  width: 608px;
  height: 269px;
  margin: 0px auto;
  margin-top:40px;
}

.img9 {
  width: 61px;
  height: 50px;
  margin-top: 84px;
}

.box4 {
  width: 192px;
  height: 101px;
  margin: 84px 0 0 14px;
}

.word10 {
  width: 190px;
  height: 50px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 38px;
  font-family: MicrosoftYaHei-Bold;
  white-space: nowrap;
  line-height: 50px;
  text-align: left;
}

.word11 {
  width: 192px;
  height: 31px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(68, 76, 86, 1);
  font-size: 24px;
  font-family: MicrosoftYaHei;
  white-space: nowrap;
  line-height: 31px;
  text-align: left;
  margin-top: 20px;
}

.box5 {
  height: 269px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 8px 0px rgba(101, 184, 211, 1);
  margin-left: 74px;
  width: 267px;
}

.img10 {
  width: 232px;
  height: 230px;
  margin: 20px 0 0 18px;
}










.Box {position: relative;margin: 0px auto;}
.Box .content {width: 960px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 60px;height: 60px;position: absolute;top: 130px;cursor: pointer;z-index: 8;}
.Box .Box_con .btnl {background: url(../img/left.png) no-repeat center;left: 4px;box-shadow: none;}
.Box .Box_con .btnr {background: url(../img/right.png) no-repeat center;right: 10px;box-shadow: none;}
.Box .Box_con .btnl:hover {background: url(../img/left2.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../img/right2.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 308px;height: auto;margin-left: 15px;overflow: hidden;position:relative;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {/*display: block;width: 310px;height: auto;*/margin: 0 -30%;transition: all 0.5s;max-width: -webkit-fill-available;min-height: 265px;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1);}
.Box .Box_con .conbox ul li a{color:#fff;display: block;height: 100%;margin: 0px auto;border-radius: 10px; overflow:hidden;position: relative; z-index:1}
.Box .Box_con .conbox ul li a:hover{color:#fff;}
.Box .Box_con .conbox ul li .txt{position:absolute;left:7%;bottom:20px;width:92%;height:60px;padding-top:10px;}
.Box .Box_con .conbox ul li:hover .txt{box-shadow:0 0 20px 20px rgba(46, 128, 226, 0.35);background-color:#3081e1\3;background-color:rgba(46, 128, 226, 0.35);}
.Box .Box_con .conbox ul li .txt h3{width:94%;text-decoration:none;display:block;height:25px;font:700 15px/25px arial,"Microsoft Yahei";overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Box .Box_con .conbox ul li .txt p{width:94%;height:25px;line-height:25px;font-size:14px;text-align:right}

.Box .BoxSwitch {margin-top: 35px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 15px;height: 15px;border-radius: 50%;background: rgba(46, 128, 226, 0.3);margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: rgba(46, 128, 226, 1);}