www.gusucode.com > 【T752】食品白酒红酒酒类企业织梦模板源码程序 > 【T752】食品白酒红酒酒类企业织梦模板/templets/twj/Public/css/base.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ util.print: Use console.log instead /** * Created by Administrator on 14-7-10. */ @charset "utf-8"; /*颜色*/ /*口碑热议*/ /*中国道color*/ /*尺寸*/ /** * Created by Administrator on 14-8-28. */ /* @名称: base @功能: 重设浏览器默认样式 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { color: black; /*font-size: 62.5%;*/ /*10 ÷ 16 × 100% = 62.5%*/ font-size: 12px; } body { /*font-size: 62.5%;*/ /*10 ÷ 16 × 100% = 62.5%*/ font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", sans-serif !important; background-color: #ffffff; height: 100%; width: 100%; min-height: 40rem; min-width: 1180px; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, "Wenquanyi Micro Hei", Arial, sans-serif; } /* 去掉各Table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* IE bug fixed: th 不继承 text-align*/ th { text-align: inherit; } /* 去除默认边框 */ fieldset, img { border: none; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe { display: block; } /* 去掉 firefox 下此元素的边框 */ abbr, acronym { border: none; font-variant: normal; } /* 一致的 del 样式 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } /* 去掉列表前的标识, li 会继承 */ ol, ul { list-style: none; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align: left; } /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */ h1, h2, h3, h4, h5, h6 { font-weight: 500; } q:before, q:after { content: ''; } /* 统一上标和下标 */ sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 让链接在 hover 状态下显示下划线 */ a:hover { text-decoration: none; color: #bfa79d !important; } /* 默认不显示下划线,保持页面简洁 */ ins, a { text-decoration: none; } /* IE6,7焦点点状线去除 */ a:focus, *:focus { outline: none; } a { color: #565656; } /* 清除浮动 */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1;/* for IE6 IE7 */ } .clear { clear: both; display: block; overflow: hidden; height: 0; line-height: 0; font-size: 0; } /* 设置显示和隐藏, 通常用来与 JS 配合 */ .hide { display: none !important; visibility: hidden; } .block { display: block !important; } /* 设置内联, 减少浮动带来的bug */ .fl { float: left; } .fr { float: right; } /* 字体大小 */ .fs12 { font-size: 1.2rem; } .fs14 { font-size: 1.4rem; } .fs16 { font-size: 1.6rem; } .border-bottom-d0d0d0 { border-bottom: #d0d0d0; } .inlinebl { display: inline-block; } .mt0 { margin-top: 0!important; } .mt1 { margin-top: 10px!important; } .mt2 { margin-top: 20px!important; } .mt3 { margin-top: 30px!important; } .mt4-5 { margin-top: 45px!important; } .mt6 { margin-top: 60px!important; } .mt100 { margin-top: 100px!important; } .ml1 { margin-left: 10px!important; } .mr1 { margin-right: 10px!important; } .mb0 { margin-bottom: 0!important; } .mb1 { margin-bottom: 10px!important; } .mb2 { margin-bottom: 20px!important; } .mb10 { margin-bottom: 100px!important; } .mb20 { margin-bottom: 200px!important; } .pl2 { padding-left: 20px!important; } .width100 { width: 100%!important; } .width98 { width: 98%!important; } .width49 { width: 49%!important; } .text-align-center { text-align: center!important; } .text-align-right { text-align: right!important; } .text-align-left { text-align: left!important; } /* nav头部 */ .index-navbar { height: 139px; width: 100%; min-width: 1180px; background-color: rgba(0, 0, 0, 0.8); border-bottom: 1px solid #bfa79d; z-index: 5; position: relative; } .navbar { height: 139px; width: 100%; min-width: 1180px; background-color: #000000; border-bottom: 1px solid #bfa79d; z-index: 5; position: relative; } /* nav_menu */ .nav_menu { height: 42px; background-color: #333333; } .nav { width: 1024px; height: 41px; position: absolute; margin: 0 auto; bottom: 2px; left: 50%; margin-left: -428px; } .nav .list li { padding-left: 30px; padding-right: 35px; float: left; position: relative; } .nav .list li:first-child { padding-left: 0; } .nav .list li span { font-size: 14px; } .nav .list li span i { margin-left: 6px; } .nav .list a { float: left; display: block; height: 42px; text-align: center; font: 15px/36px "Microsoft YaHei"; color: #bfa79d; } .nav .list a:hover { border-bottom: 2px solid #bfa79d; } .nav .list .now { color: #ffffff !important; border-bottom: 2px solid #bfa79d; } .logo { width: 100px; position: absolute; left: 50%; margin-left: -50px; } .nav_right_start { margin-left: 185px; } .nav-login-area { position: relative; width: 1180px; margin: 0 auto; } .nav-login-area .nav-login { position: absolute; right: 160px; top: 10px; font-size: 12px; color: #bfa79d; } .nav-login-area .nav-order { position: absolute; top: 10px; right: 205px; font-size: 12px; color: #bfa79d; } .shopping-cart-position { padding-left: 15px!important; } .shopping-cart-position span img { width: 15px; height: 15px; margin-left: 5px; /* vertical-align: middle; */ margin-top: 11px; } .icon-cart-appearance { font-size: 18px; margin-right: 6px; } .icon-question-appearance { padding-left: 0!important; padding-right: 0!important; } .icon-question-appearance a { padding-left: 5px!important; } .icon-question-appearance .now { border-bottom: none!important; } .icon-question-appearance img { vertical-align: middle!important; margin-top: -4px !important; } .box { position: absolute; left: 0; top: 140px; width: 100%; min-width: 1180px; background: #ffffff; overflow: hidden; height: 0; filter: alpha(opacity=0); opacity: 0; border-bottom: 1px solid #bfa79d; transition: all .2s; -o-transition: all .2s; -mz-transition: all .2s; -ms-transition: all .2s; } .cont { position: relative; width: 1180px; margin: 0 auto; } .cont .sub-list-intro { cursor: pointer; width: 1000px; height: 46px; margin-left: 290px; } .cont .sub-list-intro li { width: 11%; clear: both!important; padding-left: 0!important; padding-right: 0!important; display: inline-block; height: 40px; line-height: 40px; } .sub-list { padding-top: 20px; padding-bottom: 30px; cursor: pointer; float: left; width: 120px; height: 200px; } .sub-list li { width: 100%; text-align: left; clear: both!important; padding-left: 0!important; padding-right: 0!important; display: block; height: 40px; line-height: 40px; } .sub-list .selected { background-color: #ffffff; } .sub-list .selected:after { content: url("../img/angle-right.png"); vertical-align: middle; padding-top: 10px; margin-top: 10px; } .sub-box { float: left; height: 100%; } .sub-box .sub-cont { height: 100%; min-width: 600px; min-height: 100px; } .sub-box .sub-cont .sub-cont-img { float: left; margin-top: 20px; margin-left: 30px; } .sub-box .sub-cont ul { font-size: 12px; float: left; margin-top: 10px; } .sub-box .sub-cont ul li { display: block; cursor: pointer; clear: both; margin-top: 20px; } .sub-box .sub-cont ul li span { color: #bfa79d; font-size: 12px; margin-left: 10px; } .sub-box .sub-cont ul li span:first-child { color: #333333; margin-right: 10px; } /*fixed nav*/ .fixed-nav { width: 100%; min-width: 1180px; min-height: 45px; height: auto; position: absolute; z-index: 3; } .fixed-nav .fixed-nav-top { height: 45px; background-color: rgba(255, 255, 255, 0.9); width: 100%; border-bottom: 1px solid #bfa79d; } .fixed-nav-container { width: 1180px; margin: 0 auto; position: relative; } .fixed-nav-container h1 { line-height: 45px; display: inline-block; font-size: 18px; } .localnav-head-disclosure { display: block; outline: none; position: relative; z-index: 1; top: 7px; right: 145px; font-size: 14px; float: right; border: 0; padding: 0 3px 0 0; overflow: hidden; cursor: pointer; background: transparent; text-align: left; line-height: 32px; -webkit-tap-highlight-color: transparent; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; color: #000000; } .localnav-head-disclosure:hover { color: #000000 !important; } /*固定菜单下拉内容按钮样式*/ .disclosure-text { text-align: right; margin-right: 26px; font-weight: 400; font-size: 14px; } .disclosure-icon { position: absolute; z-index: 1; right: 0px; top: 9px; width: 14px; height: 14px; background-size: 14px; background-position: 0 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .disclosure-icon.grid-icon { opacity: .6; background-repeat: no-repeat; background-image: url("../img/grid_large.png"); background-size: 13px 13px; height: 13px; width: 13px; } .disclosure-icon.squares { opacity: 0; -webkit-transform: rotate(45deg) scale(0.5); -ms-transform: rotate(45deg) scale(0.5); transform: rotate(45deg) scale(0.5); } .disclosure-icon.remove { opacity: 0; -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); background-repeat: no-repeat; background-image: url("../img/close_large.png"); background-size: 14px 14px; height: 14px; width: 14px; } .disclosure-icon.open { opacity: .6; -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .zgd-purchase-button { position: absolute; right: 15px; top: 6px; } .fixed-nav-open-label { width: 100%; height: 185px; opacity: 0; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #bfa79d; } .localnav-menu { width: 1180px; margin: 0 auto; } .localnav-menu .localnav-links { padding-top: 15px; text-align: center; } .localnav-menu .localnav-links li { display: inline-block; zoom: 1; *display: inline; margin-left: 8px; } .localnav-menu .localnav-links li:first-child { margin-left: 0; } .thumbnail { position: relative; display: block; vertical-align: top; margin-bottom: 19px; font-size: 14px; line-height: 70px; text-align: center; font-weight: 400; -webkit-transition: opacity .05s ease; -moz-transition: opacity .05s ease; -ms-transition: opacity .05s ease; transition: opacity .05s ease; white-space: normal; color: #333; padding-top: 105px; width: 226px; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .open-thumbnail { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .thumbnail-design { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/1_06.jpg"); } .thumbnail-display { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/1_07.jpg"); } .thumbnail-technology { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/1_08.jpg"); } .thumbnail-camera { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/1_09.jpg"); } .thumbnail-connectivity { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/1_10.jpg"); } .thumbnail-whzg-design { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/whzg_1_06.jpg"); } .thumbnail-whzg-display { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/whzg_1_07.jpg"); } .thumbnail-whzg-camera { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/whzg_1_09.jpg"); } .thumbnail-whzg-connectivity { background-repeat: no-repeat; background-size: 226px 126px; background-image: url("../img/zgd/whzg_1_10.jpg"); } .thumbnail-large-row-1 { -webkit-transition: -webkit-transform 0.15s ease 0.16s, opacity 0.15s ease 0.16s; -moz-transition: -webkit-transform 0.15s ease 0.16s, opacity 0.15s ease 0.16s; -ms-transition: -webkit-transform 0.15s ease 0.16s, opacity 0.15s ease 0.16s; transition: transform .15s ease .16s, opacity .15s ease .16s; } /*固定菜单下拉内容按钮样式*/ .phone { position: absolute; right: 20px; top: 9px; } /** * Created by Administrator on 14-8-28. */ .container { width: 1180px; margin: 0 auto; } .s-container { width: 1004px; margin: 0 auto; } .nav-container { width: 1180px; margin: 0 auto; } /*index layout*/ .index-banner { margin-top: -140px; background-color: #fff; width: 100%; height: auto; } .block-left { width: 602px; height: 780px; float: left; border-bottom: 1px solid #bfa79d; margin-top: 25px; margin-bottom: 45px; } .block-right { width: 534px; height: 780px; margin-left: 30px; margin-top: 25px; margin-bottom: 45px; float: left; border-bottom: 1px solid #bfa79d; } .block-right .block-right-top { width: 100%; height: 319px; border: 1px solid #bfa79d; } .block-right .block-right-top:hover { background-color: #eee4dc; } .block-right .block-right-top .block-content { margin-top: 46px; text-align: center; color: #533f34; } .block-right .block-right-top .block-content .detail { font-size: 18px; margin-top: 3px; margin-bottom: 18px; } .block-right .block-right-top .block-content h1 { font-size: 28px; } .block-right .block-right-top .block-content span { font-size: 14px; line-height: 23px; margin-top: 8px; display: block; } .block-right .block-right-top .block-content span b { color: #c53721; font-size: 16px; margin-top: 8px; display: block; } .block-right .block-right-top .block-content a { margin-top: 20px; width: 115px; font-size: 12px; } .block-right .block-right-top .block-content a:hover { color: #ffffff !important; } .block-right .block-right-bottom { margin-top: 28px; } .main-product-introduce { text-align: center; } .main-product-introduce h1 { margin-top: 10px; font-size: 24px; color: #533f34; } .main-product-introduce span { font-size: 14px; margin-top: 7px; display: block; } .index-title { margin-top: 30px; font-size: 24px; color: #533f34; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #bfa79d; } .explorer-whzg { width: 281px; height: 200px; float: left; margin-right: 18px; margin-bottom: 120px; } .explorer-whzg img { width: 279px; } .explorer-whzg a h3 { text-align: center; line-height: 40px; border-bottom: 1px solid #bfa79d; } /*login layout*/ .login-title { font-size: 24px; color: #bfa79d; text-align: center; margin: 30px auto 30px auto; } .login-area { width: 100%; height: auto; min-height: 200px; border: 1px solid #bfa79d; margin-bottom: 65px; } .login-area .left { width: 444px; padding-left: 70px; padding-right: 70px; margin-top: 15px; float: left; } .login-area .right { width: 444px; margin-top: 15px; margin-bottom: 15px; padding-left: 70px; padding-right: 70px; border-left: 1px solid #f2edeb; float: left; } .login-area-title { text-align: center; width: 100%; margin: 0 auto; border-bottom: 1px solid #f2edeb; } .login-area-title b { font-size: 14px; } .login-area-title span { margin-top: 10px; display: block; padding-bottom: 20px; } /*info layout*/ .main-c { width: 960px; margin: 50px auto; } .text-h { text-align: center; font-weight: 700; font-size: 20px; margin-bottom: 20px; } .text-time { margin-left: 20px; } .slider-c { position: relative; height: 565px; margin-top: 20px; } .text-c { padding: 15px 100px; font-size: 14px; line-height: 22px; } .text-c p { -webkit-margin-before: 1.5em; -webkit-margin-after: 1.5em; } .text-c p img { max-width: 100%; } .text-share { padding-left: 100px; line-height: 40px; vertical-align: top; } .share-icon { background: url("../img/share-icon.png"); } .wechat, .weibo, .qq { display: inline-block; width: 31px; height: 31px; } .wechat { background-position: 0 0; margin-left: 20px; } .weibo { background-position: -47px 0; margin-left: 5px; } .qq { background-position: -93px 0; margin-left: 5px; } /*新闻列表*/ .n-container { padding-left: 15px; } #tiles { margin-top: 45px; position: relative; margin-bottom: 110px; } #tiles li { width: 200px; /* background-color: @white; border: 1px solid @lightBorderColor; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;*/ display: none; /** Hide items initially to avoid a flicker effect **/ padding-bottom: 65px; } #pic-loader { display: none; position: fixed; bottom: 20px; left: 50%; background: transparent url("../img/loader-circle-image.gif") no-repeat center center; width: 32px; height: 32px; opacity: 0; margin-left: -16px; } .card-intro { margin-top: 16px; } .card-t { font-weight: 700; font-size: 16px; margin-bottom: 6px; } .card-news { font-size: 12px; color: #767676; margin-bottom: 12px; line-height: 22px; } .card-more, .card-more a { color: #acacac; } /* 中国道*/ .zgdList-banner { background-color: #000; width: 100%; height: auto; text-align: center; position: relative; } .zgdList-banner-img { width: 100%; max-width: 1600px; } .zgdList-nav { width: 100%; background: rgba(230, 230, 230, 0.8); border-bottom: 1px solid #bfa79d; position: absolute; top: 0; height: 163px; } .zgdList-nav .zhgList-nav-content ul { display: inline-block; } .zgdList-nav .zhgList-nav-content ul li { float: left; margin-left: 30px; } .more-list { display: block; margin: 10px auto 90px auto; text-align: center; } .zgd-section-one { text-align: center; background-color: #000000; width: 100%; margin-top: -45px; } .zgd-section-one img { max-width: 1600px; width: 100%; } .zgd-section-two { position: relative; width: 100%; height: 661px; background-color: #fafafa; text-align: center; overflow: hidden; } .zgd-section-two .image-one { position: relative; top: 50px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-two .image-two { position: relative; top: 70px; left: 0; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-two .top-to-bottom { position: relative; top: 50px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .left-to-right { position: relative; top: 10px!important; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-three { position: relative; width: 100%; height: 656px; background-color: #fafafa; text-align: center; overflow: hidden; } .zgd-section-three .zgd-section-three-content { max-width: 1600px; width: 100%; margin: 50px auto 30px auto; } .zgd-section-three .zgd-section-three-content a { float: left; } .zgd-section-three .zgd-section-three-content .images { position: relative; left: 0; width: 70%; } .zgd-section-three .zgd-section-three-content .images .image-one { z-index: 2; } .zgd-section-three .zgd-section-three-content .images .image-two { z-index: 1; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-three .zgd-section-three-content .images img { width: 100%; position: absolute; top: 0; left: 0; } .zgd-section-three .zgd-section-three-content .image-three { position: relative; top: 280px; right: -250px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-four { position: relative; width: 100%; background-color: #000000; overflow: hidden; } .zgd-section-four .zgd-section-four-content { max-width: 1600px; width: 100%; margin: 0 auto; height: 660px; background: url("../img/zgd/1_18.jpg") center no-repeat; background-size: 1600px 660px; } .zgd-section-four .zgd-section-four-content a { float: left; } .zgd-section-four .zgd-section-four-content .image-one { width: 100%; } .zgd-section-four .zgd-section-four-content .image-two { position: relative; top: 30px; left: 143px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-five { position: relative; width: 100%; background-color: #000000; overflow: hidden; } .zgd-section-five .zgd-section-five-content { max-width: 1600px; width: 100%; margin: 0 auto; height: 658px; background: url("../img/zgd/1_19.jpg") center no-repeat; background-size: 1600px 658px; } .zgd-section-five .zgd-section-five-content a { float: left; } .zgd-section-five .zgd-section-five-content .image-one { width: 100%; } .zgd-section-five .zgd-section-five-content .image-two { position: absolute; top: 200px; right: 0; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-six { position: relative; width: 100%; background-color: #000000; overflow: hidden; max-height: 648px; } .zgd-section-six .zgd-section-six-content { max-width: 1600px; width: 100%; margin: 0 auto; height: 648px; background: url("../img/zgd/1_21.jpg") center no-repeat; background-size: 1600px 648px; } .zgd-section-six .zgd-section-six-content a { float: left; } .zgd-section-six .zgd-section-six-content .image-one { width: 100%; } .zgd-section-six .zgd-section-six-content .image-two { position: relative; top: 30px; left: 143px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-seven { position: relative; width: 100%; background-color: #000000; overflow: hidden; } .zgd-section-seven .zgd-section-seven-content { max-width: 1600px; width: 100%; margin: 0 auto; height: 658px; background: url("../img/zgd/1_23.jpg") center no-repeat; background-size: 1600px 658px; } .zgd-section-seven .zgd-section-seven-content a { float: left; } .zgd-section-seven .zgd-section-seven-content .image-one { width: 100%; } .zgd-section-seven .zgd-section-seven-content .image-two { position: relative; top: 30px; left: 143px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; transition: all 1.5s; } .zgd-section-eight p { font-size: 16px; text-align: center; line-height: 34px; } .zgd-section-eight h1 { font-size: 36px; color: #bfa79d; font-weight: normal; text-align: center; margin-top: 50px; margin-bottom: 30px; } .zgd-section-eight .zgd-three-col { margin: 0 auto; width: 1000px; } .zgd-section-eight .zgd-three-col div { float: left; width: 303px; height: 610px; margin-right: 24px; } .zgd-section-eight .zgd-three-col div h2 { font-size: 18px; text-align: center; margin-top: 18px; font-weight: 600; } .zgd-section-eight .zgd-three-col div p { font-size: 14px; text-align: center; } .good-information2-img { display: inline-block; margin-top: 50px; } .good-information2-content-imgOne { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_01.jpg") center top no-repeat; float: left; } .good-information2-content-imgOneHover { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_01_01.jpg") center top no-repeat; float: left; } .good-information2-content-imgTwo { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_02.jpg") center top no-repeat; float: left; } .good-information2-content-imgTwoHover { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_02_02.jpg") center top no-repeat; float: left; } .good-information2-content-imgThree { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_03.jpg") center top no-repeat; float: left; } .good-information2-content-imgThreeHover { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_03_03.jpg") center top no-repeat; float: left; } .good-information2-content-imgFour { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_04.jpg") center top no-repeat; float: left; } .good-information2-content-imgFourHover { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_04_04.jpg") center top no-repeat; float: left; } .good-information2-content-imgFive { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_05.jpg") center top no-repeat; float: left; } .good-information2-content-imgFiveHover { width: 136px; height: 178px; cursor: pointer; background: url("../img/zgd/7_05_05.jpg") center top no-repeat; float: left; } /*中国道系列动画*/ .productbrowser-item { -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-duration: 0.35s; animation-duration: 0.35s; -webkit-animation-name: productbrowser-items-slidein-animation; animation-name: productbrowser-items-slidein-animation; } .productbrowser-item:nth-child(2) { -webkit-animation-delay: 0.1.5s; animation-delay: 0.1.5s; } .productbrowser-item:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @keyframes productbrowser-items-slidein-animation { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes productbrowser-items-slidein-animation { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 1366px) { .zgd-section-five-content { height: 600px!important; } .zgd-section-five .zgd-section-five-content .image-two { top: 360px; right: 0; } } /*中国道酒品*/ #dot-nav { position: fixed; top: 200px; right: 50px; z-index: 9999; padding: 10px; } #dot-nav li { margin-bottom: 10px; } #dot-nav .dot { width: 17px; height: 17px; display: block; background-image: url(../img/zgd/dot.png); background-size: 17px 17px; } #dot-nav .selected { width: 17px; height: 17px; display: block; background-image: url(../img/zgd/dot_selected.png); background-size: 17px 17px; } #zgdOne-section-one { background: url(../img/zgd/2_01.jpg) 50% 0 no-repeat fixed; color: white; height: 600px; margin: 0 auto; padding: 0; } #zgdOne-section-two { background: url(../img/zgd/2_02.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-three { background: url(../img/zgd/2_03.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-four { background: url(../img/zgd/2_04.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-five { background: url(../img/zgd/2_05.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-six { background: url(../img/zgd/2_06.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-seven { background: url(../img/zgd/2_07.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-eight { background: url(../img/zgd/2_08.jpg) 50% 0 no-repeat fixed; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #zgdOne-section-nine { color: white; height: 420px; margin: 0 auto; padding: 0; position: relative; } .zgdOne-section-angle { width: 0; height: 0; border-bottom: 40px #ffffff solid; border-left: 40px solid transparent; border-right: 40px solid transparent; position: absolute; top: -40px; left: 50%; margin-left: -40px; } .zgdOne-section-angle span { color: #b18247; font-size: 26px; text-align: center; vertical-align: middle; margin-left: -7px; line-height: 51px; } .zgdOne-section-content { height: 676px; background-color: #ffffff; width: 100%; color: #000000; } .zgdOne-section-content h1 { text-align: center; padding-top: 50px; font-size: 30px; color: #000000; } .zgdOne-section-content h3 { font-size: 24px; text-align: center; color: #000000; margin-top: 8px; } .zgdOne-section-content p { font-size: 16px; text-align: center; margin-top: 8px; } .zgdOne-section-content .s-container { margin-top: 35px; } .zgdOne-section-content .s-container .left { width: 570px; float: left; } .zgdOne-section-content .s-container .left img { width: 100%; } .zgdOne-section-content .s-container .right { width: 416px; float: right; } .zgdOne-section-content .s-container .right .top { padding-top: 30px; padding-bottom: 30px; line-height: 24px; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; margin-bottom: 30px; } .zgdOne-section-content .s-container .right .bottom { width: 620px; overflow: hidden; } .zgdOne-section-content .s-container .right .bottom img { float: left; } .zgdOne-section-content .s-container .right .bottom img:first-child { margin-right: 20px; } .zgdOne-section-content .s-container .center { padding-top: 30px; padding-bottom: 30px; line-height: 24px; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; margin-bottom: 30px; width: 543px; margin: 0 auto; } .zgdOne-section-content .s-container .left-short { width: 448px; float: left; } .zgdOne-section-content .s-container .left-short .top { padding-top: 30px; padding-bottom: 30px; line-height: 24px; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; margin-bottom: 30px; } .zgdOne-section-content .s-container .right-short { width: 500px; float: right; } /*大使介绍页*/ .master-intro-banner { margin-top: -140px; background-color: black; width: 100%; text-align: center; overflow: hidden; } .master-intro-banner img { width: 100%; vertical-align: middle; } .master-title { height: 138px; background: white; text-align: center; overflow: hidden; } .master-title-c { margin-top: 55px; } .master-title-c p { text-spacing: 10; letter-spacing: 6px; margin-top: 5px; } .master-ul { list-style: none; } .master-ul .master-li { height: 430px; } .master-ul .master-li .people { float: left; background: #232324; height: 430px; width: 41%; position: relative; letter-spacing: 2px; } .master-ul .master-li .people .people-w { float: right; color: white; text-align: center; margin-right: 100px; margin-top: 58px; } .master-ul .master-li .people .people-w .people-name { font-size: 24px; margin: 20px 0 10px; } .master-ul .master-li .people .people-w .people-intro { font-size: 12px; line-height: 24px; margin-bottom: 25px; letter-spacing: 1px; } .master-ul .master-li .people .people-odd { float: left; margin-left: 100px; } .master-ul .master-li .people .arr-r { border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 19px solid #232324; height: 0; width: 0; position: absolute; top: 205px; right: -19px; z-index: 4; } .master-ul .master-li .people .arr-l { border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-right: 19px solid #232324; height: 0; width: 0; position: absolute; top: 205px; left: -19px; z-index: 4; } .master-ul .master-li .people .tips { right: 20px; bottom: 20px; position: absolute; } .master-ul .master-li .gg-pic { float: left; height: 430px; width: 59%; position: relative; overflow: hidden; } .master-ul .master-li .gg-pic .gg-pic-j { height: 100%; } .master-ul .master-li .gg-pic .pic-j-odd { position: absolute; right: 0; } .master-ul .master-li .gg-pic .gg-pic-c { width: 100%; float: right; position: absolute; cursor: pointer; top: 0; background: url('../img/master-intro/bg-op.png') repeat; background: rgba(213, 213, 213, 0.9); display: none; } .master-ul .master-li .gg-pic .gg-pic-c .text-w { float: left; margin-left: 55px; margin-right: 35px; margin-top: 152px; font-size: 12px; line-height: 24px; width: 320px; } .master-ul .master-li .gg-pic .gg-pic-c .text-w .text-t { font-size: 24px; font-weight: bolder; margin-bottom: 10px; } .master-ul .master-li .gg-pic .gg-pic-c .pic { vertical-align: top; float: left; } .master-ul .master-li .gg-pic .pic-c-odd .text-w { float: right; margin-right: 45px; margin-left: 45px; } .master-ul .master-li .gg-pic .pic-c-odd .pic { float: right; } .footer { width: 100%; min-width: 1170px; background-color: #000000; height: 200px; } .footer-nav { position: relative; text-align: center; } .footer-nav ul { display: inline-block; margin-left: 71px; } .footer-nav ul li { float: left; margin-right: 70px; margin-top: 50px; font-size: 15px; } .footer-nav ul li a { color: #bfa79d; } .bottom-logo { margin-top: -37px; } .copyright-info { position: absolute; bottom: 0; right: 0; color: #8c756a; font-size: 12px; } .copyright-info a { color: #8c756a; } .lecture-hall { margin-top: -20px; } .footer-border { width: 100%; min-width: 1170px; max-width: 1920px; margin: 20px auto 0 auto; } .footer-border img { width: 100%; } /* button */ .button { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; min-width: 100px; background-color: #533f34; border: 0.1rem solid #533f34; color: #ffffff; } .button:hover { background-color: #200c01; border: 0.1rem solid #200c01; color: #ffffff !important; } .button:active { background-color: #533f34; border: 0.1rem solid #533f34; } .red-button { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; min-width: 100px; background-color: #c53721; border: 0.1rem solid #c53721; color: #ffffff; } .red-button:hover { background-color: #920400; border: 0.1rem solid #920400; color: #ffffff !important; } .red-button:active { background-color: #c53721; border: 0.1rem solid #c53721; } .gold-button { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; min-width: 100px; background-color: #f3d1a3; border: 0.1rem solid #f3d1a3; color: #c53721; } .gold-button:hover { background-color: #c09e70; border: 0.1rem solid #c09e70; color: #ffffff !important; } .gold-button:active { background-color: #f3d1a3; border: 0.1rem solid #f3d1a3; } .light-button { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; min-width: 100px; background-color: #c8a985; border: 0.1rem solid #c8a985; color: #ffffff; } .light-button:hover { background-color: #957652; border: 0.1rem solid #957652; color: #ffffff !important; } .light-button:active { background-color: #c8a985; border: 0.1rem solid #c8a985; } .grey-button { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; min-width: 100px; background-color: #cccccc; border: 0.1rem solid #cccccc; color: #ffffff; } .grey-button:hover { background-color: #999999; border: 0.1rem solid #999999; color: #ffffff !important; } .grey-button:active { background-color: #cccccc; border: 0.1rem solid #cccccc; } .white-button { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-align: center; cursor: pointer; min-width: 100px; border: 2px solid #ffffff; color: #ffffff; } .white-button:hover { background-color: #ffffff; color: #bfa79d !important; } .white-button:active { background-color: #ffffff; } button[disabled] { background-color: #acacac; border: 1px solid #acacac; } button[disabled]:hover { background-color: #acacac; border: 0.1rem solid #acacac; } button[disabled]:active { background-color: #acacac; border: 0.1rem solid #acacac; } .button-disabled { background-color: #acacac !important; border: 1px solid #acacac !important; } .button-disabled:hover { background-color: #acacac !important; border: 1px solid #acacac !important; } .button-disabled:active { background-color: #acacac !important; border: 1px solid #acacac !important; } .login-form { width: 100%; margin: 0 auto; } .login-input-area { margin-top: 10px; position: relative; margin-bottom: 18px; } .login-input-area .input-left { width: 49%; float: left; } .login-input-area .input-right { width: 49%; float: right; } .login-input-area label input { vertical-align: middle; } .login-input-area p { margin-top: 90px; color: #acacac; } .login-label { padding-top: 10px; padding-bottom: 10px; } .login-button-position { margin: 30px auto; display: block; } .login-area-border { border-top: 1px solid #f2edeb; } .forget-password { margin-bottom: 10px; margin-top: -6px; } .error-tip { position: absolute; width: 236px; height: 50px; color: red; left: 0; } .error-tip span { margin-right: 10px; font-size: 12px; } .vaertify-img { margin-top: 40px; } .input-style { height: 28px; border: 1px solid #bfa79d; font-family: "Microsoft Yahei"; background-color: #fff; font-size: 12px; } .vartify-button { margin-top: 36px; } .yuyue-input { border: 1px solid #bfa79d; height: 25px; line-height: 25px; padding: 5px; width: 225px; } .forget-password-container { min-height: 600px; } .find-process { width: 470px; margin: 50px auto 30px auto; } .find-process .shopcartstep { height: 24px; padding: 30px 0 25px; } .find-process .shopcartstep li { list-style: none; float: left; color: #cdcdcd; font-size: 14px; margin-right: 30px; line-height: 24px; } .find-process .shopcartstep li span { display: inline-block; width: 24px; line-height: 24px; height: 24px; background: #d1d1d2; color: #fff; text-align: center; margin-right: 10px; } .find-process .shopcartstep li.complete { color: #000; } .find-process .shopcartstep li.complete span { background: #c33829; } .login-form-find { width: 230px; margin: 0 auto; } .pnotify-success { background-color: #ffffff; font-size: 16px; } /* 品牌故事*/ /*.band-story-banner{ text-align: center; background-color: @black; margin-top: -140px; img{ width: 100%; max-width: 1200px; } }*/ .band-story-img-one { width: 955px; display: block; margin: 60px auto; } .band-story-content-style h2 { font-size: 18px; font-weight: bold; margin-top: -4px; } .band-story-content-style p { font-size: 14px; color: #878787; line-height: 24px; margin-top: 30px; } .band-story-section-one { width: 984px; margin: 0 auto; } .band-story-section-one .left { float: left; width: 471px; margin-top: 76px; } .band-story-section-one .right { float: right; width: 468px; } .band-story-section-one .right img { width: 437px; height: 500px; } .band-story-section-two { width: 984px; margin: 0 auto; margin-top: 70px; margin-bottom: 100px; } .band-story-section-two .left { float: left; width: 466px; } .band-story-section-two .left img { width: 100%; } .band-story-section-two .left .image-two { width: 590px; margin-left: -124px; margin-top: 13px; } .band-story-section-two .right { float: right; margin-top: 85px; width: 471px; } /* 购物车相关*/ .cart-empty { width: 600px; margin: 140px auto 200px auto; } .cart-empty-left { float: left; width: 380px; } .cart-empty-left .red-button { width: 150px; } .cart-empty-right { background: url("../img/cart/cart.png") center top no-repeat; width: 218px; height: 247px; float: left; } .my-cart { position: relative; margin: 20px auto 100px auto; } .my-cart .selected { border: 1px solid #c53721 !important; } .my-cart h1 { font-weight: 200; font-size: 20px; margin-bottom: 10px; margin-top: 10px; } .my-cart ul { width: 100%; margin: 0; padding: 0; } .my-cart ul li { float: left; font-size: 14px; text-align: center; } .table-name { height: 40px; line-height: 40px; background-color: #f8f8f8; border-top: 1px solid #f2edeb; } .table-content { border-bottom: 1px solid #f2edeb; height: 190px; } .table-content li { margin-top: 20px; } .table-content li > a.pic img { width: 150px; height: 150px; vertical-align: middle; } .table-content li > a.name { font-size: 16px; width: 50%; font-weight: 200; margin-left: 20px; display: inline-block; margin-top: 25px; vertical-align: middle; } .table-content li a span { line-height: 15px; font-size: 12px; display: inline-block; margin-top: 5px; } .cart-number-oprate { width: 140px; margin: 0 auto; margin-top: 60px; border: 1px solid #f2edeb; height: 30px; } .cart-number-oprate div { float: left; } .cart-number-oprate .number-minus { width: 30px; height: 30px; text-align: center; line-height: 30px; border-right: 1px solid #f2edeb; background-color: #f8f8f8; } .cart-number-oprate .number-middle { line-height: 30px; width: 78px; } .cart-number-oprate .number-plus { width: 30px; height: 30px; text-align: center; float: right!important; line-height: 30px; border-left: 1px solid #f2edeb; background-color: #f8f8f8; } .cart-total { height: 37px; } .cart-total div { float: left; } .cart-total .cart-total-one { font-size: 16px; margin-top: 12px; } .cart-total .cart-total-two { font-size: 28px; color: #ff9900; } .product-display { border-bottom: 1px solid #f2edeb; } .product-display li { margin-top: 20px; } .product-display li a img { width: 70px; height: 70px; vertical-align: middle; } .address-list { margin-top: 10px; margin-bottom: 20px; padding-top: 10px; } .address-list .address-square { width: 295px; height: 125px; border: 1px solid #f2edeb; background-color: #f8f8f8; padding: 10px; margin-right: 10px; font-size: 13px; margin-top: 10px; cursor: pointer; float: left; } .address-list .address-square .address-user-name { font-size: 14px; border-bottom: 1px solid #f2edeb; } .address-list .address-square .edit-icon { float: right; } .address-list .address-square .edit-icon a i { width: 20px; display: inline-block; } .pay-detail { height: 160px; background-color: #f8f8f8; margin-top: 20px; font-size: 14px; } .order-number { width: 300px; margin-left: 15px; padding-top: 15px; border-bottom: 1px solid #f2edeb; } .order-money { margin-left: 15px; padding-top: 15px; } .order-money p { margin: 0; } .pay-method { border: 1px solid #f8f8f8; height: 160px; margin-top: 20px; } .pay-method .pay-method-detail { height: 160px; background-color: #f8f8f8; width: 200px; float: left; } .pay-method .pay-method-detail p { font-size: 12px; padding-left: 30px; padding-top: 10px; padding-right: 20px; } .pay-method .pay-method-detail p span { font-size: 14px; } .pay-method .pay-methos-aliy { margin-top: 25px; float: left; margin-left: 30px; } .pay-method .pay-methos-aliy img { vertical-align: middle; } .pay-detail-two { background-color: #f8f8f8; margin-top: 20px; font-size: 14px; padding-bottom: 30px; } /*支付弹出层*/ .popup { position: absolute; top: 1030px; width: 590px; left: 50%; visibility: hidden; z-index: 9999; height: 307px; background-color: #fff; margin-left: -295px; } .popup .modal-header { height: 58px; padding-top: 2px; margin: 0 30px; border-bottom: 1px solid #ddd; position: relative; } .popup .modal-header .close { right: -90px; } .popup .modal-header h3 { margin: 0; line-height: 58px; font-size: 18px; color: #333; } .popup .modal-body { position: relative; max-height: 400px; padding: 30px; margin-top: 20px; } .popup-two { position: absolute; top: 1030px; width: 590px; left: 50%; visibility: hidden; z-index: 9999; height: 307px; background-color: #fff; margin-left: -295px; } .popup-two .modal-header { height: 58px; padding-top: 2px; margin: 0 30px; border-bottom: 1px solid #ddd; position: relative; } .popup-two .modal-header .close { right: -90px; } .popup-two .modal-header h3 { margin: 0; line-height: 58px; font-size: 18px; color: #333; } .popup-two .modal-body { position: relative; max-height: 400px; padding: 30px; margin-top: 20px; } .popup-two .modal-body .pay-addr { margin-top: 8px; margin-bottom: 8px; } .popup-two .modal-body .pay-addr span { width: 302px; display: inline-block; zoom: 1; *display: inline; overflow: auto; vertical-align: middle; } .popup-two .modal-body .red-button { margin-left: 20px; } .avgrund-cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998; visibility: hidden; opacity: 1; background: rgba(0, 0, 0, 0.5); } /*预约购买*/ #yuyue .image-one { width: 100%; margin-bottom: 20px; } #yuyue .content { display: inline-block; margin-left: 23px; margin-bottom: 30px; } #yuyue .content .red-button { margin-left: 117px; margin-top: 21px; } #yuyue .content > div { margin-top: 20px; } #yuyue .content label { font-size: 14px!important; display: inline-block; zoom: 1; *display: inline; text-align: right; width: 98px; margin-right: 15px; } #yuyue .content p { font-size: 14px; line-height: 24px; } #yuyue .content p span { color: #c53721; font-size: 16px; } #yuyue .content h2 { font-size: 24px; color: #bfa79d; margin-top: 28px; margin-bottom: 12px; } #yuyue .attention { display: inline-block; margin-left: 166px; vertical-align: top; margin-top: 30px; width: 470px; } #yuyue .attention p:nth-child(4) { margin: 20px 0; } .yuyue-cart-number-oprate { width: 140px; border: 1px solid #f2edeb; height: 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .yuyue-cart-number-oprate div { float: left; } .yuyue-cart-number-oprate .number-minus { width: 30px; height: 30px; text-align: center; line-height: 30px; border-right: 1px solid #f2edeb; background-color: #f8f8f8; } .yuyue-cart-number-oprate .number-middle { line-height: 30px; width: 78px; text-align: center; } .yuyue-cart-number-oprate .number-plus { width: 30px; height: 30px; text-align: center; float: right!important; line-height: 30px; border-left: 1px solid #f2edeb; background-color: #f8f8f8; } .yuyue-cart-total { display: inline-block; zoom: 1; *display: inline; font-size: 28px; color: #ff9900; } .yuyue-code-success { color: forestgreen; font-size: 18px; margin-left: 10px; } /*口碑热议*/ .koubei-container { width: 960px; margin: 0 auto; } .koubei-block { width: 358px; height: 358px; float: left; margin-right: 45px; background-size: 358px 358px!important; background-repeat: no-repeat; margin-top: 20px; margin-bottom: 20px; cursor: pointer; position: relative; } .koubei-common-content { width: 180px; height: 180px; background-color: #ffffff; position: absolute; } .koubei-common-content .content { width: 170px; height: 170px; background-color: #efefef; position: absolute; } .koubei-common-content .content h1 { font-size: 46px; padding-left: 10px; padding-top: 5px; color: #3a3b3d; font-family: "CochinLTStd", "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; } .koubei-common-content .content p { color: #878787; padding: 10px; font-size: 12px; line-height: 14px; } .koubei-common-content .content-hover { width: 170px; height: 170px; background-color: #3a3b3d; position: absolute; display: none; } .koubei-common-content .content-hover h1 { font-size: 46px; padding-left: 10px; padding-top: 5px; color: #ffffff; font-family: "CochinLTStd", "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; } .koubei-common-content .content-hover p { color: #ffffff; padding: 10px; font-size: 12px; line-height: 14px; } .koubei-litle-block-top-right { right: 0; } .koubei-litle-block-top-right .content { right: 0; } .koubei-litle-block-top-right .content-hover { right: 0; } .koubei-litle-block-bottom-right { right: 0; bottom: 0; } .koubei-litle-block-bottom-right .content { right: 0; bottom: 0; } .koubei-litle-block-bottom-right .content-hover { right: 0; bottom: 0; } .koubei-litle-block-bottom-left { bottom: 0; } .koubei-litle-block-bottom-left .content { bottom: 0; } .koubei-litle-block-bottom-left .content-hover { bottom: 0; } /*口碑热议第二版*/ .koubei-news-container { border-top: 1px solid #f2edeb; } .koubei-news { float: left; padding-top: 2px; display: block; border-top: solid 3px transparent; color: #000; width: 320px; height: 450px; margin-bottom: 35px; box-sizing: border-box; } .koubei-news:hover { box-shadow: 0 0 20px #acacac; border-top: 3px solid #000000; } .koubei-news h1 { margin: 0; margin-left: 5px; font-size: 27px; font-weight: normal; font-style: normal; letter-spacing: 0.2em; } .koubei-news h2 { font-size: 0.75em; font-family: "ITCAvantGardeGothicStd", Helvetica, Arial, sans-serif; padding-left: 5px; margin: 6px 0 7px 0; font-weight: normal; font-style: normal; } .koubei-news h2 span { font-family: "ITCAvantGardeGothicStdBold", Helvetica, Arial, sans-serif; font-weight: bold; } .koubei-news img { width: 100%; max-height: 193px; } .koubei-news .news-content { color: #000000; padding-left: 15px; padding-right: 15px; } .koubei-news .news-content a:hover { color: #000000; } .koubei-news .news-content h1 { padding-left: 0; line-height: 30px; font-size: 22px; letter-spacing: -1px; margin: 15px 0 15px 0; } .koubei-news .news-content p { font-family: Arial, sans-serif; font-size: 13px; line-height: 21px; } /*帮助中心*/ .etabs { width: 1180px; top: 160px; border-bottom: 1px solid #f2edeb; } .tab { display: inline-block; *display: inline; zoom: 1; padding-top: 4px; padding-right: 10px; padding-left: 10px; } .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; } .tab.active { padding-top: 4px; position: relative; top: 1px; border: 1px solid #f2edeb; border-bottom: 1px solid #ffffff; } .tab a.active { color: #c33829; } .panel-container { margin-top: 20px; } #tab-container { margin-top: 30px; min-height: 730px; } .contact-bottom { margin-top: 20px; } .contact-bottom ul { width: 33%; float: left; margin-bottom: 50px; } .contact-bottom ul li { float: none; text-align: left; } .contact-bottom ul li:first-child { font-size: 18px; } #tabs-two p { padding-bottom: 14px; } #tabs-two img { border: 1px solid #bfa79d; } .master-section-one { margin: 45px auto 20px auto; padding-bottom: 40px; border-bottom: 1px solid #f2edeb; } .master-section-one div { display: inline-block; zoom: 1; *display: inline; } .master-section-one .left img { width: 656px; height: 458px; } .master-section-one .right { text-align: center; vertical-align: top; margin-top: 80px; margin-left: 30px; } .master-section-one .right h2 { font-size: 24px; margin: 15px auto 15px auto; } .master-section-one .right p.p-1 { font-size: 18px; margin-top: 20px; line-height: 35px; } .master-section-one .right p.p-2 { font-size: 14px; margin-top: -10px; color: #b18247; } .master-section-one .right p.p-3 { font-size: 14px; color: #333333; margin: 10px auto 15px; } .master-section-one .right .red-button { width: 150px; } .master-section-two { border-bottom: 1px solid #f2edeb; padding-bottom: 20px; margin-bottom: 20px; } .master-section-two .wrap { width: 920px; margin: 0 auto; } .master-section-two .wrap .left { float: left; } .master-section-two .wrap .left h1 { font-size: 36px; margin-left: -18px; margin-top: 90px; } .master-section-two .wrap .left h2 { font-size: 24px; margin: 15px auto; } .master-section-two .wrap .left p { font-size: 12px; width: 534px; line-height: 24px; } .master-section-two .wrap .right { float: right; } .master-section-three { border-bottom: 1px solid #f2edeb; padding-bottom: 20px; margin-bottom: 20px; } .master-section-three .wrap { width: 920px; margin: 0 auto; } .master-section-three .wrap .left { float: left; } .master-section-three .wrap .right { width: 540px; float: right; } .master-section-three .wrap .right h1 { font-size: 36px; margin-left: -18px; margin-top: 70px; } .master-section-three .wrap .right h2 { font-size: 24px; margin: 15px auto; } .master-section-three .wrap .right p { margin-bottom: 15px; line-height: 24px; font-size: 12px; } .master-section-four { text-align: center; border-bottom: 1px solid #f2edeb; padding-bottom: 40px; } .master-section-four h1 { margin-top: 35px; font-size: 36px; } .master-section-four h2 { font-size: 24px; margin: 15px auto; } .master-section-four p { margin-bottom: 40px; font-size: 12px; } .master-section-four .special-p { margin-bottom: 15px; font-size: 14px; } .master-section-four .image-one { width: 100%; margin-bottom: 10px; } .master-section-four .image-two { width: 820px; height: 780px; margin-top: 20px; margin-left: -132px; } .master-section-five { text-align: center; position: relative; height: 1300px; border-bottom: 1px solid #f2edeb; } .master-section-five h1 { margin-top: 35px; font-size: 36px; } .master-section-five h2 { font-size: 24px; margin: 15px auto; } .master-section-five p { margin-bottom: 40px; font-size: 12px; line-height: 26px; } .master-section-five .left { float: left; margin-left: 150px; } .master-section-five .left .top { text-align: right; } .master-section-five .right { float: left; margin-left: 6px; text-align: left; } .master-section-five .right .one { text-align: left; width: 284px; padding: 20px 40px; border: 1px solid #f2edeb; margin-bottom: 12px; } .master-section-five .right .image-one { margin-bottom: 7px; } .master-section-five .image-three { position: absolute; bottom: 85px; right: 431px; } .master-swift-banner { position: relative; margin-bottom: 100px; } .master-swift-banner h1 { text-align: center; margin-top: 35px; font-size: 36px; } .master-swift-banner h2 { text-align: center; font-size: 24px; margin: 15px auto 30px; } .master-swift-banner .banner-img img { width: 938px!important; min-width: 500px; } .master-swift-banner .left { width: 40px; height: 68px; background: url("../img/angle.png"); position: absolute; left: 50px; top: 50%; margin-top: 36px; cursor: pointer; } .master-swift-banner .right { width: 40px; height: 68px; background: url("../img/angle.png") -40px 0; position: absolute; right: 50px; top: 50%; margin-top: 36px; cursor: pointer; } .master-swiper-container, .swiper-slide { margin: 0 auto; position: relative; overflow: hidden; width: 938px; height: 444px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .master-swiper-container .swiper-slide, .swiper-slide .swiper-slide { overflow: hidden; } .master-swiper-container .swiper-slide img, .swiper-slide .swiper-slide img { width: 100%; } /* 文化中国*/ #whzg-dot-nav { position: fixed; top: 200px; right: 50px; z-index: 9999; padding: 10px; } #whzg-dot-nav li { margin-bottom: 10px; } #whzg-dot-nav .dot { width: 17px; height: 17px; display: block; background-image: url(../img/zgd/dot.png); background-size: 17px 17px; } #whzg-dot-nav .selected { width: 17px; height: 17px; display: block; background-image: url(../img/zgd/dot_selected.png); background-size: 17px 17px; } #whzg-section-one { background: url(../img/whzg/1_01.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1200px; margin: 0 auto; padding: 0; } #whzg-section-two { background: url(../img/whzg/1_02.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1002px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-three { background: url(../img/whzg/1_03.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 990px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-four { background: url(../img/whzg/1_04.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1107px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-five { background: url(../img/whzg/1_05.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 800px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-six { background: url(../img/whzg/1_06.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 800px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-seven { background: url(../img/whzg/1_07.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-eight { background: url(../img/whzg/1_08.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-eight .four-block { padding-top: 50px; } #whzg-section-eight .four-block div { display: inline-block; zoom: 1; *display: inline; width: 290px; height: 400px; position: relative; } #whzg-section-eight .four-block div .white-button { position: absolute; width: 150px; left: 50%; margin-left: -75px; bottom: 110px; } #whzg-section-eight .four-block .one { background: url("../img/whzg/2_01.jpg") no-repeat; background-size: 288px auto; } #whzg-section-eight .four-block .two { background: url("../img/whzg/2_02.jpg") no-repeat; background-size: 288px auto; } #whzg-section-eight .four-block .three { background: url("../img/whzg/2_03.jpg") no-repeat; background-size: 288px auto; } #whzg-section-eight .four-block .four { background: url("../img/whzg/2_04.jpg") no-repeat; background-size: 288px auto; } #whzg-section-nine { background: url(../img/whzg/1_09.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-ten { background: url(../img/whzg/1_10.jpg) 50% 0 no-repeat fixed; background-color: #000000; color: white; height: 1200px; margin: 0 auto; padding: 0; position: relative; } #whzg-section-eleven { background: url(../img/whzg/1_11.jpg) 50% 0 no-repeat; margin-top: 100px; height: 814px; } .whzg-section-content { width: 1180px; margin: 0 auto; } .whzg-section-content .wrap-img { text-align: center; } .whzg-section-content .wrap-img .image-one { padding-top: 60px; } .whzg-section-content .whzg-all-product { width: 416px; height: 416px; border: 2px solid #d7c6b2; background-color: rgba(0, 0, 0, 0.7); margin: 100px auto 0 auto; color: #d7c6b2; } .whzg-section-content .whzg-all-product ul { float: left; margin-left: 30px; margin-bottom: 20px; width: 190px; } .whzg-section-content .whzg-all-product ul li { margin-bottom: 7px; } .whzg-section-content .whzg-all-product .text-align-right { width: 150px; } .whzg-section-content .whzg-all-product a { color: #d7c6b2; } .whzg-section-content .whzg-all-product h1 { font-size: 30px; text-align: center; margin: 15px auto; } /* 文化中国*/ .whzg2-section-one { max-width: 1600px; margin: -140px auto 0 auto; } .whzg2-banner { background: url(../img/whzg2/1_01.jpg) 50% 0 no-repeat fixed; z-index: -1; height: 1097px; margin: 0 auto; padding: 0; position: relative; } .whzg2-banner img { width: 100%; max-width: 1600px; } .whzg2-content img { vertical-align: middle; } .whzg2-section-two { text-align: center; margin-top: -554px; } .whzg2-section-two img { width: 100%; max-width: 1600px; } .whzg2-section-three { text-align: center; background-color: #000000; max-width: 1600px; margin: 0 auto; height: 400px; } .whzg2-section-three .image-one { width: 460px; } .whzg2-section-three .image-two { width: 440px; margin-top: 118px; position: relative; z-index: 2; } .whzg2-section-four { position: relative; } .whzg2-section-four .text-align-center { position: absolute; width: 456px; height: 182px; left: 50%; margin-left: -228px; top: 122px; z-index: 2; } .whzg2-section-five { position: relative; text-align: center; margin-top: -100px; z-index: -1; height: 725px; } .whzg2-section-five .design-bottle { position: absolute; height: 468px; background: url("../img/design/bottle_bg.png"); top: 235px; left: 50%; margin-left: -89px; } .whzg2-section-five .design-bottle img { display: none; } .whzg2-section-five .image-two { margin-left: -290px; } .whzg2-section-six { text-align: center; overflow: hidden; } .whzg2-section-six a { display: block; width: 100%; height: 100%; } .whzg2-section-six-uniq1 { height: 660px; background: url("../img/whzg2/1_11.jpg") no-repeat center; background-size: 1600px 660px; } .whzg2-section-six-uniq2 { height: 652px; background: url("../img/whzg2/1_12.jpg") no-repeat center; background-size: 1600px 652px; } .whzg2-section-six-uniq3 { height: 660px; background: url("../img/whzg2/1_13.jpg") no-repeat center; background-size: 1600px 660px; } .whzg2-section-six-uniq4 { height: 661px; background: url("../img/whzg2/1_17.jpg") no-repeat center; background-size: 1600px 661px; } .whzg2-product-list li { border-bottom: 1px dashed #bfa79d; margin-top: 50px; padding-bottom: 20px; } .whzg2-product-list li:last-child { border-bottom: none; } .whzg2-product-list li div { display: inline-block; zoom: 1; *display: inline; } .whzg2-section-six-uniq5 { height: 696px; background: url("../img/whzg2/1_34.jpg") no-repeat center; background-size: 1600px 696px; background-color: #bdc6cf; } .whzg2-section-six-uniq5 .left { float: left; margin-left: 6%; } .whzg2-section-six-uniq5 .left img { width: 416px; } .whzg2-section-six-uniq5 .red-button { width: 150px; display: block; margin: 0 auto; } .design-banner { margin-top: 45px; text-align: center; } .design-section-one .image-one { margin: 10px auto 20px auto; } .design-section-one .image-two { margin-bottom: 15px; margin-right: 32px; } .design-section-one .left { width: 587px; display: inline-block; zoom: 1; *display: inline; text-align: right; margin-right: 15px; margin-left: -15px; } .design-section-one .right { width: 542px; display: inline-block; zoom: 1; *display: inline; } .design-section-one p { font-size: 12px; line-height: 20px; text-align: center; padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; } .design-section-two { position: relative; } .design-section-two .design-bottle { position: absolute; width: 178px; height: 468px; background: url("../img/design/bottle_bg.png"); top: 235px; left: 50%; margin-left: -89px; } .design-section-two .design-bottle img { display: none; } .design-section-two .image-one { margin-top: 40px; } .design-section-two .image-two { margin-left: -280px; margin-top: -154px; z-index: -1; position: relative; } .design-section-three .left { width: 600px; margin-top: 10px; display: inline-block; zoom: 1; *display: inline; } .design-section-three .left div { float: right; } .design-section-three .left .image-two { margin-right: 37px; margin-top: 55px; margin-bottom: 15px; } .design-section-three .left .image-three { margin-right: 15px; } .design-section-three .right { width: 433px; margin-top: 103px; margin-left: 45px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .design-section-three p { font-size: 12px; line-height: 20px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; } .design-section-three .image-one { margin-bottom: 15px; } .design-section-three .image-two { vertical-align: top; margin-right: 15px; } .design-section-four { overflow: hidden; } .design-section-four .image-one { margin-top: 50px; } .design-section-four .image-two { width: 1600px; left: 50%; margin-left: -800px; margin-top: -150px; position: relative; z-index: -1; } .design-section-five p { font-size: 12px; line-height: 20px; text-align: center; padding-top: 15px; padding-bottom: 15px; width: 690px; margin: 100px auto 0 auto; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; } .design-section-five h4 { font-size: 12px; line-height: 20px; text-align: center; padding-top: 15px; padding-bottom: 15px; } .design-section-five .image-one { margin-left: 251px; margin-right: 282px; margin-top: 15px; } .design-section-six { margin-top: 100px; } .design-section-six .left { width: 676px; margin-top: 10px; display: inline-block; zoom: 1; *display: inline; } .design-section-six .right { width: 450px; margin-top: 10px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .design-section-six p { font-size: 12px; line-height: 20px; text-align: center; padding-top: 15px; padding-bottom: 15px; margin: 130px auto 0 auto; border-top: 1px solid #bfa79d; border-bottom: 1px solid #bfa79d; } .design-section-seven { margin-bottom: 100px; } .design-section-seven h3 { margin: 55px auto 0 auto; text-align: center; width: 310px; font-size: 17px; border-bottom: 1px solid #bfa79d; letter-spacing: 3px; } .design-section-seven h1 { font-size: 30px; width: 315px; text-align: center; margin: 0px auto 20px auto; letter-spacing: 5px; } .design-swift-banner { position: relative; } .design-swift-banner .left { width: 40px; height: 68px; background: url("../img/angle.png"); position: absolute; left: 50px; top: 50%; margin-top: -34px; cursor: pointer; } .design-swift-banner .right { width: 40px; height: 68px; background: url("../img/angle.png") -40px 0; position: absolute; right: 50px; top: 50%; margin-top: -34px; cursor: pointer; } .design-swiper-container, .swiper-slide { margin: 0 auto; position: relative; overflow: hidden; width: 938px; height: 434px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .design-swiper-container .swiper-slide img, .swiper-slide .swiper-slide img { width: 938px; height: 434px; min-width: 500px; } .picture-area { text-align: center; } .picture-area a img { width: 165px; height: 165px; margin-right: 47px; margin-top: 20px; } @media screen and (max-width: 1300px) { .design-section-two { overflow: hidden; } } /* tab切换页 */ .lecture-etabs { z-index: 4; } .lecture-etabs li:first-child { border-left: 2px solid #a58a6f; margin-left: -2px; } .lecture-tab-mb { margin-bottom: 30px; } .lecture-tab { float: left; zoom: 1; width: 25%; text-align: center; height: 57px; } .lecture-tab a { line-height: 57px; display: block; color: #a58a6f; border-right: 2px solid #a58a6f; font-size: 20px; outline: none; } .lecture-tab a:hover { color: #fff; background-color: #a58a6f; } .lecture-tab.active { position: relative; } .lecture-tab a.active { color: #fff; background-color: #a58a6f; } .lecture-panel-container { margin-top: 30px; } #lecture-tab-container { background: url("../img/lecture/nav_bg.jpg") top repeat-x; } .lecture-tab-left { float: left; width: 63.565217%; border-right: 1px solid #f8f8f8; } .lecture-tab-left .lecture-title { margin: 0; margin-top: 24px; font-weight: bold!important; font-size: 20px; } .lecture-tab-left ul { margin-right: 5.173913%; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .lecture-tab-left ul li { border-top: 1px solid #f8f8f8; } .lecture-tab-left ul li:first-child { border-top: none; } .lecture-tab-left ul li:first-child .lecture-title { margin-top: -3px; } .lecture-tab-left ul li a img { width: 100%; } .lecture-content { line-height: 22px; height: 85px; margin-top: 10px; overflow: hidden; } .read-prime { color: #a84200; float: right; margin-bottom: 38px; } .load-more { height: 35px; line-height: 35px; margin-right: 10px; text-align: center; font-size: 13px; cursor: pointer; background-color: #f8f8f8; } .lecture-tab-right { float: left; width: 33.6%; margin-left: 2.608695%; } .lecture-tab-right ul li { border-top: 1px solid #f8f8f8; margin-bottom: 30px; } .lecture-tab-right ul li:first-child { border-top: none; } .lecture-tab-right ul li:first-child .column-title { margin-top: 0; } .column-title { font: 20px/1.1 "Microsoft Yahei", "Hiragino Sans GB", sans-serif !important; color: #333; margin-top: 24px; margin-bottom: 20px; } .column-content { color: #565656; line-height: 22px; margin-top: 14px; margin-bottom: 14px; } .img-text-group { margin-bottom: 30px; } .img-text-group .left { width: 40%; float: left; } .img-text-group .left img { width: 93%; border: 1px solid #d0d0d0; } .img-text-group .right { width: 60%; float: left; } .column-content-little { margin-top: -4px; color: #565656; line-height: 22px; } .column-third p { color: #565656; line-height: 22px; margin-top: 14px; margin-bottom: 14px; } .column-third p a { text-decoration: underline; color: #001eff; } .lecture-banner { margin-top: -140px; width: 100%; height: auto; text-align: center; background-color: #000000; } .lecture-banner img { max-width: 1600px; width: 100%; vertical-align: middle; } .lecture-time { margin-top: 5px; margin-bottom: 10px; } /* tab切换页 */ .lecture2-etabs { z-index: 4; border-bottom: 1px solid #bfa79d; background: rgba(255, 255, 255, 0.9); width: 960px; } .lecture2-etabs li:first-child { margin-left: 278px; } .lecture2-tab-mb { margin-bottom: 30px; } .lecture2-tab { float: left; zoom: 1; text-align: center; margin-left: 10px; height: 57px; } .lecture2-tab span { margin-left: 10px; } .lecture2-tab a { line-height: 57px; display: inline-block; zoom: 1; *display: inline; font-size: 14px; outline: none; } .lecture2-tab a:hover { color: #bfa79d; } .lecture2-tab.active { position: relative; } .lecture2-tab a.active { color: #bfa79d; } #lecture2-tab-container { margin-top: 17px; } .lecture2-banner { margin-top: -140px; width: 100%; height: auto; text-align: center; background-color: #000000; } .lecture2-banner img { max-width: 1600px; width: 100%; vertical-align: middle; } .lecture2-section-one { max-width: 1600px; margin: -140px auto 0 auto; } .lecture2-banner { background: url(../img/lecture/banner_01.jpg) 50% 0 no-repeat fixed; z-index: -1; height: 1397px; margin: 0 auto; padding: 0; position: relative; } .lecture2-section-two { text-align: center; background: url("../img/lecture/intro-bg.png") repeat; margin-top: -593px; height: 600px; } .lecture2-section-two .image-one { margin-top: 10px; } .lecture2-classify { margin-bottom: 10px; margin-top: 30px; } .lecture2-classify h3 { font-size: 14px; display: inline-block; zoom: 1; *display: inline; } .lecture2-classify a { font-size: 12px; float: right; } .job-img-list { margin-top: 10px; margin-bottom: 90px; } .job-img-list .img-detail { width: 31%; margin-right: 2%; float: left; } .job-img-list .img-detail img { width: 100%; } .job-img-list .img-detail p { margin-top: 5px; } .about-img-list { margin-top: 10px; margin-bottom: 90px; } .about-img-list .img-detail { width: 31%; margin-right: 2%; float: left; } .about-img-list .img-detail img { width: 100%; } .about-img-list .img-detail p { margin-bottom: 15px; } /* 文化中国列表页*/ .whzg-list-nav { height: 40px; line-height: 40px; border-bottom: 1px solid #bfa79d; width: 100%; border-top: 1px solid #bfa79d; } .whzg-list-nav span { color: #676767; cursor: pointer; } .whzgList-banner { background-color: #000; width: 100%; height: auto; text-align: center; position: relative; } .whzgList-banner-img { width: 100%; max-width: 1600px; vertical-align: middle; } .whzg-product-num { font-size: 12px; float: right; } .whzg-list-block { margin-bottom: 20px; margin-left: 24px; } .whzg-list-block li { border: 1px solid #f2edeb; float: left; margin-right: 28px; margin-top: 70px; position: relative; cursor: pointer; } .whzg-list-block li img { vertical-align: middle; } .whzg-list-block li .purchase-area { position: absolute; width: 100%; bottom: -39px; } .whzg-list-block li .purchase-area .red-button { font-size: 12px; height: 25px; line-height: 25px; min-width: 83px; } .whzg-list-block li .purchase-area .grey-button { font-size: 12px; height: 25px; line-height: 25px; min-width: 83px; } .whzg-list-block li .purchase-area .left { float: left; } .whzg-list-block li .purchase-area .right { float: right; } .whzg-list-block li .purchase-area a i { margin-right: 4px; } .list-cover { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); text-align: center; display: none; } .list-cover p { font-size: 12px; margin-bottom: 10px; text-decoration: line-through; } .list-cover p.first-p { margin-top: 58px; text-decoration: none; } .list-cover p.end-p { margin-bottom: 20px; font-size: 14px; text-decoration: none; color: #c53721; } .list-cover p.end-p-more { text-decoration: none; } .list-cover a { position: absolute; left: 50%; margin-left: -91px; min-width: 85px; width: 85px;/* margin-left: -48px;*/ } .list-cover .purchase-button { left: 226px; } .whzg-list-title { font-size: 16px; width: 100%; text-align: center; margin-top: 110px; padding-bottom: 10px; border-bottom: 1px solid #bfa79d; } .whzg-list-title-big { text-align: center; margin-top: 50px; margin-bottom: 50px; } .whzg-list-title-big h3 { font-size: 18px; } .whzg-list-title-big h1 { font-size: 36px; } .whzg-product-title { font-size: 14px; } .whzg-product-whole { width: 1128px; margin: 23px auto 0 auto; border: 1px solid #f2edeb; position: relative; } .whzg-product-whole img { width: 100%; vertical-align: middle; } .whzg-product-whole .purchase-area { position: absolute; bottom: -39px; width: 100%; } .whzg-product-whole .purchase-area .s-1 { margin-right: 10px; } .whzg-product-whole .purchase-area .s-2 { font-size: 12px; text-decoration: line-through; margin-right: 10px; } .whzg-product-whole .purchase-area .s-3 { color: #c53721; } .whzg-product-whole .purchase-area .left { float: left; } .whzg-product-whole .purchase-area .right { float: right; } .whzg-product-whole .purchase-area .red-button { font-size: 12px; height: 25px; line-height: 25px; min-width: 83px; } .whzg-product-whole .purchase-area a i { margin-right: 4px; } .whzg-product-whole .purchase-area a:last-child { margin-left: 10px; } @media screen and (max-width: 1300px) { .whzg2-section-five { overflow: hidden; } } /* 规格页*/ .standard-banner { text-align: center; background-color: #000000; } .standard-banner img { width: 100%; max-width: 1600px; vertical-align: middle; } .standard-content img { vertical-align: middle; } /* 文化中国*/ .choose-step .choose-content { padding-right: 30px; } .choose-step .choose-content .step-content { list-style-type: none; padding-top: 25px; padding-bottom: 25px; } .choose-step .choose-content .step-content .first { margin-left: 0px; } .choose-step .choose-content .step-content li { float: left; margin-right: 20px; width: 306px; } .choose-step .choose-content .step-content li .version:hover { background-color: #f3f3f3; } .choose-step .choose-content .step-content li .version { border: 1px solid #dfdfdf; height: 175px; background-color: #fafafa; overflow: hidden; text-align: center; position: relative; cursor: pointer; } .choose-step .choose-content .step-content li .version .name { margin-top: 38px; margin-bottom: 0; font-size: 22px; color: #333; font-weight: normal; } .choose-step .choose-content .step-content li .version .descp { margin-top: 6px; font-size: 12px; color: #8c8c8c; } .choose-step .choose-content .step-content li .version .price { margin-top: 10px; margin-bottom: 0; font-size: 24px; color: #f90; font-weight: normal; } .choose-step .choose-content .step-content li .active:hover { background-color: #fff; } .choose-step .choose-content .step-content li .active { border: 1px solid #c33829; background-color: #fff; } /* 中国道设计页*/ .tabb-three-bg-1 { background: url("../img/zgd/sheji_01.jpg") center top no-repeat; width: 100%; height: 793px; margin: 0 auto; margin-top: 45px; } .tabb-three-bg-2 { background: url("../img/zgd/sheji_02.jpg") center top no-repeat; width: 100%; height: 982px; margin: 0 auto; } .tabb-three-bg-3 { background: url("../img/zgd/sheji_03.jpg") center top no-repeat; width: 100%; height: 1024px; margin: 0 auto; } .tabb-three-bg-4 { background: url("../img/zgd/sheji_04.jpg") center top no-repeat; width: 100%; height: 1138px; margin: 0 auto; } .tabb-three-bg-5 { background: url("../img/zgd/sheji_05.jpg") center top no-repeat; width: 100%; height: 780px; margin: 0 auto; } .tabb-three-bg-6 { background: url("../img/zgd/sheji_06.jpg") center top no-repeat; width: 100%; height: 803px; margin: 0 auto; } .tabb-three-bg-7 { background: url("../img/zgd/sheji_07.jpg") center top no-repeat; width: 100%; height: 880px; margin: 0 auto; } .tabb-four-bg-1 { background: url("../img/zgd/wenhua_01.jpg") center top no-repeat; width: 100%; height: 1006px; margin: 0 auto; } .tabb-four-bg-2 { background: url("../img/zgd/wenhua_02.jpg") center top no-repeat; width: 100%; height: 941px; margin: 0 auto; } .tabb-four-bg-3 { background: url("../img/zgd/wenhua_03.jpg") center top no-repeat; width: 100%; height: 911px; margin: 0 auto; } .tabb-four-bg-4 { background: url("../img/zgd/wenhua_04.jpg") center top no-repeat; width: 100%; height: 845px; margin: 0 auto; } .tabb-five-bg-1 { background: url("../img/zgd/yishu_01.jpg") center top no-repeat; width: 100%; height: 906px; margin: 0 auto; } .tabb-five-bg-2 { background: url("../img/zgd/yishu_02.jpg") center top no-repeat; width: 100%; height: 2485px; margin: 0 auto; } .tabb-five-bg-3 { background: url("../img/zgd/yishu_03.jpg") center top no-repeat; width: 100%; height: 1219px; margin: 0 auto; } .tabb-five-bg-4 { background: url("../img/zgd/yishu_04.jpg") center top no-repeat; width: 100%; height: 1024px; margin: 0 auto; } .tabb-six-bg-1 { background: url("../img/zgd/shoucan_01.jpg") center top no-repeat; width: 100%; height: 1954px; margin: 0 auto; } .tabb-six-bg-2 { background: url("../img/zgd/shoucan_02.jpg") center top no-repeat; width: 100%; height: 1065px; margin: 0 auto; } .tabb-six-bg-3 { background: url("../img/zgd/shoucan_04.jpg") center top no-repeat; width: 100%; height: 1065px; margin: 0 auto; } .tabb-six-bg-4 { background: url("../img/zgd/shoucan_05.jpg") center top no-repeat; width: 100%; height: 1055px; margin: 0 auto; } .tabb-six-bg-5 { background: url("../img/zgd/shoucan_06.jpg") center top no-repeat; width: 100%; height: 1059px; margin: 0 auto; } .tabb-six-bg-6 { background: url("../img/zgd/shoucan_07.jpg") center top no-repeat; width: 100%; height: 1066px; margin: 0 auto; } #tabs1-seven { background-color: #000; } .tabb-seven-bg-1 { background: url("../img/zgd/caikai_01.jpg") center top no-repeat; width: 100%; height: 586px; margin: 0 auto; } .tabb-seven-bg-2 { background: url("../img/zgd/caikai_02.jpg") center top no-repeat; width: 100%; height: 676px; margin: 0 auto; } .tabb-seven-bg-3 { background: url("../img/zgd/caikai_03.jpg") center top no-repeat; width: 100%; height: 783px; margin: 0 auto; margin-top: 20px; } .tabb-seven-bg-4 { background: url("../img/zgd/caikai_04.jpg") center top no-repeat; width: 100%; height: 783px; margin: 0 auto; margin-top: 20px; } .tabb-seven-bg-5 { background: url("../img/zgd/caikai_05.jpg") center top no-repeat; width: 100%; height: 332px; margin: 0 auto; margin-top: 80px; } .tabb-seven-bg-6 { background: url("../img/zgd/caikai_06.jpg") center top no-repeat; width: 100%; height: 679px; margin: 0 auto; margin-bottom: 80px; } .zgd-single .bg-1 { background: url("../img/zgd/single_01.jpg") center top no-repeat; width: 100%; height: 660px; background-size: 1920px 660px; } .zgd-single .bg-2 { background: url("../img/zgd/single_02.jpg") center top no-repeat; width: 100%; height: 684px; background-size: 1920px 684px; } .zgd-single .bg-3 { background: url("../img/zgd/single_03.jpg") center top no-repeat; width: 100%; height: 668px; background-size: 1920px 668px; } .zgd-single .bg-4 { background: url("../img/zgd/single_04.jpg") center top no-repeat; width: 100%; height: 658px; background-size: 1920px 658px; } .zgd-single .bg-5 { background: url("../img/zgd/single_05.jpg") center top no-repeat; width: 100%; height: 655px; background-size: 1920px 655px; } .zgd-single .bg-5 a { display: block; height: 100%; } /*预约*/ .yuyue { margin-bottom: 100px; } .yuyue .left { width: 340px; float: left; margin-left: 105px; margin-top: 60px; padding-right: 100px; border-right: 1px solid #f2edeb; } .yuyue .left .submit-form .red-button { width: 130px; margin-top: 30px; margin-bottom: 30px; } .yuyue .left .submit-form .detail { font-size: 12px; color: #acacac; margin-bottom: 20px; } .yuyue .left .submit-form .label-wrap { height: 35px; line-height: 35px; margin-bottom: 30px; border: 1px solid #bfa79d; } .yuyue .left .submit-form .label-wrap label { font-size: 12px; } .yuyue .left .submit-form .label-wrap input { border: none; width: 240px; } .yuyue .left .submit-form .label-wrap .icon-head-bg { background: url("../img/yuyue/people_bg.png") center no-repeat; background-size: 23px 23px; width: 23px; height: 23px; display: inline-block; zoom: 1; *display: inline; margin-left: 11px; vertical-align: middle; margin-top: -3px; } .yuyue .left .submit-form .label-wrap .icon-phone-bg { background: url("../img/yuyue/phone_bg.png") center no-repeat; background-size: 23px 23px; width: 23px; height: 23px; display: inline-block; zoom: 1; *display: inline; margin-left: 11px; vertical-align: middle; margin-top: -3px; } .yuyue .left .submit-form .checkbox-wrap label { margin-bottom: 20px; font-size: 12px; } .yuyue .left .submit-form .checkbox-wrap input { margin-right: 10px; } .yuyue .left .submit-form .checkbox-wrap p { display: none; } .yuyue .right { width: 560px; float: right; } .yuyue .right h2 { font-size: 14px; } .yuyue .right p { font-size: 12px; margin: 15px 0; line-height: 20px; color: #333333; } .yy-single-wine { display: none; position: relative; left: 200px; top: -50px; } .yy-whole-wine { display: none; margin-left: 100px; } .yuyueChengong { text-align: center; display: none; } .yuyueChengong img { width: 100%; margin-top: 20px; max-width: 1600px; vertical-align: middle; } .yuyueChengong h1 { margin-top: 68px; font-size: 34px; } .yuyueChengong p { font-size: 14px; line-height: 24px; } .yuyueChengong .image-one { width: 190px; display: block; margin: 17px auto -23px auto; } .yuyueChengong .yuyue-num { font-size: 18px; margin-top: 17px; margin-bottom: 30px; } .wrap { text-align: center; } .play { width: 1000px; height: 190px; background: black; margin: -9px auto; } .play-list { width: 1000px; margin-left: 10px; text-align: left; padding-top: 10px; } li { width: 235px; height: 110px; margin-top: 10px; display: inline-block; text-align: center; } li img { width: 235px; height: 132px; vertical-align: middle; } li span { margin-top: 10px; display: inline-block; font-size: 15px; color: #ffffff; } * { margin: 0; padding: 0; } .spring { background: #a90e2e; position: relative; width: 100%; height: 100%; overflow-x: hidden; } .spring .bg-1 { background: url("../img/spring/1_01.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-2 { background: url("../img/spring/1_02.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-3 { background: url("../img/spring/1_03.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-4 { background: url("../img/spring/1_04.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-5 { background: url("../img/spring/1_05.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-6 { background: url("../img/spring/1_06.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-7 { background: url("../img/spring/1_07.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-8 { background: url("../img/spring/1_08.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-9 { background: url("../img/spring/1_09.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-10 { background: url("../img/spring/1_10.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-11 { background: url("../img/spring/1_11.jpg") center top no-repeat; width: 100%; height: 826px; background-size: 1920px 826px; } .spring .bg-12 { background: url("../img/spring/1_12.jpg") center top no-repeat; width: 100%; height: 446px; background-size: 1920px 446px; } .spring img { width: 100%; display: block; } .spring .bottom { background: #a90e2e; width: 1103px; height: 778px; position: relative; margin: 20px auto; } .spring .bottom img { margin: 10px auto; } .spring .bottom .btn { display: inline-block; zoom: 1; *display: inline; background: url("../img/spring/btn.jpg") 0 0 no-repeat; width: 220px; height: 46px; position: absolute; right: 100px; bottom: 185px; cursor: pointer; } .index-spring { background: #a90e2e; position: relative; width: 100%; height: 100%; overflow: hidden; margin-top: -140px; } .index-spring .bg-1 { background: url("../img/spring-index/1_05.jpg") center top no-repeat; width: 100%; height: 775px; background-size: 1920px 775px; } .index-spring .bg-2 { background: url("../img/spring-index/1_06.jpg") center top no-repeat; width: 100%; height: 916px; background-size: 1920px 916px; } .index-spring .bg-2 .tmall-enter { width: 890px; height: 213px; background: url("../img/spring-index/t_01.png") center top no-repeat; background-size: 890px 213px; margin: 0 auto; } .index-spring .bg-2 .tmall-enter .tmall-wx { margin-top: 38px; margin-left: 71px; } .index-spring .bg-2 .tmall-enter .tmall-tm { margin-top: 38px; } .index-spring .bg-2 .tmall-enter .tmall-jd { margin-top: 38px; } .index-spring .bg-2 .tmall-enter > div { float: left; width: 248px; height: 89px; } .index-spring .bg-2 .tmall-enter > div a { position: relative; display: inline-block; zoom: 1; *display: block; } .index-spring .bg-2 .tmall-enter > div a span { font-size: 18px; color: #f3d1a3; position: absolute; top: 35px; left: 100px; } .index-spring .bg-3 { background: url("../img/spring-index/1_07.jpg") center top no-repeat; width: 100%; height: 527px; background-size: 1920px 527px; } .index-spring .bg-3 .four-img { width: 773px; margin: 0 auto; } .index-spring .bg-3 .four-img img { margin-top: 255px; } .index-spring .express { margin: 0 0 30px auto; } .index-spring .express img { width: 100%; } .index-spring .suggestion .image-one { width: 531px; margin: 0 auto; display: block; } .index-spring .suggestion .suggestion-product { max-width: 1600px; width: 100%; text-align: center; background-color: #ffffff; margin: 20px auto; border: 2px solid #f3d1a3; } .index-spring .suggestion .suggestion-product img { width: 40%; } .index-spring .list-cover { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); text-align: center; display: none; } .index-spring .whzg-list-block { margin-bottom: 60px; } .index-spring .whzg-list-block li { cursor: default; border: none; } .index-spring .whzg-list-block li .purchase-area .gold-button { min-width: 43px; } .index-spring .whzg-list-block li .purchase-area .left span { color: #ffffff; } .index-spring .whzg-list-block li .purchase-area .left span b { font-size: 18px; font-weight: normal; } .index-spring .whzg-list-block li .purchase-area .left span span { text-decoration: line-through; margin-left: 5px; } .index-spring .whzg-list-block li .purchase-area .right a { color: #f3d1a3; } .index-spring .whzg-list-block li .purchase-area .right a i { font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: middle; } .index-spring .whzg-list-block li .purchase-area .right a.gold-button { min-width: 50px; color: #c53721; } .index-spring .footer-service { background-color: #f3d1a3; padding: 40px 0; margin: 96px auto; } .index-spring .footer-service .list-service { margin: 0; padding: 0; list-style-type: none; } .index-spring .footer-service .list-service li { float: left; width: 20%; text-align: center; } .index-spring .footer-service .list-service li a { display: block; font-size: 12px; color: #333; } .index-spring .footer-service .list-service li a strong { display: block; margin-top: 5px; font-size: 18px; font-weight: 400; color: #000; } .index-spring .footer-service .footer-hover-img { height: 25px; width: 25px; margin-bottom: 7px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .index-spring .footer-service .icon-style { font-size: 24px; margin-bottom: 12px; display: block!important; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; color: #c33829; } .index-spring .best-present-image { width: 531px; display: block; margin: 65px auto 18px; } .index-spring .switch-button li { position: relative; display: inline-block; zoom: 1; *display: inline; margin-right: 75px; cursor: pointer; } .index-spring .switch-button li .image-one { border: 1px solid transparent; } .index-spring .switch-button li:first-child { margin-left: 70px; } .index-spring .switch-button div { display: none; position: absolute; width: 116px; height: 47px; left: 50%; margin-left: -58px; bottom: -21px; } .index-spring .switch-button div.one { display: block; } .index-spring .switch-button .active .image-one { border: 1px solid #f3d1a3; } .index-spring .switch-button .active div.two { display: block; } .index-spring .switch-button .active div.one { display: none; } .whzg-little { position: relative; width: 100%; height: 100%; overflow-x: hidden; } .whzg-little .bg-1 { background: url("../img/whzg-little/1_01.jpg") center top no-repeat; width: 100%; height: 875px; background-size: 1920px 875px; } .whzg-little .bg-2 { background: url("../img/whzg-little/1_02.jpg") center top no-repeat; width: 100%; height: 450px; background-size: 1920px 450px; } .whzg-little .bg-3 { background: url("../img/whzg-little/1_03.jpg") center top no-repeat; width: 100%; height: 815px; background-size: 1920px 815px; } .whzg-little .bg-4 { background: url("../img/whzg-little/1_04.jpg") center top no-repeat; width: 100%; height: 711px; background-size: 1920px 711px; } .whzg-little .bg-5 { background: url("../img/whzg-little/1_05.jpg") center top no-repeat; width: 100%; height: 729px; background-size: 1920px 729px; } .whzg-little .bg-6 { background: url("../img/whzg-little/1_06.jpg") center top no-repeat; width: 100%; height: 840px; background-size: 1920px 840px; } .whzg-little .bg-7 { background: url("../img/whzg-little/1_07.jpg") center top no-repeat; width: 100%; height: 761px; background-size: 1920px 761px; } .whzg-little .bg-8 { background: url("../img/whzg-little/1_08.jpg") center top no-repeat; width: 100%; height: 780px; background-size: 1920px 780px; } .whzg-little .bg-9 { width: 100%; background-color: black; height: 1000px; } .whzg-little .bg-9 .content { width: 1200px; margin: 0 auto; } .whzg-little .bg-9 .content > div { float: left; } .whzg-little .bg-9 .content .left { width: 600px; } .whzg-little .bg-9 .content .left img { width: 100%; } .whzg-little .bg-9 .content .right { width: 600px; } .whzg-little .bg-9 .content .right img { width: 100%; margin-top: 231px; } .whzg-little img { width: 100%; display: block; } .whzg-little .bottom { background: #a90e2e; width: 1103px; height: 778px; position: relative; margin: 20px auto; } .whzg-little .bottom img { margin: 10px auto; } .whzg-little .bottom .btn { display: inline-block; zoom: 1; *display: inline; background: url("../img/spring/btn.jpg") 0 0 no-repeat; width: 220px; height: 46px; position: absolute; right: 100px; bottom: 185px; cursor: pointer; }