.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_public_htmlCode-01001009{ position:absolute; width:300px; height:390px; } #leftsead{ z-index:800 !important;} #c_public_htmlCode-15410581488153926{top:1841.25px !important} #c_public_htmlCode-15507160959750320{ z-index:999 !important;top: 25% !important;} #c_public_htmlCode-15507160959750320 #p2{ background-color: #dd751c; border: 1px solid #d87119;} .clearfix:after, .clearfix:before { display:table; clear:both; content:"" } .btn-a-ico:before, .btn-b-ico:before, .clearfix:after, .clearfix:before, .logo .logo-span:before, q:after, q:before { content:"" } .main-wrap, .menu, .menu-link { position:relative } .menu-link a, .video-pop { cursor:pointer } .gg .swiper-container, .gg .swiper-slide, .v30-contact-form { overflow:hidden } blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { padding:0; margin:0 } table { border-collapse:collapse; border-spacing:0 } abbr, acronym, fieldset, img { border:0 } address, caption, cite, code, dfn, em, th, var { font-weight:400; font-style:normal } ol, ul { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100% } html { font-size:62.5%; min-width:1200px } body { width:100%; height:100%; background:#fff; font-size:14px; font-family:'Microsoft Yahei', PingFangSC, sans-serif; color:#333; min-width:1250px } a { text-decoration:none; color:inherit } a, button, input, textarea { -webkit-tap-highlight-color:transparent; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease } a:active { outline:0 } .transition { -moz-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease } .hidden { visibility:hidden } .flex-col { display:flex; flex-direction:column; justify-content:center; align-items:center } .flex-row { display:flex; flex-direction:row; justify-content:center; align-items:center } .img-block { margin:0 auto; display:block } .img-block img, .img-block svg { display:block; margin:0 auto; max-width:100% } .main-color { color:#3ca56a } .btn-a, .btn-a-ico { display:inline-block; border:none; padding:0; color:#fff } .v30-contact { position:fixed; right:2px; top:30%; padding:50px 0; height:482px; box-sizing:border-box; z-index:99 } .v30-contact-form.cur { width:200px; opacity:1 } .v30-contact .transition { transition-duration:.8s } .v30-contact .v30-contact-title { background-color:rgba(1, 159, 233, .8); color:#fff; padding:15px 20px 0; white-space:nowrap; position:relative } .v30-contact .v30-contact-title .cf-close { position:absolute; left:166px; top:0; padding:10px } .v30-contact-item-block { position:absolute; right:0; width:65px; height:65px; background-color:rgba(0, 0, 0, .4); border:1px solid #3ca56a; border-right:none; box-sizing:border-box } .v30-contact-item-block:nth-child(1) { top:50px } .v30-contact-item-block:nth-child(2) { top:128px } .v30-contact-item-block:nth-child(3) { top:206px } .v30-contact-item-block:nth-child(4) { top:284px } .v30-contact-item-block:nth-child(5) { top:362px } .v30-contact-item { width:100%; height:100% } .v30-contact-item-p { color:#fff; font-size:12px; margin-top:5px } .v30-contact-item-in { height:100%; display:none; position:relative; z-index:1; overflow:hidden } .v30-contact-item-in-p { color:#fff; text-align:center; line-height:65px; height:65px; white-space:nowrap } .v30-contact-in.cur { width:156px; background-color:transparent } .v30-contact-in.cur .v30-contact-item-in { width:100%; display:block } .v30-contact-in.cur .v30-contact-item { display:none } .v30-contact-in:before { content:""; background-color:rgba(1, 159, 233, .8); position:absolute; height:100%; width:0; transition:all .8s ease } .v30-contact-in.cur:before { width:100% } .v30-contact-item-block.v30-contact-top { display:none; cursor:pointer; width:46px; height:46px; top:480px } .v30-contact-item-block.v30-contact-top .v30-contact-item-p { font-size:14px; margin-top:0 } .v30-contact-in.v30-contact-search.cur { border-left:none } .v30-contact-form { position:absolute; width:0; right:156px; bottom:-1px; z-index:999; opacity:0 } .v30-contact-form .cf-form { background-color:rgba(1, 159, 233, .8); box-sizing:border-box; padding:10px 20px 20px; border-bottom:1px solid #3ca56a } .v30-contact-form .cf-form-item { margin-bottom:10px; font-size:0; white-space:nowrap } .v30-contact-form .cf-form-item:last-of-type { margin:0 } .v30-contact-form input { padding:0 8px; margin:0; border:none; box-sizing:border-box; width:160px; height:28px; line-height:28px; font-size:12px; display:inline-block; vertical-align:middle; background-color:#fff } .v30-contact-form .verify { width:86px; margin-right:5px } .v30-contact-form .submit { width:160px; height:28px; line-height:28px; font-size:14px } .v30-contact-qr-show { display:none; position:absolute; z-index:1; border:1px solid rgba(32, 176, 159, .8); left:-160px; top:-91px } .v30-contact-item-in-p a { color:#fff; } #c_public_htmlCode-15504845281791591 { display:none; } .cd-morph-dropdown{ height: 80px; left: 0; top: 0; width: 100%; height: 70px; background-color: #d01322; } .cd-morph-dropdown .main-nav{position:relative;width:1200px;margin:0 auto;height:80px;} .cd-morph-dropdown .main-nav ul{width:100%;} .cd-morph-dropdown .main-nav ul li{ display: inline-block; float: left; } .cd-morph-dropdown .main-nav ul li a{ display: block; padding: 0 1.6em; height: 70px; line-height: 70px; color: #e2e2e2; font-size:18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity .2s; transition: opacity .2s;} .cd-morph-dropdown .main-nav ul li a:Hover{ color: #FFFFFF; } #daohangerji{ position: absolute; left: 0px; background: #FFF; top: 130px; overflow: hidden; z-index: -10; height: 0px; min-height: 0px; transition: all 1s cubic-bezier(0.42, 0, 0, 1.03); opacity:0; } #daohangerji .lanmu .content ul{ width:100%;} #daohangerji .lanmu .content ul li{ width: 30%; float: left; margin-right: 3% !important; margin-top: 10px; margin-bottom: 10px;} #daohangerji .lanmu .content ul li a{display:block;} #daohangerji .lanmu .content ul li a img { width: 60px; height: 60px; float: left; line-height: 60px; margin-right: 10px; } #daohangerji .lanmu .content ul li a em { font-size: 16px; padding: 0.4em 0 0.2em; color: #1A1A1A; text-align: left; display: block; line-height: 1.2; } #daohangerji .lanmu .content ul li a span { font-size: 14px; color: #a6a6a6; text-align: left; display: block; line-height: 1.2; } .cd-morph-dropdown .main-nav ul li:hover #daohangerji{opacity:1;top: 70px;overflow: hidden;z-index: 31;height:auto;} .guanyuwomenerji{width: 140px;position:absolute;top: 70px;padding: 0px; left: 1045px !important; z-index:9;background:#fff;} .guanyuwomenerji a{width:100%;padding: 0px !important;line-height: 40px !important;height: 40px !important;color: #333 !important;text-align: center !important;font-size: 16px !important;} .guanyuwomenerji a:hover{background:#d01322;color:#fff !important; } .cd-morph-dropdown .main-nav ul li:hover .guanyuwomenerji{} .vertical-divider { position:relative; width:24px; height:216px; overflow:hidden; float:left; } .vertical-divider:before { content:" "; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #f0f1f2; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:1px; } .horizontal-divider { position:relative; height:48px; overflow:hidden } .horizontal-divider:before { content:" "; position:absolute; left:0; top:50%; right:0; border-top:1px solid #f0f1f2; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:1px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) { .vertical-divider:before { width:0 } .horizontal-divider:before { height:0 } } .columns, { position:absolute; top:100%; z-index:1100; background-color:#fff; border-top:1px solid #f0f1f2; transition:none; height:auto; display:none; overflow:hidden; width:100%; min-width:1200px; left:0; margin-top:0; -ms-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); -o-box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05); box-shadow:0 2px 2px 0 rgba(0, 0, 0, .05) } .nav-pills-top { background:#f7f9fa } .nav-pills-top .grid-container .grid { margin:0 } .nav-pills-top .grid-container .cell { width:200px; padding:0; border-left:1px solid #f0f1f2 } .nav-pills-top .nav-pill { font-size:16px; line-height:20px; padding:0 24px; color:#3b3e40; font-weight:600; position:relative; transition:all .3s ease; cursor:pointer; height:72px; display:-webkit-box; display:flex; -webkit-box-align:center; -moz-align-items:center; align-items:center } .nav-pills-top .nav-pill:before { content:''; width:3px; height:40px; border-radius:0 2px 2px 0; position:absolute; left:-1px; top:16px; background:#d4d7d9; transition:all .3s ease } .nav-pills-top .nav-pill.enter-site { font-size:16px; text-align:center; -webkit-box-pack:center; -moz-justify-content:center; justify-content:center; border-right:1px solid #f0f1f2 } .nav-pills-top .nav-pill.enter-site:before { display:none } .nav-pills-top .nav-pill.enter-site .icon-site { margin-right:8px; display:inline-block; width:16px; height:16px; background-size:contain; background-position:center; background-repeat:no-repeat } .nav-pills-top .grid-container:hover .nav-pill { color:#3b3e40 } .nav-pills-top .grid-container:hover .nav-pill:hover:before { background:#3b3e40 } .nav-pills-top.enter-site-hover .grid-container:hover .nav-pill { color:#303233 } .grid-container { padding-top:24px } .grid { margin:0 } .column-item { position:relative; padding-left:0; padding-right:0; width:384px; display:-webkit-box; display:flex; float:left; } .columns a, .column-item .cursor-default, .column-item a { cursor:text } .column-item a[href^=http]:hover { text-decoration:underline; cursor:pointer } .column-item .product-img { width:160px; height:160px; display:inline-block; -webkit-box-pack:center; -moz-justify-content:center; justify-content:center; -webkit-box-align:center; -moz-align-items:center; align-items:center; margin-right:16px } .column-item .product-img a { display:block } .product-link { display:inline-block; max-width:208px } .column-item .title { color:#3b3e40; line-height:24px; font-size:16px; margin-bottom:8px; font-weight:600; display:block } .column-item .content { color:#6c7073; font-size:12px; line-height:16px; margin-bottom:16px; padding-right:16px } .column-item ul li.nav-item a { color:#3b3e40; font-size:14px; line-height:24px; margin-bottom:8px; display:inline-block; word-break:break-word } .column-item ul li:last-child a { margin-bottom:0 } .no-bottom-pill { padding-bottom:24px } .no-bottom-pill .horizontal-divider:last-child { display:none } .nav-pills-bottom { display:inherit } .nav-pills-bottom .grid-container { padding:0 0 32px } .nav-pills-bottom .btn-compare { color:#3b3e40; background-image:linear-gradient(-180deg, #d4d7d9, #babdbf); margin-right:24px; height:48px; line-height:24px; border-radius:4px; padding:12px 16px 12px 28px; transition:all .3s; font-size:14px } .nav-pills-bottom .btn-compare:hover { background-image:linear-gradient(-180deg, #f0f1f2, #d4d7d9) } .nav-pills-bottom .btn-compare:active { background-image:linear-gradient(-180deg, #babdbf, #d4d7d9) } .nav-pills-bottom .btn-compare p { display:inline-block; white-space:nowrap; vertical-align:top } .nav-pills-bottom .btn-compare span { display:inline-block; width:16px; height:16px; margin-top:4px; margin-left:20px; vertical-align:top; background-size:cover } .nav-pills-bottom .btn-compare .icon-compare, .nav-pills-bottom .btn-compare span { background-image:url(//www2.djicdn.com/assets/images/v3/head/compare2-3bbe671e963feecf56bc3b42bcb4c343.svg?tenantId=127266&viewType=1&v=1642822593000) } .nav-pills-bottom .btn-compare .icon-setup { background-image:url(//www5.djicdn.com/assets/images/v3/head/setup2-c25861afb1bfb2869acf8549fa443f27.svg?tenantId=127266&viewType=1&v=1642822593000) } .nav-pills-bottom .btn-compare .icon-explore_more { background-image:url(//www3.djicdn.com/assets/images/v3/head/site-89de0b45cb4e8f60dad5f32658204c1a.svg?tenantId=127266&viewType=1&v=1642822593000) } .nav-pills-bottom .btn-compare .icon-list { } .lite .column-item { width:282px } .lite .column-item .product-img { width:56px } .product-link { max-width:218px } .columns .vertical-divider { width:48px } .columns .grid-container { padding-top:24px; padding-bottom:48px } .columns .grid { margin:0 } .columns .column-item { position:relative; padding-left:0; width:264px } .columns a[href^=http]:hover { text-decoration:underline; cursor:pointer } .columns .title { color:#3b3e40; font-size:16px; line-height:24px; display:block; margin-bottom:8px; font-weight:600 } .columns .desc { color:#6c7073; font-size:12px; line-height:16px; margin-bottom:16px } .columns .nav-item-link { display:inline-block; color:#3b3e40; font-size:14px; line-height:24px; margin-bottom:8px } .single, ul.navbar-right li.nav-store .count { position:absolute; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); width:auto } .single { z-index:1100; background:0 0; border:none; margin-top:0; opacity:0; overflow:hidden; display:none; top:100%; left:50%; color:#303233; height:auto; padding:0 } .single ul { background:#fff; margin-top:16px; -ms-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05); -o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05); box-shadow:0 2px 4px 0 rgba(0, 0, 0, .05) } .single li.nav-item { display:block; width:100%; font-size:12px; transition:all .3s } .single li.nav-item>a { padding:16px 32px; white-space:nowrap; display:inline-block; color:#303233; line-height:1; height:auto; background:0 0; text-align:center; width:100% } .single li.nav-item:hover, .search-item li.active, .search-item li:hover { background:#ebeff2 } .navbar-right .single { display:block; max-height:0; transition:max-height .7s } .navbar-category .single .dropdown-container>ul { margin-top:0; border-top:1px solid #f0f1f2 } .grid-container { width: 1200px; margin: 0 auto; } .grid-container .cell { box-sizing: border-box; flex-shrink: 0; padding: 0 10px; } .grid-container .grid.left { -webkit-box-pack: start; justify-content: flex-start; overflow:hidden; } .nav-columns { width:100%; background: #fff !important; position: fixed; top: 100px; left: 0px; border-top: 1px solid #0083cd; padding-bottom:20px; } .column-item .product-img a img { width:100%; height:auto; } .oneImg { width: auto !important; height: auto !important; } #c_public_htmlCode-15511879231444922 { display:none; } #w_img-1551231757492:after { content:""; width:74px; height:3px; background-color:#3ca56a; position:absolute; top:97px; left:55px; display:none; } #w_img-1551231757492:hover::after { display:block; } .grid-container .cell { margin-top:20px; } .secondImg { margin-left:44px; } .column-item ul li.nav-item a:hover { color:#3ca56a !important; } .Atop { position: absolute; top: 36px; left: 10px; } .ATopImg { top: -7px; position: absolute; left: 0; } .dianhua{ margin-top: 19px !important; line-height: 26px !important;} .v30-contact-in:before{background-color: rgb(60, 165, 106) !important;}#c_public_htmlCode-15736113423303321{ position:absolute; top:671px; left:1804px; z-index:113; width:100px; height:100px; }