.main-banner {background: linear-gradient(to right, #b872f5, #538afc);height: 280px;}
.main-banner .banner-title {position: relative;text-align: center;}
.main-banner .banner-title img {position: absolute;right: -146px;top: -135px;}
.main-banner .banner-title .p1 {font-size: 36px;font-weight: 400;color: #ffffff;padding-top: 90px;}
.main-banner .banner-title .p2 {font-size: 20px;color: #ffffff;line-height: 70px;}
.main-banner-full-a {display: block;width: 100%;height: 100%;}

.clear {clear:both;overflow:hidden;}
.clear5{clear: both;overflow: hidden; height:5px;}
.clear10{clear: both;overflow: hidden; height:10px;}
.clear15{clear: both;overflow: hidden; height:15px;}
.clear20{clear: both;overflow: hidden; height:20px;}
.clear30{clear: both;overflow: hidden; height:30px;}
.clear50{clear: both;overflow: hidden; height:50px;}
.clear90{clear: both;overflow: hidden; height:90px;}
.width1200{ width:1200px; margin:0 auto;overflow: hidden;}
.what {
  height: 542px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.what .what-left {
  width: 450px;
}
.what .what-left > h3 {
  font-size: 38px;
  color: #222;
}
.what .what-left > img {
  margin-top: 25px;
}
.what .what-left > p {
  margin-top: 70px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.what .what-left > a {
  margin-top: 90px;
  width: 166px;
  height: 46px;
  background: #00A2FF;
  border-radius: 23px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 46px;
  transition: all 1s ease-out;
  display: inline-block;
}
.what .what-left > a:hover {
  background: #FF7212;
  transform: translateY(10px);
}
.what > img {
  margin-left: 45px;
}
.features {
  height: 620px;
  background: #41A6F1 url("../images/bg1.png") no-repeat center;
}
.features > .width1200 {
  padding-top: 68px;
}
.features > .width1200 > h3 {
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  color: #FFFFFF;
}
.features > .width1200 > img {
  display: block;
  margin: 25px auto 0;
}
.features > .width1200 > .features-content {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.features > .width1200 > .features-content .features-item {
  margin-bottom: 30px;
  width: 580px;
  height: 170px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.features > .width1200 > .features-content .features-item .features-item-left {
  width: 186px;
  text-align: center;
}
.features > .width1200 > .features-content .features-item .features-item-left > h4 {
  margin-top: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.features > .width1200 > .features-content .features-item > p {
  font-size: 14px;
  width: 340px;
  line-height: 1.8;
  color: #666;
}
.our-service {
  padding-top: 90px;
}
.our-service > h3 {
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  color: #222;
}
.our-service > img {
  display: block;
  margin: 25px auto 0;
}
.our-service .our-service-content {
  padding: 36px 100px 0;
}
.our-service .our-service-content .our-service-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
}
.our-service .our-service-content .our-service-row .our-service-item {
  display: flex;
  align-items: flex-start;
}
.our-service .our-service-content .our-service-row .our-service-item > img {
  margin-right: 18px;
}
.our-service .our-service-content .our-service-row .our-service-item .our-service-item-right > h4 {
  font-size: 24px;
  color: #333;
}
.our-service .our-service-content .our-service-row .our-service-item .our-service-item-right > p {
  margin-top: 22px;
  font-size: 16px;
  color: #666;
}
.our-service .our-service-content .our-service-row .our-service-item .our-service-item-right > a {
  margin-top: 30px;
  width: 116px;
  height: 46px;
  background: #00A2FF;
  border-radius: 23px;
  font-size: 14px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  transition: all 1s ease-out;
  display: inline-block;
}
.our-service .our-service-content .our-service-row .our-service-item .our-service-item-right > a:hover {
  background: #FF7212;
  transform: translateY(10px);
}
.packages {
  background: #3CA7FB;
  height: 640px;
  padding-top: 60px;
}
.packages > h3 {
  text-align: center;
  font-size: 38px;
  font-weight: 500;
  color: #FFFFFF;
}
.packages > img {
  display: block;
  margin: 25px auto 0;
}
.packages .packageList {
  margin-top: 22px;
  padding: 70px 60px 60px;
  height: 385px;
  box-shadow: 0 14px 50px 0 rgba(57, 86, 124, 0.06);
  background: url("../images/package-bg.png") no-repeat center;
}
.packages .packageList .pl_left {
  float: left;
  width: 250px;
}
.packages .packageList .pl_left h3 {
  margin-bottom: 35px;
  color: #222;
  font-weight: 500;
  font-size: 26px;
}
.packages .packageList .pl_left h4 {
  margin-bottom: 35px;
}
.packages .packageList .pl_left h4 span {
  overflow: hidden;
  padding: 5px 10px;
  width: 168px;
  border: 1px solid #00a2ff;
  color: #00a2ff;
  font-weight: 400;
  font-size: 16px;
}
.packages .packageList .pl_left h5 {
  margin-bottom: 25px;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  line-height: 33px;
}
.packages .packageList .pl_left h5 span {
  margin-left: 10px;
  height: 27px;
  color: #ff2727;
  font-weight: 700;
  font-size: 38px;
  line-height: 33px;
}
.packages .packageList .pl_left .btn_ljqg > a {
  width: 116px;
  height: 44px;
  background: #00A2FF;
  border-radius: 22px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  -webkit-transition: -webkit-transform 1s ease-out;
  -moz-transition: -moz-transform 1s ease-out;
  -o-transition: -o-transform 1s ease-out;
  -ms-transition: -ms-transform 1s ease-out;
}
.packages .packageList .pl_left .btn_ljqg > a:hover {
  background: #FF7212;
}
.packages .packageList .pl_right {
  margin-left: 45px;
  float: left;
  width: 770px;
}
.packages .packageList .pl_right ul li {
  float: left;
  width: 130px;
  padding-left: 30px;
  margin: 10px 15PX;
  border-bottom: 1px dashed #e4e9ef;
  background: url("../images/icom02.png") no-repeat left center/18px 18px;
}
.packages .packageList .pl_right ul li a {
  color: #222;
  font-weight: 400;
  font-size: 14px;
  line-height: 48px;
}
.packages .packages-more {
  display: block;
  margin: 25px auto 0;
  width: 166px;
  height: 46px;
  border: 1px solid #FFFFFF;
  border-radius: 23px;
  color: #fff;
  text-align: center;
  line-height: 46px;
  transition: all 1s ease-out;
}
.packages .packages-more:hover {
  transform: translateY(10px);
}
.wmdys {
  height: 767px;
  background: url(../images/bg02.png) no-repeat center;
}
.wmdys .ys_list li h3.on {
  background-position: 172px center;
}
.page06 .title {
  text-align: center;
  background: #00A2FF;
}
.page06 .title .t2 {
  text-align: center;
  background: #804EF2;
}
.page06 .title .t3 {
  text-align: center;
  background: #F0554D;
}
.page06 .title h3 {
  font-size: 24px;
  color: #fff;
  line-height: 50px;
}
.page06 .title p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 10px;
}
.page06 .backL {
  position: relative;
  width: 512px;
  float: left;
  margin-right: 28px;
}
.page06 .backR {
  width: 659px;
  float: left;
}
.page06 .box-back {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.page06 .box-back .back1 {
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.page06 .box-back .back1 img:first-child {
  animation: back1 12s linear infinite;
  -moz-animation: back1 12s linear infinite;
  -webkit-animation: back1 12s linear infinite;
  -o-animation: back1 12s linear infinite;
}
.page06 .box-back .back1 img:last-child {
  animation: back1s 12s linear infinite;
  -moz-animation: back1s 12s linear infinite;
  -webkit-animation: back1s 12s linear infinite;
  -o-animation: back1s 12s linear infinite;
}
.page06 .box-back .back2 {
  width: 100%;
  height: 276px;
  overflow: hidden;
}
.page06 .box-back .back2 img:first-child {
  animation: back2 12s linear infinite;
  -moz-animation: back2 12s linear infinite;
  -webkit-animation: back2 12s linear infinite;
  -o-animation: back2 12s linear infinite;
}
.page06 .box-back .back2 img:last-child {
  animation: back2s 12s linear infinite;
  -moz-animation: back2s 12s linear infinite;
  -webkit-animation: back2s 12s linear infinite;
  -o-animation: back2s 12s linear infinite;
}
.page06 .box-back .back3 {
  width: 100%;
  height: 711px;
  overflow: hidden;
}
.page06 .box-back .back3 img:first-child {
  animation: back3 12s linear infinite;
  -moz-animation: back3 12s linear infinite;
  -webkit-animation: back3 12s linear infinite;
  -o-animation: back3 12s linear infinite;
}
.page06 .box-back .back3 img:last-child {
  animation: back3s 12s linear infinite;
  -moz-animation: back3s 12s linear infinite;
  -webkit-animation: back3s 12s linear infinite;
  -o-animation: back3s 12s linear infinite;
}
.page06 .box-back > div img {
  position: absolute;
}
.title01{font-size: 30px;color: #222222;text-align: center;background: url("../images/icom01.png")no-repeat center bottom;padding-bottom: 40px;}
.title01 h3{font-size: 38px;color:#222222; font-weight: 500;}
.title01 h3 span{width:30px;height: 43px;display: inline-block;background: url("../images/icom03.png")no-repeat center/100% auto;}
.wmdys .ys_list{width:1200px;}
.wmdys .ys_list li{float: left;width: 24.5%;padding-left: 8%;overflow: hidden;height: 140px;border-right:1px solid #E4E9EF;margin-bottom: 30px;margin: 0;padding-top: 20px;}
.wmdys .ys_list li:nth-child(3n){border-right:none;margin: 0 0 30px 0;}
.wmdys .ys_list li h3{color: #222222;font-size:20px;line-height: 30px;}
.wmdys .ys_list li h3.on {
  
}
.wmdys .ys_list li h3.on{background: url("../images/icom03.png") no-repeat 90px center/13px 15px;background-position: 172px center;}
.wmdys .ys_list li p{color: #7E7E7E;font-size:14px;line-height: 30px;}
.wmdys .ys_list li i{width: 1px;background: #fff;opacity: .3;height: 100%;display: inline-block;left: 0;top:0;position: absolute;}
.wmdys .ys_list li i.i_right{right:0;left: auto;}
.wmdys .ys_list li.li01{background: url("../images/ys1.png")no-repeat 20px 40px/50px 50px;}
.wmdys .ys_list li.li02{background: url("../images/ys2.png")no-repeat 20px 40px/50px 50px;}
.wmdys .ys_list li.li03{background: url("../images/ys3.png")no-repeat 20px 40px/50px 50px;}
.wmdys .ys_list li.li04{background: url("../images/ys4.png")no-repeat 20px 40px/50px 50px;}
.wmdys .ys_list li.li05{background: url("../images/ys5.png")no-repeat 20px 40px/50px 50px;}
.wmdys .ys_list li.li06{background: url("../images/ys6.png")no-repeat 20px 40px/50px 50px;}

.wmdys .ys_list li:hover{box-shadow: 0 10px 30px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.tip01 p{padding-left: 30px;width: 400px;background: url('../images/icom04.png') no-repeat left center/21px 21px;color:#222;font-weight:400;font-size:16px;line-height:32px;margin: 0 auto;}
.btn_ljqg a{width: 116px;height: 44px;background: #00A2FF;border-radius: 22px;line-height: 44px;text-align: center;color: #fff;-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;display: inline-block;}
.btn_ljqg a:hover{color: #fff;-webkit-transform: translateY(10px);}

/*---news--*/
.auto{width:1040px; margin:0 auto;height: 300px;display: flex;justify-content: center;align-items: center;}
.hydt{width:490px; padding:20px 0;}
.hydt_title{height:44px; line-height:44px; border-bottom:1px solid #cccccc; background:url(../images/hydt_title_icon.gif) no-repeat 0 13px; }
.hydt_title span{color:#666666; font-size:20px; border-bottom:1px solid #0066cc;padding-left:20px;}
.hydt_title a{color:#0066cc; font-size:14px;}

.hydt_newscont{padding:10px 0;}
.t-box li{height:32px; line-height:32px; font-size:14px;}
.t-box li span{float:right; color:#999999;}
.t-box li a{overflow:hidden; color:#666666;}
.t-box li a:hover{color:#0066cc;}

.zxzx_title{background:url(../images/zxzx_title_icon.gif) no-repeat 0 13px;}
.rt{float:right;}
/*---news end--*/