@charset "utf-8"; @import url("/upload/css/animate.min.css"); @import url("/upload/css/fullpage.min.css"); @import url("/upload/css/jquery.mCustomScrollbar.min.css"); @import url("/upload/css/lightgallery.min.css"); @import url("/upload/css/revolution_style.css"); /* @font-face { font-family: 'pingfang'; src: url('/upload/font/pingfang.ttf') format('truetype'); } @font-face { font-family: 'msyh'; src: url('/upload/font/msyh.woff2') format('woff2'), url('/upload/font/msyh.woff') format('woff'), url('/upload/font/msyh.ttf') format('truetype'), url('/upload/font/msyh.eot') format('embedded-opentype'), url('/upload/font/msyh.svg') format('svg'), url('/upload/font/msyh.otf') format('opentype'); } */ body{ overflow-x:hidden; /* font-family: 'msyh','Microsoft YaHei' !important; */ font-family: 'Microsoft YaHei','微软雅黑' !important; } a{ text-decoration: none !important; } .reset_style{ /* font-family: 'msyh','Microsoft YaHei' !important; */ font-family: 'Microsoft YaHei','微软雅黑' !important; } .text-nowrap{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .k_animation{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .reset_style { word-wrap: normal; word-break: normal; } .k_linecolor{ background: -prefix-linear-zgradient(top, #1a99ce, #0b9647) !important; background: -webkit-linear-gradient(to bottom, #1a99ce, #0b9647) !important; background: -moz-linear-gradient(to bottom, #1a99ce, #0b9647) !important; background: -o-linear-gradient(to bottom, #1a99ce, #0b9647) !important; background: linear-gradient(to bottom, #1a99ce, #0b9647) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#1a99ce", endColorStr="#0b9647", GradientType=0)' !important; } .k_linecolor_right{ background: -prefix-linear-zgradient(left, #1a99ce, #0b9647) !important; background: -webkit-linear-gradient(to right, #1a99ce, #0b9647) !important; background: -moz-linear-gradient(to right, #1a99ce, #0b9647) !important; background: -o-linear-gradient(to right, #1a99ce, #0b9647) !important; background: linear-gradient(to right, #1a99ce, #0b9647) !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#1a99ce", endColorStr="#0b9647", GradientType=1)' !important; } .k_section{ width:100%; overflow: hidden; position: relative; } .k_content_container{ width:100%; padding:30px 0px; margin:0px auto; } .k_clear:before,.k_clear:after{ clear:both; display:table; content:""; } .k_full_width{ width:100%; padding-left:100%; padding-right:100%; margin-left: -100%; margin-right:-100%; box-sizing: content-box; -moz-box-sizing:content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; } .k_content_container:before,.k_content_container:after,.k_row:before,.k_row:after{ clear: both; display:table; content:" "; min-height: 0px; } .w_grid-000 > div > .p_gridbox{ overflow:visible; } .w_grid-000 > div > .p_gridbox:before,.w_grid-000 > div > .p_gridbox:after{ clear: both; display:table; content:" "; min-height: 0px; } div[class^="k_col_"]{ padding:0px 5px; float:left; position:relative; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; margin-top:10px; margin-bottom:10px; } .k_col_1{ width:8.3333333%; } .k_col_2{ width:16.66666667%; } .k_col_3{ width:25%; } .k_col_4{ width:33.33333333%; } .k_col_5{ width:41.66666667%; } .k_col_5_5{ width:20%; } .k_col_6{ width:50%; } .k_col_7{ width:58.33333333%; } .k_col_8{ width:66.66666667%; } .k_col_9{ width:75%; } .k_col_10{ width:83.33333333%; } .k_col_11{ width:91.66666667%; } .k_col_12{ width:100%; } /* lightgrallary */ .lg-backdrop{ z-index: 99999999 !important; } .lg-outer{ z-index: 100000000 !important; } .lg-sub-html{ display:none; } .lg-toolbar{ display:none; } .lg-video-cont{ position: relative; } .lg-outer .lg-video{ overflow:visible !important; } .k_video_close{ display:block; width:74px; height:74px; cursor:pointer; background-image:url(/img/ic_video_close.png); background-size:cover; position:absolute; right:-80px; top:-80px; } /* end */ /* swiper */ .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .k_swiper_nav { text-align:center; position:relative; z-index:3; } .k_swiper_nav .swiper-pagination-bullet{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; display:inline-block; margin:0px 13px; width:26px; height:26px; border-radius:50%; border:1px solid transparent; cursor:pointer; position:relative; text-align:center; } .k_swiper_nav .swiper-pagination-bullet:before{ width:8px; height:8px; content:" "; display:inline-block; background-color:#fff; border-radius:50%; margin-top:8px; } .k_swiper_nav .swiper-pagination-bullet:after{ width:8px; height:8px; content:" "; display:inline-block; border:1px solid transparent; border-radius:50%; position:absolute; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; top:calc(50% - 4px); top:-webkit-calc(50% - 4px); top:-moz-calc(50% - 4px); top:-ms-calc(50% - 4px); left:calc(50% - 4px); left:-webkit-calc(50% - 4px); left:-moz-calc(50% - 4px); left:-ms-calc(50% - 4px); } .k_swiper_nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color:#fff; } .k_swiper_nav .swiper-pagination-bullet:hover::after{ top:-1px; left:-1px; border-color:#fff; width:26px; height:26px; } .k_swiper_btn{ position:absolute; width:54px; height:54px; text-align:center; background-color:rgba(0,0,0,0.5); border-radius:50%; cursor:pointer; top:50%; top:calc(50% - 27px); top:-webkit-calc(50% - 27px); top:-moz-calc(50% - 27px); top:-ms-calc(50% - 27px); z-index:5; } .k_swiper_btn.k_swiper_left{ left:10px; } .k_swiper_btn.k_swiper_right{ right:20px; } .k_swiper_btn .e_icon{ color:#fff; font-size:28px; line-height:54px; display:block; } .k_swiper_btn:hover{ background-color:#f6d600; } /* end swiper */ /* page navigation */ .p_OccupyBox{ text-align:center; } .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; font-family: cursive; } /*宸︾炕椤�*/ .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:hover:after { top: 4px; left: -12px; background-color: #FFD900; border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: #FFD900; border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -moz-box-shadow: 0 3px 0 rgba(90, 90, 90, .8); box-shadow: 0 3px 0 rgba(90, 90, 90, .8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1 } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin:0 5px 0 18px; text-align: center; padding:0 10px; border-radius: 6px; border:1px solid #d9d9d9; background: #fff; color: #595959; } .p_page .pre:hover { color: #fff; background: #FFD900; border-color: #FFD900; cursor: pointer } .p_page .pre:active { background: #FFD900; border-color: #FFD900; color: #fff; } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: "\e6b0"; margin-right: 0; } .p_page .pre .i_pre { display: none; } /*鍙崇炕椤�*/ .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: #FFD900; font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .next:hover:after { top: 5px; right: -12px; background-color: #FFD900; border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: #FFD900; border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; border: 1px solid #d9d9d9; background: #fff; color: #595959; text-align: center; padding:0 10px; border-radius: 6px; } .p_page .next:hover { background: #FFD900; border-color: #FFD900; color: #fff; cursor: pointer } .p_page .next:active { background: #FFD900; border-color: #FFD900; color: #fff; } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: "\e6af"; margin-top: 0; float: right; margin-left: 0; } .p_page .next .i_next { display: none; } /* 涓嶅彲鐐瑰嚮鐘舵€� */ .p_page .js_pageBtnDisable, .p_page .js_pageBtnDisable:hover, .p_page .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_page .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} /*缈婚〉鏁板瓧*/ .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin:0 5px 0 0; padding:0 5px; background-size: 100% 100%; color: #595959; border:1px solid #d9d9d9; cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 6px; } .p_page .pageNum:hover { color: #fff; border-color: #FFD900; cursor: pointer; text-decoration: none; background-color: #FFD900; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #FFD900; border-color: #FFD900; } .p_page .pageNum.active { text-decoration: none; background-color: #FFD900; color: #fff; border-color: #FFD900; } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } /*缈婚〉鐪佺暐*/ .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102, 102, 102, 1) } .p_page .p_PageInterval { line-height: 30px; cursor: text; color: #ccc; font-family: cursive; } /*姣忛〉鏄剧ず鏉℃暟*/ .p_page .pagesize{ font-size:14px; float:left; margin-left: 10px; } .p_pagebox { width: 100%; height: auto; margin: 20px auto 0; clear: both; position: relative; font-size: 0; white-space: nowrap } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #FFD900; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #FFD900; background-color: #FFD900; cursor: pointer } .p_pagebox .pre:active { background-color: #FFD900; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 16px } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px } .p_pagebox .pre:hover .iconfont { color:#fff; } .p_pagebox .pre:active .iconfont { color:#fff; } .p_pagebox .pre .iconfont:before { content: "\e6b0" } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #FFD900; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#FFD900; cursor:pointer; } .p_pagebox .next:active{ background-color:#FFD900; } .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 16px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 22px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; } /* 涓嶅彲鐐瑰嚮鐘舵€� */ .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} .p_pagebox .NumBox { width: 44%; height: 44px; border: 1px solid #cdd5d5; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: top } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 22px; text-align: center; width: 100% } .p_pagebox .ItemBox { position: absolute; width: 100%; height: auto; border: 1px solid #d3d4d4; bottom: 44px; left: 0; max-height: 300px; overflow-y: auto; z-index: 99; border-bottom: 0 } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 22px } .p_pagebox .NumBox ul li { width: inherit; height: 40px; line-height: 40px; text-align: center; background-color: #fffffe; color: #323332; font-size: 16px } .p_pagebox .NumBox ul li .iconfont:before { content: "" } .p_pagebox .NumBox ul li:active { background-color: #e4e4e4 } /* end */