﻿@charset "utf-8";


.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.linkIbox{ border-top: 4px solid #e2b8bc; padding: 52px 0px 62px; background-color: #F7F7F7;}
.linkIlist{ float: left; display: block;}
.linkIlist li{ float: left;display: block; width: 110px; margin-right: 5px;}
.linkIlist a:link, .linkIlist a:visited { color: #666;}
.linkIlist a:active,.linkIlist a:hover { color: #0c2e21;}  
.linkIlist .t{ font-weight: bold; font-size: 15px; margin-bottom: 12px;}
.linkIlist .t a:link, .linkIlist .t a:visited { color: #333;}
.linkIlist .t a:active,.linkIlist .t a:hover { color: #0c2e21;}  
.ermBoxList{ float: right; display: block;}
.ermBoxList li{ float: left; display: block; margin-left: 18px; text-align: center;}
.ermBoxList li:first-child{ margin-left: 0;}
.ermBoxList .img{ overflow: hidden; border: 1px solid #cecece; padding: 6px; width: 110px; margin-bottom: 8px;}
.ermBoxList .img img{ display: block; width: 100%;}
.foot a:link, .foot a:visited { color: #000000;}
.foot a:active,.foot a:hover { color: #0c2e21;}   
.smlink{ margin-left: 32px;}

.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageC a:link, .pageC a:visited { color: #c89d4b;}
.pageC a:active,.pageC a:hover { color: #000;}  
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner .load-yy{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pbanner-C{ position: absolute; left: 10%; top: 0; width: 80%; height: 100%; color: #fff; text-align: center; font-family: "微软正黑体","Microsoft JhengHei";}
.pbanner-C .t{ font-size: 30px; line-height: 1.4;}
.pbanner-C .bot{ height: 0; width: 1px; background-color: #fff; display: block; margin: 8px auto 6px; -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;background:red;}
.pbanner-C .c{ font-size: 48px; line-height: 1.4;}
.pbanner-C .en{ font-size: 13px; font-family: arial, helvetica, sans-serif;}
.pbanner-C .pb-span{ overflow: hidden;}
.pbanner-C .align-verticapb-span span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .bot{ height: 24px;}
.pbanner-C.inview  .pb-span span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pageNavBox { height: 56px; position: relative; margin-top: -56px;}
.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}
.pageNavBox a:active,.pageNavBox a:hover { color: #c89d4b;}    
.pagenav { width: 100%;}
.pagenav.fixed{ position: fixed; left: 0; top: 56px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 56px; line-height: 56px; -webkit-transition:height 0.3s; transition:height 0.3s; background-color: #0c2e21; text-align: center;}
.cpnavbox a { text-align: center; color: #ffffff; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #c89d4b; color: #fff; }
.cpnav { display: none; width: 100%; color: #fff; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #0c2e21; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.dock-box a:link, .dock-box a:visited{ color: #fff;}
.dock-box a:active,.dock-box a:hover { color: #fff;}
.dock-box{ position: fixed; right: 0; bottom: 5%; z-index: 1000;}
.dock-list{ width: 60px; float: right;}
.dock-list .item{ width: 60px; height: 60px; background-color: #0c2e21; display: block; position: relative;}
.dock-list .item .ico{ width: 100%; height: 100%; display: block; position: relative;}
.dock-list .item .ico i{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; position: absolute; left: 0; top: 0;}
.dock-c{ opacity: 0; visibility: hidden; right: 80px; -webkit-transition: 400ms; transition: 400ms; background-color: #c89d4b;}
.dock-weixin-c{ position: absolute; top: -45px; padding: 10px; width: 110px; background-color: #fff;}
.dock-weixin-c img{ width: 100%; display: block;}
.dock-tel-c{ position: absolute; top: 0; height: 60px; line-height: 60px; padding: 0px 20px; color: #fff; font-size: 18px; font-family: arial, helvetica, sans-serif; white-space: nowrap;}
.dock-tel-c i{ width: 0; height: 0; border-top: 8px solid transparent;border-left: 10px solid #e40d08;border-bottom: 8px solid transparent; position: absolute; right: -10px; top: 50%; margin-top: -5px;}
.backTop{ visibility: hidden\9; opacity: 0;}
.backTop.showme{ visibility: visible\9; opacity: 1;}

/* Slider */
.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; 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: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.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;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -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: #fff 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; }
/* Arrows */
.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; }
/* Dots */
.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; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.06); transform: scale(1.06); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.06); transform: scale(1.06); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){,.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left{background:url(../images/img_l4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--arrow--right{background:url(../images/img_r4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;background:url(../images/img_l1.png) no-repeat scroll center center #FFF;margin-top:-23px;width:44px;height:44px;position:absolute;border:1px solid #FFF;border-radius:5px}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;background-image:url(../images/img_r1.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{border-color:#e7e2d6;background-color:#e7e2d6}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*main style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table;}
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}  
.banner { position: relative; overflow: hidden; color: #fff;}
.banner .item{ position: relative; overflow: hidden;}
.banner .bimg{ width: 100%; display: block; overflow: hidden;}
.banner .bimg img{ width: 100%; position: relative; display: block; z-index: -1;}
.banner .box-con{ position: absolute; right: 10%; width: 80%; bottom: 25%; text-align: center;}
.banner .t{ font-size: 67px; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1.2; margin-bottom: 12px;}
.banner .c{ font-size: 33px; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1.1; margin-bottom: 18px;}
.banner .line{ padding: 0px 20px; position: relative;}
.banner .line:before,.banner .line:after{ content: ""; height: 1px; background-color: #fff; width: 170px; position: absolute; top: 50%;}
.banner .line:before{ left: 100%;}
.banner .line:after{ right: 100%;}
.banner .by{ font-size: 9px; font-family: arial, helvetica, sans-serif; line-height: 1.5;}
.banner .bot{ width: 100%; height: 2px; overflow: hidden; position: absolute; left: 0; bottom: 0; background-color: #0c2e21;}
.banner .bot span{ position: absolute; left: 0px; top: 0px; background-color: #deaa3b; height: 100%;}
.banner .slick-active .bimg img { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-dots { bottom: 4%; z-index: 104; width: 100%; left: 0px; text-align: center;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px; height: 13px; width: auto; margin:0px 8px; cursor: pointer; }
.banner .slick-dots li a { height: 16px; width: 16px; border:3px solid #fff; line-height: 7px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { background: none #fff;}
.banner .slick-active .bot span { -moz-animation: a_slidercurrent 6s linear; -webkit-animation: a_slidercurrent 6s linear; -o-animation: a_slidercurrent 6s linear; animation: a_slidercurrent 6s linear; }
@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 110%; }
}
@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 110%; }
}
@-o-keyframes a_slidercurrent { 
	from;{ width: 0%; }
	to { width: 110%; }
}
@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 110%; }
}
.iboxT{ margin-bottom: 45px; text-align: center;}
.iboxT .zh{ font-weight: bold; font-size: 30px; line-height: 1.5;}
.iboxT .en{ font-family: arial, helvetica, sans-serif; color: #999999;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.buinessIbox{ padding-top: 55px; position: relative; overflow: hidden;}
.bgf7{ background-color: #F7F7F7;}
.buinessIbox .bgf7{ position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; z-index: -1;}
.buinessIbox-list{ margin:0 0 0px -0.5%;}
.buinessIbox-list li{ float: left; display: block; margin-left: 0.5%; width: 24.5%;}
.buinessIbox-list .item{ padding-bottom: 110px; position: relative; overflow: hidden;}
.buinessIbox-list .img{ overflow: hidden; background-color: #fff;}
.buinessIbox-list .img img{ width: 100%; display: block; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.buinessIbox-list .linkA{ z-index: 10;}
.buinessIbox-list .con{ position: absolute; background-color: #e2e2e2; left: 0; bottom: -48px; width: 90%; padding: 25px 5%; text-align: center; z-index: 1; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.buinessIbox-list .bg{  position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; z-index: -1; visibility: hidden; opacity: 0;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.buinessIbox-list .t{ color: #333; font-size: 20px; line-height: 1.5; margin-bottom: 4px; overflow: hidden; height: 30px;  word-break:keep-all; white-space:nowrap; text-overflow: ellipsis; transition: 0.3s; -webkit-transition: 0.3s;}
.buinessIbox-list .c{ color: #666; height: 25px; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s;}
.buinessIbox-list .more{ background: url(../images/more_ico.png) no-repeat scroll center center; background-size: cover; width: 34px; height: 34px; display: block; margin: 15px auto 0; visibility: hidden; opacity: 0; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s; -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;-o-transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;transition:all .5s cubic-bezier(.25,.46,.45,.94) .1s;}
.aboutIbox a:link, .aboutIbox a:visited { color: #fff;}
.aboutIbox a:active,.aboutIbox a:hover { color: #fff;}  
.aboutIbox{ padding: 80px 0px 70px;}
.aboutIbox-box{ position: relative; color: #fff; padding: 10px 0; overflow: hidden;}
.aboutIbox-box .img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transition:all .6s cubic-bezier(.25,.46,.45,.94); transition:all .6s cubic-bezier(.25,.46,.45,.94); transform: scale(1.08); -webkit-transform: scale(1.08);}
.aboutIbox-box .black{ background: url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.aboutI-border{ border: 1px solid #bbbdbf; border:1px solid rgba(255,255,255,0.7); margin:0px 10px; position: relative; z-index: 1; text-align: center; padding: 64px 5%;}
.aboutI-border .c{ margin: 30px auto; width: 470px;}
.aboutI-border .more{ display: block; width: 175px; margin: 0px auto; animation: music-move 1s infinite alternate ease-in-out; -webkit-animation:music-move 1s infinite alternate ease-in-out;  transform-origin: bottom; -webkit-transform-origin: bottom;}
.aboutI-border .more img{ width: 100%; display: block;}
.aboutIbox-box:hover .img{  transform: inherit; -webkit-transform: inherit;}
@keyframes music-move
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	66% { -webkit-transform: rotate(5deg);transform: rotate(5deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes music-move 
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
	66% { -webkit-transform: rotate(5deg);transform: rotate(5deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
/*index style end*/
/*about style*/
.pageBox{ padding: 100px 0px;}
.aboutPage{ background-color: #f7f7f7;}
.pboxT{ margin-bottom: 45px;}
.pboxT .zh{ font-size: 24px; line-height: 1.5;}
.pboxT .en{ color: #999999; font-family: arial, helvetica, sans-serif;}
.aboutPage .page-con,.aboutPage .page-img{ float: left; display: block; width: 50%;}
.aboutPage .page-con{ width: 45%;}
.aboutPage .page-img{ float: right; overflow: hidden;}
.aboutPage .page-img img{ width: 100%; display: block;}
.aboutPage .pageC{ height: 176px; overflow: hidden;}
.about-reading-btn:link, .about-reading-btn:visited { color: #666666;}
.about-reading-btn:active,.about-reading-btn:hover,.about-reading-btn.on { color: #fff; background-color: #a7a6a6;}  
.about-reading-btn{ display: block; background-color: #e5e5e5; padding: 14px 0px; text-align: center; margin-top: 40px;}
.about-reading-btn .txt{ background: url(../images/arrow.png) no-repeat scroll right center; padding-right: 28px;}
.about-reading-btn.on .txt{ background-image: url(../images/arrow2.png);}
.black-36{ background: url(../images/black_36.png) repeat; background: none rgba(0,0,0,0.36); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.cultures{ overflow:hidden; color: #fff; height: 576px;}
.culture-list a:link, .culture-list a:visited { color: #fff;}
.culture-list a:active,.culture-list a:hover { color: #fff;}  
.culture-list li{ width:20%; float:left; overflow:hidden; transition:width 455ms; }
.culture-list li .item{ margin-left: 1px;  position:relative; background-position: center center; background-size: cover; background-repeat: no-repeat;  height: 576px;}
.culture-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; height: 100%;}
.culture-list li figure img{ display:none; height:100%;}
.culture-list li .title{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -10px; font-size: 16px; line-height: 1.5; transition:0.3s; -webkit-transition:0.3s;  }
.culture-item{ width: 90%; height: 90%;  position: absolute; left: 5%; top: 5%; text-align: center; z-index: 1; font-size: 16px; opacity: 0; visibility: hidden;}
.culture-item:before{content: ""; display:block; width:100%; height:100%; background:url(../images/red_80.png) repeat; background: none rgba(181,18,33,0.8); position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;}
.culture-item p{ transition:  0.3s; -webkit-transition: 0.3s;}
.culture-item .bot{ height: 1px; background-color: #fff; margin: 8px auto 20px; width: 0; opacity: 0; display: block; transition:width 455ms; -webkit-transition:width 455ms;}
.culture-item .t,.culture-item .c{ opacity: 0; transform: translateY(20px);-webkit-transform: translateY(20px); transition: 455ms; -webkit-transition: 455ms; visibility: hidden;}
.culture-item .vertical-inner{ padding: 25px 10%;}
.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.RDPage a:link, .RDPage a:visited { color: #fff;}
.RDPage a:active,.RDPage a:hover { color: #fff;}  
.rd-pbox{ padding: 130px 0px; color: #fff; text-align: center;}
.rd-pbox .t{ font-size: 24px; font-weight: bold; }
.rd-box-con{ background-color: #c89d4b; padding: 5px; width: 340px; margin: 0px auto;}
.rd-box-box{ border: 1px solid #b65d3a; background-color: #c89d4b; padding: 40px 0px; position: relative;}
.rd-box-box .zh{ font-weight: bold; font-size: 24px; line-height: 1.1;}
.rd-box-box .en{ color: #e7d6ba;}
.rd-box-box .line1,.rd-box-box .line2{ position: absolute; top: 44px; height: 40px; width: 1px; background-color: #e4cea5;}
.rd-box-box .line1{ left: 90px;}
.rd-box-box .line2{ right: 90px;}
.honorPage a:link, .honorPage a:visited { color: #fff;}
.honorPage a:active,.honorPage a:hover { color: #fff;}  
.honor-demo{ width: 1220px; margin: 0px auto;}
.honor-demo .item{ position: relative; margin: 0px 10px; width: 285px; float: left; color: #fff; cursor: zoom-in;}
.honor-demo .img{ border: 4px solid #eaeaea; overflow: hidden;}
.honor-demo .img img{ width: 100%; display: block;}
.honor-demo .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background:url(../images/red_90.png) repeat; background: none rgba(165,30,32,0.8); text-align: center;  transition:0.48s; -webkit-transition:0.48s; -moz-transition:0.48s; -o-transition:0.48s; transform:scale(0.9); -webkit-transform:scale(0.9); opacity: 0; visibility: hidden\9;} 
.honor-demo .vertical-inner{ padding: 10px 8%;}
.honor-demo .item:hover .con{ visibility: visible\9; transform:scale(1); -webkit-transform:scale(1); opacity: 1;}
.honor-demo .slick-dots { bottom: auto; z-index: 104; width: 100%; left: auto; position: relative; margin-top: 40px; text-align: center;}
.honor-demo .slick-dots li { position: relative; width: auto; padding: 0px; height: 12px; margin:0px 7px; cursor: pointer; }
.honor-demo .slick-dots li a { height: 12px; width: 12px; line-height: 12px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #989898; }
.honor-demo .slick-dots li a:focus { outline: none; }
.honor-demo .slick-dots li.slick-active a { background: none #0c2e21;}
.historyPage .pboxT .zh,.historyPage .pboxT .en{ color: #fff;}
.historyPage .pboxT{ margin-bottom: 124px;}
.his-box{ position:relative;}
.hisSlide .item{ height:320px; position:relative; }
.hisSlide .his-date{ text-align:center; font-size:18px; position:relative; color:#fff; margin-top:192px; cursor:pointer; font-family: Arial; padding-top:14px; border-top:1px solid #fff; }
.hisSlide .his-date:after{ content:""; height:15px; width:1px; background:#fff; left:50%; top:-16px; background:#fff; position:absolute; }
.his-ctt{ width:500px; height:320px; position:absolute; top:0; left:50%; margin-left:-250px; background:#fff; z-index:99; transition: 455ms; -webkit-transition: 455ms;}
.his-ctt .t{ background-color:#0c2e21; color:#f0deba; padding:20px 50px; font-family:Arial; font-weight:bold;  }
.his-ctt .t .y{ line-height:1; font-size:48px; float:left; }
.his-ctt .t .en{ float:right; line-height:18px; text-transform:uppercase; position:relative; text-align:right; padding:6px 55px 6px 0; background:url(../images/time.png) no-repeat scroll right center; }
.his-ctt .b{ padding:40px 50px 0 50px; }
.his-ctt .b .tx{ height:120px; }
.his-ctt .b .en{ font-size:12px; color:#bcbcbc; font-family:Arial; border-top:1px solid #a4a4a4; padding-top:20px; position:relative; margin-top:10px; }
.his-ctt .b .en:before{ content:""; position:absolute; width:9px; height:5px; background:#a4a4a4; left:0; top:8px; }
.hisSlide .slick-arrow{ width:58px; height:28px; background:#fff; position:absolute; top:50%; margin-top: 16px; z-index:99; background-repeat:no-repeat;  }
.hisSlide .slick-prev{ left:0; background-image:url(../images/his_prev.png); background-position:left center; }
.hisSlide .slick-next{ right:-1px; background-image:url(../images/his_next.png); background-position:right center; }
.hisSlide .slick-arrow:hover{ background-color:#c89d4b; }
.hisSlide .slick-prev:hover{ background-position:right center; }
.hisSlide .slick-next:hover{ background-position:left center; }
.contactPage .addtxt{ font-size: 18px;}
.contactList{ margin-left: -1%;}
.contactList a:link, .contactList a:visited { color: #505050;}
.contactList a:active,.contactList a:hover { color: #0c2e21;}  
.contactList li{ float: left; display: block; width: 32.33%; margin:40px 0px 0px 1%; text-align: center;}
.contactList .item{ border: 2px solid #cab380; padding:28px 25px; transition: 0.3s; -webkit-transition: 0.3s;}
.contactList .ico{ position: relative; width: 24px; height: 24px; overflow: hidden; margin:0px auto 5px; display: block;}
.contactList .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.contactList .ico .i2{ display: none;}
.contactList .num{ font-weight: bold; font-size: 20px; font-family: arial, helvetica, sans-serif;}
.contactList .item:hover{ border-color: #0c2e21; color: #0c2e21;}
.contactList .item:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.contactList .item:hover .ico .i1{ display: none;}
.contactList .item:hover .ico .i2{ display: block;}
.contactList .item:hover .num a{ color: #0c2e21;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.map{ height: 416px; overflow: hidden; width: 100%; font-size: 12px;}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.BMap_bubble_title{ color:#0c2e21; font-size:14px; font-weight:bold;}
/*about style end*/
/*news style*/
.pagePadding{ padding: 70px 0px;}
.paging { background-color: #dadada; padding: 15px 0; position: relative; text-align: center; margin-top: 20px;}
.paging a { padding: 4px 6px; color: #666; font-size: 16px; text-align: center; margin: 0 2px; font-family: arial, helvetica, sans-serif; }
.paging a.act, .paging a:hover { color: #fff; background-color: #c9151e;}
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 72px; padding: 0; background-repeat: no-repeat; background-position: center center; }
.paging .prev { background-image: url(../images/rr_pager_prev.png);  left: 0;}
.paging .next { background-image: url(../images/rr_pager_next.png); right: 0; }
.paging .prev:hover,.paging .next:hover{ background-color: #c1c1c1;}
.pstop{ display: block;}
.new-list dt{ margin-bottom: 45px; background-color: #fff; position: relative;}
.new-list dt .img{ width: 50%;}
.new-list dt .con{ width: 40%; margin-left: 5%; padding-top: 45px;}
.new-list dt .c{ border-top: 1px solid #cccccc; padding-top: 15px; height: 75px; overflow: hidden; margin-bottom: 40px;}
.moreBtn{ border: 1px solid #0c2e21; width: 138px; height: 35px; line-height: 35px; display: block; text-align: center;}
.moreBtn .txt{ background: url(../images/more_ico2.png) no-repeat scroll right center; padding-right: 40px; color: #0c2e21;}
