/* CSS Document */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1005; /*transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-webkit-transition: top 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;*/ }
.logo { display: block; }
.logo img { display: block; width: 100%; }
.pic { display: block; width: 100%; 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 { 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 { line-height: 1.4; }
.ico, .aw { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: 300ms; -webkit-transition: 300ms; position: relative; }
.cover, .bg { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: 600ms; -webkit-transition: 600ms; }
.bg { transition: 300ms; -webkit-transition: 300ms; }
.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; }
.menuBox { position: fixed; top: -100%; height: 100%; left: 0; right: 0; background: #fff; z-index: 900; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; }
.black { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: url(../image/black.png); z-index: 1008; display: none; }
.pbanner { width: 100%; overflow: hidden; position: relative; background-image: none; background-position: center center; background-size: cover; }
.pbanner img { width: 100%; display: block; }

.picw img { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
.trans-1 img { transition: all 4s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; -webkit-transition: all 4s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }

.pager { text-align: center; font-size: 0; }
.pager a { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.banner img { width: 100%; display: block; }
.banner, .banner .item { position: relative; overflow: hidden; }
.banner .mImg { display: none; }
.mcv { line-height: 44px; text-align: center; display: none; cursor: pointer; }
.pospic { display: block; width: 100%; }
.laBox { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(../image/black.png); z-index: 1020; display: none; }
.open { overflow: hidden; }
.open .laBox { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.slick-dots { font-size: 0; text-align: center; margin-top: 30px; }
.slick-dots li { width: 11px; height: 11px; background: #ccc; border-radius: 100%; margin: 0 5px; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; }
.slick-dots li a { display: block; width: 100%; height: 100%; }
.slick-dots li.slick-active, .slick-dots li:hover { background: #4d74aa; }
/* 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; }
.transYT { transform: translateY(60px); -webkit-transform: translateY(60px); 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_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; }
/* 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(../image/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(../image/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 */
.menu-handler { transition: 300ms; -webkit-transition: 300ms; width: 58px; height: 58px; cursor: pointer; display: none; /*background-color: #006db3;*/ position: absolute; top: 0; right: 0; z-index: 1011; }
.menu-handler .burger { width: 32px; height: 4px; background: #666666; border-radius: 2px; 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; }
.menu-handler .burger-2 { top: 28px; }
.menu-handler .burger-3 { top: 38px; }
.csstransforms .menu-handler.active { background-color: transparent; }
.csstransforms .menu-handler.active .burger { background: #666; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .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; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .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; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { background: #fff; }
.no-csstransforms .menu-handler.active { background: url(http://www.changdat.com.cn/images/mob_close.png) no-repeat scroll center center; }
/* menuBtn end */

/* lightBox */
.fancybox-nav span { width: 40px; height: 40px; margin-top: -20px; background: url(http://www.changdat.com.cn/images/ab-arrow-left.png) no-repeat; }
.fancybox-nav { top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../image/join-arrow.png) no-repeat; }
.fancybox-prev { left: -70px; }
.fancybox-next { right: -70px; background-position: right center; }
.fancybox-overlay { background: url(../image/black.png); }
.fancybox-close { width: 30px; height: 30px; top: 15px; right: -15px; background: url(../image/close.png) no-repeat; }
.fancybox-opened .fancybox-skin { box-shadow: none; }
.fancybox-skin { background: none; border-radius: none; }
/* lightBox end */
/*三角形*/
.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; }
/* flexslider */
.flexslider { margin-bottom: 0; border: none; }
.flex-direction-nav a { font-size: 0; text-shadow: none; }
.flex-nav-prev a { background: url(http://www.changdat.com.cn/images/fx-prev.png) no-repeat center center; }
.flex-nav-next a { background: url(http://www.changdat.com.cn/images/fx-next.png) no-repeat center center; }
.flex-direction-nav a.flex-next::before, .flex-direction-nav a.flex-prev::before { content: ''; }
#carousel li { background: #000; }
#carousel img { display: block; opacity: .3; cursor: pointer; }
#carousel img:hover { opacity: 1; }
#carousel .flex-active-slide img { opacity: 1; cursor: default; }