@charset "UTF-8";
html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    background: #f1f3f5;
    color: #333
}
body { margin: 0; padding:0; }
h1,h2,h3,h4,ul,li, dd, dt, dl, p { list-style: none; padding: 0; margin: 0; }
a { color: #333; text-decoration: none; font-weight: 400;cursor: pointer; }
a:hover, a:focus { color: #F30; ; text-decoration: none; }
input,button{ border:0px; outline:none; }
a:active, a:hover { outline: 0 }
textarea { overflow: auto;}
td, th { padding: 0;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
img { max-width: 100%; height: auto; box-sizing: border-box; }


.clearfix:after, .clearfix:before { display: table; content: ""; }
.clearfix:after { clear: both; }

.header {
    /*height: 100px;*/
    background: url(../images/tupian.png) center center no-repeat;
    background-size: auto 100%;
}
@media (min-width: 992px) {
  .header {
      background-size: 100% 100%;
  }
}
.header .logo {
    text-align: center;
    padding: 20px 0;
}
.header .logo h1 {
    font-size: 28px;
    height: 40px;
    color: #C9963F;
}
.header .logo span {
    display: block;
    height: 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
    position: relative;
    color: #C9963F;
}
.header .logo span:before, .header .logo span:after {
    content: "";
    height: 1px;
    width: 30px;
    position: absolute;
    top: 10px;
    background-color: #C9963F;
}
.header .logo span:before {
    left: 0;
}
.header .logo span:after {
    right: 0;
}
.header .nav a {
    line-height: 96px;
    font-size: 16px;
    padding: 0;
}
.header .nav a:hover, .header .nav a.active {
    border-bottom: 4px solid #C9963F;
    font-weight: bold;
    color: #C9963F;
}

.header .tele {
    float:right;
    margin: 18px 0;
}
.header .tele small {
    background: url(../images/header_icon.png) 0 2px no-repeat;
    background-size: 16px;
    padding-left: 20px;
    font-size: 14px;
    color: #FFFCF6;
    display: inline-block;
    height: 20px;
}
.header .tele span {
    font-size: 18px;
    display: block;
    height: 24px;
    color: #FFFCF6;
    font-weight: bold;
}

.header .menu {
    border-bottom: 1px solid rgba(216,216,216,0.33);
}

.header .item {
    background-color: rgba(57, 72, 112, 0.78);
    width: 100%;
    line-height: 80px;
}
.header .item li {
    font-weight: bold;
    font-size: 24px;
    background-image: -webkit-linear-gradient(left,#C2A471,#C9963F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.header .item li i {
    background: url(../images/youshi_icon_1.png) 0 0 no-repeat;
    background-size: 40px;
    width: 40px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
}
.header .item li:nth-child(2) i {
    background-image: url(../images/youshi_icon_2.png);
}
.header .item li:nth-child(3) i {
    background-image: url(../images/youshi_icon_3.png);
}
.header .item li:nth-child(4) i {
    background-image: url(../images/youshi_icon_4.png);
}
.header .item li span {
    vertical-align: middle;
    margin-left: 12px;
}
.header .body {
    text-align: center;
    color: #C2A471;
    margin: 7% 0 15%;
}
.header .body h2 {
    font-weight: bold;
    margin-bottom: 32px;
    font-size: 38px;
}
.header .body p {
    font-size: 18px;
}


.catpos {
    color: #999;
    margin-bottom: 16px;
    font-size: 14px;
}
.catpos a {
    color: #999;
    margin-right: 8px;
}
.catpos a:after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #999;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    margin-left: 2px;
}

.head {
    color: #C9963F;
    text-align: center;
    margin-bottom: 32px;
}
.head h2 {
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 8px;
}
.head span {
    font-size: 24px;
    text-transform: uppercase;
    opacity: 0.6;
    font-weight: normal;
}

.youshi {
    padding: 40px 0;
}
.youshi p {
    display: block;
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 1.7;
    font-weight: normal;
    line-height: 38px;
}
.youshi ul {
    margin-left: -30px;
}
.youshi li {
    width: 380px;
    background: #FFF;
    float: left;
    margin-left: 30px;
    margin-bottom: 32px;
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    border-left: 10px solid #C9963F;
}
.youshi li h4 {
    font-size: 18px;
    margin-bottom: 8px;
}
.youshi li span {
    color: #999;
    font-size: 14px;
    display: inline-block;
    height: 40px;
    line-height: 23px;
}
.youshi .desc {
    text-align: center;
    margin-bottom: 32px;
}

.haochu {
    padding: 40px 0;
    background-color: #F7F7F7;
}
.haochu .body {
}
.haochu .body li {
    margin-bottom: 32px;
    text-align: center;
    border-radius: 4px;
}
.haochu .body li a {
    background: #FFF;
    display: block;
}
.haochu .body li img {
    width:100%;
}
.haochu .body li h4 {
    display: inline-block;
    color: #6C717F;
    border-radius: 4px;
    margin: 24px auto;
    padding: 0 16px;
    line-height: 30px;
    font-size: 18px;
}



.xinwen {
    overflow: hidden;
    background: #F7F7F7;
    padding: 40px 0 0;
}
.xinwen .thumb {
    font-size: 0;
    position: relative;
    margin-bottom: 24px;
}
.xinwen .thumb img {
    width: 100%;
    height: 350px;
}
.xinwen .thumb h4 {
    color: #FFF;
    font-size: 14px;
    padding:0 16px;
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.5);
}

.xinwen .thumb a:hover {
    color: #C9963F;
}
.xinwen .lists {
}
.xinwen .lists .hd {
    overflow: hidden;
    margin-bottom: 8px;
}
.xinwen .lists .hd a {
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 16px;
    float: left;
    margin-right: 24px;
    font-weight: bold;
}
.xinwen .lists .hd a.active {
    color: #C9963F;
    border-bottom: 3px solid #C9963F;
}
.xinwen .lists .bd {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.xinwen .lists .bd li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #ddd;
}
.xinwen .lists .bd li span {
    float: right;
    font-weight: normal;
    color: #999;
}

.guanyu {
    background: url(../images/guanyu_bg.png) center center no-repeat;
    background-size: auto;
    padding: 40px 0;
}
.guanyu .head {
    color: #FFF;
}
.guanyu .body {
    width: auto;
    margin-bottom: 32px;
}
.guanyu .body .img {
    margin-bottom: 24px;
}
.guanyu .body .img img {
    width: 100%;
}
.guanyu .body .txt p {
    font-size: 16px;
    line-height: 2.5;
    text-align: justify;
    color: #FFF;
    font-weight: normal;
}
.guanyu .step li:nth-child(1) .txt i {
    background-image: url(../images/guanyu_icon_1.png);
}
.guanyu .step li:nth-child(2) .txt i {
    background-image: url(../images/guanyu_icon_2.png);
}
.guanyu .step li:nth-child(3) .txt i {
    background-image: url(../images/guanyu_icon_3.png);
}
.guanyu .step li:nth-child(4) .txt i {
    background-image: url(../images/guanyu_icon_4.png);
}
.guanyu .step .txt {
    background: linear-gradient(270deg, #214E9D 0%, rgba(33,78,157,0.62) 97%);
    color: #FFF;
    padding: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.guanyu .step .txt i {
    display: block;
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-position: 0 0;
    background-repeat: no-repeat;
    flex: 0 0 50px;
}
.guanyu .step .txt .bd {
    margin-left: 12px;
}
.guanyu .step .txt h5 {
    font-size: 20px;
}
.guanyu .step .txt span {
    display: block;
    text-align: justify;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
}

.tedian {
    padding-top: 40px;
    padding-bottom: 5px;
    background: #F7F7F7;
}
.tedian .body {
    text-align: center;
}
.tedian .body li {
    background:url(../images/tedian_icon_1.png) center top no-repeat;
    background-size: 80px;
    padding-top: 110px;
    margin-bottom: 16px;
}
.tedian .body li:nth-child(2) {
    background-image: url(../images/tedian_icon_2.png);
}
.tedian .body li:nth-child(3) {
    background-image: url(../images/tedian_icon_3.png);
}
.tedian .body li:nth-child(4) {
    background-image: url(../images/tedian_icon_4.png);
}
.tedian .body li:nth-child(5) {
    background-image: url(../images/tedian_icon_5.png);
}
.tedian .body li:nth-child(6) {
    background-image: url(../images/tedian_icon_2.png);
}
.tedian .body li h4 {
    margin-bottom: 10px;
    color: #737272;
    font-weight: bold;
    font-size: 20px;
}
.tedian .body li p {
    color: #A8A8A8;
    font-weight: normal;
    font-size: 14px;
}
.tedian .main {
    margin-bottom: 32px;
}
.tedian .main ul {
    line-height: 32px;
    font-size: 18px;
}

.lianxi {
    background-color: #292D38;

}
.lianxi {
    background-color: #292D38;
    padding: 56px 0 0;
}
.lianxi .left {
    margin-bottom: 24px;
}
.lianxi .left h4 {
    font-size: 28px;
    height: 40px;
    color: #C9963F;
    font-weight: bold;
    text-align-last:justify
}
.lianxi .left span {
    display: block;
    height: 20px;
    font-size: 14px;
    text-align: center;
    position: relative;
    color: #C9963F;
}
.lianxi .left p {
    color: #A8A8A8;
    display: inline-block;
    font-weight: normal;
    line-height: 2;
    margin-top: 24px;
}
.lianxi .left span:before, .lianxi .left span:after {
    content: "";
    height: 1px;
    width: 30px;
    position: absolute;
    top: 10px;
    background-color: #C9963F;
}
.lianxi .left span:before {
    left: 0;
}
.lianxi .left span:after {
    right: 0;
}
.lianxi .main {
    margin-bottom: 24px;
    color: #9e9e9e;
}
.lianxi .main li {
    background: url(../images/footer_icon_1.png) 0 0 no-repeat;
    background-size: 20px;
    margin-bottom: 24px;
    padding-left: 30px;
    font-size: 16px;
}
.lianxi .main li:nth-child(2) {
    background-image: url(../images/footer_icon_2.png);
}
.lianxi .main li:nth-child(3) {
    background-image: url(../images/footer_icon_3.png);
}
.lianxi .main li:nth-child(4) {
    background-image: url(../images/footer_icon_4.png);
}
.lianxi .hd {
    color: #B5B5B5;
    border-bottom: 1px solid #4E5363;
    margin-bottom: 24px;
    height: 40px;
}
.lianxi .hd h2 {
    font-size: 18px;
    height: 40px;
    display: inline-block;
    border-bottom: 1px solid #C9963F;
}

.mainly {
    padding: 32px 0;
    background: #EEE;
}
.colnav {
    background-color: #FFF;
    margin-bottom: 24px;
}
.colnav h1 {
    background: #C9963F;
    color: #FFF;
    font-size: 22px;
    text-align: center;
    padding:16px 0;
    margin-bottom: 32px;
}
.colnav ul {
    padding: 0 24px 24px;
}
.colnav a {
    display: block;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 24px;
}
.colnav .active {
    background-color: rgba(0, 94, 255, 0.1);
    border-radius: 30px;
    color: #3C68B3;
}

.column {
}
.column .list {
    background-color: #FFF;
    padding: 32px 32px 0;
}
.column .list li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
    overflow: hidden;
}
.column .list li:last-child {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom:none;
}
.column .list img {
    height: 127px;
    width: 127px;
    margin-right: 24px;
    float: left;
}
.column .list h4 {
    font-size: 16px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.column .list p {
    color: #666;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 23px;
    height: 69px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.column .list time {
    color: #999;
    font-size: 15px;
}


.detail {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 15px;
    background: #fff;
    overflow: hidden;
}

.detail h1 {
    line-height: 1.3;
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
}

.detail .meta {
    width: 100%;
    line-height: 20px;
    padding-bottom: 10px;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    text-align: center;
}

.detail .meta span {
    color: #999;
    padding-right: 10px;
}

.detail .meta span a {
    color: #BA2020;
    font-weight: 800;
}

.detail .body {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-align: justify;
}

.detail .body p {
    margin-bottom: 0;
    line-height: 30px;
}

.detail .body p em {
    font-size: 12px;
    color: #A6A6A6;
    font-style: normal;
    line-height: 20px;
}

.detail .body a {
    color: #450A11;
    text-decoration: underline;
}

.detail .body a:hover {
    color: #BA2020;
}

.detail .body img {
    display: inline-block;
    text-align: center;
    margin: 5px auto;
    padding: 5px;
    border: #F5F5F5 1px solid;
    border-radius: 3px;
    max-width: 100%;
}

.detail .tags {
    width: 100%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

.detail .tags h3 {
    font-size: 14px;
    font-weight: normal;
    display: none;
}

.detail .tags li {
    float: left;
    width: 20%;
    line-height: 30px;
}

.updown {
    position: relative;
    border: #F3F3F3 1px solid;
    padding: 10px 20px;
    border-radius: 3px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 15px;
}

.updown .line {
    height: 10px;
    overflow: hidden;
    clear: both;
    background: url(../images/box_dotline.gif) left 15px repeat-x;
    margin: 4px auto;
    padding-top: 10px;
}

.updown .line strong {
    display: block;
    width: 8px;
    height: 10px;
    overflow: hidden;
    font-size: 0px;
    line-height: 100px;
    background: url(../images/box_dotline.gif) right -10px no-repeat;
    float: left;
}

.updown .text {
    color: #999;
}

.updown .text li {
    float: left;
    width: 100%;
    line-height: 35px;
    font-size: 16px;
}


.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    justify-content: center;
}

.pagination>li {
    display: inline;
}

.pagination>.pagination>li>a {
    margin: 0 3px;
}

.pagination>.active a {
    z-index: 3;
    color: #fff;
    background-color: #1864cf;
    border-color: #1864cf;
    cursor: default;
}

.pagination>li>a,
.pagination>li>span {
    display: inline-block;
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #1864cf;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    margin: 0 3px;
}

.pagination>li>a:hover {
    background-color: #1864cf;
    border-color: #1864cf;
    color: #fff;
}