/* bym 2016年3月2日 ==通用样式 ==兼容老版官网 2016年3月23日 ==时间轴 2016年3月7日 ==3D图片轮播 2016年3月8日 ==头部样式 2016年3月11日 ==首页样式 2016年3月20日 ==脚部样式 2016年3月4日 ==侧边咨询框 2016年3月23日 ==产品整合页 2016年3月25日 ==产品--零售B2C 2016年3月2日 ==产品--零售B2B2C 2016年3月3日 ==产品--销售助手 2016年3月4日 ==产品--云订货 2016年3月5日 2016年5月12日 ==产品--云商城 2016年3月7日 ==产品--销售助手 2016年5月31日 ==解决方案 集合页 2016年3月24日 ==解决方案 -- 连锁店 2016年3月15日 ==解决方案 -- 批发大市场 2016年3月16日 ==解决方案 -- 百货商场 2016年3月17日 ==解决方案 -- 厂商及分销 2016年3月18日 ==解决方案 -- 跨境 2016年3月25日 ==解决方案 -- 社区O2O 2016年3月28日 ==解决方案 -- 企业内购 2016年4月6日 ==解决方案 -- 农村电商 2016年4月7日 ==电商资讯 --2016年3月22日 ==案例 --2016年4月22日 ==营销页 --2016年5月9日 ==千米代表招募 --2016年5月20日 ==营销页 --赋能 --2016年6月2日 */ body { font-family: "微软雅黑"; } a:hover, a:visited, a:active, a:focus { text-decoration: none; } .font-12 { font-size: 12px; line-height: 18px; } .font-16 { font-size: 16px; line-height: 22px; } .font-18 { font-size: 18px !important; line-height: 24px; } .font-20 { font-size: 20px; line-height: 26px; } .font-22 { font-size: 22px; line-height: 28px; } .font-24 { font-size: 24px; line-height: 30px; } .font-26 { font-size: 26px; line-height: 32px; } .font-30 { font-size: 30px; line-height: 36px; } .font-32 { font-size: 32px; line-height: 38px; } .font-36 { font-size: 36px; line-height: 42px; } .font-40 { font-size: 40px; line-height: 46px; } .font-42 { font-size: 42px; line-height: 48px; } .font-44 { font-size: 44px; line-height: 50px; } .font-48 { font-size: 48px; line-height: 56px; } .font-50 { font-size: 50px !important; line-height: 56px; } .color-333 { color: #333 !important; } .color-444 { color: #444; } .color-555 { color: #555; } .color-666 { color: #666; } .color-888 { color: #888; } .color-999 { color: #999; } .color-bbba { color: rgba(255, 255, 255, 0.5); } .color-ddd { color: #ddd; } .color-eee { color: #eee; } .color-main { color: #f8b600; } .color-blue { color:#4aaadd } .pt-60 { padding-top: 60px !important; } .pb-60 { padding-bottom: 60px !important; } .pr-60 { padding-right: 60px !important; } .pl-60 { padding-left: 60px !important; } .pt-80 { padding-top: 80px !important; } .pb-80 { padding-bottom: 80px !important; } .mt-60 { margin-top: 60px !important; } .mb-60 { margin-bottom: 60px !important; } .mr-60 { margin-right: 60px !important; } .ml-60 { margin-left: 60px !important; } .mt-80 { margin-top: 80px !important; } .mb-80 { margin-bottom: 80px !important; } .pl-none { padding-left: 0px !important; } .bg-fff { background-color: #ffffff !important; } #footer { margin-top: 0px; } @media (min-width: 1200px) { .container { width: 1200px; } } @font-face { font-family: 'qmfont'; src: url('//at.alicdn.com/t/font_1451289815_420421.eot'); /* IE9*/ src: url('//at.alicdn.com/t/font_1451289815_420421.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1451289815_420421.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1451289815_420421.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1451289815_420421.svg#siyouyun') format('svg'); /* iOS 4.1- */ } .qmfont { font-family:"qmfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .yinhao-left { background: url("../images/13174529uckl.png") left no-repeat; padding: 1px 35px 1px 0px; } .yinhao-right { background: url("../images/131745462jog.png") center no-repeat; padding: 1px 13px 0 35px; } .btn-lg { padding: 14px 60px !important; font-size: 20px; } .btn-md { padding: 10px 36px !important; font-size: 18px; } .btn-borders { border-width: 2px; } .btn-radius { border-radius: 4px; } .btn-groups-left, .btn-groups-left:focus, .btn-groups-left:active { background-color: #f8b600; color: #fff; padding: 14px 50px; border: 2px solid #f8b600; border-radius: 4px 0 0px 4px; } .btn-groups-left:hover { background-color: transparent; color: #f8b600; padding: 14px 50px; border: 2px solid #f8b600; border-radius: 4px 0 0 4px; border-right-color: transparent; } .btn-groups-right, .btn-groups-right:focus, .btn-groups-right:active { background-color: transparent; color: #f8b600; padding: 14px 50px; border: 2px solid #f8b600; border-radius: 0 4px 4px 0; } .btn-groups-right:hover { background-color: #f8b600; color: #fff; padding: 14px 50px; border: 2px solid #f8b600; border-radius: 0 4px 4px 0; border-left-color: #fff; } .btn-borders-orange, .btn-borders-orange:focus, .btn-borders-orange:active { border-color: #f8b600; color: #f8b600; background-color: transparent; } .btn-borders-orange:hover { background: #f8b600; border-color: #f8b600; color: #fff; } .btn-orange, .btn-orange:focus, .btn-orange:active { background: #f8b600; color: #fff; border: none; } .btn-orange:hover { background: #f8a600; color: #fff; border: none; } .btn-lan, .btn-lan:focus, .btn-lan:active { background: #4aaadd; color: #fff; border: none; } .btn-lan:hover { background: #469edd; color: #fff; border: none; } .line-height-18 { line-height: 18px; } .line-height-22 { line-height: 22px; } .display-in-block { display: inline-block; } .bg-fa { background-color: #fafafa; } @media (min-width: 992px) { .modal-lg { width: 1000px; } } .btn-regbbc, .btn-regbbc:focus, .btn-regbbc:active { width: 359px; height: 42px; background: #F8B600; color: #fff; box-shadow: none; } .btn-regbbc:hover { background: #f8a600; color: #fff; } /* 小下拉菜单 */ @media (min-width: 992px) { #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu { background: rgba(0, 0, 0, .6); } #header .header-nav-main-effect-1 nav > ul > li.dropdown > .dropdown-menu li a { color: #ddd; font-size: 16px; } #header .header-nav-main-effect-1 nav > ul > li.dropdown> .dropdown-menu li a:hover { background: transparent; color: #fff; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { color: #ddd; font-size: 16px; } .dropdown-menu > li > a:hover { background-color: transparent; color: #fff !important; } #header .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-title { font-size: 18px; } } /*兼容老版官网*/ #header { background: transparent; padding: 0px !important; } .by-index .index-solution .nav>li>a:focus { background-color: #F8B600 !important; } #footer p a { color:#fff !important; } #footer a:hover { color: #CCC !important; } #footer p { color: #ddd; } #header .header-top { min-height: 30px; } .solutions-neigou .nav>li>a:focus, .products-b2b2c .nav>li>a:focus, .products-b2c .nav>li>a:focus, .solutions-pifa .nav>li>a:focus, .solutions-nongcun .nav>li>a:focus { background: #F8B600 !important; } .reg-new .register-body .form-control { font-size: 12px; } .thumb-info .thumb-info-title { font-weight: 400; text-shadow: none; } .btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus { color: #fff; background-color: #f89600; border-color: #f89600; } .btn:active, .btn.active { box-shadow:none !important; } .sidebar-bym .simple-post-list a { color: #666; } .sidebar-bym .simple-post-list a:hover { color: #F8B600; } /*时间轴*/ #timeline { width: 1200px; height: 300px; overflow: hidden; margin: 0px auto; position: relative; background: url('../images/07152306uxnp.jpg') left 231px repeat-x; } #dates { width: 1200px; height: 160px; overflow: hidden; padding-left: 0; } #dates li { list-style: none; float: left; width: 100px; height: 50px; font-size: 13px; text-align: center; background: url('../images/0716221388th.jpg') center 15px no-repeat; padding-top: 24px; } #dates a { line-height: 38px; padding-bottom: 10px; color: #999 } #dates .selected { font-size: 16px; font-weight: 600; color: #f8b600 } #issues { width: 1200px; height: 200px; overflow: hidden; text-align: center; padding-left: 0; } #issues li { width: 1200px; height: 300px; list-style: none; float: left; } #issues li p:nth-child(1) { color: #F8B600; font-size: 24px; margin: 20px 0 -5px 0; } #issues li p:nth-child(2) { font-size: 14px; margin-right: 70px; margin:10px; font-weight: normal; line-height: 22px; } #prev img { position: absolute; margin-top: 73px; margin-left: -635px; } #next img { position: absolute; margin-top: 73px; margin-left: 600px; } #center-line { position: absolute; margin-top: 137px; margin-left: 600px; } /*时间轴结束*/ /*3D图片轮播*/ .dg-banner { position: relative; height: 580px; padding: 0px; margin: 0 auto; text-align: center; } .dg-container { position: relative; width: 100%; height: 560px; } .dg-wrapper { width: 360px; height: 560px; margin: 0 auto; position: relative; transform-style: preserve-3d; perspective: 700px; } .dg-wrapper a { width: 100%; height: 560px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; } .dg-wrapper a:first-child { z-index: 2; } .dg-wrapper a img { display: block; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20); border-radius: 4px; width: 100%; height: 560px; background: #fff; } .dg-wrapper a.dg-transition { transition: all 0.5s ease-in-out; } .dg-wrapper a.dg-transition-fast { transition: all 0.2s ease-in-out; } .dg-container nav span:hover { opacity: 1; } .dg-container nav span.dg-next { background-position: top right; } .dg-container #lightButton2 { bottom: 20px; } .dg-container .button { position: relative; z-index: 5; } .dg-container .button li { cursor: pointer; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; background: rgba(255, 255, 255, 0.30); border: 1px solid rgba(0, 0, 0, 0.20); } .dg-container .button .light { background: #01BDFF; } .dg-container .dg-prev { position: absolute; margin: -300px 0 0 -600px; cursor: pointer; opacity: 0.5; } .dg-container .dg-next { position: absolute; margin: -300px 0 0 566px; cursor: pointer; opacity: 0.5; } /*3D图片轮播结束*/ /* 头部样式 */ #header .header-top { padding: 2px 0; border-bottom: none; } #header .header-top p { line-height: 24px; color: #bbb; font-size: 0.7em; padding: 1px 0; } #header .header-top a { color: #bbb; } #header .header-top .qrhover img { display: none; } #header .header-top .qrhover:hover { color: #f8b600; cursor: pointer; } #header .header-top .qrhover:hover img { display: block; position: absolute; margin-left: 98px; } #header #mainNav .by-full-width { position: fixed; background-color:rgba(0, 0, 0, 0.8) } @media (min-width: 920px) { #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { left: 0px; right: 0px; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a { color: #f8b600; background: #fff; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top: none; } #header .header-nav-main nav > ul > li > a { font-size: 16px; font-weight:400; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { color: #bbb; font-size: 18px; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a { background: transparent; color: #fff; } #header .header-nav.header-nav-stripe nav > ul > li > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a { padding: 295px 10px 24px; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title { font-weight: 300; } } #header .header-reg-btn a, #header .header-reg-btn a:focus, #header .header-reg-btn a:active, #header .header-reg-btn a:visited { background: #F8B600 !important; padding: 4px 18px !important; margin-top: 58px !important; font-size: 14px !important; border-radius: 3px !important; border: 1px solid #F8B600 !important; color: #fff !important; } #header .header-reg-btn a:hover { background: transparent !important; border: 1px solid #F8B600 !important; padding: 4px 18px !important; margin-top: 58px !important; font-size: 14px !important; border-radius: 3px !important; color: #F8B600 !important; } #header .header-login-btn a, #header .header-login-btn a:focus, #header .header-login-btn a:active, #header .header-login-btn a:visited { padding: 4px 18px !important; margin-top: 58px !important; font-size: 14px !important; border-radius: 3px !important; border: 1px solid #F8B600 !important; color: #F8B600 !important; } #header .header-login-btn a:hover { background: #F8B600 !important; border: 1px solid #F8B600 !important; padding: 4px 18px !important; margin-top: 58px !important; font-size: 14px !important; border-radius: 3px !important; color: #fff !important; } /*首页头部样式*/ #header .header-index .header-top { padding-top: 4px; background-color:rgba(0, 0, 0, 0.1); border-bottom:none; } #header .header-index .header-reg-btn a, #header .header-index .header-reg-btn a:focus, #header .header-index .header-reg-btn a:active, #header .header-index .header-reg-btn a:visited { background: #F8B600 !important; padding: 4px 18px !important; margin-top: 17px !important; font-size: 14px !important; border-radius: 3px !important; border: 1px solid #F8B600 !important; color: #fff !important; } #header .header-index .header-reg-btn a:hover { background: transparent !important; border: 1px solid #F8B600 !important; padding: 4px 18px !important; margin-top: 17px !important; font-size: 14px !important; border-radius: 3px !important; color: #F8B600 !important; } #header .header-index .header-login-btn a, #header .header-index .header-login-btn a:focus, #header .header-index .header-login-btn a:active, #header .header-index .header-login-btn a:visited { padding: 4px 18px !important; margin-top: 17px !important; font-size: 14px !important; border-radius: 3px !important; border: 1px solid #F8B600 !important; color: #F8B600 !important; } #header .header-index .header-login-btn a:hover { background: #F8B600 !important; border: 1px solid #F8B600 !important; padding: 4px 18px !important; margin-top: 17px !important; font-size: 14px !important; border-radius: 3px !important; color: #fff !important; } #header .header-index .header-nav.header-nav-stripe nav > ul > li.header-reg-btn:hover > a { /*color: #fff !important;*/ } @media (min-width: 920px) { #header .header-index .header-nav.header-nav-stripe nav > ul > li:hover > a { background: transparent; color: #f8b600 !important; } } @media (min-width: 920px) { #header .header-index .header-nav.header-nav-stripe nav > ul > li.header-login-btn:hover > a { background: transparent; color: #fff !important; } } /* 首页样式 2016年3月20日 */ .main_image .yxd-p img { position: absolute; opacity: 0; margin: -185px 0 0 -173px; } .main_image .yxd-p:hover img { animation: eqshow 0.3s ease-in; -moz-animation: eqshow 0.3s ease-in; -webkit-animation: eqshow 0.3s ease-in; -o-animation: eqshow 0.3s ease-in; animation-fill-mode : forwards; } /*banner 焦点图样式*/ .main_visual { height:700px; border-top:1px solid #d7d7d7; overflow:hidden; position:relative; } .main_image { height:700px; overflow:hidden; position:relative; } .main_image ul { width:9999px; height:700px; overflow:hidden; position:absolute; top:0; left:0; list-style: none } .main_image li { float:left; width:100%; height:700px; } .main_image li span { display:block; width:100%; height:700px } .main_image li a.change { display:block; width:100%; height:700px } .main_image li .ydh1010 { background:url('../images/10175709vvq4.jpg') center top no-repeat } .main_image li .ysc { background:url('../images/03161710u839.jpg') center top no-repeat } .main_image li .yxd0903 { background:url('../images/03162218dup0.jpg') center top no-repeat } .main_image li .dsy923 { background:url('../images/23110147kn6j.jpg') center top no-repeat } .main_image li .wx1010 { background:url('../images/101614445ata.jpg') center top no-repeat } .main_image li .tjh1015 { background:url('../images/18172013xk4m.jpg') center top no-repeat } .by-index .wx-wa .s { display: inline-block; padding: 3px 5px; border: 1px solid #fff; color: #fff; margin-bottom: 50px; } .by-index .dsy-wa .p1 { padding: 0 0 0 56px; } .by-index .dsy-wa .p2 { padding-top: 140px; } .by-index .dsy-wa .p2 .s1 { padding-left: 302px; } .by-index .dsy-wa .p2 .s2 { padding-left: 102px; } .by-index .dsy-wa .p2 .s3 { padding-left: 94px; } .by-index .dsy-wa .p2 .s4 { padding-left: 100px; } .by-index .banner-ysc div { width: 200px; } .by-index .banner-ysc .d { margin-left: 50px; } .by-index .banner-ysc div:nth-child(odd) { padding-top: 90px; } .by-index .ydh-wa { margin-top: -485px; } .by-index .ydh-wa .a1 { padding-left: 46px; } .by-index .ydh-wa .a2 { padding-left: 52px; } .by-index .ydh-wa .a3 { padding-left: 36px; } .yxd-wa { margin-top: -585px; } .yxd-wa .p { padding: 150px 0 80px 205px; } .yxd-wa .p .a2 { padding-left:165px; } .yxd-wa .p .a3 { padding-left:145px; } .yxd-wa .p .a4 { padding-left:172px; } .btn-yxd, .btn-yxd:focus, .btn-yxd:active { background: #d53c34; color: #fff; border: none; } .btn-yxd:hover { background: #e0362d; color: #fff; border: none; } .ysc-wa .ysc-d { width: 160px; padding-top: 65px; } .ysc-wa .ysc-d1 { margin-left: 189px; } .ysc-wa .ysc-d2, .ysc-wa .ysc-d3, .ysc-wa .ysc-d4 { margin-left: 60px; } div.flicking_con { position:absolute; top:360px; left:50%; z-index:999; width:300px; height:21px; margin:0 0 0 -50px; } div.flicking_con a { float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/20120216tnfb.png') 0 0 no-repeat; display:block; text-indent:-1000px } div.flicking_con a.on { background-position:0 -21px } #btn_prev, #btn_next { z-index:1; position:absolute; display:block; width:73px!important; height:74px!important; top:50%; margin-top:-37px; display:none; } #btn_prev { background:url(../images/21103316r9m6.png) no-repeat left top; left:100px; } #btn_next { background:url(../images/21103346br7d.png) no-repeat right top; right:100px; } /*首页 手风琴切换*/ .index-accordion div, .index-accordion img, .index-accordion input, .index-accordion dl, .index-accordion dd, .index-accordion p, .index-accordion form ol, .index-accordion ul { margin:0; padding:0; } .index-accordion li { list-style: none; } .index-accordion a { text-decoration: none; cursor: pointer; } .index-accordion a:hover { text-decoration: none; cursor:pointer; } .index-accordion a:focus { outline:none; } .index-accordion input { outline: none; } .index-accordion img { border: 0 none; } .index-accordion select { background: transparent; } .index-accordion .fl { float: left; } .index-accordion .fr { float: right; } .index-accordion .ml30 { margin-left:30px; } .index-accordion .mb55 { margin-bottom:55px; } .index-accordion .mb5 { margin-bottom:5px; } .index-accordion .mb13 { margin-bottom:13px; } .index-accordion .rd50 { border-radius:50px; } .index-accordion .fz48 { font-size:48px; } .index-accordion .fz36 { font-size:36px; } .index-accordion .fz24 { font-size:24px; } .index-accordion .fz16 { font-size:16px; } .index-accordion .fz14 { font-size:14px; } .index-accordion .fz12 { font-size:12px; } .index-accordion .clear { clear:both; } .index-accordion .flash4 { width:1278px; height:380px; margin:0px auto; position:relative; margin-top:50px; border:1px solid #eee; border-left:0; } .index-accordion .flash4 ul li { width:248px; height:378px; position:relative; overflow:hidden; float:left; padding:20px 0 0; padding-left:10px; background:#fff; } .index-accordion .flash4 ul li p.p-mid { width:100%; text-align:center; color:#a6a6a6; } .index-accordion .flash4 ul li .imgfl { width:250px; height:225px; text-align:center; } .index-accordion .flash4 ul li .imgfr { display:none; } .index-accordion .imgfl h2 { font-size:24px; margin-top:20px; font-weight:normal; } .index-accordion .imgfl .icon-img { width:95px; height:95px; margin:20px auto 30px; } .index-accordion .imgfl div.ydh-img { background:url(../images/20132248iqr5.png) no-repeat center center; } .index-accordion .imgfl div.ysc-img { background:url(../images/2013225999az.png) no-repeat center center; } .index-accordion .imgfl div.bbc-img { background:url(../images/20132310dsi6.png) no-repeat center center; } .index-accordion .imgfl div.yxd-img { background:url(../images/201323231evc.png) no-repeat center center; } .index-accordion .bor-red { border:1px solid #f8b600; border-bottom:0; border-top:0; } .index-accordion .bor-g { border-left:1px solid #eee; } .index-accordion .flash4 ul li .imgfl { width:220px; margin-left:10px; } .index-accordion .flash4 ul li .imgfr { width:250px; height:225px; border-left:1px solid #eee; padding-left:50px; padding-right:10px; margin-top:20px; position:absolute; top:60px; right:10px; } .index-accordion .imgfr h3 { margin-bottom:15px; color:#333; } .index-accordion .imgfr h3 a { display:inline-block; width:80px; height:20px; line-height:20px; text-align:center; border:1px solid #eee; border-radius:50px; font-weight:normal; color:#666; margin-left:25px; } .index-accordion .imgfr p { line-height:18px; padding-left:13px; } .index-accordion .imgfr p.p-tit { font-weight:400; color:#444; text-align:left; } .index-accordion .imgfr p.mb-txt { margin-bottom:10px; text-align:left; } .index-accordion .btn-sy { width:400px; margin:0 auto; margin-top:20px; display:none; } .index-accordion .btn-ls { display:block; width:100px; margin:0 auto; height:30px; text-align:center; line-height:30px; border-radius:50px; background-color:#d20010; color:#fff; } .index-accordion .flash4 ul li.fast { position:absolute; right:0px; bottom:0px; } .by-index .index-title .heading.heading-middle-border:before, .solutions-kuajing .heading.heading-middle-border:before, .solutions-shequ .heading.heading-middle-border:before, .solutions-neigou .heading.heading-middle-border:before, .solutions-nongcun .heading.heading-middle-border:before { border-top: 2px solid #ddd; } .by-index .index-title div.heading, .solutions-kuajing div.heading, .solutions-shequ div.heading, .solutions-neigou div.heading, .solutions-nongcun div.heading { margin: 0 auto; width: 300px } .by-index .index-title .divider, .solutions-kuajing .divider, .solutions-shequ .divider, .solutions-neigou .divider, .solutions-nongcun .divider { margin: 10px auto; } .by-index .index-title .divider hr, .solutions-kuajing .divider hr, .solutions-shequ .divider hr, .solutions-neigou .divider hr, .solutions-nongcun .divider hr { width: 80px; height: 4px; background: #f8b600; margin: 0 auto; margin-top: -1px; } .by-index .thumb-info { border: none; background:transparent; } .by-index .thumb-info .thumb-info-wrapper { margin: 0px; } .by-index .thumb-info.thumb-info-bottom-info .thumb-info-title { background: rgba(0, 0, 0, 0.7); } .by-index .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(0, 0, 0, 0); } .by-index .thumb-info .thumb-info-type { font-size: 12px; } .by-index .index-quality { background: url("../images/201439431vus.jpg") center no-repeat; height: 500px; padding-top: 70px; } .by-index .index-case-div { background: url("../images/20145359hoon.jpg") center no-repeat; height: 191px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .sky-carousel .sc-overlay { width: 160px !important; } } @media only screen and (max-width: 479px) { .sky-carousel .sc-overlay { width: 70px !important; } } .js .sky-carousel { visibility: hidden; } .sky-carousel { width: 100%; height: 280px; position: relative; overflow: hidden; margin: 0 auto; } .sky-carousel .sky-carousel-container { position: relative; list-style-type: none; float: left; margin: 0; padding: 0; } .sky-carousel .sky-carousel-container li { position: absolute; } .sky-carousel .sky-carousel-container li img { display: block; max-width: none !important; } .sky-carousel .sky-carousel-container li a img { border: none; } .sky-carousel .sky-carousel-container .sc-content { display: none; } .sky-carousel .sc-content-wrapper { position: absolute; text-align: center; width: 100%; top: 44%; left: 50%; z-index: 1; } .sky-carousel .sc-content-container { position: relative; left: -50%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 0 20px; } .sky-carousel .sc-content-wrapper p { color: #888; font-size: 18px; width: 666px; margin: 0 auto; padding-top: 48px; } .sky-carousel .sc-content-wrapper a { text-decoration: none; color: #444; border-bottom: 1px dotted #444; } .sky-carousel .sc-overlay { position: absolute; height: 100%; z-index: 1; pointer-events: none; top: 0; } .sky-carousel .sc-overlay-left { left: -0.1px; } .sky-carousel .sc-overlay-right { right: -0.1px; } .sky-carousel .sc-nav-button { position: absolute; top: 50%; z-index: 2; width: 80px; height: 80px; margin-top: -30px; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; } .sky-carousel .sc-nav-button.sc-next { background: url("../images/24171525ijxl.png") no-repeat 50px 50%; right: -0.1px; } .sky-carousel .sc-nav-button.sc-prev { background: url("../images/24171539i0g0.png") no-repeat 10px 50%; left: -0.1px; } .sky-carousel .sc-preloader { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin-top: -22px; margin-left: -22px; background: #f5f5f5 url("../images/22135259be0k.png") no-repeat 50% 50%; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sc-no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .by-index .sky-carousel .sc-content { background: url("../images/221727521wz9.jpg") center no-repeat; height: 140px; } .by-index .sky-carousel .sc-content h2 { margin: 0; } /* 脚部样式 */ #footer { background: url("../images/09160940e5mr.jpg") center no-repeat; height: 410px; border-top: none; } #footer .footer-p1 { padding-right: 122px; } #footer .footer-p2 { border-bottom: 2px solid #fff; } #footer .footer-p2 span { border-bottom: 4px solid #f8b600; padding-bottom: 6px; } #footer .btn-footer, #footer .btn-footer:hover, #footer .btn-footer:active, #footer .btn-footer:focus { border: 1px solid #fff; padding: 5px 14px; border-radius: 3px; font-size: 14px; } #footer .footer-span1 { padding-left: 2px; } #footer .footer-span2 { padding-left: 51px; } #footer .footer-cr p { font-size: 14px; } /*右侧咨询框*/ .connectionBar { position: fixed; right: 0; width: 60px; height: 150px; border-radius: 4px; border-top: 4px solid #f8a600; background: #fff; } .connectionBar a { color: #fff; display: inline-block; width: 60px; font-size: 12px; line-height: 8px; text-align: center; } .connectionBar .a1 { height: 52px; } .connectionBar .a2 { height: 48px; background-color: #f8a600; } .connectionBar a i { display: inline-block; font-size: 20px; width: 60px; line-height: 33px; } .connectionBar .a3 { height: 48px; background-color: #00adff; border-radius: 0 0 4px 4px; } /*产品整合页 2016年3月25日 */ .products-all .sec1-div1 { background: url("../images/25150716r70g.jpg") left no-repeat; height: 356px; } .products-all .sec1-div2 { background: url("../images/25150701yjoy.jpg") right no-repeat; height: 356px; } .products-all .sec2-div1 { background: url("../images/301043298oe4.jpg") left no-repeat; height: 356px; } .products-all .sec2-div2 { background: url("../images/25150941c9ia.jpg") right no-repeat; height: 356px; } .products-all .sec3-div1 { background: url("../images/25150918z3db.jpg") left no-repeat; height: 356px; } .products-all .sec3-div2 { background: url("../images/25150907w34m.jpg") right no-repeat; height: 356px; } .products-all .products-all-p1 { padding: 57px 0 0 62px; } .products-all .pl-16 { padding-left: 16px; } /* 产品--零售B2C + 产品--零售B2B2C */ .products-b2c .banner { background: url("../images/02141251y7pf.jpg") center no-repeat; height: 500px; } .products-b2c .banner .container, .products-b2b2c .banner .container { padding-top: 94px; } .products-b2c .b2c-tab .nav-tabs, .products-b2b2c .b2c-tab .nav-tabs, .qm-tabs .solution-tabs .nav-tabs { border-bottom: none; } .products-b2c .b2c-tab .nav-tabs li, .products-b2b2c .b2c-tab .nav-tabs li { padding: 0 5px; } .products-b2c .b2c-tab .nav-tabs li.active a, .products-b2b2c .b2c-tab .nav-tabs li.active a, .qm-tabs .solution-tabs .nav-tabs li.active a { background-color: #f8b600; color: #fff; padding: 8px 40px; border-radius: 4px; font-size: 16px; border-left: none; border-right: none; } .products-b2c .b2c-tab .nav-tabs li a, .products-b2b2c .b2c-tab .nav-tabs li a, .qm-tabs .solution-tabs .nav-tabs li a { padding: 8px 40px; border-radius: 4px; font-size: 16px; border-top:none; color: #333; } .products-b2c .b2c-tab .nav-tabs a:hover, .products-b2b2c .b2c-tab .nav-tabs a:hover, .qm-tabs .solution-tabs .nav-tabs a:hover { border-top:none; background-color: #f8b600; color: #fff; } .products-b2c .width-273, .products-b2b2c .width-273 { width: 273px; } .products-b2c .sec1 .thumb-info.thumb-info-lighten .thumb-info-wrapper:after, .products-b2b2c .sec1 .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(0, 0, 0, 0); } .products-b2c .scqt-img, .products-b2b2c .scqt-img { margin-top: 0px; cursor: pointer; } @keyframes myfirst { 100% { margin-top: -30px; } } @-moz-keyframes myfirst { 100% { margin-top: -30px; } } @-webkit-keyframes myfirst { 100% { margin-top: -30px; } } @-o-keyframes myfirst { 100% { margin-top: -30px; } } .products-b2c .b2c-tab .thumb-info.thumb-info-no-zoom:hover img, .products-b2b2c .b2c-tab .thumb-info.thumb-info-no-zoom:hover img { animation: myfirst 0.3s ease-in; -moz-animation: myfirst 0.3s ease-in; -webkit-animation: myfirst 0.3s ease-in; -o-animation: myfirst 0.3s ease-in; animation-fill-mode : forwards; } .products-b2c .tab-content, .products-b2b2c .tab-content, .qm-tabs .tab-content { box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); padding: 0px; border:none; } .products-b2c .tab-content .thumb-info-1 .thumb-info.thumb-info-centered-info:hover .thumb-info-title, .products-b2b2c .tab-content .thumb-info-1 .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 20%; } .products-b2c .b2c-tab-div, .products-b2b2c .b2c-tab-div { position: absolute; width: 100%; margin-top: -60px; background-color: #fff; height: 60px; -moz-box-shadow:0px -4px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px -4px 8px rgba(0, 0, 0, 0.1); box-shadow:0px -4px 8px rgba(0, 0, 0, 0.1); } .products-b2c .b2c-tab-div2, .products-b2b2c .b2c-tab-div2 { width: 1170px; margin: 0 auto; text-align: center; } .products-b2c .b2c-border i, .products-b2b2c .b2c-border i { font-size: 80px; color: rgba(248, 182, 0, 0.8); } .products-b2c .b2c-bg-dark { background-color: #e7e7e7; cursor: pointer; } .products-b2c .b2c-bg { background:url("../images/031427593w4d.jpg") center no-repeat; height: 530px; } .products-b2c .b2c-yyms-border { border: 2px solid #ddd; height: 340px; } .products-b2c .width-60 { width: 60px; height: 300px; float: left; padding: 210px 0 0 0; } .products-b2c .width-130 { width: 130px; float: left; } .products-b2c .width-190 { width: 190px; float: left; } .products-b2c .width-280 { width: 280px; float: left; } .products-b2c .b2c-icon-40 { font-size: 40px; line-height: 40px; } .products-b2c .b2c-icon-20 { font-size: 20px; line-height: 20px; } .products-b2c .b2c-yhlx-padding { padding: 85px 0; } .products-b2c .b2c-qqdls-padding { padding-top: 115px; } .products-b2c .b2c-yyms-bg { width: 80px; height: 26px; line-height: 26px; background: rgba(255, 255, 255, 0.2); margin: 0 auto; } .products-b2c .b2c-yyms-mt { margin-top: 120px; } .products-b2c .sec4 .thumb-info-1 .thumb-info.thumb-info-centered-info:hover .thumb-info-title, .products-b2b2c .sec4 .thumb-info-1 .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 32%; } .products-b2c .sec4 .thumb-info.thumb-info-lighten .thumb-info-wrapper:after, .products-b2b2c .sec4 .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(255, 255, 255, 1); border: 3px solid #dedede; } /* 产品--零售B2B2C */ .products-b2b2c .banner { background: url("../images/03160851txt3.jpg") center no-repeat; height: 500px; } .products-b2b2c .bbc-bg { background: url("../images/03165626u65e.png") center no-repeat; height: 729px; } .products-b2b2c .sec3-p1 { margin: 125px 0 0 40px; } .products-b2b2c .sec3-p1 span:nth-child(2), .products-b2b2c .sec3-p4 span:nth-child(2) { margin-left: 338px; } .products-b2b2c .sec3-p1 span:nth-child(3) { margin-left: 332px; } .products-b2b2c .sec3-p2 { width: 600px; margin-top: 58px; } .products-b2b2c .sec3-p3 { margin: 10px 0 0 752px; } .products-b2b2c .sec3-p4 { margin: 104px 0 0 40px; } .products-b2b2c .sec3-p4 span:nth-child(3) { margin-left: 504px; } .products-b2b2c .sec3-p5 { margin: 74px 0 0 758px; } .products-b2b2c .sec3-p6 { margin: 34px 0 0 88px; } .products-b2b2c .sec3-p7 { position: absolute; margin: 125px 0 0 370px; } .products-b2b2c .sec3-p7 span:nth-child(2) { margin-left: 374px; } /* 产品--销售助手 */ .products-sale .banner { background: url("../images/3009580513zz.jpg") center no-repeat; height: 500px; } .products-sale .banner .container { padding-top: 96px; } .products-sale .banner .container p:nth-child(2) { padding-top: 98px; } .products-sale .sec1-step { background: url("../images/26151602imxz.jpg") center no-repeat; height: 295px; } /*.products-sale .sec1-step p{ width: 210px; cursor: pointer; } .products-sale .sec1-step .p1 span{ background: #96C042; color: #fff; border-radius: 3px; padding: 8px 20px; } .products-sale .sec1-step .p2 span{ background: #666666; color: #fff; border-radius: 3px; padding: 8px 41px; } .products-sale .sec1-step .p1 img{ position: absolute; opacity: 0.1; margin: -156px 0 0 -138px; z-index: -1; } .products-sale .sec1-step .p2 img{ position: absolute; opacity: 0.1; margin: -156px 0 0 -138px; z-index: -1; } .products-sale .sec1-step .p1:hover img{ animation: saleshow 0.3s ease-in; -moz-animation: saleshow 0.3s ease-in; -webkit-animation: saleshow 0.3s ease-in; -o-animation: saleshow 0.3s ease-in; animation-fill-mode : forwards; } .products-sale .sec1-step .p2:hover img{ animation: saleshow 0.3s ease-in; -moz-animation: saleshow 0.3s ease-in; -webkit-animation: saleshow 0.3s ease-in; -o-animation: saleshow 0.3s ease-in; animation-fill-mode : forwards; } @-webkit-keyframes saleshow { 0% { z-index: -1; opacity: 0; transform: translateY(30px); } 100% { z-index: 1; opacity: 1; transform: translateY(0); } } @-moz-keyframes saleshow { 0% { z-index: -1; opacity: 0; transform: translateY(30px); } 100% { z-index: 1; opacity: 1; transform: translateY(0); } } @-o-keyframes saleshow { 0% { z-index: -1; opacity: 0; transform: translateY(30px); } 100% { z-index: 1; opacity: 1; transform: translateY(0); } } @keyframes saleshow { 0% { z-index: -1; opacity: 0; transform: translateY(30px); } 100% { z-index: 1; opacity: 1; transform: translateY(0); } }*/ .products-sale .function-pic { background: url("../images/04105716bdup.jpg") center no-repeat; height: 517px; } .products-sale .function-pic div { background: url("../images/281014190pbd.jpg") no-repeat; height: 460px; margin: 58px 0 0 216px; } .products-sale .sale-border { border: 3px solid #ccc; width: 100px; margin: 0 auto; height: 100px; padding-top: 32px; border-radius: 50%; } .products-sale .sale-border i { font-size: 50px; color: #ccc; } .products-sale .sale-border:hover { border: 3px solid #f8b600; background: #f8b600; cursor: pointer; } .products-sale .sale-border:hover i { color: #fff; } .products-sale .sale-bg { background: url("../images/041609525ho4.png") center no-repeat; height: 306px; } .products-sale .sec3-p1 { margin: 0px 0 15px 126px; } .products-sale .sec3-p1 span:nth-child(2), .products-sale .sec3-p2 span:nth-child(2) { margin-left: 532px; } .products-sale .sec3-p2 { margin-left: 22px; } .products-sale .sec4-div1, .products-sale .sec4-div2 { width: 590px; height: 240px; background: linear-gradient(to top, #FAFAFA 82%, #fff 50%) repeat scroll 0 0; background: -webkit-linear-gradient(bottom, #FAFAFA 82%, #fff 50%); background: -o-linear-gradient(bottom, #FAFAFA 82%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FAFAFA, endColorstr=#ffffff, gradientType=1); } /* 产品--云订货 */ /*--create --v2 2016年5月12日*/ /*.tabs-pro 云订货、云商城banner下tabs切换*/ /*产品-云商城 白玉明 2016年3月7日 --v2 2016年5月17日01:59:09 */ /*.tabs-pro 云订货、云商城banner下tabs切换*/ .tabs-pro .nav-tabs > li.active > a { border: 0px; } .tabs-pro .nav > li > a { padding: 17px 55px; font-size: 18px; } .tabs-pro .nav-tabs li.active a { background: #fff; color: #F8B600 !important; border-bottom: 2px solid #F8B600; } .tabs-pro .nav-tabs a { color: #333 !important; } .tabs-pro .nav-tabs a:hover { color: #F8B600 !important; border-bottom: 2px solid #F8B600; } .tabs-pro .tabs .nav-tabs li.active a { color: #fff !important; } .tabs-pro .nav-tabs { background: #fff; border-bottom: 1px solid #eee; } .tabs-pro .nav-tabs > li { margin-bottom: 0px; } .tabs-pro .tab-content { border-radius: 0 0 0px 0px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); background-color: transparent; border: 0px; padding: 0px; } .tabs-pro .nav-tabs > li { margin-bottom: -1px; } .tabs-pro .tabs .nav-tabs li.active a, .tabs-pro .nav-tabs li a { border-top: 0px; border-left: 0px; border-right: 0px; } .tabs-pro .nav-tabs li a { border-radius: 0px; } .tabs-pro .tabs .nav-tabs li.active a { color: #fff; background: #f8b600; } .tabs-pro .nav-tabs li a { background: transparent; } .tabs-pro .tabs .nav-tabs a, .tabs-pro .tabs .nav-tabs a:hover { color: #ffffff; } .tabs-pro .nav-tabs li a { margin-right: 0px; } .tabs-pro .tabs li { border-right: 1px solid rgba(255, 255, 255, 0.2); ; } .tabs-pro .tabs li:nth-child(1) { border-left: 1px solid rgba(255, 255, 255, 0.2);; } .c-tabs .nav-tabs { border-bottom: 0px; background: rgba(0, 0, 0, 0.5); } .c-tabs .nav-tabs a:hover { color: #F8B600 !important; border-bottom: 0px; } .c-tabs .nav-tabs a { color: #fff !important; } .c-tabs .nav-tabs > li.active > a { border: 0px; } .c-tabs .nav > li > a { padding: 12px 55px; } .c-tabs .nav-tabs > li { margin-bottom: 0px; } .c-tabs .tabs .nav-tabs li.active a, .c-tabs .nav-tabs li a { border-top: 0px; border-left: 0px; border-right: 0px; } .c-tabs .nav-tabs li a { border-radius: 0px; } .c-tabs .tabs .nav-tabs li.active a { color: #fff; background: #f8b600; } .c-tabs .tabs .nav-tabs a:focus { background: #F8B600 !important; } .c-tabs .nav-tabs li a { background: transparent; } .c-tabs .tabs .nav-tabs a, .c-tabs .tabs .nav-tabs a:hover { color: #ffffff; } .c-tabs .nav-tabs li a { margin-right: 0px; } .c-tabs .tabs li { border-right: 1px solid rgba(255, 255, 255, 0.2); ; } .c-tabs .tabs li:nth-child(1) { border-left: 1px solid rgba(255, 255, 255, 0.2);; } .c-tabs .tab-content { border-radius: 0 0 0px 0px; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); background-color: transparent; border: 0px; } .c-tabs .tab-content i { background: #86b0cd; color:#fff; font-size: 52px; padding: 20px; border-radius: 15px; line-height: 110px; } .c-tabs .tab-content i:hover { background: #83A5CD; } .c-tabs .tab-content .col-md-3 { cursor: pointer; } .c-tabs .showImg { position: absolute; } .c-tabs .showImg img { position: absolute; z-index: 1; } .c-tabs .showImg i { z-index: 3; position: absolute; width: 1089px; text-align: right; padding: 10px; cursor: pointer; } .products-ysc .banner { background: url("../images/25175503juch.jpg") center no-repeat; height: 500px; } .products-ysc .banner .container { padding-top: 35px; } .products-ysc .banner .d { width: 160px; padding-top: 52px; } .products-ysc .banner .d1 { margin-left: 189px; } .products-ysc .banner .d2, .products-ysc .banner .d3, .products-ysc .banner .d4 { margin-left: 60px; } .hovertab-div { margin:0; padding:50px 0 0 0; display:none; } .hovertab { margin:0; padding:0; list-style:none; width:100%; overflow:hidden; } .hovertab li { float:left; width:160px; height:160px; background:#fafafa; color:#f8b600; border-radius:50%; text-align:center; line-height:160px; cursor:pointer; margin-left: 43px; -moz-box-shadow: 1px 6px 10px #eee; -webkit-box-shadow: 1px 6px 10px #eee; box-shadow: 1px 6px 10px #eee; } .hovertab li i { font-size: 80px; } .hovertab li:nth-child(2) i, .hovertab li:nth-child(6) i { font-size: 86px; } .hovertab-on { display:block; } .hovertab li.cur { background:#f8b600; color:#fff; -moz-box-shadow: 1px 6px 10px #ddd; -webkit-box-shadow: 1px 6px 10px #ddd; box-shadow: 1px 6px 10px #ddd; } .products-ysc .carousel-control.left { position: absolute; margin-left: -130px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .products-ysc .carousel-control.left .fa-angle-left, .products-ysc .carousel-control.right .fa-angle-right { margin-top: 160px; font-size: 60px; color: #999; } .products-ysc .carousel-control.right { position: absolute; margin-right: -130px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .products-ysc .sec2-img1 { position: absolute; top: 108px; left: 466px; animation: eleshow1 10s 0s linear infinite; -moz-animation: eleshow1 10s 0s linear infinite; -webkit-animation: eleshow1 10s 0s linear infinite; -o-animation: eleshow1 10s 0s linear infinite; } @keyframes eleshow1 { 0% { top: 108px; left: 466px; } 69% { top: 108px; left: 66px; transform:rotate(0deg); -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); /* Opera */ } 70% { top: 108px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } 100% { top: 248px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } } @-webkit-keyframes eleshow1 { 0% { top: 108px; left: 466px; } 69% { top: 108px; left: 66px; transform:rotate(0deg); -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); /* Opera */ } 70% { top: 108px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } 100% { top: 248px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } } @-moz-keyframes eleshow1 { 0% { top: 108px; left: 466px; } 69% { top: 108px; left: 66px; transform:rotate(0deg); -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); /* Opera */ } 70% { top: 108px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } 100% { top: 248px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } } @-o-keyframes eleshow1 { 0% { top: 108px; left: 466px; } 69% { top: 108px; left: 66px; transform:rotate(0deg); -ms-transform:rotate(0deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari 和 Chrome */ -o-transform:rotate(0deg); /* Opera */ } 70% { top: 108px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } 100% { top: 248px; left: 66px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); /* Internet Explorer */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */ -o-transform:rotate(-90deg); /* Opera */ } } .products-ysc .sec2-img2 { position: absolute; top: 343px; left: 326px; animation: eleshow2 5s 0s linear infinite; -moz-animation: eleshow2 5s 0s linear infinite; -webkit-animation: eleshow2 5s 0s linear infinite; -o-animation: eleshow2 5s 0s linear infinite; } @keyframes eleshow2 { 0% { top: 343px; left: 326px; } 100% { top: 343px; left: 154px; } } @-webkit-keyframes eleshow2 { 0% { top: 343px; left: 326px; } 100% { top: 343px; left: 154px; } } @-moz-keyframes eleshow2 { 0% { top: 343px; left: 326px; } 100% { top: 343px; left: 154px; } } @-o-keyframes eleshow2 { 0% { top: 343px; left: 326px; } 100% { top: 343px; left: 154px; } } .products-ysc .sec2-img3 { position: absolute; top: 247px; left: 418px; animation: eleshow3 5s 0s linear infinite; -moz-animation: eleshow3 5s 0s linear infinite; -webkit-animation: eleshow3 5s 0s linear infinite; -o-animation: eleshow3 5s 0s linear infinite; } @keyframes eleshow3 { 0% { top: 247px; left: 418px; } 65% { top: 147px; left: 418px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 66% { top: 147px; left: 418px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } 100% { top: 147px; left: 469px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } } @-webkit-keyframes eleshow3 { 0% { top: 247px; left: 418px; } 65% { top: 147px; left: 418px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 66% { top: 147px; left: 418px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } 100% { top: 147px; left: 469px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } } @-moz-keyframes eleshow3 { 0% { top: 247px; left: 418px; } 65% { top: 147px; left: 418px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 66% { top: 147px; left: 418px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } 100% { top: 147px; left: 469px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } } @-o-keyframes eleshow3 { 0% { top: 247px; left: 418px; } 65% { top: 147px; left: 418px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 66% { top: 147px; left: 418px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } 100% { top: 147px; left: 469px; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); } } .products-ysc .sec2-img4 { position: absolute; top: 343px; left: 504px; transform: rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); animation: eleshow4 5s 0s linear infinite; -moz-animation: eleshow4 5s 0s linear infinite; -webkit-animation: eleshow4 5s 0s linear infinite; -o-animation: eleshow4 5s 0s linear infinite; } @keyframes eleshow4 { 0% { top: 343px; left: 504px; } 100% { top: 343px; left: 668px; } } @-webkit-keyframes eleshow4 { 0% { top: 343px; left: 504px; } 100% { top: 343px; left: 668px; } } @-moz-keyframes eleshow4 { 0% { top: 343px; left: 504px; } 100% { top: 343px; left: 668px; } } @-o-keyframes eleshow4 { 0% { top: 343px; left: 504px; } 100% { top: 343px; left: 668px; } } .products-ysc .sec2-img5 { position: absolute; top: 246px; left: 1118px; animation: eleshow5 10s 0s linear infinite; -moz-animation: eleshow5 10s 0s linear infinite; -webkit-animation: eleshow5 10s 0s linear infinite; -o-animation: eleshow5 10s 0s linear infinite; } @keyframes eleshow5 { 0% { top: 246px; left: 1118px; } 39% { top: 107px; left: 1118px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 40% { top: 107px; left: 1118px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } 100% { top: 107px; left: 717px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } } @-webkit-keyframes eleshow5 { 0% { top: 246px; left: 1118px; } 39% { top: 107px; left: 1118px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 40% { top: 107px; left: 1118px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } 100% { top: 107px; left: 717px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } } @-moz-keyframes eleshow5 { 0% { top: 246px; left: 1118px; } 39% { top: 107px; left: 1118px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 40% { top: 107px; left: 1118px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } 100% { top: 107px; left: 717px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } } @-o-keyframes eleshow5 { 0% { top: 246px; left: 1118px; } 39% { top: 107px; left: 1118px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 40% { top: 107px; left: 1118px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } 100% { top: 107px; left: 717px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); } } .products-ysc .sec2-img6 { position: absolute; top: 148px; left: 717px; transform: rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); animation: eleshow6 5s 0s linear infinite; -moz-animation: eleshow6 5s 0s linear infinite; -webkit-animation: eleshow6 5s 0s linear infinite; -o-animation: eleshow6 5s 0s linear infinite; } @keyframes eleshow6 { 0% { top: 148px; left: 717px; } 39% { top: 148px; left: 765px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } 40% { top: 148px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } 100% { top: 250px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } } @-webkit-keyframes eleshow6 { 0% { top: 148px; left: 717px; } 39% { top: 148px; left: 765px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } 40% { top: 148px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } 100% { top: 250px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } } @-moz-keyframes eleshow6 { 0% { top: 148px; left: 717px; } 39% { top: 148px; left: 765px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } 40% { top: 148px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } 100% { top: 250px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } } @-o-keyframes eleshow6 { 0% { top: 148px; left: 717px; } 39% { top: 148px; left: 765px; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } 40% { top: 148px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } 100% { top: 250px; left: 766px; transform:rotate(270deg); -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); } } .products-ysc .sec2-img7 { position: absolute; top: 343px; left: 504px; transform: rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); animation: eleshow7 5s 0s linear infinite; -moz-animation: eleshow7 5s 0s linear infinite; -webkit-animation: eleshow7 5s 0s linear infinite; -o-animation: eleshow7 5s 0s linear infinite; } @keyframes eleshow7 { 0% { top: 343px; left: 866px; } 100% { top: 343px; left: 1026px; } } @-webkit-keyframes eleshow7 { 0% { top: 343px; left: 866px; } 100% { top: 343px; left: 1026px; } } @-moz-keyframes eleshow7 { 0% { top: 343px; left: 866px; } 100% { top: 343px; left: 1026px; } } @-o-keyframes eleshow7 { 0% { top: 343px; left: 866px; } 100% { top: 343px; left: 1026px; } } .products-ysc .sec2-img8 { position: absolute; top: 461px; left: 504px; transform: rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); animation: eleshow8 8s 0s linear infinite; -moz-animation: eleshow8 8s 0s linear infinite; -webkit-animation: eleshow8 8s 0s linear infinite; -o-animation: eleshow8 8s 0s linear infinite; } @keyframes eleshow8 { 0% { top: 461px; left: 504px; } 100% { top: 461px; left: 1026px; } } @-webkit-keyframes eleshow8 { 0% { top: 461px; left: 504px; } 100% { top: 461px; left: 1026px; } } @-moz-keyframes eleshow8 { 0% { top: 461px; left: 504px; } 100% { top: 461px; left: 1026px; } } @-o-keyframes eleshow8 { 0% { top: 461px; left: 504px; } 100% { top: 461px; left: 1026px; } } .products-ysc .sec2-img9 { position: absolute; top: 249px; left: 167px; transform: rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); animation: eleshow9 5s 0s linear infinite; -moz-animation: eleshow9 5s 0s linear infinite; -webkit-animation: eleshow9 5s 0s linear infinite; -o-animation: eleshow9 5s 0s linear infinite; } @keyframes eleshow9 { 0% { top: 249px; left: 167px; } 100% { top: 249px; left: 367px; } } @-webkit-keyframes eleshow9 { 0% { top: 249px; left: 167px; } 100% { top: 249px; left: 367px; } } @-moz-keyframes eleshow9 { 0% { top: 249px; left: 167px; } 100% { top: 249px; left: 367px; } } @-o-keyframes eleshow9 { 0% { top: 249px; left: 167px; } 100% { top: 249px; left: 367px; } } .products-ysc .sec2-img0 { position: absolute; top: 222px; left: 817px; transform: rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); animation: eleshow0 5s 0s linear infinite; -moz-animation: eleshow0 5s 0s linear infinite; -webkit-animation: eleshow0 5s 0s linear infinite; -o-animation: eleshow0 5s 0s linear infinite; } @keyframes eleshow0 { 0% { top: 222px; left: 817px; } 100% { top: 222px; left: 1021px; } } @-webkit-keyframes eleshow0 { 0% { top: 222px; left: 817px; } 100% { top: 222px; left: 1021px; } } @-moz-keyframes eleshow0 { 0% { top: 222px; left: 817px; } 100% { top: 222px; left: 1021px; } } @-o-keyframes eleshow0 { 0% { top: 222px; left: 817px; } 100% { top: 222px; left: 1021px; } } .products-ysc .sec2-img11 { position: absolute; top: 273px; left: 817px; animation: eleshow11 5s 0s linear infinite; -moz-animation: eleshow11 5s 0s linear infinite; -webkit-animation: eleshow11 5s 0s linear infinite; -o-animation: eleshow11 5s 0s linear infinite; } @keyframes eleshow11 { 0% { top: 273px; left: 1021px; } 100% { top: 273px; left: 817px; } } @-webkit-keyframes eleshow11 { 0% { top: 273px; left: 1021px; } 100% { top: 273px; left: 817px; } } @-moz-keyframes eleshow11 { 0% { top: 273px; left: 1021px; } 100% { top: 273px; left: 817px; } } @-o-keyframes eleshow11 { 0% { top: 273px; left: 1021px; } 100% { top: 273px; left: 817px; } } .products-ysc .sec3 { background: url("../images/16140918t32u.jpg") center no-repeat; height: 845px; } .products-ysc .c-tabs { padding-top: 20px !important; padding-left: 65px !important; } .products-ysc .c-tabs .tabs { width: 1090px; } .products-ysc .qm-guanbi { color: #333 !important; } .products-ysc .sec4-div { width: 260px; background: rgba(0, 0, 0, 0) linear-gradient(to top, #fff 70%, #fafafa 50%) repeat scroll 0 0; background: -webkit-linear-gradient(bottom, #fff 70%, #fafafa 50%); background: -o-linear-gradient(bottom, #fff 70%, #fafafa 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff, endColorstr=#fafafa, gradientType=1); } .products-ysc .thumb-info { background: transparent; } .products-ysc .thumb-info img { width: 170px; margin: 0 auto; } .products-ysc .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 34%; } .products-ysc .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background:rgba(255, 255, 255, 0.7); } .products-ysc .sec4-div .thumb-info-wrapper { width: 140px; border-radius: 50%; margin: 0 auto !important; } .products-ysc .owl-theme .owl-nav { margin-top: -50px; } .products-ysc .sec6 .container { background: url("../images/16212202khg4.jpg") center no-repeat; height: 550px; } .products-ysc .sec6 ul { list-style:none; margin:0; padding:0; } .products-ysc .sec6 img { border:0; } .products-ysc .sec6 .banner1 { margin:20px auto 0; width:1200px; overflow:hidden; padding-top: 19px; } .products-ysc .sec6 .large_box { margin-bottom:10px; width:1200px; height:437px; overflow:hidden; } .products-ysc .sec6 .large_box ul { padding-left: 0; } .products-ysc .sec6 .large_box img { display:block; margin: 0 auto; padding-left: 1px; } .products-ysc .sec6 .large_box ul li .bg-btn { display:none; position:absolute; margin-top: -437px; margin-left: 252px; padding-top:200px; width:697px; height:437px; background:rgba(0, 0, 0, 0.4); } .products-ysc .sec6 .large_box ul li:hover .bg-btn { display:block; } .products-ysc .sec6 .small_box { width:1200px; height:300px; overflow:hidden; padding-top:100px } .products-ysc .sec6 .small_list { position:relative; float:left; width:1200px; height:200px; overflow:hidden; } .products-ysc .sec6 .small_list ul { height:200px; overflow:hidden; } .products-ysc .sec6 .small_list ul li { position:relative; float:left; margin-right:18px; width:283px; } .products-ysc .sec6 .small_list ul li img { display:block; } .products-ysc .sec6 .small_list ul li .bun_bg { display:none; position:absolute; top:0; left:0; width:283px; height:200px; border:1px solid #f8b600; } .products-ysc .sec6 .small_list ul li.on .bun_bg { display:block; } .products-ysc .sec6 .btn1 { display:block; width:35px; height:200px; background-repeat:no-repeat; background-position:center center; cursor:pointer; } .products-ysc .sec6 .left_btn { position:absolute; margin-left:-50px; float:left; margin-right:10px; background-image:url(http://oss-hz.qianmi.com/qianmicom/u/cms/qmwww/201510/131523039iog.png); } .products-ysc .sec6 .right_btn { position:absolute; margin-left:1210px; float:right; background-image:url(http://oss-hz.qianmi.com/qianmicom/u/cms/qmwww/201510/13152310kd3i.png); } .products-ysc .sec7-div1 { background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww/201606/13153153a4oc.jpg") left no-repeat; height: 514px; } .products-ysc .sec7-div2 { background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww/201606/131532086w6m.jpg") center no-repeat; height: 514px; } .products-ysc .sec7-div3 { background: url("http://web-img.qmimg.com/qianmicom/u/cms/qmwww/201606/13153218rwn1.jpg") right no-repeat; height: 514px; } /*解决方案集合页*/ .solutions-all section p:nth-child(1) { padding-left: 210px; } .solutions-all section p:nth-child(2) { padding: 72px 264px 0 0; } .al-item { position: relative; } .al-item .img-bg { box-shadow: 0 0 4px #ddd; -webkit-box-shadow: 0 0 4px #ddd; -moz-box-shadow: 0 0 4px #ddd; z-index: 0; } .al-item .content { position: absolute; top: 14%; left: 15%; z-index: 5; } .al-item .img-title { font-size: 18px; color: #414141; } .al-item .img-text { line-height: 3em; font-size: 24px; color: #666; } .al-img-slider { position: relative; } .al-slider { position: relative; height: 250px; margin: 0 auto; overflow: hidden; } .al-row { position: absolute; top: 0; left: 0; white-space: nowrap; } .al-slider .al-item { display: inline-block; margin: 8px; } .al-img-slider .btn-turn { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #f3f3f3; text-align: center; line-height: 30px; z-index: 30; cursor: pointer; } .al-img-slider .btn-turn.active { background-color: #F8B600; } .al-img-slider .btn-turn a { text-decoration: none; } .al-img-slider .btn-turn .qmfont { position: relative; margin: 4px 0 0 7px; display: inline-block; font-size: 22px; color: #fff; top: 0; left: 0; } .al-img-slider .next .qmfont { margin: 6px 0 0 11px; display: inline-block; top: 0; left: 0; } .al-img-slider .prev { position: absolute; top: 40%; margin-top: -20px; left: -55px; } .al-img-slider .next { position: absolute; top: 40%; margin-top: -20px; right: -50px; } .al-item .content2 { position: absolute; top: 50%; left: 50%; margin-top: -26px; margin-left: -95px; z-index: 5; } #slider3 .al-item span { display: inline-block; color: #fff; width: 190px; padding: 15px 0; background-color: #f8b600; opacity: 0.9; } /*解决方案-连锁店 白玉明 2016年3月15日*/ .solutions-liansuo .banner { background: url("../images/3009583742e4.jpg") center no-repeat; height: 600px; } .solutions-liansuo .banner .container { padding-top: 180px; } .solutions-liansuo .banner-p1 { margin-top: 10px; padding-left: 196px; } .solutions-liansuo .banner-p1 span:nth-child(2), .solutions-liansuo .banner-p2 span:nth-child(2) { padding-left: 40px; } .solutions-liansuo .banner-p2 { margin-top: 10px; padding-left: 96px; } .solutions-liansuo .div-title, .solutions-pifa .div-title, .solutions-baihuo .div-title, .solutions-changshang .div-title, .solutions-all .div-title { display: inline-block; border: 2px solid #eee; padding: 0px 100px 10px 100px; } .solutions-liansuo .div-title p:nth-child(1), .solutions-pifa .div-title p:nth-child(1), .solutions-baihuo .div-title p:nth-child(1), .solutions-changshang .div-title p:nth-child(1), .solutions-all .div-title p:nth-child(1) { position: absolute; margin-top: -18px; background-color: #fafafa; padding: 0 30px; } .solutions-liansuo .sec2 { background: url("../images/15171526v2tp.jpg")center no-repeat; height: 620px; } .solutions-liansuo .sec2-p1 { padding-left: 352px; } .solutions-liansuo .sec2-p1 span:nth-child(2), .solutions-liansuo .sec2-p2 span:nth-child(2), .solutions-liansuo .sec2-p3 span:nth-child(2) { padding-left: 396px; } .solutions-liansuo .sec2-p2 { padding-left: 60px; } .solutions-liansuo .sec2-p3 { padding-left: 108px; } .solutions-liansuo .sec3-div { background: url("../images/15182248z09y.png")center no-repeat; height: 325px; } .solutions-liansuo .sec3-p1 { width: 423px; } .solutions-liansuo .sec3-p2 { width: 750px; padding-left: 368px; } .solutions-liansuo .sec3-p3 { padding-left: 21px; margin-top: 64px; } .solutions-liansuo .sec3-p4 { margin-top: 64px; padding: 5px 0 0 149px; } .solutions-liansuo .sec3-p5 { margin-top: 30px; padding-left: 139px; } .solutions-liansuo .sec3-p6 { padding-left: 64px; margin-top: 18px; } .solutions-liansuo .sec3-p7 { padding: 0 0 0 350px; margin-top: 20px; } .solutions-liansuo .sec4 { background: url("../images/16141447ns9s.jpg")center no-repeat; height: 620px; } .solutions-liansuo .carousel-control.left, .solutions-kuajing .carousel-control.left { position: absolute; margin-left: -130px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .solutions-liansuo .carousel-control.left .fa-angle-left, .solutions-liansuo .carousel-control.right .fa-angle-right, .solutions-kuajing .carousel-control.left .fa-angle-left, .solutions-kuajing .carousel-control.right .fa-angle-right { margin-top: 100px; font-size: 100px; } .solutions-liansuo .carousel-control.right, .solutions-kuajing .carousel-control.right { position: absolute; margin-right: -130px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .solutions-liansuo .carousel-inner img, .solutions-kuajing .carousel-inner img { border-radius: 5px; } .solutions-liansuo .carousel-div, .solutions-kuajing .carousel-div { position: absolute; width: 600px; text-align: center; } .solutions-liansuo .sec4-div1 p:nth-child(1), .solutions-kuajing .sec5-div1 p:nth-child(1) { margin-top: -279px; text-align:left; margin-left:66px; text-indent:2em; } .solutions-liansuo .sec4-div1 p:nth-child(2), .solutions-kuajing .sec5-div1 p:nth-child(2) { padding-left: 300px; } .solutions-liansuo .sec5-div { background: url("../images/16173118dprp.png")center no-repeat; height: 528px; } .solutions-liansuo .sec5-div .h-528 { height: 528px; } .solutions-liansuo .sec5-div .div1 { width: 152px; padding-top: 280px; } .solutions-liansuo .div2 p:nth-child(1) { padding-top: 88px; } .solutions-liansuo .div2 p:nth-child(2) { padding-top: 282px; } .solutions-liansuo .sec5-div .div3 { width: 342px; padding-top: 105px; } .solutions-liansuo .div3 p:nth-child(2) { padding-top: 328px; } .solutions-liansuo .div4 { margin-left: 152px; padding-top: 26px; } .solutions-liansuo .div4 p:nth-child(5) { width: 3px; line-height: 18px; margin-left: -30px; margin-top: 24px; } .solutions-liansuo .div4 p:nth-child(6) { width: 3px; line-height: 18px; margin-left: 36px; margin-top: 41px; } .solutions-liansuo .div5 { margin-left: 76px; padding-top: 32px; } .solutions-liansuo .div5 p:nth-child(2) { padding-top: 12px; } .solutions-liansuo .div5 p:nth-child(3) { padding-top: 278px; } .solutions-liansuo .sec5-div .div6 { padding: 278px 0 0 62px; } /*解决方案-批发大市场 白玉明 2016年3月16日*/ .solutions-pifa .banner { background: url("../images/16191621ug7f.jpg") center no-repeat; height: 599px; padding-top: 224px; } .solutions-pifa .banner .banner-p1 { margin-left: 100px; } .solutions-pifa .banner .banner-p2, .solutions-pifa .banner .banner-p3 { margin-left: 38px; } .solutions-pifa .sec2 { background: url("../images/171004071m9o.jpg") center no-repeat; height: 620px; } .solutions-pifa .sec2-p1 { padding-top: 68px; padding-left: 176px; } .solutions-pifa .sec2-p1 span:nth-child(2), .solutions-pifa .sec2-p3 span:nth-child(2) { padding-left: 390px; } .solutions-pifa .sec2-p2, .solutions-pifa .sec2-p3, .solutions-pifa .sec2-p4 { padding-left: 176px; } .solutions-pifa .sec2-p2 span:nth-child(2) { padding-left: 358px; } .solutions-pifa .sec2-p4 span:nth-child(2) { padding-left: 314px; } .solutions-pifa .solution-tabs .tab-bg { background: url("../images/17135551c2fv.jpg") center no-repeat; height: 280px; } .solutions-pifa .solution-tabs .tab-bg2 { background: url("../images/17152253httt.jpg") center no-repeat; height: 180px; } .solutions-pifa .sec4-left { width: 50%; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .solutions-pifa .sec4-right { width: 50%; background-image: -webkit-linear-gradient(left, rgba(255, 187, 0, .5) 0%, rgba(0, 0, 0, .0) 100%); background-image: -o-linear-gradient(left, rgba(255, 187, 0, .5) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 187, 0, .5)), to(rgba(0, 0, 0, .0))); background-image: linear-gradient(to right, rgba(255, 187, 0, .5) 0%, rgba(0, 0, 0, 0.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .solutions-pifa .sec4-div img { position: absolute; margin-left: -82px; padding-top: 40px; left: 50%; } .solutions-pifa .sec4-left1 { padding-right: 110px; height: 740px; width: 50%; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0.2) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .2))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .solutions-pifa .sec4-right1 { padding-left: 110px; height: 740px; width: 50%; background-image: -webkit-linear-gradient(left, rgba(255, 187, 0, .2) 0%, rgba(0, 0, 0, .0) 100%); background-image: -o-linear-gradient(left, rgba(255, 187, 0, .2) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 187, 0, .2)), to(rgba(0, 0, 0, .0))); background-image: linear-gradient(to right, rgba(255, 187, 0, .2) 0%, rgba(0, 0, 0, 0.0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .solutions-pifa .sec5 { background: url("../images/17165201q4p6.jpg") center no-repeat; height: 620px; } .solutions-pifa .sec5 .sec5-p1 { padding: 376px 0 0 98px; } .solutions-pifa .sec5 p span:nth-child(2) { padding-left: 230px; } .solutions-pifa .sec6-div1 { background: url("../images/17174537jny7.jpg") center no-repeat; height: 259px; } .solutions-pifa .sec6-div2 { margin-left: 120px; padding-top: 50px; } .solutions-pifa .sec6-div3 p:nth-child(1) { padding: 26px 0 0 466px; } .solutions-pifa .sec6-div3 p:nth-child(2) { padding: 30px 0 0 148px; } .solutions-pifa .sec6-div3 .font-18 span:nth-child(2) { padding-left: 372px; } .solutions-pifa .sec6-div3 p:nth-child(3) { padding: 56px 0 0 204px; } .solutions-pifa .sec6-div3 .font-16 span:nth-child(2) { padding-left: 290px; } .solutions-pifa .sec6-div4 { margin-left: 162px; padding-top: 50px; } /*解决方案-百货商场 白玉明 2016年3月17日*/ .solutions-baihuo .banner { background: url("../images/1718361619rw.jpg") center no-repeat; height: 599px; } .solutions-baihuo .banner-p1 { margin-left: 206px; margin-top: 235px; } .solutions-baihuo .banner-p2 { margin-left: 58px; margin-top: 235px; } .solutions-baihuo .banner-p3 { padding-left: 72px; margin-top: 235px; } .solutions-baihuo .sec2 { background: url("../images/17185315747h.jpg") center no-repeat; height: 620px; } .solutions-baihuo .sec2-p1 { padding-top: 320px; } .solutions-baihuo .sec2-p1 span:nth-child(1) { padding-left: 54px; } .solutions-baihuo .sec2-p1 span:nth-child(2) { padding-left: 170px; } .solutions-baihuo .sec2-p1 span:nth-child(3) { padding-left: 194px; } .solutions-baihuo .sec2-p2 span:nth-child(1) { padding-left: 18px; } .solutions-baihuo .sec2-p2 span:nth-child(2) { padding-left: 84px; } .solutions-baihuo .sec2-p2 span:nth-child(3) { padding-left: 76px; } .solutions-baihuo .divider.divider-small hr { background: #f8b600; text-align: left; } .solutions-baihuo .sec3-div1 { width: 444px; height: 248px; } .solutions-baihuo .sec3-div2 { width: 756px; height: 248px; } .solutions-baihuo .sec3-div .sec3-p { float: left; width: 50%; } .solutions-baihuo .sec4-div1 { background: url("../images/18140350n433.png")center no-repeat; height: 251px; } .solutions-baihuo .sec4-div2 { padding: 40px 0 0 120px; } .solutions-baihuo .sec4-div3 .sec4-p1 { padding: 15px 0 0 188px; } .solutions-baihuo .sec4-div3 .sec4-p1 span:nth-child(2), .solutions-baihuo .sec4-div3 .sec4-p3 span:nth-child(2) { padding-left: 258px; } .solutions-baihuo .sec4-div3 .sec4-p2 { padding: 30px 0 0 74px; } .solutions-baihuo .sec4-div3 .sec4-p2 span:nth-child(2) { padding-left: 498px; } .solutions-baihuo .sec4-div3 .sec4-p3 { padding: 90px 0px 0 172px; } .solutions-baihuo .sec4-div4 { padding: 42px 0 0 96px; } /*解决方案 -- 厂商及分销 baiyuming 2016年3月18日*/ .solutions-changshang .banner { background: url("../images/18141830vrb9.jpg") center no-repeat; height: 599px; } .solutions-changshang .banner .container { padding-top: 350px; } .solutions-changshang .sec2 { background: url("../images/18144039vu9h.jpg") center no-repeat; height: 620px; } .solutions-changshang .sec2-p1 { padding: 224px 0 0 78px; } .solutions-changshang .sec2-p1 span:nth-child(2) { padding-left: 240px; } .solutions-changshang .sec2-p1 span:nth-child(3) { padding-left: 278px; } .solutions-changshang .sec3-div { background: url("../images/18152249chew.png")center no-repeat; height: 238px; } .solutions-changshang .sec3-div div { height: 238px; } .solutions-changshang .sec3-div1 { padding: 88px 0 0 40px; } .solutions-changshang .sec3-div2 p:nth-child(1), .solutions-changshang .sec3-div4 p:nth-child(1), .solutions-changshang .sec3-div6 p:nth-child(1) { padding: 36px 0 0 54px; } .solutions-changshang .sec3-div2 p:nth-child(2), .solutions-changshang .sec3-div4 p:nth-child(2), .solutions-changshang .sec3-div6 p:nth-child(2) { padding: 16px 0 0 54px; } .solutions-changshang .sec3-div2 p:nth-child(3) { padding: 12px 0 0 62px; } .solutions-changshang .sec3-div3 { padding: 96px 0 0 50px; } .solutions-changshang .sec3-div4 p:nth-child(3) { padding: 12px 0 0 52px; } .solutions-changshang .sec3-div5 { padding: 96px 0 0 44px; } .solutions-changshang .sec3-div6 p:nth-child(3) { padding: 12px 0 0 38px; } .solutions-changshang .sec3-div7 { padding: 96px 0 0 58px; } .solutions-changshang .sec4-div { background: url("../images/18155605uzat.jpg")center no-repeat; height: 406px; } .solutions-changshang .sec4-div1 { padding: 256px 0 0 40px; } .solutions-changshang .sec4-div2 p:nth-child(1) { margin-top: -6px; padding-left: 60px; } .solutions-changshang .sec4-div2 p:nth-child(2) { padding: 46px 0 0 56px; } .solutions-changshang .sec4-div2 p:nth-child(3) { padding: 46px 0 0 64px; } .solutions-changshang .sec4-div2 p:nth-child(4) { padding: 14px 0 0 66px; } .solutions-changshang .sec4-div3 { padding: 262px 0 0 54px; } .solutions-changshang .sec4-div4 p:nth-child(1) { padding: 18px 0 0 48px; } .solutions-changshang .sec4-div4 p:nth-child(2) { padding: 138px 0 0 52px; } .solutions-changshang .sec4-div4 p:nth-child(3) { padding: 14px 0 0 54px; } .solutions-changshang .sec4-div4 p:nth-child(4) { padding: 12px 0 0 44px; } .solutions-changshang .sec4-div5 { padding: 262px 0 0 38px; } .solutions-changshang .sec4-div6 p:nth-child(1) { margin-left: -54px; } .solutions-changshang .sec4-div6 p:nth-child(2) { padding: 164px 0 0 52px; } .solutions-changshang .sec4-div6 p:nth-child(3) { padding: 14px 0 0 54px; } .solutions-changshang .sec4-div6 p:nth-child(4) { padding: 12px 0 0 32px; } .solutions-changshang .sec4-div7 { padding: 262px 0 0 68px; } .solutions-changshang .sec5 { background: url("../images/30095920pitg.jpg")center no-repeat; height: 620px; } .solutions-changshang .sec5-div1 { padding: 90px 0 0 112px; } .solutions-changshang .sec5-div1 p:nth-child(2) { padding-left: 190px; } .solutions-changshang .sec6-div { background: url("../images/18171521f5d9.jpg")center no-repeat; height: 282px; } .solutions-changshang .sec6-div1 { padding: 132px 0 0 42px; } .solutions-changshang .sec6-div2 { padding: 78px 0 0 122px; } .solutions-changshang .sec6-div3 { padding: 21px 0 0 118px; } .solutions-changshang .sec6-div4 { padding: 16px 0 0 102px; } .solutions-changshang .sec6-div4 p:nth-child(2) { padding-top: 90px; } .solutions-changshang .sec6-div5 { padding: 40px 0 0 100px; } .solutions-changshang .sec6-div6 { padding: 146px 0 0 274px; } /*解决方案 2016年3月25日*/ .solutions-kuajing .banner { background: url("../images/25180549hu4t.jpg") center no-repeat; height: 700px; padding-top: 353px; } .solutions-kuajing .sec1-div { margin-top: -44px; padding-left: 88px; } .solutions-kuajing .sec1-div p span:nth-child(2) { padding-left: 86px; } .solutions-kuajing .sec2 { background: url("../images/25203227z2y6.jpg") center no-repeat; height: 562px; } .solutions-kuajing .sec2-div { padding-top: 195px !important; } .solutions-kuajing .sec3 td { border:solid #eee; border-width:0px 1px 1px 0px; } .solutions-kuajing .sec3 table { border:solid #eee; border-width:1px 0px 0px 1px; } .solutions-kuajing .sec4-div { background: url("../images/28110147pjhy.jpg")center no-repeat; height: 370px; position:relative;} .solutions-kuajing .sec4-div:before,.solutions-kuajing .sec4-div:after{position: absolute;top:70px;left:121px;content: '生产商';width: 30px;font-size: 18px;color: #fff; display: block; z-index: 1; padding: 0 6px;line-height: 22px;} .solutions-kuajing .sec4-div:after{ top: 156px;content: '制造商';} .solutions-kuajing .sec4-div1 { width: 108px; } .solutions-kuajing .sec4-div1 p:nth-child(1) { padding-top: 135px; } .solutions-kuajing .sec4-div1 p:nth-child(2) { padding-top: 145px; } .solutions-kuajing .sec4-p1 span:nth-child(1) { padding-left: 12px; } .solutions-kuajing .sec4-p1 span:nth-child(2) { padding-left: 100px; } .solutions-kuajing .sec4-p1 span:nth-child(3) { padding-left: 134px; } .solutions-kuajing .sec4-p1 span:nth-child(4) { padding-left: 124px; } .solutions-kuajing .sec4-p1 span:nth-child(5) { padding-left: 145px; } .solutions-kuajing .sec4-p1 span:nth-child(6) { padding-left: 160px; } .solutions-kuajing .sec4-p2 span:nth-child(1) { padding-left: 500px; } .solutions-kuajing .sec4-p2 span:nth-child(2) { padding-left: 348px; } .solutions-kuajing .sec4-p3 { padding: 48px 0 0 124px; } .solutions-kuajing .sec4-p3 span:nth-child(2) { padding-left: 684px; } .solutions-kuajing .sec4-p4 { padding-left: 630px; } .solutions-kuajing .sec4-p5 { padding: 66px 0 0 124px; } .solutions-kuajing .sec4-p5 span:nth-child(2) { padding-left: 694px; } .solutions-kuajing .sec4-p6 { padding: 81px 0 0 2px; } .solutions-kuajing .sec4-p6 span:nth-child(2) { padding-left: 100px; } .solutions-kuajing .sec4-p6 span:nth-child(3) { padding-left: 134px; } .solutions-kuajing .sec4-p6 span:nth-child(4) { padding-left: 155px; } .solutions-kuajing .sec4-p6 span:nth-child(5) { padding-left: 124px; } .solutions-kuajing .sec4-p6 span:nth-child(6) { padding-left: 68px; } .solutions-kuajing .sec5 { background: url("../images/28133618q4i9.jpg")center no-repeat; height: 620px; } .solutions-kuajing .sec6-div div.heading, .solutions-baihuo .sec3-div div.heading { margin: 0 0; width: 500px } .solutions-kuajing .sec6-div .divider, .solutions-baihuo .sec3-div .divider { margin: 10px auto; } .solutions-kuajing .sec6-div .divider hr, .solutions-baihuo .sec3-div .divider hr { width: 80px; height: 4px; background: #f8b600; margin: -1px 0 0 0; } .solutions-kuajing .sec6-div1 { width: 444px; } .solutions-kuajing .sec6-div2 { width: 756px; } .solutions-kuajing .sec6-div3 { padding-left: 8px; } /*解决方案 -- 社区O2O*/ .solutions-shequ .banner { background: url("../images/28180501o66u.jpg") center no-repeat; height: 700px; padding-top: 440px; } .solutions-shequ .sec1-div1 { background: url("../images/2819204348xn.jpg") center no-repeat; height: 299px; } .solutions-shequ .sec1-div1 .div1 { width: 165px; padding-top: 34px; } .solutions-shequ .sec1-div1 .div1 p:nth-child(2) { margin-bottom: 12px; } .solutions-shequ .sec1-div1 .div2 { width: 220px; } .solutions-shequ .sec1-div1 .div3 { width: 170px; padding-top: 34px; } .solutions-shequ .sec1-div1 .div3 p:nth-child(2) { margin-bottom: 12px; } .solutions-shequ .sec2-div { background: url("../images/28205005xrrb.jpg") center no-repeat; height: 347px; } .solutions-shequ .sec2-div .p1 { padding: 2px 0 0 244px; } .solutions-shequ .sec2-div .p1 span:nth-child(2) { padding-left: 250px; } .solutions-shequ .sec2-div .p1 span:nth-child(3) { padding-left: 227px; } .solutions-shequ .sec2-div .p2 { padding: 90px 0 0 500px; } .solutions-shequ .sec2-div .p3 { padding: 0px 0 0 170px; } .solutions-shequ .sec2-div .p3 span:nth-child(2) { padding-left: 452px; } .solutions-shequ .sec3 { background: url("../images/2821344400a9.jpg") center no-repeat; height: 522px; } .solutions-shequ .sec3-div { padding-top: 208px !important; } .solutions-shequ .sec4-div { background: url("../images/28230112e1e3.jpg") center no-repeat; height: 546px; } .solutions-shequ .sec4-div .div1 { width: 330px; } .solutions-shequ .sec4-div .div1 .p1 { padding: 42px 0 0 40px; } .solutions-shequ .sec4-div .div1 .p2 { padding: 2px 13px 0 0px; } .solutions-shequ .sec4-div .div1 .p3 { padding: 144px 0 0 19px; } .solutions-shequ .sec4-div .div1 .p4 { padding-right: 46px; margin-top: -8px; } .solutions-shequ .sec4-div .div2 .p1 { padding: 35px 0 0 28px; } .solutions-shequ .sec4-div .div2 .p1 span:nth-child(2) { padding-left: 190px; } .solutions-shequ .sec4-div .div2 .p2 { padding: 25px 0 0 378px; } .solutions-shequ .sec4-div .div2 .p3 { padding: 29px 0 0 28px; } .solutions-shequ .sec4-div .div2 .p3 span:nth-child(2) { padding-left: 225px; } .solutions-shequ .sec4-div .div2 .p4 { padding: 28px 0 0 397px; } .solutions-shequ .sec4-div .div2 .p5 { padding: 29px 0 0 28px; } .solutions-shequ .sec4-div .div2 .p5 span:nth-child(2) { padding-left: 220px; } .solutions-shequ .sec4-div .div2 .p6 { padding: 28px 0 0 360px; } .solutions-shequ .sec4-div .div2 .p7 { padding: 112px 0 0 217px; } .solutions-shequ .sec4-div .div2 .p7 span:nth-child(2), .solutions-shequ .sec4-div .div2 .p8 span:nth-child(2) { padding-left: 28px; } .solutions-shequ .sec4-div .div2 .p8 { padding: 62px 0 0 218px; } .solutions-shequ .sec4-div .div2 { width: 540px; } .solutions-shequ .sec4-div .div3 { width: 330px; } .solutions-shequ .sec4-div .div3 .p1 { padding: 38px 0 0 54px; } .solutions-shequ .sec4-div .div3 .p2 { padding: 0px 12px 0 0px; margin-top: -2px; } .solutions-shequ .sec4-div .div3 .p3 { padding: 137px 0 0 30px; } .solutions-shequ .sec4-div .div3 .p4 { padding-right: 47px; margin-top: -10px; } .solutions-shequ .sec4-div .div3 .p5 { margin-top: 6px; } .solutions-shequ .sec5-div { background: url("../images/29162525tdrp.jpg") center no-repeat; height: 630px; } .solutions-shequ .sec5-div .div1 { width: 200px; margin-left: -5px; } .solutions-shequ .sec5-div .pt-12 { padding-top: 12px; } .solutions-shequ .sec5-div .div2 { width: 200px; margin-left: 800px; } .solutions-shequ .sec5-div .div3 { padding: 58px 0 0 86px; } .solutions-shequ .sec5-div p span:nth-child(2) { padding-left: 437px; } .solutions-shequ .sec5-div p span:nth-child(3) { padding-left: 435px; } /*企业内购 2016年4月6日*/ .solutions-neigou .banner { background: url("../images/061432477wtl.jpg") center no-repeat; height: 700px; padding-top: 309px; } .solutions-neigou .sec1-s1 { padding-left: 66px; } .solutions-neigou .sec1-s2 { padding-left: 178px; } .solutions-neigou .sec1-s3 { padding-left: 178px; } .solutions-neigou .sec1-s4 { padding-left: 178px; } .solutions-neigou .sec1-s5 { padding-left: 185px; } .solutions-neigou .sec2 { background: url("../images/06151748xlc9.jpg") center no-repeat; height: 540px; } .solutions-neigou .sec2-p { padding-top: 250px; } .solutions-neigou .sec2-s1 { padding-left: 23px; } .solutions-neigou .sec2-s2 { padding-left: 60px; } .solutions-neigou .sec2-s3 { padding-left: 60px; } .solutions-neigou .sec3-d { width: 150px; margin: 0 auto; height: 150px; border-radius: 50%; border: 8px solid #eee; } .solutions-neigou .sec3-d i { color: #fff; } .solutions-neigou .sec3-d1 i { font-size: 100px; line-height: 130px; } .solutions-neigou .sec3-d2 i { font-size: 92px; line-height: 136px; } .solutions-neigou .sec3-d3 i { font-size: 92px; line-height: 120px; } .solutions-neigou .sec3-d4 i { font-size: 70px; line-height: 138px; } .solutions-neigou .sec3-d1 { background: #F8B600; } .solutions-neigou .sec3-d2 { background: #5b9bd5; } .solutions-neigou .sec3-d3 { background: #ed7d31; } .solutions-neigou .sec3-d4 { background: #4f7ed2; } .solutions-neigou .tab-content #yg .container { background: url("../images/06163348sp8d.jpg") center no-repeat; height: 526px; } .solutions-neigou #yg .sec4-p1 { padding: 120px 0 0 520px; } .solutions-neigou #yg .sec4-p2 { padding: 34px 0 0 492px; } .solutions-neigou #yg .sec4-p2 span:nth-child(2) { padding-left: 72px; } .solutions-neigou #yg .sec4-p3 { padding: 58px 0 0 298px; } .solutions-neigou #yg .sec4-p3 span:nth-child(2) { padding-left: 460px; } .solutions-neigou #yg .sec4-p4 { padding: 36px 0 0 38px; } .solutions-neigou #yg .sec4-p4 span:nth-child(2) { padding-left: 402px; } .solutions-neigou #yg .sec4-p4 span:nth-child(3) { padding-left: 394px; } .solutions-neigou #yg .sec4-p5 { padding: 52px 0 0 574px; } .solutions-neigou .tab-content #mz .container { background: url("../images/06171302ufkf.jpg") center no-repeat; height: 266px; } .solutions-neigou #mz .sec4-p1 { padding: 40px 0 0 504px; } .solutions-neigou #mz .sec4-p1 span:nth-child(2) { padding-left: 332px; } .solutions-neigou #mz .sec4-p2 { padding: 36px 0 0 34px; } .solutions-neigou #mz .sec4-p2 span:nth-child(2) { padding-left: 206px; } .solutions-neigou #mz .sec4-p2 span:nth-child(3) { padding-left: 276px; } .solutions-neigou #mz .sec4-p2 span:nth-child(4) { padding-left: 244px; } .solutions-neigou #mz .sec4-p3 { padding: 52px 0 0 692px; } /*农村电商 2016年4月6日*/ .solutions-nongcun .banner { background: url("../images/0714001733fs.jpg") center no-repeat; height: 700px; padding-top: 300px; } .solutions-nongcun .sec1-p { padding-left: 200px; } .solutions-nongcun .sec1-p span:nth-child(2) { padding-left: 420px; } .solutions-nongcun .sec1-s1 { padding-left: 162px; } .solutions-nongcun .sec1-s2 { padding-left: 53px; } .solutions-nongcun .sec1-s3 { padding-left: 367px; } .solutions-nongcun .sec1-s4 { padding-left: 90px; } .solutions-nongcun .sec1-s5 { padding-left: 102px; } .solutions-nongcun .sec1-p1 { padding-left: 650px; } .solutions-nongcun .sec1-p1 span { padding: 5px 18px; background: #f8b600; display: inline-block; } .solutions-nongcun .sec2 { background: url("../images/07164010aacy.jpg") center no-repeat; height: 460px; } .solutions-nongcun .s2-d1 { width: 240px; } .solutions-nongcun .s2-d2 { width: 240px; } .solutions-nongcun .s2-d3 { width: 240px; } .solutions-nongcun .s2-d4 { width: 240px; } .solutions-nongcun .s2-d5 { width: 240px; } .solutions-nongcun .tab-content #sx .container { background: url("../images/07170435mxqk.jpg") center no-repeat; height: 649px; } .solutions-nongcun #sx .s3-p1 { padding-left: 575px; } .solutions-nongcun #sx .s3-p2 { padding-left: 304px; } .solutions-nongcun #sx .s3-p2 span:nth-child(2) { padding-left: 460px; } .solutions-nongcun #sx .s3-p3 { padding: 8px 0 0 66px; } .solutions-nongcun #sx .s3-p4 { padding: 10px 0 0 1092px; } .solutions-nongcun #sx .s3-p5 { padding: 11px 0 0 82px; } .solutions-nongcun #sx .s3-p6 { padding-left: 545px; } .solutions-nongcun #sx .s3-p6 span:nth-child(2) { padding-left: 40px; } .solutions-nongcun #sx .s3-d1 { width: 646px; } .solutions-nongcun #sx .s3-d1 .s3-p1 { padding: 62px 0 0 67px; } .solutions-nongcun #sx .s3-d1 .s3-p2 { padding: 5px 0 0 558px; } .solutions-nongcun #sx .s3-d1 .s3-p3 { padding: 17px 0 0 57px; } .solutions-nongcun #sx .s3-d2 { width: 165px; } .solutions-nongcun #sx .s3-d2 .s3-p1 { padding: 50px 0 0 30px; } .solutions-nongcun #sx .s3-d2 .s3-p2 { padding: 45px 0 0 30px; } .solutions-nongcun #sx .s3-d2 .s3-p3 { padding: 45px 0 0 30px; } .solutions-nongcun #sx .s3-d3 { width: 300px; } .solutions-nongcun #sx .s3-d3 .s3-p1 { padding: 42px 0 0 0px; } .solutions-nongcun #sx .s3-d3 .s3-p2 { padding: 25px 0 0 0px; } .solutions-nongcun #sx .s3-d3 .s3-p3 { padding: 33px 0 0 0px; } .solutions-nongcun #sx .s3-d3 .s3-p4 { padding: 25px 0 0 0px; } .solutions-nongcun #sx .s3-d4 { padding: 150px 0 0 6px; } .solutions-nongcun #sx .s3-p7 { padding: 306px 0 0 555px; } .solutions-nongcun .tab-content #dx .container { background: url("../images/07183751gbl3.jpg") center no-repeat; height: 428px; } .solutions-nongcun #dx .sec3-p2 { padding: 126px 0 0 820px; } .solutions-nongcun #dx .sec3-p3 { padding: 35px 0 0 22px; } .solutions-nongcun #dx .sec3-p3 span:nth-child(2) { padding-left: 963px; } .solutions-nongcun .p-number { margin-top: -25px; width: 110px; text-align: center; } /*电商资讯*/ .dianshangzixun .by-ckxq { background: #f8b600; color: #fff; padding: 2px 4px; } .dianshangzixun .simple-post-list { list-style: none; padding-left: 0; } /*案例*/ .anli-text h1 { position: absolute; margin-top: -340px; font-size: 48px; } .anli-text h4 { position: absolute; margin-top: -260px; font-size: 24px; line-height: 36px; } .qm-sscal .tab-content { border: none; box-shadow: none; } .qm-sscal .tabs.tabs-simple .nav-tabs>li a, .qm-sscal .tabs.tabs-simple .nav-tabs>li a:focus, .qm-sscal .tabs.tabs-simple .nav-tabs>li a:hover { font-size: 20px; color: #999; padding: 24px 5px; border-bottom: none; } .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a, .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a:focus, .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a:hover { border-bottom: 2px solid #F8B600; } html body .qm-sscal .tabs.tabs-bottom .nav-tabs li a:hover, html body .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a, html body .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a:focus, html body .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark body .qm-sscal .tabs.tabs-bottom .nav-tabs li a:hover, html.dark body .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a, html.dark body .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a:focus, html.dark body .qm-sscal .tabs.tabs-bottom .nav-tabs li.active a:hover { border-bottom-color: #F8B600; color: #F8B600; } .qm-sscal hr.tall { margin-top: -1px; } .qm-sscal hr.solid { background: #e8e8e8; } .qm-sscal .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 64%; background-color: #fff; } .qm-sscal .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(255, 255, 255, 0); border: 1px solid #dedede; border-bottom: none; } .qm-sscal .thumb-info-title .text { font-size: 14px; color: #666; line-height: 22px; } .qm-sscal .thumb-info-title .show-more { color: #999; } .qm-sscal .thumb-info-title .link { display: inline-block; color: #414141; } .qm-sscal .thumb-info-title .link:hover { text-decoration: none; } .qm-sscal .thumb-info-title .link span { display: block; font-size: 12px; } .khal ul { list-style: none; height: 40px; background: #f2f2f2; padding-left: 0; } .khal ul li { width: 10%; text-align: center; float: left; line-height: 40px; } .khal ul li:first-child { background: #dedede; } .khal ul li a { color: #414141; } .khal ul li a:hover { color: #F8B600; } /*案例结束*/ /*营销页 2016年5月9日*/ .bg-f4 { background: #F4F4F4; } .yx0509 .yx-banner { background: url(../images/09105420lrit.jpg) center no-repeat; height: 700px; } .yx0509 .yx-banner .yx-btn { margin-top: 430px; } .yx0509 .yx-btn a { background: #db4845; padding: 17px 45px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; } .yx0509 .yx-btn a:hover { background: #db5845; padding: 17px 45px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color:#fff; } .yx0509 .sec1 { background: #0d1724; } .yx0509 .title-b { border-bottom: 5px solid #bfbfbf; width: 120px; margin: 0 auto; } .yx0509 .sec2 .container { background: url("../images/09142545imjd.png") center no-repeat; height: 169px; } .triangle-down { width: 0; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 24px solid #fff; margin: 0 auto; } .yx0509 .title-b2 { border-bottom: 1px solid #343438; width: 350px; } .yx0509 .sec6 img { margin-left: -145px; } .yx0509 .sec8 { background: #383435; } .yx0509 .sec8 .s8-d1 { width: 300px; margin-right: 50px; } .yx0509 .sec8 .s8-d1 img { border:1px solid #383435; cursor: pointer; } .yx0509 .sec8 .s8-d1 img:hover { border:1px solid #f7f7f9; } .yx0509 .sec8 .s8-d2 { width: 850px; height: 534px; border: 1px solid #f7f7f9; } .yx0509 .s8-d2 .d1-3 { width: 810px; } /* 注册 2016年5月11日*/ #r05-bg { position:absolute; width:100%; height:100%; z-index:-1 } #r05-bg .r5-img { position: fixed; } .r05 .top { border-bottom: 2px solid rgba(255, 255, 255, 0.2); padding: 20px 0; } .r05 .top img { height: 50px; } .r05 .reg-box { background: #fff; width: 880px; height: 540px; border-radius: 4px; margin: 6% auto 150px auto; } .r05 .reg-box form input { border: 1px solid #efedec; font-size: 16px; height: 50px; padding-left: 15px; width: 380px; } .r05 .reg-box form .msg .msgCodeBtn { position: absolute; margin: 0 0 0 -142px; background: #eee; padding: 14px 15px 14px 15px; font-size: 16px; color: #f8b600; cursor: pointer; width: 142px; } .r05 form .sub input { height: 50px; width: 380px; background: #f8b600; color: #fff; border: none; font-size: 16px; border-radius: 2px; } .r05 form .sub input:hover { background: #f8a600; } .r05 .reg-box .reg-succ { padding-top: 150px; } .r05 .reg-box .reg-succ i { font-size: 34px; } .r05 .reg-box .reg-succ .time { background-color: #f8b600; width: 200px; height: 50px; line-height: 50px; margin: 100px auto 0 auto; border-radius: 2px; } .r05 #captcha-img { margin: -4px 0 0 -142px; padding: 0 15px; height: 48px; cursor: pointer; } .r05 #textbox3-error, .r05 #phoneNum-error { position: absolute; padding: 16px 0 0 10px; display: inline-block !important; } .reg-solution .d1 { width: 440px; } .reg-solution .d2 { width: 440px; border-left: 1px solid #ddd; } .reg-solution .d2 ul { list-style: none; padding-left: 65px; } .reg-solution .d2 ul a { color:#888; } .r05 #numCode-error { position: absolute; padding: 16px 0 0 10px; } /*支付网关*/ .zhifu .banner { background: url("../images/13221234334p.jpg") center no-repeat; height: 500px; padding-top: 100px; } .line-in-center div.heading { margin: 0 auto; width: 300px; } .line-in-center .heading.heading-middle-border:before { border-top: 2px solid #ddd; } .line-in-center .divider { margin: 10px auto; } .line-in-center .divider hr { width: 80px; height: 4px; background: #f8b600; margin: 0 auto; margin-top: -1px; } .zhifu .s1-d1 { width: 310px; } .zhifu .s1-d2 { width: 890px; } .zhifu .sec1 .d2-bg { background: url("../images/13225321y906.png") center no-repeat; height: 80px; } .zhifu .sec1 .d2-bg p:nth-child(1) { padding-top: 14px; } .zhifu .sec1 .d2-bg p.font-20 span:nth-child(1) { padding-left: 84px; } .zhifu .sec1 .d2-bg p.font-20 span:nth-child(2), .zhifu .sec1 .d2-bg p.font-20 span:nth-child(3), .zhifu .sec1 .d2-bg p.font-20 span:nth-child(4) { padding-left: 182px; } .zhifu .sec1 .d2-bg p.font-16 span:nth-child(1) { padding-left: 40px; } .zhifu .sec1 .d2-bg p.font-16 span:nth-child(2) { padding-left: 94px; } .zhifu .sec1 .d2-bg p.font-16 span:nth-child(3) { padding-left: 88px; } .zhifu .sec1 .d2-bg p.font-16 span:nth-child(4) { padding-left: 50px; } .zhifu .sec3 { background: url("../images/1400180756c2.jpg") center no-repeat; height: 910px; } .zhifu .sec3 .d1 { padding-right: 320px; } .zhifu .sec3 .d1 .p1 { padding-top: 144px; } .zhifu .sec3 .d1 .p2 { padding-top: 150px; } .zhifu .sec3 .d2 { padding-left: 320px; } .zhifu .sec3 .d2 .p1 { padding-top: 136px; } .zhifu .sec3 .d2 .p2 { padding-top: 152px; } .zhifu .s4-d1 { padding-right: 100px; } /*千米代表招募*/ .qm-daibiao .banner { background: url("../images/20135723mq3j.jpg")center no-repeat; height: 650px; padding-top: 370px; } .qm-daibiao .qr-p { position: relative; padding-left: 800px; } .qm-daibiao .qr-img { position: absolute; margin: -110px auto 0; width: 180px; height: 180px; display: none; } .qm-daibiao .talkbubble { width: 660px; background: #fff; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 1px 1px 8px #ccc; padding: 18px 0 18px 30px; } .qm-daibiao .talkbubble:before { content:""; position: absolute; right: 100%; top: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 16px solid #fff; border-bottom: 10px solid transparent; } .qm-daibiao .talkbubble2 { width: 860px; background: #F8B600; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 1px 1px 8px #ccc; padding: 18px 30px 18px 30px; float: right; } .qm-daibiao .talkbubble2:before { content: ""; position: absolute; left: 100%; top: 20px; width: 0; height: 0; border-top: 10px solid transparent; border-left: 16px solid #F8B600; border-bottom: 10px solid transparent; } .qm-daibiao .dial { padding-left: 90px; } .qm-daibiao .dial .d1 { position: absolute; margin-left: -90px; } .qm-daibiao .dial2 { padding-right: 90px; } .qm-daibiao .dial2 .d2 { position: absolute; margin-left: 1140px; } .qm-daibiao .qr-d { width:670px; } .qm-daibiao .qr-dd { width:120px; } /*销售助手*/ .products-sale531 .banner { background: url("../images/31141021hr6h.jpg")center no-repeat; height: 500px; } .products-sale531 .banner .container { padding-top: 60px; } .products-sale531 .banner .d { padding-top: 118px; } .products-sale531 .banner .d1 { padding-left: 286px; } .products-sale531 .banner .d2, .products-sale531 .banner .d3, .products-sale531 .banner .d4 { padding-left: 91px; } .products-sale531 .qr { position: absolute; margin: -78px 0 0 -210px; width: 130px; display: none; } .products-sale531 .qm-icoratebad { font-size: 28px; display: inline-block; transform: rotateY(180deg); } .products-sale531 .sec5 { background: url("../images/31154327ikjb.jpg")center no-repeat; height: 675px; } .products-sale531 .function-pic { background: url("../images/31160657y34z.png") left no-repeat; height: 520px; } .products-sale531 .function-pic div { background: url("../images/281014190pbd.jpg") no-repeat; height: 460px; margin: 59px 0 0 200px; } .products-sale531 .sale-border { border: 3px solid #eee; width: 100px; margin: 0 auto; height: 100px; border-radius: 50%; background: rgba(238, 238, 238, .2); line-height: 95px; } .products-sale531 .sale-border i { font-size: 50px; color: #eee; } .products-sale531 .sale-border:hover { border: 3px solid #f8b600; background: #f8b600; cursor: pointer; } .products-sale531 .sale-border:hover i { color: #fff; } .products-sale531 .width-285 { width: 285px; } .products-sale531 .sec6 .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 25%; } .products-sale531 .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(255, 255, 255, 1); border: 2px solid #eee; } .products-sale531 .owl-theme .owl-nav { margin-top: 0; } .products-sale531 .owl-carousel .owl-nav { top: 27%; }