.opaque { opacity:1; filter:alpha(opacity=100) } .opaque:hover { opacity:1; filter:alpha(opacity=100) } .background-contain { -moz-background-size:contain; -webkit-background-size:contain; -o-background-size:contain; -ms-background-size:contain; background-size:contain } .background-cover { -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block } audio:not([controls]) { display:none; height:0 } [hidden], template { display:none } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } body { margin:0 } a { color:#00aaf9; background:transparent } .boss-global a { color:#0064ff } a:focus { outline:0 } a:active, a:hover { outline:0 } h1 { font-size:1.5em; margin:0.67em 0; line-height:1.3rem; } h2 { font-size:60px; font-size:1.2rem; font-weight:100; line-height:1.3rem; letter-spacing:-1px; color:#000; margin:-0.15em auto 1.15em; text-transform:uppercase } h3 { font-size:40px; font-size:1.2rem; font-weight:100; line-height:1.3rem; color:#000; margin:-0.15em auto .45em; text-transform:uppercase } p ,span{ font-size:16px; font-size:.8rem; line-height:1.46666667; font-weight:300; color: #333; /* margin:-0.4em auto -0.5em */ } p{ line-height:1.3rem; font-size:16px; font-size:.8rem; line-height:2; /* line-height:1.46666667; */ font-weight:300; color: #333; /* margin:-0.4em auto -0.5em */ } p:last-child { margin-bottom:0 } .lead { font-size:16px; font-size:.8rem; line-height:1.55555556; margin:-0.4em auto -0.5em } p+p, p+.lead { margin-top:1em } p+h3 { margin-top:1.9em } dl { margin:0 auto; border-bottom:1px solid #ccc } dt, dd { border-top:1px solid #ccc } dt { width:200px; padding:20px 40px 19px 0; clear:left; float:left } dt img { display:block } dd { margin:0 0 0 240px; min-height:161px; padding:39px 0 40px 39px; border-left:1px solid #ccc } dd h3 { font-size:28px; font-size:1.4rem; line-height:1.75rem; letter-spacing:-1px; text-transform:none; margin-top:-0.1em; margin-bottom:.6em } @media screen and (max-width:767px) { dt, dd { width:auto; float:none } dt { text-align:center } dt img { margin:0 auto } dd { margin-left:0 !important; padding-left:0 !important; border-left:none } } abbr[title] { border-bottom:1px dotted } /* b, strong { font-weight:bold; } */ dfn { font-style:italic } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0 } mark { background:#ff0; color:#000 } code, kbd, pre, samp { font-family:monospace, serif; font-size:1em } pre { white-space:pre-wrap } q { quotes:"\201C" "\201D" "\2018" "\2019" } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-0.5em } sub { bottom:-0.25em } img { border:0 } svg:not(:root) { overflow:hidden } figure { margin:0 } fieldset { border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em } legend { border:0; padding:0 } button, input, select, textarea { font-family:inherit; font-size:100%; margin:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 } button, input { line-height:normal } button, select { text-transform:none } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 } button[disabled], html input[disabled] { cursor:default } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0 } input[type="search"] { -webkit-appearance:none; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0 } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea { overflow:auto; vertical-align:top } table { border-collapse:collapse; border-spacing:0 } html { font:20px/30px Arial,"proxima-nova",sans-serif } body { color:#000; width:100%; height:auto; background:url(../images/background.png) repeat-y center top #e5e5e5 } .main { margin:0 auto; width:100%; max-width:1600px; clear:both } #hero { margin:0 auto; max-width:1600px; min-width:1024px } #hero img { display:block } #content-container { position:relative; margin:0 auto; width:100%; max-width:1600px; min-width:1024px; background-color:#fff; overflow:hidden; padding-bottom: 30px; } ul, ol { margin:0; padding:0; list-style-type:none } .contenttext ul{padding-left: 25px;} .contenttext ul li{list-style: disc !important;} .row { margin:0 auto; width:100% } .flushrow { position:relative; width:99.5%; overflow:hidden } .hero.flushrow { position:relative } .hero.flushrow>video { display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-width:1440px; z-index:1 } .hero.flushrow>img, .hero.flushrow>noscript>img { display:block; position:relative; left:50%; top:0; margin-left:-800px } .hero.fluid-hero>img, .hero.fluid-hero>noscript>img, .hero.fluid-hero>video { display:block; position:absolute; left:0; top:0; margin-left:0; width:100%; min-width:1440px; height:auto; left:50%\9; width:1600px\9; margin-left:-800px\9 } .masthead { position:relative; height:300px; overflow:hidden } .masthead>img { position:relative; left:50%; top:0; margin-left:-800px } @media screen and (max-width:1440px) { .hero.flushrow>video { left:50%; margin-left:-720px } .hero.fluid-hero>img, .hero.fluid-hero>noscript>img, .hero.fluid-hero>video { left:50%; margin-left:-720px } } @media screen and (max-width:767px) { .hero.flushrow { height:auto; } .hero.flushrow>img, .hero.flushrow>noscript>img, .hero.flushrow>video { position:relative; min-width:0; width:150%; left:-25%; margin-left:0 } } .text-uppercase { text-transform:uppercase } .grid-container { display:table; width:100% } .grid-row { display:table-row } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { display:table-cell; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .col-1 { width:16.66666667% } .col-2 { width:33.33333333% } .col-3 { width:50% } .col-4 { width:66.66666667% } .col-5 { width:83.33333333% } .col-6 { width:100% } .flag { display:inline-block; width:23px; height:17px; background-repeat:no-repeat; background-position:center center } .flag-japan { background-image:url(../images/flag_japan.png) } .flag-at { background-image:url("../images/flag_at.png") } .flag-au { background-image:url("../images/flag_au.png") } .flag-be { background-image:url("../images/flag_be.png") } .flag-tw { background-image:url("../images/flag_tw.png") } .flag-ua { background-image:url("../images/flag_ua.png") } .flag-us { background-image:url("../images/flag_us.png") } @media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1) { .flag-japan { background-image:url(../images/flag_japan2x.png); -moz-background-size:23px 17px; -webkit-background-size:23px 17px; -o-background-size:23px 17px; -ms-background-size:23px 17px; background-size:23px 17px } .flag-at { background-image:url("../images/flag_at2x.png") } .flag-au { background-image:url("../images/flag_au2x.png") } .flag-be { background-image:url("../images/flag_be2x.png") } .flag-tw { background-image:url("../images/flag_tw2x.png") } .flag-ua { background-image:url("../images/flag_ua2x.png") } .flag-us { background-image:url("../images/flag_us2x.png") } } .icon { display:inline-block; text-indent:100%; white-space:nowrap; background-position:center center; background-repeat:no-repeat; overflow:hidden } .icon-facebook, .icon-twitter, .icon-youtube, .icon-google, .icon-rss, .icon-instagram, .icon-flickr, .icon-pinterest, .icon-soundcloud, .icon-youku, .icon-weibo { width:25px; height:25px; background-image:url(../images/icon_share.png) } @media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1) { .icon-facebook, .icon-twitter, .icon-youtube, .icon-google, .icon-rss, .icon-instagram, .icon-flickr, .icon-pinterest, .icon-soundcloud, .icon-youku, .icon-weibo { background-image:url(../images/icon_share.png); -moz-background-size:405px 25px; -webkit-background-size:405px 25px; -o-background-size:405px 25px; -ms-background-size:405px 25px; background-size:405px 25px } } .icon-facebook { background-position:0 0 } .icon-twitter { background-position:-38px 0 } .icon-youtube { background-position:-76px 0 } .icon-google { background-position:-114px 0 } .icon-rss { background-position:-152px 0 } .icon-instagram { background-position:-190px 0 } .icon-flickr { background-position:-228px 0 } .icon-pinterest { background-position:-266px 0 } .icon-soundcloud { background-position:-304px 0 } .icon-youku { background-position:-342px 0 } .icon-weibo { background-position:-380px 0 } .icon-play-audio { width:26px; height:26px; background-position:left top; background-image:url(../images/icon_play_audio.png) } .icon-audio-progress { width:26px; height:26px; background-position:left top; background-image:url(../images/icon_audio_progress.png) } .boss-global .icon-audio-progress { background-image:url(../images/icon_audio_progress_boss.png) } .playing .icon-play-audio { background-image:url(../images/icon_play_audio_active.png) } .button-play { font-style:normal; text-indent:.5em; text-align:center; text-decoration:none; color:#fff; display:block; width:75px; height:75px; /* border:5px solid #fff; */ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:37.5px; -webkit-border-radius:37.5px; -moz-border-radius:37.5px; /* background: url(../images/video.svg) no-repeat center; */ background: none; } .button-play:before { font-size:33px; font-size:1.65rem; line-height:65px } .button-up { font-style:normal; text-align:center; text-decoration:none; color:#000; display:block; width:60px; height:60px; border:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:29.5px; -webkit-border-radius:29.5px; -moz-border-radius:29.5px; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } .button-up:before { font-size:19px; font-size:.95rem; line-height:58px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .button-up:hover { background-color:#fff } .button-up:hover:before { color:#00aaf9 } .boss-global .button-up:hover:before { color:#0064ff } .paddle, .paddle-small { position:absolute; color:#fff; text-indent:100%; white-space:nowrap; display:block; width:35px; height:35px; text-decoration:none; background-color:#00aaf9; outline:5px solid rgba(255,255,255,0.15); overflow:hidden } .paddle:before, .paddle-small:before { font-size:26px; font-size:1.3rem; line-height:36px; text-align:center; text-indent:0; position:absolute; top:0; left:0; width:35px; height:35px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle } .paddle:hover, .paddle-small:hover { color:#fff; outline:5px solid rgba(255,255,255,0.15) } .boss-global .paddle, .boss-global .paddle-small { color:#fff } .paddle-small { width:25px; height:25px } .paddle-small:before { font-size:22px; font-size:1.1rem; line-height:25px; width:25px; height:25px } .paddle-left, .paddle-small-left { left:0; background:#00aaf9 url(../images/bleft.svg) no-repeat center; } .paddle-right, .paddle-small-right { right:0; background:#00aaf9 url(../images/bright.svg) no-repeat center; } } .paddle-large { text-indent:100%; white-space:nowrap; display:block; width:78px; height:152px; background:url(../images/paddle_large.png); background-repeat:no-repeat; background-position:left bottom; overflow:hidden; transition-property:opacity; -webkit-transition-property:opacity; -moz-transition-property:opacity } .paddle-large-left { position:absolute; left:0 } .paddle-large-left:hover { background-position:left top } .paddle-large-right { position:absolute; right:0; background-position:right bottom } .paddle-large-right:hover { background-position:right top } .cf:before, .cf:after { content:" "; display:table } .cf:after { clear:both } .cf { *zoom:1 } .dot-nav { text-align:center; width:100%; height:50px } .dot-nav ul, .dot-nav ol { display:inline-block; margin:0; padding:0; list-style-type:none } .dot-nav li { display:table-cell; font-size:10px; font-size:.5rem; font-weight:400; line-height:1; color:#999; height:50px; padding:0 .65em; vertical-align:middle; cursor:pointer } .dot-nav li.active, .dot-nav li:hover { color:#ff3c00 } .dot-nav li a { color:inherit; text-decoration:none } .viewmore { font-size:13px; font-size:.65rem; letter-spacing:0; line-height:1; font-weight:300; color:#000; text-transform:uppercase; display:inline-block; height:auto; /* padding:20px 0 0 0; */ vertical-align:baseline; background-color:transparent; margin-top: 20px; } .nviewmore{ position: absolute; /* right: 0; */ bottom: 0px;} .viewmoretu { text-align:center; font-size:.6rem; line-height:16px; color:#fff; display:inline-block; margin-right:.7em; width:15px; height:15px; background-color:#000; vertical-align:text-top; background: #000 url(../images/bxright.svg) no-repeat center; float: left; margin-top: 20px; } .viewmore:after { content:none } @-moz-document url-prefix() { .viewmore:before { line-height:15px } } .explore { font-size:12px; font-weight:400; line-height:31px; text-align:left; color:#fff; text-decoration:none; display:inline-block; height:40px; padding:0 .5em 0 1em; transition-duration:.2s; -webkit-transition-duration:.2s; -moz-transition-duration:.2s; background-color:#000 } .explore:hover { background-color:#00aaf9 } .explore:hover:after { color:#fff } .explore:before { content:none; display:none } .explore:after { font-size:21px; font-size:1.05rem; -webkit-font-smoothing:antialiased; color:#00aaf9; display:inline-block; margin-left:0.1em; margin-right:-0.1em; vertical-align:top } .billboard { position:relative; height:500px; max-width:1600px; min-width:1024px; overflow:hidden } .billboard .paddle, .billboard .paddle-small { top:50%; margin-top:-22.5px; z-index:1 } .billboard .paddle-small { margin-top:-17.5px } .billboard .dot-nav li { font-size:20px; font-size:1rem; color:#ccc; padding:0 .4em } .billboard .dot-nav li:hover, .billboard .dot-nav li.active { color:#00aaf9 } .billboard-content { position:absolute; top:0; width:100%; height:100%; overflow:hidden; z-index:0 } .billboard-content:first-child { z-index:1 } .billboard-content a { text-decoration:none } .billboard-content .explore { font-size:14px; line-height:40px; letter-spacing:0; text-transform:capitalize; padding-left:15px; padding-right:7px; outline:5px solid rgba(255,255,255,0.15) } .billboard-content .explore:after { margin-left:27px } .billboard-hero { display:block; position:absolute; left:50%; top:0; margin-left:-800px } .bh-container { position:relative; width:100%; max-width:1240px; margin:0 auto; padding:0 50px; z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .billboard-headline { position:relative; margin:0 auto; width:100%; max-width:1260px; padding:0 40px; z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .billboard-headline h1, .billboard-headline h2, .billboard-headline p { color:#fff } .billboard-headline h1 { font-size:105px; font-size:5.25rem; font-weight:100; line-height:1; margin:-0.15em 0 } .billboard-headline h1 small { display:block; font-size:20px; font-size:1rem; font-weight:100; line-height:1; letter-spacing:.5px; margin:.2em 0 0.9em } .billboard-headline h2 { font-size:36px; font-size:1.8rem; font-weight:600; line-height:1; letter-spacing:0; margin:-0.15em 0 .65em } .billboard-headline p { font-size:14px; font-size:.7rem; font-weight:100; line-height:1.57142857; margin-left:0; margin-bottom:-0.4em } .billboard-headline-black h1 { color:#000 } .billboard-headline-center { margin-top:80px; text-align:center } .billboard-headline-left { margin-top:270px } .billboard-headline-left h1 { text-align:center; display:inline-block } .billboard-headline-right { margin-top:100px; text-align:right } .billboard-headline-right h1 { text-align:center; display:inline-block } .billboard-headline-shoulder { margin-top:160px; width:900px; padding:0 } .billboard-headline-shoulder h1 { font-size:28px; font-size:1.4rem; font-weight:300; line-height:1; text-align:right; color:#000 } .billboard-headline-center-middle { display:table; width:100%; height:100%; padding:0 } .billboard-headline-center-middle h1 { text-align:center; display:table-cell; vertical-align:middle; margin:0; padding:0 } .billboard-headline-center-middle h1>img { margin:0 auto } @media screen and (max-width:767px) { .billboard { min-width:0; height:300px } .billboard-content { min-width:0 } .billboard-hero { margin-left:-480px; width:auto; height:100% } .bh-container { padding:0 20px } .billboard-headline { width:auto } .billboard-headline h1 { font-size:2.5rem; text-align:center; margin:0 auto } .billboard-headline h1 small { font-size:.8rem } .billboard-headline h1>img { width:80% } .billboard-headline h2 { font-size:1.44rem } .billboard-headline .explore { font-size:10px; line-height:25px; margin-top:40px; width:auto; height:25px; padding-left:10px; padding-right:10px; outline-width:4px } .billboard-headline .explore:after { width:16px; background-position:right center } .billboard-headline-shoulder { margin-top:80px } .billboard-headline-shoulder h1 { text-align:right; margin-right:30px; width:200px; font-size:1rem } } .promos { position:relative; max-width:1600px; margin-top:5px } .promos>ul li { position:relative; width:25%; height:180px; float:left } .billboard+.promos { margin-bottom:50px } .promo { text-align:center; text-decoration:none; display:block; position:relative; background:#000; overflow:hidden } .promo span { font-size:15px; font-size:.75rem; line-height:37px; font-weight:300; color:#000; display:inline-block; position:relative; top:125px; width:320px; height:35px; z-index:1; background-color:#fff; background-color:rgba(255,255,255,0.9); transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } .promo img { display:block; position:absolute; top:0; left:50%; margin-left:-200px; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } .promo:hover span { color:#fff; background-color:#00aaf9 } .promo:hover img { opacity:.8; filter:alpha(opacity=80) } #productheader, #contentheader { position:relative; left:auto; margin:0 auto; width:100%; min-width:1024px; max-width:1600px; height:50px; background-color:#fff; z-index:1; border-bottom:1px solid #e0e0e0 } #contentheaderwz { position:relative; left:auto; margin:0 auto; width:100%; min-width:1024px; max-width:1600px; height:50px; background-color:#fff; z-index:1; border-bottom:none; } #productheader h2, #contentheader h2 { font-size:24px; font-size:1.2rem; line-height:2; letter-spacing:0; text-transform:none; margin:0; float:left } #productheader h2 a, #contentheader h2 a { color:#666; text-decoration:none; display:table-cell; height:50px; cursor:default; vertical-align:middle } #productheader h2.weak, #contentheader h2.weak { font-size:13px; font-size:.65rem } #productheader .row,#contentheaderwz .row, #contentheader .row { width:100%; max-width:1280px; padding-left: 30px; padding-right: 30px; overflow:hidden; font-size: .65rem; } #productheader .bc-container, #contentheader .bc-container { position:absolute; left:0; top:0; width:100%; height:0 } #productheader .bc-container:hover .breadcrumbs, #contentheader .bc-container:hover .breadcrumbs { height:50px; line-height: 50px; } #productheader .bc-container:hover #ph-home, #contentheader .bc-container:hover #ph-home, #productheader .bc-container:hover #ch-home, #contentheader .bc-container:hover #ch-home { height:39px } #productheader .bc-container:hover #ph-home:before, #contentheader .bc-container:hover #ph-home:before, #productheader .bc-container:hover #ch-home:before, #contentheader .bc-container:hover #ch-home:before { color:#00aaf9 } #productheader #ph-home, #contentheader #ph-home, #contentheaderwz #ph-home, #productheader #ch-home, #contentheader #ch-home { text-align:left; text-indent:100%; white-space:nowrap; text-decoration:none; color:#999; display:block; position:relative; left:0px; top:11px; width:27px; height:28px; overflow:hidden; float: left; background: url(../images/sy.svg) no-repeat center; } #productheader #ph-home:before, #contentheader #ph-home:before, #contentheaderwz #ph-home:before, #productheader #ch-home:before, #contentheader #ch-home:before { font-size:25px; font-size:1.25rem; text-indent:0; line-height:28px; position:absolute; left:1px; top:1px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } #productheader #ph-home:hover:before, #contentheader #ph-home:hover:before, #productheader #ch-home:hover:before, #contentheader #ch-home:hover:before { color:#00aaf9; } #productheader .breadcrumbs, #contentheader .breadcrumbs, #productheader .andmore .morebar, #contentheader .andmore .morebar { position:absolute; left:0; top:50px; width:100%; max-width:1600px; height:0; padding-left:37px; background-color:#999; background-color:rgba(153,153,153,0.85); color: #fff; float:left; overflow:hidden; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .fl{float: left;} .breadcrumbsno{ float: left; /* margin-left: 30px; */ line-height: 50px; color: #999;} .breadcrumbsno a{color: #999;} .breadcrumbsno a.active{color: #00aaf9;} #contentheader .breadcrumbs a{color: #fff;} #contentheader .breadcrumbs a:hover{color: #00aaf9;} #productheader .breadcrumbs li, #contentheader .breadcrumbs li, #productheader .andmore .morebar li, #contentheader .andmore .morebar li { display:block; position:relative; height:50px; padding-left:24px; float:left; overflow:hidden; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } #productheader .breadcrumbs li:first-child, #contentheader .breadcrumbs li:first-child, #productheader .andmore .morebar li:first-child, #contentheader .andmore .morebar li:first-child { padding-left:0; background:none } #productheader .breadcrumbs li:first-child:before, #contentheader .breadcrumbs li:first-child:before, #productheader .andmore .morebar li:first-child:before, #contentheader .andmore .morebar li:first-child:before { content:none; display:none } #productheader .breadcrumbs li a, #contentheader .breadcrumbs li a, #productheader .andmore .morebar li a, #contentheader .andmore .morebar li a, #productheader .breadcrumbs li span, #contentheader .breadcrumbs li span, #productheader .andmore .morebar li span, #contentheader .andmore .morebar li span { color:#fff; display:table-cell; height:50px; vertical-align:middle } #productheader .breadcrumbs li a:hover, #contentheader .breadcrumbs li a:hover, #productheader .andmore .morebar li a:hover, #contentheader .andmore .morebar li a:hover, #productheader .breadcrumbs li span:hover, #contentheader .breadcrumbs li span:hover, #productheader .andmore .morebar li span:hover, #contentheader .andmore .morebar li span:hover { color:#00aaf9 } #productheader .breadcrumbs li strong, #contentheader .breadcrumbs li strong, #productheader .andmore .morebar li strong, #contentheader .andmore .morebar li strong { color:#00aaf9 } #productheader .breadcrumbs li:before, #contentheader .breadcrumbs li:before, #productheader .andmore .morebar li:before, #contentheader .andmore .morebar li:before { font-size:20px; font-size:1rem; text-indent:0; line-height:50px; color:#fff; position:absolute; left:2px; top:0px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } #productheader .andmore .morebar, #contentheader .andmore .morebar { padding-left:0 } #productheader .andmore .morebar li:before, #contentheader .andmore .morebar li:before { content:none; display:none } #productheader li a, #contentheader li a, #productheader li span, #contentheader li span, #productheader li strong, #contentheader li strong { font-size:13px; font-size:.65rem; font-weight:300; line-height:1; text-decoration:none; vertical-align:baseline } #productheader.fixed, #contentheader.fixed { position:fixed; top:0; left:50%; -webkit-font-smoothing:subpixel-antialiased } #productheader.fixed+#content-container, #contentheader.fixed+#content-container { padding-top:50px } #productheader #ph-social { position:absolute; font-size:0; line-height:0; right:29px; top:11px } #productheader #ph-social li { display:inline-block; line-height:0; margin:0 0 0 8px; padding:0; height:auto } #productheader #ph-social li a { display:inline-block } #productheader #ph-social li:first-child { margin-left:0 } #productheader .icon-facebook, #productheader .icon-twitter, #productheader .icon-google, #productheader .icon-youku, #productheader .icon-weibo { position:relative; color:#999; width:27px; height:28px; background:none } #productheader .icon-facebook:before, #productheader .icon-twitter:before, #productheader .icon-google:before, #productheader .icon-youku:before, #productheader .icon-weibo:before { font-family:'glyphicon'; font-size:25px; font-size:1.25rem; text-indent:0; line-height:28px; text-decoration:none; position:absolute; left:1px; top:1px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } #productheader .icon-facebook:hover:before, #productheader .icon-twitter:hover:before, #productheader .icon-google:hover:before, #productheader .icon-youku:hover:before, #productheader .icon-weibo:hover:before { color:#00aaf9 } #contentheader h2 a { color:#000 } #productnav, #contentnav { display:table; float:right } #productnav li, #contentnav li { line-height:0; display:table-cell; height:50px; padding-left:1.25em; vertical-align:middle } #productnav li:first-child, #contentnav li:first-child { padding-left:0 } #productnav li:first-child a:before, #contentnav li:first-child a:before { content:none } #productnav li a, #contentnav li a { color:#000 } #productnav li a:hover, #contentnav li a:hover, #productnav li a.active, #contentnav li a.active { color:#00aaf9 } #productnav .andmore.open .morebar, #contentnav .andmore.open .morebar { height:auto } #productnav .andmore span, #contentnav .andmore span { cursor:pointer; background: url(../images/xia.svg) no-repeat right; width: 50px;display: block; } #productnav .andmore span:after, #contentnav .andmore span:after { font-size:11px; font-size:.55rem; display:inline-block; width:10px; height:10px; vertical-align:middle; margin-left:10px; text-decoration:none; -webkit-font-smoothing:antialiased } #productnav .andmore span:hover, #contentnav .andmore span:hover, #productnav .andmore.open span, #contentnav .andmore.open span { color:#00aaf9 } #productnav .andmore span:hover:after, #contentnav .andmore span:hover:after, #productnav .andmore.open span:after, #contentnav .andmore.open span:after { background-position:center -26px } #productnav .morebar ul, #contentnav .morebar ul { margin:0 auto; width:980px } #productnav li a { color:#666 } #ch-search { line-height:0; display:block; position:absolute; right:30px; top:15px } #ch-search input { font-size:13px; font-size:.65rem; font-weight:300; line-height:1; color:#000; border:none; width:160px; height:19px; padding:0 20px 0 0; border-bottom:1px dotted #ccc; outline:none; background: url(../images/ss.svg) no-repeat right; } #ch-search:after { line-height:1; position:absolute; right:-3px; top:-2px; vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .product-list { margin:0 auto; width:100%; max-width:1240px; padding:0 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .product-list ul { margin:0 } .product-list li { margin:20px auto 0; border-bottom:1px solid #ccc; clear:both; outline-color:#ccc; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } .product-list li:first-child { margin-top:0 } .product-list li:hover { outline:9px solid #f2f2f2 } .product-list li:hover .viewmore { color:#00aaf9 } .product-list li:hover .viewmore:before { color:#00aaf9 } .product-list li a { display:block; min-height:250px; padding:40px 45px; text-decoration:none } .product-list li figure { display:table; width:100% } .product-list li .product-image { text-align:center; display:table-cell; width:300px; height:300px; padding-right:15px; vertical-align:middle } .product-list li .product-image img { display:block; width:100%; height:auto; margin:-5px auto } .product-list li figcaption { text-align:left; display:table-cell; height:200px; padding:0 0 0 49px; /* border-left:1px solid #ccc */ } .product-list li figcaption h3 { font-size:30px; font-size:1.4rem; line-height:1.2; font-weight:400; text-transform:none; color:#000; position:relative; margin:-0.28em 0 .45em } .product-list li figcaption h3 small { font-size:16px; font-size:1.0rem; line-height:1.2; font-weight:400; text-transform:none; color:#666; position:relative; margin-top:.15em; margin-left:.4em } .product-list li figcaption p { font-size:15px; font-size:.75rem; line-height:1.46666667; font-weight:300; color:#000; position:relative; margin:-0.4em 0 -0.3em } /* 新闻列表 */ .product2-list li { margin:20px auto 0; border-bottom:1px solid #ccc; clear:both; outline-color:#ccc; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } .product2-list li:first-child { margin-top:0 } .product2-list li:hover { outline:9px solid #f2f2f2 } .product2-list li:hover .viewmore { color:#00aaf9 } .product2-list li:hover .viewmore:before { color:#00aaf9 } .product2-list li a { display:block; height:200px; /* padding:10px 0px; */ text-decoration:none; overflow: hidden; position: relative; } .product2-list li figure { display:table; width:100% } .product2-list li .product-image { text-align:center; display:table-cell; width:300px; height:200px; vertical-align:middle; overflow: hidden; } .product2-list li .product-image img { display:block; width:100%; height:auto; margin:-5px auto } .product2-list li figcaption { text-align:left; display:table-cell; height:200px; padding:0 0 0 49px; /* border-left:1px solid #ccc */ } .product2-list li figcaption h3 { font-size:30px; font-size:1rem; line-height:1.2; font-weight:100; text-transform:none; color:#000; position:relative; margin:0em 0 .45em } .product2-list li figcaption h3 small { font-size:16px; font-size:.8rem; line-height:1.2; font-weight:400; text-transform:none; color:#666; position:relative; margin-top:.15em; margin-left:.4em } .product2-list li figcaption p { font-size:15px; font-size:.8rem; line-height:1.46666667; font-weight:300; color:#000; position:relative; margin:1em 0 -0.3em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .product2-list li figcaption .viewmore { /* margin-top:30px */ } /* 新闻列表 end */ .boss-global .product-list li:hover .viewmore { color:#0064ff } .boss-global .product-list li:hover .viewmore:before { color:#0064ff } .product-list-2col li .product-image img { width:auto; max-width:100% } .product-list-wide li { width:980px; padding:79px 0 73px; border:none; outline:none; border-bottom:1px solid #ccc } .product-list-wide li:first-child { padding-top:50px } .product-list-wide li:hover { outline:none } .product-list-wide li:hover .viewmore { background-color:transparent; text-decoration:none } .product-list-wide li a { height:auto; padding:0 } .product-list-wide li figure { display:block } .product-list-wide li .product-image { display:block; margin:0 auto; width:auto; height:auto; padding:0 } .product-list-wide li .product-image>img { margin:-5px auto; width:auto; max-width:910px; max-height:350px; padding:0 !important } .product-list-wide li figcaption { text-align:center; display:block; width:750px; height:auto; margin:0 auto; padding:50px 0 0; border:none; float:none } .product-list-wide li figcaption h3 { font-size:65px; font-size:3.25rem; margin-top:-0.25em; margin-bottom:0.59em } .product-list-wide li figcaption h3 small { display:block; margin-top:-0.2em } .product-list-wide li figcaption p, .product-list-wide li figcaption .viewmore { font-size:18px; font-size:.9rem; font-weight:300; line-height:1.55555556; display:inline } .product-list-wide li figcaption .viewmore { text-decoration:underline; color:#00aaf9; display:inline; margin-left:0.8em; text-transform:none } .product-list-wide li figcaption .viewmore:before { content:none } .boss-global .product-list-wide li figcaption .viewmore { color:#0064ff } .product-tile { width:980px; padding:0; overflow:hidden; border-bottom:none; border-top:1px solid #ccc } .product-tile ul { margin:0 -1px -1px 0; width:981px; overflow:hidden } .product-tile li { line-height:0; margin-top:0; width:326px; padding-bottom:25px; border-top:none; border-left:none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; float:left; outline:none; clear:none } .product-tile li:first-child figure img { padding-top:0 } .product-tile li:nth-child(3n) { border-right:none } .product-tile li:hover { outline:none } .product-tile li:hover figcaption p { text-decoration:none } .product-tile li:hover .viewmore { color:#00aaf9; background-color:transparent } .product-tile li:hover .viewmore:before { color:#00aaf9 } .product-tile li a { height:auto; padding:0 } .product-tile li figure { display:block; padding:0 } .product-tile li figcaption { display:block; width:auto; height:auto; padding:0 25px 0 24px !important; border:none; float:none } .product-tile li figcaption h3 { font-size:28px; font-size:1.4rem; line-height:1.2; font-weight:100; text-align:left; color:#000; position:relative; margin:-0.24em 0 .4em } .product-tile li figcaption h3 small { font-size:13px; font-size:.65rem; line-height:1.2; font-weight:800; text-align:left; color:#999; display:block; position:relative; margin-top:-0.1em; margin-left:0 } .product-tile li figcaption p { font-size:13px; font-size:.65rem; line-height:1.46153846; font-weight:400; text-align:left; color:#000; position:relative; margin:-0.5em 0; min-height:99px; overflow:hidden } .product-tile li figcaption .viewmore { margin-top:10px } .product-tile li .product-image { display:table-cell; position:relative; text-align:center; margin:0 auto; width:260px; height:210px; padding:25px 35px; overflow:hidden; vertical-align:middle } .product-tile li .product-image img { width:auto; max-height:100%; padding:0; margin:0 auto; float:none } .product-tile .accessory-thumb { display:none } .product-tile.pl-initialized .accessory-thumb { display:block } .category-container { max-width:1280px !important; padding:50px 50px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .category-container .col-2 { width:auto; transition-duration:.8s; -webkit-transition-duration:.8s; -moz-transition-duration:.8s } .category-container .promo { margin-top:50px; height:auto } .category-container .promo h2 { font-size:16px; font-size:.8rem; font-weight:400; letter-spacing:0; color:#fff; line-height:1.2; text-transform:none; position:absolute; left:20px; top:15px; margin:-0.2em 0; z-index:1 } .category-container .promo img { position:static; margin:0; width:100%; height:auto } .category-container .heading { margin-top:80px; border-top:1px solid #ccc } .category-container .heading:first-child { margin-top:0 } .category-container .heading h4 { font-size:18px; font-size:.9rem; font-weight:400; line-height:1.2; color:#000; display:inline-block; position:relative; top:-0.9em; margin:-0.3em 0 .8em; padding-right:.5em; background-color:#fff } .category-container .heading+.content-index { margin-top:50px } .category-container .category-search { position:relative; margin-top:9px } .category-container .category-search input { font-size:13px; font-size:.65rem; font-weight:300; padding-left:7px; width:100%; height:40px; border:1px solid #ccc; vertical-align:middle; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .category-container .category-search:after { line-height:40px; position:absolute; right:10px; top:0; vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .category-main { position:relative; width:74.5%; float:right } .category-main .main { padding-left:80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .category-main .main .row { margin-top:80px } .category-main .main h4 { font-size:18px; font-size:.9rem; font-weight:400; line-height:1.5; color:#000; margin:-0.15em 0 -0.18em } .category-main .main h4+.link-group { margin-top:30px } .category-main article { position:relative; left:0; top:0; opacity:1; filter:alpha(opacity=100); transition-duration:.5s; -webkit-transition-duration:.5s; -moz-transition-duration:.5s; /* z-index:1; */ background-color:#fff } .category-main .hidden { position:absolute; left:0; top:0; visibility:hidden; opacity:0; filter:alpha(opacity=0); z-index:1 } .content-index>section, .content-index>ul>li { width:100%; position:relative; margin:50px auto 0; overflow:hidden } .content-index>section>a, .content-index>ul>li>a { text-decoration:none; position:relative; display:block; /* background-color:#000 */ } .content-index>section>a:hover img, .content-index>ul>li>a:hover img { opacity:.85; filter:alpha(opacity=85) } .content-index>section h2, .content-index>ul>li h2 { font-size:16px; font-size:.8rem; font-weight:400; letter-spacing:0; color:#000; line-height:1.2; text-transform:none; position:absolute; left:20px; top:15px; margin:-0.2em 0; z-index:1 } .content-index>section h2.light, .content-index>ul>li h2.light { color:#fff } .content-index>section img, .content-index>ul>li img { width:100%; height:auto; display:block; transition-duration:.5s; -webkit-transition-duration:.5s; -moz-transition-duration:.5s } .content-index>section:first-child { margin-top:0 } .content-index>ul { margin-top:-50px; margin-left:-50px } .content-index>ul>li { width:33.33%; padding-left:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; float:left } .link-group { display:table; margin-top:50px; width:100% } .link-group:first-child { margin-top:0 } .link-group>a { text-decoration:none; display:table-cell; width:250px } .link-group figure { position:relative; background-color:#000 } .link-group figure:hover>img { opacity:.85; filter:alpha(opacity=85) } .link-group figure>img { display:block; transition-duration:.5s; -webkit-transition-duration:.5s; -moz-transition-duration:.5s } .link-group figure h2 { font-size:16px; font-size:.8rem; font-weight:400; letter-spacing:0; color:#000; line-height:1.2; text-transform:none; position:absolute; left:20px; top:15px; margin:-0.2em 0; z-index:1 } .link-group ul { display:table-cell; padding-left:25px; vertical-align:top } .link-group ul:first-child { padding-left:0 } .link-group li { position:relative; border-bottom:1px solid #ccc; font-size:13px; font-size:.65rem; font-weight:300; line-height:1.15384615 } .link-group li:first-child { border-top:1px solid #ccc } .link-group li.more { font-weight:400; line-height:30px; border-bottom:none } .link-group li.more a:before { margin-top:-0.8em } .link-group li h5, .link-group li p { font-size:13px; font-size:.65rem; font-weight:400; line-height:1.3; color:#000; display:inline-block; margin:.55em 0 .55em; padding:0 100px 0 0 } .link-group li .date { font-size:13px; font-size:.65rem; font-weight:300; color:#999; position:absolute; right:0; top:1.3em } .link-group li a { color:#000; text-decoration:none; display:table; width:100%; padding:.7em 0 .8em 20px; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .link-group li a:hover { background-color:#e5e5e5 } .link-group li a:before { font-size:30px; font-size:1.5em; text-align:left; text-indent:-0.3em; color:#00aaf9; display:inline-block; position:absolute; left:0; top:50%; margin-top:-0.6em; width:20px } .boss-global .link-group li a::before { color:#0064ff } .category-index { width:25.5%; position:relative; z-index:1; float:right } .category-index .contentnav { display:block; float:none } .category-index .contentnav li { font-size:13px; font-size:.65rem; font-weight:300; line-height:1.2; display:list-item; min-width:170px; height:auto; padding-left:0; float:none; overflow:hidden } .category-index .contentnav li a, .category-index .contentnav li span { display:block; position:relative; color:#000; padding:12px 25px 13px 10px; text-decoration:none; cursor:pointer; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s } .category-index .contentnav li a:hover, .category-index .contentnav li span:hover, .category-index .contentnav li a.active, .category-index .contentnav li span.active { background-color: #00aaf9; color: #fff; } .category-index .contentnav li>ul { width:100%; max-height:0; padding-right:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; transition-duration:.5s; -webkit-transition-duration:.5s; -moz-transition-duration:.5s } .category-index .contentnav li>ul li { border-top:1px dotted #ccc } .category-index .contentnav li>ul li a { color:#999 } .category-index .contentnav li>ul li a:after { content:none !important } .category-index .contentnav>li { border-top:1px solid #ccc } .category-index .contentnav>li:first-child { margin-top:-1px; border:none } .category-index .contentnav>li.close a:after, .category-index .contentnav>li.close span:after { content:"+"; font-size:17px; font-size:.85rem; line-height:1; position:absolute; right:8px; top:50%; margin-top:-0.75em } .category-index .contentnav>li.open ul { max-height:800px; transition-duration:3s; -webkit-transition-duration:3s; -moz-transition-duration:3s } .category-index .contentnav>li.open a:after, .category-index .contentnav>li.open span:after { content:"–"; font-size:15px; font-size:.75rem } .category-index .contentnav>li a:after, .category-index .contentnav>li span:after { font-size:17px; font-size:.85rem; font-family:"glyphicon"; line-height:1; position:absolute; right:5px; top:50%; margin-top:-0.5em } .category-index .contentnav .in-bound a:after, .category-index .contentnav .in-bound span:after { content:none } .category-index .cn-social { min-width:242px } .category-index .cn-social li { margin-left:3px; float:left } .category-index .cn-social li:first-child { margin-left:0 } .category-index .cn-social .icon { color:#000; text-indent:0; margin-top:-2px; width:32px; height:auto; overflow:hidden; background:none; text-decoration:none } .category-index .cn-social .icon:before { font-size:30px; font-size:1.5rem; font-family:"glyphicon"; line-height:1.4; display:inline-block; width:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition-duration:.2s; -webkit-transition-duration:.2s; -moz-transition-duration:.2s } .category-index .cn-social .icon:hover { color:#00aaf9 } .category-index figure { position:relative; margin-top:9px } .category-index figure>img { display:block } .category-index h4+figure { margin-top:0 } .category-index figcaption { padding:10px 0; border-bottom:1px solid #ccc } .category-index figcaption h5 { font-size:16px; font-size:.8rem; font-weight:300; line-height:1; color:#fff; margin:-0.15em 0; position:absolute; top:10px; left:10px } .category-index figcaption p { font-size:13px; font-size:.65rem; font-weight:300; line-height:1.30769231; margin:-0.25em 0; min-height:65px } .boss-global .category-index .cn-social .icon:hover { color:#0064ff } .backto { text-align:center; position:relative; width:100%; max-width:1600px; margin:0 auto; padding-bottom: 25px; font-size: .85rem; } .backto a{ width: 13%; height: 50px; line-height: 50px; margin:0 auto; font-szie:.65rem; border: 1px solid #e5e5e5; display: block; border-radius: 50px; } .backtotop { line-height:0; text-align:center; position:relative; width:100%; max-width:1600px; height:150px; margin:0 auto; padding-top:46px; background-color:#e5e5e5; z-index:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .backtotop .button-up { color:#000; position:relative; margin:0 auto; background: url(../images/shang.svg) no-repeat center; } #promos, .promos2 { line-height:0; position:relative; margin:0 auto; width:80%; /* min-width:1080px; max-width:1600px; */ padding:100px 50px; z-index:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; max-width:1600px; } #promos.carousel-view .flushrow, .promos2.carousel-view .flushrow { padding-top:22.28813559% } #promos.carousel-view .flushrow ul, .promos2.carousel-view .flushrow ul { position:absolute } #promos.carousel-view .paddle-nav, .promos2.carousel-view .paddle-nav { display:block; } #promos .row, .promos2 .row { position:relative; max-width:1180px; border-top:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; overflow:hidden } #promos .flushrow, .promos2 .flushrow { padding:0 20px } #promos .flushrow ul, .promos2 .flushrow ul { position:relative; left:-1px; top:0; width:100%; padding:0 } #promos .flushrow li, .promos2 .flushrow li { position:relative; margin-top:19px; width:25%; padding:0 20px 0 19px; border-left:1px solid #ccc; float:left; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; text-align:center; } #promos .flushrow img, .promos2 .flushrow img { display:block; width:80%; height:auto; margin:auto; } #promos .flushrow a, .promos2 .flushrow a { text-decoration:none } #promos .flushrow a:hover, .promos2 .flushrow a:hover { text-decoration:none } #promos .flushrow a:hover .viewmore, .promos2 .flushrow a:hover .viewmore { color:#00aaf9; background-position:left bottom } #promos .flushrow a:hover .viewmore:before, .promos2 .flushrow a:hover .viewmore:before { color:#00aaf9 } #promos .paddle-nav, .promos2 .paddle-nav { line-height:0; /* display:none; */ position:absolute; left:0; top:50%; margin:-25px 0; width:100%; z-index:3 } #promos .paddle-nav ul, .promos2 .paddle-nav ul { margin:0; padding:0; list-style-type:none; overflow:visible } #promos .paddle-nav li, .promos2 .paddle-nav li { margin:0; width:auto; height:auto; padding:0; border:none; float:none } #promos .paddle-nav a, .promos2 .paddle-nav a { text-indent:100%; white-space:nowrap; position:absolute; top:0; padding:0 } #promos .paddle-nav .paddlenav-left, .promos2 .paddle-nav .paddlenav-left { left:0 } #promos .paddle-nav .paddlenav-right, .promos2 .paddle-nav .paddlenav-right { right:0 } .active{color: #00aaf9;} #promos figcaption { font-size:13px; font-size:.65rem; font-weight:400; line-height:1; text-align:center; text-decoration:none; display:inline-block; margin:1.5em 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; width:100%; } .promos2 { padding:0; } .promos2.carousel-view .flushrow { padding-top:0; min-height:180px } .promos2 .row { border:none } .promos2 .flushrow { padding-left:20px; padding-right:0 } .promos2 .flushrow .promo-container { left:-20px } .promos2 .flushrow li { margin-top:0; width:33.33333333%; padding-left:21px; padding-right:0; border:none; margin-bottom: 20px; } .promos2 .flushrow figcaption { padding:25px 30px 0 0 } .promos2 .flushrow h5 { font-size:16px; font-size:.8rem; font-weight:600; color:#808080; line-height:1; margin:-0.15em 0 1.35em; padding:0; vertical-align:middle } .content-index h4{margin: 10px 0;} .content-index h4 a{ font-size: 16px; font-size: .9rem; font-weight: 300; color: #000; line-height: 1; margin: -0.15em 0 1.35em; padding: 0; vertical-align: middle; text-decoration: none; } .promos2 .flushrow h5 small { margin-bottom:.42em } .promos2 .flushrow small { font-size:14px; font-size:.7rem; font-weight:600; color:#000; line-height:1; display:block; margin:-0.16em 0 .52em } .promos2 .flushrow p { font-size:13px; font-size:.65rem; font-weight:300; color:#000; /* line-height:1.42307692; */ margin-top:-0.3em; margin-bottom:-0.25em } .promos2 .promo-hero { position:relative } .promos2 .promo-hero>img { display:block } /* 图片溢出处理 css */ /* .h240{height: 240px; overflow: hidden;} .h240 img{ position: relative; width: 100%; top: 50%; transform: translateY(-50%); } .h218{height: 218px; overflow: hidden;} .h218 img{ position: relative; width: 100%; top: 50%; transform: translateY(-50%); } .h168{height: 168px; overflow: hidden;} .h168 img{ position: relative; width: 100%; top: 50%; transform: translateY(-50%); } */ /* end图片溢出处理 css */ .promos2 .paddle-nav { top:127.5px; margin-top:-17.5px } .promos2 .button-play { text-indent:.3em; position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; width:50px; height:50px; /* background-color:rgba(0,0,0,0.2); */ border-width:3px } .promos2 .button-play:before { font-size:20px; font-size:1rem; line-height:45px } .boss-global #promos .flushrow a:hover .viewmore, .boss-global .promos2 .flushrow a:hover .viewmore { color:#0064ff } .boss-global #promos .flushrow a:hover .viewmore:before, .boss-global .promos2 .flushrow a:hover .viewmore:before { color:#0064ff } @media screen and (max-width:1080px) { #promos, .promos2 { width:100%; min-width:1024px; padding-left:0; padding-right:0 } #promos .row, .promos2 .row { width:980px } #promos .row .flushrow { padding-top:222px } } @media screen and (max-width:767px) { #promos, .promos2 { padding:50px 0; min-width:320px } #promos .row, .promos2 .row { width:100%; min-width:320px; padding:0 } #promos .flushrow, .promos2 .flushrow { position:static; width:100%; padding:0 !important; min-height:0; height:auto !important } #promos .flushrow ul, .promos2 .flushrow ul { position:static !important; left:0; padding-right:10px; margin-left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } #promos .flushrow li, .promos2 .flushrow li { line-height:0; display:list-item !important; position:static !important; margin-top:10px; width:100%; padding:0 0 0 10px; border:none; } #promos .flushrow .viewmore, .promos2 .flushrow .viewmore { display:block; } #promos .paddle-nav, .promos2 .paddle-nav { display:none !important } .promos2 { min-height:0; margin-top:40px; padding-top:0; padding-bottom:0; border-top:1px solid #ccc } .promos2 .flushrow .promo-container { /* letter-spacing:-0.3em; */ position:static; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } .promos2 .flushrow .promo-container li { float:none; display:inline-block !important; vertical-align:top; float: left; } .promos2 .flushrow .promo-container small { display:none } .promos2 .flushrow .promo-container h5 { font-size:.65rem; font-weight:400; /* margin-bottom:-0.25em; */ letter-spacing:0 } .promos2 .flushrow .promo-container small, .promos2 .flushrow .promo-container h5 small { font-size:.6rem; font-weight:400 } .promos2 .flushrow .promo-container p { display:block } .promos2 .flushrow .promo-container .more { display:none } .promos2 .flushrow .promo-container figcaption { display:block; width:auto; padding-top:10px; padding-bottom:15px; border-bottom:none } .promos2 .flushrow .promo-hero { overflow:hidden } .promos2 .flushrow .promo-hero>img { width:100%; height:auto } .promos2 .flushrow .button-play { width:40px; height:40px; margin:-20px 0 0 -20px } .promos2 .flushrow .button-play:before { font-size:.9rem; line-height:34px; letter-spacing:0 } #productnav .andmore span, #contentnav .andmore span { cursor: pointer; background: url(../images/xia.svg) no-repeat 40px; width: 60px; display: block; line-height: 50px; text-align: center; margin: auto;} } #globalfooter { position:relative; margin:0 auto; min-width:1024px; max-width:1600px; background-color:#141414; z-index:1; } #globalfooter .gf-share { margin:0; display:inline-block; padding:21px 0 23px; list-style-type:none } #globalfooter .gf-share li { font-size:13px; font-size:.65rem; font-weight:400; line-height:1; margin: 0 1em 1em 0; float:left } #globalfooter .gf-share li:first-child { margin-left:0 } #globalfooter .gf-share li:hover { opacity:.8; filter:alpha(opacity=80) } #globalfooter .gf-links { margin:0; display:inline-block; padding:1.45em 0 1.15em; list-style-type:none } #globalfooter .gf-links li { font-size:13px; font-size:.65rem; font-weight:300; line-height:1; color:#999; margin:-0.18em 0 0 1.65em; float:left } #globalfooter .gf-links li:before { content:"|"; position:relative; left:-0.8em } #globalfooter .gf-links li:first-child { margin-left:0 } #globalfooter .gf-links li:first-child:before { content:none } #globalfooter .gf-links a { color:inherit; text-decoration:none } #globalfooter .gf-links a:hover { color:#999; text-decoration:underline } #globalfooter .gf-links .gf-region { position:relative; margin-left:1.8em } #globalfooter .gf-links .gf-region a>i { position:static; margin:-2px 0 0 10px; vertical-align:top } #directorynav, #gf-service, #gf-informations, #gf-promos { width:100%; max-width:1280px; min-width:1080px; margin:0 auto; padding-left:50px; padding-right:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } #directorynav { padding-top:50px; padding-bottom:0px } #directorynav .row { display:table; width:100%; table-layout:fixed } #directorynav ul { margin:24px 0 30px; padding:0; list-style-type:none } #directorynav li { line-height:0; margin:7px 0 0 } #directorynav li:first-child { margin-top:0 } #directorynav h3 { margin:-1px 0 6px } #directorynav h3, #directorynav h3>a { font-size:15px; font-size:.85rem; font-weight:500; line-height:1; color:#ccc } #directorynav h3>a:hover { color:#fff } #directorynav a { font-size:13px; font-size:.65rem; line-height:1; font-weight:300; color:#999; text-decoration:none } #directorynav a:hover { color:#aeaeae; text-decoration:underline } #directorynav .column { display:table-cell } #gf-promos { position:relative } #gf-promos li { line-height:0; position:absolute; width:20%; float:left; overflow:hidden } #gf-promos li img { width:100%; } #gf-promos li h3 { position:absolute; text-align:center; margin:0; left:0; top:0; width:100%; height:100%; z-index:1 } #gf-promos li h3:before { content:''; line-height:1; display:inline-block; height:100%; vertical-align:middle } #gf-promos li h3 img { display:inline-block; vertical-align:middle } #gf-promos li>a>img { left:0; margin-left:0 } #gf-promos li>a>img { display:block; position: relative; left:0; height:auto; opacity:.8; filter:alpha(opacity=80); transition-duration:.8s; -webkit-transition-duration:.8s; -moz-transition-duration:.8s; } #gf-promos li>a>img.gf-promos-roland { opacity:.6; filter:alpha(opacity=60) } #gf-promos li>a:hover>img { opacity:.8; filter:alpha(opacity=80) } #gf-informations { text-align:center } #gf-informations .gf-links { line-height:0; display:inline-block; margin:0 auto; padding:1.50em 0 1em } #gf-informations .gf-links li { margin-left:1.55em } #gf-informations .gf-links li:before { content:none } #gf-informations .gf-links a:before { content:'> '; color:#00aaf9 } #gf-informations .gf-links a:hover { color:#00aaf9; text-decoration:none } .boss-global #gf-informations .gf-links a:before { color:#0064ff } .boss-global #gf-informations .gf-links a:hover { color:#0064ff } #gf-service { line-height:0 } #gf-service .row { width:100%; overflow:hidden; border-top:1px solid #212121; border-bottom:1px solid #212121 } #gf-service .gf-links { float:right } #gf-legal { text-align:left; display:table; position:relative; width:980px; background-color:#141414; z-index:1 } #gf-legal .gf-links { color:#333 !important; display:table-cell; margin:0; height:100px; padding:0; vertical-align:middle } #gf-legal .gf-links li { font-weight:300; color:#666 !important; margin-top:0.3em; line-height:1.5; -webkit-font-smoothing:subpixel-antialiased } #gf-legal p{ font-size:13px; font-size:.65rem; font-weight:300; line-height:1; text-align:center; color:#666; position:relative; display:table-cell; margin:0 auto; height:100px; vertical-align:middle; -webkit-font-smoothing:subpixel-antialiased } .proav-global .glyphicon-brand { font-size:37px } .boss-global .paddle:hover:before, .boss-global .paddle-small:hover:before { color:#0064ff } .boss-global #productheader .bc-container:hover #ph-home:before, .boss-global #contentheader .bc-container:hover #ph-home:before, .boss-global #productheader .bc-container:hover #ch-home:before, .boss-global #contentheader .bc-container:hover #ch-home:before { color:#0064ff } .boss-global #productheader .breadcrumbs li a:hover, .boss-global #contentheader .breadcrumbs li a:hover, .boss-global #productheader .andmore .morebar li a:hover, .boss-global #contentheader .andmore .morebar li a:hover { color:#0064ff } .boss-global #productheader .breadcrumbs li strong, .boss-global #contentheader .breadcrumbs li strong, .boss-global #productheader .andmore .morebar li strong, .boss-global #contentheader .andmore .morebar li strong { color:#0064ff } .boss-global #productheader .andmore span:hover, .boss-global #contentheader .andmore span:hover, .boss-global #productheader .andmore.open span, .boss-global #contentheader .andmore.open span { color:#0064ff } .boss-global #productheader .icon-facebook:hover:before, .boss-global #contentheader .icon-facebook:hover:before, .boss-global #productheader .icon-twitter:hover:before, .boss-global #contentheader .icon-twitter:hover:before, .boss-global #productheader .icon-google:hover:before, .boss-global #contentheader .icon-google:hover:before, .boss-global #productheader .icon-youku:hover:before, .boss-global #contentheader .icon-youku:hover:before, .boss-global #productheader .icon-weibo:hover:before, .boss-global #contentheader .icon-weibo:hover:before { color:#0064ff } .boss-global #productnav .icon-facebook:hover:before, .boss-global #contentnav .icon-facebook:hover:before, .boss-global #productnav .icon-twitter:hover:before, .boss-global #contentnav .icon-twitter:hover:before, .boss-global #productnav .icon-google:hover:before, .boss-global #contentnav .icon-google:hover:before, .boss-global #productnav .icon-youku:hover:before, .boss-global #contentnav .icon-youku:hover:before, .boss-global #productnav .icon-weibo:hover:before, .boss-global #contentnav .icon-weibo:hover:before { color:#0064ff } .boss-global #productnav li a:hover, .boss-global #contentnav li a:hover, .boss-global #productnav li a.active, .boss-global #contentnav li a.active { color:#0064ff } .boss-global .product-tile li:hover .viewmore { color:#0064ff } .boss-global .product-tile li:hover .viewmore:before { color:#0064ff } .boss-global #promos a:hover figcaption { color:#0064ff } .boss-global #promos a:hover figcaption:before { color:#0064ff } @media screen and (max-width:1280px) { #productheader .row { right:155px; width:77%; max-width:none; min-width:0; position:absolute } } @media screen and (max-width:1120px) { #contentheader .row { padding-left:48px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } } @media screen and (max-width:1080px) { #directorynav, #gf-service, #gf-informations, #gf-promos { width:980px; max-width:none; min-width:1024px; padding-left:22px; padding-right:22px } } @media screen and (max-width:767px) { #content-container { min-width:320px } .paddle-nav { display:none } #hero { margin:0 auto; max-width:none; min-width:0 } .masthead { height:144px } .masthead img { width:768px; height:auto; margin-left:-354px } #productheader, #contentheader { position:relative; top:auto !important; min-width:0; height:auto; padding-top:0px; /* border-top:1px solid #ccc; */ border-bottom:1px solid #ccc; overflow:hidden; overflow:visible } #productheader, #contentheaderwz { position:relative; top:auto !important; min-width:0; height:auto; padding-top:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; overflow:visible } #productheader h2, #contentheader h2 { display:none } #productheader .row, #contentheader .row { position:relative; left:0; margin-bottom:-1px; right:auto; width:100%; padding:0; overflow:visible } #productheader .breadcrumbs, #contentheader .breadcrumbs { display:none } #productheader.fixed, #contentheader.fixed { position:relative } #productheader.fixed #ph-language, #contentheader.fixed #ph-language { visibility:visible; opacity:1; filter:alpha(opacity=100) } #productheader #ph-home, #contentheader #ph-home { font-size:13px; font-size:.65rem; font-weight:400; line-height:1; text-decoration:none; top:10px; left:5%; margin-left:-13px; padding-top:0.6em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width: 30px; height: 20px; } #contentheaderno{padding: 0 !important;} #contentheaderno #ph-home { font-size:13px; font-size:.65rem; font-weight:400; line-height:1; text-decoration:none; top:12px; left:5%; margin-left:-13px; padding-top:0em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } li.primary-menu > a:hover { color: #393939; background: none; } .fl{float: left;} .breadcrumbsno{ float: none; margin-left: 10px; line-height: 30px; font-size: .65rem; margin: 10px 0 10px 20px; padding-left: 15px; color: #999;} .breadcrumbsno a{color: #999;} .breadcrumbsno a.active{color: #00aaf9;} #productheader #ph-social, #contentheader #ph-social { top:0; right:0; width:75% } #productheader #ph-social li, #contentheader #ph-social li { text-align:center; margin-left:0; border-left:1px solid #ccc; width:33%; padding:10px 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; float:left } #productheader.fixed+#content-container, #contentheader.fixed+#content-container { padding-top:0 } #contentheader .row { left:0; top:0 } #contentheader h2 { display:block; font-size:18px; font-size:.9em; padding-left:1.5em; position:absolute; top:-49px; left:12.5% } #productnav, #contentnav { text-align:center; display:block; position:relative; float:none; border-top:1px solid #ccc } #productnav li, #contentnav li { text-align:center; display:table; width:50%; padding-left:0; float:left; border-bottom:1px solid #ccc; border-right:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } #productnav li:nth-child(even), #contentnav li:nth-child(even) { border-right:none } #productnav li a, #contentnav li a, #productnav li span, #contentnav li span { display:table-cell; height:50px; vertical-align:middle } #productnav li a:before, #contentnav li a:before, #productnav li span:before, #contentnav li span:before { content:none } #productnav .andmore .morebar, #contentnav .andmore .morebar { top:auto; margin-top:50px; width:100%; min-width:320px } #productnav .andmore .morebar ul, #contentnav .andmore .morebar ul { width:auto } #productnav .andmore .morebar li, #contentnav .andmore .morebar li { text-align:center; display:table; padding:0 } .backtotop { width:100%; height: 100px; padding-top: 20px; } .cndns-right{display: none;} .promos>ul li { width:auto; height:140px; float:none } #globalfooter { min-width:320px; } #globalfooter .gf-share { margin:0 auto } #globalfooter .gf-links .gf-region { width:100%; margin-left:0; border-top:1px solid #333; border-right:none !important; clear:both } #globalfooter .gf-links { text-align:center; margin:0; width:100%; display:inline-block; padding:0; border-top:1px solid #333; border-bottom:1px solid #333 } #globalfooter .gf-links li { text-align:center; display:table !important; margin:0; margin-bottom:-1px; width:50%; height:4em; border-bottom:1px solid #333; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } #globalfooter .gf-links li:before { content:none } #globalfooter .gf-links li:nth-child(odd) { border-right:1px solid #333 } #globalfooter .gf-links li:first-child { margin:0; margin-bottom:-1px } #globalfooter .gf-links a { color:#666; display:table-cell; height:3em; padding:0 1em; vertical-align:middle } #gf-informations { text-align:center; min-width:320px; width:100%; padding:0 } #gf-informations .gf-links { padding:0 } #directorynav { width:100%; min-width:320px; padding-left:1em; padding-right:1em; padding-bottom:2em; overflow:hidden } #directorynav .row { display:block } #directorynav .column { display:block; width:50%; padding-right:1em; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } #directorynav .column:nth-child(odd) { clear:both } #directorynav .column:first-child { width:50% } #gf-service { width:100%; min-width:320px; padding-left:0; padding-right:0; text-align:center } #gf-service .row { border:none } #gf-service .gf-links { float:none } #gf-promos { min-width:320px; width:100%; padding-left:20px; padding-right:20px } #gf-promos li { width:100%; float:none } #gf-promos li>a>img { position:static; margin:0; width:100%; height:auto } #gf-legal { display:block; min-width:320px; width:100%; margin-top:1em; overflow: hidden; } #gf-legal .gf-links { height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box } #gf-legal p { text-align:center; display:block; margin-top:2.5em; width:100%; /* height:50px */ } .category-container { padding-left:10px; padding-right:10px; padding-top: 20px; } .category-main { width:auto; padding:0; float:none } .category-main article { transition-duration:0; -webkit-transition-duration:0; -moz-transition-duration:0 } .category-main .main { padding-left:0 } .category-main .main .row { margin-top:60px } .category-main .main h4+.link-group { margin-top:0 } .category-main .content-index { width:auto } .category-main .content-index>ul { margin-left:0 } .category-main .content-index>ul>li { width:auto; padding-left:0; float:none; } .fl50{ width: 50% !important; float: left !important; } .category-main .content-index>ul>li>a>img { width:100%; height:auto } .category-index { margin-top:50px; width:auto; float:none } .category-index>ul>li>a>img { transition-duration:0; -webkit-transition-duration:0; -moz-transition-duration:0 } .link-group { display:block } .link-group>a, .link-group>ul { display:block; padding:0; width:auto } .link-group>ul { margin-top:30px } .link-group figure>img { width:100%; height:auto } .product-list, .product-tile, .product-list-wide { width:auto; padding:0; border-top:none } .product-list ul, .product-tile ul, .product-list-wide ul { margin:0; width:auto } .product-list li, .product-tile li, .product-list-wide li { width:100%; line-height:0; margin-top:0; padding-top:0; padding-bottom:25px; border:none; border-bottom:1px solid #ccc; outline:none; float:none } .product-list li:hover, .product-tile li:hover, .product-list-wide li:hover { outline:none } .product-list li:hover figure img, .product-tile li:hover figure img, .product-list-wide li:hover figure img { opacity:1; filter:alpha(opacity=100) } .product-list li:hover figcaption p, .product-tile li:hover figcaption p, .product-list-wide li:hover figcaption p { text-decoration:none } .product-list li:hover .viewmore, .product-tile li:hover .viewmore, .product-list-wide li:hover .viewmore { color:#000; background-color:transparent } .product-list li:hover .viewmore:before, .product-tile li:hover .viewmore:before, .product-list-wide li:hover .viewmore:before { color:#fff } .product-list li:first-child, .product-tile li:first-child, .product-list-wide li:first-child { padding-top:0; border-top:none } .product-list li a, .product-tile li a, .product-list-wide li a { height:auto; padding:0 } .product-list li figcaption, .product-tile li figcaption, .product-list-wide li figcaption { text-align:left; display:block; width:auto; height:auto; padding:10px 25px 0 24px !important; border:none; float:none } .product-list li figcaption h3, .product-tile li figcaption h3, .product-list-wide li figcaption h3 { font-size:28px; font-size:1.4rem; line-height:1.2; font-weight:100; text-align:left; color:#000; position:relative; margin:-0.24em 0 .4em } .product-list li figcaption h3 small, .product-tile li figcaption h3 small, .product-list-wide li figcaption h3 small { font-size:13px; font-size:.65rem; line-height:1.2; font-weight:800; text-align:left; color:#999; display:block; position:relative; margin-top:-0.1em; margin-left:0 } .product-list li figcaption p, .product-tile li figcaption p, .product-list-wide li figcaption p { font-size:13px; font-size:.65rem; line-height:1.46153846; font-weight:400; text-align:left; color:#000; position:relative; margin:-0.5em 0; min-height:99px !important; overflow:hidden } .product-list li figcaption .viewmore, .product-tile li figcaption .viewmore, .product-list-wide li figcaption .viewmore { font-size:13px; font-size:.65rem; letter-spacing:0; line-height:1; font-weight:300; color:#000; text-transform:uppercase; display:inline-block; /* margin-top:10px; */ height:auto; padding:0; vertical-align:baseline; background-color:transparent } .product-list li figcaption .viewmore:before, .product-tile li figcaption .viewmore:before, .product-list-wide li figcaption .viewmore:before { text-align:center; font-size:.6rem; line-height:16px; color:#fff; display:inline-block; margin-right:.7em; width:15px; height:15px; background-color:#000; vertical-align:text-top } .product-list li figcaption .viewmore:after, .product-tile li figcaption .viewmore:after, .product-list-wide li figcaption .viewmore:after { content:none } .product-list li .product-image, .product-tile li .product-image, .product-list-wide li .product-image { display:block; position:relative; text-align:center; margin:0 auto; width:260px; height:auto; padding:25px 0; overflow:hidden; vertical-align:middle } .product-list li .product-image img, .product-tile li .product-image img, .product-list-wide li .product-image img { width:auto; max-height:100%; padding:0; margin:0 auto; float:none } .product-list-wide li { padding-top:20px } .product-list-wide li figcaption p { display:block } .product-list-wide li .product-image img { width:100%; height:auto } .boss-global .product-list li:hover .viewmore, .boss-global .product-tile li:hover .viewmore, .boss-global .product-list-wide li:hover .viewmore { color:#000; background-color:transparent } .boss-global .product-list li:hover .viewmore:before, .boss-global .product-tile li:hover .viewmore:before, .boss-global .product-list-wide li:hover .viewmore:before { color:#fff } } .text-uppercase { text-transform:uppercase } #guide { display:none; position:absolute; left:0; top:0; width:100%; background-position:center top; background-repeat:no-repeat; z-index:101 } #guide.show { display:block } /* RGWP PHP Template Local Overrides */ /* simple rebuild for basic HTML formatting */ table{ width:100%; } .rebuild, .rebuild p, .rebuild li { font-size: 14px; font-size: .7rem; line-height: 1.46666667; font-weight: 300; } .rebuild hr { margin: 1.5em 0; border-top: none; border-bottom-color: #CCC; } .rebuild h3+p { margin-top: 2.4em; } .rebuild h4+p { margin-top: 1.5em; } .rebuild p+ul, .rebuild p+ol { margin-top: 1em; } .rebuild h4 { font-size: 18px; font-size: .9rem; font-weight: 400; line-height: 1.2; } .rebuild ul, .rebuild ol { margin: 0 0 1.5em 2.5em; } .rebuild ul { list-style: disc; } .rebuild ol { list-style-type: decimal; } .rebuild ol ol { list-style: upper-alpha; } .rebuild ol ol ol { list-style: lower-roman; } .rebuild ol ol ol ol { list-style: lower-alpha; } .rebuild ul ul, .rebuild ol ol, .rebuild ul ol, .rebuild ol ul { margin-bottom: 0; } /* white category thumbnail labels */ .category-container .promo h2.light { color: #FFF; } /* remove top margin on first category button */ .category-container .promo:first-child { margin-top: 0; } /* style thumbnail caption in RSS headline view */ .link-group li p { margin-top: 0; font-size: 12px; font-size: .6rem; color: #999; } /* adjust min-height on product page article tab repeater */ #articles .articles>section { min-height: 220px; } /* fix BOSS blue read more link on product page article tab */ .boss-global .main .articles a { color: #0064ff; } /* temporary fix for alternate language support on custom template products */ article#features div.ct-alt { display: none !important; } #content-container.alt-lang article#features div.ct-en { display: none !important; } #content-container.alt-lang article#features div.ct-alt { display: block !important; } /* article summary lists */ .article-summary section { border-top: 1px solid #D5D5D5; box-sizing: border-box; min-height: 220px; position: relative; padding: 20px 0; } @media all and (min-width: 768px) { .article-summary section { padding: 40px 20px 40px 50%; } } .article-summary section:first-child { border-top: 1px solid #D5D5D5; } .article-summary h3 { font-size: 28px; font-size: 1.4rem; line-height: 1.28571429; font-weight: 100; } .article-summary h3 small { font-size: 16px; font-size: 0.8rem; line-height: 1.3125; font-weight: 300; color: #0c0c0c; display: block; margin: .1em auto; } .article-summary p a { display: inline-block; margin-left: 0.25em; text-decoration: none; } .article-summary p a:hover { text-decoration: underline; } .article-summary figure { height: 100%; padding: 0 0 20px; box-sizing: border-box; } @media all and (min-width: 768px) { .article-summary figure { border-right: 1px solid #D5D5D5; left: 0; padding: 20px; position: absolute; top: 0; width: 45%; } } .article-summary figure img { max-width: 100%; display: block; } /* change region flags */ .flag-global { background-image: url("../images/flag_global.png"); } .flag-at { background-image: url("../images/flag_at.png"); } .flag-au { background-image: url("../images/flag_au.png"); } .flag-be { background-image: url("../images/flag_be.png"); } .flag-br { background-image: url("../images/flag_br.png"); } .flag-ca { background-image: url("../images/flag_ca.png"); } .flag-ch { background-image: url("../images/flag_ch.png"); } .flag-cn { background-image: url("../images/flag_cn.png"); } .flag-cz { background-image: url("../images/flag_cz.png"); } .flag-de { background-image: url("../images/flag_de.png"); } .flag-dk { background-image: url("../images/flag_dk.png"); } .flag-es { background-image: url("../images/flag_es.png"); } .flag-fi { background-image: url("../images/flag_fi.png"); } .flag-fr { background-image: url("../images/flag_fr.png"); } .flag-gb { background-image: url("../images/flag_gb.png"); } .flag-hu { background-image: url("../images/flag_hu.png"); } .flag-id { background-image: url("../images/flag_id.png"); } .flag-il { background-image: url("../images/flag_il.png"); } .flag-in { background-image: url("../images/flag_in.png"); } .flag-it { background-image: url("../images/flag_it.png"); } .flag-jp { background-image: url("../images/flag_jp.png"); } .flag-kr { background-image: url("../images/flag_kr.png"); } .flag-kz { background-image: url("../images/flag_kz.png"); } .flag-my { background-image: url("../images/flag_my.png"); } .flag-nl { background-image: url("../images/flag_nl.png"); } .flag-no { background-image: url("../images/flag_no.png"); } .flag-nz { background-image: url("../images/flag_nz.png"); } .flag-ph { background-image: url("../images/flag_ph.png"); } .flag-pl { background-image: url("../images/flag_pl.png"); } .flag-pt { background-image: url("../images/flag_pt.png"); } .flag-rs { background-image: url("../images/flag_rs.png"); } .flag-ru { background-image: url("../images/flag_ru.png"); } .flag-se { background-image: url("../images/flag_se.png"); } .flag-sg { background-image: url("../images/flag_sg.png"); } .flag-sk { background-image: url("../images/flag_sk.png"); } .flag-tr { background-image: url("../images/flag_tr.png"); } .flag-tw { background-image: url("../images/flag_tw.png"); } .flag-ua { background-image: url("../images/flag_ua.png"); } .flag-us { background-image: url("../images/flag_us.png"); } @media (-webkit-min-device-pixel-ratio:2), (min--moz-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1) { .flag { -moz-background-size: 23px 17px; -webkit-background-size: 23px 17px; -o-background-size: 23px 17px; -ms-background-size: 23px 17px; background-size: 23px 17px } .flag-global { background-image: url("../images/flag_global2x.png"); } .flag-at { background-image: url("../images/flag_at2x.png"); } .flag-au { background-image: url("../images/flag_au2x.png"); } .flag-be { background-image: url("../images/flag_be2x.png"); } .flag-br { background-image: url("../images/flag_br2x.png"); } .flag-ca { background-image: url("../images/flag_ca2x.png"); } .flag-ch { background-image: url("../images/flag_ch2x.png"); } .flag-cn { background-image: url("../images/flag_cn2x.png"); } .flag-cz { background-image: url("../images/flag_cz2x.png"); } .flag-de { background-image: url("../images/flag_de2x.png"); } .flag-dk { background-image: url("../images/flag_dk2x.png"); } .flag-es { background-image: url("../images/flag_es2x.png"); } .flag-fi { background-image: url("../images/flag_fi2x.png"); } .flag-fr { background-image: url("../images/flag_fr2x.png"); } .flag-gb { background-image: url("../images/flag_gb2x.png"); } .flag-hu { background-image: url("../images/flag_hu2x.png"); } .flag-id { background-image: url("../images/flag_id2x.png"); } .flag-il { background-image: url("../images/flag_il2x.png"); } .flag-in { background-image: url("../images/flag_in2x.png"); } .flag-it { background-image: url("../images/flag_it2x.png"); } .flag-jp { background-image: url("../images/flag_jp2x.png"); } .flag-kr { background-image: url("../images/flag_kr2x.png"); } .flag-kz { background-image: url("../images/flag_kz2x.png"); } .flag-my { background-image: url("../images/flag_my2x.png"); } .flag-nl { background-image: url("../images/flag_nl2x.png"); } .flag-no { background-image: url("../images/flag_no2x.png"); } .flag-nz { background-image: url("../images/flag_nz2x.png"); } .flag-ph { background-image: url("../images/flag_ph2x.png"); } .flag-pl { background-image: url("../images/flag_pl2x.png"); } .flag-pt { background-image: url("../images/flag_pt2x.png"); } .flag-rs { background-image: url("../images/flag_rs2x.png"); } .flag-ru { background-image: url("../images/flag_ru2x.png"); } .flag-se { background-image: url("../images/flag_se2x.png"); } .flag-sg { background-image: url("../images/flag_sg2x.png"); } .flag-sk { background-image: url("../images/flag_sk2x.png"); } .flag-tr { background-image: url("../images/flag_tr2x.png"); } .flag-tw { background-image: url("../images/flag_tw2x.png"); } .flag-ua { background-image: url("../images/flag_ua2x.png"); } .flag-us { background-image: url("../images/flag_us2x.png"); } } /* 防伪查询 */ #idDiv { border: dashed 1px #ccc; padding: 10px; margin: 10px 0; } #FwCodec { font-size: 18px; border-color: #23AB38; border-radius: 0 !important; height: 34px; width: 260px; border: solid 1px #00aaf9; } #btnQuery { border: solid 1px #00aaf9; border-radius: 0 !important; height: 35px; width: 115px; font-size: 20px; background-color: #00aaf9; color: #fff;} /* 经销商 筛选 */ .CaseNav .nav_btn{ border-bottom:1px solid #ccc; margin-bottom:10px; clear:both; overflow:hidden; padding:10px 0; } .CaseNav .nav_btn span{ font-size:14px;line-height:40px; display:block; float:left; color:#333; font-weight:bold;} .CaseNav .nav_btn .nav_a{ float:left; width:100%;} .CaseNav .nav_btn a{ font-size:16px; line-height:40px; height:40px; text-align:center; margin:0px 10px 0 10px; padding:0 20px; min-width:3em; display:block; float:left;} .CaseNav .nav_btn a:hover,.CaseNav .nav_btn a.active{ background:#00aaf9; color:#fff;} a.fieldandcss{color: #333333;} .prism-player{height: 550px !important; margin-bottom: 30px;} @media (max-width: 767px) { .CaseNav .nav_btn{ border-bottom:1px solid #ccc; margin-bottom:10px; clear:both; overflow:hidden; padding:10px 0; } .CaseNav .nav_btn span{ font-size:12px;line-height:30px; text-align:left; width:100%; display:block; float:left;} .CaseNav .nav_btn .nav_a{ float:left; width:100%;} .CaseNav .nav_btn a{ font-size:14px; line-height:30px; text-align:center; margin:0px 0px 0 0; padding:0 5px; min-width:4em; display:block; float:left; height:30px;} .CaseNav .nav_btn a:hover,.CaseNav .nav_btn a.active{ background:#00aaf9; color:#fff;} /* 防伪查询 */ #idDiv { border: dashed 1px #ccc; padding: 10px; margin: 10px 0; } #FwCodec { font-size: 18px; border-color: #23AB38; border-radius: 0 !important; height: 34px; width: 260px; border: solid 1px #00aaf9; } #btnQuery { border: solid 1px #00aaf9; border-radius: 0 !important; height: 35px; width: 115px; font-size: 20px; background-color: #00aaf9; color: #fff;margin: 20px 0 0 50px;} /* 搜索 */ #ch-search { line-height:0; display:block; position:absolute; right:30px; top: 10px; width: 80%; display: none; } #ch-search input { display: none; font-size:13px; font-size:.65rem; font-weight:300; line-height:1; color:#000; border:none; width:100%; height:19px; padding:0 20px 0 0; border-bottom:1px dotted #ccc; outline:none } .prism-player{height: 250px !important;} } .header-button, .sj_search2{display: none;} @media (max-width: 767px) { .header-button { position:absolute; right:48px; top:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; z-index: 9999999; display: block; width: 36px; height: 66px; margin: 0; padding: 0; outline: none; background:url(../images/search_btn.svg) no-repeat center; border: none; cursor: pointer; } #toggle-searchss { float: right; } #search-formss { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 66px; left: 0; width: 100%; max-height: 0; z-index:9999999; overflow: hidden;background:#fff; } #search-formss.open { max-height: 66px;border-top:1px solid #ccc;border-bottom:1px solid #ccc; } .sj_search2{ display:block; /*border-top:1px solid #ccc;border-bottom:1px solid #ccc;*/ height:35px; line-height:35px;} .sj_search2 input{ float:left;width: calc(100% - 32px); height:35px; line-height:35px;border: 0; font-size: 14px;} .sj_search2 button{width:32px; background:url(../images/search_btn.svg) no-repeat center; height:35px; border:0; float:left; cursor:pointer;} .backto a{width: 50%;height: 50px;line-height: 50px;margin:0 auto;font-size:.75rem;} }