@charset "utf-8";
/* CSS Document */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1005; background: #868686; }
.logo, .logo2, .logo3 { display: block; }
.logo img, .logo2 img, .logo3 img { display: block; width: 100%; }
.pic { display: block; overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.pic > img { display: block; width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.scapic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.tx { font-size: 13px; text-align: justify; overflow: hidden; line-height: 25px !important; }
.freeTx { text-align: justify; }
.freeTx img { display: block; margin: 0 auto; max-width: 100%; height: auto !important; }
.nowti { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.4; }
.ti,
.name,
.ch { line-height: 1.4; }
.en { line-height: 1.1; }
.ico,
.aw { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: 300ms; -webkit-transition: 300ms; }
.cover { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 600ms; -webkit-transition: 600ms; }
.bg { display: block; position: absolute; top: 0; left: 0; transition: 300ms; -webkit-transition: 300ms; }
.line { display: block; }
.fixbg { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; -webkit-background-attachment: fixed; background-attachment: scroll\9; position: relative; }
.black { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/black.png); z-index: 1004; display: none; }
.wsibf,
.pager { text-align: center; font-size: 0; }
.wsib,
.pager a { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; font-size: 14px; }
.menuBox { position: fixed; top: 0; height: 100%; left: 0; right: 0; background: #f1f1f1; z-index: 1010; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.banner,
.banner .item { position: relative; overflow: hidden; }
.banner .pic > img { opacity: 1; transition: transform 5s, opacity 2s; -webkit-transition: transform 5s, opacity 2s; }
.banner .pic.imgIn > img { opacity: 1; transform: matrix(1.1, 0, 0, 1.1, 0, 0); -webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0); }
.mcv { line-height: 44px; text-align: center; cursor: pointer; display: none; }
.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; }
.pospic { display: block; width: 100%; }
.labox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/black.png); z-index: 1020; display: none; }
.open { overflow: hidden; }
.open .labox { overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.foLine { position: relative; }
.foLine .wLine { display: block; position: absolute; background: red; }
.foLine .wLine_1 { width: 0; height: 5px; top: 0; left: 0; }
.foLine .wLine_2 { width: 0; height: 5px; bottom: 0; right: 0; }
.foLine .wLine_3 { height: 0; width: 5px; bottom: 0; left: 0; }
.foLine .wLine_4 { height: 0; width: 5px; top: 0; right: 0; }
.foLine:hover .wLine_1,
.foLine:hover .wLine_2 { width: 100%; }
.foLine:hover .wLine_3,
.foLine:hover .wLine_4 { height: 100%; }
/* animation */
.trtion { transition: 700ms; -webkit-transition: 700ms; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transY { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; }
.transY2 { transform: translateY(-80px); -webkit-transform: translateY(-80px); opacity: 0; }
.transX { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; }
.transX2 { transform: translateX(-80px); -webkit-transform: translateX(-80px); opacity: 0; }
.transShow { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_15 { transition-delay: 150ms; -webkit-transition-delay: 150ms; }
.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_45 { transition-delay: 450ms; -webkit-transition-delay: 450ms; }
.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; }
/* animation end */

/*video style*/
.vwrap { display: none; z-index: 999; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; 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: #bebebe; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #b20004; 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); }
.jwplayer.aspectMode { height: 100% !important; }
.jwlogo { display: none; }
/*video style end*/

/* winxin */
.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 #f1f1f1; 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; }
/* winxin end */

/* menuBtn */
/*.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; }
.menu-handler { display: none; overflow: hidden; width: 60px; height: 60px; cursor: pointer; position:absolute; right:0; top: 0px; 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:1012; }
.menu-handler .burger { width: 32px; height: 4px; background: #000; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; /*border-radius: 3px;*/ /*}*/
/*.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.menu-handler.active .burger-1 { top: 30px; -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; left: -100%; }
.menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }*/
/* menuBtn end */

/* lightBox */
.fancybox-nav { top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../images/rr-bigaw.png) no-repeat; }
.fancybox-nav span { width: 40px; height: 40px; margin-top: -20px; background: none; }
.fancybox-prev { left: -70px; }
.fancybox-next { right: -70px; background-position: right center; }
.fancybox-overlay { background: url(../images/black.png); }
.fancybox-close { width: 30px; height: 30px; top: 15px; right: -15px; background: url(../images/rr-bigclose.png) no-repeat; }
.fancybox-opened .fancybox-skin { box-shadow: none; }
.fancybox-skin { background: none; border-radius: none; }
/* lightBox end */

/*slick*/
.slick-dots { font-size: 0; text-align: center; margin-top: 30px; }
.slick-dots li { width: 10px; height: 10px; background: #ccc; border-radius: 100%; margin: 0 5px; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; cursor: pointer; }
.slick-dots li a { display: block; width: 100%; height: 100%; }
/*.slick-dots li.slick-active,.slick-dots li:hover{ background:#9ebf65 !important; }*/
/*slick end*/