.top { display: flex; z-index: 99; position: fixed; width: 100%; top: 26px; }
.top .win_a { background: #fff; padding: 0px 24px; width: 100%; display: flex; height: 120px; justify-content: space-around; align-items: center; }
.top.on .win_a { box-shadow: 0px 0px 16px rgba(0,0,0,0.2); }
.top_r { overflow: hidden; text-align: right; width: 100%; }
.top_r ul li { display: inline-block; margin-left: 40px; }
.top_r ul li a { display: block; font-size: 20px; }
.top_r ul li.on a,.top_r ul li:hover a { color: #0E0E80; }
.banner { height: 100vh; padding-top: 270px; }
.zphg_icon { overflow: hidden; padding-top: 50px; padding-bottom: 40px; }
.zphg_icon ul li span { display: block; text-align: center; height: 56px; line-height: 56px; }
.zphg_icon ul li p { text-align: center; line-height: 40px; margin-top: 10px; font-size: 18px; }
.zphg_bg { background: url(../images/24zphg_banner3.jpg) no-repeat top center; background-size: cover; padding: 70px 0px; }
.zphg_img { position: relative; }
.zphg_img a { display: block; }
.zphg_img span { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.zphg_img_box { text-align: right; padding-top: 130px; }
.zphg_img { display: inline-block; }
.zphg_tit { padding-left: 135px; color: #fff; }
.zphg_tit h1 { font-weight: normal; font-size: 30px; }
.zphg_tit em { display: block; font-size: 14px; color: #D1D5DE; }
.zphg_tit p { margin-top: 60px; line-height: 30px; text-align: justify; }
.zphg_r_img { margin-top: 46px; }
.zphg_img_a { padding-left: 220px; margin-top: 240px; position: relative; }
.zphg_img_a::before { content: ''; display: block; width: 200px; top: 50%; height: 1px; background: #fff; left: 0px; position: absolute; }
.zphg_img_a a { display: block; letter-spacing: 10px; color: #fff; }
.zphg_img_a span { display: inline-block; margin-left: 16px; box-shadow: 0px 6px 16px  rgba(0,64,152,0.4); width: 20px; height: 20px; border-radius: 50%; background: #0E0E80; border-radius: 50%; text-align: center; line-height: 20px; }
.zphg_bg2 { padding: 70px 0px; }
.zphg_top { display: flex; justify-content: space-between; align-items: center; }
.zphg_top span h1 { font-size: 30px; font-weight: normal; }
.zphg_top span p { color: #A6A6A6; font-size: 14px; margin-top: 8px; }
.zphg_ul ul li a { display: block; margin-top: 30px; }
.zphg_ul ul li a span { display: block; overflow: hidden; border: 1px solid #E5E5E5; height: 225px; text-align: center; transition: ease-in-out .3s; }
.zphg_ul ul li a span img { height: 100%; }
.zphg_ul ul li a p { margin-top: 20px; text-align: center; }
.zphg_ul ul li a:hover span { box-shadow: 0px 0px 15px  rgba(0,0,0,0.1); }
.page_base { margin: 32px auto; margin-bottom: 0px; color: #555555; text-align: center; }
.page_base .page_tools { display: inline-block; *float: left; margin-right: 30px; font-size: 0px; }
.page_base .page_tools li { display: inline-block; margin: 0px 4px; }
.page_base .page_tools li a { font-size: 16px; display: inline-block; line-height: 18px; padding: 10px 14px; border: 1px solid #d9d9d9; background-color: #ffffff; color: #555555; border-radius: 4px; }
.page_base .page_tools li.active a,.page_base .page_tools li a:hover { background-color: #0E0E80; border: 1px solid #0E0E80; color: #ffffff; }
.page_base .page_tools li.disabled>a,.page_base .page_tools li.disabled>a:focus,.page_base .page_tools li.disabled>a:hover,.page_base .page_tools li.disabled>span,.page_base .page_tools li.disabled>span:focus,.page_base .page_tools li.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.page_base .page_tools li.prev em,.page_base .page_tools li.next em { font-style: normal; font-family: simsun; font-size: 12px; margin: 0px 8px; }
.page_base .page_tools li.prev em { margin-left: 0px; }
.page_base .page_tools li.next em { margin-right: 0px; }
.page_base .page_go { display: inline-block; *float: left; line-height: 20px; padding: 10px 12px; }
.page_base .page_go span { display: inline-block; font-size: 16px; }
.page_base .page_go .form_control { min-width: 40px; max-width: 60px; line-height: 20px; padding: 10px 12px; text-align: center; display: inline-block; margin: 0px 8px 4px 8px; caret-color: transparent; }
.page_base .fy_go { display: inline-block; background-color: #0E0E80; line-height: 20px; padding: 10px; text-align: center; margin: 0px 8px; font-size: 16px; color: #ffffff; cursor: pointer; border-radius: 4px; *margin-top: -45px; }
.zphg_bg3 { text-align: center; color: #fff; background: url(../images/24zphg_banner4.jpg) no-repeat center; background-size: cover; padding: 100px 0px; }
.zphg_bg3 h1 { font-size: 48px; }
.zphg_bg3 p { font-size: 18px; margin-top: 18px; margin-bottom: 40px; }
.zphg_bg3 a { display: inline-block; height: 40px; line-height: 40px; border-radius: 30px; margin: 0px 8px; padding: 0px 32px; background: #0E0E80; font-size: 18px; color: #fff; }
.zphg_bg3 a.icon1 { background: #fff; color: #333; }
.con_ul2 { position: relative; margin-top: 32px; }
.con_ul2 ul li a { overflow: hidden; display: block; }
.con_ul2 ul li a i { padding-top: 55.980861%; }
.con_ul2 .bd { overflow: hidden; }
.con_ul2 .el-row-large { margin: 0px; }
.con_ul2 .el-row-large>[class*=el-col-],.el-row-large>ul>[class*=el-col-] { padding: 0px; }
.con_ul2 .el-row-large a { margin: 0px 16px; }
.con_ul2>span { position: absolute; background: #fff; cursor: pointer; z-index: 99; font-size: 18px; top: 50%; border-radius: 50%; margin-top: -15px; }
.next { left: -40px; }
.prev { right: -40px; }
.zphg_ul2 ul li a { padding: 24px 32px; margin-top: 32px; display: block; transition: ease-in-out .3s; border: 1px solid transparent; }
.zphg_ul2_top { position: relative; padding-right: 100px; line-height: 32px; }
.zphg_ul2_top h1 { font-size: 20px; font-weight: normal; }
.zphg_ul2_top span { position: absolute; right: 0px; top: 0px; font-size: 20px; color: #999999; }
.zphg_ul2_nr { position: relative; margin-top: 8px; padding-right: 80px; }
.zphg_ul2_nr p { height: 56px; line-height: 28px; border-right: 1px solid #DDDDDD; padding-right: 24px; }
.zphg_ul2_nr i { position: absolute; right: 10px; top: 16px; }
.zphg_ul2 ul li a:hover { border: 1px solid #0E0E80; box-shadow: 0px 4px 4px  rgba(0,0,0,0.05); }
.bottom { background: #0E0E80; padding: 50px 0px; }
.bottom .win_a { display: flex; justify-content: space-between; align-items: center; }
.bottom_tit ul li { color: #fff; line-height: 40px; }
.bottom_tit ul li span { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; margin-right: 8px; }
.zphg_fix { position: fixed; top: 130px; right: 40px; }
.zphg_fix ul { background: #0E0E80; width: 40px; border-radius: 4px; text-align: center; }
.zphg_fix ul li { position: relative; border-bottom: 1px solid #fff; height: 44px; width: 24px; display: inline-block; line-height: 44px; }
.zphg_fix ul li:hover em { display: block; transform: translatex(-110%); }
.zphg_fix ul li:last-child { border-bottom: none; }
.zphg_fix ul em { position: absolute; display: none; transition: ease-in-out .3s; top: 0px; min-width: 200px; white-space: nowrap; transform: translatex(0%); background: #fff; padding: 10px; border-radius: 6px; }
.zphg_fix button { border: none; width: 40px; height: 40px; background: #0E0E80; border-radius: 4px; margin-top: 4px; }
.zphg_wz { background: #F7F7F7; padding: 34px 0px }
.zphg_wz .win_a { display: flex; justify-content: space-between; align-items: center; }
.zphg_cpy_tit { text-align: center; }
.zphg_cpy_tit span { display: inline-block; margin: 0px 5px; margin-top: 16px; }
.zphg_cpy_tit span a { display: block; height: 40px; line-height: 38px; transition: ease-in-out .3s; color: #0E0E80; border: 1px solid #E5E5E5; padding: 0px 24px; font-size: 18px; font-weight: bold; }
.zphg_cpy_tit span.on a,.zphg_cpy_tit span:hover a { color: #FF8D1A; }
.zphg_cpy_p { text-align: center; font-size: 20px; line-height: 36px; }
.zphg_xl_top { background: #0E0E80; text-align: center; height: 120px; text-align: center; line-height: 120px; font-size: 24px; color: #fff; }
.zphg_xl_l_nr { border: 1px solid #E5E5E5; }
.zphg_xl_l_nr .tabs_hd>ul>li.on ul { height: auto; padding: 10px 0px; border-bottom: 1px solid #E5E5E5; }
.zphg_xl_l_nr .tabs_hd>ul>li span { display: flex; align-items: center; justify-content: space-between; font-size: 20px; padding: 20px 30px; border-bottom: 1px solid #E5E5E5; }
.zphg_xl_l_nr .tabs_hd>ul>li span:hover { color: #0E0E80; }
.zphg_xl_l_nr .tabs_hd>ul>li span em { color: #999; }
.zphg_xl_l_nr .tabs_hd>ul>li ul { height: 0px; overflow: hidden; }
.zphg_xl_l_nr .tabs_hd>ul>li ul li a { line-height: 50px; position: relative; margin-left: 20px; padding-left: 16px; font-size: 18px; }
.zphg_xl_l_nr .tabs_hd>ul>li ul li a::before { content: ' '; width: 6px; height: 6px; background: #CCCCCC; border-radius: 50%; display: block; position: absolute; left: 0px; top: 50%; margin-top: -3px; }
.zphg_xl_box { padding: 30px; border: 1px solid #E5E5E5; }
.zphg_xl_img { text-align: center; border: 1px solid #E5E5E5; }
.zphg_xl_tit h1 { font-weight: normal; font-size: 24px; line-height: 40px; }
.zphg_xl_tit_nr { height: 170px; border-bottom: 2px solid #CCCCCC; }
.zphg_xl_tit_nr p { line-height: 30px; }
.zphg_xl_bottom { display: flex; padding-top: 20px; justify-content: space-between; align-items: center; }
.zphg_xl_bottom span { display: flex; line-height: 30px; align-items: center; }
.zphg_xl_bottom span img { margin-right: 10px; }
.zphg_xl_bottom a { background: #FF8D1A; height: 40px; line-height: 40px; padding: 0px 18px; border-radius: 20px; color: #fff; }
.zphg_xl_r_top { padding: 0px 24px; height: 60px; display: flex; align-items: center; background: #F7F7F7; margin-top: 32px; }
.zphg_xl_r_top span { font-size: 20px; margin-right: 10px; }
.zphg_xl_r_top em { color: #A6A6A6; }
.zphg_xl_r_img { padding: 40px 0px; text-align: center; }
.zphg_xl_r_anniu { border-top: 2px solid #F7F7F7; text-align: center; padding-top: 16px; }
.zphg_xl_r_anniu a { display: inline-block; margin: 0px 10px; color: #000; }
.zphg_js_top { background: #0E0E80; padding: 0px 10px; padding-top: 12px; }
.zphg_js_top ul li { display: inline-block; height: 60px; line-height: 60px; }
.zphg_js_top ul li a { color: #fff; position: relative; display: block; font-size: 20px; padding: 0px 40px; }
.zphg_js_top ul li a::before { content: ' '; position: absolute; width: 1px; height: 20px; top: 50%; margin-top: -10px; right: 0px; background: #fff; opacity: .5; }
.zphg_js_top ul li:last-child a::before { display: none; }
.zphg_js_top ul li:hover a,.zphg_js_top ul li.on a { background: #fff; color: #0E0E80; }
.zphg_js_nr { padding: 32px 0px; }
.zphg_js_nr p { line-height: 40px; text-align: justify; }
.zphg_js_bg { padding: 100px 0px; height: 320px; background: url(../images/24zphg_banner5.jpg) no-repeat center; background-size: cover; text-align: center; }
.zphg_js_bg h1 { font-size: 48px; color: #fff; margin-bottom: 20px; }
.zphg_js_bg p { font-size: 18px; color: #fff; }
.zphg_fix { z-index: 99; }
.media_a { border: 1px solid transparent; float: right; margin-right: 10px; margin-top: 7px; border-radius: 4px; }
.trans-3 { display: block; width: 19px; margin-bottom: 4px; background: #0E0E80; height: 2px; border-radius: 1px; }
.trans-3 { transition: all 0.35s linear; }
body.on .box .trans-3:nth-child(1) { -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,6) rotate(45deg); }
body.on .box .trans-3:nth-child(3) { -webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-6) rotate(-45deg); }
body.on .box .trans-3:nth-child(2) { width: 0; }
body.on .box .trans-3 { background: #FFFFFF; }
.media_b,.media_a,.box_top { display: none; }
.view .swiper-container { height: 300px; line-height: 300px; text-align: center; }
.view .swiper-container img { height: 100%; }
.view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.view .arrow-right { background: url(../images/index_tab_r.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.preview .swiper-slide { text-align: center; overflow: hidden; }
.preview .swiper-slide img { height: 100%; }
.preview { width: 100%; margin-top: 10px; position: relative; }
.preview .swiper-container { width: 86%; height: 82px; }
.preview .swiper-slide { width: 74px; box-sizing: border-box; height: 76px; cursor: pointer; }
.preview .slide6 { width: 74px; }
.preview .arrow-left { background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview .arrow-right { background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview img { padding: 1px; }
.preview .active-nav { border: 1px solid #000; border-radius: 8px; }
.preview .active-nav img { padding: 0; }
.top_r ul{display: inline-block; vertical-align: middle;}
.top_r em{display: inline-block; cursor: pointer; margin-left: 20px; background: rgb(14, 14, 128,.6); height: 30px; width: 40px; vertical-align: middle; color: #fff; text-align: center; line-height: 30px; border-radius: 6px;}
@media only screen and (max-width:1480px) {
  .top_r ul li { margin-left: 12px; }
  .next { left: 0px; }
  .prev { right: 0px; }
  .zphg_fix { right: 10px; }
}
@media only screen and (max-width:1240px) {   }
@media only screen and (max-width:992px) {
  .page_base { text-align: center; margin: 16px auto; }
  .page_base .page_tools { float: inherit; text-align: center; margin: 0px; }
  .page_base .page_tools li,.page_base .page_go { display: none; }
  .page_base .page_tools li.prev,.page_base .page_tools li.next { display: inline-block; }
  .page_base .page_tools li a { height: auto; }
  .media_a,.box_top { display: block; border-bottom: 0px; }
  .box { line-height: inherit; display: inline-block; width: auto; height: auto; background: none; }
  .box ul { position: absolute; padding-top: 40px; right: -100%; transition: ease-in-out .5s; }
  body.on .box>ul { transition: ease-in-out .5s; background: rgba(0,0,0,.7); position: absolute; max-width: 60%; top: 0px; bottom: 0px; right: 0px; width: 280px; padding-left: 20px; padding-right: 20px; }
  body.on .box>ul ul { background: inherit; }
  body.on .box>ul img { display: none; }
  .box ul li:first-child>a { display: block; }
  .box { right: -100%; transition: ease-in-out .5s; }
  body.on .box { position: fixed; float: inherit; width: 100%; display: block; background: rgba(0,0,0,.2); z-index: 100; top: 0px; left: 0px; right: 0px; bottom: 0px; transition: ease-in-out .5s; }
  .box ul li { float: inherit; display: block; font-size: 20px; border-bottom: 1px solid #666; text-align: center; }
  .box ul li a { color: #FFFFFF; font-size: 20px; }
  .box ul li span { display: inline-block; width: 60px; line-height: 45px; text-align: center; height: 45px; }
  .box ul li img { margin-right: 0px; }
  .box .box_ul_tit>ul>li ul li.on a,.box>ul>li ul li:hover a { background: none; }
  .box_top { position: absolute; z-index: 999; top: 50%; transform: translatey(-50%); right: 15px; }
  body.on .box_top { right: 0px; top: 40px; }
  .box ul li ul { position: inherit; transition: ease-in-out .5s; display: block; height: 0px; overflow: hidden; margin: 0px 20px; left: inherit; right: inherit; padding: inherit; }
  .box ul li ul li { border-bottom: 1px solid #666; }
  .box ul li ul li:last-child { border: none; }
  .box ul li p { display: block; line-height: 50px; color: #fff; }
  body.on .trans-3 { background: #fff; }
  .box>ul>li>a { line-height: 50px; }
  .top .win_a { height: 80px; }
  .top_l { padding-right: 20px; }
  .top_r ul li.on a,.top_r ul li:hover a { color: #FF8D1A; }
  .zphg_fix { display: none; }
  .zphg_wz .win_a { flex-direction: column; }
  .zphg_js_top ul li { width: 48%; }
  .zphg_js_top ul li a { padding: 0px; text-align: center; }
  .zphg_js_top ul li a::before { display: none; }
  .zphg_js_bg,.zphg_bg3 { height: auto; padding: 32px 0px; }
  .bottom .win_a,.zphg_xl_bottom { flex-direction: column; }
  .zphg_js_bg h1,.zphg_bg3 h1 { font-size: 30px; }
  .bottom_logo { margin-bottom: 16px; }
  .zphg_bg2 { padding: 32px 0px; }
  .zphg_ul ul li a span { height: auto; }
  .zphg_ul2 ul li a { border: 1px solid #D1D5DE; padding: 16px; margin-top: 24px; }
  .zphg_tit { padding-left: 0px; }
  .zphg_img_a { padding-left: 50px; margin-top: 50px; margin-bottom: 50px; }
  .zphg_img_a::before { width: 40px; }
  .zphg_img_box { padding-top: 0px; }
  .banner { height: 50vh; padding-top: 24%; }
  .zphg_wz_r { margin-top: 16px; text-align: center; }
  .zphg_xl_box,.zphg_xl_tit { margin-top: 24px; }
  .zphg_xl_bottom a { margin-top: 10px; }
  .zphg_xl_box{padding: 16px;}
  .top_r em{margin-left: 0px;}
  .top_l{width: 80%; max-width:360px; padding-right: 0px;}
  .on .top_r em{opacity: 0;}
  .top .win_a {justify-content: space-between;padding-right: 40px;}
}
@media only screen and (max-width:640px) { 
  .banner{padding-top: 50%;}
 }
@media only screen and (max-width:440px) {   }