www.gusucode.com > 【T752】食品白酒红酒酒类企业织梦模板源码程序 > 【T752】食品白酒红酒酒类企业织梦模板/templets/twj/Public/css/base.min.css
/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
html {
color:#000;
font-size:12px
}
body {
font:14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", sans-serif!important;
background-color:#fff;
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
}
body, button, input, select, textarea {
font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, "Wenquanyi Micro Hei", Arial, sans-serif
}
table {
border-collapse:collapse;
border-spacing:0
}
th {
text-align:inherit
}
fieldset, img {
border:0
}
iframe {
display:block
}
abbr, acronym {
border:0;
font-variant:normal
}
del {
text-decoration:line-through
}
address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:500
}
ol, ul {
list-style:none
}
caption, th {
text-align:left
}
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:-.5em
}
sub {
bottom:-.25em
}
a:hover {
text-decoration:none;
color:#bfa79d!important
}
ins, a {
text-decoration:none
}
a:focus, :focus {
outline:0
}
a {
color:#565656
}
.clearfix:before, .clearfix:after {
content:"";
display:table
}
.clearfix:after {
clear:both;
overflow:hidden
}
.clearfix {
zoom:1
}
.clear {
clear:both;
display:block;
overflow:hidden;
height:0;
line-height:0;
font-size:0
}
.hide {
display:none!important;
visibility:hidden
}
.block {
display:block!important
}
.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
}
.index-navbar {
height:139px;
width:100%;
min-width:1180px;
background-color:rgba(0,0,0,.8);
border-bottom:1px solid #bfa79d;
z-index:5;
position:relative
}
.navbar {
height:139px;
width:100%;
min-width:1180px;
background-color:#000;
border-bottom:1px solid #bfa79d;
z-index:5;
position:relative
}
.nav_menu {
height:42px;
background-color:#333
}
.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:#fff!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;
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:0!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:#fff;
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:#fff
}
.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:0px 10px;
}
.sub-box .sub-cont ul li span:first-child {
color:#333;
margin-right:10px
}
.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,.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:0;
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:#000
}
.localnav-head-disclosure:hover {
color:#000!important
}
.disclosure-text {
text-align:right;
margin-right:26px;
font-weight:400;
font-size:14px
}
.disclosure-icon {
position:absolute;
z-index:1;
right:0;
top:9px;
width:14px;
height:14px;
background-size:14px;
background-position:0 0;
-webkit-transition:-webkit-transform .3s;
transition:transform .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,.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 .15s ease .16s, opacity .15s ease .16s;
-moz-transition:-webkit-transform .15s ease .16s, opacity .15s ease .16s;
-ms-transition:-webkit-transform .15s ease .16s, opacity .15s ease .16s;
transition:transform .15s ease .16s, opacity .15s ease .16s
}
.phone {
position:absolute;
right:20px;
top:9px
}
.container {
width:1180px;
margin:0 auto
}
.s-container {
width:1004px;
margin:0 auto
}
.nav-container {
width:1180px;
margin:0 auto
}
.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;
background: url(/Images/buy.jpg);
}
.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:203px;
width:115px;
font-size:12px
}
.block-right .block-right-top .block-content a:hover {
color:#fff!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:298px;
float:left;
margin-right:14px;
margin-bottom:120px
}
.explorer-whzg img {
width:259px
}
.explorer-whzg a h3 {
text-align:center;
line-height:40px;
border-bottom:1px solid #bfa79d
}
.login-title {
font-size:24px;
color:#bfa79d;
text-align:center;
margin: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
}
.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;
display:none;
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,.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;
text-align:center
}
.zgd-section-one {
text-align:center;
background-color:#000;
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
}
.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:#000;
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:#000;
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:#000;
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:#000;
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:400;
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:.35s;
animation-duration:.35s;
-webkit-animation-name:productbrowser-items-slidein-animation;
animation-name:productbrowser-items-slidein-animation
}
.productbrowser-item:nth-child(2) {
-webkit-animation-delay:.1.5s;
animation-delay:.1.5s
}
.productbrowser-item:nth-child(3) {
-webkit-animation-delay:.3s;
animation-delay:.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:#fff;
height:600px;
margin:0 auto;
padding:0
}
#zgdOne-section-two {
background:url(../img/zgd/2_02.jpg) 50% 0 no-repeat fixed;
color:#fff;
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:#fff;
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:#fff;
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:#fff;
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:#fff;
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:#fff;
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:#fff;
height:1200px;
margin:0 auto;
padding:0;
position:relative
}
#zgdOne-section-nine {
color:#fff;
height:420px;
margin:0 auto;
padding:0;
position:relative
}
.zgdOne-section-angle {
width:0;
height:0;
border-bottom:40px #fff 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:#fff;
width:100%;
color:#000
}
.zgdOne-section-content h1 {
text-align:center;
padding-top:50px;
font-size:30px;
color:#000
}
.zgdOne-section-content h3 {
font-size:24px;
text-align:center;
color:#000;
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:#000;
width:100%;
text-align:center;
overflow:hidden
}
.master-intro-banner img {
width:100%;
vertical-align:middle
}
.master-title {
height:138px;
background:#fff;
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:#fff;
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,.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:#000;
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
}
.footer-border img {
width:100%
}
.button {
display:inline-block;
height:30px;
line-height:30px;
font-size:14px;
text-align:center;
cursor:pointer;
min-width:100px;
background-color:#533f34;
border:.1rem solid #533f34;
color:#fff
}
.button:hover {
background-color:#200c01;
border:.1rem solid #200c01;
color:#fff!important
}
.button:active {
background-color:#533f34;
border:.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:.1rem solid #c53721;
color:#fff
}
.red-button:hover {
background-color:#920400;
border:.1rem solid #920400;
color:#fff!important
}
.red-button:active {
background-color:#c53721;
border:.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:.1rem solid #f3d1a3;
color:#c53721
}
.gold-button:hover {
background-color:#c09e70;
border:.1rem solid #c09e70;
color:#fff!important
}
.gold-button:active {
background-color:#f3d1a3;
border:.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:.1rem solid #c8a985;
color:#fff
}
.light-button:hover {
background-color:#957652;
border:.1rem solid #957652;
color:#fff!important
}
.light-button:active {
background-color:#c8a985;
border:.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:#ccc;
border:.1rem solid #ccc;
color:#fff
}
.grey-button:hover {
background-color:#999;
border:.1rem solid #999;
color:#fff!important
}
.grey-button:active {
background-color:#ccc;
border:.1rem solid #ccc
}
.white-button {
display:inline-block;
height:30px;
line-height:30px;
font-size:14px;
text-align:center;
cursor:pointer;
min-width:100px;
border:2px solid #fff;
color:#fff
}
.white-button:hover {
background-color:#fff;
color:#bfa79d!important
}
.white-button:active {
background-color:#fff
}
button[disabled] {
background-color:#acacac;
border:1px solid #acacac
}
button[disabled]:hover {
background-color:#acacac;
border:.1rem solid #acacac
}
button[disabled]:active {
background-color:#acacac;
border:.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
}
.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:#fff;
font-size:16px
}
.band-story-img-one {
width:955px;
display:block;
margin:60px auto
}
.band-story-content-style h2 {
font-size:18px;
font-weight:700;
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
}
.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
}
.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:#f90
}
.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,.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:#f90
}
.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:#fff;
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:#fff;
font-family:CochinLTStd, "Times New Roman", Times, "Liberation Serif", FreeSerif, serif
}
.koubei-common-content .content-hover p {
color:#fff;
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 #000
}
.koubei-news h1 {
margin:0;
margin-left:5px;
font-size:27px;
font-weight:400;
font-style:normal;
letter-spacing:.2em
}
.koubei-news h2 {
font-size:.75em;
font-family:ITCAvantGardeGothicStd, Helvetica, Arial, sans-serif;
padding-left:5px;
margin:6px 0 7px;
font-weight:400;
font-style:normal
}
.koubei-news h2 span {
font-family:ITCAvantGardeGothicStdBold, Helvetica, Arial, sans-serif;
font-weight:700
}
.koubei-news img {
width:100%;
max-height:193px
}
.koubei-news .news-content {
color:#000;
padding-left:15px;
padding-right:15px
}
.koubei-news .news-content a:hover {
color:#000
}
.koubei-news .news-content h1 {
padding-left:0;
line-height:30px;
font-size:22px;
letter-spacing:-1px;
margin: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:0
}
.tab.active {
padding-top:4px;
position:relative;
top:1px;
border:1px solid #f2edeb;
border-bottom:1px solid #fff
}
.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;
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
}
.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:#333;
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:#000;
color:#fff;
height:1200px;
margin:0 auto;
padding:0
}
#whzg-section-two {
background:url(../img/whzg/1_02.jpg) 50% 0 no-repeat fixed;
background-color:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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:#000;
color:#fff;
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,.7);
margin:100px auto 0;
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:#000;
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:0
}
.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
}
.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;
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;
border-top:1px solid #bfa79d;
border-bottom:1px solid #bfa79d
}
.design-section-seven {
margin-bottom:100px
}
.design-section-seven h3 {
margin:55px auto 0;
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:0 auto 20px;
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
}
}
.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:50%;
text-align:center;
height:57px
}
.lecture-tab a {
line-height:57px;
display:block;
color:#a58a6f;
border-right:2px solid #a58a6f;
font-size:20px;
outline:0
}
.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:700!important;
font-size:20px
}
.lecture-tab-left ul {
margin-right:5.173913%;
-webkit-transition:.6s;
-moz-transition:.6s;
-ms-transition:.6s;
-o-transition:.6s;
transition:.6s
}
.lecture-tab-left ul li {
border-top:1px solid #f8f8f8
}
.lecture-tab-left ul li:first-child {
border-top:0
}
.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
}
.load-more li {
list-style: none;
display: inline;
padding: 5px 10px;
}
.load-more li span {
color: #565656;
}
.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:0
}
.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:#000
}
.lecture-banner img {
max-width:1920px;
width:100%;
vertical-align:middle
}
.lecture-time {
margin-top:5px;
margin-bottom:10px
}
.lecture2-etabs {
z-index:4;
border-bottom:1px solid #bfa79d;
background:rgba(255,255,255,.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:0
}
.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:#000
}
.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:1920px;
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,.8);
text-align:center;
display:none
}
.list-cover p {
font-size:12px;
text-decoration:line-through
}
.list-cover p img {
width:180px;
}
.list-cover p.first-p {
margin-top:5px;
text-decoration:none
}
.list-cover p.end-p {
margin-bottom:5px;
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
}
.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;
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:#000
}
.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:0
}
.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:400
}
.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:400
}
.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:0;
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:#333
}
.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
}
.video video {
width:1280px;
height:100%;
display:block;
margin:20px auto
}
* {
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:#fff;
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,.3);
text-align:center;
display:none
}
.index-spring .whzg-list-block {
margin-bottom:60px
}
.index-spring .whzg-list-block li {
cursor:default;
border:0
}
.index-spring .whzg-list-block li .purchase-area .gold-button {
min-width:43px
}
.index-spring .whzg-list-block li .purchase-area .left span {
color:#fff
}
.index-spring .whzg-list-block li .purchase-area .left span b {
font-size:18px;
font-weight:400
}
.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:.3s;
-moz-transition-duration:.3s;
-ms-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.3s
}
.index-spring .footer-service .icon-style {
font-size:24px;
margin-bottom:12px;
display:block!important;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-ms-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.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:#000;
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
}