@charset "utf-8";

/*-- 全局reset
-------------------------------------------*/

html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
    font: 12px/1.5 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft YaHei', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif';
    color: #333;
    background-color: #f9f9f9;
}

/*清除内外边距*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

/*设置默认字体*/
:focus {
    outline: 0;
}

ul,
ol {
    list-style: none;
}

/*重置列表*/
fieldset, img {
    border: 0 none;
    vertical-align: top;
}

/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
    outline: none;
}

/*
form label {
    cursor: pointer;
}
*/

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*重置表格*/
blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;

}

a:hover {
    text-decoration: none;
}

a.special,
.special a {
    color: #1eb37b;
}

a.special:hover,
.special a:hover {
    color: #1eb37b;
    text-decoration: none;
}

/*--清除浮动
-------------------------------------------*/
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.cf:after,
.clearfix:after {
    clear: both;
}

.cf,
.clearfix {
    clear: both;
    *zoom: 1;
}

/*-- 字号、颜色、外边距、内补丁、居中、行高、显示、隐藏
--------------------------------------------------------------------------*/
.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-999 {
    color: #999;
}

.c-green {
    color: #1fb079;
}

.c-orange {
    color: #fc714c;
}

.c-reg {
    color: #d90106;
}

/* 字号 */
.f9 {
    font-size: 9px;
    -webkit-text-size-adjust: none;
}

.f12,
.fb12 {
    font-size: 12px;
}

.simsun {
    font-family: SimSun;
}

.f14,
.fb14 {
    font-size: 14px;
}

.f16,
.fb16 {
    font-size: 16px;
}

.f18,
.fb18 {
    font-size: 18px;
}

.f20,
.fb20 {
    font-size: 20px;
}

.fb,
.fb12,
.fb14,
.fb16,
.fb18,
.fb20 {
    font-weight: 700;
}

/* 隐藏 居中 */

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.show {
    display: block;
}

.hide {
    display: none !important;
}

/*文字隐藏,省略号*/
.ti,
.te {
    white-space: nowrap;
    overflow: hidden;
}

.ti {
    text-indent: -999em;
}

.te {
    text-overflow: ellipsis;
}
.fixed-background {
  background-image: url("https://www.kywlsw.com/temp/upload/25041409/25041409531100476.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed; /* 背景固定 */
  height: 100vh; /* 或者其他固定高度 */
  overflow-y: auto; /* 允许垂直滚动 */
}

.cstj{width: 86%; height: auto;background-color:rgba(32,29,170,0.5); box-shadow: 3px 3px 18px rgba(0,174,255,0.4); border-radius: 10px; margin-top: 150px;margin-left: 7%; padding:2%; margin-bottom: 5%;}
.cstj h2{font-size: 24px; height: 60px; color: #00f6ff; width: 30%; margin-left: 35%; text-align: center; background: url("../image/bj01.png") no-repeat top center;border-radius: 10px;  line-height: 60px; font-weight: bold;}
.cstj h3{ color: #fff; font-size: 18px; line-height: 40px; }

.cstjs{width: 86%; height: auto;background-color:rgba(32,29,170,0.5); box-shadow: 3px 3px 18px rgba(0,174,255,0.4); border-radius: 10px; margin-top: 150px;margin-left: 7%; padding:2%; margin-bottom: 5%;}
.cstjs h2{font-size: 24px; height: 60px; color: #00f6ff; width: 30%; margin-left: 35%; text-align: center; background: url("../image/bj02.png") no-repeat top center;border-radius: 10px;  line-height: 50px; font-weight: bold;}
.cstjs h3{ color: #fff; font-size: 18px; line-height: 40px;  }

.cstj1{width: 86%; height: auto;background-color:rgba(32,29,170,0.5); box-shadow: 3px 3px 18px rgba(0,174,255,0.4); border-radius: 10px; margin-top: 150px;margin-left: 7%; padding:2%; margin-bottom: 5%;}
.cstj1 h2{font-size: 24px; height: 60px; color: #00f6ff; width: 30%; margin-left: 35%; text-align: center; background: url("../image/bj03.png") no-repeat top center;border-radius: 10px;  line-height: 50px; font-weight: bold;}
.cstj1 h3{ color: #fff; font-size: 18px; line-height: 40px;  }

.foot{width: 100%; height: auto;background-color:#031ea7; text-align: center; font-size: 18px; line-height: 35px; padding: 1% 0; color: #fff; margin-top: 5%;}


.new{width: 100%; height: auto;}
.new ul{width: 100%; height: auto; display: flex; flex-wrap: wrap;}
.new ul li{width: 23%; height: auto; margin: 1%; padding-bottom: 1%; background-color:#031ea7; box-shadow: 3px 3px 18px rgba(0,174,255,0.4); border-radius: 10px; }
.new_tp{width: 100%; height:250px; border-radius: 10px;}
.new_tp img{width: 100%;height:250px; border-radius: 10px 10px 0 0}
.new_wz{width:92%; height: auto; margin: 0 0 0 4%; color: #fff;}
.new_wz h3{font-size: 20px; width: 100%; line-height: 30px; color: #fff; font-weight: bold;}
.new_wz h4{font-size: 16px; height: 60px; line-height: 30px; overflow: hidden;}

.link{width: 100%; height: auto; margin: 2% 0; display: flex; justify-content: center;}
.link a{border-radius: 3px;  background-color:#0173ff; color: #fff; height: 40px; line-height: 40px; margin: 0 1%; padding: 0 2%;}
.link a:hover{border-radius: 3px;  background-color:#06c4d3; color: #fff;height: 40px; text-decoration: none; line-height: 40px; margin: 0 1%; padding: 0 2%;}





.tab-box .tab{ color: #fff; font-size: 19px;margin-top:140px; }
.tab-box .tab ul{display: flex; justify-content: center;}
.tab-box .tab ul li{ height:60px; padding: 0 50px; color: #126bda; letter-spacing:2px; margin: 0 20px; font-size:32px; line-height: 60px; font-weight: bold; text-align: center;border-radius: 30px; background:#fff; }
.tab-box .tab ul li:hover{ background: rgba(255,255,255,0.9);;color: #fff; border-radius: 30px;background: linear-gradient(to right,#43bfff,#5d87ff); }
.tab-box .tab ul li.action{ background: rgba(255,255,255,0.9);;color: #fff; border-radius: 30px;background: linear-gradient(to right,#43bfff,#5d87ff); }
.tab-box .box{width: 100%;}
.tab-box .box .item{ display: none;  }
.tab-box .box .item:first-child{display: block;}

.xqqbm{  position: absolute;text-align: center; background: #fff; font-size:24px; color: #0173ff;border-radius: 30px; top:60px; right: 3%; padding: 8px 30px;}
.xqqbm:hover{color: #0200FF; text-decoration: none; padding: 9px 31px;}




.lkltzs{width: 100%; height: auto; color: #000; line-height: 40px; text-indent: 2em; letter-spacing: 2px;font-size: 20px; margin-top: 3%;}
.lkltzs_tp{width:20%; height: auto; margin: 0 1% 1% 0; }
.lkltzs img{width: 20%;border-radius: 10px; float:left; margin: 0 3% 1% 0; border-radius: 10px;border-radius: 10px; box-shadow: 3px 3px 18px rgba(0,174,255,0);}


.ljjs{width: 100%; height: auto; margin-top: 5%;}
.ljjs img{width: 100%;}


@media screen and (max-width: 1105px) {
    .tab-box .tab ul{display: flex;  flex-wrap: wrap;}
    .tab-box .tab{border-bottom: 1px solid #0b73c3; color: #fff; font-size: 16px; }
    .cstj1 h3{font-size: 14px; line-height:25px;}
    .tab-box .box .item{padding: 0px;}
    .xqqbm{  position: absolute;text-align: center; background: #fff; font-size:18px; color: #0173ff;border-radius: 30px; top:45px; right: 3%; padding: 5px 14px;}
.xqqbm:hover{color: #0200FF; text-decoration: none; padding: 6px 15px;}
    .tab-box .tab ul{display: flex; flex-wrap: wrap;  }   
    .tab-box .tab ul{ width:100%;}
    .foot{width: 100%; height: auto;background-color:#031ea7; text-align: center; font-size: 14px; line-height:25px; padding: 1% 0; color: #fff; margin-top: 5%;}
    .lkltzs{font-size:14px; line-height:30px;}   
    .tab-box{ width: 100%; margin-top: 100px; }
    .tab-box .tab ul li{ width:100%; height:30px;  color: #126bda; letter-spacing:0px; margin: 0 10px; font-size:16px; line-height:30px; font-weight: none; text-align: center;border-radius: 30px; background:#fff; }
    
}