@charset "utf-8";
/* 
 * Project Name:Gingko
 * Author:位置
 * Date：2016-8-3
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "黑体"; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); overflow: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
li{    list-style: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1100px; margin: 0px auto; }

.ds{width:100%!important;}
#ckplayer_a1{width:100%;}
/*header*/
/*header
.header-box { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; }
.header { padding: 25px 34px 0 45px; position: relative; }
.header .logoshow { float: left; margin-top: 6px; }
.logohidden { display: none; width: 58px; height: auto; margin-top: 7px; float: left; }
.nav { position: absolute; left: 43%; margin-left: -349px; top: 25px; }
.nav > li { float: left; margin-right: 12px; position: relative; }
.nav > li:last-child { margin-right: 0; }
.nav > li > a { display: inline-block; text-align: center; position: relative; width: 130px; height: 50px; line-height: 50px; color: #996c33; font-size: 16px; position: relative; }
.nav > li > a:before { content: ""; width: 128px; height: 48px; border: 1px solid #996c33; position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; transition: 520ms; }
.nav > li > a > i { font-style: normal; text-align: center; }
.nav > li:hover > a:before { opacity: 1; visibility: visible; }
.nav > li:hover .menu-down:before { opacity: 1; visibility: visible; transition: 400ms 1020ms linear; width: 80%; left: 10%; }
.nav > li:hover .menu-down:after { opacity: 1; visibility: visible; transition: 400ms 620ms linear; width: 80%; left: 10%; }
.header-box.scollfox { background: #fff; animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown1; animation-name: fadedown1; }
.header-box.scollfox .header { padding: 0; padding-left: 56px; }
.header-box.scollfox .logoshow { display: none; }
.header-box.scollfox .logohidden { display: block; }

.header-box.scollfox .nav { top: 6px; }
.header-box.scollfox .nav > li > a:before { border-color: #996c33; border-bottom: 1px solid #fff; }
.header-box.scollfox .nav > li > a { color: #323232; }
.header-box.scollfox .nav > li .menus { width: 128px; top: 49px; border: 1px solid #996c33; border-top: none; }
.header-box.scollfox .nav > li .leval.show { top: 73px; }
.header-box.scollfox .reserve { border-color: #996c33; height: 58px; background: #996c33; width: 163px; }
.header-box.scollfox .reserve a { line-height: 58px; background-position: 26px 21px; }*/


/* */.header-box { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; }
.header {  position: relative;  }
.header .logoshow { float: left; margin-top: 6px; display:none; }
.logohidden { display: block;  height: 44px; margin-top: 8px; float: left; margin-left:102px;}
.nav { position: absolute; left: 43%; margin-left: -349px; top: 6px; }
.nav > li { float: left; margin-right: 12px; position: relative; }
.nav > li:last-child { margin-right: 0; }
.nav > li > a { display: inline-block; text-align: center; position: relative; width: 130px; height: 50px; line-height: 50px; color: #996c33;  font-size: 19px; border-color: #996c33; border-bottom: 1px solid #fff; position: relative; }
.nav > li > a:before { content: ""; width: 128px; height: 48px; border: 1px solid #996c33; position: absolute; left: 0; bottom: 0; opacity: 0; visibility: hidden; transition: 520ms; }
.nav > li > a > i { font-style: normal; text-align: center; }
.nav > li:hover > a:before { opacity: 1; visibility: visible; }
.nav > li:hover .menu-down:before { opacity: 1; visibility: visible; transition: 400ms 1020ms linear; width: 80%; left: 10%; }
.nav > li:hover .menu-down:after { opacity: 1; visibility: visible; transition: 400ms 620ms linear; width: 80%; left: 10%; }

.header-box{ background: #fff; animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown1; animation-name: fadedown1; }
.header-box.header { padding: 0; padding-left: 56px; }

.header-box .nav > li .menus { width: 128px; top: 49px; border: 1px solid #996c33; border-top: none; }
.header-box .nav > li .leval.show { top: 73px; }
.header-box .reserve { border-color: #996c33; height: 58px; background: #996c33; width: 163px; }
.header-box .reserve a { line-height: 58px; background-position: 26px 21px; } 


@keyframes fadedown1 {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}

	.w1200{ width:100%; margin:auto; }
.hot_img{ width:90%; margin:auto; display:none; height:380px;}
.hot_img a{ display: block;width: 25%;height:380px;display:block; text-align:center; float:left; background-color: #fff;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.w1200 .hot_img a:hover{transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	/* -webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;*/} 
.hot_img a img{width:95%;}

.hot_img a:nth-of-type(3){ margin-right:0;}
.qh_ul2{ margin:auto; width:460px; margin-top:35px; margin-bottom:27px; height:25px;}
.qh_ul2 li{ float:left; padding-left:20px; padding-right:20px; background:url(../images/stul_03.gif) center right no-repeat; font-size:18px;}
.qh_ul2 li:nth-of-type(4){ background:none;}
.hot_img a:nth-of-type(3){ margin-right:0;}
.qh_ul2{ margin:auto; width:460px; margin-top:35px; margin-bottom:27px; height:25px;}
.qh_ul2 li{ float:left; padding-left:20px; padding-right:20px; background:url(../images/stul_03.gif) center right no-repeat; font-size:18px;}
.qh_ul2 li:nth-of-type(4){ background:none;}
.star{ font-size:32px; text-align:center; letter-spacing:2px; margin-top:30px;}
.star span{ color:#a88984; }
.sxzl{ font-size:18px; text-align:center; margin-top:10px; margin-bottom:30px;}
.qh_ul1{ margin:auto; width:535px; margin-top:35px; margin-bottom:27px; height:25px;}
.qh_ul1 li{ float:left; padding-left:20px; padding-right:20px; background:url(../images/stul_03.gif) center right no-repeat; font-size:18px;}
.qh_ul1 li:nth-of-type(4){ background:none;}
.active a{ color:#a88984; }

.menus { width: 100%; position: absolute; left: 0; top: 50px; background: #fff; padding-top: 17px; padding-bottom: 37px; display: none; }
.menu-down:before { content: ""; width: 0%; height: 3px; background: #e0ae37; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 7px; transition: 400ms 0ms linear; }
.menu-down:after { content: ""; width: 0%; height: 1px; background: #e0ae37; opacity: 0; visibility: hidden; position: absolute; left: 50%; bottom: 11px; transition: 400ms 0ms linear; }
.menu-down { display: block; padding: 0 13px; }
.menu-down li { position: relative; }
.menu-down li a { display: block; line-height: 40px; text-align: center; color: #323232; font-size: 14px; }
.menu-down li:before { content: ""; width: 0; opacity: 0; visibility: hidden; transition: 320ms 0ms; height: 1px; background: #e0ae37; position: absolute; left: -7px; top: 18px; }
.menu-down li:after { content: ""; width: 0; opacity: 0; visibility: hidden; transition: 320ms 0ms; height: 1px; background: #e0ae37; position: absolute; right: -7px; top: 18px; }
.menu-down li a:before { content: ""; width: 44px; transform-origin: center; height: 44px; position: absolute; left: 50%; margin-left: -22px; top: 50%; transition: 680ms; opacity: 0; visibility: hidden; margin-top: -22px; background: url(../images/hov.png) center no-repeat; }
.menu-down li a b { display: block; text-align: center; font-weight: normal; color: #996c33; position: relative; z-index: 5; }
.menu-down li:hover:before, .menu-down li:hover:after { width: 10px; opacity: 1; visibility: visible; transition: 520ms 120ms; }
.menu-down li:hover a:before { opacity: 1; visibility: visible; transform: rotate(180deg); top: 50%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

.reserve { width: 156px; height: 51px; border: 1px solid #ffffff; background: url(../images/cart.png) 21px center no-repeat; float: right; position: relative; }
.reserve:before { content: ""; width: 7px; height: 12px; background: url(../images/arrow.png) center no-repeat; position: absolute; right: 16px; top: 50%; margin-top: -6px; transition: 330ms linear; }
.reserve a { display: block; padding-left: 52px; color: #ffffff; font-size: 16px; line-height: 51px; background: url(../images/cart.png) 21px center no-repeat; }
.reserve:hover:before { right: 12px; }

.mobile-menu { display: none; padding: 0 5% 0 0; background: #fff; box-sizing: border-box; width: 100%; position: relative; z-index: 999; }
.menuBtn { float: left; position: relative; width: 57px; height: 51px; cursor: pointer; z-index: 99; transition: 310ms; }
.menuBtn .burger { display: block; left: 20px; width: 26px; height: 2px; position: absolute; background: #e0ae37; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: transform 277ms ease-in-out; -ms-transition: transform 277ms ease-in-out; -moz-transition: transform 277ms ease-in-out; }
.menuBtn .burger-1 { top: 17px; }
.menuBtn .burger-2 { top: 24px; }
.menuBtn .burger-3 { top: 31px; }
.menuBtn.active { background: #e0ae37; }
.menuBtn.active span { background: #fff; }
.menuBtn.active .burger-1 { top: 24px; left: 15px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { left: 15px; top: 24px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-logo { width: 80px; height: 80px; visibility: visible; opacity: 1; transition: 730ms; text-align: center; position: absolute; left: 50%; margin-left: -40px; top: 0; z-index: 22; transition: 650ms; }
.mobile-logo a img { display: block; width: 51px; height: auto; margin: auto; margin-top: 23px; position: relative; z-index: 5; transition: 560ms; }
.mobile-logo a:before { content: ""; width: 100%; height: 100%; background: #e0ae37; position: absolute; left: 0; top: 11px; transition: 650ms; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.mobile-logo.on { top: -100%; opacity: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.mobile-logo.on a img { opacity: 0; visibility: hidden; }
.mobile-cart { float: right; position: relative; z-index: 10; margin-top: 13px; }
.mobile-cart a { display: block; width: 22px; height: 22px; background: url(../images/cart1.png) center no-repeat; }
.mobile-show { width: 39px; height: 36px; position: absolute; left: 50%; margin-left: -20px; top: 8px; z-index: 5; }
.mobile-show img { width: 100%; height: auto; display: block; }

.meun-box { width: 100%; height: 100%; box-sizing: border-box; overflow-y: auto;/*  position: fixed; */ left: 0; top: 0; background: #5e330f url(../images/iphbg.jpg) center no-repeat; background-size: cover; display: none; overflow-x: hidden; z-index: 99; }
.meun-wr { padding-top: 18%; box-sizing: border-box; }
.menu-list > li { margin-bottom: 22px; position: relative; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
.menu-list > li > a { display: block; text-align: center; color: #fff; font-size: 18px; }
.menu-list > li > a.on { color: #fff; }
.meun-line { padding-top: 15px; position: relative; text-align: center; display: none; }
.meun-line:before { content: ""; width: 85%; height: 1px; background: #fff; position: absolute; left: 7.5%; top: 9px; }
.meun-line:after { content: ""; width: 1px; height: 19px; background: #fff; position: absolute; left: 50%; top: 0; margin-left: -1px; }
.menu-l { width: 240px; margin: auto; position: relative; margin-top: -3px; }
.menu-info { display: -webkit-box; display: -webkit-flex; padding: 0 2px; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; }
.menu-l i { display: block; width: 100%; height: 0px; background: #fff; position: absolute; left: 0; top: 0; }
.menu-info li { padding-top: 14px; position: relative; }
.menu-info li:before { content: ""; width: 1px; height: 6px; position: absolute; left: 7px; top: -4px; background: #fff; display: none; }
.menu-info li a { display: inline-block; width: 16px; line-height: 1; color: #fff; font-size: 14px; text-align: center; }

@-webkit-keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }

    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }

    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }

    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }

    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}


.tel-down { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; }
.tel-down a { display: inline-block; padding: 0 32px; border: 1px solid #e0ae37; height: 34px; overflow: hidden; line-height: 34px; color: #e0af39; font-size: 20px; margin: auto; border-radius: 18px; background: #fff; }
.tel-down span { display: block; width: 18px; cursor: pointer; height: 10px; margin: auto; margin-top: 5px; background: url(../images/top1.png) center no-repeat; background-size: cover; }
.tel-down2 { bottom: 54px; }
.jg{height:60px;}
.banner-box { text-align: center; position: relative;  }
.banner .flex-direction-nav { display: none; }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color: #969696; position: relative; }
.banner .slides { position: relative; z-index: 20; }
.banner .slides li { -webkit-transition: opacity 1s cubic-bezier(.165, .74, .44, 1); transition: opacity 1s cubic-bezier(.165, .74, .44, 1); }
.banner .slides .commimg { -webkit-transition: all 1s cubic-bezier(.165, .74, .44, 1); transition: all 1s cubic-bezier(.165, .74, .44, 1); }
.banner .slides li .mbing{ display:none;}
.banner .slides li.sc-b-c .commimg { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
.banner .slides li img { display: block; width: 100%; height: auto; }
.banner .slides li.sc-b-c .commimg { opacity: 0; }
.banner .bimg { width: 100%; display: block; position: relative; }
.banner .mimg { width: auto; display: none; }
.banner-inner { position: absolute; left: 50%; top: 50%; text-align: center; margin-left: -53px; margin-top: 257pxpx; z-index: 99; }
.tab-icon { text-align: center; /* background: url(../images/bannerbg.png) center top no-repeat; */ position: relative; padding-bottom: 112px; width:30%; height: 80px; }
.tab-list { width: 552px; height: 40px; position: relative;    display: none; }
.tab-list li { color: #ffffff; font-size: 30px; text-align: center; line-height: normal; opacity: 0; visibility: hidden; transition: 650ms; position: absolute; left: 0; top: 0; width: 100%; }
.tab-list li.on { opacity: 1; visibility: visible; }
.tab-list li img { margin: auto; }
.tab-fix { position: relative; }
.tab-fix .tab-info { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; transition: 340ms; }
.tab-fix .tab-info.on { opacity: 1; visibility: visible; position: relative; }
.bamnline { width: 128px; margin: auto; margin-top: 19px; background: #7d5f17;     display: none;}
.bamnline span { display: block; width: 0; height: 1px; background: #e0ae37; }
.bamnline.load span { width: 128px; transition: 4s 0s linear; -webkit-transition: 4s 0s linear; -moz-transition: 4s 0s linear; }
.tabbtn { width: 55px; height: 55px; position: absolute; bottom: -143px; left:199px; background: url(../images/fa.png) center no-repeat; cursor: pointer; transition: 400ms; }
.prev { left: 50%; margin-left: -155px; }
.next { right: 50%; margin-right: -155px; }
.tabbtn i { display: block; width: 9px; height: 16px; position: absolute; top: 50%; margin-top: -8px; z-index: 10; transition: 350ms; }
.tabbtn.prev i { left: 11px; background: url(../images/prev.png) center no-repeat; }
.tabbtn.next i { right: 11px; background: url(../images/next.png) center no-repeat; }
.tabbtn b { display: block; width: 55px; height: 55px; transition: 550ms; background: url(../images/prbg.png) left top no-repeat; transform: scale(0) rotate(0); -webkit-transform: scale(0) rotate(0); -moz-transform: scale(0) rotate(0); opacity: 0; }
.tabbtn:hover { background: none; }
.tabbtn:hover b { transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); opacity: 1; }
.tabbtn:hover.prev i { background: url(../images/prevon.png) center no-repeat; }
.tabbtn:hover.next i { background: url(../images/nexton.png) center no-repeat; }


.numble { margin-top: 5px;     display: none}
.defual { display: block; text-align: center; line-height: normal; }
.defual span { display: inline-block; line-height: normal; margin: auto; text-align: center; color: #e0ae37; font-size: 20px; font-family: "trajanbold"; }
.defual b { display: inline-block; color: #e0ae37; font-size: 12px; font-family: "trajanbold"; margin-right: 6px; font-weight: normal; }
.defual:nth-child(2) span { font-size: 12px; }
.load-list { width: 49px; height: 48px; position: absolute; left: 50%; margin-left: -24px; bottom: 0; }
.loadmore { width: 49px; height: 48px; background: url(../images/more.png) center top no-repeat; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 320ms; }
.loadmore.on { opacity: 1; visibility: visible; }
.loadmore i { display: block; background: #d1a02c; position: absolute; transition: 350ms; }
.loadmore a { display: block; width: 100%; height: 100%; }
.loadmore a i.line1 { width: 9px; height: 1px; left: 20px; top: 24px; }
.loadmore a i.line2 { height: 9px; width: 1px; left: 24px; top: 20px; }
.loadmore a mark { position: absolute; left: 0; top: 0; background: url(../images/fabg1.png) center no-repeat; width: 49px; height: 48px; transition: 560ms; opacity: 0; transform: rotate(0) scale(0); -webkit-transform: rotate(0) scale(0); -moz-transform: rotate(0) scale(0); }
.loadmore:hover { background: none; }
.loadmore:hover a mark { transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); opacity: 1; }
.loadmore:hover a i { background: #fff; }
.tabtext { margin-top: 38px; text-align: center; }
.tabline { position: relative; width: 358px; text-align: center; height: 14px; background: url(../images/line.png) center no-repeat; margin: auto; margin-bottom: 20px; }
.tabtext p { text-align: center; color: #a68d53; font-size: 12px; font-family: "Tahoma"; line-height: 18px; }
.tabvideo{ position:absolute; right:38px; bottom:3.6%; z-index:101; width:144px;}
.homevideo.on{ display:block;}
.homevideo{ display:none;}
.homevideo b{ color:#fff; font-size:14px; font-weight:normal; line-height:normal; margin-bottom:6px; line-height:1; text-align:left; display:block;}

.videoIbox{ position:relative; line-height:1;} 
.videoIbox{ padding:2px; background:#fff;}
.videoIbox .img{ display:block; width:100%; height:auto; transition:340ms; line-height:0;}
.videoIbox span{ display:block; width:12px; height:19px; background:url(../images/vides.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-9px; z-index:30;}
.video-info b{ display:block; text-align:center; color:#7b6c64; font-size:18px; font-weight:normal; margin-top:22px; line-height:1.2; transition:330ms;}
.video-info:hover .videoIbox .img{ transform:scale(0.98); -webkit-transform:scale(0.98); -moz-transform:scale(0.98);}
.video-info:hover b{ color:#ee7133;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }


.popUpblack { background: #000\9; filter: alpha(opacity=80); background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none; }
.popUp { width: 220px; height: 242px; border: 2px solid #e0ae37; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }


.downs { text-align: center; width: 38px; height: 41px; position: absolute; left: 50%; margin-left: -19px; bottom: 130px; z-index: 99; cursor: pointer; background: url(../images/fa1.png) center no-repeat; animation-delay: 0ms; animation-duration: 1200ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.absorbed { background: #fff; }
.absorbed-info { width: 33.3%; position: relative; float: left; overflow: hidden; }
.absorbed-info figure { display: block; overflow: hidden; }
.absorbed-info figure img { display: block; width: 100%; height: auto; }
.absorbed-info figure .absoor1 { /* overflow: hidden; */ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15; transition: 860ms; }
.absorbed-info figure img.absordbg { top: 0; height: 100%; position: relative; width: 100%; z-index: 10;}


.absorbed-info figcaption { display: block; width: 326px; height: 226px; position: absolute; left: 50%; top: 50%; z-index: 30; margin-left: -162px; margin-top: -113px; text-align: center; }
.absorbed-info figcaption mark { display: block; width: 160px; height: 160px; position: absolute; left: 50%; top: 33px; margin-left: -80px; background: none; transform: rotate(45deg) scale(0.9); -webkit-transform: rotate(45deg) scale(0.9); -moz-transform: rotate(45deg) scale(0.9); transition: 780ms 500ms; }
.absorbed-info figcaption b { display: block; width: 100%; height: 1px; background: rgba(240,186,100,0.5); position: absolute; transition: 650ms; opacity: 0; }
.absorbed-info figcaption b:nth-child(1) { left: 0; top: -40px; }
.absorbed-info figcaption b:nth-child(2) { width: 1px; height: 100%; right: -40px; top: 0; }
.absorbed-info figcaption b:nth-child(3) { left: 0; bottom: -40px; }
.absorbed-info figcaption b:nth-child(4) { width: 1px; height: 100%; left: -40px; top: 0; }
.absorbed-info figcaption i { display: block; margin: auto; width: 32px; height: 1px; background: #fff; transition: 540ms; }
.absorbed-info figcaption .li1 { margin-top: 57px; margin-bottom: 20px; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); opacity: 0; }
.absorbed-info figcaption h3 { color: #ffffff; display: block; font-size: 18px; height: 35px; text-align: center; font-weight: normal; transition: 300ms; }
.absorbed-info figcaption .li2 { transition: none; }
.absorbed-info figcaption small { text-align: center; line-height: normal; /*margin-top: 9px;*/ display: block; color: #ffffff; font-size: 20px; font-family: "callie_handregular"; transition: 450ms; }
.absorbed-info:hover figcaption .li1 { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.absorbed-info:hover b:nth-child(1) { top: 0; opacity: 1; }
.absorbed-info:hover b:nth-child(2) { right: 0; opacity: 1; }
.absorbed-info:hover b:nth-child(3) { bottom: 0; opacity: 1; }
.absorbed-info:hover b:nth-child(4) { left: 0; opacity: 1; }
.absorbed-info:hover figcaption mark { transform: rotate(135deg) scale(1); -webkit-transform: rotate(135deg) scale(1); -moz-transform: rotate(135deg) scale(1); background: rgba(253,211,110,0.1); }
.absorbed-info:hover h3 { font-size: 25px; }
.absorbed-info:hover .li2 { display: none; }
.absorbed-info:hover small { color: #e4b84f; margin-top: 0; }
.main-box { padding: 180px 102px 0; background: #fff; position: relative; z-index: 10; }
.main { position: relative; padding-bottom: 100px; }
.main-icon { width: 147px; height: 147px; position: absolute; left: 50%; margin-left: -73px; top: -133px; background: url(../images/icon.png) center no-repeat; cursor: pointer; transition: 980ms; }
.main-icon:hover { transform: rotateY(0) !important; -webkit-transform: rotateY(0) !important; -moz-transform: rotateY(0) !important; background: url(../images/icon2.png) center no-repeat; }
.main-icon:hover span { background: url(../images/downon.png) center no-repeat; }
.main-icon span { display: block; width: 16px; height: 9px; background: url(../images/down1.png) center no-repeat; position: absolute; left: 66px; bottom: 24px; animation-delay: 0ms; animation-duration: 1200ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }

.wood-info { float: left; width: 50%; position: relative; }
.wood-wr { }
.wood-title { margin-bottom: 67px; }
.wood-title h3 { color: #e0ae37; font-size: 30px; margin-bottom: 16px; line-height: normal; font-family: "bodoni_bookitalic"; font-style: oblique; font-weight: normal; }
.wood-title h4 { color: #000000; font-size: 18px; font-weight: normal; line-height: normal; display:inline-block; position:relative;}
.wood-title a:hover h4:before{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.wood-title h4:before{ content:""; width:16px; height:16px; background:url(../images/moredit.png) center no-repeat; position:absolute; right:-24px; top:5px; transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); transition:350ms ease;}
.wood-text { position: relative; overflow: hidden; }
.wood-text figure { display: block; position: relative; line-height: 0; overflow: hidden; }
.wood-text figure img {  width: 480px; height: 290px;  transition: 870ms; line-height: 0; margin:auto; display:block; }
.wood-text figcaption::before,
.wood-text figcaption::after { position: absolute; top: 7px; right: 5px; bottom: 7px; left: 5px; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; }
.wood-text figcaption { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.linesbox1 { top: 740px; }
.wood-fix:hover .wood-text figure img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); }
.wood-text figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.wood-text figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.wood-fix:hover .wood-text figcaption::before,
.wood-fix:hover .wood-text figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.wood-fix:hover .wood-text .wood-co { right: 5px; }
.wood-fix:hover .wood-view h2 { color: #e0ae37; transition: 540ms 0ms !important; }
.wood-co { position: absolute; right: -148px; bottom: 7px; z-index: 10; background: #e0ae37; transition: 640ms; }
.wood-co li { float: left; width: 37px; height: 40px; position: relative; overflow: hidden; }
.wood-co li b { display: block; width: 100%; height: 100%; position: relative; z-index: 5; }
.wood-co li:nth-child(1) b { background: url(../images/icon4.png) center no-repeat; }
.wood-co li:nth-child(2) b { background: url(../images/icon1.png) center no-repeat; }
.wood-co li:nth-child(3) b { background: url(../images/icon3.png) center no-repeat; }
.wood-co li:nth-child(4) b { background: url(../images/icon4.png) center no-repeat; }
.wood-co li.zoom b { background: url(../images/icon1.png) center no-repeat; }
.wood-co li i { display: block; width: 100%; height: 100%; background: #b40000; transition: 450ms; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); position: absolute; left: 0; top: 0; }
.wood-co li:hover i { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }
.wood-view { padding: 26px 0 0; height: 158px; }
.wood-view h2 { color: #000000; line-height: normal; font-weight: normal; font-size: 22px; margin-bottom: 25px; }
.wood-view p { color: #000000; font-size: 14px; line-height: 18px; width: 98%; }
.heiline { width: 1px; height: 100%; background: #e0ae37; position: absolute; left: 50%; top: 24px; }
.linesbox { position: absolute; width: 100%; top: 105px; }
.linesbox span { width: 47px; height: 18px; background: #fff url(../images/start1.png) center no-repeat; position: absolute; left: 50%; margin-left: -23px; top: -9px; z-index: 10; }
.lines-left { width: 50%; position: absolute; left: 0; top: 0; background: #e0ae37; height: 1px; background: #e0ae38; }
.lines-left b { display: block; width: 11px; height: 11px; position: absolute; left: 0px; top: -5px; background: url(../images/start.png) left center no-repeat; z-index: 10; }
.lines-right { width: 50%; position: absolute; right: 0; top: 0; background: #e0ae37; height: 1px; background: #e0ae38; }
.lines-right b { display: block; width: 11px; height: 11px; position: absolute; right: 0px; top: -5px; background: url(../images/start.png) left center no-repeat; }

.fancybox-nav span { width: 14px; height: 18px; position: static; }
.fancybox-nav { top: 50%; margin-top: -9px; width: 14px; height: 18px; }
.fancybox-prev { left: -26px; background: url(../images/prev1.png) center no-repeat; }
.fancybox-next { right: -26px; background-position: right center; background: url(../images/next1.png) center no-repeat; }
.fancybox-overlay { background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); }
.fancybox-close { width: 21px; height: 21px; top: 10px; right: 10px; background: url(../images/close.png) no-repeat; background-size: cover; transition: 350ms; }
.fancybox-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.fancybox-nav:hover span { background: none; opacity: 0.8; }
.fancybox-opened .fancybox-skin { box-shadow: none; border: 1px solid #e0ae37; border-radius: 0; }
.fancybox-skin { background: none; border-radius: none; }

.perftxt { float: left; }
.linesbox1 .lines-right { width: 27%; right: 23%; }
.perfect-box { margin-top: 32px; }
.wood-fix { margin-bottom: 32px; position:relative; padding-right:82px;}
.wood-info:nth-child(2) .wood-fix{ padding-right:0; padding-left:0;}
.proces{ padding-left:82px;}
.wood-info:nth-child(2) .wood-wr .wood-fix{ padding-left:82px;}
.wood-info:nth-child(2) .perfect-info{ padding-right:0; padding-left:82px;}
.perfect-info{ padding-right: 82px;}
.wood-fix .linesbox{ top:100%; left:0;}
.wood-fix .linesbox.article-block .lines-left{ left:100%;}
.wood-fix .linesbox.articleShow .lines-left{ width:100%; left:0;}
.wood-fix .linesbox.article-block .lines-right{ right:100%;}
.wood-fix .linesbox.articleShow .lines-right{ width:100%; right:0;}
.wood-fix .linesbox span{ left:-23px; margin-left:0;}
.perftxt { width: 44.5%; float: left; }
.perftxt:nth-child(2) { float: right; }
.text { margin-top: 25px; line-height: 1.2; display: block; cursor: pointer; color: #000000; font-size: 18px; transition: 540ms; }
.perftxt:hover .text { color: #e0ae37; }
.proces-text { float: left; width: 50%; }
.proces-text h3 { color: #000000; font-size: 22px; font-weight: normal; line-height: 30px; margin-bottom: 30px; transition: 450ms; }
.proces-text p { color: #000000; font-size: 14px; line-height: 18px; }
.proces .wood-text { float: right; width: 45%; }
.proces:hover .proces-text h3, .perftxt:hover .proces-text h3 { color: #e0ae37; }
.proces:hover .wood-text figure img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); }
.proces:hover .wood-text figcaption::before,
.proces:hover .wood-text figcaption::after,
.perftxt:hover .wood-text figcaption::before,
.perftxt:hover .wood-text figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.proces:hover .wood-text .wood-co, .perftxt:hover .wood-text .wood-co { right: 5px; }

.museum { padding: 88px 0 138px; position: relative; z-index: 5; }
.lined { width: 1px; height: 95px; z-index: 10; opacity: 0; height: 0; position: absolute; left: 50%; top: 0; background: #e0ae37; }
.museums { padding-top: 90px; min-height: 124px; margin: auto; text-align: center; position: relative; }
.museums:before { content: ""; width: 30px; height: 1px; background: #fff; margin: auto; position: absolute; top: 66px; left: 50%; margin-left: -15px; }
.museums:after { content: ""; width: 225px; height: 225px; background: url(../images/museums.png) center no-repeat; position: absolute; left: 50%; margin-left: -112px; top: 0; }
.museums h2 { text-align: center; color: #ffffff; font-size: 32px; letter-spacing: 32px; text-indent: 32px; font-weight: normal; line-height: normal; position: relative; z-index: 10; }
.museums small { color: #f2cf7a; font-size: 30px; margin-top: 16px; letter-spacing: 10px; font-family: "callie_handregular"; display: block; line-height: normal; text-align: center; position: relative; z-index: 10; }

.museumdown { width: 27px; height: 15px; position: absolute; left: 50%; margin-left: -13px; bottom: 65px; background: url(../images/down.png) center no-repeat; cursor: pointer; animation-duration: 1200ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.downs2{ width: 27px; height: 15px; position: absolute; left: 50%; margin-left: -13px; bottom: 65px; background: url(../images/down.png) center no-repeat; cursor: pointer; animation-duration: 1200ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.position-box { padding: 110px 0 50px; background: #fff; z-index: 10; position: relative;  }
.position { display: inline-block; margin: auto; }
.position li { width: 280px; float: left; text-align: center; }
.position li figure { display: block; position: relative; margin: auto; width: 225px; height: 225px; border-radius: 50%; /*border: 1px solid #e0ae37; */transition: 780ms; }
.position li figure img { display: block; margin: auto; position: relative; transition: 450ms; }
.position li:nth-child(1) figure img { bottom: -17px; }
.position li:nth-child(2) figure img { top: 17px; }
.position li:nth-child(3) figure img { top: 17px; }
.position li:nth-child(4) figure img { top: 17px; }
.position li figure span { display: block; opacity: 0; width: 14px; height: 28px; position: absolute; transition: 650ms; }
.position li figure span.d1 { left: -18px; top: 50%; margin-top: -14px; background: url(../images/left.png) center no-repeat; }
.position li figure span.d2 { right: -18px; top: 50%; margin-top: -14px; background: url(../images/right.png) center no-repeat; }
.position li figure span.d3 { top: -18px; left: 50%; width: 28px; height: 14px; margin-left: -14px; background: url(../images/top.png) center no-repeat; }
.position li figure span.d4 { bottom: -18px; left: 50%; width: 28px; height: 14px; margin-left: -14px; background: url(../images/dow.png) center no-repeat; }
.position li figcaption { display: block; margin-top: 52px; text-align: center; }
.position li figcaption h2 { color: #000000; font-size: 18px; font-weight: normal; line-height: normal; margin-bottom: 20px; opacity: 1; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 650ms; }
.position li figcaption i { display: block; width: 0; height: 1px; background: #e0ae37; margin: auto; opacity: 0; transition: 640ms 200ms; }
.position li:hover figure { background: #e0ae37; }
.position li:hover figure img { transform: translateX(-8px); -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); }
.position li:hover figure span { opacity: 1; }
.position li:hover figure span.d1 { left: -28px; }
.position li:hover figure span.d2 { right: -28px; }
.position li:hover figure span.d3 { top: -28px; }
.position li:hover figure span.d4 { bottom: -28px; }
.position li:hover figcaption h2 { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.position li:hover figcaption i { opacity: 1; width: 32px; }
.experience { width: 313px; margin: auto; margin-top: 87px; position: relative; height: 40px; overflow: hidden; border: 1px solid #d1a02c; }
.experience:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 100%; background: #d1a02c; transition: 540ms; }
.experience a { display: block; padding-left: 78px; transition: 460ms; line-height: 40px; color: #323232; font-size: 14px; background: url(../images/uer.png) 25px center no-repeat; position: relative; z-index: 5; text-align: left; }
.experience:hover:before { top: 0; }
.experience:hover a { color: #fff; background: url(../images/uer1.png) 25px center no-repeat; }
.conicon { margin-bottom: 25px; text-align: center; }
.conicon small { display: block; text-align: center; line-height: normal; color: #ecd6a1; font-size: 14px; font-family: "Vani"; margin-bottom: 8px; }
.conicon b { display: block; width: 21px; height: 13px; background: url(../images/contact.png) center no-repeat; margin: auto; }

.commonfixed { margin-bottom: 433px; }
.footer-box { position: fixed; width: 100%; height: auto; -webkit-font-smoothing: antialiased; bottom: 0; z-index: -1; }
.footer-top {  overflow: hidden; background-size: cover !important; }
.footertel { margin-bottom: 0; }
.footertel span { display: block;  color: #ecd6a1; font-size: 18px; line-height: normal; }
.footertel time { display: block; text-align: center; color: #ecd6a1; font-size: 16px; font-family: "Tunga"; }
.footer-list { margin-bottom: 54px; text-align: center; }
.footer-list li { display: inline-block; position: relative; }
.footer-list li a { display: inline-block; width: 84px; height: 32px; position: relative; }
.footer-list li:before { content: ""; width: 1px; height: 22px; background: #ecd6a1; position: absolute; right: 0; top: 6px; }
.footer-list li:last-child:before { display: none; }
.footer-list li:nth-child(1) a { background: url(../images/weix.png) center no-repeat; }
.footer-list li:nth-child(2) a { background: url(../images/weib.png) center no-repeat; }
.footer-list li:nth-child(3) a { background: url(../images/shre.png) center no-repeat; }
.footer-list li:nth-child(4) a { background: url(../images/tuan.png) center no-repeat; }
.footer-list li:nth-child(5) a { background: url(../images/zf.png) center no-repeat; }
.china { text-align: center; }
.china p { text-align: center; color: #ecd6a1; }
.china p b { display: inline-block; font-weight: normal; margin: 0 16px; }


.contact { position: relative; }
.contact > img { display: block; width: 100%; height: auto; }
.contact figcaption { text-align: center; position: absolute; left: 50%; top: 50%; padding-top: 30px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
.contact figcaption img { display: block; padding-bottom: 15%; margin: auto; }
.contact figcaption p { color: #ffffff; text-align: center; font-size: 12px; }
.copyright { height: 64px; background: #2b2b2b; position: relative; overflow: hidden; text-align: center; }
.copyright p { display: inline-block; margin: auto; color: #996c33; font-size: 12px; line-height: 34px; }
.copyright a { display: inline-block; color: #9e9e9e; margin-left: 24px; }
.backfack { position: absolute; right: 0; bottom: 0; width: 45px; height: 64px; background: #674f15; cursor: pointer; }
.backfack span { display: inline-block; width: 16px; height: 19px; background: url(../images/top1.png) center no-repeat; transition: 340ms; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -9px; }
.backfack:hover span { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); }
.search { width: 274px; height: 40px; border: 1px solid #d1a02c; position: absolute; bottom: 50px; right: -313px; transition: 780ms 500ms; overflow: hidden; }
.search:before { content: ""; width: 100%; height: 100%; background: #d1a02c; position: absolute; left: 0; top: 100%; transition: 460ms; }
.search.on { right: 0; }
.search a { display: block; padding-left: 37px; position: relative; z-index: 10; text-align: left; color: #323232; font-size: 14px; line-height: 40px; background: url(../images/next.png) 248px center no-repeat; }
.search:after { content: ""; width: 13px; height: 18px; background: url(../images/map1.png) center no-repeat; position: absolute; left: 15px; top: 50%; margin-top: -9px; z-index: 12; transition: 350ms; }
.search:hover:after { background: url(../images/map.png) center no-repeat; }
.search:hover:before { top: 0; }
.search:hover a { color: #fff; background: url(../images/next3.png) 254px center no-repeat; }

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0.6; -webkit-transform: translate3d(0px, 8px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0.6; transform: translate3d(0px, 8px, 0px); }
}

.absorbed-info .mark { display: block; width: 100%; height: 100%; background: #e0ae37; position: absolute; left: 0; top: 0; z-index: 10; filter:alpha(opacity=0); display:none;}
.absorbed.article-block .absorbed-info .mark { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); }
.absorbed.articleShow .absorbed-info .mark { animation: 1.3s 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.absorbed.articleShow .absorbed-info:nth-child(2) .mark { animation-delay: 700ms; }
.absorbed.article-block .absorbed-info figure img { opacity: 0; transform: translateY(-40px); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); }
.absorbed.articleShow .absorbed-info figure img { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 1050ms 300ms; }
.absorbed.articleShow .absorbed-info:nth-child(2) figure img { transition: 1050ms 800ms; }
.absorbed.article-block .absorbed-info figcaption { opacity: 0; transform: scale(0.87); -webkit-transform: scale(0.87); -moz-transform: scale(0.87); }
.absorbed.articleShow .absorbed-info figcaption { opacity: 1; transition: 650ms 650ms; -webkit-transform: scale(1); -moz-transform: scale(1); }
.absorbed.articleShow .absorbed-info:nth-child(2) figcaption { transition: 650ms 1150ms; }

@keyframes fadedown {
    from { transform: translateY(-100%); }
    60% { transform: translateY(0); }

    to { transform: translateY(100%);}
}

.main-icon.article-block { transform: scale(1.4) rotateY(0) translateY(90px); -webkit-transform: scale(1.4) rotateY(0) translateY(90px); -moz-transform: scale(1.4) rotateY(0) translateY(90px); opacity: 0; }
.main-icon.articleShow { opacity: 1; transform: scale(1) rotateY(360deg) translateY(0); -webkit-transform: scale(1) rotateY(360deg) translateY(0); -moz-transform: scale(1) rotateY(360deg) translateY(0); transition: 1490ms; }
.heiline.article-block { height: 0; transition: 4500ms; }
.heiline.articleShow { height: 100%; }
.linesbox.article-block span { transition: 450ms; opacity: 0; }
.linesbox.articleShow span { opacity: 1; }
.linesbox.article-block .lines-left { transition: 800ms 200ms; width: 0; left: 50%; }
.linesbox.articleShow .lines-left { left: 0; width: 50%; }
.linesbox.article-block .lines-right { transition: 800ms 200ms; width: 0; right: 50%; }
.linesbox.articleShow .lines-right { right: 0; width: 100%; }
.linesbox1.articleShow .lines-right { width: 27%; right: 23%; }

.wood-title.article-block h3, .wood-title.article-block h4, .wood-view.article-block h2, .wood-view.article-block p { transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); opacity: 0; }
.wood-title.articleShow h3, .wood-title.articleShow h4, .wood-view.articleShow h2, .wood-view.articleShow p { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); opacity: 1; transition: 670ms; }
.wood-view.articleShow h2 { transition: 670ms 400ms; }
.wood-title.articleShow h4 { transition: 670ms 400ms; }
.wood-view.articleShow p { transition: 670ms 800ms; }

.wood-text.article-block { transform: translateX(100px); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); opacity: 0; }
.wood-text.articleShow { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: 1500ms 200ms; }
.wood-info:nth-child(2) .wood-text.article-block { transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); }
.wood-info:nth-child(2) .wood-text.articleShow { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }

.perfect-info.article-block .perftxt, .proces.article-block .wood-text, .proces.article-block .proces-text { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); }
.perfect-info.articleShow .perftxt, .proces.articleShow .wood-text, .proces.articleShow .proces-text { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 890ms 200ms; }
.perfect-info.articleShow .perftxt:nth-child(2) { transition: 890ms 600ms; }
.proces.articleShow .wood-text { transition: 890ms 1200ms; }
.proces.articleShow .proces-text { transition: 890ms 900ms; }

.museum.article-block .lined { opacity: 0; height: 0; transition: 650ms ease-in-out; }
.museum.articleShow .lined { opacity: 1; height: 95px; }
.museum.article-block .museums:after { opacity: 0; transform: scale(0.88) rotate(0); -webkit-transform: scale(0.88) rotate(0); -moz-transform: scale(0.88) rotate(0); }
.museum.articleShow .museums:after { opacity: 1; transform: scale(1) rotate(90deg); transition: 760ms 200ms; }
.museum.article-block .museums:before { width: 0; opacity: 0; transition: 460ms 400ms; }
.museum.articleShow .museums:before { width: 30px; opacity: 1; }
.museum.article-block .museums h2 { opacity: 0; position: relative; top: 40px; }
.museum.articleShow .museums h2 { opacity: 1; top: 0; transition: 560ms 650ms; }
.museum.article-block .museums small { opacity: 0; position: relative; top: 30px; }
.museum.articleShow .museums small { opacity: 1; top: 0; transition: 580ms 800ms ease-in-out; }


.position.article-block li { transform: translateY(80px); -webkit-transform: translateY(80px); -moz-transform: translateY(80px); opacity: 0; }
.position.articleShow li { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.position.articleShow li:nth-child(1) { transition: 760ms 200ms; }
.position.articleShow li:nth-child(2) { transition: 760ms 600ms; }
.position.articleShow li:nth-child(3) { transition: 760ms 1000ms; }
.position.articleShow li:nth-child(4) { transition: 760ms 1400ms; }

@media screen and (max-width:1505px) {
    .contact figcaption img { padding-bottom: 20px; }
    .proces-text h3 { height: 60px; overflow: hidden; margin-bottom: 10px; }
    .proces-text p { height: 72px; overflow: hidden; }
}

.contact figcaption.article-block img, .contact figcaption.article-block p { opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); }
.contact figcaption.articleShow img, .contact figcaption.articleShow p { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.contact figcaption.articleShow img:nth-child(1) { transition: 650ms 200ms; }
.contact figcaption.articleShow img:nth-child(2) { transition: 650ms 600ms; }
.contact figcaption.articleShow img:nth-child(3) { transition: 650ms 1000ms; }
.contact figcaption.articleShow p { transition: 650ms 1300ms; }

/*about*/
.footer-inner { position: relative; z-index: 5; }
.pbanner { position: relative; overflow: hidden; }
.pbanner img { display: block; width: 100%; height: auto; }
.introducts { padding: 190px 0 74px; background: #f8f8f8; position: relative; }
.about-icon { width: 243px; height: 243px; /* background: url(../images/about.png) center no-repeat; */ position: absolute; left: 50%; margin-left: -121px; top: -16px; }
.about-icon .main-icon { position: relative; left: 0; top: 0; margin-left: 47px; margin-top: 47px; transition: none !important; }
.about-icon .main-icon:hover { background: url(../images/icon.png) center no-repeat; }
.common-t small { display: block; text-align: center; line-height: normal; color: #e0ae37; font-size: 30px; margin-bottom: 12px; font-family: "bodoni_bookitalic"; font-weight: normal; }
.common-t h4 { text-align: center; color: #000000; font-size: 18px; font-weight: normal; }
.introduct-text { margin-top: 55px; padding: 0 30px; }
.common-line { position: relative; height: 13px; }
.common-line i { display: block; width: 36px; height: 13px; background: #f8f8f8 url(../images/arrow1.png) center no-repeat; position: absolute; left: 50%; margin-left: -18px; top: 0; }
.common-line span { display: block; width: 100%; height: 2px; background: #edd59e; position: absolute; left: 0; top: 6px; }
.common-line:before { content: ""; width: 25px; height: 13px; background: #f8f8f8 url(../images/arrow2.png) left center no-repeat; position: absolute; left: 0; top: 0; z-index: 5; }
.common-line:after { content: ""; width: 25px; height: 13px; background: #f8f8f8 url(../images/arrow2.png) right center no-repeat; position: absolute; right: 0; top: 0; z-index: 5; }
.introduct-info { padding: 18px 46px 0 52px; text-align: center; }
.introduct-info p { color: #646464; font-size: 13px; line-height: 2; margin-bottom: 60px; text-align: left; }
.checkmore { width: 164px; height: 55px; margin: auto; position: relative; border: 1px solid #a0a0a0; transition: 440ms; overflow: hidden; }
.checkmore:before { content: ""; width: 100%; height: 0; background: #a0a0a0; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; }
.checkmore a { display: block; line-height: 55px; color: #000000; text-align: center; position: relative; z-index: 5; transition: 400ms; }
.checkmore:hover:before { height: 420%; }
.checkmore:hover a { color: #fff; }

.pbanner.article-block { transform: scale(1.1); opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.pbanner.articleShow { transform: scale(1); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }

.devilepment { background: #fff; }
.history { width: 50%; margin-top: 94px; float: left; }
.history-text { text-align: center; }
.history-fix { margin-top: 50px; margin-bottom: 85px; }
.history-text p { color: #646464; font-size: 13px; line-height: 2; text-align: left; }
.honor { width: 50%; float: left; position: relative; }
.honor figure { display: block; line-height: normal; overflow: hidden; }
.honor figure img { display: block; line-height: 0; width: 100%; height: auto; }
.honor .common-t { position: absolute; left: 57px; top: 90px; }
.honor .common-t h4 { text-align: left; color: #fff; }
.honor-text { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); padding: 35px 0 40px; }
.honor-list { float: left; margin-left: 50px; }
.honor-list li a { display: block; color: #ffffff; font-size: 13px; padding-left: 20px; line-height: 2; background: url(../images/dit.png) left 10px no-repeat; }
.honor-list li a:hover { color: #e0ae37; background: url(../images/dit1.png) left 10px no-repeat; }
.honormare { float: right; margin-right: 22px; color: #ffffff; background: url(../images/arrow3.png) 60px center no-repeat; padding-right: 26px; margin-top: 16px; }
.honormare:hover { color: #e0ae37; background: url(../images/arrow4.png) right center no-repeat; }
.diversified { padding: 145px 0 0; background: #f8f8f8; }
.diversified-list { margin-top: 66px; }
.diversified-list li { width: 33.3333333%; overflow: hidden; float: left; position: relative; perspective: 1300px; -webkit-perspective: 1300px; -moz-perspective: 1300px; }
.diversified-list li figure { display: block; line-height: normal; overflow: hidden; }
.diversified-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 450ms; }
.diversified-list li figcaption { display: block; width: 100%; height: 56px; line-height: 56px; color: #ffffff; font-size: 14px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); text-indent: 38px; position: absolute; left: 0; bottom: 0; transition: 300ms; }
.diversified-list li .diversified-wr { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.8); visibility: hidden; background: #000\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; transform-origin: 50% 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform: rotateX(-60deg); -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; }
.diversified-list li .diversified-wr mark { display: block; background: none; padding-left: 15.6%; height: 100%; padding-right: 20%; opacity: 0; transform: translateY(26px); -webkit-transform: translateY(26px); -moz-transform: translateY(26px); transition: 450ms 0ms; }
.diversified-list li .diversified-wr h4 { line-height: normal; color: #fff; position: relative; padding-top: 20%; font-size: 18px; font-weight: normal; margin-bottom: 30px; }
.diversified-list li .diversified-wr p { color: #ffffff; font-size: 13px; line-height: 2; }
.diversified-list li .diversified-wr span { display: inline-block; padding-right: 28px; color: #ffffff; background: url(../images/arrow3.png) right center no-repeat; position: absolute; left: 15.6%; bottom: 20px; }
.diversified-list li:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.diversified-list li:hover figcaption { bottom: -56px; }
.diversified-list li:hover .diversified-wr { opacity: 1; visibility: visible; transform: rotateX(0); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); }
.diversified-list li:hover .diversified-wr mark { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 450ms 250ms; }

.contact-box { padding: 80px 0 84px; background: #f8f8f8; }
.contact-fix { margin-top: 66px; }
.contact-info { width: 100%; float: left; margin-bottom: 30px; }
.map-boder { padding: 21px 30px; border: 1px solid #e0ae37; }
.map-boder .map { width: 100%; height: 350px; }
.anchorBL, .BMap_cpyCtrl { display: none !important; }
.contact-info:hover .BMap_Marker div { animation: 0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: BOUNCE; animation-name: BOUNCE; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite; }
.contact-info:hover .address h4, .contact-info.on .address h4 { color: #e0ae37; transition: 460ms; }
.address { padding: 26px 28px 0 34px; }
.address h4 { font-weight: normal; line-height: normal; color: #323232; font-size: 16px; padding-bottom: 18px; border-bottom: 1px solid #e0ae37; }
.address-info { margin-top: 18px; }
.address-info p { margin-bottom: 6px; color: #323232; font-size: 14px; padding-left: 30px; }
.address-info p:nth-child(1) { background: url(../images/tel.png) left center no-repeat; }
.address-info p:nth-child(2) { background: url(../images/map1.png) left center no-repeat; }
.contact-info:nth-child(2) { float: right; }

@-moz-keyframes BOUNCE {
    0% { top: 0; }
    25% { top: -10px; }
    50% { top: -20px; }
    75% { top: -10px; }
    100% { top: 0; }
}

@-webkit-keyframes BOUNCE {
    0% { top: 0; }
    25% { top: -10px; }
    50% { top: -20px; }
    75% { top: -10px; }
    100% { top: 0; }
}

/*多元化内页*/
.diversified-box { padding: 62px 0 210px; background: #f8f8f8; position: relative; }
.diver .introduct-info { padding: 18px 198px 0 52px; }
.diver .introduct-info p { text-indent: 26px; margin-bottom: 10px; }
.atlas { margin-top: 70px; }
.atlas-fix { margin-top: 24px; }
.atlas-fix span { display: block; margin-left: 54px; color: #323232; font-size: 14px; }
.atlas-tab { margin-top: 24px; position: relative; }
.item { padding: 0 6px; }
.itemIn { padding: 12px 16px; border: 1px solid #e0ae37; cursor: pointer; overflow: hidden; }
.item-fix { overflow: hidden; }
.item img { display: block; width: 100%; height: auto; transition: 450ms; }
.item img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.owl-theme { overflow: hidden; }
.atlas-tab .owl-item { float: left; }
.atlas-tab .owl-prev, .atlas-tab .owl-next { position: absolute; top: 50%; width: 14px; height: 18px; text-indent: 999px; overflow: hidden; margin-top: -9px; cursor: pointer; transition: 450ms; }
.atlas-tab .owl-prev { left: -30px; background: url(../images/prev1.png) center no-repeat; }
.atlas-tab .owl-next { right: -30px; background: url(../images/next1.png) center no-repeat; }
.atlas-tab .owl-prev:hover, .atlas-tab .owl-next:hover { opacity: 0.5; }
.backprev { position: absolute; overflow: hidden; right: 0; bottom: 79px; width: 166px; height: 49px; border: 1px solid #818181; border-right: none; }
.backprev:before { content: ""; width: 0%; height: 0%; position: absolute; left: 50%; top: 50%; transition: all .3s ease 0s; transform: translate(-50%,-50%); background: #818181; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius: 50%; opacity: 0; visibility: hidden; }
.backprev a { display: block; line-height: 49px; position: relative; z-index: 20; color: #818181; font-size: 14px; padding-left: 25px; }
.backprev:hover:before { width: 110%; height: 450%; opacity: 1; visibility: visible; }
.backprev:hover a { color: #fff; }

/*history-box*/
.history-box { padding: 62px 0 102px; background: #4e3c2e; }
.historys .common-t h4 { color: #fff; }
.historys .common-line:before { background: #4e3c2e url(../images/arrow2.png) left center no-repeat; }
.historys .common-line:after { background: #4e3c2e url(../images/arrow2.png) right center no-repeat; }
.historys .common-line i { background: #4e3c2e url(../images/arrow1.png) center no-repeat; }
.historys .common-line span { background: #927132; }
.historys .introduct-info p { color: #fff; margin-bottom: 0; line-height: 2; }
.history-li { position: relative; z-index: 10; }
.history-li.toggleadd { z-index: 99; }
.history-list { position: relative; width: 1276px; margin: auto; margin-top: 95px; }
.history-icon { width: 147px; height: 147px; margin: auto; background: url(../images/icon.png) center no-repeat; position: relative; }
.history-icon span { display: block; width: 16px; height: 9px; background: url(../images/down1.png) center no-repeat; position: absolute; left: 66px; bottom: 24px; animation-delay: 0ms; animation-duration: 1200ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.history-main { position: relative; margin-top: 10px; padding: 65px 0 0; }
.history-main i { position: absolute; width: 1px; height: 100%; background: #e0ae37; left: 50%; top: 0; }
.history-main .linesbox { position: relative; top: 0; }
.history-main .linesbox span { background: #4e3c2e url(../images/start2.png) center no-repeat; }
.history-main .lines-left b { background: #4e3c2e url(../images/arrow5.png) left center no-repeat; }
.history-main .lines-right b { background: #4e3c2e url(../images/arrow5.png) right center no-repeat; }
.history-l { padding: 8px 0 0; position: relative; }
.history-info { width: 50%; float: left; height: 182px; position: relative; }
.histroy-ri { margin-right: 24px; position: relative; }
.history-padding { padding: 18px 16px 63px 14px; margin-left: 102px; box-sizing: border-box; transition: 650ms; position: absolute; left: 0; top: 0; }
 .a_img{position:fixed; top:20%; left:39%; display:none;}
.a_img2{position:fixed; top:20%; left:35%; display:none;}
.a_img3{position:fixed; top:20%; left:39%; display:none;}
.a_img4{position:fixed; top:20%; left:35%; display:none;}
.a_img5{position:fixed; top:20%; left:39%; display:none;}
.a_img6{position:fixed; top:20%; left:35%; display:none;} 
/*.history-c a:hover .a_img{display:block;}
.history-c a:hover .a_img2{display:block;}
.history-c a:hover .a_img3{display:block;}
.history-c a:hover .a_img4{display:block;}
.history-c a:hover .a_img5{display:block;}
.history-c a:hover .a_img6{display:block;}*/
.history-padding mark { width: 100%; height: 100%; background: #ffeed4; content: ""; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 650ms; }
.history-info strong { color: #ffffff; font-size: 28px; font-weight: normal; font-family: "helvetica_neue_ltregular"; position: absolute; left: 12px; padding-bottom: 30px; top: -50px; line-height: normal; }
.history-lis { position: relative; z-index: 10; }
.history-c { margin-bottom: 27px; opacity: 0; position: relative; top: 30px; visibility: hidden; }
.history-c:last-child { margin-bottom: 0; }
.history-lis .history-c:nth-child(1) { opacity: 1; top: 0; visibility: visible; }
.history-lis .history-c:nth-child(2) { transition: 480ms 0ms; }
.history-lis .history-c:nth-child(3) { transition: 480ms 0ms; }
.history-lis .history-c:nth-child(4) { transition: 480ms 0ms; }
.history-c img { width: 81px; height: 100%; display: block; float: left; }
.history-c .history-lide { float: left; margin-left: 26px; width: 208px; }
.history-c .history-lide time { display: block; line-height: normal; color: #ffffff; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid #e0ae37; transition: 440ms; }
.history-c .history-lide p { color: #ffffff; line-height: normal; font-size: 14px; margin-top: 8px; transition: 440ms; height: 95px; overflow: hidden; }
.history-info:nth-child(2) .histroy-ri { margin-right: 0; margin-left: 24px; }
.history-info:nth-child(2) .history-padding { margin-left: 36%; padding: 18px 14px 63px 14px; margin-right: 14px; left: inherit !important; right: 0; }
.history-info:nth-child(2) .history-padding .history-c { margin-left: 0; }
.history-info:nth-child(2) strong { left: 28%; }
.history-info:hover .history-padding .history-lide time { color: #646464; }
.history-info:hover .history-padding .history-lide p { color: #646464; }
.honor-in .introduct-info p { margin-bottom: 0; line-height: 2; color: #323232; text-indent: 0; }
.honor-in .introduct-info p a{color:#323232;}
.honor-in { padding-bottom: 77px; }
.history-info:hover .history-c .history-lide p { overflow: visible; height: auto; }
.history-info:hover .history-padding mark { opacity: 1; visibility: visible; }
.history-info:hover .history-c { opacity: 1; top: 0; visibility: visible; }
.history-info:hover .history-c:nth-child(2) { transition: 480ms 300ms; }
.history-info:hover .history-c:nth-child(3) { transition: 480ms 600ms; }
.history-info:hover .history-c:nth-child(4) { transition: 480ms 900ms; }
.history-more { width: 60px; text-align: center; margin: auto; margin-top: 6px; position: relative; transition: 340ms; }
.history-more span { display: block; padding-top: 60px; line-height: normal; text-align: center; color: #ffffff; font-size: 14px; background: url(../images/fa2.png) center top no-repeat; }
.history-more:hover { transform: translateY(6px); -webkit-transform: translateY(6px); -moz-transform: translateY(6px); }

/*member*/
.member-box .introducts { background: #f8f8f8; center top no-repeat; }
.member-box .main-icon { background: url(../images/icon5.png) center no-repeat; }
.member-box .main-icon:hover { background: url(../images/icon5.png) center no-repeat; }
.member-box .introducts { padding: 225px 0 88px; }
.member-btn { margin-bottom: 12px; text-align: center; }
.member-btn a { display: inline-block; margin-right: 19px; margin-left: 19px; line-height: normal; position: relative; padding-top: 20px; color: #000000; font-size: 14px; }
.member-btn a:before { content: ""; width: 16px; height: 3px; background: #e0ae37; transition: 540ms; position: absolute; top: 0; }
.member-btn a:nth-child(1):before { right: 0; }
.member-btn a:nth-child(2):before { left: 0; }
.member-btn a:hover:before, .member-btn a.on:before { width: 226px; }
.common-line1:before { background: url(../images/arrow2.png) left center no-repeat; left: -16px; }
.common-line1 span { background: #e0ae37; height: 1px; }
.common-line1:after { background: url(../images/arrow2.png) right center no-repeat; right: -16px; }
.member-wr { padding: 47px 17px 14px 71px; background: #fff; margin-top: 39px; margin-bottom: 35px; }
.member-list li { width: 27.3%; float: left; margin-right: 6%; margin-bottom: 43px; cursor: pointer; position: relative; }
.member-list li:nth-child(3n+3) { margin-right: 0; }
.member-list li figure { display: block; line-height: normal; border: 1px solid #e0ae37; padding: 15px 20px; }
.member-padding { overflow: hidden; }
.member-list li figure img { display: block; width: 100%; height: 131px; transition: 468ms; border-radius: 10px; }
.member-list li figcaption { display: block; width: 60%; height: 100%; position: absolute; left: 20%; top: 0; background: rgba(77,52,15,0.9); background: #4d340f\9; filter: alpha(opacity=90); opacity: 0; transition: 560ms; visibility: hidden; }
.member-list li figcaption .member-text { width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -31px; }
.member-list li figcaption .member-text h3 { color: #ffffff; font-size: 18px; text-align: center; width: 137px; margin: auto; margin-bottom: 18px; line-height: normal; font-weight: normal; position: relative; opacity: 0; top: 25px; transition: 480ms 0ms; visibility: hidden; }
.member-list li figcaption .member-text h3:before { content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; top: 10px; transition: 480ms 0ms; opacity: 0; }
.member-list li figcaption .member-text h3:after { content: ""; width: 0; height: 1px; background: #fff; right: 0; top: 10px; position: absolute; transition: 480ms 0ms; opacity: 0; }
.member-list li figcaption .member-text span { display: block; text-align: center; color: #ffffff; position: relative; top: 15px; opacity: 0; visibility: hidden; transition: 430ms 0ms; }
.member-list li:hover figcaption { opacity: 1; visibility: visible; width: 100%; left: 0; }
.member-list li:hover figcaption .member-text h3 { opacity: 1; top: 0; visibility: visible; transition: 480ms 120ms; }
/* .member-list li:hover figcaption .member-text h3:before { width: 27px; opacity: 1; transition: 480ms 420ms; }
.member-list li:hover figcaption .member-text h3:after { width: 27px; opacity: 1; transition: 480ms 220ms; } */
.member-list li:hover figcaption .member-text span { transition: 430ms 360ms; opacity: 1; visibility: visible; top: 0; }
.memberView { position: relative; background: #000000; border: 1px solid #e0ae37; }
.member-info { padding: 48px 100px 36px 72px; }
.member-left { width: 34.4%; float: left; margin-top: 65px; }
.member-left figure { display: block; line-height: normal; overflow: hidden; }
.member-left figure img { width: 100%; height: auto; border-radius: 14px; }
.member-left p { color: #ffffff; font-size: 13px; margin-top: 32px; }
.member-right { width: 52.5%; float: right; }
.member-right h2 { font-weight: normal; line-height: normal; color: #fff; font-size: 26px; padding-bottom: 20px; border-bottom: 1px solid #e0ae37; margin-bottom: 16px; }
.member-font { margin-bottom: 24px; }
.member-font p { color: #ffffff; font-size: 13px; line-height: 2; }
.member-prev { margin-top: 10px; }
.previnfo { position: relative; float: left; width: 64px; height: 25px; border: 1px solid #e0ae37; border-bottom: none; border-left: none; }
.previnfo:before { content: ""; width: 60%; height: 25px; background: #e0ae37; left: 20%; position: absolute; top: 0; transition: 340ms ease-in-out; opacity: 0; visibility: hidden; }
.previnfo a { display: block; height: 25px; transition: 380ms; background: url(../images/prev.png) center no-repeat; position: relative; z-index: 5; }
.previnfo:nth-child(2) { float: right; border-right: none; border-left: 1px solid #e0ae37; }
.previnfo:nth-child(2) a { background: url(../images/next.png) center no-repeat; }
.previnfo:hover:before { width: 100%; left: 0; visibility: visible; opacity: 1; }
.previnfo:hover a { background: url(../images/prev2.png) center no-repeat; }
.previnfo:nth-child(2):hover a { background: url(../images/next2.png) center no-repeat; }

.introduct-info #proPage { width: 105%; }
#proPage { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); overflow: hidden; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; z-index: 1010; opacity: 0; transition: 560ms; }
.pro-bd { left: 50%; width: 1100px; margin-left: -550px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: fixed; top: 50%; visibility: hidden; z-index: 1020; }
.closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: 16px; top: 16px; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../images/close.png) no-repeat scroll center center; transition: 480ms; }
.closes:hover { transform: rotate(180deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
html.openPH body { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s; }
html.openPH #proPage { overflow-y: auto; }
html.openPH .introduct-mark { overflow-y: auto; }
html.openPH .introduct-mark .introduct-filex { top: 0; position: absolute; box-sizing: border-box; margin-top: 0 !important; }
html.openPH #proPage .pro-bd { top: 0; position: absolute; width: 100%; left: 0; box-sizing: border-box; margin-top: 0 !important; }
html.openPH #proPage .pro-bd1 { width: 1100px; left: 50%; }
.pro-page { position: relative; }
html.openPro #proPage { visibility: visible; opacity: 1; transition: 560ms; }
html.openPro .pro-bd { opacity: 1; transform: scale(1) translateY(0); transition: 650ms 150ms; -webkit-transition: 650ms 150ms; -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); visibility: visible; }
.latest { padding: 48px 44px 40px 44px; margin-top: 39px; margin-bottom: 27px; background: #000000; }
.latest-list { margin-bottom: 34px; }
.latest-list li { width: 32%; float: left; position: relative; margin-right: 2%; margin-bottom: 20px; }
.latest-list li:nth-child(3n+3) { margin-right: 0; }
.latest-list li a { display: block; padding: 12px 15px; }
.latest-list li:before { content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #e0ae37; position: absolute; left: 0; top: 0; opacity: 0; transform: scale(0.77); -webkit-transform: scale(0.77); -moz-transform: scale(0.77); visibility: hidden; transition: 520ms; }
.latest-list li figure { display: block; line-height: normal; overflow: hidden; position: relative; }
.latest-list li figure img { display: block; position: relative; z-index: 10; width: 100%; height: auto; transition: 540ms linear; }
.latest-list li figcaption { display: block; padding-top: 12px; height: 76px; color: #fdfffe; font-size: 14px; line-height: 2; transition: 560ms; }
.latest-list li:hover:before { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; }
.latest-list li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.latest-list li:hover figcaption { color: #e0ae37; }
.page { text-align: center; }
.page-list { display: inline-block; margin: auto; position: relative; }
.page-list a, .page-list span { display: inline-block; padding: 0 6px; margin: 0 6px!important; line-height: 32px; color: #fdfffe; font-size: 14px; font-family: Arial; position: relative; float: left; }
.page-list a:before, .page-list span:before { content: ""; width: 100%; height: 2px; background: #e0ae37; position: absolute; left: 0; bottom: 4px; transition: 540ms; opacity: 0; width: 0; visibility: hidden; }
.page-list a:first-child, .page-list a:last-child { width: 33px; margin-right: 14px; height: 30px; border: 1px solid #e0ae37; }
.page-list a:last-child { margin-right: 0; margin-left: 14px; }
.page-list a:first-child:before, .page-list a:last-child:before { content: ""; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background: #e0ae37; transition: 430ms; visibility: hidden; }
.page-list a:first-child a:before, .page-list a:last-child a:before { display: none; }
.page-list a:first-child i, .page-list a:last-child i { display: block; width: 100%; height: 30px; padding: 0; background: url(../images/prev.png) center no-repeat; position: relative; z-index: 5; }
.page-list a:last-child i { background: url(../images/next.png) center no-repeat; }
.page-list a:first-child:hover:before, .page-list li:last-child:hover:before { width: 100%; left: 0; visibility: visible; }
.page-list a:first-child:hover i { background: url(../images/prev2.png) center no-repeat; }
.page-list a:last-child:hover i { background: url(../images/next2.png) center no-repeat; }
.page-list a:hover, .page-list span { color: #e0ae37!important; }
.page-list a:hover:before, .page-list span:before { width: 100%; visibility: visible; opacity: 1; }

/*最新消息详情*/
.news-view { width: 606px; position: absolute; left: 50%; margin-left: -303px; bottom: 15.4%; text-align: center; }
.news-view h3 { color: #fdfffe; font-size: 30px; line-height: 1.4; font-weight: normal; text-align: center; }
.share { text-align: center; display: inline-block; margin: auto; margin-top: 56px; }
.share time { display: inline-block; color: #fdfffe; padding-left: 19px; background: url(../images/data.png) left center no-repeat; float: left; }
.share a { display: inline-block; float: left; width: 13px; height: 14px; margin-left: 36px; background: url(../images/share.png) center no-repeat; margin-top: 3px; }
.news { padding: 32px 0 174px; background: #f8f8f8; }
.view-text { border: 1px solid #e0ae37; padding: 45px 9% 155px; margin-top: 36px; }
.view-text img { max-width: 100%; width: 100%; height: auto; border: 1px solid #e0ae37; }
.view-fix { margin-top: 36px; padding: 0 20px; }
.view-fix p { color: #646464; font-size: 13px; text-indent: 26px; line-height: 2; margin-bottom: 10px; }
.view-page { margin-top: 22px; margin-bottom: 56px; position: relative; }
.view-info { position: relative; width: 33px; height: 30px; float: left; border: 1px solid #e0ae37; }
.view-info:before { content: ""; width: 40%; height: 100%; position: absolute; left: 30%; background: #e0ae37; top: 0; visibility: hidden; transition: 320ms linear; }
.view-info a { display: block; width: 100%; height: 30px; position: relative; z-index: 5; background: url(../images/prev.png) center no-repeat; }
.view-next { float: right; }
.view-next a { background: url(../images/next.png) center no-repeat; }
.view-info:hover:before { width: 100%; left: 0; visibility: visible; }
.view-info:hover a { background: url(../images/prev2.png) center no-repeat; }
.view-next:hover a { background: url(../images/next2.png) center no-repeat; }
.backlist { width: 108px; height: 30px; border: 1px solid #e0ae37; position: absolute; left: 50%; margin-left: -54px; z-index: 5; top: 0; overflow: hidden; }
.backlist:before { content: ""; width: 50; left: 50%; top: 50%; border-radius: 50%; height: 0; background: #e0ae37; transition: all .3s ease 0s; opacity: 0; visibility: hidden; position: absolute; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); }
.backlist a { display: block; text-align: center; position: relative; z-index: 8; line-height: 30px; color: #000000; font-size: 13px; transition: 450ms; }
.backlist:hover:before { width: 110%; height: 250%; opacity: 1; visibility: visible; }
.backlist:hover a { color: #fff; }

/*museum*/
.museum-box { background: #f8f8f8; padding-bottom: 100px; }
.museum-wr { position: relative; margin-top: -425px; }
.museum-icon { height: 135px; width: 416px; margin: auto; position: relative; background: url(../images/museums.png) center no-repeat; padding-top: 90px; }
.museum-icon:before { content: ""; width: 30px; height: 1px; background: #fff; position: absolute; left: 50%; margin-left: -15px; top: 67px; }
.museum-icon h3 { text-align: center; color: #ffffff; font-size: 32px; letter-spacing: 32px; text-indent: 32px; font-weight: normal; line-height: normal; margin-bottom: 15px; }
.museum-icon small { text-align: center; color: #f2cf7a; font-size: 30px; display: block; font-family: "callie_handregular"; line-height: normal; letter-spacing: 14px; }
.museum-text { margin-top: 58px; }
.common-line2 { position: relative; height: 13px; }
.common-line2:before { content: ""; width: 48.6%; position: absolute; left: 0; top: 7px; height: 1px; background: #e0ae37; }
.common-line2:after { content: ""; width: 48.6%; position: absolute; right: 0; top: 7px; height: 1px; background: #e0ae37; }
.common-line2 i { width: 36px; height: 13px; background: url(../images/arrow1.png) center no-repeat; position: absolute; left: 50%; margin-left: -18px; top: 0; }
.common-line2 span:before { content: ""; width: 11px; height: 11px; background: url(../images/arrow2.png) center no-repeat; position: absolute; left: -16px; top: 2px; }
.common-line2 span:after { content: ""; width: 11px; height: 11px; background: url(../images/arrow2.png) center no-repeat; position: absolute; right: -16px; top: 2px; }

.common-line3 { position: relative; height: 13px; }
.common-line3:before { content: ""; width: 48.6%; position: absolute; left: 0; top: 7px; height: 1px; background: #e0ae37; }
.common-line3:after { content: ""; width: 48.6%; position: absolute; right: 0; top: 7px; height: 1px; background: #e0ae37; }
.common-line3 i { width: 36px; height: 13px; background: url(../images/arrow1.png) center no-repeat; position: absolute; left: 50%; margin-left: -18px; top: 0; }
.common-line3 span:before { content: ""; width: 11px; height: 11px; background: url(../images/start.png) center no-repeat; position: absolute; left: -16px; top: 2px; }
.common-line3 span:after { content: ""; width: 11px; height: 11px; background: url(../images/start.png) center no-repeat; position: absolute; right: -16px; top: 2px; }

.museum-fix { padding: 55px 76px 56px 78px; margin-top: 36px; margin-bottom: 38px; background: #fff; border: 1px solid #e0ae37; }
.museum-t { border-bottom: 1px solid #e0ae37; }
.museum-t li { float: left; margin-right: 40px; }
.museum-t li a { line-height: normal; display: inline-block; padding-left: 22px; color: #646464; font-size: 16px; padding-bottom: 16px; position: relative; }
.museum-t li a:before { content: ""; width: 11px; height: 11px; background: url(../images/arrow6.png) center no-repeat; position: absolute; left: 0; top: 5px; opacity: 0; transition: 666ms; visibility: hidden; }
.museum-t li:hover a:before, .museum-t li.on a:before { opacity: 1; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); visibility: visible; }
.museum-list { padding: 32px 0 50px 0; margin-bottom: 29px; border-bottom: 1px solid #e0ae37; }
.museum-li li { margin-bottom: 7px; position: relative; }
.museum-li li time { display: inline-block; margin-top: 4px; float: left; color: #969696; font-family: Arial; margin-right: 42px; transition: 488ms; }
.museum-li li span { display: block; color: #646464; transition: 488ms; font-size: 14px; float: left; }
.museum-li li b { display: block; width: 15px; height: 15px; transition: 560ms; position: absolute; right: 10px; top: 50%; margin-top: -7px; background: url(../images/add.png) center no-repeat; opacity: 0; visibility: hidden; }
.museum-li li:hover span { color: #e0ae37; }
.museum-li li:hover time { color: #e0ae37; }
.museum-li li:hover b { opacity: 1; visibility: visible; transform: rotate(360deg); }
.museum-fix .page-list { display: block; }
.museum-fix .page-list a { color: #323232; }
.museum-fix .page-list a:hover, .museum-fix .page-list span { color: #e0ae37; }
.museum-fix .page-list a:last-child:hover i { background: url(../images/next3.png) center no-repeat; }
.museum-fix .page-list a:first-child:hover i { background: url(../images/prev3.png) center no-repeat; }

.museum-view { background: #f8f8f8; padding-bottom: 80px; }
.museum-info { margin-top: -232px; position: relative; }
.museumli { margin-top: 36px; margin-bottom: 40px; }
.museumtext { width: 63.4%; float: left; overflow:hidden; }
.museumtext p img{width:100%; display:block;}
.museum-con { padding: 50px 58px 80px 60px; background: #fff; }
.museum-ti { margin-bottom: 34px; }
.museum-ti h3 { color: #323232; font-size: 24px; font-weight: normal; line-height: 1.2; margin-bottom: 18px; }
.museum-time time { display: block; float: left; padding-left: 22px; color: #969696; background: url(../images/data1.png) 5px center no-repeat; }
.museum-time a { display: inline-block; float: left; width: 11px; height: 12px; background: url(../images/share1.png) center no-repeat; margin-left: 28px; margin-top: 5px; }
.museumte p { color: #646464; font-size: 15px; line-height: 2; margin: 6px 0 6px; }
.museumtext p a{color:#996c33; }

/*.museumte img { max-width: 100%; width: 100%; height: auto; }*/
.relevant { width: 368px; float: right; }
.relevant-wr { border: 1px solid #e0ae37; padding: 56px 31px 174px 36px; background: #fff; }
.relevant-wr h2 { color: #646464; font-size: 16px; font-weight: normal; line-height: normal; padding-left: 22px; padding-bottom: 16px; border-bottom: 1px solid #e0ae37; background: url(../images/arrow6.png) left 6px no-repeat; }
.relevant-list { margin-top: 28px; }
.relevant-list li { margin-bottom: 10px; }
.relevant-list li a { color: #646464; padding-left: 3px; font-size: 13px; }
.relevant-list li a:hover { color: #e0ae37; }
.relevant.recon { position: fixed; top: 0; }

/*供应链*/
.chain-box { background: #f8f8f8; }
.chain { padding: 62px 0; }
.chain-title { margin-bottom: 30px; }
.chain-title small { text-align: center; color: #e0ae37; display: block; line-height: normal; font-family: "bodoni_bookitalic"; margin-bottom: 10px; font-size: 30px; }
.chain-title span { display: block; text-align: center; color: #323232; font-size: 18px; line-height: 2; }
.chain-text { padding: 0 28px; }
.charns { padding: 20px 0 38px; }
.charns p { text-align: center; color: #323232; font-size: 13px; line-height: 2; }
.chain-info { position: relative; background: #2b2b2b; }
.chain-info:nth-child(2n+2) figure { float: right; }
.chain-info:nth-child(2n+2) figcaption { left: 0; }
.chain-info figure { display: block; position: relative; line-height: normal; width: 50%; float: left; overflow: hidden; }
.chain-info figure img { display: block; width: 100%; height: auto; transition: 666ms; }
.chain-info figcaption { display: block; overflow: hidden; width: 50%; height: 100%; position: absolute; left: 50%; top: 0; }
.chain-info figcaption .fonts { display: block; position: absolute; right: 0; height: 100%; width: auto; top: 0; opacity: 0; transition: 650ms; }
.chain-wr { padding-left: 60px; margin-top: 10%; position: relative; z-index: 5; }
.chain-wr h2 { color: #e0ae37; font-size: 22px; font-weight: normal; line-height: normal; margin-bottom: 82px; }
.chain-wr h2 a{color: #e0ae37;}
.chain-wr p { width: 525px; color: #f8f8f8; font-size: 13px; line-height: 2; height: 182px; }
.chain-wr .chain-li a { display: inline-block; float: left; color: #e0ae37; font-size: 14px; margin-right: 54px; }
.chain-info .chainline:before { content: ""; width: 98.44%; height: 1px; background: #e0ae37; position: absolute; left: 0.78%; top: 3.4%; width: 0; opacity: 0; transition: 550ms 0ms; }
.chain-info .chainline:after { content: ""; width: 1px; height: 93.2%; background: #e0ae37; position: absolute; right: 0.78%; top: 3.4%; height: 0; opacity: 0; transition: 720ms 0ms; }
.chain-info .chainline b:before { content: ""; width: 98.44%; height: 1px; background: #e0ae37; position: absolute; right: 0.78%; bottom: 3.4%; width: 0; opacity: 0; transition: 550ms 0ms; }
.chain-info .chainline b:after { content: ""; width: 1px; height: 93.2%; background: #e0ae37; position: absolute; left: 0.78%; bottom: 3.4%; height: 0; opacity: 0; transition: 720ms 0ms; }
.chain-info:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.chain-info:hover .chainline:before { opacity: 1; width: 98.44%; }
.chain-info:hover .chainline:after { opacity: 1; height: 93.2%; }
.chain-info:hover .chainline b:before { opacity: 1; width: 98.44%; }
.chain-info:hover .chainline b:after { opacity: 1; height: 93.2%; }
.chain-info:hover figcaption .fonts { opacity: 1; right: 0; }

/*供应链详情*/
.chain-view { padding: 13px 0 64px; background: #f8f8f8; }
.chain-tbox { position: relative; }
.chain-tbox:before { content: ""; width: 100%; height: 1px; background: #e0ae37; position: absolute; left: 0; top: 0; }
.chain-tbox:after { content: ""; width: 100%; height: 1px; background: #e0ae37; position: absolute; left: 0; bottom: 0; }
.title-list { text-align: center; height: 28px; }
.chain-fix { display: inline-block; margin: auto; position: relative; }
.chain-fix > li { display: inline-block; padding-right: 35px; padding-left: 35px; height: 28px; }
.chain-fix > li > a { display: inline-block; width: 155px; overflow: hidden; text-align: center; height: 28px; line-height: 28px; color: #323232; font-size: 13px; position: relative; }
.chain-fix > li > a b { display: block; text-align: center; position: relative; z-index: 5; font-weight: normal; }
.chain-fix > li:last-child { margin-right: 0; }
.chain-fix > li > a:before { content: ""; width: 0; height: 0; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #e0ae37; position: absolute; transition: 330ms ease-in-out; }
.chain-fix > li.now > a:before { width: 110%; height: 422%; }
.chain-fix > li.now .chain-leval { display: block; }
.chain-leval { position: absolute; left: 0; top: 30px; padding: 15px 0 0; width: 100%; display: none; }
.chain-leval li { float: left; }
.chain-leval li:first-child { margin-left: 36px; }
.chain-leval li a { display: inline-block; padding: 0 23px 28px; color: #323232; position: relative; font-size: 13px; }
.chain-leval li a:before { content: ""; width: 8px; height: 8px; position: absolute; left: 50%; margin-left: -4px; bottom: 0; background: url(../images/dit2.png) center no-repeat; transition: 330ms; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 1; visibility: hidden; }
.chain-leval:before { content: ""; width: 100%; height: 2px; background: #e0ae37; position: absolute; left: 0; bottom: 15px; }
.chain-in { /* margin-top: 50px; */ }
.chain-in ol{width:100%;     margin-top: 20px; overflow:hidden; }
.chain-in ol li{width:5%; height:50px; float:left; margin-right:3%; border:1px solid #ccc; text-align:center; line-height:50px;}
.chain-in ol li:last-child(1){margin-right:0;}
.chain-in ol li a{display:block; color:#e0ae37;}
.chain-leval li:hover a:before, .chain-leval li.on a:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }

.chains > li { width: 47.64%; float: left; margin-bottom: 20px; position: relative; }
.chains-wr { position: relative; height: 604px; }
.chains > li:nth-child(2n+2) { float: right; }
.chain-texd { padding: 26px 18px 22px 10px; border-top: 1px solid #e0ae37; border-bottom: 1px solid #e0ae37; margin-top: 28px; position: relative; }
.chain-texd h2 { color: #e0ae37; font-size: 16px; text-align: center; line-height: normal; margin-bottom: 24px; font-weight: normal; }
.add-down { width: 100%; height: 17px; background: #e0ae37 url(../images/add1.png) 14px center no-repeat; position: absolute; left: 0; bottom: 0; cursor: pointer; }
.chian-show { width: 270px; height: 150px; margin: auto; overflow: hidden; }
.chian-hidden { display: none; }
.chain-texd p { color: #646464; font-size: 13px; transition: 350ms; line-height: 2; margin-bottom: 14px; }
.chains > li .wood-fix { margin-bottom: 0; position: absolute; left: 0; top: 0; padding: 13px 22px 30px; transition: 450ms; }
.chains > li .wood-text figcaption:before, .chains > li .wood-text figcaption:after { border-color: #e0ae37; }
.chains > li.now .chian-text { height: auto; overflow: visible; }
.chains > li.now .wood-fix { background: #000000; }
.chains > li.now .chain-texd p { color: #fff; }
.chains > li.now .add-down { height: 0; }

/*brnad*/
.brand-box { background: #f8f8f8; }
.brand-box .introducts { padding-top: 115px; padding-bottom: 0; }
.brand-box .about-icon { background: url(../images/brand.png) center no-repeat; }
.about-icon.article-block { transform: translateY(60px) rotateY(-180deg); -webkit-transform: translateY(60px) rotateY(-180deg); -moz-transform: translateY(60px) rotateY(-180deg); opacity: 0; }
.about-icon.articleShow { opacity: 1; transform: translateY(0) rotateY(0); -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); transition: 890ms; }

.brand { padding: 0 108px; position: relative; }
.brand-top { position: relative; padding-top: 48px; padding-bottom: 48px; }
.brand-line { width: 1px; height: 100%; background: #e0ae37; position: absolute; left: 50%; top: 0; }
.brand-top .linesbox { position: relative; top: 0; height: 16px; }
.brand-top .linesbox span { background: #f8f8f8 url(../images/start1.png) center no-repeat; }
.brand-list { margin-top: 26px; position: relative; }
.brand-info { width: 48.5%; float: left; }
.brand-info:nth-child(2) { float: right; }
.brand-info .wood-fix { padding-left: 6px; margin-bottom: 0; }
.brand-info:nth-child(2) .wood-fix { padding-left: 0; padding-right: 6px; }
.brand-info .wood-text figcaption:before, .brand-info .wood-text figcaption:after { border-color: #e0ae37; }
.brand-text { padding: 34px 32px; margin-top: 26px; }
.brand-text h3 { font-weight: normal; line-height: normal; color: #e0ae37; font-size: 18px; margin-bottom: 10px; }
.brand-text p { color: #646464; font-size: 13px; width: 460px; }
.brand-top .brandline { position: absolute; top: 430px; }
.inherit { padding: 73px 0 102px; }
.inherit-fix { width: 545px; margin: auto; text-align: center; position: relative; }
.inhert-line { width: 1px; height: 80px; position: absolute; left: 50%; background: #e0ae37; top: -73px; }
.inhert-title { height: 113px; padding-top: 74px; background: url(../images/brandodw.png) center no-repeat; }
.inhert-title h3 { color: #ffffff; font-size: 28px; font-family: 黑体; font-weight: normal; line-height: normal; font-size: 30px; letter-spacing: 28px; text-align: center; text-indent: 26px; }
.inherit-text { margin-top: 14px; }
.inherit-text p { color: #ffffff; font-size: 13px; text-align: center; }

.pluralistic { text-align: center; padding: 100px 0 115px; }
.pluralistic h3 { text-align: center; line-height: normal; font-weight: normal; color: #000000; font-size: 20px; }
.plurla { display: inline-block; margin: auto; margin-top: 104px; }
.plurla li { width: 272px; height: 272px; float: left; position: relative; margin-right: 76px; }
.plurla li:before { content: ""; width: 72px; height: 1px; background: #e0ae37; position: absolute; left: 50%; bottom: -30px; width: 0; visibility: hidden; transition: 540ms; }
.plurla li:last-child { margin-right: 0; }
.plurla-fix { position: relative; line-height: 0; }
.plurla-fix img { width: 100%; height: auto; line-height: normal; }
.plurla-fix .plarla-mark { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.plurla-fix .plarla-mark:before { content: ""; width: 13px; height: 1px; background: #e0ae37; position: absolute; left: 50%; margin-left: -6px; top: 66px; }
.plurla-fix .plarla-mark strong { display: block; width: 24px; color: #e0ae37; font-size: 26px; font-weight: normal; line-height: 1.2; margin: auto; margin-top: 100px; }
.plurla-fix .plarla-mark small { display: block; text-align: center; color: #e0ae37; font-size: 14px; margin-top: 35px; line-height: normal; text-transform: uppercase; font-family: "Arial"; }
.plurla-text { width: 86%; height: 86%; background: url(../images/radius1.png) center no-repeat; background-size: cover !important; position: absolute; left: 7%; top: 7%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-align: center; -webkit-box-align: center; align-items: center; opacity: 0; visibility: hidden; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transition: 550ms; }
.plurla-text p { color: #000000; font-size: 13px; text-align: left; width: 186px; margin: auto; margin-top: 90px\9; opacity: 0; visibility: visible; transition: 478ms 0ms; }
.plurla li:hover:before { width: 72px; visibility: visible; margin-left: -36px; }
.plurla li:hover .plurla-text { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.plurla li:hover .plurla-text p { opacity: 1; visibility: visible; transition: 478ms 300ms; }

.brand-li { margin-top: 0; padding-bottom: 203px; position: relative; }
.brand-t { padding: 15px 45px 8px; }
.brand-t p { text-align: left; text-indent: 26px; margin-bottom: 12px; }
.brand-inde { width: 49%; float: left; position: relative; margin-top:30px; }
.brand-inde .wood-text figcaption::before, .brand-inde .wood-text figcaption::after { left: 15px; bottom: 10px; right: 15px; top: 10px; border-color: #e0ae37; }
.brand-inde .wood-fix:hover .wood-text .wood-co { right: 15px; bottom: 10px; }
.brand-inde .wood-text figcaption b { width: 100%; height: 100%; border: 2px solid #e0ae37; position: absolute; left: 0; top: 0; box-sizing: border-box; transition: 330ms; }
.brand-inde .wood-fix:hover figcaption b { opacity: 0; visibility: hidden;}
.brand-inde .wood-fix { margin-bottom: 0; padding-right:0;}
.brand-mune { width: 264px; height: 264px; background: url(../images/environment.png) center no-repeat; position: absolute; left: 50%; margin-left: -132px; top: -132px; z-index: 20; }
.brand-mune span { display: inline-block; color: #e0ae37; font-size: 12px; font-family: Arial; text-transform: uppercase; position: absolute; top: 126px; line-height: normal; }
.brand-mune span.ging { left: 40px; }
.brand-mune span.brde { right: 40px; }
.brand-mune a { display: block; width: 84px; background: #fff; height: 84px; text-align: center; line-height: 88px; color: #323232; font-size: 14px; position: absolute; left: 91px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transition: 450ms; }
.brand-mune a:before { content: ""; width: 100%; height: 100%; background: url(../images/btn.png) repeat; position: absolute; left: 0; top: 0; transform: rotate(0) scale(0); -webkit-transform: rotate(0) scale(0); -moz-transform: rotate(0) scale(0); transition: 480ms ease-in-out; }
.brand-mune a.environment { top: 27px; }
.brand-mune a b { display: block; text-align: center; font-size: 16px; color: #323232; position: relative; font-weight: normal; transform: rotate(-45deg); line-height: 92px; }
.brand-mune a.dishes { bottom: 29px; }

.brand-mune a.on:before, .brand-mune a:hover:before { opacity: 1; transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); }


.common-t.article-block small, .chain-title.article-block small { transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -moz-transform: skewX(-45deg); opacity: 0; position: relative; }
.common-t.articleShow small, .chain-title.articleShow small { opacity: 1; transform: skewX(0); -webkit-transform: skewX(0); -moz-transform: skewX(0); transition: 540ms 200ms; }
.common-t.article-block h4, .chain-title.article-block span { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); }
.common-t.articleShow h4, .chain-title.articleShow span { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 520ms 380ms; }

.diversified-list.article-block li { opacity: 0; transform: translateY(54px); -webkit-transform: translateY(54px); -moz-transform: translateY(54px); }
.diversified-list.articleShow li { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 750ms 240ms; }
.diversified-list.articleShow li:nth-child(2) { transition: 750ms 640ms; }
.diversified-list.articleShow li:nth-child(3) { transition: 750ms 1040ms; }

.inhert-title.article-block h3 { position: relative; top: 34px; opacity: 0; }
.inhert-title.articleShow h3 { opacity: 1; top: 0; transition: 560ms 130ms; }
.inherit-text.article-block { opacity: 0; position: relative; top: 40px; }
.inherit-text.articleShow { opacity: 1; top: 0; transition: 560ms 400ms; }

.pluralistic.article-block h3 { opacity: 0; position: relative; top: 35px; }
.pluralistic.articleShow h3 { opacity: 1; top: 0; transition: 520ms; }

.museum-icon.article-block h3, .museum-icon.article-block small { position: relative; top: 30px; opacity: 0; }
.museum-icon.articleShow h3, .museum-icon.articleShow small { opacity: 1; top: 0; transition: 680ms 300ms; }
.museum-icon.articleShow small { transition: 588ms 560ms; }
.museum-icon.article-block:before { width: 0; opacity: 0; margin-left: 0; }
.museum-icon.articleShow:before { width: 30px; opacity: 1; margin-left: -15px; transition: 640ms; }

.charns.article-block { position: relative; left: 30px; opacity: 0; }
.charns.articleShow { opacity: 1; left: 0; transition: 650ms 300ms; }

.chain-info mark { display: block; width: 100%; height: 100%; background: #e0ae37; position: absolute; left: 0; top: 0; z-index: 20; }
.chain-info.article-block figure mark { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); }
.chain-info.article-block figcaption mark { transform: translateY(-120%); -webkit-transform: translateY(-120%); -moz-transform: translateY(-120%); }
.chain-info.articleShow figcaption mark { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.chain-info.article-block figcaption .chain-wr { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); opacity: 0; }
.chain-info.articleShow figcaption .chain-wr { -webkit-transform: translateY(0px); transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1; transition: 880ms 1200ms; }


.chain-info.articleShow figure mark, .chain-info.article-block figcaption mark { animation: 1.4s linear; -webkit-animation: 1.4s linear; -moz-animation: 1.4s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
.chain-info.article-block figcaption mark { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.chain-info.article-block figure img { opacity: 0; position: relative; top: -40px; }
.chain-info.articleShow figure img { opacity: 1; top: 0; transition: 1250ms 480ms; }

.introduct-mark { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); filter: alpha(opacity=80); z-index: 200; overflow: hidden; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; z-index: 1010; opacity: 0; transition: 560ms; }
.introduct-filex { position: fixed; left: 50%; top: 50%; z-index: 210; margin-left: -540px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); }
.introduct-li { padding: 24px; border: 1px solid #e0ae37; }
.introduct-wr { width: 1030px; background: #fff; }
.introduct-tit { padding: 42px 0 30px; background: url(../images/45.jpg) center no-repeat; background-size: cover; }
.introduct-tit small { display: block; text-align: center; color: #fff; font-size: 30px; font-family: "bodoni_bookitalic"; margin-bottom: 16px; }
.introduct-tit h3 { width: 255px; margin: auto; position: relative; text-align: center; color: #ffffff; font-size: 18px; line-height: normal; font-weight: normal; }
.introduct-tit h3:before, .introduct-tit h3:after { content: ""; width: 45px; height: 1px; background: #e0ae37; position: absolute; top: 10px; }
.introduct-tit h3:before { left: 0; }
.introduct-tit h3:after { right: 0; }
.introduct-tit h3 b:before, .introduct-tit h3 b:after { content: ""; width: 13px; height: 13px; background: url(../images/arrow7.png) center no-repeat; position: absolute; top: 4px; }
.introduct-tit h3 b:before { left: 54px; }
.introduct-tit h3 b:after { right: 54px; }
.introduct-fixs { padding: 52px 92px 72px; background: #fff; position: relative; }
.introduct-fixs p { color: #646464; font-size: 13px; text-indent: 26px; margin-bottom: 12px; }
.introduct-ic { text-align: center; width: 390px; text-align: center; margin: auto; margin-top: 100px; position: relative; }
.introduct-ic span { display: inline-block; padding: 0 20px; background: #ffffff; color: #e0ae37; font-family: "bodoni_bookitalic"; position: relative; z-index: 10; }
.introduct-ic:before { content: ""; width: 100%; height: 1px; background: #e0ae37; position: absolute; left: 0; top: 10px; }

.link { color: #996c33; }
.link a { color: #996c33; margin-left: 6px; }
.flline { float: left; }
.seongnam1 { width: 100%; margin-top: 12px; margin-bottom: 26px; position: relative; }
.seongnam1 .wood-text { width: 48.5%; float: left; }
.seongnam1 .brand-text { width: 48.5%; position: relative; margin-top: 0; padding: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); margin-top: -85px\9; }
.seongnam1 .brand-text a { display: block; padding: 34px 32px; }

.menu-channel {width:100%; position:relative; margin:0 auto; text-align:center; }
.menu-channel li { float: left; }
.menu-channel li:first-child { margin-left: 36px; }
.menu-channel a { display: inline-block; padding: 0 18px 28px; color: #323232; position: relative; font-size: 14px; width:auto; margin:0; }
.menu-channel a:before { content: ""; width: 8px; height: 8px; position: absolute; left: 50%; margin-left: -4px; bottom: 0; background: url(../images/dit2.png) center no-repeat; transition: 330ms; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 1; visibility: hidden; }
.menu-channel div:before { content: ""; width: 100%; height: 2px; background: #B78F5D; position: absolute; left: 0; bottom: 15px; }
.menu-channel a:hover:before, .menu-channel a.on:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }


	.contact-route{width:680px;height:auto;overflow:hidden;text-align:left;margin-bottom:10px;}
.contact-route .route_con{_height:210px;min-height:210px;}
.route_con .route_way{padding:5px 10px;display:none;line-height:24px;}
.route_con .route_way p{margin:0;}
.contact-route .route_nav{position:relative;}
.route_nav .nav-line{position: absolute;border-bottom: 2px solid #000;height: 0;overflow: hidden;left: 0;bottom: 0;}
.route_nav .nav-list{width:680px;margin-top: 10px;height:20px;border-bottom: 2px solid #e0ae37;}
.route_nav .nav-list ul, .route_nav .nav-list li{margin: 0;padding: 0;display: inline;list-style-type: none;}
.route_nav .nav-list a{width:40px;float: left;text-indent:-9999px;line-height: 14px;margin: 0 10px 4px 10px;text-decoration: none;color: #999;}
.route_nav .nav-list li.current a{padding-bottom: 6px;color: #fff;}
.route_nav .nav-list li a.bus, .route_nav .nav-list li a.subway, .route_nav .nav-list li a.train, .route_nav .nav-list li a.plane, .route_nav .nav-list li a.drive{background:url(/images/t.gif) no-repeat;}
.route_nav .nav-list li a.bus{background-position:0 -21px;}
.route_nav .nav-list li a.subway{background-position:0 -41px;}
.route_nav .nav-list li a.train{background-position:0 -61px;}
.route_nav .nav-list li a.plane{background-position:0 -82px;}
.route_nav .nav-list li a.drive{background-position:0 -2px;}
.contact-map{width: 668px;height: 338px;padding: 6px;margin-bottom: 30px;border: 1px solid #DDD;border-top:6px solid #333}
.contact-map .map{width: 668px;height: 338px;}
.every2{width:1200px;margin:0 auto;overflow: hidden;}
.lieb{width:835px;float: left;}
.lb_right{width:355px; height:1060px; float:left;  margin-left:10px; }
.dqwz{width:835px; height:60px; border-bottom:1px solid #bdbdbd; }
.dqwz p{font-size:18px; color:#666; line-height:80px; float:left;}
.dqwz span{float: right;padding-right: 10px;margin-top: 15px;}
.dqwz span input{float: left;border: 1px solid #c5c5c5;height: 36px;line-height: 23px;color: #c5c5c5;padding-left: 5px;width: 234px;}
.dqwz span .submit2{width: 56px;
height: 36px;
background:#113e65;
border: none;
margin-left: 5px;}

#list{width:1060px;height:auto;overflow:hidden}.main2{float:right;width:735px}.side{float:right;width:307px}#listStick{padding-bottom:7px;border-bottom:2px solid #c9caca}#listStick
.pic{width:206px;height:279px;border:1px
solid #999;padding:6px
7px}#listStick
.arc{width:482px;height:293px}#listStick .arc
dl{height:142px;border-bottom:1px dashed #ccc}#listStick .arc
dt{width:100%;background:#9bbbd2;color:#FFF}#listStick .arc
h3{height:30px;line-height:30px;font-weight:normal;font-size:18px;font-family:"黑体";text-align:center}#listStick .arc h3
a{color:#FFF}#listStick .arc
dd{color:#000;line-height:20px;text-indent:2em;padding:12px
0px 15px}#listStick .arc dd
a{margin-left:10px;color:#3B639F}#listStick .arc
li{height:40px;padding-left:55px;margin-top:10px;background:url(/images/icon_list_page.png) no-repeat 0 -43px}#listStick .arc li
h3{height:15px;line-height:15px;font-size:14px;font-weight:bold;text-align:left;color:#000}#listStick .arc li
p{float:left;color:#000;width:335px;line-height:25px}#listStick .arc li
span{float:right;display:block;width:60px;height:17px;margin-top:4px;padding:0
3px;font-size:12px;background:#e3e3e3}#listStick .arc li span
a{color:#666}#listZone{padding-left:23px}.A-tplist{width:712px;border-bottom:1px dashed #ccc;padding:22px
0 0 0}.A-tplist
.pic{float:left;width:163px;height:124px;margin:0
26px 0 0;overflow:hidden;display:inline;text-align:center}.A-tplist .pic
img{width:155px;border:2px
solid #edeeee;padding:2px}.A-tplist
h3{color:#000;font-size:16px; margin-top:9px; font-family:"黑体"}.A-tplist h3
span{background:#996c33;border-radius:2px;color:#fff;display:inline-block;font-size:14px;float:left;height:23px;line-height:23px;margin:1px
5px 0 0;text-align:center;width:69px}.A-tplist h3 a:link{color:#000;text-decoration:none}.A-tplist h3 a:visited{color:#666;text-decoration:none}.A-tplist
p{line-height:23px;color:#000;padding:20px
0 15px 0}.A-tplist .arc-info{margin-bottom:28px;color:#999}.A-tplist .arc-info em
a{background:none;color:#455e85;font-style:normal;padding:2px
4px;text-decoration:none}.A-tplist .arc-info em a:hover{color:#fff;background:#3ebff8}.arc-info .detail
a{color:#666}.arc-focus-box{position:relative;width:307px;height:361px;overflow:hidden}.arc-focus-box ul
li{width:307px;height:361px;display:none}.arc-focus-box
.lbiao{width:810px; height:170px; background:#ebebeb; margin:10px;}
.lbiao h1{font-size:20px; padding:10px; padding-bottom:5px;}
.lbiao p{width:785px; font-size:16px; color:#999; line-height:30px; padding-left:10px; text-indent:2em }
.lbiaox{width:780px; height:60px; border-top:1px dashed #bdbdbd; margin-top:5px; margin-left:8px;}
.lbiaox ul li{width:121px; height:50px; float:left; margin:11px;}
.lbiaox a{color:#ebebeb;}
#listZone{margin-bottom: 30px;}
.yyhj{width:350px; height:54px; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; margin-top:5px; }
.yyhj p{width:350px; height:22px; display:block; background:#dddddd; font-size:20px; color:#dd812a; text-align:center; padding:12px 0px 15px 0; ; margin-top:3px}
.yytp{width:350px; height:211px; margin-top:10px; }
.zxyy{width:350px; height:40px; margin-top:5px; }
.zxyy li{width:170px; height:40px; float:left; margin-left:8px;}
.xt{width:350px; height:211px; clear:both;}

.jss{width:350px; height:320px; clear:both;}
.ss{width:350px; height:60px; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd; margin-top:5px;}
.jss p{width:350px; height:28px; display:block; background:#dddddd; font-size:20px; text-align:center; color:#dd812a; padding:12px 0px 15px 0px; ; margin-top:3px }

.tup{width:350px; height:133px; margin-top:5px; }
.tup img{    border: none; display: block;  float: left;}
.time{width:350px; height:115px; margin-top:10px;}
.pageZone ul li{float:left; margin-left:20px;}
.pageZone ul li a{color:#ccc;}