#success_instance { max-width: 1920px; margin: auto; overflow: hidden; }

.instance_w_1200 { box-sizing: border-box; width: 1200px; max-width: 1200px; margin: 0 auto; }
.instance_w_1440 { box-sizing: border-box; width: 1440px; max-width: 1440px; margin: 0 auto; }

.park_title { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.park_title .public_title { font-size: 70px; color: #000000; }
.park_title .public_a { position: relative; display: inline-block; font-size: 18px; color: #000; padding-right: 40px; margin-bottom: 7px; }
.park_title .public_a i { position: absolute; display: block; width: 28px; height: 17px; top: 1px; right: 0; bottom: 0; margin: auto; }
.park_title .public_a i::before { content: ''; position: absolute; width: 17px; height: 17px; top: 0; left: 0; bottom: 0; background: #0bba91; margin: auto; z-index: 0; }
.park_title .public_a i:after { content: ''; position: absolute; width: 23px; height: 11px; top: 0; right: 0; bottom: 0; background: url(../images/switch_icon.png) no-repeat center;  background-size: 100%; margin: auto; z-index: 1; }
 
@-webkit-keyframes moveRightIn{
    50% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
    51% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}

.center_title { font-size: 50px; text-align: center; }

.banenr { position: relative; }
.banenr .banner_content { position: absolute; width: 75%; right: 0; bottom: 18.185%; left: 0; margin: auto; }
.banenr .banner_content .content { font-size: 70px; line-height: 100px; color: #000; }
.banenr .banner_content .content span { font-weight: bold; color: #0bba91; }

.park_one { padding-top: 9.459%; }
.park_one .park_title { margin-bottom: 75px; }
.park_one .park_title .rights { width: 70.75%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 7px; }
.park_one .park_title .rights .case_nav a { font-size: 18px; color: #969696; padding: 0 10px; margin: 0 17px; }
.park_one .park_title .rights .case_nav a.on { color: #000; font-weight: bold; }
.park_one .park_title .rights .public_a { margin-bottom: 0; }
.park_one .switch_box { position: relative; /*animation: tabShow .2s 1 0s linear forwards; -webkit-animation: tabShow .2s 1 0s linear forwards;*/ visibility: hidden; opacity: 0; height: 0; padding-bottom: 0; }
.park_one .switch_box::after { content: ''; position: absolute; width: 100%; height: 77.107%; bottom: 0; background: #f9cf00; z-index: -1; }
.park_one .switch_box.on { display: block; opacity: 1; height: unset; visibility: visible; padding-bottom: 65px; }
.park_one .switch_box .wrapper { position: relative; width: 1060px; max-width: 1060px; margin: auto; }
.park_one .switch_box .wrapper .tempWrap { overflow: unset !important; }
.park_one .switch_box .wrapper .list { padding-top: 15px !important; }
.park_one .switch_box .wrapper .list .item { position: relative; margin: 0 30px; box-shadow: 0 0 15px #ccc; }
.park_one .switch_box .wrapper .list .item a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 180px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 18px; border-radius: 50px; background: linear-gradient(to right, #2dbd9b, #60e261); margin: auto; z-index: 1; opacity: 0; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.park_one .switch_box .wrapper .list .item:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.park_one .switch_box .wrapper .btn { position: absolute; display: block; width: 36px; height: 36px; top: 15px; bottom: 0; border-radius: 0; background-color: #fff; margin: auto; cursor: pointer; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.park_one .switch_box .wrapper .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 11px; height: 18px; background: url(../images/icon_btn.png) no-repeat center; margin: auto; filter: invert(1); }
.park_one .switch_box .wrapper .btn.prev_btn { left: 11px; }
.park_one .switch_box .wrapper .btn.next_btn { right: 11px; }
.park_one .switch_box .wrapper .btn.next_btn::after { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }

@-webkit-keyframes tabShow{
	0%{transform:translateY(30px); opacity:0;}
	50%{transform:translateY(15px); opacity:.5;}
	100%{transform:translateY(0); opacity:1;}
}
@keyframes tabShow{
	0%{transform:translateY(30px); opacity:0;}
	50%{transform:translateY(15px); opacity:.5;}
	100%{transform:translateY(0); opacity:1;}
}

 
.park_two { position: relative; padding-top: 33px; margin-top: 73px; background: url(../images/park_two_bg-min.png) no-repeat top left; background-size: 100% 100%; }
.park_two .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 52px; }
.park_two .list .item { box-sizing: border-box; width: 42.5%; position: relative; padding: 46px 10px 20px 0; margin-bottom: 38px; }
.park_two .list .item .img { overflow: hidden; }
.park_two .list .item .img img { transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.park_two .list .item .yellow_tips { box-sizing: border-box; position: absolute; width: 114px; height: 114px; top: 0; right: 0; font-size: 16px; color: #000; text-align: center; border-radius: 100%; background: #fad000; padding: 23px 0; z-index: 1; }
.park_two .list .item .yellow_tips span { display: inline-block; font-size: 40px; font-family: 'Landon'; margin-top: 6px; }
.park_two .list .item .company_name { font-size: 24px; color: #000000; font-weight: bold; margin-top: 25px; }
.park_two .list .item .tags { display: inline-block; height: 30px; line-height: 30px; border-radius: 50px; font-size: 14px; color: #0bba91; border: 1px solid #0bba91; padding: 0 20px; margin-top: 18px; }
.park_two .list .item .brief { line-height: 28px; font-size: 16px; margin-top: 23px; }

.park_three { margin-top: 110px; }
.park_three .time_list { margin-top: 94px; overflow: unset; }
.park_three .time_list .item { box-sizing: border-box; padding-left: 21px; border-left: 1px solid #dbdbdb; }
.park_three .time_list .item:nth-child(2n) { margin-top: 80px; }
.park_three .time_list .item .big_year { font-size: 80px; line-height: 61px; color: #c8c8c8; font-weight: bold; }
.park_three .time_list .item .content { box-sizing: border-box; border-radius: 3px; box-shadow: 0 0 10px #ddd; padding-top: 44px; margin-top: 66px; }
.park_three .time_list .item .content .info { position: relative; box-sizing: border-box; padding-left: 29px; display: flex; flex-wrap: wrap; }
.park_three .time_list .item .content .info::after { content: ''; position: absolute; width: 6px; height: 36px; top: 16px; left: 0; background: #0bba91; }
.park_three .time_list .item .content .info .avatar { width: 67px; height: 67px; border-radius: 100%; overflow: hidden; }
.park_three .time_list .item .content .info .name { box-sizing: border-box; width: calc(100% - 70px); font-size: 16px; color: #000; padding: 0 10px 0 15px; }
.park_three .time_list .item .content .info .name span { font-size: 28px; margin-bottom: 5px; }
.park_three .time_list .item .content .video { position: relative; margin-top: 47px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden; } 
.park_three .time_list .item .content .video a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(../images/video_btn.png) no-repeat center; background-size: 23%; }
.park_three .time_list .swiper-pagination { position: static; margin-top: 90px; }
.park_three .time_list .swiper-pagination .swiper-pagination-bullet { width: 30px; height: 4px; border-radius: 0; background: #12b38c; opacity: 1; }
.park_three .time_list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #189da9; }
/* .park_three .time_list .swiper-container-android .swiper-slide, .park_three .time_list .swiper-wrapper { transform: translate3d(0, 0, 0); } */

.park_four { padding-top: 68px; background: url(../images/park_four_bg-min.png) no-repeat top right; background-size: 100% 100%; padding-bottom: 128px; margin-top: 40px; }
.park_four .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 91px; }
.park_four .list .item { box-sizing: border-box; width: 46.917%; margin-bottom: 5%; overflow: hidden; }
.park_four .list .item img { transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }

#phone_demo{ width:372px; height:757px; position:fixed; top:50%; left:50%; margin-left:-186px; margin-top:-379px; background:url(../images/phone_bg_big.png) no-repeat; display:none; z-index:10001;}
#phone_demo i{ width:35px; height:35px; right:-40px; top:0; background:url(../images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#phone_demo iframe{ width:337px; height:575px; margin-left:19px; margin-top:91px; float:left; border:0; background:url(../images/loading.gif) center no-repeat;;}

#video_demo{ width:900px; height:482px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-261px; background:#fff; display:none; z-index:10001;}
#video_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url(../images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#video_apply{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#video_apply .v_a_title{ font-size:24px; margin-top:7px;}
#video_apply .v_a_input{ width:230px; height:45px; margin:0 3px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#video_apply .v_a_submit{ width:471px; height:47px; line-height:47px; font-weight:bold; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:18px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#video_apply i{ width:35px; height:35px; right:-70px; top:-65px; background:url(../images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#video_success{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#video_success .v_s_sign{ width:75px; height:75px; margin:0 auto;}
#video_success .v_s_sign i{ width:75px; height:75px; left:0; top:0; background:url(../images/icons.png) no-repeat; background-position:-525px -283px;}
#video_success .v_s_title{ font-size:24px; margin-top:30px;}
#video_success .v_s_tips{ font-size:16px; color:#646464; margin-top:10px}
#video_success i{ width:35px; height:35px; right:-70px; top:-58px; background:url(../images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}


@media screen and (min-width: 768px){
    .park_title .public_a:hover i { -webkit-animation: moveRightIn 1s 1; animation: moveRightIn 1s 1; }

    .park_one .park_title .case_nav a:hover { color: #000; }
    .park_one .switch_box .wrapper .list .item:hover a { opacity: 1; }
    .park_one .switch_box .wrapper .list .item:hover::after { background: rgba(0, 0, 0, .5);  }
    .park_one .switch_box .wrapper .btn:hover { background: #0ba891; }
    .park_one .switch_box .wrapper .btn:hover::after { filter: brightness(100); }
    .park_two .list .item .img:hover img, .park_four .list .item:hover img { transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); }
}

@media screen and (max-width: 1920px){
    .park_title .public_title { font-size: 3.645831vw; }

    .banenr .banner_content .content { font-size: 3.645831vw; line-height: 5.209vw; }
    
    .center_title { font-size: 2.604164vw; }

    .park_three .time_list .item .big_year { font-size: 4.166665vw; line-height: 3.1771vw; }
}

@media screen and (max-width: 1366px){
    .instance_w_1200 { width: 88%; }

    .park_title .public_a { font-size: 14px; }
    
    .park_one { padding-top: 5%; }
    .park_one .park_title { margin-bottom: 50px; }
    .park_one .park_title .rights .case_nav a { font-size: 14px; margin: 0 5px; }
    .park_one .switch_box .wrapper { width: 850px; }
    .park_one .switch_box .wrapper .list .item { margin: 0 15px; }
    .park_one .switch_box .wrapper .btn.prev_btn { left: 0; }
    .park_one .switch_box .wrapper .btn.next_btn { right: 0; }

    .park_two .list .item .company_name { font-size: 18px; }
    .park_two .list .item .brief { font-size: 14px; }

    .park_three .time_list .item .content { margin-top: 35px; }
    .park_three .time_list .item .content .info .name { font-size: 14px; }
} 

@media screen and (max-width: 1000px){
    .park_one .park_title .rights { width: 100%; margin-top: 15px; margin-bottom: 0; }
}

@media screen and (max-width: 768px){
    .instance_w_1200 { width: 100%; padding: 0 4vw; }

    .park_title { justify-content: center; }
    .park_title .public_title { width: 100%; font-size: 9.33333vw; text-align: center; }
    .park_title .public_a { font-size: 3.2vw; padding-right: 55px; margin-bottom: 0; margin-top: 4.66666vw; }
    .park_title .public_a i { width: 39px; height: 24px; top: 2px; }
    .park_title .public_a i::before { width: 24px; height: 24px; }
    .park_title .public_a i::after { width: 29px; height: 13px; }

    .center_title { font-size: 6.66666vw; }

    .banenr .banner_content { width: 92vw; top: 7.3333vw; bottom: unset; text-align: center; }
    .banenr .banner_content .content { line-height: 10.667vw; font-size: 6.13333vw; }
    
    .park_one { padding-top: 11vw; }
    .park_one .park_title { margin-bottom: 4vw; }
    .park_one .park_title .rights { flex-direction: column-reverse; align-content: center; margin-top: 4.26666vw; }
    .park_one .park_title .rights .public_a { margin: auto; margin-top: 0; }
    .park_one .park_title .rights .max_content { width: 100%; overflow-x: auto; padding-bottom: 10px; }
    .park_one .park_title .rights .case_nav { width: max-content; margin-top: 9.2vw; }
    .park_one .park_title .rights .case_nav a { font-size: 3.73333vw; margin: 0 4vw; }
    .park_one .park_title .rights .case_nav a:first-child { margin-left: 0; }
    .park_one .park_title .rights .case_nav a:last-child { margin-right: 0; }
    .park_one .switch_box.on { padding-bottom: 9.3333vw; }
    .park_one .switch_box::after { height: 44.267vw; }
    .park_one .switch_box .wrapper { width: 92vw; }
    .park_one .switch_box .wrapper .list .item { margin: 0 4vw; }
    .park_one .switch_box .wrapper .list .item a { width: 40vw; font-size: 3vw; opacity: 1; height: 9vw; line-height: 9vw; z-index: 0; }
    .park_one .switch_box .wrapper .btn { width: 10.667vw; height: 10.667vw; }

    .park_two { margin-top: 7vw; background-size: 167% 100%; }
    .park_two .list { box-sizing: border-box; padding: 0 4vw; }
    .park_two .list .item { width: 100%; padding: 8.5333vw 4vw 4vw 0; text-align: center; margin-bottom: 9.4667vw; }
    .park_two .list .item .yellow_tips { width: 17.334vw; height: 17.334vw; font-size: 3vw; padding: 3.3vw 0; }
    .park_two .list .item .yellow_tips span { font-size: 6.13333vw; }
    .park_two .list .item .company_name { font-size: 4.8vw; text-align: center; margin-top: 5.4667vw; }
    .park_two .list .item .tags { height: 7.6vw; line-height: 7.6vw; font-size: 3.7vw; padding: 0 5.2vw; margin-top: 3.7333vw; }
    .park_two .list .item .brief { line-height: 5.334vw; font-size: 3.73333vw; text-align: left; margin-top: 5.4667vw; }

    .park_three { margin-top: 12vw; }
    .park_three .time_list { box-sizing: border-box; width: 92vw; padding: 0 18vw 5vw; margin: 6.5333vw auto 0; overflow: hidden; }
    .park_three .time_list .item { padding: 0; border: 0; }
    .park_three .time_list .item:nth-child(2n) { margin-top: 0; }
    .park_three .time_list .item .big_year { line-height: 9.33333vw; font-size: 9.33333vw; color: #000; text-align: center; }
    .park_three .time_list .item .content { padding-top: 7.4667vw; margin-top: 6.8vw; }
    .park_three .time_list .item .content .info { padding-left: 4.9333vw; }
    .park_three .time_list .item .content .info::after { width: 8px; height: 57px; }
    .park_three .time_list .item .content .info .avatar { width: 11.467vw; height: 11.467vw; }
    .park_three .time_list .item .content .info .name { width: calc(100% - 30%); font-size: 3.2vw; padding-left: 2.4vw; }
    .park_three .time_list .item .content .info .name span { font-size: 3.73333vw; }
    .park_three .time_list .item .content .video { margin-top: 8vw; }
    .park_three .time_list .swiper-pagination { display: none; }
    .park_three .time_list .btn { position: absolute; width: 14.667vw; height: 24vw; top: 13vw; bottom: 0; margin: auto; }
    .park_three .time_list .btn:after { content: ''; position: absolute; display: block; width: 4.8vw; height: 15.334vw; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/phone_btn.png) no-repeat center; background-size: 100%; margin: auto; }
    .park_three .time_list .btn.prev_button { left: 0; }
    .park_three .time_list .btn.next_button { right: 0; }
    .park_three .time_list .btn.prev_button::after { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }

    .park_four { padding-top: 0; padding-bottom: 14vw; margin-top: 9.2667vw; background-size: 130% 100%; }
    .park_four .list { width: 83.067vw; margin: 7.2vw auto 0; }
    .park_four .list .item { width: 100%; margin-bottom: 9vw; }

    #video_demo { width: 85%; top: 0; right: 0; bottom: 0; left: 0; padding: 8px; margin: auto; }
    #video_demo i { top: unset; right: 0; bottom: -53px; left: 0; margin: auto; }
}

@media screen and (max-width: 550px){
    .park_title .public_a { padding-right: 30px; }
    .park_title .public_a i { width: 18.5px; height: 12px; }
    .park_title .public_a i::before { width: 12px; height: 12px; }
    .park_title .public_a i::after { width: 14.5px; height: 6.5px; }

    .park_three .time_list .item .content .info::after { width: 4px; height: 28px; top: 8px; }
}