@charset "utf-8"; /************************************* * 文件名称:common.css * 作 者:客户成功部 * 创建日期:2022-01-01 * 最后修改:name/ 第X行 / yyyy-mm-dd * 文件版本:UI CSS Frameworks Beta * 内容概要: 公用样式文件 *************************************/ @import url('https://fonts.font.im/css?family=Barlow:100,200,300,400,500,600,700,800,900'); @import url('/upload/css/ea50d47e1bb54b25b3483bc2d78c8014.css'); @import url('/upload/css/fdc81f53550e495a8001c2c2771947bc.css'); body { font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; /* font-family: 'Barlow', sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif; font-family: 'Noto Serif', serif; font-family: raleway,Arial,sans-serif; font-family: 'Poppins', sans-serif!important; */ border: none; outline: none } :root { --theme-color:#0861d2; --themes-color:#0861d2; --swiper-navigation-size: 50px; } a { outline:none; } a { transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; } a:hover, a:active { color: var(--theme-color); text-decoration: none; } div, p, span { /* word-break: keep-all!important; */ } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .hide { display: none!important; } .btn.focus, .btn:focus, .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 0 rgb(255 255 255 / 0%); } .page_a { display: inline-block; line-height: 40px; height: 40px; width: 40px; margin: 0 5px; background: #f4f4f4; color: #666; } .page_a.disabled { font-size: 14px; color: rgba(255,255,255,1); border-style: solid; border-width: 1px; border-color: rgba(244, 244, 245, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background-color: rgba(200,200,200,1); } .page_a.disabled:hover { color: rgba(192, 196, 204, 1); border-color: rgba(244, 244, 245, 1); background-color: rgba(244, 244, 245, 1); } .page_a.current { background: var(--theme-color); } .page_a { background-color: rgba(242,242,242,1); } .page_a:hover { background: var(--theme-color); color: rgba(255,255,255,1); } /* scrollbar css */ /* width */ ::-webkit-scrollbar { width:6px; } /* Track */ ::-webkit-scrollbar-track { background: #fff; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--theme-color); border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #222; } @keyframes scrollmouse{ from { transform: translate(-50%,0); opacity:1; }to { transform: translate(-50%,10px); opacity:0; } } .MicrosoftMap .Infobox .infobox-info { font-family: verdana; font-size: 12px; color: #888; padding: 10px; padding-top: 0px; overflow: auto; } .swiper-button-next:after, .swiper-button-prev:after { color: #fff; font-size: 18px; } .swiper-button-next, .swiper-button-prev { color: #fff; font-size: 18px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background: rgb(0 0 0 / 70%); border-radius:50px; transition:all 0.5s ease 0s; } .swiper-button-next:hover, .swiper-button-prev:hover { background: var(--theme-color); } #c_static_001-16563777692680 .swiper-button-next { color: #fff; font-size: 18px; width: 30px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background: rgb(0 0 0 / 70%); border-radius:0px; transition:all 0.5s ease 0s; transform: translate(0%,-50%); right:0px; } #c_static_001-16563777692680 .swiper-button-prev { color: #fff; font-size: 18px; width: 30px; height: 50px; line-height: 50px; text-align: center; display: inline-block; background: rgb(0 0 0 / 70%); border-radius:0px; transition:all 0.5s ease 0s; transform: translate(0%,-50%); left:0px; } #c_static_001-1645413860727 .swiper-button-next { color: #fff; font-size: 18px; width: 40px; height: 60px; line-height: 60px; text-align: center; display: inline-block; background: rgb(0 0 0 / 70%); border-radius:0px; transition:all 0.5s ease 0s; transform: translate(0%,-50%); top: 50%; margin: 0px; right:15px; } #c_static_001-1645413860727 .swiper-button-prev { color: #fff; font-size: 18px; width: 40px; height: 60px; line-height: 60px; text-align: center; display: inline-block; background: rgb(0 0 0 / 70%); border-radius:0px; transition:all 0.5s ease 0s; transform: translate(0%,-50%); top: 50%; margin: 0px; left:15px; } .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .swiper-pagination-bullet-active { opacity: 1; background: var(--theme-color); } #c_static_001-16545858342090 .e_loop-3 .swiper-container { padding-bottom: 60px; } .fl_list{ width: 100%; height: auto; display: block; position: relative; overflow: hidden; } .fl_list .pic_box{ width: 100%; height: 0px; position: relative; display: block; overflow: hidden; } .fl_list_01 .pic_box{ padding-bottom: 131.5%; } .fl_list_02 .pic_box{ padding-bottom: 92.5%; } .fl_list_03 .pic_box{ padding-bottom: 92.5%; } .fl_list_04 .pic_box{ padding-bottom: 46.25%; } .fl_list_05 .pic_box{ padding-bottom: 46.25%; } .fl_list_06 .pic_box{ padding-bottom: 92.5%; } .fl_list_07 .pic_box{ padding-bottom: 92.5%; } .fl_list img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; overflow:hidden; transition:all .5s ease 0s; opacity: 0.6; } .fl_list:hover img{ transform:translate(-50%,-50%) scale(1.15); opacity: 0.9; } .fl_list .content_box{ width: 100%; height: auto; display: inline-block; position: absolute; top: 0px; left: 0px; padding: 60px 40px; } .fl_list.fl_list_01 .content_box{ padding: 60px 80px; } .fl_list .title_lj:after { width: 48px; height: 2px; line-height: 2px; border: none; content: ''; display:block; background-color: rgba(255,255,255,0.8); margin: 15px 0px; transition:all .5s ease 0s; } .fl_list:hover .title_lj:after { width: 100%; } .fl_list .title{ font-size: 18px; line-height: 1.4; color: #fff; padding-left: 0px; transition:all .5s ease 0s; } .fl_list:hover .title{ padding-left: 20px; } .swiper-slide-active>div:before{ animation-name: scaleBigToSmall; animation-duration: 1.0s; animation-delay: 0.5s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-2 .cbox-16-0{ animation-name: fadeInUp; animation-duration: 1.0s; animation-delay: 0.5s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-2 .cbox-16-1{ animation-name: fadeInDown; animation-duration: 1.0s; animation-delay: 0.5s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-2 .cbox-16-2{ animation-name: fadeInUp; animation-duration: 1.0s; animation-delay: 0.5s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-1-1{ animation-name: fadeInRight; animation-duration: 1.0s; animation-delay: 1s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*{ animation-name: fadeInLeft; animation-duration: 1.0s; animation-delay: 0.8s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(2){ animation-delay: 1.0s; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(3){ animation-delay: 1.2s; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(4){ animation-delay: 1.4s; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(5){ animation-delay: 1.6s; } .swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(6){ animation-name: fadeInUp; animation-duration: 1.5s; animation-delay: 2.5s; } .swiper-slide-active>#content_box-1637288758471-3 .cbox-1-0{ animation-name: fadeInDown; animation-duration: 1.0s; animation-delay: 0.5s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-3 .cbox-2-0{ animation-name: fadeInUp; animation-duration: 1.0s; animation-delay: 0.5s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-2-0{ animation-name: fadeInUp; animation-duration: 1.0s; animation-delay: 1s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*{ animation-name: fadeInLeft; animation-duration: 1.0s; animation-delay: 0.8s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(2){ animation-delay: 1.0s; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(3){ animation-delay: 1.2s; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(4){ animation-delay: 1.4s; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(5){ animation-delay: 1.6s; } .swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(6){ animation-name: fadeInUp; animation-duration: 1.5s; animation-delay: 2.5s; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-1{ animation-name: fadeInRight; animation-duration: 1.0s; animation-delay: 1s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*{ animation-name: fadeInLeft; animation-duration: 1.0s; animation-delay: 0.8s; animation-fill-mode: both; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(2){ animation-delay: 1.0s; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(3){ animation-delay: 1.2s; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(4){ animation-delay: 1.4s; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(5){ animation-delay: 1.6s; } .swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(6){ animation-name: fadeInUp; animation-duration: 1.5s; animation-delay: 2.5s; } #c_static_001-16545858342090 .cbox-3 .e_image-32 { width: 100%; height: 0px; padding-bottom: 66.667%; overflow: hidden; display: block; position: relative; } #c_static_001-16545858342090 .cbox-3 .e_image-32 a { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)!important; width:100%; height:100%; overflow:hidden; transition:all 0s ease 0s; } #c_static_001-16545858342090 .cbox-3 .e_image-32 img { transform:scale(1)!important; width:100%; height:100%; transition:all 0.5s ease 0s; } #c_static_001-16545858342090 .cbox-3:hover .e_image-32 img { transform:scale(1.1)!important; } #c_static_001-16545858342090 .cbox-3 .e_container-4 .cbox-4-0 { background: rgb(0 0 0 / 20%); transition:all 0.5s ease 0s; } #c_static_001-16545858342090 .cbox-3:hover .e_container-4 .cbox-4-0 { background-color: #049; } #c_static_001-1645409154320 .cbox-8 .e_image-10 img { transform:scale(1)!important; width:100%; height:100%; transition:all 0.5s ease 0s; } #c_static_001-1645409154320 .cbox-8:hover .e_image-10 img { transform:scale(1.05)!important; } #c_product_list_013-16528651397130 .form-control { display: block; width: 100%; height: auto; padding: 10px; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; border-radius: 4px; } #c_product_list_019-16527667696311 .cbox-29-0 .e_image-8 img { transform:scale(1)!important; width:100%; height:100%; overflow:hidden; transition:all 1s ease 0s; } #c_product_list_019-16527667696311 .cbox-29-0:hover .e_image-8 img { transform:scale(1.1)!important; } #c_product_list_019-16527667696311 .cbox-29-0 .e_container-30{ background-color: rgba(17,80,162,1); transition:all 1s ease 0s; } #c_product_list_019-16527667696311 .cbox-29-0:hover .e_container-30{ background-color: rgba(204,0,0,1); } #c_new_list_018-16527737599031 .cbox-1 .e_image-3 img { transform:scale(1)!important; width:100%; height:100%; overflow:hidden; transition:all 1s ease 0s; } #c_new_list_018-16527737599031 .cbox-1:hover .e_image-3 img { transform:scale(1.1)!important; } #c_relevant_004-16527862243982 .cbox-1 .e_image-25 img { transform:scale(1)!important; width:100%; height:100%; overflow:hidden; transition:all 1s ease 0s; } #c_relevant_004-16527862243982 .cbox-1:hover .e_image-25 img { transform:scale(1.1)!important; } @media only screen and (max-width: 768px){ #c_product_detail_013-16527701513581 .e_container-132 { display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%; max-width: none; margin-bottom: 0px; display-radio: flex; } #c_grid-16457842165150{ display: none!important; } #c_product_list_019-16396257078600 .swiper-button-next, #c_product_list_019-16396257078600 .swiper-button-prev{ display: none!important; } #c_static_001-1639474398600 .e_container-5 > .p_item { flex: none; } #c_banner_008-1639476415422 .e_bannerA-2 .p_img { width: 100%; height: 0px; padding-bottom: 56.25%; overflow: hidden; display: block; position: relative; } #c_banner_008-1639476415422 .e_bannerA-2 .p_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1)!important; width: 100%; height: auto; min-height: 100%; min-width: 100%; overflow: hidden; transition: all .5s ease 0s; } #c_static_001-1639474398600 .e_navigationF-2 .p_navButton > p span { background: #c00; } #c_grid-16394716322740 > .p_gridbox { display: flex; align-items: center; } #c_static_001-1639473756592 .e_image-1 { overflow: hidden; max-width: 150px; height: auto; max-height: none; width: auto; padding-left: 0px; margin-left: 0px; display-radio: 1; } #c_navigation_019-1639645892245 .e_container-4 .cbox-4-1 { display: none; } #c_navigation_019-1639645892245 .e_container-4 .cbox-4-2 { display: none; } #c_navigation_019-1639645892245 .e_container-4 .cbox-4-3{ display: none; } } .zcfdcd { position:fixed; right:0; margin-right:0px; top:40%; z-index:9; } .zcfdcd .btn{ width:48px; height:48px; display: block; margin-bottom: 4px; cursor:pointer; position:relative; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 0px; padding: 0px; line-height: 48px; border: none; align-items: center; display: flex; } .zcfdcd .btn .yctb{display: flex; width: 2pc; height: 2pc; line-height: 2pc; border: none; padding: 2px 2px; margin: 0 auto; overflow: hidden; cursor: pointer; fill: rgb(255, 255, 255); align-items: center; justify-content: center;} .zcfdcd .btn .yctb .icon_tb { width:100%; height:auto; display: inline-block; } .zcfdcd .btn-wx .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd .btn-ly{ background: var(--themes-color);} .zcfdcd .btn-ly .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd .btn-ly:hover{ background: var(--theme-color); } .zcfdcd a.btn-ly,.izl-rmenu a.btn-ly:visited{ text-decoration:none; } .zcfdcd .btn-qq{ background: var(--themes-color);} .zcfdcd .btn-qq:hover{ background: var(--theme-color); } .zcfdcd .btn-qq .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd a.btn-qq,.izl-rmenu a.btn-qq:visited{ background: var(--themes-color);} .zcfdcd .btn-wx{ background: var(--themes-color);} .zcfdcd .btn-wx:hover{ background: var(--theme-color); } .zcfdcd .btn-wx .pic{ position:absolute; left:-130px; top:-65px; display:none; width:130px; height:160px; } .zcfdcd .btn-phone{ background: var(--themes-color);} .zcfdcd .btn-phone .yctb{ width:1.6pc; height: 1.6pc; line-height:1.6pc;} .zcfdcd .btn-phone:hover{ background: var(--theme-color); } .zcfdcd .btn-phone .phone{ background: var(--themes-color); position:absolute; width:auto; right:-100%; top:0px; line-height:48px; color:#FFF; font-size:18px; text-align:center; display:none; } .zcfdcd .btn-phone .phone.dh { background: var(--theme-color); position: absolute; width: auto; right: 100%; top: 0px; line-height: 48px; color: #FFF; padding: 0px 15px; font-size: 16px; text-align: center; border-radius: 0px; } .zcfdcd .btn-phone .phone a{ white-space: nowrap; color:#FFF; } .zcfdcd .btn-top{ background: var(--theme-color); display:none; padding-top: 6px; } .zcfdcd .btn-top:hover{ background: var(--themes-color); } @media only screen and (min-width: 769px){ #c_category_047-16459395353810 .e_loop-2 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_047-16459395353810 .e_loop-2 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_category_042-16459567038760 .e_loop-5 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_042-16459567038760 .e_loop-5 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_category_048-16459602089300 .e_loop-1 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_048-16459602089300 .e_loop-1 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_category_047-16459657544100 .e_loop-2 .p_list { display: flex; flex-wrap: wrap; justify-content: center; } #c_category_047-16459657544100 .e_loop-2 .p_list a{ width: 100%; height: 100%; display: inline-block; } #c_banner_008-1639476415422 .e_bannerA-2 .swiper-slide { width: 100%; height: 100%; } #c_static_001-16455212337790 .e_container-1 .cbox-1-0 { background-color: rgba(13,77,161,0.92); transition:all 0.5s ease 0s; } #c_static_001-16455212337790 .e_container-1:hover .cbox-1-0 { background-color: rgba(204,0,0,0.9); } #c_static_001-16455212602690 .e_container-1 .cbox-1-0 { background-color: rgba(13,77,161,0.92); transition:all 0.5s ease 0s; } #c_static_001-16455212602690 .e_container-1:hover .cbox-1-0 { background-color: rgba(204,0,0,0.9); } .kjtb { width:100%; height:auto; text-align: right;} .kjtb_01{ display: inline-block; } .kjtb_02{ display: inline-block; } .nyys .icon_01 { width: 40px; height: 40px; margin: 0px auto; background:none; fill: #c00; border-radius: 0px; padding: 6px; } .nyys .icon_02 { width: 40px; height: 40px; margin: 0px auto; background: none; fill: #222; border-radius: 0px; padding: 10px; margin-left: 10px; } .nyys .bai .icon_02 { fill: #fff; } .nyys .icon_01:hover{ fill: #cc0000; } .nyys .icon_02:hover{ fill: #cc0000; } .syjjtb .icon01{ width: 50px; height: 50px; margin: 0px auto; background: none; display: block; fill: #c00; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } .syjjtb:hover .icon01{ fill: #fff; } .syjjtb{ width: 100%; padding-right: 20px; height: auto; display: inline-block; } .syjjtb a{ width: 100%; padding: 20px; height: auto; display: inline-block; background: rgb(255 255 255); box-shadow: 0 0 20px rgba(0,0,0,0.1); transition:all 0.5s ease 0s; color: rgba(0,0,0,1); } .syjjtb a:hover{ color: rgba(255,255,255,1); background: #c00; } .syjjtb .syjjtb_wz{ font-size: 16px; line-height: 24px; text-align: center; margin-top: 10px; } .icon001{ width: 76px; height: 76px; margin: 0px auto; background: none; display: block; fill: #fff; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 20px; transition:all 0.5s ease 0s; } .swiper-pagination-bullet-active { width: 40px; height: 10px; background: #c00; } #c_product_list_019-16566626393251 .e_container-7 { background-color: rgba(255,255,255,1); transition:all 0.5s ease 0s; } #c_product_list_019-16566626393251 .e_container-7:hover { box-shadow: 0 0 20px rgba(0,0,0,0); background-color: rgba(255,255,255,1); } #c_product_list_019-16566626393251 .cbox-7-0 { width: 100%; height: 100%; padding:0; overflow: hidden; display: block; position: relative; } #c_new_list_018-1643101639306 .e_image-3 { width: 100%; height: 0px; padding-bottom: 60%; overflow: hidden; display: block; position: relative; } #c_new_list_018-1643101639306 .cbox-2-0 .e_image-3 img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1)!important; width:100%; height:auto; overflow:hidden; transition:all 1s ease 0s; } #c_new_list_018-1643101639306 .cbox-2-0:hover .e_image-3 img { transform:translate(-50%,-50%) scale(1.1)!important; } #c_new_list_018-1643101639306 .cbox-2-0 .e_container-14 .cbox-14-0 { margin-bottom: 10px; padding-bottom: 25px; margin-top: 0px; padding-top: 25px; background-color: rgba(247,247,247,1); transition:all 1s ease 0s; box-shadow: 0 0 20px rgba(204,0,0,0); } #c_new_list_018-1643101639306 .cbox-2-0:hover .e_container-14 .cbox-14-0 { margin-top: 10px; margin-bottom: 0px; background-color: rgba(255,255,255,1); box-shadow: 0 0 20px rgba(204,0,0,0.1); } #c_product_list_019-16566626393251 .swiper-container { overflow: visible; } #c_product_list_019-16566626393251 .swiper-button-next { right: 15px; top: 50%; left: auto; color: #fff; width: 40px; height: 60px; display: inline-block; background: var(--themes-color); text-align: center; line-height: 60px; transition:all 1s ease 0s; border-radius: 0px; margin:0px; transform:translate(0%,-50%); } #c_product_list_019-16566626393251 .swiper-button-prev { right: auto; top: 50%; left: 15px; color: #fff; width: 40px; height: 60px; display: inline-block; background: var(--themes-color); text-align: center; line-height: 60px; transition:all 1s ease 0s; border-radius: 0px; margin:0px; transform:translate(0%,-50%); } #c_product_list_019-16566626393251 .swiper-button-next:hover { background: var(--theme-color); } #c_product_list_019-16566626393251 .swiper-button-prev:hover { background:var(--theme-color); } #c_product_list_019-16566626393251 .swiper-button-next:after{ font-size: 18px; } #c_product_list_019-16566626393251 .swiper-button-prev:after{ font-size: 18px; } #c_grid-16394716322740 > .p_gridbox { display: flex; align-items: center; } #c_static_001-1639473756592 .e_image-1 { max-width: 300px; transition:all 0.5s ease 0s; } #c_static_001-1639473756592.zhai .e_image-1 { max-width: 240px; } #c_static_001-1639474398600 .e_navigationF-2 .p_navCon { font-size: 16px; line-height: 1; transition: all ease .3s; text-decoration: none; font-weight: normal; color: rgba(255,255,255,1); } #c_static_001-1639474398600 .e_navigationF-2.bai .p_navCon { color: rgba(255,255,255,1); } } @media only screen and (max-width: 768px){ #c_static_001_P_249-16545044844420{ position: fixed; z-index: 999; top: 0px; left: 0px; } .kjtb { width:100%; height:auto; text-align: right;} .kjtb_01{ display: inline-block; } .kjtb_02{ display: inline-block; } .icon_01 { width: 40px; height: 40px; margin: 0px auto; background:none; fill: #c00; border-radius: 0px; padding: 10px; } .icon_02 { width: 40px; height: 40px; margin: 0px auto; background: none; fill: #c00; border-radius: 0px; padding: 10px; margin-left: 0px; } .syjjtb .icon01{ width: 50px; height: 50px; margin: 0px auto; background: none; display: block; fill: #c00; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } .syjjtb:hover .icon01{ fill: #c00; } .syjjtb{ width: 100%; padding-right: 10px; padding-left: 10px; height: auto; display: inline-block; } .syjjtb a{ width: 100%; padding: 20px; height: auto; display: inline-block; background: rgba(0,0,0,0.15); transition:all 0.5s ease 0s; color: rgba(0,0,0,1); } .syjjtb a:hover{ color: rgba(255,255,255,1); background: #c00; } .syjjtb .syjjtb_wz{ font-size: 16px; line-height: 24px; text-align: center; margin-top: 10px; } .icon001{ width: 76px; height: 76px; margin: 0px auto; background: none; display: block; fill: #fff; border-radius: 0px; padding: 0px; transition:all 0.5s ease 0s; } #c_static_001-1639474398600 .e_container-5 { display: flex; flex-wrap: wrap; width: 100%; display: flex; flex-direction: row-reverse; display-radio: flex; } } @media only screen and (max-width: 1580px) and (min-width: 769px){ } @media only screen and (max-width: 1440px) and (min-width: 769px){ } @media only screen and (max-width: 1360px) and (min-width: 769px){ } /*弹出开始*/ .fixBox{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; padding: 0px; display: flex; background: rgba(55, 58, 71, 0.9); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; cursor: pointer; align-content: center; justify-content: center; } .fixBox.overlay { -webkit-transition: opacity 0.3s 0s; transition: opacity 0.3s 0s; opacity: 1; pointer-events: auto; } .fixBox iframe{ width: 100%; height: 100%; border: 0; } .fixBox .kuangbx{ background:none; width: 80%; max-width: 1080px; margin: auto; display: block; height: 80%; max-height: 720px; overflow: hidden; } .fixBox.overlay .kuangbx{ -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 0s; animation-delay:0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: anim-open; animation-name: anim-open; } .fixBox.overlay-close .kuangbx{ -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: anim-close; animation-name: anim-close; } .fix-box-center { width: 100%; margin: 0px auto; display: block; text-align: center; height: 100%; } .fix-box-img { width: auto; max-width: 100%; height: auto; max-height: 100%; padding: 20px; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 10%); } .close_button{ position: fixed; bottom: 60px; left: 0; right: 0; z-index: 99; background: #c00; max-width: 170px; margin: 0 auto; color: #fff; border-radius: 25px; padding: 15px 15px; text-align: center; line-height: 1; transition: all ease .3s; } .close_button:hover{ background: #222; } @-webkit-keyframes anim-open { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes anim-open { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); } } @keyframes anim-close { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } } /*弹出结束*/ @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1440px) and (min-width: 769px){ }