@charset "UTF-8";
/***  cmui version:2.0.0 */
/***
总列数：12
列间隔： 
	md: 20px
	lg: 30px
	xl: 40px
屏幕种类：
	md: 0 ~ 1279px
	lg: 1280 ~ 1499px
	xl: 1500px ~ max
临界点：
	$screen-md: 0;
	$screen-lg: 1280px;
	$screen-xl: 1500px;
***/
/*响应工具*/
.visible-md, .visible-md-up, .visible-md-down, .visible-lg, .visible-lg-up, .visible-lg-down, .visible-xl, .visible-xl-up, .visible-xl-down { display: none; }
/* 单区间 */
@media (max-width: 1279px) { .visible-md { display: block; } }
@media (min-width: 1280px) and (max-width: 1499px) { .visible-lg { display: block; } }
@media (min-width: 1500px) { .visible-xl { display: block; } }
/* 多区间 UP */
@media (min-width: 1279px) { .visible-md-up { display: block; } }
@media (min-width: 1499px) { .visible-lg-up { display: block; } }
/* 多区间 DOWN */
@media (max-width: 1280px) { .visible-lg-down { display: block; } }
@media (max-width: 1500px) { .visible-xl-down { display: block; } }
/* 单区间 */
@media (max-width: 1279px) { .hidden-md { display: none; } }
@media (min-width: 1280px) and (max-width: 1499px) { .hidden-lg { display: none; } }
@media (min-width: 1500px) { .hidden-xl { display: none; } }
/* 多区间 UP */
@media (min-width: 1279px) { .hidden-md-up { display: none; } }
@media (min-width: 1499px) { .hidden-lg-up { display: none; } }
/* 多区间 DOWN */
@media (max-width: 1280px) { .hidden-lg-down { display: none; } }
@media (max-width: 1500px) { .hidden-xl-down { display: none; } }
/* 打印类型 */
.visible-print { display: none; }
@media print { .visible-print { display: block; }
  .hidden-print { display: none; } }
/* 显示-隐藏 */
.show { display: block !important; }
.hidden { display: none !important; }
.invisible { visibility: hidden; }
/* 浮动 */
.float-left { float: left !important; }
.float-right { float: right !important; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.block-center { display: block; margin-left: auto; margin-right: auto; }
/* 文本工具类 */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-indent { text-indent: 2em; }
/* 情景色文本 */
.text-primary { color: #267; }
.text-success { color: #7B0; }
.text-info { color: #39D; }
.text-warning { color: #F80; }
.text-danger { color: #D33; }
/* 情景色背景 */
.bg-primary { background-color: #278; color: #FFF; padding: 1em; }
.bg-success { background-color: #dff0d8; color: #006400; padding: 1em; }
.bg-info { background-color: #d9edf7; color: #4682B4; padding: 1em; }
.bg-warning { background-color: #fcf8e3; color: #A0522D; padding: 1em; }
.bg-danger { background-color: #f2dede; color: #B22222; padding: 1em; }
/* 内外边距 */
.m-t { margin-top: 15px !important; }
.m-t-sm { margin-top: 10px !important; }
.m-t-md { margin-top: 20px !important; }
.m-t-lg { margin-top: 35px !important; }
.m-t-xl { margin-top: 60px !important; }
.m-r { margin-right: 15px !important; }
.m-r-sm { margin-right: 10px !important; }
.m-r-md { margin-right: 20px !important; }
.m-r-lg { margin-right: 35px !important; }
.m-r-xl { margin-right: 60px !important; }
.m-b { margin-bottom: 15px !important; }
.m-b-sm { margin-bottom: 10px !important; }
.m-b-md { margin-bottom: 20px !important; }
.m-b-lg { margin-bottom: 35px !important; }
.m-b-xl { margin-bottom: 60px !important; }
.m-l { margin-left: 15px !important; }
.m-l-sm { margin-left: 10px !important; }
.m-l-md { margin-left: 20px !important; }
.m-l-lg { margin-left: 35px !important; }
.m-l-xl { margin-left: 60px !important; }
.m-n { margin: 0 !important; }
.p-t { padding-top: 15px !important; }
.p-t-sm { padding-top: 10px !important; }
.p-t-md { padding-top: 20px !important; }
.p-t-lg { padding-top: 35px !important; }
.p-t-xl { padding-top: 60px !important; }
.p-r { padding-right: 15px !important; }
.p-r-sm { padding-right: 10px !important; }
.p-r-md { padding-right: 20px !important; }
.p-r-lg { padding-right: 35px !important; }
.p-r-xl { padding-right: 60px !important; }
.p-b { padding-bottom: 15px !important; }
.p-b-sm { padding-bottom: 10px !important; }
.p-b-md { padding-bottom: 20px !important; }
.p-b-lg { padding-bottom: 35px !important; }
.p-b-xl { padding-bottom: 60px !important; }
.p-l { padding-left: 15px !important; }
.p-l-sm { padding-left: 10px !important; }
.p-l-md { padding-left: 20px !important; }
.p-l-lg { padding-left: 35px !important; }
.p-l-xl { padding-left: 60px !important; }
.p-n { padding: 0 !important; }
/*徽标*/
.badge { border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; background-color: #EEE; color: #267; }
.badge-primary { background-color: #267; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }
.badge-success { background-color: #7B0; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }
.badge-info { background-color: #39D; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }
.badge-warning { background-color: #F80; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }
.badge-danger { background-color: #D33; border-radius: 3px; padding: 2px 6px; font-size: 80%; color: #FFF; }
.badge-notification { border-radius: 1em !important; }
/* 重置元素样式 */
html { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #121212; }
html, body { margin: 0; }
img, a { border: none; }
a { text-decoration: none; color: #181818; }
a:hover { color: #098; }
::-moz-selection { background: #FFA; color: #121212; text-shadow: none; }
::selection { background: #FFA; color: #121212; text-shadow: none; }
code { color: #A00; background: #FEE; padding: 2px 5px; line-height: 1em; margin: 0 3px; display: inline-block; font-family: Consolas, Monaco, 'Andale Mono', monospace; }
h1, h2, h3, h4, h5, h6 { line-height: 1.6em; margin: 0.5em 0; font-weight: normal; }
h1 { font-size: 40px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
hr { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-color: #ddd; }
/* 段落 */
p { line-height: 1.8em; margin: 1em 0 1.5em 0; }
sub, sup { font-size: 12px; }
small { font-size: 70%; color: #565656; }
/* 列表 */
ul, ol { margin: 1em 0; padding-left: 1.5em; }
ul li, ol li { line-height: 1.8em; }
.list-unstyled { list-style: none; padding: 0; }
/* 描述列表 */
dl, dl.dl-horizontal { margin: 1em 0; line-height: 1.8em; }
dl dt, dl.dl-horizontal dt { font-weight: bold; }
dl dd, dl.dl-horizontal dd { margin: 0; }
dl.dl-horizontal dt { width: 160px; float: left; }
dl.dl-horizontal dd { padding-left: 190px; }
/* 图片 */
img { max-width: 100%; height: auto; border: none; box-sizing: border-box; }
img.img-rounded { border-radius: 3px; }
img.img-circle { border-radius: 50%; }
img.img-thumbnail { border: 1px solid #ddd; padding: 5px; background: #FFF; }
img.img-preserve { max-width: auto; }
/** 布局 **/
.container { margin-right: auto; margin-left: auto; box-sizing: border-box; }
@media (max-width: 1499px) { .container { width: 1230px; padding-left: 15px; padding-right: 15px; } }
@media (max-width: 1279px) { .container { width: 1020px; padding-left: 10px; padding-right: 10px; } }
@media (min-width: 1500px) { .container { width: 1440px; padding-left: 20px; padding-right: 20px; } }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container-fluid { width: auto; margin-right: auto; margin-left: auto; box-sizing: border-box; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
@media (max-width: 1499px) { .row { margin-left: -15px; margin-right: -15px; } }
@media (max-width: 1279px) { .row { margin-left: -10px; margin-right: -10px; } }
@media (min-width: 1500px) { .row { margin-left: -20px; margin-right: -20px; } }
.col-md-1-12 { width: 8.33333%; }
.col-md-2-12 { width: 16.66667%; }
.col-md-3-12 { width: 25%; }
.col-md-4-12 { width: 33.33333%; }
.col-md-5-12 { width: 41.66667%; }
.col-md-6-12 { width: 50%; }
.col-md-7-12 { width: 58.33333%; }
.col-md-8-12 { width: 66.66667%; }
.col-md-9-12 { width: 75%; }
.col-md-10-12 { width: 83.33333%; }
.col-md-11-12 { width: 91.66667%; }
.col-md-12-12 { width: 100%; }
.col-md-1-12, .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12, .col-md-10-12, .col-md-11-12, .col-md-12-12 { float: left; }
@media (min-width: 1280px) { .col-lg-1-12 { width: 8.33333%; }
  .col-lg-2-12 { width: 16.66667%; }
  .col-lg-3-12 { width: 25%; }
  .col-lg-4-12 { width: 33.33333%; }
  .col-lg-5-12 { width: 41.66667%; }
  .col-lg-6-12 { width: 50%; }
  .col-lg-7-12 { width: 58.33333%; }
  .col-lg-8-12 { width: 66.66667%; }
  .col-lg-9-12 { width: 75%; }
  .col-lg-10-12 { width: 83.33333%; }
  .col-lg-11-12 { width: 91.66667%; }
  .col-lg-12-12 { width: 100%; }
  .col-lg-1-12, .col-lg-2-12, .col-lg-3-12, .col-lg-4-12, .col-lg-5-12, .col-lg-6-12, .col-lg-7-12, .col-lg-8-12, .col-lg-9-12, .col-lg-10-12, .col-lg-11-12, .col-lg-12-12 { float: left; } }
@media (min-width: 1500px) { .col-xl-1-12 { width: 8.33333%; }
  .col-xl-2-12 { width: 16.66667%; }
  .col-xl-3-12 { width: 25%; }
  .col-xl-4-12 { width: 33.33333%; }
  .col-xl-5-12 { width: 41.66667%; }
  .col-xl-6-12 { width: 50%; }
  .col-xl-7-12 { width: 58.33333%; }
  .col-xl-8-12 { width: 66.66667%; }
  .col-xl-9-12 { width: 75%; }
  .col-xl-10-12 { width: 83.33333%; }
  .col-xl-11-12 { width: 91.66667%; }
  .col-xl-12-12 { width: 100%; }
  .col-xl-1-12, .col-xl-2-12, .col-xl-3-12, .col-xl-4-12, .col-xl-5-12, .col-xl-6-12, .col-xl-7-12, .col-xl-8-12, .col-xl-9-12, .col-xl-10-12, .col-xl-11-12, .col-xl-12-12 { float: left; } }
.col-xl-12-12, .col-xl-11-12, .col-xl-10-12, .col-xl-9-12, .col-xl-8-12, .col-xl-7-12, .col-xl-6-12, .col-xl-5-12, .col-xl-4-12, .col-xl-3-12, .col-xl-2-12, .col-lg-12-12, .col-lg-11-12, .col-lg-10-12, .col-lg-9-12, .col-lg-8-12, .col-lg-7-12, .col-lg-6-12, .col-lg-5-12, .col-lg-4-12, .col-lg-3-12, .col-lg-2-12, .col-md-12-12, .col-md-11-12, .col-md-10-12, .col-md-9-12, .col-md-8-12, .col-md-7-12, .col-md-6-12, .col-md-5-12, .col-md-4-12, .col-md-3-12, .col-md-2-12 { position: relative; box-sizing: border-box; min-height: 1px; -ms-flex: none; flex: none; }
@media (max-width: 1499px) { .col-xl-12-12, .col-xl-11-12, .col-xl-10-12, .col-xl-9-12, .col-xl-8-12, .col-xl-7-12, .col-xl-6-12, .col-xl-5-12, .col-xl-4-12, .col-xl-3-12, .col-xl-2-12, .col-lg-12-12, .col-lg-11-12, .col-lg-10-12, .col-lg-9-12, .col-lg-8-12, .col-lg-7-12, .col-lg-6-12, .col-lg-5-12, .col-lg-4-12, .col-lg-3-12, .col-lg-2-12, .col-md-12-12, .col-md-11-12, .col-md-10-12, .col-md-9-12, .col-md-8-12, .col-md-7-12, .col-md-6-12, .col-md-5-12, .col-md-4-12, .col-md-3-12, .col-md-2-12 { padding-right: 15px; padding-left: 15px; } }
@media (max-width: 1279px) { .col-xl-12-12, .col-xl-11-12, .col-xl-10-12, .col-xl-9-12, .col-xl-8-12, .col-xl-7-12, .col-xl-6-12, .col-xl-5-12, .col-xl-4-12, .col-xl-3-12, .col-xl-2-12, .col-lg-12-12, .col-lg-11-12, .col-lg-10-12, .col-lg-9-12, .col-lg-8-12, .col-lg-7-12, .col-lg-6-12, .col-lg-5-12, .col-lg-4-12, .col-lg-3-12, .col-lg-2-12, .col-md-12-12, .col-md-11-12, .col-md-10-12, .col-md-9-12, .col-md-8-12, .col-md-7-12, .col-md-6-12, .col-md-5-12, .col-md-4-12, .col-md-3-12, .col-md-2-12 { padding-right: 10px; padding-left: 10px; } }
@media (min-width: 1500px) { .col-xl-12-12, .col-xl-11-12, .col-xl-10-12, .col-xl-9-12, .col-xl-8-12, .col-xl-7-12, .col-xl-6-12, .col-xl-5-12, .col-xl-4-12, .col-xl-3-12, .col-xl-2-12, .col-lg-12-12, .col-lg-11-12, .col-lg-10-12, .col-lg-9-12, .col-lg-8-12, .col-lg-7-12, .col-lg-6-12, .col-lg-5-12, .col-lg-4-12, .col-lg-3-12, .col-lg-2-12, .col-md-12-12, .col-md-11-12, .col-md-10-12, .col-md-9-12, .col-md-8-12, .col-md-7-12, .col-md-6-12, .col-md-5-12, .col-md-4-12, .col-md-3-12, .col-md-2-12 { padding-right: 20px; padding-left: 20px; } }
.row.collapse { margin-left: 0; margin-right: 0; }
.row.collapse > div { padding-left: 0; padding-right: 0; }
table { border-spacing: 0; border-collapse: collapse; width: 100%; border-bottom: 1px solid #ddd; }
table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { padding: 1em; text-align: left; border-bottom: 1px solid #ddd; }
table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; }
table > tfoot { font-style: italic; color: #888; }
.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-unstyled { border: none; }
.table-unstyled > thead > tr > th, .table-unstyled > thead > tr > td, .table-unstyled > tbody > tr > th, .table-unstyled > tbody > tr > td, .table-unstyled > tfoot > tr > th, .table-unstyled > tfoot > tr > td { border: none; }
/* 压缩间隔 */
.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 0.5em; }
/* 表格工具 */
.table-striped tbody > tr:nth-of-type(odd) { background: #fafafa; }
.table-hover tbody > tr:hover { background: #F2F2F2; }
.btn { box-sizing: border-box; padding: .5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; word-spacing: normal; white-space: nowrap; font-size: 16px; border-radius: 2px; }
.btn { background: #F2F2F2; border: 1px solid #e1e1e1; color: #333; }
.btn:hover { color: #333; }
.btn:hover, .btn.active { background: white; border: 1px solid #e9e9e9; }
.btn-primary { background: #267; border: 1px solid #115566; color: #FFF; }
.btn-primary:hover { color: #FFF; }
.btn-primary:hover, .btn-primary.active { background: #337788; border: 1px solid #195d6e; }
.btn-success { background: #7B0; border: 1px solid #66aa00; color: #FFF; }
.btn-success:hover { color: #FFF; }
.btn-success:hover, .btn-success.active { background: #88cc11; border: 1px solid #6eb200; }
.btn-info { background: #39D; border: 1px solid #2288cc; color: #FFF; }
.btn-info:hover { color: #FFF; }
.btn-info:hover, .btn-info.active { background: #44aaee; border: 1px solid #2a90d4; }
.btn-warning { background: #F80; border: 1px solid #ee7700; color: #FFF; }
.btn-warning:hover { color: #FFF; }
.btn-warning:hover, .btn-warning.active { background: #ff9911; border: 1px solid #f67f00; }
.btn-danger { background: #D33; border: 1px solid #cc2222; color: #FFF; }
.btn-danger:hover { color: #FFF; }
.btn-danger:hover, .btn-danger.active { background: #ee4444; border: 1px solid #d42a2a; }
.btn-xs { font-size: 14px; padding: 1px 5px; }
.btn-sm { font-size: 14px; padding: 5px 10px; }
.btn-md { font-size: 24px; }
.btn-lg { font-size: 32px; }
button[disabled], button[disabled]:hover { color: #AAA; background-color: #EEE; border-color: #DDD; cursor: not-allowed; }
.btn-group:before, .btn-group:after { content: " "; display: table; }
.btn-group:after { clear: both; }
.btn-group .btn { border-radius: 0; margin-left: -1px; margin-right: -1px; float: left; }
.btn-group .btn:first-child { margin-left: 0; border-radius: 2px 0 0 2px; }
.btn-group .btn:last-child { margin-right: 0; border-radius: 0 2px 2px 0; }
input[type='text'] { box-sizing: border-box; padding: 0.5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; word-spacing: normal; font-size: 14px; border-style: solid; border-width: 1px; border-color: #e1e1e1; color: #666666; }
input[type='text']:focus { box-shadow: 0 0 0.5em #bfbfbf; outline: 0; }
.input-group { display: table; border-collapse: collapse; }
.input-group input[type='text'], .input-group .input-group-btn { display: table-cell; position: relative; box-sizing: border-box; }
.input-group input[type='text'] { width: 100%; }
.input-group input[type='text']:first-child { border-radius: 2px 0 0 2px; }
.input-group input[type='text']:last-child { border-radius: 0 2px 2px 0; }
.input-group .btn-group { display: table-cell; word-spacing: normal; width: 1%; vertical-align: middle; }
.input-group .btn-group .btn { margin-left: -1px; margin-right: -1px; border-radius: 0; z-index: 2; position: relative; }
.input-group .btn-group:first-child .btn { border-radius: 2px 0 0 2px; margin-right: -1px; margin-left: 0; }
.input-group .btn-group:last-child .btn { border-radius: 0 2px 2px 0; margin-left: -1px; margin-right: 0; }




@charset "UTF-8";
html { font-family: 'microsoft yahei'; }

@media (max-width: 768px) { .bdshare-slide-button-box { display: none !important; } }

/*内容*/
.box { position: relative; width: 100%; height: 950px; overflow: hidden; }

.box .c-box { position: absolute; background-image: url("background-1.jpg"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }

.box .c-box .h-top { position: absolute; top: 12%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); left: 48.5% \9; width: 50px; }

.box .c-box .h-top img { display: block; width: 100%; }

.box .c-box .number { position: absolute; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 60%; width: 50%; font-size: 36px; transition: all 0.3s linear; opacity: 0;  bottom:5%\9; wedth:20%;font-size:16px\9; left:25%\9; display:none\9;}

.box .c-box .number p { margin: 0; color: #fff; text-align: center; }

.box .c-box .number span { color: #fff; text-align: center; }

.box .c-box-0 { top: 0; right: 0; bottom: 0; left: 0; background-image: url("bg0.jpg"); }

.box .c-box-0 .click-m { position: absolute; bottom: 20%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); left:42%\9; }

.box .c-box-0 .click-m img { display: block; width: 100%; max-width:inherit; }

.box .c-box-1 { top: 0; right: -100%; bottom: 0; left: 100%; }

.box .c-box-1 .text-l { position: absolute; top: 49%; left: 34%; width: 6%; }

@media (max-width: 1599px) { .box .c-box-1 .text-l { top: 47%; } }

@media (max-width: 1199px) { .box .c-box-1 .text-l { top: 45%; } }

.box .c-box-1 .text-l img { display: block; width: 100%; }

.box .c-box-1 .text-r { position: absolute; top: 37.6%; right: 34%; width: 4.16%; }

.box .c-box-1 .text-r .content { position: relative; z-index: 3; }

.box .c-box-1 .text-r .content img { display: block; width: 100%; }

.box .c-box-1 .text-r .ripple-o { position: absolute; top: 2%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 200%; height: 47.5%; z-index: 4; }

.box .c-box-1 .text-r .ripple-o .circle { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; }

.box .c-box-1 .text-r .ripple-o .circle img { display: block; width: 100%; }

.box .c-box-1 .text-r .ripple-o .circle1 { animation: circle1 3s linear infinite; }

.box .c-box-1 .text-r .ripple-o .circle2 { animation: circle1 3s linear 1s infinite; }

.box .c-box-1 .text-r .ripple-o .circle3 { animation: circle1 3s linear 2s infinite; }

@keyframes circle1 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

@keyframes circle2 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

@keyframes circle3 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

.box .c-box-1 .text-r .candle { display: none; position: absolute; top: 8%; right: -32%; width: 168.75%; }

.box .c-box-1 .text-r .candle img { display: block; width: 100%; }

.box .c-box-1 .text-r .click-o { position: relative; display: none; display: block\9; text-align: center; padding-top: 15px; z-index: 5; }

.box .c-box-1 .text-r .text-p { margin: 0 -50px; padding-top: 15px; }

.box .c-box-1 .text-r .text-p span { display: block; text-align: center; font-size: 16px; color: #fff; }

@media (max-width: 1199px) { .box .c-box-1 .text-r .text-p span { font-size: 12px; } }

.box .c-box-1 .text-z { position: absolute; top: 38%; bottom: 26%; left: 50%; left: 42%/9; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; background: #fff; }

@media (max-width: 1199px) { .box .c-box-1 .text-z { bottom: 30%; } }

.box .c-box-1 .time1 { position: absolute; top: 80%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); left: 17.5% \9; padding: 40px 0; width: 65%; height: 1px; overflow: hidden; }

.box .c-box-1 .time1 img { display: block; width: 100%; }

.box .c-box-1 .time1 .img { height: 1px; }

.box .c-box-1 .time1 span { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); top: 40% \9; width: 17px; height: 17px; }

.box .c-box-1 .time1 .span1 { left: 20%; }

.box .c-box-1 .time1 .span2 { left: 40%; }

.box .c-box-1 .time1 .span3 { left: 60%; }

.box .c-box-1 .time1 .span4 { left: 80%; }

.box .c-box-1 .time1 p { position: absolute; bottom: 0; margin: 0; line-height: 1em; font-size: 16px; color: #fff; font-weight: bold; }

.box .c-box-1 .time1 .p1 { left: 19.3%; }

.box .c-box-1 .time1 .p2 { left: 39.3%; }

.box .c-box-1 .time1 .p3 { left: 59.3%; }

.box .c-box-1 .time1 .p4 { left: 78.3%; }

.box .c-box-2 { top: 0; right: -200%; bottom: 0; left: 200%; background-image: url("background-2.jpg"); }

.box .c-box-2 .h-top { opacity: 0; transition: all 1s linear; }

.box .c-box-2 .text-l { position: absolute; top: 41%; left: 23%; width: 15.83%; opacity: 0; transition: all 1s linear; }

.box .c-box-2 .text-l .content img { display: block; width: 100%; }

.box .c-box-2 .text-l .ripple-t { position: absolute; top: -10%; left: 30%; width: 53.1%; height: 53.1%; z-index: 4; }

.box .c-box-2 .text-l .ripple-t .circle { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; }

.box .c-box-2 .text-l .ripple-t .circle img { display: block; width: 100%; }

.box .c-box-2 .text-l .ripple-t .circle1 { animation: circle1 3s linear infinite; }

.box .c-box-2 .text-l .ripple-t .circle2 { animation: circle1 3s linear 1s infinite; }

.box .c-box-2 .text-l .ripple-t .circle3 { animation: circle1 3s linear 2s infinite; }

@keyframes circle1 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

@keyframes circle2 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

@keyframes circle3 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

.box .c-box-2 .text-l .flower { position: absolute; top: 9%; right: 40%; width: 0; width: 30px\9; }

.box .c-box-2 .text-l .flower img { display: block; width: 100%; }

.box .c-box-2 .text-l .click-t { display: none; text-align: center; padding-top: 15px; }

.box .c-box-2 .text-l .text-d {margin: 0 -50px; padding-top: 15px; }

.box .c-box-2 .text-l .text-d span { display: block; text-align: center; font-size: 16px; color: #fff; }

@media (max-width: 1199px) { .box .c-box-2 .text-l .text-d span { font-size: 12px; } }

.box .c-box-2 .text-r { position: absolute; top: 46%; right: 34%; width: 6%; opacity: 0; transition: all 1s linear; }

.box .c-box-2 .text-r img { display: block; width: 100%; }

.box .c-box-2 .text-z { position: absolute; top: 38%; bottom: 62%; left: 50%; left: 42%/9; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; background: #fff; transition: all 1s linear; }

.box .c-box-2 .time2 { position: absolute; top: 80%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); left: 17.5% \9; padding: 40px 0; width: 65%; height: 1px; overflow: hidden; }

.box .c-box-2 .time2 img { display: block; width: 100%; }

.box .c-box-2 .time2 .img { height: 1px; width: 0; opacity: 0; transition: all 1s linear; }

.box .c-box-2 .time2 span { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); top: 40% \9; width: 17px; height: 17px; opacity: 0; transition: all 1s linear; }

.box .c-box-2 .time2 .span1 { left: 10%; }

.box .c-box-2 .time2 .span2 { left: 30%; }

.box .c-box-2 .time2 .span3 { left: 50%; }

.box .c-box-2 .time2 .span4 { left: 70%; }

.box .c-box-2 .time2 p { position: absolute; bottom: 0; margin: 0; line-height: 1em; font-size: 16px; color: #fff; font-weight: bold; opacity: 0; transition: all 1s linear; }

.box .c-box-2 .time2 .p1 { left: 29.3%; }

.box .c-box-2 .time2 .p2 { left: 49.3%; }

.box .c-box-2 .time2 .p3 { left: 69.3%; }

.box .c-box-2 .time2 .p4 { left: 88.3%; }

.box .t-opacity .h-top { opacity: 1; }

.box .t-opacity .text-l { left: 26%; opacity: 1; }

.box .t-opacity .text-r { right: 33%; opacity: 1; }

.box .t-opacity .text-z { bottom: 26%; width: 1px; }

@media (max-width: 1199px) { .box .t-opacity .text-z { bottom: 30%; } }

.box .t-opacity .time2 .img { width: 100%; opacity: 1; }

.box .t-opacity .time2 span { opacity: 1; }

.box .t-opacity .time2 .span1 { left: 20%; }

.box .t-opacity .time2 .span2 { left: 40%; }

.box .t-opacity .time2 .span3 { left: 60%; }

.box .t-opacity .time2 .span4 { left: 80%; }

.box .t-opacity .time2 p { opacity: 1; }

.box .t-opacity .time2 .p1 { left: 19.3%; }

.box .t-opacity .time2 .p2 { left: 39.3%; }

.box .t-opacity .time2 .p3 { left: 59.3%; }

.box .t-opacity .time2 .p4 { left: 78.3%; }

.box .c-box-3 { top: 0; right: -200%; bottom: 0; left: 200%; background-image: url("background-3.jpg"); }

.box .c-box-3 .h-top { opacity: 0; transition: all 1s linear; }

.box .c-box-3 .text-l { position: absolute; top: 47%; left: 34%; width: 6%; opacity: 0; transition: all 1s linear; }

@media (max-width: 960px) { .box .c-box-3 .text-l { top: 48%; } }

.box .c-box-3 .text-l img { display: block; width: 100%; }

.box .c-box-3 .text-r { position: absolute; top: 41%; right: 30%; width: 8.85%; opacity: 0; transition: all 1s linear; }

.box .c-box-3 .text-r .content img { display: block; width: 100%; }

@keyframes crotate { 0% { transform: rotate(0deg); }
  25% { transform: rotate(8deg); }
  75% { transform: rotate(-8deg); }
  100% { transform: rotate(0deg); } }


.box .c-box-3 .text-r .ripple-s { position: absolute; top: 51%; left: 27%; width: 94.11%; height: 51.1%; z-index: 4; }

.box .c-box-3 .text-r .ripple-s .circle { position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; }

.box .c-box-3 .text-r .ripple-s .circle img { display: block; width: 100%; }

.box .c-box-3 .text-r .ripple-s .circle1 { animation: circle1 3s linear infinite; }

.box .c-box-3 .text-r .ripple-s .circle2 { animation: circle1 3s linear 1s infinite; }

.box .c-box-3 .text-r .ripple-s .circle3 { animation: circle1 3s linear 2s infinite; }

@keyframes circle1 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

@keyframes circle2 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

@keyframes circle3 { 0% { top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% { top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
    filter: alpha(opacity=20); } }

.box .c-box-3 .text-r .click-s { display: none; text-align: center; padding-top: 15px; }

.box .c-box-3 .text-r .text-f { margin: 0 -50px; padding-top: 15px; }

.box .c-box-3 .text-r .text-f span { display: block; text-align: center; font-size: 16px; color: #1e3f65; }

@media (max-width: 1199px) { .box .c-box-3 .text-r .text-f span { font-size: 12px; } }

.box .c-box-3 .text-z { position: absolute; top: 38%; bottom: 62%; left: 50%; left: 42%/9; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; background: #1e3f65; }

.box .c-box-3 .time3 { position: absolute; top: 80%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); left: 17.5% \9; padding: 40px 0; width: 65%; height: 1px; overflow: hidden; }

.box .c-box-3 .time3 img { display: block; width: 100%; }

.box .c-box-3 .time3 .img { width: 0; height: 1px; transition: all 1s linear; }

.box .c-box-3 .time3 span { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); top: 40% \9; width: 17px; height: 17px; opacity: 0; transition: all 1s linear; }

.box .c-box-3 .time3 .span1 { left: 10%; }

.box .c-box-3 .time3 .span2 { left: 30%; }

.box .c-box-3 .time3 .span3 { left: 50%; }

.box .c-box-3 .time3 .span4 { left: 70%; }

.box .c-box-3 .time3 p { position: absolute; bottom: 0; margin: 0; line-height: 1em; font-size: 16px; color: #1e3f65; font-weight: bold; opacity: 0; transition: all 0.3s linear; }

.box .c-box-3 .time3 .p1 { left: 29.3%; }

.box .c-box-3 .time3 .p2 { left: 49.3%; }

.box .c-box-3 .time3 .p3 { left: 69.3%; }

.box .c-box-3 .time3 .p4 { left: 88.3%; }

.box .c-box-3 .number3 p { color: #1e3f65; }

.box .c-box-3 .number3 span { color: #1e3f65; }

.box .s-opacity .h-top { opacity: 1; }

.box .s-opacity .text-l { left: 34%; opacity: 1; }

.box .s-opacity .text-r { right: 33%; opacity: 1; }

.box .s-opacity .text-z { bottom: 26%; width: 1px; }

@media (max-width: 1199px) { .box .s-opacity .text-z { bottom: 30%; } }

.box .s-opacity .time3 .img { width: 100%; }

.box .s-opacity .time3 span { opacity: 1; }

.box .s-opacity .time3 .span1 { left: 20%; }

.box .s-opacity .time3 .span2 { left: 40%; }

.box .s-opacity .time3 .span3 { left: 60%; }

.box .s-opacity .time3 .span4 { left: 80%; }

.box .s-opacity .time3 p { opacity: 1; }

.box .s-opacity .time3 .p1 { left: 19.3%; }

.box .s-opacity .time3 .p2 { left: 39.3%; }

.box .s-opacity .time3 .p3 { left: 59.3%; }

.box .s-opacity .time3 .p4 { left: 78.3%; }

.box .c-box-4 { top: 0; right: -300%; bottom: 0; left: 300%; background-color: #eee; background-image: url(); overflow: hidden; }

/*结束*/

.ly-relative{ 
    position: relative;
    height: 100%;
    width: 100%;
}
.ly-iframe{position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    bottom:0 ;}
.ly-relative .footer{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;}
.ly-relative .footer .brand{
	float: left;
    margin: 34px 0;
}
.ly-relative .footer .author{
float: right;
    margin: 15px 0;
    line-height: 23px;
    font-size: 14px;
    list-style: none;
}