@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: 274px;
height: 50px;
  margin: 0 15px;
  letter-spacing: 1px;
	font-size: 22px;
	color: #222222;border: 1px solid #393938;
	line-height: 50px;background: linear-gradient(90deg,#ffffe0,#fff,#fff1c7);box-shadow: 5px 5px 0 #cefeff;
}

.btn .btn02{box-shadow: 5px 5px 0 #ffd366;}

.title{
	text-align: center;
}

img {
  max-width: initial;
}
.wp{
	width: 1000px;
	margin: 0 auto;
}
/*----------------*/
.banner_wrap {
  overflow: hidden;
  width: 100%;
  height: 600px;
  background: url(../images/banner.jpg) top no-repeat;
  min-width: 1000px;
}

.banner_con{
	width: 1000px;
	margin: 0 auto;
}
.banner_con a{width: 326px;height:94px;display: block;font-size: 0;margin-top: 456px;margin-left: 120px;}

.conterbg{background: url(../images/bg.jpg) repeat-y center;min-width: 1000px;}
.box1_wrap {
  width: 100%;
  padding: 40px 0 69px; 
}
.box1_con{width: 1000px;margin: 0 auto;
	padding: 30px 0 0px;}
.box1_con,.box2_con ul,.box4_con,.box8_con .tab,.box8_con .tab p,.box3-hid{text-align: justify;text-justify:distribute-all-lines;font-size: 0;line-height: 0;}
.box1_con:after,.box2_con ul:after,.box4_con:after,.box8_con .tab p:after,.box8_con .tab:after,.box3-hid:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.box1_con dl{display: inline-block;vertical-align: top;width: 320px;height: 526px;position: relative;}
.box1_con .dl01{background: url(../images/page1-1.png) no-repeat;}
.box1_con .dl02{background: url(../images/page1-2-1.png) no-repeat;}
.box1_con .dl03{background: url(../images/page1-2-2.png) no-repeat;}
.box1_con dl dt{padding: 90px 0 0 14px;}
.box1_con dl dd{padding-top: 17px;}
.box1_con dl dd p{font-size: 18px;color: #333333;position: relative;padding-left: 22px;line-height: 30px;height: 140px;}

.box1_con dl dd a{font-weight: bold;font-size: 0px;width: 244px;line-height: 60px;height: 60px;left: 50%;margin-left: 33px;display: block;}

.main {
  text-align: center;
  margin-bottom: 66px;
}
.box2_wrap{padding-bottom: 68px;}
.box2_con{padding: 7px 0 42px;}
.box2_con ul li{position: relative;display: inline-block;vertical-align: top;margin-top: 29px;}
.box2_con ul li p{line-height: 26px;position: absolute;top: 65px;left: 220px;color: #333;font-size: 18px;width: 182px;}
.box2_con ul li a{width: 228px;height: 47px;position: absolute;bottom: 23px;left: 214px;}

.box3_wrap {
  width: 100%;
  padding: 0px 0 30px;}
.box3_con{width: 1000px;margin: 0 auto 0;}
.box3-tab{text-align: center;font-size: 0;}
.box3-tab li{color: #333333;line-height: 58px;font-size: 30px;width: 260px;height: 58px;background: #EFEFEF;border-radius: 30px;margin: 20px 15px 0;display: inline-block;vertical-align: top;cursor: pointer;border: 1px solid #EFEFEF;}
.box3-tab li.on{background:#FFF1ADFF ;border-color: #333333;}

.box3-hid{padding-right: 19px;padding-top: 28px;display: none;}
.box3-hid dl{display: inline-block;vertical-align: top;position: relative;margin-bottom: 48px;width: 458px;}
.box3-hid dl dd{background: #fff;text-align: center;font-size: 0;position: relative;padding-top: 20px;border: 1px solid #413e3e;height: 465px;}
.box3-hid dl h3{font-size: 28px;color: #333333;line-height: 63px;background: #ffdc9d;font-weight: 600;border: solid #413e3e;border-width: 1px 0;margin-bottom: 13px;}
.box3-hid dl p{padding-left: 16px;line-height: 32px;text-align: left;font-size: 18px;color: #333333;position: relative;}
.box3-hid dl p em{position: absolute;width: 22px;height: 22px;background: #FCD697;border-radius: 100px;left: 12px;top: 2px;}
.box3-hid dl p strong{position: relative;}
.box3-hid dl a{display: inline-block;vertical-align: top;width:185px;height: 50px;margin: 40px 12px 0; letter-spacing: 1px;font-size: 22px;color: #222222;border: 1px solid #393938;line-height: 50px;background: linear-gradient(90deg,#ffffe0,#fff,#fff1c7);box-shadow: 5px 5px 0 #cefeff;}
.box3-hid dl a:nth-of-type(2){box-shadow: 5px 5px 0 #ffd366;}
.box3-hid dl dt{width: 455px;height: 482px;border: 1px solid #413e3e;background: #cefeff;position: absolute;top: 22px;left: 20px;}
.box3-hid dl p.pt1{letter-spacing:-0.5px;}

.box4_wrap {padding: 0 0 30px;}
.box4_con{padding: 0px 20px 60px 0;}
.box4_con dl{margin-top: 46px;position: relative;display: inline-block;vertical-align: top;width: 296px;}
.box4_con dl dt{position: absolute;width: 300px;height: 489px;border: 1px solid #413e3e;background: #cefeff;position: absolute;top: 22px;left: 18px;}
.box4_con dl dd{background: #fff;text-align: center;font-size: 0;position: relative;padding-top: 20px;border: 1px solid #413e3e;height: 469px;}
.box4_con dl dd h2{font-size: 26px;color: #333333;line-height: 64px;background: #ffdc9d;font-weight: 600;border: solid #413e3e;border-width: 1px 0;margin-bottom: 13px;}

.box4_con dl dd h3{font-size: 20px;color: #333;line-height: 32px;margin-top: 16px;padding-left: 20px;letter-spacing: 0px;text-align: left;position: relative;}
.box4_con dl dd h3::after{content:'';position: absolute;width: 22px;height: 22px;background: #FCD697;border-radius: 100px;left: 12px;top: 2px;display: inline-block;}
.box4_con dl dd h3 strong{position: relative;z-index: 1;}
.box4_con dl dd p{margin-top: 2px;line-height: 30px;font-size: 16px;color: #333;text-align: left;padding-left: 20px;}
.box4_con dl dd a{display: block;width:186px;height: 50px;margin: 30px auto 0; letter-spacing: 1px;font-size: 22px;color: #222222;border: 1px solid #393938;line-height: 50px;background: linear-gradient(90deg,#ffffe0,#fff,#fff1c7);box-shadow: 5px 5px 0 #cefeff;}

.box5_wrap {
	padding: 0px 0 68px;
}
.box5_wrap .btn{float: left;width: 100%;margin-top: 38px;}
.box5_con{margin: 60px auto 0px;position: relative;width: 968px;}
.box5_con i{position: absolute;width: 980px;height: 610px;top: 9px;left: 9px;border: 1px solid #413e3e;background: #cefeff;}
.box5_pos{border: 1px solid #393938;position: relative;height: 600px;background: #fff;}
.box5_con .left{width: 178px;}
.box5_con .left li{font-size: 22px;color: #367f5b;line-height: 50px;letter-spacing: 1px;margin-left: -12px;padding-left: 18px;border: 1px solid #393938;height: 50px;background: #cefeff;color: #333;margin-top: 42px;}
.box5_con .left li:nth-of-type(3){margin-top: 104px;}

.box5_con .right{width:774px ;padding-top: 20px;}
.box5_con .ul{padding-top: 22px;}
.box5_con .right em{width: 760px;height: 1px;display: block;border-bottom: 1px dashed #999;;}
.box5_con .ul span{width: 140px;
    height: 48px;
    line-height: 48px;
    border-radius: 25px;
    font-size: 18px;
    color: #333333FF;
    float: left;border: 1px solid #EFEFEFFF;
    text-indent: 43px;margin-right: 12px;margin-bottom: 19px;
    background:#EFEFEFFF url(../images/page5-3.png) 16px no-repeat;
    cursor: pointer;}
.box5_con .ul span.side{background-image: url(../images/page5-2.png);background-color: #FFF1ADFF;border: 1px solid #333333FF;}	

.box6_wrap{padding: 0px 0 60px;}
.page6_pos{margin: 43px auto 52px;position: relative;width: 966px;}
.page6_pos>i{border: 1px solid #413e3e;background: #cefeff;position: absolute;top: 11px;left: 9px;width: 977px;height: 545px;}
.box6_con{position: relative;z-index: 1;height: 515px;background: #fff;border: 1px solid #413e3e;padding-top: 20px;}
.box6-slie .box6-hd{text-align: center;font-size: 0;}
.box6-slie .box6-hd li{display: inline-block;vertical-align: top;width: 10px;height: 10px;background: #a9dfcf;border-radius: 100px;margin: 15px 6px 0;cursor: pointer;}
.box6-slie .box6-hd li.on{background: #367f5b;}
.box6_wrap .box6-slie{overflow: hidden;}
.box6_wrap .box6-bd dl{width: 917px;background: url(../images/bg01.jpg) no-repeat;border-radius: 12px;margin: 0 auto;overflow: hidden;height: 329px;}
.box6_wrap .box6-bd dl dt{padding: 28px 0 0 80px;}
.box6_wrap .box6-bd dl dd{width: 490px;padding-top: 80px;}
.box6_wrap .box6-bd dl dd h3{line-height: 37px;font-size: 40px;color: #333333FF;display: inline-block;}
.box6_wrap .box6-bd dl dd h3 span{display: inline-block;height: 14px;box-shadow: 0 28px 0 #ffed85;padding: 0 20px;}

.box6_wrap .box6-bd dl dd h4{font-weight: normal;font-size: 22px;color: #333333FF;line-height: 56px;margin-bottom: 0px;padding-left: 20px;}
.box6_wrap .box6-bd dl dd p{font-size: 18px;color: #333333;line-height: 26px;padding-left: 20px;margin-top: 10px;}
.box6_wrap .cont-hd{overflow: hidden;width: 756px;margin: 0 auto;}
.box6_wrap .cont-hd ul{font-size: 0;}
.box6_wrap .cont-hd ul li{vertical-align: top;width: 86px !important;margin: 30px 20px 0;position: relative;cursor: pointer;text-align: center;}
.box6_wrap .cont-hd ul li span{border-radius: 100px;overflow: hidden;padding-top: 6px;display: block;border: 1px solid #333333FF;width: 86px;height: 80px;}
.box6_wrap .cont-hd ul li img{width: 100%;}
.box6_wrap .cont-hd ul li p{font-size: 20px;color: #333333FF;line-height: 30px;}
.mySwiper .swiper-slide-thumb-active span{background: #cefeff;}


.box6_wrap .box6-prve{left: 60px;position: absolute;top: 405px;background: url(../images/icon.png) no-repeat;width: 32px;height: 36px;cursor: pointer;background-position: 0 -104px;z-index: 100;}
.box6_wrap .box6-next{right: 60px;position: absolute;top: 405px;background: url(../images/icon.png) no-repeat;width: 32px;height: 36px;cursor: pointer;background-position: 0px -162px;z-index: 100;}


.box7_wrap{padding: 0px 0 68px;}
.box7_pos{position: relative;padding-right: 20px;width: 968px;margin: 29px auto 55px;}
.box7_pos>i{border: 1px solid #413e3e;background: #cefeff;position: absolute;top: 11px;left: 9px;width: 979px;height:550px;}
.box7_con{padding: 54px 0 0;position: relative;background: #fff url(../images/page7-bg.png) no-repeat center;margin-top: 10px;border: 1px solid #413e3e;height: 485px;}
.box7_con ul{padding-left: 40px;}
.box7_con ul li h3{font-size: 19px;color: #333333;line-height: 32px;letter-spacing: 2px;position: relative;}
.box7_con ul li p{font-size: 17px;color: #555555;line-height: 26px;letter-spacing: 1px; text-align: left;}
.box7_con ul li{height: 146px;}
.box7_con .ul02{position: absolute;right: 40px;top: 54px;text-align: right;}
.box7_con ul li h3 em{width: 4px;height: 16px;border-radius: 20px;background: #1893f6;position: absolute;top: 7px;}
.box7_con .ul01 li h3 em{left: -12px;}
.box7_con .ul02 li h3 em{right: -12px;}

.box7_con .ul02 p{width:220px}

.box8_wrap{padding: 0px 0 104px;}
.box8_pos{position: relative;padding-right: 15px;width: 985px;margin: 29px auto 0;}
.box8_pos>i{border: 1px solid #413e3e;background: #cefeff;position: absolute;bottom: -20px;left: 9px;width: 990px;height:100%;}

.box8_con{padding: 15px 20px 100px;position: relative;background: #fff;border: 1px solid #413e3e;width: 945px;}
.box8_con .tab span{display: inline-block;vertical-align: top;width: 100px;height: 50px;text-align: center;background: #EFEFEFFF;line-height: 50px;border-radius: 8px;font-size: 22px;color: #333333FF;letter-spacing: 3px;margin-top: 15px;cursor: pointer;position: relative;border: 1px solid #EFEFEFFF;}
.box8_con .tab span.side{background: #FFF1ADFF;border-color:#333333FF;}
.box8_con .tab a{display: inline-block;vertical-align: top;width: 100px;height: 50px;text-align: center;background: #EFEFEFFF;line-height: 50px;border-radius: 8px;font-size: 20px;color: #333333FF;letter-spacing: 3px;margin-top: 15px;cursor: pointer;border: 1px solid #EFEFEFFF;}

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

.box8_con .tabCon dl{display: none;}
.box8_con .tabCon dl{background: #fff;border: 1px solid #333333FF;position: relative;border-radius: 20px;padding: 23px 0 20px 20px;margin-top: 20px;}
.box8_con .tabCon dl:after{content:'' ;position: absolute;font-size: 0;background: url(../images/jt1.png) no-repeat;width: 29px;height: 23px;top: -18px;left: 54px;}
.box8_con .tabCon dl dt,.box8_con .tabCon dl dd{display: inline-block;vertical-align: top;}
.box8_con .tabCon dl dt{border-radius: 20px;overflow: hidden;}
.box8_con .tabCon dl dd{width: 540px;margin-left: 14px;}
.box8_con .tabCon dl dd p{margin-bottom: 10px;font-size: 17px;color: #555555;line-height: 25px;position: relative;width: 340px;}
.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 -200px;line-height: 32px;padding-left: 29px;}
.box8_con .tabCon dl dd p a{position: absolute;right: -180px;top: 10px;width: 122px;height: 40px;color: #333333FF;line-height: 40px;border-radius: 50px;font-size: 16px;text-align: center;background: linear-gradient(90deg,#FFFFE0FF,#FFFEFDFF,#FFF1C5FF);border: 1px solid #333333FF;}