.banner{ width:100%; background-position:center top; height:567px;background-image:url("../../images/zysz/jdxd/1.jpg"); background-repeat:no-repeat; background-position:center top;}
.banner a{ display:block; height:567px;}

.box1{ background-color:#f5e3c5; position:relative;}
.box1:after{ content:""; width:50%; height:228px; background-color:#f4eaf7; position:absolute; right:0; top:0;}
.box1_1{display:flex;justify-content: space-between;height:228px; position:relative; z-index:1;}
.box1_1 a{ width:33.3333333333333%; text-align:center;}
.box1_1 span{ display:block; text-align:center; padding-top:30px; width:68px; margin:0 auto;}
.box1_1 p{ color:#333; font-size:24px; text-align:center; border-top:4px solid #333; display:inline-block; padding-top:10px; margin-top:20px;}
.box1_2{ background-color:#d2efcf;}


.box_title{ text-align:center;}
.box_title h2{ color:#ffabbb; font-size:48px; height:80px; border-bottom:1px solid #ffabbb; position:relative;}
.box_title h2:before{ content:""; width:109px; height:8px; display:block; position:absolute; bottom:-8px; left:50%; margin-left:-54px; background-color:#ffabbb;}
.box_title p{ color:#666; font-size:20px; margin-top:15px; text-transform:uppercase;}

.box2{ position:relative; height:392px; overflow:hidden;}
.box2_2{ width:699px; margin:0 auto; position:relative; z-index:1;}
.box2_2 video{ width:100%;}
.box2_1{ width:609px; height:392px; display:block; position:absolute; left:0; z-index:0; top:0;}
.box2_3{ width:614px; height:392px; display:block; position:absolute; right:0; z-index:0; top:0;}

.box3{ margin-top:50px;}
.box3_1{display:flex;justify-content: space-between; margin-top:50px;}
.box3_1 a{ width:130px; height:130px; border-radius:130px; border:1px solid #333; background-color:transparent; text-align:center; opacity:1;}
.box3_1 span{ display:block; margin-top:40px; font-size:24px; font-weight:bold; color:#333;}
.box3_1 span p{text-transform:uppercase; color:#666; font-weight:lighter; font-size:12px; padding-top:3px;}
.box3_1 .swiper-pagination-bullet-active{ background-color:#ffabbb; border-color:#ffabbb;box-shadow:0 0 20px rgba(255,171,187,.5);}
.box3_1 .swiper-pagination-bullet-active *{ color:#fff;}
.box3_3{display:flex;justify-content: space-between;}
.box3_2{ margin-top:36px; overflow:hidden;}
.box3_4{ width:544px;}
.box3_4 img{ width:100%;}
.box3_5{ flex:1; margin-left:40px; position:relative;}
.box3_6{display:flex;justify-content: space-between; position:absolute; width:100%; bottom:0;}
.box3_5 b{ font-size:36px; display:block; color:#333; margin-top:20px;}
.box3_5 p{ color:#666; font-size:20px; margin-top:10px;}
.box3_5_1{ display:block; width:300px; height:60px; line-height:60px; border:1px solid #ffabbb; text-align:center; font-size:20px; color:#ffabbb; position:relative; text-indent:-20px; margin-top:20px;}
.box3_5_1:hover{ background-color:#ffabbb; color:#fff; border-radius:50px; box-shadow:0 0 20px rgba(255,171,187,.5);}
.box3_5_1 i{ font-size:36px; position:absolute; margin-left:20px; margin-top:2px;}
.box3_6 a{ width:200px;}
.box3_6 a img{ width:100%;}

.box4{ background-color:#efefef; padding:50px 0; margin-top:50px;}
.box4_1{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:40px;}
.box4_1 a{ width:300px; height:250px; overflow:hidden; position:relative; z-index:0;}
.box4_1 b{ display:block; margin:0 20px; font-size:30px; color:#fff; padding-top:30px; text-align:center; border-bottom:2px solid #fff; padding-bottom:10px;}
.box4_1 p{ color:#fff; font-size:18px; line-height:30px; margin:15px 20px;}
.box4_1 a:hover{ box-shadow:0 0 20px rgba(0,0,0,.2); z-index:1;}
.box4_2{ background-color:#f0d3b8;}
.box4_3{ background-color:#a7724d;}
.box4_4{ background-color:#ffabbb;}
.box4_5{ background-color:#a6d0e4;}

.hslbtn{display:flex;justify-content:center; text-align:center;}
.hslbtn a{ width:307px; height:60px; line-height:60px; background-color:#a6d0e4; color:#fff; font-size:24px; margin:0 20px; position:relative; text-indent:-10px;}
.hslbtn a:first-child{ background-color:#ffabbb;}
.hslbtn i{ font-size:30px; position:absolute; margin-left:10px; top:2px;}

.box5{ background-color:#ffabbb; padding:50px 0;}
.box5 a{ display:block; width:1143px; margin:0 auto;}

.box6{ margin:50px auto 30px auto;}
.box6_1{display:flex;justify-content: space-between; margin-top:30px; flex-wrap:wrap;}
.box6_2{ width:385px; margin-bottom:25px;}
.box6_2 a{ display:block;background-color:#f1ebed; padding:20px 12px; text-align:center;}
.box6_2 b{ display:block; text-align:center; font-size:30px; color:#ffabbb; margin-bottom:10px;}
.box6_2 p{ text-align:center; font-size:20px; color:#333; margin-top:10px;}
.box6_2 a:hover{ background-color:#ffabbb;box-shadow:0 0 20px rgba(255,171,187,.5);}
.box6_2 a:hover *{ color:#fff;}

.box7{ background-color:#efefef;padding:50px 0;}
.box7_1{ overflow:hidden; position:relative; margin-top:30px; margin-bottom:50px;}
.box7_2{ position:relative; height:540px; overflow:hidden;}
.box7_2:before{ content:""; width:158px; height:184px; background-color:#fff; position:absolute; display:block; left:0; top:0;}
.box7_3{ width:404px; height:522px; background-color:#feb0bf; margin-left:20px; margin-top:20px; position:relative; z-index:1; overflow:hidden;}
.box7_3 img{ display:block; position:absolute; bottom:0; width:280px; left:62px; height:auto;}
.box7_4{ width:815px; height:385px; background-color:#fff; position:absolute; z-index:1; bottom:57px; right:0;}
.box7_4_1{ display:flex; margin-left:95px; margin-top:70px; height:70px;}
.box7_4_1 h3{color:#e197ae; font-size:48px; border-bottom:5px solid #e197ae; margin-right:20px;height: 60px;}
.box7_4_1 i{ text-transform:uppercase; font-size:36px; color:#666; font-style:normal; line-height:70px; display:block;margin-top:5px;}
.box7_4 b{ display:block; font-size:30px; font-weight:normal; color:#333; margin-left:95px; margin-top:10px;}
.box7_4 p{margin-left:95px; margin-top:10px; color:#666; font-size:20px; line-height:36px;}
.box7_5{ width:19px; height:217px; position:absolute; left:0; bottom:0;}
.box7_6{ width:756px; height:24px; position:absolute; right:0; bottom:0; background-image:url("../../images/zysz/jdxd/23.png"); background-repeat:repeat-x; background-position:center top;}
.box7_7{ width:150px; height:70px; position:absolute; top:10px; right:0;display:flex;justify-content: space-between; z-index:2;}
.box7_7 div{ width:70px; background-color:#feb0bf; height:70px; cursor:pointer; text-align:center; line-height:70px;box-shadow:0 0 20px rgba(255,171,187,.5);}
.box7_7 div i{ font-size:32px; color:#fff;}
.box7_7 .swiper-button-disabled{background-color:#fff; box-shadow:none;}
.box7_7 .swiper-button-disabled i{ color:#333;}

.box8{padding:50px 0;overflow:hidden; width:100%;}
.box8_1{ height:86px; line-height:86px; background-color:#ece7e9; border:1px dashed #ccc; text-align:center; font-size:20px; border-radius:5px; margin-top:40px;}
.box8_2{display:flex;justify-content: space-between; margin-top:30px; margin-left:-5px; margin-right:-5px; margin-bottom:30px;}
.box8_3 a{ display:block; margin:0 5px; }
.box8_3 .box8_3_c{ display:block; margin-bottom:7px;position:relative; overflow:hidden;}
.box8_3_c .box8_3_bg{ display:none; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.6); top:100%; text-align:center;}
.box8_3_c .box8_3_bg p{ color:#fff; font-size:24px; display:block; position:absolute; width:100%; top:50%; height:30px; line-height:30px; margin-top:-30px; left:0;}
.box8_3_i:hover{ background-color:#feb0bf; color:#fff;box-shadow:0 0 20px rgba(80,73,215,.3);}
.box8_3_i{ display:block; width:16%; height:0; overflow:hidden; padding-top:16%; background-color:#fff; border-radius:100%; position:absolute; left:50%; top:50%; margin-left:-8%; margin-top:2.5%;}
.box8_3_i i{ display:block; position:absolute; top:0; left:0; font-size:20px; text-align:center; width:100%; top:50%; margin-top:-11px; color:#333;}
.box8_3_i:hover i{ color:#fff;}
.box8_3 .box8_3_c:hover .box8_3_bg{ top:0; z-index:1;}
.box8_3 .box8_3_c:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}

.box9{ background-color:#efefef; padding:50px 0 60px 0;}
.box9_1{ margin:30px 0;}
.box9_1 p{ border:1px dashed #e193a9; padding:20px; font-size:24px; color:#333; line-height:36px;}
.box9_2{display:flex;justify-content: space-between; margin-bottom:30px;}
.box9_2 a{ width:230px; background-color:#fff;}
.box9_2 p{ height:40px; line-height:40px; text-align:center; font-size:20px; color:#333;}

.box10{padding:50px 0 60px 0;}
.box10_1{display:flex;justify-content: space-between; margin:30px 0;}
.box10_1 a{ width:280px; background-color:#f1ebed; padding:10px 0;}
.box10_1 b{ display:block; font-size:30px; color:#ffabbb; text-align:center;}
.box10_1 p{text-align:center; font-size:20px; color:#666; padding-top:10px;}

.box11{ background-color:#efefef; padding:50px 0 60px 0;}
.box11_1{display:flex;justify-content: space-between; margin-top:30px;}
.box11_1 a{ width:380px; background-color:#fff;}
.box11_2{display:flex;justify-content: space-between; padding:20px;}
.box11_3 b{ color:#ffabbb; font-size:30px; display:block;}
.box11_3 p{ color:#555; font-size:20px; display:block;}
.box11_4{ background-color:#ffabbb; width:50px; border-radius:3px; text-align:center; display:flex;justify-content: center;align-items: center;}
.box11_4 i{ color:#fff; font-size:24px;}

.box12{ margin:50px auto;}
.box12_1{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:40px;}
.box12_1 a{ width:540px; height:68px; line-height:68px; background-color:#ffabbb; margin-bottom:20px;display:flex;justify-content: space-between;}
.box12_2{ margin-left:20px; font-size:24px; color:#fff;}
.box12_3{ margin-right:20px; font-size:20px; color:#ffabbb; background-color:#fff; border-radius:40px; height:40px; line-height:40px; text-align:center; padding:0 20px; margin-top:14px;}
.box12_2 i{ font-size:24px; margin-right:10px;}