/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }* { /* word-wrap: break-word !important; */ /* font-family: arial !important; */ font-family: 'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif !important; /* word-break: keep-all !important; */ } .container { padding: 0px !important; width: 100% !important; } .higher img, .higher video { position: absolute!important; top: 50%!important; left: 50%!important; width: 100% !important; height: auto !important; -webkit-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; } .c_portalResEbizads_banner-01001 .text { display:none !important; } .c_portalResEbizads_banner-01001 .bannerBox { background: #02060d; } .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img.bannerPic { opacity: 1; } a { text-decoration: none; } a:hover,a:active { text-decoration: none; } a:focus { text-decoration: none; } .title_main { display: inline-block; overflow: hidden; max-width: 600px; color: #000000 !important; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 30px !important; line-height: 70px !important; } .title_icon { display: inline-block; margin-top: 5px; margin-right: 10px; color: #333333 !important; vertical-align: middle; font-size: medium; line-height: 60px !important; } .title_icon:before { color: #333333 !important; content: '\e6cd'; font-size: 30px; } .stylebox_title { display: inline-block; padding-right: 15px; padding-left: 15px; width: auto; height: inherit; background-color: transparent !important; vertical-align: bottom; white-space: nowrap; font-size: 0; } .stylebox_top { width: auto; height: 70px !important; background-color: transparent !important; } .stylebox_link a { color: #333333; } .stylebox_link a:hover { color: #eb6100 !important; } .stylebox_content { border: none !important; } /* page */ .c_portalResProduct_list-01001 .porTbox { padding-bottom: 66.66% !important; } /*产品详情start*/ .detaila { width: 100%; padding-top:15%; padding-bottom:15%; } .dccenter ul { width:100%; } .detailb { display: flex; margin: 0px auto; padding-top: 3rem ; padding-bottom: 3rem ; width: 94%; max-width: 1300px; flex-direction: row; justify-content: center; align-items: center; } .detailc { display: flex; margin: 0px auto; padding-top: 3rem; padding-bottom: 3rem; width: 94%; max-width: 1300px; flex-direction: column; justify-content: center; align-items: center; } .detailb video { margin: 3%; max-width: 500px; border: #eb6100 5px solid; } .dctit { position: relative; margin: 0px auto; width: 90%; } .dctit h2 { color: #000000; text-align: left; font-weight: 500 !important; font-size: 32px; line-height: 200%; } .dctit h2:after { position: absolute; top: 60px; left: 0%; width: 80px; height: 5px; background: #eb6100; content: ""; display:none; } .dctitc { position: relative; margin: 0px auto; width: 90%; } .dctitc h2 { color: #000000; text-align: center; font-weight: 500 !important; font-size: 30px; line-height: 200%; } .dctitc h2:after { position: absolute; top: 60px; left: 50%; margin-left: -40px; width: 80px; height: 5px; background: #eb6100; content: ""; display:none; } .margin6 { padding-top: 6rem; padding-bottom: 6rem !important; } .pt10pb10 { padding-top:10%; padding-bottom:10%; } .pt05pb05 { padding-top:5%; padding-bottom:5%; } .dctit p,.dctit div,.dctit span { margin-top: 10px; margin-bottom:10px; color: #000000; font-size: 17px !important; line-height: 180%; font-weight: 300; text-align:left; } .dcleft { float: left; margin-left: 0; width: 50%; animation-name: fadeInLeft; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both; display:flex; flex-direction:column; justify-content:center; align-items : center; } .dcright { display:flex; flex-direction:column; justify-content:center; align-items : center; float: left; margin-left: 0; width: 50%; animation-name: fadeInRight; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both; } .dcright img { float:right; } .dccenter { float: none; display: flex; margin-left: 0; width: 100%; text-align: center; animation-name: fadeInUp; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both; flex-direction: row; justify-content: center; align-items: center; } .dccenter ul li { width: calc((100% - 120px)/3); margin: 20px; list-style: none; min-height: 240px; padding: 0px; background-color: transparent; text-align: center; color: #333333; font-size: 15px; float: left; font-weight: 300 !important; } .dccenter ul li h2 { font-size: 24px; font-weight: 500 !important; color: #000000; margin-bottom: 20px; } .dccenter ul li p { font-size: 15px !important; font-weight: 500 !important; line-height: 220% !important; padding-bottom: 5px; text-align:left; word-break: break-all !important; } .w1300 { width: 94%; max-width: 1300px; margin: 0px auto; } .wb90 { width:90%; margin: 0px auto; } .dccenter img { width: 80% ; height: auto; } .col4 img { width: calc(100%/4) !important; } .back1 { } .back2 { background: url(/img/qwe02.jpg) center center no-repeat; background-size: cover; } .back3 { } .back4 { background: url(/img/qwe03.jpg) center center no-repeat; background-size: cover; } .back5 { background: url(/img/qwe04.jpg) center center no-repeat; background-size: cover; } .back6 { background: #ffffff; background-size: cover; } .back7 { background: #eeeeee; } .bgk1 { background: #e2e2e2; } .bgk2 { background: url(/img/zxc3.jpg) center center no-repeat; background-size: cover !important; } .bgk3 { background: #e2e2e2; } .bgk4 { background: url(/img/zxc3.jpg) center center no-repeat; background-size: cover !important; } .bgk5 { background: #e2e2e2; } .bgk6 { background: url(/img/zxc3.jpg) center center no-repeat; background-size: cover !important; } .bgk7 { background: url(/img/zxc91.jpg) center center no-repeat; background-size: cover !important; } .detaila div { background: none; } /*产品详情end*/ @media only screen and (min-width: 769px) { .ablank .dctit h2 { color: #000000; } .ablack .dctit h2 { color: #ffffff; } .mt20mb20 { margin-top:-20%; margin-bottom:20%; } .p_page .pre { position: relative; top: 0; left: 0; float: left; display: inline-table; margin: 0 5px 0 18px; padding: 0 10px; height: 38px; border: 1px solid #fff; border-radius: 0px; background: #fff; color: #333333; text-align: center; } .NavList_a1 a:hover { color: #eb6100 !important; } .NavList_a1 a:active { color: #eb6100 !important; } .p_page .pre:active { border-color: #eb6100; background: #eb6100; color: #fff; } .p_page .pre:hover { border-color: #eb6100; background: #eb6100; color: #fff; cursor: pointer; } .p_page .next { position: relative; top: 0; left: 0; float: left; display: inline-table; padding: 0 10px; height: 38px; border: 1px solid #fff; border-radius: 0px; background: #fff; color: #333; text-align: center; } .p_page .next:active { border-color: #eb6100; background: #eb6100; color: #fff; } .p_page .next:hover { border-color: #eb6100; background: #eb6100; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; display: inline-block; margin: 0 5px 0 0; padding: 0 5px; height: 38px; min-width: 38px; border: 1px solid #fff; border-radius: 0px; background-color: #fff; background-size: 100% 100%; color: #595959; text-align: center; text-decoration: none; font-weight: inherit; font-size: 14px; font-family: inherit; line-height: 38px; cursor: pointer; } .p_page .pageNum:active { border-color: #eb6100; background-color: #eb6100; color: #fff; text-decoration: none; } .p_page .pageNum:hover { border-color: #eb6100; background-color: #eb6100; color: #fff; text-decoration: none; cursor: pointer; } .p_page .pageNum.active { border-color: #eb6100; background-color: #eb6100; color: #fff; text-decoration: none; } } @media screen and (max-width: 768px) { /* #w_grid-1573788873389,#w_grid-1580877497342,#w_grid-1583782889775,#w_grid-1586392837190,#w_grid-1586392837250 { position:relative !important; */ /* z-index:990 !important; */ .margin6 { padding-top: 1rem; padding-bottom: 1rem !important; } .dccenter { float: none; display: flex; margin-left: 0; width: 100%; text-align: center; animation-name: fadeInUp; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both; flex-direction: column; justify-content: center; align-items: center; } .dccenter ul li { width: calc((100% - 40px)/1); margin: 20px; list-style: none; min-height: 240px; padding: 0px; background-color: rgba(0,0,0,0); text-align: center; color: #333333; font-size: 17px; float: left; } .detailb { display: flex; margin: 0px auto; padding-top: 1rem; padding-bottom: 1rem; width: 94%; max-width: 1300px; flex-direction: column; justify-content: center; align-items: flex-start; } .dcleft { float: left; margin-left: 0; width: 100%; animation-name: fadeInLeft; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both; } .dcright { float: left; margin-left: 0; width: 100%; animation-name: fadeInRight; animation-duration: 2s; animation-delay: 1s; animation-fill-mode: both; } .ablack { background-size: 100% !important; background-position: top center !important; background-color: #333333 !important; } .ablank { background-size: 100% !important; background-position: top center !important; background-color: #ffffff !important; } .ablank .dctit h2 { color: #000000; text-align: left; font-weight: 500 !important; font-size: 22px !important; line-height: 120%; margin-bottom: 50%; } .ablack .dctit h2 { color: #ffffff; text-align: left; font-weight: 500 !important; font-size: 24px !important; line-height: 120%; margin-bottom: 50%; } .aleft { text-align:left !important; } .aright { text-align:right !important; } .pl50 { padding-left:50%; } .pr50 { padding-right:50%; } .mt20p { margin-top:-20px !important; } .mt50p { margin-top:50px !important; } } #w_grid-1586392837570 { position: relative !important; /* z-index:999 !important; */ .bannerBox { padding-top: 60px !important; } #w_grid-1586392837270 { display: none !important; } .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { border-color: #d9d9d9 !important; background: #f5f5f5 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont { color: #ddd !important; } .p_pagebox .js_pageBtnDisable:hover .iconfont { color: #bfbfbf !important; } .p_pagebox .pre { margin-right: 2%; width: 48%; background-color: #eb6100; } .p_pagebox .pre:hover { border-color: #eb6100; background-color: #eb6100; color: rgba(255, 255, 255, 1); cursor: pointer; } .p_pagebox .pre:active { background-color: #eb6100; } .p_pagebox .next { margin-left: 2%; width: 48%; background-color: #eb6100; } .p_pagebox .next:hover { background-color: #eb6100; } .p_pagebox .next:active { background-color: #eb6100; } } /* scrollbar css */ /* width */ ::-webkit-scrollbar { width: 7px; } /* Track */ ::-webkit-scrollbar-track { border-radius: 0px; background: #f7f7f7; } /* Handle */ ::-webkit-scrollbar-thumb { border-radius: 0px; background: #999; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #015bbb; } /* animation */ @-webkit-keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); -ms-transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } } @keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); -ms-transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -ms-transform: scale(1); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @ -webkit-keyframes slideIn { 0% { opacity: 1; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes slideIn { 0% { opacity: 1; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes imgIn { 0% { opacity: 1; -webkit-transform: -webkit-translateX(100%); } 100% { opacity: 1; -webkit-transform: -webkit-translateX(0); } } @keyframes imgIn { 0% { opacity: 1; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } /* Top to bottom keyframes */ @-webkit-keyframes anim_ttb { 0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes anim_ttb { 0% { opacity: 0; -moz-transform: translate3d(0, -100px, 0); } 100% { opacity: 1; -moz-transform: translate3d(0, 0, 0); } } @-o-keyframes anim_ttb { 0% { opacity: 0; -o-transform: translate3d(0, -100px, 0); } 100% { opacity: 1; -o-transform: translate3d(0, 0, 0); } } @keyframes anim_ttb { 0% { opacity: 0; transform: translate3d(0, -100px, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* Bottom to top keyframes */ @-webkit-keyframes anim_btt { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes anim_btt { 0% { opacity: 0; -moz-transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -moz-transform: translate3d(0, 0, 0); } } @-o-keyframes anim_btt { 0% { opacity: 0; -o-transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -o-transform: translate3d(0, 0, 0); } } @keyframes anim_btt { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* Left to right keyframes */ @-webkit-keyframes anim_ltr { 0% { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes anim_ltr { 0% { opacity: 0; -moz-transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; -moz-transform: translate3d(0, 0); } } @-o-keyframes anim_ltr { 0% { opacity: 0; -o-transform: translate3d(-100px, 0); } 100% { opacity: 1; -o-transform: translate3d(0, 0, 0); } } @keyframes anim_ltr { 0% { opacity: 0; transform: translate3d(-100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* Right to left keyframes */ @-webkit-keyframes anim_rtl { 0% { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes anim_rtl { 0% { opacity: 0; -moz-transform: translate3d(100px, 0, 0); } 100% { opacity: 1; -moz-transform: translate3d(0, 0, 0); } } @-o-keyframes anim_rtl { 0% { opacity: 0; -o-transform: translate3d(100px, 0, 0); } 100% { opacity: 1; -o-transform: translate3d(0, 0, 0); } } @keyframes anim_rtl { 0% { opacity: 0; transform: translate3d(100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } /* Appear from center in keyframes */ @-webkit-keyframes zoom-in { 0% { opacity: 0.1; -webkit-transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes zoom-in { 0% { opacity: 0.1; -moz-transform: scale(0.5); } 100% { opacity: 1; -moz-transform: scale(1); } } @-o-keyframes zoom-in { 0% { opacity: 0.1; -o-transform: scale(0.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoom-in { 0% { opacity: 0.1; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } /* Appear from center out keyframes */ @-webkit-keyframes zoom-out { 0% { opacity: 0.1; -webkit-transform: scale(1.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes zoom-out { 0% { opacity: 0.1; -moz-transform: scale(1.5); } 100% { opacity: 1; -moz-transform: scale(1); } } @-o-keyframes zoom-out { 0% { opacity: 0.1; -o-transform: scale(1.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoom-out { 0% { opacity: 0.1; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1); } } /* Disappear from center keyframes */ @-webkit-keyframes zoom-reverse { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0.5); } } @-moz-keyframes zoom-reverse { 0% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(0.5); } } @-o-keyframes zoom-reverse { 0% { opacity: 1; -o-transform: scale(1); } 100% { opacity: 0; -o-transform: scale(0.5); } } @keyframes zoom-reverse { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.5); } } /* Alpha keyframes */ @-webkit-keyframes alpha-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes alpha-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes alpha-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes alpha-in { 0% { opacity: 0; } 100% { opacity: 1; } } /*Ken Burns*/ @-webkit-keyframes kenburns { 100% { -webkit-transform: scale(1.15); } } @-moz-keyframes kenburns { 100% { -moz-transform: scale(1.15); } } @-o-keyframes kenburns { 100% { -o-transform: scale(1.15); } } @keyframes kenburns { 100% { transform: scale(1.15); } }