@charset "utf-8";
/* CSS Starry */

/* 程序框架 */
.kj_01_banner {background: url(../images/kj-01.png) no-repeat center top #75dfc8;height: 500px;}
.kj_02_banner {background: url(../images/kj-02.png) no-repeat center top #ffffff;height: 500px;}
.kj_03_banner {background: url(../images/kj-03.png) no-repeat center center #50c0ed;height: 600px;}
.kj_03_banner_ubb { position:relative; width:1200px; height:600px; margin:0 auto;}
.kj_03_banner_ubb a{position: absolute; left:550px; bottom:100px; height:40px; width:150px; line-height:40px; border: 1px solid #fff; color:#fff; text-align:center; font-size:16px; border-radius:50px; display:block;}
.kj_03_banner_ubb a:hover { background:#fff; color:#50c0ed;}
.kj_04_banner {background: url(../images/kj-05.jpg) no-repeat center top #e3e1dc;height: 1000px;}
.kj_04_banner_shilibg { margin:0 auto; width:1200px; position:relative; height:1000px;}
.kj_04_banner_shili { position:absolute; left:310px; bottom:50px; height:100px;}
.kj_04_banner_shili p a { float:left; margin:0 10px;}
.kj_04_banner_shili p img {box-shadow: 1px 1px 5px #7B7B7B;-moz-box-shadow: 1px 1px 5px #7B7B7B;}
.kj_06_banner {background: url(../images/kj-06.jpg) no-repeat center top #fff;height: 350px;}
.kj_07_banner {background: url(../images/kj-07.jpg) no-repeat center top #414143;height: 600px;}
.kj_08_banner {background: url(../images/kj-08.jpg) no-repeat center top #f7f7f7;height: 600px;}
.kj_09_banner {background: url(../images/kj-09.jpg) no-repeat center top #1998cd;height: 600px;}
.kj_10_banner {background: url(../images/kj-10.jpg) no-repeat center top #5088be;height: 500px;}
.kj_10_banner_shilibg { margin:0 auto; width:1200px; position:relative; height:500px;}
.kj_10_banner_shili { position:absolute; right:375px; bottom:100px; height:100px;}
.kj_10_banner_shili p a { float:left; margin:0 10px;}
.kj_10_banner_shili p img {box-shadow: 1px 1px 5px #7B7B7B;-moz-box-shadow: 1px 1px 5px #7B7B7B;}
.kj_11_banner {background: url(../images/kj-11.jpg) no-repeat center top #dfd3cc;height: 500px;}
.kj_11_banner_app { position:relative; width:1200px; height:500px; margin:0 auto;}
.kj_11_banner_app a{position: absolute; left: 45px;bottom: 120px;height: 40px;width: 200px; line-height:40px; border: 1px solid #fff; color:#fff; text-align:center; font-size:16px; border-radius:50px; display:block;}
.kj_11_banner_app a:hover { background:#fff; color:#dfd3cc;}

/* Overlay */
#lightcase-overlay { display: none; width: 100%; height: 100%; position: fixed; z-index: 1000; top: 0; left: 0; background-color: #333; }
/* Loading */
#lightcase-loading { display: none; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px; position: fixed; z-index: 1001; top: 50%; left: 50%; background: url(../images/loading_neg.gif) transparent no-repeat 50% 50%; background-size: 50%; }
#lightcase-case.lightcase-loading .lightcase-content { background: url(../images/loading.gif) #fff no-repeat 50% 50%; background-size: 24px; }
#lightcase-case.lightcase-loading.type-image .lightcase-content,  #lightcase-case.lightcase-loading.type-video .lightcase-content { background-image: url(../images/loading_neg.gif); background-color: #333; }
/* Case */
#lightcase-case { display: none; position: fixed; z-index: 1002; top: 50%; left: 50%; color: #fff; font-family: arial, sans-serif; font-size: 13px; line-height: 18px; text-align: left; -webkit-text-size-adjust: none; -webkit-backface-visibility: hidden;border: solid 5px #fff; -moz-box-shadow: 0 0 30px rgba(0,0,0,.50); -webkit-box-shadow: 0 0 30px rgba(0,0,0,.50); box-shadow: 0 0 30px rgba(0,0,0,.50); }
/* Info */
#lightcase-case .lightcase-info { overflow: auto; background: #5989F2;text-align: center;text-shadow: none；}
#lightcase-case .lightcase-sequenceInfo,  #lightcase-case .lightcase-title,  #lightcase-case .lightcase-caption { margin: 10px; padding: 0; font-weight: normal; font-size: 15px; line-height: 15px; text-overflow: ellipsis; }
#lightcase-case .lightcase-sequenceInfo { float: left; padding-right: 0; }
/* Content */
#lightcase-case .lightcase-content { position: relative; z-index: 1; overflow: hidden; color: #333; text-shadow: none; background-color: #fff; -webkit-backface-visibility: hidden; }
#lightcase-case.type-image .lightcase-content,  #lightcase-case.type-video .lightcase-content { background-color: #333; }
#lightcase-case.type-image .lightcase-contentInner,  #lightcase-case.type-video .lightcase-contentInner { line-height: 0.75; }
#lightcase-case .lightcase-inlineWrap { padding: 15px; overflow: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* Error message */
p.lightcase-error { margin: 0; padding: 0; }
/* Navigation */
#lightcase-case .lightcase-nav { }
#lightcase-case .lightcase-nav a { width: 25%; position: absolute; z-index: 3; top: 25%; bottom: 25%; outline: none; cursor: pointer; }
#lightcase-case a.lightcase-prev { left: 15px; }
#lightcase-case a.lightcase-next { right: 15px; }
#lightcase-case a.lightcase-play,  #lightcase-case a.lightcase-pause { display: none; width: 50%; z-index: 3; left: 25%; right: 25%; }
#lightcase-case .lightcase-nav a span { display: block; width: 30px; height: 30px; margin-top: -13px; position: absolute; z-index: 1; top: 50%; text-indent: -9999px; background: url(../images/sprite.png) transparent no-repeat 0 -30px; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-backface-visibility: hidden; }
#lightcase-case .lightcase-nav a:hover span { opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); }
#lightcase-case a.lightcase-prev span { left: 0; }
#lightcase-case a.lightcase-next span { right: 0; background-position: 0 -60px; }
#lightcase-case a.lightcase-pause span { background-position: 0 -90px; }
#lightcase-case a.lightcase-play span { background-position: 0 -120px; }
#lightcase-case a.lightcase-pause span,  #lightcase-case a.lightcase-play span { left: 50%; margin-left: -15px; }
/* close */
#lightcase-case a.lightcase-close { width: 30px; height: 30px; position: absolute; z-index: 1; top: -14px; right: -15px; outline: none; text-indent: -9999px; background: url(../images/sprite.png) transparent no-repeat 0 0; }
/* For mobile devices */
.lightcase-isMobileDevice #lightcase-case .lightcase-inlineWrap,  .lightcase-isMobileDevice #lightcase-case.type-iframe .lightcase-contentInner { overflow: auto; -webkit-overflow-scrolling: touch; }
.lightcase-isMobileDevice.lightcase-open,  .lightcase-isMobileDevice.lightcase-open body { max-width: 100%; max-height: 100%; overflow: hidden; }
/* Fullscreen mode for mobile */
.lightcase-fullScreenMode #lightcase-case { text-shadow: none; border: none; background: none; }
.lightcase-fullScreenMode #lightcase-case .lightcase-content { color: #fff; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.lightcase-fullScreenMode #lightcase-case .lightcase-info { position: fixed; z-index: 1003; left: 5px; bottom: 5px; }
.lightcase-fullScreenMode #lightcase-case a.lightcase-prev,  .lightcase-fullScreenMode #lightcase-case a.lightcase-next { position: absolute; /* Hide the prev/next buttons */ top: -99999px; }
.lightcase-fullScreenMode #lightcase-case a.lightcase-play span { margin-top: -15px; background-image: url(../images/play.svg); }
.lightcase-fullScreenMode #lightcase-case a.lightcase-pause span { margin-top: -15px; background-image: url(../images/pause.svg); }
.lightcase-fullScreenMode #lightcase-case a.lightcase-pause span,  .lightcase-fullScreenMode #lightcase-case a.lightcase-play span,  .lightcase-fullScreenMode #lightcase-case a.lightcase-close { border: 1px solid rgba(0,0,0, .25); background-color: rgba(150,150,150, .75); background-repeat: no-repeat; background-position: 50% 50%; background-size: 55% 55%; -moz-box-shadow: inset 0px 0px 1px rgba(0,0,0, .25); -webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0, .25); box-shadow: inset 0px 0px 1px rgba(0,0,0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.lightcase-fullScreenMode #lightcase-case a.lightcase-close { width: 30px; height: 30px; position: fixed; top: 5px; right: 5px; background-image: url(../images/contract.svg); background-size: 55% 55%; }