@charset "utf-8";

/*----公共样式-----*/
.max_width {
  overflow: hidden;
  margin: 0 auto;
  width: 1000px;
}

.btn {
	font-size: 0;
  text-align: center;
}

.btn a {
  display: inline-block;
  vertical-align: top;
width: 327px;
height: 74px;
  margin: 0 20px;line-height: 74px;
  letter-spacing: 1px;
	font-size: 30px;color: #fff;
	background:#2b8ff1;color: #fff;border-radius: 10px;text-align: center;
}

.btn .btn02{background: #fff;color: #000000;}

.title{
	text-align: center;font-size: 0;
}
.title h2{line-height: 60px;font-size: 42px;color: #333333;letter-spacing: 2px;}
img {
  max-width: initial;
}
.wp{
	width: 1000px;
	margin: 0 auto;
}
/*----------------*/
.banner_wrap {
  overflow: hidden;
  width: 100%;
  height: 600px;
  background: url(../images/banner.png) top no-repeat;
  min-width: 1000px;
}

.banner_con{
	width: 1000px;
	margin: 0 auto;
}
.banner_con a{width: 246px;height:71px;display: block;font-size: 0;margin-top: 463px;margin-left:41px;}
.conterbg{background:#efefef}

.box1_wrap {
  width: 100%;
  padding: 55px 0 0px; 
}
.box1_con{width: 1000px;margin: 0 auto;	padding: 32px 0 0px;}
.box1_con,.box2_con,.box4_con,.box3-hid,.box6-slie ul{text-align: justify;text-justify:distribute-all-lines;font-size: 0;line-height: 0;}
.box1_con:after,.box2_con:after,.box4_con:after,.box3-hid:after,.box6-slie ul:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}

.box1_con dl{display: inline-block;vertical-align: top;padding: 16px 10px 0 13px;height: 480px;width: 299px;background: #fff;border-radius: 10px;position: relative;}
.box1_con dl dt h3{font-size: 30px;color: #333333;line-height: 36px;padding-bottom: 11px;}
.box1_con dl dt strong{width: 92px;height: 35px;background: url(../images/page1-bg.png) no-repeat;font-size: 30px;color: #fff;text-align: center;position: absolute;right: 0;top: 16px;line-height: 35px;}
.box1_con dl dd{padding-top: 10px;}
.box1_con dl dd p{font-size: 20px;color: #3e3d3d;padding-left: 15px;line-height: 38px;position: relative;}
.box1_con dl dd p em{width: 4px;height: 4px;border-radius: 100px;background: #3c3b3b;position: absolute;left: 0;top: 16px;}
.box1_con dl dd a{letter-spacing: 1px;font-size: 24px;width: 202px;line-height: 54px;height: 54px;left: 50%;margin-left: -101px;display: block;position: absolute;bottom: 30px;background: linear-gradient(90deg,#2b8ff1,#2b8ff1);border-radius: 50px;text-align: center;color: #fff;}


.main {
  text-align: center;
  margin-bottom: 66px;
}
.box2_wrap{padding-top: 70px;}
.box2_con{padding: 32px 0 0;}
.box2_con dl {
	display: inline-block;
	vertical-align: top;
	width: 237px;
	height: 323px;
	position: relative;
	border-radius: 10px;
}

.box2_con dl.box2-list1 {
	background: url(../images/p2_tu1.png) center no-repeat;
}

.box2_con dl.box2-list2 {
	background: url(../images/p2_tu2.png) center no-repeat;
}

.box2_con dl.box2-list3 {
	background: url(../images/p2_tu3.png) center no-repeat;
}

.box2_con dl.box2-list4 {
	background: url(../images/p2_tu4.png) center no-repeat;
}

.box2_con dl dt {
	height: 140px;
}

.box2_con dl dd {
	width: 223px;
	height: 202px;
	margin: 0 auto;
}

.box2_con dl dd h5 {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #c2f0ff;
	color: #000;
	font-size: 21px;font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
}

.box2_con dl dd p {
	font-size: 18px;
	color: #333;
	position: relative;
	padding: 10px 0px 10px 5px;
	line-height: 28px;
}

.box2_con dl dd p b {
	padding-right: 3px;
}

.box2_con dl dd a {
	position: absolute;
	font-size: 20px;
	width: 150px;
	height: 40px;
	line-height: 40px;
	left: 50%;
	bottom: 20px;
	margin-left: -75px;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	background-color: #2b8ff1;
	border-radius: 30px;
}


.box3_wrap {
  padding: 70px 0 0;}
.box3_con{padding: 20px 0px 42px;}
.box3-tab{text-align: center;font-size: 0;padding-bottom: 10px;}
.box3-tab li{display: inline-block;vertical-align: top;width: 260px;height: 55px;background: #fff;font-size: 30px;color: #4c4a4a;line-height: 55px;margin: 0px 22px;cursor: pointer;border-radius: 10px 10px 0 0px;letter-spacing: 2px;}
.box3-tab li.on{color: #fff;background: #7474f1;}

.box3-hid dl{display: inline-block;vertical-align: top;margin-top: 16px;width: 464px;border-radius: 10px;overflow: hidden;height: 455px;padding: 12px 13px 0;background: #fff;}
.box3-hid dl dt{border-radius: 12px 12px 0 0;overflow: hidden;}
.box3-hid dl dd{width: 100%;height: 240px;text-align: center;font-size: 0;}
.box3-hid dl h3{font-size: 30px;color: #333;line-height: 60px;margin-bottom: 10px;height: 60px;font-weight: normal;background: #b6dbff;margin-bottom: 20px;}
.box3-hid dl p{line-height: 38px;font-size: 18px;color: #3e3d3d;position: relative;text-align: left;padding-left: 19px;}
.box3-hid dl p em{position: absolute;width: 4px;height: 4px;background: #333;border-radius: 100px;left: 8px;top: 16px;}
.box3-hid dl p strong{position: relative;}
.box3-hid dl a{display: inline-block;vertical-align: top;width:192px;height: 52px;margin:30px 16px 0; letter-spacing: 2px;font-size: 26px;color: #fff;line-height: 52px;background: #2b8ff1;border-radius: 30px;border: 1px solid #2b8ff1;}
.box3-hid dl dd a:nth-of-type(2){border-color: #5d5c5c;color: #4c4a4a;background: none;}

.box4_wrap {padding: 70px 0 0px;}
.box4_con{padding-top: 14px;}
.box4_con dl{margin-top: 16px;position: relative;display: inline-block;vertical-align: top;width: 295px;border-radius: 10px;overflow: hidden;padding: 16px 13px 0;height: 450px;background: #fff;}
.box4_con dl dd{}
.box4_con dl dd h2{font-size: 28px;color: #333;line-height: 60px;margin-bottom: 14px;text-align: center;height: 60px;background: #c2f0ff;font-weight: normal;border-radius: 0 0 10px 10px;}
.box4_con dl dd h3{font-size: 20px;color: #333;line-height: 32px;margin-top: 16px;padding-left: 16px;letter-spacing: 0px;text-align: left;}

.box4_con dl dd h3 strong{position: relative;z-index: 1;}
.box4_con dl dd p{line-height: 31px;font-size: 16px;color: #333;text-align: left;padding-left: 30px;position: relative;}
.box4_con dl dd p em{position: absolute;left:16px;top: 14px;width: 5px;height: 5px;background: #3e3d3d;border-radius: 100px;}
.box4_con dl dd a{display: block;width:200px;height: 52px;margin: 20px auto 0; letter-spacing: 1px;font-size: 24px;color: #fff;background: linear-gradient(90deg,#2b8ff1,#2b8ff1);color: #fff;border-radius: 30px;text-align: center;line-height: 52px;font-weight: bold;}

.box5_wrap {
	padding: 70px 0 0px;
}
.box5_con{margin: 30px auto 30px;position: relative;width: 1000px;background:#fff url(../images/bg3.png) no-repeat top left;height: 520px;border-radius: 10px;}

.box5_con .left{width: 180px;padding-left: 40px;}
.box5_con .left li{font-size: 28px;color: #000000;line-height: 40px;height: 70px;letter-spacing: 2px;padding-top: 42px;}
.box5_con .left li:nth-of-type(2){padding-top: 30px;height: 136px;}
.box5_con .left li:nth-of-type(1){padding-top: 36px;height: 78px;}
.box5_con .right{width:780px ;padding-top: 2px;}
.box5_con .ul{padding-top: 32px;padding-left: 32px;padding-bottom: 18px;}
.box5_con .right>em{width: 720px;height: 1px;display: block;border-bottom: 1px dashed #999;}
.box5_con .ul span{width: 125px;position: relative;
    height: 42px;
    line-height: 42px;
    border-radius: 25px;
    font-size: 18px;
    color: #333333FF;
    float: left;border: 1px solid #999999;
    text-indent: 38px;margin-right: 14px;margin-bottom: 16px;
    background:#fff ;
    cursor: pointer;}
.box5_con .ul span em{background: url(../images/page5-3.png) no-repeat;position: absolute;width: 19px;height: 19px;left: 15px;top: 12px;}	
.box5_con .ul span.side{background:#2b8ff1;color: #fff;border-color: #2b8ff1;}	
.box5_con .ul span.side em{background: url(../images/page5-2.png) no-repeat;}


.box6_wrap{padding: 70px 0 0px;}

.box6_con{width: 1000px;margin: 40px auto 0;overflow: hidden;}
.box6-slie{padding-bottom: 85px;position: relative;}
.box6-slie ul li{width: 320px;height: 490px;border-radius: 10px;background: #fff;display: inline-block;vertical-align: top;position: relative;}
.box6-slie ul li h4{font-weight: normal;height: 42px;line-height: 42px;background: #c2f0ff;font-size: 22px;color: #333;text-indent: 20px;}
.box6-slie ul li p{padding: 12px 0 0 20px;line-height: 32px;font-size: 20px;color: #403f3f;}
.box6-slie ul li h3{height: 50px;line-height: 50px;font-size: 36px;color: #fff;width: 90%;text-indent: 20px;position: absolute;left: 0;top: 303px;background: linear-gradient(to right, rgba(43, 143, 241, 1), rgba(43, 143, 241, 1),rgba(255, 0, 0, 0));border-top-left-radius:30px;}


.box6_wrap .swiper-pagination{bottom: 30px;left: 0;text-align: center;font-size: 0;width: 100%;}
.box6_wrap .swiper-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: top;width: 60px;height: 8px;background: #d1d2e3;border-radius: 100px;margin: 0px 10px 0;cursor: pointer;opacity: 1;}
.box6_wrap .swiper-pagination .swiper-pagination-bullet-active{background: #2b8ff1;}



.box7_wrap{padding: 70px 0 0px;}
.box7_pos{background: #fff url(../images/page7-bg.png) no-repeat center;height: 730px;margin-bottom: 40px;margin-top: 36px;border-radius: 10px;}
.box7_con{padding: 50px 36px 0;position: relative;}
.box7_con ul{}
.box7_con ul li h3{font-size: 28px;color: #333333;line-height: 32px;letter-spacing: 2px;position: relative;padding-left: 20px;}
.box7_con ul li p{font-size: 18px;color: #403f3f;line-height: 28px;width: 356px;text-align: justify;margin-top: 14px;}
.box7_con ul .li01{margin-top: 250px;}
.box7_con .ul02{text-align: right;}

.box7_con ul li h3 em{width: 8px;height: 28px;border-radius: 20px;background: #2b8ff1;position: absolute;top: 4px;}
.box7_con .ul01 h3 em{left: 0;}
.box7_con .ul02 h3 em{right: 0;}
.box7_con .ul02 h3{padding-right: 20px;}
.box7_con .ul02 p{text-align: right;}

.box8_wrap{padding: 70px 0 60px;/* background:linear-gradient(#fbfaff,#F3F1FF,#EAF8FF) ; */}

.box8_con {width: 960px;margin: 29px auto 0;
  position: relative;
  padding: 40px 0 40px 40px;
  background-color: #fff;
  border-radius: 20px;
}
.box8_con .tab {
  font-size: 0;
  line-height: 0;
  text-align: left;
}
.box8_con .tab span {
  display: inline-block;
  vertical-align: top;
  width: 109px;
  height: 46px;
  text-align: center;
  background: #efefef;
  line-height: 46px;
  border-radius: 15px;
  font-size: 22px;
  color: #333;
  letter-spacing: 3px;
  cursor: pointer;
  position: relative;
  margin-right: 8px;
  margin-bottom: 16px;
}

.box8_con .tab span.side {
  /* background: linear-gradient(90deg, #787eff, #787eff); */
  background-color: #2b8ff1;
  color: #fff;
}

.box8_con .tab a {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 52px;
  text-align: center;
  background: #fff;
  line-height: 52px;
  border-radius: 8px;
  font-size: 22px;
  color: #333;
  letter-spacing: 3px;
  cursor: pointer;
}

.box8_con .tab p {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 998px;
}

.box8_con .tabCon dl {
  display: none;
}

.box8_con .tabCon dl {
  background: #fff;
  position: relative;
  border-radius: 10px;
  padding-top: 10px;font-size: 0;
  margin-top: 12px;
}

.box8_con .tabCon dl dt,
.box8_con .tabCon dl dd {
  display: inline-block;
  vertical-align: top;
}

.box8_con .tabCon dl dt {
  border-radius: 5px;
  overflow: hidden;
}

.box8_con .tabCon dl dd {
  width: 570px;
  margin-left: 20px;
}
.box8_con .tabCon dl dd p:not(:last-child){
  margin-bottom: 26px;
}
.box8_con .tabCon dl dd p {
  font-size: 17px;
  color: #555555;
  line-height: 25px;
  position: relative;
  width: 380px;
  padding-right: 177px;
}

.box8_con .tabCon dl dd p strong {
  display: block;
  font-size: 20px;
  color: #333333FF;
  letter-spacing: 2px;
  background: url(../images/icon.png) no-repeat;
  /* background-position: 0px -92px; */
  line-height: 32px;
  padding-left: 29px;
}

.box8_con .tabCon dl dd p a {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 122px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  border-radius: 50px;
  font-size: 16px;
  text-align: center;
  /* background: linear-gradient(90deg, #787eff, #787eff); */
  background-color: rgb(43, 143, 241);
}