@CHARSET "utf-8"; strong { color: #c60000; font-weight: normal; } .header { height: 62px; } .header .navbar-default { height: 62px; } .header .navbar-default .navbar-header { height: 62px; } .header .navbar-nav>li>a { color: #333; } .header .navbar .collapse .navbar-nav>li.active>a,.header .navbar .collapse .navbar-nav>li:hover>a { color: #000; } .navbar-default .navbar-header>.navbar-brand-sm img, .navbar-default .navbar-header>.navbar-brand-xs img { height: 45px; } /* index */ #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail { background: #fff; color: #555; border-color: #ccc; } #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail .icon i.fa { color: #555; /* font-size: 60px; */ } #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail .cpation { color: #555; } #push-wrap-top .push-sections-hierarchy .push-body .push-item .description { color: #555; } #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail:hover { background: #fff; } #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail:hover { border-color: #333; } #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail:hover .icon i.fa, #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail:hover .caption, #push-wrap-top .push-sections-hierarchy .push-body .push-item .thumbnail:hover .description { color: #333; } /* @media ( min-width : 992px) { #push-wrap-bottom-right .page-header { text-align: right; } }*/ @media(min-width: 992px) and (max-width: 1199px) { #push-wrap-top .push-sections-hierarchy .push-body .push-item .description { min-height: 51px; } } #push-wrap-center .introduction { display: none; } #push-wrap-bottom-right .list-group>.list-group-item .date { display: none; } #link-team-container, #link-team-container, #link-partner-container { margin-bottom: 20px; } #link-team-container .link-item .link-info .title { line-height: 30px; } #link-partner-container .link-item { margin-bottom: 15px; } #link-partner-container .link-item img { margin: 0 auto; max-width: 100%; display: block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } #link-partner-container .link-item:hover img { margin: 0 auto; max-width: 100%; display: block; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .about #link-team-container .link-item .link-info .title { margin-top: 20px; font-size: 16px; } .about #link-team-container .thumbnail { border: none; } .about #link-team-container img { border-radius: 50%; } #link-team-container .link-item .link-info small { display: none; } /* header */ .header .navbar .navbar-header>.navbar-brand-lg { padding: 10px 20px; height: 80px; } .header .navbar .navbar-header>.navbar-brand-lg>.nav-brand-text { width: 0; height: 0; position: absolute; margin-left: 220px; margin-top: -8px; border-top: 18px solid #3e3e3e; border-right: 15px solid transparent; } /* footer */ .footer-top { margin-top: 20px; background: #202020; padding: 20px; color: #898989; } .footer-top hr { border-color: #898989; margin: 10px 0; } .footer-top p { margin-bottom: 4px; } .footer-top p a { color: #898989; } /* sections */ .articles-list-thumbnail .articles-item .introduction { display: none; } /* about */ .about .link-thumbnail .link-item>div { padding: 0 42px; } /* section */ /* section-header */ .section .section-header .section-header-name { top: -130px; color: #fff; } .section .section-header .section-header-name h1 { margin-bottom: 0; font-size: 42px; font-weight: 200; } .section .section-header .section-header-name h2 { margin-top: 5px; font-size: 25px; font-weight: 100; position: relative; bottom: -3px; } .section .section-body { position: relative; } /* about */ .about .section-body h3,.contact .section-body h3 { font-size: 16px; font-weight: bold; padding-left: 7px; border-left: 3px solid #000; margin-bottom: -5px; margin-top: 0; } .about .pager-header h3,.contact .pager-header h3 { border-left: none; } .about .media img { width: 400px; } .about .media .media-left { padding-right: 30px; } .about .link-container .link-item .link-team-info .title { margin: 10px 0; } .about .link-container .link-item .link-team-info .title small { display: block; } #share .bdshare-button-style2-24 .bds { background: url(../../../Images/Common/share.png); } #share .bdsharebuttonbox .bds:hover { background: url(../../../Images/Common/share.png); filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #share .bdshare-button-style2-24 .bds_weixin { background-position: 0 0; } #share .bdshare-button-style2-24 .bds_weixin:hover { background-position: 0 -24px; } #share .bdshare-button-style2-24 .bds_tsina { background-position: 48px 0; } #share .bdshare-button-style2-24 .bds_tsina:hover { background-position: 48px -24px; } #share .bdshare-button-style2-24 .bds_qzone { background-position: 25px 0; } #share .bdshare-button-style2-24 .bds_qzone:hover { background-position: 25px -24px; } #share .bdsharebuttonbox .bds i { font-size: 24px; color: #999; } #share .bdsharebuttonbox a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } #share .bdsharebuttonbox a:hover i { color: #fff; } #bdshare_weixin_qrcode_dialog { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #bdshare_weixin_qrcode_dialog .bd_weixin_popup_head { font-size: 13px; } #bdshare_weixin_qrcode_dialog .bd_weixin_popup_foot { line-height: 1.5; text-align: justify; } /* contact */ @media ( min-width : 992px) { /* .contact>.container { padding-top: 0; position: relative; top: 30px; } .about>.container { padding-top: 0; position: relative; top: -20px; } .about { margin-bottom: -20px; } */ } .contact .container h3 { margin-bottom: 20px; } .contact .container #contact p.site { font-size: 15px; } .contact .container #contact p,.contact .container #message>.help-block { margin: 5px 10px 10px; } .contact .container button[type="submit"] { color: #fff; } .contact .container button[type="reset"] { margin-left: 15px; } .contact p a { color: #333; } .contact #contact-map { height: 325px; } .contact-map-infowindow { width: 335px; } .contact-map-infowindow h3 { color: #000; font-size: 18px; margin: 0 0 10px 0; } .contact-map-infowindow p { font-size: 12px; margin-bottom: 2px; } #contact-map .BMap_cpyCtrl span { color: #212121; } #contact-map .BMap_cpyCtrl a { color: #212121; } /* service */ .service { overflow: hidden; } .topnavs { margin-top: 50px; margin-bottom: 0; } .topnavs ul li a span { font-size: 15px; padding: 8px 15px; } .service .service-info { padding: 100px 0; border-bottom: 1px solid #ccc; } .service .service-info h3 { font-size: 30px; margin-bottom: 30px; margin-top: 75px; } .service .service-info p { text-align: justify; font-weight: 100; line-height: 2; font-size: 15px; } .service .service-info p.text-center { text-align: center; } .service .service-info-chart h3 { margin-top: 80px; } @media ( max-width : 992px) { .topnavs { margin: 30px auto; } .service .service-info { padding: 20px 0; border-bottom: 1px solid #ccc; } .service .service-info h3,.service .service-info-image { text-align: center; } .service .service-info.service-info-image img { margin-top: 30px; } .service .service-info.service-info-chart h3 { margin-top: 20px; } } @media ( max-width : 1200px) { .service .service-info h3 { margin-top: 65px; } .service .service-info-chart h3 { margin-top: 80px; } } .service .service-info .service-info-text { margin-bottom: 40px; } .service .service-info img { max-width: 100%; } .service .service-info-table { padding: 100px 0 40px; border-bottom: none; } .service .service-info-icon .title h3,.service .service-info-table .title h3 { margin-top: 0; } .service .service-info-icon .media.media-icon { margin-top: 60px; } .service .service-info-icon .media.media-icon .icon i.fa { margin-right: 15px; margin-top: 5px; width: 75px; height: 75px; line-height: 71px; } .service .service-info-icon .media.media-icon .icon { min-width: 90px; } .service .service-info-icon .media.media-icon .icon i.fa-edit,.service .service-info-icon .media.media-icon .icon i.fa-external-link { padding-top: 2px; padding-left: 5px; } .service .service-info-icon .media.media-icon .icon i.fa-search { padding-bottom: 5px; } .service .service-info-icon .media.media-icon:hover .icon i.fa { background: #c60000; border-color: #c60000; color: #fff; } .service .service-info-icon .media.media-icon:hover .caption { color: #c60000; } .service .service-info-icon p.description { line-height: 1.5; } .service .service-description h3 { font-weight: 100; margin-top: 100px; margin-bottom: 10px; } .service .service-description .help-block { font-weight: 100; font-size: 14px; } .service .service-info-description { padding: 0; top: -70px; border-bottom: none; } /* service-website */ #service-website #service-info-image-website img { margin-top: 20px; margin-bottom: -60px; } #service-website .service-info-image .service-info-text small { color: #333; } /* shutdown */ #service-website #service-info-image-website img#shutdown { position: absolute; margin-left: -52px; margin-left: -58px\0; margin-top: 254px; cursor: pointer; } #service-website #service-info-image-website #shutdown-panel { position: absolute; width: 344px; height: 185px; top: 44px; left: 42px; } #service-website #service-info-image-website #shutdown-down { position: absolute; width: 100%; background: #000; height: 0; } #service-website #service-info-image-website #shutdown-flash { display: none; position: absolute; width: 100%; top: 92px; background: #fff; height: 1px; } #service-website #service-info-image-website #shutdown-up { position: absolute; width: 100%; bottom: 0; background: #000; height: 0; } @media ( max-width : 768px) { #service-website #service-info-image-website #shutdown-panel { left: 50%; margin-left: -173px; } } /* hidden xs */ @media ( max-width : 480px) { #service-website #service-info-image-website #shutdown-panel { display: none; } #service-website #service-info-image-website img#shutdown { display: none; } } #service-website .shutdown { background: #000; } #service-website #service-website-chart { height: 360px; width: 420px; } #service-website .chart-from { margin-top: 10px; width: 400px; text-align: center; } .service-info-table { border-bottom: none; } .service-info-table table { margin-top: 30px; } .service-info-table table td, .service-info-table table th { text-align: center; } .service-info-table table th { background: #434243; color: #fff; font-size: 16px; } .service-info-table table th.vs { background: #c60000; border-left: 2px solid #fff; border-right: 2px solid #fff; } .service-info-table table td { border: none; } .service-info-table table td.vs { color: #c60000; font-weight: bold; } /* service-wechat */ #service-wechat #service-wechat-chart { height: 360px; } #service-wechat .chart-from { margin-top: 10px; text-align: center; } #service-wechat #service-wechat-chart,#service-wechat .chart-from { width: 500px; } #service-wechat .service-info-icon { border-bottom: none; } #service-wechat .service-info-icon .media { min-height: 100px; } #service-wechat .service-info-icon .media.media-icon .icon { min-width: 98px; height: 97px; background: url(../../../Images/Home/custom/wechat-icons.png); } #service-wechat .service-info-icon .media.media-icon .media-body { padding-left: 15px; } /* service-marketing */ #service-marketing #service-info-mtc h3 { color: #C60000; margin-bottom: 15px; margin-top: 0; } #service-marketing #service-info-mtc h4 { font-weight: 100; } #service-marketing #service-info-mtc .mtc-container { z-index: 2; } #service-marketing #service-info-mtc .mtc-container .mtc { margin: 40px auto 30px auto; width: 190px; height: 190px; border-radius: 50%; background: #C60000; color: #fff; } #service-marketing #service-info-mtc .mtc-container .mtc .mtc-short { font-family: Times; font-size: 60px; } #service-marketing #service-info-mtc .mtc-container .mtc .mtc-title { font-size: 20px; font-weight: 100; } #service-marketing #service-info-mtc #mtc-m .mtc .mtc-title { letter-spacing: 12px; padding-left: 12px; } #service-marketing #service-info-mtc #mtc-t .mtc .mtc-title { letter-spacing: 9px; padding-left: 9px; } #service-marketing #service-info-mtc #mtc-c .mtc .mtc-title { letter-spacing: 5px; padding-left: 5px; } #service-marketing #service-info-mtc .mtc-container .mtc .mtc-name { margin-top: 10px; font-size: 25px; letter-spacing: 10px; padding-left: 10px; font-weight: 100; } #service-marketing #service-info-mtc .mtc-container .mtc-how { margin-bottom: 10px; color: #c60000; font-size: 16px; } #service-marketing #service-info-mtc .mtc-container .mtc-href>div { margin-top: 5px; } #service-marketing #service-info-mtc .mtc-container .mtc-href>div a:hover { border: 1px solid #C60000; padding: 0 5px; color: #C60000; } #service-marketing #marketing-dsp a { color: #C60000; text-decoration: underline; } #service-marketing #service-info-mtc hr { position: relative; margin: 0 auto; top: -200px; width: 80%; text-align: center; border-color: #C60000; } #service-marketing #marketing-400 { padding-bottom: 0; } #service-marketing #marketing-article { border-bottom: 0; } #service-marketing #mtc-scrollspy { position: fixed; width: 55px; left: 15px; display: none; } @media ( max-width : 1340px) { #service-marketing #mtc-scrollspy { display: none; } } #service-marketing #mtc-scrollspy ul li { width: 55px; height: 55px; line-height: 55px; text-align: center; font-size: 30px; margin: 10px 0; } #service-marketing #mtc-scrollspy ul li.split>div.line { width: 1px; height: 55px; margin: 0 auto; border-right: 1px solid #ccc; } #service-marketing #mtc-scrollspy ul li a { padding: 0; font-family: Times; color: #fff; background: #5A5A5A; border-radius: 50%; } #service-marketing #mtc-scrollspy ul li:hover a { background: #C60000; } #service-marketing #mtc-scrollspy ul li.active a { background: #C60000; } #service-marketing #mtc-scrollspy ul li.affixed a { background: #C60000; } #service-marketing #mtc-scrollspy ul li.split.affixed { display: none; } /* dsp icons */ #service-marketing #marketing-dsp #marketing-dsp-image-container { width: 372px; height: 372px; float: right; } #service-marketing #marketing-dsp .icons { position: absolute; height: 25px; width: 25px; } #service-marketing #marketing-dsp .icons .icon { display: block; height: 25px; width: 25px; cursor: pointer; background: url(../../../Images/Home/custom/marketing-dsp-icons.png) 0 0 no-repeat; } #service-marketing #marketing-dsp .icons-big { height: 41px; width: 41px; background-color: #C60000; border-radius: 50%; } #service-marketing #marketing-dsp .icons-big .icon { height: 35px; width: 35px; margin: 3px; } #service-marketing #marketing-dsp-image-description { position: absolute; width: 86px; font-size: 13px; top: 170px; left: 144px; color: #fff; } #service-marketing #marketing-dsp-image-description-sm { position: absolute; left: 50%; top: 50%; width: 86px; margin-top: -5px; margin-left: -45px; font-size: 13px; color: #fff; } @media ( max-width : 992px) { #service-marketing #marketing-dsp img { margin-top: 0; } #service-marketing #marketing-dsp #marketing-dsp-image-container { right: 50%; margin-right: -187px; margin-top: 20px; margin-bottom: 30px; } } /* service-dsp */ #service-dsp { background: #fff; } #service-dsp #service-dsp-header .help-block { margin-top: 20px; font-size: 15px; } .fullpage-wrapper, .fp-section { min-height: 530px; } #service-dsp .service-section .section-info h3 { margin-top: 45px; margin-bottom: 20px; text-align: center; font-size: 30px; } #service-dsp #service-dsp-header h1 { margin-top: 80px; } @media (max-width : 768px) { #service-dsp #service-dsp-header h1 { margin-top: 20px; } } @media (min-height : 800px) { #service-dsp .service-section .section-info h3 { margin-top: 100px; margin-bottom: 30px; } #service-dsp #service-dsp-header h1 { margin-top: 100px; } } #service-dsp .service-section .section-info p { text-align: justify; font-weight: 100; line-height: 2; font-size: 15px; text-align: center; } #service-dsp .service-section .section-info p b { font-weight: 100; color: #c60000; cursor: pointer; } #service-dsp .service-section .section-next { position: absolute; bottom: 15px; left: 50%; margin-left: -30px; color: #777; } #service-dsp .service-section .section-next .dot { position: relative; text-align: center; font-weight: bold; height: 12px; font-size: 20px; } #service-dsp .service-section .section-next .next{ position: relative; top: -30px; font-size: 60px; cursor:pointer; } #service-dsp .service-section .section-next.clicked .next { top: -28px; } /*#service-dsp .service-section .section-next .next:hover, #service-dsp .service-section .section-next .stress { color: #333; }*/ /* service-google */ #service-google #service-google-chart { height: 360px; } #service-google .chart-from { margin-top: 10px; text-align: center; } @media (min-height : 1200px) { #service-google #service-google-chart,#service-google .chart-from { width: 600px; } } @media (max-height : 1200px) { #service-google #service-google-chart,#service-google .chart-from { width: 500px; } } #service-google .service-info-icon .media { min-height: 100px; } #service-google .service-info-icon .media.media-icon .icon { min-width: 90px; height: 90px; background: url(../../../Images/Home/custom/google-icons.png); } #service-google .service-info-icon .media.media-icon .media-body { padding-left: 15px; } .section-flowchart .title { margin: 10px 0; line-height: 20px; color: #555; } .section-flowchart .circle { margin: 0 auto; border-radius: 50%; height: 124px; width: 124px; line-height: 124px; font-size: 16px; text-align: center; color: #fff; background: #c60000; } .section-flowchart .circle-sm { margin-top: 10px; height: 60px; width: 60px; line-height: 60px; font-size: 14px; } .section-flowchart .radius5 { margin:0 auto; height: 40px; line-height: 40px; background: #c60000; color: #fff; } #service-dsp .section-flowchart .start { padding-top: 48px; height: 250px; } #service-dsp .section-flowchart .start img { height: 124px; } #service-dsp .section-flowchart .medium-adx { padding-top: 48px; height: 250px; } #service-dsp .section-flowchart #section-flowchart-account-point1 { margin-top: 20px; } #service-dsp .section-flowchart #section-flowchart-account-point2 { margin-top: 30px; } #service-dsp .section-flowchart #section-flowchart-account-point3 { margin-top: 30px; } #service-dsp .section-flowchart .end .radius5 { margin-top: 90px; } /* jsplumb label */ #service-dsp .section-flowchart-label { margin-top: -10px; color: #000; padding: 3px 8px; font-size: 13px; cursor: pointer; } /* fullpage */ #fp-nav ul li .fp-tooltip.right { font-family: "微软雅黑"; color: #333; font-size: 14px; } #fp-nav.right { display: none; } #service-dsp #tags-brands-container { height: 350px; overflow: hidden; } #service-dsp .steps { color: #c60000; z-index: 2; line-height: 20px; height: 20px; } #service-dsp .steps span { padding: 0 10px; background: #fff; } #service-dsp .steps i.fa { background: #fff; display: none; } #service-dsp .steps .fa-chevron-left { text-align: right; } #service-dsp .steps .fa-chevron-right { text-align: left; } #service-dsp .steps b.vertical-line { background: #fff; width: 0; color: #fff; overflow: hidden; border-right: 2px solid #C60000; } #service-dsp .steps-hr hr{ height: 0; margin: 0; margin-top: -12px; border-color: #C60000; border-width: 2px; } /* tag cloud */ #service-dsp #tags-brands { border : none; } #service-dsp .service-description #section-logo { height: 65px; } #service-dsp .service-description h3 { margin-top: 50px; } #service-dsp .service-description .more { padding-top: 40px; } @media (max-height: 650px) { #service-dsp .service-description img { display: none; } } @media (max-height: 600px) { #service-dsp .service-description .more { padding-top: 0; } #service-dsp .service-description h3 { margin-top: 0; } } #service-dsp .service-description .more a { display: inline-block; margin: 10px; width: 120px; height: 35px; line-height: 34px; background: #202020; color: #fff; letter-spacing: 5px; padding-left: 5px; font-size: 16px; } #service-dsp .service-description .more a:hover { background: #000; } #service-dsp #section-identity-circles img { position: absolute; } #service-dsp .service-section .service-section-img img { margin: 0 auto; } @media (max-height : 800px) { #service-dsp .service-section .service-section-img img { max-width: 55%; } } /* slide */ #service-dsp .service-section .slide h4 { text-align: center; letter-spacing : 15px; padding-left: 15px; font-weight: 100; } #service-dsp .service-section .slide img { border: 1px solid #eee; } #service-dsp .fp-controlArrow.fp-prev, #service-dsp .fp-controlArrow.fp-next { font-size: 30px; width: 40px; border: none; color: #777; } #service-dsp .footer-container { position: fixed; width: 100%; margin-bottom: 0; } #service-dsp .footer-container .footer-top { margin-top: 0; } #service-seo .service-info-title.service-info-title-heading { background: url(../../../Images/Home/custom/seo-header-background.png) no-repeat top center; border-bottom: 0; padding-bottom: 0; } #service-seo .service-info-title.service-info-title-heading h3 { margin-top: 40px; margin-top: 20px; } #service-seo .service-info-customer-toggle { float: left; margin-right: 10px; cursor: pointer; } #service-seo .service-info-customer-image { display: none; } #service-seo .service-info-customer-image.active { display: block; } #service-seo .service-info-customer-toggle .icon { background-image: url(../../../Images/Home/custom/seo-customer-toggle.png); width: 60px; height: 60px; margin-bottom: 5px; } #service-seo .service-info-customer-toggle.active { color: #5087FE; } #service-seo .service-info-customer-toggle.active .icon { background-position-y: -61px; } #service-seo .service-info-customer-toggle .title { text-align: center; } #service-seo .service-info-table { border-bottom: 1px solid #ccc; padding-bottom: 80px; } #service-seo .service-info-title.steps { padding-bottom: 120px; } #service-seo .service-info-title.steps h3 { margin-top: 0; } #service-seo .service-info-image-first { padding-top: 60px; } #service-seo .steps .border { border: 1px solid #5087FE; border-radius: 10px; text-align: center; padding: 15px; position: relative; table-layout: fixed; } #service-seo .steps .border p { text-align: center; line-height: 1.2; font-size: 14px; font-weight: normal; } #service-seo .steps .border .text { display: table-cell; height: 230px; vertical-align: middle; margin: 0 auto; } #service-seo .steps .border .title { background: #5087FE; padding: 8px 10px; position: absolute; right: -15px; color: #fff; border-radius: 8px; bottom: -18px; } #service-seo .steps .border .next { position: absolute; font-size: 20px; top: 50%; margin-top: -10px; right: -29px; color: #5087FE; } #service-seo #step1 .border .title { background: #A5BFFA; } #service-seo #step2 .border .title { background: #7CA2F7; } #service-seo #step3 .border .title { background: #6F9BFA; } #service-seo #step4 .border .next { display: none; } #service-seo .service-info-title-heading .btn { background: #5087FE; border-radius: 8px; color: #fff; padding: 10px 60px; margin-top: 80px; margin-bottom: 80px; margin-left: 10px; margin-right: 10px; } #service-seo .steps { padding-bottom: 40px; } @media(min-width: 1200px) { #service-seo .steps .border .text { width: 230px; } } @media(min-width: 992px) and (max-width: 1199px) { #service-seo .steps .border .text { width: 180px; } } @media(min-width: 768px) and (max-width: 991px) { #service-seo .steps .border .text { width: 313px; } } #service-seo .service-info-table table th.vs { background: #5087FE; } #service-seo .service-info-table table td.vs { color: #5087FE; } #service-seo .service-info-image:last-child { border-bottom: none; } @media (max-height: 600px) { #service-dsp .footer-top { display: none; } } @media (min-width: 992px) { .col-md-2-5 { width: 20%; } } @media (min-width: 1200px) { .col-lg-2-5 { width: 20%; } } .topnavs { max-width: 700px; } .topnavs ul.nav li { width: auto; } .topnavs ul.nav li a span { padding: 5px 10px; } .article-layout.article-layout-design h2.article-title { margin: 20px auto 40px; } .article .article-body img { border: 1px solid #ddd; } @media(max-width: 992px) and (min-width: 768px) { .topnavs ul.nav li a { border-radius: 0; padding: 5px; font-size: 14px; } } @media(max-width: 991px) { #service-seo .service-info-customer-toggle { margin: 0 10px; } #service-seo .steps .border { margin-bottom: 33px; } #service-seo .service-info-customer-toggles { max-width: 400px; margin: 0 auto; } } @media(max-width: 767px) { #service-seo .steps .border .next { left: 50%; margin-left: -10px; bottom: -29px; } #service-seo .steps .border .text { display: block; text-align: center; height: auto; padding: 30px 0; } #service-seo .steps .btn { margin-top: 20px; margin-left: 0; width: 100%; margin-right: 0; } #service-seo .service-info-title-heading .btn { margin: 5px; } .service .service-info h3 { margin-top: 30px; } #service-seo .service-info-title.steps { padding-top: 60px; padding-bottom: 60px; } #service-seo .service-info-table { padding-top: 60px; padding-bottom: 60px; } #service-seo .service-info-customer-toggles { zoom: 0.7; max-width: 418px; } .section-pager-default { float: none; text-align: center; } } @media(min-width: 1200px) { .header .navbar .navbar-header>.navbar-brand-lg { width: 240px; } .navbar-default .collapse .navbar-nav>li>a { font-size: 16px; padding: 19px; } } .product-preview .article-meta { top: -20px; } .product-preview article img { width: 100% !important; border: none !important; padding: 0 !important; } .product-preview .article-title { margin-top: 10px; margin-bottom: 30px; } .product-preview .article-meta .info { left: 50%; } @media(min-width: 1200px) { .product-preview .article-meta .info { width: 1300px; margin-left: -650px; top: 50px; } } .product-preview .article-meta .info .product-logo { height: 75px; margin-right: 30px; } .product-preview .article-meta .info h1 { margin: 0; color: #fff; font-weight: bold; font-size: 46px; } .product-preview .article-meta .info .tag { color: #C60001; margin-top: 5px; } .product-preview .article-meta .inroduction { padding-top: 35px; color: #c2c2c2; } .product-preview .article-meta .product-service { margin-top: 35px; } .product-preview .article-meta .product-service .product-service-item { float: left; background: #626262; color: #B6B6B6; padding: 8px 15px; margin-right: 15px; font-size: 16px; margin-bottom: 15px; } .product-preview .article-meta .product-service .product-service-item .fa { margin-right: 5px; color: #99B9F2; } .product-preview .article-meta .product-service .product-service-item:hover, .product-preview .article-meta .product-service .product-service-item.view { color: #fff; /* background: #C60001; */ } .product-preview .article-meta .product-service .product-service-item#productPreview:hover { background: #C60001; } .product-preview .article-meta .product-service .product-service-item.view { padding: 8px 30px; margin-right: 0; opacity: 0.9; } .product-preview .article-meta .product-service .product-service-item:hover .fa, .product-preview .article-meta .product-service .product-service-item.view .fa { color: #fff; } .product-preview .article-meta .product-service .product-service-item.view:hover { opacity: 1; } @media(min-width: 1500px) { .product-preview .article-meta .inroduction { padding-right: 300px; } .product-preview .article-meta .info { width: 1500px; margin-left: -750px; top: 100px; } } @media(min-width: 992px) and (max-width: 1199px) { .product-preview .article-meta .info { margin-left: -485px; top: 35px; } .product-preview .article-meta .info .product-logo { height: 60px; } .product-preview .article-meta .info h1 { font-size: 32px; } .product-preview .article-meta .inroduction { padding-top: 15px; } .product-preview .article-meta .product-service { margin-top: 15px; } .product-preview .article-meta .product-service .product-service-item { font-size: 14px; } .product-preview .article-meta .product-service .product-service-item.view { padding: 8px 15px; } } @media(max-width: 991px) { .product-preview .article-meta>img { display: none; } .product-preview .article-meta .info { position: relative; top: 0; left: 0; } .product-preview .article-meta .info .product-logo, .product-preview .article-meta .info .title { height: auto; margin-bottom: 15px; } .product-preview .article-meta .title-box { padding-top: 15px; } .product-preview .article-meta .info h1 { color: #000; font-size: 32px; } .product-preview .article-meta .inroduction { padding-top: 5px; color: #555; } .product-preview .article-meta .product-service { margin-top: 15px; } .product-preview .article-meta .product-service .product-service-item { font-size: 14px; width: 50%; margin-right: 0; margin-bottom: 0; border: 1px solid #fff; text-align: center; } .product-preview .article-meta .product-service .product-service-item.view { padding: 8px 15px; width: 100%; } } @media(min-width: 500px) and (max-width: 767px) { #push-wrap-top .push-container .push-body .push-item { width: 50%; } } .fancybox-wrap .fancybox-skin { padding: 0 !important; } .fancybox-title-float-wrap .child { background: none !important; font-family: "微软雅黑"; line-height: 30px !important; } #product-pushes-wrap { margin-top: 20px; } #product-pushes-wrap .push-item .icon { font-size: 80px; } #product-pushes-wrap .push-item:hover .caption, #product-pushes-wrap .push-item:hover .description { color: #000; } @media(min-width: 1200px) { .col-lg-5-1 { width: 20%; } } @media(max-width: 767px) and (min-width: 500px) { #product-pushes-wrap .push-item { width: 50%; } } .product-preview .bxslider-overlay { background: #333; } .product-preview .bxslider-thumbnail-wrap { height: 70px; padding: 15px 0; background: #000; border-bottom: 1px solid #999; position: fixed; top: 0; left: 0; width: 100%; z-index: 2001; /* box-shadow: 0 0 4px #000; */ } .product-preview .bxslider-thumbnail-wrap span { height: 40px; color: #999; margin-left: 15px; border-left: 1px solid #999; padding-left: 15px; font-size: 18px; line-height: 21px; } .product-preview .bxslider-thumbnail-wrap span small { font-size: 14px; display: block; } .product-preview .bxslider-thumbnail-wrap .bxslider-thumbnail .banner { list-style: none; float: left; margin-left: 10px; display: block; border: 1px solid #000; } .product-preview .bxslider-thumbnail-wrap .bxslider-thumbnail .banner.active { border: 1px solid #f00; } .product-preview .bxslider-thumbnail-wrap .bxslider-thumbnail .banner img { height: 40px; min-width: 20px; } .product-preview .bxslider-wrap { padding: 30px 15px; margin-top: 70px; } .product-preview .bxslider-thumbnail-wrap .logo { margin-left: 15px; } .product-preview .bxslider-wrap img { max-width: 100%; width: 100%; } .product-preview #productBack { font-size: 20px; border-left: 1px solid #999; color: #999; line-height: 40px; width: 35px; text-align: right; margin-right: 15px; margin-left: 20px; cursor: pointer; } .product-preview .bx-wrapper { padding: 0; border: none !important; box-shadow: none !important; } .product-preview-main { display: none; margin: -20px 0 -40px; } .product-preview-main.active { display: block; } #productTools { bottom: 248px; } #productTools.active { bottom: 298px; } #productExpand .in { display: block; } #productExpand .off { display: none; } #productExpand.active .in { display: none; } #productExpand.active .off { display: block; } #productPrev .icon { width: 42px; } #productNext .icon { width: 49px } .product-preview-main.full-page .bxslider-wrap { position: absolute; top: 0; left: 0; z-index: 2002; width: 100%; padding: 0; margin-top: 0; } .tools { z-index: 2003; } @media(max-width: 767px) { #productTools { top: 50%; height: 154px; margin-top: -77px; } .product-preview #productBack { border: none; } .product-preview .bxslider-thumbnail-wrap { height: 62px; padding: 11px 0; } .product-preview .bxslider-wrap { margin-top: 62px; } }