@charset "utf-8";
@font-face {
    font-family: 'Vijaya';
    src: url('Vijaya.eot');
    src: url('Vijaya.eot?#iefix') format('embedded-opentype'),
         url('Vijaya.woff2') format('woff2'),
         url('Vijaya.woff') format('woff'),
         url('Vijaya.ttf') format('truetype'),
         url('Vijaya.svg#Vijaya') format('svg');
    font-weight: normal;
    font-style: normal;
}
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; }
body { font: 14px/2 Arial,sans-serif; margin: 0 auto; color: #787878; background-color: #fff; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { 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; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #b4a064; color: #fff; text-shadow: none; }
::selection { background: #b4a064; 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; }
html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    background: transparent; /*修正win8系统IE连接灰色背景*/
    outline:none;
    blr:expression(this.onFocus=this.blur());
}
.inner{ width: 1280px; margin: 0px auto;}
.header{ position: fixed; left: 0px; top: 0px; width: 100%; z-index: 1001;  transition: 400ms; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; transition: all .3s ease .2s;}
.top{ padding: 14px 0px; height: 90px; position: relative; background-color: #fff; width: 100%; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 10;}
.top .logo{ background: url(../images/logo.png) no-repeat scroll left top; width: 138px; height: 90px; display: block; margin: 0px auto; text-indent: -10em; overflow: hidden; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.top a:link, .top a:visited { color: #7a7a7a; }
.top a:active, .top a:hover { color: #262626; }
.sharpBox{ display: block; position: absolute; right: 5%; top: 45px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.sharpBox a,.sharpBox span{ display: block; width: 28px; height: 28px; display: block; float: left; display: block; margin-left: 10px; background: url(../images/sharp.png) no-repeat;}
.sharpBox span{ width: 0px; margin-left: 0px; float: none; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.sharpBox a.i1{ background-position: -13px 0px;}
.sharpBox a.i2{ background-position: -58px 0px;}
.sharpBox a.i1 span{ background-position: -13px -28px;}
.sharpBox a.i2 span{ background-position: -58px -28px;}
.sharpBox a.i3{ background: url(../images/stel.png) no-repeat; padding-left: 34px; width: auto; color: #9c988b; font:24px/28px Vijaya;}
.sharpBox a:hover span{ width: 28px;}
.sharpBox a.ien{ background: url(../images/sen.png) no-repeat; padding-left: 28px; width: auto; color: #9c988b; }
#menuMoblie{ display: none;}
#menu-handler{ width: 28px;}
.menu-handler { width: 60px; height: 60px; cursor: pointer; position: absolute; left: 5%; top: 29px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger { width: 28px; height: 3px; background: #606060; display: block; position: absolute; z-index: 5; top: 22px; left: 50%; margin: 0px 0px 0px -14px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 29px; }
.menu-handler .burger-3 { top: 36px; }
.menu-handler.active .burger-1 { top: 29px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.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; }
.menu-handler.active .burger-3 { top: 29px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.mtop{ height: 118px;}
.topfix .top{ height: 60px; padding: 0px; border-bottom: 1px solid #897971;}
.topfix .menu-handler{ top: 0px;}
.topfix .logo{ height: 40px; margin-top: 10px;}
.topfix .sharpBox{ top: 16px;}
.topfix .glnav{ top: 60px;}
.glnav{ border-top: 1px solid #897971; background-color: #fff; width: 100%; position: absolute; left: 0px; top:118px;  display: none;}
.nav a:link, .nav a:visited { color: #666666; }
.nav a:active, .nav a:hover { color: #a18531; }
.nav p a:link, .nav p a:visited { color: #818181; }
.nav p a:active, .nav p a:hover { color: #a18531; }
.nav a{ padding: 5px;}
.nav a:hover{ background-color: #e9e9e9;}
.nav{ padding: 5% 0px 5% 90px; width: 1190px; margin: 0px auto; font-size: 14px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s;}
.nav dd{ float: left; display: block; width: 12%; }
.nav dd.navL1{ text-align: center; padding: 0px 2%;}
.nav dd p{ font-size: 16px; margin-bottom: 20px;}
.nav dd .subnav li{ margin-bottom: 10px;}
#menuBox { display: none; position: fixed; background-color: #ffffff; float: right; top: 0; right: 0; bottom: 0; width: 0px; line-height: 0; z-index: 1000; zoom: 1; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: perspective(600px) rotateY(90deg); -moz-transform: perspective(600px) rotateY(90deg); -ms-transform: perspective(600px) rotateY(90deg); transform: perspective(600px) rotateY(90deg); -webkit-transform-origin: left center 0; -moz-transform-origin: left center 0; -ms-transform-origin: left center 0; transform-origin: left center 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; -ms-transition: all .3s ease .2s; transition: all .3s ease .2s; }
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #fff; text-decoration: underline;}
.foot{ padding: 0px 5%; width: 90%; background-color: #333333; color: #fff;}
.linkBox{ padding: 5% 0px 6%;}
.linkBox dd{ float: left; display: block; width: 10%; font-size: 14px;}
.linkBox dd p{ font-size: 20px; margin-bottom: 25px;}
.linkBox dd .subnav li{ margin-bottom: 15px;}
.linkBox dd .subnav a:hover{ margin-left: 5px;}
.linkBox dd.navL1{ width: 340px; float: right; display: block;}
.linkBox .navL1 a{ display: block; position: relative; overflow: hidden; float: left; margin-left: 15px; width: 150px; border: 2px solid #ededed; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);}
.linkBox .navL1 img{ display: block; width: 100%;}
.linkBox .navL1 .name{ position: absolute; left: 0px; top: 40%; line-height: 1.2; text-align: center; width: 100%; font-size: 20px; color: #7a7a7a; z-index: 2; display: none;}
.linkBox .navL1 .wif{ background: url(../images/wif.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;}
.linkBox .navL1 a:hover .name,.linkBox .navL1 a:hover .wif{ display: block;}
.footBox{ border-top: 1px solid #666; padding: 16px 0px; font-size:12px}
.footBox a.flink{ border: 1px solid #fff; padding: 2px 10px; margin-right: 7px; font-family: "";}
.footBox a.flink1{ margin-left: 15px;}
.footBox a.flink:hover{ background-color: #fff; color: #7a7a7a; text-decoration: none;}
.open { position: relative !important; right: 240px; }
.open #menuBox { -webkit-transform: perspective(600px) rotateY(0deg); -moz-transform: perspective(600px) rotateY(0deg); -ms-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); width: 240px; }
.navMobile dd { display: block; width: 100%; border-top: 1px solid #e5e5e5; }
.navMobile dd p a { text-transform: uppercase; padding: 0px 35px; height: 60px; line-height: 60px; font-size: 14px; position: relative; }
.navMobile dd p a span.ico { background: url(../images/moblieico.png) no-repeat scroll right center; width: 6px; height: 11px; background-size: cover; float: right; display: block; margin-top: 24.5px;}
.navMobile dd a { display: block; line-height: 1.4; font-size: 14px; color: #7a7a7a; padding: 15px 35px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #f7f7f7; color: #a18531; }
.navMobile dd a:active { background-color: #f4f6f7; }
.navMobile dd .subnav { background-color: #fff; display: none;}
.navMobile dd .subnav a { color: #7a7a7a; position: relative;}
.navMobile dd .subnav a:hover { color: #a18531;}
#bg-jfx { display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); cursor: url(../images/close-icon.ico) 16 16, default; z-index: 800; }
.touchevents #bg-jfx { cursor: pointer; }

.popUpblack{ background:url(../images/black.png) repeat; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 5px solid #cec4a6; 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; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none;}


.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.grabbing { cursor: url(grabbing.png) 8 8, move; }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }



.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791;}

.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }



.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {  }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.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: 800px; height: 500px; background-color: #fff; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #7a7a7a; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(../images/closebtn.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,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 82px!important; height: 80px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.banner a:link, .banner a:visited { color: #7a7a7a; }
.banner a:active, .banner a:hover { color: #a18531; }
.banner{ position: relative; overflow: hidden; width: 100%;}
.banner .bimg{ width: 100%; display: block;}
.banner .bimg2{ display: none;}
.banner li{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .flex-active-slide .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 1.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.binbox{ position: absolute; width: 1280px; left: 50%; top: 30%; margin-left: -640px; color: #666; display: none;}
.binbox .t1{ font: 38.7px/1.6 Vijaya;}
.binbox .c1{ font: 24px/1.1 "Vijaya";}
.binbox .t2{ font: 14px/1.8 "Vijaya"; margin-top: 4%;}
.binbox .c2{ font: 16px/1.8 "Vijaya"; width: 298px;}
.more{ background: url(../images/more2.png) no-repeat; height: 40px; width: 133px; display: block; margin-top: 2%; position: relative;}
.more span.i1{ background-color: #7a7a7a; width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.more span.i2{ position: relative; z-index: 1; background: url(../images/more.png) no-repeat scroll right center; padding-right: 6px; width: 132px; display: block; line-height: 40px; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.more:hover span.i1{ width: 100%;}
.more:hover span.i2{ padding-right: 16px; color: #fff;}
.u-arrow{ display: block; background: url(../images/mbot.png) no-repeat scroll center top; width: 21px; height: 24px; margin: 20px auto 20px;
	 -webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out; }
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,-8px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,10px);}
}
.ibox{ width: 1280px; margin: 0px auto;}
.aboutIbox a:link, .aboutIbox a:visited { color: #7a7a7a; }
.aboutIbox a:active, .aboutIbox a:hover { color: #a18531; }
.aboutIbox{ padding: 4% 0px 5%; text-align: center; margin: 0px auto; width: 594px; color: #787878;}
.aboutIbox .zh{ font: 45px/1.2 Vijaya; color: #a18531; margin-bottom: 5px;}
.aboutIbox .en{ font: 24px/1.2 Vijaya;color: #bebebe;}
.aboutIbox .c{ padding: 8% 0px 6%;}
.aboutIbox .by{ color: #bebebe; font-size: 20px; font-family: "Vijaya"; margin-bottom: 6%;}
.aboutIbox .by span.name{ padding-left: 0.2em; letter-spacing: 0.1em;  font-size: 30px; font-family: Vijaya; }
.aboutIbox.target .zh,.aboutIbox.target .en,.aboutIbox.target .c,.aboutIbox.target .by,.aboutIbox.target .more2{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.4s ease 0s; -webkit-transform:all 0.4s ease 0s; }
.aboutIbox.target .en{ transition: all 0.4s ease 0.2s; -webkit-transform:all 0.4s ease 0.2s;}
.aboutIbox.target .c{ transition: all 0.4s ease 0.3s; -webkit-transform:all 0.4s ease 0.3s;}
.aboutIbox.target .by{ transition: all 0.4s ease 0.4s; -webkit-transform:all 0.4s ease 0.4s;}
.aboutIbox.target .more2{ transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); transition: all 0.4s ease 0.6s; -webkit-transform:all 0.4s ease 0.6s;}
.aboutIbox.action .zh,.aboutIbox.action .en,.aboutIbox.action .c,.aboutIbox.action .by,.aboutIbox.action .more2{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;}
.more2{ background: url(../images/more3.png) no-repeat; height: 41px; width: 134px; display: block; margin: 0px auto; position: relative;}
.more2 span.i1{ background-color: #7a7a7a; width: 100%; height: 0%; position: absolute; left: 0px; top: 0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.more2 span.i2{ position: relative; z-index: 1; background: url(../images/more4.png) no-repeat scroll center bottom; padding-bottom: 6px; width: 100%; display: block; line-height: 40px; height: 40px; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.more2:hover span.i1{ height: 100%;}
.more2:hover span.i2{ padding-bottom: 13px; color: #fff;}
.productIbox{ background-color: #ededed; padding: 74px 0px;}
.productIbox .ibox{ height: 434px;}
.productIbox dd{ float: left; display: block; width: 445px; position: relative; height: 100%; overflow: hidden;}
.productIbox dd.item2{ width: 330px; margin: 0px 30px;}
.productIbox .imgBox{ background-color: #000;}
.productIbox .imgBox .img{ display: block; width: 100%; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.productIbox .imgBox .balck{ background: url(../images/balck.png) repeat; background:none rgba(0,0,0,0.2); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;}
.productIbox .imgBox .con{ position: absolute; left: 5%; width: 90%; top: 45%; text-align: center; color: #fff; font: 30px/1.2 ;}
.productIbox .imgBox .con .name{ transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); opacity: 0; visibility: hidden;}
.productIbox .imgBox .con .bot{ border-bottom: 1px solid #fff; width: 0px; height: 12px; overflow: hidden; margin: 0px auto 5%;}
.productIbox .imgBox .con .morei{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; background: url(../images/moreico.png) no-repeat; width: 28px; height: 28px; margin: 0px auto; display: block;}
.productIbox .imgBox .con .name,.productIbox .imgBox .con .bot,.productIbox .imgBox .con .morei{-moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .2s;
  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .2s;
  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1) .2s;
  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1) .2s;}
.productIbox .target .imgBox,.productIbox .target .itemboxT,.productIbox .target .itemboxC{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; }
.productIbox .target .itemboxT{ transition: all 0.5s ease 0.2s; -webkit-transform:all 0.5s ease 0.2s;}
.productIbox .target .itemboxC{ transition: all 0.5s ease 0.4s; -webkit-transform:all 0.5s ease 0.4s;}
.productIbox .target .item3{ transition: all 0.5s ease 0.6s; -webkit-transform:all 0.5s ease 0.6s;}
.productIbox .action .imgBox,.productIbox .action .itemboxT,.productIbox .action .itemboxC{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;} 
.borderBox .con{ border: 6px solid #000; height: 100%; box-sizing: border-box;}
.filler{ position: absolute; display: block; -webkit-transition: 0.4s ease 0.2s; -moz-transition: 0.4s 0.2s; -o-transition: 0.4s 0.2s; transition: 0.4s 0.2s; }
.imgBox .filler{ background-color: #fff;}
.imgBox .filler-left{ width: 1px; height: 0%; left: 2%; bottom:2%;}
.imgBox .filler-right{ width: 1px; height: 0%; right: 2%; top:2%;}
.imgBox .filler-top{ width: 0%; height: 1px; left: 2%; top:2%;}
.imgBox .filler-bottom{ width: 0%; height: 1px; right: 2%; bottom:2%;}
.imgBox:hover .balck{ display: block;}
.imgBox:hover .filler-left{ height: 96%; }
.imgBox:hover .filler-right{ height: 96%;}
.imgBox:hover .filler-top{ width: 96%;}
.imgBox:hover .filler-bottom{ width: 96%;}
.imgBox:hover .img{-webkit-transform:scale(1.04); transform:scale(1.04);}
.imgBox:hover .con .name,.imgBox:hover .con .morei{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible; }
.imgBox:hover .con .bot{ width: 110px;}
.productIbox .itemboxT{ height: 98px; background-color: #fff; margin-bottom: 34px; text-align: center; color: #7a7a7a;}
.productIbox .itemboxT .t{ font: 30px/1.5 ; padding-top: 14%;}
.productIbox .itemboxT .bot{ width: 55px; margin: 0px auto; border-bottom: 1px solid #7a7a7a; height: 15px; margin-bottom: 15px;}
.productIbox .itemboxT .en{ font: 30px/1.5 "Vijaya";padding-top: 5%;}
.productIbox .itemboxC{ height: 382px; background-color: #7a7a7a;}
.productIlist a:link, .productIlist a:visited { color: #fff; }
.productIlist a:active, .productIlist a:hover { color: #fff; }
.productIlist{ width: 90%; margin: 0px auto; height: 100%; font-size: 14px; }
.productIlist li{ height: 76px; line-height: 76px; display: block; color: #fff; border-bottom: 1px solid #fff;}
.productIlist li a{ display: block; width: 100%; height: 100%; position: relative; text-align: center;}
.productIlist li a .ico{ background: url(../images/pmore.png) no-repeat; width: 20px; height: 13px; position: absolute; right: 5%; top: 50%; margin-top: -6px; opacity: 0; visibility: hidden; -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
  transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.productIlist li.lastMore{ border: 0px none;}
.productIlist li a:hover{ text-align: left;}
.productIlist li a:hover .ico{ right: 0px; opacity: 1; visibility: visible;}
.serviceIbox a:link, .serviceIbox a:visited { color: #999999; }
.serviceIbox a:active, .serviceIbox a:hover { color: #555555; }
.serviceIbox{ padding: 6% 0px 7%; background-color: #ededed;}
.serviceIbox .ibox{ position: relative; overflow: hidden;}
.serviceIbox dd{ width: 48%; float: left; display: block;}
.serviceIbox .videoItem{ margin-right: 4%;}
.serviceIbox .videoItem .item{border: 4px solid #ededed;}
.serviceIbox .target .videoItem,.serviceIbox .target .vitemBox1,.serviceIbox .target .vitemBox2{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; }
.serviceIbox .target .vitemBox1{ transition: all 0.5s ease 0.2s; -webkit-transform:all 0.5s ease 0.2s;}
.serviceIbox .target .vitemBox2{ transition: all 0.5s ease 0.4s; -webkit-transform:all 0.5s ease 0.4s;}
.serviceIbox .action .videoItem,.serviceIbox .action .vitemBox1,.serviceIbox .action .vitemBox2{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;} 
.videoItem img{ width: 100%; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.videoItem a{ display: block; position: relative; overflow: hidden;}
.videoItem .balck{ background: url(../images/balck.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.videoItem .ico{ background: url(../images/q1.png) no-repeat; width: 142px; height: 80px; display: block; position: absolute; left: 50%; top: 50%; margin: -40px 0px 0px -71px;}
.videoItem .ico i{ display: block; width: 0%; height: 100%; background: url(../images/q2.png) no-repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.videoItem a:hover .ico i{ width: 100%;}
.videoItem a:hover .img{-webkit-transform:scale(1.04); transform:scale(1.04);}
.vitemBox1,.vitemBox2{ height: 48%; border: 1px solid #777; position: absolute; width: 48%; font-size: 14px;}
.vitemBox1{ right: 0px; top: 0px; text-align: center;}
.vitemBox2{ right: 0px; bottom: 0px; background-repeat: no-repeat; background-position: left center; background-size: auto 100%;}
.vitemBox1 a{ display: block; height: 100%;}
.vitemBox1 .con{ padding-top: 6%;}
.vitemBox1 .t,.vitemBox2 .t{ color: #333; font-size: 24px; }
.vitemBox1 .c{ margin-bottom: 6%; height: 20px; line-height: 1.5; overflow: hidden; }
.vitemBox1 .morei{ background-color: #7a7a7a; color: #fff; padding: 4px 15px; font-size: 12px;}
.vitemBox1 a:hover .morei{ background-color: #a18531;}
.vitemBox2 a{ display: block; padding: 0px 6% 0px 42%;}
.vitemBox2 .it{ padding: 5% 0px 12%;}
.vitemBox2 .it span{ display: block;}
.vitemBox2 .it .imore{ background: url(../images/more5.png) no-repeat scroll right center; background-size: cover; width: 20px; height: 20px; display: block; float: right; margin-top: 15px; margin-right: 5px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.vitemBox2 .en{ font: 18px/1.2 Vijaya; }
.vitemBox2 .c{ height: 42px; overflow: hidden; line-height: 1.5; }
.vitemBox2 a:hover .it .imore{ margin-right: 0px;}
.newsIbox a:link, .newsIbox a:visited { color: #999; }
.newsIbox a:active, .newsIbox a:hover { color: #7a7a7a; }
.newsIbox{ padding: 55px 0px 45px; border-top: 0px solid #bfbfbf;}
.newsIbox dd{ float: left; display: block; width: 33.23%; border-left: 1px solid #bfbfbf; height: 78px; }
.newsIbox dd.item1{ border-left: 0px none;}
.newsIbox dd a{ display: block; width: 90%; margin: 0px auto; text-align: center;}
.newsIbox dd a .t{ font-size: 14px; color: #666; padding-top: 8px;}
.newsIbox dd a:hover .c{ text-decoration: underline;}
.newsIbox.target .item1,.newsIbox.target .item2,.newsIbox.target .item3{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; }
.newsIbox.target .item2{ transition: all 0.5s ease 0.2s; -webkit-transform:all 0.5s ease 0.2s;}
.newsIbox.target .item3{ transition: all 0.5s ease 0.4s; -webkit-transform:all 0.5s ease 0.4s;}
.newsIbox.action .item1,.newsIbox.action .item2,.newsIbox.action .item3{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;} 

.pactmenu a:link, .pactmenu a:visited {  font-size: 12px; color: #7a7a7a; }
.pactmenu a:active, .pactmenu a:hover { color: #a18531; }
.pactmenu{ border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #7a7a7a; padding: 20px 5%;}
.pactmenu span{ padding: 0px 8px;}
.pageTBox a:link, .pageTBox a:visited { color: #7a7a7a; }
.pageTBox a:active, .pageTBox a:hover { color: #a18531; }
.pageTBox{ padding: 5% 5% 2%;}
.pageTBox a{ margin-left: 3%;}
.pageTBox .act2{ font-size: 0; font-family: ""; color: #7a7a7a; display:none}
.pageTBox .act{ font-size: 48px; font-family: ""; color: #7a7a7a;}
.aboutType a:link, .aboutType a:visited { color: #7a7a7a; }
.aboutType a:active, .aboutType a:hover { color: #a18531; }
.aboutType{ padding: 54px 10% 70px; background-color: #ededed; width: 80%; font-size: 14px;}
.aboutType dd{ float: left; display: block; width: 25.33%; margin: 0px 4%;}
.aboutType .img{ width: 100%; overflow: hidden;}
.aboutType .img img{ width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.aboutType .con{ width: 90%; margin: 0px auto;}
.aboutType .t{ font-size: 24px; color: #7a7a7a; margin: 10px 0px 25px; height: 42px; overflow: hidden;}
.aboutType .c{ height: 80px; margin-bottom: 55px; overflow: hidden;}
.aboutType a:hover .img img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.aboutType a:hover .more span.i1{ width: 100%;}
.aboutType a:hover .more span.i2{ padding-right: 16px; color: #fff;}
.pageCon a:link, .pageCon a:visited { color: #7a7a7a; }
.pageCon a:active, .pageCon a:hover { color: #a18531; }
.pageCon{ color: #7a7a7a;}
.pageCon li{list-style: none;}
.pageCon img{ max-width: 100%;}
.aboutPage{ width: 80%; margin: 8% auto; font-size: 14px; text-align: justify;}
.f18{ font-size: 14px;}
.f18{ font-size: 18px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}
.aboutPage .wl30{ width: 30%; margin-right: 15%;}
.aboutPage .wl55{ width: 55%;}
.bgededed{ background-color: #ededed;}
.storyBox1{ padding: 64px 0px;}
.pdl .con, .pdl .img { float: left; display: block; width: 45%; }
.pdl .con { margin-right: 8%; text-align: justify; width: 47%; }
.pdl .img img { width: 100%; display: block; }
.pdl2 .con, .pdl2 .img { float: left; display: block; width: 47%; }
.pdl2 .con { margin-left: 8%; text-align: justify; width: 45%; padding-top: 5%;}
.pdl2 .img img { width: 100%; display: block; }
.pageT{ background: url(../images/yh.png) no-repeat scroll left 30px; padding: 70px 50px 0px; font-family: ''; font-size: 26px; position: relative; top: -20px; left: -50px;}
.pimgbg{ background-attachment: fixed; background-size: cover; height: 500px;}
.pinner{ width: 1100px; margin: 0px auto;}
.nextPbox{ padding: 5% 0px; position: relative;}
.nextPbox a:link, .nextPbox a:visited { color: #7a7a7a; }
.nextPbox a:active, .nextPbox a:hover { color: #a18531; }
.nextPbox .img{ width: 40%; overflow: hidden;}
.nextPbox .img img{ width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.nextPbox .img a:hover img{-webkit-transform:scale(1.12); transform:scale(1.12);}
.nextPbox .con{ position: absolute; left: 55%; top: 40%;}
.nextPbox .con .by{ margin-bottom: 28px;}
.nextPbox .con .nextA{ font-size: 24px; font-family: ""; background: url(../images/pmore2.png) no-repeat scroll right center; padding-right: 68px;}
.nextPbox .con .nextA:hover{ padding-right: 74px;}
.nextPbox.target .img{transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.nextPbox.target .con{ transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0.3s; -webkit-transform:all 0.5s ease 0.3s;}
.nextPbox.action .img,.nextPbox.action .con{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;}
.pimgbg2{ height: 456px;}
.jzbox{ overflow: hidden; width: 90%; margin: 0px auto; padding: 5% 0px;}
.jzbox ul{ margin-left: -4%;}
.jzbox li{ float: left; display: block; width: 12.66%; margin-left: 4%; cursor: pointer; position: relative;}
.jzbox .t{ position: relative; width: 100px; height: 100px; margin: 0px auto 28px;}
.jzbox .y1,.jzbox .y2{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s; z-index: 1; }
.jzbox .y1{ background: url(../images/y1.png) no-repeat;}
.jzbox .y2{ background: url(../images/y2.png) no-repeat; opacity: 0;  transform: scale(0); -webkit-transform: scale(0);   visibility: hidden;}
.jzbox .line{ background-color: #7a7a7a; position: absolute; width: 100%; left: -82%; top: 50px; height: 1px; overflow: hidden;}
.jzbox .name{ position: relative; z-index: 2; font: 18px/100px ""; display: block; width: 100%; text-align: center; height: 100%;}
.jzbox .c{ text-align: center;}
.jzbox .item1 .line{ display: none;}
.jzbox li:hover .y1{ opacity: 0;transform: scale(0.8); -webkit-transform: scale(0.8);}
.jzbox li:hover .y2 { opacity: 1;transform: scale(1); -webkit-transform: scale(1);visibility: visible;}
.jzbox li:hover .name{ color: #fff;}
.pinner2{ width: 86%; margin: 0px auto;}
.ideabox{ padding: 64px 0px 0px;}
.pagePadding{ padding: 64px 0px;}
.pagePadding.target,.ideabox.target{transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.pagePadding.action,.ideabox.action{transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;}
.storyList{ border-left: 3px solid #7a7a7a; margin-bottom: 1%;}
.storyList .item{ position: relative; padding: 25px 0px;}
.storyList .pageCon{ margin-left: 340px; overflow: hidden; padding-top: 5px;}
.storyList .line{ height: 3px; width: 100px; background-color: #7a7a7a; overflow: hidden; position: absolute; left: 0px; top: 40px; display: block;}
.storyList .yico{ background: url(../images/yico1.png) no-repeat; width: 15px; height: 15px; display: block; position: absolute; left: 100px; top: 35px;}
.storyList .time{ position: absolute; left: 140px; top: 25px; font: 50px/0.9 "Vijaya"; color: #7a7a7a;}
.ledmore{ height: 45px; line-height: 45px; display: block; background-color: #dad7d5; text-align: center; position: relative;}
.ledmore .bg{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: #b2b0ae; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.ledmore .name{ color: #868787; background: url(../images/ledmore.png) no-repeat scroll left center; padding-left: 30px; font-family: ""; position: relative; z-index: 2;}
.ledmore:hover .bg{ height: 100%;}
.ledmore:hover .name{ color: #fff; background-image: url(../images/ledmore2.png);}
.storyList .target{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.storyList .action{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;}

.cultureBox{ background-size: cover; background-repeat: no-repeat; padding: 8% 0px;}
.cultureBox{ color: #fff;}
.cultureBox a{ color: #fff;}
.cultureBox .c1{ font-size: 24px;  margin-bottom: 5%;}
.cultureBox .c2{ font-size: 14px;}
.cultureBox .target{ transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.cultureBox .action{transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; visibility: visible;}
.cultureT{ font-size: 24px; font-family: ""; margin-bottom: 25px;}
.fashionDemo a:link, .fashionDemo a:visited { color: #7a7a7a; }
.fashionDemo a:active, .fashionDemo a:hover { color: #a18531; }
.fashionDemo a.itemHref{ display: block; border: 1px solid #e5e5e5;}
.fashionDemo{ width: 100%; position: relative; overflow: hidden;}
.fashionDemo .img{ width: 65%; float: left; display: block;}
.fashionDemo .img img{ width: 100%; display: block;}
.fashionDemo .con{ float: left; display: block; width: 28%; margin-left: 3%;}
.fashionDemo .t{ padding-top: 18%; overflow: hidden; font: 24px/1.8 ""; height: 44px; color: #5b5b5b;}
.fashionDemo .time{ color: #9a9a9a; font-family: arial; margin-bottom:10%;} 
.fashionDemo .c{ color: #9b9b9b; font-size: 14px; text-align: justify; height: 126px; overflow: hidden; margin-bottom: 15%;}
.fashionBox{ position: relative; overflow: hidden;}
.fashionBox .pleft{ background: url(../images/img_l1.png) no-repeat scroll center center ; width: 50px; height: 42px; left: 0px;}
.fashionBox .pright{ background: url(../images/img_r1.png) no-repeat scroll center center ; width: 50px; height: 42px; right: 35%;}
.fashionBox .pleft,.fashionBox .pright{ background-color: #7a7a7a; position: absolute; top: 50%; margin-top: -21px;}
.fashionBox .pleft:hover,.fashionBox .pright:hover{ background-color: rgba(0,0,0,0.5);}
.ledmore2{ width: 108px; height: 38px; line-height: 38px; text-align: center; background-color: #ededed; position: relative; display: block; margin: 64px auto 0px; color: #7a7a7a;}
.ledmore2 .i1{ background-color: #7a7a7a; position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.ledmore2 .i2{ position: relative; z-index: 2;}
.ledmore2:hover .i1{ width: 100%;}
.ledmore2:hover .i2{ color: #fff;}
.onumBox{ position: absolute; right: 4%; top: 4%; color: #757575; font-size: 18px; line-height: 1.2; font-family: arial;}
.onumBox .ovnum{ color: #b10c15;}
.videoDemo ul{ margin-left: -2%;}
.videoDemo li{ float: left; display: block; width: 31.33%; margin-left: 2%;}
.videoDemo img{ width: 100%; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.videoDemo a{ display: block; position: relative; overflow: hidden;}
.videoDemo .balck{ background: url(../images/balck.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.videoDemo .ico{ background: url(../images/vico.png) no-repeat; width: 82px; height: 80px; display: block; position: absolute; left: 50%; top: 50%; margin: -40px 0px 0px -41px;}
.videoDemo .ico i{ display: block; width: 0%; height: 100%; background: url(../images/vico2.png) no-repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.videoDemo a:hover .ico i{ width: 100%;}
.videoDemo a:hover .img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.fashionList a:link, .fashionList a:visited { color: #7a7a7a; }
.fashionList a:active, .fashionList a:hover { color: #7a7a7a; }
.fashionList li{ float: left; width: 29.33%; margin:0px 0px 5% 3%;-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fashionList a { display: block; padding-bottom: 10px; }
.fashionList .img{ width: 100%; overflow: hidden;}
.fashionList .img img { width: 100%; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fashionList .t { font: 20px/1.5 ""; margin: 15px auto 10px; height: 25px; overflow: hidden; width: 90%;/*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/}
.fashionList .c { height: 24px; overflow: hidden; width: 90%; margin: 0px auto; font-size: 14px;}
.fashionList li:hover{ background-color: #E5E5E5; box-shadow:-1px 0 4px 2px rgba(0, 0, 0, 0.2);}
.fashionList li:hover .img img{-webkit-transform:scale(1.1); transform:scale(1.1);}
a.ledmore3{ text-decoration:underline; color: #7a7a7a; font-size: 14px;}
a.ledmore3:hover{ color: #a18531;}
.ninner{ width: 80%; max-width: 1000px; margin: 0px auto; overflow: hidden;}
html.openInfo, html.openInfo body{ overflow: hidden; width: 100%; }
html.openInfo body{ -webkit-transition: 0s; -moz-transition: 0s; transition: 0s;}
html.openH body{ -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; }
html.openInfo .frameHtmlact{ overflow-y: auto; visibility: visible;}
html.openInfo .frameHtmlact .frame-ct{ transform: translate(0,0); -webkit-transform:translate(0,0);}
html.openInfo .frameHtmlact .frameClose{ transform: translate(0,0); }
.frameHtml{ position:fixed; top:0; left:0; right: 0px; bottom: 0px;  z-index:1006; background:url(../images/balck.png) repeat; overflow:hidden;  -webkit-overflow-scrolling:touch; font-family: ""; cursor: pointer;}
.frame-ct-wrap {overflow: hidden;padding: 0 20px 20px;}
.frame-ct{ position:relative; margin:0px auto 0 300px; background:#fff; z-index:1010; cursor:auto; transform: translate(100%,0); -webkit-transform:translate(100%,0); transition: 400ms;}
.frame-title{ display:block; background-color: #ededed; padding: 60px 0px; text-align: center;}
.frame-title .t{ color: #737373; font: 34px/1.5 "";}
.frame-title .time{ padding-top: 10px; color: #909090; font-size: 12px;}
.frame-title a:link,.frame-title a:visited{ color: #7a7a7a;}
.frame-title a:active,.frame-title a:hover{ color: #b4a064;}
.frame-ct-preview{ padding: 66px 0px; overflow: hidden;}
.frame-ct-preview .pageCon{ color: #909090; font-size: 14px; line-height: 1.8;}
.framC img{ max-width: 100%;}
.list-description{ padding: 65px 0px; background-color: #ededed; font: 14px/1.8 "";}
.list-description a:link,.list-description a:visited{ color: #737373;}
.list-description a:active,.list-description a:hover{ color: #b4a064;}
.list-description a{ text-decoration: underline;}
.frameClose{ display: block; width: 80px; height: 80px; position: fixed; left: 220px; top: 0px; z-index: 1008; overflow: hidden; transform: translateY(-80px); transition: 400ms;}
.frameClose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;}
.frameClose span.i0{ font:italic 14px/80px ""; color: #fff; background-color: #606060; height: 80px; position: absolute; left: 0px; top: 0px;}
.frameClose span.i1{ background:url(../images/fram_close.png) no-repeat scroll center center #b4a064; color: #fff; position:absolute; left: 100%; top: 0px; }
.frameClose:hover span.i0{ left: -80px;}
.frameClose:hover span.i1{ left: 0px;}
.videoT .name{ font-size: 24px; font-family: ""; color: #7a7a7a;}
.sharpBox3 a:link, .sharpBox3 a:visited { color: #a5a5a5; }
.sharpBox3 a:active, .sharpBox3 a:hover { color: #696969; }
.sharpBox3{ float: right; display: block; color: #a5a5a5; font: 14px/1.5 helvetica; margin-top: 10px;} 
.sharpBox3 .i{ float: left; display: block; background: url(../images/sharp2.png) no-repeat; width: 18px; height: 21px; margin-left: 10px;}
.sharpBox3 .i1{ background-position: 0px 0px;}
.sharpBox3 .i2{ background-position: -29px 0px;}
.sharpBox3 .i3{ background-position: -55px 0px;}
.sharpBox3 .i4{ background-position: -80px 0px;}
.sharpBox3 .i5{ background-position: -113px 0px; width: 24px;}
#videocontainer{ width: 100%; margin-bottom: 35px;}
.videoBox{ position: relative; overflow: hidden; margin: 0px 22px;}
.videoBox .item{ margin: 0px 6px;}
.videoBox .item .vico{ background: url(../images/vico3.png) no-repeat; width: 60px; height: 38px; display: block; position: absolute; left: 50%; top: 50%; margin: -19px 0px 0px -30px;}
.videoBox .item img{ width: 100%; display: block;}
.videoList{ position: relative; overflow: hidden;}
.videoList .pleft,.videoList .pright{ width: 22px; height: 54px; position: absolute; top: 50%; margin-top: -27px;}
.videoList .pleft{ background: url(../images/img_l2.png) no-repeat scroll center center #c4c4c4; left: 0px;}
.videoList .pright{ background: url(../images/img_r2.png) no-repeat scroll center center #c4c4c4; right: 0px;}
.videoList .pleft:hover,.videoList .pright:hover{ background-color: #606060;}

.serviceList a:link, .serviceList a:visited { color: #7a7a7a; }
.serviceList a:active, .serviceList a:hover { color: #b4a064; }
.serviceList dd{ background-color: #ededed; padding: 60px 0px;}
.serviceList dd.odditem{ background-color: #fff;}
.serviceList .img { float: left; display: block; width: 52%; }
.serviceList .img img { width: 100%; display: block; }
.serviceList .con { width: 42%; float: right; display: block; }
.serviceList .target .img, .serviceList .target .con { opacity: 0; transition: all 0.4s 0.2s cubic-bezier(0.41, -0.2, 0.4, 1.19); }
.serviceList .target .img { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
.serviceList .target .con { -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }
.serviceList .action .img, .serviceList .action .con { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.serviceList .action .con { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.serviceList .action .img { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.serviceList .con .t { line-height: 1.4; margin-bottom: 40px; font-size: 30px; color: #7a7a7a; font-family: "";}
.serviceList .con .txt { font-size: 14px; height: 126px; overflow: hidden;}
.serviceList .con .more{ margin-top: 10%;}
.serviceList .odditem .img { float: right; }
.serviceList .odditem .con { float: left; }

#terminaPage1 .item .img{ margin: 0px 15px; filter: alpha(opacity=40);  opacity: 0.4; transform: scale(0.9); -webkit-transform: scale(0.9);}
#terminaPage1 .item .img img{ width: 100%; display: block;}
#terminaPage1 .item .con{ margin: 0px 25px; padding-top: 25px; width: 80%; color: #7a7a7a; display: none;}
#terminaPage1 .item .t{ font-size: 24px; font-family: "";}
#terminaPage1 .item .c{ font-size: 14px;}
#terminaPage1 .slick-center .img{ filter: alpha(opacity=100);  opacity:1; transform: scale(1); -webkit-transform: scale(1);}
#terminaPage1 .slick-center .con{ display: block;}
#terminaPage1 .slick-prev,#terminaPage1 .slick-next{  width: 51px; height: 51px; position: absolute; top: 40%; margin-top: -25px; z-index: 10; }
#terminaPage1 .slick-prev{ background: url(../images/img_l3.png) no-repeat scroll center center; left: 5%;}
#terminaPage1 .slick-next{ background: url(../images/img_r3.png) no-repeat scroll center center; right: 5%;}
#terminaPage1 .slick-prev:hover{ background-image: url(../images/img_l4.png);}
#terminaPage1 .slick-next:hover{ background-image: url(../images/img_r4.png);}
#terminaPage2{ font-family: "";}
#terminaPage2 .title{ font-size: 24px; color: #7a7a7a;}
.branchDL .img{ float: right; display: block; width: 50%;}
.branchDL .img img{ width: 90%; margin: 50px auto; display: block;}
.branchDL .con{ float: left; display: block; width: 40%;}
.branchDL .con .ts{ font-size: 14px; color: #7a7a7a; margin: 25px 0px 20px;}
.branchCon{ height: 408px; overflow: hidden; position: relative;}
select.qyselect { width: 334px; height: 27px; margin-bottom: 36px; padding: 0px 0px 0px 12px; vertical-align: middle; border: 1px solid #7a7a7a; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: ""; color: #bababa; cursor: pointer; display: block; font-size: 14px; background: url(../images/SICO.png) no-repeat scroll 94% center; color: #7a7a7a;}
select.qyselect option { padding: 2px 20px; }
select.qyselect:hover { color: #101010; border: 1px solid #b4a064;}
.branchCon .t{ font-size: 16px; color: #8b3b15; font-family: ""; margin-bottom: 18px;}
.branchCon .item{ border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; margin-bottom: 25px; width: 346px;}
#terminaPage3 .title{font-size: 35px; color: #7a7a7a; font-family: ""; text-align: center; margin-bottom: 40px;}
.join-dl { color: #7a7a7a; margin: 0px auto; }
.join-dl dt { cursor: pointer; position: relative; padding: 15px 38px; background-color: #7a7a7a; color: #fff; position: relative; overflow: hidden; font: 18px/1.8 ""; margin-bottom: 1px;}
.join-dl dt .joico { width: 18px; height: 18px; position: absolute; right: 52px; top: 50%; margin-top: -9px; transition: 400ms; }
.join-dl dt .joico .line1 { width: 18px; height: 2px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 8px; }
.join-dl dt .joico .line2 { width: 2px; height: 18px; overflow: hidden; background: #fff; position: absolute; left: 8px; top: 0; transition: 400ms; }
.join-dd { padding: 38px; display: none; color: #7a7a7a; font-size: 14px; line-height: 1.5; }
.join-dl dt.joinact .joico{transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.join-dl dt.joinact .joico .line2{ display: none;}
.joinlist a:link, .joinlist a:visited { color: #7a7a7a; }
.joinlist a:active, .joinlist a:hover { color: #b4a064; }
.joinlist{ padding: 70px 0px 20px;}
.joinlist ul{ margin-left: -5%;}
.joinlist li{ width: 28.33%; margin-left: 5%; color: #7a7a7a; float: left; display: block; font-size: 14px;}
.joinlist .t{ font-size: 16px; line-height: 1.4; padding: 15px 0px;*/text-overflow: ellipsis;white-space: nowrap; }
.joinlist .con{text-align: justify;}

.mapBox{ height: 560px; width: 100%;}
.contactDL{ font-family: "";}
.contactDL .t{ font:30px/1.4 "";}
.contactDL .addrebox{ float: left; display: block; width: 45%; margin-right: 10%;}
.contactDL .addrebox .en{ font-size: 20px; font-family: Vijaya; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 10px;}
.contactDL .addrebox .con{ font-size: 16px; padding: 42px 0px;}
.ewmlist li{ float: left; display: block; width: 155px;font-size: 12px; }
.ewmlist li img{ float: left; display: block; margin-right: 8px; width: 60px}
.contactDL .messagebox{ float: left; display: block; width: 45%;}
.contactDL .messagebox .t{ margin-bottom: 40px;}
.formBox .mtxt { border: 0px none; padding:5px 4%; background-color: #eeeeee; width: 92%; color: #717171; height: 28px; margin-bottom: 3px; line-height: 28px; font-size: 12px; }
.formBox .mtxt2 {height: 120px; line-height: 1.8; resize: none; }
.formBox .mbtn { width: 100px; height: 34px; line-height: 34px; text-align: center; background-color: #7a7a7a; display: block; color: #ffffff; font-size: 14px; font-family: "";}
.formBox input[type="text"]:focus, .formBox textarea:focus { background-color: #d8d7d7; }
.formBox .mbtn:hover { background-color: #b4a064; }

.pbanner { background-size: cover; position: relative; overflow: hidden; }
.pbanner .pimg { width: 100%; display: block; }
.pbanner .pbtxt { position: absolute; width: 40%; text-align: center; right: 5%; top: 45%; color: #7a7a7a; font-family: "";}
.pbanner .pbtxt .t { font-size: 40px; line-height: 1.4; }
.pbanner .pbtxt .c{ font-size: 14px;}
.productDemo a:link, .productDemo a:visited { color: #7a7a7a; }
.productDemo a:active, .productDemo a:hover { color: #b4a064; }
.productDemo{ position: relative; overflow: hidden;}
.productDemo .item { position: relative; overflow: hidden; margin:0px 0px 10px 0px; width: 48%; float: left; background-color: #000;}
.productDemo .item  img{ width: 100%; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.productDemo .item  .con{ position: absolute; left: 5%; bottom: 5%; float: left; text-align: center;  font-family: "";}
.productDemo .item  .name{ font-size: 18px;}
.productDemo .item  .bot{ display: block; width: 55px; height: 1px; background-color: #bab2ae; margin: 18px auto;}
.productDemo .item a:hover .img{-webkit-transform:scale(1.1); transform:scale(1.1); filter: alpha(opacity=80); opacity: 0.8; }
.productPage a:link, .productPage a:visited { color: #7a7a7a; }
.productPage a:active, .productPage a:hover { color: #b4a064; }
.productPage{ position: relative; overflow: hidden; width: 100%;}
.probg{ position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right top; z-index: -1;}
.proInfo .title{ margin: 0px 62px 20px; font-size: 36px; font-family: ""; color: #7a7a7a;}
.proInfoDL{ position: relative; margin: 0px 62px;}
.proInfoDL .img{ float: left; width: 58%; overflow: hidden; display: block;}
.proInfoDL .img img{ width: 100%; display: block;}
.proInfoDL .con{ position: absolute; right: 0px; top: 0px; width: 32%; background-color: #fff; border: 1px solid #7a7a7a; padding:0px 4%; height: 100%; color: #7a7a7a;}
.proInfoDL .con .t{ padding-top: 10%; font-size: 24px; font-family: ""; line-height: 1.4;}
.proInfoDL .con .c{ font-size: 15px; margin-top: 6%; text-align: justify; height: 280px; }
.slider-nav .slick-prev,.slider-nav .slick-next{ width: 22px; height: 54px; position: absolute; top: 50%; margin-top: -39px;}
.slider-nav .slick-prev{ background: url(../images/img_l2.png) no-repeat scroll center center #c4c4c4; left: -38px;}
.slider-nav .slick-next{ background: url(../images/img_r2.png) no-repeat scroll center center #c4c4c4; right: -38px;}
.slider-nav .slick-prev:hover,.slider-nav .slick-next:hover{ background-color: #606060;}
.slider-nav{ margin: 70px 52px 0px; position: relative;}
.slider-nav .item{ margin: 0px 8px; position: relative; padding-bottom: 25px; cursor: pointer;}
.slider-nav .item img{ width: 100%; display: block;}
.slider-nav .item .ico{ background: url(../images/sj.png) no-repeat; width: 12px; height: 10px; position: absolute; left: 50%; bottom: 0px; margin-left: -6px; display: none;}
.slider-nav .slick-current  .img{ border: 2px solid #d3cecb; display: block;}
.slider-nav .slick-current  .ico{ display: block;}
.slider-for a:link, .slider-for a:visited { color: #7a7a7a; }
.slider-for a:active, .slider-for a:hover { color: #b4a064; }
.slider-for{ margin: 0px 60px; position: relative;}
.slider-for .item{ background-color: #faf9f7; padding: 38px 0px;}
.slider-for .item .img{ float: left; width: 42%; margin:0px 5%;}
.slider-for .item .img img{ width: 100%; display: block;}
.slider-for .item .con{ width: 42%; float: left; display: block; color: #7a7a7a;}
.slider-for .item .name{ font-size: 24px; font-family: ""; margin-bottom: 20px;}
.slider-for .item .info{ font-size: 14px;}
.slider-for .slick-prev,.slider-for .slick-next{ width: 40px; height: 40px; position: absolute; top: 30%; margin-top: -20px; z-index: 100; display: none !important;}
.slider-for .slick-prev{ background: url(../images/img_l2.png) no-repeat scroll center center #b4a064; left: -20px;}
.slider-for .slick-next{ background: url(../images/img_r2.png) no-repeat scroll center center #b4a064; right: -20px;}
.sharp3{ margin-top: 35px;}
.sharp3 a{ position: relative; top: 0px; padding-left: 22px; height: 22px; margin-right: 10px; display: inline-block; float: left; background: url(../images/sharp3.png) no-repeat;}
.sharp3 a.i1{ background-position: 0px center;}
.sharp3 a.i2{ background-position: -40px center;}
.sharp3 a.i3{ background-position: -80px center;}
.sharp3 a.i4{ background-position: -120px center;}
.sharp3 a:hover{ top: -3px;}